/* responsive.css - breakpoint overrides per Design Specification section 9.
   Mobile-first: base styles target 375px; these scale up.
   Breakpoints: 768px (tablet) / 1024px (desktop) / 1440px (wide).
   Tailwind utilities handle most responsive layout inline; this file covers
   the hand-written component classes only. */

/* ---------- Touch targets (mobile baseline) ---------- */
.btn-primary, .btn-secondary, .btn-call { min-height: 44px; }

/* ---------- Tablet: 768px ---------- */
@media (min-width: 768px) {
  .trust-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---------- Desktop: 1024px ---------- */
@media (min-width: 1024px) {
  .trust-strip { grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 1.25rem 1.5rem; }
}

/* ---------- Mobile sticky CTA bar: keep page content clear of it ---------- */
@media (max-width: 767px) {
  body { padding-bottom: 76px; } /* height of #mobile-cta-bar */
}