/* Beta signup page: one quiet card, the same tokens as the homepage. */
[hidden]{display:none!important}
.beta-page main {padding:64px 0 88px}
.beta-page .beta-hero {max-width:660px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.beta-page .beta-hero .eyebrow {font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:500}
.beta-page h1 {font-size:clamp(38px,4.6vw,56px);font-weight:550;letter-spacing:-2.2px;line-height:1.08;margin:20px 0 16px}
.beta-page .beta-lead {font-size:15px;line-height:1.8;text-wrap:pretty}
.beta-page .email-form {display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:600px;margin:28px auto 16px;padding:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:20px;box-shadow:0 2px 8px #00000004;text-align:left}
.beta-page .email-form:focus-within {border-color:#b4b4b4;box-shadow:0 0 0 3px #00000006}
.beta-page .email-form input[type=text],.beta-page .email-form input[type=email],.beta-page .email-form select,.beta-page .email-form .multi-toggle {width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 14px;font-size:13px;color:var(--ink);text-align:left}
.beta-page .email-form input::placeholder {color:var(--muted)}
.beta-page .email-form select {appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7'%3E%3Cpath d='M1 1.2 5 5.6 9 1.2' fill='none' stroke='%236e6e73' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:10px 7px;padding-right:34px;cursor:pointer}
.beta-page .email-form select:required:invalid {color:var(--muted)}
.beta-page .email-form select option {color:var(--ink)}
.beta-page .email-form .multi {position:relative}
.beta-page .email-form .multi-toggle {display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}
.beta-page .email-form .multi-toggle .caret {width:10px;height:7px;fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round;flex-shrink:0}
.beta-page .email-form .multi-value[data-placeholder=true] {color:var(--muted)}
.beta-page .email-form .multi[data-invalid] .multi-toggle {border-color:#a8382c;box-shadow:0 0 0 3px #a8382c14}
.beta-page .email-form .multi-panel {position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #00000014;padding:6px;display:grid;gap:2px}
.beta-page .email-form .multi-option {display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13px;cursor:pointer}
.beta-page .email-form .multi-option:hover {background:var(--surface-2)}
.beta-page .email-form .multi-option input {accent-color:var(--ink);width:15px;height:15px;margin:0;flex-shrink:0}
.beta-page .email-form .button {grid-column:1/-1;font-size:13px;padding:12px 20px;gap:16px;margin-top:2px}
.beta-page .form-status {position:static;grid-column:1/-1;margin:4px 6px 2px;font-size:12px;background:transparent;text-align:left;color:var(--muted)}
.beta-page .form-status[data-state=error] {color:#a8382c}
.beta-page .hero-reassurance {justify-content:center;flex-wrap:wrap;gap:8px 20px;font-size:11px}
.beta-page .consent {font-size:10px;margin-top:12px;line-height:1.7}
.beta-page .beta-back {font-size:12px;margin-top:32px}
.beta-page .beta-back a:hover {text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px) {
 .beta-page main {padding:40px 0 64px}
 .beta-page h1 {font-size:36px;letter-spacing:-1.6px}
 .beta-page .beta-lead {font-size:14px}
 .beta-page .email-form {grid-template-columns:1fr;padding:8px;border-radius:16px}
 .beta-page .email-form input[type=text],.beta-page .email-form input[type=email],.beta-page .email-form select,.beta-page .email-form .multi-toggle {font-size:16px;min-height:44px;padding:10px 12px}
 .beta-page .email-form .button {font-size:12px;padding:12px 14px;gap:8px}
 .beta-page .hero-reassurance {font-size:10px;gap:6px 12px}
}