/* Keep the approved hardware artwork as the only illustrated hero background. */
.home .site-stage-noise {
  opacity: 1;
  mix-blend-mode: normal;
  background-image: none;
}

.home .site-stage-noise::before {
  content: none;
  position: fixed;
  z-index: -3;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 23%, rgba(5,9,13,.98) 0 2.1%, rgba(113,226,242,.34) 2.3% 2.8%, rgba(9,14,20,.98) 3% 7.1%, rgba(123,92,246,.25) 7.3% 7.8%, transparent 8%),
    radial-gradient(circle at 86% 28%, rgba(5,9,13,.98) 0 2.1%, rgba(113,226,242,.32) 2.3% 2.8%, rgba(9,14,20,.98) 3% 7.1%, rgba(123,92,246,.22) 7.3% 7.8%, transparent 8%),
    radial-gradient(circle at 78% 43%, rgba(5,9,13,.98) 0 2.1%, rgba(113,226,242,.28) 2.3% 2.8%, rgba(9,14,20,.98) 3% 7.1%, rgba(123,92,246,.20) 7.3% 7.8%, transparent 8%),
    radial-gradient(circle at 72% 23%, transparent 0 8%, rgba(92,223,240,.32) 8.2% 8.7%, rgba(120,82,245,.22) 9% 10%, transparent 10.5%),
    radial-gradient(circle at 86% 28%, transparent 0 8%, rgba(92,223,240,.28) 8.2% 8.7%, rgba(120,82,245,.20) 9% 10%, transparent 10.5%),
    radial-gradient(circle at 78% 43%, transparent 0 8%, rgba(92,223,240,.25) 8.2% 8.7%, rgba(120,82,245,.18) 9% 10%, transparent 10.5%),
    linear-gradient(116deg, transparent 0 58%, rgba(122,145,157,.10) 58.2% 58.7%, transparent 59% 100%),
    linear-gradient(70deg, transparent 0 64%, rgba(103,232,249,.10) 64.2% 64.5%, transparent 64.8% 100%),
    linear-gradient(90deg, transparent 0 61%, rgba(17,26,34,.76) 61% 94%, transparent 94%),
    radial-gradient(ellipse at 80% 35%, rgba(31,45,57,.64), transparent 38%);
  opacity: .96;
  filter: saturate(1.08) contrast(1.04);
}

.home .site-stage-noise::after {
  content: none;
  position: fixed;
  z-index: -2;
  width: min(54vw, 820px);
  aspect-ratio: 1;
  right: -6vw;
  top: 8vh;
  pointer-events: none;
  border-radius: 50%;
  background:
    conic-gradient(from 10deg,
      transparent 0 5deg, rgba(5,9,14,.74) 7deg 28deg,
      transparent 30deg 48deg, rgba(7,12,18,.70) 50deg 72deg,
      transparent 74deg 94deg, rgba(6,10,16,.72) 96deg 118deg,
      transparent 120deg 140deg, rgba(7,12,18,.68) 142deg 164deg,
      transparent 166deg 186deg, rgba(6,10,16,.72) 188deg 210deg,
      transparent 212deg 232deg, rgba(7,12,18,.68) 234deg 256deg,
      transparent 258deg 278deg, rgba(6,10,16,.72) 280deg 302deg,
      transparent 304deg 324deg, rgba(7,12,18,.70) 326deg 348deg,
      transparent 350deg 360deg);
  mask-image: radial-gradient(circle, transparent 0 15%, #000 17% 48%, transparent 66%);
  -webkit-mask-image: radial-gradient(circle, transparent 0 15%, #000 17% 48%, transparent 66%);
  opacity: .52;
  transform: rotate(-8deg);
  filter: drop-shadow(0 0 38px rgba(67,206,228,.12));
}

.home::after {
  background:
    radial-gradient(circle at 74% 27%, rgba(74,208,230,.10), transparent 29%),
    radial-gradient(circle at 84% 43%, rgba(118,80,236,.09), transparent 27%),
    linear-gradient(90deg, rgba(4,7,10,.94) 0%, rgba(7,11,15,.82) 30%, rgba(7,11,15,.30) 58%, rgba(5,8,12,.42) 100%),
    linear-gradient(180deg, rgba(5,8,11,.30), rgba(6,10,14,.08) 36%, rgba(4,7,10,.60) 100%);
}

@media (max-width: 900px) {
  .home .site-stage-noise::before {
    background:
      radial-gradient(circle at 75% 23%, rgba(5,9,13,.98) 0 3%, rgba(103,232,249,.34) 3.2% 3.8%, rgba(9,14,20,.98) 4% 10%, rgba(123,92,246,.22) 10.2% 11%, transparent 11.4%),
      radial-gradient(circle at 75% 23%, transparent 0 11%, rgba(92,223,240,.27) 11.2% 12%, rgba(120,82,245,.18) 12.3% 14%, transparent 14.5%),
      linear-gradient(110deg, transparent 0 54%, rgba(103,232,249,.09) 54.2% 54.6%, transparent 55%),
      radial-gradient(ellipse at 76% 28%, rgba(28,43,54,.62), transparent 38%);
  }
  .home .site-stage-noise::after {
    width: 94vw;
    right: -34vw;
    top: 15vh;
    opacity: .40;
  }
  .home::after {
    background:
      radial-gradient(circle at 78% 25%, rgba(74,208,230,.10), transparent 28%),
      linear-gradient(90deg, rgba(4,7,10,.91), rgba(6,10,14,.57) 58%, rgba(5,8,12,.48)),
      linear-gradient(180deg, rgba(5,8,11,.28), rgba(4,7,10,.58));
  }
}

