/* The quiet pages (download, privacy, not found): the home page's colors, type and button on one centered column. */
:root{ color-scheme:dark; }
html,body{ background:#0e0e12; color:#ece9e2; }
body{ font-family:var(--sans); font-weight:300; -webkit-font-smoothing:antialiased; min-height:100vh; display:flex; flex-direction:column; }
a{ color:inherit; }
.page{ flex:1; width:100%; max-width:640px; margin:0 auto; padding:88px 24px 72px; text-align:center; }
.mark{ display:block; width:96px; height:96px; margin:0 auto 22px; border-radius:22%; }
.wordmark{ display:block; text-decoration:none; color:#ece9e2; }
h1{ font-weight:200; font-size:clamp(34px, 6vw, 52px); line-height:1.08; letter-spacing:-.02em; margin:28px 0 0; text-wrap:balance; }
.lead{ margin:20px auto 0; max-width:30em; font-size:16px; line-height:1.7; color:#d6d2c8; }
.buy{ display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:0 40px; margin-top:36px;
  border:1px solid #ece9e2; font:500 13px/1 var(--sans); letter-spacing:.2em; text-transform:uppercase; text-decoration:none; color:#ece9e2;
  transition:background .2s, color .2s; }
.buy:hover{ background:#ece9e2; color:#0e0e12; }
.buy:focus-visible{ outline:1px solid rgba(236,233,226,.6); outline-offset:6px; }
.meta{ margin-top:16px; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#a6a29a; }
.steps{ list-style:none; counter-reset:s; margin:56px 0 0; padding:0; text-align:left; border-top:1px solid #2b2b31; }
.steps li{ counter-increment:s; display:grid; grid-template-columns:40px 1fr; gap:4px; padding:22px 4px; border-bottom:1px solid #2b2b31; font-size:15px; line-height:1.7; color:#d6d2c8; }
.steps li::before{ content:counter(s); font-weight:200; font-size:22px; line-height:1.3; color:#ece9e2; }
.steps b{ font-weight:500; color:#ece9e2; }
.note{ margin:32px auto 0; max-width:32em; font-size:14px; line-height:1.7; color:#a6a29a; }
.note b{ font-weight:500; color:#ece9e2; }
.prose{ text-align:left; margin-top:40px; }
.prose h2{ font-weight:400; font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:#a6a29a; margin:40px 0 12px; }
.prose p{ font-size:15px; line-height:1.75; color:#d6d2c8; margin:0 0 14px; }
.prose a{ text-decoration:underline; text-underline-offset:3px; text-decoration-color:#5b5a58; }
.foot{ display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; padding:24px 40px; border-top:1px solid #2b2b31; color:#a6a29a; font-size:12px; }
.foot .by{ display:flex; align-items:center; gap:10px; }
.foot .links{ display:flex; gap:22px; }
.foot a{ text-decoration:none; }
.foot a:hover{ color:#ece9e2; }
.lsmark{ width:15px; height:15px; filter:invert(1); opacity:.85; }
@media (max-width:760px){ .page{ padding:56px 18px 56px; } .foot{ padding:24px 18px; } }