:root { --bg:#0a0c0b; --surface:#121612; --surface-2:#171c17; --line:rgba(234,247,228,.14); --text:#f2f7ef; --muted:#a7afa4; --acid:#d6ff39; --acid-dark:#1e2900; --pink:#f18bd2; --blue:#82b6ff; --font:'Manrope',Arial,sans-serif; --mono:'DM Mono',monospace; }
    * { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; min-width:320px; background:var(--bg); color:var(--text); font-family:var(--font); } body:before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.34; background:linear-gradient(90deg,transparent 49.9%,rgba(214,255,57,.035) 50%,transparent 50.1%) 0 0/80px 80px,linear-gradient(0deg,transparent 49.9%,rgba(214,255,57,.035) 50%,transparent 50.1%) 0 0/80px 80px; mask-image:linear-gradient(#000,transparent 70%); }
    a { color:inherit; text-decoration:none; } button { font:inherit; } .wrap { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
    .announcement { border-bottom:1px solid var(--line); color:#d7dfd2; font:500 12px/1.2 var(--mono); letter-spacing:.03em; } .announcement .wrap { display:flex; justify-content:center; padding:12px 0; gap:8px; } .announcement span { color:var(--acid); }
    header { position:sticky; top:0; z-index:10; backdrop-filter:blur(16px); background:rgba(10,12,11,.82); border-bottom:1px solid var(--line); } .nav { height:74px; display:flex; align-items:center; justify-content:space-between; gap:20px; } .brand { display:flex; align-items:center; gap:10px; font-size:21px; font-weight:800; letter-spacing:-.06em; } .brand-mark { width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:var(--acid); color:#0b0d0a; font:500 16px/1 var(--mono); letter-spacing:-.15em; } nav { display:flex; gap:30px; color:#c2c9be; font-size:14px; font-weight:600; } nav a:hover { color:var(--acid); } .nav-cta { padding:10px 16px; border:1px solid var(--acid); border-radius:9px; color:var(--acid); font-size:13px; font-weight:800; }
    .hero { padding:72px 0 54px; overflow:hidden; } .eyebrow { display:inline-flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid rgba(214,255,57,.35); border-radius:99px; color:var(--acid); background:rgba(214,255,57,.07); font:500 11px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; } .eyebrow i { width:7px; height:7px; background:var(--acid); border-radius:50%; box-shadow:0 0 0 4px rgba(214,255,57,.12); }
    .hero-grid { display:grid; grid-template-columns:1.02fr .98fr; gap:58px; align-items:center; } h1 { max-width:650px; margin:21px 0 21px; font-size:clamp(43px,5.4vw,76px); line-height:1.02; letter-spacing:-.075em; } h1 em { color:var(--acid); font-style:normal; } .hero-copy { max-width:530px; color:var(--muted); font-size:18px; line-height:1.65; } .hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:31px; } .button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 18px; border:1px solid transparent; border-radius:10px; font-size:14px; font-weight:800; cursor:pointer; transition:transform .2s, background .2s; } .button:hover { transform:translateY(-2px); } .button.primary { color:#11150d; background:var(--acid); } .button.secondary { color:#e5ece0; border-color:var(--line); background:#151914; }
    .trust { display:flex; align-items:center; gap:14px; margin-top:35px; color:#889183; font:500 11px/1.45 var(--mono); } .avatars { display:flex; } .avatar { width:25px; height:25px; border:2px solid var(--bg); margin-left:-7px; border-radius:50%; display:grid; place-items:center; font-size:9px; font-weight:800; color:#10130e; } .avatar:first-child { margin:0; } .a1{background:#ffc49d}.a2{background:#8edaff}.a3{background:#e0bcff}.a4{background:#d6ff39}
    .monitor { position:relative; border:1px solid rgba(214,255,57,.28); border-radius:18px; overflow:hidden; background:linear-gradient(145deg,#1d241b,#101411 64%); box-shadow:20px 25px 0 rgba(214,255,57,.06), 0 30px 65px rgba(0,0,0,.4); } .monitor:after { content:""; position:absolute; width:230px; height:230px; right:-60px; top:-90px; border-radius:50%; background:radial-gradient(circle,rgba(214,255,57,.23),transparent 68%); } .monitor-bar { display:flex; align-items:center; gap:7px; padding:15px 17px; border-bottom:1px solid var(--line); color:#9ba696; font:500 11px var(--mono); } .dots { display:flex; gap:5px; margin-right:7px; } .dots b { width:6px; height:6px; border-radius:50%; background:#536050; }.dots b:first-child{background:#df8179}.dots b:nth-child(2){background:#e5b66b}.dots b:nth-child(3){background:#82b779}.monitor-body { padding:21px; } .monitor-top { display:flex; align-items:flex-start; justify-content:space-between; } .monitor-title { color:#aeb8a9; font-size:12px; font-weight:700; }.monitor-brand { margin-top:4px; font-size:20px; font-weight:800; letter-spacing:-.05em; }.delta { padding:7px 9px; border-radius:7px; background:rgba(214,255,57,.13); color:var(--acid); font:500 11px var(--mono); }.score { display:flex; align-items:end; gap:12px; margin:23px 0 18px; }.score strong { font-size:61px; letter-spacing:-.1em; line-height:.8; }.score span { padding-bottom:7px; color:#a9b4a4; font:500 12px var(--mono); }.chart { height:105px; position:relative; border-bottom:1px dashed rgba(221,237,215,.15); background:repeating-linear-gradient(0deg,transparent 0 33px,rgba(221,237,215,.07) 33px 34px); }.chart svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }.chart path { fill:none; stroke:var(--acid); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 3px 5px rgba(214,255,57,.35)); }.chart circle { fill:var(--acid); stroke:#152014; stroke-width:4; }.channels { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:19px; }.channel { padding:10px; border-radius:8px; background:rgba(255,255,255,.045); }.channel label { display:block; overflow:hidden; color:#a5ada0; font:500 9px var(--mono); text-overflow:ellipsis; white-space:nowrap; }.channel b { display:block; margin-top:5px; font-size:14px; letter-spacing:-.03em; }.channel:nth-child(2) b{color:var(--blue)}.channel:nth-child(3) b{color:var(--pink)}
    .signal-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#0e110f; }.signals { padding:18px 0; display:flex; overflow:hidden; gap:36px; white-space:nowrap; color:#98a293; font:500 11px var(--mono); letter-spacing:.07em; text-transform:uppercase; }.signals b { color:var(--acid); font-weight:500; }
    section { padding:96px 0; } .section-kicker { color:var(--acid); font:500 11px var(--mono); letter-spacing:.12em; text-transform:uppercase; }.section-heading { margin:14px 0 0; max-width:760px; font-size:clamp(31px,4vw,53px); line-height:1.08; letter-spacing:-.065em; }.section-intro { max-width:590px; margin:18px 0 0; color:var(--muted); font-size:16px; line-height:1.65; }
    .platforms { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:42px; }.platform { min-height:178px; padding:20px; border:1px solid var(--line); border-radius:14px; background:var(--surface); transition:transform .2s,border-color .2s; }.platform:hover { transform:translateY(-4px); border-color:rgba(214,255,57,.55); }.platform-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; background:#242d22; color:var(--acid); font:800 16px var(--mono); }.platform h3 { margin:35px 0 7px; font-size:16px; letter-spacing:-.03em; }.platform p { margin:0; color:#909a8c; font-size:13px; line-height:1.5; }
    .workflow { background:#111510; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:43px; counter-reset:step; }.step { counter-increment:step; position:relative; padding:24px 24px 26px; border:1px solid var(--line); border-radius:14px; background:var(--bg); }.step:before { content:"0" counter(step); display:block; margin-bottom:47px; color:var(--acid); font:500 12px var(--mono); }.step h3 { margin:0; font-size:19px; letter-spacing:-.04em; }.step p { margin:10px 0 0; color:#99a495; font-size:14px; line-height:1.65; }
    .insight-grid { display:grid; grid-template-columns:1.13fr .87fr; gap:18px; margin-top:42px; }.big-card,.small-card { position:relative; overflow:hidden; padding:30px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }.big-card { min-height:390px; }.big-card h3,.small-card h3 { margin:0; font-size:25px; line-height:1.1; letter-spacing:-.055em; }.big-card p,.small-card p { max-width:390px; margin:12px 0 0; color:#9ca698; font-size:14px; line-height:1.65; }.queries { position:absolute; right:24px; bottom:20px; left:24px; display:grid; gap:9px; }.query { display:grid; grid-template-columns:1fr 72px 50px; gap:12px; align-items:center; padding:13px 14px; border:1px solid rgba(235,245,229,.1); border-radius:9px; background:#10140f; color:#c9d1c5; font-size:12px; }.query span:nth-child(2) { color:#788174; font:11px var(--mono); }.query b { color:var(--acid); text-align:right; font:500 12px var(--mono); }.small-stack { display:grid; gap:18px; }.small-card { min-height:186px; }.mini-bars { display:flex; align-items:end; gap:6px; height:56px; margin-top:21px; }.mini-bars i { width:16px; border-radius:3px 3px 0 0; background:#303b2c; }.mini-bars i:nth-child(1){height:22%}.mini-bars i:nth-child(2){height:42%}.mini-bars i:nth-child(3){height:36%}.mini-bars i:nth-child(4){height:61%;background:#597522}.mini-bars i:nth-child(5){height:51%;background:#719b2b}.mini-bars i:nth-child(6){height:84%;background:var(--acid)}.quote-mark { color:var(--acid); font-size:40px; line-height:.5; }.source { margin-top:18px; color:#a5aea1; font:500 11px var(--mono); }
    .faq-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; }.faq-list { border-top:1px solid var(--line); margin-top:10px; }.faq-item { border-bottom:1px solid var(--line); } .faq-item button { width:100%; padding:20px 0; display:flex; justify-content:space-between; align-items:center; gap:24px; color:var(--text); background:none; border:0; text-align:left; cursor:pointer; font-size:16px; font-weight:700; }.faq-item button span { color:var(--acid); font:26px/1 var(--mono); transition:transform .2s; }.faq-item p { max-height:0; overflow:hidden; margin:0; color:#9ea89b; font-size:14px; line-height:1.6; transition:max-height .3s,padding .3s; }.faq-item.open p { max-height:140px; padding:0 34px 19px 0; }.faq-item.open button span { transform:rotate(45deg); }
    .final { padding:0 0 96px; }.final-box { position:relative; overflow:hidden; padding:68px clamp(26px,7vw,85px); border:1px solid rgba(214,255,57,.55); border-radius:19px; background:var(--acid); color:#12160e; text-align:center; }.final-box:before,.final-box:after { content:""; position:absolute; width:300px; height:300px; border:1px solid rgba(19,25,14,.16); border-radius:50%; }.final-box:before { left:-155px; top:-175px; }.final-box:after { right:-150px; bottom:-180px; }.final h2 { position:relative; z-index:1; max-width:620px; margin:0 auto; font-size:clamp(33px,4.5vw,58px); line-height:1.04; letter-spacing:-.075em; }.final p { position:relative; z-index:1; max-width:505px; margin:17px auto 27px; color:#425032; font-size:16px; line-height:1.6; }.final .button { position:relative; z-index:1; background:#13170f; color:var(--acid); }
    footer { border-top:1px solid var(--line); padding:28px 0 38px; }.footer-row { display:flex; align-items:center; justify-content:space-between; gap:20px; }.footer-row p { margin:0; color:#7f897c; font:11px var(--mono); }.footer-links { display:flex; gap:18px; color:#aeb7a9; font-size:13px; font-weight:700; }
    @media (max-width:820px) { .wrap { width:min(100% - 32px,1180px); } nav { display:none; } .hero { padding-top:52px; }.hero-grid,.insight-grid,.faq-grid { grid-template-columns:1fr; gap:38px; }.monitor { max-width:580px; }.platforms { grid-template-columns:repeat(2,1fr); }.steps { grid-template-columns:1fr; }.step:before { margin-bottom:25px; }.big-card { min-height:380px; }.faq-grid { gap:29px; } section { padding:70px 0; } }
    @media (max-width:500px) { .announcement .wrap { padding:10px 8px; text-align:center; }.nav { height:64px; }.nav-cta { padding:9px 12px; }.hero-copy { font-size:16px; }.platforms { grid-template-columns:1fr; }.channels { gap:6px; }.channel { padding:8px; }.score strong { font-size:51px; }.query { grid-template-columns:1fr 47px; }.query span:nth-child(2) { display:none; }.big-card { padding:23px 18px; }.queries { right:14px; bottom:14px; left:14px; }.footer-row { align-items:flex-start; flex-direction:column; } }
    .nav-actions{display:flex;align-items:center;gap:10px}.theme-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:9px;background:#151914;color:var(--acid);cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.theme-toggle:hover{transform:translateY(-2px);border-color:var(--acid)}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.moon-icon{display:none}html[data-theme="light"]{--bg:#f3f8fa;--surface:#fff;--surface-2:#e8f1f3;--line:rgba(16,57,69,.16);--text:#14262d;--muted:#52666d;--acid:#006f89;--acid-dark:#d9f2f6;--pink:#a14a86;--blue:#1674be}html[data-theme="light"] body:before{opacity:.48;background:linear-gradient(90deg,transparent 49.9%,rgba(0,111,137,.06) 50%,transparent 50.1%) 0 0/80px 80px,linear-gradient(0deg,transparent 49.9%,rgba(0,111,137,.06) 50%,transparent 50.1%) 0 0/80px 80px}html[data-theme="light"] header{background:rgba(243,248,250,.86)}html[data-theme="light"] .announcement,html[data-theme="light"] .signal-strip{background:#eaf3f5;color:#4f6269}html[data-theme="light"] .theme-toggle{background:#fff;color:var(--acid)}html[data-theme="light"] .button.primary{color:#fff}html[data-theme="light"] .button.secondary{background:#fff;color:var(--text);border-color:var(--line)}html[data-theme="light"] .monitor{background:linear-gradient(145deg,#fafdfe,#e2f0f3 64%);box-shadow:20px 25px 0 rgba(0,111,137,.09),0 30px 65px rgba(20,52,61,.13)}html[data-theme="light"] .monitor:after{background:radial-gradient(circle,rgba(0,111,137,.16),transparent 68%)}html[data-theme="light"] .monitor-bar{color:#587079}html[data-theme="light"] .dots b{background:#a0b3b8}html[data-theme="light"] .monitor-title,html[data-theme="light"] .score span,html[data-theme="light"] .channel label{color:#61757b}html[data-theme="light"] .delta{background:rgba(0,111,137,.12);color:var(--acid)}html[data-theme="light"] .chart{background:repeating-linear-gradient(0deg,transparent 0 33px,rgba(18,73,88,.1) 33px 34px);border-color:rgba(18,73,88,.18)}html[data-theme="light"] .chart path{stroke:var(--acid);filter:drop-shadow(0 3px 5px rgba(0,111,137,.22))}html[data-theme="light"] .chart circle{fill:var(--acid);stroke:#eaf4f6}html[data-theme="light"] .channel{background:rgba(16,57,69,.06)}html[data-theme="light"] .workflow{background:#eaf3f5}html[data-theme="light"] .step{background:#fff}html[data-theme="light"] .query{background:#f8fcfd;border-color:rgba(16,57,69,.12);color:#1b353d}html[data-theme="light"] .query span:nth-child(2){color:#60747a}html[data-theme="light"] .big-card,html[data-theme="light"] .small-card{background:#fff}html[data-theme="light"] .mini-bars i{background:#aec5ca}html[data-theme="light"] .mini-bars i:nth-child(4){background:#71b8c7}html[data-theme="light"] .mini-bars i:nth-child(5){background:#319bb0}html[data-theme="light"] .mini-bars i:nth-child(6){background:var(--acid)}html[data-theme="light"] .final-box{background:#d8f1f6;border-color:#70b9c7;color:#102931}html[data-theme="light"] .final p{color:#44636b}html[data-theme="light"] .final .button{background:#113842;color:#e5f8fa}@media(max-width:820px){.nav-actions{gap:8px}}
    html[data-theme="light"] .sun-icon{display:none}html[data-theme="light"] .moon-icon{display:block}