*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#0e0e0f;color:#e8e6e1;font:17px/1.6 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif}
header,main,footer{max-width:44rem;margin:0 auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:baseline;padding-top:28px;padding-bottom:20px;border-bottom:1px solid #2a2a2c}
.mark{display:inline-flex;align-items:center;gap:10px;font:700 24px/1 'DIN Alternate','DIN Condensed',Oswald,'Helvetica Neue',Arial,sans-serif;letter-spacing:.02em;color:#e8e6e1;text-decoration:none}.mark img{display:block}
nav a{margin-left:18px}a{color:#E9A23B}a:hover{color:#F2BE6E}
h1{font-size:32px;line-height:1.2;margin:40px 0 8px}h2{font-size:20px;margin:36px 0 8px;color:#fff}
p,li{color:#cfccc6}ul{padding-left:22px}li{margin:8px 0}strong{color:#fff}
.lead{font-size:20px;color:#e8e6e1}
footer{margin-top:56px;padding-top:20px;padding-bottom:40px;border-top:1px solid #2a2a2c;color:#8d8a84;font-size:14px}
@media (prefers-color-scheme:light){body{background:#faf9f7;color:#1c1c1e}.mark{color:#1c1c1e}p,li{color:#3a3a3c}h2,strong{color:#000}.lead{color:#1c1c1e}header,footer{border-color:#dedbd5}a{color:#9a5b12}a:hover{color:#6e3f08}}
.hero{text-align:center;padding:48px 0 12px}.hero-mark{display:block;margin:0 auto 20px;width:160px;height:160px}.wordmark{font:700 56px/1 'DIN Alternate','DIN Condensed',Oswald,'Helvetica Neue',Arial,sans-serif;letter-spacing:.02em;margin:0 0 12px}
.hero .lead{margin:0}
.wm-head{height:22px;width:auto;display:block;color:#e8e6e1}.wm-hero{height:56px;width:auto;display:block;margin:0 auto}.wordmark{margin:0 0 14px}
@media (prefers-color-scheme:light){.wm-head{color:#1c1c1e}}
.button{display:inline-block;padding:12px 20px;border-radius:10px;background:#E9A23B;color:#0A0A0A;font-weight:600;text-decoration:none}.button:hover{background:#F2BE6E;color:#0A0A0A}
@media (prefers-color-scheme:light){.button{color:#0A0A0A}.button:hover{color:#0A0A0A}}
.launch{display:inline-block;margin:4px 0 8px;padding:6px 14px;border:1px solid #E9A23B;border-radius:999px;color:#E9A23B;font-weight:600;letter-spacing:.02em}
@media (prefers-color-scheme:light){.launch{color:#9a5b12;border-color:#9a5b12}}
.hero{text-align:center}
h1,h2,nav a,.lead,.launch,.button{font-family:'DIN Alternate','DIN Condensed',Oswald,'Helvetica Neue',Arial,sans-serif}
h1{letter-spacing:.01em}h2{letter-spacing:.02em;text-transform:none}
nav a{letter-spacing:.04em;text-decoration:none;border-bottom:1px solid currentColor}
.lead{font-weight:500}
