/* Ecosystem hero background stack. Existing hero design and content stay unchanged. */
html body.ac-clean-ecosystem .hero--ecosystem-service {
  position: relative !important;
  isolation: isolate;
}

html body.ac-clean-ecosystem .hero--ecosystem-service > .ac-particles-background {
  position: absolute;
  inset: 0;
  z-index: 1 !important;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: transparent;
  background-image: none;
  opacity: 0.82;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 8px rgba(240, 93, 45, 0.46));
}

html body.ac-clean-ecosystem .hero--ecosystem-service > .hero__media {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  visibility: visible !important;
}

html body.ac-clean-ecosystem .hero--ecosystem-service > .hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none;
}

html body.ac-clean-ecosystem .hero--ecosystem-service > .hero__content {
  z-index: 10 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body.ac-clean-ecosystem .hero--ecosystem-service > .hero__content > * {
  visibility: visible !important;
  opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
  html body.ac-clean-ecosystem .hero--ecosystem-service > .ac-particles-background {
    opacity: 0.88;
  }
}