:root{--bg:#1c1c1c;--surface:#272727;--surface2:#222222;--surface3:#383838;--deep:#171717;--cream:#dddddd;--ink:#151515;--ink-s:#4a4a4a;--text:#ffffff;--muted:#afafaf;--faint:#8a8a8a;--acc:#d62026;--acc-d:#b0141a;--acc-t:#ff5a5f;--line:rgba(255,255,255,.08);--line-s:rgba(255,255,255,.2);--head:Poppins,'Segoe UI',Arial,sans-serif;--fs:16.5px;--shell:1040px;--btn-r:5px;--r:5px;--h1vw:4.0vw;--h1max:44px;--h2max:29px;--sec-pad:50px 0;--placar-pad:48px 0 54px;--num-cols:3;--pas-cols:4;--logo-h:26px;--logo-h2:22px;--linha-cols:minmax(140px,240px) 1fr auto;--placar-art:none;--placar-op:0;--body:'Nunito Sans','Segoe UI',Arial,sans-serif;}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);
font-size:var(--fs);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--acc-t);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--head);font-weight:700;line-height:1.14;margin:0}
h1{font-size:clamp(28px,var(--h1vw),var(--h1max));letter-spacing:-.02em}
h2{font-size:clamp(21px,2.7vw,var(--h2max));letter-spacing:-.015em;
padding-left:16px;border-left:4px solid var(--acc)}
h3{font-size:17.5px;letter-spacing:-.01em}
p{margin:14px 0 0}
strong{font-weight:600;color:var(--text)}
.shell{width:100%;max-width:var(--shell);margin:0 auto;padding:0 20px}

/* ---------- шапка ---------- */
.top{background:var(--deep);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.top-in{display:flex;align-items:center;gap:24px;min-height:60px}
.top-in>a:first-child{flex:0 0 auto;line-height:0}
.top-in>a:first-child img{height:var(--logo-h);width:auto}
.top nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
.top nav a{font-size:14.5px;font-weight:500;color:var(--muted)}
.top nav a:hover{color:var(--text);text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;
font-family:var(--head);font-weight:600;font-size:15px;padding:10px 20px;
border-radius:var(--btn-r);border:1px solid transparent;cursor:pointer;white-space:nowrap;
transition:background .14s ease,border-color .14s ease}
.btn-main{background:var(--acc);color:#fff;border-color:var(--acc)}
.btn-main:hover{background:var(--acc-d);text-decoration:none}
.btn-go{background:var(--acc);color:#fff;border-color:var(--acc);font-size:16px;padding:12px 24px}
.btn-go:hover{background:var(--acc-d);text-decoration:none}
.btn-line{background:transparent;color:var(--text);border-color:var(--line-s);font-size:15.5px;padding:12px 22px}
.btn-line:hover{border-color:var(--acc);color:var(--acc-t);text-decoration:none}
.wm{display:none}

/* ---------- герой: квадро ---------- */
.placar{position:relative;overflow:hidden;background:var(--deep);
border-top:3px solid var(--acc);border-bottom:1px solid var(--line)}
.placar::after{content:"";position:absolute;inset:0;pointer-events:none;
background:var(--placar-art);background-size:cover;background-position:var(--placar-pos,right -60px top -40px);
background-repeat:no-repeat;opacity:var(--placar-op,.5)}
.placar>.shell{position:relative;z-index:1;padding:var(--placar-pad)}
.placar.p2>.shell{max-width:840px}
.placar.p3>.shell{display:grid;grid-template-columns:1fr;justify-items:end;text-align:right}
.placar.p3 .dek{margin-left:auto}
.etiq{display:inline-block;font-family:var(--head);font-size:11.5px;font-weight:700;
text-transform:uppercase;letter-spacing:.12em;color:#fff;background:var(--acc);
padding:5px 11px;border-radius:2px;margin:0 0 18px}
.dek{color:var(--muted);font-size:17.5px;max-width:62ch;margin:18px 0 0}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.mini{color:var(--faint);font-size:12.5px;margin:18px 0 0}

/* ---------- полоса чисел ---------- */
.tira{display:flex;flex-wrap:wrap;gap:1px;margin-top:30px;background:var(--line)}
.tira>div{flex:1 1 150px;background:var(--surface);padding:14px 16px 16px}
.tira b{display:block;font-family:var(--head);font-weight:700;font-size:24px;
line-height:1;color:var(--text);font-variant-numeric:tabular-nums}
.tira span{display:block;margin-top:7px;color:var(--faint);font-size:12.5px;line-height:1.45}

/* ---------- секции ---------- */
.sec{padding:var(--sec-pad);border-bottom:1px solid var(--line)}
.sec.alt{background:var(--surface2)}
.sec.clara{background:var(--cream);color:var(--ink);border-bottom-color:rgba(0,0,0,.1)}
.sec.clara h2{border-left-color:var(--acc)}
.sec.clara .cap{color:var(--acc)}
.sec.clara .lead,.sec.clara p{color:var(--ink-s)}
.sec.clara strong{color:var(--ink)}
.cap{display:block;font-family:var(--head);font-size:12px;font-weight:700;
text-transform:uppercase;letter-spacing:.14em;color:var(--acc-t);margin:0 0 11px}
.lead{color:var(--muted);font-size:16.5px;max-width:72ch;margin:15px 0 0}

/* ---------- квадро: плотные строки ---------- */
.quadro{margin-top:24px;background:var(--surface);border:1px solid var(--line)}
.quadro>b{display:block;font-family:var(--head);font-size:12px;font-weight:700;
text-transform:uppercase;letter-spacing:.11em;color:var(--faint);
padding:12px 16px;border-bottom:1px solid var(--line);background:var(--deep)}
.quadro .linha{display:grid;grid-template-columns:var(--linha-cols);gap:14px;
padding:11px 16px;border-bottom:1px solid var(--line);align-items:baseline;font-size:14.5px}
.quadro .linha:last-child{border-bottom:0}
.quadro .linha:hover{background:var(--surface2)}
.quadro .linha i{font-style:normal;color:var(--muted)}
.quadro .linha em{font-style:normal;color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}
.sec.clara .quadro{background:#fff;border-color:rgba(0,0,0,.12)}
.sec.clara .quadro>b{background:#f1f1f1;color:#666;border-bottom-color:rgba(0,0,0,.1)}
.sec.clara .quadro .linha{border-bottom-color:rgba(0,0,0,.08)}
.sec.clara .quadro .linha i{color:#5a5a5a}
.sec.clara .quadro .linha em{color:#151515}
.sec.clara .quadro .linha:hover{background:#f7f7f7}

/* ---------- метки ---------- */
.chip{display:inline-block;font-family:var(--head);font-size:11px;font-weight:700;
text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:2px;white-space:nowrap}
.chip.pub{background:rgba(214,32,38,.14);color:#ff6a6f;box-shadow:inset 0 0 0 1px rgba(214,32,38,.45)}
.chip.no{background:rgba(255,255,255,.06);color:var(--faint);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.chip.dif{background:rgba(233,168,32,.14);color:#e9a820;box-shadow:inset 0 0 0 1px rgba(233,168,32,.45)}
.sec.clara .chip.pub{background:rgba(214,32,38,.1);color:#b0141a;box-shadow:inset 0 0 0 1px rgba(214,32,38,.35)}
.sec.clara .chip.no{background:rgba(0,0,0,.05);color:#6a6a6a;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.sec.clara .chip.dif{background:rgba(180,120,0,.1);color:#8a5c00;box-shadow:inset 0 0 0 1px rgba(180,120,0,.3)}

/* ---------- числа ---------- */
.numeros{display:grid;grid-template-columns:repeat(var(--num-cols),1fr);gap:1px;
margin-top:24px;background:var(--line)}
.numeros>div{background:var(--surface);padding:16px 16px 18px;border-top:2px solid var(--acc)}
.numeros u{display:block;text-decoration:none;font-family:var(--head);font-weight:700;
font-size:27px;line-height:1;font-variant-numeric:tabular-nums}
.numeros small{display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.45}

/* ---------- таблица ---------- */
.tabela{margin-top:24px;overflow-x:auto;overflow-y:hidden}
.tabela table{width:100%;border-collapse:collapse;min-width:520px;font-size:14.5px}
.tabela th{background:var(--deep);color:var(--faint);font-family:var(--head);font-weight:700;
font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;text-align:left;
padding:11px 14px;border-bottom:2px solid var(--acc)}
.tabela td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted)}
.tabela tr:hover td{background:var(--surface2)}
.tabela td.v{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}

/* ---------- лестница ---------- */
.escada{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:1px;
background:var(--line)}
.escada>div{background:var(--surface);padding:12px 8px 14px;text-align:center}
.escada b{display:block;font-family:var(--head);font-size:12px;font-weight:700;color:var(--faint)}
.escada u{display:block;text-decoration:none;margin-top:6px;font-family:var(--head);
font-weight:700;font-size:19px;color:var(--acc-t);font-variant-numeric:tabular-nums}
.escada>div:last-child u{color:#ff8f93}

/* ---------- шаги ---------- */
.passos{list-style:none;counter-reset:ps;margin:24px 0 0;padding:0;display:grid;
grid-template-columns:repeat(var(--pas-cols),1fr);gap:1px;background:var(--line)}
.passos li{counter-increment:ps;background:var(--surface);padding:16px 18px 18px}
.passos li::before{content:counter(ps,decimal-leading-zero);display:block;
font-family:var(--head);font-weight:700;font-size:13px;color:var(--acc);margin-bottom:9px;
font-variant-numeric:tabular-nums}
.passos b{display:block;font-family:var(--head);font-size:16px;font-weight:600}
.passos p{margin:7px 0 0;color:var(--muted);font-size:14px}

/* ---------- сравнение ---------- */
.contra{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:24px;background:var(--line)}
.contra>div{background:var(--surface);padding:18px 20px 20px}
.contra>div:first-child{box-shadow:inset 3px 0 0 var(--acc)}
.contra>div:last-child{box-shadow:inset 3px 0 0 var(--line-s)}
.contra h3{font-size:16.5px}
.contra p{margin:10px 0 0;color:var(--muted);font-size:14.5px}

/* ---------- цитата ---------- */
.fala{margin-top:24px;padding:18px 20px;background:var(--surface2);
border-left:4px solid var(--acc)}
.fala p{margin:0;font-size:16.5px}
.fala cite{display:block;margin-top:11px;font-style:normal;color:var(--faint);font-size:13px}
.sec.clara .fala{background:#fff;border-left-color:var(--acc)}
.sec.clara .fala cite{color:#6a6a6a}

/* ---------- врезка ---------- */
.aviso{margin-top:24px;padding:18px 20px 20px;background:var(--surface);
border:1px solid var(--line);border-top:2px solid var(--acc)}
.aviso h3{color:var(--acc-t);font-size:16.5px}
.aviso p{margin:10px 0 0;color:var(--muted);font-size:14.5px}
.aviso .par{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;
margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.aviso .par>div{font-size:12px;color:var(--faint);text-transform:uppercase;letter-spacing:.07em}
.aviso .par strong{display:block;margin-top:4px;font-size:14.5px;color:var(--text);
text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums}

/* ---------- список ---------- */
.rol{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:1px;background:var(--line)}
.rol li{background:var(--surface);padding:14px 18px;display:grid;grid-template-columns:8px 1fr;gap:13px}
.rol li::before{content:"";width:8px;height:8px;margin-top:8px;background:var(--acc);border-radius:1px}
.rol b{font-family:var(--head);font-size:15.5px;font-weight:600}
.rol p{margin:5px 0 0;color:var(--muted);font-size:14.5px}
.sec.clara .rol{background:rgba(0,0,0,.1)}
.sec.clara .rol li{background:#fff}
.sec.clara .rol p{color:#5a5a5a}

/* ---------- вопросы ---------- */
.perg{margin-top:24px;display:grid;gap:1px;background:var(--line)}
.perg details{background:var(--surface)}
.perg summary{list-style:none;cursor:pointer;padding:14px 18px}
.perg summary::-webkit-details-marker{display:none}
.perg summary h3{display:grid;grid-template-columns:1fr 16px;gap:14px;align-items:center;font-size:16px}
.perg summary h3::after{content:"";width:9px;height:9px;justify-self:end;
border-right:2px solid var(--acc);border-bottom:2px solid var(--acc);
transform:rotate(45deg);transition:transform .15s ease}
.perg details[open] summary h3::after{transform:rotate(-135deg)}
.perg details[open]{box-shadow:inset 3px 0 0 var(--acc)}
.perg details>p{margin:0 18px 16px;color:var(--muted);font-size:15px}

/* ---------- картинки ---------- */
.imagem{margin:28px auto 0;display:flex;flex-direction:column;align-items:center;text-align:center}
.imagem img{border-radius:var(--r);width:100%;max-width:var(--im-max,100%)}
.imagem figcaption{margin-top:10px;color:var(--faint);font-size:12.5px;line-height:1.55;
max-width:min(100%,620px)}
.imagem.par{display:grid;grid-template-columns:var(--im-max,320px) auto;gap:28px;
align-items:center;justify-content:center;text-align:left;width:fit-content}
.imagem.par figcaption{margin-top:0;font-size:14px;line-height:1.6;max-width:52ch;color:var(--muted)}
.imagem.par figcaption b{display:block;font-family:var(--head);font-weight:600;font-size:15.5px;
color:var(--text);margin-bottom:7px}
.sec.clara .imagem figcaption{color:#5a5a5a}
.sec.clara .imagem.par figcaption b{color:#151515}

/* ---------- закрывающий блок ---------- */
.fecho{padding:36px 0;background:var(--deep);border-top:3px solid var(--acc)}
.fecho .shell{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.fecho div{flex:1;min-width:270px}
.fecho h2{font-size:clamp(19px,2.4vw,24px);padding-left:0;border-left:0}
.fecho p{margin:9px 0 0;color:var(--muted);font-size:14.5px}
.fecho .cap{margin-bottom:9px}

/* ---------- юридические страницы ---------- */
.docs{padding:42px 0 52px}
.docs .shell{max-width:780px;counter-reset:dc}
.docs h2{counter-increment:dc;font-size:19.5px;margin:34px 0 0;padding-left:0;border-left:0;
display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:baseline}
.docs h2::before{content:counter(dc,decimal-leading-zero);font-family:var(--head);
font-size:13px;font-weight:700;color:var(--acc);font-variant-numeric:tabular-nums}
.docs p{color:var(--muted)}
.sumo{margin:22px 0 34px;background:var(--surface);border:1px solid var(--line);
border-left:4px solid var(--acc);padding:16px 20px}
.sumo b{display:block;font-family:var(--head);font-size:11.5px;font-weight:700;
text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin-bottom:10px}
.sumo ol{margin:0;padding-left:20px;color:var(--muted);font-size:14.5px}
.sumo li{margin:4px 0}

/* ---------- подвал ---------- */
.foot{background:var(--deep);padding:34px 0 30px;color:var(--faint);font-size:13px}
.foot-top{display:flex;flex-wrap:wrap;align-items:center;gap:20px;
padding-bottom:20px;border-bottom:1px solid var(--line)}
.foot-top>a{line-height:0}
.foot-top img{height:var(--logo-h2);width:auto}
.foot nav{display:flex;flex-wrap:wrap;gap:18px;margin-left:auto}
.foot nav a{font-size:13.5px;color:var(--muted)}
.foot nav a:hover{color:var(--acc-t)}
.foot p{margin:13px 0 0;line-height:1.6;max-width:98ch}

@media (max-width:900px){
  .placar.p3>.shell{justify-items:start;text-align:left}
  .placar.p3 .dek{margin-left:0}
}
@media (max-width:720px){
  .top nav{display:none}
  .top-in{gap:12px;min-height:54px}
  .top-in>a:first-child img{height:20px}
  .btn-main{font-size:13.5px;padding:9px 13px}
  .numeros,.passos,.contra{grid-template-columns:1fr}
  .contra>div:last-child{box-shadow:inset 3px 0 0 var(--acc)}
  .sec{padding:34px 0}
  .quadro .linha{grid-template-columns:1fr;gap:5px}
  .fecho .shell{flex-direction:column;align-items:flex-start}
  .imagem.par{grid-template-columns:1fr;gap:14px;justify-items:center;text-align:center}
  .imagem.par figcaption{text-align:left}
  .tabela table{min-width:440px}
  .placar::after{opacity:.28}
}