/* Responsive helpers and breakpoints */
:root { --break-sm: 600px; --break-md: 900px; --break-lg: 1200px; }

@media (max-width: 1200px) {
  .container { padding: 0 20px; }
  .hero h1 { font-size: 3rem; }
}

@media (max-width: 900px) {
  .header-container { gap: 12px; }
  .nav-menu { display: none; }
  .mobile-toggle { display: inline-flex; }
  .hero { padding: 140px 0 80px; }
  .about-content { grid-template-columns: 1fr; }
  .features-grid, .services-grid, .content-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .hero h1 { font-size: 2.2rem; }
  .hero p { font-size: 1rem; }
  .header .logo h1 { font-size: 1.6rem; }
  .stat h3 { font-size: 1.6rem; }
}