/* Waitlist form for the desktop2 landing — ported from desktop/desktop.css so the form,
   its states and its look match desktop.kalpaapp.com. */
/* The page framework (x-dc) strips the boolean `hidden` attribute at render time, so
   show/hide is class-based. */
.wl-off { display: none !important }
.waitlist-form { display: grid; gap: 12px }
.waitlist-field {
  height: 52px; box-sizing: border-box; padding: 0 20px; border-radius: 14px;
  border: 1px solid #CBD5E1; background: #fff; font: 600 16px Manrope, sans-serif; color: #0f172a; outline: none;
}
.waitlist-area {
  box-sizing: border-box; padding: 14px 20px; border-radius: 14px; border: 1px solid #CBD5E1;
  background: #fff; resize: vertical; font: 600 16px Manrope, sans-serif; color: #0f172a; outline: none;
}
.waitlist-field:focus, .waitlist-area:focus { border-color: #B14842 }
.waitlist-field::placeholder, .waitlist-area::placeholder { color: #64748b }
.waitlist-consent {
  display: flex; gap: 10px; align-items: flex-start; font-size: 13px; line-height: 1.45;
  color: #475569; cursor: pointer;
}
.waitlist-consent input {
  flex: none; width: 18px; height: 18px; margin: 1px 0 0; accent-color: #B14842; cursor: pointer;
}
.waitlist-consent a { color: #B14842; text-decoration: underline; text-underline-offset: 2px }
/* Honeypot — reachable by bots, invisible to people (never display:none). */
.waitlist-trap {
  position: absolute; left: -9999px; top: auto; width: 1px; height: 1px;
  opacity: 0; pointer-events: none;
}
.waitlist-error { margin: 0; font-size: 14px; font-weight: 700; color: #B42318; text-align: center }
.waitlist-submit {
  height: 54px; border: 0; border-radius: 999px; background: linear-gradient(135deg,#E86B5F,#B14842);
  color: #fff; font: 800 16px Manrope, sans-serif; cursor: pointer; box-shadow: 0 10px 24px rgba(177,72,66,.33);
}
.waitlist-submit:disabled { opacity: .6; cursor: default }
.waitlist-fine { font-size: 13px; color: #64748b; text-align: center }
.waitlist-done { display: grid; gap: 14px }
.done-head { display: flex; align-items: center; gap: 12px; color: #B14842 }
.done-head svg { width: 34px; height: 34px; flex: none }
.done-title { font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 26px; letter-spacing: -.01em; color: #0f172a }