:root{--void-000: #05060a;--void-050: #0a0a0f;--void-100: #0f1018;--void-200: #14172200;--void-300: #1a1d2e;--night-400: #1e1e2e;--night-500: #242539;--mist-600: #3a3d55;--mist-700: #5a5d78;--haze-800: #8b8ea8;--paper-900: #c8c9d8;--paper-950: #e8e8f0;--paper-999: #f5f4ef;--violet: #7b2fff;--violet-soft: #9a5cff;--violet-deep: #4a18a8;--cyan: #88aaff;--cyan-deep: #3a5dd8;--ember: #ff9a55;--ember-soft: #ffc89a;--accent: var(--violet);--accent-soft: var(--violet-soft);--accent-deep: var(--violet-deep);--accent-glow: rgba(123, 47, 255, .45);--accent-mist: rgba(123, 47, 255, .12);--serif: "Cormorant Garamond", "Cormorant", "EB Garamond", Georgia, serif;--mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--sans: "Inter Tight", "Inter", system-ui, sans-serif;--fs-micro: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 14px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 28px;--fs-2xl: 44px;--fs-3xl: 72px;--fs-hero: 128px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--r-sm: 2px;--r-md: 4px;--r-lg: 10px;--r-pill: 999px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-gravity: cubic-bezier(.6, .05, .25, 1)}[data-accent=cyan]{--accent: var(--cyan);--accent-soft: #b4cbff;--accent-deep: var(--cyan-deep);--accent-glow: rgba(136, 170, 255, .45);--accent-mist: rgba(136, 170, 255, .12)}[data-accent=duo]{--accent: var(--violet);--accent-soft: var(--cyan);--accent-deep: var(--violet-deep);--accent-glow: rgba(123, 47, 255, .4);--accent-mist: rgba(136, 170, 255, .12)}[data-accent=ember]{--accent: var(--ember);--accent-soft: var(--ember-soft);--accent-deep: #b8651e;--accent-glow: rgba(255, 154, 85, .4);--accent-mist: rgba(255, 154, 85, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--void-000);color:var(--paper-950);font-family:var(--mono);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}body{cursor:none}button,input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}#app{position:relative;min-height:100vh;width:100vw}.stars-layer{position:fixed;inset:0;z-index:0;pointer-events:none}.stars-layer canvas{display:block;width:100%;height:100%}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 50%,transparent 40%,rgba(5,6,10,.6) 100%);mix-blend-mode:multiply}.grain{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.cursor-layer{position:fixed;inset:0;z-index:100;pointer-events:none}.serif{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--paper-999);letter-spacing:-.01em}.serif-roman{font-family:var(--serif);font-weight:400;font-style:normal;color:var(--paper-999)}.mono{font-family:var(--mono);font-weight:400;text-transform:uppercase;letter-spacing:.18em;color:var(--haze-800)}.mono-tight{font-family:var(--mono);font-weight:400;letter-spacing:.02em;color:var(--paper-900);text-transform:none}.label{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.25em;text-transform:uppercase;color:var(--haze-800)}.hairline{height:1px;background:linear-gradient(90deg,transparent,var(--mist-600) 20%,var(--mist-600) 80%,transparent)}.scene{position:relative;z-index:5;min-height:100vh;padding:var(--sp-9) var(--sp-7)}.scene-coord{position:absolute;top:var(--sp-5);left:var(--sp-7);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.3em;color:var(--haze-800);text-transform:uppercase;display:flex;gap:var(--sp-4);align-items:center}.scene-coord:before{content:"";width:24px;height:1px;background:var(--mist-600)}.room-stage{position:relative;width:100%;max-width:1100px;aspect-ratio:16/10;margin:0 auto;perspective:1800px}.room-capsule{position:absolute;inset:0;border-radius:6px;background:linear-gradient(180deg,#12131d,#0c0d14);box-shadow:0 60px 120px -40px #000000e6,0 0 80px -20px var(--accent-glow),inset 0 0 120px -40px #9a5cff26;overflow:hidden;transform-style:preserve-3d}.u-abs{position:absolute}.u-flex{display:flex}.u-col{flex-direction:column}.u-gap-2{gap:var(--sp-2)}.u-gap-3{gap:var(--sp-3)}.u-gap-4{gap:var(--sp-4)}.u-gap-5{gap:var(--sp-5)}.u-center{align-items:center;justify-content:center}.u-between{justify-content:space-between}.btn-ghost{display:inline-flex;align-items:center;gap:var(--sp-3);padding:10px 18px;font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.25em;text-transform:uppercase;color:var(--paper-950);border:1px solid var(--mist-600);border-radius:var(--r-pill);background:#14172266;backdrop-filter:blur(8px);cursor:none;transition:all .3s var(--ease-out)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-soft);box-shadow:0 0 24px -4px var(--accent-glow)}.tweaks{position:fixed;right:var(--sp-5);bottom:var(--sp-5);z-index:80;width:280px;padding:var(--sp-5);background:#0a0a0fd9;backdrop-filter:blur(14px);border:1px solid var(--mist-600);border-radius:var(--r-lg);box-shadow:0 20px 60px -20px #000c;font-family:var(--mono);font-size:var(--fs-xs);color:var(--paper-900);display:none}.tweaks.open{display:block}.tweaks h4{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.3em;text-transform:uppercase;color:var(--haze-800);margin-bottom:var(--sp-4);display:flex;justify-content:space-between}.tweak-row{margin-bottom:var(--sp-4)}.tweak-row>label{display:block;font-size:var(--fs-micro);letter-spacing:.2em;text-transform:uppercase;color:var(--haze-800);margin-bottom:var(--sp-2)}.tweak-options{display:flex;gap:var(--sp-1);flex-wrap:wrap}.tweak-pill{padding:4px 10px;font-size:var(--fs-micro);letter-spacing:.15em;text-transform:uppercase;color:var(--haze-800);border:1px solid var(--mist-600);border-radius:var(--r-pill);cursor:none;transition:all .2s var(--ease-out)}.tweak-pill.active{color:var(--void-050);background:var(--accent);border-color:var(--accent)}.tweak-slider{width:100%;-webkit-appearance:none;appearance:none;height:1px;background:var(--mist-600);outline:none;cursor:none}.tweak-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);cursor:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--void-000)}::-webkit-scrollbar-thumb{background:var(--mist-600);border-radius:3px}@keyframes blink{0%,50%{opacity:1}50.1%,to{opacity:0}}.blink{animation:blink 1s steps(2) infinite}@keyframes float-gravity{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-2px) translate(1px)}66%{transform:translateY(1px) translate(-1px)}}.ol-stage{position:absolute;inset:0;perspective:1700px;perspective-origin:50% 26%}.ol-3d{position:absolute;left:50%;top:54%;width:620px;height:380px;margin-left:-310px;margin-top:-190px;transform:rotateX(6deg);transform-style:preserve-3d}.ol-deck{position:absolute;left:6%;width:88%;height:168px;top:50%;transform-origin:center top;transform:rotateX(72deg);background:linear-gradient(180deg,#1a1b26,#0e0f16);border:1px solid rgba(154,92,255,.18);border-radius:10px 10px 16px 16px;box-shadow:0 40px 80px -24px #000000d9,inset 0 1px #ffffff0d;padding:16px 22px 10px;display:flex;flex-direction:column;gap:10px}.ol-keys{display:flex;flex-direction:column;gap:5px}.ol-key-row{display:flex;gap:5px;justify-content:center}.ol-key{flex:1;height:12px;border-radius:2px;background:#ffffff0d;box-shadow:inset 0 -1px #0006}.ol-trackpad{margin:6px auto 0;width:34%;height:30px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.ol-deck-glow{position:absolute;left:0;right:0;top:-2px;height:44px;background:radial-gradient(ellipse at 50% 0%,var(--accent-mist),transparent 70%);pointer-events:none}.ol-lid{position:absolute;left:6%;width:88%;height:320px;bottom:50%;transform-origin:center bottom;transform-style:preserve-3d;transition:transform .12s linear}.ol-lid-back,.ol-screen{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ol-lid-back{transform:rotateY(180deg);background:linear-gradient(160deg,#14151f,#0a0b12);border:1px solid rgba(154,92,255,.18);box-shadow:inset 0 0 60px #0009;display:grid;place-items:center}.ol-logo{width:34px;height:34px;border-radius:50%;border:1px solid var(--accent-soft);box-shadow:0 0 24px var(--accent-glow);opacity:.7}.ol-screen{background:linear-gradient(180deg,#0a0c14,#070810);border:2px solid #15161f;overflow:hidden;box-shadow:0 0 60px #7b2fff47,inset 0 0 30px #000000d9}.ol-screen-bar{height:24px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#141722b3;border-bottom:1px solid #15161f}.ol-dot{width:7px;height:7px;border-radius:50%}.ol-screen-path{margin-left:12px;font-family:var(--mono);font-size:9px;color:var(--mist-700)}.ol-screen-body{position:absolute;inset:24px 0 0;padding:22px 26px;transition:opacity .4s var(--ease-out)}.ol-boot{font-family:var(--mono);font-size:10px;line-height:1.7;color:var(--mist-700)}.ol-screen-title{margin-top:12px;font-family:var(--serif);font-style:italic;font-size:34px;color:var(--paper-999);line-height:1}.ol-screen-constellation{position:absolute;left:0;right:0;bottom:14px;width:100%;height:60px}.ol-scanline{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.02) 2px 3px)}.ol-screen-spill{position:absolute;left:-10%;right:-10%;bottom:-36px;height:120px;background:radial-gradient(ellipse at 50% 0%,var(--accent-glow),transparent 70%);filter:blur(10px);pointer-events:none}.scene-hero-tall{min-height:210vh;height:210vh;padding:0}.hero-pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,3vh,28px);padding:84px 48px 56px}.hero-laptop{position:relative;width:min(860px,90vw);height:clamp(300px,44vh,460px);flex:0 0 auto}.hero-copy{text-align:center;max-width:820px;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}