/* Страница лид-магнита, вариант 1 (A/B-тест с 28.10.2026): книжка-обложка, «что внутри», листалка страниц, форма по шагам.
   Вариант 0 — обычная страница (page.css). Какой показать, решает скрипт в <head> (html[data-ab]); разметка варианта 1 — в <template id="lm-v1">. */
html[data-ab="1"] .ab0{display:none}
.lm2{padding:clamp(28px,6vw,72px) 0 clamp(40px,6vw,72px);overflow-x:clip}
.qz [hidden]{display:none!important}
.lm2__in{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;grid-template-areas:"head" "book" "form" "inside"}
.lm2__head{grid-area:head}.lm2__book{grid-area:book}.lm2__form{grid-area:form}.lm2__inside{grid-area:inside}
@media (min-width:1024px){.lm2__in{grid-template-columns:minmax(0,1fr) minmax(380px,440px);column-gap:64px;row-gap:28px;
  grid-template-areas:"head form" "book form" "inside form";align-items:start}.lm2__form{position:sticky;top:96px}}
.lm2__kicker{font-weight:700;color:var(--skin);font-size:var(--t-small)}
.lm2 h1{font-size:clamp(1.75rem,1.2rem + 2.6vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:10px 0 14px}
/* книжка */
.lm2__book{display:grid;place-items:center;padding:6px 0 18px}
.bk{position:relative;width:min(56vw,250px);perspective:1100px}
@media (min-width:1024px){.bk{width:290px;margin:8px 0 0 70px}.lm2__book{place-items:start}}
.bk__fan{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px;box-shadow:0 14px 34px rgba(0,0,0,.45);transform-origin:50% 90%}
.bk__fan--a{transform:translate(-30%,6%) rotate(-11deg) scale(.86);filter:brightness(.55)}
.bk__fan--b{transform:translate(30%,4%) rotate(9deg) scale(.88);filter:brightness(.65)}
.bk__3d{position:relative;transform:rotateY(-16deg) rotateX(3deg);transform-style:preserve-3d;transition:transform .7s var(--ease)}
.bk__3d::before{content:"";position:absolute;top:2%;bottom:2%;right:-12px;width:14px;transform:rotateY(60deg);transform-origin:left;border-radius:0 3px 3px 0;
  background:repeating-linear-gradient(90deg,#e9e7df 0 1px,#c9c6bc 1px 2px)}
.bk__cover{position:relative;width:100%;border-radius:3px 7px 7px 3px;box-shadow:0 30px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06)}
.bk__3d::after{content:"";position:absolute;left:0;top:0;bottom:0;width:7%;border-radius:3px 0 0 3px;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(255,255,255,.18) 45%,rgba(0,0,0,.15))}
@media (hover:hover){.bk:hover .bk__3d{transform:rotateY(-6deg) rotateX(2deg) translateY(-6px)}}
.bk__tag{position:absolute;right:-14px;bottom:10%;transform:rotate(-6deg);background:var(--lime);color:var(--lime-ink);font-weight:800;font-size:.8rem;line-height:1.2;
  padding:8px 12px;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.4);text-align:center}
.bk__tag b{display:block;font-family:var(--f-d);font-size:1rem;letter-spacing:-.01em}
/* «как у американцев»: сияние, лента, печать, плашки */
.bk__rays{position:absolute;left:50%;top:46%;width:190%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(215,255,63,.16) 0 7deg,transparent 7deg 18deg);
  -webkit-mask:radial-gradient(closest-side,#000 30%,transparent 100%);mask:radial-gradient(closest-side,#000 30%,transparent 100%);animation:rays 40s linear infinite}
.bk__rays::after{content:"";position:absolute;inset:22%;border-radius:50%;background:radial-gradient(closest-side,rgba(215,255,63,.28),transparent)}
@keyframes rays{to{rotate:360deg}}
.bk__float{position:relative;animation:bob 5s ease-in-out infinite}
@keyframes bob{50%{translate:0 -10px}}
.bk__shine{position:absolute;inset:0;border-radius:3px 7px 7px 3px;overflow:hidden;pointer-events:none}
.bk__shine::after{content:"";position:absolute;top:-20%;bottom:-20%;width:35%;left:-60%;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shine 4.5s ease-in-out infinite 1s}
@keyframes shine{0%,55%{left:-60%}85%,100%{left:130%}}
.bk__ribbon{position:absolute;top:18px;left:-12px;z-index:3;background:#ff5a3c;color:#fff;font:800 .82rem/1 var(--f-d);letter-spacing:.02em;
  padding:9px 14px 9px 12px;border-radius:4px 4px 4px 0;box-shadow:0 8px 18px rgba(255,90,60,.45)}
.bk__ribbon::after{content:"";position:absolute;left:0;bottom:-8px;border:4px solid #a8321f;border-left-color:transparent;border-bottom-color:transparent}
.bk__seal{position:absolute;right:-30px;top:-22px;z-index:4;width:96px;height:96px;display:grid;place-items:center;border-radius:50%;
  background:var(--lime);color:var(--lime-ink);box-shadow:0 12px 30px rgba(215,255,63,.35),0 0 0 4px var(--bg);rotate:12deg}
.bk__seal svg{position:absolute;inset:0;width:100%;height:100%;animation:rays 18s linear infinite}
.bk__seal text{font:800 10.5px var(--f-b);letter-spacing:.06em;fill:var(--lime-ink)}
.bk__seal b{font:800 1.45rem/1 var(--f-d);letter-spacing:-.03em}
.bk__tag{right:auto;left:-18px;bottom:8%;transform:rotate(-5deg);font-size:.82rem}
.bk__hit{margin:26px auto 0;text-align:center;max-width:34ch;color:var(--dim);font-size:var(--t-small);line-height:1.45}
.bk__hit b{display:block;color:var(--ink);font-size:1.02rem;margin-bottom:2px}
.bk__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}
.bk__chips li{font-size:var(--t-micro);font-weight:700;padding:6px 10px;border-radius:999px;background:var(--bg-3);border:1px solid var(--line);color:var(--dim)}
@media (min-width:1024px){.bk__hit{text-align:left;margin-left:0}.bk__chips{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){.bk__rays,.bk__float,.bk__shine::after,.bk__seal svg{animation:none}}
/* телефон: весь первый экран ведёт к форме, снизу — плавающая кнопка со стрелкой */
.js-togo{cursor:pointer;-webkit-tap-highlight-color:transparent}
.lm2__fab{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:55;display:flex;align-items:center;justify-content:center;gap:10px;
  min-height:58px;border-radius:18px;background:var(--lime);color:var(--lime-ink);font:800 1.02rem/1.2 var(--f-d);text-decoration:none;
  box-shadow:0 14px 34px rgba(0,0,0,.55),0 0 0 6px rgba(215,255,63,.14);transition:transform .35s var(--ease),opacity .35s;animation:fabIn .6s var(--ease) .6s both}
.lm2__fab span{white-space:nowrap}.lm2__fab i{font-style:normal;font-size:1.3rem;animation:arrow 1.2s ease-in-out infinite}
.lm2__fab.is-off{transform:translateY(140%);opacity:0;pointer-events:none}
@keyframes arrow{50%{transform:translateY(5px)}}
@keyframes fabIn{from{transform:translateY(140%)}}
@media (min-width:1024px){.lm2__fab{display:none}}
@media (prefers-reduced-motion:reduce){.lm2__fab,.lm2__fab i{animation:none}}
.lm2__author{margin-bottom:96px}
.qz.is-hl{animation:hl 1.2s var(--ease)}
@keyframes hl{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 4px var(--lime),0 0 40px rgba(215,255,63,.35)}}
.is-typing .lm2__fab{display:none}
/* форма-квиз */
.qz__top{display:flex;gap:12px;align-items:center}
.qz__minibox{position:relative;flex:none}
.qz__mini{width:44px;height:55px;object-fit:cover;border-radius:4px;box-shadow:0 6px 14px rgba(0,0,0,.4);filter:blur(4px) brightness(.7);transition:filter .6s var(--ease)}
.qz__minibox i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:1.1rem;transition:opacity .4s,scale .4s}
.qz__cheer{display:flex;gap:10px;align-items:center;margin:-4px 0 14px;padding:10px 12px;border-radius:12px;background:rgba(215,255,63,.1);border:1px solid rgba(215,255,63,.35);
  font-weight:800;font-size:.95rem;line-height:1.3;animation:cheer .5s var(--ease)}
.qz__cheer em{font-style:normal;font-size:1.6rem;line-height:1;animation:pop .6s var(--ease)}
@keyframes cheer{from{opacity:0;transform:translateY(-6px) scale(.97)}}
@keyframes pop{0%{scale:.2;rotate:-30deg}60%{scale:1.35}100%{scale:1;rotate:0deg}}
.qz{position:relative;overflow:visible}
.cf{position:absolute;left:50%;top:38%;width:9px;height:14px;border-radius:2px;pointer-events:none;z-index:9;animation:cf 1.3s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes cf{0%{transform:translate(-50%,-50%) rotate(0);opacity:1}100%{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r));opacity:0}}
.qz__title{display:block;font-family:var(--f-d);font-size:1.08rem;line-height:1.25;letter-spacing:-.01em}
.qz__sub{display:block;color:var(--dim);font-size:var(--t-small);margin-top:3px}
.qz__bar{height:6px;border-radius:6px;background:var(--bg-3);margin:18px 0 8px;overflow:hidden}
.qz__bar i{display:block;height:100%;width:33.4%;background:var(--lime);border-radius:6px;transition:width .5s var(--ease)}
.qz__step{font-size:var(--t-micro);color:var(--mute);font-weight:700;margin-bottom:14px}
.qz__f{animation:qzIn .35s var(--ease)}
.qz__f label{font-size:1rem;color:var(--ink)}
.qz__hint{font-size:var(--t-micro);color:var(--mute);margin-top:8px}
.qz__nav{display:flex;gap:10px;margin-top:20px}.formcard .qz__nav .btn{margin-top:0}
.qz__back{flex:none;width:54px;padding:0;font-size:1.3rem}
@keyframes qzIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.qz__f{animation:none}.qz__bar i,.bk__3d{transition:none}}
.qz .fcons{margin-top:14px}
/* что внутри */
.lm2__inside h2,.pk h2{font-size:var(--t-h3);margin-bottom:14px}
.lm2__list{display:grid;gap:12px}
.lm2__list li{position:relative;padding-left:34px;color:var(--dim);line-height:1.45}
.lm2__list li b{color:var(--ink)}
.lm2__list li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2313150f' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
/* листалка */
.pk{padding:clamp(36px,6vw,72px) 0;border-top:1px solid var(--line)}
.pk__sub{color:var(--dim);margin:-6px 0 18px}
.pk__strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--pad) 14px;margin:0 calc(-1 * var(--pad));scrollbar-width:none}
.pk__strip::-webkit-scrollbar{display:none}
.pk__p{flex:none;width:min(58vw,220px);scroll-snap-align:start;position:relative}
.pk__p img{width:100%;border-radius:8px;box-shadow:0 10px 26px rgba(0,0,0,.4)}
.pk__more img{filter:blur(5px) brightness(.45)}
.pk__more span{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-family:var(--f-d);font-weight:700;font-size:1.05rem;line-height:1.25}
.pk__cta{margin-top:20px}
/* без PDF (видео, мастер-класс, сборник): обложка-фото в рамке вместо книжки */
.bk--photo{width:min(78vw,340px)}
@media (min-width:1024px){.bk--photo{width:360px;margin-left:30px}}
.bk--photo .bk__3d{transform:rotate(-2deg)}
.bk--photo .bk__3d::before,.bk--photo .bk__3d::after{display:none}
.bk--photo .bk__cover{border-radius:14px;aspect-ratio:4/3;object-fit:cover;border:6px solid var(--bg-3)}
.bk--photo .bk__shine{border-radius:14px}
@media (hover:hover){.bk--photo:hover .bk__3d{transform:rotate(0) translateY(-6px)}}
.bk__play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:64px;height:64px;border-radius:50%;background:var(--lime);display:grid;place-items:center;
  box-shadow:0 0 0 8px rgba(215,255,63,.22),0 12px 30px rgba(0,0,0,.45)}
.bk__play::after{content:"";margin-left:5px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--lime-ink)}
.bk--photo .bk__seal{right:-18px;top:-30px}
.bk--photo .bk__ribbon{top:-12px}