/* =============================================================
   PERFORMANCE OPTIMIZATIONS
   No visual changes. Reduces paint/composite/CPU cost.
   ============================================================= */

/* 1. content-visibility: lets the browser skip layout/paint for
      sections that are off-screen. Massive win on long pages with
      many backdrop-filters. The contain-intrinsic-size hint stops
      the scrollbar from jumping.
      Only applied to large in-flow sections (NOT the hero, NOT
      anything fixed/absolute/with critical above-the-fold content).
*/
.values-section,
.advantage-section,
.promise-section,
.app-process-section,
.platforms-section,
.monetization-section,
.features-section,
.svc-domains-section,
.svc-process,
.svc-industries,
.svc-cta,
.svc-hex-section,
.adv-bento,
.values-manifesto,
.process-rail,
.platform-triptych,
.monetize-orbit {
    content-visibility: auto;
    contain-intrinsic-size: 1px 700px;
}

/* 2. Promote large blurred / animated layers to their own GPU layer
      ONCE (transform: translateZ(0)) instead of using will-change,
      which keeps a memory-hungry layer alive forever even when idle.
*/
.hero-backdrop,
.hero-backdrop-orb,
.hero-glow-wave,
.neon-arc,
.abt-stats-bg,
.abt-stats-orb {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* 3. Cut animation work for users who asked the OS not to animate.
      Keeps everything VISIBLE just removes motion.
*/
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
}

/* 4. Hover-only effects: don't apply on touch devices where they
      would be triggered by tap and feel sticky.
*/
@media (hover: none) {
    .feature-card:hover,
    .about-tile:hover,
    .services-tile:hover,
    .contact-tile:hover,
    .vm-card:hover,
    .value-card:hover,
    .adv-card:hover,
    .leader-card:hover {
        transform: none !important;
    }
}

/* 5. Force compositor-only animation paths on commonly-animated
      decorative elements so the main thread isn't blocked on paint.
      transform/opacity only, no layout-triggering properties.
*/
.btn-ripple,
.tw-cursor,
.hp,
.svc-hex,
.svc-hex-inner {
    backface-visibility: hidden;
}