/* Pre-launch waitlist modal (templates/partials/_waitlist_modal.html).
   Loaded by the marketing shell only while PRELAUNCH_MODE is on. Token-only. */
.wl-modal { position: fixed; inset: 0; z-index: 1000; }
.wl-modal[hidden] { display: none; }
.wl-modal__backdrop {
  position: absolute; inset: 0;
  background: rgba(27, 36, 64, .55);
}
.wl-modal__dialog {
  position: relative;
  width: 440px;
  max-width: calc(100vw - var(--space-8));
  margin: 12vh auto 0;
  background: var(--surface-card);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  padding: var(--space-8);
}
@media (max-width: 520px) {
  .wl-modal__dialog { margin-top: var(--space-8); padding: var(--space-6); }
}
.wl-modal__close {
  position: absolute; top: var(--space-3); right: var(--space-3);
  display: inline-flex; padding: var(--space-2);
  border: 0; background: transparent; cursor: pointer;
  color: var(--text-muted); border-radius: var(--radius-sm);
}
.wl-modal__close:hover { background: var(--brand-tint); color: var(--text-strong); }
.wl-modal__dialog h2 {
  font: var(--text-h2); color: var(--text-strong);
  margin: var(--space-2) 0 var(--space-2); text-wrap: balance;
}
.wl-modal__note { color: var(--text-muted); margin: 0 0 var(--space-5); }
.wl-modal__aux { font-size: var(--fs-sm); color: var(--text-muted); margin: var(--space-4) 0 0; }
.wl-modal__success { text-align: center; }
.wl-success-icon { color: var(--success); margin-bottom: var(--space-2); }
.wl-personas { border: 0; padding: 0; margin: 0 0 var(--space-4); }
.wl-personas legend { font-size: var(--fs-sm); color: var(--text-muted); padding: 0 0 var(--space-2); }
.wl-personas .check-label { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-2); }