/* landing/waitlist.css — the bottom-right waitlist popup toast. */

/* ═══ WAITLIST POPUP ═══ */
/* Bottom-right corner toast so it never covers the central CTA / FAQ column.
   The overlay only catches pointer events on the popup itself (corner area). */
.wl-overlay { position:fixed;inset:auto 0 0 auto;z-index:500;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 1.5rem 1.5rem;pointer-events:none; }
.wl-overlay.wl-visible { pointer-events:none; }
.wl-popup { pointer-events:auto;background:#1A1410;border:1px solid rgba(182,108,69,0.35);border-radius:20px;padding:1.6rem 1.75rem;max-width:380px;width:calc(100vw - 3rem);transform:translateY(120%);transition:transform 0.45s cubic-bezier(0.32,0.72,0,1),opacity 0.35s;opacity:0;position:relative;box-shadow:0 24px 64px rgba(0,0,0,0.6); }
.wl-popup.wl-in { transform:translateY(0);opacity:1; }
.wl-close { position:absolute;top:0.9rem;right:0.9rem;background:none;border:none;color:rgba(249,244,235,0.35);font-size:1.25rem;cursor:pointer!important;line-height:1; }
.wl-close:hover { color:var(--warm); }
.wl-badge { display:inline-flex;align-items:center;gap:0.4rem;background:rgba(182,108,69,0.15);border:1px solid rgba(182,108,69,0.35);border-radius:20px;padding:0.3rem 0.8rem;font-size:0.68rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--copper);margin-bottom:0.9rem; }
.wl-title { font-family:var(--font-d);font-weight:800;font-size:1.35rem;color:var(--warm);margin-bottom:0.5rem; }
.wl-sub { font-size:0.85rem;color:rgba(249,244,235,0.55);margin-bottom:1.2rem;line-height:1.55; }
.wl-form { display:flex;gap:0.6rem; }
.wl-input { flex:1;background:rgba(255,255,255,0.07);border:1px solid rgba(182,108,69,0.3);border-radius:10px;padding:0.7rem 1rem;color:var(--warm);font-size:0.88rem;font-family:var(--font-b);outline:none;transition:border-color 150ms; }
.wl-input::placeholder { color:rgba(249,244,235,0.3); }
.wl-input:focus { border-color:var(--copper); }
.wl-btn { background:var(--copper);color:var(--warm);border:none;border-radius:10px;padding:0.7rem 1.2rem;font-size:0.88rem;font-weight:700;font-family:var(--font-b);cursor:pointer!important;transition:background 150ms,transform 100ms;white-space:nowrap; }
.wl-btn:hover { background:#C87A50; }
.wl-btn:active { transform:scale(0.97); }
.wl-success { font-size:0.88rem;color:var(--copper);font-weight:600;text-align:center;padding:0.5rem 0; }
@media(max-width:520px){.wl-overlay{inset:auto 0 0 0;justify-content:center;padding:0 0 1rem;}.wl-popup{width:calc(100% - 1.5rem);max-width:none;}.wl-form{flex-direction:column;}.wl-btn{width:100%;}}