.h5-page { display: none; }
@media (max-width: 767px) {
  html, body { min-width: 0; height: auto; overflow-x: hidden; font-family: Poppins, system-ui, sans-serif; }
  .landing-shell { display: none; }
  .h5-page { display: block; width: 100%; background: #fff; color: #241322; }
  .h5-page > div { overflow: visible; }
  #landing-wrapper-chatmatchtv { height: auto; overflow: visible; }
  #landing-wrapper-chatmatchtv > .relative.size-full { height: 100svh; min-height: 420px; }
  .h5-page .bg-primary, .h5-page a.w-button.primary { background: #ef2f70; }
  .h5-page a.w-button.bordered { border: 1px solid #fff; }
  .h5-page a.w-button { border-radius: 999px; }
  .h5-page h1 { max-width: none; margin: 0; font-size: 24px !important; line-height: 32px; letter-spacing: 0; text-shadow: none; }
  .h5-page .h5-hero-copy { bottom: max(24px, env(safe-area-inset-bottom)); padding-inline: 8px; }
  .h5-page .h5-start { display: inline-flex; align-items: center; justify-content: center; width: min(320px, calc(100% - 32px)); min-height: 48px; height: auto; padding: 10px; font-size: 20px; line-height: 28px; font-weight: 400; text-align: center; }
  .h5-page .h5-camera { font-size: 12px; font-weight: 500; }
  .h5-page a.w-button { display: inline-flex; align-items: center; justify-content: center; text-align: center; height: auto; min-height: 38px; padding-inline: 8px; overflow-wrap: anywhere; }
  .h5-page .h5-online { font-size: 18px; line-height: 28px; }
  .h5-page video { object-fit: cover; }
  .h5-page video + .pointer-events-none { background: rgba(0,0,0,.6); }
  .h5-page h2, .h5-page h3 { text-shadow: none; }
  .h5-language { display: flex; align-items: center; justify-content: center; gap: 12px; background: #fff; color: #241322; padding: 20px; }
  .h5-language select { min-height: 44px; border: 1px solid #edd6e2; border-radius: 12px; padding: 8px 16px; background: #fff; color: #241322; font-size: 16px; }
  .progress-overlay[hidden] { display: none; }
  .progress-card { color: white; font-family: Montserrat, system-ui, sans-serif; }
  .progress-card h2 { font-size: clamp(26px,7vw,34px); font-weight: 700; }
}
@media (max-height: 500px) and (max-width: 767px) {
  .h5-page .h5-hero-copy { bottom: max(12px, env(safe-area-inset-bottom)); }
  .h5-page .h5-online { margin-bottom: 6px; }
  .h5-page .h5-start { margin-block: 8px; }
}
@media (prefers-reduced-motion: reduce) { .h5-page video { visibility: hidden; } }