/* ── Tablet ─────────────────────────── */
@media (max-width: 900px) {
  .site-nav { display: none; }

  .hero__grid {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .hero__copy { max-width: none; }
  .hero__cta  { align-items: center; }
  .hero__visual { justify-content: center; }
  .hero__stats { justify-content: center; }
  .hero__copy p { margin-inline: auto; }

  .smart-save__grid  { grid-template-columns: 1fr; }

  .ai-layout__grid   { grid-template-columns: 1fr; text-align: center; }
  .ai-layout__visual { order: -1; }
  .ai-layout__list li { text-align: left; }

  .saved-cvs__grid    { grid-template-columns: 1fr; text-align: center; }
  .saved-cvs__visuals { order: -1; margin-bottom: var(--space-md); }

  .industries__grid  { grid-template-columns: 1fr; }
  .faq__inner        { grid-template-columns: 1fr; }

  .how__step,
  .how__step--reverse {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .how__step--reverse .phone      { order: 0; }
  .how__step--reverse .how__step-copy { order: 0; }
  .how__step, .how__step--reverse { justify-items: center; }

  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}

/* ── Mobile ─────────────────────────── */
@media (max-width: 600px) {
  section { padding-block: 3rem; }

  .hero { padding-block: 3rem 4rem; }

  .phone--hero { width: 180px; }
  .phone--sm   { width: 150px; }
  .phone       { width: 180px; }

  .saved-cvs__visuals { flex-direction: column; align-items: center; }

  .templates__grid { grid-template-columns: repeat(2, 1fr); }
  .features__grid  { grid-template-columns: 1fr; }
  .industries__list { grid-template-columns: 1fr; }
  .footer-grid     { grid-template-columns: 1fr; }

  .footer-bottom { flex-direction: column; align-items: center; text-align: center; }

  .site-header__bar .btn { display: none; }
}

/* ── Very small ─────────────────────── */
@media (max-width: 380px) {
  .phone--hero, .phone, .phone--sm { width: 150px; }
}