/* Live CSS hotfix — mobile overflow / clipped headings / chat overlay */
html, body {
  overflow-x: clip;
  max-width: 100%;
}

.hero-shimmer-text {
  color: #7b1ff0;
  white-space: normal;
}

@media (max-width: 767px) {
  .light-orb {
    display: none !important;
  }

  h1 {
    font-size: clamp(1.5rem, 7.2vw, 2rem) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    max-width: 100%;
  }

  h1.text-transparent,
  h1.bg-clip-text {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    background-image: none !important;
  }

  h1 span.text-transparent,
  h1 span.bg-clip-text,
  h1 .hero-shimmer-text {
    color: #7b1ff0 !important;
    -webkit-text-fill-color: #7b1ff0 !important;
    background-image: none !important;
    white-space: normal !important;
  }

  header img {
    height: 1.85rem !important;
    max-width: 118px;
  }

  /* Keep hamburger on-screen; Sign In is still in the menu drawer */
  header button.font-headings.uppercase {
    display: none !important;
  }

  main, section, header {
    max-width: 100vw;
    overflow-x: clip;
  }

  h1, p {
    max-width: calc(100vw - 2rem) !important;
  }
}