@keyframes fadeIn { 
    from { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    to { 
        opacity: 1; 
        transform: translateY(0); 
    } 
}

@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.05); } 
    100% { transform: scale(1); } 
}

.fade-in { 
    opacity: 0; 
    animation: fadeIn 1s ease-out forwards; 
}

.service-card {
    transition: all 0.3s ease;
}

/* Staggered animation for ALL service cards – works for any number */
.service-card:nth-child(1)  { animation-delay: 0.2s; }
.service-card:nth-child(2)  { animation-delay: 0.4s; }
.service-card:nth-child(3)  { animation-delay: 0.6s; }
.service-card:nth-child(4)  { animation-delay: 0.8s; }
.service-card:nth-child(5)  { animation-delay: 1.0s; }
.service-card:nth-child(6)  { animation-delay: 1.2s; }
.service-card:nth-child(7)  { animation-delay: 1.4s; }
.service-card:nth-child(8)  { animation-delay: 1.6s; }
.service-card:nth-child(9)  { animation-delay: 1.8s; }
.service-card:nth-child(10) { animation-delay: 2.0s; }
.service-card:nth-child(11) { animation-delay: 2.2s; }
.service-card:nth-child(12) { animation-delay: 2.4s; }
.service-card:nth-child(13) { animation-delay: 2.6s; }
.service-card:nth-child(14) { animation-delay: 2.8s; }
.service-card:nth-child(15) { animation-delay: 3.0s; }

/* Fallback: if more than 15 cards (unlikely), continue pattern */
.service-card:nth-child(n+16) { animation-delay: 3.2s; }

.cta-button { 
    transition: all 0.3s ease; 
    animation: pulse 2s infinite; 
}
.cta-button:hover { 
    transform: scale(1.1); 
    background: #e63950; 
    animation: none; 
}

.nav-links a { 
    transition: color 0.3s ease; 
}
.nav-links a:hover { 
    color: #ff6b00; 
}