/* Keep the visual motion, but only spend rendering work where the user can see it. */
.ticker-track,
.partner-track,
.pilot-marquee-track,
.pilot-click-hint,
.outcome-tags span { animation-play-state: paused !important; }

.is-motion-running,
.outcome-tags span.is-motion-running { animation-play-state: running !important; }

.word-ticker,
.partner-window,
.pilot-marquee-window { contain: paint; }

.gallery-section,
.service-section,
.statement,
.use-cases,
.review-section,
.news-section,
.privacy,
.contact,
.site-footer {
  content-visibility: auto;
  contain-intrinsic-size: auto 760px;
}

.gallery-item { contain: paint; }
.chat-orbit { contain: layout paint style; box-shadow: 0 10px 28px #32101d20; }
.chat-orbit:hover > img { filter: none; }
.benefit-photo > img,
.use-card img,
.contact > img { filter: none; mix-blend-mode: normal; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
  }
}