/* Breakpoints */
@media (max-width:1024px){
  .container{padding:var(--space-7) var(--space-5)}
  .grid{gap:var(--space-5)}
  .col-6{grid-column:span 12}
  .col-4{grid-column:span 6}
}
@media (max-width:720px){
  .container{padding:var(--space-6) var(--space-4)}
  .site-header .inner{flex-wrap:wrap;gap:var(--space-3)}
  .grid{gap:var(--space-4)}
  .col-3,.col-4,.col-6{grid-column:span 12}
  .card{padding:var(--space-5)}
}

/* Pattern-specific responsiveness */
@media (max-width:900px){ .kpi{grid-template-columns:repeat(2, minmax(0,1fr))} }
@media (max-width:540px){ .kpi{grid-template-columns:1fr} }
@media (max-width:980px){ .pricing{grid-template-columns:1fr} }