/* Waitlist page (separate from site-v3/style.css on purpose). Uses the palette variables from style.css. */
.wl-wrap{max-width:620px}
.wl-form{display:grid;gap:18px;padding:clamp(22px,4vw,36px);border:1px solid var(--rule);border-radius:var(--r);background:var(--card)}
.wl-field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px}
.wl-field input,.wl-field select{font:inherit;font-weight:400;padding:12px 14px;border:1px solid var(--rule);border-radius:calc(var(--r) - 4px);background:var(--paper);color:var(--ink);-webkit-appearance:none;appearance:none}
.wl-field select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.wl-field input:focus,.wl-field select:focus{outline:2px solid var(--amber);outline-offset:1px}
.wl-form button{justify-self:start;border:0;cursor:pointer}
.wl-note{margin:0}.wl-small{margin:0;font-size:13px;color:var(--mute)}
.wl-error{margin:0;color:var(--amber2);font-weight:600}
.wl-thanks{padding:clamp(22px,4vw,36px);border-radius:var(--r);background:var(--paper2)}
.wl-thanks h2{margin-top:0}
[hidden]{display:none!important}