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

.token-menu { min-height: 1258px; padding: 122px 0 124px; background-color: var(--paper); background-image: var(--noise); }
.token-menu .section-intro h2 { margin-top: 28px; font-size: 60px; line-height: 60px; }
.token-menu .section-intro > p:last-of-type:not(.eyebrow) { max-width: 582px; margin-top: 14px; font-size: 18px; line-height: 26px; }
.token-menu-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 71.5px; }
.token-menu-card { display: flex; min-height: 371px; flex-direction: column; padding: 30px 33px 23px; border: 1px solid rgba(0,0,0,.1); background: #fff var(--noise); }
.token-menu-card h3 { max-width: 300px; min-height: 64px; margin: 0; font-size: 32px; font-weight: 500; line-height: 32px; }
.token-menu-card > p { min-height: 48px; margin: 7px 0 0; color: rgba(0,0,0,.6); font-size: 16px; line-height: 24px; }
.token-menu-card dl { margin: 8px 0 0; }
.token-menu-card dl { margin-top: auto; }
.token-menu-card dl div { display: flex; min-height: 43px; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid rgba(0,0,0,.1); }
.token-menu-card dt { color: rgba(0,0,0,.6); font-size: 16px; line-height: 26px; }
.token-menu-card dd { flex: none; margin: 0; font-size: 16px; line-height: 26px; font-weight: 500; }
.token-menu__cta { display: flex; width: 185px; margin: 64px auto 0; }