:root{--bg:#0b0d0f;--carbon:#12161b;--panel:#171c22;--line:#28313a;--text:#f6f7f8;--muted:#aab2bd;--red:#e11919;--coral:#ff5b3d;--yellow:#ffae00;--green:#0f8f5a}*{box-sizing:border-box}body{margin:0;font-family:Inter,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#08090b,#111315 42%,#f6f7f8 42%);color:var(--text)}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:9;background:rgba(8,9,11,.86);backdrop-filter:blur(14px);border-bottom:1px solid #1e242b}.nav{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:8px;min-width:185px}.brand b{font-size:24px;color:#fff}.brand small{display:block;font-size:11px;color:#fff;text-transform:uppercase;letter-spacing:.12em}.flag{color:#fff;background:linear-gradient(135deg,#fff 0 30%,#111 30% 45%,#e11919 45%);width:34px;height:30px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,80% 50%,100% 100%,0 100%,20% 50%)}.search{flex:1;max-width:350px;background:#15191f;border:1px solid #29313a;border-radius:12px;padding:10px 14px;color:#889}.search input{background:0;border:0;color:#fff;outline:0;width:85%}nav{display:flex;gap:20px;font-size:14px;color:#e9edf1}.btn{background:linear-gradient(135deg,var(--red),var(--coral));color:#fff;border:0;border-radius:10px;padding:13px 22px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;box-shadow:0 10px 24px #e1191930}.btn.secondary{background:transparent;border:1px solid #57616b;box-shadow:none}.btn.small{padding:10px 16px}.btn.mini{padding:8px 12px;font-size:12px}.btn.block{display:flex;width:100%;margin-top:12px}.hero{position:relative;overflow:hidden;padding:78px 0 40px}.hero:after{content:"";position:absolute;right:0;top:20px;width:55%;height:390px;background:radial-gradient(circle at 70% 40%,#e1191955,transparent 35%),linear-gradient(115deg,transparent 20%,#ff5b3d55 21%,transparent 24%,transparent 30%,#e1191977 32%,transparent 38%);filter:blur(.2px);transform:skewX(-12deg);opacity:.9}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:42px}.eyebrow{color:#ff5b3d;font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.hero h1{font-size:64px;line-height:1.02;margin:14px 0}.hero h1 span{color:#e11919}.hero p{color:#d3dae1;font-size:18px;max-width:560px;line-height:1.6}.actions{display:flex;gap:16px;margin:28px 0}.hud{background:linear-gradient(180deg,#1b2027cc,#101418e6);border:1px solid #313943;border-radius:18px;padding:24px;box-shadow:0 25px 80px #0008}.chart{height:160px;background:linear-gradient(160deg,#12161b,#222832);border-radius:16px;margin:12px 0;position:relative;overflow:hidden}.chart:before{content:"";position:absolute;inset:0;background:linear-gradient(15deg,transparent 10%,#e11919 11% 12%,transparent 13% 25%,#ff5b3d 26% 27%,transparent 28% 45%,#e11919 46% 47%,transparent 48%)}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:30px}.stat{background:#171c22;border:1px solid #2d343d;border-radius:14px;padding:18px}.stat b{display:block;font-size:25px}.stat span{color:#aab2bd}.section{padding:34px 0;color:#111315}.panel{background:#fff;border:1px solid #dce3ea;border-radius:18px;padding:24px;box-shadow:0 18px 60px #0b0d0f0c;margin-bottom:26px}.panel.dark{background:#12161b;color:#fff;border-color:#28313a}.section h2,.page h1{font-size:34px;margin:0 0 12px;color:#0b1118}.page{background:#f6f7f8;color:#0b1118;padding:36px 0}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.chip,.coupon,.tag{border:1px solid #dde4ec;background:#f8fafc;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.coupon,.tag{background:#fff1ee;color:#d82020;border-color:#ffcbc0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.offers{grid-template-columns:repeat(5,1fr)}.card{background:#fff;border:1px solid #dfe6ee;border-radius:16px;padding:20px;color:#111315}.card h3{font-size:28px;color:#e11919;margin:18px 0 6px}.firm{display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:10px;background:#0b0d0f;color:#fff;display:grid;place-items:center;font-weight:900}.table{overflow:auto;background:#fff;border:1px solid #dfe6ee;border-radius:16px;color:#111315}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:16px;border-bottom:1px solid #eef2f6;white-space:nowrap}th{font-size:12px;color:#637080;text-transform:uppercase}.rank{background:#fff1cc;border:1px solid #ffc653;border-radius:999px;padding:5px 8px}.stars{color:#ffae00}.split{display:grid;grid-template-columns:260px 1fr;gap:24px}.side{background:#fff;border:1px solid #dfe6ee;border-radius:16px;padding:20px;height:max-content}.filters label{display:block;margin:12px 0;color:#465360}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric{background:#fff;border:1px solid #dfe6ee;border-radius:14px;padding:18px}.cta{background:linear-gradient(135deg,#111315,#e11919);color:#fff;border-radius:20px;padding:36px}.faq details{border-bottom:1px solid #e4eaf0;padding:16px}footer{background:#0b0d0f;color:#fff;padding:46px 0 20px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.foot a{display:block;color:#aab2bd;margin:9px 0}.copy{text-align:center;color:#7d8791;margin-top:24px}.social{color:#aab2bd;letter-spacing:.5em}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bloggrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}.post{min-height:150px;background:linear-gradient(135deg,#141a20,#e1191930);color:#fff}.toplinks{columns:4;list-style:none;padding:0}.toplinks li{margin:8px 0}@media(max-width:900px){.nav nav,.search{display:none}.hero-grid,.split,.grid2{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.cards,.offers,.metric-grid,.foot,.bloggrid{grid-template-columns:1fr}.hero h1{font-size:44px}body{background:#f6f7f8}.hero{background:#0b0d0f}}

/* ============ DARK THEME PASS + новые компоненты (PFR v2) ============ */
body{background:#0b0d0f !important;color:var(--text)}
.section{color:var(--text)}
.section h2,.page h1{color:#fff}
.page{background:#0b0d0f;color:var(--text)}
.panel{background:#12161b;border-color:#222a32;box-shadow:0 18px 50px #0006;color:var(--text)}
.panel.cta,.cta{background:linear-gradient(135deg,#171c22,#e1191955);border:1px solid #2a323b}
.card{background:#12161b;border-color:#222a32;color:var(--text)}
.card h3{color:var(--coral)}
.chip{background:#12161b;border-color:#2a323b;color:#cfd6dd;cursor:pointer}
.chip.active{background:linear-gradient(135deg,var(--red),var(--coral));border-color:transparent;color:#fff}
.table{background:#12161b;border-color:#222a32;color:var(--text)}
th,td{border-bottom:1px solid #1d242b}
th{color:#8b95a1;background:#0f1318}
tbody tr:hover{background:#161b21}
.btn.secondary{color:#fff !important}
.faq details{border-color:#222a32}
.metric{background:#0f1318;border-color:#222a32}
.side{background:#12161b;border-color:#222a32;color:var(--text)}
.filters label{color:#aeb6bf}

/* firm cell */
.firm-link{display:inline-block;line-height:1.2}
.firm-link small{display:block;color:#8b95a1;font-size:11px;font-weight:500}
.fav{cursor:pointer;color:#5b6671;font-size:16px;margin-right:2px;user-select:none}
.fav.on{color:var(--coral)}

/* tags / pills */
.mini-tag{display:inline-block;background:#1b212880;border:1px solid #2a323b;border-radius:6px;padding:2px 7px;font-size:11px;color:#c3cad2;margin:1px 0}
.pill{display:inline-block;min-width:34px;text-align:center;border-radius:7px;padding:3px 8px;font-weight:800;font-size:13px}
.pill.good{background:#0f8f5a25;color:#39d98a;border:1px solid #0f8f5a55}
.pill.mid{background:#ffae0020;color:#ffc04d;border:1px solid #ffae0055}
.pill.low{background:#e1191920;color:#ff7a6b;border:1px solid #e1191955}

/* coupon */
.coupon{cursor:pointer;background:#1a1f26;border:1px solid #3a2420;color:#ff8a76;white-space:nowrap}
.coupon i{opacity:.6;font-style:normal;margin-left:2px}

/* sortable headers */
th.sortable{cursor:pointer;user-select:none}
th.sortable:hover{color:#cfd6dd}
.arrow{opacity:.45;font-style:normal;font-size:10px}

/* market chips above table */
.chips-market{margin:0 0 16px}
.table-wrap{margin-top:8px}

/* burger / mobile nav */
.burger{display:none;background:#12161b;border:1px solid #2a323b;color:#fff;border-radius:10px;width:42px;height:42px;font-size:18px;cursor:pointer;margin-left:auto}
@media(max-width:900px){
  .burger{display:block}
  .topbar .nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0b0d0f;border-bottom:1px solid #1e242b;flex-direction:column;padding:16px 24px;gap:6px}
  .topbar .nav.open nav{display:flex}
  .topbar .nav.open .search{display:none}
}

/* ============ FIXES v3 (по обратной связи) ============ */
/* 1) видимая нумерация: тёмный текст на янтаре + медали топ-3 */
.rank{background:#ffae00;color:#1a1205;font-weight:800;min-width:26px;text-align:center;display:inline-block;padding:4px 9px;border:0}
tbody tr:nth-child(1) .rank{background:linear-gradient(135deg,#ffd75e,#f0a800)}
tbody tr:nth-child(2) .rank{background:linear-gradient(135deg,#dfe6ee,#aeb6bf);color:#1a1205}
tbody tr:nth-child(3) .rank{background:linear-gradient(135deg,#e6a36b,#c67b3e);color:#1a1205}

/* 2) убираем горизонтальную прокрутку всей страницы — скролл живёт ВНУТРИ таблицы */
html,body{overflow-x:hidden}
.split,.grid2,.section,.hero-grid,.stats{min-width:0}
.split>*,.grid2>*,.hero-grid>*{min-width:0}
.panel,.table-wrap{min-width:0;max-width:100%}
.table{max-width:100%}
.table::-webkit-scrollbar{height:8px}
.table::-webkit-scrollbar-thumb{background:#2a323b;border-radius:8px}
.table::-webkit-scrollbar-track{background:transparent}

/* 3) дропдаун рейтингов в навигации */
.has-drop{position:relative}
.has-drop>span{cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.drop{position:absolute;top:130%;left:0;background:#0f1318;border:1px solid #222a32;border-radius:14px;padding:10px;min-width:430px;display:none;grid-template-columns:1fr 1fr;gap:2px 14px;box-shadow:0 24px 60px #000a;z-index:20}
.has-drop:hover .drop{display:grid}
.drop a{padding:8px 10px;border-radius:8px;color:#cfd6dd;font-size:13px;white-space:nowrap}
.drop a:hover{background:#171c22;color:#fff}
.drop .all{grid-column:1/-1;border-top:1px solid #222a32;margin-top:6px;color:var(--coral);font-weight:700}

/* 4) фильтр-эксплорер (как у конкурента) */
.side{position:sticky;top:92px}
.fgroup{border-top:1px solid #222a32;padding:14px 0}
.fgroup:first-of-type{border-top:0}
.fgroup h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#8b95a1}
.fchips{display:flex;flex-wrap:wrap;gap:6px}
.fchip{border:1px solid #2a323b;background:#0f1318;border-radius:999px;padding:5px 11px;font-size:12px;color:#cfd6dd;cursor:pointer;user-select:none}
.fchip.on{background:linear-gradient(135deg,var(--red),var(--coral));border-color:transparent;color:#fff}
.fsearch{width:100%;padding:11px 12px;background:#0f1318;border:1px solid #2a323b;border-radius:10px;color:#fff;outline:0}
.frange{width:100%;accent-color:var(--coral);margin-top:6px}
.frow{display:flex;justify-content:space-between;font-size:12px;color:#8b95a1;margin-top:4px}
.fcount{font-size:13px;color:#8b95a1;margin:0 0 12px}
.fcount b{color:#fff}
.freset{background:none;border:0;color:var(--coral);font-weight:700;cursor:pointer;padding:0;margin-top:8px}

/* 5) hero-график — контейнер под SVG */
.chart{background:linear-gradient(180deg,#0f141a,#0c1014);border:1px solid #1d242b}
.chart:before{display:none}
.chart svg{display:block;width:100%;height:100%}

@media(max-width:900px){
  .drop{position:static;display:grid;min-width:0;box-shadow:none;border:0;padding:6px 0;grid-template-columns:1fr}
  .side{position:static}
}

/* ============ v4: логотипы, иконки, compare, доверие ============ */
.logo-wrap{display:inline-flex}
.logo{width:38px;height:38px;border-radius:10px;display:block}
.firm .avatar{width:38px;height:38px}
.cmp{cursor:pointer;color:#5b6671;font-size:14px;margin-right:2px;user-select:none}
.cmp.on{color:#39d98a}
.picons{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.pico{width:24px;height:24px;border-radius:6px}

/* floating compare bar */
#cmpbar{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:50;display:flex;align-items:center;gap:14px;
  background:#12161b;border:1px solid #2a323b;border-radius:14px;padding:12px 18px;box-shadow:0 18px 50px #000a;color:#e9edf1;font-size:14px}
#cmpbar #cmpclear{background:none;border:0;color:#8b95a1;cursor:pointer;font-size:13px;text-decoration:underline}

/* compare page */
.cmp-actions{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.cmp-table td,.cmp-table th{vertical-align:middle}
.cmp-attr{color:#8b95a1;font-weight:700;white-space:nowrap}
.cmp-firm{display:flex;align-items:center;gap:8px}
.cmp-firm a{color:#fff;font-weight:700}
.cmp-x{background:#1a1f26;border:1px solid #2a323b;color:#ff7a6b;border-radius:7px;cursor:pointer;width:24px;height:24px;line-height:1}
.cmp-col{min-width:150px}

/* trust badges */
.badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0 4px}
.badge{display:inline-flex;align-items:center;gap:8px;background:#12161b;border:1px solid #222a32;border-radius:999px;padding:8px 16px;font-size:13px;color:#cfd6dd}
.badge b{color:#fff}
.badge .dot{width:8px;height:8px;border-radius:50%;background:#39d98a;box-shadow:0 0 0 3px #39d98a22}
.verify-link{display:inline-flex;align-items:center;gap:8px;background:#12161b;border:1px solid #2a323b;border-radius:999px;padding:9px 16px;font-weight:700;color:#fff}
.verify-link:hover{border-color:var(--coral)}
.method-step{display:flex;gap:14px;padding:16px 0;border-top:1px solid #222a32}
.method-step:first-child{border-top:0}
.method-num{flex:0 0 36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--red),var(--coral));color:#fff;font-weight:800;display:grid;place-items:center}