:root{
  --bg:#0C131C;--bg-2:#101A26;--bg-3:#0A1017;
  --ink:#E9E4D6;--ink-soft:rgba(233,228,214,.78);--ink-dim:rgba(233,228,214,.55);
  --orange:#E8833A;--orange-bright:#F09A50;
  --line:rgba(126,166,214,.22);--line-soft:rgba(126,166,214,.12);--line-orange:rgba(232,131,58,.34);
  --disp:'Big Shoulders Display','Arial Narrow',sans-serif;
  --sans:'Public Sans','Helvetica Neue',Arial,sans-serif;
  --mono:'Roboto Mono','Courier New',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);
  font-size:17px;line-height:1.8;font-weight:400;-webkit-font-smoothing:antialiased}
::selection{background:var(--orange);color:#0C131C}
.wrap{max-width:680px;margin-inline:auto;padding-inline:22px}
a{color:inherit}

.doc-nav{position:sticky;top:0;z-index:100;background:rgba(12,19,28,.85);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}
.doc-nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px}
.doc-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  font-family:var(--disp);font-weight:700;font-size:1rem;letter-spacing:.09em;text-transform:uppercase}
.doc-brand b{color:var(--orange);font-weight:800}
.doc-back{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--orange-bright);text-decoration:none;border:1px solid var(--line-orange);
  padding:9px 14px;min-height:44px;display:inline-flex;align-items:center}
.doc-back:hover{background:var(--orange);color:#0C131C}
a:focus-visible{outline:2px solid var(--orange-bright);outline-offset:3px}

.doc{padding-block:clamp(40px,9vw,64px)}
.doc-kicker{font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.3em;
  text-transform:uppercase;color:var(--orange)}
.doc h1{margin-top:14px;font-family:var(--disp);font-weight:800;text-transform:uppercase;
  font-size:clamp(2.1rem,8.5vw,3.2rem);line-height:1.05}
.doc-orn{margin-top:18px;display:flex;align-items:center;gap:10px}
.doc-orn::before{content:"";width:46px;height:3px;background:var(--orange)}
.doc-orn::after{content:"";flex:1;height:1px;background:var(--line-soft)}

.doc-body{margin-top:clamp(28px,6vw,40px);display:grid;gap:clamp(26px,6vw,38px)}
.doc-body h2{font-family:var(--disp);font-weight:700;text-transform:uppercase;
  font-size:1.3rem;line-height:1.1;letter-spacing:.01em;padding-bottom:9px;border-bottom:1px solid var(--line)}
.doc-body p{color:var(--ink-soft);max-width:62ch}
.doc-body b{color:var(--ink);font-weight:600}
.doc-body i{color:var(--ink-dim)}

.doc-foot{border-top:1px solid var(--line-soft);padding-block:26px 34px;text-align:center;
  font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-dim);line-height:2.1}
.doc-foot a{color:rgba(233,228,214,.82);text-decoration:none}
.doc-foot a:hover{color:var(--orange-bright)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}