/* ===== конверсия главной (01.10.2026, разбор Метрики и мобильной версии) =====
   Подключается последним и только дополняет steel/land/mobile.css.          */

/* Один акцентный цвет у главного действия: раньше тёмно-серые кнопки
   сливались с серым фоном. */
:root{--cta:#2F6BFF;--cta-h:#2459DB;--cta-t:#FFFFFF}
.btn.cta{background:var(--cta);color:var(--cta-t);border-color:var(--cta)}
.btn.cta:hover{background:var(--cta-h);border-color:var(--cta-h);box-shadow:0 12px 24px -14px rgba(47,107,255,.7)}
.cta-note{margin-top:8px;font-size:13px;color:var(--t3)}

/* Первый экран в две колонки: текст и кнопка слева, заявка справа. */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}
.hero2 .lead{max-width:560px}
.hero-cases{display:inline-block;margin-top:14px;font-size:14px;color:var(--t2);text-decoration:underline;text-underline-offset:3px}
.hero-shot{position:relative}
.hero-shot img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--line);box-shadow:var(--sh)}
.shot-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--sh);
  animation:shotIn .6s cubic-bezier(.2,.8,.2,1) .25s both}
@keyframes shotIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.shot-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;color:var(--t3)}
.shot-badge{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--t1)}
.shot-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 4px rgba(229,72,77,.15)}
.shot-card .lh{display:flex;gap:10px;align-items:center}
.shot-card .lav{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px}
.shot-card .ln{font-weight:600;font-size:14px}
.shot-card .lc{font-size:12px;color:var(--t3)}
.shot-card .lt{margin:12px 0;font-size:14.5px;line-height:1.5;color:var(--t1)}
.shot-card .lf{display:flex;gap:8px;align-items:center}
.shot-card .tmp.hot{background:#FDECEC;color:#C2272D;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}
.shot-card .lsc{font-size:12px;color:var(--t3)}
.shot-reply{margin-top:14px;padding:12px 14px;background:var(--alt);border-radius:12px}
.shot-reply-h{font-size:11.5px;color:var(--t3);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}
.shot-reply p{margin:0 0 10px;font-size:13.5px;line-height:1.5;color:var(--t2)}
.shot-write{pointer-events:none}

/* Кейсы сразу после первого экрана. */
.case-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.case{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}
.case .niche{font-weight:600;font-size:15px;line-height:1.35}
.case .nums{display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--t2)}
.case .nums b{color:var(--t1);font-size:20px;font-weight:700;margin-right:6px}
.case .story{font-size:13.5px;line-height:1.5;color:var(--t2)}
.case .when{margin-top:auto;font-size:12px;color:var(--t3)}
.cases-more{margin-top:18px}

/* Безопасность одной строкой: возражение номер один — видно рано. */
.safe-strip{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;padding:16px 18px;
  border:1px solid var(--line);border-radius:14px;background:var(--card);font-size:14px;color:var(--t2)}
.safe-strip span{display:inline-flex;align-items:center;gap:8px}
.safe-strip svg{width:16px;height:16px;stroke:var(--ok);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* Тарифы: строка про бесплатные дни вместо отдельной карточки. */
.free-line{margin:0 0 16px;padding:12px 16px;border-radius:12px;background:var(--alt);font-size:14.5px;color:var(--t1);text-align:center}
.plan.hot{border:2px solid var(--cta)}
.plan.hot .tag{background:var(--cta);color:#fff}

/* Подробности свёрнуты: их всё равно пролистывали за 3 секунды. */
.more-sec details.more{border:1px solid var(--line);border-radius:14px;background:var(--card);margin-top:12px}
.more-sec details.more > summary{cursor:pointer;padding:16px 18px;font-weight:600;font-size:16px;list-style:none}
.more-sec details.more > summary::-webkit-details-marker{display:none}
.more-sec details.more > summary::after{content:"+";float:right;color:var(--t3);font-weight:400}
.more-sec details.more[open] > summary::after{content:"−"}
.more-sec details.more > .more-body{padding:0 18px 18px}
.more-sec details.more section{padding:0;border:0}
.more-sec details.more .wrap{padding:0;max-width:none}

/* Согласие на статистику — узкая плашка в углу, не поверх кнопок первого
   экрана (на ноутбуке 700-800 px она закрывала «Начать бесплатно»). */
.consent{left:16px;right:auto;max-width:560px;margin:0;padding:9px 12px;gap:12px;flex-wrap:nowrap}
.consent .c-txt{min-width:0;font-size:12.5px;line-height:1.4}
.consent .c-btns{gap:6px}
.consent .c-btns .btn.sm{padding:7px 12px;font-size:12.5px}

/* Появление блоков быстрее, а на телефоне сразу: при быстрой прокрутке
   были видны пустые экраны. */
.rise{transition-duration:.28s!important}

@media (max-width:900px){
  .case-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .rise,.rise.in{opacity:1!important;transform:none!important;transition:none!important}
  .hero-grid{grid-template-columns:1fr;gap:22px}
  .hero2 h1{margin-bottom:10px}
  .hero2 .lead{font-size:15.5px}
  .cta-row .btn.cta{width:100%}
  /* Шапка: слово «Лидоловец» видно, язык уходит в меню, кнопка в шапке не
     нужна — внизу есть закреплённая полоса. */
  .top .wrap:has(nav.dense) .logo,.top .logo{font-size:16px;gap:8px}
  .top .langbox{display:none}
  .top nav > .btn{display:none}
  /* Три цифры в одну строку. */
  .leads-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}
  .leads-stats div{padding:10px 8px!important;text-align:center}
  .leads-stats b{font-size:17px!important}
  .leads-stats span{font-size:10.5px!important;line-height:1.3}
  /* Кейсы каруселью. */
  .case-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;margin-right:-16px;padding-right:16px}
  .case{flex:0 0 78%;scroll-snap-align:start}
  .safe-strip{justify-content:flex-start;font-size:13px;gap:8px 14px}
  /* Тарифы столбиком, «Про» первым (порядок задан в разметке). */
  .plans{display:flex!important;flex-direction:column}
  /* Согласие на статистику — тонкая строка над нижней полосой, а не
     четверть экрана поверх первой кнопки. */
  .consent{top:auto!important;bottom:calc(58px + env(safe-area-inset-bottom))!important;left:8px!important;right:8px!important;
    padding:7px 10px!important;gap:8px!important;flex-wrap:nowrap!important;border-radius:10px!important}
  .consent .c-txt{min-width:0!important;font-size:11.5px!important;line-height:1.3!important}
  .consent .c-btns{width:auto!important;flex:0 0 auto}
  .consent .c-btns .btn{flex:0 0 auto!important;padding:6px 10px!important;font-size:12px!important}
}