:root{
  --bg:#05060a; --bg2:#0a0c13; --panel:#0d1018; --panel2:#121622; --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.16);
  --ink:#f2f4f8; --ink2:#a3a9b8; --ink3:#626a7c; --hi:#ffffff; --good:#3ddc97; --bad:#ff6b6b;
  --claude:#D97757; --gpt:#10A37F; --grok:#E8E8EA; --gemini:#4C8DF6;
  --disp:'Unbounded',system-ui,sans-serif; --sans:Inter,system-ui,sans-serif; --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:400 15px/1.55 var(--sans);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:
  radial-gradient(700px 420px at 15% -10%,rgba(217,119,87,.10),transparent 70%),radial-gradient(700px 420px at 85% -10%,rgba(16,163,127,.09),transparent 70%),
  radial-gradient(700px 500px at 15% 110%,rgba(232,232,234,.05),transparent 70%),radial-gradient(700px 500px at 85% 110%,rgba(76,141,246,.09),transparent 70%)}
a{color:inherit}
.hidden{display:none!important}
main,header,footer,.mode{position:relative;z-index:1}
h1,h2,h3{font-family:var(--disp);font-weight:700;margin:0;letter-spacing:-.01em}
.lbl{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.good{color:var(--good)}.bad{color:var(--bad)}

.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:14px 28px;background:rgba(5,6,10,.75);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:900 15px/1 var(--disp);letter-spacing:.06em}
.logo img{width:28px;height:28px}
nav{display:flex;gap:22px;flex:1;flex-wrap:wrap}
nav a{text-decoration:none;font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);padding:6px 0;border-bottom:1px solid transparent}
nav a:hover{color:var(--ink)} nav a.on{color:var(--hi);border-color:var(--hi)}
.btn{font:600 13px/1 var(--sans);background:var(--hi);color:#05060a;border:1px solid var(--hi);border-radius:999px;padding:12px 20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .1s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn.small{padding:9px 16px;font-size:12.5px}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2)}
.btn.ghost:hover{border-color:var(--ink2)}
.btn:disabled{opacity:.45;cursor:default;transform:none}
.mode{background:var(--bg2);color:var(--ink2);text-align:center;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:9px 12px;border-bottom:1px solid var(--line)}
.mode b{color:var(--hi);font-weight:500}
main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:32px 20px 56px}
.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px 28px;border-top:1px solid var(--line);font:500 11px/1.4 var(--mono);letter-spacing:.06em;color:var(--ink3)}

/* hero */
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end;margin-bottom:26px}
.hero .lbl{display:block;margin-bottom:16px;color:var(--ink2)}
.hero h1{font:900 clamp(56px,10vw,132px)/.95 var(--disp);letter-spacing:-.02em;background:linear-gradient(90deg,var(--claude),var(--gpt) 35%,var(--grok) 65%,var(--gemini));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:17px;color:var(--ink2);margin:18px 0 22px;max-width:560px}
.hero p b{color:var(--ink);font-weight:600}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ca{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line2);border-radius:999px;padding:8px 8px 8px 16px;font:500 12px/1.2 var(--mono);max-width:100%;cursor:pointer;color:var(--ink2)}
.ca b{font-weight:500;color:var(--ink3);letter-spacing:.1em}
.ca span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.ca i{font-style:normal;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:5px 10px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.stat{background:var(--panel);padding:16px 18px}
.stat small{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}
.stat b{font:700 21px/1.1 var(--disp);white-space:nowrap}
.stats.wide{grid-template-columns:repeat(6,1fr);margin-bottom:22px}
.title{margin-bottom:18px}
.title .lbl{display:block;margin-bottom:14px;color:var(--ink2)}
.title h1{font:900 clamp(52px,12.4vw,170px)/.9 var(--disp);letter-spacing:-.03em;background:linear-gradient(90deg,var(--claude),var(--gpt) 35%,var(--grok) 65%,var(--gemini));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{align-items:start}
.hero > div{min-width:0}
.hero p{margin-top:0}
.hero .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.hero .stat{min-width:0}
.hero .stat b{font-size:clamp(15px,1.45vw,21px)}

/* the brain stage */
.stage{position:relative;border:1px solid var(--line2);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#0d1120,#05060a 70%);min-height:660px}
#orb{position:absolute;inset:0;width:100%;height:100%}
.mind{position:absolute;width:300px;padding:14px 16px;border-radius:14px;background:rgba(10,12,19,.72);backdrop-filter:blur(8px);border:1px solid var(--line);transition:border-color .3s,box-shadow .3s}
.mind.tl{left:18px;top:18px}.mind.tr{right:18px;top:18px}.mind.bl{left:18px;bottom:18px}.mind.br{right:18px;bottom:18px}
.mind.agree{border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 0 30px -8px var(--c)}
.mind .hd{display:flex;align-items:center;gap:8px;justify-content:space-between}
.mind .nm{font:700 15px/1 var(--disp);display:flex;align-items:center;gap:8px}
.mind .nm::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}
.mind .w{font:500 11px/1 var(--mono);color:var(--ink2)}
.mind .who{margin-top:5px;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.mind .ans{margin-top:10px;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;display:flex;gap:8px;align-items:center}
.mind .ans b{color:var(--hi);font-weight:500}
.mind .cf{height:3px;border-radius:2px;background:var(--line);flex:1;overflow:hidden}.mind .cf i{display:block;height:100%;background:var(--c)}
.mind .rs{margin-top:8px;font-size:13px;color:var(--ink2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mind .src{font:500 9.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.voice{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:min(560px,46%);text-align:center;pointer-events:none}
.voice .act{display:inline-block;font:900 13px/1 var(--disp);letter-spacing:.14em;padding:8px 14px;border-radius:999px;border:1px solid var(--line2);background:rgba(5,6,10,.6);margin-bottom:12px}
.voice .act.BUY{color:var(--good);border-color:rgba(61,220,151,.5)}.voice .act.SELL{color:var(--bad);border-color:rgba(255,107,107,.5)}
.voice p{margin:0;font:500 17px/1.45 var(--sans);color:var(--ink);text-shadow:0 2px 20px #000}
.stagebar{position:absolute;left:50%;top:18px;transform:translateX(-50%);display:flex;gap:8px}
.pill{background:rgba(5,6,10,.7);border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);white-space:nowrap}
.pill.live::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--good);margin-right:7px;vertical-align:1px;box-shadow:0 0 8px var(--good);animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.25}}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.grid3{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px;margin-top:20px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0}
.card h2{font-size:17px;margin-bottom:16px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.card h2 small{font:500 10.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.card p{color:var(--ink2);margin:0}
.big{font:700 34px/1 var(--disp)}

/* weights */
.wt{display:grid;grid-template-columns:80px 1fr 52px;gap:12px;align-items:center;margin-bottom:12px}
.wt span{font:600 14px var(--sans)}
.wt .bar{height:10px;border-radius:6px;background:var(--panel2);overflow:hidden}
.wt .bar i{display:block;height:100%;border-radius:6px;transition:width .8s}
.wt b{font:500 13px var(--mono);text-align:right}
.wt small{grid-column:2/4;margin-top:-8px;font:500 10.5px var(--mono);color:var(--ink3);letter-spacing:.06em}

/* the vote */
.vote{background:linear-gradient(180deg,#0f1320,var(--panel));border:1px solid var(--line2);border-radius:20px;padding:24px}
.vote h2{font-size:22px}
.split{display:flex;height:16px;border-radius:9px;overflow:hidden;gap:2px;margin:16px 0 8px}
.split i{display:block;height:100%;transition:flex .8s}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.opt{border:1px solid var(--line2);border-radius:16px;padding:16px;cursor:pointer;background:var(--panel2);transition:border-color .2s,transform .1s;text-align:left;color:var(--ink);font:inherit}
.opt:hover{transform:translateY(-2px);border-color:var(--ink2)}
.opt.mine{border-color:var(--hi);box-shadow:0 0 0 1px var(--hi) inset}
.opt b{display:block;font:700 15px/1.2 var(--disp);margin-bottom:6px}
.opt .pc{font:700 30px/1 var(--disp);margin:10px 0 4px}
.opt p{font-size:13px;color:var(--ink2);margin:0}
.opt .sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:0}
.clock{font:500 12px var(--mono);color:var(--ink2);letter-spacing:.06em}
.msg{font:500 12px/1.4 var(--mono);margin-top:12px}
.msg.err{color:var(--bad)}.msg.ok{color:var(--good)}

/* feed + tables */
.feed{display:flex;flex-direction:column;max-height:520px;overflow:auto}
.ev{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink2);display:grid;grid-template-columns:62px 1fr;gap:10px}
.ev:last-child{border-bottom:0}
.ev .k{font:500 10px/1.8 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.ev.buy .k{color:var(--good)}.ev.sell .k{color:#ffd166}.ev.round .k{color:var(--hi)}.ev.weights .k{color:var(--gemini)}
.ev a{color:var(--ink);font:500 11px var(--mono)}
.ev b{color:var(--ink);font-weight:600}
.thought{padding:14px 0;border-bottom:1px solid var(--line)}
.thought .v{color:var(--ink);font-size:15px}
.thought .ms{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.thought .ms div{font:500 11px/1.4 var(--mono);color:var(--ink2);border-left:2px solid var(--c);padding-left:8px}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}
.tbl th{text-align:left;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);padding:0 8px 10px 0;border-bottom:1px solid var(--line)}
.tbl td{padding:11px 8px 11px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tbl a{color:var(--ink);font:500 11px var(--mono)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}
.how{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.how h1{font:900 46px/1.05 var(--disp)}
.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.steps div{background:var(--panel2);padding:16px 18px;color:var(--ink2);font-size:14px}
.steps b{display:block;font:700 14px var(--disp);color:var(--ink);margin-bottom:6px}
.faq details{border-top:1px solid var(--line);padding:14px 0}.faq details:first-of-type{border-top:0}
.faq summary{font:600 16px var(--sans);cursor:pointer;list-style:none}
.faq summary::before{content:'+';font:500 14px var(--mono);margin-right:12px;color:var(--ink3)}
.faq details[open] summary::before{content:'−'}
.faq p{margin:8px 0 0 26px}

@media (max-width:1000px){
  .hero{grid-template-columns:1fr;gap:24px}
  .grid2,.grid3{grid-template-columns:1fr}
  .stats.wide{grid-template-columns:repeat(3,1fr)}
  .stage{min-height:auto;display:flex;flex-direction:column;gap:10px;padding:12px}
  #orb{position:relative;height:340px;order:0}
  .mind{position:relative;inset:auto!important;width:auto}
  .voice{position:relative;left:auto;bottom:auto;transform:none;width:auto;order:1;margin:0 0 6px}
  .mind{order:2}
  .stagebar{position:relative;left:auto;transform:none;top:auto;order:-1;justify-content:center}
  .top{flex-wrap:wrap;gap:10px 16px;padding:12px 16px}
  nav{order:3;flex:1 1 100%;gap:18px}
  .top .btn{margin-left:auto}
  .opts{grid-template-columns:1fr}
  .thought .ms{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  main{padding:22px 16px 40px}
  .stats.wide{grid-template-columns:repeat(2,1fr)}
  .logo span{font-size:12px}
  .stat b{font-size:17px}
  .stat{padding:12px 14px}
}