/* HHB 2026-10-12: on phones the home page shows only the headline + login/register card. */
@media (max-width: 768px){
  html body > header.site, html body > section#about, html body > footer.site{ display:none !important; }
  html body main.hero #hero-toggle-btn, html body main.hero .badge, html body main.hero .kw-line,
  html body main.hero .tagline, html body main.hero .chat-proof{ display:none !important; }
  html body main.hero{ display:flex !important; flex-direction:column !important; justify-content:center !important; align-items:stretch !important;
    min-height:100vh; min-height:100svh; padding:16px 14px !important; margin:0 auto !important; gap:14px !important; grid-template-columns:1fr !important; max-width:none !important; }
  html body main.hero #hero-marketing{ display:block !important; order:0 !important; text-align:center !important; margin:0 !important; padding:0 !important;
    max-height:none !important; overflow:visible !important; opacity:1 !important; visibility:visible !important; transform:none !important; }
  html body main.hero h1.big{ font-size:clamp(22px, 6.6vw, 30px) !important; line-height:1.18 !important; margin:0 !important; }
  html body main.hero .card{ order:1 !important; width:100% !important; max-width:440px !important; margin:0 auto !important; }
}