:root{--black:#0a0a0a;--ink:#161616;--orange:#d94b16;--orange-dark:#b23a0e;--white:#fff;--soft:#f5f3f0;--gray:#5c5c5c;--line:#e4e0da}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--white)}
img{max-width:100%;height:auto}a{color:var(--orange-dark)}a:hover{color:var(--black)}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;background:var(--black);color:#fff;padding:8px 12px}.skip:focus{left:8px;top:8px;z-index:9}
header.site{background:#fff;border-bottom:3px solid var(--black);position:sticky;top:0;z-index:5}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
header.site img{height:46px;width:auto;display:block}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px;align-items:center}
nav a{color:var(--black);text-decoration:none;font-weight:600;font-size:15px}nav a:hover,nav a[aria-current]{color:var(--orange-dark)}
.btn{display:inline-block;background:var(--orange);color:#fff!important;padding:12px 22px;border-radius:4px;font-weight:700;text-decoration:none;border:2px solid var(--orange)}
.btn:hover{background:var(--black);border-color:var(--black)}
.btn.alt{background:transparent;color:var(--black)!important;border-color:var(--black)}.dark .btn.alt{color:#fff!important;border-color:#fff}
.btn.alt:hover{background:var(--black);color:#fff!important}
.menu-toggle{display:none;background:var(--black);color:#fff;border:0;padding:10px 14px;border-radius:4px;font:inherit;font-weight:600}
.dark{background:var(--black);color:#fff}.dark a{color:#ff8a57}.dark .btn{color:#fff}
.hero{padding:84px 0 72px}.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;margin:.2em 0 .4em;max-width:18ch}
.hero h1 em{font-style:normal;color:var(--orange)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700;color:var(--orange)}
.hero p.lead{font-size:1.2rem;max-width:62ch;color:#ddd}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
section{padding:64px 0}section.alt{background:var(--soft)}
h2{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.2;margin:0 0 .6em;padding-left:14px;border-left:6px solid var(--orange)}
h3{margin:.2em 0 .4em}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-top:5px solid var(--orange);padding:22px;border-radius:4px}
.card h3 a{color:var(--black);text-decoration:none}.card h3 a:hover{color:var(--orange-dark)}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);padding:18px;border-radius:4px}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:34px;height:34px;background:var(--black);color:#fff;border-radius:50%;font-weight:700;margin-bottom:8px}
.page-head{background:var(--black);color:#fff;padding:56px 0}.page-head h1{margin:.1em 0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15}
.page-head p{color:#ddd;max-width:65ch;margin:0}
.crumbs{font-size:14px;margin-bottom:10px}.crumbs a{color:#ff8a57}
.prose{max-width:760px}.prose li{margin:.3em 0}
.note{border-left:6px solid var(--orange);background:var(--soft);padding:16px 20px;margin:24px 0;border-radius:0 4px 4px 0}
.timeline{list-style:none;padding:0;border-left:3px solid var(--orange);margin-left:6px}.timeline li{padding:0 0 22px 22px;position:relative}
.timeline li::before{content:"";position:absolute;left:-10px;top:8px;width:16px;height:16px;background:#fff;border:4px solid var(--black);border-radius:50%}
.timeline strong{display:block}
.meta{font-size:14px;color:var(--gray)}
footer.site{background:var(--black);color:#ccc;padding:48px 0 28px;border-top:6px solid var(--orange)}
footer.site a{color:#fff}footer.site .cols{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
footer.site h2{border:0;padding:0;font-size:1rem;color:#fff;text-transform:uppercase;letter-spacing:.08em}
footer.site ul{list-style:none;padding:0;margin:0}footer.site li{margin:.35em 0}
footer.site .logo-pill{background:#fff;display:inline-block;padding:8px 12px;border-radius:4px}footer.site .logo-pill img{height:38px;display:block}
.small{font-size:13px;margin-top:28px;border-top:1px solid #333;padding-top:16px}
@media(max-width:820px){.menu-toggle{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:3px solid var(--black);padding:12px 20px}
nav.open{display:block}nav ul{flex-direction:column;align-items:flex-start;gap:12px}header.site .wrap{position:relative}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.fig{display:block;width:100%;max-width:760px;height:auto;margin:32px 0 0;border-radius:6px;border-bottom:6px solid var(--orange)}
