.story-page{--story-phone-w: min(320px, 70vw)}html[data-theme=dark] .story-page,.story-page{color-scheme:dark}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(48px,10vw,96px) 0 clamp(40px,8vw,72px);min-height:min(78vh,720px);justify-content:center}.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin-bottom:18px}.hero h1{font-size:clamp(2.75rem,7vw,5rem);line-height:.96;text-transform:uppercase;max-width:14ch;margin-inline:auto}.hero h1 .line{display:block}.hero h1 .line+.line{color:var(--accent)}.subhead{margin-top:24px;margin-inline:auto;max-width:42ch;font-size:1.125rem;color:var(--text-secondary);line-height:1.65}.store-badges{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap;justify-content:center}.badge{display:flex;flex-direction:column;gap:2px;padding:10px 20px;border-radius:10px;background:var(--accent);color:var(--on-accent);min-width:152px;text-decoration:none;text-align:start}.badge-outline{background:transparent;color:var(--text);border:1.5px solid var(--border)}.badge-label{font-weight:700;font-size:.9375rem}.badge-sub{font-size:.75rem;opacity:.75}.trust{margin-top:22px;font-size:.875rem;color:var(--text-secondary)}.trust:before{content:"●";color:var(--accent);margin-right:8px;font-size:.6rem;vertical-align:middle}.story-stage{position:relative;border-top:1px solid var(--border);--story-progress: 0;--atmosphere: .45;--pitch-opacity: .22;--frame-accent-mix: 0}.story-atmosphere{pointer-events:none;position:absolute;inset:0;z-index:0;overflow:hidden}.story-atmosphere:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 55%,rgba(102,195,76,.12),transparent 65%),radial-gradient(ellipse 40% 35% at 50% 20%,rgba(232,105,94,.06),transparent 55%);opacity:var(--atmosphere)}.story-grain{position:absolute;inset:0;opacity:calc(var(--atmosphere) * .3);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");mix-blend-mode:overlay}.story-pitch{position:absolute;width:min(560px,92%);height:auto;left:50%;top:42%;opacity:var(--pitch-opacity);stroke:var(--text-secondary);fill:none;transform:translate3d(-50%,-50%,0)}.story-viewport{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:minmax(140px,28vh) 1fr auto;align-items:center;justify-items:center;padding:clamp(20px,4vh,40px) 0 clamp(16px,3vh,28px);box-sizing:border-box}.story-copy-layer{width:min(720px,92vw);text-align:center;align-self:end;min-height:140px;display:flex;align-items:flex-end;justify-content:center}.story-phone-layer{align-self:center;padding:8px 0 12px}.story-rail{width:min(320px,80vw);align-self:end;justify-self:center}.phone-frame{width:var(--story-phone-w);margin:0 auto;filter:drop-shadow(0 32px 60px rgba(0,0,0,.55));--phone-y: 0px;--phone-scale: 1;transform:translate3d(0,var(--phone-y),0) scale(var(--phone-scale));will-change:transform}.phone-bezel{position:relative;background:#0c0c0c;border:1px solid rgba(236,236,234,.14);border-radius:36px;padding:12px;--_accent: color-mix( in srgb, var(--danger) calc(var(--frame-accent-mix) * 100%), var(--accent) );box-shadow:inset 0 0 0 1px #ffffff0a,0 0 0 2px color-mix(in srgb,var(--_accent) 40%,transparent)}.phone-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:96px;height:22px;background:#0c0c0c;border-radius:14px;z-index:3}.phone-screen{position:relative;border-radius:26px;overflow:hidden;background:var(--bg);aspect-ratio:390 / 844}.phone-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.phone-shot.is-active{opacity:1}.story-stage.is-scrubbing .phone-shot,.story-stage.is-scrubbing .story-beat{transition:none}.story-beats{list-style:none;margin:0;padding:0;display:grid;width:100%}.story-beat{grid-area:1 / 1;opacity:0;visibility:hidden;pointer-events:none;display:flex;flex-direction:column;align-items:center}.story-beat.is-active{pointer-events:auto}.story-beat-num{display:block;font-family:var(--font-display);font-size:.8125rem;letter-spacing:.16em;color:var(--accent);margin-bottom:12px}.story-beat-title{font-size:clamp(2rem,5.5vw,3.25rem);text-transform:uppercase;line-height:1.02;margin-bottom:14px;max-width:16ch}.story-beat-body{color:var(--text-secondary);font-size:clamp(1rem,2.2vw,1.1875rem);line-height:1.55;max-width:34ch}.story-rail-meta{display:flex;justify-content:center;margin-bottom:10px}.story-rail-label{font-family:var(--font-mono);font-size:.75rem;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--text-secondary)}.story-rail-track{height:3px;border-radius:999px;background:var(--surface-2);overflow:hidden}.story-rail-fill{height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 40%,var(--danger)));will-change:transform}.story-rail-steps{display:flex;justify-content:space-between;margin-top:10px;font-family:var(--font-display);font-size:.6875rem;letter-spacing:.08em;color:var(--text-secondary);opacity:.55}.story-rail-step.is-active{opacity:1}.story-rail-step.is-current{color:var(--accent);opacity:1}.story-exit{border-top:1px solid var(--border);padding:clamp(48px,8vw,88px) 0;text-align:center}.story-exit .store-badges{margin-top:0;margin-bottom:48px}.leagues h2{font-size:clamp(1.75rem,3.4vw,2.375rem);text-transform:uppercase;margin-bottom:28px}.chip-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chip{border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-size:.8438rem;color:var(--text-secondary)}.leagues-disclaimer{margin-top:18px;margin-inline:auto;max-width:62ch;font-size:.75rem;color:var(--text-secondary);opacity:.75}.story-beat-shot{display:none}@media(prefers-reduced-motion:reduce){.story-viewport{display:flex;flex-direction:column;min-height:0;gap:48px;padding:clamp(40px,6vw,72px) 0}.story-phone-layer{display:none}.story-beats{display:flex;flex-direction:column;gap:56px}.story-beat{grid-area:auto;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto;position:relative}.story-stage.story-reduced .story-beat-shot{display:block;width:min(260px,70vw);border-radius:24px;border:1px solid var(--border);margin:0 auto 16px}.story-stage.story-reduced .story-rail{display:none}}@media(prefers-reduced-motion:no-preference){.hero-copy .eyebrow,.hero-copy h1,.hero-copy .subhead,.hero-copy .store-badges,.hero-copy .trust{animation:heroIn .75s ease both}.hero-copy h1{animation-delay:.06s}.hero-copy .subhead{animation-delay:.12s}.hero-copy .store-badges{animation-delay:.18s}.hero-copy .trust{animation-delay:.24s}}@keyframes heroIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:780px){.story-page{--story-phone-w: min(260px, 62vw)}.story-viewport{grid-template-rows:minmax(120px,26vh) 1fr auto}.story-beat-title{font-size:clamp(1.625rem,7vw,2.25rem)}}