/* Hero, tablet + phone (<1200px): centred column as on Sola (claim window removed 2026-10-01; old file in _v12/). */
@media (max-width: 1199px) {
  .hero h1 { max-width: 640px; }
  .hero-sub, .hero-terms { max-width: 560px; }

  /* Phone (<810) */
  @media (max-width: 809px) {
    .hero-inside { padding: 0 24px; }
    .hero-copy { gap: 28px; }
    .hero-content { gap: 28px; }
    .hero-header { gap: 16px; }
    .hero-sub { font-size: 15px; text-wrap: pretty; }
    .hero-terms { font-size: 13px; margin-top: -6px; text-wrap: balance; }
    .hero-terms .ln { display: inline; }

    /* The pill sentence runs as a ticker in the room the pill has (Sola: Framer ticker, 50 px/s) */
    .pill-clip { width: calc(100vw - 2 * var(--pad) - 48px - 106px); max-width: 420px; }

    /* The form stacks (component rule in style.css); keep it to a comfortable thumb width */
    .hero .lookup { max-width: 420px; }

    /* The scroll cue joins the column (the hero's 48px gap above it) */
    .hero-cue { position: static; margin-top: -8px; }

    /* Reassurance: two short facts on line one, the email promise on line two (no orphan dot) */
    .assure li:last-child { flex-basis: 100%; justify-content: center; }
    .assure li:last-child::before { display: none; }
  }
}