@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/geist-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/geist-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/geist-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/geist-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/geist-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/geist-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/geist-6.ttf) format('truetype');
}

:root{--bg:#090909;--panel:#12110e;--panel-2:#1a1812;--coral:#f0b90b;--coral-l:#ffd65a;--violet:#9c7315;--violet-l:#d8a72e;--lav:#e9cf83;--pink:#e9bb48;--emerald:#f0b90b;--win:#75d998;--loss:#ed997b;--muted:#a8a59b;--dim:#918d82;--fg-2:#e7e4dc;--vh1:1svh}
.btn-solid{background:#f0b90b;color:#161105;border-color:#f0b90b}.btn-solid:hover{background:#ffd255;border-color:#ffd255;transform:translateY(-2px)}
.badge-chip{background:#f0b90b;color:#171103}.badge{border-color:#5a481d;background:#17140d}.badge-chip .pulse{background:#171103}.badge-chip .pulse::after{border-color:#171103}
.brand .logo{color:#f0b90b}.chain-tag{font:600 10px var(--mono);letter-spacing:.08em;padding:3px 5px;border:1px solid #6d5315;border-radius:4px;color:#f0b90b;margin-left:0}
.hero h1 span:last-child{color:#f5c942}.nav.scrolled{background:rgba(9,9,9,.9)}
.onchain-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px}.demo-label{font:500 11px var(--mono);color:#f0b90b;border:1px solid #5a4613;border-radius:5px;padding:5px 8px;letter-spacing:.04em}
.text-button{border:1px solid #514422;background:#18150f;border-radius:6px;font-size:13px;padding:6px 10px;cursor:pointer;color:#f5d875}.text-button:hover{background:#292110}
.up{color:var(--win)!important}.down{color:var(--loss)!important}.opt[aria-pressed=true]{border-color:#f0b90b;box-shadow:inset 0 0 0 1px #f0b90b;background:#29210f}.opt[aria-pressed=true] .pc{color:#f0b90b}
.ov-result{font-size:clamp(34px,4.4vw,56px)}.bank{font-size:26px}.bs-log{scroll-behavior:smooth}.bs-note{font-size:12px}.bs-av{background:radial-gradient(circle at 30% 25%,#ffe7a1,#f0b90b 50%,#966d08)}
.flow-tile .v{font-size:clamp(21px,2.15vw,30px)}.flow-tile .note{font-size:13px}.wallets code{font-size:12px}.q-hint:empty{display:none}.strat-card.is-live{border-color:#9d761f}.opt .ob,.opt .wt{font-size:12px}.poll-snap{font-size:12px}
.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:100;background:#f0b90b;color:#111;padding:12px;border-radius:5px}.skip-link:focus{transform:none}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;padding:14px 20px;background:#f0b90b;color:#171103;border-radius:12px;box-shadow:0 8px 40px #0009;font-weight:500;max-width:calc(100% - 32px);width:max-content}
.demo-controls{display:flex;gap:8px;margin-top:12px}.receipt-note{color:var(--muted);font-size:12px}
@media(max-width:700px){.hero h1{font-size:clamp(30px,8.5vw,48px)}.chain-tag{font-size:9px}.hero-sub{max-width:350px}.hero-copy{padding-top:100px}.opts{grid-template-columns:1fr}.opts.three{grid-template-columns:repeat(3,minmax(0,1fr))}.opt .or{min-width:40px}.onchain-links{font-size:12px}.poll-head{gap:8px}.cd{font-size:16px}.flow-tile .v{font-size:24px}.tx td{font-size:12px}.nav-in{gap:8px}.nav-cta .btn{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* live additions */
.tx-link { color: var(--coral-l, #f8da8f); text-decoration: none; margin-left: 4px; }
.votes { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; }
.votes li { display: grid; grid-template-columns: 110px 1fr auto; gap: 10px; font-size: 12.5px; padding: 6px 0; border-top: 1px solid rgba(255,255,255,.07); }
.past li small { display: block; font-size: 11px; }
.bs-plan.is-holders .bs-plan-k { color: var(--lav, #f3dead); }
.ov-live.is-live .pulse { background: var(--emerald, #4ade80); }
.bs-status.is-quiet .bs-pulse { opacity: .35; animation: none; }
.wa a { color: inherit; text-decoration: none; }
