@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideInFromLeft {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

@keyframes slideInFromRight {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.hero h1,
.hero p,
.hero .cta-button {
    animation: fadeIn 1s ease-out;
}

.service-card:nth-child(odd) {
    animation: slideInFromLeft 0.5s ease-out;
}

.service-card:nth-child(even) {
    animation: slideInFromRight 0.5s ease-out;
}

.step {
    animation: fadeIn 1s ease-out;
}

.stat {
    animation: fadeIn 1s ease-out;
}