.about-page{background:radial-gradient(80vmax 55vmax at 75% 5%,#112b0a,var(--bg) 65%)}.about-page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(#9fd960 1px,transparent 1px),radial-gradient(#2fd6a0 1px,transparent 1px);background-position:0 0,43px 58px;background-size:130px 130px,190px 190px}.about-page main{max-width:1120px;margin:0 auto;padding:18vh 6vw 10vh}.about-hero{min-height:58vh;display:flex;flex-direction:column;justify-content:center;position:relative}.about-hero h1{max-width:1000px;font-family:var(--font-display);font-size:clamp(3rem,8vw,7.5rem);line-height:.9;letter-spacing:-.06em}.about-hero .chapter-lede{max-width:760px}.about-ledger{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:3rem 0 8rem;overflow:hidden;border:1px solid rgba(159,217,96,.13);border-radius:1rem;background:#9fd96021}.about-ledger div{padding:1.4rem;background:#050a04db}.about-ledger span{display:block;color:var(--ink-3);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.12em}.about-ledger strong{display:block;margin-top:.55rem;color:var(--g100);font-family:var(--font-display);font-size:1rem}.about-section{display:grid;grid-template-columns:minmax(180px,.38fr) 1fr;gap:clamp(2rem,8vw,8rem);padding:5rem 0;border-top:1px solid rgba(159,217,96,.13)}.about-section h2{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.3rem);line-height:1.05}.about-copy{display:grid;gap:1.2rem;color:var(--ink-2);line-height:1.75}.about-copy strong{color:var(--ink)}.about-copy a{color:var(--g200)}.about-code{overflow:auto;padding:1.2rem;border:1px solid rgba(159,217,96,.14);border-radius:.8rem;background:#050a04d1;color:var(--g100);font-family:var(--font-mono);font-size:clamp(.68rem,1.4vw,.82rem);line-height:1.7}.about-flow{display:grid;gap:.65rem;list-style:none;counter-reset:flow}.about-flow li{counter-increment:flow;display:grid;grid-template-columns:2.2rem 1fr;gap:.8rem;align-items:start}.about-flow li:before{content:counter(flow,decimal-leading-zero);color:var(--teal);font-family:var(--font-mono)}.about-note{padding:1.2rem 1.4rem;border-left:2px solid var(--g200);background:#9fd9600d;color:var(--ink)}.about-back{display:inline-flex;margin-top:4rem}.about-page footer{position:relative}@media(max-width:768px){.about-page main{padding-top:14vh}.about-hero{min-height:52vh}.about-ledger{grid-template-columns:1fr;margin-bottom:5rem}.about-section{grid-template-columns:1fr;gap:1.5rem;padding:3.5rem 0}}