/* ============================================================
   КВАЛСТАРТ — подготовка к экзамену на статус квалинвестора
   Светлая деловая тема: бумага + тёмно-синий, акцент-золото
   ============================================================ */

:root{
  --paper:#F7F6F3;
  --card:#FFFFFF;
  --alt:#FBFAF8;
  --line:#E3E0D9;
  --line-2:#CFCBC2;
  --hair:#F0EEE9;

  --ink:#14181F;
  --ink-2:#4A5261;
  --muted:#6B7280;
  --soft:#79818F;
  --faint:#9BA2AE;
  --off:#B4B9C2;

  --navy:#16324F;
  --navy-2:#1E4571;
  --navy-soft:#EDF2F7;
  --gold:#9C7C3C;

  --blue:#2F74BE;
  --blue-pale:#C3D2E4;
  --green:#0F9B74;
  --green-dk:#0B7357;
  --green-soft:#E7F4EF;
  --green-bg:#F3FAF7;
  --green-line:#D5EDE4;
  --clay:#CC6A2A;
  --clay-bg:#FBF2EA;
  --clay-line:#EDD5C2;
  --clay-ink:#7A4A22;

  --ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg{display:block;max-width:100%}
a{color:var(--navy);text-decoration:none}
a:hover{color:var(--gold)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.serif{font-family:'Source Serif 4','PT Serif',Georgia,serif}
.mono{font-family:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.wrap{width:min(1312px,100% - 2*clamp(18px,5vw,64px));margin-inline:auto}
section{padding:clamp(54px,6.5vw,88px) 0;position:relative}
h1,h2,h3{font-family:'Source Serif 4','PT Serif',Georgia,serif;margin:0;letter-spacing:-.018em;line-height:1.1;font-weight:700}
h1{font-size:clamp(33px,4.4vw,60px);line-height:1.05;letter-spacing:-.022em}
h2{font-size:clamp(27px,3.3vw,46px)}
h3{font-size:19px;letter-spacing:-.005em}
p{margin:0}
.lead{color:var(--ink-2);font-size:clamp(15.5px,1.25vw,18.5px);line-height:1.58}
/* ---------- заголовок раздела ---------- */
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(24px,4vw,60px);margin-bottom:clamp(28px,3.4vw,44px)}
.sec-head .lead{max-width:420px;margin-bottom:4px}
.sec-title{max-width:760px}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.eyebrow i{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--gold)}
.eyebrow s{width:26px;height:1px;background:var(--gold);display:block}
.eyebrow span{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);font-weight:600}
@media(max-width:880px){.sec-head{flex-direction:column;align-items:flex-start;gap:18px}.sec-head .lead{max-width:none}}
/* ---------- кнопки ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:17px 32px;font-size:16px;font-weight:600;cursor:pointer;border:1px solid transparent;
  transition:background .2s,color .2s,border-color .2s,transform .2s var(--ease);white-space:nowrap;text-align:center}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:var(--navy-2);color:#fff;transform:translateY(-1px)}
.btn-ghost{background:var(--card);border-color:var(--line-2);color:var(--ink);font-weight:500}
.btn-ghost:hover{border-color:var(--navy);color:var(--navy)}
.btn-sm{padding:12px 22px;font-size:14.5px}
.btn-block{width:100%}
/* ---------- шапка ---------- */
.hdr{position:sticky;top:0;z-index:60;background:var(--card);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:clamp(14px,2vw,32px);height:74px;flex-wrap:nowrap}
.logo{display:flex;align-items:center;gap:12px;flex:none;min-width:0}
.logo-mark{width:34px;height:34px;flex:none}
.logo b{display:block;font-family:'Source Serif 4',Georgia,serif;font-size:18px;font-weight:700;letter-spacing:.02em;line-height:1.1;white-space:nowrap}
.logo>span>span{display:none;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--soft);margin-top:2px;white-space:nowrap}
@media(min-width:1440px){.logo>span>span{display:block}}
.nav{display:flex;align-items:center;gap:clamp(10px,1.4vw,22px);margin-left:auto;font-size:14.5px;
  color:var(--ink-2);font-weight:500;min-width:0;position:relative}
.nav>a,.nav-dropbtn{padding:9px 2px;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;
  white-space:nowrap;transition:color .2s;position:relative;z-index:1}
.nav>a:hover,.nav-dropbtn:hover{color:var(--navy)}
.nav>a.active{color:var(--navy)}
/* подчёркивание у каждого пункта: не зависит от соседей, поэтому не дёргается */
.nav>a::after,.nav-dropbtn::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;
  background:var(--navy);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease)}
.nav>a:hover::after,.nav-dropbtn:hover::after,.nav>a.active::after,
.nav-drop.is-current .nav-dropbtn::after,.nav-drop[data-open] .nav-dropbtn::after{transform:scaleX(1)}
.nav-dropbtn{display:inline-flex;align-items:center;gap:7px}
.nav-dropbtn svg{transition:transform .25s var(--ease)}
.nav-drop[data-open] .nav-dropbtn svg{transform:rotate(180deg)}
.nav-drop[data-open] .nav-dropbtn{color:var(--navy)}
.nav-drop.is-current .nav-dropbtn{color:var(--navy)}
.nav-drop{position:relative}
/* невидимый мостик под кнопкой: без него курсор, проходя зазор,
   терял наведение и панель моргала */
.nav-drop::after{content:'';position:absolute;left:-18px;right:-18px;top:100%;height:14px;display:none}
.nav-drop:hover::after,.nav-drop[data-open]::after{display:block}
.nav-panel{position:absolute;top:calc(100% + 12px);left:-18px;width:320px;background:var(--card);
  border:1px solid var(--line);border-top:3px solid var(--navy);box-shadow:0 28px 60px -34px rgba(20,24,31,.55);
  padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
.nav-drop[data-open] .nav-panel{opacity:1;visibility:visible;transform:none}
.nav-panel a{display:block;padding:12px 14px;transition:background .18s}
.nav-panel a:hover{background:var(--alt)}
.nav-panel b{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.nav-panel i{display:block;font-style:normal;font-size:12.5px;color:var(--soft);margin-top:3px;line-height:1.35}
.nav-panel a.drop-active{background:var(--navy-soft)}
.nav-panel a.drop-active b{color:var(--navy)}
.hdr-cta{display:flex;align-items:center;gap:12px;flex:none;margin-left:clamp(12px,1.6vw,24px)}
.hdr-tel{font-size:14.5px;white-space:nowrap;color:var(--ink-2)}
@media(max-width:1500px){.hdr-tel{display:none}}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line-2);background:var(--card);margin-left:auto;cursor:pointer;flex:none}
.burger span{display:block;width:18px;height:1.6px;background:var(--ink);margin:4px auto;transition:transform .25s var(--ease),opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}
@media(max-width:1180px){
  /* мобильное меню: выезжающая панель под шапкой */
  .nav{position:fixed;left:0;right:0;top:74px;flex-direction:column;align-items:stretch;gap:0;background:var(--card);
       border-bottom:1px solid var(--line);padding:8px clamp(18px,5vw,40px) 20px;transform:translateY(-135%);
       transition:transform .32s var(--ease);margin:0;box-shadow:0 24px 44px -28px rgba(20,24,31,.45);
       max-height:calc(100vh - 74px);overflow-y:auto;overscroll-behavior:contain}
  .nav.open{transform:translateY(0)}
  .nav>a,.nav-dropbtn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
    text-align:left;padding:14px 4px;border-bottom:1px solid var(--hair);font-size:16px;font-weight:500;color:var(--ink)}
  .nav>a::after,.nav-dropbtn::after{display:none}      /* подчёркивание — только для широких экранов */
  .nav>a:last-child{border-bottom:0}
  .nav>a.active{color:var(--navy);font-weight:600}
  .nav>a.active::before{content:'';width:3px;height:18px;background:var(--gold);
    position:absolute;left:0;margin-top:0}
  .nav>a{position:relative;padding-left:14px}
  .nav-dropbtn{padding-left:14px}
  .nav-dropbtn svg{flex:none;color:var(--faint)}
  .nav-drop{width:100%}
  .nav-panel{position:static;width:auto;opacity:1;visibility:visible;transform:none;outline:0;
    border:0;border-left:2px solid var(--line);box-shadow:none;padding:2px 0 6px 14px;margin:2px 0 8px;
    display:none;background:transparent}
  .nav-drop[data-open] .nav-panel{display:block}
  .nav-panel a{padding:10px 4px;border-bottom:1px solid var(--hair)}
  .nav-panel a:last-child{border-bottom:0}
  .nav-panel a:hover{background:transparent}
  .nav-panel b{font-size:15px}
  .nav-panel i{font-size:12px}
  .nav-panel a.drop-active{background:transparent}
  .nav-panel a.drop-active b{color:var(--navy)}
  /* кнопка заявки прямо в меню: на телефоне до неё иначе не дотянуться */
  .nav-lk{display:block;margin-top:6px;border-bottom:0!important}
  .nav::after{content:'';display:block;height:2px}
  .burger{display:block}
  .hdr-cta{margin-left:14px}
}
@media(max-width:560px){
  .hdr-cta .btn{padding:11px 16px;font-size:14px}
  .logo b{font-size:17px}
}
/* ---------- новостная плашка ---------- */
.newsbar{background:var(--navy);color:#fff}
.newsbar .wrap{display:flex;align-items:center;gap:14px;padding:12px 0;font-size:14.5px}
.newsbar em{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;background:var(--gold);padding:4px 9px;flex:none}
.newsbar a{color:#A8BCD2;margin-left:auto;font-size:13.5px;white-space:nowrap}
.newsbar a:hover{color:#fff}
@media(max-width:880px){.newsbar .wrap{flex-wrap:wrap;font-size:13.5px}.newsbar a{margin-left:0}}
/* ---------- hero ---------- */
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:clamp(28px,4vw,56px);align-items:start}
@media(max-width:1120px){.hero-grid{grid-template-columns:1fr;gap:32px}}
/* сетка с волосяными линиями */
.hairgrid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.hairgrid>*{background:var(--card)}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.g3.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.g2,.g3,.g4{grid-template-columns:1fr}}
.ok{flex:none;margin-top:1px}
/* карточка фактов об экзамене */
.factcard{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--navy)}
.factcard-top{padding:26px 28px 22px;border-bottom:1px solid var(--line)}
.factcard-top h3{font-size:clamp(20px,1.7vw,24px);line-height:1.22;margin:10px 0 6px}
.factcard-top p{font-size:13.5px;color:var(--soft);line-height:1.5}
.label{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-weight:600}
.gauge{display:flex;align-items:center;gap:22px;padding:24px 28px;border-bottom:1px solid var(--line)}
.gauge-list{display:flex;flex-direction:column;gap:11px}
.gauge-list b{font-family:'IBM Plex Mono',monospace;font-size:19px;font-weight:500;display:block}
.gauge-list span{font-size:13px;color:var(--soft)}
.frow{display:flex;justify-content:space-between;gap:16px;padding:15px 28px;border-bottom:1px solid var(--hair);font-size:14.5px;color:var(--ink-2)}
.frow:last-of-type{border-bottom:0}
.frow b{font-family:'IBM Plex Mono',monospace;font-weight:500;color:var(--ink)}
.frow b.warn{color:var(--clay)}
.frow b.good{color:var(--green)}
.caution{padding:18px 28px;background:var(--clay-bg);border-top:1px solid var(--clay-line);font-size:13.5px;line-height:1.55;color:var(--clay-ink)}
/* ---------- полоса показателей ---------- */
.stats{margin-top:clamp(36px,4vw,56px)}
.stats>div{padding:22px 26px}
.stats b{display:block;font-family:'IBM Plex Mono',monospace;font-size:clamp(23px,2.2vw,30px);font-weight:500;color:var(--navy);line-height:1}
.stats b.clay{color:var(--clay)}
.stats b.green{color:var(--green)}
.stats>div>span{display:block;font-size:13px;color:var(--soft);margin-top:7px}
.stats b span{font:inherit;color:inherit;display:inline;margin:0}
/* ---------- карточки ---------- */
.card{background:var(--card);border:1px solid var(--line)}
.cell{padding:30px 26px 32px}
.cell h3{margin:18px 0 9px;font-family:'IBM Plex Sans',sans-serif;font-size:17px;font-weight:600;letter-spacing:0}
.cell p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.cell svg{color:var(--navy);width:32px;height:32px}
.cell h3{margin-top:16px}
/* ---------- экзамены ---------- */
.exams-grid{display:grid;grid-template-columns:480px minmax(0,1fr);gap:26px;align-items:stretch}
.exams-grid>div:first-child{display:flex;flex-direction:column}
.exams-grid .disclaim{margin-top:14px}
@media(max-width:1120px){.exams-grid{grid-template-columns:1fr}}
.exam-list{flex:1;display:grid;grid-auto-rows:min-content;gap:12px;align-content:start}
.exam-item{display:flex;flex-direction:column;justify-content:space-between;width:100%;text-align:left;cursor:pointer;padding:19px 22px;background:var(--card);
  border:1px solid var(--line);border-left:3px solid var(--line);transition:border-color .2s,box-shadow .25s}
.exam-item:hover{border-color:var(--line-2);box-shadow:0 12px 30px -26px rgba(20,24,31,.45)}
.exam-item[aria-selected="true"]{border-color:var(--navy);border-left-color:var(--navy);box-shadow:0 10px 30px -22px rgba(22,50,79,.55);transform:none}
.exam-item.rec[aria-selected="true"]{border-left-color:var(--green)}
.exam-item strong{display:block;font-size:17px;font-weight:600}
.exam-item em{display:block;font-style:normal;font-size:13px;color:var(--soft);margin-top:4px}
.exam-item .price{display:block;font-family:'IBM Plex Mono',monospace;font-size:16px;font-weight:500;text-align:right;white-space:nowrap}
.exam-item .fmt{display:block;font-size:12px;color:var(--faint);margin-top:4px;text-align:right;white-space:nowrap}
.exam-item[aria-selected="true"] .badge{color:var(--navy)}
.exam-detail{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--navy);padding:clamp(22px,2.4vw,32px) clamp(20px,2.6vw,34px);display:flex;flex-direction:column;align-self:start}
.exam-detail.rec{border-top-color:var(--green)}
.exam-detail-head{display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding-bottom:20px;margin-bottom:4px;border-bottom:1px solid var(--hair)}
.exam-detail h3{font-size:clamp(21px,2vw,27px);margin-top:7px;line-height:1.16}
.tag{flex:none;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:7px 13px;color:#fff;background:var(--navy)}
.tag.rec{background:var(--green)}
.exam-facts{margin-top:24px}
@media(max-width:1400px){.exam-facts.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.exam-facts.g4{grid-template-columns:1fr}}
.exam-facts>div{padding:17px 20px;display:flex;flex-direction:column}
.exam-facts b{display:block;font-family:'IBM Plex Mono',monospace;font-size:17.5px;font-weight:500;line-height:1.3}
.exam-facts span{display:block;font-size:12.5px;color:var(--soft);margin-top:auto;padding-top:8px}
.note{display:flex;gap:12px;margin-top:22px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.note svg{flex:none;margin-top:2px}
.chart-block{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.exam-detail .note{margin-top:20px}
.chart-scroll{overflow-x:auto}
.chart-scroll svg{min-width:520px;width:100%;height:auto}
.exam-foot{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.exam-foot span{font-size:14px;color:var(--soft)}
/* ---------- переключатель доступа ---------- */
.switch{display:inline-flex;background:var(--card);border:1px solid var(--line-2);padding:4px}
.switch button{padding:12px 24px;font-size:14.5px;font-weight:600;border:0;background:transparent;color:var(--soft);cursor:pointer;transition:.2s}
.switch button[aria-pressed="true"]{background:var(--navy);color:#fff}
.switch button.g[aria-pressed="true"]{background:var(--green)}
.access-grid{display:grid;grid-template-columns:420px minmax(0,1fr);gap:26px;align-items:stretch}
@media(max-width:1120px){.access-grid{grid-template-columns:1fr}}
.count-big{display:flex;align-items:baseline;gap:12px;margin-top:24px}
.count-big b{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(52px,6vw,76px);font-weight:700;line-height:1;color:var(--blue)}
.count-big span{font-size:20px;color:var(--ink-2)}
.matrix{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:24px}
.matrix i{display:block;height:24px;border-radius:3px;background:#E6E4DF;transition:background .3s var(--ease)}
.mx-note{font-size:12.5px;color:var(--faint);margin-top:12px}
.access-rows{background:var(--card);border:1px solid var(--line)}
.arow{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:16px;padding:9px 22px;border-bottom:1px solid var(--hair);transition:background .3s}
.arow:last-child{border-bottom:0}
.arow-head{padding:13px 22px;border-bottom:1px solid var(--line)}
.arow-head span{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-weight:600}
.arow-head span:last-child{text-align:right}
.arow b{display:block;font-size:14.5px;font-weight:500;line-height:1.3}
.arow em{display:block;font-style:normal;font-size:12.5px;color:var(--faint);margin-top:1px;line-height:1.3}
.arow .state{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12.5px;font-weight:500}
.arow .state i{width:10px;height:10px;border-radius:2px;background:#D3D6DC;display:block;flex:none}
.arow.off{background:var(--alt)}
.arow.off b{color:var(--faint);font-weight:400}
.arow.off .state{color:var(--off)}
@media(max-width:620px){.arow,.arow-head{grid-template-columns:minmax(0,1fr) auto;padding-inline:18px}}
.mini{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-top:13px;font-size:14px;color:var(--ink-2)}
.mini b{font-family:'IBM Plex Mono',monospace;font-size:15px;font-weight:500}
/* ---------- таблица оснований ---------- */
.tbl{background:var(--card);border:1px solid var(--line)}
.trow{display:grid;grid-template-columns:250px minmax(0,1fr) 140px 160px;gap:22px;align-items:center;padding:20px 30px;border-bottom:1px solid var(--hair)}
.trow:last-child{border-bottom:0}
.thead{background:var(--alt);border-bottom:1px solid var(--line);padding:17px 30px}
.thead span{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-weight:600}
.thead span:last-child{text-align:right}
.trow>strong{font-size:16.5px;font-weight:600}
.trow>p{font-size:14.5px;color:var(--muted);line-height:1.5}
.trow>p b{color:var(--ink)}
.trow>.term{font-family:'IBM Plex Mono',monospace;font-size:14.5px;color:var(--ink-2)}
.trow>.mark{text-align:right}
.chip.good{color:#fff;background:var(--green);border-color:var(--green);font-weight:500}
.trow.win{background:var(--green-bg);border-left:3px solid var(--green);border-bottom:0}
.trow.win>strong{color:var(--green-dk);font-weight:700}
.trow.win>p{color:#38634F}
.trow.win>p b{color:var(--green-dk)}
.trow.win>.term{color:var(--green-dk);font-weight:500}
@media(max-width:1000px){
  .trow{grid-template-columns:1fr;gap:10px;padding:20px}
  .thead{display:none}
  .trow>.mark{text-align:left}
  .trow>.term::before{content:'Срок: ';color:var(--soft)}
}
/* ---------- шаги ---------- */
.steps{position:relative}
.steps-line{position:absolute;left:0;right:0;top:23px;height:2px;background:linear-gradient(90deg,var(--blue) 0%,var(--blue) 72%,var(--green) 100%);opacity:.25}
.steps-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px}
@media(max-width:1100px){
  .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .steps-line{display:none}
}
@media(max-width:620px){.steps-grid{grid-template-columns:1fr}.step{padding-right:0}}
/* ---------- гарантия ---------- */
.guar{display:grid;grid-template-columns:190px minmax(0,1fr) 300px;gap:clamp(24px,3.6vw,54px);align-items:center;
  background:var(--card);border:1px solid var(--line);border-top:3px solid var(--green);padding:clamp(28px,3.4vw,44px) clamp(24px,3.6vw,52px)}
@media(max-width:1060px){.guar{grid-template-columns:1fr;text-align:left}.guar svg{margin:0}}
.guar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 40px;margin-top:26px}
.guar-list div{display:flex;gap:11px;align-items:flex-start;font-size:15px;color:var(--ink-2)}
@media(max-width:760px){.guar-list{grid-template-columns:1fr}}
.guar-side{border-left:1px solid var(--line);padding-left:40px}
@media(max-width:1060px){.guar-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:26px}}
.guar-side p{font-family:'Source Serif 4',Georgia,serif;font-size:20px;line-height:1.4;font-weight:600;margin-bottom:20px}
.guar-side small{display:block;margin-top:14px;font-size:13px;color:var(--soft);text-align:center}
/* ---------- отзывы ---------- */
.rev-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}
@media(max-width:1060px){.rev-grid{grid-template-columns:1fr;max-width:720px}}
.rev{background:var(--card);border:1px solid var(--line);padding:clamp(26px,2.6vw,36px) clamp(22px,2.4vw,34px);display:flex;flex-direction:column}
.rev.lead-rev{border-top:3px solid var(--navy)}
.rev.lead-rev p{color:var(--ink)}
.rev p{font-size:15.5px;line-height:1.68;color:var(--ink-2);margin-bottom:26px}
.rev-who{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}
.ava{width:44px;height:44px;flex:none;background:var(--hair);display:flex;align-items:center;justify-content:center;
  font-family:'IBM Plex Mono',monospace;font-size:13.5px;color:var(--ink-2)}
.lead-rev .ava{background:var(--navy-soft);color:var(--navy);font-weight:500}
.rev-who b{display:block;font-size:15px;font-weight:600}
.rev-who span{display:block;font-size:13px;color:var(--soft);margin-top:2px}
.rev-stats{margin-top:26px}
.rev-stats>div{padding:22px 26px;display:flex;align-items:baseline;gap:14px}
.rev-stats b{font-family:'IBM Plex Sans',sans-serif;font-size:27px;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums;letter-spacing:-.015em;line-height:1}
.rev-stats b.green{color:var(--green)}
.rev-stats span{font-size:14px;color:var(--muted)}
.rail-nav{display:flex;gap:10px}
.rail-btn{width:46px;height:46px;border:1px solid var(--line-2);background:var(--card);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}
.rail-btn:hover{border-color:var(--navy);background:var(--navy);color:#fff}
.rail-btn:hover svg path{stroke:#fff}
@media(min-width:1061px){.rail-nav{display:none}}
@media(max-width:1060px){
  .rev-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:12px;max-width:none}
  .rev{flex:0 0 min(420px,85vw);scroll-snap-align:start}
}
/* ---------- тарифы ---------- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
@media(max-width:1060px){.plans{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}
.plan{position:relative;background:var(--card);border:1px solid var(--line);padding:clamp(26px,2.6vw,34px) clamp(22px,2.4vw,32px) 32px;display:flex;flex-direction:column;min-height:560px}
.plan.best{border-color:var(--navy);border-top:3px solid var(--navy);box-shadow:0 14px 40px -24px rgba(22,50,79,.45)}
@media(min-width:1061px){.plan.best{margin-top:-25px;min-height:610px}}
.plan-badge{position:absolute;top:0;right:0;background:var(--navy);color:#fff;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:6px 14px}
.plan-n{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.plan.best .plan-n{color:var(--navy)}
.plan h3{font-size:26px;margin:14px 0 0}
.plan-sub{font-size:14.5px;color:var(--soft);margin-top:8px}
.price{display:flex;align-items:baseline;gap:10px;margin-top:26px}
.price b{font-family:'IBM Plex Mono',monospace;font-size:clamp(30px,2.8vw,36px);font-weight:500;line-height:1}
.plan.best .price b{color:var(--navy)}
.price span{font-size:16px;color:var(--soft)}
.plan-list{display:flex;flex-direction:column;gap:14px;flex-grow:1;margin-top:26px;padding-top:26px;border-top:1px solid var(--line)}
.plan-list div{display:flex;gap:11px;font-size:14.5px;color:var(--ink-2);line-height:1.45}
.plan-list div.no{color:var(--off)}
.plan .btn{margin-top:24px}
.plans-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 30px;margin-top:40px;padding-top:26px;border-top:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.plans-foot i{width:4px;height:4px;background:var(--gold);display:block}
/* ---------- FAQ + форма ---------- */
.faq-grid{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:clamp(28px,5vw,72px);align-items:start}
@media(max-width:1120px){.faq-grid{grid-template-columns:1fr}}
.faq{background:var(--card);border:1px solid var(--line)}
.q{border-bottom:1px solid var(--hair)}
.q:last-child{border-bottom:0}
.q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:21px 28px;font-size:17px;font-weight:600}
.q summary::-webkit-details-marker{display:none}
.q summary::after{content:'+';font-family:'IBM Plex Sans',sans-serif;font-size:22px;line-height:1;color:var(--gold);flex:none;width:20px;text-align:center;font-weight:400}
.q[open]{background:var(--alt)}
.q[open] summary{color:var(--navy)}
.q[open] summary::after{content:'–';color:var(--navy)}
.q p{padding:0 28px 23px;font-size:15.5px;line-height:1.65;color:var(--ink-2);max-width:72ch}
@media(max-width:620px){.q summary{padding:18px 20px;font-size:16px}.q p{padding:0 20px 20px}}
.form-card{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--navy);padding:clamp(26px,2.8vw,40px) clamp(22px,2.6vw,36px)}
.form-card h3{font-size:clamp(24px,2.4vw,32px);line-height:1.16;margin:18px 0 0}
.form-card>p{font-size:15px;line-height:1.6;color:var(--ink-2);margin-top:14px}
.form{display:flex;flex-direction:column;gap:16px;margin-top:28px}
.field span{display:block;font-size:12.5px;color:var(--soft);margin-bottom:8px}
.field input,.field select{width:100%;padding:13px 15px;border:1px solid var(--line-2);background:var(--card);font-size:15.5px;transition:border-color .2s,box-shadow .2s}
.field input::placeholder{color:var(--off)}
.field input:focus,.field select:focus{outline:0;border-color:var(--navy);box-shadow:0 0 0 3px rgba(22,50,79,.08)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:var(--soft);margin-top:16px}
.consent input{width:16px;height:16px;flex:none;margin-top:2px;accent-color:var(--navy)}
.form-ok{display:none;padding:18px;background:var(--green-bg);border:1px solid var(--green-line);color:var(--green-dk);font-weight:600;text-align:center}
.trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.trust span{font-size:12.5px;color:var(--ink-2);background:var(--alt);border:1px solid var(--line);padding:7px 12px}
.trust span.g{background:var(--green-bg);border-color:var(--green-line)}
/* ---------- футер ---------- */
.ftr{background:var(--card);border-top:1px solid var(--line);padding:clamp(40px,4vw,56px) 0 36px}
.ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px}
@media(max-width:820px){.ftr-grid{grid-template-columns:1fr;gap:26px}}
.ftr h4{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:0 0 14px;font-weight:600;font-family:'IBM Plex Sans',sans-serif}
.ftr a{display:block;color:var(--ink-2);font-size:15px;padding:5px 0}
.ftr a:hover{color:var(--gold)}
.ftr-about{font-size:14.5px;color:var(--muted);margin-top:14px;max-width:46ch;line-height:1.6}
.disclaimer{margin-top:34px;padding-top:24px;border-top:1px solid var(--line);color:var(--faint);font-size:12.5px;line-height:1.65}
/* ---------- плавающая кнопка ---------- */
.sticky{position:fixed;left:50%;bottom:18px;transform:translate(-50%,180%);z-index:55;display:flex;align-items:center;gap:18px;
  padding:10px 10px 10px 22px;background:var(--card);border:1px solid var(--line-2);box-shadow:0 18px 50px -24px rgba(20,24,31,.55);
  transition:transform .4s var(--ease);max-width:94vw}
.sticky.show{transform:translate(-50%,0)}
.sticky p{font-size:14.5px;color:var(--ink-2)}
.sticky b{color:var(--ink)}
@media(max-width:620px){.sticky p{display:none}.sticky{padding:10px}}
/* ---------- появление ---------- */
[data-rv]{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
[data-rv].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition-duration:.01ms!important}
  [data-rv]{opacity:1;transform:none}
  html{scroll-behavior:auto}
}
/* ---------- криптовалюта ---------- */
.crypto-strip{
  display:flex;align-items:center;gap:16px;margin-top:22px;padding:16px 20px;
  background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);
  transition:border-color .2s,transform .2s var(--ease)
}
.crypto-strip:hover{border-color:var(--line-2);border-left-color:var(--gold);transform:translateY(-1px)}
.crypto-tag{
  flex:none;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:#fff;background:var(--gold);padding:5px 10px
}
.crypto-txt{font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.crypto-txt b{color:var(--ink)}
.crypto-arr{flex:none;color:var(--navy)}
@media(max-width:620px){.crypto-strip{flex-wrap:wrap;gap:12px}.crypto-arr{display:none}}
.crypto-block{
  display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:clamp(28px,4vw,56px);align-items:center;
  background:var(--card);border:1px solid var(--line);border-top:3px solid var(--gold);
  padding:clamp(28px,3.4vw,46px) clamp(24px,3vw,44px)
}
@media(max-width:1060px){.crypto-block{grid-template-columns:1fr}}
.crypto-block>div>.crypto-cols:first-child{margin-top:0;padding-top:0;border-top:0}
.crypto-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
@media(max-width:680px){.crypto-cols{grid-template-columns:1fr;gap:22px}}
.crypto-h{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-weight:600;margin-bottom:14px}
.crypto-h.good{color:var(--green)}
.crypto-row{display:flex;gap:11px;align-items:flex-start;margin-bottom:11px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.crypto-row svg{flex:none;margin-top:2px}
.crypto-chart{background:var(--alt);border:1px solid var(--line);padding:26px 28px}
.crypto-chart>svg{width:100%;height:auto;margin-top:16px}
/* страница про криптовалюту */
.page-hero{padding:clamp(40px,5vw,64px) 0 clamp(28px,3vw,40px)}
.page-hero h1{max-width:22ch}
.page-hero .lead{margin-top:22px;max-width:680px}
.law{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:clamp(28px,3vw,40px)}
@media(max-width:820px){.law{grid-template-columns:1fr}}
.law>div{background:var(--card);padding:24px 26px}
.law-top{display:flex;align-items:center;gap:11px;color:var(--gold)}
.law .date{font-family:'IBM Plex Mono',monospace;font-size:15px;font-weight:500;color:var(--navy)}
.law h3{font-family:'IBM Plex Sans',sans-serif;font-size:16.5px;font-weight:600;letter-spacing:0;margin:12px 0 8px}
.law p{font-size:14.5px;line-height:1.55;color:var(--muted)}
.vs{display:grid;grid-template-columns:minmax(0,1fr) 170px 170px;gap:18px;align-items:center;padding:13px 24px;border-bottom:1px solid var(--hair)}
.vs:last-child{border-bottom:0}
.vs-head{background:var(--alt);border-bottom:1px solid var(--line);padding:17px 28px}
.vs-head span{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-weight:600}
.vs-head span:not(:first-child),.vs>span:not(:first-child){text-align:center}
.vs-head.cr span,.vs-head.cr span:not(:first-child){text-align:left}
.vs>strong{font-size:16px;font-weight:600}
.vs>em,.vs strong em{font-style:normal;font-weight:400;font-size:13.5px;color:var(--faint);display:block;margin-top:3px;letter-spacing:0}
.vs .no{color:var(--off);font-size:14.5px}
.vs .yes{color:var(--green);font-size:14.5px;font-weight:500}
.vs .lim{color:var(--clay);font-size:14.5px;font-weight:500}
@media(max-width:760px){
  .vs{grid-template-columns:1fr 1fr;gap:8px 16px;padding:16px 20px}
  .vs>strong{grid-column:1/-1}
  .vs-head{display:none}
  .cmp .vs>span::before,.vs.cr>span::before{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}
  .cmp .vs>span:nth-child(3)::before{content:'без статуса'}
  .cmp .vs>span:nth-child(4)::before{content:'квал'}
  .vs.cr>span:nth-child(2)::before{content:'что проверяем'}
  .vs.cr>span:nth-child(3)::before{content:'зачем это вам'}
}
.arow.lim{background:#FDF8F3}
.arow.lim b{color:var(--ink)}
/* строки методики сравнения брокеров */
.vs.cr{grid-template-columns:minmax(0,230px) minmax(0,1fr) minmax(0,230px)}
.vs.cr>span{text-align:left;font-size:13.5px;color:var(--muted);line-height:1.45}
.vs.cr>span:last-child{color:var(--ink-2)}
.vs.cr>strong{font-size:14.5px;line-height:1.3}
@media(max-width:860px){
  .vs.cr{grid-template-columns:1fr;gap:6px}
  .vs.cr>span:last-child{color:var(--green);font-size:14px}
}
/* ---------- первый экран с фоновым видео ---------- */
/* Ролик светлый, в палитре сайта, поэтому вуаль тоже светлая:
   слева плотная — под текст, справа прозрачная — под картинку. */
.hero{position:relative;overflow:hidden;background:var(--paper);
  padding:clamp(52px,6.4vw,96px) 0 clamp(52px,5.6vw,86px);isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 46%,rgba(0,0,0,.72) 72%,rgba(0,0,0,.28) 90%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0,#000 46%,rgba(0,0,0,.72) 72%,rgba(0,0,0,.28) 90%,transparent 100%)}
.hero-bg video{width:100%;height:100%;object-fit:cover;display:block}
.hero-bg::after{content:'';position:absolute;inset:0;
  background:
    linear-gradient(96deg,rgba(247,246,243,.97) 0%,rgba(247,246,243,.94) 34%,rgba(247,246,243,.72) 58%,rgba(247,246,243,.28) 100%),
    linear-gradient(180deg,rgba(247,246,243,.58) 0%,rgba(247,246,243,0) 26%,rgba(247,246,243,.3) 78%,rgba(247,246,243,.6) 100%)}
.hero-in{display:flex;flex-direction:column;gap:clamp(34px,4.4vw,64px);min-height:clamp(430px,50vw,610px)}
.hero-lede{max-width:800px}
.hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.hero-kicker s{width:34px;height:1px;background:var(--gold);display:block}
.hero-kicker span{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--soft);font-weight:600}
.hero h1{max-width:27ch;text-wrap:balance}
.hero h1 .accent{color:var(--clay)}
.hero .lead{margin-top:22px;max-width:640px}
.hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.hero .btn-ghost{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero .hero-note{margin-top:16px}
.hero-note{margin-top:15px;font-size:13.5px;color:var(--soft)}
.usp-dark{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:auto;
  background:var(--line);border:1px solid var(--line);box-shadow:0 18px 50px -34px rgba(20,24,31,.5)}
.usp-dark>div{background:rgba(255,255,255,.88);padding:18px 22px;display:flex;gap:12px;align-items:flex-start;min-width:0;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.usp-dark b{display:block;font-size:15px;font-weight:600;line-height:1.35}
.usp-dark>div>span{min-width:0;overflow-wrap:anywhere;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.usp-dark>div>span>b+i{margin-top:3px}
.usp-dark i{display:block;font-style:normal;font-size:13px;color:var(--soft);margin-top:3px}
@media(max-width:1000px){.usp-dark{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.usp-dark{grid-template-columns:1fr}}
@media(max-width:760px){
  .hero-bg::after{background:linear-gradient(180deg,rgba(247,246,243,.9) 0%,rgba(247,246,243,.84) 48%,rgba(247,246,243,.96) 100%)}
  .hero-bg{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 62%,rgba(0,0,0,.5) 86%,transparent 100%);
           mask-image:linear-gradient(180deg,#000 0,#000 62%,rgba(0,0,0,.5) 86%,transparent 100%)}
}
.afterhero{padding:clamp(10px,1.4vw,22px) 0 0}
.afterhero .stats{margin-top:0}
.afterhero .crypto-strip{margin-top:20px}
@media(prefers-reduced-motion:reduce){.hero-bg video{display:none}
  .hero-bg{background:#0B1828 url(/assets/video/intro-poster.jpg) center/cover no-repeat}}
/* ---------- паспорт экзамена: горизонтальная полоса ---------- */
.examcard-band{padding:clamp(22px,2.8vw,38px) 0 0}
.factcard-wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1.25fr)}
.factcard-wide .factcard-top{border-bottom:0;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.factcard-wide .gauge{border-bottom:0;border-right:1px solid var(--line);height:100%}
.factcard-wide .frows{display:flex;flex-direction:column;justify-content:center}
.factcard-wide .frow{padding-block:13px}
.factcard-wide .frow:last-child{border-bottom:0}
.factcard-wide .caution{grid-column:1/-1;border-top:1px solid var(--clay-line)}
@media(max-width:1060px){
  .factcard-wide{grid-template-columns:1fr}
  .factcard-wide .factcard-top,.factcard-wide .gauge{border-right:0;border-bottom:1px solid var(--line)}
}
/* логотипы операторов экзаменов */
/* карточка экзамена: логотип и цифры сверху, название ниже, подпись внизу */
.exam-row-top{display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding-bottom:16px;border-bottom:1px solid var(--hair)}
.exam-nums{flex:none;text-align:right}
.exam-name{display:block;margin-top:16px}
.exam-item .badge{display:block;margin-top:auto;padding-top:16px;font-size:12.5px;color:var(--faint)}
.exam-item[aria-selected="true"] .exam-row-top{border-bottom-color:var(--line)}
.exam-logo{flex:none;width:168px;height:42px;display:flex;align-items:center;transition:opacity .2s}
.exam-item:not([aria-selected="true"]) .exam-logo{opacity:.82}
.exam-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:left center}
.exam-logo.lg{width:auto;max-width:180px;height:46px;margin-top:0;flex:none}
.exam-detail-id{display:flex;gap:clamp(16px,1.8vw,24px);align-items:center;min-width:0}
@media(max-width:520px){
  .exam-row-top{gap:12px;padding-bottom:13px}
  .exam-logo{width:132px;height:33px}
  .exam-logo.lg{width:160px;height:42px}
  .exam-name{margin-top:13px}
}
/* ---------- оживление блока экзаменов ---------- */
@keyframes examIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes barGrow{from{transform:scaleX(.02)}to{transform:scaleX(1)}}
.exam-detail-head,
.exam-detail>.lead,
.exam-detail .note,
.exam-detail .chart-block,
.exam-detail .exam-foot{animation:examIn .38s var(--ease) both}
.exam-detail>.lead{animation-delay:.04s}
.exam-facts>div{animation:examIn .38s var(--ease) both}
.exam-facts>div:nth-child(1){animation-delay:.06s}
.exam-facts>div:nth-child(2){animation-delay:.1s}
.exam-facts>div:nth-child(3){animation-delay:.14s}
.exam-facts>div:nth-child(4){animation-delay:.18s}
.exam-detail .note{animation-delay:.2s}
.exam-detail .chart-block{animation-delay:.24s}
.exam-detail .exam-foot{animation-delay:.28s}
.chart-scroll .bar{transform-box:view-box;transform-origin:258px 0;animation:barGrow .6s var(--ease) both}
.chart-scroll svg rect:not(.bar){transition:fill .3s}
.exam-item .exam-logo,.exam-item strong,.exam-item .price{transition:color .2s,opacity .2s}
.exam-item:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.exam-item[aria-selected="true"] .price{color:var(--navy)}
.exam-item.rec[aria-selected="true"] .price{color:var(--green-dk)}
@media(prefers-reduced-motion:reduce){
  .exam-detail-head,.exam-detail>.lead,.exam-detail .note,.exam-detail .chart-block,
  .exam-detail .exam-foot,.exam-facts>div,.chart-scroll .bar{animation:none!important}
  .exam-item:hover{transform:none}
}
/* ---------- таблица оснований: раскрывающиеся строки ---------- */
.prow{border-bottom:1px solid var(--hair)}
.prow:last-child{border-bottom:0}
.paths-tbl button.trow{width:100%;text-align:left;background:transparent;border:0;border-bottom:0;
  font:inherit;color:inherit;cursor:pointer;transition:background .2s}
.paths-tbl button.trow:hover{background:var(--alt)}
.paths-tbl .trow.win:hover{background:var(--green-bg)}
.paths-tbl button.trow:focus-visible{outline:2px solid var(--navy);outline-offset:-3px}
.prow.open>button.trow{background:var(--alt)}
.prow.open>button.trow.win{background:var(--green-bg)}
.trow-more{padding:0 30px 22px 30px;background:var(--alt);animation:examIn .3s var(--ease) both}
.prow.open>.trow-more:not([hidden]){display:block}
.paths-tbl .trow.win+.trow-more{background:var(--green-bg);border-left:3px solid var(--green)}
.trow-more p{font-size:14.5px;line-height:1.62;color:var(--ink-2);max-width:82ch}
@media(max-width:1000px){.trow-more{padding:0 20px 20px}}
/* барьер: одинаковая шкала вместо разноразмерных плашек */
.trow>.mark{display:flex;align-items:center;gap:11px;justify-content:flex-end;text-align:right}
.gauge-bar{display:flex;gap:3px;flex:none}
.gauge-bar i{width:7px;height:16px;border-radius:2px;background:#E6E4DF;display:block}
.gauge-bar[data-level="2"] i:nth-child(-n+2),.gauge-bar[data-level="3"] i{background:var(--clay)}
.gauge-bar.good i{background:var(--green)}
.mark-txt{font-size:12.5px;color:var(--muted);white-space:nowrap;min-width:96px;text-align:left}
.trow.win .mark-txt{color:var(--green-dk);font-weight:600}
@media(max-width:1000px){
  .trow>.mark{justify-content:flex-start}
  .mark-txt{min-width:0}
}
/* ---------- дорожная карта ---------- */
.steps-line{overflow:hidden}
.steps-line i{display:block;height:100%;width:0;background:var(--navy);transition:width .45s var(--ease)}
.steps-grid .step{position:relative;display:flex;flex-direction:column;align-items:flex-start;
  width:100%;text-align:left;background:transparent;border:0;font:inherit;color:inherit;cursor:pointer;
  padding:0 18px 0 0;transition:opacity .25s}
.steps-grid .step:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
.step-n{width:48px;height:48px;background:var(--card);border:2px solid var(--line-2);display:flex;align-items:center;justify-content:center;
  font-family:'IBM Plex Mono',monospace;font-size:17px;font-weight:500;color:var(--soft);
  transition:background .25s,border-color .25s,color .25s}
.step.done .step-n{border-color:var(--navy);color:var(--navy)}
.step[aria-selected="true"] .step-n{background:var(--navy);border-color:var(--navy);color:#fff}
.steps-grid .step:last-child[aria-selected="true"] .step-n{background:var(--green);border-color:var(--green)}
.step-t{display:block;font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--faint);margin-top:22px;font-weight:500;transition:color .25s}
.step[aria-selected="true"] .step-t{color:var(--gold)}
.steps-grid .step:last-child[aria-selected="true"] .step-t{color:var(--green)}
.step-h{display:block;font-family:'IBM Plex Sans',sans-serif;font-size:19px;font-weight:600;line-height:1.3;margin:10px 0 11px;color:var(--soft);transition:color .25s}
.step[aria-selected="true"] .step-h,.step.done .step-h,.steps-grid .step:hover .step-h{color:var(--ink)}
.step-p{display:block;font-size:14.5px;line-height:1.58;color:var(--muted)}
.step-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);margin-top:clamp(28px,3.4vw,44px)}
.step-panel .sp-col{background:var(--card);padding:22px 26px;animation:examIn .35s var(--ease) both}
.step-panel .sp-col:nth-child(2){animation-delay:.06s}
.step-panel .sp-col:nth-child(3){animation-delay:.12s}
.step-panel .sp-out{background:var(--green-bg)}
.sp-lab{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-weight:600;margin-bottom:10px}
.sp-out .sp-lab{color:var(--green-dk)}
.step-panel p{font-size:15px;line-height:1.55;color:var(--ink-2)}
.sp-out p{color:var(--green-dk);font-weight:500}
@media(max-width:860px){.step-panel{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.steps-line i{transition:none}.step-panel .sp-col{animation:none}}
/* ---------- фоновое сопровождение ---------- */
/* Тонкая сетка по всей странице + тематические мотивы в отдельных секциях.
   Всё на прозрачности 2-6%: заметно боковым зрением, не спорит с текстом. */
body{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2296%22 height=%2296%22 fill=%22none%22%3E %3Cpath d=%22M0 24h96M0 48h96M0 72h96M24 0v96M48 0v96M72 0v96%22 stroke=%22%2316324F%22 stroke-opacity=%22.018%22 stroke-width=%221%22/%3E %3Cpath d=%22M96 0H0v96%22 stroke=%22%2316324F%22 stroke-opacity=%22.045%22 stroke-width=%221%22/%3E%3C/svg%3E");background-position:center top;background-attachment:fixed}
.themed{position:relative;isolation:isolate}
.themed::before{content:'';position:absolute;z-index:-1;pointer-events:none;
  background-repeat:no-repeat;background-size:contain}
.t-doc::before{right:-18px;top:34px;width:clamp(180px,17vw,250px);aspect-ratio:200/220;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 220%22 fill=%22none%22 stroke=%22%2316324F%22 stroke-opacity=%22.055%22 stroke-width=%222%22%3E %3Cpath d=%22M28 12h96l48 48v148H28z%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M124 12v48h48%22 stroke-linejoin=%22round%22/%3E %3Cpath d=%22M56 92h88M56 120h88M56 148h52%22 stroke-linecap=%22round%22/%3E %3Ccircle cx=%22140%22 cy=%22166%22 r=%2224%22/%3E%3Ccircle cx=%22140%22 cy=%22166%22 r=%229%22/%3E%3C/svg%3E")}
.t-chart::before{right:-24px;top:26px;width:clamp(220px,20vw,300px);aspect-ratio:240/200;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 240 200%22 fill=%22none%22 stroke=%22%2316324F%22 stroke-opacity=%22.055%22 stroke-width=%222%22%3E %3Cpath d=%22M14 182h212%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M44 182v-52M90 182v-92M136 182v-64M182 182v-124%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M24 148 60 118l38 24 44-44 52-52%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E %3Ccircle cx=%22218%22 cy=%2246%22 r=%227%22/%3E%3C/svg%3E")}
.t-route::before{left:50%;top:38%;transform:translateX(-46%);width:clamp(420px,48vw,720px);aspect-ratio:260/170;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 260 170%22 fill=%22none%22 stroke=%22%2316324F%22 stroke-opacity=%22.06%22 stroke-width=%222%22%3E %3Cpath d=%22M22 142C74 142 70 100 122 100s52-44 116-44%22 stroke-dasharray=%2210 12%22 stroke-linecap=%22round%22/%3E %3Ccircle cx=%2222%22 cy=%22142%22 r=%2210%22/%3E%3Ccircle cx=%22122%22 cy=%22100%22 r=%2210%22/%3E%3Ccircle cx=%22238%22 cy=%2256%22 r=%2210%22/%3E %3Cpath d=%22M238 34v-12M232 28l6-6 6 6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E")}
@media(max-width:900px){.themed::before{display:none}}
@media print{body{background-image:none}.themed::before{display:none}}
/* объединённая полоса цифр на первом экране */
/* линии рисуем бордерами, а не зазорами сетки: при дробной ширине колонок
   однопиксельные зазоры схлопывались и границы пропадали */
.facts-band{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-top:28px;
  background:transparent;border:1px solid var(--line)}
.facts-band>div{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  padding:16px 14px 15px;border-right:1px solid var(--line);position:relative}
.facts-band>div::before{content:'';position:absolute;left:14px;right:14px;top:0;height:2px;background:transparent;transition:background .25s}
.facts-band>div:hover::before{background:var(--line-2)}
.facts-band>div:last-child{border-right:0}
.facts-band b{display:block;font-family:'IBM Plex Mono',monospace;font-size:clamp(15.5px,1.28vw,19px);
  font-weight:500;color:var(--navy);line-height:1.1;white-space:nowrap;letter-spacing:-.02em}
.facts-band b.clay{color:var(--clay)}
.facts-band b.green{color:#7A6130}
.facts-band b span{font:inherit;color:inherit}
.facts-band>div>span{display:block;font-size:11.5px;color:var(--soft);margin-top:8px;line-height:1.4;
  hyphens:auto;overflow-wrap:anywhere}
@media(max-width:1180px){
  .facts-band{grid-template-columns:repeat(3,minmax(0,1fr))}
  .facts-band>div:nth-child(3n){border-right:0}
  .facts-band>div:nth-child(-n+3){border-bottom:1px solid var(--line)}
}
@media(max-width:620px){
  .facts-band{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts-band>div{border-right:1px solid var(--line)}
  .facts-band>div:nth-child(2n){border-right:0}
  .facts-band>div:nth-child(-n+4){border-bottom:1px solid var(--line)}
}
/* ---------- экспресс-подача на первом экране ---------- */
.hero-kicker{flex-wrap:wrap;gap:12px}
.hero-kicker .ex-tag{flex:none;display:inline-block;background:#7A6130;color:#fff;font-family:'IBM Plex Mono',monospace;
  font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding:6px 12px}
.hero-kicker .ex-txt{font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2);font-weight:600}
@media(max-width:620px){
  .ex-track>div{flex:1 1 100%;border-right:0;border-bottom:1px solid var(--line)}
}
/* вход в личный кабинет */
.hdr-lk{white-space:nowrap}
.nav-lk{display:none}
@media(max-width:1180px){
  .hdr-lk{display:none}          /* на узких экранах кнопка уезжает в меню */
  .nav-lk{display:block;color:var(--navy);font-weight:600}
}
/* ---------- чат с куратором ---------- */
.chatw{position:fixed;right:20px;bottom:20px;z-index:8000;font-family:'IBM Plex Sans',sans-serif}
.chatw-btn{display:flex;align-items:center;gap:10px;padding:13px 20px;border:0;cursor:pointer;
  background:var(--navy);color:#fff;font:600 14.5px/1 'IBM Plex Sans',sans-serif;
  box-shadow:0 18px 44px -20px rgba(22,50,79,.75);transition:background .2s,transform .2s var(--ease)}
.chatw-btn:hover{background:var(--navy-2);transform:translateY(-2px)}
.chatw.open .chatw-btn{display:none}
.chatw-dot[hidden]{display:none}
.chatw-dot{position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;background:var(--clay);border:2px solid var(--paper)}
.chatw-btn{position:relative}
@media(max-width:620px){.chatw{right:14px;bottom:84px}.chatw-label{display:none}.chatw-btn{padding:14px;border-radius:50%}}
.chatw-panel[hidden]{display:none}
.chatw-panel{width:min(370px,calc(100vw - 28px));height:min(540px,calc(100vh - 120px));display:flex;flex-direction:column;
  background:var(--card);border:1px solid var(--line);box-shadow:0 30px 70px -30px rgba(20,24,31,.6)}
.chatw-head{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;background:var(--navy);color:#fff}
.chatw-head b{display:block;font-size:15.5px;font-weight:600}
.chatw-head span{display:block;font-size:12.5px;color:#A8BCD2;margin-top:3px;line-height:1.35}
.chatw-close{margin-left:auto;background:transparent;border:0;color:#A8BCD2;cursor:pointer;padding:4px}
.chatw-close:hover{color:#fff}
.chatw-body{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:var(--alt)}
.chatw-hello{font-size:14px;line-height:1.5;color:var(--muted);background:var(--card);border:1px solid var(--line);padding:13px 15px}
.chatw-msg{max-width:84%;padding:11px 14px;font-size:14.5px;line-height:1.5}
.chatw-msg p{margin:0;white-space:pre-wrap;word-break:break-word}
.chatw-msg time{display:block;font-size:11px;margin-top:5px;font-family:'IBM Plex Mono',monospace}
.chatw-msg.me{align-self:flex-end;background:var(--navy);color:#fff}
.chatw-msg.me time{color:#9FB3C9}
.chatw-msg.them{align-self:flex-start;background:var(--card);border:1px solid var(--line);color:var(--ink)}
.chatw-msg.them time{color:var(--faint)}
.chatw-err{font-size:13px;color:var(--clay);background:var(--clay-bg);border:1px solid var(--clay-line);padding:10px 12px;line-height:1.45}
.chatw-ask{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);padding:14px;display:flex;flex-direction:column;gap:9px}
.chatw-ask p{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.45}
.chatw-ask .chatw-done{color:var(--green-dk);font-weight:500}
.chatw-f{padding:10px 12px;border:1px solid var(--line-2);font-size:14px;width:100%}
.chatw-f:focus{outline:0;border-color:var(--navy)}
.chatw-ask-row{display:flex;gap:8px}
.chatw-ask-row button{padding:9px 14px;font:600 13px/1 'IBM Plex Sans',sans-serif;border:1px solid var(--line-2);background:var(--card);cursor:pointer}
.chatw-ask-row .chatw-ok{background:var(--navy);border-color:var(--navy);color:#fff}
.chatw-form{display:flex;gap:10px;align-items:flex-end;padding:14px;border-top:1px solid var(--line);background:var(--card)}
.chatw-input{flex:1;resize:none;border:1px solid var(--line-2);padding:11px 13px;font:400 14.5px/1.4 'IBM Plex Sans',sans-serif;max-height:120px}
.chatw-input:focus{outline:0;border-color:var(--navy)}
.chatw-send{flex:none;width:44px;height:44px;border:0;background:var(--navy);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.chatw-send:hover{background:var(--navy-2)}
@media(prefers-reduced-motion:reduce){.chatw-btn:hover{transform:none}}
/* ближайшие даты экзамена */
.slots{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.slot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:11px 0;border-bottom:1px solid var(--hair)}
.slot:last-of-type{border-bottom:0}
.slot b{font-size:15px;font-weight:600;min-width:210px}
.slot span{display:flex;gap:8px;flex-wrap:wrap}
.slot i{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:13.5px;color:var(--navy);
  background:var(--navy-soft);padding:6px 12px;transition:background .2s,color .2s}
.slot:first-of-type i{background:var(--green-soft);color:var(--green-dk);font-weight:500}
.slots-note{margin-top:14px;font-size:13px;line-height:1.5;color:var(--faint)}
@media(max-width:620px){.slot b{min-width:0;flex:1 1 100%}}
/* ---------- тарифы: выбор и шкала наполнения ---------- */
.plan{cursor:pointer;transition:border-color .2s,box-shadow .25s,background .25s}
.plan:hover{border-color:var(--navy);box-shadow:0 16px 40px -30px rgba(22,50,79,.5)}
.plan:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.plan.picked{border-color:var(--navy);box-shadow:0 18px 46px -26px rgba(22,50,79,.5);background:linear-gradient(180deg,var(--navy-soft) 0,var(--card) 120px)}
.plan.picked::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--navy)}
.plan.best.picked::after{background:var(--green)}
.plan-meter{margin-top:22px}
.pm-bar{display:flex;gap:5px}
.pm-bar i{flex:1;height:6px;background:var(--hair);transition:background .35s var(--ease)}
.pm-bar i.on{background:var(--blue-pale)}
.plan.picked .pm-bar i.on{background:var(--navy)}
.plan.best.picked .pm-bar i.on{background:var(--green)}
.plan-meter span{display:block;margin-top:9px;font-size:12.5px;color:var(--soft)}
.plan-meter b{font-family:'IBM Plex Mono',monospace;font-size:14px;color:var(--ink);font-weight:500}
.plan-sum{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);flex-wrap:wrap;margin-top:26px;
  background:var(--card);border:1px solid var(--line);border-left:3px solid var(--navy);padding:20px 26px}
.ps-left{flex:1 1 260px;min-width:0}
.ps-lab{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-weight:600;margin-bottom:6px}
.ps-left b{display:block;font-size:17px;font-weight:600}
.ps-left em{display:block;font-style:normal;font-size:13.5px;color:var(--muted);margin-top:4px}
.ps-price{display:flex;align-items:baseline;gap:6px;flex:none}
.ps-price b{font-family:'IBM Plex Mono',monospace;font-size:clamp(24px,2.4vw,30px);font-weight:500;color:var(--navy)}
.ps-price span{font-size:15px;color:var(--soft)}
@media(max-width:620px){.plan-sum{padding:18px}.plan-sum .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.pm-bar i{transition:none}}
/* ---------- карточка ближайшей сдачи поверх видео ---------- */
.hero-in{position:relative}
.hero-card{position:absolute;right:0;top:8%;width:300px;padding:22px 24px;
  background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid var(--line);border-top:3px solid var(--gold);
  box-shadow:0 26px 60px -34px rgba(20,24,31,.55)}
.hc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--hair)}
.hc-logo{flex:none;width:76px;height:26px;display:flex;align-items:center}
.hc-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:left center}
.hc-lab{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--soft);font-weight:600;text-align:right}
.hero-card .hc-top b{display:block;font-family:'Source Serif 4',Georgia,serif;font-size:20px;font-weight:700;
  line-height:1.2;letter-spacing:-.01em}
.hc-times{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.hc-times i{font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:500;
  color:#7A6130;background:#FBF4E4;border:1px solid #EADFC2;padding:5px 11px}
.hc-next{font-size:12.5px;color:var(--faint);margin-top:12px}
.hc-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  margin-top:12px;padding-top:12px;border-top:1px solid var(--hair);font-size:13.5px;color:var(--ink-2)}
.hc-row b{font-family:'IBM Plex Mono',monospace;font-size:15px;font-weight:500;color:var(--navy)}
.hc-row b.good{color:#7A6130;font-size:13.5px}
.hc-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;
  padding-top:16px;border-top:1px solid var(--line);font-size:14.5px;font-weight:600;color:var(--navy)}
.hc-cta svg{color:var(--navy);transition:transform .2s var(--ease)}
.hc-cta:hover svg{transform:translateX(3px)}
@media(max-width:1180px){.hero-card{width:270px;top:4%}}
@media(max-width:1000px){
  .hero-card{position:static;width:100%;max-width:420px;margin-top:26px}
}
/* ---------- предостережение о мошенниках ---------- */
.warn-sec{padding:0 0 clamp(20px,2.6vw,36px)}
.warnbox{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0;
  background:var(--navy);color:#fff;border-left:3px solid #BE3B2E}
@media(max-width:980px){.warnbox{grid-template-columns:1fr}}
.warn-main{padding:clamp(24px,2.8vw,34px) clamp(22px,2.6vw,34px)}
.warn-head{display:flex;align-items:center;gap:13px}
.warn-ico{flex:none;width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  background:rgba(190,59,46,.16);color:#F0857A}
.warnbox h3{font-family:'IBM Plex Sans',sans-serif;font-size:18.5px;font-weight:600;letter-spacing:0;color:#fff}
.warn-text{margin-top:14px;font-size:14.5px;line-height:1.6;color:#C7D5E5;max-width:62ch}
.warn-claims{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.warn-claims span{font-size:13px;color:#F0857A;border:1px solid rgba(240,133,122,.45);
  padding:7px 13px;text-decoration:line-through;text-decoration-color:rgba(240,133,122,.6)}
.warn-law{display:flex;margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.14);
  font-size:12.5px;line-height:1.55;color:#93A7BE;max-width:78ch}
.warn-side{background:rgba(255,255,255,.055);padding:clamp(24px,2.8vw,34px) clamp(22px,2.4vw,30px);
  border-left:1px solid rgba(255,255,255,.12)}
@media(max-width:980px){.warn-side{border-left:0;border-top:1px solid rgba(255,255,255,.12)}}
.warn-lab{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#6FD3B2;margin-bottom:16px}
.warn-flow{display:flex;flex-direction:column;gap:12px}
.warn-flow>div{display:flex;align-items:center;gap:12px;font-size:14.5px;line-height:1.35;color:#fff}
.warn-flow b{flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center;
  background:var(--green);color:#fff;font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:500;border-radius:50%}
.warn-note{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.14);
  font-size:13px;line-height:1.55;color:#9FD9C6}
@media(max-width:620px){.warn-ico{display:none}}
.arow .state .lock{flex:none;display:block}
.arow.off{background:#FCF7F6}
.arow.off .state{font-weight:500}
/* плашка-выделение для пояснения в заголовке раздела */
.lead-plate{background:#FBF4E4;border:1px solid #EADFC2;border-left:3px solid var(--gold);
  padding:16px 20px;color:var(--clay-ink);font-size:14.5px;line-height:1.55;max-width:440px;margin-bottom:2px}
@media(max-width:880px){.lead-plate{max-width:none}}
/* монеты из перечня ЦБ */
.coins{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px;padding:14px 18px;
  background:var(--alt);border:1px solid var(--line)}
.coin{display:flex;align-items:center;gap:11px}
.coin svg{flex:none}
.coin b{display:block;font-size:14.5px;font-weight:600;line-height:1.2}
.coin i{display:block;font-style:normal;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--soft);margin-top:2px}
.coin-note{margin-left:auto;font-size:12.5px;color:var(--faint)}
@media(max-width:620px){.coin-note{margin-left:0;flex:1 1 100%}}
/* сравнительная таблица: подсветка выбранной колонки */
.cmp-switch{margin-bottom:18px}
.tbl.cmp[data-col="1"] .vs>span:nth-child(3),
.tbl.cmp[data-col="2"] .vs>span:nth-child(2){opacity:.38;filter:grayscale(1)}
.tbl.cmp .vs>span{transition:opacity .25s,filter .25s,background .25s}
.tbl.cmp[data-col="1"] .vs>span:nth-child(2),
.tbl.cmp[data-col="2"] .vs>span:nth-child(3){background:var(--alt);padding:6px 8px;margin:-6px -8px}
.tbl.cmp .vs:hover{background:var(--alt)}
/* подпись под кнопкой формы */
.form-human{display:flex;align-items:center;gap:9px;margin-top:-4px;font-size:13px;color:var(--green-dk)}
.form-human svg{flex:none;color:var(--green)}
/* страница «О нас» */
.about-split{display:grid;gap:18px;margin-top:16px}
.as-lab{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:10px}
.as-lab.good{color:var(--green-dk)}
.as-lab.bad{color:var(--soft)}
.as-row{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ink-2);margin-bottom:9px}
.as-row svg{flex:none;margin-top:2px}
.as-row.off{color:var(--faint)}
.as-row.off>span:first-child{color:var(--off);width:17px;flex:none;text-align:center}
.req-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
@media(max-width:980px){.req-grid{grid-template-columns:1fr}}
.req-card{background:var(--card);padding:24px 26px}
.req-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px solid var(--hair);font-size:13.5px;color:var(--muted)}
.req-row:last-child{border-bottom:0}
.req-row b{font-size:14px;font-weight:500;color:var(--ink);text-align:right}
.req-card .label{margin-bottom:12px}
.docs-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
@media(max-width:980px){.docs-row{grid-template-columns:1fr}}
.doc-link{display:flex;gap:13px;align-items:flex-start;background:var(--card);border:1px solid var(--line);padding:18px 20px;transition:border-color .2s,box-shadow .2s}
.doc-link:hover{border-color:var(--navy);box-shadow:0 14px 34px -30px rgba(22,50,79,.5)}
.doc-link svg{flex:none;margin-top:2px;color:var(--navy)}
.doc-link b{display:block;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.3}
.doc-link i{display:block;font-style:normal;font-size:12.5px;color:var(--soft);margin-top:4px}
/* премиальный тариф */
.plan.plan-top{border-top:3px solid var(--gold);border-color:var(--line-2)}
.plan.plan-top.picked{border-color:var(--gold);box-shadow:0 18px 46px -26px rgba(156,124,60,.5)}
.plan.plan-top.picked::after{background:var(--gold)}
.plan-badge.gold{background:var(--gold)}
.plan.plan-top .plan-n{color:var(--gold)}
.plan.plan-top .price b{color:var(--clay-ink)}
.plan.plan-top .pm-bar i.on{background:var(--gold)}
.plan.plan-top.picked .pm-bar i.on{background:var(--gold)}
.plan-list div.star{color:var(--ink);font-weight:500;font-size:14.5px}
.plan-list div.star+div:not(.star){margin-top:14px;padding-top:14px;border-top:1px solid var(--hair)}
.plan.plan-top .btn-primary{background:var(--gold)}
.plan.plan-top .btn-primary:hover{background:#8A6C33}
/* фильтр критериев и шкала важности */
.crit-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.crit-filter button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font:600 13.5px/1 'IBM Plex Sans',sans-serif;
  border:1px solid var(--line);background:var(--card);color:var(--ink-2);cursor:pointer;transition:.2s}
.crit-filter button:hover{border-color:var(--line-2)}
.crit-filter button b{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;color:var(--faint)}
.crit-filter button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.crit-filter button[aria-pressed="true"] b{color:#9FB3C9}
.vs.cr{transition:opacity .2s,background .2s}
.vs.cr.hide{display:none}
.crit-meter{display:inline-flex;gap:3px;margin-left:9px;vertical-align:middle}
.crit-meter i{width:12px;height:3px;background:var(--hair);border-radius:2px;display:block}
.crit-meter i.on{background:var(--blue-pale)}
.vs.cr:hover .crit-meter i.on{background:var(--navy)}
@media(max-width:860px){.crit-meter{margin-left:0;margin-top:8px}}
/* более явное разделение карточек */
.hairgrid.split{background:var(--line-2);gap:1px}
.hairgrid.split>*{background:var(--card)}
/* акцент на VIP в сводке для ассистентов */
.vs.cr.vip-row{background:#FBF4E4}
.vs.cr.vip-row>strong{color:var(--clay-ink)}
.vip-box{margin-top:22px;background:var(--card);border:1px solid #EADFC2;border-top:3px solid var(--gold);
  padding:clamp(22px,2.6vw,30px) clamp(20px,2.6vw,32px)}
.vip-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.vip-head h3{font-family:'IBM Plex Sans',sans-serif;font-size:18px;font-weight:600;letter-spacing:0}
.vip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:980px){.vip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.vip-grid{grid-template-columns:1fr}}
.vip-grid b{display:block;font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:7px}
.vip-grid span{font-size:14.5px;line-height:1.5;color:var(--ink-2)}
/* золотой акцент вместо зелёного там, где речь про статус квала и криптовалюту */
[data-accent="gold"] .stats b.green,.accent-gold .stats b.green{color:#7A6130}
[data-accent="gold"] .crypto-h.good,.accent-gold .crypto-h.good{color:#7A6130}
[data-accent="gold"] .vs .yes,.accent-gold .vs .yes{color:#7A6130}
[data-accent="gold"] .crypto-chart .label{color:var(--soft)}
[data-accent="gold"] .cell svg{color:#7A6130}
[data-accent="gold"] .law-top{color:#9C7C3C}
/* ---------- рамки ----------
   border у блока при дробном масштабе страницы может округлиться в ноль,
   и линия пропадает (чаще всего сверху). Дублируем контуром: outline не
   участвует в раскладке, рисуется по внутреннему краю и не исчезает. */
.hairgrid,.tbl,.card,.factcard,.form-card,.crypto-chart,.crypto-block,.req-grid,.law,
.step-panel,.access-rows,.exam-detail,.exam-item,.faq,.coins,.facts-band,.ex-track,
.doc-link,.plan,.rev,.guar,.steps-foot,.trust span,.nav-panel,.hero-card,.plan-sum,
.chatw-panel,.chatw-hello,.chatw-ask,.chatw-msg.them,.usp-dark{outline:1px solid var(--line);outline-offset:-1px}
.lead-plate,.vip-box,.plan.plan-top{outline-color:#EADFC2}
.warnbox{outline:1px solid rgba(255,255,255,.14);outline-offset:-1px}
.plan.best,.plan.picked,.exam-item[aria-selected="true"],.exam-detail{outline-color:var(--line-2)}
.hairgrid.split{outline-color:var(--line-2)}
/* фокус с клавиатуры всегда важнее декоративной рамки */
.exam-item:focus-visible,.plan:focus-visible,.doc-link:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
/* признаки экзамена в карточке списка */
.exam-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.exam-tags i{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12px;color:var(--muted);
  background:var(--alt);border:1px solid var(--line);padding:5px 9px;transition:border-color .2s,color .2s}
.exam-tags i svg{flex:none;color:var(--faint)}
.exam-item[aria-selected="true"] .exam-tags i{color:var(--ink-2);border-color:var(--line-2)}
.exam-item[aria-selected="true"] .exam-tags i svg{color:var(--navy)}
.exam-item.rec[aria-selected="true"] .exam-tags i svg{color:var(--green)}
/* сноска внутри карточки экзамена */
.exam-note{display:block;margin-top:12px;padding-top:11px;border-top:1px solid var(--hair);
  font-size:11.5px;line-height:1.45;color:var(--faint)}
/* ---------- источники ---------- */
.sources-sec{padding:0 0 clamp(30px,3.6vw,52px)}
.sources{background:var(--card);border:1px solid var(--line);padding:clamp(20px,2.4vw,28px) clamp(20px,2.6vw,32px)}
.src-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.src-lab{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}
.src-head p{font-size:13.5px;color:var(--muted);line-height:1.5}
.src-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
@media(max-width:900px){.src-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.src-list{grid-template-columns:1fr}}
.src-list a{background:var(--card);padding:14px 16px;transition:background .18s}
.src-list a:hover{background:var(--alt)}
.src-list b{display:block;font-size:13.5px;font-weight:600;color:var(--navy);line-height:1.3}
.src-list i{display:block;font-style:normal;font-size:12px;color:var(--soft);margin-top:5px;line-height:1.4}
/* хлебные крошки */
.crumbs{background:var(--card);border-bottom:1px solid var(--line)}
.crumbs .wrap{display:flex;align-items:center;gap:9px;padding:11px 0;font-size:12.5px;color:var(--soft)}
.crumbs a{color:var(--ink-2)}
.crumbs a:hover{color:var(--navy)}
.crumbs span[aria-hidden]{color:var(--off)}