@media (max-width: 760px) {
  .topbar { gap: 10px; }
  .menu-toggle { margin-left: 0; padding: 8px 0; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 16px; }
  .hero-actions .button { width: 100%; max-width: 280px; }
  .hero-actions .text-link { align-self: flex-start; }
}