/* ============================================================
   Circuit SVG Animation — hero-circuit
   ============================================================ */

.hero-circuit {
    position: relative;
    overflow: hidden;
    line-height: 0;
}

.hero-circuit svg {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    will-change: transform;
    transform: translateZ(0);
}

/*
 * Quand la classe hero-circuit est sur .Hero_Circuit_Snpt,
 * on écrase le mix-blend-mode: multiply (qui tuerait les glows bleus)
 * et on remonte l'opacité pour que l'animation soit visible.
 */
.Hero_Circuit_Snpt.hero-circuit {
    opacity: 0.72 !important;
    mix-blend-mode: normal !important;
    filter: none !important;
}

.Hero_Visual_Snpt.Hero_Ready_Snpt .Hero_Circuit_Snpt.hero-circuit {
    transform: translate3d(0, 0, -34px) scale(1) !important;
    animation: none !important;
}

/* Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .hero-circuit svg * {
        animation: none !important;
        transition: none !important;
    }
}