/* Default markup is a complete example. Preparation begins only when a
   visible, initialized timeline starts; missing JavaScript stays useful. */
.home-page .preview-progress-track [data-progress-fill] { transform: scaleX(1); }
.home-page [data-speed-advantage]:not([data-home-motion-state]) .speed-lane-pulse,
.home-page [data-speed-advantage][data-home-motion-state="waiting"] .speed-lane-pulse {
    transform: translateX(0);
}

/* CSS keyframes and numeric counters share one pause/resume lifecycle. */
.home-page [data-home-motion-paused],
.home-page [data-home-motion-paused]::before,
.home-page [data-home-motion-paused]::after,
.home-page [data-home-motion-paused] *,
.home-page [data-home-motion-paused] *::before,
.home-page [data-home-motion-paused] *::after {
    animation-play-state: paused !important;
}