:root{--bg:#0d1117;--bg-alt:#161b22;--card:#1c2333;--border:#2d3548;--text:#eef1f8;--text-dim:#93a1bb;--accent:#f2b134;--accent-dim:#8a6720;--good:#34d399;--radius:12px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px 64px}
header.site{border-bottom:1px solid var(--border);padding:18px 0}
header.site .wrap{padding-bottom:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.brand{font-weight:800;font-size:1.2rem;color:var(--text);text-decoration:none;letter-spacing:-.02em}
.brand span{color:var(--accent)}
nav.site a{color:var(--text-dim);text-decoration:none;margin-left:18px;font-size:.88rem;padding:6px 0}
nav.site a.active,nav.site a:hover{color:var(--accent)}
.hero{padding:52px 0 32px;text-align:center}
.hero h1{font-size:2rem;margin:0 0 14px;letter-spacing:-.02em;max-width:740px;margin-left:auto;margin-right:auto}
.hero p.lede{color:var(--text-dim);max-width:580px;margin:0 auto 22px;font-size:1rem}
.search-box{max-width:560px;margin:0 auto 12px;display:flex;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:8px}
.search-box input{flex:1;background:transparent;border:none;color:var(--text);font-size:.95rem;padding:10px 12px;outline:none}
.search-box input::placeholder{color:var(--text-dim)}
.search-box button{background:var(--accent);color:#241a02;border:none;border-radius:8px;padding:10px 20px;font-weight:700;font-size:.9rem;cursor:pointer}
.country-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.country-chip{border:1px solid var(--border);background:var(--bg-alt);color:var(--text-dim);padding:6px 12px;border-radius:999px;font-size:.78rem}
.country-chip.active{background:var(--accent-dim);border-color:var(--accent);color:#fff3d6;font-weight:600}
.country-chip.soon{opacity:.5}
.stats-row{display:flex;justify-content:center;gap:36px;flex-wrap:wrap;margin:32px 0 8px;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stat{text-align:center}.stat b{display:block;font-size:1.4rem;color:var(--accent)}.stat span{font-size:.78rem;color:var(--text-dim)}
h1{letter-spacing:-.02em}h2{font-size:1.22rem;margin:42px 0 14px}h2.center{text-align:center}
p.lede.page{color:var(--text-dim);max-width:640px;margin:0 auto 24px;text-align:center;font-size:.94rem}
.tool-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:8px}
@media(max-width:800px){.tool-grid{grid-template-columns:1fr}}
.tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-decoration:none;color:var(--text);display:block;position:relative}
.tool-card h3{margin:0 0 6px;font-size:1rem}.tool-card p{margin:0;color:var(--text-dim);font-size:.85rem}
.tool-card .tag{display:inline-block;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-bottom:8px;font-weight:700}
.tool-card .lock{position:absolute;top:16px;right:16px;font-size:.64rem;background:var(--accent-dim);color:#fff3d6;padding:3px 9px;border-radius:999px;font-weight:700}
.tool-card.premium{opacity:.8}
.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
@media(max-width:800px){.model-grid{grid-template-columns:1fr 1fr}}
.model-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:10px;padding:15px;text-decoration:none;color:var(--text)}
.model-card .name{font-weight:700;font-size:.88rem}
.model-card .fu{color:var(--text-dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;margin-top:2px}
.model-card .cost{color:var(--accent);font-size:.84rem;font-weight:700;margin-top:6px}
select.vpick{width:100%;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-size:.92rem}
.picker-row{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-bottom:24px}
@media(max-width:640px){.picker-row{grid-template-columns:1fr}}
.picker-row .vs{text-align:center;color:var(--text-dim);font-weight:700;font-size:.9rem}
.quick-strip{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:26px}
.quick-strip .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);text-align:center;margin-bottom:12px}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.quick-grid.single{grid-template-columns:1fr;max-width:420px;margin:0 auto}
@media(max-width:640px){.quick-grid{grid-template-columns:1fr}}
.quick-col{text-align:center}.quick-col h4{margin:0 0 8px;font-size:.92rem}
.quick-col .big{font-size:1.9rem;font-weight:800;color:var(--accent);line-height:1.2}
.quick-col .big small{display:block;font-size:.72rem;color:var(--text-dim);font-weight:400;letter-spacing:.03em;text-transform:uppercase}
.quick-row{display:flex;justify-content:space-between;padding:7px 4px;border-bottom:1px solid var(--border);font-size:.86rem;text-align:left}
.quick-row:last-child{border-bottom:none}.quick-row .k{color:var(--text-dim)}.quick-row .v{font-weight:700}
.src-note{font-size:.76rem;color:var(--text-dim);text-align:center;margin:14px 0 0}
.src-note strong{color:var(--text)}
.scroll-hint{text-align:center;color:var(--text-dim);font-size:.8rem;margin:18px 0 6px}
table.duel-table{width:100%;border-collapse:collapse;font-size:.88rem;margin-bottom:8px}
table.duel-table th,table.duel-table td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle}
table.duel-table th{color:var(--text-dim);font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.03em}
table.duel-table td.metric-label{text-align:left;color:var(--text-dim);font-size:.84rem}
table.duel-table td.win{color:var(--good);font-weight:700}
table.duel-table .delta{display:block;font-size:.68rem;color:var(--good);font-weight:600;margin-top:2px}
table.duel-table tr.total td{border-top:2px solid var(--border);border-bottom:none;padding-top:15px;font-weight:700;font-size:.98rem}
.badge{display:inline-flex;align-items:center;gap:4px;font-size:.64rem;padding:2px 8px;border-radius:999px;font-weight:700;margin-left:6px;vertical-align:middle}
.badge.verified{background:rgba(52,211,153,.15);color:var(--good)}
.badge.estimated{background:rgba(242,177,52,.15);color:var(--accent)}
.legend{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font-size:.76rem;color:var(--text-dim);margin:16px 0 30px}
.prose{max-width:660px;margin:0 auto;color:var(--text-dim);font-size:.92rem}.prose p{margin:0 0 14px}
.prose h3{color:var(--text);font-size:1rem;margin:22px 0 8px}
.note{font-size:.82rem;color:var(--text-dim);background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;padding:13px 15px;margin:18px auto;max-width:660px}
.note strong{color:var(--text)}
.premium-teaser{background:var(--card);border:1px dashed var(--accent-dim);border-radius:var(--radius);padding:22px;text-align:center;margin:26px auto;max-width:560px}
.premium-teaser .tag{display:inline-block;font-size:.64rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-weight:700;margin-bottom:8px}
.premium-teaser h3{margin:0 0 8px;font-size:1rem}.premium-teaser p{color:var(--text-dim);font-size:.85rem;margin:0 0 14px}
.premium-teaser button{background:var(--accent);color:#241a02;border:none;border-radius:8px;padding:9px 20px;font-weight:700;font-size:.85rem;cursor:pointer}
.avatar-eng{width:44px;height:44px;border-radius:50%;background:var(--accent-dim);color:#fff3d6;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.eng-row{display:flex;gap:12px;align-items:flex-start;margin:16px auto;max-width:640px}.eng-row p{margin:0;font-size:.88rem;color:var(--text-dim)}
footer.site{margin-top:46px;padding-top:20px;border-top:1px solid var(--border);color:var(--text-dim);font-size:.76rem}
.search-wrap{position:relative;max-width:560px;margin:0 auto 12px}
.search-wrap .search-box{margin:0}
.sug{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;z-index:40;display:none;text-align:left;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.sug.on{display:block}
.sug a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;text-decoration:none;color:var(--text);border-bottom:1px solid var(--border);font-size:.9rem}
.sug a:last-child{border-bottom:none}
.sug a:hover,.sug a.sel{background:var(--bg-alt)}
.sug .nm{font-weight:600}
.sug .fu{color:var(--text-dim);font-size:.74rem;text-transform:uppercase;letter-spacing:.03em}
.sug .pr{color:var(--accent);font-weight:700;font-size:.84rem;white-space:nowrap}
.sug .none{padding:13px 14px;color:var(--text-dim);font-size:.86rem}
.crumbs{font-size:.78rem;color:var(--text-dim);margin:20px 0 0}.crumbs a{color:var(--text-dim)}
.updated{text-align:center;color:var(--text-dim);font-size:.76rem;margin:-14px 0 22px}
.prose a,.src-note a,.legend a,.note a,.eng-row a{color:var(--accent)}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tscroll table.duel-table{min-width:560px}
table.duel-table tr.ref td{background:var(--bg-alt)}
table.duel-table td small{color:var(--text-dim);font-weight:400}
table.duel-table th a{color:var(--text)}
table.duel-table th .fu{font-weight:400;text-transform:none;letter-spacing:0}
.faq h3{color:var(--text);font-size:.98rem;margin:22px 0 6px}
code{background:var(--bg-alt);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.85em}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:8px auto 0;max-width:900px}
.chips a{border:1px solid var(--border);background:var(--bg-alt);color:var(--text);padding:6px 12px;border-radius:999px;font-size:.82rem;text-decoration:none}
.chips a span{color:var(--text-dim);font-size:.74rem;margin-left:2px}
.chips a:hover{border-color:var(--accent);color:var(--accent)}
table.duel-table td.metric-label a{color:var(--text)}
