:root{--ground:#12161A;--surface:#1A2127;--ink:#E5EAEE;--soft:#95A2AC;--line:#2B343C;
--accent:#C9A050;--accent-ink:#D8B268;--wash:rgba(201,160,80,.08);--good:#6FBF7E;--mono:"SFMono-Regular",Consolas,monospace;}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);background-image:radial-gradient(1100px 520px at 50% -240px,rgba(201,160,80,.06),transparent 60%);color:var(--ink);font:16px/1.65 "Barlow",system-ui,sans-serif}
a{color:var(--accent-ink);text-decoration:underline;text-decoration-color:rgba(216,178,104,.25);text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}
a:hover{color:#F0CD88;text-decoration-color:#F0CD88}
h1,h2,h3,.dfont{font-family:"Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;line-height:1.08;text-wrap:balance;margin:0}
h1{font-size:clamp(2.3rem,4.5vw,3.1rem);font-weight:700;letter-spacing:.02em}
h2{font-size:1.5rem;font-weight:700;letter-spacing:.04em;margin-top:2.6rem;padding-left:.65rem;border-left:3px solid var(--accent)}
h3{font-size:1.12rem;font-weight:600;letter-spacing:.05em;margin-top:1.4rem}
p{margin:.8rem 0 0}
header.top{position:sticky;top:0;z-index:60;background:rgba(15,19,23,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(201,160,80,.4)}
header.top .in{max-width:64rem;margin:0 auto;padding:.75rem 1.2rem;display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.logo{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-decoration:none}
.logo b{color:var(--accent)}
nav a{position:relative;color:#B9C2C8;text-decoration:none;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.09em;font-size:.95rem;margin-right:1.1rem;padding:.15rem 0}
nav a:hover{color:#fff}
nav a::after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;background:var(--accent);transition:width .18s}
nav a:hover::after{width:100%}
.wrap{max-width:64rem;margin:0 auto;padding:2.2rem 1.2rem 4rem}
.eyebrow{font-family:"Barlow Condensed",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.82rem;color:var(--accent-ink)}
.eyebrow::before{content:"";display:inline-block;width:20px;height:2px;background:var(--accent);margin-right:.55rem;vertical-align:middle}
.ad{border:1px dashed #313B44;background:rgba(255,255,255,.015);color:#5A6670;text-align:center;border-radius:8px;
font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;
display:flex;align-items:center;justify-content:center;margin:1.4rem 0}
.ad.leader{height:90px}.ad.box{height:250px;max-width:300px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
@media(max-width:640px){.grid2{grid-template-columns:1fr}}
.card{background:linear-gradient(180deg,#1D242C,#181F25);border:1px solid var(--line);border-radius:10px;padding:1.2rem 1.3rem;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:border-color .18s}
.card:hover{border-color:#3C4854}
.card h3{margin-top:0}
.tablewrap{overflow-x:auto;margin-top:1rem}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:.95rem}
th{font-family:"Barlow Condensed",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;
color:var(--soft);text-align:left;border-bottom:2px solid #3A4650;padding:.55rem 1rem .55rem 0}
td{border-bottom:1px solid #232C33;padding:.6rem 1rem .6rem 0;vertical-align:top}
tr:hover td{background:rgba(255,255,255,.018)}
td.win{color:var(--good);font-weight:600}
.num{font-family:var(--mono);font-size:.88rem}
.verdict{background:linear-gradient(180deg,rgba(201,160,80,.11),rgba(201,160,80,.04));border:1px solid rgba(201,160,80,.28);border-left:4px solid var(--accent);border-radius:8px;padding:1.1rem 1.3rem;margin-top:1.8rem}
.buy{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
.buy a{display:inline-block;background:linear-gradient(180deg,#D8B268,#B9903F);color:#14181B;text-decoration:none;padding:.6rem 1.2rem;border-radius:6px;
font-family:"Barlow Condensed",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 3px 10px rgba(0,0,0,.35);transition:filter .15s,transform .15s}
.buy a:hover{filter:brightness(1.1);transform:translateY(-1px);color:#14181B}
.sil{width:100%;max-width:340px;height:auto;display:block}
.sil path,.sil rect{fill:#3A444D}
.pill{display:inline-block;border:1px solid #39434B;background:rgba(255,255,255,.035);border-radius:999px;padding:.12rem .68rem;font-size:.78rem;
font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.07em;color:var(--soft);margin-right:.4rem}
footer{border-top:1px solid var(--line);margin-top:4rem;color:var(--soft);font-size:.85rem;background:#0F1317}
footer .in{max-width:64rem;margin:0 auto;padding:1.8rem 1.2rem}
label{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.07em;font-size:.9rem;display:block;margin-top:.95rem}
input,select{font:inherit;padding:.5rem .65rem;border:1px solid #313B44;border-radius:6px;background:#141A1F;color:var(--ink);width:100%;max-width:20rem;transition:border-color .15s}
input:focus,select:focus{outline:none;border-color:var(--accent)}
button{font-family:"Barlow Condensed",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.07em;font-size:1rem;
background:linear-gradient(180deg,#D8B268,#B9903F);color:#14181B;border:0;border-radius:6px;padding:.65rem 1.5rem;margin-top:1.1rem;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.35);transition:filter .15s,transform .15s}
button:hover{filter:brightness(1.1);transform:translateY(-1px)}
.result{background:#161D23;border:1px solid #313B44;border-left:4px solid var(--accent);border-radius:8px;padding:1rem 1.2rem;margin-top:1.2rem;display:none}
.result.show{display:block}
.big{font-family:var(--mono);font-size:1.7rem;color:var(--accent-ink)}
ul.plain{list-style:none;padding:0;margin:.8rem 0 0}
ul.plain li{border-bottom:1px solid #232C33;padding:.55rem .3rem;transition:background .15s;border-radius:4px}
ul.plain li:hover{background:rgba(255,255,255,.022)}
::selection{background:rgba(201,160,80,.35)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}