/* Посадочная /testdrive — платный тест-драйв таргета ВК. Бренд-токены FRM
   (paper #F4F3EE / ink #15181C / lime #C8F048), Inter Tight. Full-bleed полосы,
   воздух между секциями, никаких коробок-в-коробках. Мобильно 390 без оверфлоу.
   Квиз-компонент #tdvk стилизуется в testdrive-vk.css — здесь только правки под
   размещение внутри lime-секции. */
.tdl{
  --pa:#F4F3EE;--ink:#15181C;--lime:#C8F048;--line:#E2E0D7;--muted:#5F666D;
  font:16px/1.62 'Inter Tight',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);background:var(--pa);-webkit-text-size-adjust:100%;overflow-x:clip;
}
.tdl *{box-sizing:border-box}
html{scroll-behavior:smooth}
.tdl-in{max-width:1080px;margin:0 auto;padding:0 24px;width:100%}

/* ── Общие секции ── */
.tdl-sec{padding:64px 0}
.tdl-sec-tight{padding:64px 0}
.tdl-h{font-size:clamp(24px,3.6vw,34px);line-height:1.14;font-weight:800;letter-spacing:-.02em;
  margin:0 0 28px;text-wrap:balance;max-width:22ch}
.tdl-h .tdl-num{color:var(--muted);font-weight:700;margin-right:12px}
.tdl-h-inv{color:#F4F3EE}
.tdl-h-inv .tdl-num{color:var(--lime)}
.tdl p{text-wrap:pretty}
.tdl-note{color:var(--muted);font-size:15px;max-width:66ch;margin:22px 0 0}
.tdl-link{display:inline-block;margin:14px 0 0;color:var(--ink);font-weight:700;text-decoration:none;
  border-bottom:2px solid var(--lime);padding-bottom:2px}
.tdl-link:hover{border-bottom-color:var(--ink)}

/* ── 01 · HERO (тёмный full-bleed) ── */
.tdl-hero{background:var(--ink);color:#F4F3EE;padding:76px 0 72px}
.tdl-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--lime);margin:0 0 22px}
.tdl-hero h1{font-size:clamp(30px,6vw,56px);line-height:1.04;font-weight:800;letter-spacing:-.03em;
  margin:0 0 24px;text-wrap:balance;max-width:16ch}
.tdl-hero-lead{font-size:clamp(20px,3.4vw,30px);line-height:1.22;font-weight:700;letter-spacing:-.01em;
  margin:0 0 20px;max-width:20ch;text-wrap:balance}
.tdl-hero-sub{font-size:clamp(16px,2.1vw,19px);color:#D4D6CE;margin:0 0 32px;max-width:56ch}
.tdl-anchors{display:flex;flex-wrap:wrap;gap:14px 28px;margin:0 0 36px}
.tdl-anchors span{font-size:15px;color:#D4D6CE}
.tdl-anchors b{color:var(--lime);font-weight:800}
.tdl-cta{display:inline-block;background:var(--lime);color:#161a08;font-weight:800;text-decoration:none;
  border-radius:14px;padding:16px 34px;font-size:17px;line-height:1;transition:filter .15s}
.tdl-cta:hover{filter:brightness(.97)}
.tdl-cta-lg{font-size:18px;padding:18px 40px}

/* ── 02 · Интро ── */
.tdl-intro p{font-size:clamp(18px,2.5vw,23px);line-height:1.45;font-weight:600;letter-spacing:-.01em;
  max-width:34ch;margin:0}

/* ── 03 · Подходит ли вам (две колонки full-bleed) ── */
.tdl-fit{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:8px 0 4px}
.tdl-fit-col{padding:44px 24px}
.tdl-fit-yes{background:#E2F2AF}
.tdl-fit-no{background:#15181C}
.tdl-fit-inner{max-width:520px}
.tdl-fit-yes .tdl-fit-inner{margin-left:auto;padding-right:16px}
.tdl-fit-no .tdl-fit-inner{margin-right:auto;padding-left:16px}
.tdl-fit-tag{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;margin:0 0 18px}
.tdl-fit-yes .tdl-fit-tag{color:#3f5a10}
.tdl-fit-no .tdl-fit-tag{color:var(--lime)}
.tdl-fit-col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.tdl-fit-col li{position:relative;padding-left:26px;font-size:16.5px;line-height:1.5}
.tdl-fit-yes li{color:#26330a}
.tdl-fit-no li{color:#c9ccd1}
.tdl-fit-col li::before{content:"";position:absolute;left:0;top:9px;width:11px;height:11px;border-radius:3px}
.tdl-fit-yes li::before{background:#3f5a10}
.tdl-fit-no li::before{background:var(--lime)}
.tdl-fit-note{font-size:16px;line-height:1.6;max-width:70ch;margin:34px 0 0}

/* ── 04 · Путь заявки ── */
.tdl-flow{list-style:none;counter-reset:tf;margin:0 0 40px;padding:0;
  display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.tdl-flow li{counter-increment:tf;position:relative;flex:1 1 180px;min-width:170px;
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 18px 18px 52px;
  font-size:15px;font-weight:600;line-height:1.35;display:flex;align-items:center}
.tdl-flow li::before{content:counter(tf);position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--lime);
  font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.tdl-funnel-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px 20px}
.tdl-funnel-lbl{font-size:13.5px;font-weight:700;color:var(--muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.03em}
.tdl-svg{display:block;width:100%;height:auto}

/* Скриншоты (из админки) */
.tdl-shot{margin:32px 0 0}
.tdl-shot img{display:block;width:100%;max-width:520px;height:auto;border:1px solid var(--line);border-radius:18px}
.tdl-shot-wide img{max-width:100%}
.tdl-shot figcaption{font-size:14px;color:var(--muted);margin:14px 0 0;max-width:66ch}
.tdl-shot-cap{font-size:15px;color:var(--muted);margin:28px 0 0;max-width:66ch;font-weight:600}
.tdl-page main .tdl-sec > .tdl-shot,.tdl-page main .tdl-sec > .tdl-shot-cap{max-width:1080px;margin-left:auto;margin-right:auto;padding:0 24px}

/* ── 05 · Цена ── */
.tdl-price{background:var(--ink);color:#F4F3EE;border-radius:24px;padding:34px 34px 30px;max-width:640px}
.tdl-price-total{font-size:clamp(34px,6vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1}
.tdl-price-total b{background:linear-gradient(transparent 60%,rgba(200,240,72,.35) 60%);padding:0 4px}
.tdl-price-rows{margin:22px 0 0}
.tdl-prow{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:12px 0;border-top:1px solid #2c3138}
.tdl-prow span{color:#D4D6CE}
.tdl-prow b{font-weight:800;white-space:nowrap}
.tdl-price-instm{margin:20px 0 0;font-size:15px;font-weight:700;color:#161a08;background:var(--lime);
  display:inline-block;padding:11px 16px;border-radius:12px}

/* ── 06 · Всю работу берём на себя ── */
.tdl-work{display:flex;flex-direction:column}
.tdl-work-row{display:flex;gap:20px;padding:26px 0;border-top:1px solid var(--line)}
.tdl-work-row:first-child{border-top:0}
.tdl-wn{flex:none;font-size:17px;font-weight:800;color:var(--lime);
  background:var(--ink);width:44px;height:44px;border-radius:12px;
  display:flex;align-items:center;justify-content:center}
.tdl-work-row h3{font-size:19px;font-weight:800;letter-spacing:-.01em;margin:6px 0 8px;text-wrap:balance}
.tdl-work-row p{font-size:16px;line-height:1.58;color:#31363C;margin:0 0 12px;max-width:64ch}
.tdl-work-row p:last-child{margin-bottom:0}
.tdl-ladder-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 22px;margin:8px 0 14px}
.tdl-ladder-steps{margin:16px 0 0;padding-left:20px}
.tdl-ladder-steps li{font-size:15px;line-height:1.5;color:#31363C;margin:0 0 7px}
.tdl-ladder-cap{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 12px}

/* ── 07 · Как проходит (две фазы) ── */
.tdl-phases{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.tdl-phase{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 26px 24px}
.tdl-phase-tag{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:#161a08;background:var(--lime);border-radius:999px;padding:7px 15px;margin:0 0 18px}
.tdl-phase ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:11px}
.tdl-phase li{font-size:15.5px;line-height:1.5;color:#26292e}

/* ── 08 · Кто ведёт ── */
.tdl-person{display:flex;align-items:center;gap:16px;margin:0 0 18px}
.tdl-ava{width:66px;height:66px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--line)}
.tdl-person-name{display:flex;flex-direction:column;gap:3px}
.tdl-person-name b{font-size:18px;font-weight:800;letter-spacing:-.01em}
.tdl-person-name span{font-size:14px;color:var(--muted)}
.tdl-who .tdl-in > p{font-size:16.5px;line-height:1.62;color:#26292e;max-width:66ch;margin:0 0 22px}
.tdl-clients{font-size:15px;color:var(--muted);max-width:66ch;margin:24px 0 0}

/* ── 09 · Риск (тёмный full-bleed) ── */
.tdl-risk{background:var(--ink);color:#F4F3EE;padding:64px 0}
.tdl-risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.tdl-risk-col h3{font-size:17px;font-weight:800;color:var(--lime);margin:0 0 10px}
.tdl-risk-col p{font-size:15.5px;line-height:1.58;color:#D4D6CE;margin:0}

/* ── 10 · С чем останетесь ── */
.tdl-keep{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.tdl-keep li{position:relative;padding-left:30px;font-size:17px;line-height:1.5;max-width:70ch}
.tdl-keep li::before{content:"";position:absolute;left:0;top:8px;width:14px;height:14px;
  border-radius:4px;background:var(--lime)}

/* ── 11 · Закрывающая строка ── */
.tdl-closer p{font-size:clamp(22px,3.8vw,34px);line-height:1.2;font-weight:800;letter-spacing:-.02em;
  max-width:24ch;margin:0;text-wrap:balance}

/* ── 12 · Бонус (тёмный full-bleed) ── */
.tdl-bonus{background:var(--ink);color:#F4F3EE;padding:56px 0}
.tdl-bonus-tag{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;color:var(--lime);margin:0 0 16px}
.tdl-bonus p{font-size:clamp(20px,3.2vw,28px);line-height:1.25;font-weight:700;letter-spacing:-.01em;
  max-width:26ch;margin:0;text-wrap:balance}

/* ── 13 · Форма + оплата (lime full-bleed) ── */
.tdl-pay{background:var(--lime);padding:64px 0}
.tdl-pay-head{max-width:640px;margin:0 auto 26px}
.tdl-pay-head h2{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.02em;margin:0 0 10px;color:#161a08;text-wrap:balance}
.tdl-pay-head p{font-size:17px;color:#26330a;margin:0}
.tdl-pay-instm{max-width:640px;margin:16px auto 0;font-size:14px;color:#2b3410;text-align:center}
/* Квиз-компонент #tdvk внутри lime-секции: снимаем его собственные внешние отступы
   и ограничение ширины (на кейсах он центрируется сам, здесь центрирует .tdl-pay). */
.tdl-pay #tdvk{margin:0 auto;max-width:640px;padding:0}

/* ── Мобильно ── */
@media(max-width:900px){
  .tdl-phases{grid-template-columns:1fr}
  .tdl-risk-grid{grid-template-columns:1fr;gap:24px}
}
@media(max-width:640px){
  .tdl-sec,.tdl-sec-tight{padding:48px 0}
  .tdl-in{padding:0 18px}
  .tdl-hero{padding:56px 0 52px}
  .tdl-fit{grid-template-columns:1fr}
  .tdl-fit-col{padding:34px 18px}
  .tdl-fit-yes .tdl-fit-inner,.tdl-fit-no .tdl-fit-inner{margin:0;padding:0;max-width:none}
  .tdl-flow li{flex:1 1 100%}
  .tdl-work-row{gap:14px}
  .tdl-price{padding:26px 22px}
  .tdl-phase{padding:22px 20px}
  .tdl-page main .tdl-sec > .tdl-shot,.tdl-page main .tdl-sec > .tdl-shot-cap,.tdl-sec > .tdl-person{padding:0 18px}
  .tdl-pay{padding:48px 0}
}