/* Laptop / small desktop */
@media(max-width:1200px){
  .container{padding:0 20px}
}

/* Tablet */
@media(max-width:960px){
  .hero .container{grid-template-columns:1fr}
  .hero-visual{order:-1}
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1fr 1fr}
  .case-card{grid-column:span 1}
  .case-card .metric-grid{grid-template-columns:1fr 1fr}
}

/* Mobile / large mobile */
@media(max-width:600px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .section{padding:var(--space-5) 0}
  .hero{padding:var(--space-6) 0 var(--space-5)}
  h1{font-size:clamp(2rem,8vw,2.6rem)}
}

/* Landscape phones */
@media(max-height:500px) and (orientation:landscape){
  .page-hero{padding:var(--space-4) 0}
  .hero{padding:var(--space-5) 0}
}

/* Retina / high-DPI: crisper hairlines */
@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
  .card,.compare-table,.dropdown{border-width:0.5px}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
}