/**
 * Critical CSS for Performance
 * Shared across all pages
 */

/* CSS Containment for better rendering performance */
section { contain: layout style; }
.service-image { contain: strict; }
.tech-scroll-left, .tech-scroll-right { contain: layout style paint; }
.product-card { contain: layout paint; }

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Optimize canvas rendering */
canvas { 
    image-rendering: optimizeSpeed;
    will-change: contents;
}

/* Prevent FOUT (Flash of Unstyled Text) */
.font-display, .font-sans { font-display: swap; }

/* Marquee animation optimization */
.animate-scroll {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.marquee-container {
    contain: layout style paint;
}