.staged-reading-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;background:linear-gradient(90deg,#6469ff,#b287ef,#49bca2);transform:scaleX(0);transform-origin:left}.rank-fill{transform-origin:left}.hero-stage{background-size:140% 140%}@media(prefers-reduced-motion:no-preference){.track-card,.product-grid>a,.supporter-quote,.leader-preview{transition:transform .24s ease,box-shadow .24s ease}.track-card:hover,.product-grid>a:hover,.supporter-quote:hover{transform:translateY(-5px);box-shadow:0 16px 38px #161f4810}.leader-preview:hover{transform:translateY(-3px)}.point{transform-box:fill-box;transform-origin:center;transition:transform .2s,filter .2s}.point:hover,.point:focus-visible{transform:scale(1.5);filter:drop-shadow(0 0 5px #9e8fff)}.workflow li:hover .step-count{color:var(--accent)}.hero-chips span{transition:background .2s}.hero-chips span:hover{background:var(--surface)}}@media(prefers-reduced-motion:reduce){.hero-stage{background-size:auto}.staged-reading-progress{display:none}}
/* Ambient motion with an accessible pause control. */
.bar-fill{transform-origin:left}.hero-stage{position:relative;isolation:isolate;overflow:hidden}.hero-stage>.hero{position:relative;z-index:1}.motion-enabled .hero-stage:before,.motion-enabled .hero-stage:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(55px);z-index:0;width:460px;height:460px;opacity:.24}.motion-enabled .hero-stage:before{left:-120px;top:-170px;background:#898dff;animation:ambient-orbit 24s ease-in-out infinite alternate}.motion-enabled .hero-stage:after{right:0;bottom:-220px;background:#72d5c1;animation:ambient-orbit 28s ease-in-out -10s infinite alternate-reverse}.motion-enabled .hero h1 em{background:linear-gradient(105deg,var(--accent) 15%,#9770cf 45%,var(--accent) 75%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:ambient-ink 14s ease-in-out infinite alternate}.motion-tab-hidden .hero-stage:before,.motion-tab-hidden .hero-stage:after,.motion-tab-hidden .hero h1 em{animation-play-state:paused}.motion-controls{position:fixed;right:20px;bottom:18px;z-index:30;display:flex;align-items:center;gap:7px;padding:8px 9px 8px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 8px 35px #0d143128;font:12px/1.4 Figtree,system-ui,sans-serif}.motion-state{font-size:10px;font-weight:600;letter-spacing:.03em;color:var(--muted);margin-right:5px}.motion-controls button{font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--soft)}.motion-controls button:hover{color:var(--accent)}@keyframes ambient-orbit{from{transform:translate(-40px,0) scale(.85)}to{transform:translate(180px,90px) scale(1.25)}}@keyframes ambient-ink{from{background-position:0% center}to{background-position:100% center}}@media(max-width:640px){.motion-controls{right:10px;bottom:10px;left:10px;justify-content:space-between;gap:5px;padding:7px 9px}.motion-state{font-size:9px}.motion-controls button{font-size:10px}}@media(prefers-reduced-motion:reduce){.motion-enabled .hero h1 em{background:none;color:var(--accent)}.motion-enabled .hero-stage:before,.motion-enabled .hero-stage:after{display:none}}@media print{.motion-controls{display:none}}
/* Two confirmed supporters, duplicated only for a seamless visual loop. */
.supporter-carousel{flex:1;min-width:0;position:relative;padding-bottom:16px}.supporter-carousel-window{overflow:hidden;width:100%;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.supporter-carousel-track{display:flex;width:100%;will-change:transform}.supporter-carousel .supporter-names{flex:0 0 100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-around;gap:30px;padding:0 30px 0 0;list-style:none}.supporter-carousel .supporter-names li{white-space:nowrap}.motion-enabled .supporter-carousel-track{animation:supporter-roll 36s linear infinite}.supporter-carousel:hover .supporter-carousel-track,.supporter-carousel:focus-within .supporter-carousel-track,.carousel-paused .supporter-carousel-track,.motion-tab-hidden .supporter-carousel-track{animation-play-state:paused}.carousel-pause{position:absolute;right:8px;bottom:-2px;font-size:10px;color:var(--muted);padding:3px 7px;text-decoration:underline;text-underline-offset:3px}.point{transform-box:fill-box;transform-origin:center}.rank-row,#results tr{will-change:auto}@keyframes supporter-roll{to{transform:translateX(-100%)}}@media(max-width:640px){.supporter-carousel{width:100%;flex:auto}.supporter-carousel .supporter-names li{font-size:24px}.motion-controls{flex-wrap:wrap}.motion-state{flex:1 0 100%;text-align:center}.motion-controls button{flex:1}}@media(prefers-reduced-motion:reduce){.supporter-carousel-track{animation:none!important}.carousel-pause{display:none}}

.motion-controls{position:static;padding:0;border:0;box-shadow:none;background:transparent;flex-wrap:nowrap}.motion-state{display:none}.motion-controls button{flex:initial}
