:root{
  --bg:#0b0b0b;
  --card:#101010;
  --ink:#eaeaea;
  --muted:#cfcfcf;
  --gold:#D9AE5F;
  --plaid:#B84C4C;
  --stroke:#1c1c1c;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1000px;margin:0 auto;padding:1rem}
.nav{position:sticky;top:0;z-index:40;background:
  repeating-linear-gradient(45deg, rgba(184,76,76,.05) 0 18px, rgba(0,0,0,.05) 18px 36px),
  #090909;border-bottom:1px solid var(--stroke)}
.nav .row{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.nav a{display:inline-block;padding:.7rem .8rem;border-radius:10px}
.nav a[aria-current="page"]{background:#121212;border:1px solid var(--stroke)}
.hero{background:
  radial-gradient(80% 60% at 70% 10%, rgba(217,174,95,.18), transparent 60%),
  radial-gradient(60% 40% at 0% 40%, rgba(184,76,76,.1), transparent 60%),
  #0b0b0b;
  border-bottom:1px solid var(--stroke)}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem;align-items:center}
@media (max-width: 900px){.hero .wrap{grid-template-columns:1fr}}
.badge{display:inline-block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#000;
  background:linear-gradient(90deg,var(--gold),#b88c3a);padding:.18rem .5rem;border-radius:999px}
.h1{font-size:clamp(1.8rem, 2.4vw + 1rem, 3rem);line-height:1.2;margin:.3rem 0}
.sub{color:var(--muted)}
.cta-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}
.btn{display:inline-block;padding:.6rem .9rem;border-radius:12px;border:1px solid var(--stroke);background:#121212;color:var(--ink)}
.btn.gold{background:linear-gradient(90deg,var(--gold),#b88c3a);color:#1a1a1a;border-color:#997a36}
.btn.ghost{background:transparent}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:14px;padding:1rem}
.section{margin-top:1rem}
.grid{display:grid;gap:.8rem}
.grid.two{grid-template-columns:1fr 1fr}
@media (max-width:900px){.grid.two{grid-template-columns:1fr}}
.kicker{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.small{font-size:.92rem;color:var(--muted)}
hr.gold{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1rem 0}
details{background:#0f0f0f;border:1px solid var(--stroke);border-radius:12px;padding:.6rem .8rem}
details+details{margin-top:.6rem}
summary{cursor:pointer;font-weight:600;color:var(--ink)}
summary::-webkit-details-marker{display:none}
.chapter{padding:.8rem;border:1px solid var(--stroke);border-radius:12px;background:#0f0f0f}
.chapter h3{margin:.2rem 0}
.plaid-bar{height:10px;border-radius:10px;background:
  repeating-linear-gradient(0deg, rgba(184,76,76,.2) 0 14px, rgba(0,0,0,.2) 14px 28px),
  repeating-linear-gradient(90deg, rgba(184,76,76,.25) 0 14px, rgba(0,0,0,.2) 14px 28px)}
.footer{margin-top:2rem;padding:1.2rem 0;border-top:1px solid var(--stroke);background:
  repeating-linear-gradient(45deg, rgba(184,76,76,.06) 0 18px, rgba(0,0,0,.04) 18px 36px),
  #0b0b0b}
.footer .row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
code.inline{background:#161616;border:1px solid var(--stroke);padding:.05rem .35rem;border-radius:6px}
.print-note{opacity:.85}
@media print{
  .nav, .cta-row, .footer{display:none}
  body{background:#fff;color:#111}
  .card{border-color:#ddd}
}