/* Shared by every page. Section styles stay inline in each page, as they came from the design tool. */
body{margin:0;background:#FFFFFF}
a{color:#3A2A6B}a:hover{color:#251A47}
input:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #FF9E5E;outline-offset:2px}

/* Waitlist forms */
.form-message{flex:1 1 100%;margin:0;padding:10px 14px;border-radius:10px;background:#FBEDE9;color:#7A2614;font-size:15px;line-height:1.45;text-align:left}
.form-message:empty{display:none}
.form-done{margin:0;font-size:19px;font-weight:700;line-height:1.5}
.form-done:focus{outline:none}
button[aria-busy="true"]{opacity:0.75;cursor:progress}
/* Left empty by people; bots fill it in */
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
/* The forms have inline display:flex, which would otherwise beat the hidden attribute */
[hidden]{display:none !important}

/* Privacy policy and terms (the text in .legal) */
.legal{max-width:760px;margin:0 auto;padding:64px 24px 96px;display:flex;flex-direction:column;gap:18px;font-size:18px;line-height:1.7;color:#24303B}
.legal h2{margin:28px 0 0;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:28px;line-height:1.2;color:#3A2A6B}
.legal p,.legal ul,.legal ol{margin:0}
.legal ul,.legal ol{padding-left:24px;display:flex;flex-direction:column;gap:10px}
.legal strong{color:#18242F}
.legal table{width:100%;border-collapse:collapse;font-size:17px}
.legal th,.legal td{text-align:left;padding:12px 14px;border-bottom:1px solid #E4DFF0;vertical-align:top}
.legal th{font-weight:700;color:#18242F;background:#F7F6FB}