/* lp.css - общий стиль страниц-лендингов traficpro2 на proaitarget.com (чат ТП-Л2, 03.10.2026).
   Своя вёрстка без кода конструктора: размеры, шрифты и отступы сняты замером с текущих страниц на ширинах 320-1440
   (lendingi/proverka/zamer.mjs). Ступени ширины: >1200, <=1200, <=960, <=640, <=480. */

/* ---------- шрифты (самохостинг, файлы из текущей сборки) ---------- */
@font-face{font-family:'LP Russo';src:url('fonts/RussoOne-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'LP Rubik';src:url('fonts/Rubik-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'LP Rubik';src:url('fonts/Rubik-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'LP Inter';src:url('fonts/InterTight-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'LP Inter';src:url('fonts/InterTight-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'LP Inter';src:url('fonts/InterTight-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
/* статьи: одно семейство с насыщенностями 100-800, как в дизайне страниц (каждой насыщенности - свой файл) */
@font-face{font-family:'LP Mix';src:url('fonts/RussoOne-Regular.woff') format('woff');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'LP Mix';src:url('fonts/Rubik-Regular.woff') format('woff');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'LP Mix';src:url('fonts/Rubik-Bold.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'LP Mix';src:url('fonts/InterTight-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'LP Mix';src:url('fonts/InterTight-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'LP Mix';src:url('fonts/InterTight-Bold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'LP Mix';src:url('fonts/DrukCyr-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'LP Mix';src:url('fonts/MOVSKATE-Skate.woff') format('woff');font-weight:800;font-style:normal;font-display:swap}
/* ⚠ Druk Cyr и MOVSKATE - лицензии нет (аудит F22, F23), оставлены как на текущих страницах до решения Игоря */

/* ---------- основа ---------- */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#000;-webkit-font-smoothing:antialiased}
.lp-page a{color:#ff8562;text-decoration:none}
.lp-page a[href^="tel"]{color:inherit}
.lp-page b,.lp-page strong{font-weight:700}
.lp-arial{font-family:Arial,sans-serif}

/* ---------- секции и сетка ---------- */
.lp-rec{box-sizing:content-box}
.lp-pt0{padding-top:0}.lp-pt15{padding-top:15px}.lp-pt30{padding-top:30px}.lp-pt45{padding-top:45px}.lp-pt60{padding-top:60px}
.lp-pt150{padding-top:150px}.lp-pt165{padding-top:165px}
.lp-pb0{padding-bottom:0}.lp-pb15{padding-bottom:15px}.lp-pb30{padding-bottom:30px}.lp-pb60{padding-bottom:60px}
@media (max-width:480px){.lp-pt150,.lp-pt165{padding-top:90px}}

.lp-txt{padding:8px 0 6px}
.lp-wrap{max-width:1200px;margin:0 auto}
.lp-wrap::after{content:"";display:table;clear:both}
.lp-col{margin:0 20px}
.lp-c10{max-width:960px;padding-left:100px}
.lp-c8{max-width:760px;padding-left:200px}
@media (max-width:1200px){
  .lp-wrap{max-width:960px}
  .lp-col{margin:0 10px}
  .lp-c10{max-width:780px;padding-left:80px}
  .lp-c8{max-width:620px;padding-left:160px}
}
@media (max-width:960px){
  .lp-wrap{max-width:640px}
  .lp-col,.lp-c10,.lp-c8{margin:0;padding:0 20px;max-width:none}
}

/* ---------- текст: варианты ---------- */
/* обычный текст блока (20/18/16) */
.lp-t{font-family:'LP Rubik',Arial,sans-serif;font-weight:700;font-size:20px;line-height:1.55}
/* документы: семейство без запасного - знаков, которых нет в шрифте (№), браузер берёт из своего шрифта по умолчанию, как на текущих страницах */
/* заголовок документа: 30 px, до 480 - 16 px */
.lp-t-h{font-family:'LP Russo';font-weight:400;font-size:30px;line-height:1.55}
/* текст документа 15 px */
.lp-t-doc{font-family:'LP Rubik';font-weight:400;font-size:15px;line-height:1.55}
/* текст документа 16 px, до 480 - 14 px */
.lp-t-doc16{font-family:'LP Rubik';font-weight:400;font-size:16px;line-height:1.55}
/* текст статей 17 px (Mix 200), до 480 - 15 px */
.lp-t-st{font-family:'LP Mix';font-weight:200;font-size:17px;line-height:1.55}
@media (max-width:1200px){.lp-t{font-size:18px}}
@media (max-width:640px){.lp-t,.lp-t-h,.lp-t-doc,.lp-t-doc16,.lp-t-st{line-height:1.45}.lp-t{font-size:16px}}
@media (max-width:480px),(orientation:landscape) and (max-height:480px){.lp-t-doc16{font-size:14px}.lp-t-st{font-size:15px}}
@media (max-width:479px){.lp-t-h{font-size:16px}}
.lp-t .lp-arial{font-weight:400}
.lp-t strong.lp-arial,.lp-t b.lp-arial{font-weight:700}

/* ---------- кнопка (кнопки «Перейти в канал» на «спасибо») ---------- */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;height:56px;margin:0;padding:0 40px;border:0;border-radius:30px;
  background:#1f5bff;color:#fff;font-family:'LP Inter',Arial,sans-serif;font-weight:700;font-size:16px;line-height:1.4;white-space:nowrap;cursor:pointer;
  -webkit-appearance:none;appearance:none;transition:background-color .2s ease-in-out,color .2s ease-in-out,opacity .2s ease-in-out}
.lp-btn:focus-visible{outline:auto;outline-color:#2015ff;outline-offset:4px}
.lp-btn[disabled]{opacity:.5;cursor:default}
.lp-hp{position:absolute;left:-5000px;bottom:0;display:none}
@media (max-width:960px){.lp-btn{width:100%}}
@media (max-width:640px){.lp-btn{padding:0 30px;white-space:normal}}

/* ---------- холсты статей (зеро-блоки): каркас; координаты и оформление элементов - в <style> страницы ---------- */
.lp-z{position:relative;-webkit-text-size-adjust:100%}
.lp-z__ab{position:relative;width:100%;overflow:hidden}
.lp-z__ab_vis{overflow:visible}

.lp-ze{position:absolute;box-sizing:border-box;display:table}
.lp-ze>.za{display:table-cell;vertical-align:middle;width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.lp-ze a.za{text-decoration:none}
.lp-ze .za ul,.lp-ze .za ol{margin-bottom:0}
.lp-ze .zi{width:100%;height:auto;display:block}
.lp-ze[data-t="button"]{display:block}
.lp-ze[data-t="button"]>.za{display:flex;box-sizing:border-box;width:100%;height:100%;flex-direction:row;justify-content:center;align-items:center;overflow:hidden}
.lp-ze[data-t="button"]>.za::after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;pointer-events:none;opacity:0;z-index:-1}
.lp-ze .zbc{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:0 1 auto;min-width:0}
.lp-ze .zbt{flex:1 1 0;text-overflow:ellipsis}
.lp-ze .zbb{position:absolute;inset:0;z-index:1;border-radius:inherit;transition-duration:inherit;transition-timing-function:inherit;pointer-events:none}
.lp-ze .zbb::before,.lp-ze .zbb::after{-webkit-backface-visibility:hidden;position:absolute;inset:0;content:'';border-radius:inherit;z-index:1}
.lp-ze .zbb::after{opacity:0;transition-property:opacity;transition-duration:inherit;transition-timing-function:inherit}
.lp-z__ab.is-k .lp-ze[data-t="text"]>.za{word-break:normal}

/* ---------- вопросы-ответы ---------- */
.lp-acc-wrap{display:flex;flex-wrap:wrap}
.lp-acc-wrap>.lp-col{width:100%}
.lp-acc__head{position:relative;border-top:2px solid #000;cursor:pointer}
.lp-acc__btn{position:relative;display:inline-block;width:100%;margin:0;padding:20px 50px 20px 0;text-align:left;background:transparent;border:none;box-sizing:border-box;cursor:pointer;
  font-family:Arial,sans-serif;font-size:13.3333px;color:#000;-webkit-appearance:none;appearance:none}
.lp-acc__btn:focus-visible{outline:auto;outline-color:#2015ff;outline-offset:2px}
.lp-acc__title{display:inline-block;font-family:'LP Mix',Arial,sans-serif;font-weight:200;font-size:20px;line-height:1.35;color:#171717}
.lp-acc__icon{position:absolute;top:50%;right:0;display:inline-block;width:24px;height:24px;padding:8px;transform:translateY(-50%);transition:opacity ease-in-out .2s}
.lp-acc__icon_h{opacity:0}
.lp-acc__head:hover .lp-acc__icon,.lp-acc__btn:focus-visible .lp-acc__icon{opacity:0}
.lp-acc__head:hover .lp-acc__icon_h,.lp-acc__btn:focus-visible .lp-acc__icon_h{opacity:1}
.lp-acc__circle{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:100px;background:#b83434}
.lp-acc__icon_h .lp-acc__circle{background:#000}
.lp-acc__lines{position:relative;z-index:1;display:block;width:100%;height:100%;transition:all ease-in-out .3s;transform:rotate(0)}
.lp-acc.is-open .lp-acc__lines{transform:rotate(-45deg)}
.lp-acc__body{display:none;overflow:hidden;transition:max-height ease-in-out .3s,opacity ease-in-out .3s}
.lp-acc__tw{padding:0 0 20px}
.lp-acc__text{margin-bottom:20px;font-family:'LP Mix';font-weight:200;font-size:17px;line-height:1.55;color:#000}
.lp-acc__end{width:100%;height:2px;background:#000}
@media (max-width:640px){.lp-acc__text{margin-bottom:15px;line-height:1.45}.lp-acc__tw{padding:0 0 10px}}
@media (max-width:480px),(orientation:landscape) and (max-height:480px){.lp-acc__text{font-size:15px}}

/* ---------- всплывающее окно ---------- */
.lp-pop{display:none;position:fixed;inset:0;z-index:10000001;box-sizing:border-box;padding:0;overflow-y:auto;outline:none;cursor:pointer;background:transparent}
.lp-pop.is-show{display:block}
.lp-pop__box{position:absolute;left:0;right:0;top:50%;margin:0 auto;z-index:1;cursor:default;background:transparent;pointer-events:none;transform:translateY(-50%);opacity:0;transition:opacity .3s ease-in-out}
.lp-pop.is-on .lp-pop__box{opacity:1}
.lp-pop__box.is-static{position:relative;top:0;margin:0 auto;transform:none}
.lp-pop__box .lp-ze{pointer-events:auto}
.lp-pop__close{position:fixed;top:10px;right:10px;width:43px;height:43px;z-index:9;cursor:pointer;transition:opacity .3s ease-in-out}
@media (min-width:429px) and (hover:hover){.lp-pop__close:hover{opacity:.7}}
.lp-pop__x{display:inline-block;width:23px;padding:10px;margin:0;border:none;background:transparent;cursor:pointer;font-size:0;box-sizing:content-box;-webkit-appearance:none;appearance:none}
.lp-pop__x:focus-visible{outline:auto;outline-color:#2015ff;outline-offset:4px}
.lp-pop__bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99998;pointer-events:none;opacity:0;transition:opacity .3s}
.lp-pop__bg.is-on{display:block;opacity:1}
body.lp-locked{height:100vh;min-height:100vh;overflow:hidden}
.lp-all{overflow:hidden}
/* обёртка элемента, который двигается при прокрутке */
.lp-sbs{display:inherit;width:100%}
.lp-sbs>.za{display:table-cell;vertical-align:middle;width:100%}

/* появление на компьютере (lp.js): страница при первом заходе и блоки ниже экрана */
@media (min-width:980px){html.lp-fade body{opacity:0}html.lp-fade_go body{transition:opacity ease-in-out .2s}html.lp-fade_on body{opacity:1}}
.lp-r_anim{transition:opacity .5s}
.lp-r_hidden{opacity:0}

/* ---------- B-5 (слова Игоря 04.10) ---------- */
/* «спасибо»: ссылка на канал - кнопкой, как кнопка формы */
.lp-page a.lp-kanal{color:#fff;vertical-align:middle;margin:12px 0 4px}
/* документы: название раздела - жирным, с отступом сверху */
.lp-razd{display:block;margin:24px 0 4px;font-weight:700}
/* «Оферта статьи»: первая строка - заголовком, отступ под ним как у основной оферты */
.lp-doc-h{margin-bottom:29px}

/* ---------- форма записи: «Яркая карточка» (B-7, выбор Игоря 04.10; макет formy-dizayn/_v/yarko) ---------- */
:root{--yr-blue:#1f5bff;--yr-coral:#ff8562;--yr-ink:#0d1330;--yr-mut:#5b6280;--yr-line:#e1e5f2;--yr-ok:#1aa36f;--yr-err:#e5484d}
body.yr-page{background:#f4f6fc;color:var(--yr-ink)}
.yr-prog{position:fixed;left:0;top:0;right:0;height:6px;background:rgba(31,91,255,.12);z-index:10}
.yr-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--yr-coral),#ffb36b);transition:width .3s}
.yr-hero{position:relative;overflow:hidden;background:var(--yr-blue);color:#fff;padding:72px 20px 150px;text-align:center}
.yr-hero::before,.yr-hero::after{content:"";position:absolute;border-radius:50%}
.yr-hero::before{width:420px;height:420px;left:-140px;top:-180px;background:radial-gradient(circle,#4d7dff 0,transparent 70%)}
.yr-hero::after{width:360px;height:360px;right:-120px;bottom:-200px;background:radial-gradient(circle,rgba(255,133,98,.55) 0,transparent 70%)}
.yr-hero>*{position:relative;z-index:1}
.yr-title{font-family:'LP Russo',Arial,sans-serif;font-weight:400;font-size:54px;line-height:1.08;margin:0 auto 18px;max-width:760px}
.yr-title span{color:#ffd2c2}
.yr-descr{font-family:'LP Inter',Arial,sans-serif;font-size:20px;line-height:1.45;max-width:560px;margin:0 auto;opacity:.92}
.yr-card{position:relative;z-index:2;box-sizing:border-box;max-width:720px;margin:-110px auto 0;background:#fff;border-radius:32px;box-shadow:0 24px 60px rgba(13,19,48,.14);padding:44px 56px 48px}
.yr-g{display:grid;grid-template-columns:40px 1fr;column-gap:16px;padding:22px 0;border-bottom:1px dashed var(--yr-line)}
.yr-g_last{border-bottom:0}
.yr-n{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#edf1ff;color:var(--yr-blue);font-family:'LP Rubik',Arial,sans-serif;font-weight:700;font-size:17px;transition:all .2s}
.yr-g.is-ok .yr-n{background:var(--yr-ok);color:#fff;font-size:0}
.yr-g.is-ok .yr-n::after{content:"✓";font-size:20px}
.yr-q{display:block;font-family:'LP Rubik',Arial,sans-serif;font-weight:700;font-size:19px;line-height:1.35;margin:7px 0 12px;cursor:pointer}
.yr-req{color:var(--yr-coral)}
.yr-in{display:block;box-sizing:border-box;width:100%;margin:0;padding:15px 18px;border:2px solid transparent;border-radius:16px;background:#f3f5fb;color:var(--yr-ink);font-family:'LP Inter',Arial,sans-serif;font-size:17px;line-height:1.4;outline:none;-webkit-appearance:none;appearance:none;box-shadow:none;transition:all .2s}
.yr-in:focus{background:#fff;border-color:var(--yr-blue);box-shadow:0 0 0 5px rgba(31,91,255,.12)}
.yr-in::placeholder{color:#a9afc6;opacity:1}
textarea.yr-in{min-height:120px;resize:vertical}
.yr-chips{display:flex;flex-wrap:wrap;gap:10px}
.yr-chip{position:relative;cursor:pointer}
.yr-chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.yr-chip span{display:inline-flex;align-items:center;min-height:46px;box-sizing:border-box;padding:0 18px;border-radius:999px;background:#f3f5fb;border:2px solid transparent;font-family:'LP Rubik',Arial,sans-serif;font-weight:700;font-size:15px;color:var(--yr-ink);transition:all .15s}
@media (hover:hover){.yr-chip:hover span{border-color:#b9c9ff}}
.yr-chip input:checked+span{background:var(--yr-coral);color:#fff;transform:rotate(-1.5deg) scale(1.04);box-shadow:0 6px 14px rgba(255,133,98,.35)}
.yr-chip input:focus-visible+span{outline:3px solid #9db6ff;outline-offset:2px}
.yr-legal{font-family:'LP Inter',Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--yr-mut);margin:8px 0 12px}
.yr-sw{position:relative;display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-family:'LP Rubik',Arial,sans-serif;font-weight:700;font-size:17px}
.yr-sw input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.yr-sw i{position:relative;width:54px;height:32px;border-radius:20px;background:#d5dae8;transition:background .2s;flex-shrink:0}
.yr-sw i::after{content:"";position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s}
.yr-sw input:checked+i{background:var(--yr-ok)}
.yr-sw input:checked+i::after{transform:translateX(22px)}
.yr-sw input:focus-visible+i{outline:3px solid #9db6ff;outline-offset:2px}
.yr-err{display:none;grid-column:2;margin-top:8px;font-family:'LP Inter',Arial,sans-serif;font-weight:500;font-size:14px;color:var(--yr-err)}
.yr-g.is-err .yr-err{display:block}
.yr-g.is-err .yr-n{background:var(--yr-err);color:#fff}
.yr-g.is-err .yr-in{border-color:var(--yr-err);background:#fff6f6}
.yr-g.is-err .yr-sw i{box-shadow:0 0 0 2px var(--yr-err)}
.yr-box{display:none;margin:8px 0 0;padding:14px 16px;border-radius:16px;background:#fff1f1;color:var(--yr-err);font-family:'LP Rubik',Arial,sans-serif;font-weight:700;font-size:16px;text-align:center}
.yr-box.is-on{display:block}
.yr-send{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:64px;margin-top:24px;border:0;border-radius:32px;background:linear-gradient(90deg,var(--yr-blue),#7a4dff);color:#fff;font-family:'LP Inter',Arial,sans-serif;font-weight:700;font-size:19px;cursor:pointer;box-shadow:0 14px 30px rgba(31,91,255,.35);transition:transform .1s,opacity .2s;-webkit-appearance:none;appearance:none}
@media (hover:hover){.yr-send:hover{transform:translateY(-1px)}}
.yr-send:active{transform:scale(.99)}
.yr-send[disabled]{opacity:.5;cursor:default}
.yr-send:focus-visible{outline:3px solid #9db6ff;outline-offset:4px}
.yr-docs{max-width:720px;margin:0 auto;padding:24px 20px 48px;box-sizing:border-box;font-family:'LP Inter',Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--yr-mut);text-align:center}
@media (max-width:640px){
  .yr-hero{padding:44px 16px 110px}
  .yr-title{font-size:34px}
  .yr-descr{font-size:16px}
  .yr-card{margin:-80px 12px 0;border-radius:26px;padding:16px 18px 28px}
  .yr-g{grid-template-columns:32px 1fr;column-gap:12px;padding:18px 0}
  .yr-n{width:32px;height:32px;font-size:15px}
  .yr-q{font-size:17px;margin:4px 0 10px}
  .yr-in{font-size:16px}
  .yr-chip span{min-height:44px;padding:0 15px;font-size:14px}
  .yr-send{height:58px;font-size:17px}
}
/* страна кнопками (B-8): поле «Другая» под кнопками и строка про выбор по сети */
.yr-drugaya{margin-top:12px}
.yr-drugaya[hidden],.yr-hint[hidden]{display:none}
.yr-hint{margin:10px 0 0;font-family:'LP Inter',Arial,sans-serif;font-size:13px;line-height:1.4;color:var(--yr-mut)}