/* Product-first copy: keep the existing typefaces, hero scale and composition.
   Only the explanation receives a small legibility lift and three scan anchors. */
.hero-description {
  font-size: clamp(14px, 1.1vw, 17px);
  line-height: 1.95;
}
.hero-description strong {
  color: #c2d5df;
  font-weight: 520;
}
.enter-button { white-space: nowrap; flex-shrink: 0; }
.enter-button svg { flex-shrink: 0; }
/* Longer, informative title: retain its two-line reading order on narrow phones. */
@media (max-width: 360px) {
  .hero-copy h1 { font-size: clamp(36px, 11.2vw, 40px); }
  .hero-action { flex-wrap: wrap; gap: 12px 16px; }
  .guest-note { white-space: nowrap; }
}