:root { color-scheme: dark; --bg: #090f20; --text: #f6f8ff; --muted: #aebbd3; --muted2: #8696b6; --line: rgba(175,197,255,.14); --indigo: #7657ff; --blue: #289eff; --teal: #3fe1d7; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif; }
    *,*::before,*::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; min-width: 320px; background: var(--bg); color: var(--text); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
    body::before { position: fixed; content:""; inset: 0; pointer-events: none; z-index:-1; background: radial-gradient(ellipse 700px 500px at 81% 7%,rgba(58,73,194,.20),transparent 72%),radial-gradient(ellipse 600px 440px at 5% 50%,rgba(61,27,127,.19),transparent 65%),linear-gradient(180deg,#091024 0%,#080e1e 100%); }
    a { color: inherit; text-decoration: none; }
    button { font: inherit; }
    button:focus-visible, a:focus-visible { outline: 2px solid #77ccff; outline-offset: 4px; }
    .wrap { width: min(1190px,calc(100% - 48px)); margin-inline:auto; }
    .site-header { height: 96px; display:flex; align-items:center; justify-content:space-between; gap:24px; position:relative; z-index:5; }
    .brand { display:inline-flex; align-items:center; gap:10px; white-space: nowrap; }
    .brand img { width:42px; height:42px; filter: drop-shadow(0 4px 14px rgba(109,91,255,.35)); }
    .wordmark { font-weight:820; font-size:27px; letter-spacing:-1.4px; }
    .wordmark span { color:#ad97ff; }
    .nav-links { display:flex; align-items:center; gap:30px; font-size:14px; color:#bac6df; font-weight:570; }
    .nav-links a { transition:color .2s ease; }
    .nav-links a:hover { color:#fff; }
    .status { display:inline-flex; align-items:center; gap:9px; border:1px solid rgba(128,147,220,.22); background:rgba(18,27,53,.75); padding:10px 14px; border-radius:100px; color:#c7d4eb; font-size:13px; font-weight:650; }
    .status-dot { display:block; width:7px; height:7px; background:var(--teal); box-shadow:0 0 0 4px rgba(63,225,215,.1),0 0 18px rgba(63,225,215,.7); border-radius:50%; }
    .hero { min-height: 590px; position:relative; display:grid; grid-template-columns: 52% 48%; align-items:center; padding:46px 0 76px; }
    .hero::after { content:""; position:absolute; left:20%; right:15%; bottom:33px; height:1px; background:linear-gradient(90deg, transparent, rgba(110,127,224,.27),transparent); }
    .hero-copy { position:relative; z-index:2; padding-bottom:5px; }
    .eyebrow { display:inline-flex; align-items:center; gap:9px; border:1px solid rgba(102,116,241,.36); color:#c5bfff; background:rgba(82,63,165,.16); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); padding:9px 13px; border-radius:999px; font-size:12px; letter-spacing:.085em; font-weight:760; text-transform:uppercase; }
    .eyebrow svg { width:14px; }
    h1 { margin:25px 0 0; max-width:680px; font-size:clamp(53px,5.35vw,81px); line-height:1.06; letter-spacing:-.07em; font-weight:840; }
    .gradient-text { background:linear-gradient(97deg,#6acbff 0%,#737bff 47%,#bd7dff 98%); color:transparent; -webkit-background-clip:text; background-clip:text; }
    .hero-lead { max-width:560px; margin:25px 0 0; font-size:19px; line-height:1.75; color:#c7d1e5; }
    .hero-lead strong { color:#fff; font-weight:750; }
    .hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:31px; }
    .btn { min-height:54px; border-radius:14px; display:inline-flex; gap:11px; align-items:center; justify-content:center; font-weight:745; font-size:14px; cursor:pointer; padding:0 22px; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
    .btn:hover { transform:translateY(-2px); }
    .btn-primary { background:linear-gradient(110deg,#347cff 0%,#6c53fa 62%,#9a4afa 100%); color:white; border:1px solid rgba(190,174,255,.39); box-shadow:0 13px 35px rgba(82,62,241,.30),inset 0 1px 0 rgba(255,255,255,.19); }
    .btn-primary:hover { box-shadow:0 18px 41px rgba(96,64,241,.41); }
    .btn-outline { background:rgba(13,21,43,.6); color:#e6ebff; border:1px solid rgba(166,183,245,.25); }
    .btn-outline:hover { background:rgba(31,42,79,.8); }
    .btn svg { width:17px; height:17px; }
    .mini-note { color:#8f9fbc; font-size:12px; margin:22px 0 0; display:flex; align-items:center; gap:8px; }
    .mini-note svg { width:15px; height:15px; stroke:#8aaefb; }
    .hero-art { position:relative; align-self:stretch; display:grid; place-items:center; isolation:isolate; margin-left:-50px; margin-right:-48px; }
    .hero-art::before { content:""; position:absolute; width:90%; height:66%; top:16%; left:10%; border-radius:50%; background:radial-gradient(ellipse at center,rgba(57,104,255,.20),rgba(124,53,240,.14) 45%,transparent 71%); filter:blur(20px); z-index:-1; }
    .hero-art img { width:100%; max-width:none; height:auto; position:relative; transform:translate(22px,10px); filter:drop-shadow(0 28px 60px rgba(43,70,169,.16)); -webkit-mask-image:radial-gradient(ellipse 65% 65% at 50% 50%,#000 48%,rgba(0,0,0,.88) 66%,transparent 98%); mask-image:radial-gradient(ellipse 65% 65% at 50% 50%,#000 48%,rgba(0,0,0,.88) 66%,transparent 98%); }
    .orbit { position:absolute; z-index:-1; border:1px solid rgba(101,96,244,.29); width:89%; aspect-ratio:1.5; border-radius:50%; transform:rotate(-17deg); top:20%; left:6%; box-shadow:0 0 40px rgba(91,71,245,.05); }
    .float-tag { position:absolute; display:flex; align-items:center; gap:9px; border:1px solid rgba(175,189,255,.18); border-radius:14px; background:rgba(18,29,60,.76); padding:12px 14px; font-size:12px; font-weight:690; color:#e7eaff; backdrop-filter:blur(8px); box-shadow:0 13px 40px rgba(5,7,25,.24); }
    .float-tag.left { left:5%; bottom:21%; } .float-tag.right { right:5%; top:19%; }
    .float-tag svg { width:17px; color:#83dfff; }
    .section-head { text-align:center; max-width:680px; margin:0 auto 32px; }
    .section-eyebrow { font-weight:760; color:#9f93ff; letter-spacing:.16em; text-transform:uppercase; font-size:12px; }
    .section-head h2 { font-size:clamp(29px,3.7vw,43px); letter-spacing:-.05em; line-height:1.2; margin:13px 0; }
    .section-head p { margin:0; font-size:16px; line-height:1.7; color:#aebbd2; }
    .features { padding:36px 0 104px; scroll-margin-top:30px; }
    .feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
    .feature { position:relative; overflow:hidden; background:linear-gradient(143deg,rgba(28,42,78,.72),rgba(12,21,42,.84) 67%); border:1px solid rgba(164,187,250,.16); border-radius:22px; min-height:253px; padding:30px 26px 28px; box-shadow:inset 0 1px 0 rgba(255,255,255,.042),0 16px 50px rgba(0,0,0,.13); transition:transform .25s ease,border-color .25s ease; }
    .feature:hover { transform:translateY(-5px); border-color:rgba(133,145,255,.46); }
    .feature::after { content:""; position:absolute; right:-58px; top:-75px; width:185px; height:185px; border-radius:50%; background:radial-gradient(circle,rgba(88,77,255,.13),transparent 70%); }
    .feature .icon { width:52px; height:52px; border-radius:15px; display:grid; place-items:center; background:linear-gradient(135deg,rgba(28,156,255,.20),rgba(90,78,247,.30)); border:1px solid rgba(120,164,255,.24); box-shadow:inset 0 1px rgba(255,255,255,.09); }
    .feature:nth-child(2) .icon { background:linear-gradient(135deg,rgba(137,72,255,.22),rgba(65,99,254,.25)); }
    .feature:nth-child(3) .icon { background:linear-gradient(135deg,rgba(250,70,164,.23),rgba(252,121,81,.16)); }
    .feature .icon svg { width:26px; height:26px; fill:none; stroke:#98d7ff; stroke-width:1.85; stroke-linecap:round; stroke-linejoin:round; }
    .feature:nth-child(2) .icon svg { stroke:#c9b6ff; } .feature:nth-child(3) .icon svg { stroke:#ffb3d9; }
    .feature h3 { position:relative; margin:25px 0 11px; font-size:20px; letter-spacing:-.035em; }
    .feature p { position:relative; margin:0; font-size:14px; line-height:1.85; color:#adbad5; }
    .vision { border:1px solid rgba(159,178,248,.18); background:linear-gradient(105deg,rgba(53,47,114,.26),rgba(19,32,67,.65) 50%,rgba(20,36,74,.28)); border-radius:24px; display:flex; align-items:center; justify-content:space-between; gap:35px; padding:38px 42px; margin-bottom:80px; scroll-margin-top:20px; position:relative; overflow:hidden; }
    .vision::after { content:""; position:absolute; width:240px; height:240px; right:-80px; top:-130px; background:#654aff; opacity:.10; filter:blur(50px); }
    .vision .copy { position:relative; z-index:1; }
    .vision h2 { font-size:clamp(25px,3vw,35px); letter-spacing:-.045em; line-height:1.2; margin:0 0 12px; }
    .vision p { margin:0; max-width:650px; color:#b9c4d9; line-height:1.8; font-size:15px; }
    .vision .btn { position:relative; z-index:1; flex-shrink:0; }
    footer { border-top:1px solid rgba(153,171,246,.13); padding:27px 0 37px; color:#8494b1; font-size:13px; }
    .footer-row { display:flex; align-items:center; justify-content:space-between; gap:15px; }
    .footer-row span { display:flex; align-items:center; gap:7px; }
    #toast { position:fixed; left:50%; bottom:28px; transform:translate(-50%,25px); opacity:0; pointer-events:none; background:#e6edff; border:1px solid white; color:#10152a; font-size:14px; font-weight:730; border-radius:14px; padding:13px 19px; box-shadow:0 18px 48px rgba(0,0,0,.45); transition:opacity .2s,transform .2s; z-index:20; }
    #toast.show { opacity:1; transform:translate(-50%,0); }
    @media(max-width:950px) { .hero { grid-template-columns: 1fr 1fr; padding-top:30px; min-height:550px; } h1 { font-size:clamp(48px,6.7vw,70px); } .hero-lead { font-size:17px; } .hero-art { margin-right:-24px; margin-left:-50px; } .float-tag.right { top:12%; } }
    @media(max-width:740px) { .wrap { width:min(100% - 36px,560px); } .site-header { height:77px; } .brand img { width:36px; height:36px; } .wordmark { font-size:24px; } .nav-links { display:none; } .status { font-size:11px; padding:9px 11px; } .hero { grid-template-columns:1fr; padding:52px 0 48px; min-height:auto; text-align:center; } .hero-copy { display:flex; flex-direction:column; align-items:center; } .eyebrow { font-size:10px; } h1 { font-size:clamp(46px,9vw,68px); margin-top:24px; } .hero-lead { font-size:16px; line-height:1.7; margin-top:19px; } .hero-actions { justify-content:center; width:100%; margin-top:25px; } .btn { min-height:50px; } .mini-note { text-align:center; justify-content:center; } .hero-art { min-height:315px; max-height:390px; margin:18px -21px 0; } .hero-art img { width:110%; transform:translateY(0); } .float-tag { font-size:10px; padding:9px; } .float-tag.left { left:5%; bottom:15%; } .float-tag.right { right:1%; top:15%; } .hero::after { bottom:10px; } .features { padding:46px 0 70px; } .feature-grid { grid-template-columns:1fr; } .feature { min-height:210px; padding:26px; } .feature h3 { margin-top:21px; } .vision { flex-direction:column; align-items:flex-start; padding:29px 24px; margin-bottom:50px; gap:25px; } .vision .btn { width:100%; } .footer-row { align-items:flex-start; flex-direction:column; line-height:1.6; } }
    @media(max-width:390px) { .site-header .status { font-size:10px; } .hero-actions { flex-direction:column; } .hero-actions .btn { width:100%; } .hero-art { min-height:275px; } .float-tag.right { right:-3%; } .float-tag.left { left:-1%; } }
    @media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }
  
    .promo { padding: 24px 0 72px; }
    .promo-heading { max-width:760px; margin:0 auto 25px; text-align:center; }
    .promo-heading h2 { font-size:clamp(27px,4vw,40px); letter-spacing:-.04em; margin:14px 0; }
    .promo-heading p { color:var(--muted); line-height:1.7; margin:0; }
    .promo video { display:block; width:100%; aspect-ratio:16/9; border-radius:22px; border:1px solid var(--line); background:#090f20; box-shadow:0 22px 65px rgba(0,0,0,.28); }
    .promo-note { color:var(--muted2); text-align:center; font-size:12px; line-height:1.7; margin-top:16px; }
    @media(max-width:740px) { .promo { padding-bottom:48px; } .promo video { border-radius:14px; } }
  
.skip-link { position:absolute; top:-90px; left:18px; z-index:100; padding:12px 18px; border-radius:9px; color:#090f20; background:#f6f8ff; }
.skip-link:focus { top:12px; }
.copy-target { position:fixed; opacity:0; left:0; top:0; }
.promo-transcript { margin:20px auto 0; max-width:760px; color:#b9c4d9; line-height:1.8; }
.promo-transcript summary { cursor:pointer; min-height:44px; display:list-item; padding:10px 0; }
.footer-row .footer-links { flex-wrap:wrap; }
.footer-links a { text-decoration:underline; text-underline-offset:4px; padding:8px 0; }
.content-page { max-width:800px; padding-block:38px 72px; line-height:1.85; }
.content-page h1 { font-size:clamp(34px,6vw,52px); margin:12px 0 30px; letter-spacing:-.04em; }
.content-page h2 { font-size:23px; margin:30px 0 12px; }
.content-page p { color:#c2cce3; }
.content-page a { text-decoration:underline; text-underline-offset:4px; }
@media (max-width:740px) { .hero-art { height:315px; } .hero-art img { width:100%; max-width:100%; } }