/*
Theme Name: Active Observability
Theme URI: https://example.com/
Author: Active Observability
Description: A focused one-page startup theme for Active Observability with an integrated beta program registration form.
Version: 4.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: active-observability
*/

:root{--red:#ef1b24;--ink:#102238;--slate:#526173;--line:#e2e7eb;--soft:#f5f8fa;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#fff;line-height:1.45}a{color:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{height:76px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:58px;height:52px;object-fit:contain}.brand span{font-size:28px;letter-spacing:-.03em}.brand strong{font-weight:800}.brand em{font-style:normal;font-weight:300}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{text-decoration:none;font-size:14px;font-weight:600;padding:27px 0 23px;border-bottom:3px solid transparent}.nav-links a.active,.nav-links a:hover{border-color:var(--red)}
.visual-hero{height:285px;background:url('assets/images/active-observability-hero-clean.jpg') center/cover no-repeat}.visual-hero-inner{height:100%;display:flex;align-items:flex-start}.hero-tag{margin-top:42px;display:flex;align-items:stretch;gap:22px;background:rgba(255,255,255,.78);padding:8px 24px 8px 0}.hero-tag i{width:2px;background:#536273;display:block}.hero-tag span{font-size:31px;line-height:1.13;font-weight:650;letter-spacing:-.025em}.home-content{padding:32px 0 36px}.narrow{max-width:1100px}.home-description{font-size:18px;line-height:1.48;margin:0 auto 38px;max-width:1040px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;text-align:center;margin:0 0 44px}.feature-icon{width:76px;height:76px;border-radius:50%;background:#f0f3f5;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:43px;font-weight:800;color:#111;line-height:1}.feature:nth-child(1) .feature-icon,.feature:nth-child(3) .feature-icon{color:var(--red)}.feature h3{font-size:17px;margin:0 0 8px}.feature p{font-size:15px;line-height:1.35;margin:0;color:#26384c}.launch-strip{background:linear-gradient(90deg,#f4f7f9,#edf2f5);border-radius:6px;padding:22px 28px;display:flex;align-items:center;gap:24px;margin-bottom:26px}.launch-strip i{width:8px;height:54px;background:var(--red)}.launch-strip h2{font-size:29px;margin:0}.beta-cta{text-align:center;background:linear-gradient(120deg,#f4fbff,#e9f5fb);padding:25px 25px 22px;border-radius:5px}.beta-cta h2{font-size:25px;margin:0 0 4px}.beta-cta p{margin:0 auto 15px;max-width:660px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:7px;background:var(--red);color:#fff;text-decoration:none;font-weight:750;border:0;cursor:pointer;font:inherit}.btn.pill{border-radius:28px;padding:11px 28px}.btn.secondary{background:#fff;color:var(--ink);border:1px solid #cfd6dc}
.beta-banner{height:200px}.beta-banner .hero-tag{margin-top:34px}.beta-section{padding:34px 0 44px;background:#fff}.form-shell{max-width:980px}.form-card{border:1px solid var(--line);border-radius:8px;padding:28px 36px 30px;box-shadow:0 2px 12px rgba(16,34,56,.06);background:#fff}.form-card h1{font-size:30px;margin:0 0 6px}.form-intro{margin:0 0 22px;max-width:760px}.beta-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 26px}.field.full{grid-column:1/-1}.field label,.group-label{display:block;font-size:14px;font-weight:750;margin-bottom:6px}.field input,.field textarea{width:100%;border:1px solid #cbd3da;border-radius:4px;padding:9px 10px;font:inherit;background:#fff}.field textarea{min-height:112px;resize:vertical}.check-list{display:grid;gap:5px}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 34px}.check{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400!important;margin:0!important}.check input{width:auto}.submit-row{text-align:center;margin-top:2px}.notice{padding:12px 15px;border-radius:5px;margin-bottom:18px}.notice.error{background:#fff0f0;border:1px solid #efbcbc;color:#842029}.thanks{text-align:center;margin-top:20px}.thanks img{width:90px;height:90px;object-fit:contain}.thanks h2{font-size:32px;margin:14px 0 8px}.footer{background:#10263a;color:#dce4eb;padding:24px 0;font-size:13px}.footer a{color:#fff}.footer .wrap{display:flex;justify-content:space-between;align-items:center}
@media(max-width:760px){.brand span{font-size:21px}.brand img{width:48px}.nav-links{gap:15px}.nav-links a{font-size:12px}.visual-hero{height:230px}.hero-tag{margin-top:30px}.hero-tag span{font-size:24px}.feature-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.beta-form{grid-template-columns:1fr}.field.full{grid-column:auto}.checks{grid-template-columns:1fr}.form-card{padding:22px}.home-description{font-size:16px}}
/* v4: use supplied feature artwork */
.feature-icon{background:transparent;color:inherit}
.feature-icon img{display:block;width:76px;height:76px;object-fit:contain}