/* ===================================================================
   TradeCorp Tech — Responsive Stylesheet
   =================================================================== */

/* Large desktop down */
@media (max-width: 1100px) {
  .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; row-gap: 36px; }
  .footer-newsletter { grid-column: 1 / -1; }
  .trust-bar { grid-template-columns: repeat(3, 1fr); }
}

/* Tablet */
@media (max-width: 960px) {
  :root { --header-h: 68px; }
  .nav, .header-cta .btn-ghost { display: none; }
  .hamburger { display: flex; }

  .hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .hero-visual { min-height: 360px; order: 2; }
  .split { grid-template-columns: 1fr; gap: 34px; }

  .g-4 { grid-template-columns: repeat(2, 1fr); }
  .g-3 { grid-template-columns: repeat(2, 1fr); }
  .steps { grid-template-columns: repeat(2, 1fr); }
  .loc-grid { grid-template-columns: repeat(2, 1fr); }
  .tm-grid { grid-template-columns: 1fr; }
  .price-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
  .price-grid.cols-3 { grid-template-columns: 1fr; }

  .section { padding: 76px 0; }
  .cta-band { padding: 44px 26px; }
}

/* Mobile */
@media (max-width: 640px) {
  .container { padding: 0 18px; }
  .section { padding: 60px 0; }

  .g-2, .g-3, .g-4 { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr; }
  .loc-grid { grid-template-columns: 1fr; }
  .trust-bar { grid-template-columns: repeat(2, 1fr); }
  .price-grid.cols-4, .price-grid.cols-3 { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }

  .hero { padding-top: calc(var(--header-h) + 44px); }
  .hero-cta { flex-direction: column; }
  .hero-cta .btn { width: 100%; }
  .hero-meta { gap: 14px; }

  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-newsletter { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }

  .brand-sub { display: none; }
  .cta-band { padding: 36px 20px; }
  .cmp-table th, .cmp-table td { padding: 13px 14px; font-size: 0.85rem; }
  .plan { padding: 26px 22px; }
  .card { padding: 24px; }
  .form { padding: 24px; }
}

@media (max-width: 380px) {
  .trust-bar { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
}