.zm-motion *{box-sizing:border-box}.zm-motion{--accent:#caa9f6;--paint:#7844ac;--night:0;--bob:0px;--lean:0deg;--road-offset:0px;max-width:1500px;margin:auto;padding:28px 5vw 25px;background:radial-gradient(ellipse at 50% 45%,#20243855,transparent 60%)}.zm-motion header,.zm-motion footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.zm-motion .sm-brand{font:700 13px Arial;letter-spacing:3px;color:#eff2f8;text-decoration:none;direction:ltr}.zm-motion .sm-brand span{color:var(--accent)}.zm-motion .sm-edition{font:10px Arial;letter-spacing:2px;color:#8090a5}.zm-motion .sm-intro{text-align:center;margin-top:40px;position:relative;z-index:2}.zm-motion .sm-eyebrow{font:9px Arial;letter-spacing:3px;color:var(--accent)}.zm-motion .sm-intro h1{font-size:clamp(26px,3.8vw,48px);font-weight:500;line-height:1.8;margin:12px 0 6px}.zm-motion .sm-intro p{font-size:12px;color:#8f9db2;line-height:2;margin:0}.zm-motion .sm-stage{position:relative;isolation:isolate;max-width:1100px;margin:-40px auto 0;overflow:hidden;border-radius:32px;background:radial-gradient(ellipse at 54% 65%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 60%)}.zm-motion .sm-watermark{position:absolute;top:35%;left:50%;transform:translateX(-50%);font:900 clamp(45px,12vw,160px) Arial;letter-spacing:12px;color:#fff;opacity:.026;z-index:-1}.zm-motion .sm-orbit{position:absolute;inset:30% 8% 14%;border:1px solid #76869b21;border-radius:50%;transform:rotate(-8deg);z-index:-1}.zm-motion .sm-orbit:after{content:'';position:absolute;inset:13%;border:1px solid #76869b15;border-radius:50%}.zm-motion .sm-bike{position:relative;z-index:2;filter:drop-shadow(0 4px 7px #0003)}.zm-motion .sm-bike svg{display:block;width:100%;height:auto;aspect-ratio:1100/720}.zm-motion .bike-body{transform:translateY(var(--bob)) rotate(var(--lean));transform-origin:50% 82%}.zm-motion .sm-beam{opacity:calc(var(--night)*.5)}.zm-motion .head-glow{opacity:0;transition:opacity 1.2s}.zm-motion.lights .head-glow{opacity:.65}.zm-motion .sm-headlamp{transition:fill 1s}.zm-motion.lights .sm-headlamp{fill:#f5ffff}.zm-motion .sm-underglow{opacity:calc(.035 + var(--night)*.13)}.zm-motion .sm-tail{filter:drop-shadow(0 0 2px #e44c4c)}.zm-motion.braking .sm-tail{fill:#ff8a82;filter:drop-shadow(0 0 7px #ff433b)}.zm-motion .indicator{opacity:var(--signal,1)}.zm-motion .sm-road{position:absolute;bottom:10.4%;left:8%;width:84%;height:1px;background:#52617155;overflow:hidden}.zm-motion .sm-road:after{content:'';display:block;width:200%;height:1px;background:repeating-linear-gradient(90deg,transparent 0 45px,#b7cadb66 45px 90px);transform:translateX(var(--road-offset))}.zm-motion .sm-caption{position:absolute;bottom:2%;width:100%;display:flex;justify-content:space-between;font-size:9px;color:#64758c;padding:0 5%}.zm-motion .sm-particles{position:absolute;inset:40% 6% 15%;overflow:hidden;pointer-events:none}.zm-motion .sm-particles i{position:absolute;width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--accent));opacity:.13;left:30%;top:10%;transform:translateX(var(--drift,0px))}.zm-motion .sm-particles i:nth-child(2){top:30%;left:65%;width:35px}.zm-motion .sm-particles i:nth-child(3){top:60%;left:10%;width:90px}.zm-motion .sm-particles i:nth-child(4){top:80%;left:80%}.zm-motion .sm-particles i:nth-child(5){top:95%;left:50%;width:120px}.zm-motion .sm-dashboard{max-width:920px;margin:0 auto;position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 4px 20px;font-size:11px;color:#94a2b9}.zm-motion .sm-dashboard b{font:23px Arial;color:var(--accent)}.zm-motion .sm-dashboard small{font:8px Arial;letter-spacing:2px}.zm-motion .sm-live{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:6px;box-shadow:0 0 10px var(--accent)}.zm-motion .sm-progress{position:absolute;bottom:0;inset-inline:0;height:2px;background:#263348;direction:ltr}.zm-motion .sm-progress i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--progress,0));transform-origin:left}.zm-motion button:focus-visible,.zm-motion input:focus-visible,.zm-motion a:focus-visible{outline:2px solid #d6b6ff;outline-offset:4px}.zm-motion footer{border-top:1px solid #263247;padding-top:18px;color:#687b96;font-size:10px;line-height:2}.zm-motion footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:6px}@media(max-width:650px){.zm-motion{padding:22px 16px}.zm-motion .sm-brand{font-size:11px;letter-spacing:2px}.zm-motion .sm-edition{font-size:8px;letter-spacing:1px}.zm-motion .sm-intro{margin-top:32px}.zm-motion .sm-eyebrow{font-size:8px;letter-spacing:1.6px}.zm-motion .sm-intro h1{font-size:27px}.zm-motion .sm-intro p{font-size:10px;max-width:290px;margin:auto}.zm-motion .sm-stage{margin:0 -12px}.zm-motion .sm-watermark{font-size:12vw;letter-spacing:4px}.zm-motion .sm-caption{font-size:7px}.zm-motion .sm-dashboard{font-size:9px;gap:7px}.zm-motion .sm-dashboard b{font-size:20px}.zm-motion .sm-dashboard small{font-size:7px;letter-spacing:1px}.zm-motion footer{font-size:9px;align-items:flex-start}.zm-motion footer span{max-width:48%}}@media(prefers-reduced-motion:reduce){.zm-motion .head-glow,.zm-motion .sm-headlamp{transition:none}.zm-motion .sm-particles{display:none}}
.zm-motion{width:100%;min-width:0;padding:12px;margin:0;border-radius:24px;background:#101722;color:#edf1f7;isolation:isolate}
.zm-motion .sm-stage{margin:0;min-width:0}
.zm-motion .sm-dashboard{flex-wrap:wrap}
.zm-motion .zm-note{font-size:11px;line-height:1.9;color:#a6b4c8;margin:14px 0 0}
.zm-motion button,.zm-motion input{font-family:inherit}
@media print{}

.zm-motion .sm-motion-controls{display:flex;justify-content:center;margin-block:.75rem}
.zm-motion [data-motion-toggle]{min-block-size:44px;max-inline-size:100%;padding:.6rem 1rem;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--text-strong);font:inherit;font-size:.9rem;white-space:normal;cursor:pointer}
.zm-motion [data-motion-toggle]:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px}
.zm-motion [data-motion-toggle]:disabled{cursor:default}
.zm-motion.is-motion-paused *,.zm-motion.is-motion-paused *::before,.zm-motion.is-motion-paused *::after{animation-play-state:paused!important;transition:none!important}
.zm-motion .sm-dashboard{flex-wrap:wrap}