/* responsive.css */
@media (max-width:992px){
  .hero-grid{grid-template-columns:1fr;gap:2rem}
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr}
  .main-nav,.header-cta .header-phone,.header-cta .btn{display:none}
  .mobile-toggle{display:inline-flex}
  .floating-call{display:none}
  .mobile-call-bar{display:block}
  body{padding-bottom:60px}
}
@media (max-width:600px){
  h1{font-size:1.9rem}
  h2{font-size:1.5rem}
  section{padding:2.5rem 0}
  .grid-3,.grid-4,.grid-2,.stats-grid,.footer-grid{grid-template-columns:1fr}
  .form-grid,.form-grid.cols-3{grid-template-columns:1fr}
  .hero{padding:2.5rem 0}
  .page-hero{padding:2.5rem 0}
  .form-wrap{padding:1.25rem}
}