@media (min-width: 701px) {
  .hero .hero-actions { gap: 9px; }
  .hero .hero-actions .button { gap: 8px; padding: 12px 14px; font-size: 12px; }
  .hero .hero-actions .button-ghost { padding-left: 0; }
}
@media (min-width: 701px) and (max-width: 850px) {
  .site-header { height: 66px; }
  .desktop-nav { display: none; }
  .mobile-nav { display: flex; position: sticky; top: 66px; z-index: 19; justify-content: center; gap: 18px; background: #101b23; border-bottom: 1px solid var(--line); }
  .mobile-nav a { padding: 10px 8px; font-size: 12px; font-weight: 700; color: #b9c5cb; }
  .mobile-nav a[aria-current] { color: var(--accent); border-bottom: 2px solid var(--accent); }
}