/* Performance — reduce scroll jank and GPU load without changing layout */

/* Fixed backgrounds repaint every scroll frame on many browsers */
body::before,
section[style*="background-image"],
section.bg-fixed,
[class*="bg-fixed"] {
    background-attachment: scroll !important;
}

/* backdrop-filter is the #1 scroll killer on this site — use solid translucent fills */
.menu-item,
.glass-card,
header .top-header,
header .main-header,
header nav,
section .backdrop-blur-sm,
section .backdrop-blur-md,
section [class*="backdrop-blur"],
.premium-lightbox,
[class*="backdrop-filter"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.menu-item {
    background: rgba(42, 42, 42, 0.92) !important;
}

.glass-card,
section .backdrop-blur-sm,
section .backdrop-blur-md {
    background: rgba(30, 30, 30, 0.92) !important;
}

header .top-header,
header .main-header {
    background-color: rgba(30, 30, 30, 0.94) !important;
}

.mobile-menu {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(12, 12, 14, 0.98) !important;
}

.mobile-menu.active {
    background-color: rgba(12, 12, 14, 0.98) !important;
}

#mophyz-global-ambient {
    will-change: auto;
    contain: strict;
}

/* Do NOT use content-visibility on marketing sections — it hides cards/buttons on mobile */

/* Disable expensive CSS filters on decorative layers */
body::before {
    filter: none !important;
}

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