:root{
  --bg:#020408;--panel:#071019;--text:#f4f7fb;--muted:#95a5af;
  --cyan:#00eaff;--red:#ff304f;--lime:#b8ff39;--line:rgba(255,255,255,.10);
  --display:"Orbitron",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}
.site-header{position:fixed;inset:0 0 auto;z-index:50;min-height:62px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.65rem clamp(1rem,3vw,2rem);background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.1));border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:.7rem;min-width:0}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(0,234,255,.7);border-radius:9px;color:var(--cyan);font-family:var(--display);font-weight:800;box-shadow:0 0 18px rgba(0,234,255,.18)}.brand-copy{display:grid;min-width:0}.brand strong{font-family:var(--display);font-size:.76rem;letter-spacing:.12em;white-space:nowrap}.brand small{font-size:.5rem;letter-spacing:.14em;color:var(--cyan)}
.quality-switch{display:flex;align-items:center;padding:3px;border:1px solid rgba(0,234,255,.28);border-radius:999px;background:rgba(0,0,0,.5)}.quality-switch button{min-height:30px;padding:0 .5rem;border:0;border-radius:999px;background:none;color:var(--muted);font-family:var(--display);font-size:.46rem;letter-spacing:.08em;cursor:pointer}.quality-switch button.active{background:var(--cyan);color:#001014}
.nav{display:flex;gap:1rem}.nav a{font-size:.72rem;color:var(--muted)}.nav a:hover{color:var(--cyan)}
.spatial-journey{position:relative;background:#000}.spatial-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 38%,#07151d 0,#020408 43%,#000 100%)}#creator-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.spatial-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.54) 38%,rgba(0,0,0,.04) 70%,rgba(0,0,0,.34) 100%),linear-gradient(0deg,rgba(0,0,0,.82),transparent 35%)}
.breadcrumb{position:absolute;z-index:8;left:50%;top:78px;transform:translateX(-50%);display:flex;align-items:center;gap:.45rem;padding:.42rem .65rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(0,0,0,.58);backdrop-filter:blur(12px);font-family:var(--display);font-size:.46rem;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.breadcrumb b{color:rgba(255,255,255,.28)}.breadcrumb strong{color:var(--cyan)}
.hero-copy{position:absolute;z-index:8;left:clamp(1rem,6vw,6rem);bottom:clamp(5rem,10vh,7rem);max-width:760px}.eyebrow{margin:0 0 .75rem;color:var(--cyan);font-family:var(--display);font-size:.58rem;font-weight:800;letter-spacing:.16em}.hero-copy h1,.section-heading h2{font-family:var(--display);line-height:.96;letter-spacing:-.035em}.hero-copy h1{margin:0;font-size:clamp(3.1rem,8vw,7.6rem);max-width:900px}.lede{max-width:720px;margin:1.15rem 0 0;color:#c3cfd5;font-size:clamp(1rem,2vw,1.25rem)}
.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.45rem}.button{min-height:48px;padding:.75rem 1rem;border:1px solid rgba(0,234,255,.42);border-radius:10px;background:rgba(0,0,0,.56);color:var(--cyan);font-family:var(--display);font-size:.56rem;letter-spacing:.09em;cursor:pointer}.button.primary{background:var(--cyan);color:#001014}.interaction-cue{margin:.85rem 0 0;color:rgba(255,255,255,.5);font-family:var(--display);font-size:.45rem;letter-spacing:.1em}
.hero-stage{position:absolute;z-index:9;right:clamp(1rem,4vw,3rem);bottom:clamp(1rem,4vh,2.5rem);display:flex;align-items:center;gap:.75rem;max-width:340px;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(0,0,0,.64);backdrop-filter:blur(12px)}.hero-stage>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(0,234,255,.46);border-radius:8px;color:var(--cyan);font-family:var(--display);font-size:.52rem}.hero-stage div{display:grid}.hero-stage small{color:var(--cyan);font-family:var(--display);font-size:.44rem;letter-spacing:.11em}.hero-stage strong{font-size:.72rem;font-weight:600}
.hero-progress{position:absolute;z-index:9;left:50%;bottom:1rem;transform:translateX(-50%);display:flex;gap:.35rem}.hero-progress span{width:17px;height:2px;background:rgba(255,255,255,.15)}.hero-progress span.active{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.story-steps{position:relative;z-index:1}.story-steps section{min-height:88svh;display:flex;align-items:flex-end;padding:0 1rem 2rem;pointer-events:none}.story-steps span{opacity:0;font-family:var(--display);font-size:.1px}
.minimum-mode{position:absolute;z-index:7;inset:92px clamp(1rem,5vw,4rem) 2rem auto;width:min(420px,42vw);overflow:auto;padding:1rem;border:1px solid rgba(0,234,255,.25);border-radius:16px;background:rgba(0,0,0,.72);backdrop-filter:blur(14px)}.minimum-mode ol{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.minimum-mode li{display:grid;gap:.1rem;padding:.55rem .65rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#071019}.minimum-mode b{font-family:var(--display);font-size:.48rem;color:var(--cyan)}.minimum-mode span{font-size:.72rem;color:var(--muted)}
.reference-zone,.governance-zone{padding:clamp(5rem,9vw,8rem) clamp(1rem,6vw,6rem);border-top:1px solid rgba(255,255,255,.07);background:#020408}.section-heading{max-width:800px}.section-heading h2{margin:.2rem 0 1rem;font-size:clamp(2rem,5vw,4.4rem)}.section-heading>p:last-child{color:var(--muted);max-width:760px}.reference-lines{display:grid;gap:.55rem;margin-top:2rem;max-width:980px}.reference-lines div{display:grid;grid-template-columns:3rem 220px 1fr;gap:1rem;align-items:center;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#071019}.reference-lines span{color:var(--red);font-family:var(--display);font-size:.48rem}.reference-lines strong{font-family:var(--display);font-size:.65rem}.reference-lines p{margin:0;color:var(--muted);font-size:.78rem}.governance-zone{background:radial-gradient(circle at 50% 0,rgba(0,234,255,.06),transparent 32%),#020408}.governance-laws{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0}.governance-laws span{padding:.55rem .7rem;border:1px solid rgba(255,48,79,.28);border-radius:999px;font-family:var(--display);font-size:.46rem;letter-spacing:.07em}.text-link{color:var(--cyan);font-family:var(--display);font-size:.55rem;letter-spacing:.08em}.site-footer{padding:1.2rem 1rem 2rem;border-top:1px solid rgba(255,255,255,.07);background:#000;color:var(--muted);text-align:center;font-family:var(--display);font-size:.46rem;letter-spacing:.08em}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.nav{display:none}.brand small{display:none}.hero-stage{left:1rem;right:1rem;bottom:.7rem;max-width:none}.hero-progress{display:none}.minimum-mode{left:1rem;right:1rem;top:86px;width:auto}.reference-lines div{grid-template-columns:2.2rem 1fr}.reference-lines p{grid-column:2}}
@media(max-width:640px){.site-header{min-height:56px;padding:.5rem}.brand strong{font-size:.62rem}.quality-switch button{padding:0 .34rem;font-size:.4rem}.breadcrumb{top:64px;font-size:.39rem}.hero-copy{left:1rem;right:1rem;bottom:7.2rem}.hero-copy h1{font-size:clamp(2.8rem,13vw,5rem)}.lede{font-size:.92rem}.interaction-cue{font-size:.4rem}.story-steps section{min-height:80svh}.reference-zone,.governance-zone{padding:4.5rem 1rem}.reference-lines div{grid-template-columns:2rem 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-steps section{min-height:55svh}}