/* Bet Better Data — /data product styles. Dark-first (site PRO TERMINAL tokens). Self-contained: no dependency on the consumer CSS. */
:root{--void:#0A0B10;--panel:#0F1118;--panel-2:#15171F;--ink:#E8EDF5;--ink-dim:#93A1B5;--ink-faint:#7C8AA0;--line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.14);--action:#3B82F6;--action-hi:#60A5FA;--model:#34D399;--model-dim:rgba(52,211,153,.12);--book:#F87171;--book-dim:rgba(248,113,113,.12);--gold:#F5B301;--gold-dim:rgba(245,179,1,.14);--ui:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'JetBrains Mono',ui-monospace,Consolas,monospace}
*{box-sizing:border-box}html{color-scheme:dark}
body{margin:0;background:var(--void);color:var(--ink);font-family:var(--ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--action)}a:hover{color:var(--action-hi)}
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
code{font-family:var(--mono);font-size:.92em}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.sr{position:absolute;left:-9999px}
:focus-visible{outline:2px solid var(--action-hi);outline-offset:2px}
/* nav */
.nav{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--void) 90%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}
.nav .in{max-width:1140px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand img{height:28px;width:auto}
.brand .wm{font-weight:800;letter-spacing:.14em;font-size:13px}
.brand .prod{font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--ink-dim);border-left:1px solid var(--line-strong);padding-left:10px;margin-left:2px}
.nav .links{display:flex;gap:18px;align-items:center;font-size:13.5px}
.nav .links a{color:var(--ink-dim);text-decoration:none;white-space:nowrap}.nav .links a:hover{color:var(--ink)}.nav .btn{white-space:nowrap}
@media (max-width:760px){.nav .links a.hide-m{display:none}.nav .links{gap:12px;font-size:13px}.brand .prod{display:none}}
/* buttons + chips */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:10px 16px;font-weight:600;font-size:14px;border:1px solid transparent;cursor:pointer;font-family:var(--ui);text-decoration:none;line-height:1.2;color:var(--ink);background:transparent}
.btn.primary{background:var(--action);color:#fff}.btn.primary:hover{background:var(--action-hi);color:#fff}
.btn.ghost{border-color:var(--line-strong)}.btn.ghost:hover{border-color:var(--ink-faint);color:var(--ink)}
.btn.sm{padding:7px 12px;font-size:13px}.btn.wide{width:100%;padding:13px}.btn[disabled]{opacity:.5;cursor:not-allowed}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}
.chip.live{background:var(--model-dim);color:var(--model)}.chip.live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--model)}
.chip.gold{background:var(--gold-dim);color:var(--gold)}.chip.blue{background:rgba(59,130,246,.14);color:var(--action-hi)}.chip.red{background:var(--book-dim);color:var(--book)}.chip.grey{background:rgba(124,138,160,.16);color:var(--ink-dim)}
/* hero */
.hero{padding:56px 0 26px;max-width:780px}
.hero .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--model);font-weight:600;margin-bottom:12px}
.hero h1{font-size:46px;line-height:1.05;margin-bottom:14px}
@media (max-width:640px){.hero h1{font-size:34px}}
.hero p{font-size:18px;color:var(--ink-dim);margin:0 0 22px;max-width:640px}
.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.fine{font-size:13px;color:var(--ink-faint)}
/* board table */
.board{border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;background:var(--panel-2)}
.board .head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-dim);flex-wrap:wrap;gap:8px}
.board .head b{color:var(--ink);font-weight:600}
.tblwrap{overflow-x:auto}
table.bd{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
table.bd th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;padding:9px 14px;border-bottom:1px solid var(--line)}
table.bd td{padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
table.bd td.n,table.bd th.n{text-align:right}table.bd tr:last-child td{border-bottom:0}
table.bd .team{font-weight:600}table.bd .at{color:var(--ink-faint);padding:0 6px}
.board .foot{padding:10px 14px;font-size:12.5px;color:var(--ink-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
/* sections */
.sec{padding:44px 0 8px}.sec h2{font-size:26px;margin-bottom:6px}.sec .lead{color:var(--ink-dim);margin:0 0 20px;max-width:640px;font-size:15.5px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel-2)}
@media (max-width:820px){.grid3,.grid2{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}}
.card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.card h3{font-size:16px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:10px}.card h3 small{font-weight:500;color:var(--ink-faint);font-size:12.5px}
.card p{margin:0 0 10px;color:var(--ink-dim);font-size:13.5px}.card ul{margin:0;padding-left:18px;color:var(--ink-dim);font-size:13.5px}.card li{margin:4px 0}
.card code.block{display:block;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:8px 10px;color:var(--ink);overflow-x:auto;white-space:nowrap;font-size:11.5px}
.ic{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:rgba(59,130,246,.14);color:var(--action-hi);margin-bottom:12px;font-family:var(--mono)}
.grid4>div{padding:16px 18px;border-right:1px solid var(--line)}.grid4>div:last-child{border-right:0}
.grid4 b{display:block;font-family:var(--mono);font-size:12px;color:var(--action-hi);margin-bottom:6px;font-weight:600}.grid4 strong{display:block;font-size:14.5px;margin-bottom:4px}.grid4 span{font-size:13px;color:var(--ink-dim)}
/* plans */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}@media (max-width:820px){.plans{grid-template-columns:1fr}}
.plan{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px;position:relative}
.plan.pop{border-color:var(--action);box-shadow:0 0 0 3px rgba(59,130,246,.18)}
.plan .name{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}
.plan .price{font-family:var(--mono);font-size:34px;font-weight:600;letter-spacing:-.02em}.plan .price small{font-family:var(--ui);font-size:14px;color:var(--ink-dim);font-weight:500}
.plan p{margin:0;color:var(--ink-dim);font-size:13.5px}.plan ul{margin:4px 0 8px;padding:0;list-style:none;font-size:13.5px}.plan li{padding:4px 0;border-top:1px solid var(--line)}.plan li::before{content:"✓";color:var(--model);font-weight:600;margin-right:8px}
.plan .badge{position:absolute;top:-11px;left:18px}
.enterprise{background:var(--panel-2);border:1px dashed var(--line-strong);border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.enterprise p{margin:0;color:var(--ink-dim);font-size:14px}.enterprise b{color:var(--ink)}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}@media (max-width:820px){.stats{grid-template-columns:1fr 1fr}}
.stats div{background:var(--panel-2);padding:16px}.stats b{display:block;font-family:var(--mono);font-size:26px;font-weight:600;letter-spacing:-.02em}.stats span{font-size:12.5px;color:var(--ink-dim)}
/* boards list */
.boards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.bcard{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--panel-2);display:flex;justify-content:space-between;align-items:center;gap:10px}
.bcard b{display:block;font-size:14px;font-weight:600}.bcard span{font-size:12px;color:var(--ink-faint)}
/* faq */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}@media (max-width:820px){.faq{grid-template-columns:1fr}}
.faq div{padding:12px 0;border-top:1px solid var(--line)}.faq b{display:block;font-size:14px;margin-bottom:3px;font-weight:600}.faq span{font-size:13.5px;color:var(--ink-dim)}
.foot{margin-top:40px;padding:18px 0 28px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
/* forms */
.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-dim);margin-bottom:5px}
.field input[type=text],.field input[type=email],.field input[type=url],.field textarea,.field select{width:100%;border:1px solid var(--line-strong);border-radius:9px;padding:10px 12px;background:var(--panel);font-size:14px;color:var(--ink);font-family:var(--ui)}
.field textarea{min-height:70px;resize:vertical}
.toggle{display:inline-flex;gap:4px;border:1px solid var(--line-strong);border-radius:9px;padding:4px;background:var(--panel);flex-wrap:wrap}
.toggle label{padding:7px 14px;border-radius:6px;font-size:13.5px;font-weight:600;color:var(--ink-dim);cursor:pointer}
.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle input:checked+span{color:#fff}
.toggle label:has(input:checked){background:var(--action);color:#fff}
.sports{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}@media (max-width:640px){.sports{grid-template-columns:1fr}}
.sport{border:1px solid var(--line-strong);border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:12px;background:var(--panel);cursor:pointer}
.sport:has(input:checked){border-color:var(--action);background:rgba(59,130,246,.08)}
.sport input{width:18px;height:18px;accent-color:var(--action);margin:0}
.sport b{display:block;font-size:14px;font-weight:600}.sport span{font-size:12px;color:var(--ink-faint)}.sport.soon{opacity:.55}
.sum{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:16px 18px}
.sum .row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.sum .row:last-child{border-bottom:0;font-weight:600;font-size:16px}.sum .row span:last-child{font-family:var(--mono)}
.trust{font-size:12.5px;color:var(--ink-faint);margin-top:12px;line-height:1.55}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}@media (max-width:820px){.two{grid-template-columns:1fr}}
.notice{border:1px solid var(--gold);background:var(--gold-dim);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:13.5px;margin:14px 0}
.err{border:1px solid var(--book);background:var(--book-dim);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:13.5px;margin:14px 0}
.ok{border:1px solid var(--model);background:var(--model-dim);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:13.5px;margin:14px 0}
/* account */
.acc{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}@media (max-width:820px){.acc{grid-template-columns:1fr}}
.side{position:sticky;top:64px}.side a{display:block;padding:8px 12px;font-size:14px;color:var(--ink-dim);text-decoration:none;border-radius:8px}.side a:hover{color:var(--ink);background:var(--panel-2)}
.side .grp{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);padding:14px 12px 4px;font-weight:600}
.keyrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.keyrow code{flex:1;min-width:240px;font-size:13px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px;overflow-x:auto;white-space:nowrap;color:var(--ink)}
.dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width:820px){.dl{grid-template-columns:1fr}}
.dl a{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line-strong);border-radius:10px;padding:12px 14px;text-decoration:none;color:var(--ink);background:var(--panel)}.dl a:hover{border-color:var(--ink-faint)}
.dl a b{font-size:14px;font-weight:600}.dl a span{font-size:12px;color:var(--ink-faint);font-family:var(--mono)}
table.vers{width:100%;border-collapse:collapse;font-size:13px}table.vers td{padding:8px 0;border-top:1px solid var(--line)}table.vers td:last-child{text-align:right}table.vers .v{font-family:var(--mono);color:var(--action-hi);font-weight:600}
.sw{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);cursor:pointer;padding:6px 0}.sw input{width:34px;height:20px;accent-color:var(--model);margin:0}
/* docs */
.docs{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start}@media (max-width:820px){.docs{grid-template-columns:1fr}}
.toc{position:sticky;top:64px}.toc a{display:block;padding:6px 10px;font-size:13.5px;color:var(--ink-dim);text-decoration:none;border-radius:6px}.toc a:hover{color:var(--ink)}
.docs h2{font-size:22px;margin:34px 0 8px}.docs h2:first-child{margin-top:0}.docs h3{font-size:16px;margin:22px 0 6px}
.docs p,.docs li{color:var(--ink-dim);font-size:14.5px;max-width:680px}.docs p{margin:0 0 12px}
.docs pre{margin:0 0 16px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-family:var(--mono);font-size:12.5px;line-height:1.6;overflow-x:auto;color:var(--ink)}
.docs pre .c{color:var(--ink-faint)}.docs pre .k{color:var(--action-hi)}.docs pre .g{color:var(--model)}
table.dict{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:16px}table.dict th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line-strong)}
table.dict td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-dim)}table.dict td:first-child{font-family:var(--mono);color:var(--action-hi);white-space:nowrap}table.dict td:nth-child(2){font-family:var(--mono);color:var(--ink-faint);white-space:nowrap}
/* licence */
.legal{max-width:760px}.legal h2{font-size:18px;margin:26px 0 8px}.legal p,.legal li{color:var(--ink-dim);font-size:14.5px}.legal ol{padding-left:20px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}