/* css/services.css – UNCHANGED */
.service-pill-tab,
.service-mobile-tab {
    @apply transition-all duration-300;
}
.service-pill-tab:hover,
.service-mobile-tab:hover {
    @apply border-gray-400 transform -translate-y-1;
}
.service-pill-tab.active,
.service-mobile-tab.bg-\[var\(---color-primary\)\] {
    @apply border-[var(--color-primary)] bg-[var(--color-primary)] text-white shadow-xl transform -translate-y-1;
}
.service-card {
    animation: fadeIn 0.7s ease-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
}