/* ============================================================
   СеллерЛабс / EXP-01 «Разбор прибыли WB/Ozon» — лендинг, v3.2
   Визуальная система: единая дизайн-система сайта seller-labs.ru
   (эталон — /internet-magazin/, палитра под логотип: графит + зелёный).
   Шрифты: один sans-serif стек, цифры — tabular-nums.
   Сетка: контейнер 1280 (контент 1200), 12 колонок, gap 24. НЕ МЕНЯЛАСЬ.

   ПРАВИЛО ЗЕЛЁНОГО (нарушать нельзя):
   зелёный — цвет БРЕНДА (кнопки, ссылки, галочки-подтверждения),
   а не значение данных. В данных зелёного нет вообще: цветом отмечается
   только отклонение — убыток (красный), на грани (амбер), требует
   проверки (сине-серый). «Норма» нейтральная, потому что в отчёте,
   который ищет проблемы, кричать должны только проблемы.

   Каноничные токены — site/shared/tokens.css. Ниже они же плюс
   алиасы под исторические имена этой страницы (--bg/--brand/--neg/…),
   чтобы правки палитры не задевали проверенную рендером вёрстку.
   ============================================================ */

:root{
  /* ---- каноничные токены дизайн-системы ---- */
  --paper:       #F4F4F0;
  --surface:     #FFFFFF;
  --surface-2:   #EAEDE6;
  --band:        #10201A;
  --band-2:      #1A2E26;
  --accent:      #16624A;
  --accent-2:    #0E4635;
  --accent-soft: #E1EDE6;
  --accent-line: #AFD0C0;
  --accent-on-dark:#62C79E;

  /* ---- поверхности (алиасы страницы) ---- */
  --bg:          var(--surface);
  --bg-alt:      var(--paper);
  --bg-alt2:     var(--surface-2);
  --dark:        var(--band);
  --dark-2:      var(--band-2);

  /* ---- текст ---- */
  --ink:         #121613;
  --ink-2:       #4A524C;
  --ink-3:       #757E77;
  --on-dark:     #FFFFFF;
  --on-dark-2:   #A8B7AF;

  /* ---- линии ---- */
  --line:        #DCE0D8;
  --line-2:      #C3CABF;

  /* ---- бренд — один акцент, зелёный ---- */
  --brand:       var(--accent);
  --brand-hover: var(--accent-2);
  --brand-soft:  var(--accent-soft);
  --brand-line:  var(--accent-line);

  /* ---- функциональные — ТОЛЬКО для данных, без зелёного ---- */
  --neg:         #A8392C;   /* убыток, отрицательная маржа */
  --neg-soft:    #F8EAE6;
  --neg-line:    #E9CCC5;
  --warn:        #8A5A16;   /* на грани, риск */
  --warn-soft:   #F5EDDE;
  --warn-line:   #E0CCA5;
  --flag:        #3C4C7A;   /* требует проверки (реклама) */
  --flag-soft:   #E7EBF5;
  --flag-line:   #C3CCE6;
  --pos:         var(--ink);        /* «норма» = нейтраль, не зелёный */
  --pos-soft:    var(--surface-2);

  /* ---- шкала расходов на графиках (не зелёная) ---- */
  --c-1:  #3E4A44;
  --c-2:  #5C6A62;
  --c-3:  #8A968E;
  --c-4:  #A8724A;
  --c-5:  #7A6A88;
  --c-track: #E3E7DF;

  --radius-s:    5px;
  --radius:      8px;
  --radius-l:    12px;
  --shadow-s:    0 1px 2px rgba(18,22,19,.06);
  --shadow:      0 1px 2px rgba(18,22,19,.05), 0 22px 46px -30px rgba(18,22,19,.5);

  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: Georgia, "Times New Roman", "Droid Serif", serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "DejaVu Sans Mono", monospace;

  --wrap: 1280px;
  --pad: 40px;
  --header-h: 72px;
}

*{box-sizing:border-box;}
/* высота sticky-шапки 72px (не меняется по брейкпоинтам) + 16px запаса */
html{scroll-behavior:smooth;scroll-padding-top:88px;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;}
a:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:3px;}
ul{margin:0;padding:0;list-style:none;}

/* ---------- сетка ---------- */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad);}
section{padding:96px 0;}
section.tight{padding:64px 0;}
.alt{background:var(--bg-alt);}
.grid{display:grid;gap:24px;}
.g2{grid-template-columns:repeat(2,minmax(0,1fr));}
.g3{grid-template-columns:repeat(3,minmax(0,1fr));}
.g4{grid-template-columns:repeat(4,minmax(0,1fr));}

/* ---------- типографика ---------- */
h1,h2,h3,h4{margin:0;font-weight:700;color:var(--ink);}
h1{font-size:60px;line-height:1.04;letter-spacing:-.032em;}
h2{font-size:40px;line-height:1.1;letter-spacing:-.026em;}
h3{font-size:21px;line-height:1.32;letter-spacing:-.012em;}
h4{font-size:17px;line-height:1.35;letter-spacing:-.008em;}
p{margin:0 0 16px;}
p:last-child{margin-bottom:0;}
.lead{font-size:20px;line-height:1.5;color:var(--ink-2);letter-spacing:-.006em;}
.muted{color:var(--ink-2);}
.small{font-size:15px;line-height:1.55;color:var(--ink-2);}
.meta{font-size:14px;line-height:1.5;color:var(--ink-3);}
.measure{max-width:62ch;}
.measure-s{max-width:52ch;}
.eyebrow{
  display:block;font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:.13em;color:var(--brand);margin-bottom:14px;
}
.eyebrow.on-dark{color:var(--accent-on-dark);}
.sec-head{margin-bottom:48px;max-width:820px;}
.sec-head h2 + p{margin-top:18px;}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}

/* числовая типографика */
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.02em;font-weight:600;}
.num-xl{font-size:52px;line-height:1;letter-spacing:-.035em;font-weight:700;font-variant-numeric:tabular-nums;}
.num-l{font-size:34px;line-height:1.05;letter-spacing:-.03em;font-weight:700;font-variant-numeric:tabular-nums;}
.num-m{font-size:22px;line-height:1.15;letter-spacing:-.025em;font-weight:700;font-variant-numeric:tabular-nums;}
.code{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:13px;font-weight:600;color:var(--ink-3);}
.neg{color:var(--neg);}
.pos{color:var(--pos);}
.warnc{color:var(--warn);}

/* ---------- кнопки ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:56px;padding:0 30px;border-radius:var(--radius-s);
  font-family:var(--font);font-size:16px;font-weight:600;letter-spacing:-.008em;
  border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .06s ease;
}
.btn-primary{background:var(--brand);color:#fff;}
.btn-primary:hover{background:var(--brand-hover);}
.btn-primary:active{transform:translateY(1px);}
.btn-secondary{background:#fff;color:var(--ink);border-color:var(--line-2);}
.btn-secondary:hover{border-color:var(--ink-3);background:var(--bg-alt);}
.btn-secondary.on-dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.32);}
.btn-secondary.on-dark:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.6);}
.btn-sm{height:44px;padding:0 20px;font-size:15px;}
.btn-block{width:100%;}
.btn:focus-visible{outline:3px solid var(--brand-soft);outline-offset:2px;}
.btn[disabled],.btn.is-loading{opacity:.55;pointer-events:none;}
.btn-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;}
.link-action{
  display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;
  color:var(--brand);text-decoration:none;border-bottom:1px solid var(--brand-line);
  padding-bottom:2px;transition:border-color .16s ease,color .16s ease;
}
.link-action:hover{color:var(--brand-hover);border-color:var(--brand);}
.link-action.on-dark{color:var(--accent-on-dark);border-color:rgba(98,199,158,.45);}
.btn-sub{margin-top:14px;font-size:15px;color:var(--ink-3);}

/* ---------- header/footer: общий хром сайта, см. site/shared/header-footer.html ---------- */

/* ---------- HERO ---------- */
.hero{padding:80px 0 88px;}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;align-items:center;}
.hero h1{margin-bottom:24px;}
.hero .lead{max-width:30em;}
.hero-cta{margin-top:34px;}
.hero-points{display:flex;flex-direction:column;gap:14px;margin:32px 0 0;}
.hero-points li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:var(--ink);}
.hero-points li svg{flex:none;margin-top:4px;color:var(--accent);}

/* Профит-карточка героя (data visual #1) */
.profit-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);
  box-shadow:var(--shadow);overflow:hidden;
}
.pc-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:18px 26px;border-bottom:1px solid var(--line);background:var(--bg-alt);
}
.pc-title{font-size:15px;font-weight:600;letter-spacing:-.005em;}
.pc-title span{display:block;font-size:13px;font-weight:500;color:var(--ink-3);letter-spacing:.01em;}
.demo-chip{
  display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;
  background:var(--warn-soft);color:var(--warn);font-size:12px;font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;
}
.pc-body{padding:26px;}
.pc-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.pc-top .lbl{font-size:15px;color:var(--ink-2);}
.wf{display:flex;flex-direction:column;gap:11px;}
.wf-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(56px,30%) 88px;gap:14px;align-items:center;}
.wf-label{font-size:15.5px;color:var(--ink-2);min-width:0;}
.wf-bar{height:8px;border-radius:4px;background:var(--c-track);overflow:hidden;min-width:0;}
.wf-bar i{display:block;height:100%;border-radius:4px;background:var(--c-3);}
.wf-bar.is-cogs i{background:var(--c-2);}
.wf-bar.is-ad i{background:var(--c-4);}
.wf-val{text-align:right;font-size:16.5px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em;color:var(--ink);}
.pc-result{
  margin-top:22px;padding:20px 22px;border-radius:var(--radius);
  background:var(--neg-soft);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.pc-result .lbl{font-size:16px;font-weight:600;color:var(--ink);}
.pc-result .sub{font-size:14px;color:var(--ink-2);margin-top:2px;}
.pc-foot{padding:16px 26px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink-3);background:var(--bg-alt);}

/* ---------- полоса-форма под hero ---------- */
.form-band{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0;}
.form-band-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;}
.form-band-head strong{font-size:18px;letter-spacing:-.015em;}
.form-band-head .meta{max-width:46em;}

/* ---------- форма ---------- */
.field{display:flex;flex-direction:column;gap:8px;min-width:0;}
.field > label{font-size:14px;font-weight:600;color:var(--ink-2);}
input[type=text],select,textarea{
  width:100%;min-width:0;font-family:var(--font);font-size:16px;color:var(--ink);
  background:#fff;border:1px solid var(--line-2);border-radius:var(--radius-s);
  padding:0 15px;height:52px;transition:border-color .14s ease,box-shadow .14s ease;
}
textarea{padding:12px 14px;height:auto;min-height:88px;resize:vertical;line-height:1.5;}
input::placeholder,textarea::placeholder{color:var(--ink-3);}
input[type=text]:hover,select:hover,textarea:hover{border-color:var(--ink-3);}
input[type=text]:focus,select:focus,textarea:focus{
  outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);
}
select{appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%23757E77' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;}
.field-hint{font-size:13.5px;color:var(--ink-3);line-height:1.45;}
.field-error{display:none;font-size:13.5px;line-height:1.4;color:var(--neg);font-weight:500;}
.field.has-error .field-error{display:block;}
.field.has-error input[type=text],.field.has-error select{border-color:var(--neg);box-shadow:0 0 0 3px var(--neg-soft);}
.consent-error{display:none;margin-top:12px;font-size:13.5px;line-height:1.4;color:var(--neg);font-weight:500;}
.consent-wrap.has-error .consent-error{display:block;}
.consent-wrap.has-error .consent label:first-child input{outline:2px solid var(--neg);outline-offset:2px;}

/* сегмент-выбор площадки */
.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;}
.segmented label{
  display:flex;align-items:center;justify-content:center;gap:9px;padding:0 12px;height:52px;
  border:1px solid var(--line-2);border-radius:var(--radius-s);background:#fff;
  font-size:15.5px;color:var(--ink-2);cursor:pointer;text-align:center;min-width:0;
  transition:border-color .14s ease,background .14s ease,color .14s ease;
}
.segmented input{accent-color:var(--brand);margin:0;flex:none;}
.segmented label:hover{border-color:var(--ink-3);background:var(--bg-alt);}
.segmented label:active{transform:translateY(1px);}
.segmented input:checked + span{color:var(--ink);font-weight:600;}
.segmented label:has(input:checked){border-color:var(--brand);background:var(--brand-soft);}
.segmented label:has(input:focus-visible){border-color:var(--brand);outline:3px solid var(--brand-soft);outline-offset:2px;}

/* согласия — юридически обязательны, два раздельных непредустановленных */
.consent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px;align-items:start;}
.consent label{
  display:flex;align-items:flex-start;gap:11px;
  font-size:13.5px;line-height:1.5;color:var(--ink-2);cursor:pointer;min-width:0;
}
/* flex:1 1 0 — иначе длинный текст рвёт строку по max-content до применения shrink */
.consent label > span{flex:1 1 0;min-width:0;overflow-wrap:anywhere;}
.consent input{margin:2px 0 0;flex:none;accent-color:var(--brand);width:17px;height:17px;}
.consent input:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}
.consent a{color:var(--brand);text-decoration:underline;text-underline-offset:2px;}
.form-legal{font-size:13px;line-height:1.45;color:var(--ink-3);}

.inline-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start;}
.inline-form .btn{height:52px;}
.inline-row2{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:16px;margin-top:16px;align-items:start;}
.form-note{font-size:13.5px;color:var(--ink-3);line-height:1.5;}
.thankyou{display:none;}
.thankyou.show{display:block;}
.thankyou h3{margin-bottom:12px;}

/* ---------- список проблем ---------- */
.problem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;}
.problem-item{
  display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line);font-size:17px;
}
.problem-item svg{flex:none;margin-top:4px;color:var(--neg);}
.closing{margin-top:36px;font-size:19px;font-weight:600;letter-spacing:-.012em;max-width:60ch;}

.stat-strip{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:48px;align-items:start;margin-top:56px;padding-top:44px;border-top:2px solid var(--ink);}
.stat-strip .num-xl{color:var(--ink);}
.stat-strip .cap{margin-top:10px;font-size:14px;color:var(--ink-2);}

/* ---------- KPI-плитки ---------- */
.kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:28px;}
.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;}
.kpi .k-lbl{font-size:14.5px;color:var(--ink-2);margin-bottom:10px;}
.kpi .k-sub{font-size:13.5px;color:var(--ink-3);margin-top:8px;}
.kpi.is-neg{background:var(--neg-soft);border-color:var(--neg-line);}

/* ---------- SKU-таблица (главный актив) ---------- */
.table-shell{background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow);overflow:hidden;min-width:0;}
.table-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 24px;border-bottom:1px solid var(--line);}
.table-top .t-title{font-size:16px;font-weight:600;}
.table-top .t-sub{font-size:13.5px;color:var(--ink-3);}
.table-scroll{overflow-x:auto;min-width:0;}
table.sku{width:100%;border-collapse:collapse;min-width:1040px;}
table.sku th{
  text-align:right;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;
  color:var(--ink-3);padding:14px 16px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fff;
}
table.sku th:first-child,table.sku td:first-child{text-align:left;padding-left:24px;}
table.sku th:last-child,table.sku td:last-child{text-align:left;padding-right:24px;}
table.sku td{
  padding:17px 16px;border-bottom:1px solid var(--line);font-size:15.5px;text-align:right;
  font-variant-numeric:tabular-nums;letter-spacing:-.015em;color:var(--ink-2);white-space:nowrap;
}
table.sku tbody tr:last-child td{border-bottom:none;}
table.sku tbody tr:hover td{background:#FAFAF7;}
table.sku tr.row-loss td{background:#FBF1EE;}
table.sku tr.row-loss:hover td{background:#F8E9E5;}
table.sku tr.row-loss td:first-child{box-shadow:inset 3px 0 0 var(--neg);}
.sku-id{display:flex;flex-direction:column;gap:3px;text-align:left;}
.sku-id .n{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;}
.sku-id .c{font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:.03em;}
.cm-cell{display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
.cm-cell .v{font-size:19px;font-weight:700;letter-spacing:-.025em;color:var(--ink);}
.cm-cell .p{font-size:13.5px;font-weight:600;color:var(--ink-3);}
.cm-cell.is-neg .v,.cm-cell.is-neg .p{color:var(--neg);}
.cm-cell.is-pos .v{color:var(--pos);}
.pill{
  display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;
  font-size:13px;font-weight:600;white-space:nowrap;letter-spacing:-.005em;
}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;}
.pill-loss{background:var(--neg-soft);color:var(--neg);}
.pill-edge{background:var(--warn-soft);color:var(--warn);}
.pill-ok{background:var(--pos-soft);color:var(--ink-2);}
.pill-check{background:var(--flag-soft);color:var(--flag);}
.table-foot{padding:18px 24px;border-top:1px solid var(--line);background:var(--bg-alt);font-size:14.5px;color:var(--ink-2);}

/* мобильное представление таблицы */
.sku-cards{display:none;flex-direction:column;gap:14px;}
.sku-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;}
.sku-card.is-loss{border-left:3px solid var(--neg);}
.sc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;}
.sc-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;font-size:13.5px;}
.sc-rows div{display:flex;justify-content:space-between;gap:10px;color:var(--ink-2);}
.sc-rows b{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink);letter-spacing:-.015em;}
.sc-cm{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;}

/* ---------- data viz: структура выручки + распределение ---------- */
.viz-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;align-items:start;}
.viz-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);padding:28px;min-width:0;}
.viz-head{margin-bottom:22px;}
.viz-head .h{font-size:17px;font-weight:600;letter-spacing:-.012em;}
.viz-head .s{font-size:14px;color:var(--ink-3);margin-top:4px;}
.stack{display:flex;height:56px;border-radius:8px;overflow:hidden;background:var(--c-track);}
.stack span{
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:13.5px;font-weight:600;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow:hidden;min-width:0;
}
.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin-top:20px;}
.legend .it{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--ink-2);min-width:0;}
.legend .sw{width:10px;height:10px;border-radius:3px;flex:none;}
.legend .vv{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink);letter-spacing:-.015em;}
.dist{display:flex;flex-direction:column;gap:16px;}
.dist-row{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr) 52px;gap:14px;align-items:center;}
.dist-row .lb{font-size:15px;color:var(--ink-2);min-width:0;}
.dist-row .track{height:10px;border-radius:5px;background:var(--c-track);overflow:hidden;min-width:0;}
.dist-row .track i{display:block;height:100%;border-radius:5px;}
.dist-row .vl{text-align:right;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.015em;}

/* ---------- нумерованные ряды (слепые зоны) ---------- */
.rows{border-top:1px solid var(--line);}
.row-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start;}
.row-item .idx{font-size:15px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums;letter-spacing:.02em;padding-top:4px;}
.row-item h3{margin-bottom:10px;}
.row-item p{max-width:70ch;}
.note-plate{
  margin-top:32px;padding:24px 26px;border-radius:var(--radius);background:var(--bg-alt);
  border-left:3px solid var(--brand);
}
.note-plate + .note-plate{margin-top:16px;border-left-color:var(--warn);}
.note-plate strong{display:block;margin-bottom:8px;font-size:16px;}

/* ---------- deliverables ---------- */
.deliver{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden;}
.deliver-item{background:#fff;padding:36px;min-width:0;}
.deliver-item .idx{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;
  background:var(--brand-soft);color:var(--brand);font-size:13px;font-weight:700;
  font-variant-numeric:tabular-nums;margin-bottom:18px;
}
.deliver-item h3{margin-bottom:12px;}
.deliver-foot{
  margin-top:24px;padding:20px 26px;border-radius:var(--radius);background:var(--brand-soft);
  font-size:16px;font-weight:600;color:var(--brand);letter-spacing:-.01em;
}

/* ---------- pricing ---------- */
.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;}
.tier{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);
  padding:34px 32px;display:flex;flex-direction:column;min-width:0;
}
.tier-main{border-color:var(--brand);box-shadow:var(--shadow);padding-top:30px;position:relative;}
.tier-main::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--brand);border-radius:var(--radius-l) var(--radius-l) 0 0;}
.tier-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px;}
.tier-name{font-size:17px;font-weight:700;letter-spacing:-.015em;}
.tier-tag{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);}
.tier-who{font-size:15px;color:var(--ink-2);margin-bottom:16px;}
.tier-result{
  font-size:17px;line-height:1.35;font-weight:600;color:var(--ink);letter-spacing:-.014em;
  padding:14px 16px;border-radius:var(--radius);background:var(--bg-alt);margin-bottom:22px;
}
.tier-main .tier-result{background:var(--brand-soft);color:var(--brand);}
.tier .price{display:flex;align-items:baseline;gap:8px;}
.tier .price .cur{font-size:15px;color:var(--ink-3);font-weight:600;}
.tier .price-note{font-size:14px;color:var(--ink-3);margin-top:8px;}
.badge{
  display:inline-block;margin-top:14px;padding:8px 12px;border-radius:var(--radius-s);
  background:var(--warn-soft);color:var(--warn);font-size:14px;font-weight:600;line-height:1.4;
}
.tier-sep{height:1px;background:var(--line);margin:24px 0;}
.tier ul li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.45;color:var(--ink-2);padding:8px 0;}
.tier ul li svg{flex:none;margin-top:5px;color:var(--accent);}
.pricing-foot{
  margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  padding:24px 28px;border-radius:var(--radius);background:var(--bg-alt);
}

/* ---------- процесс ---------- */
.process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative;}
.process::before{content:"";position:absolute;left:0;right:0;top:19px;height:1px;background:var(--line-2);}
.step{position:relative;padding-top:56px;min-width:0;}
.step::before{
  content:attr(data-n);position:absolute;top:0;left:0;width:40px;height:40px;border-radius:11px;
  background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;
}
.step .when{font-size:13px;font-weight:600;color:var(--brand);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}
.step h3{margin-bottom:10px;}

/* ---------- тёмная полоса: безопасность ---------- */
.dark-band{background:var(--dark);color:var(--on-dark);}
.dark-band h2{color:#fff;}
.dark-band p{color:var(--on-dark-2);}
.flow{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr);gap:0;align-items:stretch;margin:44px 0 28px;}
.flow-node{
  background:var(--dark-2);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);
  padding:24px;min-width:0;display:flex;flex-direction:column;gap:12px;
}
.flow-node .ic{color:var(--accent-on-dark);}
.flow-node .h{font-size:16px;font-weight:600;color:#fff;letter-spacing:-.01em;}
.flow-node .s{font-size:14.5px;color:var(--on-dark-2);line-height:1.5;}
.flow-arrow{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.35);}
.flow-back{
  display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius);
  background:rgba(168,57,44,.18);border:1px solid rgba(168,57,44,.38);font-size:14.5px;color:#EFC7BE;
}
.not-ask{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-top:32px;}
.not-ask div{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:15px;color:var(--on-dark-2);}
.not-ask svg{flex:none;margin-top:4px;color:#E08B7C;}

/* ---------- кому не подходит ---------- */
.notfit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;}
.notfit-item{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line);font-size:15.5px;color:var(--ink-2);line-height:1.45;}
.notfit-item svg{flex:none;margin-top:4px;color:var(--ink-3);}
.notfit-item b{color:var(--ink);}

/* ---------- команда ---------- */
.team{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:56px;align-items:start;}
.avatar{
  width:100%;max-width:280px;aspect-ratio:1/1;border-radius:var(--radius-l);
  border:1px dashed var(--line-2);background:var(--bg-alt);
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:13px;color:var(--ink-3);padding:20px;line-height:1.5;
}
.team-name{margin-top:18px;font-size:16px;font-weight:600;letter-spacing:-.01em;max-width:280px;}
.method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:8px;}
.method h4{margin-bottom:10px;}
.honesty{margin-top:40px;padding:26px 28px;border-radius:var(--radius);background:var(--bg-alt);}
.honesty strong{display:block;margin-bottom:8px;font-size:16.5px;}

/* ---------- FAQ ---------- */
.faq{max-width:900px;margin:0 auto;border-top:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);}
.faq-item summary{
  list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;
  padding:24px 0;font-size:18px;font-weight:600;letter-spacing:-.014em;transition:color .14s ease;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:hover{color:var(--brand);}
.faq-item summary:focus-visible{outline:3px solid var(--brand-soft);outline-offset:4px;border-radius:6px;color:var(--brand);}
.faq-item summary::after{
  content:"";flex:none;width:22px;height:22px;margin-top:2px;border-radius:6px;background:var(--bg-alt);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%2316624A' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;transition:transform .18s ease;
}
.faq-item[open] summary::after{
  transform:rotate(45deg);
}
.faq-a{padding:0 0 26px;max-width:74ch;}
.faq-a p{font-size:16.5px;color:var(--ink-2);margin-bottom:14px;}

/* ---------- финальный CTA ---------- */
.final{background:var(--bg-alt);}
.final-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:48px;align-items:start;}
.final-points{margin:24px 0 0;display:flex;flex-direction:column;gap:14px;}
.final-points li{display:flex;gap:12px;align-items:flex-start;font-size:16px;color:var(--ink-2);line-height:1.5;}
.final-points li svg{flex:none;margin-top:4px;color:var(--brand);}
.compare{width:100%;border-collapse:collapse;margin-top:32px;background:#fff;}
.compare-wrap{overflow-x:auto;min-width:0;border:1px solid var(--line);border-radius:var(--radius);margin-top:32px;}
.compare th,.compare td{padding:15px 18px;text-align:left;font-size:15px;border-bottom:1px solid var(--line);vertical-align:top;}
.compare th{font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-weight:600;background:var(--bg-alt);}
.compare td{color:var(--ink-2);}
.compare tr:last-child td{border-bottom:none;}
.compare td:last-child{color:var(--ink);font-weight:500;}
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow);padding:34px;min-width:0;}
.form-card h3{margin-bottom:8px;}
.form-stack{display:flex;flex-direction:column;gap:20px;}
.disclaimer{margin-top:48px;padding-top:24px;border-top:1px solid var(--line-2);font-size:14.5px;color:var(--ink-3);max-width:80ch;}


/* ============================================================
   ОБЩИЙ ХРОМ САЙТА (шапка и подвал) — копия site/shared/header-footer.html.
   Единый для / , /audit/ и /internet-magazin/. Правится ТАМ, сюда переносится.
   ============================================================ */
/* Все значения продублированы фолбэком: фрагмент работает и без tokens.css. */

/* ------------------------------------------------------------------
   ОТСТУП ХРОМА — СОБСТВЕННАЯ ПЕРЕМЕННАЯ, НЕ --pad страницы.
   Шапка и подвал одинаковы на всех трёх адресах сайта независимо от
   сетки контента. На /audit/ значения совпадают с --pad, но зависимость
   снята намеренно: хром и контент — разные слои.
   ------------------------------------------------------------------ */
:root{ --sl-pad:40px; }
@media (max-width:1180px){ :root{ --sl-pad:32px; } }
@media (max-width:720px) { :root{ --sl-pad:20px; } }
@media (max-width:400px) { :root{ --sl-pad:16px; } }

.sl-wrap{
  width:100%;max-width:var(--wrap,1280px);margin:0 auto;
  padding-inline:var(--sl-pad,40px);
}

/* ============================================================
   ШАПКА
   ============================================================ */
.sl-header{
  position:sticky;top:0;z-index:60;
  background:rgba(255,255,255,.94);
  backdrop-filter:saturate(170%) blur(10px);
  border-bottom:1px solid var(--line,#DCE0D8);
  font-family:var(--font-body,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);
}
.sl-header__in{
  display:flex;align-items:center;gap:24px;
  height:72px;                 /* фиксировано на всех ширинах */
}
.sl-logo{display:flex;align-items:center;flex:none;text-decoration:none;line-height:0;}
.sl-logo img{display:block;height:30px;width:auto;max-width:100%;}
.sl-logo:focus-visible{outline:3px solid var(--accent-soft,#E1EDE6);outline-offset:4px;border-radius:4px;}

.sl-nav{display:flex;align-items:center;gap:28px;margin-left:auto;min-width:0;}
.sl-nav a{
  font-size:15px;font-weight:500;color:var(--ink-2,#4A524C);
  text-decoration:none;white-space:nowrap;
  border-bottom:1px solid transparent;padding-bottom:2px;
  transition:color .14s ease,border-color .14s ease;
}
.sl-nav a:hover{color:var(--ink,#121613);}
.sl-nav a[aria-current="page"]{color:var(--ink,#121613);border-bottom-color:var(--accent,#16624A);}
.sl-mail{
  display:inline-flex;align-items:center;gap:8px;flex:none;
  font-size:15px;font-weight:600;color:var(--accent,#16624A);text-decoration:none;white-space:nowrap;
}
.sl-mail:hover{color:var(--accent-2,#0E4635);}
.sl-mail svg{flex:none;}
.sl-header a:focus-visible,.sl-footer a:focus-visible{
  outline:2px solid var(--accent,#16624A);outline-offset:3px;border-radius:3px;
}

/* --- бургер на <details>, без JS --- */
.sl-menu{display:none;margin-left:auto;position:relative;flex:none;}
.sl-menu > summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;
  height:44px;padding:0 14px;border:1px solid var(--line-2,#C3CABF);
  border-radius:var(--radius-s,5px);background:var(--surface,#fff);
  font-size:15px;font-weight:600;color:var(--ink,#121613);
}
.sl-menu > summary::-webkit-details-marker{display:none;}
.sl-menu > summary:focus-visible{outline:3px solid var(--accent-soft,#E1EDE6);outline-offset:2px;}
.sl-menu[open] > summary{border-color:var(--accent,#16624A);color:var(--accent,#16624A);}
.sl-menu__panel{
  position:absolute;top:calc(100% + 12px);right:0;z-index:70;
  min-width:min(280px,calc(100vw - 2 * var(--sl-pad,20px)));
  display:flex;flex-direction:column;gap:2px;
  padding:10px;background:var(--surface,#fff);
  border:1px solid var(--line,#DCE0D8);border-radius:var(--radius,8px);
  box-shadow:var(--shadow,0 1px 2px rgba(18,22,19,.05),0 22px 46px -30px rgba(18,22,19,.5));
}
.sl-menu__panel a{
  display:block;padding:12px 14px;border-radius:var(--radius-s,5px);
  font-size:16px;color:var(--ink,#121613);text-decoration:none;
}
.sl-menu__panel a:hover{background:var(--surface-2,#EAEDE6);}
.sl-menu__panel a[aria-current="page"]{color:var(--accent,#16624A);font-weight:600;}
.sl-menu__panel .sl-menu__mail{
  margin-top:6px;padding-top:14px;border-top:1px solid var(--line,#DCE0D8);
  font-weight:600;color:var(--accent,#16624A);overflow-wrap:anywhere;
}

/* Правый слот шапки: ЛИБО e-mail (главная), ЛИБО целевая кнопка (лендинги).
   Оба сразу не ставить — на 1024 строка перестанет помещаться. */
.sl-cta{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  height:44px;padding:0 20px;border-radius:var(--radius-s,5px);
  background:var(--accent,#16624A);color:#fff;
  font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;
  border:1px solid var(--accent,#16624A);
  transition:background .16s ease,border-color .16s ease;
}
.sl-cta:hover{background:var(--accent-2,#0E4635);border-color:var(--accent-2,#0E4635);}
.sl-menu__panel .sl-cta{margin-top:8px;width:100%;height:48px;}

@media (max-width:980px){
  .sl-nav{display:none;}
  .sl-menu{display:block;}
}
@media (max-width:400px){
  .sl-logo img{height:26px;}
  .sl-menu > summary{padding:0 12px;}
}

/* ============================================================
   ПОДВАЛ
   ============================================================ */
.sl-footer{
  background:var(--band,#10201A);color:var(--band-ink-2,#93A099);
  font-family:var(--font-body,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);
  font-size:15px;line-height:1.6;padding:64px 0 40px;
}
.sl-footer__grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));
  gap:36px 40px;
}
.sl-footer__col{min-width:0;}
.sl-footer__col--about{grid-column:span 1;}
.sl-fmark{
  font-family:var(--font-display,Georgia,serif);font-size:24px;font-weight:600;
  letter-spacing:-.01em;color:#fff;
  display:flex;align-items:center;gap:12px;margin-bottom:14px;text-decoration:none;
}
.sl-fmark__sl{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:34px;height:34px;border-radius:var(--radius-s,5px);
  background:var(--accent-on-dark,#62C79E);color:var(--band,#10201A);
  font-family:var(--font-body,system-ui,sans-serif);font-size:14px;font-weight:700;letter-spacing:.02em;
}
.sl-footer__about{font-size:15px;line-height:1.6;max-width:34ch;}
.sl-footer h3{
  margin:0 0 14px;font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:.12em;color:#fff;
}
.sl-footer__links{display:flex;flex-direction:column;gap:9px;align-items:flex-start;}
.sl-footer__links a{
  color:var(--band-ink-2,#93A099);text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:1px;
  overflow-wrap:anywhere;
}
.sl-footer__links a:hover{color:#fff;border-color:rgba(255,255,255,.5);}
.sl-footer__req{font-size:14px;line-height:1.75;}
.sl-footer__req b{display:block;color:#fff;font-weight:600;margin-bottom:4px;}
.sl-footer__req a{color:var(--accent-on-dark,#62C79E);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere;}

.sl-footer__legal{
  margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:16px 40px;align-items:start;
}
.sl-footer__disclaimer{font-size:13.5px;line-height:1.65;color:#7F8C85;max-width:100ch;margin:0;}
.sl-footer__copy{font-size:13.5px;color:#7F8C85;white-space:nowrap;}
@media (max-width:860px){
  .sl-footer__legal{grid-template-columns:minmax(0,1fr);}
  .sl-footer__copy{white-space:normal;}
}
@media (max-width:720px){
  .sl-footer{padding:48px 0 32px;}
}

@media (prefers-reduced-motion:reduce){
  .sl-header *,.sl-footer *{transition:none !important;}
}

/* ============================================================
   АДАПТИВ
   ============================================================ */
@media (max-width:1180px){
  :root{--pad:32px;}
  h1{font-size:52px;}
  h2{font-size:36px;}
  .hero-grid{gap:44px;}
  .wf-row{grid-template-columns:minmax(0,1fr) minmax(48px,26%) 82px;}
}
@media (max-width:1024px){
  section{padding:72px 0;}
  section.tight{padding:56px 0;}
  h1{font-size:44px;}
  h2{font-size:32px;}
  .hero{padding:56px 0 64px;}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:44px;}
  .hero .lead{max-width:none;}
  .kpi-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
  .viz-grid{grid-template-columns:minmax(0,1fr);gap:24px;}
  .pricing{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tier-main{grid-column:span 2;}
  .process{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;}
  .process::before{display:none;}
  .team{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:36px;}
  .method{grid-template-columns:minmax(0,1fr);gap:24px;}
  .final-grid{grid-template-columns:minmax(0,1fr);gap:40px;}
  .flow{grid-template-columns:minmax(0,1fr);gap:12px;}
  .flow-arrow{transform:rotate(90deg);height:28px;}
  .inline-form{grid-template-columns:repeat(2,minmax(0,1fr));}
  .inline-form .btn{grid-column:span 2;}
}
/* согласия: один ряд на desktop (>=768px), две строки ниже */
@media (max-width:767px){
  .consent{grid-template-columns:minmax(0,1fr);gap:14px;}
}
@media (max-width:860px){
  .problem-grid,.notfit,.not-ask{grid-template-columns:minmax(0,1fr);gap:0;}
  .deliver{grid-template-columns:minmax(0,1fr);}
  .stat-strip{grid-template-columns:minmax(0,1fr);gap:20px;}
  .table-scroll{display:none;}
  .sku-cards{display:flex;}
  .table-shell{background:transparent;border:none;box-shadow:none;border-radius:0;}
  .table-top{padding:0 0 16px;border:none;}
  .table-foot{margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);}
}
@media (max-width:720px){
  :root{--pad:20px;}
  section{padding:56px 0;}
  section.tight{padding:44px 0;}
  h1{font-size:36px;letter-spacing:-.028em;}
  h2{font-size:28px;}
  h3{font-size:19px;}
  body{font-size:16px;}
  .lead{font-size:18px;}
  .num-xl{font-size:42px;}
  .num-l{font-size:30px;}
  .sec-head{margin-bottom:32px;}
  .hero-cta{margin-top:28px;}
  .btn{width:100%;}
  .btn-sm{width:auto;}
  .btn-row{flex-direction:column;align-items:stretch;}
  .link-action{justify-content:center;}
  .kpi-row{grid-template-columns:minmax(0,1fr);}
  .pricing{grid-template-columns:minmax(0,1fr);}
  .tier-main{grid-column:auto;}
  .process{grid-template-columns:minmax(0,1fr);gap:28px;}
  .row-item{grid-template-columns:minmax(0,1fr);gap:8px;padding:26px 0;}
  .deliver-item{padding:26px;}
  .viz-card{padding:22px;}
  .legend{grid-template-columns:minmax(0,1fr);}
  .team{grid-template-columns:minmax(0,1fr);gap:28px;}
  .avatar{max-width:180px;}
  .form-card{padding:24px;}
  .inline-form,.inline-row2{grid-template-columns:minmax(0,1fr);}
  .inline-form .btn{grid-column:auto;}
  .wf-row{grid-template-columns:minmax(0,1fr) 76px;}
  .wf-bar{display:none;}
  .faq-item summary{font-size:16.5px;gap:16px;}
  .sc-rows{grid-template-columns:minmax(0,1fr);}
  .stack span{font-size:11px;}
}
@media (max-width:400px){
  :root{--pad:16px;}
  .btn-sm{padding:0 14px;font-size:14px;}
  .segmented{grid-template-columns:minmax(0,1fr);}
  .segmented label{justify-content:flex-start;text-align:left;}
  h1{font-size:31px;}
  h2{font-size:25px;}
  .num-xl{font-size:36px;}
  .num-l{font-size:26px;}
  .stack{height:46px;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{transition:none !important;}
}

/* ============================================================
   Прототип не менялся — здесь только то, чего в нём физически
   не могло быть: honeypot, ошибки валидации, cookie-баннер.
   ============================================================ */

/* Honeypot: уводим за экран, а не display:none — часть ботов
   игнорирует display:none, но заполняет всё, что есть в DOM. */
.hp{position:absolute !important;left:-9999px !important;top:auto;width:1px;height:1px;overflow:hidden;}

/* Сообщение об ошибке над формой (серверная валидация, без JS) */
.form-errors{
  margin:0 0 20px;padding:16px 18px;border-radius:12px;
  background:var(--neg-soft);border:1px solid rgba(179,55,44,.25);
  color:#7d2620;font-size:15px;line-height:1.5;max-width:760px;
}
.form-errors strong{display:block;margin-bottom:6px;color:var(--neg);}
.form-errors ul{margin:0;padding-left:18px;}
.form-errors li + li{margin-top:4px;}

/* Cookie-баннер. Кнопка «Только необходимые» реально не запускает Метрику. */
.cookie-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:80;
  background:var(--dark);color:#fff;
  box-shadow:0 -12px 40px -24px rgba(13,27,42,.9);
}
.cookie-bar[hidden]{display:none;}
.cookie-bar-in{
  max-width:1280px;margin:0 auto;padding:18px 40px;
  display:flex;align-items:center;gap:28px;flex-wrap:wrap;
}
.cookie-bar p{margin:0;flex:1 1 420px;min-width:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.82);}
.cookie-bar a{color:#fff;text-decoration:underline;text-underline-offset:2px;}
.cookie-bar-btns{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:none;}
.cookie-bar .link-action{color:#fff;border-bottom-color:rgba(255,255,255,.4);}
@media (max-width:1180px){.cookie-bar-in{padding:18px 32px;}}
@media (max-width:720px){
  .cookie-bar-in{padding:16px 20px;gap:14px;}
  .cookie-bar-btns{width:100%;}
  .cookie-bar-btns .btn{flex:1 1 auto;width:auto;}
}
@media (max-width:400px){.cookie-bar-in{padding:14px 16px;}}


/* ------------------------------------------------------------------
   ПРАВКА К ОБЩЕМУ ХРОМУ (найдена рендером 2026-08-12, вернуть в
   site/shared/header-footer.html).
   .sl-cta стоит ВНУТРИ .sl-nav, а правило «.sl-nav a» специфичнее (0,1,1)
   класса «.sl-cta» (0,1,0) — и перебивало ему цвет на --ink-2 и добавляло
   padding-bottom. На зелёной кнопке текст становился тёмно-зелёным
   и практически нечитаемым. Возвращаем кнопке её собственное оформление.
   ------------------------------------------------------------------ */
.sl-nav .sl-cta,
.sl-menu__panel .sl-cta{
  color:#fff;
  padding:0 20px;
  border-bottom:1px solid var(--accent,#16624A);
}
.sl-nav .sl-cta:hover,
.sl-menu__panel .sl-cta:hover{
  color:#fff;
  border-bottom-color:var(--accent-2,#0E4635);
}
.sl-menu__panel .sl-cta{padding:0 20px;}

/* Сноска про налоги под сеткой тарифов (оферта, п. 5.1 — цены без налогов).
   Тот же кегль и цвет, что у подписей под ценами внутри карточки тарифа,
   чтобы строка не спорила с крупными цифрами. */
.price-note--tax{font-size:14px;line-height:1.5;color:var(--ink-3);margin:20px 0 0;}

/* Фото в блоке «Кто считает ваши деньги».
   Контейнер .avatar остаётся прежним (та же ширина, пропорция и радиус),
   меняется только оформление: пунктирная рамка плейсхолдера уступает
   месту под изображение. Размеры и сетка блока не трогаются. */
.avatar--photo{
  padding:0;border-style:solid;border-color:var(--line);
  background:var(--surface-2);overflow:hidden;
}
.avatar--photo img{
  width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit;
}

/* Компактный вид на узких экранах: на 390 баннер занимал 336px и накрывал
   кнопку первого экрана. Две кнопки ставим в один ряд, дублирующую ссылку
   «Подробнее» скрываем — ссылка на Политику уже есть в тексте абзаца. */
@media (max-width:720px){
  .cookie-bar-in{padding-top:14px;padding-bottom:14px;gap:12px;}
  .cookie-bar p{font-size:13.5px;line-height:1.45;flex:1 1 100%;}
  .cookie-bar-btns{width:100%;gap:10px;}
  .cookie-bar-btns .btn{flex:1 1 0;min-width:0;padding:0 12px;font-size:14px;}
  .cookie-bar .link-action{display:none;}
}

/* Кнопки cookie-баннера стоят на тёмной полосе, поэтому вариант оформления —
   on-dark, одинаковый на / , /audit/ и /internet-magazin/. Белая заливка у
   «Только необходимые» визуально подсвечивала бы отказ от аналитики.
   Фокус — белым контуром: акцентный зелёный на тёмном фоне почти не виден. */
.cookie-bar .btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.32);}
.cookie-bar .btn-secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.6);color:#fff;}
.cookie-bar .btn:focus-visible{outline:3px solid rgba(255,255,255,.6);outline-offset:2px;}