/* ============================================================
   RESPONSIVE — mobile-first breakpoints
   ============================================================ */

@media (max-width: 1024px) {
  .footer__inner {
    grid-template-columns: 1fr 1fr;
  }
  .footer__brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 768px) {
  /* Nav */
  .nav {
    padding-inline: var(--space-5);
  }
  .nav__links {
    display: none;
  }

  /* Sections */
  .section,
  .hero {
    padding: var(--space-16) var(--space-5);
  }

  .container,
  .container--narrow {
    padding-inline: var(--space-5);
  }

  /* Stats bar */
  .stats-bar {
    gap: var(--space-8);
    padding: var(--space-8) var(--space-5);
  }

  /* Steps */
  .steps {
    grid-template-columns: 1fr;
  }
  .step {
    padding-right: 0;
    padding-bottom: var(--space-8);
  }
  .step:not(:last-child)::after {
    display: none;
  }

  /* Pricing */
  .pricing-grid {
    grid-template-columns: 1fr;
    max-width: 400px;
  }

  /* Tool */
  .tool-card__body {
    padding: var(--space-5);
  }

  /* Footer */
  .footer__inner {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
  }
  .footer__brand {
    grid-column: 1 / -1;
  }
  .footer__bottom {
    flex-direction: column;
    text-align: center;
  }

  /* Flow diagram */
  .flow {
    gap: var(--space-1);
  }
  .flow__item {
    min-width: 75px;
    padding: 12px 14px;
  }
}

@media (max-width: 480px) {
  .hero__title {
    font-size: 2rem;
  }
  .hero__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .hero__actions .btn {
    justify-content: center;
  }
  .tool-actions {
    flex-direction: column;
  }
  .tool-actions .btn {
    width: 100%;
    justify-content: center;
  }
  .tool-actions .btn--ghost {
    margin-left: 0 !important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
  html { scroll-behavior: auto; }
}