/* ============================================================
   Responsive Breakpoints
   ============================================================ */

@media (max-width: 1200px) {
  .div-grid          { grid-template-columns: 1fr 1fr; }
  .ind-grid          { grid-template-columns: repeat(4, 1fr); }
  .footer-top        { grid-template-columns: 1fr 1fr; }
  .services-grid     { grid-template-columns: repeat(3, 1fr); }
  .about-float-2     { display: none; }
}

@media (max-width: 1024px) {
  .about-inner       { gap: 3.5rem; }
  .why-inner         { gap: 3.5rem; }
}

@media (max-width: 960px) {
  .about-inner,
  .why-inner,
  .cta-inner,
  .contact-inner     { grid-template-columns: 1fr; gap: 3rem; }
  .cta-right         { align-items: flex-start; }
  .cta-phone-label   { text-align: left; }
  .ind-grid          { grid-template-columns: repeat(3, 1fr); }
  .about-visual      { display: none; }
}

@media (max-width: 768px) {
  .nav-links,
  .nav-cta           { display: none; }
  .burger            { display: flex; }

  .hero-stats        { display: none; }
  .div-grid          { grid-template-columns: 1fr; }
  .div-card          { height: 420px; }
  .div-services      { max-height: 200px; } /* always show on mobile */
  .ind-grid          { grid-template-columns: repeat(2, 1fr); }
  .pillars           { grid-template-columns: 1fr; }
  .services-grid     { grid-template-columns: 1fr 1fr; }
  .form-row          { grid-template-columns: 1fr; }
  .footer-top        { grid-template-columns: 1fr; }
  .ind-header        { flex-direction: column; align-items: flex-start; }
  .why-stats         { grid-template-columns: 1fr 1fr; }
  .services-strip-header { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 480px) {
  .hero-content      { padding: 8rem 0 4rem; }
  .form-box          { padding: 2rem 1.4rem; }
  .wstat-n           { font-size: 2.2rem; }
  .services-grid     { grid-template-columns: 1fr; }
  .ind-grid          { grid-template-columns: repeat(2, 1fr); }
  .nav-logo-mark     { height: 34px; }
  .logo-wordmark      { font-size: 0.78rem; gap: 0.4rem; }
  .logo-w-sep         { font-size: 0.95rem; }
  .footer-logo-mark  { height: 34px; }
}