/* ============================================================
   Лендинг (реклама) — /lp/
   Стили в фирменном стиле mafik.ru (зелёный бренд главной).
   Подключается ТОЛЬКО на странице с шаблоном page-lp.php
   (прямой <link> в page-lp.php, грузится после бренд-CSS).
   Бренд-токены: зелёный #34934b, синий #1673a1, оранжевый #feb145,
   текст #1c1c1c, белый #fdfdfd, серый #767676, radius 20/14px, Roboto.
   ============================================================ */

.lp {
  --lp-green: #34934b;
  --lp-green-d: #2c7d40;
  --lp-blue: #1673a1;
  --lp-orange: #feb145;
  --lp-ink: #1c1c1c;
  --lp-white: #fdfdfd;
  --lp-grey: #767676;
  --lp-line: #e4e4e4;
  --lp-soft: #f5f5f3;
  font-family: "Roboto", sans-serif;
  color: var(--lp-ink);
}

.lp section { padding: clamp(34px, 5vw, 70px) 0; }
.lp section + section { padding-top: 0; }

/* ---- общие хелперы ---- */
.lp .lp-eyebrow {
  display: inline-block;
  font-size: clamp(12px, 1vw, 14px);
  font-weight: 500;
  letter-spacing: -0.14px;
  color: var(--lp-grey);
  margin-bottom: 16px;
}
.lp h1 {
  font-size: clamp(28px, 3.4vw, 48px);
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  margin: 0;
}
.lp h2 {
  font-size: clamp(24px, 2.778vw, 40px);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.lp h1 .u { box-shadow: inset 0 -0.18em 0 rgba(52, 147, 75, 0.25); }
.lp .lp-sub {
  color: var(--lp-grey);
  font-size: clamp(14px, 1.25vw, 18px);
  line-height: 140%;
  max-width: 62ch;
  margin: 0 0 28px;
}

/* кнопки лендинга наследуют бренд .btn, добавляем модификаторы цвета */
.lp .lp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: clamp(14px, 1.1vw, 17px);
  line-height: 100%;
  letter-spacing: -0.3px;
  padding: 16px 30px;
  border-radius: 100px;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: 0.18s ease-in-out;
}
.lp .lp-btn--green { background: var(--lp-green); color: var(--lp-white); }
.lp .lp-btn--green:hover { background: transparent; color: var(--lp-ink); border-color: var(--lp-green); }
.lp .lp-btn--white { background: var(--lp-white); color: var(--lp-ink); border-color: var(--lp-line); }
.lp .lp-btn--white:hover { background: var(--lp-green); color: var(--lp-white); border-color: var(--lp-green); }
.lp .lp-btn--ghost { background: transparent; color: var(--lp-white); border-color: var(--lp-white); }
.lp .lp-btn--ghost:hover { background: var(--lp-white); color: var(--lp-ink); }
.lp .lp-btn--block { width: 100%; }

/* ============================================================
   HERO
   ============================================================ */
.lp-hero { }
.lp-hero .lp-formula {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.lp-hero .lp-formula__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid var(--lp-green);
  border-radius: 100px;
  font-size: clamp(13px, 1.1vw, 15px);
  font-weight: 500;
  background: var(--lp-white);
}
.lp-hero .lp-formula__plus { color: var(--lp-green); font-weight: 700; align-self: center; }
.lp-hero .lp-formula__res { background: var(--lp-green); color: var(--lp-white); border-color: var(--lp-green); }
.lp-hero .lp-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.lp-hero .lp-trust span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: clamp(12px, 1vw, 14px);
  color: var(--lp-ink);
  background: var(--lp-soft);
  border: 1px solid var(--lp-line);
  border-radius: 100px;
  padding: 8px 16px;
}
.lp-hero .lp-trust span::before {
  content: "";
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--lp-green);
  flex: none;
}

/* ============================================================
   OFFERS — 3 цветные карточки (как плитки категорий на главной)
   ============================================================ */
.lp-offers .lp-offers__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
.lp-offer {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  padding: 30px;
  color: var(--lp-white);
  overflow: hidden;
}
.lp-offer--blue { background: var(--lp-blue); }
.lp-offer--green { background: var(--lp-green); }
.lp-offer--orange { background: var(--lp-orange); color: var(--lp-ink); }
.lp-offer__badge {
  position: absolute;
  top: 18px; right: 18px;
  background: var(--lp-white);
  color: var(--lp-green);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.1px;
  padding: 5px 12px;
  border-radius: 100px;
}
.lp-offer__tag {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  opacity: 0.85;
  margin-bottom: 14px;
}
.lp-offer h3 {
  font-size: clamp(19px, 1.8vw, 24px);
  font-weight: 500;
  line-height: 115%;
  margin: 0 0 12px;
}
.lp-offer__desc { font-size: 14px; line-height: 140%; opacity: 0.92; margin: 0; }
.lp-offer ul { list-style: none; margin: 16px 0 0; padding: 0; font-size: 13.5px; flex: 1; }
.lp-offer ul li { position: relative; padding: 6px 0 6px 22px; line-height: 135%; }
.lp-offer ul li::before {
  content: "";
  position: absolute; left: 0; top: 11px;
  width: 12px; height: 7px;
  border-left: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg);
  opacity: 0.9;
}
.lp-offer .lp-btn { margin-top: 22px; }

/* ============================================================
   QUIZ
   ============================================================ */
.lp-quiz__shell {
  border: 1px solid var(--lp-green);
  border-radius: 20px;
  background: var(--lp-white);
  overflow: hidden;
}
.lp-quiz__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 26px;
  border-bottom: 1px solid var(--lp-line);
  background: var(--lp-soft);
}
.lp-quiz__label { font-size: 14px; font-weight: 500; color: var(--lp-ink); }
.lp-quiz__count { font-size: 14px; font-weight: 600; color: var(--lp-green); }
.lp-progress { height: 5px; background: var(--lp-line); }
.lp-progress__bar { height: 100%; width: 0; background: var(--lp-green); transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
.lp-quiz__body { padding: clamp(24px, 3vw, 38px) clamp(20px, 2.4vw, 34px); min-height: 340px; }

.lp-step { animation: lpFade 0.32s ease; }
@keyframes lpFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.lp-qnum { font-size: 13px; font-weight: 500; color: var(--lp-green); letter-spacing: -0.1px; margin-bottom: 10px; }
.lp-qtitle { font-size: clamp(20px, 2vw, 26px); font-weight: 500; line-height: 118%; letter-spacing: -0.3px; margin-bottom: 6px; }
.lp-qhint { font-size: 14px; color: var(--lp-grey); margin-bottom: 22px; }

.lp-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lp-opt {
  display: flex;
  align-items: center;
  gap: 13px;
  text-align: left;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  color: var(--lp-ink);
  background: var(--lp-white);
  border: 1px solid var(--lp-line);
  border-radius: 14px;
  padding: 15px 18px;
  cursor: pointer;
  transition: border-color 0.14s, background 0.14s, transform 0.14s;
}
.lp-opt:hover { border-color: var(--lp-green); transform: translateY(-1px); }
.lp-opt.is-sel { border-color: var(--lp-green); background: #f0f7f1; box-shadow: inset 0 0 0 1px var(--lp-green); }
.lp-opt__ico {
  width: 38px; height: 38px; flex: none;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px;
  background: var(--lp-soft);
  border: 1px solid var(--lp-line);
  border-radius: 10px;
}
.lp-opt.is-sel .lp-opt__ico { background: var(--lp-green); border-color: var(--lp-green); }
.lp-opt small { display: block; font-weight: 400; font-size: 12.5px; color: var(--lp-grey); margin-top: 3px; }

.lp-nav { display: flex; align-items: center; justify-content: space-between; margin-top: 26px; }
.lp-back {
  background: none; border: none; font-family: inherit;
  font-size: 14px; color: var(--lp-grey); cursor: pointer; padding: 8px 0;
}
.lp-back:hover { color: var(--lp-ink); }
.lp-back:disabled { opacity: 0.3; cursor: default; }

.lp-field { margin-bottom: 14px; }
.lp-field label {
  display: block; font-size: 12.5px; font-weight: 500;
  letter-spacing: -0.1px; color: var(--lp-grey); margin-bottom: 6px;
}
.lp-field input {
  width: 100%; padding: 14px 16px;
  border: 1px solid var(--lp-line); border-radius: 12px;
  background: var(--lp-white); font-size: 15px; font-family: inherit; color: var(--lp-ink);
}
.lp-field input:focus { outline: none; border-color: var(--lp-green); }
.lp-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }

.lp-channel { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 18px; }
.lp-channel .lp-opt { padding: 11px 16px; font-size: 14px; }

.lp-upload {
  border: 2px dashed var(--lp-green);
  background: #f0f7f1;
  border-radius: 14px;
  padding: 26px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 16px;
}
.lp-upload:hover { background: #e7f1e9; }
.lp-upload .big { font-size: 14px; font-weight: 500; }
.lp-upload small { display: block; color: var(--lp-grey); margin-top: 6px; font-size: 12px; }
.lp-upload.has { border-color: var(--lp-green); background: #e7f1e9; }

.lp-promise {
  display: flex; align-items: center; gap: 12px;
  border: 1px solid var(--lp-green);
  background: #f0f7f1; border-radius: 14px;
  padding: 14px 18px; font-size: 14px; color: var(--lp-ink); margin-bottom: 18px;
}
.lp-promise .clock {
  width: 32px; height: 32px; flex: none;
  border: 1px solid var(--lp-green); border-radius: 50%;
  display: flex; align-items: center; justify-content: center; color: var(--lp-green);
}
.lp-promise b { color: var(--lp-green); }

.lp-summary {
  border: 1px solid var(--lp-line); background: var(--lp-soft);
  border-radius: 14px; padding: 14px 18px; margin-bottom: 20px; font-size: 14px;
}
.lp-summary .row {
  display: flex; justify-content: space-between; gap: 14px;
  padding: 6px 0; border-bottom: 1px dotted var(--lp-line);
}
.lp-summary .row:last-child { border: none; }
.lp-summary .row span:first-child { color: var(--lp-grey); white-space: nowrap; }
.lp-summary .row span:last-child { text-align: right; font-weight: 500; }

.lp-consent { font-size: 12.5px; color: var(--lp-grey); margin-top: 14px; }
.lp-consent a { color: var(--lp-green); text-decoration: underline; }

.lp-done { text-align: center; padding: 32px 10px; }
.lp-done .check {
  width: 66px; height: 66px; margin: 0 auto 20px;
  border: 2px solid var(--lp-green); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 30px; color: var(--lp-green);
}
.lp-done h3 { font-size: clamp(22px, 2.2vw, 28px); font-weight: 500; margin: 0 0 10px; }
.lp-done p { color: var(--lp-grey); max-width: 46ch; margin: 0 auto 18px; }
.lp-leadmagnet {
  border: 1px solid var(--lp-line); background: var(--lp-soft);
  border-radius: 14px; padding: 16px; font-size: 14px; max-width: 48ch; margin: 0 auto;
}
.lp-leadmagnet a { color: var(--lp-green); font-weight: 500; text-decoration: underline; }

/* спрятанная CF7-форма (поля заполняет JS квиза) */
.lp-cf7-hidden { position: absolute; left: -9999px; top: 0; width: 1px; height: 1px; overflow: hidden; }

/* ============================================================
   STRIP — полоса статистики (как .facts плитки)
   ============================================================ */
.lp-strip { background: var(--lp-ink); border-radius: 20px; }
.lp-strip__inner {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
  padding: clamp(24px, 3vw, 40px);
}
.lp-stat b {
  display: block; font-size: clamp(26px, 3vw, 40px);
  font-weight: 500; line-height: 100%; color: var(--lp-orange);
}
.lp-stat span { display: block; margin-top: 8px; font-size: 13px; color: rgba(253, 253, 253, 0.72); line-height: 130%; }

/* ============================================================
   WHY / сравнительная таблица
   ============================================================ */
.lp-cmp {
  border: 1px solid var(--lp-green);
  border-radius: 20px;
  overflow: hidden;
  background: var(--lp-white);
}
.lp-cmp__scroll { overflow-x: auto; }
.lp-cmp table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 14px; }
.lp-cmp th, .lp-cmp td { padding: 15px 20px; text-align: left; border-bottom: 1px solid var(--lp-line); }
.lp-cmp thead th { font-size: 12.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2px; background: var(--lp-soft); }
.lp-cmp thead th:last-child { background: var(--lp-green); color: var(--lp-white); }
.lp-cmp tbody td:first-child { color: var(--lp-grey); }
.lp-cmp tbody td:last-child { font-weight: 600; }
.lp-cmp tbody tr:last-child td { border-bottom: none; }
.lp-cmp__note { font-size: 12px; color: var(--lp-grey); padding: 12px 20px; background: var(--lp-soft); border-top: 1px solid var(--lp-line); }

/* ============================================================
   OBJECTS — портфолио объектов
   ============================================================ */
.lp-obj-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 30px; }
.lp-obj {
  display: flex; flex-direction: column;
  border: 1px solid var(--lp-line); border-radius: 20px; overflow: hidden; background: var(--lp-white);
}
.lp-obj__img {
  aspect-ratio: 4 / 3; position: relative;
  display: flex; align-items: flex-end; padding: 12px;
  background: linear-gradient(135deg, #2a3340 0%, #3c4654 100%);
}
.lp-obj__img[data-kind="ship"]   { background: linear-gradient(135deg, #1673a1 0%, #2a93c7 100%); }
.lp-obj__img[data-kind="sport"]  { background: linear-gradient(135deg, #2c7d40 0%, #34934b 100%); }
.lp-obj__img[data-kind="kids"]   { background: linear-gradient(135deg, #34934b 0%, #5fb677 100%); }
.lp-obj__img[data-kind="park"]   { background: linear-gradient(135deg, #2a3340 0%, #3c5a3a 100%); }
.lp-obj__img[data-kind="maf"]    { background: linear-gradient(135deg, #c98a1f 0%, #feb145 100%); }
.lp-obj__img[data-kind="school"] { background: linear-gradient(135deg, #16517a 0%, #1673a1 100%); }
.lp-obj__cat {
  font-size: 11px; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase;
  background: rgba(28, 33, 39, 0.75); color: var(--lp-white); padding: 5px 12px; border-radius: 100px;
}
.lp-obj figcaption { padding: 16px 18px; }
.lp-obj figcaption h4 { font-size: 16px; font-weight: 500; margin: 0 0 6px; line-height: 1.2; }
.lp-obj__meta { font-size: 12.5px; color: var(--lp-grey); line-height: 135%; }
.lp-obj-foot {
  margin-top: 24px; font-size: 14px; color: var(--lp-grey);
  border-left: 2px solid var(--lp-green); padding-left: 14px;
}

/* ============================================================
   FAQ
   ============================================================ */
.lp-faq__list { border: 1px solid var(--lp-line); border-radius: 20px; overflow: hidden; background: var(--lp-white); }
.lp-faq__item { border-bottom: 1px solid var(--lp-line); }
.lp-faq__item:last-child { border-bottom: none; }
.lp-faq__item summary {
  list-style: none; cursor: pointer; padding: 20px 24px;
  font-size: 16px; font-weight: 500;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  transition: background 0.12s;
}
.lp-faq__item summary::-webkit-details-marker { display: none; }
.lp-faq__item summary:hover { background: var(--lp-soft); }
.lp-faq__item summary::after { content: "+"; font-size: 24px; line-height: 1; color: var(--lp-green); flex: none; }
.lp-faq__item[open] summary::after { content: "–"; }
.lp-faq__item[open] summary { background: var(--lp-soft); }
.lp-faq__a { padding: 0 24px 22px; font-size: 14.5px; color: var(--lp-grey); line-height: 150%; max-width: 74ch; }

.lp-hidden { display: none !important; }

/* ============================================================
   АДАПТИВ
   ============================================================ */
@media (max-width: 991px) {
  .lp-offers .lp-offers__grid { grid-template-columns: 1fr; }
  .lp-obj-grid { grid-template-columns: 1fr 1fr; }
  .lp-strip__inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575px) {
  .lp-opts { grid-template-columns: 1fr; }
  .lp-contact-grid { grid-template-columns: 1fr; }
  .lp-obj-grid { grid-template-columns: 1fr; }
  .lp-strip__inner { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .lp * { animation: none !important; transition: none !important; }
}

/* ============================================================
   ПРАВКИ ПОД СТИЛЬ ГЛАВНОЙ (2026-06-26)
   ============================================================ */

/* Hero: зелёная карточка слева */
.lp .hero__card-1 .lp-hero-eyebrow{font-size:clamp(12px,1vw,14px);font-weight:500;color:rgba(255,255,255,.82);margin-bottom:14px;letter-spacing:-0.1px}
.lp .hero__card-1 h1{margin:0;color:#fff}
.lp .hero__card-1 .lp-hero-lead{margin-top:18px;font-size:clamp(14px,1.15vw,17px);line-height:145%;color:rgba(255,255,255,.9);max-width:56ch}
.lp .hero__card-1 .btn{margin-top:18px}

/* Зелёный бейдж «Сделано в России» */
.lp .lp-madein{display:inline-flex;align-items:center;gap:12px;background:var(--lp-green);color:#fff;font-weight:500;font-size:clamp(14px,1.25vw,18px);line-height:1;padding:15px 26px 15px 16px;border-radius:100px;margin-top:28px;letter-spacing:-0.3px}
.lp .lp-madein__ico{width:28px;height:28px;flex:none;border-radius:50%;background:#fff;color:var(--lp-green);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}

/* Офферы — цветные плитки (как блок «ТОП продаж») */
.lp.lp .best .lp-offer{display:flex;flex-direction:column;height:100%}
.lp .best .lp-offer h3{margin:0 0 12px}
.lp .best .lp-offer__desc{font-size:clamp(14px,1.2vw,17px);line-height:140%;margin:0;opacity:.96}
.lp .best .lp-offer__points{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.lp .best .lp-offer__points span{border:1px solid rgba(255,255,255,.6);border-radius:100px;padding:9px 16px;font-size:clamp(12px,1vw,14px);color:#fff;line-height:1}
.lp .best .lp-offer__badge{align-self:flex-start;background:#fff;color:var(--lp-green);font-size:12px;font-weight:600;padding:6px 14px;border-radius:100px;margin-bottom:14px;position:static}
.lp .best .lp-offer__btn{margin-top:auto;align-self:flex-start}
.lp .best .lp-offer__btn{margin-top:24px}

/* CTA «Свой завод» — лид под зелёной карточкой */
.lp .lp-cta__lead{margin-top:14px;font-size:clamp(14px,1.15vw,17px);line-height:145%;color:rgba(255,255,255,.92);max-width:46ch}
.lp .lp-quickform #lpQfMsg{color:#fff}

/* Ряд бейджей под hero */
.lp .lp-madein-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.lp .lp-madein-row .lp-madein{margin-top:0}

/* Рекомендации каталога на финальном шаге квиза */
.lp .lp-recos{margin:0 0 22px}
.lp .lp-recos__title{font-size:15px;font-weight:500;margin-bottom:12px;color:var(--lp-ink)}
/* живой превью-подбор по ходу шагов */
.lp .lp-preview{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:10px 16px;margin:0 0 18px;font-size:14px;color:#fff;line-height:1.4}
.lp .lp-preview b{font-weight:700}
.lp .lp-preview__ico{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center}
.lp .lp-preview__ico svg{width:15px;height:15px}
.lp .is-tender .lp-preview{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);color:#fff}
.lp .is-tender .lp-preview__ico{background:rgba(255,255,255,.22)}

.lp .lp-recos__sub{font-size:13px;color:var(--lp-grey);margin:-6px 0 12px;line-height:1.4}
.lp .lp-recos__sub b{font-weight:700}
.lp .is-analog .lp-recos__sub,.lp .is-kp .lp-recos__sub{color:rgba(255,255,255,.9)}
.lp .is-tender .lp-recos__sub{color:#fff}
.lp .lp-recos__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.lp .lp-reco{display:flex;flex-direction:column;border:1px solid var(--lp-line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--lp-ink);background:#fff;transition:border-color .14s,box-shadow .14s}
.lp .lp-reco:hover{border-color:var(--lp-green);box-shadow:0 10px 24px -16px rgba(28,33,39,.4)}
.lp .lp-reco__img{display:block;aspect-ratio:4/3;background:var(--lp-soft) center/cover no-repeat}
.lp .lp-reco__t{padding:10px 12px;font-size:13px;line-height:1.3;font-weight:500}
.lp .lp-recos__note{margin-top:12px;font-size:13px;color:var(--lp-grey);border-left:2px solid var(--lp-green);padding-left:12px;line-height:1.45}
@media(max-width:520px){.lp .lp-recos__grid{grid-template-columns:1fr 1fr}}

/* Таблица сравнения — крупнее и наряднее, акцент на колонке «Аналог МАФИК» */
.lp .lp-cmp{border:1px solid var(--lp-line);border-radius:20px;box-shadow:0 22px 50px -34px rgba(28,33,39,.45)}
.lp .lp-cmp table{font-size:clamp(15px,1.2vw,17px)}
.lp .lp-cmp th,.lp .lp-cmp td{padding:18px 26px;border-bottom:1px solid #eceae3}
.lp .lp-cmp thead th{font-size:13px;letter-spacing:.5px;padding:20px 26px}
.lp .lp-cmp thead th:last-child{background:var(--lp-green);color:#fff;font-size:14px}
.lp .lp-cmp tbody tr:nth-child(even){background:#fafaf8}
.lp .lp-cmp tbody td:first-child{font-weight:500;color:var(--lp-ink)}
.lp .lp-cmp tbody td:nth-child(2){color:var(--lp-grey);font-weight:400}
.lp .lp-cmp tbody td:last-child{background:#eef6f0;color:var(--lp-green-d);font-weight:600;box-shadow:inset 3px 0 0 var(--lp-green)}
.lp .lp-cmp tbody td:last-child::before{content:"✓";display:inline-block;margin-right:8px;color:var(--lp-green);font-weight:700}
.lp .lp-cmp__note{font-size:12.5px;padding:14px 26px}

/* Кнопки офферов — в одну строку */
.lp .best .lp-offer__btn{white-space:nowrap}

/* Квиз — цвет под выбранный вариант (как блоки офферов) */
.lp .lp-quiz__shell.is-analog{border-color:#34934b}
.lp .lp-quiz__shell.is-kp{border-color:#1673a1}
.lp .lp-quiz__shell.is-tender{border-color:#feb145}
.lp .is-analog .lp-quiz__head{background:#34934b}
.lp .is-kp .lp-quiz__head{background:#1673a1}
.lp .is-tender .lp-quiz__head{background:#feb145}
.lp .is-analog .lp-quiz__head .lp-quiz__label,.lp .is-analog .lp-quiz__head .lp-quiz__count,
.lp .is-kp .lp-quiz__head .lp-quiz__label,.lp .is-kp .lp-quiz__head .lp-quiz__count,
.lp .is-tender .lp-quiz__head .lp-quiz__label,.lp .is-tender .lp-quiz__head .lp-quiz__count{color:#fff}
.lp .is-analog .lp-progress__bar{background:#2c7d40}
.lp .is-kp .lp-progress__bar{background:#0f5c83}
.lp .is-tender .lp-progress__bar{background:#e0921a}
.lp .is-kp .lp-progress,.lp .is-tender .lp-progress{background:rgba(0,0,0,.08)}
.lp .is-kp .lp-qnum{color:#1673a1}
.lp .is-tender .lp-qnum{color:#d8881f}
.lp .is-kp .lp-opt.is-sel{border-color:#1673a1;background:#e9f1f6;box-shadow:inset 0 0 0 1px #1673a1}
.lp .is-tender .lp-opt.is-sel{border-color:#e0921a;background:#fdf3e3;box-shadow:inset 0 0 0 1px #e0921a}
.lp .is-kp .lp-opt.is-sel .lp-opt__ico{background:#1673a1;border-color:#1673a1}
.lp .is-tender .lp-opt.is-sel .lp-opt__ico{background:#e0921a;border-color:#e0921a}
.lp .is-kp .lp-btn--green{background:#1673a1;color:#fff}
.lp .is-kp .lp-btn--green:hover{background:transparent;color:var(--lp-ink);border-color:#1673a1}
.lp .is-tender .lp-btn--green{background:#e0921a;color:#fff}
.lp .is-tender .lp-btn--green:hover{background:transparent;color:var(--lp-ink);border-color:#e0921a}
.lp .is-kp .lp-promise{border-color:#1673a1;background:#e9f1f6}
.lp .is-tender .lp-promise{border-color:#e0921a;background:#fdf3e3}
.lp .is-kp .lp-promise b,.lp .is-kp .lp-promise .clock{color:#1673a1;border-color:#1673a1}
.lp .is-tender .lp-promise b,.lp .is-tender .lp-promise .clock{color:#d8881f;border-color:#e0921a}

/* ============================================================
   КВИЗ — ПОЛНОСТЬЮ ЦВЕТНОЙ ФОН ПОД ВАРИАНТ (2026-06-26)
   analog=зелёный, kp=синий, tender=оранжевый. Без эмодзи.
   ============================================================ */
.lp .lp-quiz__shell.is-analog,.lp .lp-quiz__shell.is-kp,.lp .lp-quiz__shell.is-tender{border:none}
.lp .is-analog .lp-quiz__body{background:#34934b}
.lp .is-kp .lp-quiz__body{background:#1673a1}
.lp .is-tender .lp-quiz__body{background:#feb145}
.lp .is-analog .lp-quiz__head{background:#2c7d40}
.lp .is-kp .lp-quiz__head{background:#125f85}
.lp .is-tender .lp-quiz__head{background:#e9a52f}

/* светлый текст (analog/kp) */
.lp .is-analog .lp-qtitle,.lp .is-kp .lp-qtitle{color:#fff}
.lp .is-analog .lp-qnum,.lp .is-kp .lp-qnum{color:rgba(255,255,255,.85)}
.lp .is-analog .lp-qhint,.lp .is-kp .lp-qhint{color:rgba(255,255,255,.82)}
.lp .is-analog .lp-field label,.lp .is-kp .lp-field label{color:rgba(255,255,255,.85)}
.lp .is-analog .lp-consent,.lp .is-kp .lp-consent{color:rgba(255,255,255,.82)}
.lp .is-analog .lp-consent a,.lp .is-kp .lp-consent a{color:#fff}
.lp .is-analog .lp-back,.lp .is-kp .lp-back,.lp .is-analog .lp-skip,.lp .is-kp .lp-skip{color:rgba(255,255,255,.85)}
.lp .is-analog .lp-recos__title,.lp .is-kp .lp-recos__title{color:#fff}
.lp .is-analog .lp-recos__note,.lp .is-kp .lp-recos__note{color:rgba(255,255,255,.85);border-left-color:#fff}
.lp .is-analog .lp-done h3,.lp .is-kp .lp-done h3{color:#fff}
.lp .is-analog .lp-done p,.lp .is-kp .lp-done p{color:rgba(255,255,255,.85)}

/* тёмный текст (tender — светлый фон) */
.lp .is-tender .lp-qtitle{color:#1c1c1c}
.lp .is-tender .lp-qnum{color:#7a4d05}
.lp .is-tender .lp-qhint{color:rgba(28,28,28,.78)}
.lp .is-tender .lp-field label{color:rgba(28,28,28,.8)}
.lp .is-tender .lp-consent{color:rgba(28,28,28,.78)}
.lp .is-tender .lp-consent a{color:#1c1c1c}
.lp .is-tender .lp-back,.lp .is-tender .lp-skip{color:rgba(28,28,28,.78)}
.lp .is-tender .lp-recos__title{color:#1c1c1c}
.lp .is-tender .lp-recos__note{color:rgba(28,28,28,.82);border-left-color:#7a4d05}
.lp .is-tender .lp-done h3{color:#1c1c1c}
.lp .is-tender .lp-done p{color:rgba(28,28,28,.8)}

/* опции — белые плитки */
.lp .lp-quiz__shell[class*="is-"] .lp-opt{background:#fff;border-color:transparent;color:#1c1c1c}
.lp .is-analog .lp-opt.is-sel{box-shadow:inset 0 0 0 2px #1c4d2b;background:#eef6f0}
.lp .is-kp .lp-opt.is-sel{box-shadow:inset 0 0 0 2px #0f3f5a;background:#e9f1f6}
.lp .is-tender .lp-opt.is-sel{box-shadow:inset 0 0 0 2px #7a4d05;background:#fff4e2}

/* кнопки на цветном фоне — белые */
.lp .lp-quiz__shell[class*="is-"] .lp-btn--green{background:#fff;color:#1c1c1c;border-color:#fff}
.lp .lp-quiz__shell[class*="is-"] .lp-btn--green:hover{background:transparent;color:#fff;border-color:#fff}
.lp .is-tender .lp-btn--green:hover{color:#1c1c1c;border-color:#1c1c1c}

/* поля ввода */
.lp .lp-quiz__shell[class*="is-"] .lp-field input{background:#fff;border-color:transparent;color:#1c1c1c}

/* промис / summary / upload — полупрозрачные на фоне */
.lp .lp-quiz__shell[class*="is-"] .lp-promise{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5)}
.lp .is-analog .lp-promise,.lp .is-kp .lp-promise{color:#fff}
.lp .is-analog .lp-promise b,.lp .is-kp .lp-promise b{color:#fff}
.lp .is-tender .lp-promise{color:#1c1c1c;background:rgba(255,255,255,.4);border-color:rgba(0,0,0,.18)}
.lp .is-tender .lp-promise b{color:#1c1c1c}
.lp .lp-quiz__shell[class*="is-"] .lp-summary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
.lp .is-analog .lp-summary,.lp .is-kp .lp-summary{color:#fff}
.lp .is-analog .lp-summary .row span:first-child,.lp .is-kp .lp-summary .row span:first-child{color:rgba(255,255,255,.8)}
.lp .is-tender .lp-summary{color:#1c1c1c;background:rgba(255,255,255,.4)}
.lp .lp-quiz__shell[class*="is-"] .lp-summary .row{border-bottom-color:rgba(255,255,255,.28)}
.lp .lp-quiz__shell[class*="is-"] .lp-upload{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.6)}
.lp .is-analog .lp-upload,.lp .is-kp .lp-upload{color:#fff}
.lp .is-tender .lp-upload{color:#1c1c1c;border-color:rgba(0,0,0,.3)}
.lp .lp-quiz__shell[class*="is-"] .lp-upload small{opacity:.82}
.lp .lp-quiz__shell[class*="is-"] .lp-leadmagnet{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4)}
.lp .lp-quiz__shell[class*="is-"] .lp-done .check{border-color:currentColor}
.lp .is-tender .lp-done .check{border-color:#1c1c1c;color:#1c1c1c}
.lp .lp-quiz__shell[class*="is-"] .lp-progress{background:rgba(0,0,0,.15)}

/* кнопка «Пропустить» */
.lp .lp-skip{background:none;border:none;font-family:inherit;font-size:14px;cursor:pointer;padding:8px 4px;text-decoration:underline}
.lp .lp-nav__right{display:inline-flex;align-items:center;gap:16px}

/* Лид-текст под баннером + сокращённый верхний отступ hero */
.lp .lp-hero{padding-top:clamp(12px,1.5vw,20px)}
.lp .lp-underbanner{margin:26px 0 0;font-size:clamp(15px,1.3vw,18px);line-height:150%;color:var(--lp-ink);max-width:90ch}

/* Отступ под бейджами секций (как на главной) */
.lp .badge-section{margin-bottom:clamp(16px,1.6vw,24px)}

/* Инпуты квиза — как в формах сайта: скруглённые «пилюли», без фона */
.lp .lp-quiz__shell[class*="is-"] .lp-field input{background:transparent;border:1px solid rgba(255,255,255,.6);border-radius:100px;color:#fff;padding:14px 22px}
.lp .lp-quiz__shell[class*="is-"] .lp-field input::placeholder{color:rgba(255,255,255,.7)}
.lp .lp-quiz__shell[class*="is-"] .lp-field input:focus{border-color:#fff;outline:none}
.lp .is-tender .lp-field input{border-color:rgba(0,0,0,.45);color:#1c1c1c}
.lp .is-tender .lp-field input::placeholder{color:rgba(28,28,28,.6)}

/* Таблица без тени + сокращённые отступы между секциями */
.lp .lp-cmp{box-shadow:none}
.lp section{padding:clamp(20px,3vw,44px) 0}

/* Все шрифты квиза — белые (во всех вариантах, включая оранжевый) */
.lp .is-tender .lp-qtitle,.lp .is-tender .lp-qnum,.lp .is-tender .lp-qhint,
.lp .is-tender .lp-field label,.lp .is-tender .lp-consent,.lp .is-tender .lp-consent a,
.lp .is-tender .lp-back,.lp .is-tender .lp-skip,.lp .is-tender .lp-recos__title,
.lp .is-tender .lp-recos__note,.lp .is-tender .lp-done h3,.lp .is-tender .lp-done p,
.lp .is-tender .lp-promise,.lp .is-tender .lp-promise b,.lp .is-tender .lp-summary{color:#fff}
.lp .is-tender .lp-recos__note{border-left-color:#fff}
.lp .is-tender .lp-field input{color:#fff;border-color:rgba(255,255,255,.7)}
.lp .is-tender .lp-field input::placeholder{color:rgba(255,255,255,.78)}
.lp .is-tender .lp-done .check{border-color:#fff;color:#fff}
.lp .is-tender .lp-promise{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5)}

/* ============================================================
   КВИЗ — ЭКРАНЫ ПО МАКЕТАМ 26.06.2026
   ============================================================ */
.lp .lp-quiz{padding-top:clamp(24px,4vw,56px)}
.lp .lp-quiz__shell{
  border:0;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(145deg,#167a32 0%,#269248 46%,#116d2b 100%);
  box-shadow:0 18px 44px -30px rgba(12,45,24,.55);
}
.lp .lp-quiz__shell::before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-120px;
  top:130px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  pointer-events:none;
}
.lp .lp-quiz__shell{position:relative}
.lp .lp-quiz__head{
  position:relative;
  z-index:1;
  padding:clamp(22px,2.6vw,42px) clamp(24px,3.2vw,56px);
  background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.38);
}
.lp .lp-quiz__label,.lp .lp-quiz__count{
  color:#fff!important;
  font-size:clamp(14px,1.15vw,18px);
  font-weight:700;
  text-transform:none;
}
.lp .lp-quiz__count{display:inline-flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.02em}
.lp .lp-quiz__count::after{
  content:"";
  width:100px;
  height:14px;
  margin-left:18px;
  background:
    linear-gradient(#fff,#fff) 0 50%/14px 14px no-repeat,
    linear-gradient(var(--lp-dot-2,rgba(255,255,255,.3)),var(--lp-dot-2,rgba(255,255,255,.3))) 28px 50%/14px 14px no-repeat,
    linear-gradient(var(--lp-dot-3,rgba(255,255,255,.3)),var(--lp-dot-3,rgba(255,255,255,.3))) 56px 50%/14px 14px no-repeat,
    linear-gradient(var(--lp-dot-4,rgba(255,255,255,.3)),var(--lp-dot-4,rgba(255,255,255,.3))) 84px 50%/14px 14px no-repeat;
}
.lp .lp-quiz__shell[data-step="2"]{--lp-dot-2:#fff}
.lp .lp-quiz__shell[data-step="3"]{--lp-dot-2:#fff;--lp-dot-3:#fff}
.lp .lp-quiz__shell[data-step="4"]{--lp-dot-2:#fff;--lp-dot-3:#fff;--lp-dot-4:#fff}
.lp .lp-progress{height:4px;background:rgba(255,255,255,.22)!important}
.lp .lp-progress__bar{background:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.lp .lp-quiz__body{
  position:relative;
  z-index:1;
  min-height:620px;
  padding:clamp(28px,4vw,58px) clamp(24px,3.2vw,56px)!important;
  background:transparent!important;
}
.lp .lp-qnum{
  color:rgba(255,255,255,.78)!important;
  font-size:clamp(15px,1.25vw,20px);
  font-weight:700;
  margin-bottom:18px;
}
.lp .lp-qtitle{
  color:#fff!important;
  font-size:clamp(34px,4.1vw,64px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:0;
  margin-bottom:18px;
}
.lp .lp-qhint{
  color:rgba(255,255,255,.86)!important;
  font-size:clamp(17px,1.45vw,24px);
  font-weight:600;
  line-height:1.35;
  margin-bottom:clamp(30px,4vw,54px);
}
.lp .lp-choice__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2vw,28px);
}
.lp .lp-choice-card{
  position:relative;
  display:flex;
  min-height:clamp(300px,29vw,430px);
  flex-direction:column;
  align-items:flex-start;
  padding:clamp(24px,2.4vw,36px);
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  color:#fff;
  text-align:left;
  cursor:pointer;
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.lp .lp-choice-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px -34px rgba(0,0,0,.55);border-color:rgba(255,255,255,.45)}
.lp .lp-choice-card--analog{background:url("data:image/svg+xml,%3Csvg width='287' height='268' viewBox='0 0 287 268' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-47.6973 48C-61.0919 101.333 -71.4582 199.2 -5.76627 164C59.9257 128.8 21.6054 -34.6667 -5.76627 -112C-15.0842 -70 -30.9246 16 -19.7431 24C-5.76627 34 150.253 275 171.218 189C187.991 120.2 87.9963 -50.6667 48.3948 -88C74.6017 -34.6667 139.595 67.2 189.912 48C240.229 28.8 227.184 -50.6667 214.372 -88' stroke='white' stroke-opacity='0.18' stroke-width='120'/%3E%3C/svg%3E") no-repeat left -40px top -40px/260px auto, linear-gradient(145deg,rgba(96,184,105,.72),rgba(38,143,67,.9))}
.lp .lp-choice-card--kp{background:url("data:image/svg+xml,%3Csvg width='287' height='268' viewBox='0 0 287 268' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-47.6973 48C-61.0919 101.333 -71.4582 199.2 -5.76627 164C59.9257 128.8 21.6054 -34.6667 -5.76627 -112C-15.0842 -70 -30.9246 16 -19.7431 24C-5.76627 34 150.253 275 171.218 189C187.991 120.2 87.9963 -50.6667 48.3948 -88C74.6017 -34.6667 139.595 67.2 189.912 48C240.229 28.8 227.184 -50.6667 214.372 -88' stroke='white' stroke-opacity='0.18' stroke-width='120'/%3E%3C/svg%3E") no-repeat left -40px top -40px/260px auto, linear-gradient(145deg,#1f95d0,#0967a8)}
.lp .lp-choice-card--tender{background:url("data:image/svg+xml,%3Csvg width='287' height='268' viewBox='0 0 287 268' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-47.6973 48C-61.0919 101.333 -71.4582 199.2 -5.76627 164C59.9257 128.8 21.6054 -34.6667 -5.76627 -112C-15.0842 -70 -30.9246 16 -19.7431 24C-5.76627 34 150.253 275 171.218 189C187.991 120.2 87.9963 -50.6667 48.3948 -88C74.6017 -34.6667 139.595 67.2 189.912 48C240.229 28.8 227.184 -50.6667 214.372 -88' stroke='white' stroke-opacity='0.18' stroke-width='120'/%3E%3C/svg%3E") no-repeat left -40px top -40px/260px auto, linear-gradient(145deg,#ffad2f,#f27b05)}
.lp .lp-choice-card__num{
  position:absolute;
  top:28px;
  right:28px;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.55);
  border-radius:12px;
  font-size:20px;
  font-weight:800;
}
.lp .lp-choice-card__icon{
  width:clamp(96px,9vw,136px);
  height:clamp(96px,9vw,136px);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:8px 0 auto;
  border-radius:50%;
  background:rgba(255,255,255,.16);
}
.lp .lp-choice-card__icon svg{width:70%;height:70%;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.lp .lp-choice-card__title{
  display:block;
  margin-top:30px;
  font-size:clamp(22px,2vw,34px);
  font-weight:800;
  line-height:1.12;
}
.lp .lp-choice-card__text{
  display:block;
  margin-top:16px;
  max-width:31ch;
  color:rgba(255,255,255,.95);
  font-size:clamp(15px,1.25vw,19px);
  line-height:1.4;
}
.lp .lp-choice-card__foot{
  width:100%;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-top:34px;
}
.lp .lp-choice-card__tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.lp .lp-choice-card__tags span{
  border:1px solid rgba(255,255,255,.65);
  border-radius:100px;
  padding:9px 14px;
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1;
}
.lp .lp-choice-card__arrow{
  width:64px;
  height:64px;
  display:flex;
  flex:none;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#fff;
  color:#22873d;
  font-size:36px;
  font-weight:500;
}
.lp .lp-choice-card--kp .lp-choice-card__arrow{color:#0967a8}
.lp .lp-choice-card--tender .lp-choice-card__arrow{color:#f27b05}
.lp .lp-choice__note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:34px;
  padding:20px 28px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  color:#fff;
}
.lp .lp-choice__note b{display:block;font-size:clamp(17px,1.4vw,22px);margin-bottom:5px}
.lp .lp-choice__note span{display:block;color:rgba(255,255,255,.9);font-size:clamp(14px,1.1vw,17px)}
.lp .lp-choice__secure{color:rgba(255,255,255,.65);font-size:15px}

.lp .lp-steps-line{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  align-items:start;
  gap:0;
  max-width:1120px;
  margin:0 auto clamp(34px,4vw,58px);
}
.lp .lp-steps-line span{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  color:rgba(255,255,255,.45);
  font-weight:700;
}
.lp .lp-steps-line span::before{
  content:"";
  position:absolute;
  top:17px;
  left:-50%;
  width:100%;
  height:3px;
  background:rgba(255,255,255,.22);
}
.lp .lp-steps-line span:first-child::before{display:none}
.lp .lp-steps-line span.is-done::before,.lp .lp-steps-line span.is-active::before{background:#fff}
.lp .lp-steps-line i{
  position:relative;
  z-index:1;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid rgba(255,255,255,.42);
  border-radius:50%;
  color:rgba(255,255,255,.72);
  font-style:normal;
  background:#238842;
}
.lp .lp-steps-line .is-done i,.lp .lp-steps-line .is-active i{
  background:#fff;
  color:#238842;
  border-color:#fff;
}
.lp .lp-steps-line .is-active b{color:#fff}

.lp .lp-opts{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.lp .lp-opt{
  min-height:128px;
  display:grid;
  grid-template-columns:96px 1fr;
  align-items:center;
  gap:22px;
  padding:28px 42px 28px 30px;
  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:14px;
  background:#fff!important;
  color:#1c1c1c!important;
  font-size:clamp(18px,1.5vw,24px);
  font-weight:500;
  box-shadow:0 14px 32px -30px rgba(0,0,0,.55);
}
.lp .lp-opt:hover{transform:translateY(-2px);border-color:#fff!important}
.lp .lp-opt.is-sel{background:#f2f8f3!important;box-shadow:inset 0 0 0 3px #2f934a,0 16px 34px -28px rgba(0,0,0,.5)!important}
.lp .lp-opt__ico{
  width:72px;
  height:72px;
  border:0;
  border-radius:50%;
  background:#eaf3eb!important;
}
.lp .lp-opt__ico svg{width:56px;height:56px;fill:none;stroke:#4d9b50;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.lp .lp-opt__img{width:100%;aspect-ratio:4/3;flex:none;border-radius:12px;background:#eaf3eb center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.lp .lp-opt--img.is-sel .lp-opt__img{box-shadow:0 0 0 2px #2f934a}
.lp .lp-opt__text small{font-size:15px;color:#6d6d6d;margin-top:8px}
.lp .lp-opt__arrow{color:#2f934a;font-size:34px;font-weight:500}
.lp .lp-btn{
  min-height:0;
  padding:15px 30px;
  border-radius:100px;
  font-size:clamp(15px,1.1vw,17px);
  font-weight:600;
}
.lp .lp-quiz__shell[class*="is-"] .lp-btn--green{background:#fff!important;color:#1c1c1c!important;border-color:#fff!important}
.lp .lp-quiz__shell[class*="is-"] .lp-btn--green:hover{background:rgba(255,255,255,.9)!important;color:#1c1c1c!important}
.lp .lp-back{
  color:rgba(255,255,255,.7)!important;
  font-size:clamp(20px,1.65vw,28px);
  font-weight:800;
}
.lp .lp-back:disabled{opacity:.35}
.lp .lp-skip{color:#fff!important;font-size:clamp(17px,1.35vw,22px)}

.lp .lp-upload-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:clamp(24px,3.2vw,54px);
  align-items:stretch;
}
.lp .lp-upload{
  min-height:300px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:2px dashed rgba(255,255,255,.62)!important;
  border-radius:18px;
  background:rgba(255,255,255,.04)!important;
  color:#fff;
  padding:38px;
}
.lp .lp-upload__ico{font-size:72px;line-height:1;color:rgba(255,255,255,.62);margin-bottom:24px}
.lp .lp-upload .big{font-size:clamp(18px,1.45vw,24px);font-weight:800}
.lp .lp-upload small{font-size:clamp(15px,1.15vw,18px);color:rgba(255,255,255,.58)!important;margin-top:18px}
.lp .lp-text-card{
  position:relative;
  border:1px solid rgba(255,255,255,.34);
  border-radius:18px;
  padding:30px;
  color:#fff;
  background:rgba(255,255,255,.04);
}
.lp .lp-text-card__head{display:flex;gap:18px;align-items:flex-start;margin-bottom:24px}
.lp .lp-text-card__ico{
  width:64px;
  height:64px;
  display:flex;
  flex:none;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  font-size:34px;
}
.lp .lp-text-card b{display:block;font-size:clamp(18px,1.45vw,24px);text-transform:uppercase}
.lp .lp-text-card span{display:block;margin-top:10px;color:rgba(255,255,255,.68);font-size:clamp(14px,1.05vw,17px);line-height:1.35}
.lp .lp-text-card textarea{
  width:100%;
  min-height:130px;
  resize:vertical;
  padding:24px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:10px;
  background:rgba(255,255,255,.03);
  color:#fff;
  font:inherit;
  font-size:20px;
  outline:none;
}
.lp .lp-text-card textarea::placeholder{color:rgba(255,255,255,.55)}
.lp .lp-text-card textarea:focus{border-color:#fff}
.lp .lp-text-card small{display:block;text-align:right;margin-top:6px;color:rgba(255,255,255,.62);font-size:13px}
.lp .lp-tip{
  display:inline-flex;
  align-items:center;
  margin-top:26px;
  padding:18px 28px;
  border-radius:100px;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.92);
  font-size:clamp(15px,1.2vw,18px);
  font-weight:700;
}

.lp .lp-field label{color:rgba(255,255,255,.86)!important;font-size:16px}
.lp .lp-quiz__shell[class*="is-"] .lp-field input{
  min-height:60px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.55);
  color:#fff;
  font-size:18px;
}
.lp .lp-promise{color:#fff!important}
.lp .lp-consent,.lp .lp-consent a{color:rgba(255,255,255,.85)!important}
.lp .lp-channel .lp-opt{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  grid-template-columns:none;
  width:auto;
  padding:14px 22px;
  border-radius:100px;
  font-size:17px;
}

@media(max-width:1199px){
  .lp .lp-choice__grid,.lp .lp-opts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp .lp-choice-card{min-height:320px}
}
@media(max-width:900px){
  .lp .lp-opts{grid-template-columns:1fr}
}
@media(max-width:767px){
  .lp .lp-quiz__head{padding:20px}
  .lp .lp-quiz__body{min-height:auto;padding:28px 18px!important}
  .lp .lp-qtitle{font-size:34px}
  .lp .lp-qhint{font-size:17px}
  .lp .lp-choice__grid,.lp .lp-opts,.lp .lp-upload-grid{grid-template-columns:1fr}
  .lp .lp-choice-card{min-height:260px;padding:24px}
  .lp .lp-choice-card__icon{width:92px;height:92px}
  .lp .lp-choice-card__arrow{width:54px;height:54px}
  .lp .lp-choice__note{display:block}
  .lp .lp-choice__note>div+div{margin-top:16px}
  .lp .lp-choice__nav{align-items:flex-start;gap:14px;flex-direction:column}
  .lp .lp-steps-line{display:none}
  .lp .lp-opt{grid-template-columns:76px 1fr;min-height:104px;padding:20px 28px 20px 20px;gap:16px}
  .lp .lp-opt__ico{width:62px;height:62px}
  .lp .lp-opt__ico svg{width:46px;height:46px}
  .lp .lp-upload{min-height:230px}
  .lp .lp-nav{gap:18px;align-items:flex-start;flex-direction:column}
  .lp .lp-nav__right{width:100%;justify-content:space-between}
  .lp .lp-btn{width:100%}
}

/* ============================================================
   WHY — ДИЗАЙН С СИНЕЙ ВИЗУАЛЬНОЙ ЗОНОЙ И СРАВНЕНИЕМ
   ============================================================ */
.lp .lp-why{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}
.lp .lp-why .container{position:relative;z-index:1}
.lp .lp-why__hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  gap:clamp(24px,4vw,60px);
  min-height:390px;
  margin-bottom:clamp(24px,3vw,38px);
}
.lp .lp-why__copy{position:relative;z-index:2;padding-top:clamp(8px,1vw,16px)}
.lp .lp-why h2{
  max-width:760px;
  margin:0 0 24px;
}
.lp .lp-why__copy p{
  max-width:720px;
  margin:0;
  color:#64676b;
  font-size:clamp(18px,1.65vw,26px);
  line-height:1.45;
}
.lp .lp-why__copy p strong{color:#1673a1;font-weight:800}
.lp .lp-why__facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(14px,1.8vw,28px);
  margin-top:clamp(28px,3vw,42px);
}
.lp .lp-why-fact{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:14px;
  min-width:0;
}
.lp .lp-why-fact + .lp-why-fact::before{
  content:"";
  position:absolute;
  left:calc(clamp(14px,1.8vw,28px) * -0.5);
  top:10px;
  bottom:10px;
  width:1px;
  background:#d5e0ec;
}
.lp .lp-why-fact span:last-child{
  color:#111820;
  font-size:clamp(14px,1.15vw,17px);
  line-height:1.32;
}
.lp .lp-why-fact__icon,.lp .lp-cmp__ico,.lp .lp-why__cert > span{
  position:relative;
  flex:0 0 auto;
  width:58px;
  height:58px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:#eaf4ff;
  color:#1673a1;
}
.lp .lp-why-fact__icon::before,.lp .lp-why-fact__icon::after,
.lp .lp-cmp__ico::before,.lp .lp-cmp__ico::after,
.lp .lp-why__cert > span::before,.lp .lp-why__cert > span::after{content:"";position:absolute;display:block}
.lp .lp-ico-shield::before{
  width:24px;height:29px;
  border:3px solid currentColor;
  border-radius:14px 14px 17px 17px;
  clip-path:polygon(50% 0,100% 18%,88% 78%,50% 100%,12% 78%,0 18%);
}
.lp .lp-ico-shield::after{
  width:12px;height:7px;
  border-left:3px solid currentColor;
  border-bottom:3px solid currentColor;
  transform:rotate(-45deg);
}
.lp .lp-ico-factory::before{
  width:28px;height:23px;
  border:3px solid currentColor;
  border-top:0;
  bottom:15px;
}
.lp .lp-ico-factory::after{
  left:17px;bottom:19px;
  width:28px;height:30px;
  background:
    linear-gradient(currentColor,currentColor) 0 100%/3px 24px no-repeat,
    linear-gradient(currentColor,currentColor) 8px 100%/3px 18px no-repeat,
    linear-gradient(currentColor,currentColor) 16px 100%/3px 27px no-repeat,
    linear-gradient(currentColor,currentColor) 24px 100%/3px 14px no-repeat,
    linear-gradient(currentColor,currentColor) 0 100%/28px 3px no-repeat;
}
.lp .lp-ico-ruble::before{
  width:22px;height:28px;
  border:3px solid currentColor;
  border-left:0;
  border-radius:0 12px 12px 0;
}
.lp .lp-ico-ruble::after{
  width:27px;height:16px;
  background:
    linear-gradient(currentColor,currentColor) 0 2px/27px 3px no-repeat,
    linear-gradient(currentColor,currentColor) 0 11px/20px 3px no-repeat;
}
.lp .lp-ico-calendar::before{
  width:28px;height:28px;
  border:3px solid currentColor;
  border-radius:5px;
}
.lp .lp-ico-calendar::after{
  width:20px;height:15px;
  background:
    linear-gradient(currentColor,currentColor) 0 0/20px 3px no-repeat,
    radial-gradient(circle,currentColor 2px,transparent 3px) 2px 7px/8px 8px repeat-x,
    radial-gradient(circle,currentColor 2px,transparent 3px) 2px 14px/8px 8px repeat-x;
}
.lp .lp-ico-wallet::before{
  width:30px;height:22px;
  border:3px solid currentColor;
  border-radius:7px;
}
.lp .lp-ico-wallet::after{
  right:11px;width:13px;height:10px;
  border:3px solid currentColor;
  border-radius:5px;
  background:#eaf4ff;
}
.lp .lp-ico-doc::before{
  width:25px;height:31px;
  border:3px solid currentColor;
  border-radius:5px;
}
.lp .lp-ico-doc::after{
  width:15px;height:16px;
  right:13px;bottom:13px;
  background:
    linear-gradient(currentColor,currentColor) 0 1px/11px 3px no-repeat,
    linear-gradient(currentColor,currentColor) 0 8px/8px 3px no-repeat;
  border-right:3px solid currentColor;
  border-bottom:3px solid currentColor;
  border-radius:0 0 8px 0;
}
.lp .lp-why__visual{position:relative;min-height:360px}
.lp .lp-why__visual::before{
  content:"";
  position:absolute;
  right:-28%;
  top:-28%;
  width:min(720px,58vw);
  aspect-ratio:1;
  border-radius:50%;
  background:#1673a1;
  box-shadow:0 28px 70px -44px rgba(7,95,199,.9);
}
.lp .lp-why__cert{
  position:absolute;
  right:0;
  top:18px;
  z-index:2;
  display:flex;
  align-items:flex-start;
  gap:14px;
  width:min(285px,70%);
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:18px;
  color:#fff;
  background:rgba(6,73,157,.35);
  backdrop-filter:blur(5px);
}
.lp .lp-why__cert > span{
  width:34px;height:34px;border-radius:50%;
  background:#fff;color:#1673a1;
}
.lp .lp-why__cert > span::before{width:17px;height:20px;border-width:2px}
.lp .lp-why__cert > span::after{width:8px;height:5px;border-left-width:2px;border-bottom-width:2px}
.lp .lp-why__cert b{
  display:block;
  font-size:16px;
  line-height:1.2;
  text-transform:uppercase;
  margin-bottom:8px;
}
.lp .lp-why__cert div > span{
  display:block;
  font-size:15px;
  line-height:1.35;
}
.lp .lp-playground{
  position:absolute;
  right:-24px;
  bottom:2px;
  z-index:1;
  width:min(640px,54vw);
  height:280px;
}
.lp .lp-playground__tower{
  position:absolute;
  bottom:0;
  width:94px;
  height:190px;
  border-radius:12px 12px 0 0;
  background:
    linear-gradient(#cfd8e3,#fff) 16px 0/62px 22px no-repeat,
    linear-gradient(#0b0f14,#0b0f14) 15px 48px/64px 84px no-repeat,
    linear-gradient(#d8e1ec,#d8e1ec) 8px 18px/8px 172px no-repeat,
    linear-gradient(#d8e1ec,#d8e1ec) 78px 18px/8px 172px no-repeat,
    #1673a1;
  box-shadow:inset 0 -42px 0 rgba(0,0,0,.3);
}
.lp .lp-playground__tower::before{
  content:"";
  position:absolute;
  left:-8px;top:-32px;
  width:110px;height:42px;
  background:#2b8bf0;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  border-bottom:4px solid #d7e2ef;
}
.lp .lp-playground__tower::after{
  content:"";
  position:absolute;
  left:28px;top:72px;
  width:36px;height:42px;
  border-radius:18px 18px 6px 6px;
  background:#061a31;
}
.lp .lp-playground__tower--a{left:30px;height:210px}
.lp .lp-playground__tower--b{left:270px;height:190px;transform:scale(.92);transform-origin:bottom}
.lp .lp-playground__tower--c{right:24px;height:160px;transform:scale(.78);transform-origin:bottom}
.lp .lp-playground__bridge{
  position:absolute;
  left:112px;bottom:64px;
  width:346px;height:70px;
  background:#1673a1;
  border-radius:36px;
  box-shadow:inset 0 -18px 0 rgba(0,0,0,.28);
}
.lp .lp-playground__bridge::before{
  content:"";
  position:absolute;
  inset:14px 24px;
  background:radial-gradient(circle,#061a31 0 12px,transparent 13px) 0 50%/64px 42px repeat-x;
}
.lp .lp-playground__tube{
  position:absolute;
  left:238px;bottom:96px;
  width:190px;height:54px;
  border-radius:28px;
  background:#0a68cf;
  box-shadow:inset 0 -16px 0 rgba(0,0,0,.24);
}
.lp .lp-playground__slide{
  position:absolute;
  left:338px;bottom:0;
  width:142px;height:132px;
  border-radius:0 0 34px 34px;
  border-right:28px solid #dfe6ee;
  border-bottom:16px solid #c3ced9;
  transform:skewX(-19deg);
}
.lp .lp-playground__ladder{
  position:absolute;
  bottom:0;
  width:54px;height:130px;
  border-left:4px solid #e7edf4;
  border-right:4px solid #e7edf4;
  transform:skewX(-17deg);
}
.lp .lp-playground__ladder::before{
  content:"";
  position:absolute;
  inset:12px 0;
  background:repeating-linear-gradient(180deg,transparent 0 17px,#e7edf4 18px 21px);
}
.lp .lp-playground__ladder--a{left:0}
.lp .lp-playground__ladder--b{right:0;transform:skewX(17deg)}
.lp .lp-cmp--blue{
  position:relative;
  overflow:hidden;
  border:1px solid #cbd9e8;
  border-radius:22px;
  background:#fff;
  box-shadow:none;
}
.lp .lp-cmp__head,.lp .lp-cmp__row{
  display:grid;
  grid-template-columns:45.5% 54.5%;
}
.lp .lp-cmp__head > div{
  min-height:76px;
  display:flex;
  align-items:center;
  padding:22px clamp(20px,3vw,42px);
  color:#111820;
  font-size:clamp(15px,1.2vw,20px);
  font-weight:900;
  line-height:1.2;
  text-transform:uppercase;
  background:linear-gradient(90deg,#f3f9ff 0%,#fff 100%);
}
.lp .lp-cmp__head > div:last-child{
  color:#fff;
  background:#1673a1;
}
.lp .lp-cmp__row > div{
  min-height:82px;
  display:flex;
  align-items:center;
  gap:clamp(16px,2vw,34px);
  padding:14px clamp(20px,3vw,42px);
  border-top:1px solid #d5e0ec;
}
.lp .lp-cmp__row > div:first-child{
  color:#10161d;
  background:rgba(255,255,255,.9);
}
.lp .lp-cmp__row > div:last-child{
  color:#fff;
  background:#1673a1;
  border-top-color:rgba(255,255,255,.22);
}
.lp .lp-cmp__row b{
  font-size:clamp(16px,1.35vw,22px);
  line-height:1.25;
}
.lp .lp-cmp__check{
  position:relative;
  flex:0 0 auto;
  width:38px;height:38px;
  border-radius:50%;
  background:#fff;
}
.lp .lp-cmp__check::before{
  content:"";
  position:absolute;
  left:11px;top:10px;
  width:15px;height:9px;
  border-left:4px solid #1673a1;
  border-bottom:4px solid #1673a1;
  transform:rotate(-45deg);
}
.lp .lp-cmp__note{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:20px;
  padding:18px 26px;
  border:0;
  border-radius:16px;
  background:#eaf4ff;
  color:#354354;
  font-size:clamp(14px,1.05vw,16px);
  line-height:1.4;
}
.lp .lp-cmp__note span{
  width:22px;height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:50%;
  background:#1673a1;
  color:#fff;
  font-size:14px;
  font-weight:800;
  font-style:normal;
}

@media (max-width:1199px){
  .lp .lp-why__hero{grid-template-columns:1fr;min-height:0}
  .lp .lp-why__visual{min-height:320px}
  .lp .lp-why__visual::before{right:-14%;top:-22%;width:min(680px,86vw)}
  .lp .lp-playground{right:4%;width:min(620px,86vw)}
}
@media (max-width:991px){
  .lp .lp-why__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp .lp-why-fact:nth-child(3)::before{display:none}
  .lp .lp-cmp__head,.lp .lp-cmp__row{grid-template-columns:1fr}
  .lp .lp-cmp__head > div:first-child{border-bottom:1px solid #d5e0ec}
  .lp .lp-cmp__row > div:last-child{min-height:74px}
}
@media (max-width:575px){
  .lp .lp-why__copy p{font-size:17px}
  .lp .lp-why__facts{grid-template-columns:1fr;gap:16px}
  .lp .lp-why-fact + .lp-why-fact::before{display:none}
  .lp .lp-why__visual{min-height:250px}
  .lp .lp-why__cert{position:relative;top:auto;right:auto;width:100%;margin-bottom:14px}
  .lp .lp-playground{left:50%;right:auto;bottom:-8px;width:520px;transform:translateX(-50%) scale(.72);transform-origin:bottom center}
  .lp .lp-cmp__head > div,.lp .lp-cmp__row > div{padding-left:18px;padding-right:18px}
  .lp .lp-cmp__row b{font-size:16px}
  .lp .lp-cmp__ico{width:48px;height:48px;border-radius:15px}
  .lp .lp-cmp__check{width:32px;height:32px}
  .lp .lp-cmp__check::before{left:9px;top:8px}
  .lp .lp-cmp__note{align-items:flex-start;padding:16px 18px}
}

/* Скрыть иконки-кружки на карточках выбора */
.lp .lp-choice-card__icon{display:none}

/* ============================================================
   HERO РЕДИЗАЙН (первый блок) — 2026-06-26
   ============================================================ */
.lp .lp-hero__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.lp .lp-hero__top .lp-hero-eyebrow{margin:0;color:var(--lp-grey)}
.lp .lp-hero__chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--lp-green);color:#fff;border:none;border-radius:14px;padding:9px 20px 9px 42px;position:relative;cursor:pointer;text-align:left;line-height:1.15;transition:.15s ease}
.lp .lp-hero__chip:hover{background:var(--lp-green-d)}
.lp .lp-hero__chip b{font-size:14px;font-weight:600}
.lp .lp-hero__chip span{font-size:12px;opacity:.92}
.lp .lp-hero__chip::before{content:"✓";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:#fff;color:var(--lp-green);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.lp .lp-hero .hero__card-1{justify-content:flex-start;height:auto !important;align-self:stretch}

/* ============================================================
   КВИЗ — КОМПАКТНАЯ ВЕРСИЯ ПО РЕФЕРЕНСУ 17:22
   ============================================================ */
.lp .lp-quiz{padding-top:clamp(18px,2.2vw,34px)}
.lp .lp-quiz__shell{
  border-radius:22px;
  background:linear-gradient(145deg,#147b34 0%,#249247 50%,#0f702d 100%);
}
.lp .lp-quiz__shell::before{
  width:430px;
  height:430px;
  right:-96px;
  top:165px;
  background:rgba(255,255,255,.055);
}
.lp .lp-quiz__head{
  padding:28px 48px 18px;
  border-bottom:0;
}
.lp .lp-quiz__label,.lp .lp-quiz__count{
  font-size:15px;
  font-weight:500;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.lp .lp-quiz__count::after{
  width:84px;
  height:12px;
  margin-left:16px;
  background:
    linear-gradient(#fff,#fff) 0 50%/12px 12px no-repeat,
    linear-gradient(var(--lp-dot-2,rgba(255,255,255,.25)),var(--lp-dot-2,rgba(255,255,255,.25))) 24px 50%/12px 12px no-repeat,
    linear-gradient(var(--lp-dot-3,rgba(255,255,255,.25)),var(--lp-dot-3,rgba(255,255,255,.25))) 48px 50%/12px 12px no-repeat,
    linear-gradient(var(--lp-dot-4,rgba(255,255,255,.25)),var(--lp-dot-4,rgba(255,255,255,.25))) 72px 50%/12px 12px no-repeat;
}
.lp .lp-progress{
  width:auto;
  height:4px;
  margin:0 48px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.18)!important;
}
.lp .lp-quiz__body{
  min-height:0;
  padding:34px 48px 24px!important;
}
.lp .lp-qtitle{
  max-width:690px;
  font-size:clamp(42px,3.75vw,58px);
  font-weight:700;
  line-height:1.08;
  margin-bottom:14px;
}
.lp .lp-qhint{
  max-width:560px;
  font-size:clamp(17px,1.35vw,21px);
  font-weight:400;
  line-height:1.35;
  margin-bottom:24px;
}
.lp .lp-choice__grid{
  gap:20px;
}
.lp .lp-choice-card{
  min-height:360px;
  padding:30px;
  border-radius:18px;
}
.lp .lp-choice-card__icon{
  display:flex!important;
  width:132px;
  height:132px;
  margin:0 0 auto;
}
.lp .lp-choice-card__icon svg{
  width:70%;
  height:70%;
  stroke-width:2.7;
}
.lp .lp-choice-card__num{
  top:28px;
  right:28px;
  width:44px;
  height:44px;
  font-size:18px;
  border-radius:10px;
}
.lp .lp-choice-card__title{
  margin-top:18px;
  font-size:clamp(24px,1.9vw,30px);
  font-weight:700;
  line-height:1.15;
}
.lp .lp-choice-card__text{
  margin-top:12px;
  max-width:29ch;
  font-size:clamp(15px,1.16vw,18px);
  font-weight:400;
  line-height:1.38;
}
.lp .lp-choice-card__foot{
  margin-top:auto;
  padding-top:24px;
  gap:14px;
}
.lp .lp-choice-card__tags{gap:8px}
.lp .lp-choice-card__tags span{
  padding:8px 12px;
  font-size:11px;
  font-weight:700;
}
.lp .lp-choice-card__arrow{
  width:58px;
  height:58px;
  font-size:34px;
}
.lp .lp-choice__note{
  min-height:78px;
  margin-top:26px;
  padding:16px 22px;
  border-radius:16px;
}
.lp .lp-choice__note b{
  font-size:clamp(17px,1.35vw,21px);
  font-weight:700;
  margin-bottom:4px;
}
.lp .lp-choice__note span{
  font-size:clamp(13px,1vw,15px);
  font-weight:400;
}
.lp .lp-choice__nav{
  margin-top:20px;
}
.lp .lp-back{
  font-size:15px;
  font-weight:500;
  text-transform:uppercase;
}
.lp .lp-choice__secure{
  font-size:14px;
  font-weight:400;
}

@media(max-width:1199px){
  .lp .lp-choice__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp .lp-choice-card{min-height:340px;padding:24px}
  .lp .lp-choice-card__icon{width:112px;height:112px}
  .lp .lp-choice-card__title{font-size:24px}
  .lp .lp-choice-card__text{font-size:15px}
  .lp .lp-choice-card__arrow{width:52px;height:52px}
}
@media(max-width:991px){
  .lp .lp-choice__grid{grid-template-columns:1fr}
  .lp .lp-choice-card{min-height:280px}
}
@media(max-width:767px){
  .lp .lp-quiz__head{padding:20px 18px 14px}
  .lp .lp-progress{margin:0 18px}
  .lp .lp-quiz__body{padding:24px 18px 20px!important}
  .lp .lp-qtitle{font-size:34px}
  .lp .lp-qhint{font-size:17px;margin-bottom:22px}
  .lp .lp-choice-card{min-height:280px;padding:22px}
  .lp .lp-choice-card__icon{width:98px;height:98px}
}
.lp .lp-hero__photo{height:100%;min-height:230px;border-radius:20px;background-size:cover;background-position:center}
.lp .lp-hero__badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.lp .lp-hero__badges span{display:inline-flex;align-items:center;gap:8px;font-size:clamp(13px,1.1vw,15px);font-weight:500;color:var(--lp-ink);background:var(--lp-soft);border:1px solid var(--lp-line);border-radius:100px;padding:10px 18px 10px 16px}
.lp .lp-hero__badges span::before{content:"✓";color:var(--lp-green);font-weight:700}
@media(max-width:767px){.lp .lp-hero__photo{min-height:200px}}

/* Размер SVG-стрелок (Tabler) в карточках выбора и опциях */
.lp .lp-choice-card__arrow svg{width:22px;height:22px;display:block}
.lp .lp-opt__arrow svg{width:18px;height:18px;display:block}

/* ============================================================
   ФИНАЛЬНЫЕ ПРАВКИ (26.06) — приоритет по порядку в конце файла
   ============================================================ */
/* убрать иконки-кружки на карточках выбора (повторно — перекрыли выше) */
.lp .lp-choice-card__icon{display:none !important}
/* шрифты квиза под бренд (Roboto, без сверхжирного 800/900) */
.lp .lp-qtitle{font-weight:500 !important}
.lp .lp-choice .lp-qtitle,.lp .lp-choice__intro .lp-qtitle{font-weight:500 !important;font-size:clamp(22px,2.4vw,32px) !important;line-height:1.2 !important}
.lp .lp-choice-card__title{font-weight:600 !important}
.lp .lp-upload .big{font-weight:500 !important}
.lp .lp-qnum{font-weight:500 !important}
/* отступы между блоками заданы ниже единым правилом main.lp > section */
/* квиз вплотную к hero — единый блок с небольшим отступом */
.lp .lp-hero{padding-bottom:20px !important}
.lp .lp-quiz{padding-top:0 !important}
/* чтобы заголовок карточки не налезал на номер 01/02/03 */
.lp .lp-choice-card__title{padding-right:48px}

/* убрать инлайн-степпер «Шаг 01–04» (дублирует счётчик в шапке) */
.lp .lp-steps-line{display:none !important}
/* кружок «ИЛИ» между загрузкой документа и текстовым полем */
.lp .lp-upload-grid{grid-template-columns:1fr auto 1fr !important;align-items:stretch;gap:14px}
.lp .lp-or{display:flex;align-items:center;justify-content:center}
.lp .lp-or span{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#fff;letter-spacing:.5px}
@media(max-width:767px){.lp .lp-upload-grid{grid-template-columns:1fr !important}.lp .lp-or span{margin:2px auto}}
/* единообразные hover/active для кнопок и опций квиза */
.lp .lp-opt{transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.lp .lp-opt:hover{transform:translateY(-1px)}
.lp .lp-opt:active{transform:translateY(0)}
.lp .lp-skip:hover,.lp .lp-back:hover{opacity:.8}
.lp .lp-choice-card{transition:transform .14s ease,box-shadow .14s ease}
.lp .lp-choice-card:hover{transform:translateY(-2px)}

/* финальный шаг: textarea без ресайза */
.lp .lp-text-card textarea{resize:none}
/* рекомендации: отделить от формы + карточки с чекбоксом «Добавить в расчёт» */
.lp .lp-recos{margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.25)}
.lp .lp-recos__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.lp .lp-reco{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;color:#1c1c1c}
.lp .lp-reco__img{aspect-ratio:4/3;background:#eef0ee center/cover no-repeat;display:block}
.lp .lp-reco__t{padding:14px 12px 2px;font-size:13px;font-weight:500;line-height:1.25;text-decoration:none}
.lp .lp-reco__add{display:flex;align-items:center;gap:8px;padding:8px 12px 12px;font-size:12.5px;color:#34934b;cursor:pointer;margin-top:auto}
.lp .lp-reco__add input{width:16px;height:16px;accent-color:#34934b;margin:0;flex:none}
@media(max-width:520px){.lp .lp-recos__grid{grid-template-columns:1fr 1fr}}

/* убрать огромный пустой отступ в блоке логотипов партнёров */
.lp .companies{margin-top:0 !important;padding-top:16px !important;padding-bottom:16px !important}
.lp .companies-swiper{height:auto !important}
.lp .companies-swiper .swiper-wrapper{height:auto !important;row-gap:10px}

/* иконки таблицы — Tabler инлайн, по центру */
.lp .lp-cmp__ico::before,.lp .lp-cmp__ico::after,.lp .lp-cmp__check::before,.lp .lp-cmp__check::after{content:none !important;display:none !important}
.lp .lp-cmp__ico{display:flex !important;align-items:center;justify-content:center}
.lp .lp-cmp__ico .lp-svg{width:24px;height:24px;fill:none;stroke:#1673a1;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lp .lp-cmp__check{display:flex !important;align-items:center;justify-content:center}
.lp .lp-cmp__check .lp-svg-check{width:18px;height:18px;fill:none;stroke:#1673a1;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* отступ сверху у ответа в FAQ */
.lp .lp-faq__a{padding-top:14px !important}
/* акцент в H1 «онлайн-подбор и расчёт» */
.lp .lp-h1-accent{font-style:italic}
/* кнопка «Назад» в квизе: без белого прямоугольника при наведении */
.lp .lp-back,.lp .lp-back:hover,.lp .lp-back:focus,.lp .lp-back:active{background:transparent !important;border:none !important;box-shadow:none !important;border-radius:0 !important}
.lp .lp-back:hover{opacity:.7}
/* заголовок шага в квизе — компактный отступ */
.lp .lp-quiz__body h2.text-light{margin:0 0 8px}
.lp .lp-quiz__body .lp-qhint{margin-bottom:22px}

/* обнулить бренд-margin секций (источник «огромных отступов» 160px) */
.lp section{margin-top:0 !important;margin-bottom:0 !important}

/* левая карточка hero — синяя заливка как на главной */
.lp .lp-hero .hero__card-1{ background: #1673a1 url("data:image/svg+xml,%3Csvg width='287' height='268' viewBox='0 0 287 268' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M-47.6973 48C-61.0919 101.333 -71.4582 199.2 -5.76627 164C59.9257 128.8 21.6054 -34.6667 -5.76627 -112C-15.0842 -70 -30.9246 16 -19.7431 24C-5.76627 34 150.253 275 171.218 189C187.991 120.2 87.9963 -50.6667 48.3948 -88C74.6017 -34.6667 139.595 67.2 189.912 48C240.229 28.8 227.184 -50.6667 214.372 -88' stroke='%231486BE' stroke-width='120'/%3E %3C/svg%3E") no-repeat top left/100% auto !important; }


/* === иконки/аплоад/активный пункт/бел.текст (26.06) === */
.lp .lp-opt__ico{color:#34934b}
.lp .lp-opt__ico svg{width:24px;height:24px;display:block}
.lp .lp-upload__ico svg{width:34px;height:34px;display:block;margin:0 auto;stroke:#fff}
.lp .lp-upload .big,.lp .lp-upload small{color:#fff !important}
.lp .lp-upload small{opacity:.85}
.lp .lp-opt.is-sel{box-shadow:inset 0 0 0 3px #34934b !important;background:#eaf5ec !important}
.lp .is-kp .lp-opt.is-sel{box-shadow:inset 0 0 0 3px #1673a1 !important;background:#e7f0f7 !important}
.lp .is-tender .lp-opt.is-sel{box-shadow:inset 0 0 0 3px #e0921a !important;background:#fdf2e0 !important}

/* === быстрый контакт / персональный менеджер (горячие лиды) (28.06) === */
.lp .lp-manager{padding:18px 0 6px}
.lp .lp-manager__card{
  display:flex;align-items:center;gap:28px;flex-wrap:wrap;
  background:url("data:image/svg+xml,%3Csvg width='287' height='268' viewBox='0 0 287 268' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M-47.6973 48C-61.0919 101.333 -71.4582 199.2 -5.76627 164C59.9257 128.8 21.6054 -34.6667 -5.76627 -112C-15.0842 -70 -30.9246 16 -19.7431 24C-5.76627 34 150.253 275 171.218 189C187.991 120.2 87.9963 -50.6667 48.3948 -88C74.6017 -34.6667 139.595 67.2 189.912 48C240.229 28.8 227.184 -50.6667 214.372 -88' stroke='%23248cc0' stroke-width='120'/%3E %3C/svg%3E") no-repeat left top/auto 160%, linear-gradient(135deg,#1781b4 0%,#125f86 100%);
  border:0;border-radius:20px;
  padding:24px 30px;box-shadow:0 18px 44px rgba(22,115,161,.30);color:#fff;position:relative;overflow:hidden;
}
.lp .lp-manager__person{display:flex;align-items:center;gap:16px;min-width:0;position:relative;z-index:1}
.lp .lp-manager__avatar{
  flex:0 0 auto;width:74px;height:74px;border-radius:50%;
  background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;
  border:2px solid rgba(255,255,255,.45);
}
.lp .lp-manager__avatar svg{width:42px;height:42px}
.lp .lp-manager__who{display:flex;flex-direction:column;gap:2px;line-height:1.3}
.lp .lp-manager__role{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#bfe6f7}
.lp .lp-manager__name{font-size:19px;font-weight:700;color:#fff}
.lp .lp-manager__note{font-size:12.5px;color:rgba(255,255,255,.82)}
.lp .lp-manager__cta{flex:1 1 380px;min-width:280px;position:relative;z-index:1}
.lp .lp-manager__title{font-size:clamp(21px,2.1vw,28px);font-weight:700;color:#fff;margin:0 0 8px;line-height:1.15}
.lp .lp-manager__desc{font-size:14px;color:rgba(255,255,255,.92);line-height:1.5;margin:0 0 14px}
.lp .lp-manager__stats{display:flex;flex-wrap:wrap;gap:14px 26px;margin:0 0 16px}
.lp .lp-manager__stats div{display:flex;flex-direction:column;line-height:1.2}
.lp .lp-manager__stats b{font-size:21px;font-weight:800;color:#fff}
.lp .lp-manager__stats span{font-size:12px;color:rgba(255,255,255,.8)}
.lp .lp-manager__lead{font-size:14.5px;color:rgba(255,255,255,.95);line-height:1.5;margin-bottom:14px}
.lp .lp-manager__lead b{color:#fff}
.lp .lp-manager__btns{display:flex;flex-wrap:wrap;gap:10px}
.lp .lp-mbtn{
  display:inline-flex;align-items:center;gap:9px;
  padding:12px 18px;border-radius:100px;font-size:14.5px;font-weight:700;
  text-decoration:none;border:1.5px solid transparent;transition:.18s;white-space:nowrap;
}
.lp .lp-mbtn svg{width:20px;height:20px;flex:0 0 auto}
.lp .lp-mbtn--call{background:#fff;color:#1673a1;border-color:#fff}
.lp .lp-mbtn--call:hover{background:#eaf3f8;border-color:#eaf3f8;color:#125f86}
.lp .lp-mbtn--wa{background:#25d366;color:#fff;border-color:#25d366}
.lp .lp-mbtn--wa:hover{background:#1ebe5a;border-color:#1ebe5a;color:#fff}
.lp .lp-mbtn--mail{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.55)}
.lp .lp-mbtn--mail:hover{background:rgba(255,255,255,.22);border-color:#fff;color:#fff}
@media (max-width:680px){
  .lp .lp-manager__card{gap:18px;padding:22px 20px}
  .lp .lp-manager__btns .lp-mbtn{flex:1 1 100%;justify-content:center}
}

/* реквизиты — мелкой строкой */
.lp .lp-requisites{padding:18px 0 8px}
.lp .lp-requisites p{margin:0;text-align:center;font-size:clamp(12px,1vw,13.5px);color:var(--lp-grey);line-height:1.5}

/* === контактная форма — белой карточкой внутри квиза (28.06) === */
/* убираем фиксированные 4 квадрата у счётчика шагов — не совпадали с числом шагов */
.lp .lp-quiz__count::after{content:none !important;display:none !important}

.lp .lp-form-card{
  background:#fff;border-radius:18px;padding:26px 28px 24px;margin:18px 0 4px;
  box-shadow:0 14px 38px rgba(0,0,0,.16);
}
/* поля и подписи внутри белой карточки — тёмные, перекрывают «is-» правила */
.lp .lp-form-card .lp-field label{color:#1c1c1c !important;font-size:14px;opacity:1}
.lp .lp-form-card .lp-field input,
.lp .lp-quiz__shell[class*="is-"] .lp-form-card .lp-field input{
  background:#f6f7f8 !important;border:1px solid #e1e4e8 !important;border-radius:10px !important;
  color:#1c1c1c !important;padding:13px 16px !important;
}
.lp .lp-form-card .lp-field input::placeholder{color:#9aa1a8 !important}
.lp .lp-form-card .lp-field input:focus{border-color:#34934b !important;outline:none}
/* кнопки выбора канала — светлые с обводкой */
.lp .lp-form-card .lp-channel .lp-opt,
.lp .lp-quiz__shell[class*="is-"] .lp-form-card .lp-channel .lp-opt{
  background:#f6f7f8 !important;border:1px solid #e1e4e8 !important;color:#1c1c1c !important;
}
.lp .lp-form-card .lp-channel .lp-opt.is-sel{
  background:#eaf5ec !important;border-color:#34934b !important;box-shadow:inset 0 0 0 2px #34934b !important;
}
.lp .is-kp .lp-form-card .lp-channel .lp-opt.is-sel{background:#1673a1 !important;border-color:#1673a1 !important;color:#fff !important;box-shadow:0 5px 14px rgba(22,115,161,.3) !important}
.lp .is-kp .lp-form-card .lp-channel .lp-opt.is-sel span{color:#fff !important}
.lp .is-tender .lp-form-card .lp-channel .lp-opt.is-sel{background:#e0921a !important;border-color:#e0921a !important;color:#fff !important;box-shadow:0 5px 14px rgba(224,146,26,.3) !important}
.lp .is-tender .lp-form-card .lp-channel .lp-opt.is-sel span{color:#fff !important}
.lp .is-analog .lp-form-card .lp-channel .lp-opt.is-sel{background:#34934b !important;border-color:#34934b !important;color:#fff !important;box-shadow:0 5px 14px rgba(52,147,75,.3) !important}
.lp .is-analog .lp-form-card .lp-channel .lp-opt.is-sel span{color:#fff !important}
/* главная кнопка отправки — брендовый оранжевый, чтобы выделялась на зелёном/белом */
.lp .lp-form-card .lp-btn--green,
.lp .lp-quiz__shell[class*="is-"] .lp-form-card .lp-btn--green{
  background:#c67c0e !important;color:#fff !important;border-color:#c67c0e !important;
  font-weight:600 !important;box-shadow:0 8px 22px rgba(198,124,14,.42) !important;
}
.lp .lp-form-card .lp-btn--green:hover,
.lp .lp-quiz__shell[class*="is-"] .lp-form-card .lp-btn--green:hover{
  background:#a86709 !important;color:#fff !important;border-color:#a86709 !important;
}
.lp .lp-form-card .lp-consent--dark,
.lp .lp-quiz__shell[class*="is-"] .lp-form-card .lp-consent--dark{color:#6b7178 !important;margin-top:18px !important}
.lp .lp-form-card .lp-consent--dark a{color:#34934b !important}

/* ============================================================
   НОВЫЕ БЛОКИ ЛЕНДИНГА (28.06): конфигуратор-плашка, витрина,
   инженер, «как проходит подбор», финальный CTA
   ============================================================ */

/* --- плашка «Онлайн-конфигуратор» над квизом --- */
.lp .lp-cfg{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 30px;
  background:#eaf5ec;border:1px solid #d5ebda;border-radius:16px;
  padding:14px 26px;margin-bottom:14px;
}
.lp .lp-cfg__title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#1c1c1c}
.lp .lp-cfg__title svg{width:24px;height:24px;color:#34934b;flex:0 0 auto}
.lp .lp-cfg__list{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;list-style:none}
.lp .lp-cfg__list li{display:flex;align-items:center;gap:7px;font-size:13.5px;color:#3a4047}
.lp .lp-cfg__list li svg{width:16px;height:16px;color:#34934b;flex:0 0 auto}

/* конфигуратор внутри синей hero-карточки */
.lp .lp-hero .lp-cfg--hero{
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.30);
  border-radius:14px;padding:16px 20px;margin:20px 0 0;
}
.lp .lp-hero .lp-cfg--hero .lp-cfg__title{color:#fff;font-size:17px}
.lp .lp-hero .lp-cfg--hero .lp-cfg__title svg{color:#fff}
.lp .lp-hero .lp-cfg--hero .lp-cfg__list{flex-direction:column;gap:9px;margin-top:12px}
.lp .lp-hero .lp-cfg--hero .lp-cfg__list li{color:rgba(255,255,255,.94);font-size:14px}
.lp .lp-hero .lp-cfg--hero .lp-cfg__list li svg{color:#a8e6b4;width:17px;height:17px}

/* кнопки CTA витрины — фирменные, без «слипания» с фоном на hover */
.lp .lp-showcase__cta .btn{padding:13px 26px;border-radius:100px;font-weight:700;font-size:15px;transition:.18s}
.lp .lp-showcase__cta .btn-primary,
.lp .lp-showcase__cta .btn-primary:focus{background:#34934b !important;border:1.5px solid #34934b !important;color:#fff !important}
.lp .lp-showcase__cta .btn-primary:hover{background:#2c7d40 !important;border-color:#2c7d40 !important;color:#fff !important}
.lp .lp-showcase__cta .btn-secondary,
.lp .lp-showcase__cta .btn-secondary:focus{background:#fff !important;border:1.5px solid #cfd6dc !important;color:#1c1c1c !important}
.lp .lp-showcase__cta .btn-secondary:hover{background:#f3f5f7 !important;border-color:#34934b !important;color:#26793b !important}

/* --- строка «i …» под менеджером, отдельная --- */
.lp .lp-cmp__note--standalone{margin-top:14px}

/* --- витрина топ-категорий --- */
.lp .lp-showcase{padding:30px 0 8px}
.lp .lp-showcase h2{margin:6px 0 6px}
/* шапка: текст слева + callout справа */
.lp .lp-showcase__head{display:flex;align-items:stretch;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:6px 0 22px}
.lp .lp-showcase__headtext{flex:1 1 460px;min-width:280px}
.lp .lp-showcase__sub{max-width:640px;color:#3a4047;font-size:15px;line-height:1.5;margin:10px 0 0}
.lp .lp-showcase__callout{flex:0 1 360px;min-width:260px;display:flex;gap:12px;align-items:flex-start;background:#eaf5ec;border:1px solid #d5ebda;border-radius:16px;padding:18px 20px}
.lp .lp-showcase__callout-ico{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#fff;color:#34934b;display:flex;align-items:center;justify-content:center}
.lp .lp-showcase__callout-ico svg{width:22px;height:22px}
.lp .lp-showcase__callout b{display:block;font-size:15px;color:#1c1c1c;margin-bottom:4px}
.lp .lp-showcase__callout span{font-size:13.5px;color:#3a4047;line-height:1.45}
/* сетка карточек */
.lp .lp-showcase__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp .lp-showcase__card{
  display:flex;align-items:stretch;gap:0;overflow:hidden;
  background:#fff;border:1px solid #e7eaed;border-radius:16px;
  text-decoration:none;transition:.18s;box-shadow:0 6px 18px rgba(0,0,0,.05);
}
.lp .lp-showcase__card:hover{border-color:#34934b;box-shadow:0 12px 28px rgba(52,147,75,.16);transform:translateY(-2px)}
.lp .lp-showcase__img{flex:0 0 118px;align-self:stretch;background:#eaf5ec center/cover no-repeat}
.lp .lp-showcase__body{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1 auto;padding:14px 16px}
.lp .lp-showcase__top{display:flex;flex-direction:column;gap:2px}
.lp .lp-showcase__name{font-size:15.5px;font-weight:700;color:#1c1c1c;line-height:1.25}
.lp .lp-showcase__count{font-size:13px;color:#34934b;font-weight:600}
.lp .lp-showcase__feats{display:flex;flex-direction:column;gap:5px}
.lp .lp-showcase__feat{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#3a4047;line-height:1.3}
.lp .lp-showcase__chk{flex:0 0 auto;color:#34934b;display:flex}
.lp .lp-showcase__chk svg{width:15px;height:15px}
.lp .lp-showcase__more{display:flex;align-items:center;gap:6px;margin-top:auto;font-size:13px;font-weight:600;color:#34934b}
.lp .lp-showcase__more svg{width:17px;height:17px}
/* нижняя строка доверия */
.lp .lp-showcase__trust{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:18px;padding-top:16px;border-top:1px solid #eef0f2}
.lp .lp-showcase__trust-item{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#3a4047;font-weight:500}
.lp .lp-showcase__trust-item svg{width:20px;height:20px;color:#34934b;flex:0 0 auto}
.lp .lp-showcase__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
@media (max-width:900px){.lp .lp-showcase__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.lp .lp-showcase__grid{grid-template-columns:1fr}.lp .lp-showcase__cta .btn{flex:1 1 100%}.lp .lp-showcase__img{flex-basis:96px}}

/* --- блок «инженер ведёт проект» --- */
.lp .lp-engineer{padding:24px 0 8px}
.lp .lp-engineer__card{
  display:flex;gap:26px;align-items:center;flex-wrap:wrap;
  background:#fff;border:1px solid #e7eaed;border-radius:20px;padding:26px 30px;
  box-shadow:0 12px 34px rgba(0,0,0,.06);
}
.lp .lp-engineer__photo{
  flex:0 0 auto;width:120px;height:120px;border-radius:18px;
  background:#eaf5ec;color:#34934b;display:flex;align-items:center;justify-content:center;border:2px solid #d5ebda;
}
.lp .lp-engineer__photo svg{width:72px;height:72px}
.lp .lp-engineer__body{flex:1 1 320px;min-width:280px}
.lp .lp-engineer__role{display:block;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#34934b}
.lp .lp-engineer__name{display:block;font-size:20px;font-weight:700;color:#1c1c1c;margin:2px 0 8px}
.lp .lp-engineer__text{font-size:14.5px;color:#3a4047;line-height:1.55;margin:0 0 16px;max-width:640px}
.lp .lp-engineer__stats{display:flex;flex-wrap:wrap;gap:24px}
.lp .lp-engineer__stats div{display:flex;flex-direction:column;line-height:1.2}
.lp .lp-engineer__stats b{font-size:22px;font-weight:800;color:#1673a1}
.lp .lp-engineer__stats span{font-size:12.5px;color:#6b7178}
@media (max-width:560px){.lp .lp-engineer__card{padding:22px 20px;gap:18px}.lp .lp-engineer__photo{width:88px;height:88px}.lp .lp-engineer__photo svg{width:52px;height:52px}.lp .lp-engineer__stats{gap:18px}}

/* --- «как проходит подбор»: 5 шагов --- */
.lp .lp-how{padding:30px 0 8px}
.lp .lp-how h2{margin:6px 0 22px}
.lp .lp-how__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}
.lp .lp-how__step{
  flex:1 1 0;position:relative;overflow:hidden;
  background:#feb145;border:1px solid #f3a82f;border-radius:16px;padding:18px 16px 18px;
  display:flex;flex-direction:column;gap:7px;box-shadow:0 6px 18px rgba(224,146,26,.18);
  border-top:3px solid #e8941a;transition:.18s;
}
.lp .lp-how__step:hover{box-shadow:0 14px 30px rgba(224,146,26,.30);transform:translateY(-2px)}
.lp .lp-how__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.lp .lp-how__num{
  width:40px;height:40px;border-radius:50%;
  background:linear-gradient(135deg,#3aa251,#2c7d40);
  color:#fff !important;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;
  box-shadow:0 5px 12px rgba(52,147,75,.35);flex:0 0 auto;
}
.lp .lp-how__ico{display:none}
.lp .lp-how__ico svg{width:30px;height:30px}
.lp .lp-how__step b{font-size:18px;color:#fff;line-height:1.25}
.lp .lp-how__step span{font-size:15px;color:#fff;line-height:1.5}
.lp .lp-how__step::after{content:none}
@media (max-width:900px){.lp .lp-how__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.lp .lp-how__grid{grid-template-columns:1fr}}

/* --- финальный CTA (оформление как блок «callback» на главной) --- */
.lp .lp-finalcta__btns{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.lp .lp-finalcta .lp-finalcta__btn-main{width:100%;font-size:16px;padding:16px 24px}
.lp .lp-finalcta__btn-call{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;
  color:#fff;font-weight:700;font-size:16px;padding:14px 24px;border-radius:100px;
  border:1.5px solid rgba(255,255,255,.6);transition:.18s;
}
.lp .lp-finalcta__btn-call:hover{background:rgba(255,255,255,.14);border-color:#fff;color:#fff}
.lp .lp-finalcta__btn-call svg{width:20px;height:20px}

/* ============================================================
   БЛОКИ-ТРИГГЕРЫ (28.06): доверие, кейсы, отзывы, аналог, риски
   ============================================================ */
/* пометки-заглушки в FAQ */
.lp .lp-faq__a em{color:#9aa1a8;font-style:italic;font-size:.9em}

/* Что вы получите после заявки */
.lp .lp-deliver{padding:28px 0 8px}
.lp .lp-deliver__title{margin:6px 0 8px}
.lp .lp-deliver__sub{max-width:760px;color:#3a4047;font-size:15px;line-height:1.5;margin:0 0 22px}
.lp .lp-deliver__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.lp .lp-deliver__item{position:relative;display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e7eaed;border-radius:14px;padding:18px 20px;overflow:hidden}
.lp .lp-deliver__ico{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:#eaf5ec;color:#34934b;display:flex;align-items:center;justify-content:center}
.lp .lp-deliver__ico svg{width:24px;height:24px}
.lp .lp-deliver__txt{flex:1 1 auto;min-width:0;padding-right:36px}
.lp .lp-deliver__txt b{display:block;font-size:15.5px;color:#1c1c1c;line-height:1.3;margin-bottom:3px}
.lp .lp-deliver__txt span{font-size:13.5px;color:#6b7178;line-height:1.45}
.lp .lp-deliver__num{position:absolute;top:12px;right:16px;font-size:26px;font-weight:800;color:#eef0f2;line-height:1}
.lp .lp-deliver__foot{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:18px;padding-top:16px;border-top:1px solid #eef0f2}
.lp .lp-deliver__foot-item{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#3a4047;line-height:1.4;flex:1 1 320px}
.lp .lp-deliver__foot-item b{color:#1c1c1c}
.lp .lp-deliver__foot-item svg{width:20px;height:20px;color:#34934b;flex:0 0 auto;margin-top:1px}
@media(max-width:600px){.lp .lp-deliver__grid{grid-template-columns:1fr}}

/* Цифры доверия */
.lp .lp-trustbar{padding:28px 0 8px}
.lp .lp-trustbar__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.lp .lp-trustbar__item{background:#eef5fa;border:1px solid #cfe0ea;border-radius:14px;padding:20px 14px;text-align:center;box-shadow:0 4px 14px rgba(22,115,161,.06)}
.lp .lp-trustbar__item b{display:block;font-size:clamp(17px,1.5vw,23px);font-weight:800;color:#1673a1;line-height:1.1}
.lp .lp-trustbar__item span{display:block;font-size:12px;color:#6b7178;margin-top:6px;line-height:1.3}
.lp .lp-trustbar__note{margin:16px 0 0;color:#3a4047;font-size:14px}
@media(max-width:760px){.lp .lp-trustbar__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.lp .lp-trustbar__grid{grid-template-columns:1fr}}

/* Нет нужной модели */
.lp .lp-custom{padding:20px 0 8px}
.lp .lp-custom__card{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:#eaf5ec;border:1px solid #d5ebda;border-radius:18px;padding:24px 28px}
.lp .lp-custom__text{flex:1 1 360px;min-width:260px}
.lp .lp-custom__text b{display:block;font-size:19px;color:#1c1c1c;margin-bottom:6px}
.lp .lp-custom__text span{font-size:14.5px;color:#3a4047;line-height:1.5}
.lp .lp-custom__btn,.lp .lp-custom__btn:focus{background:#34934b !important;border:1.5px solid #34934b !important;color:#fff !important}
.lp .lp-custom__btn:hover{background:#2c7d40 !important;border-color:#2c7d40 !important;color:#fff !important}
@media(max-width:560px){.lp .lp-custom__btn{width:100%}}

/* Почему аналог безопасен */
.lp .lp-analog{padding:28px 0 8px}
.lp .lp-analog h2{margin:6px 0 18px}
.lp .lp-analog__cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lp .lp-analog__col{border-radius:16px;padding:22px 24px;border:1px solid}
.lp .lp-analog__col--keep{background:#eef5fa;border-color:#cfe0ea}
.lp .lp-analog__col--better{background:#eaf5ec;border-color:#d5ebda}
.lp .lp-analog__h{font-weight:700;font-size:16px;margin-bottom:12px}
.lp .lp-analog__col--keep .lp-analog__h{color:#1673a1}
.lp .lp-analog__col--better .lp-analog__h{color:#34934b}
.lp .lp-analog__col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.lp .lp-analog__col li{position:relative;padding-left:26px;font-size:14.5px;color:#1c1c1c}
.lp .lp-analog__col--keep li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231673a1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l9 -9'/%3E%3C/svg%3E")}
.lp .lp-analog__col--better li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334934b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l9 -9'/%3E%3C/svg%3E")}
@media(max-width:600px){.lp .lp-analog__cols{grid-template-columns:1fr}}

/* Кейсы */
.lp .lp-cases{padding:28px 0 8px}
.lp .lp-cases h2{margin:6px 0 18px}
.lp .lp-cases__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp .lp-case{background:#fff;border:1px solid #e7eaed;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.05);display:flex;flex-direction:column;border-top:3px solid #34934b}
.lp .lp-case__img{display:block;width:100%;aspect-ratio:4/3;background:#eef0ee center/cover no-repeat}
.lp .lp-case__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto}
.lp .lp-case__tag{align-self:flex-start;background:#eaf5ec;color:#2c7d40;font-size:12px;font-weight:600;padding:4px 12px;border-radius:100px}
.lp .lp-case__title{font-size:16px;color:#1c1c1c;line-height:1.3}
.lp .lp-case__res{font-size:14px;color:#3a4047;line-height:1.5;margin:0}
.lp .lp-case__meta{font-size:12.5px;color:#6b7178;margin-top:auto;padding-top:4px}
.lp .lp-case--soon{border-top-color:#cfd6dc;background:#fafbfc}
.lp .lp-case--soon .lp-case__tag{background:#eef0f2;color:#8a929b}
.lp .lp-cases__note{margin:14px 0 0;font-size:12.5px;color:#9aa1a8;font-style:italic}
@media(max-width:900px){.lp .lp-cases__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.lp .lp-cases__grid{grid-template-columns:1fr}}

/* Благодарственные письма / награды + лайтбокс */
.lp .lp-thanks{padding:28px 0 8px}
.lp .lp-thanks h2{margin:6px 0 18px}
.lp .lp-thanks__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp .lp-thanks__item{display:flex;flex-direction:column;background:#fff;border:1px solid #e7eaed;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.05);text-decoration:none;cursor:zoom-in;transition:transform .18s,box-shadow .18s}
.lp .lp-thanks__item:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(0,0,0,.10)}
.lp .lp-thanks__img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top center;background:#f3f5f7}
.lp .lp-thanks__cap{padding:12px 16px;font-size:13px;color:#3a4047;line-height:1.4;text-align:center}
.lp .lp-thanks-strip{padding:6px 0 12px}
@media(max-width:900px){.lp .lp-thanks__grid{gap:10px}.lp .lp-thanks__cap{font-size:12px;padding:10px 8px}}
@media(max-width:560px){.lp .lp-thanks__grid{grid-template-columns:1fr 1fr}}

/* Лайтбокс лендинга (свой, без внешних зависимостей) */
.lp-lb{position:fixed;inset:0;z-index:99999;background:rgba(12,16,20,.92);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s}
.lp-lb.is-open{opacity:1;visibility:visible}
.lp-lb__img{max-width:92vw;max-height:88vh;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5);background:#fff}
.lp-lb__btn{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;width:48px;height:48px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.lp-lb__btn:hover{background:rgba(255,255,255,.25)}
.lp-lb__close{top:18px;right:18px}
.lp-lb__prev{left:18px;top:50%;transform:translateY(-50%)}
.lp-lb__next{right:18px;top:50%;transform:translateY(-50%)}
.lp-lb__cap{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#e9edf1;font-size:14px;padding:0 16px}
@media(max-width:560px){.lp-lb__btn{width:40px;height:40px;font-size:22px}.lp-lb__prev{left:6px}.lp-lb__next{right:6px}}

/* Отзывы */
.lp .lp-reviews{padding:28px 0 8px}
.lp .lp-reviews h2{margin:6px 0 18px}
.lp .lp-reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp .lp-review{background:#fff;border:1px solid #e7eaed;border-radius:16px;padding:22px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.lp .lp-review__stars{color:#feb145;font-size:16px;letter-spacing:2px;margin-bottom:10px}
.lp .lp-review__q{font-size:14.5px;color:#1c1c1c;line-height:1.55;margin:0 0 14px}
.lp .lp-review__author b{display:block;font-size:14px;color:#1c1c1c}
.lp .lp-review__author span{font-size:12.5px;color:#6b7178}
.lp .lp-reviews__note{margin:14px 0 0;font-size:12.5px;color:#9aa1a8;font-style:italic}
@media(max-width:900px){.lp .lp-reviews__grid{grid-template-columns:1fr}}

/* Почему МАФИК */
.lp .lp-whyus{padding:28px 0 8px}
.lp .lp-whyus h2{margin:6px 0 18px}
.lp .lp-whyus__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lp .lp-whyus__item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #e7eaed;border-radius:14px;padding:18px}
.lp .lp-whyus__check{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#eaf5ec;color:#34934b;display:flex;align-items:center;justify-content:center}
.lp .lp-whyus__check svg{width:17px;height:17px}
.lp .lp-whyus__item b{display:block;font-size:15px;color:#1c1c1c;margin-bottom:3px}
.lp .lp-whyus__item span{font-size:13px;color:#6b7178;line-height:1.4}
@media(max-width:900px){.lp .lp-whyus__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.lp .lp-whyus__grid{grid-template-columns:1fr}}

/* Мы берём на себя / риски */
.lp .lp-risks{padding:28px 0 8px}
.lp .lp-risks h2{margin:6px 0 18px}
.lp .lp-risks__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp .lp-risks__item{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#1c1c1c}
.lp .lp-risks__check{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:#eaf5ec;color:#34934b;display:flex;align-items:center;justify-content:center}
.lp .lp-risks__check svg{width:15px;height:15px}
.lp .lp-risks__promise{margin-top:18px;background:#eaf5ec;border:1px solid #d5ebda;border-radius:14px;padding:18px 22px;color:#1c1c1c;font-size:15px;line-height:1.5}
.lp .lp-risks__promise b{color:#2c7d40}
@media(max-width:760px){.lp .lp-risks__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.lp .lp-risks__grid{grid-template-columns:1fr}}

/* активный пункт конфигуратора — круг за иконкой залит брендовым цветом, иконка белая (28.06) */
.lp .lp-opt.is-sel .lp-opt__ico{background:#34934b !important;border-color:#34934b !important;color:#fff !important}
.lp .is-kp .lp-opt.is-sel .lp-opt__ico{background:#1673a1 !important;border-color:#1673a1 !important;color:#fff !important}
.lp .is-tender .lp-opt.is-sel .lp-opt__ico{background:#e0921a !important;border-color:#e0921a !important;color:#fff !important}
.lp .lp-opt.is-sel .lp-opt__ico svg{stroke:#fff !important}

/* чипы ключевиков в конфигураторе (28.06) */
.lp .lp-chips{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 8px}
.lp .lp-chip{
  display:inline-flex;align-items:center;gap:7px;
  padding:11px 18px;border-radius:100px;font-size:15px;font-weight:600;cursor:pointer;
  background:#fff;border:1.5px solid transparent;color:#1c1c1c;transition:.16s;
}
.lp .lp-chip:hover{transform:translateY(-1px)}
.lp .lp-chip.is-sel{box-shadow:inset 0 0 0 2px #34934b;background:#eaf5ec}
.lp .is-kp .lp-chip.is-sel{box-shadow:inset 0 0 0 2px #1673a1;background:#e7f0f7}
.lp .is-tender .lp-chip.is-sel{box-shadow:inset 0 0 0 2px #e0921a;background:#fdf2e0}
.lp .lp-chip.is-sel::before{content:"✓";font-weight:700;color:#34934b}
.lp .is-kp .lp-chip.is-sel::before{color:#1673a1}
.lp .is-tender .lp-chip.is-sel::before{color:#e0921a}

/* карточки подборки — кликабельны на страницу товара (28.06) */
.lp .lp-reco__link{display:block;text-decoration:none;color:inherit;transition:.15s}
.lp .lp-reco__link:hover{color:inherit;opacity:.92}
.lp .lp-reco__link:hover .lp-reco__t{text-decoration:underline}

/* кнопки витрины каталога — в одну строку (28.06) */
.lp .lp-showcase__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.lp .lp-showcase__cta .btn{width:auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:520px){.lp .lp-showcase__cta .btn{flex:1 1 100%}}

/* вариант без иконки (шаг бюджета) */
.lp .lp-opt--noico{grid-template-columns:1fr}

/* каналы связи на финальной форме — заметнее + множественный выбор (29.06) */
.lp .lp-form-card .lp-channel .lp-opt{background:#fff !important;border:1.5px solid #c5ccd3 !important;color:#1c1c1c !important;font-weight:600 !important;padding:9px 15px !important;font-size:13px !important}
.lp .lp-form-card .lp-channel .lp-opt:hover{border-color:#34934b !important;background:#f3faf5 !important}
.lp .lp-form-card .lp-channel .lp-opt.is-sel{background:#34934b !important;border-color:#34934b !important;color:#fff !important;box-shadow:0 5px 14px rgba(52,147,75,.30) !important}
.lp .lp-form-card .lp-channel .lp-opt.is-sel span{color:#fff !important}

/* супер-предложение на стартовом экране конфигуратора (29.06) */
.lp .lp-choice__promo{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:14px 20px;border-radius:14px;background:linear-gradient(100deg,#feb145,#f59e0b);box-shadow:0 10px 26px rgba(245,158,11,.35);position:relative;z-index:1}
.lp .lp-choice__promo-ico{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center}
.lp .lp-choice__promo-ico svg{width:24px;height:24px}
.lp .lp-choice__promo-txt{flex:1 1 auto;color:#fff;line-height:1.3}
.lp .lp-choice__promo-txt b{display:block;font-size:16px;font-weight:800}
.lp .lp-choice__promo-txt span{font-size:13.5px;opacity:.95}
.lp .lp-choice__promo-badge{flex:0 0 auto;background:#fff;color:#e0921a;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:5px 12px;border-radius:100px}
@media(max-width:560px){.lp .lp-choice__promo-badge{display:none}.lp .lp-choice__promo{padding:12px 14px}}

/* бейдж «Почему нам доверяют» над логотипами */
.lp .lp-trust-head .badge-section{margin-bottom:0}

/* === единые вертикальные отступы между блоками (hero+квиз — плотный верх) === */
main.lp > section{padding-top:clamp(32px,3.6vw,56px) !important;padding-bottom:clamp(32px,3.6vw,56px) !important}
main.lp > section.hero{padding-top:clamp(10px,1.4vw,18px) !important;padding-bottom:16px !important}
main.lp > section.lp-quiz{padding-top:0 !important;padding-bottom:0 !important}
main.lp > section.lp-trust-head{padding-bottom:0 !important}
main.lp > section.companies{padding-top:clamp(12px,1.4vw,20px) !important;padding-bottom:clamp(6px,1vw,14px) !important}
main.lp > section.lp-trustbar{padding-top:clamp(6px,1vw,14px) !important}

/* === Ваши задачи — наши решения (новая таблица, 29.06) === */
.lp .lp-why__title{margin:0 0 8px}
.lp .lp-why__sub{max-width:760px;color:#3a4047;font-size:15px;line-height:1.5;margin:0 0 24px}
.lp .lp-why2{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;align-items:stretch}
.lp .lp-why2__head{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7178;margin:0 0 2px;padding-left:4px}
.lp .lp-why2__head--s{color:#1673a1}
.lp .lp-why2__cell{display:flex;gap:14px;align-items:flex-start;height:100%;border-radius:14px;padding:16px 18px}
.lp .lp-why2__cell--t{background:#fff;border:1px solid #e7eaed;box-shadow:0 5px 16px rgba(0,0,0,.04)}
.lp .lp-why2__cell--s{background:linear-gradient(160deg,#13608f 0%,#0e466a 100%);box-shadow:0 10px 26px rgba(14,70,106,.20)}
.lp .lp-why2__ico{flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:#eef5fa;color:#1673a1;display:flex;align-items:center;justify-content:center}
.lp .lp-why2__ico svg{width:24px;height:24px}
.lp .lp-why2__chk{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center}
.lp .lp-why2__chk svg{width:18px;height:18px}
.lp .lp-why2__txt b{display:block;font-size:15.5px;line-height:1.3;margin-bottom:3px}
.lp .lp-why2__txt span{font-size:13.5px;line-height:1.45;display:block}
.lp .lp-why2__cell--t .lp-why2__txt b{color:#1c1c1c}
.lp .lp-why2__cell--t .lp-why2__txt span{color:#6b7178}
.lp .lp-why2__cell--s .lp-why2__txt b{color:#fff}
.lp .lp-why2__cell--s .lp-why2__txt span{color:rgba(255,255,255,.82)}
@media(max-width:760px){.lp .lp-why2{grid-template-columns:1fr;gap:10px}.lp .lp-why2__head--t{margin-top:8px}}

/* единый шрифт всего лендинга — Roboto, как на сайте (29.06) */
.lp, .lp *:not(svg):not(path){font-family:"Roboto","Helvetica Neue",Arial,sans-serif}

/* заголовки секций — строго как на сайте: Roboto 400, без жирного (29.06) */
.lp h2, .lp .lp-why__title, .lp .lp-deliver__title{font-family:"Roboto","Helvetica Neue",Arial,sans-serif !important;font-weight:400 !important;text-transform:uppercase}

/* карточка каталога: подчёркивается только «Смотреть направление» при наведении (29.06) */
.lp .lp-showcase__card,.lp .lp-showcase__card:hover{text-decoration:none !important}
.lp .lp-showcase__card *{text-decoration:none !important}
.lp .lp-showcase__card:hover .lp-showcase__more{text-decoration:underline !important}

/* финальный CTA + реквизиты — единый блок (29.06) */
main.lp > section.callback{padding-bottom:clamp(10px,1.2vw,18px) !important}
main.lp > section.lp-requisites{padding-top:clamp(8px,1vw,16px) !important}

/* экран «Заявка принята» — видимая иконка-галочка (29.06) */
.lp .lp-done{text-align:center;padding:18px 0}
.lp .lp-done__ico{width:64px;height:64px;border-radius:50%;background:#fff;color:#34934b;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 10px 26px rgba(0,0,0,.2)}
.lp .lp-done__ico svg{width:34px;height:34px}
.lp .is-kp .lp-done__ico{color:#1673a1}
.lp .is-tender .lp-done__ico{color:#e0921a}

/* ============================================================
   Компактный режим квиза (десктоп ≥992px) — чтобы шаг помещался
   в один экран. Мобильные/узкие экраны НЕ трогаем.
   ============================================================ */
@media (min-width:992px){
  .lp .lp-quiz__body{min-height:auto!important;padding:26px 34px!important}
  .lp .lp-steps-line{margin:0 auto 18px!important}
  .lp .lp-steps-line span{gap:8px!important}
  .lp .lp-steps-line i{width:30px!important;height:30px!important}
  .lp .lp-steps-line span::before{top:14px!important}
  .lp .lp-qnum{margin-bottom:8px!important;font-size:14px!important}
  .lp .lp-quiz__body h2.text-light{font-size:23px!important;margin-bottom:6px!important;line-height:1.15!important}
  .lp .lp-qhint{font-size:15px!important;margin-bottom:16px!important;font-weight:500!important}
  .lp .lp-preview{margin-bottom:12px!important;padding:8px 14px!important;font-size:13px!important}
  .lp .lp-opts{gap:14px!important}
  .lp .lp-opt{min-height:74px!important;padding:12px 18px!important;gap:14px!important;font-size:16px!important;grid-template-columns:58px 1fr!important;border-radius:14px!important;box-shadow:0 8px 20px -18px rgba(0,0,0,.5)!important}
  .lp .lp-opt--noico{grid-template-columns:1fr!important}
  .lp .lp-opt__ico{width:50px!important;height:50px!important}
  .lp .lp-opt__ico svg{width:30px!important;height:30px!important}
  .lp .lp-opt__img{aspect-ratio:1/1!important}
  .lp .lp-opt__text small{font-size:13px!important;margin-top:3px!important}
  .lp .lp-nav{margin-top:16px!important}
  .lp .lp-btn{padding:12px 26px!important}

  /* экран выбора задачи */
  .lp .lp-choice__intro h2{font-size:24px!important;margin-bottom:0!important}
  .lp .lp-choice__promo{margin:0 0 14px!important;padding:10px 16px!important}
  .lp .lp-choice__promo-ico{width:36px!important;height:36px!important}
  .lp .lp-choice__grid{gap:16px!important}
  .lp .lp-choice-card{min-height:auto!important;padding:18px 20px!important;border-radius:16px!important}
  .lp .lp-choice-card__icon{width:52px!important;height:52px!important;margin:0 0 auto!important}
  .lp .lp-choice-card__num{width:34px!important;height:34px!important;font-size:15px!important;top:16px!important;right:16px!important}
  .lp .lp-choice-card__title{margin-top:14px!important;font-size:20px!important}
  .lp .lp-choice-card__text{margin-top:7px!important;font-size:14px!important;line-height:1.35!important}
  .lp .lp-choice-card__foot{margin-top:14px!important}
  .lp .lp-choice-card__tags span{padding:7px 14px!important;font-size:14px!important}
  .lp .lp-choice-card__arrow{width:42px!important;height:42px!important}
  .lp .lp-choice__note{margin-top:14px!important;padding:12px 20px!important}
  .lp .lp-choice__note b{font-size:16px!important;margin-bottom:2px!important}
  .lp .lp-choice__note span{font-size:13px!important}

  /* экран контактов */
  .lp .lp-form-card{padding:22px!important}
  .lp .lp-contact-grid{gap:12px!important}
  .lp .lp-field{margin-bottom:10px!important}
  .lp .lp-recos{margin-bottom:14px!important}
  .lp .lp-recos__grid{gap:10px!important}
}

/* Единый стиль контролов формы контактов: высота 48px, радиус 12px (как карточки квиза), фон/обводка */
.lp .lp-form-card .lp-field input,
.lp .lp-quiz__shell[class*="is-"] .lp-form-card .lp-field input{height:48px!important;min-height:48px!important;padding:0 16px!important;border:1px solid #e1e4e8!important;border-radius:14px!important;background:#f6f7f8!important;font-size:15px!important}
.lp .lp-form-card .lp-channel{gap:10px!important}
.lp .lp-form-card .lp-channel .lp-opt,
.lp .lp-quiz__shell[class*="is-"] .lp-form-card .lp-channel .lp-opt{min-height:48px!important;height:48px!important;padding:0 24px!important;border:1px solid #e1e4e8!important;border-radius:100px!important;background:#f6f7f8!important;font-size:14px!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;grid-template-columns:none!important;box-shadow:none!important}
/* кнопка отправки — тот же радиус и высота, что у инпутов (не «таблетка») */
.lp .lp-form-card .lp-btn--green,
.lp .lp-quiz__shell[class*="is-"] .lp-form-card .lp-btn--green{border-radius:14px!important;min-height:48px!important;height:48px!important;padding:0 26px!important}

/* Светлый корпоративный фон (по сценарию) — единый для инпутов и кнопок канала.
   Специфичность через .lp-quiz__shell.is-X, чтобы перебить общий серый фон выше. */
.lp .lp-quiz__shell.is-analog .lp-form-card .lp-field input,
.lp .lp-quiz__shell.is-analog .lp-form-card .lp-channel .lp-opt{background:#d3ecdb!important;border-color:#9fd3b0!important}
.lp .lp-quiz__shell.is-kp .lp-form-card .lp-field input,
.lp .lp-quiz__shell.is-kp .lp-form-card .lp-channel .lp-opt{background:#d2e6f5!important;border-color:#9ecbe9!important}
.lp .lp-quiz__shell.is-tender .lp-form-card .lp-field input,
.lp .lp-quiz__shell.is-tender .lp-form-card .lp-channel .lp-opt{background:#fbe4bd!important;border-color:#eec78c!important}


/* Обязательные контакты: звёздочка у подписи поля. Сама строка "Телефон + Email"
   использует существующий .lp-contact-grid (2 колонки, на узких – одна). */
.lp .lp-field label .lp-req{color:#d64545;margin-left:2px}
.lp .is-tender .lp-field label .lp-req{color:#a33}

/* ============================================================
   ФОРМА ЗАЯВКИ /lp/ (заменила пошаговый квиз 27.08.2026)
   Карточки целей, поля и кнопки переиспользуют существующие
   классы .lp-choice-card / .lp-field / .lp-btn; здесь только
   оболочка формы, файловые строки и сообщения об ошибках.
   ============================================================ */
.lp .lp-form{padding-top:clamp(24px,4vw,56px)}
.lp .lp-form__shell{
  position:relative;
  border:0;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(145deg,#167a32 0%,#269248 46%,#116d2b 100%);
  box-shadow:0 18px 44px -30px rgba(12,45,24,.55);
  padding:clamp(24px,3.2vw,48px) clamp(20px,3.2vw,56px) clamp(28px,3.4vw,52px);
}
.lp .lp-form__intro h2{margin:0 0 8px;font-size:clamp(24px,2.8vw,36px);line-height:1.15}
.lp .lp-form__sub{margin:0 0 clamp(18px,2vw,26px);color:rgba(255,255,255,.85);max-width:62ch}
.lp .lp-form__block{margin-top:clamp(20px,2.4vw,32px)}
.lp .lp-form__legend{
  font-size:clamp(15px,1.2vw,17px);
  font-weight:600;
  color:#fff;
  margin-bottom:10px;
}
.lp .lp-form__opt{font-weight:400;color:rgba(255,255,255,.7);font-size:.86em;margin-left:6px}
.lp .lp-form__note{margin:0 0 12px;color:rgba(255,255,255,.75);font-size:.92em;max-width:70ch}
.lp .lp-form__policy{margin:12px 0 0;color:rgba(255,255,255,.72);font-size:.86em;text-align:center}
.lp .lp-form__policy a{color:#fff;text-decoration:underline}

/* поля на зелёном фоне – как было в оболочке квиза */
.lp .lp-form__shell .lp-field label{color:rgba(255,255,255,.9)}
.lp .lp-form__shell .lp-field input{background:#fff;border-color:transparent;color:#1c1c1c;min-height:48px}
.lp .lp-form__shell .lp-field input:focus{outline:2px solid rgba(255,255,255,.85);outline-offset:1px}
.lp .lp-form__shell .lp-field input.is-invalid{outline:2px solid #ffd2d2;outline-offset:1px}

/* выбранная цель обращения */
.lp .lp-choice-card.is-on{
  border-color:#fff;
  box-shadow:0 0 0 3px rgba(255,255,255,.85),0 22px 48px -34px rgba(0,0,0,.55);
  transform:translateY(-3px);
}

/* сообщение об ошибке у своего поля */
.lp .lp-err{display:none;margin-top:6px;color:#ffdede;font-size:.88em;line-height:1.35}
.lp .lp-err--form{margin-top:14px;text-align:center;font-size:.95em}

/* строки прикрепления файлов */
.lp .lp-files{display:flex;flex-direction:column;gap:10px}
.lp .lp-file-row{position:relative}
.lp .lp-file-row.is-hidden{display:none}
.lp .lp-file{display:block;cursor:pointer}
.lp .lp-file input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.lp .lp-file__box{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:10px 46px 10px 16px;
  border:1px dashed rgba(255,255,255,.62);
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:#fff;
  transition:border-color .15s ease,background .15s ease;
}
.lp .lp-file:hover .lp-file__box{border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.12)}
.lp .lp-file input[type=file]:focus + .lp-file__box{outline:2px solid #fff;outline-offset:2px}
.lp .lp-file__ico{flex:0 0 auto;width:22px;height:22px;display:block}
.lp .lp-file__ico svg{width:100%;height:100%;stroke:currentColor;fill:none}
.lp .lp-file__name{
  font-size:.95em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.lp .lp-file-row.has-file .lp-file__box{border-style:solid;border-color:rgba(255,255,255,.85);background:rgba(255,255,255,.16)}
.lp .lp-file__drop{
  position:absolute;
  top:12px;
  right:12px;
  width:26px;
  height:26px;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.22);
  color:#fff;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}
.lp .lp-file__drop:hover{background:rgba(0,0,0,.4)}

/* экран благодарности живёт вне оболочки, чтобы её можно было скрыть целиком */
.lp .lp-form__done{
  border-radius:28px;
  background:linear-gradient(145deg,#167a32 0%,#269248 46%,#116d2b 100%);
  box-shadow:0 18px 44px -30px rgba(12,45,24,.55);
  padding:clamp(28px,3.4vw,52px) clamp(20px,3.2vw,56px);
}
.lp .lp-form__done .lp-done h3{color:#fff}
.lp .lp-form__done .lp-done p{color:rgba(255,255,255,.88)}
.lp .lp-form__done .lp-done__ico{
  width:64px;height:64px;margin:0 auto 14px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:rgba(255,255,255,.18);
}
.lp .lp-form__done .lp-done__ico svg{width:34px;height:34px;stroke:#fff;fill:none}

@media (max-width:767px){
  .lp .lp-form__shell{border-radius:20px;padding:22px 16px 26px}
  .lp .lp-form__done{border-radius:20px;padding:26px 16px}
}

/* ============================================================
   ФОРМА /lp/: компактный режим, согласие, выравнивание hero
   (27.08.2026, после замены квиза формой)
   ============================================================ */

/* Карточки целей были главным экраном квиза и занимали до 430px по высоте.
   В форме это лишь один из блоков, поэтому делаем их заметно ниже. */
  min-height:0;
  padding:18px 20px;
  border-radius:16px;
}

/* Плотнее по вертикали: форма должна читаться целиком, а не листаться долго. */
.lp .lp-form__shell{padding:clamp(20px,2.4vw,34px) clamp(18px,2.6vw,40px) clamp(22px,2.6vw,36px)}
.lp .lp-form__intro h2{font-size:clamp(21px,2.2vw,30px)}
.lp .lp-form__sub{margin-bottom:14px}
.lp .lp-form__block{margin-top:clamp(16px,1.8vw,22px)}
.lp .lp-form__legend{margin-bottom:8px}
.lp .lp-form__note{margin-bottom:8px;font-size:.88em}
.lp .lp-form .lp-field{margin-bottom:10px}
.lp .lp-form .lp-btn--block{margin-top:16px}

/* Согласие на обработку данных: обычный чекбокс, снимается и проверяется. */
.lp .lp-agree{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:14px;
  cursor:pointer;
  color:rgba(255,255,255,.9);
  font-size:.9em;
  line-height:1.4;
}
.lp .lp-agree input{position:absolute;width:1px;height:1px;opacity:0}
.lp .lp-agree__mark{
  flex:0 0 auto;
  width:20px;
  height:20px;
  margin-top:1px;
  border:2px solid rgba(255,255,255,.75);
  border-radius:5px;
  background:transparent;
  position:relative;
  transition:background .15s ease,border-color .15s ease;
}
.lp .lp-agree__mark::after{
  content:"";
  position:absolute;
  left:6px;
  top:2px;
  width:5px;
  height:10px;
  border:solid #167a32;
  border-width:0 2.5px 2.5px 0;
  transform:rotate(45deg);
  opacity:0;
}
.lp .lp-agree input:checked + .lp-agree__mark{background:#fff;border-color:#fff}
.lp .lp-agree input:checked + .lp-agree__mark::after{opacity:1}
.lp .lp-agree input:focus-visible + .lp-agree__mark{outline:2px solid #fff;outline-offset:2px}
.lp .lp-agree input[aria-invalid="true"] + .lp-agree__mark{border-color:#ffd2d2;box-shadow:0 0 0 3px rgba(255,210,210,.35)}
.lp .lp-agree__txt a{color:#fff;text-decoration:underline}

/* После удаления плашки конфигуратора левый блок hero стал ниже фото.
   Тянем карточку на высоту строки, чтобы оба блока были одинаковыми. */
.lp .lp-hero .row > [class*="col-"]{display:flex;flex-direction:column}
.lp .lp-hero .hero__card-1{height:auto!important;flex:1 1 auto;justify-content:center}

@media(max-width:991px){
}

/* ============================================================
   ФОРМА /lp/: оформление по образцу (27.08.2026)
   Фирменная зелёная палитра, горизонтальные карточки целей,
   контакты в три колонки, одна панель прикрепления файлов.
   ============================================================ */

/* Оболочка светлее прежней и ближе к брендовому зелёному --lp-green. */
.lp .lp-form__shell,
.lp .lp-form__done{background:linear-gradient(150deg,#3a9e56 0%,#34934b 45%,#2c7d40 100%)}

/* --- шапка: заголовок слева, плашка про цены справа --- */
.lp .lp-form__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:clamp(16px,2vw,32px);
  flex-wrap:wrap;
  margin-bottom:clamp(14px,1.8vw,22px);
}
.lp .lp-form__intro{flex:1 1 360px;min-width:0}
.lp .lp-form__sub{margin-bottom:0}
.lp .lp-form__badge{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:12px;
  max-width:330px;
  padding:12px 18px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:16px;
  background:rgba(255,255,255,.12);
  color:#fff;
}
.lp .lp-form__badge-ico{flex:0 0 auto;width:28px;height:28px}
.lp .lp-form__badge-ico svg{width:100%;height:100%}
.lp .lp-form__badge-txt b{display:block;font-size:clamp(14px,1.05vw,16px);font-weight:600;line-height:1.2}
.lp .lp-form__badge-txt span{display:block;margin-top:3px;font-size:13px;color:rgba(255,255,255,.8)}

/* --- карточки целей: горизонтальные, с кружком выбора --- */
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto 1fr auto;
  grid-template-areas:"ico title" "ico text" "tags tags";
  column-gap:14px;
  row-gap:4px;
  align-items:start;
  min-height:0;
  padding:16px 18px 16px 46px!important;
  border-radius:16px!important;
}
  content:"";
  position:absolute;
  left:16px;
  top:19px;
  width:20px;
  height:20px;
  border:2px solid rgba(255,255,255,.8);
  border-radius:50%;
  transition:background .15s ease,border-color .15s ease;
}
  border-color:#fff;
  background:radial-gradient(circle at center,#fff 0 5px,transparent 5.5px);
}
/* Иконки карточек были скрыты для прежнего квиза (26.06). В форме они нужны:
   на образце у каждой карточки своя картинка. Возвращаем только внутри формы. */
  grid-area:ico;
  display:flex!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  align-self:start;
  border-radius:14px;
}

/* --- контакты: разделитель, три колонки, сроки во всю ширину --- */
.lp .lp-form__block--contacts{
  border-top:1px solid rgba(255,255,255,.22);
  padding-top:clamp(14px,1.6vw,20px);
}
.lp .lp-contact-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lp .lp-form .lp-field--wide{margin-bottom:0!important}
.lp .lp-form__shell .lp-field input{height:48px;padding:0 16px;border-radius:12px}

/* --- файлы: одна панель с кнопкой, выбранные файлы плашками --- */
.lp .lp-files{display:block}
.lp .lp-files__head{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  padding:14px 16px;
  border:1px dashed rgba(255,255,255,.45);
  border-radius:16px;
  background:rgba(255,255,255,.06);
  color:#fff;
}
.lp .lp-files__ico{flex:0 0 auto;width:26px;height:26px}
.lp .lp-files__ico svg{width:100%;height:100%}
.lp .lp-files__txt{flex:1 1 240px;min-width:0}
.lp .lp-files__txt b{display:block;font-size:15px;font-weight:600}
.lp .lp-files__txt > span{display:block;margin-top:2px;font-size:13px;color:rgba(255,255,255,.78)}
.lp .lp-files__pick{
  flex:0 0 auto;
  height:44px;
  padding:0 22px;
  border:0;
  border-radius:12px;
  background:#fff;
  color:var(--lp-green);
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  transition:opacity .15s ease;
}
.lp .lp-files__pick:hover{opacity:.85}
.lp .lp-files__pick:disabled{opacity:.5;cursor:default}
.lp .lp-files__list{display:flex;flex-wrap:wrap;gap:0 10px}
.lp .lp-files .lp-file-row{flex:0 1 auto;max-width:100%;margin-top:10px}
.lp .lp-files .lp-file__box{
  min-height:40px;
  padding:8px 38px 8px 12px;
  gap:8px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:12px;
  background:rgba(255,255,255,.16);
  font-size:13px;
}
.lp .lp-files .lp-file__ico{width:18px;height:18px}
.lp .lp-files .lp-file__name{max-width:230px}
.lp .lp-files .lp-file__drop{top:7px;right:8px;width:24px;height:24px;font-size:16px}

/* --- низ формы: кнопка и согласие в одну строку --- */
.lp .lp-form__foot{
  display:flex;
  align-items:center;
  gap:clamp(14px,2vw,28px);
  flex-wrap:wrap;
  margin-top:clamp(16px,2vw,24px);
}
.lp .lp-form__foot .lp-btn--green{
  flex:0 0 auto;
  min-width:250px;
  height:52px;
  padding:0 32px;
  margin-top:0;
  border-radius:14px;
  background:#fff;
  border-color:#fff;
  color:var(--lp-green);
  font-weight:700;
}
.lp .lp-form__foot .lp-btn--green:hover{background:rgba(255,255,255,.88);border-color:transparent;color:var(--lp-green)}
.lp .lp-form__foot-agree{flex:1 1 240px;min-width:0}
.lp .lp-form__foot .lp-agree{margin-top:0}

@media(max-width:991px){
  .lp .lp-contact-grid--3{grid-template-columns:1fr 1fr}
  .lp .lp-form__badge{max-width:none;width:100%}
}
@media(max-width:767px){
  .lp .lp-contact-grid--3{grid-template-columns:1fr}
  .lp .lp-form__foot .lp-btn--green{width:100%;min-width:0}
  .lp .lp-files .lp-file__name{max-width:150px}
}

/* ============================================================
   /lp/: карточки целей вынесены отдельным блоком под hero (28.08.2026)
   ============================================================ */
.lp .lp-goals{padding-top:clamp(24px,3vw,44px)}
.lp .lp-goals__title{margin:0 0 6px;font-size:clamp(21px,2.2vw,30px);line-height:1.15}
.lp .lp-goals__sub{margin:0 0 clamp(14px,1.6vw,20px);color:var(--lp-grey)}


/* Выбранная цель в форме: короткая строка со ссылкой обратно к карточкам. */
.lp .lp-form__goal{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:clamp(14px,1.8vw,20px);
  padding:12px 16px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:14px;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:15px;
}
.lp .lp-form__goal-lbl{color:rgba(255,255,255,.75)}
.lp .lp-form__goal-val{font-weight:600}
.lp .lp-form__goal.is-set{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.18)}
.lp .lp-form__goal-edit{margin-left:auto;color:#fff;text-decoration:underline;font-size:14px}
.lp .lp-form__goal-edit:hover{color:#fff;opacity:.8}

/* Комментарий: многострочное поле в том же стиле, что и остальные. */
.lp .lp-form__shell .lp-field textarea{
  display:block;
  width:100%;
  min-height:96px;
  padding:12px 16px;
  border:1px solid transparent;
  border-radius:12px;
  background:#fff;
  color:#1c1c1c;
  font-family:inherit;
  font-size:15px;
  line-height:1.4;
  resize:vertical;
}
.lp .lp-form__shell .lp-field textarea:focus{outline:2px solid rgba(255,255,255,.85);outline-offset:1px}

/* Перетаскивание файлов на панель. */
.lp .lp-files__drag{font-size:13px;color:rgba(255,255,255,.78)}
.lp .lp-files.is-drag .lp-files__head{border-color:#fff;background:rgba(255,255,255,.18)}

/* На телефоне перетаскивать нечем – подпись только мешает. */
@media(max-width:767px){.lp .lp-files__drag{display:none}}

/* ============================================================
   /lp/: разбор замечаний по внешнему виду (28.08.2026)
   ============================================================ */

/* Поля считались по content-box: 100% плюс паддинги давали 401 px в колонке 367,
   и три поля контактов сливались в одну белую полосу без просветов. */
.lp .lp-form__shell .lp-field input,
.lp .lp-form__shell .lp-field textarea{box-sizing:border-box;width:100%}

/* Оболочка была слишком светлой: белые поля и кнопка на ней выцветали. */
.lp .lp-form__shell,
.lp .lp-form__done{background:linear-gradient(150deg,#2f8b47 0%,#27793c 55%,#1f6832 100%)}

/* Кнопка - самый заметный элемент формы, поэтому белая с тёмным текстом. */
.lp .lp-form__foot .lp-btn--green,
.lp .lp-form__foot .lp-btn--green:hover{color:#1c1c1c}


/* Строка цели была пустой полосой во всю ширину - делаем плашкой по содержимому. */
.lp .lp-form__goal{display:inline-flex;width:auto;max-width:100%}
.lp .lp-form__goal-edit{margin-left:8px}

/* Пометка "необязательно" уезжала на свою строку. */
.lp .lp-form__opt{display:inline}

/* ============================================================
   /lp/: правки после разбора вживую (28.08.2026)
   ============================================================ */

/* Отступ формы до блока с фото был 127 px и складывался из трёх слагаемых:
   нижний отступ секции формы 43.8, верхний отступ секции портфолио 43.8 и
   margin-top:40 у обёртки слайдера. Сводим к 30 px – столько же, сколько
   между самими фотографиями. */
.lp .lp-form{padding-bottom:0!important}
.lp .portfolio--lp-top{padding-top:30px!important}
.lp .portfolio--lp-top .swiper-wrapper{margin-top:0}

/* ============================================================
   /lp/: карточки стали витриной, а не переключателем (28.08.2026)
   ============================================================ */

/* Отступ от первого экрана до карточек - 20 px. */
.lp .lp-hero{padding-bottom:0!important}
.lp .lp-goals{padding-top:20px!important;padding-bottom:0!important}


/* Звёздочка обязательного поля: красный на зелёном бьёт по глазам, оставляем белую. */
.lp .lp-form__shell .lp-field label .lp-req{color:#fff;opacity:.9}

/* Плашка выбранного файла: крестик был символом &times; и стоял криво,
   теперь иконка Tabler по центру круглой кнопки, текст под неё не заезжает. */
.lp .lp-files .lp-file__box{padding-right:46px}
.lp .lp-files .lp-file__drop{
  display:flex;
  align-items:center;
  justify-content:center;
  top:50%;
  right:10px;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  padding:0;
  background:rgba(0,0,0,.28);
}
.lp .lp-files .lp-file__drop svg{width:14px;height:14px;stroke:#fff;fill:none;display:block}
.lp .lp-files .lp-file__drop:hover{background:rgba(0,0,0,.45)}

/* Между карточками и формой держим тот же ритм, что и на остальной странице. */
.lp .lp-form{padding-top:30px!important}

/* Карточки над формой используют классы темы, как блоки категорий на главной.
   Цвета фиксируем явно: вне секций .hero/.best фон у .bg-* не задан. */
.lp .lp-goals .card{color:#fff!important}
.lp .lp-goals .card.bg-blue{background:#1673a1 url(../mafik/images/bg-best1.svg) no-repeat top left/100% auto!important;background-size:285px 320px!important}
.lp .lp-goals .card.bg-green{background:#34934b url(../mafik/images/bg-best2.svg) no-repeat right bottom/100% auto!important;background-size:210px 271px!important}
.lp .lp-goals .card.bg-orange{background:#feb145 url(../mafik/images/bg-best3.svg) no-repeat right bottom/100% auto!important;background-size:275px 267px!important}
.lp .lp-goals .card h3{margin:0 0 10px}

/* Карточки "Что вы получите" - на фирменном жёлтом, как блоки этапов. */
.lp .lp-deliver__item{background:#feb145!important;border-color:transparent!important}
/* Белый текст на жёлтом почти не читался - переводим на тёмный и увеличиваем. */
.lp .lp-deliver__txt b{color:#1c1c1c!important;font-size:18px!important;font-weight:600!important}
.lp .lp-deliver__txt span{color:#1c1c1c!important;font-size:16px!important;font-weight:400!important}
.lp .lp-deliver__ico{background:rgba(255,255,255,.55)!important;color:#1c1c1c!important}
.lp .lp-deliver__ico svg{stroke:#1c1c1c!important}
.lp .lp-deliver__num{color:rgba(28,28,28,.32)!important}

/* ============================================================
   /lp/: единый размер основного текста 16 px (28.08.2026)
   Семейство везде одно (Roboto), разъезжались именно размеры:
   базовый 15.2, поля формы 15, подписи 13.
   ============================================================ */
.lp{font-size:16px}
.lp p,
.lp li,
.lp .lp-goals .card p,
.lp .lp-form__sub,
.lp .lp-form__shell .lp-field label,
.lp .lp-form__shell .lp-field input,
.lp .lp-form__shell .lp-field textarea,
.lp .lp-files__txt b,
.lp .lp-files__txt > span,
.lp .lp-agree,
.lp .lp-form__badge-txt b,
.lp .lp-deliver__txt b,
.lp .lp-deliver__txt span{font-size:16px}
.lp .lp-form__shell .lp-field input::placeholder,
.lp .lp-form__shell .lp-field textarea::placeholder{font-size:16px}

/* Мелкие пометки остаются вспомогательными и не растут до основного текста. */
.lp .lp-form__opt,
.lp .lp-files__drag,
.lp .lp-form__badge-txt span,
.lp .lp-deliver__num,
.lp .lp-err{font-size:14px}

/* Основной текст остальных блоков лендинга тоже 16: подзаголовки секций,
   ответы FAQ, вводные абзацы и подписи под блоками разъезжались от 13.5 до 15.5. */
.lp p,
.lp li{font-size:16px!important}
.lp .lp-faq__a,
.lp .lp-manager__lead,
.lp .lp-cmp__note,
.lp .lp-deliver__foot-item,
.lp .lp-showcase__name,
.lp .lp-trustbar__note{font-size:16px!important}

/* Смысловой текст в блоках "почему мы", подсказке подбора и кнопках контактов
   тоже относится к основному, а стоял на 13.5-15.5. */
.lp .lp-why2__txt b,
.lp .lp-why2__txt span,
.lp .lp-showcase__callout b,
.lp .lp-showcase__callout span,
.lp .lp-mbtn span{font-size:16px!important}

/* ============================================================
   /lp/: блок "Ваши задачи – наши решения" в стиле сайта (28.08.2026)
   Был в чужой стилистике: голубоватый фон секции, тёмно-синие карточки
   с градиентом и тенями, голубые иконки. Приводим к фирменным цветам.
   ============================================================ */
.lp .lp-why{background:none!important}
.lp .lp-why2{gap:14px 18px}
.lp .lp-why2__head{font-size:14px!important;color:#767676}
.lp .lp-why2__head--s{color:#34934b}
.lp .lp-why2__cell{border-radius:20px;padding:20px 22px}
.lp .lp-why2__cell--t{background:#fdfdfd;border:1px solid #e4e4e4;box-shadow:none}
.lp .lp-why2__cell--s{background:#34934b!important;box-shadow:none}
.lp .lp-why2__ico{width:44px;height:44px;border-radius:14px;background:#e8f3ea;color:#34934b}
.lp .lp-why2__chk{background:rgba(255,255,255,.24)}
.lp .lp-why2__txt b{margin-bottom:4px}
.lp .lp-why2__cell--t .lp-why2__txt span{color:#767676}
.lp .lp-why2__cell--s .lp-why2__txt span{color:rgba(255,255,255,.9)}

/* Бейджи секций: расстояние сверху и снизу разъезжалось от 28 до 105 px. */
.lp .badge-section{margin-top:0!important;margin-bottom:20px!important}
.lp .lp-showcase .badge-section,
.lp .lp-cases .badge-section{margin-top:16px!important}


/* ============================================================
   /lp/: ритм секций как на главной (28.08.2026)
   На главной соседние секции разведены на 160 px, на лендинге было 87,
   а в подтянутых местах 0-30. Возвращаем общий ритм, оставляя своей
   отбивку только там, где несколько секций читаются как один блок.
   ============================================================ */
main.lp > section{padding-top:55px!important;padding-bottom:55px!important}

/* Первый экран, карточки и форма - один смысловой блок. */
main.lp > section.lp-hero{padding-bottom:0!important}
main.lp > section.lp-goals{padding-top:20px!important;padding-bottom:0!important}
main.lp > section.lp-form{padding-top:30px!important;padding-bottom:0!important}
main.lp > section.portfolio--lp-top{padding-top:30px!important}

/* Бейдж "Почему нам доверяют" - шапка своей же секции с цифрами. */
main.lp > section.lp-trust-head{padding-bottom:0!important}
main.lp > section.lp-trustbar{padding-top:20px!important}

/* Финальный призыв и реквизиты - тоже один блок. */
main.lp > section.callback{padding-bottom:16px!important}
main.lp > section.lp-requisites{padding-top:16px!important}

/* Часть секций лежит не прямым потомком main, до них правило выше не достаёт. */
.lp section{padding-top:55px!important;padding-bottom:55px!important}

/* Блок "Почему нам доверяют" - это четыре секции подряд: бейдж, цифры, логотипы,
   благодарности. Внутри блока отбивка своя, 160 px только перед ним. */
.lp .lp-trust-head{padding-bottom:0!important}
.lp .lp-trustbar{padding-top:0!important;padding-bottom:30px!important}
.lp .companies{padding-top:30px!important;padding-bottom:30px!important}
.lp .lp-thanks-strip{padding-top:30px!important}

/* Крестик считал центр от строки файла, а она выше самой плашки, поэтому
   съезжал на 4 px вниз. Центрируем по высоте плашки (40 px). */
.lp .lp-files .lp-file__drop{top:20px!important}

/* Между кейсами и блоком задач зазор был 261 px против 176 у соседей:
   к полям секций добавлялся внутренний низ блока кейсов. */
.lp .lp-cases{padding-bottom:0!important}

/* Блок отдела продаж: содержимого в нём одна строка, поэтому высоту финального
   призыва не навязываем - получалась пустота. Даём нормальные внутренние поля. */
.lp .lp-manager__card{
  padding:clamp(26px,2.6vw,38px) clamp(24px,3vw,44px)!important;
  box-shadow:none;
}