@media (max-width: 560px) {
  .nav-wrap { gap: 12px; }
  .brand { gap: 8px; }
  .brand-logo { width: 38px; height: 38px; }
  .brand-copy strong { font-size: 17px; }
  .brand-copy small { font-size: 7px; letter-spacing: 1.2px; }
  .hero-content { padding-top: 130px; }
  .eyebrow { font-size: 10px; letter-spacing: 1.4px; white-space: nowrap; }
  .eyebrow span { width: 24px; margin-right: 9px; }
  .hero h1 { font-size: 38px; line-height: 1.18; margin-top: 24px; }
  .hero-content > p { width: 100%; font-size: 14px; line-height: 1.85; }
  .hero-actions { margin-top: 28px; }
  .hero-actions .btn { height: 50px; }
}