/* Inner pages (experience, 404): the dark half of the home page — same tokens, type, grey blocks and white pills. */
:root{
  --night:#1C1E21;
  --block:#6D6D6D;
  --soft:#C4C4C4;
  --dim:#747474;
  --sans:"Helvetica Neue",Helvetica,Arimo,Arial,sans-serif;
  --mark:"Archivo","Helvetica Neue",Arial,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--night)}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--night);color:#fff;
  font-family:var(--sans);font-size:14px;line-height:20px;font-weight:500;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}
[hidden]{display:none!important}
.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:16px}
@media (min-width:1232px){.container{padding-inline:0}}

header{display:flex;justify-content:center;padding-block:36px 0}
.mark{font-family:var(--mark);font-weight:800;font-variation-settings:"wdth" 125;font-size:17px;letter-spacing:.03em;color:inherit}

main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(72px,12vw,160px)}
.h1{margin:0;max-width:1093px;font-size:clamp(30px,4.45vw,64px);line-height:1.16;letter-spacing:-.02em;font-weight:500;text-wrap:balance}
.h1:focus{outline:0}
.choices{display:flex;flex-wrap:wrap;gap:16px;margin-top:clamp(40px,4.4vw,60px)}

.row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:40px}
@media (max-width:820px){.row{grid-template-columns:1fr;gap:24px}}
.row h2{margin:0;font-size:24px;line-height:30px;font-weight:500}

.block{background:var(--block);border-radius:11px;padding:40px;display:flex;flex-direction:column;gap:48px;min-width:0;max-width:760px}
@media (max-width:640px){.block{padding:28px;gap:36px}}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:32px 40px}
.fields .wide{grid-column:1/-1}
@media (max-width:640px){.fields{grid-template-columns:1fr;gap:24px}}
label{display:block;font-size:14px;line-height:20px;color:var(--soft);letter-spacing:.04em}
input{display:block;width:100%;margin-top:6px;padding:6px 0 10px;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.45);border-radius:0;
  color:#fff;font:inherit;font-size:24px;line-height:30px;letter-spacing:-.01em}
input::placeholder{color:rgba(255,255,255,.4)}
input:focus{outline:0;border-bottom-color:#fff;box-shadow:0 1px 0 #fff}
@media (max-width:640px){input{font-size:20px;line-height:24px}}
.note{margin:-16px 0 0;font-size:14px;line-height:20px;color:var(--soft);letter-spacing:.04em}
.note a,.prose a{text-decoration:underline;text-underline-offset:3px}
.error{margin:-16px 0;font-size:16px;line-height:20px;color:#fff}

/* long-form text (privacy policy) */
.legal .h1{margin-bottom:clamp(56px,7vw,100px)}
.legal .row{margin-bottom:80px}
@media (max-width:820px){.legal .row{margin-bottom:56px}}
.prose{max-width:62ch;font-size:20px;line-height:28px;color:var(--soft);letter-spacing:-.01em}
.prose p{margin:0 0 16px}
.prose .dim{margin-top:40px;font-size:14px;line-height:20px;letter-spacing:.04em;color:var(--dim)}

.pill{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:#fff;color:#000;border-radius:200px;padding:15px 22px 13px;
  font-size:20px;line-height:1;letter-spacing:.5px;box-shadow:0 4px 4px rgba(0,0,0,.2);border:0;font-family:inherit;cursor:pointer;transition:transform .25s}
.pill:hover{transform:translateY(-2px)}
.pill:disabled{opacity:.6;cursor:default;transform:none}
.pill svg{width:18px;height:18px}

.foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-block:24px 48px;color:var(--dim);font-size:20px;line-height:25px}
.foot .r{justify-self:end}
.foot a:hover{color:#fff}
@media (max-width:640px){.foot{grid-template-columns:1fr;justify-items:start;font-size:16px}.foot .r{justify-self:start}}