:root{--bg: #04070d;--ink: #f3f4f6;--muted: #9ca3af;--glass: rgba(7, 12, 24, .56);--border: rgba(255, 255, 255, .17);--violet: #c4b5fd;--cyan: #7dd3fc;--rose: #f9a8d4;--gold: #fde68a}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at 18% 8%,rgba(125,211,252,.08),transparent 38%),radial-gradient(circle at 82% 14%,rgba(249,168,212,.08),transparent 36%),linear-gradient(180deg,#03050a,#04070d 44%,#050913);color:var(--ink)}.page-shell{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.ambient-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(60% 36% at 50% 22%,rgba(196,181,253,.16),transparent 72%),radial-gradient(38% 20% at 50% 72%,rgba(125,211,252,.12),transparent 76%);pointer-events:none}.story-stage{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);z-index:5;width:min(92vw,860px);margin:0 auto;padding:1rem;text-align:center}.story-progress{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1.2rem;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border);background:#0509136b;font-size:.8rem;color:var(--muted)}.story-progress strong{color:var(--ink)}.story-card{animation:rise .54s ease both}.story-kicker{margin:0 0 .45rem;font-size:clamp(1.1rem,1.6vw,1.45rem);font-style:italic;letter-spacing:.02em}.story-title{margin:0;font-size:clamp(2.05rem,5vw,4.95rem);line-height:.95;text-wrap:balance}.story-body{width:min(72ch,94%);margin:1rem auto 0;color:#cbd5e1;font-size:clamp(.98rem,1.5vw,1.2rem);line-height:1.5}.waitlist-form{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.65rem;width:min(680px,96%);margin:1.4rem auto 0;padding:.55rem;border-radius:999px;border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.waitlist-form input{width:100%;min-width:0;border:0;border-radius:999px;background:transparent;color:var(--ink);padding:.7rem .95rem;font-size:1rem;outline:none}.waitlist-form input::placeholder{color:#94a3b8}.waitlist-form button{border:0;border-radius:999px;padding:.74rem 1.05rem;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#030712;font-weight:700;cursor:pointer;transition:transform .18s ease,filter .18s ease}.waitlist-form button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.waitlist-form button:disabled{opacity:.7;cursor:not-allowed}.form-status{margin:.9rem auto 0;width:fit-content;max-width:90%;padding:.42rem .75rem;border-radius:999px;font-size:.86rem}.form-status.success{color:#bbf7d0;border:1px solid rgba(134,239,172,.35);background:#22c55e26}.form-status.error{color:#fecaca;border:1px solid rgba(252,165,165,.35);background:#ef44442e}.interaction-hint{margin-top:1.15rem;color:#9aa4b2;font-size:.86rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes rise{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:720px){.story-stage{width:100%;padding:1rem .8rem 1.2rem;top:39%}.story-title{font-size:clamp(2rem,12vw,3.2rem)}.story-body{margin-top:.9rem;font-size:.96rem}.waitlist-form{grid-template-columns:1fr;border-radius:18px;padding:.65rem}.waitlist-form button{width:100%}}
