/* ═══════════════════════════════════════════════════════════════════
   BURN MDAO — burn tracker for $MDAO / $MPEP / $MAPE
   Styled to match arena.daomars.com — light daomars.com palette.
═══════════════════════════════════════════════════════════════════ */

/* ── Reset ──────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
ul { list-style: none; }
a { text-decoration: none; color: inherit; }
button { cursor: pointer; font: inherit; }
img, svg, canvas { display: block; }
html { scroll-behavior: smooth; }

/* ── Tokens ─────────────────────────────────────────────────────── */
:root {
  --bg:         #f5f4fe;
  --bg2:        #eeedfb;
  --surface:    #ffffff;
  --surface2:   #f9f8ff;
  --border:     rgba(16,16,33,.08);
  --border-med: rgba(16,16,33,.14);

  --mape:       #ff5b04;
  --mape-hi:    #ff8500;
  --mape-bg:    rgba(255,91,4,.07);
  --mape-glow:  rgba(255,91,4,.30);

  --mpep:       #7b4fff;
  --mpep-hi:    #a87fff;
  --mpep-bg:    rgba(123,79,255,.07);
  --mpep-glow:  rgba(123,79,255,.28);

  --mdao:       #f5a623;
  --mdao-hi:    #ffbe4d;
  --mdao-bg:    rgba(245,166,35,.09);
  --mdao-glow:  rgba(245,166,35,.30);

  --gold:       #f5a623;
  --ink:        #101021;
  --ink2:       #3a3a5c;
  --muted:      #7a789a;
  --dim:        #b0adc8;

  --font-head:  'Bebas Neue', sans-serif;
  --font-cond:  'Barlow Condensed', sans-serif;
  --font-body:  'Barlow', sans-serif;
  --font-mono:  'Orbitron', sans-serif;

  --shadow-sm:  0 1px 3px rgba(16,16,33,.08), 0 1px 2px rgba(16,16,33,.05);
  --shadow-md:  0 4px 16px rgba(16,16,33,.10), 0 2px 6px rgba(16,16,33,.06);
  --shadow-lg:  0 10px 40px rgba(16,16,33,.13);
  --r:          12px;
  --r-lg:       20px;
  --r-pill:     100px;
  --maxw:       1200px;
}

/* ── Base ───────────────────────────────────────────────────────── */
html, body { height: 100%; }
body {
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* ── Cosmos background — subtle nebula (matches arena) ───────────── */
.cosmos { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.nebula { position: absolute; border-radius: 50%; filter: blur(120px); opacity: .14; }
.n1 { width: 820px; height: 820px; top: -220px; left: -220px;
      background: radial-gradient(circle, var(--mape) 0%, transparent 70%); }
.n2 { width: 720px; height: 720px; bottom: -240px; right: -220px;
      background: radial-gradient(circle, var(--mpep) 0%, transparent 70%); }
.n3 { width: 540px; height: 540px; top: 38%; left: 44%;
      background: radial-gradient(circle, var(--gold) 0%, transparent 70%); opacity: .08; }
main, .site-header, .ticker, .site-footer { position: relative; z-index: 1; }

/* ── Ticker ─────────────────────────────────────────────────────── */
.ticker {
  background: var(--ink);
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
}
.ticker__track {
  display: inline-block;
  padding: 8px 0;
  animation: tickerScroll 40s linear infinite;
  font-family: var(--font-cond);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ticker__track span { padding: 0 2.2rem; }
.ticker__track span b { color: var(--mape-hi); }
@keyframes tickerScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.ticker:hover .ticker__track { animation-play-state: paused; }

/* ── Header ─────────────────────────────────────────────────────── */
.site-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--border-med);
  box-shadow: var(--shadow-sm);
}
.header-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 14px clamp(16px, 4vw, 28px);
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.brand { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }
.brand__flame { font-size: 22px; }
.brand__name {
  font-family: var(--font-head);
  font-size: 26px;
  letter-spacing: .06em;
  line-height: 1;
  color: var(--ink);
}
.brand__name-accent { color: var(--mape); }

.site-nav {
  display: flex; gap: 22px;
  margin-left: 14px;
  font-family: var(--font-cond);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.site-nav a { color: var(--muted); transition: color .15s; }
.site-nav a:hover { color: var(--mape); }

.header-spacer { flex: 1; }

.btn {
  display: inline-flex; align-items: center; gap: 7px;
  font-family: var(--font-cond);
  font-weight: 800;
  font-size: 14px;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: var(--r-pill);
  padding: 9px 18px;
  border: none;
  transition: transform .15s, box-shadow .2s, filter .15s;
}
.btn--buy {
  background: linear-gradient(248deg, #ff7f3b -14%, var(--mape) 100%);
  color: #fff;
  box-shadow: 0 4px 18px rgba(255,91,4,.4);
}
.btn--buy:hover { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(255,91,4,.6); }

/* language switch */
.lang-switch { position: relative; }
.lang-switch__btn {
  display: flex; align-items: center; gap: 6px;
  background: var(--bg2);
  border: 1.5px solid var(--border-med);
  color: var(--ink2);
  font-family: var(--font-cond);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .06em;
  border-radius: var(--r-pill);
  padding: 6px 12px;
  transition: border-color .15s;
}
.lang-switch__btn:hover { border-color: var(--mape); }
.lang-switch__btn i { font-style: normal; color: var(--muted); font-size: 9px; }
.lang-switch__menu {
  position: absolute; top: calc(100% + 8px); right: 0;
  background: var(--surface);
  border: 1.5px solid var(--border-med);
  border-radius: var(--r);
  padding: 6px;
  display: none;
  flex-direction: column;
  min-width: 156px;
  box-shadow: var(--shadow-lg);
  z-index: 120;
}
.lang-switch._open .lang-switch__menu { display: flex; }
.lang-switch__menu button {
  background: none; border: none;
  color: var(--ink2);
  font-family: var(--font-cond);
  font-weight: 700;
  font-size: 14px;
  text-align: left;
  padding: 8px 10px;
  border-radius: 8px;
}
.lang-switch__menu button:hover { background: var(--mape-bg); color: var(--mape); }
.lang-switch__menu button._active { background: var(--ink); color: #fff; }

/* ── Section scaffolding ────────────────────────────────────────── */
.section {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: clamp(40px, 6vw, 64px) clamp(16px, 4vw, 24px) 8px;
}
.section--last { padding-bottom: 64px; }
.section__head { text-align: center; margin-bottom: 36px; }
.eyebrow {
  display: inline-block;
  font-family: var(--font-cond);
  font-size: 12px; font-weight: 800;
  letter-spacing: .22em; text-transform: uppercase;
  color: var(--mape);
  padding: 4px 13px;
  border: 1.5px solid var(--mape);
  border-radius: var(--r-pill);
  background: var(--mape-bg);
  margin-bottom: 12px;
}
.section__title {
  font-family: var(--font-head);
  font-size: clamp(30px, 4.6vw, 48px);
  font-weight: 400;
  letter-spacing: .04em;
  color: var(--ink);
  line-height: 1;
}
.hl { color: var(--mape); }
.section__lead {
  font-family: var(--font-cond);
  font-size: 15px; font-weight: 600;
  color: var(--muted);
  letter-spacing: .03em;
  max-width: 560px;
  margin: 10px auto 0;
}

/* ── Hero ───────────────────────────────────────────────────────── */
.hero {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: clamp(40px, 6vw, 76px) clamp(16px, 4vw, 24px) 8px;
  text-align: center;
}
.hero__eyebrow {
  display: inline-block;
  font-family: var(--font-cond);
  font-size: 12px; font-weight: 800;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--mape);
  padding: 5px 14px;
  border: 1.5px solid var(--mape);
  border-radius: var(--r-pill);
  background: var(--mape-bg);
}
.hero__title {
  font-family: var(--font-head);
  font-weight: 400;
  font-size: clamp(44px, 8vw, 92px);
  line-height: .96;
  letter-spacing: .03em;
  color: var(--ink);
  margin: 18px 0 14px;
}
.hero__title-line { display: block; }
.hero__title-line--burn { color: var(--mape); }
.flicker { animation: flicker 3.6s linear infinite; }
@keyframes flicker {
  0%, 100% { opacity: 1; }
  46% { opacity: 1; }
  48% { opacity: .82; }
  50% { opacity: 1; }
  63% { opacity: .9; }
  65% { opacity: 1; }
}
.hero__sub {
  font-family: var(--font-cond);
  font-size: clamp(15px, 1.8vw, 18px);
  font-weight: 600;
  color: var(--ink2);
  max-width: 600px;
  margin: 0 auto 30px;
}

.hero__cards {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 16px;
  max-width: 880px;
  margin: 0 auto;
  text-align: left;
}

/* feature card — the arena card look */
.feature-card {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: var(--r-lg);
  padding: 24px;
  box-shadow: var(--shadow-md);
}
.feature-card--fire {
  border-color: rgba(255,91,4,.4);
  background: linear-gradient(165deg, #fff, var(--mape-bg) 320%);
  animation: flame-pulse 3s ease-in-out infinite;
}
@keyframes flame-pulse {
  0%,100% { box-shadow: var(--shadow-md), 0 0 0 0 rgba(255,91,4,0); }
  50%     { box-shadow: var(--shadow-md), 0 0 30px 4px rgba(255,91,4,.22); }
}
.feature-card__label {
  font-family: var(--font-cond);
  font-size: 12px; font-weight: 800;
  letter-spacing: .15em; text-transform: uppercase;
  color: var(--muted);
}
.feature-card__value {
  font-family: var(--font-head);
  font-size: clamp(38px, 6vw, 58px);
  letter-spacing: .03em;
  color: var(--mape);
  line-height: 1.04;
  margin-top: 4px;
}
.feature-card__note {
  font-family: var(--font-cond);
  font-size: 13px; font-weight: 600;
  color: var(--muted);
  letter-spacing: .03em;
}

/* countdown */
.countdown__clock {
  display: flex; align-items: flex-start; gap: 6px;
  margin: 10px 0 8px;
}
.cd-seg {
  display: flex; flex-direction: column; align-items: center;
  background: var(--bg2);
  border: 1.5px solid var(--border-med);
  border-radius: var(--r);
  padding: 8px 4px 5px;
  flex: 1;
}
.cd-seg b {
  font-family: var(--font-mono);
  font-size: clamp(20px, 3.4vw, 30px);
  font-weight: 900;
  color: var(--ink);
}
.cd-seg i {
  font-family: var(--font-cond);
  font-size: 10px; font-style: normal; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--muted);
}
.cd-sep { font-family: var(--font-head); font-size: 26px; color: var(--dim); padding-top: 6px; }
.countdown__sub {
  font-family: var(--font-cond);
  font-size: 13px; font-weight: 600;
  color: var(--ink2);
}
.countdown__sub b { color: var(--mape); }

/* ── Token / deflation cards ────────────────────────────────────── */
.token-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.token-card {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: var(--r-lg);
  padding: 24px;
  box-shadow: var(--shadow-md);
  display: flex; flex-direction: column; gap: 14px;
  transition: transform .2s, box-shadow .2s;
}
.token-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.token-card__head { display: flex; align-items: center; gap: 12px; }

/* burning token logo — flame licks behind a round avatar */
.tlogo { position: relative; width: 56px; height: 56px; flex-shrink: 0; }
.tlogo__img {
  position: relative; z-index: 2;
  width: 56px; height: 56px;
  border-radius: 50%;
  background: #fff;
  padding: 5px;
  box-shadow: 0 4px 12px var(--accent-glow, var(--mape-glow));
  animation: logoHeat 2.8s ease-in-out infinite;
}
@keyframes logoHeat {
  0%,100% { box-shadow: 0 4px 12px var(--accent-glow, var(--mape-glow)); }
  50%     { box-shadow: 0 4px 22px var(--accent-glow, var(--mape-glow)); }
}
.tlogo__flame {
  position: absolute; left: 50%; bottom: 42%;
  border-radius: 50% 50% 50% 50% / 62% 62% 38% 38%;
  background: linear-gradient(180deg, #ffe24a 0%, var(--accent, var(--mape)) 70%, transparent 100%);
  transform-origin: 50% 100%;
  z-index: 1; pointer-events: none;
  opacity: .85;
}
.tlogo__flame--a { width: 44px; height: 58px; margin-left: -22px; animation: tflame 1.3s ease-in-out infinite alternate; }
.tlogo__flame--b { width: 28px; height: 42px; margin-left: -14px; animation: tflame .95s ease-in-out infinite alternate-reverse; }
.tlogo__flame--c { width: 16px; height: 28px; margin-left: -8px;  animation: tflame .6s ease-in-out infinite alternate; }
@keyframes tflame {
  0%   { transform: translateX(-50%) scaleY(.82) scaleX(1.05) rotate(-6deg); opacity: .55; }
  100% { transform: translateX(-50%) scaleY(1.2) scaleX(.9)  rotate(6deg);  opacity: .95; }
}

.token-card__name { flex: 1; }
.token-card__name strong {
  display: block;
  font-family: var(--font-cond);
  font-size: 22px; font-weight: 900;
  letter-spacing: .05em;
  color: var(--ink);
}
.token-card__name span {
  font-family: var(--font-cond);
  font-size: 12px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--muted);
}
.token-badge {
  font-family: var(--font-cond);
  font-size: 12px; font-weight: 800;
  padding: 4px 11px;
  border-radius: var(--r-pill);
  letter-spacing: .06em; text-transform: uppercase;
  background: var(--accent-bg, var(--mape-bg));
  color: var(--accent, var(--mape));
}

.token-card__burned-label {
  font-family: var(--font-cond);
  font-size: 12px; font-weight: 800;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted);
}
.token-card__burned {
  font-family: var(--font-head);
  font-size: 40px;
  letter-spacing: .03em;
  color: var(--accent, var(--mape));
  line-height: 1.05;
}
.token-card__burned small { font-size: .42em; color: var(--muted); letter-spacing: .04em; }
.token-card__burned-usd {
  font-family: var(--font-cond);
  font-size: 14px; font-weight: 700;
  color: var(--ink2);
  margin-top: -6px;
}

/* burn meter */
.meter {
  position: relative;
  height: 26px;
  background: var(--bg2);
  border: 1.5px solid var(--border-med);
  border-radius: var(--r-pill);
  overflow: hidden;
}
.meter__fill {
  position: absolute; inset: 0 auto 0 0;
  width: 0%;
  background: linear-gradient(90deg, var(--accent, var(--mape)), var(--accent-hi, var(--mape-hi)));
  border-radius: var(--r-pill);
  transition: width 1.4s cubic-bezier(.2,.8,.2,1);
}
.meter__pct {
  position: absolute; right: 12px; top: 50%;
  transform: translateY(-50%);
  font-family: var(--font-mono);
  font-size: 12px; font-weight: 700;
  color: var(--ink);
}
.meter__cap {
  font-family: var(--font-cond);
  font-size: 12px; font-weight: 700;
  letter-spacing: .04em;
  color: var(--muted);
  margin-top: -4px;
}

.token-card__rows { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.info-cell {
  display: flex; flex-direction: column; gap: 2px;
  background: var(--surface2);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 9px 11px;
}
.info-cell-label {
  font-family: var(--font-cond);
  font-size: 10px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--muted);
}
.info-cell-value {
  font-family: var(--font-cond);
  font-size: 16px; font-weight: 800;
  color: var(--ink);
}
.token-card__note {
  font-family: var(--font-body);
  font-size: 12px;
  line-height: 1.45;
  color: var(--muted);
  background: var(--surface2);
  border: 1px dashed var(--border-med);
  border-left: 3px solid var(--accent, var(--mape));
  border-radius: var(--r);
  padding: 9px 11px;
}
.token-card__link {
  font-family: var(--font-cond);
  font-size: 13px; font-weight: 800;
  letter-spacing: .05em; text-transform: uppercase;
  color: var(--accent, var(--mape));
}
.token-card__link:hover { text-decoration: underline; }

.data-note {
  text-align: center;
  margin-top: 22px;
  font-family: var(--font-cond);
  font-size: 13px; font-weight: 600;
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--muted);
}
.dot {
  display: inline-block;
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--dim);
  margin-right: 7px;
}
.dot--live { background: #22c55e; box-shadow: 0 0 8px #22c55e; animation: blink 1.7s infinite; }
.dot--err  { background: var(--mape); box-shadow: 0 0 8px var(--mape); }
@keyframes blink { 50% { opacity: .3; } }

.dead-note {
  max-width: 620px;
  margin: 10px auto 0;
  text-align: center;
  font-family: var(--font-body);
  font-size: 12.5px;
  color: var(--muted);
}
.dead-note code {
  font-family: monospace;
  color: var(--ink2);
}

/* ── How it burns — flow ────────────────────────────────────────── */
.flywheel { display: flex; align-items: stretch; gap: 12px; flex-wrap: wrap; }
.step {
  flex: 1 1 0;
  min-width: 210px;
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: var(--r-lg);
  padding: 22px 18px 20px;
  box-shadow: var(--shadow-md);
  display: flex; flex-direction: column; gap: 9px;
  transition: transform .2s, box-shadow .2s;
}
.step:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }
.step__top { display: flex; align-items: center; justify-content: space-between; }
.step__n { font-family: var(--font-head); font-size: 26px; color: var(--dim); letter-spacing: .05em; }
.step__emoji { font-size: 30px; }
.step h3 {
  font-family: var(--font-cond);
  font-size: 18px; font-weight: 900;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--ink);
  line-height: 1.1;
}
.step p { font-family: var(--font-body); font-size: 13px; color: var(--ink2); }
.step p b { color: var(--ink); }
.step:nth-child(1) { border-color: rgba(255,91,4,.25); }
.step:nth-child(1) h3, .step:nth-child(1) .step__n { color: var(--mape); }
.step:nth-child(2) { border-color: rgba(245,166,35,.3); }
.step:nth-child(2) h3 { color: #c8861a; }
.step:nth-child(2) .step__n { color: var(--gold); }
.step:nth-child(3) {
  border-color: rgba(255,91,4,.4);
  background: linear-gradient(165deg, #fff, var(--mape-bg) 280%);
  animation: flame-pulse 3s ease-in-out infinite;
}
.step:nth-child(3) h3, .step:nth-child(3) .step__n { color: var(--mape); }
.step:nth-child(4) { border-color: rgba(123,79,255,.28); }
.step:nth-child(4) h3, .step:nth-child(4) .step__n { color: var(--mpep); }

.how-note {
  max-width: 700px;
  margin: 28px auto 0;
  text-align: center;
  font-family: var(--font-cond);
  font-size: 14px; font-weight: 600;
  color: var(--ink2);
  background: var(--mape-bg);
  border: 1.5px solid rgba(255,91,4,.25);
  border-radius: var(--r);
  padding: 12px 18px;
}
.how-note b { color: var(--mape); }

/* ── Stat strip ─────────────────────────────────────────────────── */
.stat-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.stat {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: var(--r-lg);
  padding: 22px 16px;
  text-align: center;
  box-shadow: var(--shadow-sm);
}
.stat__value {
  font-family: var(--font-head);
  font-size: 40px;
  letter-spacing: .03em;
  color: var(--mape);
  line-height: 1;
}
.stat__label {
  font-family: var(--font-cond);
  font-size: 12px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--muted);
  margin-top: 4px;
}

/* ── Burn log table ─────────────────────────────────────────────── */
.table-wrap {
  overflow-x: auto;
  border-radius: var(--r-lg);
  border: 1.5px solid var(--border);
  box-shadow: var(--shadow-md);
  background: var(--surface);
}
.burn-table { width: 100%; border-collapse: collapse; min-width: 580px; }
.burn-table thead { background: var(--bg2); }
.burn-table th {
  text-align: left;
  padding: 14px 18px;
  font-family: var(--font-cond);
  font-size: 11px; font-weight: 800;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted);
  border-bottom: 1.5px solid var(--border-med);
  white-space: nowrap;
}
.burn-table td {
  padding: 13px 18px;
  border-bottom: 1px solid var(--border);
  font-family: var(--font-cond);
  font-size: 14px; font-weight: 600;
  color: var(--ink2);
  white-space: nowrap;
}
.burn-table tbody tr:last-child td { border-bottom: none; }
.burn-table tbody tr:hover td { background: var(--bg2); }
.table-empty { text-align: center; color: var(--dim); padding: 44px !important; }
.round-num { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--muted); }
.victor-pill {
  display: inline-flex; align-items: center; gap: 5px;
  font-family: var(--font-cond);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .05em; text-transform: uppercase;
  padding: 3px 11px;
  border-radius: var(--r-pill);
}
.victor-pill--ape  { background: var(--mape-bg); color: var(--mape); border: 1px solid rgba(255,91,4,.2); }
.victor-pill--pepe { background: var(--mpep-bg); color: var(--mpep); border: 1px solid rgba(123,79,255,.2); }
.burn-amt { color: var(--mape); font-weight: 800; }
.tx-link { color: var(--muted); font-family: monospace; font-size: 12px; }
.tx-link:hover { color: var(--mape); text-decoration: underline; }

/* ── FAQ ────────────────────────────────────────────────────────── */
.faq { max-width: 760px; margin: 0 auto; display: grid; gap: 10px; }
.faq__item {
  background: var(--surface);
  border: 1.5px solid var(--border);
  border-radius: var(--r);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}
.faq__q {
  width: 100%;
  text-align: left;
  background: none; border: none;
  font-family: var(--font-cond);
  font-size: 16px; font-weight: 800;
  letter-spacing: .03em;
  color: var(--ink);
  padding: 16px 18px;
  display: flex; justify-content: space-between; gap: 14px;
}
.faq__q::after { content: "🔥"; transition: transform .25s; }
.faq__item._open .faq__q::after { transform: rotate(180deg) scale(1.15); }
.faq__a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.faq__a > div {
  padding: 0 18px 16px;
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--ink2);
}
.faq__item._open .faq__a { max-height: 360px; }

/* ── Footer ─────────────────────────────────────────────────────── */
.site-footer {
  border-top: 1.5px solid var(--border-med);
  background: var(--surface);
  margin-top: 24px;
}
.footer__cols {
  max-width: var(--maxw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1.6fr;
  gap: 28px;
  padding: 40px clamp(16px, 4vw, 24px) 28px;
}
.footer__col h4 {
  font-family: var(--font-cond);
  font-size: 12px; font-weight: 800;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--mape);
  margin-bottom: 12px;
}
.brand--footer .brand__name { font-size: 22px; }
.footer__tag {
  font-family: var(--font-cond);
  font-size: 14px; font-weight: 700;
  color: var(--ink2);
  margin: 8px 0;
}
.footer__small {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--muted);
  margin-top: 8px;
}
.footer__col a {
  display: block;
  font-family: var(--font-cond);
  font-size: 14px; font-weight: 700;
  letter-spacing: .04em;
  color: var(--muted);
  margin-bottom: 8px;
  transition: color .15s;
}
.footer__col a:hover { color: var(--mape); }
.addr { margin-bottom: 9px; }
.addr span {
  display: block;
  font-family: var(--font-cond);
  font-size: 11px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--muted);
}
.addr code { font-size: 12px; color: var(--ink2); word-break: break-all; }
.footer__bar {
  text-align: center;
  padding: 16px;
  font-family: var(--font-cond);
  font-size: 12px; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--dim);
  border-top: 1px solid var(--border);
}

/* ── count-up flash ─────────────────────────────────────────────── */
.flash { animation: flash .6s ease; }
@keyframes flash {
  0% { text-shadow: 0 0 16px var(--mape-glow); }
  100% { text-shadow: none; }
}

/* ── Responsive ─────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .hero__cards { grid-template-columns: 1fr; }
  .token-grid { grid-template-columns: 1fr; }
  .stat-strip { grid-template-columns: repeat(2, 1fr); }
  .footer__cols { grid-template-columns: 1fr; }
  .site-nav { display: none; }
}
@media (max-width: 480px) {
  .stat-strip { grid-template-columns: 1fr; }
  .header-inner { gap: 10px; }
}