/* ══════════════════════════════════════
   STORM — Canvas overlay styles
   ══════════════════════════════════════ */

.storm-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

/* Ensure hero content sits above the canvas */
.hero .container {
  position: relative;
  z-index: 1;
}

.hero .hero-badge,
.hero h1,
.hero .hero-sub,
.hero .hero-buttons {
  position: relative;
  z-index: 1;
}