/* ==========================================================================
   Global responsive refinements.
   Component-level breakpoints live in their own files; this file holds
   cross-cutting adjustments only, so it should stay short.
   ========================================================================== */

@media (max-width: 640px) {
  .container { padding-inline: var(--container-pad); }
  .section-head { flex-direction: column; align-items: flex-start; }
  .stat-row, .feature-grid, .process-steps { gap: var(--space-4); }
}

@media (max-width: 900px) {
  .page-header { padding-top: calc(var(--nav-height) + var(--space-5)); }
}

/* Prevent horizontal scroll from any full-bleed decorative element */
html, body { overflow-x: hidden; }