:root{--font-body: "Spline Sans", sans-serif;--font-tension: "Unbounded", sans-serif;--font-release: "Fraunces", serif;--font-display: var(--font-tension);--content-max: 1120px;--theme-bg: #0b1220;--theme-ink: #d7f0ff;--theme-accent: #4aa7ff;--theme-glow: #1d6bb3;--theme-grid: rgba(74, 167, 255, .25);--shadow-soft: 0 24px 60px rgba(0, 0, 0, .25)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);background:var(--theme-bg);color:var(--theme-ink);transition:background .6s ease,color .6s ease;overflow-x:hidden}body[data-theme=tension]{--font-display: var(--font-tension)}body[data-theme=release]{--font-display: var(--font-release)}#app{min-height:100vh}.site{position:relative;isolation:isolate}.grid-overlay{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,var(--theme-grid) 1px,transparent 1px),linear-gradient(180deg,var(--theme-grid) 1px,transparent 1px);background-size:120px 120px;opacity:.75;-webkit-mask-image:radial-gradient(circle at 50% 30%,black 0%,black 45%,transparent 80%);mask-image:radial-gradient(circle at 50% 30%,black 0%,black 45%,transparent 80%)}.scroll-hud{position:fixed;top:50%;left:2.5rem;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--theme-ink)}.scroll-track{width:2px;height:180px;background:#ffffff1f;position:relative;border-radius:999px}.scroll-progress{position:absolute;bottom:0;left:0;width:2px;height:180px;transform-origin:bottom;background:var(--theme-accent);box-shadow:0 0 12px var(--theme-glow)}.scroll-label{font-size:.7rem;color:var(--theme-accent)}.scroll-marks{display:flex;flex-direction:column;gap:.4rem}.scroll-mark{opacity:.4;transition:opacity .3s ease,transform .3s ease}.scroll-mark.is-active{opacity:1;transform:translate(6px)}.hero{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;padding:8rem 6vw 6rem;max-width:var(--content-max);margin:0 auto;align-items:center}.hero-copy{display:flex;flex-direction:column;gap:1.5rem}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;margin:0}.hero h1{font-family:var(--font-display);font-size:clamp(2.6rem,4vw,4.5rem);margin:0;line-height:1.05}.lead{font-size:1.15rem;line-height:1.6;max-width:28rem}.cta-row{display:flex;align-items:center;gap:1.25rem}.cta{border:none;background:var(--theme-accent);color:#08080b;font-family:var(--font-display);font-size:.95rem;text-transform:uppercase;letter-spacing:.12em;padding:.9rem 1.6rem;border-radius:999px;cursor:pointer;box-shadow:0 12px 40px color-mix(in srgb,var(--theme-glow),transparent 40%);transition:transform .2s ease,box-shadow .2s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 46px color-mix(in srgb,var(--theme-glow),transparent 30%)}.cta-clicked{transform:scale(.98)}.cta-note{font-size:.85rem;opacity:.7}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.modal.is-open{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;background:#060a10a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-panel{position:relative;z-index:1;width:min(520px,92vw);background:color-mix(in srgb,var(--theme-bg),#000 12%);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-soft);border:1px solid color-mix(in srgb,var(--theme-accent),transparent 70%);display:flex;flex-direction:column;gap:1rem}.modal-close{position:absolute;top:1rem;right:1rem;border:none;background:transparent;color:var(--theme-ink);font-size:1.4rem;cursor:pointer}.modal-subtitle{margin:0;opacity:.7}.cta-form{display:flex;flex-direction:column;gap:1.1rem}.cta-field{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.cta-field input{border-radius:12px;border:1px solid color-mix(in srgb,var(--theme-accent),transparent 60%);padding:.8rem .9rem;font-size:1rem;background:#070a0e99;color:var(--theme-ink)}.cta-consent{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;line-height:1.4}.cta-consent input{margin-top:.2rem}.cta-status{margin:0;font-size:.85rem;color:var(--theme-accent);min-height:1.2rem}.hero-visual{display:flex;flex-direction:column;gap:1.5rem}.hero-canvas{width:100%;height:320px;border-radius:24px;background:#080a0e66;box-shadow:var(--shadow-soft);border:1px solid color-mix(in srgb,var(--theme-accent),transparent 70%)}.hero-caption{font-size:.9rem;opacity:.7}.story{position:relative;z-index:2;max-width:var(--content-max);margin:0 auto;padding:0 6vw 6rem}.scene{min-height:70vh;display:flex;align-items:center;opacity:.25;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scene.is-visible{opacity:1;transform:translateY(0)}.scene-content{max-width:32rem}.scene h2{font-family:var(--font-display);font-size:clamp(2rem,3vw,3rem);margin-bottom:1rem}.scene p{font-size:1.1rem;line-height:1.7}.footer{padding:6rem 6vw 8rem;max-width:var(--content-max);margin:0 auto}.footer-content{display:flex;flex-direction:column;gap:3rem}.bub{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center}.bub-orb{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffd9b3,#ff8d47 55%,#b24000);box-shadow:0 16px 40px #ff833680}.bub-spark{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff1e0;box-shadow:0 0 20px #fffc;transform:translate(56px,-64px)}.cta-footer{display:flex;flex-direction:column;gap:.6rem}@media(max-width:960px){.hero{grid-template-columns:1fr;padding-top:6rem}.scroll-hud{left:auto;right:1.5rem}.cta-row{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.hero{padding:5rem 1.5rem 3rem}.story,.footer{padding-left:1.5rem;padding-right:1.5rem}.scroll-hud{display:none}.hero-canvas{height:240px}.bub{grid-template-columns:1fr}}