/* ============================================================
   FXDX Exchange — Responsive Stylesheet
   Light theme / purple / f[x]dx
   ============================================================ */

/* ── 1024px Tablet ── */
@media (max-width: 1024px) {
  :root { --header-h: 64px; }

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

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

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

  .how-steps {
    grid-template-columns: 1fr;
    max-width: 480px;
    margin-inline: auto;
  }
  .how-steps::before { display: none; }

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

  .compare-grid {
    grid-template-columns: 1fr;
    max-width: 520px;
    margin-inline: auto;
  }

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

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-xl);
  }
  .footer-brand { grid-column: 1 / -1; }

  .markets-thead,
  .markets-row { grid-template-columns: 2fr 1.5fr 1fr 1fr; }
  .markets-th:last-child,
  .markets-row > *:nth-child(5) { display: none; }
}

/* ── 768px Mobile Large ── */
@media (max-width: 768px) {
  :root {
    --space-3xl: 5rem;
    --space-2xl: 3.5rem;
  }

  /* Header */
  .primary-nav { display: none; }
  .header-actions .btn { display: none; }
  .nav-toggle { display: flex; }

  /* Hero */
  .hero__arcs { display: none; }
  .hero__inner { max-width: 100%; }
  .hero__features { grid-template-columns: 1fr 1fr; gap: var(--space-md); }

  /* Features */
  .features-grid { grid-template-columns: 1fr; }

  /* Stats */
  .stats-grid { grid-template-columns: repeat(2, 1fr); }

  /* Markets */
  .markets-thead,
  .markets-row { grid-template-columns: 2fr 1.2fr 1fr; }
  .markets-th:nth-child(4),
  .markets-th:nth-child(5),
  .markets-row > *:nth-child(4),
  .markets-row > *:nth-child(5) { display: none; }

  /* Roadmap */
  .roadmap-items { grid-template-columns: 1fr; }

  /* Community */
  .community-grid { grid-template-columns: 1fr; }

  /* CTA */
  .cta-inner { padding: var(--space-2xl) var(--space-md); }
  .waitlist-form { flex-direction: column; }
  .waitlist-form input[type="email"],
  .waitlist-form .btn { width: 100%; border-radius: var(--radius-sm); }

  /* V2 */
  .v2-card { padding: var(--space-xl) var(--space-md); }
  .v2-card__actions { flex-direction: column; align-items: center; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: var(--space-lg); }
  .footer-brand { grid-column: auto; }
  .footer-bottom { flex-direction: column; text-align: center; gap: var(--space-sm); }
  .footer-bottom__links { flex-wrap: wrap; justify-content: center; }

  /* Modal */
  .modal-box { padding: var(--space-lg) var(--space-md); }
  .modal-field-group { grid-template-columns: 1fr; }
  .modal-success__btns { flex-direction: column; }
}

/* ── 480px Mobile ── */
@media (max-width: 480px) {
  :root {
    --space-3xl: 4rem;
    --header-h: 60px;
  }

  .hero__headline { font-size: clamp(2.6rem, 11vw, 4rem); }
  .hero__features { grid-template-columns: 1fr; }

  .stats-grid { grid-template-columns: 1fr; }
  .stat-cell { padding: var(--space-lg); }

  .markets-thead,
  .markets-row { grid-template-columns: 2fr 1.5fr; }
  .markets-th:nth-child(3),
  .markets-row > *:nth-child(3) { display: none; }

  .section-pad { padding-block: var(--space-2xl); }

  .compare-grid { grid-template-columns: 1fr; max-width: 100%; }

  .v2-card__actions .btn { width: 100%; }
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .ticker-track { animation: none; }
  [data-reveal] { opacity: 1; transform: none; }
}

/* ── Print ── */
@media print {
  .site-header, .ticker-section, .cta-section,
  .site-footer, .modal-overlay { display: none; }
  body { background: white; color: black; }
}