:root{--color-bg: #030303;--color-bg-soft: #080808;--color-fg: #f3f1ea;--color-fg-soft: rgba(243, 241, 234, .72);--color-fg-muted: rgba(243, 241, 234, .46);--color-acid: #b9ff23;--color-gold: #c7a35a;--color-line: rgba(255, 255, 255, .12);--color-line-soft: rgba(255, 255, 255, .06);--font-display: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--tracking-display: -.045em;--tracking-label: .16em;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--space-7: 4.5rem;--space-8: 7rem;--page-pad-x: clamp(1.5rem, 5vw, 5.5rem);--page-pad-y: clamp(2rem, 5vh, 4.5rem);--content-max: 1600px;--copy-max: 680px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 28px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-cinematic: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:auto}body{background:var(--color-bg);color:var(--color-fg);overflow-x:clip;min-height:100vh}#root{background:var(--color-bg);min-height:100vh;position:relative}.surface-solid{background:#080808;border:1px solid rgba(255,255,255,.08)}.surface-glass-lite{background:#060606b8;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.surface-glass-real{background:#040404d1;border:1px solid rgba(185,255,35,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 40px #000000b3}.btn-primary-cinematic:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-secondary-cinematic:hover{background:#ffffff26!important;color:#fff!important}.nav-step-btn:hover{color:#f3f1ea!important}@keyframes pulseRing{0%{r:4px;opacity:.8}to{r:16px;opacity:0}}.pulse-ring{animation:pulseRing 1.8s cubic-bezier(.16,1,.3,1) infinite;transform-origin:center}@keyframes fadeInScene{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scene-stage{animation:fadeInScene .4s var(--ease-out-expo) forwards}@media(max-width:1440px){:root{--page-pad-x: 2.5rem;--page-pad-y: 2rem}}@media(max-width:1024px){.nav-timeline{display:none!important}.hero-bottom-bar{flex-direction:column;align-items:flex-start!important;gap:20px}}
