/* =============================================
   ANIMATION STYLES — OPTIMIZED
   Palmist Bajrang — Jank-Free Motion
   ============================================= */

/* Use will-change sparingly — only on animated elements */
.reveal-element {
    opacity: 0;
    transform: translateY(40px);
    will-change: transform, opacity;
}

/* Remove will-change after animation to free memory */
.reveal-element.revealed {
    will-change: auto;
}

/* Use transform instead of top/left for GPU acceleration */
.hover-lift {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.hover-lift:hover {
    transform: translateY(-6px);
}

.hover-lift:not(:hover) {
    will-change: auto;
}

/* Image hover — hardware accelerated */
.image-hover-zoom img {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.image-hover-zoom:hover img {
    transform: scale(1.02);
}

/* Service cards */
.service-card {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                border-color 0.3s ease;
}

/* WhatsApp float */
.whatsapp-float {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.3s ease;
}

/* Buttons */
.btn {
    transition: background 0.2s ease,
                transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.2s ease;
}

/* ====== REDUCED MOTION ====== */
@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;
    }
    
    .reveal-element {
        opacity: 1 !important;
        transform: none !important;
    }
    
    .hero-canvas {
        display: none;
    }
}