/* worksetup.ru v3: стопка плит (главная). Подключается после tokens.css. */

/* шапка: капсула на всю ширину поверх первой плиты */
header.site{position:fixed;left:0;right:0;top:12px;margin:0;padding:0 var(--gutter)}
header.site .bar{max-width:none;border:1px solid var(--line);box-shadow:none;background:var(--surface);backdrop-filter:none}
main{display:block}

/* плита */
.slab{position:relative;background:var(--slab-bg);color:var(--text);border-radius:var(--r-slab) var(--r-slab) 0 0;margin-top:calc(var(--r-slab) * -1);padding:var(--slab-pad) 0 calc(var(--slab-pad) + var(--r-slab));overflow:clip}
.slab>.wrap{max-width:var(--content-max);padding-left:var(--gutter);padding-right:var(--gutter)}
.slab.hero{margin-top:0}
footer.slab{padding:var(--slab-pad) 0 56px;border:0;margin-bottom:0}
footer.slab .fpanel{background:transparent;border:0;padding:0}
footer.slab a{color:var(--muted)}footer.slab a:hover{color:var(--text)}
footer.slab h2{color:var(--text)}

/* типографика плит: лёгкий крупный кегль, слева */
#main .slab[id]>.wrap>h2,#main .slab[id]>.wrap>.sub{text-align:left;margin-left:0;margin-right:0}
#main .slab[id]>.wrap>h2{font-size:var(--fs-h2);font-weight:500;line-height:1.02;letter-spacing:-.03em;margin:0 0 .35em;text-wrap:balance;max-width:16ch}
#main .slab[id]>.wrap>p.sub{font-size:var(--fs-lead);line-height:1.35;color:var(--muted);max-width:44ch;margin:0 0 clamp(32px,4vw,56px)}
.slab p,.slab li{max-width:none}

/* hero-плита */
.hero.slab{min-height:100svh;display:flex;align-items:center;padding:96px 0 calc(var(--r-slab) + 4px)}
.hero.slab::before,.hero.slab::after{content:none}
.hero.slab>.wrap{width:100%;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(32px,4vw,72px);align-items:center}
.hero.slab h1{font-size:var(--fs-display);font-weight:500;line-height:.97;letter-spacing:-.035em;margin:0 0 .3em;text-wrap:balance}
.hero.slab p.lead{font-size:var(--fs-lead);line-height:1.35;color:var(--muted);max-width:34ch;margin:0 0 32px}
.hero.slab .cta{gap:12px}
.hero.slab .fact{margin:20px 0 0;color:var(--muted);font-size:.98rem}
.hero.slab .btn{min-height:56px;padding:12px 28px;font-size:1.05rem;border-radius:var(--r-pill)}
.hero.slab .btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}
.hero.slab .btn.ghost:hover{border-color:var(--text)}

/* демо: бумажная карточка на тёмной плите, без стекла и тени */
.demo #quiz .qopts button{padding:10px 16px}
.demo{background:var(--surface);color:var(--text);backdrop-filter:none;border:0;border-radius:var(--r-banner);box-shadow:none;padding:22px}
.demo-tabs{background:var(--bg-soft)}
.demo .plaque{box-shadow:none;border:1px solid var(--line)}

@media (max-width:980px){
  .hero.slab{min-height:0;align-items:flex-start}
  .hero.slab>.wrap{grid-template-columns:minmax(0,1fr)}
  .hero.slab h1{font-size:clamp(2.5rem,11vw,4rem)}
}
@media (max-width:860px){
  header.site{top:8px;padding:0 8px}
  .slab{--r-slab:32px}
}
@media (max-width:560px){
  :root{--gutter:16px;--slab-pad:64px}
  .demo{padding:20px;border-radius:24px}
}

/* белые карточки внутри Lime-плиты: возвращаем им бумажную семантику */
[data-tone="lime"] .rc{
  --bg:#fff; --bg-soft:var(--paper-200); --muted:var(--muted-on-paper); --line:var(--paper-line);
  --brand:var(--lime-800); --brand-ink:#fff; --brand-soft:var(--lime-soft);
  --cta:var(--ink-900); --cta-ink:var(--lime-400);
}

/* ===== E: «Что я делаю»: текст проявляется при скролле, ряд путей раскрывается ===== */
#intro .intro-head{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,1fr);gap:var(--gutter);align-items:start}
#intro .intro-head h2{font-size:clamp(1.75rem,3vw,2.75rem);font-weight:400;letter-spacing:-.025em;line-height:1.05;margin:.15em 0 0}
.statement{margin:0;font-size:clamp(1.75rem,3.7vw,3.6rem);line-height:1.12;letter-spacing:-.028em;font-weight:400;text-wrap:pretty}
:root:not(.no-js) [data-reveal] .w{color:color-mix(in srgb,var(--text) 52%,transparent);transition:color .3s var(--ease)}
:root:not(.no-js) [data-reveal] .w.on{color:var(--text)}
.paths{display:flex;gap:12px;height:min(560px,64svh);margin-top:clamp(48px,6vw,88px)}
.path{position:relative;flex:1 1 0;min-width:0;display:block;border-radius:var(--r-banner);overflow:hidden;color:#fff;text-decoration:none;background:var(--ink-900);transition:flex-grow .6s var(--ease)}
.path:is(:hover,:focus-visible,.open){flex-grow:3}
.paths:hover .path.open:not(:hover){flex-grow:1}
.path:focus-visible{outline:3px solid var(--ink-900);outline-offset:3px}
.path img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.path:is(:hover,.open) img{transform:scale(1.04)}
.path::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,16,32,.96) 0%,rgba(11,16,32,.82) 30%,rgba(11,16,32,.3) 55%,rgba(11,16,32,0) 75%)}
.path-body{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:6px;padding:clamp(18px,2vw,28px)}
.path-name{margin:0;font-size:clamp(1.1rem,1.5vw,1.5rem);font-weight:500;line-height:1.12;letter-spacing:-.015em;text-wrap:balance}
.path-meta{font-size:.92rem;text-wrap:balance;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.86)}
.path-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.path-list{overflow:hidden;min-height:0;font-size:.98rem;line-height:1.4;color:rgba(255,255,255,.86);opacity:0;transition:opacity .4s}
.path:is(:hover,.open) .path-more{grid-template-rows:1fr}
.path:is(:hover,.open) .path-list{opacity:1}
.paths:hover .path.open:not(:hover) .path-more{grid-template-rows:0fr}
.paths:hover .path.open:not(:hover) .path-list{opacity:0}
.path-go{align-self:flex-start;margin-top:8px;display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:var(--r-pill);background:var(--lime-400);color:var(--ink-900);font-weight:600;opacity:0;transition:opacity .4s}
.path:is(:hover,:focus-visible,.open) .path-go{opacity:1}
.paths:hover .path.open:not(:hover) .path-go{opacity:0}

/* ===== F: сцена решений (pin по скроллу, 4 группы) ===== */
.slab.scene{padding:0 0 var(--r-slab);scroll-margin-top:-84px}
.scene-sticky{display:flex;flex-direction:column;gap:20px;padding:var(--slab-pad) 0 28px}
.scene-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 32px;flex-wrap:wrap;width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--gutter)}
.scene-head h2{font-size:clamp(2rem,3.6vw,3.5rem);font-weight:500;line-height:1.02;letter-spacing:-.03em;margin:0 0 .3em}
.scene-note{margin:0;max-width:46ch;color:var(--muted);font-size:1rem;line-height:1.4}
.scene-ctl{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px 20px;min-width:0}
.scene-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.scene-tab{font:inherit;font-weight:500;font-size:.95rem;min-height:44px;padding:8px 18px;border-radius:var(--r-pill);border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.scene-tab:hover{border-color:var(--text)}
.scene-tab[aria-selected="true"]{background:var(--lime-400);border-color:var(--lime-400);color:var(--ink-900)}
.scene-nav{display:flex;align-items:center;gap:10px}
.scene-count{font-variant-numeric:tabular-nums;color:var(--muted);min-width:4.5ch;text-align:right}
.scene-nav .icon-btn{border-radius:50%;background:transparent;border:1px solid var(--line);color:var(--text)}
.scene-nav .icon-btn:hover{border-color:var(--text)}
.scene-view{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.scene-view::-webkit-scrollbar{display:none}
.scene-track{display:flex;gap:20px;list-style:none;margin:0;padding:0 var(--gutter);width:max-content}
.ban{flex:none;width:var(--ban-w,84vw);scroll-snap-align:start}
.ban[hidden]{display:none}
.ban-link{display:block;color:var(--text);text-decoration:none}
.ban-fig{margin:0;aspect-ratio:3/2;border-radius:var(--r-banner);overflow:hidden;background:var(--surface)}
.ban-fig img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.ban-link:hover .ban-fig img{transform:scale(1.03)}
.ban-link:focus-visible{outline:none}
.ban-link:focus-visible .ban-fig{outline:3px solid var(--lime-400);outline-offset:4px}
.ban-cap{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;padding:16px 4px 0}
.ban-title{font-size:clamp(1.15rem,1.8vw,1.6rem);font-weight:500;letter-spacing:-.015em;margin-right:auto}
.ban-meta{color:var(--muted);font-variant-numeric:tabular-nums}
.ban-go{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border-radius:var(--r-pill);background:var(--lime-400);color:var(--ink-900);font-weight:600}
@media (min-width:1024px){
  .scene-on .scene-wrap{height:var(--scene-h)}
  .scene-on .scene-sticky{position:sticky;top:0;height:100svh;overflow:hidden;padding-top:104px;padding-bottom:88px}
  .scene-on .scene-view{overflow:hidden;scroll-snap-type:none;flex:1;min-height:0}
  .scene-on .scene-track{will-change:transform}
}
@media (max-width:860px){
  #intro .intro-head{grid-template-columns:minmax(0,1fr);gap:8px}
  .paths{flex-direction:column;height:auto}
  .path{flex:none;min-height:240px}
  .path-more{grid-template-rows:1fr}.path-list,.path-go{opacity:1}
  .scene-ctl{align-items:flex-start;width:100%}.scene-tabs{justify-content:flex-start}
}

/* ===== G–H: доверие, «Кто делает», «Как работаем», «Для кого», вопросы, отзывы, статьи ===== */
.tag-pill{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--line);background:transparent;color:var(--text);text-decoration:none;font-size:.95rem;white-space:nowrap}
a.tag-pill:hover{border-color:var(--text)}

/* доверие: цифры без карточек, линия сверху */
.trust-grid{gap:0 clamp(16px,2vw,32px)}
.stat{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:20px 12px 0 0}
.stat .num{font-size:clamp(2.75rem,5.4vw,5rem);font-weight:400;letter-spacing:-.035em}
.stat p{font-size:1rem}
.trust .pill{background:transparent}

/* «Кто делает» */
#about .about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start;margin-top:clamp(32px,4vw,56px)}
#about .about-text p{font-size:var(--fs-lead);line-height:1.4;margin:0 0 20px}
#about .about-text .how-line{font-size:1.05rem;color:var(--muted)}
#about .chips{margin:0 0 24px}
#about .chips li{background:transparent;border:1px solid var(--line);padding:8px 18px}
#about .why{list-style:none;margin:0;padding:0}
#about .why li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:26px 0;border-top:1px solid var(--line)}
#about .why li:last-child{border-bottom:1px solid var(--line)}
#about .why .ci{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--lime-400);color:var(--ink-900)}
#about .why b{display:block;font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:500;letter-spacing:-.015em}
#about .why p{margin:.35em 0 0;color:var(--muted);font-size:1.02rem}

/* «Как работаем»: линия шагов */
#how .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(20px,3vw,48px);margin:clamp(40px,5vw,72px) 0 0;position:relative}
#how .steps::before{content:"";position:absolute;left:0;right:0;top:19px;height:2px;background:var(--line)}
#how .steps li{background:none;border:0;border-radius:0;min-height:0;overflow:visible;padding:64px 0 0;position:relative;color:var(--text)}
#how .steps li::after{content:none}
#how .steps li::before{position:absolute;top:0;left:0;width:40px;height:40px;margin:0;font-size:1rem;background:var(--lime-400);color:var(--ink-900)}
#how .steps h3{font-size:clamp(1.4rem,2.2vw,2rem);font-weight:500;letter-spacing:-.02em;line-height:1.1;margin:0 0 .45em}
#how .steps li p{color:var(--muted);font-size:1.05rem;max-width:34ch}

/* «Для каких сайтов»: вкладки по типам */
#for .chips{justify-content:flex-start;gap:10px;margin-top:8px}
#for .chips li{background:none;border:0;padding:0}
#for .chips button{font:inherit;font-size:1.1rem;font-weight:500;min-height:52px;padding:0 24px;border-radius:var(--r-pill);border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#for .chips button:hover{border-color:var(--text)}
#for .chips button[aria-selected="true"]{background:var(--text);border-color:var(--text);color:var(--bg)}
.for-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.for-item{display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:170px;padding:24px;border-radius:var(--r-banner);background:var(--surface);color:var(--text);text-decoration:none;transition:background .25s}
.for-item:hover,.for-item:focus-visible{background:var(--lime-400);color:var(--ink-900)}
.for-item b{font-size:clamp(1.25rem,1.9vw,1.6rem);font-weight:500;letter-spacing:-.015em;line-height:1.15}
.for-item span{font-variant-numeric:tabular-nums;color:var(--muted)}
.for-item:hover span,.for-item:focus-visible span{color:var(--ink-900)}

/* вопросы: крупные строки-аккордеон */
#faq details{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:0;margin:0}
#faq details:last-of-type{border-bottom:1px solid var(--line)}
#faq summary{min-height:76px;font-size:clamp(1.15rem,1.8vw,1.6rem);font-weight:500;letter-spacing:-.015em}
#faq details p{font-size:1.05rem;max-width:62ch;padding:0 0 22px}
#faq details[open]{border-color:var(--line)}

/* «Что входит и сколько стоит»: без цветной верхней рамки и подъёма */
.card{border-top:1px solid var(--line);border-radius:24px}
.card:hover{transform:none;box-shadow:none}

/* отзывы: крупные цитаты на Lime, лента тянется мышью */
.rc-list{grid-auto-columns:min(460px,86%)}
.rc{border:0;border-radius:var(--r-banner);padding:clamp(22px,2.4vw,32px);gap:18px}
.rc blockquote{font-size:clamp(1.15rem,1.55vw,1.4rem);line-height:1.38}
.scroller{cursor:grab}
.scroller.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.scroller.dragging a{pointer-events:none}
[data-tone="lime"] .sc-nav .icon-btn{background:var(--ink-900);border-color:var(--ink-900);color:var(--lime-400)}

/* статьи (блог): крупные карточки, теги-пилюли */
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(28px,3vw,44px)}
.tz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,48px) 20px}
#articles .tz{display:flex;flex-direction:column;gap:12px;background:none;border:0;border-radius:0;color:var(--text);text-decoration:none;box-shadow:none;transform:none}
#articles .tz-fig{display:block;aspect-ratio:1200/630;border-radius:var(--r-banner);overflow:hidden;background:var(--surface)}
#articles .tz-fig img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
#articles .tz:hover .tz-fig img{transform:scale(1.03)}
#articles .tz-tags{display:flex;flex-wrap:wrap;gap:8px}
#articles .tz-t{font-size:clamp(1.2rem,1.9vw,1.6rem);font-weight:500;letter-spacing:-.015em;line-height:1.2;text-wrap:balance}
#articles .tz-m{color:var(--muted);font-size:.95rem}
#articles .center-link{margin-top:clamp(28px,3vw,44px)}
#articles .center-link a,#reviews .center-link a{color:var(--text);font-weight:600}

@media (max-width:980px){
  #about .about{grid-template-columns:minmax(0,1fr)}
  .tz-grid,.for-panel{grid-template-columns:minmax(0,1fr)}
  .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
}
@media (max-width:760px){
  #how .steps{grid-template-columns:minmax(0,1fr);gap:36px}
  #how .steps::before{left:19px;right:auto;top:0;bottom:0;width:2px;height:auto}
  #how .steps li{padding:2px 0 0 64px}
}

#for .wrap>p.sub:last-child{margin-top:36px!important}

/* ===== I: форма на Lime-плите, подвал с гигантским словом ===== */
#contact .contact{background:none;border:0;box-shadow:none;padding:0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,96px);align-items:start}
#contact .contact h2{font-size:var(--fs-h2);font-weight:500;line-height:1.02;letter-spacing:-.03em;margin:0 0 .4em;text-align:left;text-wrap:balance}
#contact .contact>div:first-child>p{font-size:var(--fs-lead);line-height:1.35;color:var(--muted);max-width:30ch}
#contact .lead-form{background:none;border:0;padding:0;box-shadow:none}
.lead-form legend,.lead-form .field label{font-size:1rem;font-weight:500}
.lead-form input[type="text"],.lead-form textarea{background:transparent;border:0;border-bottom:2px solid var(--text);border-radius:0;padding:12px 0;font-size:1.2rem;color:var(--text)}
.lead-form input[type="text"]::placeholder,.lead-form textarea::placeholder{color:var(--muted);opacity:1}
.lead-form input[type="text"]:focus,.lead-form textarea:focus{outline:none;border-bottom-width:4px}
.lead-form .opts label{background:transparent;border:1.5px solid var(--text);color:var(--text)}
.lead-form .opts input:checked+label{background:var(--ink-900);color:var(--lime-400);border-color:var(--ink-900)}
.lead-form .opts input:focus-visible+label{outline:3px solid var(--ink-900);outline-offset:3px}
#contact .lead-form .btn{min-height:60px;padding:0 36px;font-size:1.1rem;border-radius:var(--r-pill)}
.lead-form .hint,.lead-form .consent label{color:var(--muted)}
.lead-form .consent a{color:var(--text)}
#contact .alt .btn.ghost{background:transparent;color:var(--text);border-color:var(--text)}
footer.slab{padding:var(--slab-pad) 0 0;overflow:hidden}
footer.slab .legal,footer.slab .req{max-width:none}
.wordmark{margin:clamp(24px,4vw,56px) 0 0;padding:0 var(--gutter);font-size:clamp(3.5rem,19.2vw,19rem);font-weight:500;letter-spacing:-.045em;line-height:.74;color:var(--lime-400);white-space:nowrap;user-select:none;transform:translateY(.1em)}

/* ===== J: страницы решений ===== */
body.tp-page{background:var(--ink-900)}
.tp-hero.slab{margin-top:0;padding:116px 0 calc(var(--r-slab) + 36px)}
.tp-hero.slab::before{content:none}
.tp-hero .crumbs,.tp-hero .crumbs a{color:var(--muted)}
.tp-hero .crumbs a:hover{color:var(--text)}
.tp-hero.slab .tp-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,72px)}
.tp-hero.slab h1{font-size:clamp(2.25rem,4.8vw,4.75rem);font-weight:500;line-height:1;letter-spacing:-.035em;margin:0 0 .3em;text-wrap:balance}
.tp-hero .tp-sub{font-size:var(--fs-lead);line-height:1.3;color:var(--text);margin:0 0 14px}
.tp-hero .tp-lead{color:var(--muted);font-size:1.1rem;max-width:46ch}
.tp-price{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:22px 0}
.tp-price b{font-size:clamp(1.75rem,2.6vw,2.4rem);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tp-price .term{color:var(--muted)}
.tp-hero.slab .btn{min-height:56px;padding:0 28px;border-radius:var(--r-pill);font-size:1.05rem}
.tp-hero.slab .btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}
.tp-hero .how-link{background:transparent;border-color:var(--line);border-radius:var(--r-banner)}
.tp-cover{border:0;border-radius:var(--r-banner);box-shadow:none}
.tp-body.slab>.tp-layout{grid-template-columns:minmax(0,1fr) 380px}
.tp-sec h2{font-size:clamp(1.75rem,3vw,2.75rem);font-weight:500;letter-spacing:-.025em;line-height:1.05;margin:0 0 .5em}
.tp-sec .prose p,.tp-sec p{max-width:68ch}
.order-card{border:0;box-shadow:none;border-radius:var(--r-banner);padding:26px}
.order-card .oc-price{font-size:clamp(2rem,3vw,2.6rem);font-weight:500;letter-spacing:-.03em}
.order-card .btn{border-radius:var(--r-pill);min-height:52px}
.order-card .btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}
.tp-more.slab h2{font-size:var(--fs-h2);font-weight:500;line-height:1.02;letter-spacing:-.03em;margin:0 0 .6em;text-align:left;text-wrap:balance}
.rel{border:0;border-radius:var(--r-banner);padding:24px;transition:background .25s}
.rel:hover{transform:none;box-shadow:none;background:var(--lime-400);color:var(--ink-900)}
.rel:hover small,.rel:hover em,.rel:hover b{color:var(--ink-900)}
.rel .ci{background:var(--lime-400);color:var(--ink-900);border-radius:50%}
.tp-more .center-link{text-align:left}.tp-more .center-link a{color:var(--text)}
.tp-cta.slab .cta-band{background:none;color:var(--text);padding:0;border-radius:0;display:grid;grid-template-columns:minmax(0,1.2fr) auto;align-items:end;gap:28px 48px}
.tp-cta .cta-band h2{font-size:var(--fs-h2);font-weight:500;line-height:1.02;letter-spacing:-.03em;color:var(--text);margin:0 0 .3em}
.tp-cta .cta-band p{color:var(--muted);font-size:var(--fs-lead);max-width:34ch}
.tp-cta .cta-band .btn{background:var(--cta);color:var(--cta-ink);border-color:var(--cta-ink);min-height:60px;padding:0 32px;border-radius:var(--r-pill)}
.tp-cta .cta-band .btn.ghost{background:transparent;color:var(--text);border-color:var(--text)}

/* ===== J: лента статей, рубрики, статья ===== */
body.art-page{background:var(--ink-900)}
.av-hero.slab{margin-top:0;padding:116px 0 calc(var(--r-slab) + 28px)}
.av-hero .crumbs,.av-hero .crumbs a{color:var(--muted)}
.av-hero .av-head{max-width:none;margin:12px 0 0}
.av-hero .av-head h1{font-size:clamp(2.25rem,5vw,4.5rem);font-weight:500;line-height:1;letter-spacing:-.035em;max-width:18ch;text-wrap:balance}
.av-hero .av-head p{font-size:var(--fs-lead);line-height:1.35;color:var(--muted);max-width:44ch;margin-top:16px}
.av-body.slab{padding-top:clamp(48px,6vw,88px)}
.av-body .post{border:0;border-radius:var(--r-banner)}
.rb{border-radius:var(--r-pill)}
.art.slab{margin-top:0;padding:128px 0 calc(var(--r-slab) + 40px)}
.art .art-wrap h1{font-size:clamp(2rem,4.2vw,3.5rem);font-weight:500;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}
.art-cover{border:0;border-radius:var(--r-banner)}
.art .crumbs{margin-bottom:18px}
.art-cta{border:0;border-radius:var(--r-banner);background:var(--lime-400);color:var(--ink-900)}
.art-cta p,.art-cta b,.art-cta .more-tools,.art-cta .more-tools a{color:var(--ink-900)}
.art-cta .btn{background:var(--ink-900);color:var(--lime-400);border-color:var(--ink-900)}
.art-cta .btn.ghost{background:transparent;color:var(--ink-900);border-color:var(--ink-900)}

@media (max-width:980px){
  #contact .contact{grid-template-columns:minmax(0,1fr)}
  .tp-hero.slab .tp-grid,.tp-body.slab>.tp-layout{grid-template-columns:minmax(0,1fr)}
  .tp-cta.slab .cta-band{grid-template-columns:minmax(0,1fr)}
}

/* адрес почты картинкой: тёмный рисунок инвертируем на тёмных плитах */
[data-tone="ink"] .mail-img{filter:invert(1)!important}
[data-tone="lime"] .mail-img{filter:none!important}

.callout,.callout.warn{border:0;border-radius:var(--r-banner);padding:22px 26px}

/* подписи без верхнего регистра и разрядки */
footer h2,.av-t,.mega h3{text-transform:none;letter-spacing:0;font-size:1rem;font-weight:600}

/* «Что входит и сколько стоит»: прайс строками вместо одинаковых карточек */
#tools .tier{margin-top:clamp(36px,4vw,64px)}
#tools .tier-head{justify-content:flex-start;align-items:baseline;gap:16px;margin-bottom:8px}
#tools .tier-head h3{font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:500;letter-spacing:-.02em}
#tools .tier-head .tag{border:1px solid var(--line);color:var(--text)}
#tools .grid{display:block}
#tools .card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,.9fr);align-items:center;gap:8px 32px;background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 0}
#tools .tier .card:last-child{border-bottom:1px solid var(--line)}
#tools .card-top .ci{display:none}
#tools .card h4{font-size:clamp(1.15rem,1.6vw,1.45rem);font-weight:500;letter-spacing:-.015em}
#tools .card p{font-size:1rem}
#tools .card .meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-variant-numeric:tabular-nums}
#tools .card .price{font-weight:600;font-size:1.1rem}
#tools .card .more{grid-column:1/-1;justify-self:start;color:var(--text);font-weight:600}
@media (max-width:860px){#tools .card{grid-template-columns:minmax(0,1fr)}}

/* ===== K: правки по независимому ревью ===== */
/* ряд путей на мобильном: картинка сверху, подпись под ней (обложки несут свой текст) */
@media (max-width:860px){
  .path{display:flex;flex-direction:column;background:var(--ink-900);min-height:0}
  .path img{position:static;width:100%;height:auto;aspect-ratio:3/2}
  .path::after{content:none}
  .path-body{position:static;padding:18px 20px 22px}
}
/* «Для кого»: у решения есть обложка */
.for-item{gap:14px;min-height:0;padding:14px 14px 22px;border:1px solid var(--line)}
.for-item img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:calc(var(--r-banner) - 10px)}
.for-item b,.for-item span{padding:0 10px}
/* «Кто делает»: строки без значков */
#about .why li{grid-template-columns:minmax(0,1fr)}
#about .why .ci{display:none}
/* «Как работаем»: крупные цифры вместо кружков и линии */
#how .steps::before{content:none}
#how .steps li{border-top:1px solid var(--line);padding:22px 0 0}
#how .steps li::before{position:static;display:block;width:auto;height:auto;background:none;border-radius:0;color:var(--lime-400);font-size:clamp(3.5rem,7vw,6rem);font-weight:400;letter-spacing:-.04em;line-height:1;margin:0 0 18px}
@media (max-width:760px){#how .steps li{padding:22px 0 0}}
/* отзывы: первая цитата крупнее, ширины разные */
.rc-list{grid-auto-columns:auto}
.rc{width:min(420px,84vw)}
.rc-list>.rc:first-child{width:min(640px,86vw)}
.rc-list>.rc:first-child blockquote{font-size:clamp(1.35rem,2.1vw,1.9rem)}
/* страницы решений: блоки без белых карточек */
.callout,.callout.warn{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 0}
.tp-sec details{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:0;margin:0}
.tp-sec details:last-of-type{border-bottom:1px solid var(--line)}
.tp-sec summary{min-height:64px;font-size:1.2rem;font-weight:500}
/* размеры целей и мелкий текст */
.tag-pill{min-height:44px}
footer .legal,footer .legal.sm,footer .req{font-size:.875rem}
#tools .card p{font-size:1.0625rem}
#tools .card .term{font-size:.95rem}

/* ===== Правки владельца 15.10: крупное слово в шапке (от 1280 px), компактная капсула, подписи сцены ===== */
.brand-xl{display:none}
@media (min-width:1280px){
  :root{--wm-size:min(10rem,calc((100vw - 940px) / 4.8));--wm-bottom:calc(14px + var(--wm-size) * .8)}
  .brand-xl{display:block;position:absolute;top:14px;left:var(--gutter);z-index:5;font-size:var(--wm-size);font-weight:500;letter-spacing:-.045em;line-height:.8;color:var(--lime-400);text-decoration:none;white-space:nowrap}
  body:has(main.art.slab) .brand-xl{color:var(--text)}
  .brand-xl:focus-visible{outline:3px solid var(--lime-400);outline-offset:6px;border-radius:6px}
  header.site .bar{width:fit-content;margin:0 0 0 auto}
  header.site .bar .logo{display:none}
  header.site .bar .nav{margin-left:0}
  header.site .dd .mega{left:auto;right:0;transform:translateY(8px)}
  header.site .dd.open .mega{transform:none}
  .hero.slab{padding-top:calc(var(--wm-bottom) + 28px)}
  .tp-hero.slab,.av-hero.slab{padding-top:calc(var(--wm-bottom) + 28px)}
  .art.slab{padding-top:calc(var(--wm-bottom) + 36px)}
}
@media (min-width:1280px) and (hover:hover){header.site .dd:hover .mega{transform:none}}
.scene-on .scene-sticky{padding-bottom:96px}

/* ===== Отзывы вокруг телефона: карусель ===== */
.rv{--cw:clamp(270px,25vw,340px);--pw:clamp(250px,21vw,300px);position:relative;margin-top:clamp(24px,3vw,48px)}
.rv-phone{display:none}
.rv-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.rv-card{background:#fff;color:var(--ink-900);border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:14px;width:auto}
.rv-stars{display:flex;gap:2px;color:#f59e0b}
.rv-stars .ico{width:1.05em;height:1.05em}
.rv-card blockquote{margin:0;font-size:1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.rv-by{display:flex;gap:10px;align-items:center;margin-top:auto}
.rv-ava{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:var(--ink-900);object-fit:cover;flex:none}
.rv-who{min-width:0}
.rv-who b{display:block;font-size:.95rem;line-height:1.2}
.rv-who a{color:var(--ink-900);text-underline-offset:.18em}
.rv-who small{display:block;color:#4B5563;font-size:.8rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rv-count{margin:18px 0 0;font-size:.9rem;color:var(--muted)}
.rv:not(.rv-on) .rv-count{display:none}
.rv.rv-on .rv-count{position:absolute;left:0;bottom:0;margin:0}

.rv.rv-on{height:clamp(620px,50vw,720px)}
.rv.rv-on .rv-phone{display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:6;width:var(--pw);font-size:calc(var(--pw) / 25)}
.rv.rv-on .rv-list{display:block;position:absolute;inset:0}
.rv.rv-on .rv-card{position:absolute;width:var(--cw);box-shadow:0 18px 40px -18px rgba(11,16,32,.35);transition:left .8s var(--ease),top .8s var(--ease),transform .8s var(--ease),opacity .6s,visibility .6s}
.rv.rv-on .rv-card[data-slot="0"]{left:3%;top:2%;transform:rotate(-1.5deg);z-index:8}
.rv.rv-on .rv-card[data-slot="1"]{left:calc(100% - var(--cw) - 3%);top:9%;transform:rotate(1deg);z-index:8}
.rv.rv-on .rv-card[data-slot="2"]{left:20%;top:50%;transform:rotate(1deg);z-index:3;opacity:.92}
.rv.rv-on .rv-card[data-slot="3"]{left:calc(100% - var(--cw) - 20%);top:58%;transform:rotate(-1deg);z-index:3;opacity:.92}
.rv.rv-on .rv-card[data-slot="h"]{left:calc(50% - var(--cw) / 2);top:26%;transform:scale(.7);opacity:0;visibility:hidden;z-index:1;pointer-events:none}
.rv.rv-on .rv-card:is([data-slot="0"],[data-slot="1"],[data-slot="2"],[data-slot="3"]):is(:hover,:focus-within){z-index:12;transform:rotate(0) scale(1.03);opacity:1}
.rv.rv-on .rv-card:hover blockquote,.rv.rv-on .rv-card:focus-within blockquote{-webkit-line-clamp:unset}

/* телефон: рамка, остров, стекло, чат с ботом на экране */
.rv-device{position:relative;width:25em;height:52em;margin:0 auto}
.rv-frame{position:absolute;inset:0;border-radius:4.4em;padding:.9em;background:linear-gradient(145deg,#5a5f6b 0%,#1a1c22 26%,#31353d 54%,#0f1115 100%);box-shadow:inset 0 0 0 .12em rgba(255,255,255,.22),inset 0 0 0 .35em #07080b,0 3em 4em -1.6em rgba(11,16,32,.55)}
.rv-screen{position:relative;height:100%;border-radius:3.6em;overflow:hidden;background:#0e1424;display:flex;flex-direction:column;color:#e8eef8;font-size:1em;line-height:1.3}
.rv-island{position:absolute;left:50%;top:1em;width:7.6em;height:2.1em;margin-left:-3.8em;border-radius:99em;background:#000;z-index:2}
.rv-btn{position:absolute;width:.4em;border-radius:.3em;background:#2c3038;z-index:0}
.rv-btn-a{right:-.28em;top:15em;height:6.5em}.rv-btn-b{left:-.28em;top:11em;height:3.6em}.rv-btn-c{left:-.28em;top:15.6em;height:3.6em}
.rv-glare{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 30%)}
.tg-head{display:flex;align-items:center;gap:.8em;padding:3.9em 1.1em .9em;background:#141b30}
.tg-ava{width:2.8em;height:2.8em;border-radius:50%;background:#C8F25B;color:#0B1020;font-weight:800;font-size:1.1em;display:grid;place-items:center}
.tg-head b{display:block;font-size:1.1em}.tg-head small{display:block;color:#9AA3B8;font-size:.85em}
.tg-body{flex:1;display:flex;flex-direction:column;gap:.7em;padding:1.1em}
.tg-msg{margin:0;max-width:82%;padding:.75em .95em;border-radius:1.3em;font-size:1.02em}
.tg-msg.bot{background:#1c2538;align-self:flex-start;border-bottom-left-radius:.3em}
.tg-msg.me{background:#C8F25B;color:#0B1020;align-self:flex-end;border-bottom-right-radius:.3em}
.tg-price small{display:block;color:#9AA3B8;font-size:.8em}
.tg-price b{display:block;margin-top:.25em;font-size:1.2em;color:#C8F25B}
.tg-chips{display:flex;flex-wrap:wrap;gap:.5em}
.tg-chips span{padding:.5em .95em;border-radius:99em;border:1px solid #2A3452;background:#141b30;font-size:.95em}
.tg-input{display:flex;align-items:center;justify-content:space-between;height:3.3em;margin:.7em;padding:0 1.1em;border-radius:99em;background:#141b30;color:#9AA3B8;font-size:.95em}
.tg-input i{width:1.6em;height:1.6em;border-radius:50%;background:#C8F25B}
.rv-nav{position:absolute;left:0;right:0;bottom:6.6em;z-index:4;display:flex;justify-content:center;gap:1.3em}
.rv-arrow{width:4em;height:4em;min-width:44px;min-height:44px;border-radius:50%;border:0;background:#C8F25B;color:#0B1020;display:grid;place-items:center;cursor:pointer;box-shadow:0 .6em 1.4em -.4em rgba(0,0,0,.5);transition:transform .2s}
.rv-arrow:hover{transform:scale(1.08)}
.rv-arrow:focus-visible{outline:3px solid #fff;outline-offset:3px}
.rv-arrow .ico{width:1.7em;height:1.7em;stroke-width:2.2}

@media (max-width:860px){
  .rv{--pw:min(250px,72vw)}
  .rv.rv-on{height:auto}
  .rv.rv-on .rv-phone{position:relative;left:auto;top:auto;transform:none;margin:0 auto}
  .rv.rv-on .rv-list{position:static;margin-top:20px}
  .rv.rv-on .rv-card{position:static;width:auto;transform:none!important;opacity:1;box-shadow:none}
  .rv.rv-on .rv-card:not([data-slot="0"]){display:none}
  .rv.rv-on .rv-count{position:static;margin-top:14px;text-align:center}
}
@media (prefers-reduced-motion:reduce){.rv.rv-on .rv-card{transition:none}}