.hero {
  position: relative;
  overflow: hidden;
  background-image:
    linear-gradient(90deg, rgba(2, 12, 25, 0.88) 0%, rgba(3, 14, 29, 0.68) 48%, rgba(3, 14, 29, 0.38) 100%),
    url("/assets/cpcv-hero-background.png");
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
}

.hero-inner { position: relative; z-index: 1; }

.hero-circuit-motion {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.hero-electron {
  opacity: .82;
}

.hero-electron-indigo {
  fill: #A8A2F0;
  filter: drop-shadow(0 0 4px #5B50D6);
}

.hero-electron-emerald {
  fill: #82C9A6;
  filter: drop-shadow(0 0 4px #3DA37D);
}

@media (prefers-reduced-motion: reduce) {
  .hero-electron { display: none; }
}