/* Voltage motion is deliberately one-shot and CSS-only after setup. Content is
   visible before this class is attached, so a missing or interrupted script can
   never leave the hero or product sections hidden. */
html.sg-motion-enabled,
html.sg-motion-enabled body { overflow-x: clip; }

html.sg-motion-enabled .sg-motion-item {
    animation: voltage-rise .32s ease-out both;
    animation-delay: calc(var(--sg-motion-order, 0) * 35ms);
}

@keyframes voltage-rise {
    from { opacity: .82; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    html.sg-motion-enabled .sg-motion-item {
        opacity: 1;
        transform: none;
        animation: none;
    }
}