:root{--accent:#bad0b8;--bg:#101211;--bg-alt:#171a18}
.hero h1{font:650 clamp(2.6rem,6vw,5rem)/1.04 var(--sans);max-width:19ch;margin:1rem 0;letter-spacing:-.045em}
.hero h1 em{font-style:normal}.hero .body-copy{max-width:68ch}
.ledger{background:repeating-linear-gradient(0deg,transparent 0 27px,#252924 28px),#121512;color:#efeFE8;border:1px solid #495348;margin:2rem 0;padding:clamp(1rem,3vw,2rem);max-width:48rem}
.ledger figcaption{font:1rem var(--mono);color:#c9d6c8}.steps,.nodes{display:flex;gap:.4rem;flex-wrap:wrap;margin:1.3rem 0}
.ledger button,.nodes b{font:inherit;padding:.45rem .75rem;border:1px solid #657265;background:#171b17;color:inherit}.ledger button{cursor:pointer}.ledger button:focus-visible{outline:2px solid white;outline-offset:2px}
.ledger button[aria-pressed=true],.nodes .active{background:#c5d6c1;color:#152015}.nodes b{font-weight:600}.readout{font:1rem/1.5 var(--mono);min-height:3em}.ledger .motion{font-size:.95rem}