:root { color-scheme: dark; --void:#02050c; --ink:#edf3ff; --muted:rgba(237,243,255,.64); --line:rgba(237,243,255,.17); --acid:#cbff39; --violet:#9e6aff; --coral:#ff5d49; --cyan:#55dcff; }
* { box-sizing:border-box; }
html { background:var(--void); scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; color:var(--ink); background:var(--void); font-family:'Bricolage Grotesque',sans-serif; }
a { color:inherit; }
:focus-visible { outline:3px solid var(--acid); outline-offset:4px; }
.nova-nav { position:fixed; z-index:30; inset:0 0 auto; height:72px; padding:0 clamp(18px,3vw,52px); display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); background:linear-gradient(180deg,rgba(2,5,12,.94),rgba(2,5,12,.36)); backdrop-filter:blur(16px); }
.nova-brand { display:flex; align-items:center; gap:12px; text-decoration:none; font-weight:800; }
.nova-brand span { width:36px; height:36px; display:grid; place-items:center; color:var(--void); background:var(--acid); box-shadow:5px 5px 0 var(--violet); font:700 .62rem/1 'JetBrains Mono',monospace; }
.nova-nav nav { display:flex; align-items:center; gap:24px; font:600 .6rem/1 'JetBrains Mono',monospace; text-transform:uppercase; }
.nova-nav nav a { color:var(--muted); text-decoration:none; }
.nova-nav nav a:hover { color:var(--ink); }
.nova-nav .nav-launch { padding:12px 14px; border:1px solid var(--acid); color:var(--acid); }
.cinematic-hero { min-height:100svh; position:relative; isolation:isolate; display:flex; align-items:flex-end; overflow:hidden; padding:clamp(116px,12vh,150px) clamp(20px,4vw,70px) clamp(74px,9vh,100px); }
.cinematic-hero__art { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.88) contrast(1.06); animation:heroDrift 18s ease-in-out infinite alternate; }
.cinematic-hero__shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(1,4,10,.96) 0%,rgba(1,4,10,.72) 36%,rgba(1,4,10,.08) 70%),linear-gradient(0deg,rgba(1,4,10,.95),transparent 44%),radial-gradient(circle at 60% 45%,transparent,rgba(1,4,10,.2)); }
@keyframes heroDrift { to { transform:scale(1.035) translate3d(-.6%,0,0); } }
.hero-copy { width:min(740px,64vw); }
.eyebrow { margin:0 0 18px; color:var(--acid); font:600 .65rem/1.4 'JetBrains Mono',monospace; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow::before { content:''; display:inline-block; width:38px; height:8px; margin-right:11px; background:repeating-linear-gradient(90deg,var(--coral) 0 4px,transparent 4px 7px); }
.hero-copy h1 { margin:0; font-size:clamp(4.4rem,9vw,10rem); line-height:.75; letter-spacing:-.085em; text-wrap:balance; }
.hero-copy h1 em { color:var(--violet); font-family:'Instrument Serif',serif; font-weight:400; }
.hero-lede { width:min(650px,100%); margin:28px 0 0; color:rgba(237,243,255,.76); font-size:clamp(1rem,1.4vw,1.25rem); line-height:1.62; text-wrap:balance; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:stretch; margin-top:30px; }
.primary-action { min-width:250px; min-height:66px; padding:12px 20px; display:flex; flex-direction:column; justify-content:center; color:var(--void); background:var(--acid); text-decoration:none; font-weight:800; transition:transform .2s ease,box-shadow .2s ease; }
.primary-action:hover { transform:translate(-4px,-4px); box-shadow:8px 8px 0 var(--violet); }
.primary-action small { margin-top:3px; font:500 .54rem/1 'JetBrains Mono',monospace; text-transform:uppercase; }
.secondary-action { min-height:66px; padding:0 18px; display:inline-flex; align-items:center; border:1px solid var(--line); text-decoration:none; font:600 .62rem/1 'JetBrains Mono',monospace; text-transform:uppercase; backdrop-filter:blur(10px); }
.concept-note { margin:22px 0 0; color:rgba(237,243,255,.45); font:500 .55rem/1.55 'JetBrains Mono',monospace; text-transform:uppercase; }
.mission-brief { position:absolute; right:clamp(20px,4vw,70px); bottom:clamp(76px,9vh,100px); width:min(330px,28vw); padding:22px; border:1px solid var(--line); background:rgba(2,5,12,.68); backdrop-filter:blur(14px); box-shadow:12px 12px 0 rgba(158,106,255,.22); }
.mission-brief > span { color:var(--coral); font:600 .56rem/1 'JetBrains Mono',monospace; }
.mission-brief h2 { margin:18px 0 24px; font-size:1.5rem; line-height:1.05; }
.mission-brief ol { margin:0; padding:0; list-style:none; }
.mission-brief li { padding:10px 0; border-top:1px solid var(--line); color:var(--muted); }
.mission-brief li b { display:inline-block; width:36px; color:var(--acid); font:600 .58rem/1 'JetBrains Mono',monospace; }
.mission-brief dl { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:22px 0 0; }
.mission-brief dl div { padding:9px 7px; border:1px solid var(--line); }
.mission-brief dt { color:var(--muted); font:500 .46rem/1 'JetBrains Mono',monospace; text-transform:uppercase; }
.mission-brief dd { margin:7px 0 0; font-size:.62rem; }
.hero-signal { position:absolute; z-index:-1; left:61%; top:46%; width:20px; height:20px; }
.hero-signal i { position:absolute; inset:0; border:1px solid var(--acid); border-radius:50%; animation:signal 3s ease-out infinite; }
.hero-signal i:nth-child(2){animation-delay:1s}.hero-signal i:nth-child(3){animation-delay:2s}
@keyframes signal { to { transform:scale(9); opacity:0; } }
.scroll-cue { position:absolute; right:24px; bottom:24px; display:flex; align-items:center; gap:10px; color:var(--muted); text-decoration:none; font:500 .54rem/1 'JetBrains Mono',monospace; text-transform:uppercase; }
.scroll-cue i { width:38px; height:1px; background:var(--acid); }
.vision { padding:clamp(90px,12vw,180px) clamp(20px,5vw,80px); background:radial-gradient(circle at 84% 18%,rgba(158,106,255,.16),transparent 26rem),#050914; }
.vision__intro { display:grid; grid-template-columns:1fr .85fr; gap:clamp(38px,8vw,140px); align-items:end; }
.vision__intro > .eyebrow { grid-column:1/-1; }
.vision h2,.architecture h2,.final-call h2 { margin:0; font-size:clamp(3.5rem,7vw,8rem); line-height:.82; letter-spacing:-.075em; }
.vision h2 em,.architecture h2 em { color:var(--violet); font-family:'Instrument Serif',serif; font-weight:400; }
.vision__intro > div { color:var(--muted); font-size:1.08rem; line-height:1.72; }
.system-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:clamp(70px,9vw,130px); }
.system-cards article { min-height:330px; padding:26px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(237,243,255,.035),transparent); }
.system-cards small { color:var(--acid); font:600 .56rem/1 'JetBrains Mono',monospace; text-transform:uppercase; }
.system-cards h3 { margin:130px 0 15px; font-size:1.65rem; }
.system-cards p { margin:0; color:var(--muted); line-height:1.6; }
.architecture { min-height:84svh; position:relative; display:grid; grid-template-columns:1.1fr .6fr; gap:8vw; align-items:center; overflow:hidden; padding:clamp(90px,12vw,170px) clamp(20px,5vw,80px); background:#090d1a; }
.architecture__orb { position:absolute; right:-14vw; top:50%; width:48vw; aspect-ratio:1; transform:translateY(-50%); border:1px solid rgba(85,220,255,.28); border-radius:50%; box-shadow:0 0 120px rgba(85,220,255,.12),inset 0 0 90px rgba(85,220,255,.1); background:radial-gradient(circle at 35% 30%,#7fc8f3,#1a4a83 28%,#0a1835 58%,#02050c 72%); opacity:.72; }
.architecture__orb::before,.architecture__orb::after { content:''; position:absolute; inset:12%; border:1px solid rgba(203,255,57,.22); border-radius:50%; transform:rotateX(72deg); }
.architecture__orb::after { inset:-12%; border-color:rgba(158,106,255,.2); }
.architecture > div:not(.architecture__orb) { position:relative; z-index:1; }
.architecture h2 { font-size:clamp(3.2rem,6vw,7rem); }
.architecture__copy { max-width:510px; padding:26px; border:1px solid var(--line); background:rgba(2,5,12,.62); backdrop-filter:blur(12px); }
.architecture__copy p { margin:0; color:var(--muted); font-size:1.05rem; line-height:1.7; }
.architecture__copy a { display:inline-block; margin-top:25px; color:var(--acid); font:700 .62rem/1 'JetBrains Mono',monospace; text-transform:uppercase; }
.final-call { min-height:82svh; position:relative; isolation:isolate; display:grid; place-items:center; overflow:hidden; text-align:center; padding:80px 20px; }
.final-call > img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.65) brightness(.45); }
.final-call::after { content:''; position:absolute; z-index:-1; inset:0; background:radial-gradient(circle,transparent,rgba(2,5,12,.88)); }
.final-call h2 { margin-bottom:32px; }
.final-call .primary-action { width:min(360px,100%); margin-inline:auto; }
footer { min-height:100px; padding:26px clamp(20px,5vw,80px); display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--line); color:var(--muted); font-size:.8rem; }
footer a { color:var(--acid); font:700 .6rem/1 'JetBrains Mono',monospace; text-transform:uppercase; }
@media (max-width:950px){.mission-brief{display:none}.hero-copy{width:min(760px,92vw)}.vision__intro,.architecture{grid-template-columns:1fr}.architecture__orb{width:80vw;opacity:.4}.system-cards{grid-template-columns:1fr}.system-cards article{min-height:230px}.system-cards h3{margin-top:70px}}
@media (max-width:680px){.nova-nav nav>a:not(.nav-launch){display:none}.cinematic-hero{align-items:center}.hero-copy h1{font-size:clamp(4rem,23vw,7rem)}.hero-actions{display:grid}.secondary-action{justify-content:center}.vision h2,.architecture h2,.final-call h2{font-size:clamp(3rem,15vw,5.2rem)}footer{align-items:flex-start;flex-direction:column}.scroll-cue{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cinematic-hero__art{transform:none}}