/* ==========================================================================
   POWER MARKET LIMITED — responsive.css
   Breakpoints: 1080 (laptop) · 900 (tablet) · 640 (mobile)
   ========================================================================== */

@media (max-width: 1080px) {
  :root { --maxw: 960px; }
  .hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .hero-copy .lead { max-width: 56ch; }
  .dash { max-width: 560px; margin-inline: auto; }
  .cols-4 { grid-template-columns: repeat(2, 1fr); }
  .stats-row { grid-template-columns: repeat(2, 1fr); gap: 30px; }
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .legal-layout { grid-template-columns: 1fr; gap: 28px; }
  .toc { position: static; display: none; }
  .case-card { grid-template-columns: 1fr; }
  .case-visual { min-height: 220px; }
}

@media (max-width: 900px) {
  .nav-menu { display: none; }
  .menu-toggle { display: grid; }
  .nav-cta-desktop { display: none; }
  .cols-3 { grid-template-columns: repeat(2, 1fr); }
  .price-grid { grid-template-columns: 1fr; max-width: 480px; margin-inline: auto; }
  .price-card.featured { order: -1; }
  .split, .split.reverse { grid-template-columns: 1fr; }
  .split.reverse .split-media { order: 0; }
  .cta-band .inner { grid-template-columns: 1fr; text-align: left; }
  .mega, .dropdown { display: none; }
  .values-grid { grid-template-columns: 1fr 1fr; }
  .section-head p { font-size: 1.02rem; }
}

@media (max-width: 640px) {
  body { font-size: 16px; }
  :root { --nav-h: 66px; }
  .cols-2, .cols-3, .cols-4 { grid-template-columns: 1fr; }
  .stats-row { grid-template-columns: 1fr 1fr; gap: 22px; }
  .form-row { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .values-grid { grid-template-columns: 1fr; }
  .step { grid-template-columns: 1fr; gap: 14px; padding: 22px; }
  .step .sn { width: 46px; height: 46px; }
  .float-chip.c1 { right: 6px; top: -16px; scale: 0.9; }
  .float-chip.c2 { left: 6px; bottom: -14px; scale: 0.9; }
  .blog-controls { flex-direction: column; align-items: stretch; }
  .search-box { min-width: 0; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .cta-band { padding: 34px 24px; }
  .quote-card blockquote { font-size: 1.02rem; }
  .to-top { right: 14px; bottom: 14px; }
  .gauge-wrap { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .gauge-legend { width: 100%; }
}

@media (max-width: 400px) {
  .stats-row { grid-template-columns: 1fr; }
  .hero-badges { gap: 8px 14px; }
}