/* Scroll-triggered fade-in */
.fade-in {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s ease, transform .6s ease;
}
.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered delays for grids */
.service-card:nth-child(1)  { transition-delay: .0s; }
.service-card:nth-child(2)  { transition-delay: .05s; }
.service-card:nth-child(3)  { transition-delay: .10s; }
.service-card:nth-child(4)  { transition-delay: .15s; }
.service-card:nth-child(5)  { transition-delay: .20s; }
.service-card:nth-child(6)  { transition-delay: .25s; }
.service-card:nth-child(7)  { transition-delay: .30s; }
.service-card:nth-child(8)  { transition-delay: .35s; }
.service-card:nth-child(9)  { transition-delay: .40s; }
.service-card:nth-child(10) { transition-delay: .45s; }
.service-card:nth-child(11) { transition-delay: .50s; }
.service-card:nth-child(12) { transition-delay: .55s; }
.service-card:nth-child(13) { transition-delay: .60s; }

.why-card:nth-child(1) { transition-delay: .0s; }
.why-card:nth-child(2) { transition-delay: .1s; }
.why-card:nth-child(3) { transition-delay: .2s; }
.why-card:nth-child(4) { transition-delay: .3s; }