/* The native dialog lives outside the scoped design component. */
.hc-waitlist{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:30px;border:1px solid rgba(246,241,234,.12);border-radius:28px;background:radial-gradient(90% 50% at 50% -10%,rgba(255,140,60,.16),transparent 60%),linear-gradient(180deg,#131c31,#0c1222);color:#f6f1ea;box-shadow:0 60px 140px rgba(0,0,0,.75);font-family:'Inter',Arial,sans-serif}
.hc-waitlist::backdrop{background:rgba(6,9,18,.78);backdrop-filter:blur(8px)}
.hc-waitlist h2{font-family:'Space Grotesk','Inter',sans-serif;font-size:clamp(24px,2.6vw,32px);font-weight:600;line-height:1.1;letter-spacing:-.035em;margin:0 40px 22px 0}
.hc-waitlist label{display:block;font-size:14px;line-height:1.5;color:#e3e5ee}
.hc-waitlist input[type=email]{display:block;width:100%;height:48px;margin:8px 0 16px;padding:0 16px;border:1px solid rgba(246,241,234,.14);border-radius:14px;background:rgba(10,14,27,.6);color:#f6f1ea;font-size:16px;outline:none;transition:border-color .2s}
.hc-waitlist input[type=email]:focus{border-color:rgba(255,138,61,.65)}
.hc-waitlist input[type=email]::placeholder{color:#7c8399}
.hc-waitlist label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#a9aec2}
.hc-waitlist input[type=checkbox]{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#ff8a3d}
.hc-waitlist button[type=submit]{margin-top:18px;width:100%;height:52px;border:0;border-radius:999px;background:#f6f1ea;color:#0a0e1b;font-weight:600;font-size:15.5px;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.3);transition:transform .18s}
.hc-waitlist button[type=submit]:hover{transform:translateY(-1px)}
.hc-waitlist button:disabled{opacity:.6;cursor:wait}
.hc-waitlist [data-close-waitlist]{position:absolute;right:18px;top:18px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(246,241,234,.14);background:rgba(246,241,234,.06);color:#f6f1ea;font-size:22px;line-height:1;cursor:pointer}
.hc-waitlist [data-close-waitlist]:hover{background:#f6f1ea;color:#0a0e1b}
.hc-waitlist p{font-size:13px;line-height:1.5;color:#8a91a8}
.hc-waitlist [role=status]{color:#ffb27d}
.hc-waitlist :focus-visible{outline:2px solid #ff8a3d;outline-offset:3px}