/* ============================================================
   Mobile scroll performance — lighter paint, instant content
   ============================================================ */

@media (max-width: 768px) {
    html {
        scroll-behavior: auto;
    }

    /* Drop expensive compositor hints on touch */
    .hero-motion__media,
    .hero-motion__mesh,
    .hero-word-inner,
    .about-floating-visual img,
    .about-content-card {
        will-change: auto;
    }

    /* Static header glass — blur is costly while scrolling */
    .site-header .site-header__glass,
    .sabi-header__glass {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(11, 16, 32, 0.92);
    }

    .site-header.scrolled .site-header__glass,
    .site-header.is-scrolled .site-header__glass,
    .sabi-header.is-scrolled .sabi-header__glass {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(11, 16, 32, 0.96);
    }

    /* Card glass — solid fallback */
    .why-card,
    .why-section__cta {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .why-card {
        background: linear-gradient(160deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
    }

    /* Pause decorative loops while scrolling on mobile */
    .why-section__grid,
    .why-card__dot,
    .about-floating-visual img,
    .about-content-card,
    .about-bg-lines,
    .testimonial-track,
    .hero-motion__mesh,
    .hero-lines__svg {
        animation: none !important;
    }

    /* Why cards — visible immediately, no stagger wait */
    .why-section.is-visible .why-card {
        animation: none;
    }

    /* Softer hero layers */
    .hero-motion__mesh {
        filter: blur(40px);
        opacity: 0.22;
    }

    .hero-lines__svg,
    .hero-edge-border {
        opacity: 0.28;
    }
}

@media (prefers-reduced-motion: reduce) {
    .testimonial-track {
        animation: none !important;
    }
}