/*
  Scroll performance — 60fps native scroll, lighter compositing while scrolling
*/

html.sr-site-scroll-ready,
html.sr-site-scroll-ready body.sr-site {
  scroll-behavior: auto !important;
  overscroll-behavior-y: none;
}

body.sr-site.is-scrolling #world-solar-bg canvas,
body.sr-site.is-scrolling .wsb-gl-canvas {
  pointer-events: none !important;
  opacity: 1 !important;
  will-change: transform;
}

body.sr-site.is-scrolling .sr-header-apex,
body.sr-site.is-scrolling .sr-hero-pro,
body.sr-site.is-scrolling .sr-hero-pro__apex-play,
body.sr-site.is-scrolling .sr-hero-pro__apex-live,
body.sr-site.is-scrolling .sr-hero-pro__tone,
body.sr-site.is-scrolling .sr-hero-trust,
body.sr-site.is-scrolling .card,
body.sr-site.is-scrolling .metric-card,
body.sr-site.is-scrolling .sr-glass-deep,
body.sr-site.is-scrolling .sr-dashboard-pro,
body.sr-site.is-scrolling .sr-promo-fab,
body.sr-site.is-scrolling .footer-premium,
body.sr-site.is-scrolling .sr-faq-section .sr-faq-item {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.sr-site.is-scrolling .fade-up,
body.sr-site.is-scrolling .sr-ui-reveal,
body.sr-site.is-scrolling .sr-flow-section {
  transition: none !important;
}

body.sr-site section[id]:not(.sr-hero-pro) {
  content-visibility: auto;
  contain-intrinsic-size: auto 560px;
}

body.sr-site .sr-hero-pro,
body.sr-site #world-solar-bg {
  content-visibility: visible;
}

body.sr-site.perf-lite #world-solar-bg canvas {
  image-rendering: auto;
}

@media (prefers-reduced-motion: reduce) {
  body.sr-site section[id] {
    content-visibility: visible;
  }
}