:root{color-scheme:dark;--bg:#070c19;--panel:#0c1426;--panel2:#101d32;--line:#223350;--text:#eef5ff;--muted:#94a6c2;--blue:#3998ff;--cyan:#76d9ff;--green:#61e2c6;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{outline-offset:4px}button{cursor:pointer}.container{width:min(1200px,calc(100% - 44px));margin-inline:auto}.landing{background:radial-gradient(ellipse at 58% -10%,#183263 0,transparent 40%),var(--bg);overflow-x:hidden}.ambient{position:absolute;pointer-events:none;filter:blur(110px);opacity:.25}.ambient-a{width:450px;height:350px;border-radius:100%;background:#1e66d8;top:140px;right:-200px}.ambient-b{width:360px;height:280px;border-radius:100%;background:#1869ad;top:680px;left:-200px}.site-header{position:relative;z-index:2;width:min(1200px,calc(100% - 44px));margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 0}.logo{font-weight:850;font-size:23px;letter-spacing:-1px}.logo span:last-child{color:#8fd1ff}.logo-mark{display:inline-grid;place-items:center;margin-right:8px;width:32px;height:32px;border:1px solid #4e85b7;background:linear-gradient(140deg,#135496,#101b33);border-radius:9px;color:#9fdfff;font-size:19px}.top-nav{display:flex;align-items:center;gap:32px;color:#b5c5dc;font-size:13px;font-weight:650}.top-nav a:hover{color:#fff}.top-nav .nav-demo{border:1px solid #31547c;border-radius:10px;padding:11px 17px;color:white}.hero{text-align:center;padding-top:108px;padding-bottom:65px;position:relative}.eyebrow,.section-kicker{font-size:11px;letter-spacing:2.1px;color:#80c9ff;font-weight:800}.eyebrow{display:flex;align-items:center;justify-content:center;gap:12px}.pulse,.tiny-dot{display:inline-block;width:7px;height:7px;background:#66d2fa;border-radius:50%;box-shadow:0 0 12px #52aaff}.eyebrow .sep{color:#456281}.hero h1{font-size:clamp(43px,6.4vw,86px);line-height:1.095;letter-spacing:-.062em;margin:23px auto 27px;font-weight:850;max-width:1080px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#55b5ff,#afdefe);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{margin:0 auto;font-size:17px;color:#a9bbd6;max-width:665px}.hero-actions{display:flex;justify-content:center;gap:13px;margin:36px 0 20px}.btn{border:1px solid #365b82;border-radius:12px;padding:13px 20px;font-size:13px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:22px;transition:transform .17s,background .17s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#2887ec,#52b7ff);border-color:#77bbfa;color:#06192f;box-shadow:0 8px 28px #1a6fcc45}.btn-subtle{background:#111e32b6;color:#dce9ff}.hero-footnote{color:#7184a2;font-size:12px;display:flex;justify-content:center;align-items:center;gap:9px}.tiny-dot{background:var(--green);box-shadow:0 0 10px #61e2c640;width:5px;height:5px}.hero-product{position:relative}.app-frame{border:1px solid #345479;background:#0a1220;border-radius:19px;box-shadow:0 25px 110px #0009,0 0 75px #1850a623;overflow:hidden}.frame-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#111d31;border-bottom:1px solid #243752;font-size:11px;color:#8ca6c6}.traffic{display:flex;gap:7px}.traffic i{display:block;width:8px;height:8px;border-radius:50%;background:#37516f}.traffic i:first-child{background:#5285bb}.frame-domain{background:#0b1525;border:1px solid #2b3d59;border-radius:6px;padding:5px 55px}.lock{color:#69e7b8}.frame-meta{letter-spacing:1.2px}.frame-content{display:grid;grid-template-columns:214px 1fr;min-height:315px}.fake-sidebar{padding:24px 13px;background:#0b1424;border-right:1px solid #223550}.sidebar-heading,.mini-label{color:#6f90b5;letter-spacing:1.3px;font-weight:780;font-size:10px;margin:0 12px 15px}.fake-nav{padding:10px 11px;margin-bottom:5px;font-size:12px;color:#8fa4c0;border-radius:7px;display:flex;gap:12px;align-items:center}.fake-nav b{font-size:17px;color:#7090b5;font-weight:500}.fake-nav.active{background:#12325e;color:#d7ecff}.fake-nav.active b{color:#61b3ff}.fake-main{padding:25px 30px}.fake-topline{display:flex;justify-content:space-between;gap:8px;align-items:start}.fake-topline strong{display:block;font-size:19px}.fake-topline small{color:#7797b7;font-size:10px;letter-spacing:1px}.preview-pill{background:#142b3c;border:1px solid #32536b;color:#8ecde4;padding:5px 9px;border-radius:20px;font-size:10px;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.metric{border:1px solid #243b58;border-radius:10px;background:linear-gradient(150deg,#132540,#0d1727);padding:15px}.metric small,.metric span{display:block;color:#90a6bf;font-size:11px}.metric strong{display:block;font-size:30px;line-height:1.4}.metric span{color:#63c4de}.fake-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.chart-card,.module-card{border:1px solid #223550;border-radius:12px;padding:15px;background:#0e1b2d;min-height:130px}.mini-label{margin:0 0 14px}.bars{display:flex;align-items:end;gap:8px;height:82px;border-bottom:1px solid #233d60}.bars i{flex:1;background:linear-gradient(#5bc6ff,#1b5ca6);border-radius:4px 4px 0 0;opacity:.85}.module-row{display:flex;align-items:center;gap:10px;font-size:11px;padding:9px 0;border-bottom:1px solid #1a304c}.module-row:last-child{border:0}.module-row span:last-child{margin-left:auto;font-size:9px;letter-spacing:.4px}.good{color:#5ce3bd}.muted{color:#6c829e}.status-icon{color:#56a9e8}.section{padding:120px 0 0}.section h2{font-size:clamp(30px,4.5vw,57px);letter-spacing:-.05em;line-height:1.15;margin:16px 0 30px}.section h2 span{color:#69baff}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{background:linear-gradient(150deg,#10203a,#0b1424);border:1px solid #233b59;border-radius:16px;padding:27px 22px;min-height:205px}.feature-icon{font-size:27px;color:#65b7fa}.feature-grid h3{font-size:16px;margin:19px 0 8px}.feature-grid p{color:#91a5c1;font-size:12.5px;line-height:1.65;margin:0}.alpha-band{background:linear-gradient(110deg,#0f2645,#101827);border:1px solid #2e5178;border-radius:18px;padding:40px;display:flex;gap:20px;align-items:center;justify-content:space-between}.alpha-band h2{font-size:clamp(26px,3.7vw,42px);margin:14px 0}.alpha-band p{color:#9eafc6;max-width:650px;font-size:13px;line-height:1.7}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:65px;padding-bottom:40px}.site-footer small{color:#6c829e;font-size:11px}
/* Demo */.demo-body{background:#08101e}.demo-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.demo-side{background:#0b1527;border-right:1px solid #233753;min-height:100vh;padding:27px 17px;position:sticky;top:0;height:100vh}.demo-side .logo{display:block;margin-bottom:22px}.role-tag{color:#90bbde;background:#102c49;padding:9px 11px;border:1px solid #244e75;border-radius:9px;font-size:11px;margin-bottom:26px}.demo-section-title{font-size:10px;color:#6385ab;letter-spacing:1.3px;margin:19px 10px 9px;font-weight:800}.demo-link{display:flex;align-items:center;width:100%;background:transparent;color:#9aacca;border:0;padding:12px;border-radius:9px;text-align:left;font-size:13px;gap:12px;margin:3px 0}.demo-link i{font-style:normal;color:#668bb4;font-size:17px;width:19px;text-align:center}.demo-link:hover,.demo-link[aria-current="page"]{background:#12375c;color:#f2f8ff}.demo-link[aria-current="page"] i{color:#75c7ff}.demo-main{padding:28px clamp(20px,4vw,55px) 45px;min-width:0}.demo-banner{background:#18364b;border:1px solid #41728b;color:#b5e6ed;border-radius:10px;padding:10px 15px;font-size:11px;display:flex;gap:10px;align-items:center;justify-content:space-between}.demo-banner strong{color:#fff}.demo-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:33px 0 23px}.demo-top h1{font-size:31px;letter-spacing:-1.3px;margin:0}.demo-top p{color:#849fbe;font-size:13px;margin:5px 0 0}.badge-mini{background:#102d46;color:#76c9ff;border:1px solid #254d72;font-size:10px;padding:8px 10px;border-radius:8px}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.data-card,.demo-panel{background:linear-gradient(148deg,#11213a,#0e192b);border:1px solid #273e5c;border-radius:14px;padding:22px;min-width:0}.data-card .label{color:#93a9c5;font-size:12px}.data-card .value{font-size:34px;font-weight:800;letter-spacing:-1.3px;margin:12px 0 0}.data-card .extra{color:#6fc4dc;font-size:11px}.demo-two{display:grid;grid-template-columns:1.25fr 1fr;gap:15px;margin-top:15px}.demo-panel h2{font-size:16px;margin:0 0 16px}.item-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #233b56;padding:12px 0;gap:10px;font-size:13px}.item-row:last-child{border-bottom:0}.item-row small{display:block;color:#7f98b5;font-size:11px;margin-top:4px}.state{font-size:10px;border-radius:20px;padding:5px 9px;border:1px solid #2f5579;color:#89c8f8;background:#103252;white-space:nowrap}.state.green{background:#123c3b;border-color:#246d63;color:#7ee9ce}.state.amber{background:#3a2d1a;border-color:#78542d;color:#f5ca79}.demo-action{padding:9px 13px;border-radius:9px;border:1px solid #4777ac;background:#184b83;color:#e5f5ff;font-size:12px;font-weight:650}.demo-action:hover{background:#1d609e}.demo-action:disabled{opacity:.45;cursor:not-allowed}.demo-input{padding:10px 12px;border:1px solid #31516f;background:#0a182a;color:#fff;border-radius:9px;min-width:0}.form-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.explain{font-size:12px;color:#86a3c1;line-height:1.7}.warning{color:#f3c686}.access-table{width:100%;border-collapse:collapse;font-size:12px}.access-table th,.access-table td{border-bottom:1px solid #223750;padding:12px;text-align:left}.access-table th{color:#84a2c4;font-weight:650}.access-table td:not(:first-child){text-align:center}.yes{color:#6be0b8}.no{color:#6784a5}.table-wrap{overflow-x:auto}.demo-mobile-top{display:none}.status-note{background:#0a2434;border-left:3px solid #56b9f7;padding:13px 15px;color:#add9ec;font-size:12px;border-radius:8px;margin-bottom:17px}button:focus-visible,a:focus-visible{outline:2px solid #90d5ff}@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}.demo-grid{grid-template-columns:repeat(2,1fr)}.demo-two{grid-template-columns:1fr}.frame-content{grid-template-columns:180px 1fr}.fake-main{padding:18px}}@media(max-width:700px){.top-nav{gap:12px}.top-nav a:not(.nav-demo){display:none}.hero{padding-top:63px}.hero-actions{flex-direction:column;align-items:stretch}.hero-footnote{line-height:1.5}.frame-content{grid-template-columns:1fr}.fake-sidebar{display:none}.fake-bottom{grid-template-columns:1fr}.metric-grid{gap:7px}.metric{padding:10px}.metric strong{font-size:23px}.metric small,.metric span{font-size:9px}.fake-main{padding:13px}.frame-domain{padding:5px 12px}.frame-meta{display:none}.feature-grid{grid-template-columns:1fr}.alpha-band{padding:25px;display:block}.alpha-band .btn{margin-top:15px}.site-footer{display:block}.site-footer small{display:block;margin-top:12px}.section{padding-top:80px}.demo-shell{display:block}.demo-side{height:auto;position:static;min-height:0;padding:17px}.demo-side .logo{margin-bottom:10px}.demo-side .role-tag,.demo-section-title{display:none}.demo-nav{display:flex;overflow:auto;gap:5px;padding-top:10px}.demo-link{flex:0 0 auto;width:auto;white-space:nowrap;padding:10px}.demo-main{padding:19px}.demo-grid{grid-template-columns:1fr 1fr;gap:9px}.data-card,.demo-panel{padding:15px}.demo-top h1{font-size:26px}.demo-banner{align-items:start}.fake-bottom{gap:9px}}@media(max-width:380px){.demo-grid{grid-template-columns:1fr}.preview-pill{display:none}}