/* Практикум «Сайт за 1 вечер с ИИ» — вариант B: продуктовый интерактивный bento. Стиль 3 бренда. */
:root{
  --bg:#FFFFFF; --bg2:#F5F3F0; --bg3:#E9E5DF;
  --ink:#111318; --ink2:#43464F; --ink3:#5A5D67;
  --line:rgba(17,19,24,.08);
  --violet:#8B5CF6; --pink:#EC4899; --cta:#FF6A1A; --cta-d:#F2560A;
  --grad:linear-gradient(100deg,#8B5CF6 0%,#EC4899 100%);
  --card:#FFFFFF;
  --sh:0 1px 2px rgba(17,19,24,.05),0 14px 34px -14px rgba(17,19,24,.18);
  --sh-lg:0 2px 4px rgba(17,19,24,.05),0 30px 60px -24px rgba(17,19,24,.28);
  --r:28px; --r-sm:18px;
  --ease:cubic-bezier(.16,1,.3,1);
  --f-disp:'Montserrat Alternates','Montserrat',system-ui,sans-serif;
  --f-text:'Montserrat',system-ui,sans-serif;
  --gut:16px;
  color-scheme:light;
}
@media (min-width:768px){:root{--gut:32px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg2);color:var(--ink);font-family:var(--f-text);font-weight:500;font-size:16px;line-height:1.55;overflow-x:hidden;
  background-image:radial-gradient(rgba(17,19,24,.10) 1px,transparent 1.3px);background-size:22px 22px;background-attachment:fixed}
img,video,canvas,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
::selection{background:#F3D4F0;color:var(--ink)}
:focus-visible{outline:2.5px solid var(--violet);outline-offset:3px;border-radius:10px}
html{scrollbar-color:#C9C3BA transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#CFC9C0;border-radius:10px;border:3px solid var(--bg2)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:10px;z-index:99}
.skip:focus{left:8px}
.wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.nb{font-family:var(--f-text)!important;font-weight:inherit;letter-spacing:0}
.h-display .nb,.h-section .nb,.h-card .nb,.h-panel .nb,.h-imagine .nb{font-weight:800}

/* Градиент — фирменный акцент бренда (выделенные слова) */
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Заглушки «нужно от автора» */
.todo{display:inline-block;border:1.5px dashed var(--pink);background:rgba(236,72,153,.07);color:#8E1857;border-radius:8px;padding:0 .3em;font-family:var(--f-text);font-weight:700;text-decoration-color:currentColor;line-height:1.35}
.todo--dark{border-color:#F9A8D4;background:rgba(236,72,153,.18);color:#FFE4F3}
.todo--big{padding:0 .18em;border-radius:12px;border-width:2px}
.todo-box{display:flex;align-items:center;justify-content:center;text-align:center;min-height:64px;border:2px dashed var(--pink);border-radius:16px;background:rgba(236,72,153,.05);color:#8E1857;font-weight:700;padding:14px 16px 14px;position:relative;font-size:15px;line-height:1.35;width:100%}
.todo-box::before{content:attr(data-need);position:absolute;top:-10px;left:14px;background:#BE185D;color:#fff;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:99px;font-weight:800}
.todo-box--lg{min-height:180px;font-size:17px}
.todo-link{text-decoration:underline dashed var(--pink);text-underline-offset:4px}

/* Типографика */
.h-display{font-family:var(--f-disp);font-weight:800;letter-spacing:-.035em;line-height:.98;margin:0;text-wrap:balance}
.h-section{font-family:var(--f-disp);font-weight:800;letter-spacing:-.03em;line-height:1.02;font-size:clamp(32px,5.2vw,68px);margin:0 0 14px;text-wrap:balance;max-width:17ch}
.h-card{font-family:var(--f-disp);font-weight:800;letter-spacing:-.02em;line-height:1.08;font-size:clamp(21px,2vw,27px);margin:0 0 8px;text-wrap:balance}
.h-small{font-family:var(--f-text);font-weight:800;font-size:15px;letter-spacing:.01em;margin:0 0 18px}
.h-sub{font-family:var(--f-disp);font-weight:800;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.02em;margin:0 0 20px;line-height:1.1}
.h-sub small{font-family:var(--f-text);font-size:14px;font-weight:600;color:var(--ink3);letter-spacing:0;white-space:nowrap}
.lead{font-size:clamp(17px,1.5vw,20px);color:var(--ink2);max-width:46ch;margin:0 0 36px;line-height:1.5}
.lead b{color:var(--ink)}
p{margin:0 0 12px}

/* Кнопки: тёмные, с белым текстом и градиентной иконкой */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--cta);color:#fff;text-decoration:none;font-weight:700;font-size:16px;border-radius:999px;padding:8px 8px 8px 24px;min-height:52px;border:0;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s var(--ease);box-shadow:0 12px 26px -10px rgba(255,106,26,.6);white-space:nowrap}
.btn:hover{transform:translateY(-2px);background:var(--cta-d);box-shadow:0 18px 32px -12px rgba(255,106,26,.7)}
.btn:active{transform:translateY(0) scale(.98)}
.btn__ico{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;transition:transform .35s var(--ease)}
.btn:hover .btn__ico{transform:rotate(-45deg)}
.btn__ico svg{width:18px;height:18px;fill:none;stroke:var(--cta);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.btn--sm{min-height:44px;font-size:14px;padding:5px 5px 5px 18px;gap:10px}
.btn--sm .btn__ico{width:34px;height:34px}
.btn--lg{min-height:62px;font-size:18px;padding:9px 9px 9px 30px}
.btn--lg .btn__ico{width:44px;height:44px}
.btn--block{width:100%}

.ic{width:22px;height:22px;flex:none;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* Бегущая строка */
.ticker{overflow:hidden;position:relative;z-index:2}
.ticker__track{display:flex;width:max-content;align-items:center;animation:tick 32s linear infinite}
.ticker__track--rev{animation-direction:reverse;animation-duration:40s}
.ticker span{font-family:var(--f-text);font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.ticker i{width:10px;height:10px;border-radius:50%;margin:0 22px;flex:none}
.ticker--ink{background:var(--ink);color:#fff}
.ticker--ink .ticker__track{padding:9px 0}
.ticker--ink span{font-size:13px}
.ticker--ink i{background:var(--grad)}
.ticker--ink .todo{font-size:12px;padding:0 6px;margin-left:4px}
.tilt{overflow:hidden;padding:44px 0}
.ticker--grad{background:var(--grad);color:#fff;transform:rotate(-1.6deg);margin:0 -20px;box-shadow:0 18px 40px -18px rgba(236,72,153,.6)}
.ticker--grad .ticker__track{padding:16px 0}
.ticker--grad span{font-size:clamp(18px,2.4vw,30px);font-family:var(--f-disp);letter-spacing:-.01em;text-transform:none}
.ticker--grad i{background:#fff;width:12px;height:12px}
@keyframes tick{to{transform:translateX(-50%)}}

/* Навигация */
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px;position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--f-disp);font-weight:800;font-size:19px;letter-spacing:-.02em}
.brand img{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 4px 12px -4px rgba(17,19,24,.4)}
.brand em{font-style:normal;color:var(--ink3)}
.nav__links{display:none;gap:4px;background:rgba(255,255,255,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:5px;border-radius:999px;box-shadow:var(--sh)}
.nav__links a{text-decoration:none;font-weight:600;font-size:14px;padding:8px 16px;border-radius:999px;transition:background .25s}
.nav__links a:hover{background:var(--bg2)}
@media (min-width:900px){.nav__links{display:flex}}
@media (max-width:420px){.nav .btn--sm{padding-left:14px;font-size:13px}}

/* HERO */
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-top:8px;padding-bottom:40px;position:relative}
.hero__title{font-size:clamp(22px,6.8vw,72px)}
.hero__title{white-space:nowrap}
.hero__title .grad{-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero__title br.d{display:none}
@media (min-width:1024px){.hero__title br.d{display:inline}.hero__title br.m{display:none}}
.hero__title{order:0}.desk{order:1}.hero__copy{order:2}.proofs{order:3}.bonuses{order:4}

.pains{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.pains li{display:flex;gap:12px;align-items:flex-start;font-size:16px;color:var(--ink2);line-height:1.4}
.pains li b{color:var(--ink);font-weight:800}
.pains .ic{width:24px;height:24px;padding:4px;border-radius:50%;background:var(--grad);stroke:#fff;stroke-width:3;margin-top:-1px}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:28px}
.price-mini{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-family:var(--f-disp)}
.price-mini s{font-size:20px;font-weight:700;color:var(--ink3);text-decoration-thickness:2px}
.price-mini strong{font-size:40px;font-weight:800;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Рабочий стол */
.desk{position:relative;margin-top:14px;margin-right:10px}
.win{background:#fff;border-radius:18px;box-shadow:var(--sh-lg);overflow:hidden;position:relative}
.win__bar{display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;border-bottom:1px solid var(--line);background:#FBFAF8;position:relative}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:#E3DED7}
.dots i:first-child{background:#F4A3B8}.dots i:nth-child(2){background:#F7D58C}.dots i:nth-child(3){background:#A9DDB0}
.url{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:22px;background:var(--bg2);border-radius:8px;font-size:12px;color:var(--ink3);font-weight:600;max-width:320px;margin:0 auto;min-width:0}
.url svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2}
.url__txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.url__prog{position:absolute;left:0;bottom:-1px;height:2px;width:100%}
.url__prog i{display:block;height:100%;width:0;background:var(--grad);transition:width .3s linear}
.win--browser{position:relative;width:100%;z-index:1}
.win__view{position:relative;aspect-ratio:16/10;background:#F7F5F2;overflow:hidden}
.shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;display:block;clip-path:inset(0 0 0 0);transition:clip-path .7s var(--ease),transform 1.2s var(--ease),filter .7s var(--ease)}
.desk.is-building .shot{clip-path:inset(0 0 100% 0);transform:scale(1.04);filter:saturate(.6)}
.skel{position:absolute;inset:0;opacity:0;transition:opacity .3s}
.desk.is-building .skel{opacity:1}
.sk{position:absolute;background:#E7E2DB;border-radius:6px;transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--ease)}
.desk.sk-on .sk{transform:scaleX(1)}
.sk-logo{left:5%;top:6%;width:9%;height:4%}
.sk-nav1{left:44%;top:6.5%;width:7%;height:3%}.sk-nav2{left:54%;top:6.5%;width:7%;height:3%}.sk-nav3{left:64%;top:6.5%;width:7%;height:3%}
.sk-pill{left:82%;top:5%;width:13%;height:6%;border-radius:99px;background:linear-gradient(90deg,#d9cdfb,#f7cde4)}
.sk-h1{left:5%;top:24%;width:40%;height:8%;background:#D8D2CA}.sk-h2{left:5%;top:35%;width:34%;height:8%;background:#D8D2CA}.sk-h3{left:5%;top:46%;width:26%;height:8%;background:#D8D2CA}
.sk-p1{left:5%;top:60%;width:36%;height:3%}.sk-p2{left:5%;top:65.5%;width:28%;height:3%}
.sk-b1{left:5%;top:75%;width:14%;height:7%;border-radius:99px;background:#CFC8BF}.sk-b2{left:21%;top:75%;width:14%;height:7%;border-radius:99px}
.sk-img{left:52%;top:18%;width:43%;height:72%;border-radius:12px;background:linear-gradient(135deg,#ECE6FD,#FBE3F0);transform:scale(.6);opacity:0;transform-origin:center;transition:transform .55s var(--ease),opacity .4s}
.desk.sk-on .sk-img{transform:scale(1);opacity:1}
.sk:nth-child(2){transition-delay:.04s}.sk:nth-child(3){transition-delay:.07s}.sk:nth-child(4){transition-delay:.1s}.sk:nth-child(5){transition-delay:.13s}
.sk:nth-child(6){transition-delay:.18s}.sk:nth-child(7){transition-delay:.24s}.sk:nth-child(8){transition-delay:.3s}.sk:nth-child(9){transition-delay:.36s}.sk:nth-child(10){transition-delay:.4s}
.sk:nth-child(11){transition-delay:.46s}.sk:nth-child(12){transition-delay:.5s}.sk:nth-child(13){transition-delay:.2s}

.win--chat{position:absolute;left:0;bottom:0;width:96%;z-index:3;border-radius:20px}
.chat__head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:14px}
.chat__head b{display:block;line-height:1.1}
.chat__head small{display:block;font-size:11px;color:var(--ink3);font-weight:600}
.desk.is-building .chat__state{color:var(--violet)}
.chat__ava{width:28px;height:28px;border-radius:50%;background:url(blob_0.webp) center/170% no-repeat,#F5F0FF}
.chat__body{height:158px;padding:12px 14px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden}
.msg{font-size:13.5px;line-height:1.4;border-radius:16px;padding:9px 12px;max-width:100%;animation:pop .35s var(--ease)}
.msg--me{flex:none;align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}
.msg--ai{flex:none;align-self:flex-start;background:var(--bg2);border-bottom-left-radius:6px;display:flex;flex-direction:column;gap:6px}
.steps{display:flex;flex-wrap:nowrap;gap:4px}
.steps span{font-size:11px;font-weight:700;padding:3px 8px;white-space:nowrap;border-radius:99px;background:#fff;color:var(--ink3);transition:background .25s,color .25s}
.steps span.on{background:var(--grad);color:#fff}
.done{display:none;font-weight:700;align-items:center;gap:6px}
.done svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}
.msg--ai.is-done .done{display:inline-flex}
.chat__input{display:flex;align-items:center;margin:0 10px 10px;min-height:44px;border-radius:14px;background:var(--bg2);padding:8px 8px 8px 12px;font-size:13px;gap:2px}
.chat__typed{flex:1 1 auto;min-width:0;display:flex;justify-content:flex-end;align-items:center;overflow:hidden;white-space:nowrap;margin-right:8px}
.chat__typed:has(.chat__t:empty){justify-content:flex-start}
.chat__t{flex:none}
.chat__t:empty::before{content:attr(data-ph);color:var(--ink3)}
.caret{width:2px;height:16px;background:var(--violet);animation:blink 1s steps(2) infinite;flex:none}
.chat__send{margin-left:auto;width:30px;height:30px;border-radius:10px;background:var(--grad);display:grid;place-items:center;flex:none;transition:transform .2s}
.chat__send svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.chat__send.press{transform:scale(.85)}
@keyframes blink{to{opacity:0}}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.97)}}

/* Живая капля */
.desk__blob{position:absolute;z-index:4;width:64px;height:64px;right:-18px;top:-26px;touch-action:manipulation;cursor:grab}
.desk__blob canvas{width:100%;height:100%;position:relative;z-index:1}
.blob-shadow{position:absolute;left:18%;right:18%;bottom:-4%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(60,30,90,.35),transparent);filter:blur(6px);z-index:0}

.proofs{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:12px}
.proof{background:#fff;border-radius:var(--r-sm);box-shadow:var(--sh);padding:16px 18px;display:flex;flex-direction:column;gap:2px;position:relative}
.proof strong{font-family:var(--f-disp);font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1.15}
.proof span{font-size:14px;color:var(--ink3);line-height:1.4}
.proof s{text-decoration-thickness:2px;text-decoration-color:var(--pink);opacity:.7}
.proof--live{padding-left:42px}
.live-dot{position:absolute;left:18px;top:24px;width:10px;height:10px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:live 1.8s infinite}
@keyframes live{70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

.bonuses{margin-top:10px}
.bonus-row{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.bonus{display:flex;gap:14px;align-items:center;background:#fff;border-radius:var(--r-sm);box-shadow:var(--sh);padding:18px 14px}
.bonus__n{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--f-disp);font-weight:800;color:#fff;background:var(--grad)}
.bonus .todo-box{min-height:52px;font-size:14px}

@media (min-width:640px){
  .proofs{grid-template-columns:1fr 1fr}
  .proofs .proof--live{grid-column:1/-1}
  .bonus-row{grid-template-columns:repeat(3,1fr)}
  .bonus{flex-direction:column;align-items:flex-start}
}
@media (min-width:1024px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title title" "copy desk" "proofs proofs" "bonus bonus";column-gap:48px;row-gap:28px;padding-top:30px;align-items:start}
  .hero__title{grid-area:title;font-size:min(5.4vw,76px);margin-top:6px}
  .hero__copy{grid-area:copy}
  .desk{grid-area:desk;margin:0;align-self:start}
  .proofs{grid-area:proofs}.bonuses{grid-area:bonus}
  .desk__blob{width:88px;height:88px;right:-52px;top:-58px}
  .proofs{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
  .proofs .proof--live{grid-column:auto}
  .bonuses{grid-column:1/-1}
}

/* Секции */
.sec{padding-top:72px;padding-bottom:72px;position:relative}
@media (min-width:1024px){.sec{padding-top:120px;padding-bottom:120px}}
.sec--tint{background:var(--bg3);background-image:radial-gradient(rgba(17,19,24,.10) 1px,transparent 1.3px);background-size:22px 22px}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:22px;position:relative;overflow:hidden}
@media (min-width:768px){.card{padding:30px}}
.card p{color:var(--ink2);margin:0}
.bento{display:grid;gap:14px}
@media (min-width:768px){.bento{gap:18px}}

/* Результаты */
.bento--results{grid-template-columns:1fr}
@media (min-width:900px){
  .bento--results{grid-template-columns:7fr 5fr;grid-template-rows:auto auto}
  .card--cham{grid-row:1/3}
  .cham__media{flex:1;aspect-ratio:auto;min-height:340px}
}
.card--cham{padding:0;display:flex;flex-direction:column;transition:background .6s var(--ease)}
.card--cham[data-state="green"]{background:#F3F8E8}
.card--cham[data-state="purple"]{background:#F4EEFC}
.cham__media{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r) var(--r) 0 0;background:#cfe59b}
.cham__img,.cham__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cham__img{transition:opacity .25s}
.card--cham[data-state="green"] .cham__img--purple,.card--cham[data-state="purple"] .cham__img--green{opacity:0}
.cham__vid{opacity:0;transition:opacity .15s}
.cham__vid.is-play{opacity:1}
.cham__ui{padding:18px 22px 0;display:flex}
.card--cham .card__txt{padding:16px 22px 24px}
@media (min-width:768px){.cham__ui{padding:24px 30px 0}.card--cham .card__txt{padding:18px 30px 32px}}
.seg{position:relative;display:inline-flex;background:#fff;border-radius:999px;padding:5px;box-shadow:inset 0 0 0 1px var(--line),0 6px 16px -10px rgba(17,19,24,.3)}
.seg__btn{position:relative;z-index:1;border:0;background:none;padding:10px 18px;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .3s;min-height:44px;white-space:nowrap}
.seg__btn.is-on{color:#fff}
.seg__thumb{position:absolute;top:5px;bottom:5px;left:5px;border-radius:999px;background:var(--ink);transition:transform .45s var(--ease),width .45s var(--ease),background .45s}
.card--cham[data-state="green"] .seg__thumb{background:#4E7A12}
.card--cham[data-state="purple"] .seg__thumb{background:#6D3BC9}
.sw{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.sw--green{background:#8DC63F}.sw--purple{background:#9B5DE5}

.card--voice,.card--money{display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:300px}
.voice{position:relative;height:170px}
.voice__mock{position:absolute;left:0;right:30px;top:0;height:122px;border-radius:14px;background:var(--bg2);padding:14px 16px;overflow:hidden}
.vm-nav{display:block;height:6px;width:40%;border-radius:4px;background:#DDD7CF;margin-bottom:12px}
.vm-title{display:block;font-family:var(--f-disp);font-weight:800;font-size:15px;line-height:1.1;letter-spacing:-.02em;transform-origin:left top;transition:transform .5s var(--ease)}
.vm-line{display:block;height:6px;width:70%;border-radius:4px;background:#E2DDD6;margin-top:10px}
.vm-line--s{width:46%;margin-top:6px}
.vm-btn{display:inline-block;margin-top:10px;font-size:11px;font-weight:800;padding:5px 12px;border-radius:99px;background:#6E6862;color:#fff;transition:background .5s var(--ease)}
.card--voice.is-said .vm-title{transform:scale(1.45)}
.card--voice.is-said .vm-btn{background:var(--grad)}
.voice__pill{position:absolute;right:0;bottom:0;left:24px;display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:999px;padding:7px 16px 7px 7px;box-shadow:0 14px 30px -12px rgba(17,19,24,.6)}
.mic{width:34px;height:34px;border-radius:50%;background:var(--grad);display:grid;place-items:center;flex:none}
.mic svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
.wave{display:flex;gap:3px;align-items:center;height:20px;flex:none}
.wave i{width:3px;border-radius:2px;background:#fff;height:30%;animation:wv 1s var(--ease) infinite alternate}
.wave i:nth-child(2){animation-delay:.1s}.wave i:nth-child(3){animation-delay:.2s}.wave i:nth-child(4){animation-delay:.05s}.wave i:nth-child(5){animation-delay:.25s}.wave i:nth-child(6){animation-delay:.15s}.wave i:nth-child(7){animation-delay:.3s}
@keyframes wv{to{height:100%}}
.voice__say{font-size:12.5px;font-weight:600;line-height:1.3;min-width:0}

.tags{position:relative;height:170px}
.tag{position:absolute;font-family:var(--f-disp);font-weight:800;letter-spacing:-.02em;border-radius:16px;padding:10px 18px;box-shadow:var(--sh);transition:transform .7s var(--ease)}
.tag--a{left:0;top:10px;font-size:30px;background:var(--bg2);transform:rotate(-6deg)}
.tag--b{left:34%;top:46px;font-size:40px;color:#fff;background:var(--grad);transform:rotate(4deg);box-shadow:0 18px 30px -14px rgba(236,72,153,.6)}
.tag--c{left:4%;bottom:6px;font-size:18px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line),var(--sh);transform:rotate(3deg)}
.tag--d{right:4%;bottom:0;font-size:18px;background:var(--ink);color:#fff;transform:rotate(-4deg)}
.card--money:hover .tag--a{transform:rotate(-12deg) translateY(-6px)}
.card--money:hover .tag--b{transform:rotate(-2deg) scale(1.06)}

/* Мечта + счётчик */
.dream__grid{display:grid;gap:30px;align-items:center}
@media (min-width:1024px){.dream__grid{grid-template-columns:1.05fr .95fr;gap:60px}}
.dream .h-section{font-size:clamp(32px,4.6vw,62px);max-width:14ch}
.counter{padding:22px}
@media (min-width:768px){.counter{padding:32px}}
.seg--counter{width:100%;display:flex}
.seg--counter .seg__btn{flex:1;justify-content:center;font-size:15px;padding:10px 8px}
.counter[data-mode="after"] .seg__thumb{background:var(--grad)}
.counter__rows{margin:24px 0 0;display:grid;gap:0}
.crow{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.crow dt{font-size:14px;color:var(--ink3);font-weight:600;flex:none}
.crow dd{margin:0;text-align:right;min-width:0}
.cval{display:inline-block;font-family:var(--f-disp);font-weight:800;font-size:clamp(24px,3vw,36px);letter-spacing:-.03em;line-height:1.1;transition:transform .35s var(--ease),opacity .2s}
.cval.swap{opacity:0;transform:translateY(-14px)}
.counter[data-mode="after"] .cval{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.tbar{margin-top:22px}
.tbar__track{height:14px;border-radius:99px;background:var(--bg2);overflow:hidden}
.tbar__fill{display:block;height:100%;width:100%;border-radius:99px;background:var(--ink);transition:width 1.1s var(--ease),background .4s}
.counter[data-mode="after"] .tbar__fill{width:1.6%;background:var(--grad)}
.tbar__scale{display:flex;justify-content:space-between;font-size:12px;color:var(--ink3);font-weight:600;margin-top:6px}
.counter__note{margin-top:16px!important;font-size:14px}

/* Ошибки */
.bento--mist{grid-template-columns:1fr;margin-top:30px}
@media (min-width:900px){.bento--mist{grid-template-columns:1fr 1.25fr 1fr}}
.mist{display:flex;flex-direction:column;gap:18px}
.mist__bad,.mist__good{display:flex;gap:12px;align-items:flex-start;margin:0}
.mist__bad span{font-family:var(--f-disp);font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1.15;color:var(--ink);text-decoration:line-through;text-decoration-color:rgba(236,72,153,.7);text-decoration-thickness:3px}
.mist__good span{color:var(--ink2);font-size:16px}
.ic--x{width:30px;height:30px;padding:6px;border-radius:50%;background:#FDE2EF;stroke:#C0266F;stroke-width:3}
.ic--ok{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--grad);stroke:#fff;stroke-width:3}
.mist__quote{margin:auto 0 0;padding:16px 18px;border-radius:16px;background:var(--ink);color:#fff;font-family:var(--f-disp);font-weight:800;font-size:20px;letter-spacing:-.02em;line-height:1.15}
.mist__quote cite{display:block;font-family:var(--f-text);font-style:normal;font-weight:500;font-size:13px;color:#C9CBD3;margin-top:6px;letter-spacing:0}

.ba-wrap{margin-top:46px}
.ba-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 20px;margin-bottom:16px}
.ba-head .h-card{margin:0;max-width:30ch}
.ba-hint{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink3);margin:0}
.ba-hint svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.win--ba{border-radius:20px}
.ba{position:relative;aspect-ratio:16/10;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;background:#111}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba__before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba__lbl{position:absolute;top:14px;font-size:13px;font-weight:800;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.92);color:var(--ink);z-index:2;pointer-events:none}
.ba__lbl--l{left:14px}
.ba__lbl--r{right:14px;background:var(--grad);color:#fff}
.ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:44px;margin-left:-22px;z-index:3;display:flex;align-items:center;justify-content:center;cursor:ew-resize;outline:none}
.ba__handle::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.35)}
.ba__knob{position:relative;width:52px;height:52px;border-radius:50%;background:var(--grad);display:grid;place-items:center;box-shadow:0 0 0 4px #fff,0 10px 24px rgba(0,0,0,.35);transition:transform .25s var(--ease)}
.ba__handle:focus-visible .ba__knob{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--violet)}
.ba.dragging .ba__knob{transform:scale(1.1)}
.ba__knob svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:600px){.ba{aspect-ratio:4/5}.ba img{object-position:center}.ba__before{object-position:18% center}.ba__after{object-position:30% center}}

/* Формат */
.bento--format{grid-template-columns:1fr;margin-top:30px}
@media (min-width:768px){.bento--format{grid-template-columns:1fr 1fr 1.2fr}}
.fmt{min-height:250px;display:flex;flex-direction:column;justify-content:flex-end}
.fmt__big{font-family:var(--f-disp);font-weight:800;font-size:76px;line-height:1;letter-spacing:-.04em;margin-bottom:auto;padding-bottom:20px}
.fmt__big .todo{font-size:58px}
.inf{width:130px;height:70px;margin-bottom:auto;padding-bottom:16px}
.inf path{fill:none;stroke:url(#gi);stroke-width:9;stroke-linecap:round;stroke-dasharray:250 40;animation:infd 3.2s linear infinite}
@keyframes infd{to{stroke-dashoffset:-290}}
.fmt--timer{background:var(--ink);color:#fff}
.fmt--timer p{color:#C9CBD3}
.fmt__clock{font-family:var(--f-text);font-weight:800;font-size:70px;letter-spacing:-.03em;line-height:1;margin-bottom:auto;padding-bottom:20px;font-variant-numeric:tabular-nums;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Программа */
.prog-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px;margin-bottom:28px}
.prog-head .h-section{margin:0}
.draft-note{display:flex;align-items:center;gap:10px;font-weight:700;color:#8E1857;margin:0;border:1.5px dashed var(--pink);border-radius:99px;padding:6px 14px 6px 6px;background:rgba(255,255,255,.6);font-size:14px}
.draft-note__tag{background:#BE185D;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:99px}
.prog{display:grid;gap:14px}
@media (min-width:1024px){.prog{grid-template-columns:380px 1fr;gap:20px;align-items:start}}
.prog__tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (min-width:1024px){.prog__tabs{grid-template-columns:1fr;gap:8px}}
.ptab{display:flex;align-items:center;gap:12px;text-align:left;border:0;background:rgba(255,255,255,.6);border-radius:16px;padding:12px 14px;font-weight:700;font-size:14px;line-height:1.25;cursor:pointer;min-height:56px;transition:background .3s var(--ease),transform .3s var(--ease),box-shadow .3s}
.ptab:last-child{grid-column:1/-1}
@media (min-width:1024px){.ptab{font-size:16px;padding:14px 18px;min-height:62px}.ptab:last-child{grid-column:auto}}
.ptab:hover{background:#fff}
.ptab__n{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--bg2);font-family:var(--f-text);font-weight:800;flex:none;transition:background .3s,color .3s}
.ptab.is-on{background:#fff;box-shadow:var(--sh);transform:translateX(0)}
@media (min-width:1024px){.ptab.is-on{transform:translateX(8px)}}
.ptab.is-on .ptab__n{background:var(--grad);color:#fff}
.prog__panels{min-height:440px;display:flex;flex-direction:column;padding-top:34px}
.pprog{position:absolute;left:0;right:0;top:0;height:5px;background:var(--bg2)}
.pprog i{display:block;height:100%;width:calc(var(--p) / 6 * 100%);background:var(--grad);transition:width .5s var(--ease)}
.ppanel{animation:pin .45s var(--ease)}
.ppanel[hidden]{display:none}
@keyframes pin{from{opacity:0;transform:translateX(18px)}}
.h-panel{font-family:var(--f-disp);font-weight:800;font-size:clamp(28px,3.4vw,46px);letter-spacing:-.03em;line-height:1.04;margin:0 0 10px}
.ppanel__sub{font-size:17px;color:var(--ink2)!important;max-width:52ch}
.ppanel h4{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);margin:26px 0 10px;font-weight:800}
.ppanel ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ppanel li{position:relative;padding-left:26px;font-size:16px;line-height:1.45}
.ppanel li::before{content:"";position:absolute;left:4px;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--grad)}
.ppanel__res{margin-top:24px!important;padding:14px 18px;border-radius:14px;background:var(--bg2);color:var(--ink)!important;font-size:16px}
.ppanel__nav{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:24px}
.pbtn{width:48px;height:48px;border-radius:50%;border:0;background:var(--bg2);display:grid;place-items:center;cursor:pointer;transition:background .25s}
.pbtn:hover{background:var(--bg3)}
.pbtn svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pcount{font-weight:700;color:var(--ink3);font-variant-numeric:tabular-nums}
.pcount b{color:var(--ink)}
.mid-cta{display:flex;justify-content:center;margin-top:44px}

/* Представь */
.imagine{position:relative;background:var(--ink);color:#fff;overflow:hidden;display:grid}
.imagine__photo{position:relative;height:420px}
.imagine__photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.imagine__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,19,24,0) 45%,var(--ink) 100%)}
.imagine__copy{padding-top:10px;padding-bottom:64px;position:relative}
.h-imagine{font-family:var(--f-disp);font-weight:800;font-size:clamp(30px,4.6vw,64px);letter-spacing:-.03em;line-height:1.08;margin:0;max-width:18ch}
.strike{position:relative;white-space:nowrap;color:#9A9CA6}
.strike::after{content:"";position:absolute;left:-2%;right:-2%;top:54%;height:.11em;border-radius:4px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.strike.on::after{transform:scaleX(1)}
.strike:nth-of-type(2)::after{transition-delay:.35s}
@media (min-width:1024px){
  .imagine{grid-template-columns:1fr 1fr;min-height:640px}
  .imagine__photo{height:auto;order:2}
  .imagine__photo::after{background:linear-gradient(90deg,var(--ink) 0%,rgba(17,19,24,0) 40%)}
  .imagine__copy{align-self:center;padding:80px 0 80px max(var(--gut),calc((100vw - 1280px)/2 + var(--gut)))}
}

/* Оффер */
.bento--offer{grid-template-columns:1fr;margin-top:30px}
@media (min-width:900px){.bento--offer{grid-template-columns:1fr 1fr}}
.incl{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px}
.incl li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.4}
.incl .ic{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--grad);stroke:#fff;stroke-width:3}
.incl .todo-li{margin-top:12px}
.offer__buy{background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:12px;padding-top:30px}
.offer__buy .btn{margin-top:8px}
.offer__buy .btn:hover{box-shadow:0 16px 30px -12px rgba(236,72,153,.6)}
.offer__blob{position:absolute;right:-30px;top:-34px;width:170px;height:170px;opacity:.95;pointer-events:none}
.offer__blob canvas{width:100%;height:100%}
.offer__timer-lbl{color:#C9CBD3!important;font-weight:700;font-size:14px;position:relative}
.timer{display:flex;align-items:center;gap:6px;font-family:var(--f-text);font-weight:800;font-variant-numeric:tabular-nums;position:relative}
.timer__d{display:inline-block;min-width:1.25em;text-align:center;font-size:clamp(64px,8vw,96px);line-height:1;letter-spacing:-.03em;background:#1E2027;border-radius:20px;padding:10px 12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.timer__sep{font-size:56px;color:var(--pink);animation:blink 1s steps(2) infinite}
.timer.is-over .timer__d{color:#6B6E78}
.offer__price{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:10px}
.offer__price .todo{color:#FFE4F3;border-color:#F9A8D4;background:rgba(236,72,153,.16)}
.offer__price s{font-family:var(--f-disp);font-size:26px;font-weight:700;color:rgba(255,255,255,.5);text-decoration-thickness:2px}
.offer__price strong{font-family:var(--f-disp);font-size:64px;font-weight:800;line-height:1;background:linear-gradient(90deg,#C4B5FD,#F9A8D4);-webkit-background-clip:text;background-clip:text;color:transparent}
.offer__fine{font-size:13px;color:#C9CBD3!important;margin-top:4px!important}
.offer__fine .todo{color:#FFE4F3;border-color:#F9A8D4;background:rgba(236,72,153,.16);font-size:13px}

/* Доказательство */
.bigquote{margin:0 0 34px}
.bigquote p{font-family:var(--f-disp);font-weight:800;font-size:clamp(30px,4.4vw,60px);letter-spacing:-.03em;line-height:1.06;margin:0;max-width:22ch;color:var(--ink)}
.bento--proof{grid-template-columns:1fr}
@media (min-width:900px){.bento--proof{grid-template-columns:1fr 1fr 1.3fr}}
.vs ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.vs li{font-size:17px;color:var(--ink2)}
.vs li b{font-family:var(--f-disp);font-weight:800;color:var(--ink);font-size:21px;letter-spacing:-.02em}
.vs--then li b{text-decoration:line-through;text-decoration-color:rgba(236,72,153,.7);text-decoration-thickness:3px}
.vs--now{background:var(--ink);color:#fff}
.vs--now li{color:#C9CBD3}
.vs--now li b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.chips{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:9px 14px;border-radius:99px;background:var(--bg2);font-weight:700;font-size:14px}
.chips li:nth-child(3){background:var(--grad);color:#fff}

/* Об авторе */
.about__grid{display:grid;gap:30px}
@media (min-width:1024px){.about__grid{grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}}
.about__photo{margin:0;position:relative;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-lg);aspect-ratio:4/5;background:var(--bg3)}
.about__photo img{width:100%;height:100%;object-fit:cover}
.about__photo figcaption{position:absolute;left:14px;bottom:14px;background:#fff;border-radius:99px;padding:8px 14px;font-weight:800;font-size:14px;box-shadow:var(--sh)}
.about__text{font-size:17px;color:var(--ink2);max-width:58ch}
.about__text b{color:var(--ink)}
.facts{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fact{background:#fff;border-radius:var(--r-sm);box-shadow:var(--sh);padding:16px;display:flex;flex-direction:column;gap:4px}
.fact strong{font-family:var(--f-disp);font-weight:800;font-size:18px;letter-spacing:-.02em;line-height:1.15}
.fact s{text-decoration-color:var(--pink);text-decoration-thickness:2px;opacity:.7}
.fact span{font-size:14px;color:var(--ink3)}
.fact:first-child strong{font-size:30px}
.haters{margin-top:64px}
.flips{display:grid;gap:14px}
@media (min-width:768px){.flips{grid-template-columns:repeat(3,1fr)}}
.flip{border:0;background:none;padding:0;perspective:900px;cursor:pointer;min-height:112px;text-align:left}
.flip__in{display:grid;height:100%;min-height:112px;transition:transform .6s var(--ease);transform-style:preserve-3d}
.flip__f,.flip__b{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--r-sm);padding:22px;display:flex;align-items:center;box-shadow:var(--sh)}
.flip__f{background:#fff;font-family:var(--f-disp);font-weight:800;font-size:24px;letter-spacing:-.02em;line-height:1.1;position:relative}
.flip__f::after{content:"";position:absolute;right:16px;bottom:16px;width:28px;height:28px;border-radius:50%;background:var(--bg2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111318' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M4 12a8 8 0 0 1 14-5.3M20 12a8 8 0 0 1-14 5.3M18 3v4h-4M6 21v-4h4'/%3E%3C/svg%3E") center/16px no-repeat}
.flip__b{background:var(--ink);color:#fff;transform:rotateY(180deg);font-size:17px;font-weight:600;line-height:1.4}
.flip[aria-pressed="true"] .flip__in{transform:rotateY(180deg)}

/* Галерея */
.bento--gallery{grid-template-columns:1fr}
@media (min-width:768px){.bento--gallery{grid-template-columns:1fr 1fr;align-items:start}.gwin--xl{grid-column:1/-1}.reviews-slot{grid-column:1/-1}}
.gwin{margin:0;display:flex;flex-direction:column;gap:10px}
.gwin .win{border-radius:16px}
.gwin video{width:100%;aspect-ratio:16/10;object-fit:cover;background:#0f1013}
.gwin figcaption{font-size:14px;color:var(--ink3);padding-left:4px}
.gwin figcaption b{color:var(--ink)}
.win--dark .win__bar{background:#1A1C21;border-color:rgba(255,255,255,.06)}
.win--dark .url{background:#262830;color:#9A9CA6}
.gwin .win{transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.gwin:hover .win{transform:translateY(-4px);box-shadow:0 2px 4px rgba(17,19,24,.05),0 36px 70px -26px rgba(17,19,24,.38)}
.reviews-slot{display:flex}
.reviews-slot .todo-box{min-height:160px}

/* FAQ */
.faq-wrap{display:grid;gap:24px}
@media (min-width:1024px){.faq-wrap{grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}}
.faq{display:grid;gap:10px}
.qa{background:#fff;border-radius:var(--r-sm);box-shadow:var(--sh)}
.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font-weight:700;font-size:17px;line-height:1.3;min-height:60px}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{width:32px;height:32px;border-radius:50%;background:var(--bg2);flex:none;position:relative;transition:background .3s,transform .4s var(--ease)}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2.4px;margin:-1.2px 0 0 -6px;background:var(--ink);border-radius:2px}
.qa summary i::after{transform:rotate(90deg);transition:transform .4s var(--ease)}
.qa[open] summary i{background:var(--grad);transform:rotate(180deg)}
.qa[open] summary i::before,.qa[open] summary i::after{background:#fff}
.qa[open] summary i::after{transform:rotate(0)}
.qa__a{padding:0 20px 20px;color:var(--ink2);font-size:16px}
.qa[open] .qa__a{animation:pop .35s var(--ease)}

/* Футер */
.foot{background:var(--ink);color:#fff;padding:56px 0 110px;margin-top:0}
@media (min-width:900px){.foot{padding-bottom:56px}}
.foot__in{display:grid;gap:28px;align-items:center}
@media (min-width:900px){.foot__in{grid-template-columns:1fr auto;}}
.foot__brand{display:flex;gap:16px;align-items:center}
.foot__brand img{width:64px;height:64px}
.foot__big{font-family:var(--f-disp);font-weight:800;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;margin:0 0 4px;line-height:1.1}
.foot__ig{color:#C9CBD3;font-weight:700;text-decoration:none}
.foot__ig:hover{color:#fff}
.foot .btn{justify-self:start}
.foot__legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px;color:#9A9CA6;border-top:1px solid rgba(255,255,255,.1);padding-top:22px}
.foot__legal a{color:#C9CBD3}

/* Липкая кнопка */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(245,243,240,0),rgba(245,243,240,.94) 40%);transform:translateY(120%);transition:transform .45s var(--ease)}
.sticky.on{transform:none}
.sticky .btn{min-height:56px;padding:8px 10px 8px 22px;justify-content:space-between}
.sticky__t{font-variant-numeric:tabular-nums;background:#fff;color:var(--cta);border-radius:99px;padding:8px 14px;font-weight:800;font-size:15px}
@media (min-width:900px){.sticky{display:none}}

/* Появление: по умолчанию видно; JS прячет только то, что ниже экрана */
.js .reveal.pre{opacity:0;transform:translateY(26px)}
.reveal{transition:opacity .6s var(--ease),transform .7s var(--ease)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .ticker__track{animation:none}
  .js .reveal.pre{opacity:1;transform:none}
}

@media (min-width:768px){.flip,.flip__in{min-height:150px}}
.msg[hidden]{display:none!important}

/* скидка */
.disc{display:inline-block;padding:6px 12px;border-radius:8px;background:var(--grad);color:#fff;font-family:var(--f-text);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap}
.offer__price .disc{font-size:15px;padding:8px 14px}

/* Для кого — строка над заголовком */
.hero__for{order:-1;margin:0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--violet)}
@media (min-width:1024px){.hero__for{grid-column:1/-1}}

/* Знакомо? — боли */
.pain-grid{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
@media (min-width:768px){.pain-grid{grid-template-columns:1fr 1fr;gap:14px}}
.pain{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:18px;padding:18px 20px;box-shadow:var(--sh-sm,0 1px 2px rgba(17,19,24,.06),0 10px 24px -14px rgba(17,19,24,.18));font-size:17px;line-height:1.4;color:var(--ink);font-weight:600}
.pain .x{flex:none;width:26px;height:26px;padding:6px;border-radius:50%;background:#FDE7F1;stroke:var(--pink);stroke-width:3;stroke-linecap:round;fill:none;margin-top:-1px}
.pain--close{background:var(--ink);color:#fff;font-family:var(--f-disp);font-weight:800;font-size:clamp(18px,2vw,22px);line-height:1.3;padding:22px 24px}
@media (min-width:768px){.pain--close{grid-column:2}}

/* Для кого */
.who-grid{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
@media (min-width:640px){.who-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.who-grid{grid-template-columns:repeat(3,1fr);gap:16px}}
.who{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:20px;padding:22px;box-shadow:var(--sh-sm,0 1px 2px rgba(17,19,24,.06),0 10px 24px -14px rgba(17,19,24,.18))}
.who__n{font-family:var(--f-disp);font-weight:800;font-size:15px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.who b{font-family:var(--f-disp);font-size:20px;line-height:1.2;color:var(--ink)}
.who>span:last-child{font-size:15px;line-height:1.45;color:var(--ink2)}

/* Что изменится */
.h-section--light{color:#fff}
.after-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px}
@media (min-width:768px){.after-list{grid-template-columns:1fr 1fr;gap:16px 40px}}
.after-list li{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.4;color:rgba(255,255,255,.88)}
.after-list .ic{flex:none;width:26px;height:26px;padding:5px;border-radius:50%;background:var(--grad);stroke:#fff;stroke-width:3;fill:none}

/* хамелеон в галерее — на всю ширину */
.card--wide{grid-column:1/-1}
.card--wide .cham__media{aspect-ratio:16/10;min-height:0}

.sec-cta{display:flex;justify-content:center;margin-top:32px}

@media (min-width:1024px) and (max-width:1279px){.desk__blob{right:-14px;top:-50px;width:76px;height:76px}}

@media (max-width:1023px){.hero__copy{display:flex;flex-direction:column}.hero__cta{order:1;margin-top:0;margin-bottom:24px}.pains{order:2}}
.lead--light{color:rgba(255,255,255,.78);max-width:46ch}
.bonus__t{display:flex;flex-direction:column;gap:4px;min-width:0}
.bonus__t b{font-family:var(--f-disp);font-size:17px;line-height:1.25;color:var(--ink)}
.bonus__t>span{font-size:14px;line-height:1.45;color:var(--ink2)}
.bonuses__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:16px}
.bonuses__head .h-small{margin:0;font-family:var(--f-disp);font-size:clamp(20px,2.3vw,30px);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.bonuses__timer{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;background:var(--cta);color:#fff;font-family:var(--f-disp);font-weight:800;font-size:18px;font-variant-numeric:tabular-nums;box-shadow:0 10px 22px -10px rgba(255,106,26,.6)}
.bonuses__timer svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}

/* Отзывы — переписки в стиле Telegram (пока примеры) */
.reviews{grid-column:1/-1;margin-top:8px}
.reviews__t{margin:0 0 16px}
.reviews__row{display:grid;gap:16px}
@media (min-width:900px){.reviews__row{grid-template-columns:repeat(3,1fr);align-items:start}}
.tg{position:relative;border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--sh)}
.tg__badge{position:absolute;bottom:10px;left:14px;z-index:2;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8E1857;background:#FDE7F1;border:1.5px dashed var(--pink);border-radius:8px;padding:3px 7px}
.tg__head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border-bottom:1px solid var(--line);font-size:14px}
.tg__head b{display:block;line-height:1.15}
.tg__head small{display:block;font-size:12px;color:#8B8E96}
.tg__back{width:20px;height:20px;fill:none;stroke:#3390EC;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tg__ava{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,#72D5FD,#2A9EF1)}
.tg__chat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 14px 44px;min-height:180px;background:#DCE8D2 radial-gradient(circle at 20% 20%,rgba(255,255,255,.35) 0 2px,transparent 3px) 0 0/22px 22px}
.tg__msg{position:relative;max-width:88%;background:#fff;border-radius:16px 16px 16px 6px;padding:8px 12px 18px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.tg__msg p{margin:0;font-size:14.5px;line-height:1.4;color:#111}
.tg__msg time{position:absolute;right:10px;bottom:4px;font-size:11px;color:#8B8E96}
.tg__msg--img{padding:4px 4px 18px}
.tg__img{width:220px;max-width:100%;aspect-ratio:16/10;border-radius:12px;background:linear-gradient(135deg,#E9E5DF,#F5F3F0);display:grid;place-items:center;font-size:12px;font-weight:700;color:#8B8E96}
/* отзывы — скрины переписок (пока примеры) */
.reviews__row--shots{display:block;columns:3 280px;column-gap:16px}
.rshot{position:relative;margin:0 0 16px;break-inside:avoid;border-radius:22px;overflow:hidden;box-shadow:var(--sh);background:#fff}
.rshot img{display:block;width:100%;height:auto}
.rshot__badge{position:static;display:block;width:max-content;max-width:calc(100% - 20px);margin:8px 10px 10px;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8E1857;background:#FDE7F1;border:1.5px dashed var(--pink);border-radius:8px;padding:3px 7px}
@media (max-width:640px){
  .reviews__row--shots{columns:auto;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--gut));padding:0 var(--gut) 6px;scrollbar-width:none}
  .reviews__row--shots::-webkit-scrollbar{display:none}
  .rshot{flex:0 0 78%;margin:0;scroll-snap-align:center;align-self:flex-start}
}

/* фикс: блок отзывов не распирает страницу на телефоне */
.reviews,.reviews__row--shots{min-width:0;max-width:100%}

/* футер: ссылки удобные для пальца (≥44px) */
.foot__ig{display:inline-flex;align-items:center;min-height:44px}
.foot__legal{gap:4px 24px}
.foot__legal a{display:inline-flex;align-items:center;min-height:44px}