/* Waitlist and support forms, shared by the landing page and the app */
.wl-form{margin-top:4px;width:100%}
.wl-row{display:flex;gap:8px;flex-wrap:wrap}
.wl-row input{flex:1 1 180px;min-width:0;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px 12px;font:inherit}
.wl-row .btn{flex:none}
.wl-msg{font-size:14px;margin:8px 0 0;color:var(--muted)}
.wl-msg:empty{display:none}
.wl-msg.ok{color:var(--accent);font-weight:600}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
#supportModal{position:fixed;inset:0;z-index:90;background:rgba(8,14,12,.55);display:flex;align-items:center;justify-content:center;padding:16px}
#supportModal .sheet{background:var(--card);color:var(--ink);border-radius:14px;max-width:560px;width:100%;max-height:calc(100% - 8px);overflow:auto;padding:22px;position:relative;box-shadow:0 12px 40px rgba(0,0,0,.25)}
#supportModal h2{font-family:var(--display);font-size:22px;margin:0 0 4px}
#supportModal .why{color:var(--muted);margin:0 0 16px}
#supportModal .x{position:absolute;top:12px;right:12px;border:0;background:none;font-size:18px;cursor:pointer;color:var(--muted);padding:6px}
.sp-form{display:flex;flex-direction:column;gap:12px}
.sp-two{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media (max-width:520px){.sp-two{grid-template-columns:1fr}}
.sp-field{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:500}
.sp-field input,.sp-field select,.sp-field textarea{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:9px 11px;font:inherit;font-weight:400;width:100%}
.sp-field textarea{resize:vertical}
.sp-field small{color:var(--muted);font-weight:400;font-size:12.5px}
.sp-callout{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;background:var(--accent-soft);border-radius:12px;padding:12px 16px;margin:0 0 20px}
.sp-callout p{margin:0;font-weight:600}
.inline{display:flex;gap:8px;align-items:center}