/* ==========================================================================
   1. ANIMASYON LOGO K AP DEFILE (MARQUEE)
   ========================================================================== */
@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

.marquee-content {
    animation: marquee 20s linear infinite;
}

/* ==========================================================================
   2. ANIMASYON K AP FLOTE (FLOAT)
   ========================================================================== */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-12px); }
}

.animate-float {
    animation: float 5s ease-in-out infinite;
}

/* ==========================================================================
   3. LIGHT LINE ANIMATION IN HERO (LIME GREEN EFFECT)
   ========================================================================== */
@keyframes drop {
    0% { top: -30%; }
    100% { top: 100%; }
}

.line-container::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 120px;
    background: linear-gradient(to bottom, transparent, #bbf7d0); /* Chanje an lime green */
    animation: drop 6s linear infinite;
}

/* Vitès diferan pou chak liy background */
.line-container:nth-child(1)::after { animation-delay: 0s; animation-duration: 5s; }
.line-container:nth-child(2)::after { animation-delay: 1.5s; animation-duration: 7s; }
.line-container:nth-child(3)::after { animation-delay: 3s; animation-duration: 6s; }
.line-container:nth-child(4)::after { animation-delay: 0.5s; animation-duration: 8s; }
.line-container:nth-child(5)::after { animation-delay: 2s; animation-duration: 4.5s; }

/* ==========================================================================
   4. KAT PRI YO & HOVER EFFECTS (PRICING - PROPRE)
   ========================================================================== */
.pricing-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease;
}

/* Lè sourit pase sou yo, lonbraj ak kòdon vèt */
.pricing-card:hover {
    transform: translateY(-8px) scale(1.01);
    box-shadow: 0 20px 40px rgba(187, 247, 208, 0.1); /* Lonbraj lime green dous */
    border-color: #bbf7d0; /* Kòdon lime green */
}

/* Pou asire icon check ak pwen yo gen koulè ajans lan */
.pricing-card ul li span:first-child {
    color: #bbf7d0;
    font-weight: bold;
}

/* ==========================================================================
   5. SCROLL ANIMATION SYSTEM (JS REVEAL)
   ========================================================================== */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.delay-200 { transition-delay: 0.2s; }
.delay-400 { transition-delay: 0.4s; }

/* ==========================================================================
   NAVIGATION RESPONSIVE & ELECTRIC PINK (FIX FOR TAILWIND 4)
   ========================================================================== */

/* Kache burger a sou Desktop */
.burger-menu {
    display: none !important;
}

/* Animasyon sou sourit pou burger a */
.burger-menu:hover span:nth-child(1) { transform: translateY(-2px); }
.burger-menu:hover span:nth-child(2) { transform: translateX(4px); background-color: #ff007f; }
.burger-menu:hover span:nth-child(3) { transform: translateY(2px); }

/* Lè menu a louvri nan JS (Vire an X) */
.burger-menu.open span:nth-child(1) { transform: rotate(45deg) translate(4px, 2px); background-color: #ff007f; }
.burger-menu.open span:nth-child(2) { opacity: 0; transform: translateX(-20px); }
.burger-menu.open span:nth-child(3) { transform: rotate(-45deg) translate(4px, -2px); background-color: #ff007f; }

/* Konfigirasyon fòse pou telefòn */
@media (max-width: 768px) {
    .burger-menu {
        display: flex !important; /* Fòse burger parèt sou mobil */
    }

    .nav-links {
        display: flex !important; /* Fòse estrikti a tounen flex */
        opacity: 0;
        pointer-events: none; /* Anpeche moun klike sou li lè l kache */
        transform: translateY(-20px); /* L ap desann soti anwo dousman */
        transition: all 0.3s ease-in-out;
    }

    /* Lè w klike sou burger a, klas sa a ap deklanche */
    .nav-links.active {
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }
}