@media (max-width: 640px) {
  .iy-hero { padding: 14px; }
  .iy-topbar { margin-bottom: 14px; }
  .iy-brand strong { font-size: 16px; }
  .iy-menu-btn { display: none; }
  .iy-hero-card { border-radius: 28px; padding: 28px 20px; }
  .iy-hero-card::after { inset: 10px; border-radius: 22px; }
  .iy-user-types { display: grid; grid-template-columns: 1fr; }
  .iy-main { padding: 14px; }
  .iy-grid { grid-template-columns: 1fr; gap: 12px; }
  .iy-card { min-height: auto; }
  .iy-section-head { align-items: stretch; flex-direction: column; }
  .iy-bottom-nav { bottom: 10px; width: calc(100% - 16px); border-radius: 22px; gap: 4px; padding: 8px; }
  .iy-bottom-nav button { font-size: 11px; padding: 10px 2px; }
}