/* Autoplay-only illustrations. A single finite cycle, reset on complete viewport exit. */
.support-art{height:210px;overflow:hidden;border-radius:12px;margin-bottom:25px;background:radial-gradient(ellipse at 50% 38%,#252a32,#101216 75%);--support-motion-state:running}
.support-art svg{display:block;width:100%;height:100%}
.support-art .route-line,.support-art .shield-trace,.support-art .shield-check{stroke-dasharray:100}
.support-art .route-car{translate:25px 0}
.support-art .clock-hand{transform-origin:300px 180px}
.support-art.is-playing .clock-hand{animation:vr-support-clock 4.8s both}
.support-art.is-playing .time-arc{animation:vr-support-arc 4.8s both}
.support-art.is-playing .route-line,.support-art.is-playing .shield-trace{animation:vr-support-trace 4.8s both}
.support-art.is-playing .route-car{animation:vr-support-car 4.8s both}
.support-art.is-playing .shield-check{animation:vr-support-check 4.8s both}
.support-art.is-playing svg *{animation-play-state:var(--support-motion-state);animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-iteration-count:1}
@keyframes vr-support-clock{0%,10%{rotate:-80deg}85%,100%{rotate:0deg}}
@keyframes vr-support-arc{0%,12%{stroke-dashoffset:723;opacity:0}20%{opacity:1}85%,100%{stroke-dashoffset:0;opacity:.7}}
@keyframes vr-support-trace{0%,25%{stroke-dashoffset:100}85%,100%{stroke-dashoffset:0}}
@keyframes vr-support-car{0%,12%{translate:-35px 0;opacity:.3}80%,100%{translate:25px 0;opacity:1}}
@keyframes vr-support-check{0%,50%{stroke-dashoffset:100}90%,100%{stroke-dashoffset:0}}
@media(max-width:600px){.support-art{height:205px}}
@media(prefers-reduced-motion:reduce){.support-art.is-playing svg *{animation:none!important}}

