/* Circuit hero background, shared across pages */
.hero { position: relative; overflow: hidden; }
.hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.hero-glow { z-index: 0; }
.hero .wrap { position: relative; z-index: 2; }

/* Keep the circuit on mobile but push it back so it never competes with the text. */
@media (max-width: 640px) { .hero-canvas { opacity: 0.55; } }