/* ============================================
   RESPONSIVE BREAKPOINTS
   ============================================ */

/* ── Tablet ── */
@media (max-width: 768px) {
    header {
        padding: 14px 20px;
    }
    nav {
        display: none;
    }
    .hero {
        padding: 48px 20px 60px;
    }
    section {
        padding: 48px 20px;
    }
    .contact-grid {
        grid-template-columns: 1fr;
    }
    .form-row {
        grid-template-columns: 1fr;
    }
    footer {
        padding: 20px;
        flex-direction: column;
        text-align: center;
    }
    .footer-links {
        justify-content: center;
    }
}

/* ── Mobile ── */
@media (max-width: 480px) {
    .services-grid {
        grid-template-columns: 1fr;
    }
    .why-grid {
        grid-template-columns: 1fr;
    }
}