
body,input,textarea,button{font-family:Matter,Arial,sans-serif}nav,.pill,.footer-nav h2{font-family:Matter,Arial,sans-serif}main{max-width:1280px;margin:auto;padding:85px 5% 90px;display:grid;grid-template-columns:1fr 1fr;gap:9%}.intro h1{font-size:clamp(48px,5.8vw,78px);line-height:.97;letter-spacing:-.045em;margin:0 0 30px;font-weight:700}.message{font-size:23px;line-height:1.3;letter-spacing:-.025em;max-width:440px}.signup h2{font-size:32px;letter-spacing:-.035em;margin:0 0 8px}.required,.optional{color:#666;font-size:12px}.required{margin:0 0 27px}#beta-form label{font-size:14px;display:block;margin-bottom:20px}#beta-form label>span:not(.optional){color:var(--purple)}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}#beta-form input,#beta-form textarea{display:block;width:100%;margin-top:8px;border:1px solid #aaa79f;border-radius:5px;background:transparent;font:16px/1.4 Matter,Arial,sans-serif;padding:12px;color:#080808}#beta-form textarea{resize:vertical;min-height:112px}#beta-form input:focus,#beta-form textarea:focus{outline:2px solid var(--blue);outline-offset:2px;border-color:var(--blue)}#beta-form textarea::placeholder{color:#777;font-size:14px}#beta-form button{border:1.5px solid #000;border-radius:30px;background:var(--coral);color:white;font:16px 'Matter',Matter,Arial,sans-serif;padding:12px 25px;cursor:pointer;display:flex;gap:35px;align-items:center;transition:background .15s,color .15s,border-color .15s}#beta-form button:hover,#beta-form button:focus-visible{background:var(--paper);border-color:var(--blue);color:var(--blue)}#beta-form button:active{background:#fff;border-color:#000;color:#000}#status{font-size:14px;line-height:1.5;color:var(--purple)}#status:empty{display:none}@media(max-width:700px){main{display:block;padding:48px 24px}.intro h1{font-size:58px}.message{font-size:22px}.intro{margin-bottom:45px}.row{gap:14px}}@media(max-width:360px){.row{display:block}.intro h1{font-size:50px}}

#beta-form input{border:0;border-bottom:1px solid #aaa79f;border-radius:0;padding-left:0;padding-right:0}#beta-form input:focus{outline:none;border-bottom-color:var(--blue);box-shadow:0 1px 0 var(--blue)}
/* Progressive signup: email first, optional preference chips second. */
#beta-form [hidden]{display:none!important}#beta-form{margin-top:28px}#questions-step fieldset{border:0;padding:0;margin:30px 0}#questions-step legend{font-size:17px;font-weight:400;margin-bottom:13px}.choices{display:flex;flex-wrap:wrap;gap:9px}#beta-form label.choice{position:relative;margin:0;cursor:pointer}#beta-form .choice input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;pointer-events:none}#beta-form .choice span{display:block;border:1px solid #aaa79f;border-radius:5px;padding:10px 13px;font-size:14px;line-height:1.25;color:#000;transition:background .15s,border-color .15s,color .15s}.choice:hover span{border-color:var(--blue)!important}#beta-form .choice input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}#beta-form .choice input:focus-visible+span{outline:2px solid #000;outline-offset:3px}.choice-hint,.question-intro{font-size:14px;line-height:1.4;color:#666}.choice-hint{margin:-5px 0 13px}.email-summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px;overflow-wrap:anywhere}#signup-email{min-width:0;max-width:100%}#beta-form #edit-email,#beta-form #skip-questions{background:transparent;border:0;color:#666;font:14px Matter,Arial,sans-serif;padding:4px 0;border-radius:0;text-decoration:underline}#beta-form #edit-email:hover,#beta-form #skip-questions:hover{color:var(--blue)}.signup-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:30px}#beta-form .signup-actions>button[type=submit]{font-size:14px;gap:20px}#signup-title:focus{outline:none}@media(prefers-reduced-motion:no-preference){#questions-step{animation:questions-in .3s ease-out}@keyframes questions-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
#beta-form label.choice>span:not(.optional){color:#000}#beta-form label.choice>input:checked+span:not(.optional){color:#fff}

main{padding-bottom:0}.intro{display:flex;flex-direction:column;min-width:0}.intro .beta-phone{display:block;width:100%;height:auto;margin-top:auto;padding-top:20px}.signup{padding-bottom:90px}
@media(max-width:700px){main{padding-bottom:0}.intro{margin-bottom:0}.signup{padding-top:45px;padding-bottom:48px}.intro .beta-phone{margin-top:0}}

/* Keep the footer just beyond the initial viewport without the illustration. */
main{min-height:calc(100svh - 40px);padding-bottom:90px;align-items:start}.intro{display:block}.signup{padding-bottom:0}
@media(max-width:700px){main{min-height:calc(100svh - 40px);padding-bottom:64px}.signup{padding-top:45px;padding-bottom:0}}
