/* ═══════════════════════════════════════════════════
   HiredYou.ai — Mobile & Responsive CSS
   ═══════════════════════════════════════════════════ */

/* ── Tablet (≤1024px) ── */
@media (max-width: 1024px) {
  .nav__links { gap: 20px; }
  .hero__h1 { font-size: clamp(2.5rem, 6vw, 4rem); }
  .features__grid { grid-template-columns: repeat(2, 1fr); }
  .testi__grid { grid-template-columns: repeat(3, 1fr); }
  .pricing__grid { gap: 16px; }
  .price-card--best { transform: scale(1.02); }
  .price-card--best:hover { transform: scale(1.02) translateY(-4px); }
  .youhire__inner { gap: 40px; }
}

/* ── Small Tablet (≤900px) ── */
@media (max-width: 900px) {
  .nav__links { display: none; }
  .nav__hamburger { display: flex; }
  .nav__cta { display: none; }

  .hero { padding: 130px 0 80px; }
  .hero__h1 { font-size: clamp(2.25rem, 7vw, 3.5rem); }

  .pain__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .pain__divider { transform: rotate(90deg); }
  .pain__col--before,
  .pain__col--after {
    padding: 32px;
    background: var(--card);
    border-radius: 16px;
    border: 1px solid var(--border);
  }

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

  .testi__grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
  .testi-card--featured { transform: none; }
  .testi-card--featured:hover { transform: translateY(-3px); }

  .pricing__grid { grid-template-columns: 1fr; max-width: 440px; margin: 0 auto; }
  .price-card--best { transform: none; order: -1; }
  .price-card--best:hover { transform: translateY(-4px); }

  .youhire__inner { grid-template-columns: 1fr; gap: 40px; }
  .youhire__content { text-align: center; }
  .youhire__content .eyebrow { text-align: center; }
  .youhire__list { align-items: flex-start; text-align: left; max-width: 420px; margin: 0 auto 32px; }

  .footer__inner { flex-direction: column; text-align: center; }
  .footer__links { justify-content: center; }
}

/* ── Mobile (≤768px) ── */
@media (max-width: 768px) {
  .section-header { margin-bottom: 48px; }

  .hero { padding: 120px 0 72px; }
  .hero__h1 { font-size: clamp(2rem, 8vw, 3rem); letter-spacing: -0.025em; }
  .hero__sub { font-size: 1rem; }
  .hero__actions { flex-direction: column; align-items: center; gap: 12px; }
  .hero__actions .btn { width: 100%; max-width: 320px; }
  .hero__proof { gap: 14px; flex-direction: column; align-items: center; }

  .demo { padding-bottom: 72px; }
  .brief-window__body { padding: 20px; font-size: 0.875rem; }

  .pain { padding: 60px 0 72px; }

  .features { padding: 72px 0; }
  .features__grid { grid-template-columns: 1fr; gap: 16px; }
  .feat-card { padding: 24px; }

  .how { padding: 72px 0; }
  .step { grid-template-columns: 48px 1fr; gap: 16px; padding: 28px 0; }
  .step__num { font-size: 1.75rem; }

  .testimonials { padding: 72px 0; }

  .pricing { padding: 72px 0; }

  .youhire { padding: 72px 0; }
  .youhire__h2 { font-size: 1.75rem; text-align: center; }

  .guarantee { padding: 60px 0; }
  .guarantee__card { padding: 36px 24px; }

  .faq { padding: 72px 0; }
  .faq__question { font-size: 1rem; }

  .final-cta { padding: 80px 0; }
  .final-cta__h2 { font-size: clamp(1.75rem, 6vw, 2.75rem); }
  .final-cta__actions { flex-direction: column; align-items: center; }
  .final-cta__actions .btn { width: 100%; max-width: 320px; }
}

/* ── Small Mobile (≤480px) ── */
@media (max-width: 480px) {
  .container { padding: 0 16px; }
  .hero__h1 { font-size: 1.875rem; }
  .hero__eyebrow .eyebrow-pill { font-size: 0.75rem; padding: 6px 14px; }
  .brief-window { border-radius: 14px; }
  .price-card { padding: 28px 20px; }
  .price-card__amt { font-size: 2.5rem; }
  .section-h2 { font-size: 1.75rem; }
  .final-cta__h2 { font-size: 1.625rem; }
}