/* Content below the token maker. Reuses site.css tokens so light and dark both follow. */
.about{max-width:760px;margin:56px 0 24px;padding-top:8px;border-top:1px solid var(--line-soft)}
.about h2{margin:44px 0 14px;scroll-margin-top:16px}
.about h3{margin:0 0 4px;font-size:18px}
.about p{font-size:16px;line-height:1.6}
.about-nav{padding:14px 18px;margin:24px 0 0}
.about-nav-title{margin:0 0 6px;font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.about-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 20px}
.about-nav a{display:inline-block;padding:8px 0;font-size:16px}
.about-steps{counter-reset:st;list-style:none;margin:0;padding:0;display:grid;gap:18px}
.about-steps li{counter-increment:st;position:relative;padding-left:48px}
.about-steps li::before{content:counter(st);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;font:600 16px var(--sans);color:var(--gold)}
.about-steps p{margin:0}
.about-list{margin:0;padding-left:22px;display:grid;gap:10px;font-size:16px;line-height:1.6}
.about-list li::marker{color:var(--gold)}
.about-list strong{color:var(--cream)}
.about-faq{display:grid;gap:10px}
.about-faq details{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--ink-800);padding:0 16px}
.about-faq summary{cursor:pointer;min-height:48px;display:flex;align-items:center;padding:10px 0;font:600 16px/1.35 var(--sans);color:var(--cream);list-style:none}
.about-faq summary::-webkit-details-marker{display:none}
.about-faq summary::after{content:"+";margin-left:auto;padding-left:12px;font-size:22px;color:var(--gold)}
.about-faq details[open] summary::after{content:"\2212"}
.about-faq details p{margin:0 0 16px}
.about-cta{margin-top:44px;padding:24px}
.about .about-cta-h{margin:0 0 8px;font-size:clamp(20px,3.6vw,24px)}
.about-cta .row{gap:12px 22px;margin-top:6px}
.about-link{font-size:16px;padding:10px 0}