.ride-story{--ease: cubic-bezier(.2, 0, 0, 1);position:relative;font-family:DM Sans,sans-serif;height:640vh;background:#fafbf9}.ride-stage{--ink: #242d44;--soft: #4f5869;--halo: #f2f4fab3;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;color:var(--ink);transition:color .6s var(--ease)}.ride-stage.is-dusk{--ink: #f6f0fb;--soft: #e2d6ee;--halo: #1d1a4c99}.ride-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ride-act{position:absolute;top:max(132px,17vh);left:max(48px,calc((100% - 1080px)/2));width:min(470px,calc(100% - 96px));opacity:0;visibility:hidden;will-change:opacity,transform}.ride-act>:not(.ride-actions){text-shadow:0 0 18px var(--halo),0 0 4px var(--halo)}.ride-act h1,.ride-act h2{font-size:clamp(44px,5vw,66px);line-height:1.075;letter-spacing:-.058em;font-weight:500}.ride-act>p:not(.ride-eyebrow){margin-top:22px;max-width:400px;color:var(--soft);font-size:15px;line-height:1.8;transition:color .6s var(--ease)}.ride-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:15px;font-weight:550;letter-spacing:-.03em}.ride-eyebrow img{border-radius:7px}.ride-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.ride-store{border:0;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:28px;background:#f6f0fb;color:#3a1580;font-size:13px;font-weight:500;box-shadow:0 6px 24px #0d0a2a40;transition:transform .2s var(--ease),background-color .2s}.ride-store svg{width:20px;height:20px}.ride-store:disabled{cursor:default;opacity:.85}.ride-store:not(:disabled):hover{background:#fff}.ride-store:active:not(:disabled),.ride-link:active{transform:scale(.96)}.ride-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:500;transition:transform .2s var(--ease)}.ride-link svg{transition:transform .25s var(--ease)}.ride-link:hover svg{transform:translate(3px)}.ride-hud{--ink: #fff;--muted: #bbc4d2;--brand: #bc9bef;position:absolute;right:max(32px,calc((100% - 1140px)/2));bottom:32px;width:380px;display:grid;gap:8px;font-family:Geist,sans-serif;color:var(--ink);opacity:0;pointer-events:none;will-change:opacity,transform}.hud-glass{--tint: #bc9bef;position:relative;border-radius:18px;background:linear-gradient(color-mix(in srgb,var(--tint) 8%,transparent),color-mix(in srgb,var(--tint) 8%,transparent)),#0e0d1480;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff14,0 10px 30px #06051426}.hud-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(170deg,#ffffff1f,transparent 38%);pointer-events:none}.hud-caption{margin:0;font-size:12px;font-weight:500;color:var(--muted)}.hud-interval{padding:12px 14px}.hud-interval-top{display:flex;justify-content:space-between;gap:12px}.hud-interval-label{margin-top:2px;font-size:17px;font-weight:600;letter-spacing:-.2px}.hud-remaining{display:flex;flex-direction:column;align-items:flex-end}.hud-remaining strong{font-family:Geist Mono,monospace;font-size:28px;font-weight:600;line-height:1.05;letter-spacing:-.5px}.hud-remaining>span{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--muted)}.hud-remaining svg{width:12px;height:12px}.hud-progress{height:4px;margin-top:10px;border-radius:4px;background:#ffffff1f;overflow:hidden}.hud-progress span{display:block;height:100%;background:var(--brand);transform-origin:left;transform:scaleX(0)}.hud-next{display:flex;align-items:center;gap:7px;margin:10px 0 0;font-size:13px;font-weight:500}.hud-next i{width:8px;height:8px;border-radius:2px}.hud-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hud-metric{--tint: #fa4f73;display:flex;flex-direction:column;gap:6px;min-height:88px;padding:10px}.hud-metric.cadence{--tint: #0a84ff}.hud-metric-title{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}.hud-icon{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:7px;color:var(--tint);background:color-mix(in srgb,var(--tint) 18%,transparent);transition:color .3s,background-color .3s}.hud-icon svg{width:14px;height:14px}.hud-metric-value{display:flex;align-items:baseline;gap:4px}.hud-metric-value strong{font-family:Geist Mono,monospace;font-size:20px;font-weight:600;letter-spacing:-.3px}.hud-metric-value>span{font-size:13px;font-weight:500;color:var(--muted)}.hud-metric-detail{font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}.hud-chart{padding:12px 14px 10px}.hud-plot{position:relative;height:104px}.hud-plot svg{display:block;width:100%;height:100%;overflow:visible}.hud-ftp{stroke:var(--brand);stroke-opacity:.7;stroke-width:1;stroke-dasharray:4 3;fill:none}.hud-trace{stroke:#ff9f0a;stroke-width:2;fill:none;stroke-linejoin:round}.hud-trace-casing{stroke:#1d1b25;stroke-width:5;fill:none;stroke-linejoin:round}.hud-playhead{position:absolute;top:0;bottom:0;width:1px;background:#ffffff73}.hud-dot{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ff9f0a;box-shadow:0 0 0 1.5px #1d1b25}.hud-axis{display:flex;justify-content:space-between;height:14px;margin-top:6px;font-family:Geist Mono,monospace;font-size:11px;color:var(--muted)}.ticker-slot{position:relative;display:inline-block}.ticker-slot>span{display:inline-block}.ticker-slot>.ticker-out{position:absolute;left:0;top:0}.ride-hint{position:absolute;left:50%;bottom:30px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;color:var(--soft);transform:translate(-50%);pointer-events:none}.ride-hint span{width:1px;height:34px;background:linear-gradient(transparent,currentColor);animation:drip 1.8s var(--ease) infinite;transform-origin:top}.ride-rail{position:absolute;top:50%;right:22px;width:2px;height:120px;border-radius:2px;background:color-mix(in srgb,currentColor 14%,transparent);transform:translateY(-50%);overflow:hidden}.ride-rail span{display:block;height:100%;background:currentColor;opacity:.7;transform-origin:top;transform:scaleY(0)}@keyframes drip{0%{transform:scaleY(0);opacity:1}70%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}@media(max-width:700px){.ride-act h1,.ride-act h2{font-size:clamp(38px,10.5vw,52px)}.ride-act{top:104px;left:24px;width:calc(100% - 48px)}.ride-act>p:not(.ride-eyebrow){margin-top:16px;font-size:14px;line-height:1.7}.ride-eyebrow{margin-bottom:16px}.ride-hud{left:12px;right:12px;bottom:12px;width:auto;gap:6px}.hud-interval{display:none}.hud-metric{min-height:0;padding:8px;gap:4px}.hud-metric-title{font-size:11px}.hud-icon{width:22px;height:22px}.hud-metric-detail{display:none}.hud-plot{height:64px}.ride-rail{right:10px;height:90px}}@media(prefers-reduced-motion:reduce){.ride-story *,.ride-story *:before,.ride-story *:after{animation:none!important;transition:none!important}}