/* Dither canvas — on body, covers header + hero area */
.dither-bg-canvas {
  z-index: 1;
  pointer-events: none;
  background: #000;
}

/* Topbar stays visible above canvas */
.topbar {
  position: relative;
  z-index: 9999 !important;
}

/* Hero section — black fallback while loading, then transparent when canvas loads */
.hero-section-dither {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
}

/* Section inner content stays above the canvas */
.hero-section-dither > .elementor-container,
.hero-section-dither > .elementor-widget-wrap,
.hero-section-dither > .e-con-inner {
  position: relative;
  z-index: 2;
}

/* Header stays above canvas — high z-index for sticky */
.header-section.header-gradient {
  position: relative;
  z-index: 9999 !important;
}

/* Hero section link colors */
.hero-section-dither a {
  color: #4da3ff;
}

.hero-section-dither a:hover {
  color: #7dbdff;
}