/* ============================================================
   "Maybe later?" — a quiet email-then-phone signup for people not ready to
   join yet (MH, Nov 11 2026). Under Ben's refund bubble on home, /join and /start;
   under the trial card on /trial. Fills the Klaviyo list
   "Interested (after opening)", not Waitlisters. Deliberately tertiary:
   small grey type, a thin ink outline button, no orange. The two-step logic
   is the shared waitlist.js; only the .wl hooks it needs are used.
   ============================================================ */
.later { max-width: 400px; margin: clamp(18px, 2.4vw, 28px) auto 0; padding: 0 16px; text-align: center; }
.later__line, .later__ask {
  font-family: var(--font-body); font-size: 14px; line-height: 1.45;
  color: var(--deep-2); margin: 0 0 10px;
}
.later__ask { display: block; margin: 0 0 8px; }
.later__row { display: flex; gap: 8px; }
.later__input {
  flex: 1; min-width: 0; font: inherit; font-size: 16px; /* 16px: no iOS zoom */
  color: var(--deep-0); background: transparent;
  border: 1px solid rgba(1, 31, 35, .22); border-radius: 8px;
  padding: 9px 12px; line-height: 1.2;
}
.later__input::placeholder { color: var(--deep-2); }
.later__input:focus-visible { outline: 2px solid var(--deep-1); outline-offset: 1px; }
.later__btn {
  flex: none; font-family: var(--font-body); font-weight: 500; font-size: 14px;
  color: var(--deep-1); background: transparent;
  border: 1px solid rgba(1, 31, 35, .35); border-radius: 8px;
  padding: 9px 14px; line-height: 1; cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.later__btn:hover { background: var(--deep-0); color: var(--open-0); }
.later__btn[disabled] { opacity: .55; cursor: default; }
.later__consent { font-size: 10.5px; line-height: 1.35; color: var(--deep-2); text-align: left; margin: 8px 0 0; }
.later__consent a { color: inherit; }
.later__skip {
  background: none; border: 0; padding: 8px 4px 0; cursor: pointer;
  font-family: var(--font-body); font-size: 13px; color: var(--deep-2);
  text-decoration: underline; text-underline-offset: 3px;
}
.later__skip:hover { color: var(--deep-0); }
.later .wl__step { display: block; }
.later .later__msg { font-family: var(--font-body); font-size: 14px; color: var(--deep-1); margin: 8px 0 0; }
.later .wl__msg--error { color: #9a2a14; }
/* No-JavaScript signups come back to #maybe-later-thanks. */
.later__nojs-thanks { display: none; }
.later:has(#maybe-later-thanks:target) .later__nojs-thanks { display: block; }
.later:has(#maybe-later-thanks:target) .wl { display: none; }
.later__h { display: block; font-weight: 600; color: var(--deep-1); }
.later { max-width: 460px; }
.later__skip { display: block; margin: 0 auto; }
.later .wl__step.later__row { display: flex; }
/* MH Nov 11: "Maybe later?" in the site's display font, a bit bigger. */
.later__h {
  font-family: var(--font-display); font-weight: 400; text-transform: uppercase;
  font-size: clamp(22px, 2vw, 26px); letter-spacing: .08em; line-height: 1;
  color: var(--deep-1); margin-bottom: 8px;
}
.later { margin-bottom: clamp(16px, 2.4vw, 32px); }