@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:#1a1a1a;--coral:#ffffff;--coral-l:#e9e9e9;--violet:#808080;--violet-l:#b8b8b8;--lav:#e2e2e2;--pink:#cecece;--emerald:#ffffff;--win:#75d998;--loss:#c0c0c0;--muted:#a8a59b;--dim:#918d82;--fg-2:#fafafa;--vh1:1svh}
.btn-solid{background:#ffffff;color:#121212;border-color:#ffffff}.btn-solid:hover{background:#e5e5e5;border-color:#e5e5e5;transform:translateY(-2px)}
.badge-chip{background:#ffffff;color:#121212}.badge{border-color:#4f4f4f;background:#161616}.badge-chip .pulse{background:#121212}.badge-chip .pulse::after{border-color:#121212}
.brand .logo{color:#ffffff}.chain-tag{font:600 10px var(--mono);letter-spacing:.08em;padding:3px 5px;border:1px solid #5c5c5c;border-radius:4px;color:#ffffff;margin-left:0}
.hero h1 span:last-child{color:#dadada}.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:#ffffff;border:1px solid #4d4d4d;border-radius:5px;padding:5px 8px;letter-spacing:.04em}
.text-button{border:1px solid #4a4a4a;background:#171717;border-radius:6px;font-size:13px;padding:6px 10px;cursor:pointer;color:#eaeaea}.text-button:hover{background:#242424}
.up{color:var(--win)!important}.down{color:var(--loss)!important}.opt[aria-pressed=true]{border-color:#ffffff;box-shadow:inset 0 0 0 1px #ffffff;background:#242424}.opt[aria-pressed=true] .pc{color:#ffffff}
.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%,#fdfdfd,#ffffff 50%,#797979)}
.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:#848484}.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:#ffffff;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:#ffffff;color:#121212;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, #ffffff); 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, #e9e9e9); }
.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; }