:root{--bg:#08090d;--panel:#101218;--text:#f5f7fb;--muted:#a5a9b5;--line:rgba(255,255,255,.10);--cyan:#51c7ff;--violet:#8c74ff;--max:1240px;--r:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -15%,#161d2e 0,#08090d 36%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.glass{background:rgba(20,23,31,.62);border:1px solid var(--line);box-shadow:0 14px 50px rgba(0,0,0,.24);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar-wrap{position:fixed;z-index:50;top:18px;left:0;right:0;padding:0 18px}.topbar{width:min(100%,1180px);margin:auto;border-radius:18px;padding:10px 12px 10px 16px;display:flex;align-items:center;gap:26px}.brand{font-weight:800;display:flex;align-items:center;gap:10px}.brand-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 0 24px var(--cyan)}.navlinks{margin-left:auto;display:flex;gap:22px;color:#c8cad2;font-size:14px}.navlinks a:hover{color:#fff}.nav-cta,.button{background:#f6f7fb;color:#090a0e;border-radius:12px;padding:11px 16px;font-weight:800}.hero{min-height:max(860px,100svh);position:relative;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#000}.hero-webgl-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.92;z-index:0}.hero-source-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;object-fit:cover;z-index:0}.hero-webgl-fallback .hero-source-video{inset:0;width:100%;height:100%;opacity:.34;filter:saturate(.9) contrast(1.12);transform:scale(1.03)}.hero-video-missing{background:radial-gradient(circle at 50% 30%,#15243c,#050608 66%)}.hero-fade{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 48%,rgba(8,9,13,.04),rgba(8,9,13,.34) 70%),linear-gradient(to bottom,rgba(8,9,13,.12),rgba(8,9,13,.10) 45%,#08090d 96%);pointer-events:none}.hero-inner{position:relative;z-index:2;text-align:center;padding-top:100px;text-shadow:0 2px 30px rgba(0,0,0,.28)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#aeb8cf}.hero h1{font-size:clamp(48px,7vw,98px);line-height:.93;letter-spacing:-.055em;max-width:1040px;margin:18px auto}.gradient-text{background:linear-gradient(110deg,#fff 15%,#9ee6ff 47%,#a48dff 78%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:800px;margin:28px auto;color:#c6cad4;font-size:clamp(18px,2vw,22px)}.hero p strong{color:#ea80fc;font-weight:750}.hero .gradient-text{background:linear-gradient(271.72deg,#a2facf 7.09%,#64acff 96.61%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button.secondary{background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--line)}.button.small{display:inline-block;padding:9px 13px}.trustline{margin-top:34px;color:#777e8d;font-size:13px}.section{padding:115px 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:56px}.section-head h2{font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.045em;margin:0}.section-head p{color:var(--muted);font-size:18px;max-width:580px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border-radius:22px;padding:28px;min-height:250px}.card .num{font-size:12px;color:#6e7584}.card h3{font-size:24px;margin:38px 0 12px}.card p{color:var(--muted)}.feature-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding:52px 0}.feature-row.reverse{grid-template-columns:1.1fr .9fr}.feature-copy h3{font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-.04em;margin:.2em 0}.feature-copy p{color:var(--muted);font-size:18px}.video-shell{position:relative;border-radius:var(--r);isolation:isolate}.video-glow{position:absolute;inset:10%;width:80%;height:80%;object-fit:cover;filter:blur(85px) saturate(1.5);opacity:1;transform:translateY(16%);z-index:-1}.video-main,.video-fallback{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r);border:1px solid var(--line);background:radial-gradient(circle at 28% 26%,rgba(80,202,255,.42),transparent 26%),radial-gradient(circle at 70% 70%,rgba(148,110,255,.42),transparent 24%),linear-gradient(135deg,#111622,#090a0e)}.video-fallback{display:grid;place-items:center;position:relative;overflow:hidden}.map-orbit{width:54%;aspect-ratio:1;border:1px solid rgba(115,207,255,.55);border-radius:50%;box-shadow:0 0 0 38px rgba(84,188,255,.05),0 0 0 78px rgba(137,110,255,.04);position:relative}.map-orbit:before,.map-orbit:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#87dcff;box-shadow:0 0 24px #74d7ff}.map-orbit:before{top:8%;left:19%}.map-orbit:after{right:10%;bottom:24%;background:#9d87ff}.pill{display:inline-flex;border:1px solid var(--line);padding:7px 10px;border-radius:999px;color:#bcc3d1;font-size:12px}.usecases{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.case{padding:32px;border-radius:24px;min-height:260px}.case strong{font-size:26px}.case p{color:var(--muted)}.case a{display:inline-block;margin-top:28px;color:#aee7ff}.simulator{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;border-radius:30px;padding:24px}.sim-form,.sim-output{border-radius:22px;padding:28px}.sim-form{background:#0d0f14}.sim-form label{display:block;color:#aab0bc;font-size:13px;margin:18px 0 7px}.sim-form select,.sim-form input{width:100%;padding:13px;background:#171a22;border:1px solid var(--line);color:#fff;border-radius:10px}.sim-output{background:radial-gradient(circle at 75% 20%,rgba(94,207,255,.12),transparent 30%),#0b0d12}.meter{height:9px;background:#191c24;border-radius:999px;overflow:hidden;margin:10px 0 20px}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:inherit}.tags{display:flex;gap:8px;flex-wrap:wrap}.guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:#0d0f14}.guide-card p{color:var(--muted)}.guide-card a{color:#aee7ff}.contact{border-radius:34px;padding:54px;display:grid;grid-template-columns:1fr .9fr;gap:50px}.contact h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em;line-height:1;margin:0 0 20px}.contact p{color:var(--muted)}.contact form{display:grid;gap:10px}.contact input,.contact textarea{width:100%;background:#0c0e13;color:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.contact button{border:0;cursor:pointer}.footer{padding:48px 0 70px;display:flex;justify-content:space-between;color:#8e94a2}.article{padding:160px 0 100px}.article-head{max-width:900px}.article-head h1{font-size:clamp(44px,6vw,78px);line-height:1;letter-spacing:-.05em;margin:12px 0}.lede{font-size:21px;color:var(--muted)}.article-grid{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:70px;margin-top:60px}.article-aside{height:max-content;border-radius:20px;padding:22px;position:sticky;top:110px}.article-aside p{color:var(--muted)}.prose h2{font-size:36px;letter-spacing:-.03em;margin-top:2em}.prose h3{font-size:25px}.prose p,.prose li{color:#c3c7d0;font-size:18px}.prose a{color:#91ddff;text-decoration:underline}.prose table{width:100%;border-collapse:collapse}.prose td,.prose th{border-bottom:1px solid var(--line);padding:12px;text-align:left}.index-hero{padding:165px 0 70px}.index-hero h1{font-size:clamp(46px,6vw,80px);letter-spacing:-.05em;margin:0}.index-hero p{color:var(--muted);font-size:20px;max-width:760px}
@media(max-width:900px){.navlinks{display:none}.topbar{gap:12px}.nav-cta{margin-left:auto}.hero{min-height:760px}.section{padding:80px 0}.section-head,.feature-row,.feature-row.reverse,.simulator,.contact,.article-grid{grid-template-columns:1fr}.cards,.guides-grid{grid-template-columns:1fr}.usecases{grid-template-columns:1fr}.feature-row.reverse .feature-copy{order:1}.feature-row.reverse .video-shell{order:2}.article-aside{position:static}.footer{display:block}.contact{padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-webgl-canvas,.hero-source-video{display:none}.hero{background:radial-gradient(circle at 50% 30%,#172138,#08090d 65%)}}