@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .footer-brand{grid-column:1/-1}
  .stats-bar{grid-template-columns:repeat(2,1fr);gap:32px}
  .feature-split{grid-template-columns:1fr;gap:40px}
  .feature-split.reverse .feature-image{order:0}
  .feature-split .feature-image img{height:320px}
}

@media(max-width:880px){
  .main-nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:var(--neutral-0);
    flex-direction:column;
    padding:16px;
    border-bottom:1px solid var(--neutral-200);
    box-shadow:var(--shadow-md);
    gap:0;
  }
  .main-nav.open{display:flex}
  .main-nav a{width:100%;padding:14px 16px;border-radius:var(--radius-sm)}
  .nav-toggle{display:block}
  .contact-grid{grid-template-columns:1fr;gap:32px}
  h1{font-size:2.25rem}
  h2{font-size:1.625rem}
}

@media(max-width:640px){
  .container{padding:0 16px}
  .section{padding:48px 0}
  .hero .container{padding:56px 16px 64px}
  .hero h1{font-size:2rem}
  .hero p{font-size:1rem}
  .topbar .container{flex-direction:column;gap:8px;align-items:center;text-align:center}
  .topbar .tb-left{flex-direction:column;gap:6px}
  .card{padding:24px 20px}
  .card-grid{grid-template-columns:1fr;gap:16px}
  .region-grid{grid-template-columns:1fr}
  .stats-bar{grid-template-columns:1fr 1fr;gap:24px}
  .stat .stat-value{font-size:2rem}
  .feature-split .feature-image img{height:240px}
  .cta-banner{padding:32px 20px}
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center}
  .footer-bottom .fb-links{flex-wrap:wrap;justify-content:center}
  .cookie-banner .container{flex-direction:column;text-align:center;gap:16px}
  .cookie-banner .cb-actions{width:100%;justify-content:center}
  .page-hero{padding:40px 0 48px}
  .page-hero h1{font-size:1.75rem}
  .contact-info-card,.contact-form{padding:24px}
  .map-visual{padding:24px}
  .legal-content{padding:0 4px}
  h1{font-size:1.75rem}
  h2{font-size:1.375rem}
  .back-to-top{bottom:16px;right:16px;width:42px;height:42px}
}

@media(max-width:400px){
  .brand .brand-name{font-size:1.25rem}
  .brand .logo{height:36px}
  .stats-bar{grid-template-columns:1fr}
}