/* Preserve the service pages' existing brand and desktop composition. */
.container {
    max-width: min(1200px, 100%);
}
a:focus-visible {
    outline: 3px solid #00ffff;
    outline-offset: 3px;
}
@media (max-width: 400px) {
    .service-card, .pricing-card {
        min-width: 0;
        width: 100%;
    }
    .service-card h3, .pricing-card h3 {
        overflow-wrap: anywhere;
    }
}
@media (prefers-reduced-motion: reduce) {
    .header, .intro-section {
        animation: none;
    }
    .service-card, .pricing-card, .btn, .btn-small {
        transition: none;
    }
    .service-card:hover, .pricing-card:hover, .btn:hover, .btn-small:hover {
        transform: none;
    }
}