/* «ИИ на заказ» — итоговый лендинг (13.10.2026)
   Система: одна мысль и одна главная картинка на блок, один розовый акцент (ключевое слово + кнопка),
   фон — дизайн-поверхность кодом (тон, мягкое розовое свечение, зерно, бетон, сетка), фото-сцена только в 1, 8 и 16.
   Кегли — clamp() между 390 и 1440. Никаких фиксированных высот у текста: узбекский текст длиннее на 20–40 %. */

:root{
  --ink:#0E0B12;
  --graphite-1:#121014; --graphite-2:#19161C;
  --aub-1:#120A14;      --aub-2:#190C1B;
  --wine-1:#170A11;     --wine-2:#24091A;
  --black-1:#0A080C;    --black-2:#100D12;
  --text:#FFFFFF; --text-2:#D3CFD8; --text-3:#A9A3B0;
  --pink:#FF2A7F; --pink-hi:#FF5A9C; --pink-lo:#E5156A;
  --warn:#EF5A55;
  --glass:rgba(24,20,30,.62); --glass-2:rgba(38,33,46,.55); --line:rgba(255,255,255,.16); --line-2:rgba(255,255,255,.28);
  --pad-x:clamp(16px, 2.6px + 3.43vw, 80px);
  --container:1280px;
  --f-disp:'Sofia Sans Extra Condensed','Oswald','Arial Narrow',sans-serif;
  --f-text:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs-h1a:clamp(40px, 33.4px + 3.05vw, 77px);
  --fs-h1b:clamp(46px, 35.7px + 4.19vw, 96px);
  --fs-h2:clamp(44px, 30.2px + 4.57vw, 96px);
  --fs-h2-xl:clamp(56px, 35.8px + 7.24vw, 140px);
  --fs-h2-md:clamp(40px, 30.6px + 3.43vw, 80px);
  --fs-h3:clamp(28px, 20.6px + 1.9vw, 48px);
  --fs-lead:clamp(18px, 15.7px + .857vw, 28px);
  --fs-body:clamp(16px, 14.9px + .286vw, 19px);
  --fs-note:clamp(14px, 13.3px + .19vw, 16px);
  --fs-btn:clamp(17px, 15.5px + .38vw, 21px);
  --fs-num:clamp(110px, 79.1px + 10.48vw, 230px);
  --glow-pink:0 0 22px rgba(255,42,127,.55),0 10px 46px rgba(255,42,127,.32);
  --sec-y:clamp(56px, 32px + 6.2vw, 132px);
  --r:14px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--f-text);font-size:var(--fs-body);line-height:1.5;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block;-webkit-user-drag:none}
button{font:inherit;color:inherit}
a{color:inherit}
.page{position:relative;overflow-x:hidden;overflow-x:clip;isolation:isolate}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:#fff;color:#000;padding:8px 12px;border-radius:8px}
.skip:focus{left:8px}
.nobr{white-space:nowrap}
[hidden]{display:none !important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- зерно плёнки поверх страницы ---------- */
.grain{position:absolute;inset:0;z-index:60;pointer-events:none;opacity:.055;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E")}

/* ---------- каркас секции ---------- */
.wrap{position:relative;z-index:3;width:100%;max-width:calc(var(--container) + 2*var(--pad-x));margin:0 auto;padding:0 var(--pad-x)}
.sec{position:relative;padding:var(--sec-y) 0;--torn:var(--ink);isolation:isolate}
/* каждый блок — свой слой в порядке страницы: рваный верх следующего блока перекрывает фото и вставки предыдущего, ничего не вылезает за разрез */
.surf{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,var(--prev,var(--c1,var(--ink))) 0px,var(--c1,var(--ink)) 200px,var(--c2,var(--ink)) 100%)}
.s-graphite{--c1:var(--graphite-1);--c2:var(--graphite-2);--torn:var(--graphite-1)}
.s-aub{--c1:var(--aub-1);--c2:var(--aub-2);--torn:var(--aub-1)}
.s-wine{--c1:var(--wine-1);--c2:var(--wine-2);--torn:var(--wine-1)}
.s-black{--c1:var(--black-1);--c2:var(--black-2);--torn:var(--black-1)}

/* фактуры: бетон (5–8 %), сетка линий, свечения */
.tex-concrete::before{content:"";position:absolute;inset:0;opacity:.075;mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 180px,#000 calc(100% - 180px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 180px,#000 calc(100% - 180px),transparent 100%);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011 .016' numOctaves='5' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .78  0 0 0 0 .74  0 0 0 0 .8  1.6 0 0 0 -.55'/%3E%3C/filter%3E%3Crect width='1000' height='1000' filter='url(%23c)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 -3.2 1.9'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23s)'/%3E%3C/svg%3E");
  background-size:1000px 1000px,300px 300px}
.tex-grid::after{content:"";position:absolute;inset:0;opacity:var(--grid-a,.55);
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:72px 72px;background-position:center top;
  -webkit-mask-image:radial-gradient(ellipse 70% 75% at var(--grid-x,70%) var(--grid-y,55%),#000 0%,transparent 75%);
  mask-image:radial-gradient(ellipse 70% 75% at var(--grid-x,70%) var(--grid-y,55%),#000 0%,transparent 75%)}
.glow{position:absolute;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,42,127,var(--a,.16)) 0%,rgba(255,42,127,calc(var(--a,.16)*.45)) 45%,transparent 100%)}
.glows{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 140px,#000 calc(100% - 140px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 140px,#000 calc(100% - 140px),transparent 100%)}
.glow--violet{background:radial-gradient(closest-side,rgba(138,70,255,var(--a,.12)) 0%,transparent 100%)}
/* световое пятно «пола» и контактная тень под главным предметом */
.floor{position:absolute;left:50%;bottom:0;width:120%;height:22%;transform:translateX(-50%);pointer-events:none;z-index:0;
  background:radial-gradient(50% 50% at 50% 50%,rgba(255,42,127,.42) 0%,rgba(255,42,127,.14) 40%,transparent 72%);filter:blur(6px)}
.floor::after{content:"";position:absolute;left:22%;right:22%;top:38%;height:26%;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(10px)}

/* рваный край бумаги: фон секции поднимается на высоту края и режется маской по зубцам (см. tools/build.py), поверх — волокно и тень */
[data-torn]{--th:clamp(18px, 2.78vw, 40px)}
[data-torn]>.surf{background:linear-gradient(180deg,var(--c1,var(--ink)) 0%,var(--c2,var(--ink)) 100%)}
[data-torn]>.surf{top:calc(-1*var(--th) + 1px);
  -webkit-mask-image:var(--torn-mask),linear-gradient(#000,#000);mask-image:var(--torn-mask),linear-gradient(#000,#000);
  -webkit-mask-size:100% var(--th),100% 100%;mask-size:100% var(--th),100% 100%;
  -webkit-mask-position:0 0,0 calc(var(--th) - 1px);mask-position:0 0,0 calc(var(--th) - 1px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.torn{position:absolute;left:0;top:calc(-1*var(--th) + 1px);width:100%;height:var(--th);z-index:6;pointer-events:none;overflow:visible}
.torn-shade{fill:none;stroke:rgba(0,0,0,.55);stroke-width:7;vector-effect:non-scaling-stroke;transform:translateY(-3px);filter:blur(3px)}
.torn-fiber{fill:none;stroke:rgba(236,226,242,.34);stroke-width:1.4;vector-effect:non-scaling-stroke}

/* ---------- типографика ---------- */
.d1,.h2,.h3,.disp{font-family:var(--f-disp);font-weight:900;text-transform:uppercase;letter-spacing:-.005em;margin:0;line-height:.9}
.d1 .line,.h2 .line{display:block}
.d1 .a{font-size:var(--fs-h1a)}
.d1 .b{font-size:var(--fs-h1b);line-height:.92}
.h2{font-size:var(--fs-h2);text-wrap:balance}
.h2--xl{font-size:var(--fs-h2-xl);line-height:.88}
/* маска «потёртости» режет всё за рамкой блока, а при line-height .88 точки Ё и хвосты Ц/Щ/Д выходят за неё: раздвигаем рамку паддингом и гасим его отрицательным отступом — текст остаётся на месте */
h1.worn,h2.worn,h1.worn-hard,h2.worn-hard{padding-block:.16em .1em;margin-block:-.16em -.1em}
.h2--md{font-size:var(--fs-h2-md);line-height:.94}
.h3{font-size:var(--fs-h3);line-height:.98;text-transform:none;font-weight:900}
.pink{color:var(--pink)}
.grey-head{color:#9F9AA6}
.lead{font-size:var(--fs-lead);line-height:1.28;color:var(--text-2);margin:0;text-wrap:pretty}
.lead b{color:#fff;font-weight:800}
.body{font-size:var(--fs-body);line-height:1.5;color:var(--text-2);margin:0;text-wrap:pretty}
.body b{color:#fff;font-weight:700}
.note{font-size:var(--fs-note);line-height:1.45;color:var(--text-3);margin:0;text-wrap:pretty}

/* потёртая печать заголовков (маска шума) */
.worn{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75 .32' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -12 0 0 0 10.2'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75 .32' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -12 0 0 0 10.2'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)'/%3E%3C/svg%3E");
  -webkit-mask-size:260px 260px;mask-size:260px 260px}
.worn-hard{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .4' numOctaves='3' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -10 0 0 0 8.1'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .4' numOctaves='3' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -10 0 0 0 8.1'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
  -webkit-mask-size:220px 220px;mask-size:220px 220px}

/* ---------- логотип: живой текст, граффити ---------- */
.logo{display:inline-flex;align-items:flex-end;gap:.14em;font-size:var(--logo-size,clamp(34px, 29.5px + 1.14vw, 46px));line-height:1;color:#fff;white-space:nowrap;
  text-decoration:none;transform:rotate(-3deg);transform-origin:left bottom;filter:drop-shadow(0 2px 0 rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(255,255,255,.12))}
.logo .l-big{font-family:'Rubik Wet Paint','Rubik Spray Paint',cursive;line-height:.86}
.logo .l-small{font-family:'Rubik Spray Paint','Rubik Wet Paint',cursive;font-size:.8em;padding-bottom:.06em}

/* ---------- кнопки ---------- */
.btn{display:inline-flex;align-items:center;gap:clamp(14px,10px + 1vw,22px);min-height:clamp(60px, 54px + 1.5vw, 76px);padding:9px clamp(22px,16px + 1.5vw,38px) 9px 9px;
  border-radius:12px;border:0;cursor:pointer;color:#fff;text-decoration:none;max-width:100%;
  background:linear-gradient(95deg,#D80F5F 0%,#E0186A 52%,#D80F5F 100%);box-shadow:var(--glow-pink);
  font:800 var(--fs-btn)/1.12 var(--f-text);letter-spacing:.035em;text-transform:uppercase;transition:filter .2s,transform .12s,box-shadow .2s}
.btn:hover{filter:brightness(1.08);box-shadow:0 0 30px rgba(255,42,127,.7),0 12px 56px rgba(255,42,127,.4)}
.btn:active{transform:translateY(1px)}
.btn:focus-visible,.btn-o:focus-visible,.link:focus-visible{outline:3px solid #fff;outline-offset:3px}
.btn-ico{flex:none;width:clamp(42px,38px + 1vw,56px);height:clamp(42px,38px + 1vw,56px);border-radius:9px;background:#141016;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.btn-ico svg{width:52%;height:52%}
.btn--block{display:flex;width:100%}
.btn--block .btn-label{flex:1;text-align:center;padding-right:0}
.btn-o{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:12px 22px;border-radius:12px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);
  color:#fff;text-decoration:none;font:700 clamp(15px,14.4px + .19vw,17px)/1.2 var(--f-text);letter-spacing:.03em;text-transform:uppercase;text-align:center;cursor:pointer;transition:background .2s,border-color .2s}
.btn-o:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.5)}
.link{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:4px}

/* ---------- стекло ---------- */
.glass{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}

/* ---------- горизонтальная лента на телефоне (без прокрутки страницы вбок) ---------- */

.hs-wrap{position:relative}
.hs-next{position:absolute;right:calc(-1*var(--pad-x) + 6px);top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);
  background:rgba(14,11,18,.82);display:none;place-items:center;cursor:pointer;z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hs-next svg{width:18px;height:18px}
.hs-wrap::after{content:"";position:absolute;top:0;bottom:0;right:calc(-1*var(--pad-x));width:64px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--fade,#0E0B12));display:none;z-index:3}

/* ---------- фигуры и предметы ---------- */
.cut{position:relative;z-index:2;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}

/* =====================================================================================
   ШАПКА
   ===================================================================================== */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:clamp(18px, 12px + 1.5vw, 36px);position:relative;z-index:8}
.topbar-r{display:flex;align-items:center;gap:12px}
.lang{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:rgba(14,11,18,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lang button{border:0;background:transparent;padding:9px 12px;font:700 13px/1 var(--f-text);letter-spacing:.06em;color:var(--text-3);cursor:pointer;min-width:44px;min-height:40px}
.lang button[aria-pressed="true"]{color:#fff;background:rgba(255,255,255,.1)}
.burger{display:none;width:48px;height:44px;border:0;background:transparent;cursor:pointer;padding:10px 8px}
.burger span{display:block;height:3px;border-radius:2px;background:#fff;margin:6px 0}
.menu{position:fixed;inset:0;z-index:120;background:rgba(10,8,12,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;flex-direction:column;padding:24px var(--pad-x)}
.menu.open{display:flex}
.menu-close{align-self:flex-end;width:48px;height:48px;border:0;background:transparent;cursor:pointer;font-size:34px;line-height:1;color:#fff}
.lang--menu{align-self:flex-start;margin-top:8px}
.menu nav{display:flex;flex-direction:column;gap:6px;margin-top:20px}
.menu nav a{font:900 36px/1.15 var(--f-disp);text-transform:uppercase;text-decoration:none;padding:6px 0}
.menu .btn{margin-top:28px}

/* =====================================================================================
   1. ПЕРВЫЙ ЭКРАН — фото-сцена: лофт и ночной город
   ===================================================================================== */
.hero{padding:0;min-height:clamp(760px, 56.9vw, 860px);--torn:#0B090D;background:#0B090D;overflow:hidden;overflow:clip}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.hero-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(11,9,13,.94) 0%,rgba(11,9,13,.86) 30%,rgba(11,9,13,.38) 54%,rgba(11,9,13,.05) 72%),
             linear-gradient(0deg,#0B090D 0%,rgba(11,9,13,.9) 4%,rgba(11,9,13,0) 24%)}
.hero .wrap,.hero-grid,.hero-copy{position:static}
.hero-copy>*,.topbar{position:relative;z-index:5}
.hero-copy{max-width:820px;padding:clamp(56px, 30px + 5vw, 96px) 0 clamp(48px, 24px + 4vw, 92px)}
.hero .d1{max-width:820px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.6))}
.hero .d1 .b{margin-top:.04em;filter:drop-shadow(0 0 22px rgba(255,42,127,.35))}
.hero .lead .br{display:block}
.hero .d1 .b{max-width:640px}
.hero .facts{max-width:720px}
.fact span{white-space:nowrap}
.hero .lead{max-width:600px;margin-top:clamp(18px,12px + 1.2vw,30px);color:#C9C4D0}
.hint{margin:clamp(14px,10px + 1vw,22px) 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;max-width:600px}
.hint-pill{display:inline-block;padding:8px 14px;border-radius:12px 12px 12px 3px;background:var(--pink);color:#fff;text-decoration:none;
  font:700 clamp(15px,14px + .3vw,18px)/1.2 var(--f-text);box-shadow:0 8px 26px rgba(255,42,127,.35);transform:rotate(-1.5deg)}
.hint-pill:hover{filter:brightness(1.08)}
.hint-note{font:500 clamp(14px,13.4px + .19vw,16px)/1.3 var(--f-text);color:var(--text-2)}
.hero .btn{margin-top:clamp(24px,16px + 1.8vw,38px)}
.facts{list-style:none;margin:clamp(26px,18px + 1.6vw,52px) 0 0;padding:0;display:flex;gap:10px;flex-wrap:nowrap}
.fact{display:flex;align-items:center;gap:12px;padding:13px 16px 13px 13px;border-radius:12px;min-width:0;
  font:500 clamp(15px,14.2px + .2vw,18px)/1.22 var(--f-text);color:#fff;background:rgba(18,15,22,.6);border:1px solid rgba(255,255,255,.2);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.fact svg{flex:none;width:28px;height:28px}
.hero-copy>.hero-scene{position:absolute;z-index:3;left:0;right:0;bottom:0;top:0;pointer-events:none;overflow:hidden}
.hero-person{position:absolute;left:calc(50% - 52px);top:100px;width:clamp(760px, 61vw, 880px);aspect-ratio:1400/1647}
.hero-person img{width:100%;height:100%;filter:drop-shadow(-20px 30px 50px rgba(0,0,0,.55))}
.hero-glow{position:absolute;left:calc(50% + 40px);top:8%;width:min(48vw, 700px);height:86%;--a:.18}
.bill{position:absolute;z-index:2;pointer-events:none;filter:drop-shadow(0 16px 24px rgba(0,0,0,.5))}
.bill--tr{width:clamp(140px, 13vw, 190px);right:-58px;top:96px;transform:rotate(26deg);z-index:2}
.bill--bl{width:clamp(130px, 12vw, 190px);left:-40px;bottom:58px;transform:rotate(-24deg);filter:blur(2.5px) brightness(.62)}

/* экран телефона: переписка живым HTML, натянута на четырёхугольник экрана (js: data-quad, % от картинки) */
.screen{position:absolute;left:0;top:0;width:236px;height:556px;transform-origin:0 0;opacity:0;transition:opacity .25s;pointer-events:auto}
.screen.ready{opacity:1}
.chat{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:64px 10px 36px;font-family:var(--f-text);overflow:hidden;border-radius:44px}
.msg{max-width:97%;padding:12px 14px;border-radius:18px;font-weight:600;font-size:22px;line-height:1.2;color:#fff;
  background:rgba(70,66,84,.78);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14)}
.msg.in{align-self:flex-start;border-bottom-left-radius:8px}
.msg.out{align-self:flex-end;background:#fff;color:#111;border-bottom-right-radius:8px;box-shadow:0 0 30px rgba(255,255,255,.25)}
.msg.deal{align-self:flex-start;border-bottom-left-radius:8px}

.chat-float{display:none}

/* =====================================================================================
   2. УЗНАЁШЬ СЕБЯ? — баклажан, розовый контровой свет за героем
   ===================================================================================== */

/* =====================================================================================
   3. ЧТО ЭТО ЗА ПРОФЕССИЯ — почти чёрный, сетка, розовое пятно под картой
   ===================================================================================== */
.prof{--grid-x:72%;--grid-y:60%}
.prof-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center}
.prof-copy{position:relative;z-index:4}
.bignum{display:block;font:900 var(--fs-num)/.8 var(--f-disp);letter-spacing:-.01em;margin:clamp(26px,16px + 2.6vw,54px) 0 0}
.bignum-l{display:block;font:900 clamp(30px, 22.4px + 1.95vw, 52px)/1 var(--f-disp);margin-top:clamp(10px,1.2vw,18px);letter-spacing:0}
.quote{margin:clamp(30px,20px + 2.6vw,56px) 0 0;padding-left:clamp(20px,2vw,30px);border-left:4px solid #fff;
  font:700 clamp(20px, 16.7px + .86vw, 30px)/1.3 var(--f-text);color:#fff;max-width:560px;text-wrap:balance}
.prof .note{margin-top:clamp(22px,2.4vw,40px);max-width:560px}
.map{position:relative;width:118%;margin-left:-6%;aspect-ratio:1500/1168}
.map img.map-img{width:100%;height:100%;position:relative;z-index:1;filter:drop-shadow(0 40px 60px rgba(0,0,0,.6))}
.map .floor{bottom:-2%;height:46%;width:110%;opacity:1}
.map .glow{left:-8%;top:18%;width:116%;height:96%;--a:.26}
.pinx{position:absolute;z-index:3;width:clamp(36px, 3.9vw, 58px);transform:translate(-50%,-96%)}
.pinx img{width:100%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6)) drop-shadow(0 0 16px rgba(255,42,127,.45))}
.pin-tag{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);white-space:nowrap;padding:7px 14px;border-radius:9px;
  font:600 clamp(14px,13.4px + .19vw,17px)/1.2 var(--f-text);color:#fff;background:rgba(16,13,20,.82);border:1px solid rgba(255,255,255,.3)}

/* =====================================================================================
   4. НОВАЯ ЭРА — диагональ: пыльное прошлое против неона
   ===================================================================================== */
.era{padding-top:clamp(64px, 46px + 4.6vw, 120px);padding-bottom:clamp(64px, 46px + 4.6vw, 120px);min-height:clamp(0px, 56vw, 820px)}
.era .wrap,.era-copy{position:static}
.era-copy>*{position:relative;z-index:5}
.era-copy>.era-scene{position:absolute;z-index:1}
.era-copy{max-width:none}
.era-copy>.h2,.era-copy>p{max-width:min(860px, 64vw)}
.era .h2{filter:drop-shadow(0 4px 14px rgba(0,0,0,.7))}
.era-pay{margin:clamp(26px,16px + 2.6vw,48px) 0 0;font:800 clamp(24px, 17.7px + 1.62vw, 42px)/1.15 var(--f-text);letter-spacing:-.01em}
.era-sum{display:block;font:800 clamp(44px, 28.4px + 4vw, 86px)/1.02 var(--f-text);letter-spacing:-.025em;margin-top:6px;white-space:nowrap}
.era-verdict{margin:clamp(14px,1.6vw,24px) 0 0;font:800 clamp(21px, 16.9px + 1.05vw, 32px)/1.2 var(--f-text);letter-spacing:-.01em}
.era .btn{margin-top:clamp(28px,20px + 2vw,48px)}
.era .note{margin-top:14px;max-width:560px}
.era-scene{position:absolute;z-index:1;top:0;bottom:0;right:0;width:min(60vw, 900px);overflow:hidden}
.era-old,.era-new{position:absolute;inset:0}
.era-old{clip-path:polygon(0 0,82% 0,52% 100%,0 100%)}
.era-old::before,.era-old::after{content:"";position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 46%);mask-image:linear-gradient(90deg,transparent 0%,#000 46%)}
.era-old::before{background:radial-gradient(70% 60% at 50% 60%,rgba(130,112,98,.2) 0%,transparent 70%),linear-gradient(180deg,#161315 0%,#1B1718 100%)}
.era-old::after{opacity:.16;mix-blend-mode:screen;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .024' numOctaves='5' seed='21' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .8  0 0 0 0 .72  0 0 0 0 .66  1.8 0 0 0 -.62'/%3E%3C/filter%3E%3Crect width='900' height='900' filter='url(%23c)'/%3E%3C/svg%3E") center/cover no-repeat}
.era-new{clip-path:polygon(82% 0,100% 0,100% 100%,52% 100%);
  background:radial-gradient(60% 55% at 74% 62%,rgba(255,42,127,.42) 0%,rgba(255,42,127,.12) 45%,transparent 75%),linear-gradient(180deg,#1B0A16 0%,#2A0B1E 100%)}
.era-tear{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}
.era-tear path{fill:none;stroke:rgba(236,226,242,.6);stroke-width:2.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(0,0,0,.8))}
.era-obj{position:absolute;z-index:2}
.era-obj--old{width:56%;left:9%;bottom:-6%;filter:saturate(.55) brightness(.82) drop-shadow(0 26px 30px rgba(0,0,0,.65))}
.era-obj--new{width:56%;right:-3%;bottom:-6%;filter:drop-shadow(0 26px 36px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(255,42,127,.25))}
.spines{position:absolute;inset:0;container-type:inline-size}
.spine{position:absolute;left:73%;transform:translate(-50%,-50%) rotate(1.5deg);white-space:nowrap;font:600 max(14px,2.6cqi)/1 var(--f-text);color:rgba(230,224,214,.86);text-shadow:0 1px 1px rgba(0,0,0,.8)}
.era-obj img{width:100%}
.prog{position:absolute;z-index:4;bottom:6%;width:clamp(220px,20vw,300px);padding:14px 18px 16px;border-radius:12px}
.prog-l{display:block;font:600 clamp(14px,13.4px + .19vw,17px)/1.1 var(--f-text);letter-spacing:.06em;text-transform:uppercase;color:#C9C4CF}
.prog-bar{display:block;height:12px;border-radius:8px;background:rgba(255,255,255,.12);margin-top:12px;overflow:hidden}
.prog-bar i{display:block;height:100%;border-radius:8px;background:#C9C4CF}
.prog--old{left:16%}
.prog--new{right:6%;border-color:rgba(255,42,127,.75);box-shadow:0 0 0 1px rgba(255,42,127,.35),0 0 28px rgba(255,42,127,.35)}
.prog--new .prog-l{color:#fff}
.prog--new .prog-bar i{background:linear-gradient(90deg,#FF1F70,#FF5A9C);box-shadow:0 0 14px rgba(255,42,127,.8)}

/* =====================================================================================
   ТЕЛЕФОН И ПЛАНШЕТ
   ===================================================================================== */
@media (max-width:1199px){
  .facts{flex-wrap:wrap}
  .fact span{white-space:normal}
  .hero{min-height:0}
  .hero-copy{max-width:none;padding-bottom:40px}
  .hero-copy>.hero-scene{position:relative;inset:auto;width:auto;height:clamp(330px, 64vw, 560px);margin:4px calc(-1*var(--pad-x)) 0}
  .hero-person{left:calc(50% - 300px);top:0;width:620px}
  .hero-glow{left:10%;top:4%;width:80%;height:90%}
  .hero .btn{position:relative;z-index:6;margin-top:-62px}
  .hero-bg::after{background:linear-gradient(180deg,rgba(11,9,13,.92) 0%,rgba(11,9,13,.8) 34%,rgba(11,9,13,.18) 58%,rgba(11,9,13,.55) 84%,#0B090D 100%)}
  .bill--tr{top:auto;bottom:30%}
}
@media (max-width:1099px){
  .prof-grid{grid-template-columns:minmax(0,1fr)}
  .map{width:100%;margin:10px auto 0;max-width:760px}
  .era-copy{max-width:100%}
  .era-copy>.era-scene{position:relative;width:auto;height:min(76vw, 560px);margin:clamp(24px,4vw,40px) calc(-1*var(--pad-x)) 0}
}
@media (max-width:767px){
  .hscroll{display:flex !important;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    margin-left:calc(-1*var(--pad-x));margin-right:calc(-1*var(--pad-x));padding:2px var(--pad-x) 4px;scroll-padding:0 var(--pad-x)}
  .hscroll::-webkit-scrollbar{display:none}
  .hs-wrap.at-end .hs-next{transform:translateY(-50%) rotate(180deg)}
  .hs-wrap.at-end::after{opacity:0}
  .logo{--logo-size:32px}
  .topbar{gap:10px}
  .topbar-r{gap:8px}
  .lang button{min-width:40px;padding:9px 8px}
  .burger{width:44px;padding:10px 6px}
  .burger{display:block}
  /* 1 */
  .hero{min-height:0}
  .hero-bg img{object-position:50% 50%}
  .hero-bg::after{background:linear-gradient(180deg,rgba(11,9,13,.92) 0%,rgba(11,9,13,.8) 34%,rgba(11,9,13,.18) 58%,rgba(11,9,13,.55) 84%,#0B090D 100%)}
  .hero-copy{padding:26px 0 26px;max-width:none}
  .hero .d1 .a{font-size:clamp(38px, 11.6vw, 52px);line-height:.92}
  .hero .d1 .b{font-size:clamp(42px, 12.6vw, 56px)}
  .hero .lead{font-size:clamp(17px, 4.8vw, 20px);margin-top:14px;max-width:none}
  .hero-copy>.hero-scene{position:relative;inset:auto;width:auto;height:clamp(316px, 92vw, 410px);margin:4px calc(-1*var(--pad-x)) 0}
  .hero-person{right:auto;left:-14px;bottom:auto;top:0;width:clamp(470px, 138vw, 560px)}
  .hero-glow{right:-10%;top:4%;width:110%;height:90%}
  .screen{width:196px;height:462px}
  .chat{gap:16px;padding:52px 7px 26px;border-radius:30px}
  .msg{font-size:18.5px;padding:9px 11px;border-radius:14px}
  .hero .btn{position:relative;z-index:6;margin-top:-44px;display:flex;width:100%}
  .hero .btn .btn-label{flex:1;text-align:center;padding-right:0}
  .bill--tr{display:none}
  .bill--bl{display:none}
  .facts{gap:10px;margin-top:18px}
  .fact{flex:none;scroll-snap-align:start;padding:12px 16px 12px 12px;font-size:15px}
  .fact svg{width:26px;height:26px}
  .hs-wrap .hs-next,.hs-wrap::after{display:grid}
  /* 2 */
  /* 3 */
  .bignum{font-size:clamp(116px, 36vw, 150px)}
  .bignum-l{font-size:clamp(28px, 8.4vw, 34px)}
  .prof-copy{display:contents}
  .prof-copy .h2{order:1}.prof-copy>p:first-of-type{order:2}.map{order:3}.quote{order:4}.prof .note{order:5}
  .map{width:112%;margin:6px 0 0 -6%}
  .pinx{width:34px}
  .pin-tag{font-size:14px;padding:6px 10px}
  .quote{font-size:clamp(20px, 5.6vw, 23px);margin-top:8px}
  /* 4 */
  .era-scene{height:clamp(300px, 88vw, 360px)}
  .era-old{clip-path:polygon(0 0,62% 0,40% 100%,0 100%)}
  .era-new{clip-path:polygon(62% 0,100% 0,100% 100%,40% 100%)}
  .era-obj--old{width:56%;left:-3%;bottom:16%}
  .era-obj--new{width:58%;right:-3%;bottom:16%}
  .prog{bottom:4%;width:auto;padding:10px 12px 12px}
  .prog--old{left:var(--pad-x);right:calc(50% + 6px)}
  .prog--new{right:var(--pad-x);left:calc(50% + 6px)}
  .prog-l{font-size:14px;letter-spacing:.02em}
  .prog-bar{height:9px;margin-top:9px}
  .era-sum{font-size:clamp(38px, 11vw, 48px)}
  .era-copy>.h2,.era-copy>p{max-width:none}
  .era .btn{display:flex;width:100%}
  .era .btn .btn-label{flex:1;text-align:center;padding-right:0}
}

/* =====================================================================================
   5. 5 УСЛУГ — почти чёрный + бетон, длинный постамент, выбранный скилл поднят и подсвечен
   ===================================================================================== */
.skills-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.skills-sub{max-width:420px;padding-bottom:8px}
.plinth{position:relative;margin-top:clamp(40px, 24px + 3vw, 70px)}
.plinth-slab{position:absolute;left:-2%;right:-2%;bottom:clamp(86px, 7vw, 104px);height:clamp(70px, 6.2vw, 92px);border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 18%,rgba(18,15,22,.9) 19%,rgba(10,8,12,.95) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 30px 60px rgba(0,0,0,.6);transform:perspective(900px) rotateX(38deg);transform-origin:50% 100%}
.skill-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,2vw,28px);position:relative;z-index:2}
.skill{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;cursor:pointer;padding-top:30px;border-radius:14px}
.skill:focus-visible{outline:3px solid #fff;outline-offset:4px}
.skill-art{position:relative;z-index:2;height:clamp(150px, 15vw, 226px);width:100%;display:flex;align-items:flex-end;justify-content:center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.skill-art img{max-height:100%;max-width:82%;width:auto;filter:drop-shadow(0 22px 22px rgba(0,0,0,.6)) saturate(.55) brightness(.6);transition:filter .3s}
.skill-n{margin-top:clamp(40px, 4.6vw, 64px);font:900 clamp(26px, 20px + 1.2vw, 38px)/1 var(--f-disp);text-transform:uppercase;color:#B9B3C0;transition:color .3s}
.skill.on .skill-n{color:#fff}
.skill:hover .skill-art img{filter:drop-shadow(0 22px 22px rgba(0,0,0,.6)) saturate(.8) brightness(.85)}
.skill-p{margin-top:8px;font:500 clamp(15px, 14.4px + .2vw, 18px)/1.3 var(--f-text);color:var(--text-2);max-width:200px}
.skill:hover .skill-art{transform:translateY(-6px)}
.skill.on .skill-art{transform:translateY(-34px)}
.skill.on .skill-art img{filter:drop-shadow(0 26px 30px rgba(0,0,0,.55)) drop-shadow(0 0 30px rgba(255,42,127,.45))}
.beam{position:absolute;left:50%;top:-40px;width:78%;height:calc(70px + clamp(150px, 15vw, 226px));transform:translateX(-50%);pointer-events:none;z-index:1;opacity:0;transition:opacity .3s;
  background:linear-gradient(0deg,rgba(255,42,127,.5) 0%,rgba(255,42,127,.16) 45%,rgba(255,42,127,0) 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 70%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 70%,transparent 100%);filter:blur(6px)}
.beam::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-18px;height:40px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,80,150,.9),rgba(255,42,127,0));filter:blur(4px)}
.skill.on .beam{opacity:1}
.skills-note{margin-top:clamp(24px, 3vw, 44px)}

/* =====================================================================================
   6. КАЛЬКУЛЯТОР — тёмное вино + сетка, итог крупно, купюры летят у суммы
   ===================================================================================== */
.calc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px, 4vw, 72px);align-items:center;margin-top:clamp(28px, 20px + 2vw, 52px)}
.sliders{border-radius:18px;padding:clamp(18px, 2vw, 28px) clamp(20px, 2.4vw, 34px) 6px}
.sl{padding-bottom:16px}
.sl + .sl{padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.sl-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.sl-top label{font:700 clamp(17px, 15.8px + .35vw, 21px)/1.25 var(--f-text)}
.sl-top output{font:900 clamp(40px, 33px + 1.8vw, 58px)/1 var(--f-disp);min-width:1.2em;text-align:right}
.sl-hint{display:block;margin-top:2px;font-size:var(--fs-note);color:var(--text-3)}
.sl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:6px 0 0;background:transparent;cursor:pointer;--p:50%}
.sl input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:6px;background:linear-gradient(90deg,#fff 0,#fff var(--p),rgba(255,255,255,.16) var(--p))}
.sl input[type=range]::-moz-range-track{height:8px;border-radius:6px;background:rgba(255,255,255,.16)}
.sl input[type=range]::-moz-range-progress{height:8px;border-radius:6px;background:#fff}
.sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-10px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.14),0 6px 16px rgba(0,0,0,.5)}
.sl input[type=range]::-moz-range-thumb{width:28px;height:28px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.14)}
.sl input[type=range]:focus-visible{outline:none}
.sl input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px rgba(255,42,127,.6)}
.calc-r{position:relative;padding:clamp(20px, 3vw, 40px) 0}
.calc-r>.glow{z-index:0}
.calc-r>*{position:relative;z-index:2}
.calc-cap{margin:0;font:700 clamp(15px, 14px + .3vw, 18px)/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
.calc-sum{margin:14px 0 0;line-height:.86}
.calc-num{white-space:nowrap}
.calc-num{font:900 clamp(72px, 46px + 6.6vw, 150px)/.86 var(--f-disp);letter-spacing:-.01em;text-shadow:0 10px 40px rgba(0,0,0,.6)}
.calc-cur{font:900 clamp(34px, 24px + 2.6vw, 60px)/1 var(--f-disp);text-transform:uppercase;color:#fff;margin-left:6px}
.calc-usd{margin:14px 0 0;font:800 clamp(30px, 22px + 2.1vw, 52px)/1 var(--f-text);letter-spacing:-.02em;color:#fff}
.calc-r .btn{margin-top:clamp(28px, 3vw, 44px)}
.calc-note{margin-top:16px;max-width:460px}
.calc-r>.calc-bill1,.calc-r>.calc-bill2{position:absolute;z-index:1}
.calc-bill1{width:clamp(130px, 13vw, 200px);right:-4%;top:-6%;transform:rotate(16deg)}
.calc-bill2{width:clamp(110px, 10vw, 160px);right:16%;bottom:-2%;transform:rotate(-14deg);filter:blur(1.5px) brightness(.7) drop-shadow(0 16px 24px rgba(0,0,0,.5))}

/* =====================================================================================
   7. ВСЁ ЧЕСТНО — графит + бетон, один крупный щит
   ===================================================================================== */

/* =====================================================================================
   8. КТО ВЕДЁТ — фото-сцена его лофта, Никита крупно
   ===================================================================================== */
.lead-sec{padding-bottom:0}
.lead-sec>.surf{overflow:hidden}
.mentor-bg img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;filter:saturate(.9)}
.mentor-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,9,13,.95) 0%,rgba(11,9,13,.82) 38%,rgba(11,9,13,.35) 62%,rgba(11,9,13,.2) 100%),linear-gradient(180deg,rgba(11,9,13,.85) 0%,rgba(11,9,13,0) 24%,rgba(11,9,13,0) 78%,#0B090D 100%)}
.mentor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px;align-items:end}
.mentor-copy{padding-bottom:var(--sec-y);position:relative;z-index:4}
.mentor-name{margin:clamp(22px, 2.4vw, 40px) 0 0;font:900 clamp(44px, 34px + 2.6vw, 72px)/1 var(--f-disp);text-transform:uppercase}
.mentor-role{margin:6px 0 0;font:600 clamp(17px, 15.6px + .4vw, 22px)/1.3 var(--f-text);color:var(--text-2)}
.mentor-text{margin-top:18px;max-width:520px}
.mentor-art{position:relative;align-self:stretch;min-height:clamp(600px, 58vw, 860px);overflow:hidden;margin-right:calc(-1*var(--pad-x));padding-right:var(--pad-x)}
.mentor-art .cut{position:absolute;bottom:calc(-1*clamp(100px, 15vw, 230px));left:50%;transform:translateX(-46%);width:clamp(340px, 35vw, 510px);max-width:none}
.mentor-art .glow{left:3%;right:3%;top:6%;bottom:0;width:auto;height:auto;--a:.2}

/* =====================================================================================
   9. ЧТО ТЫ ПОЛУЧАЕШЬ — баклажан + бетон, подарок со светом
   ===================================================================================== */
.kit-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.kit-sub{max-width:400px;padding-bottom:8px}
.inv{list-style:none;margin:clamp(30px, 22px + 2vw, 52px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px, 1.6vw, 22px)}
@media (max-width:1199px){.inv{grid-template-columns:repeat(2,minmax(0,1fr))}}
.slot{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(16px, 1.6vw, 24px) clamp(14px, 1.6vw, 24px) clamp(18px, 1.8vw, 26px);border-radius:18px;
  background:radial-gradient(70% 55% at 50% 38%,rgba(255,42,127,.10) 0%,transparent 70%),linear-gradient(180deg,rgba(36,24,40,.78) 0%,rgba(18,12,20,.9) 100%);
  border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 40px rgba(0,0,0,.35)}
.slot::before{content:"";position:absolute;inset:8px;border-radius:12px;border:1px dashed rgba(255,255,255,.07);pointer-events:none}
.slot .mock{margin:-2px 0 4px}
.slot-t{margin:10px 0 0;font:900 clamp(24px, 20px + 1vw, 34px)/1 var(--f-disp);text-transform:uppercase;color:#fff}
.slot-d{margin:8px 0 0;max-width:300px;font-size:clamp(15px, 14.4px + .2vw, 17px);line-height:1.4;color:var(--text-2)}

/* =====================================================================================
   10. КАК ПРОХОДИТ ОБУЧЕНИЕ — дорога из 5 чекпоинтов, последний «босс»
   ===================================================================================== */

/* =====================================================================================
   11. ПРОГРАММА — графит, песочные часы, 8 уровней раскрываются
   ===================================================================================== */
.pgm-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px, 5vw, 90px);align-items:start}
.pgm-sub{margin-top:clamp(16px, 1.6vw, 24px);max-width:420px}
.pgm-art{position:relative;margin-top:clamp(20px, 3vw, 50px);display:flex;justify-content:center;max-width:420px}
.pgm-art .cut{width:clamp(160px, 17vw, 250px)}
.pgm-art .floor{bottom:-4%;height:18%;width:100%}
.levels{border-top:1px solid rgba(255,255,255,.14)}
.lv{border-bottom:1px solid rgba(255,255,255,.14)}
.lv summary{list-style:none;display:flex;align-items:center;gap:14px;padding:clamp(16px, 1.5vw, 22px) 0;cursor:pointer}
.lv summary::-webkit-details-marker{display:none}
.lv summary:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:6px}
.lv-n{flex:none;width:44px;font:900 clamp(34px, 28px + 1.4vw, 48px)/1 var(--f-disp);color:rgba(255,255,255,.4)}
.lv[open] .lv-n{color:#fff}
.lv-t{flex:1;font:700 clamp(17px, 15.6px + .4vw, 22px)/1.25 var(--f-text);color:#fff}
.lv-pro{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.3);font:700 14px/1 var(--f-text);color:#fff;white-space:nowrap}
.lv-lock{width:15px;height:15px}
.lv-chev{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.3);position:relative;transition:transform .2s}
.lv-chev::before{content:"";position:absolute;left:50%;top:44%;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-50%) rotate(45deg)}
.lv[open] .lv-chev{transform:rotate(180deg)}
.lv-body{padding:0 0 clamp(18px, 1.6vw, 24px) 70px}
.lv-res{margin:0;font-size:var(--fs-body);line-height:1.45;color:#fff}
.lv-body ul{margin:12px 0 0;padding:0;list-style:none}
.lv-body li{position:relative;padding-left:22px;margin-top:8px;font-size:clamp(15px, 14.4px + .2vw, 17px);line-height:1.42;color:var(--text-2)}
.lv-body li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:rgba(255,255,255,.55)}

@media (max-width:1099px){
  .skills-head{flex-direction:column;align-items:flex-start;gap:14px}
  .calc-grid,.pgm-grid{grid-template-columns:minmax(0,1fr)}
  .kit-head{flex-direction:column;align-items:flex-start;gap:14px}
  .mentor-grid{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}
  .pgm-l{position:relative;min-height:calc(clamp(92px, 25vw, 190px) * 1.74 - 20px)}
  .pgm-art{position:absolute;right:-6px;top:-10px;margin:0;width:clamp(92px, 25vw, 190px);display:block}
  .pgm-art .cut{width:100%}
  .pgm-l .h2,.pgm-sub{max-width:calc(100% - clamp(92px, 25vw, 190px))}
}
@media (max-width:767px){
  /* 5 */
  .plinth{margin-top:26px}
  .plinth-slab{display:none}
  .skill-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .skill-row li:last-child{grid-column:1 / -1}
  .skill-row li:last-child .skill{max-width:calc(50% - 7px);margin:0 auto}
  .skill{padding:10px 6px 8px}
  .skill-art{height:116px}
  .skill.on .skill-art{transform:translateY(-6px)}
  .skill-n{margin-top:14px;font-size:28px}
  .skill-p{font-size:15px}
  .beam{top:-6px;height:142px;width:84%}
  /* 6 */
  .sliders{padding:18px 18px 4px}
  .calc-r{padding-top:0}
  .calc-num{font-size:clamp(60px, 18.4vw, 76px)}
  .calc-cur{font-size:32px}
  .calc-bill1{width:110px;right:-26px;top:-24px}
  .calc-bill2{display:none}
  .calc-r .btn{display:flex;width:100%}
  .calc-r .btn .btn-label{flex:1;text-align:center;padding-right:0}
  /* 7 */
  /* 8 */
  .lead-sec{padding-top:0}
  .mentor-art .glow{top:0}
  .mentor-bg img{object-position:50% 0}
  .mentor-bg::after{background:linear-gradient(180deg,rgba(11,9,13,.25) 0%,rgba(11,9,13,.2) 34%,rgba(11,9,13,.92) 52%,rgba(11,9,13,.97) 90%,#0B090D 100%)}
  .mentor-grid{grid-template-columns:minmax(0,1fr)}
  .mentor-art{order:-1;min-height:0;height:clamp(400px, 112vw, 480px);margin:0 calc(-1*var(--pad-x))}
  .mentor-art .cut{width:clamp(250px, 72vw, 300px);transform:translateX(-50%);bottom:auto;top:26px}
  .mentor-copy{padding-top:28px;padding-bottom:72px}
  /* 9 */
  .inv{margin-top:22px;gap:12px}
  .inv .slot{flex:none;width:86vw;max-width:380px;scroll-snap-align:start;padding:12px 12px 18px}
  .slot-t{font-size:24px}
  .slot-d{font-size:15px}
  /* 11 */
  .lv summary{gap:10px}
  .lv-n{width:30px}
  .lv-chev{width:26px;height:26px}
  .lv-body{padding-left:0}
}

/* =====================================================================================
   12. ТАРИФЫ — громкий: тёмное вино, розовые лучи за «Про», три равные карточки
   ===================================================================================== */
.tariffs{padding-top:clamp(80px, 56px + 6vw, 140px)}
.t-rays{position:absolute;left:50%;top:6%;width:min(1600px,170vw);height:96%;transform:translateX(-50%);opacity:1;
  background:conic-gradient(from 180deg at 50% 40%,transparent 0deg,rgba(255,42,127,.16) 8deg,transparent 16deg,transparent 30deg,rgba(255,42,127,.12) 38deg,transparent 46deg,transparent 64deg,rgba(255,42,127,.1) 72deg,transparent 80deg,
    transparent 280deg,rgba(255,42,127,.1) 288deg,transparent 296deg,transparent 314deg,rgba(255,42,127,.12) 322deg,transparent 330deg,transparent 344deg,rgba(255,42,127,.16) 352deg,transparent 360deg);
  -webkit-mask-image:radial-gradient(60% 60% at 50% 42%,#000 20%,transparent 100%);mask-image:radial-gradient(60% 60% at 50% 42%,#000 20%,transparent 100%)}
.t-bill{position:absolute;filter:blur(1.2px) brightness(.72) drop-shadow(0 14px 20px rgba(0,0,0,.5))}
.t-bill1{width:170px;left:max(-30px, calc(50% - 760px));top:9%;transform:rotate(-22deg)}
.t-bill2{width:150px;right:max(-30px, calc(50% - 750px));top:7%;transform:rotate(20deg)}
.t-head{text-align:center;display:flex;flex-direction:column;align-items:center}
.t-head .h2{font-size:clamp(46px, 30px + 4.4vw, 104px)}
.medals{display:inline-flex;align-items:center;gap:12px;margin:clamp(18px, 2vw, 28px) 0 0;padding:8px 18px 8px 10px;border-radius:999px;font:600 clamp(15px, 14.4px + .2vw, 18px)/1.2 var(--f-text);color:#fff}
.medals img{width:30px;height:auto}
.t-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px, 2vw, 28px);margin-top:clamp(34px, 3.4vw, 56px);align-items:stretch}
.tcard{position:relative;display:flex;flex-direction:column;border-radius:20px;padding:clamp(24px, 2.4vw, 36px) clamp(22px, 2.2vw, 32px) clamp(22px, 2.2vw, 30px);
  background:linear-gradient(180deg,rgba(32,22,34,.86) 0%,rgba(16,12,18,.92) 100%);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.t-pro{background:linear-gradient(180deg,rgba(58,14,38,.9) 0%,rgba(22,10,20,.94) 70%);border:1.5px solid rgba(255,90,156,.85);
  box-shadow:0 0 0 1px rgba(255,42,127,.25),0 0 40px rgba(255,42,127,.35),0 30px 70px rgba(0,0,0,.5)}
.tc-rec{position:absolute;top:-15px;left:50%;transform:translateX(-50%);margin:0;padding:7px 16px;border-radius:999px;background:#fff;color:#14101A;font:800 14px/1 var(--f-text);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.tc-name{margin:0;font:900 clamp(34px, 28px + 1.4vw, 50px)/1 var(--f-disp);text-transform:uppercase}
.tc-price{margin:14px 0 0;font:800 clamp(28px, 22px + 1.4vw, 40px)/1.05 var(--f-text);letter-spacing:-.02em}
.tc-sub{margin:8px 0 0;font-size:var(--fs-note);color:var(--text-2)}
.tc-list{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:11px}
.tc-list li{display:grid;grid-template-columns:20px 1fr;gap:12px;font-size:clamp(15px, 14.4px + .2vw, 17px);line-height:1.38;color:#EAE6EE}
.tc-list svg{width:20px;height:20px;margin-top:1px}
.tc-no{margin:18px 0 0;font:700 14px/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.tc-list--no{margin-top:10px;padding-top:0;border-top:0}
.tc-list--no li{color:var(--text-3)}
.tc-hint{margin:16px 0 0;font-size:var(--fs-note);color:var(--text-3)}
.tc-btn{margin-top:auto}
.tcard .tc-btn{margin-top:26px}
.tcard>.tc-list:last-of-type{margin-bottom:auto}
.t-pro .btn{min-height:62px}
.t-timer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;margin:clamp(24px, 2.6vw, 40px) auto 0;max-width:820px;padding:14px 24px;border-radius:14px;text-align:center}
.tt-l{font:600 clamp(16px, 15px + .3vw, 20px)/1.2 var(--f-text);color:var(--text-2)}
.tt-v{font:800 clamp(24px, 20px + 1vw, 32px)/1 var(--f-text);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#fff}
.tt-live,.tt-over{display:none}
.has-deadline .tt-live{display:inline}
.has-deadline .tt-static,.deadline-over .tt-static{display:none}
.deadline-over .tt-over{display:inline}
.tt-static,.tt-over{font:600 clamp(15px,14.4px + .2vw,18px)/1.35 var(--f-text);color:#fff}

/* =====================================================================================
   13. ДАВАЙ ПОСЧИТАЕМ — экран «VS»: три панели с диагональными швами
   ===================================================================================== */
.vs-panels{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr}
.vs-panels i{display:block;position:relative}
.vs-panels i:nth-child(1){background:radial-gradient(70% 55% at 50% 62%,rgba(255,42,127,.2),transparent 70%)}
.vs-panels i:nth-child(2){background:radial-gradient(60% 50% at 50% 62%,rgba(150,120,220,.09),transparent 70%)}
.vs-panels i:nth-child(3){background:radial-gradient(60% 50% at 50% 62%,rgba(255,190,120,.07),transparent 70%)}
/* разделитель — внутри колонки «VS», а не по третям экрана: так линия не может пройти по цене */
.vs::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;z-index:-1;background:linear-gradient(180deg,transparent,rgba(255,255,255,.28) 22%,rgba(255,255,255,.28) calc(50% - 76px),transparent calc(50% - 64px),transparent calc(50% + 24px),rgba(255,255,255,.28) calc(50% + 36px),rgba(255,255,255,.28) 80%,transparent)}
.vs-h{text-align:center}
.vs-sub{margin:14px auto 0;max-width:640px;text-align:center;font:700 clamp(18px,15.8px + .6vw,24px)/1.3 var(--f-text);color:#fff}
.vs-row{display:grid;grid-template-columns:minmax(0,1.12fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:clamp(8px, 1.4vw, 20px);margin-top:clamp(34px, 3.4vw, 56px)}
.fighter{text-align:center;display:flex;flex-direction:column;align-items:center}
.f-art{position:relative;height:clamp(170px, 17vw, 250px);width:100%;display:flex;align-items:flex-end;justify-content:center}
.f-art .cut{max-height:100%;width:auto;max-width:92%}
.f-win .f-art{height:clamp(220px, 25vw, 360px)}
.f-win .f-art .floor{bottom:-8%;height:30%}
.f-l{margin:22px 0 0;font:700 clamp(17px, 15.6px + .4vw, 22px)/1.25 var(--f-text);color:var(--text-2)}
.f-win .f-l{color:#fff}
.f-v{margin:8px 0 0;font:900 clamp(34px, 26px + 2vw, 58px)/1 var(--f-disp)}
.f-win .f-v{font-size:clamp(46px, 32px + 3.6vw, 88px)}
.f-s{margin:8px 0 0;font-size:var(--fs-note);color:var(--text-3)}
.vs{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;font:900 clamp(40px, 30px + 2.4vw, 72px)/1 var(--f-disp);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.55);font-style:normal;transform:skewX(-8deg);padding-bottom:40px}
.vs-foot{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:clamp(36px, 3.6vw, 56px);text-align:center}
.vs-foot .note{max-width:560px}

/* =====================================================================================
   14. ВИДЕО — баклажан, крупный ноутбук с кнопкой «плей»
   ===================================================================================== */
.video-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px, 4vw, 60px);align-items:center}
.video-text{margin-top:clamp(18px, 2vw, 28px);max-width:470px}
.video-meta{margin:20px 0 0;display:inline-flex;padding:10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.2);font:600 var(--fs-note)/1.2 var(--f-text);color:#fff}
.video-art{position:relative}
.video-art .cut{width:100%}
.video-art .floor{bottom:-2%;height:20%}
.play{position:absolute;left:47%;top:34%;transform:translate(-50%,-50%);width:clamp(84px, 8vw, 116px);height:clamp(84px, 8vw, 116px);border-radius:50%;border:0;cursor:pointer;z-index:3;
  background:radial-gradient(circle at 35% 30%,#FF6AA8,#FF1F70 70%);box-shadow:0 0 0 10px rgba(255,42,127,.18),0 0 50px rgba(255,42,127,.7);transition:transform .2s}
.play:hover{transform:translate(-50%,-50%) scale(1.06)}
.play:focus-visible{outline:3px solid #fff;outline-offset:6px}
.play svg{width:46%;height:46%;margin-left:7%} /* треугольник по визуальному центру: сдвиг вправо ~ 0,65 от центра масс */
.vmodal{position:fixed;inset:0;z-index:150;background:rgba(6,5,8,.88);display:grid;place-items:center;padding:20px}
.vmodal[hidden]{display:none}
.vm-box{position:relative;width:min(960px,100%);border-radius:16px;background:#0E0B12;border:1px solid var(--line);overflow:hidden}
.vm-box video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.vm-msg{margin:0;padding:48px 28px;font-size:var(--fs-body);color:var(--text-2);text-align:center}
.vm-close{position:absolute;right:8px;top:6px;z-index:2;width:44px;height:44px;border:0;background:rgba(0,0,0,.5);border-radius:50%;color:#fff;font-size:28px;line-height:1;cursor:pointer}

/* =====================================================================================
   15. КАК ОПЛАТИТЬ — графит + бетон, телефон с живым экраном оплаты
   ===================================================================================== */
.pay-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px, 4vw, 70px);align-items:center}
.tabs{display:inline-flex;gap:6px;margin-top:clamp(22px, 2.4vw, 34px);padding:5px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}
.tabs button{border:0;background:transparent;padding:12px 22px;min-height:48px;border-radius:10px;font:700 clamp(15px, 14.4px + .2vw, 17px)/1 var(--f-text);color:var(--text-2);cursor:pointer}
.tabs button[aria-selected="true"]{background:#fff;color:#14101A}
.tabs button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.steps{list-style:none;margin:clamp(20px, 2vw, 30px) 0 0;padding:0;display:flex;flex-direction:column;gap:18px}
.steps li{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:start}
.st-n{font:900 clamp(36px, 30px + 1.4vw, 50px)/.9 var(--f-disp);color:rgba(255,255,255,.35)}
.steps b{display:block;font:700 clamp(17px, 15.8px + .35vw, 21px)/1.25 var(--f-text)}
.steps div span{display:block;margin-top:4px;font-size:clamp(15px, 14.4px + .2vw, 17px);line-height:1.4;color:var(--text-2)}
.help{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:clamp(26px, 3vw, 44px);padding:20px 22px;border-radius:16px}
.help-t{margin:0;font:800 clamp(19px, 17px + .5vw, 24px)/1.2 var(--f-text)}
.help-d{margin:6px 0 0;font-size:clamp(15px, 14.4px + .2vw, 17px);line-height:1.4;color:var(--text-2);max-width:380px}
.help-btn{flex:none}
.pay-art{position:relative;display:flex;justify-content:center;padding-bottom:20px}
.pay-art .floor{bottom:0;height:18%;width:90%}
.pphone{position:relative;width:clamp(250px, 24vw, 340px);container-type:inline-size;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(255,42,127,.2))}
.pphone img{width:100%}
.pscreen{position:absolute;left:49.8%;top:50.2%;width:72.6%;height:90.2%;transform:translate(-50%,-50%) rotate(4.4deg);border-radius:9%/5%;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10cqi 6cqi;
  background:radial-gradient(80% 50% at 50% 30%,rgba(255,255,255,.08),transparent 70%),#0C0A0F}
.ps-ok{width:26cqi;height:26cqi;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 .8cqi rgba(255,255,255,.75)}
.ps-ok svg{width:60%;height:60%}
.ps-t{margin:6cqi 0 0;font:800 9.6cqi/1.15 var(--f-text);color:#fff}
.ps-s{margin:3cqi 0 0;font:500 8cqi/1.2 var(--f-text);color:#C9C4CF}
.ps-sum{margin:2cqi 0 0;font:800 8.4cqi/1.2 var(--f-text);color:#fff}
.ps-b{margin:8cqi 0 0;padding:4cqi 6cqi;border-radius:3cqi;background:#fff;color:#111;font:700 8cqi/1.15 var(--f-text)}

/* =====================================================================================
   16. ФИНАЛ — фото-сцена развилки, два знака, таймер и кнопка
   ===================================================================================== */
.final{min-height:clamp(720px, 56vw, 860px);display:flex;flex-direction:column;padding-bottom:clamp(56px, 5vw, 80px)}
.final>.wrap{flex:1;display:flex;flex-direction:column}
.final-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.final-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,12,.55) 0%,rgba(10,8,12,.1) 30%,rgba(10,8,12,.15) 60%,rgba(10,8,12,.85) 92%,#0A080C 100%)}
.final-h{text-align:center;filter:drop-shadow(0 6px 24px rgba(0,0,0,.8))}
.signs{display:grid;grid-template-columns:minmax(0,380px) minmax(0,380px);justify-content:space-between;gap:24px;margin-top:clamp(60px, 9vw, 150px)}
.sign{position:relative}
.sign::after{content:"";position:absolute;left:50%;top:100%;width:4px;height:clamp(40px, 5vw, 80px);transform:translateX(-50%);background:linear-gradient(180deg,rgba(200,195,210,.6),rgba(200,195,210,0))}
.sign{border-radius:16px;padding:22px 26px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.sign--grey{background:rgba(30,30,34,.66);border:1px solid rgba(255,255,255,.18)}
.sign--go{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.75);box-shadow:0 0 40px rgba(255,42,127,.25)}
.sign-img{display:none}
.sign-t{margin:0;font:900 clamp(30px, 24px + 1.4vw, 44px)/1 var(--f-disp);text-transform:uppercase}
.sign--grey .sign-t{color:#B9B5BF}
.sign ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.sign li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:clamp(15px, 14.4px + .2vw, 18px);line-height:1.35}
.sign li svg{width:20px;height:20px;margin-top:1px}
.sign--grey li{color:#A9A4AF}
.sign--go li{color:#fff}
.final-cta{margin-top:auto;padding-top:40px;display:flex;flex-direction:column;align-items:center;gap:16px}
.t-timer--sm{margin:0;padding:10px 20px}

/* =====================================================================================
   17. ВОПРОСЫ — журнал вопросов, Никита показывает на кнопку менеджера
   ===================================================================================== */
.faq-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr);gap:clamp(24px, 4vw, 70px);align-items:start}
.qas{margin-top:clamp(26px, 2.6vw, 40px);border-top:1px solid rgba(255,255,255,.14)}
.qa{border-bottom:1px solid rgba(255,255,255,.14)}
.qa summary{list-style:none;display:flex;align-items:center;gap:16px;padding:clamp(16px, 1.4vw, 20px) 0;cursor:pointer}
.qa summary::-webkit-details-marker{display:none}
.qa summary:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:6px}
.qa-q{flex:1;font:700 clamp(17px, 15.8px + .35vw, 21px)/1.3 var(--f-text)}
.qa[open] .lv-chev{transform:rotate(180deg)}
.qa-a{margin:0;padding:0 44px clamp(18px, 1.6vw, 24px) 0;font-size:var(--fs-body);line-height:1.5;color:var(--text-2)}
.faq-r{position:sticky;top:24px;display:flex;flex-direction:column;align-items:center}
.faq-art{position:relative;width:100%;height:clamp(380px, 36vw, 540px);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
.faq-art{display:flex;justify-content:center;align-items:flex-start;padding-top:10px;-webkit-mask-image:none;mask-image:none;height:auto}
.faq-phone{width:clamp(250px, 20vw, 290px);transform:rotate(-4deg)}
.faq-art .floor{bottom:-4%;height:16%;width:90%}
.mchat{justify-content:center;align-items:stretch;text-align:left;gap:4cqi;padding:12cqi 4cqi}
.mc-head{margin:0 0 3cqi;font:700 8cqi/1.2 var(--f-text);color:#C9C4CF;text-align:center}
.mc{margin:0;padding:3.6cqi 4.6cqi;border-radius:5cqi;font:600 8.2cqi/1.25 var(--f-text);max-width:94%}
.mc.in{align-self:flex-start;background:rgba(80,74,94,.85);color:#fff;border-bottom-left-radius:1.4cqi}
.mc.out{align-self:flex-end;background:#fff;color:#111;border-bottom-right-radius:1.4cqi}
.faq-art .glow{left:0;top:10%;width:100%;height:80%;--a:.2}
.faq-ask{width:100%;max-width:430px;margin-top:24px;position:relative;z-index:3;text-align:center}
.faq-ask-t{margin:0;font:900 clamp(30px, 24px + 1.4vw, 44px)/1 var(--f-disp);text-transform:uppercase}
.faq-ask-d{margin:8px 0 18px;font-size:var(--fs-note);color:var(--text-2)}

/* =====================================================================================
   18. ПОДВАЛ
   ===================================================================================== */
.foot{padding:clamp(56px, 5vw, 80px) 0 clamp(90px, 9vw, 150px)}
.skyline{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(70px, 9vw, 150px)}
.foot-lights{position:absolute;left:0;right:0;bottom:0;height:clamp(70px, 9vw, 150px);opacity:.7;
  background-image:radial-gradient(circle,rgba(255,42,127,.9) 0 1.2px,transparent 1.6px),radial-gradient(circle,rgba(120,220,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,220,170,.6) 0 1px,transparent 1.5px);
  background-size:97px 41px,131px 53px,73px 37px;background-position:12px 30px,40px 52px,5px 70px;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 40%);mask-image:linear-gradient(180deg,transparent 0,#000 40%)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:32px;align-items:start}
.foot .logo{--logo-size:44px}
.foot-tag{margin:14px 0 0;color:var(--text-3);font-size:var(--fs-note)}
.foot-links{display:flex;flex-direction:column;gap:12px}
.foot-links a{font:600 clamp(16px, 15.4px + .2vw, 18px)/1.3 var(--f-text);text-decoration:none;color:#fff}
.foot-links a:hover{text-decoration:underline}
.foot-legal p{margin:0 0 10px;font-size:var(--fs-note);line-height:1.5;color:var(--text-3)}


@media (max-width:1099px){
  .t-cards{grid-template-columns:minmax(0,1fr);max-width:560px;margin-left:auto;margin-right:auto}
  .t-pro{order:-1}
  .vs-row{grid-template-columns:minmax(0,1fr);justify-items:center}
  .vs{padding:0;font-size:46px}
  .vs::before{display:none}
  .vs-panels{display:none}
  .video-grid,.pay-grid,.faq-grid{grid-template-columns:minmax(0,1fr)}
  .pay-art{order:-1}
  .faq-r{position:static}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-legal{grid-column:1 / -1}
}
@media (max-width:767px){
  /* 12 */
  .t-bill{display:none}
  .medals{border-radius:14px;text-align:left}
  .tcard{padding:28px 20px 22px}
  .t-timer{padding:12px 16px}
  /* 13 */
  .vs-row{gap:4px}
  .f-art,.f-win .f-art{height:150px}
  .f-l{margin-top:14px}
  .vs{font-size:40px;margin:8px 0}
  .vs-foot .btn{display:flex;width:100%}
  .vs-foot .btn .btn-label{flex:1;text-align:center;padding-right:0}
  /* 14 */
  .video-art{margin:0 -8px}
  /* 15 */
  .pphone{width:250px}
  .help{flex-direction:column;align-items:stretch;text-align:left;padding:18px 14px}
  .help-btn{display:flex;width:100%}
  .help-btn .btn-label{flex:1;text-align:center;padding-right:0}
  .steps li{grid-template-columns:52px 1fr}
  .tabs{display:flex}
  .tabs button{flex:1}
  /* 16 */
  .final{min-height:0}
  .final-bg img{object-position:50% 40%}
  .final-bg::after{background:linear-gradient(180deg,rgba(10,8,12,.7) 0%,rgba(10,8,12,.86) 30%,rgba(10,8,12,.94) 90%,#0A080C 100%)}
  .signs{grid-template-columns:minmax(0,1fr);margin-top:28px;gap:16px}
  .sign--go{order:-1}
  .sign{padding:0 0 20px;overflow:hidden}
  .sign::after{display:none}
  .sign-img{display:block;height:150px;margin-bottom:16px;overflow:hidden}
  .sign-img img{width:100%;height:100%;object-fit:cover}
  .sign--grey .sign-img img{object-position:12% 70%}
  .sign--go .sign-img img{object-position:92% 70%}
  .sign-t,.sign ul{padding:0 20px}
  .final-cta .btn{display:flex;width:100%}
  .final-cta .btn .btn-label{flex:1;text-align:center;padding-right:0}
  /* 17 */
  .qa-a{padding-right:0}
  .faq-art{height:auto;padding-bottom:10px}
  .faq-art .cut{width:250px}
  /* 18 */
  .foot-grid{grid-template-columns:minmax(0,1fr);gap:26px}
}

@media (max-width:359px){
  .topbar .lang{display:none}
  .logo{--logo-size:30px}
}


/* ---------- телефон: первый экран, кнопка всегда без прокрутки ---------- */
@media (max-width:767px){
  .facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
  .fact{padding:11px 12px 11px 10px;font-size:14.5px;gap:9px}
  .facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .fact:nth-child(2){grid-column:1 / -1;order:3}
  .fact span{white-space:normal}
  .fact span br{display:none}
  .hint{margin-top:12px;gap:6px 10px}
  .hint-pill{font-size:15px;padding:7px 12px}
  .screen .chat{display:none}
  .chat-float{display:flex;flex-direction:column;gap:8px;position:absolute;z-index:4;left:calc(var(--pad-x) + 2px);top:clamp(64px, 20vw, 96px);width:min(250px, 68vw)}
  .chat-float .msg{font-size:15px;padding:9px 12px;border-radius:14px;max-width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.45)}
  .chat-float .msg.in{background:rgba(48,44,60,.92)}
  .chat-float .msg.deal{background:rgba(48,44,60,.92)}
  .chat-float .msg.out{margin-left:26px}
  .spines{display:none}
  .sign-img img{width:200%;max-width:none;height:100%;object-fit:cover}
  .sign--grey .sign-img img{margin-left:0;object-position:0% 70%}
  .sign--go .sign-img img{margin-left:-100%;object-position:100% 70%}
  .faq-phone{width:250px}
}
/* короткие экраны телефонов (iPhone SE/8, окно Safari и Telegram): кнопка сразу под оффером, сцена с Никитой ниже */
@media (max-width:767px) and (max-height:740px){
  .hero-copy{display:flex;flex-direction:column}
  .hero-copy>.d1{order:1}.hero-copy>.lead{order:2}.hero-copy>.hint{order:3}.hero-copy>#cta-hero{order:4}.hero-copy>.hero-scene{order:5}.hero-copy>.facts-wrap{order:6}
  .hero .btn{margin-top:18px}
  .hero-copy>.hero-scene{margin-top:10px}
  .hero-copy{padding-top:18px}
}

/* =====================================================================================
   СЦЕНЫ 13.10 (по образцу «Выбери концовку»): фото на весь экран, огромный заголовок, стеклянные карточки
   ===================================================================================== */
/* общее стекло сцен: размытие фона, тонкая рамка, лёгкий отлив сверху */
.gl{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 38%,rgba(255,255,255,.03) 100%),rgba(22,16,28,.42);
  border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 18px 40px rgba(0,0,0,.42)}

/* ---------- 2. УЗНАЁШЬ СЕБЯ? ---------- */
.who{--torn:#0B090D;min-height:clamp(760px, 56.25vw, 900px);padding:clamp(64px, 40px + 4.6vw, 110px) 0 clamp(60px, 4vw, 90px)}
.who-bg{background:#0B090D}
.who-bg img{width:100%;height:100%;object-fit:cover;object-position:72% 50%}
.who-bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,8,12,.82) 0%,rgba(10,8,12,.55) 38%,rgba(10,8,12,.1) 62%,rgba(10,8,12,0) 75%),
             linear-gradient(180deg,rgba(10,8,12,.5) 0%,rgba(10,8,12,0) 22%,rgba(10,8,12,0) 74%,rgba(10,8,12,.7) 92%,#0A080C 100%)}
.who-copy{position:relative;z-index:4;max-width:min(860px, 62%)}
.who .h2--xl{filter:drop-shadow(0 6px 22px rgba(0,0,0,.8))}
.checks{list-style:none;margin:clamp(28px, 2.6vw, 44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:14px 16px}
.note{border-radius:18px}
.note:nth-child(even){transform:translateY(26px)}
.note:nth-child(3n+1){margin-left:-6px}
.check{position:relative;display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;padding:16px 18px;cursor:pointer;border-radius:18px;height:100%}
.check input{position:absolute;opacity:0;width:1px;height:1px;left:0;top:0}
.check .box{width:30px;height:30px;border:2px solid rgba(255,255,255,.9);border-radius:8px;display:grid;place-items:center;transition:background .15s}
.check .box svg{width:20px;height:20px;opacity:0;transition:opacity .15s}
.check input:checked + .box{background:rgba(255,255,255,.14)}
.check input:checked + .box svg{opacity:1}
.check input:focus-visible + .box{outline:3px solid #fff;outline-offset:3px}
.check .t{font-size:clamp(16px, 15.2px + .26vw, 19px);line-height:1.35;color:#F1EDF5}
.note:has(input:checked){border-color:rgba(255,255,255,.55)}
.who-sum{font:800 clamp(36px, 26px + 2.6vw, 62px)/1 var(--f-disp);margin:clamp(48px, 4vw, 64px) 0 0;filter:drop-shadow(0 4px 14px rgba(0,0,0,.8))}
.who-sum .sum-ok{display:none}
.who-copy.enough .sum-ok{display:inline}
.who-copy.enough .sum-few{display:none}
.who-sum .cnt{color:var(--pink);font-weight:900}
.who-not{margin:12px 0 0;color:#FF8A84;font:600 clamp(16px, 15px + .3vw, 21px)/1.3 var(--f-text);text-shadow:0 2px 10px rgba(0,0,0,.8)}

/* ---------- 10. ПУТЬ: город сверху и неоновый маршрут ---------- */
.path-sec{padding:0;background:linear-gradient(180deg,var(--prev,#0A080C) 0,#0A080C 220px)}
.path-top{position:absolute;left:0;right:0;top:clamp(48px, 5vw, 84px);z-index:4}
.path-h{max-width:900px;filter:drop-shadow(0 6px 20px rgba(0,0,0,.85))}
.route{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}
.route-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.route::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,var(--prev,#0A080C) 0%,rgba(10,8,12,.55) 14%,rgba(10,8,12,0) 34%,rgba(10,8,12,0) 84%,#0A080C 100%),
             radial-gradient(60% 45% at 18% 18%,rgba(10,8,12,.6),transparent 70%)}
.wps{list-style:none;margin:0;padding:0;position:absolute;inset:0;z-index:3}
.wp{position:absolute;left:var(--dx);top:var(--dy);width:0;height:0}
.wp-dot{position:absolute;left:0;top:0;width:24px;height:24px;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,#fff 0 30%,rgba(255,255,255,.25) 32% 100%);border:2px solid #fff;box-shadow:0 0 0 6px rgba(255,255,255,.14),0 0 22px rgba(255,42,127,.75)}
.wp--boss .wp-dot{width:40px;height:40px;background:radial-gradient(circle,#fff 0 22%,var(--pink) 24% 100%);border-color:#fff;box-shadow:0 0 0 8px rgba(255,42,127,.25),0 0 40px rgba(255,42,127,.9)}
.wp-l{position:absolute;width:15vw;min-width:170px;padding:12px 16px 14px;border-radius:16px;display:flex;flex-direction:column;gap:3px}
.wp-n{font:800 13px/1 var(--f-text);letter-spacing:.14em;color:rgba(255,255,255,.7)}
.wp-l b{font:700 clamp(16px, 15px + .3vw, 20px)/1.22 var(--f-text);color:#fff}
.wp-l>.wp-d{font-size:clamp(14px, 13.6px + .15vw, 16px);line-height:1.35;color:#E1DCE8}
.wp--above .wp-l{left:0;bottom:24px;transform:translateX(-50%)}
.wp--below .wp-l{left:0;top:24px;transform:translateX(-50%)}
.wp--al .wp-l{right:-18px;bottom:34px}
.wp--boss .wp-l{border-color:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 34px rgba(255,42,127,.35),0 18px 40px rgba(0,0,0,.45)}
.wp--boss .wp-l b{font-size:clamp(17px, 15.6px + .45vw, 22px)}

@media (max-width:1099px){
  /* 2 */
  .who-copy{max-width:min(560px, 66%)}
  .checks{grid-template-columns:minmax(0,1fr)}
  .note:nth-child(even){transform:none}
  .note:nth-child(3n+1){margin-left:0}
  .note:nth-child(odd){margin-right:22px}.note:nth-child(even){margin-left:22px}
  /* 10: вертикальный маршрут 9:16 */
  .path-sec{padding-top:clamp(56px, 6vw, 80px)}
  .path-top{position:relative;top:auto}
  .route{aspect-ratio:9/16;max-width:620px;margin:-30px auto 0}
  .route::before{background:linear-gradient(180deg,#0A080C 0%,rgba(10,8,12,.3) 12%,rgba(10,8,12,0) 22%,rgba(10,8,12,0) 86%,#0A080C 100%),linear-gradient(90deg,#0A080C 0%,rgba(10,8,12,0) 7%,rgba(10,8,12,0) 93%,#0A080C 100%)}
  .wp{left:var(--mx);top:var(--my)}
  .wp-l,.wp--above .wp-l,.wp--below .wp-l,.wp--al .wp-l{left:24px;right:auto;top:0;bottom:auto;transform:translateY(-50%);width:min(300px, calc(min(100vw, 620px) * var(--mrest) - 48px));
    padding:10px 14px 12px}
}
@media (max-width:767px){
  /* 2 */
  .who{min-height:0;padding-top:42px;padding-bottom:56px}
  .who-bg img{height:auto;object-fit:contain;object-position:50% 0;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
  .who-bg{background:#0A080C}
  .who-bg::after{background:linear-gradient(180deg,rgba(10,8,12,.55) 0%,rgba(10,8,12,0) 22%,rgba(10,8,12,0) 46%,rgba(10,8,12,.35) 62%,rgba(10,8,12,.6) 92%,#0A080C 100%)}
  .who-copy{max-width:none}
  .who .h2--xl{font-size:clamp(56px, 17vw, 72px)}
  .who .h2--xl .pink{display:block}
  .checks{margin-top:calc(100vw * .98 - 170px);gap:10px}
  .note:nth-child(odd){margin-right:14px}.note:nth-child(even){margin-left:14px}
  .check{padding:13px 14px;gap:12px;grid-template-columns:26px 1fr}
  .check .box{width:26px;height:26px}
  .check .t{font-size:16px}
  .who-sum{text-align:left;font-size:clamp(34px, 10.4vw, 42px);margin-top:30px}
  .who-not{font-size:16px}
  /* 10 */
  .route{margin-top:-14px}
  .wp-l,.wp--above .wp-l,.wp--below .wp-l,.wp--al .wp-l{left:20px;width:calc(100vw * var(--mrest) - 40px)}
  .wp-l b{font-size:16px}
  .wp-l>.wp-d{font-size:14px}
  .wp-dot{width:20px;height:20px}
  .wp--boss .wp-dot{width:32px;height:32px}
}
@media (max-width:1099px){
  .path-sec{padding-bottom:36px}
  .route{overflow:visible}
  .wp-l{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;row-gap:2px;align-items:baseline}
  .wp-l .wp-n{white-space:normal}
  .wp-l b,.wp-l>.wp-d{overflow-wrap:anywhere}
  .wp-l .wp-n{grid-row:1}
  .wp-l b{grid-column:2}
  .wp-l>.wp-d{grid-column:1 / -1}
  .wps li:first-child .wp-l{transform:translateY(-78%)}
}

/* =====================================================================================
   МОБИЛКА 13.10: растушёвка краёв фото и сцен, свечения не обрываются
   ===================================================================================== */
.era-copy>.era-scene{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%);mask-image:linear-gradient(180deg,transparent 0,#000 12%)}
.faq-art{overflow:visible}
.mock--tg{-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 99%);mask-image:linear-gradient(180deg,#000 80%,transparent 99%)}
@media (max-width:1199px){
  .hero-copy>.hero-scene{-webkit-mask-image:linear-gradient(180deg,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,#000 74%,transparent 100%)}
}
@media (max-width:1099px){
  .mentor-art{-webkit-mask-image:linear-gradient(180deg,#000 76%,transparent 100%);mask-image:linear-gradient(180deg,#000 76%,transparent 100%)}
}
@media (max-width:1099px){
  .era-copy>.era-scene{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
  .prog{bottom:14%}
}
@media (max-width:767px){
  .era-obj--old,.era-obj--new{bottom:24%}
}

/* низ страницы — цвет подвала (без полоски фона под ним); в режиме снимка липкая колонка вопросов не липнет */
html,body{background:#060508}
.shot .faq-r{position:static}
/* планшет 768–1199: кнопка первого экрана — сразу под оффером, сцена с Никитой ниже (кнопка видна без прокрутки и на 1024×768) */
@media (min-width:768px) and (max-width:1199px){
  .hero-copy{display:flex;flex-direction:column}
  .hero-copy>.d1{order:1}.hero-copy>.lead{order:2}.hero-copy>.hint{order:3}.hero-copy>#cta-hero{order:4}.hero-copy>.hero-scene{order:5}.hero-copy>.facts-wrap{order:6}
  .hero .btn{margin-top:26px;align-self:flex-start}
  .hero-copy>.hero-scene{margin-top:8px}
}

/* =====================================================================================
   НИЖНЯЯ ПАНЕЛЬ (13.10): компьютер и планшет — плавающая капсула по центру; телефон — стеклянная полоса.
   Появляется после первого экрана, прячется, пока на экране тарифы, финал или другая кнопка «Выбрать…».
   ===================================================================================== */
.dock{position:fixed;z-index:90;left:50%;bottom:22px;transform:translate(-50%,18px);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s linear .35s;
  padding:8px;border-radius:20px;background:rgba(18,14,22,.6);border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 18px 50px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08)}
.dock.show{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s}
.shot .dock{display:none}
.dock-in{display:flex;align-items:center;gap:10px;white-space:nowrap}
@media (min-width:768px){.dock{width:max-content;max-width:calc(100vw - 32px)}}
.dock-info{margin:0 8px 0 14px;font:500 15px/1.2 var(--f-text);color:var(--text-2);white-space:nowrap}
.dock-info b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.di-timer{display:none}
.has-deadline .di-timer{display:inline}
.has-deadline .di-price{display:none}
.dock-btn{min-height:52px;padding:6px 26px 6px 6px;border-radius:13px}
.dock-btn .btn-ico{width:40px;height:40px}
.dock-mgr{flex:none;width:52px;height:52px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);transition:background .2s}
.dock-mgr:hover{background:rgba(255,255,255,.13)}
.dock-mgr svg{width:24px;height:24px;margin-left:-2px}
.dock-mgr:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* менеджер в шапке первого экрана — виден с первой секунды, ничего не перекрывает */
.top-mgr{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.24);background:rgba(14,11,18,.45);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-decoration:none;font:600 15px/1 var(--f-text)}
.top-mgr svg{width:20px;height:20px;flex:none}
.top-mgr:hover{background:rgba(255,255,255,.1)}
.top-mgr:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (max-width:767px){
  .top-mgr{width:44px;padding:0;justify-content:center;border-radius:50%}
  .top-mgr span{display:none}
  .dock{left:0;right:0;bottom:0;transform:translateY(100%);border:0;border-radius:0;box-shadow:none;
    padding:26px 12px calc(10px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,rgba(10,8,12,0) 0,rgba(10,8,12,.7) 26px,rgba(10,8,12,.86) 100%);
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24px);mask-image:linear-gradient(180deg,transparent 0,#000 24px)}
  .dock.show{transform:none}
  .dock-in{flex-wrap:wrap;gap:8px}
  .dock-info{display:none;margin:0;width:100%;text-align:center;font-size:14px}
  .has-deadline .dock-info{display:block}
  .dock-btn{flex:1;min-width:0;min-height:56px;height:56px;border-radius:14px;padding:6px 12px 6px 6px;justify-content:center}
  .dock-btn .btn-label{flex:1;text-align:center}
  .dock-btn .btn-ico{width:44px;height:44px}
  .dock-mgr{width:56px;height:56px;border-radius:14px}
}
/* фоновые <picture> — блоком на весь слой (в WebKit строчный picture давал зазор у края и неверную высоту) */
.hero-bg picture,.who-bg picture,.mentor-bg picture,.final-bg picture{position:absolute;inset:0;display:block}
.route-img{position:absolute;inset:0;display:block}

/* =====================================================================================
   УЛУЧШЕНИЯ 13.10 (предложения дизайнера, одобрены Никитой)
   ===================================================================================== */

/* 2. «Миссия пройдена» — только для пришедших из бота (класс from-bot ставится в <head> до отрисовки) */
.mission{padding:clamp(56px, 40px + 4vw, 100px) 0 clamp(64px, 44px + 4.4vw, 110px)}
.mission-in{text-align:center;display:flex;flex-direction:column;align-items:center}
.mission-kick{margin:0;font:700 14px/1.2 var(--f-text);letter-spacing:.18em;text-transform:uppercase;color:var(--text-2)}
.mission-h{margin-top:14px}
.mission-lead{margin-top:clamp(16px, 1.6vw, 24px);max-width:640px;color:#E3DEE9}
.track{list-style:none;margin:clamp(36px, 3.6vw, 56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:1060px;position:relative}
.tr{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 10px}
.tr::before{content:"";position:absolute;top:30px;left:calc(50% + 34px);right:calc(-50% + 34px);height:2px;background:rgba(255,255,255,.75)}
.tr:last-child::before{display:none}
.tr:nth-child(3)::before{background:repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 8px,transparent 8px 16px)}
.tr-dot{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;flex:none}
.tr-dot svg{width:28px;height:28px}
.tr.next .tr-dot{border:2px dashed rgba(255,255,255,.5);background:rgba(255,255,255,.03)}
.tr.next .tr-dot i{width:12px;height:12px;border-radius:50%;background:#fff}
.tr b{display:block;font:900 clamp(22px, 18px + .8vw, 30px)/1 var(--f-disp);text-transform:uppercase;color:#fff}
.tr div span{display:block;margin-top:6px;font-size:clamp(15px, 14.4px + .2vw, 17px);line-height:1.35;color:var(--text-2)}
.mission .btn{margin-top:clamp(32px, 3vw, 48px)}
@media (max-width:767px){
  .mission-in{text-align:left;align-items:stretch}
  .mission .h2--xl .pink{display:block}
  .track{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:28px}
  .tr{flex-direction:row;align-items:center;gap:16px;padding:0}
  .tr::before{top:56px;bottom:-14px;left:27px;right:auto;width:2px;height:auto;background:rgba(255,255,255,.75)}
  .tr:nth-child(3)::before{background:repeating-linear-gradient(180deg,rgba(255,255,255,.45) 0 6px,transparent 6px 12px)}
  .tr-dot{width:56px;height:56px}
  .mission .btn{display:flex;width:100%;margin-top:30px}
  .mission .btn .btn-label{flex:1;text-align:center}
}

/* 3. «Кто ведёт»: доказательство — бот мини-курса и подпись */
.proof{display:grid;grid-template-columns:310px minmax(0,1fr);gap:clamp(18px, 2vw, 32px);align-items:center;margin-top:clamp(22px, 2.4vw, 36px);max-width:680px}
.mock.mock--minibot{aspect-ratio:10/13;-webkit-mask-image:linear-gradient(180deg,#000 90%,transparent 100%);mask-image:linear-gradient(180deg,#000 90%,transparent 100%)}
.mock--minibot .tg-kb span{white-space:normal;line-height:1.15}
.mock--minibot .mphone{left:5%;right:5%;bottom:-5%}
.mock--minibot .tg-chat{gap:.28em;padding:.45em .5em .8em}
.mock--minibot .tg-kb--2{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.proof-k{margin:0;font:700 14px/1.25 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.proof-t{margin:10px 0 0;font-size:clamp(16px, 15.4px + .2vw, 18px);line-height:1.45;color:var(--text-2)}
.proof-t b{color:#fff}
@media (max-width:1099px){
  .proof{grid-template-columns:minmax(0,1fr);max-width:420px}
  .proof .mock{max-width:340px;width:100%;order:2}
  .proof-cap{order:1}
}
@media (max-width:767px){
  .proof{grid-template-columns:minmax(0,1fr);max-width:none}
  .proof .mock{max-width:340px;width:100%;margin:0 auto;order:2}
  .proof-cap{order:1}
}


/* 5. микроанимации со смыслом: один раз при появлении, класс anim — только без prefers-reduced-motion и не в режиме снимка */
.anim .screen .msg,.anim .chat-float .msg{opacity:0;transform:translateY(10px) scale(.96);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.anim .screen .msg.on,.anim .chat-float .msg.on{opacity:1;transform:none}
.anim .era-scene .prog-bar i{transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.anim .era-scene .prog--old .prog-bar i{transition-duration:2.8s;transition-timing-function:cubic-bezier(.6,0,.9,.6)}
.anim .era-scene.on .prog-bar i{transform:none}
.anim .route .wp{opacity:0;transition:opacity .5s ease}
.anim .route .wp .wp-dot{transform:translate(-50%,-50%) scale(.4);transition:transform .5s cubic-bezier(.2,1.4,.4,1)}
.anim .route.on .wp{opacity:1}
.anim .route.on .wp .wp-dot{transform:translate(-50%,-50%) scale(1)}
.anim .route.on .wp:nth-child(2){transition-delay:.35s}.anim .route.on .wp:nth-child(2) .wp-dot{transition-delay:.35s}
.anim .route.on .wp:nth-child(3){transition-delay:.7s}.anim .route.on .wp:nth-child(3) .wp-dot{transition-delay:.7s}
.anim .route.on .wp:nth-child(4){transition-delay:1.05s}.anim .route.on .wp:nth-child(4) .wp-dot{transition-delay:1.05s}
.anim .route.on .wp:nth-child(5){transition-delay:1.5s}.anim .route.on .wp:nth-child(5) .wp-dot{transition-delay:1.5s}
.bignum{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion: reduce){ .anim *{transition:none !important} }


/* =====================================================================================
   МАРКЕТИНГ 14.10: два режима одной страницы, новые блоки, кнопки по смыслу
   ===================================================================================== */
/* режимы: обычный (длинная история) и «из бота» (класс from-bot ставится в <head> до отрисовки);
   порядок блоков «из бота» — CSS order (правила собирает tools/build.py), сосед сверху для плавного стыка — --pc / --pb */
.page{display:flex;flex-direction:column}
html:not(.from-bot) .only-bot{display:none!important}
.from-bot .only-cold{display:none!important}
.sec{--prev:var(--pc)}
.from-bot .sec{--prev:var(--pb)}
/* подпись кнопки: без дедлайна — по смыслу места, с личным дедлайном — «Забрать «Про» по спеццене» */
.l-dl{display:none}
.has-deadline .l-dl{display:inline}
.has-deadline .l-std{display:none}

/* первый экран: строка про курс (обычный режим) */
.course{margin:clamp(12px, 1.2vw, 18px) 0 0;max-width:600px;font:500 clamp(16px, 14.9px + .3vw, 19px)/1.4 var(--f-text);color:var(--text-2)}
.course b{color:#fff;font-weight:700}
.hero-copy>.course,.hero-copy>.lead.only-bot{position:relative;z-index:5}
@media (max-width:1199px){ .hero-copy>.course{order:3} }

/* «Миссия пройдена»: следующая миссия = утверждённый оффер */
.mission-next{margin:clamp(30px, 3vw, 46px) auto 0;max-width:780px;padding:20px 26px 22px;border-radius:18px;text-align:center}
.mn-k{display:block;font:700 14px/1.2 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}
.mn-t{margin:10px 0 0;font:800 clamp(19px, 16px + .8vw, 26px)/1.3 var(--f-text);color:#fff;text-wrap:balance}
@media (max-width:767px){ .mission-next{text-align:left;padding:16px 16px 18px} }

/* мокапы Telegram: разделитель дня, поле ввода, уведомление об оплате */
.tg-day{align-self:center;margin:.2em 0 !important;padding:.15em .7em;border-radius:1em;background:rgba(20,30,42,.85);font-size:.92em;color:#C9D3DE}
.tg-input{display:flex;align-items:center;gap:.4em;margin:0 .45em .5em;padding:.5em .8em;border-radius:1.2em;background:#17212B;font-size:.95em;color:#7E8C9B}
.tg-input i{width:2px;height:1.1em;background:#6AB2F2;animation:tgblink 1s steps(1) infinite}
@keyframes tgblink{50%{opacity:0}}
@media (prefers-reduced-motion: reduce){ .tg-input i{animation:none} }
.shot .tg-input i{animation:none}
.tg-ava--owner{background:linear-gradient(135deg,#7E8C9B,#4A5563);color:#fff}
.mock.mock--owner,.mock.mock--agent{aspect-ratio:10/15}
.mock--owner .mphone,.mock--agent .mphone{left:12%;right:12%;top:3%;bottom:3%;transform:rotate(-2deg)}
.mock--owner .mwrap,.mock--agent .mwrap{display:none}
.mock--owner,.mock--agent{-webkit-mask-image:none;mask-image:none}
.mock--owner .mphone{filter:saturate(.35) brightness(.92)}
/* мокап «ИИ-агент Никиты»: прайс из 3 пакетов вместо скидки (инструмент курса, без выдуманных клиентов и денег) */
.tg-pack{align-self:flex-start;width:84%;display:flex;flex-direction:column;gap:.08em;padding:.42em .65em;border-radius:.7em;background:#1B2836;border:1px solid rgba(255,255,255,.1)}
.tg-pack b{font-size:.95em;font-weight:700;line-height:1.2;color:#fff}
.tg-pack span{font-size:.92em;line-height:1.25;color:#AFC0D2}
.tg-pack.on{border-color:rgba(255,90,156,.9);box-shadow:0 0 0 1px rgba(255,90,156,.3),0 0 1.2em rgba(255,42,127,.25)}

/* 19. Цена бездействия */
.inaction-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px, 4vw, 72px);align-items:center}
.pain{list-style:none;margin:clamp(24px, 2.4vw, 38px) 0 0;padding:0}
.pain li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:baseline;padding:clamp(14px, 1.4vw, 20px) 0;border-bottom:1px solid rgba(255,255,255,.12)}
.pain li:last-child{border-bottom:0}
.pain-n{font:900 clamp(26px, 22px + .8vw, 34px)/1 var(--f-disp);color:rgba(255,255,255,.32)}
.pain p{margin:0;font-size:clamp(17px, 15.6px + .4vw, 22px);line-height:1.4;color:#E6E1EA}
.inaction-out{margin:clamp(18px, 2vw, 28px) 0 0;font:700 clamp(17px, 15.6px + .4vw, 21px)/1.4 var(--f-text);color:#fff;max-width:620px}
.inaction-art{position:relative;display:flex;flex-direction:column;align-items:center}
.inaction-art .mock{width:min(100%, 420px)}

/* 20. Что будет через 30 дней */
.result-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px, 4vw, 72px);align-items:center}
.result-sub{margin-top:clamp(14px, 1.4vw, 22px);max-width:560px}
.res{list-style:none;margin:clamp(22px, 2.2vw, 34px) 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.res li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:12px 0}
.res-i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.4)}
.res-i svg{width:20px;height:20px}
.res b{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:800 clamp(18px, 16.4px + .45vw, 23px)/1.25 var(--f-text);color:#fff}
.res div>span{display:block;margin-top:4px;font-size:clamp(15px, 14.4px + .2vw, 17px);line-height:1.4;color:var(--text-2)}
.res .res-main{padding:16px 18px;border-radius:16px;margin-bottom:6px}
.res .res-main .res-i{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7)}
.res-pro{font-size:14px;padding:5px 9px}
.result-art{display:flex;flex-direction:column;align-items:center}
.result-art .mock{width:min(100%, 420px)}

/* 21. Напомню, почему это работает */
.remind-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px, 4vw, 64px);align-items:center;margin-top:clamp(24px, 2.4vw, 40px)}
.remind-map{position:relative}
.remind-map img{width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55));-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(70% 70% at 50% 50%,#000 60%,transparent 100%)}
.remind-big{position:absolute;left:0;bottom:4%;margin:0;display:flex;flex-direction:column}
.remind-big b{font:900 clamp(84px, 60px + 6vw, 160px)/.85 var(--f-disp);color:#fff;text-shadow:0 8px 30px rgba(0,0,0,.7);font-variant-numeric:tabular-nums}
.remind-big span{font:900 clamp(22px, 18px + 1vw, 32px)/1.05 var(--f-disp);text-transform:uppercase;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.8)}
.remind-list{list-style:none;margin:0;padding:0}
.remind-list li{padding:clamp(14px, 1.4vw, 20px) 0;border-bottom:1px solid rgba(255,255,255,.12)}
.remind-list li:last-child{border-bottom:0}
.remind-list b{display:block;font:900 clamp(32px, 26px + 1.6vw, 52px)/1 var(--f-disp);color:#fff}
.remind-list span{display:block;margin-top:6px;font-size:clamp(16px, 15px + .3vw, 19px);line-height:1.4;color:var(--text-2)}
.remind-out{margin:clamp(24px, 2.4vw, 36px) 0 0;max-width:820px;font:700 clamp(18px, 16px + .5vw, 24px)/1.35 var(--f-text);color:#fff}
.remind .note{margin-top:14px;max-width:760px}

/* 8. Кто стоит за курсом: регалии — на сцене рядом с ним (компьютер), списком под должностью (телефон) */
.mentor-name{text-transform:uppercase}
.mentor-grid{position:relative}
.regalia{list-style:none;margin:0;padding:0}
.rg{padding:12px 16px 13px;border-radius:14px}
.rg b{display:block;font:900 clamp(30px, 24px + 1.4vw, 44px)/1 var(--f-disp);color:#fff;white-space:nowrap}
.rg span{display:block;margin-top:5px;font-size:14px;line-height:1.3;color:#ECE7F1}
@media (min-width:1100px){
  .mentor-copy{position:static}
  .mentor-copy>*:not(.regalia){position:relative;z-index:4}
  .regalia{position:absolute;top:0;bottom:0;left:52%;right:0;z-index:5;pointer-events:none}
  .rg{position:absolute;width:max-content;max-width:230px}
  .rg1{left:0;top:30%}
  .rg2{right:calc(var(--pad-x) + 4px);top:46%}
  .rg3{left:4%;top:62%}
}
.cases,.cohost{margin-top:clamp(24px, 2.4vw, 36px)}
.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

.medals b{color:#fff}

/* 11. программа: названия инструментов мелко */
.lv-tools{display:block;margin-top:2px;font-size:14px;color:var(--text-3)}

@media (max-width:1099px){
  .inaction-grid,.result-grid,.remind-grid{grid-template-columns:minmax(0,1fr)}
  .inaction-art,.result-art{order:2}
  .regalia{display:flex;flex-direction:column;gap:8px;margin-top:18px;max-width:520px}
  .rg{display:grid;grid-template-columns:minmax(118px,auto) 1fr;gap:12px;align-items:center;padding:11px 14px}
  .rg span{margin-top:0}
}
@media (max-width:767px){
  .pain li{grid-template-columns:38px 1fr;gap:10px}
  .inaction-art .mock,.result-art .mock{width:min(100%, 340px)}
  .res li{grid-template-columns:34px 1fr;gap:12px}
  .res-i{width:34px;height:34px}
  .remind-big b{font-size:clamp(84px, 26vw, 110px)}
  .remind-big span{font-size:clamp(20px, 6vw, 26px)}
  .regalia{display:flex;flex-direction:column;gap:8px;margin-top:18px}
  .regalia .rg{left:auto;right:auto;top:auto}
  .rg{display:grid;grid-template-columns:minmax(118px,auto) 1fr;gap:12px;align-items:center;padding:11px 14px}
  .rg b{font-size:clamp(26px, 7.6vw, 30px)}
  .rg span{margin-top:0}
}
/* соседние блоки заходят друг на друга на 1 px: в Safari при дробной высоте между ними просвечивала тёмная нитка фона */
.page>.sec{margin-bottom:-1px}
.page>.sec:last-of-type{margin-bottom:0}
@media (max-width:1099px){ .regalia .rg b{white-space:normal} }

/* =====================================================================================
   ПРАВКИ НИКИТЫ 14.10
   ===================================================================================== */
/* герой: строка над заголовком (из бота — личная, обычный режим — название курса) */
.kicker{margin:0 0 clamp(10px, 1vw, 16px);max-width:600px;font:600 clamp(16px, 14.6px + .3vw, 18px)/1.35 var(--f-text);color:var(--text-2)}
.hero-copy>.kicker{position:relative;z-index:5}
@media (min-width:1200px){ .hero .facts{max-width:744px} .hero .fact span{white-space:normal} }
.d1 .c{font-size:clamp(26px, 19px + 1.7vw, 44px);line-height:1;margin-top:.14em}
/* компьютер: строка над заголовком встаёт в зазор под шапкой, заголовок остаётся на месте эталона и не заходит на телефон */
@media (min-width:1200px){ .hero-copy>.kicker{max-width:760px;margin-top:-40px} }
@media (max-width:767px){ .kicker{margin-bottom:8px} }
/* с 14.10 над заголовком строка курса, а в заголовке «за 2–4 недели»: на высоких телефонах сцена чуть ниже, чтобы кнопка осталась в первом экране 390×844
   (на коротких кнопка стоит над сценой, там высоту не трогаем — иначе обрезается третья реплика переписки) */
@media (max-width:767px) and (min-height:741px){ .hero-copy>.hero-scene{height:clamp(300px, 86vw, 400px)} }
/* самые маленькие телефоны (320×568): строка о курсе и плашка расчёта уходят, кнопка — в первом экране */
@media (max-width:359px) and (max-height:600px){ .hero-copy>.course,.hero-copy>.hint{display:none} }
.medals b{color:#fff}

/* тарифы: плашка «Новая цена» с таймером и цены «потом» — только с дедлайном из бота; без дедлайна — просто цены */
.t-timer{display:none}
.has-deadline .t-timer,.deadline-over .t-timer{display:flex}
.t-head .t-timer{margin-top:clamp(16px, 1.8vw, 24px)}
.t-badge{display:none;padding:8px 14px;border-radius:999px;background:var(--pink);color:#fff;font:800 clamp(15px, 14.4px + .2vw, 17px)/1.15 var(--f-text)}
.has-deadline .t-badge{display:inline-block}
.tc-later{display:none;margin:6px 0 0;font:600 var(--fs-note)/1.3 var(--f-text);color:var(--text-2)}
.tc-later b{font-weight:700;color:#E9E4EE;white-space:nowrap}
.has-deadline .tc-later{display:block}
.tc-why{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:rgba(255,42,127,.14);border:1px solid rgba(255,90,156,.38);font:700 clamp(15px, 14.4px + .2vw, 17px)/1.35 var(--f-text);color:#fff}
.prize img{display:block;width:100%;height:auto;margin-top:14px;border-radius:12px}

/* медали → цена «Про» (только из бота; ?m=N; сгорают вместе со спецценой) */
.pp5,.pp9,.tc-medal{display:none}
.from-bot.mt-5:not(.deadline-over) .pp0,.from-bot.mt-9:not(.deadline-over) .pp0{display:none}
.from-bot.mt-5:not(.deadline-over) .pp5,.from-bot.mt-9:not(.deadline-over) .pp9{display:inline}
.from-bot.mt-5:not(.deadline-over) .tc-medal,.from-bot.mt-9:not(.deadline-over) .tc-medal{display:block}
.tc-medal{margin:6px 0 0;font:700 var(--fs-note)/1.3 var(--f-text);color:#FFB3D1}
.tc-medal s{margin-right:6px;font-weight:600;color:var(--text-3)}
.deadline-over .medals{display:none!important}
.medals{display:flex;align-items:center;gap:16px;max-width:660px;padding:14px 22px 14px 14px;border-radius:18px;text-align:left}
.medals img{flex:none;width:44px;height:auto}
.md-in{display:flex;flex-direction:column;gap:6px;min-width:0}
.md-h{margin:0;font:800 clamp(17px, 15.8px + .3vw, 20px)/1.25 var(--f-text);color:#fff}
.md-scale{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px}
.md-scale li{font-size:16px;line-height:1.3;color:var(--text-2)}
.md-scale b{font-weight:700;color:#fff;white-space:nowrap}
.md-mine{display:none}
.has-medals .md-mine{display:block}
.has-medals .md-gen{display:none}
.md-n{color:#FFB3D1}
.md-price{margin:4px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px;font-size:16px;line-height:1.35;color:var(--text-2)}
.md-price b{font-weight:800;color:#fff;white-space:nowrap}
.md-off{font-weight:700;color:#FFB3D1}
.md-note{margin:2px 0 0;font-size:14px;line-height:1.35;color:var(--text-3)}
@media (max-width:767px){
  .medals{align-items:flex-start;gap:12px;padding:14px 16px 14px 12px}
  .medals img{width:34px}
  .md-scale{flex-direction:column;gap:4px}
}

/* кто стоит за курсом: строка-смысл и 4-я регалия */
.mentor-claim{position:relative;z-index:4;margin:18px 0 0;max-width:520px;padding-left:16px;border-left:3px solid var(--pink);font:800 clamp(18px, 16px + .5vw, 24px)/1.3 var(--f-text);color:#fff}
@media (min-width:1100px){
  .rg4{right:calc(var(--pad-x) + 4px);top:75%;max-width:320px}
}

/* уровни на маршруте */
@media (max-width:1099px){ .route-img img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%);mask-image:linear-gradient(180deg,transparent 0,#000 9%)} }
.path-sub{position:relative;z-index:4;margin:clamp(10px, 1vw, 16px) 0 0;max-width:560px;color:#E3DEE9;filter:drop-shadow(0 4px 14px rgba(0,0,0,.9))}
.wp-n{align-self:flex-start;padding:4px 8px 3px;border-radius:6px;background:var(--pink);font:800 14px/1.1 var(--f-text);letter-spacing:.06em;color:#fff;white-space:nowrap}
.wp-l b{font:900 clamp(24px, 19px + 1.1vw, 34px)/1.02 var(--f-disp);color:#fff;margin-top:4px}
.wp--boss .wp-l b{font-size:clamp(26px, 20px + 1.3vw, 38px)}
.wp-l>.wp-d{font-size:clamp(15px, 14.4px + .2vw, 17px)}
@media (max-width:1099px){
  .wp-l b,.wp--boss .wp-l b{font-size:clamp(22px, 6vw, 28px);margin-top:0}
  .wp-l>.wp-d{font-size:15px}
}

/* VS: «Про» в день против стакана кофе — два бойца */
.vs-row--2{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);max-width:1000px;margin-left:auto;margin-right:auto}
.vs-panels--2{grid-template-columns:1fr 1fr}
.vs-out{margin:0;max-width:780px;font:700 clamp(19px, 16px + .8vw, 28px)/1.3 var(--f-text);color:#fff;text-wrap:balance}
.vs-out b{color:var(--pink)}
@media (max-width:1099px){ .vs-row--2{grid-template-columns:minmax(0,1fr)} }

/* оплата: строка под заголовком */
.pay-sub{margin:clamp(10px, 1vw, 14px) 0 0;max-width:560px}

/* место под настоящий скрин оплаты от клиента Никиты (пока скрыто) */
.pay-proof{margin:16px 0 0}
.pay-proof img{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;border-radius:16px}

/* после дедлайна (только из бота): спеццены уходят, на их месте — цены «потом» (879 990 / 2 069 990 / 17 499 990); медали сгорели */
.po{display:none}
.deadline-over .po{display:revert}
.deadline-over .sp{display:none}

/* уровни: у LVL 80 — строка плана «через 1–2 месяца после курса» (путь из урока 3, правка Никиты 15.10) */
.wp-plan{display:block;margin-top:4px;font:600 clamp(14px, 13.6px + .15vw, 15px)/1.3 var(--f-text);color:#FFB3D1}
@media (max-width:1099px){ .wp-l>.wp-plan{grid-column:1 / -1;font-size:14px} }