/* ===== 1024px BREAKPOINT ===== */
@media (max-width: 1024px) {
    .hero-grid { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}

/* ===== 768px BREAKPOINT ===== */
@media (max-width: 768px) {
    .nav-links { display: none; }
    .hero-heading { font-size: 36px; }
    .services-grid,
    .work-grid,
    .why-grid,
    .value-pillars { grid-template-columns: 1fr; }
    .testimonials-grid,
    .focus-grid { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: 1fr; }
    .form-row { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    .cta-banner-inner {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
}