:root{
  --bg:#0d1017;--bg2:#131826;--card:#171d2c;--card2:#1d2435;--line:#283249;
  --txt:#e8ecf5;--dim:#9aa6bf;--acc:#ffb020;--acc2:#ff7a1a;--ok:#2fbf71;--hot:#e8402f;
  --r:14px;--w:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font:400 16px/1.65 Inter,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}

/* header */
.head{background:linear-gradient(180deg,#141a28,#0e121c);border-bottom:1px solid var(--line)}
.head-in{display:flex;align-items:center;gap:16px;padding:14px 16px;flex-wrap:wrap}
.logo{font:800 22px/1 Inter;color:#fff;letter-spacing:-.4px}
.logo b{color:var(--acc)}
.head-meta{margin:0;color:var(--dim);font-size:13px;flex:1 1 220px}
.head-cta{background:linear-gradient(180deg,var(--acc),var(--acc2));color:#1a1206;font-weight:700;padding:9px 16px;border-radius:10px;font-size:14px}
.head-cta:hover{text-decoration:none;filter:brightness(1.07)}

/* nav */
.nav{background:#101522;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.nav li{flex:0 0 auto}
.nav a{display:block;padding:11px 13px;color:var(--dim);font-size:14px;font-weight:500;white-space:nowrap;border-bottom:2px solid transparent}
.nav a:hover,.nav a.on{color:#fff;border-color:var(--acc);text-decoration:none}

/* hero */
.page{padding:24px 0 40px}
.hero{padding:6px 0 18px}
.eyebrow{margin:0 0 8px;color:var(--acc);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
h1{margin:0 0 14px;font:800 clamp(25px,4.4vw,40px)/1.16 Inter;letter-spacing:-.5px}
.lead{font-size:18px;color:#d3dbec;max-width:900px}
.lead p{margin:0 0 10px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 0}
.facts div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.facts b{display:block;font-size:19px;color:#fff}
.facts span{font-size:12.5px;color:var(--dim)}

/* picks */
.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.pick{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:10px}
.pick-top{border-color:var(--acc);box-shadow:0 0 0 1px rgba(255,176,32,.25),0 14px 34px -22px rgba(255,176,32,.55)}
.pick-label{font-size:12px;font-weight:700;color:var(--acc);text-transform:uppercase;letter-spacing:.06em}
.pick img{height:52px;width:auto;object-fit:contain;align-self:flex-start}
.pick h3{margin:0;font-size:20px}
.pick h3 a{color:#fff}
.pick-lead{margin:0;color:var(--dim);font-size:14.5px}
.pick-facts{margin:0;padding:0;list-style:none;font-size:14px;color:#c9d2e6}
.pick-facts li{padding:5px 0;border-top:1px dashed var(--line)}
.pick-cta{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}

/* buttons */
.btn{display:inline-block;background:linear-gradient(180deg,var(--acc),var(--acc2));color:#1a1206;font-weight:700;padding:10px 18px;border-radius:10px;text-align:center;font-size:15px}
.btn:hover{text-decoration:none;filter:brightness(1.07)}
.btn-lg{padding:13px 26px;font-size:16px}
.btn-ghost{display:inline-block;border:1px solid var(--line);color:#cdd6ea;padding:10px 16px;border-radius:10px;font-size:14.5px;background:#141a28}
.btn-ghost:hover{border-color:var(--acc);color:#fff;text-decoration:none}

/* toc */
.toc{background:var(--bg2);border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:var(--r);padding:16px 20px;margin:26px 0}
.toc b{display:block;margin-bottom:8px;font-size:15px}
.toc ol{margin:0;padding-left:20px;color:var(--dim);columns:2;column-gap:28px}
.toc li{margin:4px 0}

/* rating */
.rating{margin:30px 0}
.rating-head h2{margin:0 0 6px;font-size:clamp(21px,3vw,28px)}
.rating-note{margin:0 0 14px;color:var(--dim);font-size:14.5px;max-width:860px}
.rating-legend{display:none}
.rating-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:r}
.row{display:grid;grid-template-columns:44px minmax(210px,1.5fr) 1.1fr .9fr .7fr 74px 150px;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.row:nth-child(1){border-color:var(--acc);background:linear-gradient(180deg,#1d2231,#171d2c)}
.row:nth-child(2){border-color:#3c4a6b}
.rank{font:800 20px/1 Inter;color:var(--acc);text-align:center}
.brand{display:flex;flex-direction:column;gap:3px}
.brand img{height:40px;width:auto;object-fit:contain;align-self:flex-start;margin-bottom:4px}
.brand-name{font-size:17px}
.brand-name a{color:#fff}
.brand-ru{font-style:normal;font-size:12.5px;color:var(--dim)}
.brand-lead{font-style:normal;font-size:13.5px;color:#b9c3da}
.row span i{display:block}
.c-bonus,.c-out,.c-dep{font-size:14px;color:#d6dced}
.c-bonus i,.c-out i,.c-dep i{font-style:normal;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:#7d8aa6;margin-bottom:2px}
.c-out em{font-style:normal;display:block;font-size:12.5px;color:var(--dim)}
.c-score{text-align:center}
.c-score b{display:block;font:800 19px/1 Inter;color:var(--ok)}
.c-score i{font-style:normal;color:var(--acc);font-size:12px;letter-spacing:1px}
.c-cta{display:flex;flex-direction:column;gap:6px}
.c-cta .btn,.c-cta .btn-ghost{padding:9px 12px;font-size:14px}
.cross-note{font-size:12px;color:var(--dim);text-align:center}
.row-extra{display:none}
.rating.all .row-extra{display:grid}
.rating-more{display:block;width:100%;margin:12px 0 0;padding:13px;background:#151b2a;border:1px dashed var(--line);border-radius:var(--r);color:var(--acc);font:600 15px Inter;cursor:pointer}
.rating-more:hover{border-color:var(--acc)}

/* text blocks */
.block{margin:34px 0}
.block h2{margin:0 0 12px;font-size:clamp(20px,2.8vw,27px);letter-spacing:-.3px}
.block h3{margin:20px 0 8px;font-size:18px}
.block p{margin:0 0 12px;color:#d0d8ea}
.intro p:first-child{font-size:17.5px}
.crit{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:12px;margin-top:14px}
.crit-i{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.crit-i b{display:block;margin-bottom:6px;color:#fff;font-size:15.5px}
.crit-i p{margin:0;font-size:14.5px;color:var(--dim)}
.pay{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:12px;margin:14px 0}
.pay article{background:var(--card2);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.pay h3{margin:0 0 8px;color:var(--acc)}
.pay p{margin:0;font-size:14.5px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;margin:14px 0}
.grid2 article{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.grid2 h3{margin:0 0 8px}
.grid2 p{margin:0;font-size:14.5px}
.checks{margin:12px 0;padding:0;list-style:none}
.checks li{position:relative;padding:7px 0 7px 26px;border-bottom:1px solid var(--line);font-size:15px;color:#d0d8ea}
.checks li:before{content:'✓';position:absolute;left:0;color:var(--ok);font-weight:700}
.steps{margin:12px 0;padding-left:22px;color:#d0d8ea}
.steps li{margin:8px 0}
.warn{background:#241a12;border:1px solid #4a3520;border-left:3px solid var(--acc2);border-radius:10px;padding:12px 16px;font-size:14.5px}
.author{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.responsible{border:1px solid #3a2b2b;background:#191316;border-radius:var(--r);padding:20px 22px}

/* top3 */
.top3{margin:32px 0}
.top3 h2{margin:0 0 14px;font-size:clamp(20px,2.8vw,27px)}
.t3{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:12px}
.t3 h3{margin:0 0 8px;font-size:19px;color:#fff}
.t3 p{margin:0 0 10px;color:#d0d8ea}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0}
.pc b{font-size:14px;color:#fff}
.pc ul{margin:6px 0 0;padding-left:18px;font-size:14px;color:var(--dim)}
.t3-cta{display:flex;gap:8px;flex-wrap:wrap;margin:0}

/* alternatives */
.alts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.alt{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.alt img{height:34px;width:auto;object-fit:contain}
.alt b{display:block;font-size:15.5px;color:#fff}
.alt p{margin:2px 0;font-size:13.5px;color:var(--dim)}
.alt-meta{font-size:12.5px;color:#8b97b2}
.alt .btn{margin-left:auto;padding:8px 14px;font-size:14px}

/* faq */
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;padding:0 16px}
.faq summary{cursor:pointer;padding:14px 0;font-weight:600;font-size:16px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:before{content:'+';color:var(--acc);font-weight:800;margin-right:9px}
.faq details[open] summary:before{content:'–'}
.faq p{margin:0 0 14px;color:var(--dim);font-size:15px}

/* deep links */
.deep{margin:34px 0 0;border-top:1px solid var(--line);padding-top:22px}
.deep h2{font-size:19px;margin:0 0 12px}
.deep ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.deep a{display:inline-block;background:#141a28;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13.5px;color:#c4cee6}
.deep a:hover{border-color:var(--acc);color:#fff;text-decoration:none}

/* footer + sticky */
.foot{background:#0a0d14;border-top:1px solid var(--line);padding:26px 0 96px;margin-top:30px}
.foot-top{margin:0 0 8px;font-size:15px}
.foot-links{margin:0 0 12px;font-size:14px;color:var(--dim)}
.disclaimer{margin:0;font-size:12.5px;color:#76829c;max-width:900px}
.sticky{position:fixed;left:0;right:0;bottom:0;background:rgba(13,16,23,.96);border-top:1px solid var(--acc);backdrop-filter:blur(8px);z-index:40}
.sticky-in{display:flex;align-items:center;gap:14px;padding:10px 16px}
.sticky span{flex:1;font-size:14px}
.sticky b{display:block;color:#fff}
.sticky i{font-style:normal;color:var(--dim);font-size:12.5px}

/* brand page extras */
.bp-head{display:flex;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:0 0 20px}
.bp-head img{height:58px;width:auto;object-fit:contain}
.bp-spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:16px 0}
.bp-spec div{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.bp-spec i{font-style:normal;display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:#7d8aa6}
.bp-spec b{font-size:15px;color:#fff}

@media(max-width:980px){
  .facts{grid-template-columns:repeat(2,1fr)}
  .picks{grid-template-columns:1fr}
  .row{grid-template-columns:38px 1fr;grid-auto-rows:auto;gap:8px}
  .brand{grid-column:2}
  .c-bonus,.c-out,.c-dep,.c-score,.c-cta{grid-column:1/-1}
  .c-score{text-align:left;display:flex;align-items:center;gap:10px}
  .c-score b{display:inline}
  .c-cta{flex-direction:row}
  .c-cta .btn{flex:1}
  .toc ol{columns:1}
  .pc{grid-template-columns:1fr}
  .sticky i{display:none}
}