/* token-system — merged from the static build's app.css, source order preserved. */

.token-system { position: relative; min-height: 638px; padding-top: 120px; background-color: var(--paper); background-image: var(--noise); border-bottom: 1px solid rgba(0,0,0,.1); }
.token-system .split-block { grid-template-columns: 534px 560px; align-items: start; }
.token-system .split-block__copy h2 { max-width: 534px; margin-top: 24px; font-size: 60px; line-height: 60px; }
.token-system .token-scale { margin-top: 7px; }
.token-system .split-block__copy > p:not(.eyebrow) { margin-top: 18px; }
.token-system .split-block__copy > p:not(.eyebrow) + p:not(.eyebrow) { margin-top: 10px; }
.token-system .split-block__copy .button { width: 185px; margin-top: 36px; }
.token-scale { padding: 0 24px; }
.token-scale div { display: flex; min-height: 75px; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(0,0,0,.08); }
.token-scale div:first-child { border-top: 0; }
.token-scale div:last-child { min-height: 74px; }
.token-scale strong { display: flex; align-items: baseline; gap: 8px; color: #211e29; font: 700 26px/1 var(--font-mono); }
.token-scale small { color: var(--coral); font: 400 13px var(--font-mono); font-weight: 400; }
.token-scale span { color: rgba(0,0,0,.62); font-size: 15px; text-align: right; }