:root{
  --paper:#EDEEEA; --ink:#15191C; --muted:#4A5257; --rule:#C4C9C1; --accent:#D2571F;
  --accent-2:#1F6F5C; --plate:#F7F7F4;
  --font-display:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-body:Georgia,"Times New Roman",serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.62;
  background-image:linear-gradient(90deg,rgba(21,25,28,.045) 1px,transparent 1px);background-size:72px 100%}
img,svg{max-width:100%}
a{color:inherit}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;padding:8px 12px;background:var(--ink);color:var(--paper);z-index:9}
.masthead{border-bottom:2px solid var(--ink);background:var(--plate)}
.masthead-row,.masthead nav,.wrap{}
.masthead-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:20px 24px 12px;max-width:1180px;margin:0 auto}
.wordmark{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:.02em;text-decoration:none;display:flex;flex-direction:column;line-height:1.1}
.wordmark-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:400}
.sheet{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.08em}
.masthead nav{display:flex;gap:22px;flex-wrap:wrap;padding:0 24px 14px;max-width:1180px;margin:0 auto}
.masthead nav a{font-family:var(--font-display);font-size:13px;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;
  padding-bottom:3px;border-bottom:2px solid transparent;color:var(--muted)}
.masthead nav a:hover,.masthead nav a:focus-visible{color:var(--ink);border-bottom-color:var(--accent)}
main{max-width:1180px;margin:0 auto;padding:0 24px 64px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start;padding:52px 0 40px;border-bottom:1px solid var(--rule)}
.hero--plain{grid-template-columns:minmax(0,1fr)}
.kicker{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 18px;font-weight:600}
.tick{width:22px;height:22px;flex:0 0 auto}
h1{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4.4vw,46px);line-height:1.08;letter-spacing:-.02em;margin:0 0 18px;max-width:16ch}
h2{font-family:var(--font-display);font-weight:700;font-size:clamp(21px,2.4vw,27px);letter-spacing:-.01em;margin:0 0 14px;padding-left:18px;border-left:4px solid var(--accent)}
h3{font-family:var(--font-display);font-size:17px;letter-spacing:0;margin:0 0 8px}
p{margin:0 0 16px;max-width:72ch}
.lede{font-size:19px;color:#2B3136;max-width:60ch}
.hero-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.cta{display:inline-block;font-family:var(--font-display);font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;background:var(--ink);color:var(--paper);padding:12px 18px;border:2px solid var(--ink)}
.cta:hover,.cta:focus-visible{background:var(--accent);border-color:var(--accent)}
.cta--ghost{background:transparent;color:var(--ink)}
.cta--ghost:hover,.cta--ghost:focus-visible{background:transparent;color:var(--accent);border-color:var(--accent)}
.plate{padding:38px 0;border-bottom:1px solid var(--rule)}
.plate--split{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:36px}
.figure{margin:22px 0;background:var(--plate);border:1px solid var(--rule);border-left:4px solid var(--accent-2);padding:18px}
.figure svg{display:block;width:100%;height:auto}
figcaption{font-family:var(--font-mono);font-size:12.5px;line-height:1.5;color:var(--muted);margin-top:12px}
.bar-value{font-family:var(--font-mono);font-size:11px;fill:#15191C}
.bar-label{font-family:var(--font-mono);font-size:9.5px;fill:#4A5257;letter-spacing:.04em}
.tl-label{font-family:var(--font-mono);font-size:10px;fill:#4A5257}
.axis{font-family:var(--font-mono);font-size:10px;fill:#4A5257}
.grid{stroke:#C4C9C1;stroke-width:1}
.table-wrap{overflow-x:auto;margin:20px 0;border:1px solid var(--rule);background:var(--plate)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
caption{text-align:left;font-family:var(--font-mono);font-size:12px;color:var(--muted);padding:12px 14px 0}
th,td{border-bottom:1px solid var(--rule);padding:10px 14px;text-align:left;vertical-align:top}
thead th{font-family:var(--font-display);font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--paper)}
tbody th{font-weight:600;font-family:var(--font-display);font-size:14px}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:none}
.note{font-size:13px;color:var(--muted)}
.steps{list-style:none;margin:0;padding:0;counter-reset:none}
.steps li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--rule)}
.steps li:last-child{border-bottom:none}
.step-no{font-size:12px;color:var(--accent);font-weight:700;padding-top:3px}
.step-when{font-size:12px;color:var(--muted);margin:0 0 4px}
.step-copy h3{margin-bottom:2px}
.step-copy p{margin-bottom:0;font-size:15.5px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{background:var(--plate);border:1px solid var(--rule);padding:18px}
.card p{margin:0;font-size:15.5px}
.faq details{border-bottom:1px solid var(--rule);padding:14px 0}
.faq summary{font-family:var(--font-display);font-weight:700;cursor:pointer;font-size:16px}
.faq details[open] summary{color:var(--accent)}
.sheet-foot{border-top:2px solid var(--ink);max-width:1180px;margin:0 auto;padding:22px 24px 46px;font-size:14px;color:var(--muted)}
.sheet-foot p{margin:0 0 6px;max-width:none}
.mono{font-family:var(--font-mono)}
@media (max-width:860px){
  .hero,.plate--split{grid-template-columns:minmax(0,1fr);gap:22px}
  body{font-size:16px}
  .hero{padding-top:34px}
  h1{font-size:clamp(26px,7.4vw,34px)}
  .lede{font-size:17px}
  main{padding:0 18px 48px}
  .masthead-row,.masthead nav,.sheet-foot{padding-left:18px;padding-right:18px}
  .masthead nav{gap:14px}
  .steps li{grid-template-columns:40px minmax(0,1fr)}
}
@media (prefers-reduced-motion:no-preference){
  .plate,.hero,.figure{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
  @keyframes rise{from{transform:translateY(14px)}to{transform:translateY(0)}}
}