:root{--navy:#1e293b;--navy-deep:#0f172a;--orange:#f97316;--ink:#0f172a;--muted:#475569;--line:#e2e8f0;--paper:#f8fafc}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:#c2410c}
a:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:3px}
.wordmark{display:inline-flex;align-items:center;gap:10px;color:inherit;font-weight:800;font-size:22px;letter-spacing:-.03em;text-decoration:none}
.wordmark img{width:34px;height:auto}
.hero{min-height:100vh;min-height:100svh;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:28px clamp(20px,6vw,72px)}
.hero main{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:760px;padding:48px 0}
.hero .mark{width:clamp(96px,16vw,140px);height:auto;margin-bottom:32px}
.eyebrow{margin:0 0 14px;color:var(--orange);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
h1{margin:0;font-size:clamp(44px,9vw,84px);line-height:1.02;letter-spacing:-.04em;font-weight:800}
.lede{margin:24px 0 0;max-width:34em;color:#cbd5e1;font-size:clamp(17px,2.4vw,20px)}
.hero nav,.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px}
.hero nav a{color:#e2e8f0;padding:4px 0}
.page-head{background:var(--navy);color:#fff;padding:22px clamp(20px,6vw,72px)}
.doc{max-width:720px;margin:0 auto;padding:44px 20px 64px}
.doc h1{font-size:clamp(34px,6vw,46px)}
.doc h2{margin:36px 0 8px;font-size:20px;letter-spacing:-.01em}
.doc p,.doc li{color:#334155}
.doc ul{padding-left:20px}
.updated{color:var(--muted);font-size:14px;margin:10px 0 28px}
.site-footer{border-top:1px solid var(--line);padding:22px 20px;display:flex;justify-content:center}
.site-footer a{color:var(--muted)}