/* Public pages: the app's tokens and type, laid out as a site. */
body{padding-bottom:0;}
.sitenav{display:flex;gap:10px;align-items:center;}
.sitenav a{color:var(--on-fill);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;}
.sitenav a.pill{color:var(--gold);}
.site{max-width:760px;margin:0 auto;padding:8px 18px 40px;}
.block{margin-top:34px;}
.block p{font-size:16.5px;margin-top:10px;max-width:64ch;}
.block p a{color:var(--track);}
.steps{margin:12px 0 0 22px;font-size:16.5px;}
.steps li{margin-bottom:10px;}
.steps b{font-family:'Barlow Condensed',sans-serif;font-size:19px;text-transform:uppercase;letter-spacing:.02em;display:block;}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px;}
.cards .card h3{padding-right:0;}
.list-plain{list-style:none;margin-top:12px;display:grid;gap:10px;}
.list-plain li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:15.5px;}
.list-plain b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:18px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:2px;}
.cta{background:var(--fill);color:var(--on-fill);border-radius:var(--radius);padding:22px 20px;}
.cta .phase-title{color:var(--on-fill);}
.cta p{color:var(--muted-on-fill);}
.sitefoot{border-top:1px solid var(--line);margin-top:30px;padding:24px 18px 40px;text-align:center;font-size:14px;color:var(--steel);}
.sitefoot a{color:var(--track);}
.sitefoot .motto{margin-top:8px;font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);}
@media (max-width:520px){.hero h1{font-size:clamp(40px,14vw,64px);}}