/* Stage 33: render-performance hardening without changing layout or calculator logic. */

/* Long below-the-fold sections can skip initial layout/paint work until they approach the viewport. */
.seo-stage5-deep-dive,
.seo-stage8-deep-dive,
.seo-stage6-trust,
.faq,
.site-footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 520px;
}

/* Backdrop blur is costly while scrolling on small screens; keep the same solid-header appearance. */
@media (max-width: 700px) {
  .site-header {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #fff;
  }
}

/* Respect OS accessibility preferences and avoid unnecessary compositor work. */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }

  .site-header {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .hero-card,
  .hero-card:hover,
  .tool-card,
  .tool-card:hover {
    transform: none;
  }
}