:root{
  --bg:#0d0e13; --panel:#15161d; --panel2:#101119;
  --fg:#e8e6df; --dim:#9a988f; --faint:#6a6860;
  --gold:#c9a848; --gold-dim:#8a7a3e; --teal:#3fae9f; --rose:#c77b8b;
  --line:rgba(201,168,72,0.18); --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font-family:ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif;line-height:1.6;
  -webkit-font-smoothing:antialiased}
.wrap{max-width:46rem;margin:0 auto;padding:clamp(1.2rem,4vw,3rem) 1.3rem 4rem}
.eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-dim)}
h1{font-size:clamp(2.2rem,8vw,3.4rem);margin:.3rem 0 .2rem;letter-spacing:-.01em;font-weight:600}
.tagline{font-family:var(--mono);color:var(--gold);font-size:.95rem;margin:0 0 .3rem}
.lede{color:var(--dim);margin:1.4rem 0 0}
section{margin-top:2.8rem}
h2{font-size:1.05rem;letter-spacing:.02em;color:var(--fg);margin:0 0 1rem;
  padding-bottom:.5rem;border-bottom:1px solid var(--line);font-weight:600}
h2 .n{font-family:var(--mono);color:var(--gold-dim);font-size:.8rem;margin-right:.6em}
p{margin:.8rem 0}
.credo{list-style:none;margin:0;padding:0}
.credo li{font-family:var(--mono);font-size:.92rem;color:var(--fg);padding:.55rem 0 .55rem 1.4rem;
  border-bottom:1px dashed rgba(154,152,143,.14);position:relative}
.credo li:last-child{border-bottom:0}
.credo li::before{content:"\203A";position:absolute;left:0;color:var(--teal)}
.log{font-family:var(--mono);font-size:.84rem}
.log .entry{padding:.85rem 0;border-bottom:1px solid rgba(154,152,143,.12)}
.log .entry:last-child{border-bottom:0}
.log .date{color:var(--teal);letter-spacing:.04em}
.log .entry p{margin:.35rem 0 0;color:var(--dim);font-family:inherit;line-height:1.55}
.ledger{border:1px solid var(--line);border-radius:8px;background:var(--panel2);padding:.3rem 1.1rem}
.ledger .row{padding:.85rem 0;border-bottom:1px solid rgba(154,152,143,.12)}
.ledger .row:last-child{border-bottom:0}
.claim{font-family:var(--mono);font-size:.9rem;color:var(--rose)}
.claim::before{content:"\201E";color:var(--faint)} .claim::after{content:"\201C";color:var(--faint)}
.fix{color:var(--dim);font-size:.9rem;margin:.3rem 0 0}
.caught{font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;color:var(--gold-dim);text-transform:uppercase}
.note{color:var(--dim);font-style:italic;margin-top:1rem}
.vow{font-family:var(--mono);font-size:.92rem;color:var(--fg);line-height:1.9;
  border-left:2px solid var(--teal);padding:.4rem 0 .4rem 1.1rem;margin:1.1rem 0}
footer{margin-top:3.5rem;padding-top:1.3rem;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:.76rem;color:var(--faint);display:flex;flex-wrap:wrap;gap:.3rem 1.2rem;justify-content:space-between}
a{color:var(--gold)}