/* SYNROQ — responsive: breakpoints and motion preferences */

@media (max-width: 768px) {
  nav { padding: 14px 20px; }
  .hero { padding: 90px 20px 60px; }
  .arch { padding: 48px 20px; }
  .arch-flow { flex-direction: column; }
  .caps { padding: 48px 20px; }
  .caps-grid { grid-template-columns: 1fr; }
  .cap { border-right: none; border-bottom: 1px solid var(--border); }
  .cap:last-child { border-bottom: none; }
  .proof { padding: 48px 20px; }
  .proof-inner { grid-template-columns: 1fr; }
  footer { flex-direction: column; gap: 16px; padding: 24px 20px; text-align: center; }
  .footer-right { text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  .ticker-track { animation: none; }
}