/* ==================== Premium Animations ==================== */

:root {
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-smooth: cubic-bezier(0.65, 0, 0.35, 1);
}

/* 1. Refine WOW/Animate CSS transitions */
.wow {
    visibility: hidden;
}

/* Make entrance animations smoother and more "premium" */
.fadeInUp,
.fadeInLeft,
.fadeInRight {
    animation-timing-function: var(--ease-out-quart) !important;
    animation-duration: 1.2s !important;
    /* Slower, more deliberate */
}

/* 2. Global Hover Lift (Apply to cards) */
.secondary-project-card,
.value-card,
.contact-info-box,
.contact-form,
.plan-card,
.service-card {
    transition: transform 0.4s var(--ease-out-quart),
        box-shadow 0.4s var(--ease-out-quart),
        border-color 0.3s ease !important;
    will-change: transform;
}

.secondary-project-card:hover,
.value-card:hover,
.service-card:hover {
    transform: translateY(-8px) scale(1.01) !important;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.3) !important;
}

/* 3. Button Shimmer Effect */
.cta-main-btn,
.submit-btn,
.app-detail-btn {
    position: relative;
    overflow: hidden;
}

.cta-main-btn::after,
.submit-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right,
            transparent,
            rgba(255, 255, 255, 0.2),
            transparent);
    transform: skewX(-25deg);
    transition: 0.5s;
    pointer-events: none;
}

.cta-main-btn:hover::after,
.submit-btn:hover::after {
    left: 150%;
    transition: 0.7s ease-in-out;
}

/* 4. Smooth Anchor Scrolling Fix (for Lenis) */
html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto;
    /* Disable native smooth scroll to let Lenis handle it */
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}