:root{--bg:#EEF1F5;--surface:#FFFFFF;--ink:#1E2533;--muted:#5C6677;--line:#D5DAE2;--tick:#C3C9D3;--amber:#F5A623;--amber-ink:#2A1C00;--focus:#B86E00;--err:#B3261E;
--display:"Chakra Petch","Arial Narrow",Arial,sans-serif;--body:"Barlow","Segoe UI",Roboto,Helvetica,Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#161B25;--surface:#1F2633;--ink:#E9ECF1;--muted:#9AA3B2;--line:#323B4B;--tick:#3A4456;--focus:#F5A623;--err:#FF8A80}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55}
a{color:inherit}
img{max-width:100%}
.nav{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}
.nav-in{max-width:1040px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:700;font-size:19px;font-style:italic}
.brand img{width:38px;height:38px;border-radius:50%}
.brand b{color:var(--amber)}
.links{margin-left:auto;display:flex;gap:18px;align-items:center;font-weight:600}
.links a{text-decoration:none}
.links a[aria-current]{color:var(--amber)}
.cta{display:inline-block;background:var(--amber);color:var(--amber-ink)!important;padding:10px 16px;border-radius:8px;font-weight:700;text-decoration:none;font-family:var(--display)}
.cta.big{font-size:20px;padding:15px 24px}
@media (max-width:620px){.links .hide-sm{display:none}.brand span{display:none}}
main{max-width:1040px;margin:0 auto;padding:0 20px 64px}
.hero{padding:64px 0 48px;display:grid;gap:28px}
h1{font-family:var(--display);font-weight:700;font-size:clamp(38px,7vw,68px);line-height:1;margin:0;letter-spacing:-.5px;max-width:14ch}
h2{font-family:var(--display);font-weight:600;font-size:clamp(26px,4vw,34px);line-height:1.1;margin:0 0 20px}
.lede{font-size:19px;color:var(--muted);max-width:36em;margin:0}
.tachline{display:flex;gap:4px;align-items:flex-end;height:26px;margin:8px 0 0}
.tachline i{flex:1;max-width:10px;height:12px;background:var(--tick);border-radius:1px}
.tachline i:nth-child(5n){height:22px}
.tachline i.on{background:var(--ink)}
.tachline i.red{background:var(--amber)}
.band{border-top:1px solid var(--line);padding:48px 0}
.steps{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{border-left:3px solid var(--amber);padding-left:16px}
.steps li::before{counter-increment:s;content:"Stage " counter(s);display:block;font-family:var(--display);font-weight:700;color:var(--amber)}
.steps b{display:block;font-size:19px;margin:2px 0 4px}
.steps p{margin:0;color:var(--muted)}
.checks{columns:2 260px;column-gap:40px;padding:0;margin:0;list-style:none}
.checks li{break-inside:avoid;padding:6px 0 6px 28px;position:relative}
.checks li::before{content:"";position:absolute;left:0;top:14px;width:14px;height:6px;border-left:3px solid var(--amber);border-bottom:3px solid var(--amber);transform:rotate(-45deg)}
.spec{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.spec dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px}
.spec dt{color:var(--muted)}
.spec dd{margin:0;font-weight:600}
.tag{display:inline-block;font-family:var(--display);font-weight:600;font-size:14px;background:var(--amber);color:var(--amber-ink);padding:3px 10px;border-radius:999px;margin-bottom:10px}
.ph{aspect-ratio:4/3;border:2px dashed var(--line);border-radius:10px;display:grid;place-items:center;color:var(--muted);text-align:center;padding:16px}
.prose p{max-width:38em}
footer{border-top:1px solid var(--line)}
.foot{max-width:1040px;margin:0 auto;padding:28px 20px;display:flex;flex-wrap:wrap;gap:12px 28px;color:var(--muted);font-size:15px}
.foot a{text-decoration:none;font-weight:600;color:var(--ink)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}