.no-backdrop-filter .topbar {
  background: rgba(8, 12, 20, 0.94);
}

.no-mask-image .bg-grid,
.no-mask-image .hero-bg-canvas,
.no-mask-image .hero.scanline::after {
  -webkit-mask-image: none;
  mask-image: none;
}

.no-overflow-clip body {
  overflow-x: hidden;
}

.no-overflow-clip .faq-item {
  overflow: hidden;
}

.no-aspect-ratio .automation-lottie {
  height: clamp(240px, 45vw, 420px) !important;
}

.no-intersection-observer [data-reveal] {
  opacity: 1;
  transform: none;
}

@supports not (backdrop-filter: blur(2px)) {
  .topbar {
    background: rgba(8, 12, 20, 0.94);
  }
}

@supports not (mask-image: linear-gradient(#000, #000)) {
  .bg-grid,
  .hero-bg-canvas,
  .hero.scanline::after {
    -webkit-mask-image: none;
    mask-image: none;
  }
}

@supports not (overflow: clip) {
  body {
    overflow-x: hidden;
  }

  .faq-item {
    overflow: hidden;
  }
}

@supports not (aspect-ratio: 16 / 9) {
  .automation-lottie {
    height: clamp(240px, 45vw, 420px) !important;
  }
}

@supports not (mix-blend-mode: screen) {
  .cursor-glow {
    mix-blend-mode: normal;
  }
}