/* Extra responsive tuning beyond breakpoints in style.css */
@media (max-width: 1100px) {
  section { padding: 100px 0; }
}
@media (max-width: 768px) {
  section { padding: 80px 0; }
  .hero { padding: 140px 0 80px; }
  .btn { padding: 12px 22px; font-size: .85rem; }
  .sec-head { margin-bottom: 50px; }
  .about-prev { gap: 40px; }
  .stats { margin-top: 60px; gap: 14px; }
  .stat-card { padding: 24px 16px; }
  .stat-num { font-size: 2rem; }
  .process-step { gap: 18px; padding: 20px 0; }
  .process-list::before { left: 24px; }
  .process-step .num { flex-basis: 48px; height: 48px; font-size: 1rem; }
  .cookie-banner { left: 12px; right: 12px; bottom: 12px; padding: 16px; }
  .contact-form { padding: 26px; }
}
@media (max-width: 420px) {
  h1 { font-size: 2.2rem; }
  h2 { font-size: 1.7rem; }
  .hero-eyebrow { font-size: .7rem; padding: 6px 12px; }
  .nav-toggle { width: 40px; height: 40px; }
}