/* additive band for the $MEMLORE token rail — host-free on purpose.
   Scoped to .token-* so nothing upstream can be affected. Uses the site's own vars. */
.token-section, .token-band { display: block; }
.token-section .ledger-rule { border-top: var(--rule-width, 1px) solid var(--color-rule); }
.token-inner, .token-band { padding-inline: var(--cell-inline, 24px); }
.token-band { padding-block: 32px 40px; border-top: var(--rule-width, 1px) solid var(--color-rule); }
.token-head, .token-utility, .token-pricing, .token-ca, .token-stats, .token-cards,
.token-tiers, .token-cta, .token-legal { padding-block: var(--space-lg, 28px) 0; }
.token-section h2 { font-size: clamp(1.6rem, 3.2vw, 2.4rem); max-width: 34ch; margin: 0 0 12px; }
.token-intro, .token-pricing-intro, .token-band-text { max-width: 68ch; color: var(--color-ink-soft); margin: 0; }
.token-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.token-stat { border: var(--rule-width, 1px) solid var(--color-rule-strong); border-radius: 10px;
  background: var(--color-panel); padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.token-stat-value { font-family: var(--font-mono); font-size: 1.05rem; color: var(--color-ink); }
.token-stat-label { font-family: var(--font-mono); font-size: var(--text-xs, .6875rem); letter-spacing: .08em;
  text-transform: uppercase; color: var(--color-muted); }
.token-ca { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px;
  border: var(--rule-width, 1px) solid var(--color-rule-strong); border-radius: 12px;
  background: var(--color-raised); padding: 16px; }
.token-ca-label { font-family: var(--font-mono); font-size: var(--text-xs, .6875rem); letter-spacing: .08em;
  text-transform: uppercase; color: var(--color-muted); width: 100%; }
.token-ca-value { font-family: var(--font-mono); font-size: .95rem; word-break: break-all; color: var(--color-ink); }
.token-ca-copy[disabled] { opacity: .55; cursor: not-allowed; }
.token-status { display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono);
  font-size: var(--text-xs, .6875rem); text-transform: uppercase; letter-spacing: .08em; color: var(--color-accent); }
.token-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--color-accent); animation: token-pulse 1.8s ease-in-out infinite; }
.token-chart { font-family: var(--font-mono); font-size: var(--text-xs, .6875rem); text-transform: uppercase; letter-spacing: .08em; }
@keyframes token-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .token-dot { animation: none; } }
.token-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.token-card { border: var(--rule-width, 1px) solid var(--color-rule-strong); border-radius: 12px;
  background: var(--color-panel); padding: 16px 18px; }
.token-card h3 { font-size: 1rem; margin: 0 0 6px; letter-spacing: -.01em; }
.token-card p { margin: 0; color: var(--color-ink-soft); font-size: var(--text-md, .875rem); }
.token-pricing-title { font-size: clamp(1.35rem, 2.6vw, 1.9rem); margin: 0 0 10px; }
.token-tiers { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; align-items: stretch; }
.token-tier { display: flex; flex-direction: column; gap: 8px; border: var(--rule-width, 1px) solid var(--color-rule-strong);
  border-radius: 12px; background: var(--color-panel); padding: 18px; }
.token-tier h3 { margin: 0; font-family: var(--font-mono); font-size: var(--text-xs, .6875rem); letter-spacing: .08em;
  text-transform: uppercase; color: var(--color-muted); }
.token-tier-price { margin: 0; font-size: 1.5rem; font-weight: 700; letter-spacing: -.02em; color: var(--color-accent); }
.token-tier-price span { font-family: var(--font-mono); font-size: var(--text-xs, .6875rem); font-weight: 500;
  letter-spacing: .06em; text-transform: uppercase; color: var(--color-muted); display: block; }
.token-tier-text { margin: 0; color: var(--color-ink-soft); font-size: var(--text-md, .875rem); flex: 1; }
.token-tier-cta { align-self: flex-start; margin-top: 6px; text-decoration: none; }
.token-cta { display: flex; flex-wrap: wrap; gap: 10px; }
.token-cta .button, .token-band .button { text-decoration: none; }
.token-legal { color: var(--color-muted); font-size: var(--text-sm, .75rem); max-width: 78ch;
  padding-bottom: var(--space-lg, 28px); }
.token-band-label { font-family: var(--font-mono); font-size: var(--text-xs, .6875rem); letter-spacing: .08em;
  text-transform: uppercase; color: var(--color-accent); margin: 0 0 8px; }
.token-band-status { font-family: var(--font-mono); color: var(--color-accent); }
.token-band-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 0; }
/* the navbar ticker + X affordance sit in the app's own header clusters */
.tick { font-family: var(--font-mono); font-weight: 600; letter-spacing: .04em; color: var(--color-accent) !important; }
.tick::after { content: ''; }
.site-header .tick { white-space: nowrap; }
@media (max-width: 720px) {
  .site-header .header-x .header-x-label { display: none; }
  .token-ca { gap: 8px 10px; }
}