:root {
  --void: #050607;
  --void-soft: #0a0c0d;
  --bone: #f1f5ed;
  --muted: #89918a;
  --line: rgba(241,245,237,.15);
  --faint: rgba(241,245,237,.055);
  --acid: #b9ff38;
  --ion: #63e7ff;
  --violet: #8f63ff;
  --ember: #ffb455;
  --ease: cubic-bezier(.16,1,.3,1);
  --mx: 50vw;
  --my: 50vh;
}

* { box-sizing: border-box; }
html { scroll-behavior:smooth;background:var(--void);color-scheme:dark;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--bone);
  background:
    radial-gradient(70vw 55vw at 82% -8%, rgba(99,231,255,.09), transparent 62%),
    radial-gradient(60vw 55vw at 12% 44%, rgba(143,99,255,.065), transparent 62%),
    var(--void);
  font-family: "Bahnschrift", "Arial Narrow", "Segoe UI", sans-serif;
  font-variation-settings: "wdth" 85;
  cursor: default;
  font-synthesis: none;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .34;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

::selection { background: var(--acid); color: var(--void); }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible { outline:1px solid var(--acid);outline-offset:4px; }
.skip-link { position: fixed; z-index: 100; top: 1rem; left: 1rem; transform: translateY(-200%); padding: .8rem 1rem; color: var(--void); background: var(--acid); }
.skip-link:focus { transform: translateY(0); }

#signal-field { position: fixed; inset: 0; width: 100%; height: 100%; z-index: -2; opacity: .54; pointer-events: none; }
.scroll-meter { position: fixed; z-index: 80; top: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,.04); }
.scroll-meter span { display: block; width: 0; height: 100%; background: linear-gradient(90deg,var(--acid),var(--ion),var(--violet)); box-shadow: 0 0 18px var(--ion); }

.cursor-orbit { position: fixed; z-index: 90; width: 42px; height: 42px; top: 0; left: 0; border: 1px solid rgba(185,255,56,.55); border-radius: 50%; transform: translate(-50%,-50%); pointer-events: none; mix-blend-mode: difference; opacity: 0; transition: width .25s var(--ease),height .25s var(--ease),opacity .3s; }
.cursor-orbit i { position:absolute; width:4px; height:4px; border-radius:50%; background:var(--acid); top:50%; left:50%; transform:translate(-50%,-50%); }
body.pointer-active .cursor-orbit { opacity: 1; }
body.pointer-link .cursor-orbit { width: 74px; height: 74px; border-color: var(--bone); }

.topbar {
  position: fixed;
  z-index: 60;
  top: 0;
  left: 0;
  width: 100%;
  height: 88px;
  display: grid;
  grid-template-columns: minmax(220px,1fr) auto auto auto;
  align-items: center;
  gap: 2.4rem;
  padding: 0 3.2vw;
  border-bottom: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(to bottom,rgba(5,6,7,.92),rgba(5,6,7,.7));
  backdrop-filter: blur(18px) saturate(130%);
  box-shadow:0 18px 70px rgba(0,0,0,.18);
}
.topbar::after { content:"";position:absolute;left:3.2vw;right:3.2vw;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(185,255,56,.26),rgba(99,231,255,.18),transparent);pointer-events:none; }

.brand { display: inline-flex; align-items: center; gap: .75rem; width: max-content; }
.brand-mark { position: relative; width: 34px; height: 34px; display: inline-grid; place-items: center; border: 1px solid rgba(241,245,237,.55); border-radius: 50%; }
.brand-mark::before,.brand-mark::after { content:""; position:absolute; border-radius:50%; border:1px solid var(--acid); }
.brand-mark::before { inset: 6px; border-right-color: transparent; transform: rotate(32deg); }
.brand-mark::after { inset: 11px; background: var(--acid); border: 0; box-shadow:0 0 16px var(--acid); }
.brand-mark i,.brand-mark b { position:absolute; width:1px; height:8px; background:var(--bone); left:50%; }
.brand-mark i { top:-5px; }.brand-mark b { bottom:-5px; }
.brand-name { font-size: .88rem; letter-spacing: .22em; font-weight: 800; }
.brand-name span { display: block; color: var(--muted); font-size: .62rem; letter-spacing:.43em; font-weight:600; }
.topbar-signal { font: 600 .57rem/1 "Segoe UI",sans-serif; letter-spacing:.18em; color:var(--muted); display:flex; align-items:center; gap:.55rem; }
.pulse { width:6px; height:6px; border-radius:50%; background:var(--acid); box-shadow:0 0 0 0 rgba(185,255,56,.5); animation:pulse 2.2s infinite; }
.topbar nav { display:flex; gap:1.7rem; }
.topbar nav a,.member-key { font-size:.66rem; text-transform:uppercase; letter-spacing:.16em; color:#c5cbc3; transition:color .2s; }
.topbar nav a:hover,.topbar nav a:focus-visible,.member-key:hover,.member-key:focus-visible { color:var(--acid); }
.member-key { padding:.78rem 1rem; border:1px solid rgba(255,255,255,.2); }
.member-key span { margin-left:.5rem; color:var(--acid); }

.hero { min-height: 100svh; position:relative; display:grid; grid-template-columns:minmax(0,1.18fr) minmax(370px,.82fr); align-items:center; padding:9.5rem 5vw 5rem 9vw; overflow:hidden; }
.hero::before { content:""; position:absolute; width:46vw; height:46vw; min-width:520px; min-height:520px; right:-4vw; top:50%; transform:translateY(-50%); border-radius:50%; background:radial-gradient(circle at center,rgba(99,231,255,.08),rgba(143,99,255,.03) 32%,transparent 68%); filter:blur(4px); }
.hero-copy { position:relative; z-index:3; }
.eyebrow,.kicker { margin:0 0 1.5rem; font:700 .62rem/1.2 "Segoe UI",sans-serif; letter-spacing:.28em; color:var(--muted); }
.eyebrow span,.kicker { color:var(--acid); }
h1,h2,p { margin-top:0; }
h1,h2 { text-wrap:balance; }
h1 { margin:0; font-weight:800; letter-spacing:-.07em; text-transform:uppercase; font-size:clamp(5rem,11.3vw,12.5rem); line-height:.68; }
h1 span { display:block; }
.ghost-word { position:relative; color:transparent; -webkit-text-stroke:1px rgba(241,245,237,.72); transform:translateX(-.03em); }
.ghost-word::after { content:attr(data-word); position:absolute; inset:0; color:rgba(241,245,237,.055); -webkit-text-stroke:0; transform:translate(.045em,.06em); filter:blur(8px); }
.solid-word { color:var(--bone); margin-left:clamp(.35rem,4vw,4.5rem); text-shadow:0 10px 60px rgba(255,255,255,.06); }
.period { display:inline;color:var(--acid);text-shadow:0 0 18px rgba(185,255,56,.48),0 0 52px rgba(185,255,56,.22);animation:period-glow 4.8s var(--ease) infinite; }
.hero-statement { display:grid; grid-template-columns:180px minmax(260px,470px); gap:2rem; align-items:start; margin:3.4rem 0 2.2rem clamp(.35rem,4vw,4.5rem); padding-top:1rem; border-top:1px solid var(--line); }
.hero-statement p { margin:0; color:var(--muted); font:500 .78rem/1.5 "Segoe UI",sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.hero-statement p:last-child { color:#cfd5cd; text-transform:none; font-size:clamp(.92rem,1.1vw,1.16rem); letter-spacing:.01em; }
.hero-statement em { color:var(--ion); font-style:normal; }
.hero-actions { display:flex; align-items:center; gap:2rem; margin-left:clamp(.35rem,4vw,4.5rem); }
.trial-note { max-width:560px;margin:1.05rem 0 0 clamp(.35rem,4vw,4.5rem);color:#687069;font:600 .48rem/1.5 "Segoe UI",sans-serif;letter-spacing:.18em; }
.primary-action { position:relative;display:inline-flex;min-width:210px;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.15rem;border:1px solid rgba(185,255,56,.55);color:var(--bone);text-transform:uppercase;font-size:.65rem;letter-spacing:.18em;overflow:hidden;box-shadow:0 0 0 rgba(185,255,56,0);transition:color .35s var(--ease),border-color .35s,box-shadow .5s var(--ease),transform .3s var(--ease); }
.primary-action::before { content:""; position:absolute; inset:0; background:var(--acid); transform:translateY(104%); transition:transform .4s var(--ease); z-index:-1; }
.primary-action:hover,.primary-action:focus-visible { color:var(--void);border-color:var(--acid);box-shadow:0 12px 48px rgba(185,255,56,.14); }
.primary-action:hover::before,.primary-action:focus-visible::before { transform:translateY(0); }
.primary-action b { color:var(--acid); font-size:1.05rem; }.primary-action:hover b { color:var(--void); }
.text-action { font-size:.64rem; text-transform:uppercase; letter-spacing:.16em; color:var(--muted); }
.text-action span { color:var(--ion); margin-left:.5rem; }

.aperture-wrap { position:absolute; z-index:2; right:1.2vw; top:50%; width:min(48vw,720px); aspect-ratio:1; transform:translateY(-48%); display:grid; place-items:center; }
.aperture-wrap::before { content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(99,231,255,.09),rgba(185,255,56,.035) 42%,transparent 72%);filter:blur(30px);opacity:.72;animation:core-aura 6.4s var(--ease) infinite;pointer-events:none; }
.aperture { position:relative; width:78%; aspect-ratio:1; display:grid; place-items:center; isolation:isolate; transform:perspective(900px) rotateX(calc((var(--ay,0) * 1deg))) rotateY(calc((var(--ax,0) * 1deg))); transition:transform .4s var(--ease),filter .8s var(--ease); }
.aperture::before { content:"";position:absolute;z-index:0;inset:-12%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 3.2%,rgba(99,231,255,.055) 3.35% 3.5%,transparent 3.65% 6.4%);mask-image:radial-gradient(circle,transparent 0 24%,#000 38% 74%,transparent 86%);animation:spin 90s linear infinite;pointer-events:none; }
.aperture::after { content:"";position:absolute;z-index:0;inset:2%;border-radius:50%;background:conic-gradient(from 14deg,transparent 0 11%,rgba(99,231,255,.18) 13%,transparent 16% 42%,rgba(185,255,56,.22) 45%,transparent 48% 73%,rgba(143,99,255,.2) 75%,transparent 78%);filter:blur(12px);opacity:.62;animation:spin-reverse 42s linear infinite;pointer-events:none; }
.living-core-image { position:absolute;z-index:1;top:-16%;left:-26%;width:132%;height:132%;background-image:url("living-core-v3.webp");background-image:image-set(url("living-core-v3.webp") 1x,url("living-core-v3-2x.webp") 2x);background-position:center;background-size:contain;background-repeat:no-repeat;mix-blend-mode:screen;transform-origin:58% 50%;filter:saturate(1.04) contrast(1.08) brightness(1.035);mask-image:radial-gradient(circle at 58% 50%,#000 0 64%,rgba(0,0,0,.96) 73%,transparent 96%);animation:living-image-drift 16s ease-in-out infinite;will-change:transform,filter;pointer-events:none; }
#living-core { position:absolute;z-index:2;inset:-16%;width:132%;height:132%;pointer-events:none;filter:saturate(1.28) contrast(1.05);transition:filter .8s var(--ease),opacity .8s var(--ease); }
.aperture.field-awake #living-core { filter:saturate(1.65) contrast(1.1) brightness(1.18); }
.aperture.field-awake .living-core-image { filter:saturate(1.3) contrast(1.08) brightness(1.08); }
.ring { position:absolute; z-index:3; border-radius:50%; opacity:.32; }
.ring-a { inset:0; border:1px solid rgba(99,231,255,.32); box-shadow:inset 0 0 60px rgba(99,231,255,.04),0 0 55px rgba(99,231,255,.05); animation:spin 28s linear infinite; }
.ring-a::before,.ring-a::after { content:""; position:absolute; border-radius:50%; background:var(--ion); box-shadow:0 0 20px var(--ion); }
.ring-a::before { width:7px;height:7px;top:10%;left:22%; }.ring-a::after { width:3px;height:3px;right:4%;top:46%; }
.ring-b { inset:12%; border:1px dashed rgba(241,245,237,.2); animation:spin-reverse 36s linear infinite; }
.ring-c { inset:28%; border:1px solid rgba(185,255,56,.5); box-shadow:0 0 35px rgba(185,255,56,.1); animation:breathe 3.8s var(--ease) infinite; }
.ring-c::after { content:""; position:absolute; inset:11%; border-radius:50%; border:14px solid rgba(185,255,56,.025); }
.crosshair { position:absolute; z-index:3; opacity:.22; background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent); }
.crosshair-x { width:118%; height:1px; }.crosshair-y { width:1px; height:118%; background:linear-gradient(transparent,rgba(255,255,255,.18),transparent); }
.core { position:relative;z-index:4;width:36%;min-width:128px;aspect-ratio:1;border:1px solid rgba(99,231,255,.24);border-radius:50%;background:radial-gradient(circle at 62% 54%,rgba(20,70,73,.24),transparent 18%),radial-gradient(circle at 46% 45%,#071110 0 24%,#030605 58%,#010202 76%);box-shadow:0 0 22px rgba(99,231,255,.18),0 0 70px rgba(99,231,255,.08),inset -18px -8px 38px rgba(99,231,255,.07),inset 0 0 28px rgba(0,0,0,.94);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--bone);transition:box-shadow .8s var(--ease),border-color .8s var(--ease),transform .8s var(--ease); }
.core::before { content:"";position:absolute;inset:-18%;border:1px solid rgba(185,255,56,.28);border-radius:50%;box-shadow:0 0 28px rgba(185,255,56,.08);animation:breathe 4.6s var(--ease) infinite; }
.core::after { content:"";position:absolute;right:-3px;top:50%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff,0 0 16px var(--ion),0 0 38px var(--ion),-24px 0 42px var(--ion);transform:translateY(-50%);animation:core-star 3.2s var(--ease) infinite; }
.core.awake { border-color:rgba(185,255,56,.72);box-shadow:0 0 30px rgba(99,231,255,.42),0 0 90px rgba(99,231,255,.22),0 0 150px rgba(185,255,56,.16),inset -18px -8px 44px rgba(99,231,255,.12),inset 0 0 32px rgba(0,0,0,.94);transform:scale(1.035); }
.core-state { font-size:1.15rem;font-weight:800;letter-spacing:.12em;opacity:0;transition:opacity .35s; }
.core small { margin-top:.4rem;font:600 .38rem/1.35 "Segoe UI",sans-serif;letter-spacing:.13em;opacity:0;transition:opacity .35s; }
.core:hover .core-state,.core:focus-visible .core-state,.core:hover small,.core:focus-visible small,.core.awake .core-state { opacity:.86; }
.orbit-label { position:absolute;z-index:4;font:600 .43rem/1 "Segoe UI",sans-serif;letter-spacing:.22em;color:var(--muted);text-shadow:0 0 12px #050607;opacity:.64; }
.label-qf { top:8%;left:12%; }.label-bf { right:0;bottom:31%; }.label-oc { bottom:5%;left:29%;color:var(--acid); }
.telemetry { position:absolute;z-index:4;right:3.2vw;bottom:4.2rem;width:265px;padding:1rem;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(14,18,18,.82),rgba(3,5,5,.68));box-shadow:0 22px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(18px) saturate(135%); }
.telemetry::before { content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 0 38%,rgba(99,231,255,.055) 49%,transparent 60%);transform:translateX(-90%);animation:telemetry-sheen 8s var(--ease) infinite;pointer-events:none; }
.telemetry::after { content:"";position:absolute;left:0;top:0;width:34%;height:1px;background:linear-gradient(90deg,var(--acid),var(--ion),transparent);box-shadow:0 0 14px rgba(99,231,255,.38);pointer-events:none; }
.telemetry-heading { display:flex; justify-content:space-between; font:700 .47rem/1 "Segoe UI",sans-serif; letter-spacing:.16em; color:#d9ddd7; }
.telemetry-heading small { color:var(--muted); font-size:.4rem; }
.telemetry dl { margin:.9rem 0; }
.telemetry dl div { display:flex; justify-content:space-between; padding:.42rem 0; border-top:1px solid rgba(255,255,255,.07); font:500 .55rem/1 "Segoe UI",sans-serif; text-transform:uppercase; letter-spacing:.1em; }
.telemetry dt { color:var(--muted); }.telemetry dd { margin:0; }.telemetry dd.acid { color:var(--acid); }
.telemetry-wave { height:35px; display:flex; align-items:flex-end; gap:4px; }
.telemetry-wave i { display:block; flex:1; height:var(--h); background:linear-gradient(to top,var(--violet),var(--ion)); opacity:.55; animation:wave 2.4s ease-in-out infinite alternate; animation-delay:calc(var(--h) * -3); }
.edge-code { position:absolute; font:500 .45rem/1.7 monospace; color:#555d57; letter-spacing:.12em; }.edge-code-left { left:2vw;top:50%;transform:translateY(-50%) rotate(-90deg); }
.hero-index,.section-index { display:flex; align-items:baseline; gap:.6rem; font-family:monospace; }.hero-index { position:absolute; right:3vw;top:7.2rem; }.hero-index strong,.section-index strong { font-size:1rem;color:var(--acid); }.hero-index span,.section-index span { font-size:.48rem;letter-spacing:.16em;color:var(--muted); }
.scroll-cue { position:absolute; left:3.2vw; bottom:2rem; margin:0; font:600 .44rem/1 "Segoe UI",sans-serif; letter-spacing:.2em;color:var(--muted);display:flex;align-items:center;gap:.8rem; }.scroll-cue i { width:42px;height:1px;background:var(--line);position:relative;overflow:hidden; }.scroll-cue i::after { content:"";position:absolute;inset:0;background:var(--acid);transform:translateX(-100%);animation:scan 2s infinite; }

.section-shell { position:relative; min-height:100svh; padding:9rem 7vw 7rem 12vw; border-top:1px solid rgba(255,255,255,.09); }
.section-index { position:absolute; left:3.2vw;top:5rem; writing-mode:vertical-rl; align-items:center; }
.section-index strong { writing-mode:horizontal-tb; }.section-index span { margin-top:.5rem; }
.vertical-note { position:absolute; right:2.2vw;top:50%; transform:rotate(90deg) translateY(-50%); transform-origin:right top; font:500 .44rem/1 monospace;letter-spacing:.18em;color:#4e5550; }

.manifesto { overflow:hidden; display:grid; place-items:center; }
.manifesto-grid { width:100%; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr); grid-template-rows:auto auto 1fr; column-gap:6vw; align-items:start; }
.manifesto .kicker { grid-column:1; }.manifesto h2 { grid-column:1; font-size:clamp(4rem,8.6vw,9rem);line-height:.83;letter-spacing:-.065em;margin:.4rem 0 2.5rem;text-transform:uppercase; }
.manifesto h2 span,.architecture h2 span,.sequence h2 span,.octavia h2 span,.finale h2 span { color:transparent;-webkit-text-stroke:1px var(--acid); }
.manifesto-copy { grid-column:1;max-width:650px;color:#aeb5ae;font:400 clamp(1rem,1.4vw,1.35rem)/1.65 "Segoe UI",sans-serif; }
.research-decision { grid-column:1;margin:1.35rem 0 0;color:var(--acid);font:700 .68rem/1.4 "Segoe UI",sans-serif;letter-spacing:.22em; }
.pressure-map { grid-column:2;grid-row:1/4;position:relative;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;align-self:center;background:radial-gradient(circle at center,rgba(99,231,255,.04),transparent 55%); }
.pressure-map::before,.pressure-map::after { content:"";position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.12); }.pressure-map::before{inset:13%;}.pressure-map::after{inset:29%;}
.map-axis { position:absolute;top:50%;left:50%;background:rgba(255,255,255,.12); }.axis-x{width:112%;height:1px;transform:translate(-50%,-50%)}.axis-y{height:112%;width:1px;transform:translate(-50%,-50%)}
.mass { position:absolute;border-radius:50%;filter:blur(1px);mix-blend-mode:screen; }.mass-one{width:34%;height:34%;left:14%;top:22%;background:radial-gradient(circle,var(--violet),transparent 68%);animation:float-a 9s ease-in-out infinite}.mass-two{width:44%;height:44%;right:8%;bottom:12%;background:radial-gradient(circle,var(--ion),transparent 68%);animation:float-b 12s ease-in-out infinite}.mass-three{width:19%;height:19%;right:19%;top:15%;background:radial-gradient(circle,var(--acid),transparent 70%);animation:float-c 7s ease-in-out infinite}
.map-label { position:absolute;font:600 .42rem/1 monospace;letter-spacing:.18em;color:var(--muted); }.map-label-a{left:8%;top:51%}.map-label-b{right:4%;top:34%;color:var(--ion)}.map-label-c{left:50%;bottom:7%;color:var(--acid)}

.architecture { min-height:120svh;overflow:hidden; }
.architecture-heading { display:grid;grid-template-columns:200px 1fr;align-items:start;gap:3vw; }
.architecture-heading .kicker { margin-top:.8rem; }.architecture h2,.sequence h2,.octavia h2,.finale h2 { margin:0;font-size:clamp(3.6rem,7vw,8rem);line-height:.87;letter-spacing:-.06em;text-transform:uppercase; }
.system-orbit { position:relative;width:min(72vw,980px);aspect-ratio:1.9;margin:6rem auto 1rem;display:grid;place-items:center; }
.system-orbit::before { content:"";position:absolute;inset:12% 4%;border:1px solid rgba(255,255,255,.11);border-radius:50%;transform:rotate(-5deg); }
.orbit-track { position:absolute;inset:23% 15%;border:1px dashed rgba(99,231,255,.16);border-radius:50%; }.track-two { inset:5% 28%;transform:rotate(58deg);border-color:rgba(143,99,255,.18); }
.system-core { position:relative;z-index:2;width:min(36vw,430px);min-height:230px;padding:2.4rem;border-left:1px solid var(--acid);background:linear-gradient(110deg,rgba(185,255,56,.055),transparent 64%);display:flex;flex-direction:column;justify-content:center; }
.system-core span { font:600 .52rem/1 monospace;letter-spacing:.16em;color:var(--acid); }.system-core strong { margin:.75rem 0;font-size:clamp(1.7rem,3vw,3.2rem);letter-spacing:-.03em; }.system-core p { margin:0;max-width:460px;font:400 1rem/1.55 "Segoe UI",sans-serif;color:#aab1aa; }
.system-node { position:absolute;z-index:4;width:120px;aspect-ratio:1;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(5,6,7,.82);cursor:pointer;text-align:left;padding:1.4rem;font-size:.62rem;font-weight:700;letter-spacing:.12em;transition:all .45s var(--ease); }
.system-node span { display:block;margin-bottom:.55rem;font:500 .46rem/1 monospace;color:var(--muted); }.system-node:hover,.system-node:focus-visible,.system-node.active { border-color:var(--acid);box-shadow:0 0 50px rgba(185,255,56,.1),inset 0 0 28px rgba(185,255,56,.05);transform:scale(1.08); }.system-node.active::after{content:"";position:absolute;inset:-7px;border:1px dashed rgba(185,255,56,.35);border-radius:50%;animation:spin 18s linear infinite}.node-qf{left:3%;top:10%}.node-bf{right:4%;top:2%}.node-sm{left:13%;bottom:2%}.node-oc{right:8%;bottom:5%}
.interaction-note { text-align:center;font:600 .45rem/1 monospace;letter-spacing:.2em;color:var(--muted); }

.sequence { background:linear-gradient(to bottom,rgba(255,255,255,.012),transparent); }
.sequence-intro { display:grid;grid-template-columns:240px 1fr;align-items:start;margin-bottom:5rem; }.sequence-intro .kicker{margin-top:.8rem}.sequence-evidence{max-width:760px;margin:1.6rem 0 0;color:#9ca49c;font:400 clamp(.95rem,1.25vw,1.15rem)/1.65 "Segoe UI",sans-serif}.sequence-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.sequence-list li { position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) 180px;gap:3vw;align-items:center;min-height:150px;border-bottom:1px solid var(--line);transition:background .35s,padding .35s var(--ease); }
.sequence-list li::before { content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--acid);transform:scaleY(0);transition:transform .35s var(--ease); }
.sequence-list li:hover{padding-left:1.5rem;background:linear-gradient(90deg,rgba(185,255,56,.045),transparent 60%)}.sequence-list li:hover::before{transform:scaleY(1)}
.sequence-number{font:500 .7rem/1 monospace;color:var(--muted)}.sequence-list strong{display:block;font-size:clamp(1.6rem,3vw,3.2rem);text-transform:uppercase;letter-spacing:-.03em}.sequence-list p{max-width:620px;margin:.5rem 0 0;color:#959d95;font:400 .95rem/1.5 "Segoe UI",sans-serif}.sequence-list b{justify-self:end;font:600 .5rem/1 monospace;letter-spacing:.18em;color:var(--ion)}

.octavia { display:grid;align-items:center;overflow:hidden; }
.octavia::before { content:"";position:absolute;width:70vw;height:70vw;right:-25vw;top:10%;border-radius:50%;background:radial-gradient(circle,rgba(143,99,255,.09),transparent 66%); }
.octavia-stage { position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr);gap:7vw;align-items:center; }.octavia-copy>p:not(.kicker){max-width:600px;margin:2rem 0;color:#aab1aa;font:400 1.05rem/1.7 "Segoe UI",sans-serif}.octavia h2{font-size:clamp(3.8rem,6.6vw,7.5rem)}
.octavia-voice { position:relative;min-height:420px;padding:3rem 3.2rem;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(143,99,255,.07),rgba(5,6,7,.74) 42%,rgba(99,231,255,.035));clip-path:polygon(0 0,94% 0,100% 9%,100% 100%,6% 100%,0 91%); }
.octavia-voice::before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.05);clip-path:inherit;pointer-events:none}.voice-meta,.voice-footer{display:flex;justify-content:space-between;align-items:center;font:600 .46rem/1 monospace;letter-spacing:.16em;color:var(--muted)}.voice-meta i{width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 18px var(--violet);animation:pulse 2s infinite}.octavia-voice p{margin:2.5rem 0 1.5rem;font:300 clamp(1.2rem,2vw,2rem)/1.45 "Segoe UI",sans-serif;color:#d6dbd4}.octavia-voice p span{font-size:4rem;line-height:0;color:var(--violet)}.octavia-voice strong{font-size:clamp(1.2rem,2.4vw,2.4rem);color:var(--acid);letter-spacing:.02em}.voice-footer{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--line)}

.finale { position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 5vw;overflow:hidden;background:var(--bone);color:var(--void); }
.finale::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(99,231,255,.18),transparent 33%),radial-gradient(circle at 62% 58%,rgba(143,99,255,.12),transparent 34%);mix-blend-mode:multiply}.finale>*{position:relative;z-index:2}.finale .kicker{color:#445046}.finale h2{font-size:clamp(4.2rem,9vw,10rem)}.finale h2 span{-webkit-text-stroke:1px #25311f}.finale-actions{display:flex;align-items:center;gap:2.4rem;margin-top:3.5rem}.primary-action.light{border-color:#24331c;color:var(--void);z-index:1}.primary-action.light::before{background:var(--void)}.primary-action.light:hover{color:var(--bone)}.finale .text-action{color:#4d554d}.finale-mark{position:absolute;left:2vw;bottom:1rem;font:900 clamp(4rem,14vw,13rem)/.8 "Arial Narrow",sans-serif;letter-spacing:-.08em;color:rgba(5,6,7,.035);white-space:nowrap}.finale-signal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1vw;opacity:.1}.finale-signal i{display:block;width:1.6vw;min-width:12px;background:var(--void);height:var(--h,35%);animation:final-wave 4s ease-in-out infinite alternate}.finale-signal i:nth-child(1){--h:18%}.finale-signal i:nth-child(2){--h:44%;animation-delay:-1s}.finale-signal i:nth-child(3){--h:72%;animation-delay:-2s}.finale-signal i:nth-child(4){--h:88%;animation-delay:-3s}.finale-signal i:nth-child(5){--h:61%;animation-delay:-.5s}.finale-signal i:nth-child(6){--h:37%;animation-delay:-1.5s}.finale-signal i:nth-child(7){--h:16%;animation-delay:-2.5s}

footer { min-height:240px;display:grid;grid-template-columns:1fr 1.3fr auto;gap:2rem;align-items:center;padding:4rem 5vw;border-top:1px solid var(--line);background:#030404; }
.footer-brand{align-self:start}footer>p{font:500 .5rem/1.6 monospace;letter-spacing:.15em;color:var(--muted);margin:0}footer>div{display:flex;gap:1.4rem}footer>div a{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#aeb5ae}footer>div a:hover{color:var(--acid)}footer small{grid-column:1/-1;color:#4d544e;font:500 .45rem/1 monospace;letter-spacing:.15em}.footer-risk{grid-column:1/-1;max-width:980px;color:#626b64;font:500 .5rem/1.55 "Segoe UI",sans-serif;letter-spacing:.02em!important}

.reveal { opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease),transform .9s var(--ease); }.reveal.visible { opacity:1;transform:translateY(0); }.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.14s}.reveal:nth-child(4){transition-delay:.2s}

@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(185,255,56,.45)}70%{box-shadow:0 0 0 10px rgba(185,255,56,0)}100%{box-shadow:0 0 0 0 rgba(185,255,56,0)}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}
@keyframes breathe{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.025);opacity:1}}
@keyframes core-star{0%,100%{opacity:.72;transform:translateY(-50%) scale(.72)}48%{opacity:1;transform:translateY(-50%) scale(1.35)}58%{opacity:.88;transform:translateY(-50%) scale(.92)}}
@keyframes living-image-drift{0%,100%{transform:rotate(-.35deg) scale(1.015)}45%{transform:rotate(.55deg) scale(1.035)}72%{transform:rotate(.08deg) scale(1.022)}}
@keyframes core-aura{0%,100%{opacity:.54;transform:scale(.97)}50%{opacity:.86;transform:scale(1.045)}}
@keyframes period-glow{0%,100%{filter:brightness(.92)}50%{filter:brightness(1.28)}}
@keyframes telemetry-sheen{0%,64%{transform:translateX(-105%)}82%,100%{transform:translateX(125%)}}
@keyframes scan{0%{transform:translateX(-100%)}60%,100%{transform:translateX(110%)}}
@keyframes wave{to{height:calc(var(--h) * .45)}}
@keyframes float-a{50%{transform:translate(22%,14%) scale(1.14)}}@keyframes float-b{50%{transform:translate(-15%,-12%) scale(.86)}}@keyframes float-c{50%{transform:translate(-18%,22%) scale(1.2)}}
@keyframes final-wave{to{height:calc(var(--h) * .55);transform:translateY(8%)}}

@media (max-width:1100px){
  .topbar{grid-template-columns:1fr auto auto}.topbar-signal{display:none}.topbar nav{display:none}
  .hero{grid-template-columns:1fr;padding-left:7vw;padding-right:7vw}.aperture-wrap{opacity:.72;right:-22vw;width:74vw}.telemetry{display:none}.hero-copy{max-width:900px}.hero-statement{max-width:680px}
  .manifesto-grid{grid-template-columns:1fr}.pressure-map{grid-column:1;grid-row:auto;width:min(78vw,600px);justify-self:center;margin-top:4rem}.architecture-heading,.sequence-intro{grid-template-columns:1fr}.system-orbit{width:86vw}.octavia-stage{grid-template-columns:1fr}.octavia-voice{margin-top:2rem}
}

@media (max-width:720px){
  .cursor-orbit{display:none}.topbar{height:72px;padding:0 5vw;grid-template-columns:1fr auto}.member-key{padding:.65rem;font-size:0}.member-key::before{content:"ENTER";font-size:.58rem}.brand-mark{width:30px;height:30px}.brand-name{font-size:.75rem}
  .hero{min-height:100svh;padding:7.5rem 5vw 4rem}.hero h1{font-size:clamp(4rem,20vw,7rem);line-height:.74}.solid-word{margin-left:0}.hero-statement{grid-template-columns:1fr;margin:2.5rem 0 2rem;gap:.8rem}.hero-actions{margin-left:0;flex-direction:column;align-items:flex-start}.trial-note{margin-left:0}.aperture-wrap{width:95vw;right:-48vw;top:40%;opacity:.52}.edge-code,.hero-index{display:none}.scroll-cue{left:5vw}.primary-action{min-width:230px}
  .section-shell{padding:7rem 5vw 5rem}.section-index{position:static;writing-mode:initial;margin-bottom:2rem}.section-index strong{writing-mode:initial}.vertical-note{display:none}.manifesto h2,.architecture h2,.sequence h2,.octavia h2{font-size:clamp(3.2rem,15vw,5.6rem)}.manifesto-copy{font-size:1rem}.pressure-map{width:90vw;margin-left:-2.5vw}
  .architecture{min-height:auto}.system-orbit{height:680px;aspect-ratio:auto;margin-top:2rem}.system-core{width:88%;min-height:245px;padding:1.7rem}.system-node{width:96px;padding:1.05rem;font-size:.52rem}.node-qf{left:0;top:6%}.node-bf{right:0;top:11%}.node-sm{left:2%;bottom:6%}.node-oc{right:0;bottom:10%}
  .sequence-intro{margin-bottom:2rem}.sequence-list li{grid-template-columns:42px 1fr;min-height:180px;padding:1.2rem 0}.sequence-list li>b{grid-column:2;justify-self:start}.sequence-list li:hover{padding-left:.6rem}.sequence-list strong{font-size:1.8rem}
  .octavia-stage{display:block}.octavia-voice{min-height:480px;padding:2rem 1.5rem}.voice-footer{align-items:flex-start;gap:.7rem;flex-direction:column}.finale h2{font-size:clamp(4rem,17vw,7rem)}.finale-actions{flex-direction:column}.finale .text-action{color:#343b35}
  footer{grid-template-columns:1fr;padding:3rem 5vw}footer>div{flex-wrap:wrap}footer small{grid-column:1}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.cursor-orbit{display:none}
}

@supports (color:color(display-p3 1 1 1)){
  :root{--acid:color(display-p3 .70 1 .12);--ion:color(display-p3 .32 .91 1);--violet:color(display-p3 .53 .35 1)}
}