/* КОНФИ — страница «Контекстная реклама» v5 по ТЗ на редизайн.
   Единая система компонентов: .kf-fig (метрика), три кнопки, нулевой радиус, движение как объяснение структуры. */
:root{--e-out:cubic-bezier(.16,1,.3,1);--e-mask:cubic-bezier(.76,0,.24,1);--e-pop:cubic-bezier(.34,1.56,.64,1)}

/* ─ движение: базовое появление ─ */
[data-rv]{opacity:0;transform:translateY(28px);transition:opacity .7s var(--e-out),transform .7s var(--e-out)}
[data-rv].in{opacity:1;transform:none}
[data-st]>*{opacity:0;transform:translateY(18px);transition:opacity .6s var(--e-out),transform .6s var(--e-out)}
[data-st].in>*{opacity:1;transform:none}
[data-st].in>*:nth-child(2){transition-delay:.09s}
[data-st].in>*:nth-child(3){transition-delay:.18s}
[data-st].in>*:nth-child(4){transition-delay:.27s}
[data-st].in>*:nth-child(5){transition-delay:.36s}

/* ─ секция ─ */
.cx-sec{padding:clamp(72px,7.5vw,120px) 0;scroll-margin-top:118px}
.cx-sec .sec-head{margin-bottom:clamp(34px,4vw,58px)}
.cx-sec h2.sec-title{font-size:clamp(28px,3.2vw,52px);line-height:1.04;letter-spacing:-0.03em;text-transform:uppercase;font-weight:900;margin:14px 0 0;max-width:22ch;text-wrap:balance}
.cx-sec .plede{font-size:clamp(16px,1.3vw,21px);line-height:1.55;max-width:46ch}
.cx-note{margin:clamp(24px,3vw,38px) 0 0;font-family:var(--mono);font-size:11.5px;line-height:1.6;color:var(--muted-2);max-width:80ch}
.cx-note b{color:var(--muted);font-weight:500}

/* ─ метрика .kf-fig ─ */
.kf-fig{display:flex;flex-direction:column;border-top:1.5px solid var(--ink);padding-top:12px}
.kf-fig b{display:block;font-size:clamp(26px,2.4vw,36px);font-weight:900;letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.kf-fig b i{font-style:normal;font-weight:700;color:var(--amber-d)}
.kf-fig>span{margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:0.05em;text-transform:uppercase;color:var(--muted-2);line-height:1.45;max-width:22ch;min-height:2.9em}
.kf-fig.s b{font-size:clamp(20px,1.8vw,26px)}
.band-dark .kf-fig{border-top:1px solid rgba(244,242,236,0.18)}
.band-dark .kf-fig b{color:#F4F2EC}
.band-dark .kf-fig b i{color:var(--amber)}
.band-dark .kf-fig>span{color:rgba(244,242,236,0.5)}
.cx-figs{display:flex;align-items:flex-start;gap:clamp(20px,3vw,44px)}

/* ─ кнопки: три и только три ─ */
.cx-btn{display:inline-flex;align-items:center;gap:12px;background:var(--amber);color:var(--ink);font-family:var(--ff);font-weight:700;font-size:15px;letter-spacing:-0.01em;padding:17px 28px;border:0;border-radius:0;cursor:pointer;transition:background .22s ease-out,color .22s ease-out}
.cx-btn i{font-style:normal;transition:transform .22s ease-out}
.cx-btn:hover{background:var(--ink);color:var(--amber)}
.cx-btn:hover i{transform:translateX(5px)}
.cx-ghost{display:inline-flex;align-items:center;font-weight:600;font-size:15px;color:var(--ink);border-bottom:1px solid var(--line-2);padding-bottom:3px;transition:color .2s,border-color .2s}
.cx-ghost:hover{color:var(--amber-d);border-color:var(--amber-d)}
.cx-lm{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:3px;white-space:nowrap;transition:color .2s,border-color .2s}
.cx-lm i{font-style:normal;transition:transform .22s}
.cx-lm:hover{color:var(--amber-d);border-color:var(--amber-d)}
.cx-lm:hover i{transform:translateX(4px)}
.band-dark .cx-lm{color:#F4F2EC;border-color:rgba(244,242,236,0.5)}
.band-dark .cx-lm:hover{color:var(--amber);border-color:var(--amber)}

/* ─ 01 · шапка ─ */
.cx-hero{padding-bottom:clamp(30px,3.4vw,48px)}
.cx-hgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,0.75fr);gap:clamp(28px,5vw,86px);align-items:start;margin-top:clamp(22px,2.6vw,38px)}
.cx-h1{font-size:var(--h1s,clamp(44px,5.6vw,96px));line-height:0.98;letter-spacing:-0.025em;text-transform:uppercase;font-weight:900;margin:0}
.cx-h1 .hl{display:block;overflow:hidden;padding-bottom:0.06em;margin-bottom:-0.06em}
.cx-h1 .hl i{display:block;font-style:normal;transform:translateY(110%);animation:hup .72s var(--e-out) forwards}
.cx-h1 .hl:nth-child(2) i{animation-delay:.1s}
.cx-h1 .hl:nth-child(3) i{animation-delay:.2s}
.cx-h1 .hdot{display:inline-block;transform:scale(0);animation:dotin .55s 1.4s var(--e-pop) forwards}
.cx-lede{font-size:clamp(16px,1.3vw,21px);line-height:1.55;color:var(--muted);max-width:46ch;margin:clamp(22px,2.4vw,32px) 0 0;text-wrap:pretty;opacity:0;animation:cxfade .6s .38s var(--e-out) forwards}
.cx-lede b{color:var(--ink);font-weight:600}
.cx-cta{display:flex;align-items:center;gap:clamp(18px,2.4vw,34px);flex-wrap:wrap;margin-top:clamp(26px,2.8vw,38px);opacity:0;animation:cxfade .6s .48s var(--e-out) forwards}
@keyframes cxfade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.cx-rail{display:flex;flex-direction:column;border-top:1.5px solid var(--ink);padding-top:14px}
.cx-rail .kf-fig{border-top:0;padding:0 0 18px}
.cx-rail .kf-fig+.kf-fig{border-top:1px solid var(--line);padding-top:18px}
.cx-rail .kf-fig:last-child{padding-bottom:0}
.cx-rail .kf-fig>span{min-height:0;margin-top:10px}
.cx-hero .scroll-hint{top:auto;bottom:clamp(120px,15vw,190px)}
.phero .tcl{margin-top:clamp(30px,3.6vw,48px)}

/* ─ мини-навигация ─ */
.cx-nav{position:fixed;left:0;right:0;top:0;z-index:44;height:48px;display:flex;align-items:center;gap:clamp(14px,2vw,30px);padding:0 var(--pad);background:rgba(244,242,236,0.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transform:translateY(-100%);transition:transform .35s var(--e-out)}
.cx-nav.on{transform:translateY(66px)}
.cx-nav-in{display:flex;align-items:center;gap:clamp(14px,2vw,30px);max-width:1680px;margin:0 auto;width:100%}
.cx-nav-links{display:flex;align-items:center;gap:clamp(14px,2vw,30px);overflow-x:auto;scrollbar-width:none}
.cx-nav-links::-webkit-scrollbar{display:none}
.cx-nav-links a{position:relative;font-family:var(--mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;padding:16px 0 16px 14px;transition:color .2s}
.cx-nav-links a::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;background:var(--amber);opacity:0;transform:scale(0);transition:opacity .2s,transform .25s var(--e-pop)}
.cx-nav-links a:hover{color:var(--ink)}
.cx-nav-links a.act{color:var(--ink)}
.cx-nav-links a.act::before{opacity:1;transform:none}
.cx-nav .nv-cta{margin-left:auto;white-space:nowrap}
.cx-prog{position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--amber)}
@media (max-width:900px){.cx-nav.on{transform:translateY(62px)}.cx-nav .nv-cta{font-size:11px}}

/* ─ 03 · демо ─ */
.cx-demo{display:grid;grid-template-columns:5fr 7fr;gap:clamp(26px,4.4vw,80px);align-items:center}
.cx-demo-copy{display:flex;flex-direction:column;align-items:flex-start}
.cx-demo-copy h2{margin:14px 0 0}
.cx-sec h2 .ol{-webkit-text-stroke:1.5px var(--ink);color:transparent}
.cx-demo-copy .plede{margin:20px 0 0;color:var(--muted)}
.cx-demo-copy .kf-fig{margin-top:clamp(26px,3vw,40px);align-self:stretch;max-width:26ch}
.cx-demo-copy .cx-lm{margin-top:clamp(24px,2.6vw,34px)}
.cx-frame{background:transparent;clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--e-mask);will-change:clip-path,transform}
.cx-frame.in{clip-path:inset(0)}
.cx-bar{display:flex;align-items:center;gap:12px;height:34px;padding:0 12px;border-bottom:1px solid rgba(244,242,236,0.14)}
.cx-dots{display:flex;gap:6px;flex:none}
.cx-dots span{width:6px;height:6px;background:rgba(244,242,236,0.28)}
.cx-dots span:first-child{background:var(--amber)}
.cx-url{display:flex;align-items:center;gap:3px;min-width:0;font-family:var(--mono);font-size:10.5px;letter-spacing:0.02em;color:rgba(244,242,236,0.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-caret{flex:none;width:1px;height:12px;background:var(--amber);opacity:0}
.cx-frame.blink .cx-caret{animation:cxcaret .5s steps(1) 4}
@keyframes cxcaret{0%,49%{opacity:1}50%,100%{opacity:0}}
.cx-shot{position:relative;aspect-ratio:854/480;overflow:hidden;display:grid;place-items:center;background:transparent}
.cx-shot img,.cx-shot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:brightness(1.07) saturate(0.88) contrast(1.02);transform:scale(1.055);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 4%,#000 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 4%,#000 93%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.cx-load{position:relative;display:grid;justify-items:center;gap:14px}
.cx-load-lines{display:grid;gap:7px;width:min(180px,42vw)}
.cx-load-lines i{position:relative;height:2px;background:rgba(12,35,64,0.13);overflow:hidden}
.cx-load-lines i::after{content:"";position:absolute;inset:0;background:var(--amber);transform:scaleX(0);transform-origin:left;animation:cxload 1.5s var(--e-out) infinite}
.cx-load-lines i:nth-child(1){width:100%}
.cx-load-lines i:nth-child(2){width:76%}
.cx-load-lines i:nth-child(3){width:52%}
.cx-load-lines i:nth-child(2)::after{animation-delay:.14s}
.cx-load-lines i:nth-child(3)::after{animation-delay:.28s}
@keyframes cxload{0%{transform:scaleX(0);transform-origin:left}45%{transform:scaleX(1);transform-origin:left}55%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}
.cx-load-txt{font-family:var(--mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(12,35,64,0.38)}
@media (prefers-reduced-motion:reduce){.cx-load-lines i::after{animation:none;transform:scaleX(.6)}}

/* ─ 04 · процесс ─ */
.cx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,40px)}
.cx-step{position:relative;padding:20px 2px 0}
.cx-step::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .52s var(--e-out)}
.cx-steps.in .cx-step::before{transform:none}
.cx-steps.in .cx-step:nth-child(2)::before{transition-delay:.09s}
.cx-steps.in .cx-step:nth-child(3)::before{transition-delay:.18s}
.cx-step>*{opacity:0;transform:translateY(18px);transition:opacity .6s .12s var(--e-out),transform .6s .12s var(--e-out)}
.cx-steps.in .cx-step>*{opacity:1;transform:none}
.cx-steps.in .cx-step:nth-child(2)>*{transition-delay:.21s}
.cx-steps.in .cx-step:nth-child(3)>*{transition-delay:.3s}
.cx-step .no{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.08em;color:var(--amber-d)}
.cx-step h3{margin:12px 0 0;font-size:clamp(19px,1.7vw,26px);font-weight:800;letter-spacing:-0.02em;line-height:1.2}
.cx-step p{margin:12px 0 0;font-size:15px;line-height:1.55;color:var(--muted);max-width:34ch;text-wrap:pretty}

/* ─ 04 · процесс: карточки с изображениями ─ */
.cx-work{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:clamp(14px,1.5vw,24px);align-items:stretch}
.cx-wc{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-2);opacity:0;transform:translateY(22px);transition:opacity .6s var(--e-out),transform .6s var(--e-out)}
.cx-work.in .cx-wc{opacity:1;transform:none}
.cx-work.in .cx-wc:nth-child(2){transition-delay:.1s}
.cx-work.in .cx-wc:nth-child(3){transition-delay:.2s}
.cx-wshot{position:relative;display:block;overflow:hidden;background:var(--bg-2);aspect-ratio:auto}
.cx-wshot image-slot{display:block;width:100%;height:100%;transform:scale(1.045);transition:transform .9s var(--e-out);filter:brightness(1.06) contrast(.96) saturate(1.04)}
/* у сгенерированных фото тёмный винье́т по краям — обрезаем его кропом и подсвечиваем углы */
.cx-wshot::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 50% 45%,rgba(244,242,236,0) 42%,rgba(244,242,236,.16) 78%,rgba(244,242,236,.3) 100%);mix-blend-mode:soft-light}
.cx-wc:hover .cx-wshot image-slot{transform:scale(1.085)}
.cx-wc .no{font-family:var(--mono);font-size:11px;letter-spacing:0.08em;color:var(--amber-d)}
.cx-wc h3{margin:10px 0 0;font-size:clamp(19px,1.6vw,25px);font-weight:800;letter-spacing:-0.02em;line-height:1.18}
.cx-wc p{margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--muted);text-wrap:pretty}
/* 01 · фото во всю карточку, текст на полупрозрачной подложке */
.cx-wc.lead{min-height:clamp(380px,36vw,560px);background:var(--ink);color:#F4F2EC;justify-content:flex-end}
.cx-wc.lead .cx-wshot{position:absolute;inset:0;height:100%;width:100%}
.cx-wc.lead .cx-wshot image-slot{transform:scale(1.16);filter:brightness(1.14) contrast(.9) saturate(1.05)}
.cx-wc.lead:hover .cx-wshot image-slot{transform:scale(1.2)}
.cx-wc.lead .cx-wshot::after{background:radial-gradient(130% 105% at 46% 40%,rgba(244,242,236,0) 38%,rgba(244,242,236,.2) 76%,rgba(244,242,236,.4) 100%)}
.cx-wc.lead .scrim{position:absolute;inset:auto 0 0 0;height:72%;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(12,35,64,.7) 0%,rgba(12,35,64,.5) 40%,rgba(12,35,64,.18) 72%,rgba(12,35,64,0) 100%)}
.cx-wc.lead .face{position:relative;z-index:2;padding:clamp(22px,2.1vw,32px);pointer-events:none}
.cx-wc.lead h3{font-size:clamp(23px,2vw,33px)}
.cx-wc.lead p{color:rgba(244,242,236,.82);max-width:33ch;text-shadow:0 1px 12px rgba(12,35,64,.5)}
.cx-wc.lead .no{color:var(--amber)}
/* 02–03 · фото сверху, текст на кремовой плашке */
.cx-wc.flat{border-top:0}
.cx-wc.flat .cx-wshot{aspect-ratio:4/3;width:100%}
.cx-wc.flat .cx-wshot image-slot{transform:scale(1.02);filter:none}
.cx-wc.flat:hover .cx-wshot image-slot{transform:scale(1.06)}
.cx-wc.flat .cx-wshot::after{display:none}
.cx-wc.flat .face{padding:18px clamp(16px,1.4vw,22px) clamp(22px,1.7vw,28px);display:flex;flex-direction:column;flex:1}
@media (max-width:1000px){.cx-work{grid-template-columns:1fr 1fr}.cx-wc.lead{grid-column:1/-1;min-height:clamp(320px,54vw,440px)}}
@media (max-width:640px){.cx-work{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cx-wc{opacity:1;transform:none;transition:none}}
/* ─ 05 · кейсы ─ */
.cx-cases{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.6vw,22px)}
.cx-case{position:relative;display:flex;flex-direction:column;gap:14px;background:#FBFAF6;border:1px solid var(--line-2);padding:clamp(22px,2.2vw,32px);color:var(--ink);transition:border-color .25s ease-out,transform .25s ease-out}
.cx-case:hover{color:var(--ink);border-color:var(--ink);transform:translateY(-4px)}
.cx-case .arw{position:absolute;right:clamp(16px,1.6vw,22px);top:clamp(14px,1.4vw,20px);font-size:18px;color:var(--amber-d);opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .25s}
.cx-case:hover .arw{opacity:1;transform:none}
.cx-case .top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-right:26px}
.cx-case .type{font-weight:700;font-size:14px;letter-spacing:-0.01em}
.cx-case .geo{font-family:var(--mono);font-size:10px;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted-2)}
.cx-case h3{font-size:clamp(19px,1.7vw,26px);font-weight:800;letter-spacing:-0.02em;line-height:1.2}
.cx-case .task{margin:0;font-size:14.5px;color:var(--muted)}
.cx-case ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.cx-case li{position:relative;padding-left:20px;font-size:14px;line-height:1.45}
.cx-case li::before{content:"→";position:absolute;left:0;font-family:var(--mono);font-size:12px;color:var(--amber-d)}
.cx-case .cx-figs{margin-top:auto;padding-top:4px}
.cx-case .per{margin-left:auto;align-self:center;font-family:var(--mono);font-size:10px;letter-spacing:0.07em;text-transform:uppercase;color:var(--muted-2);border:1px solid var(--line-2);padding:5px 9px;white-space:nowrap}

/* ─ 04b · разница: чем мы не директологи ─ */
.dif-neg{margin:clamp(18px,2vw,26px) 0 0;font-size:clamp(17px,1.5vw,22px);line-height:1.5;max-width:50ch;color:var(--muted);text-wrap:pretty}
.dif-neg s{color:var(--muted-2);text-decoration-thickness:1px;text-decoration-color:var(--amber-d)}
.dif-neg b{color:var(--ink);font-weight:700}
.dif{margin-top:clamp(28px,3.4vw,46px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.6vw,44px)}
.dif-col{position:relative;padding-top:18px;opacity:0;transform:translateY(16px);transition:opacity .55s var(--e-out),transform .55s var(--e-out)}
.dif-col::before{content:"";position:absolute;left:0;right:0;top:0;height:1.5px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--e-out)}
.dif.in .dif-col{opacity:1;transform:none}
.dif.in .dif-col::before{transform:none}
.dif.in .dif-col:nth-child(2),.dif.in .dif-col:nth-child(2)::before{transition-delay:.1s}
.dif.in .dif-col:nth-child(3),.dif.in .dif-col:nth-child(3)::before{transition-delay:.2s}
.dif-no{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.08em;color:var(--amber-d)}
.dif-col h3{margin:clamp(20px,2.4vw,34px) 0 0;font-size:clamp(20px,1.75vw,28px);font-weight:800;letter-spacing:-0.025em;line-height:1.1;white-space:nowrap}
.dif-col .say{margin:12px 0 0;font-size:15.5px;line-height:1.55;color:var(--muted);max-width:32ch;text-wrap:pretty}
.dif-col .say b{color:var(--ink);font-weight:700}
.dif-old{margin:clamp(16px,1.8vw,24px) 0 0;display:flex;align-items:baseline;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:0.05em;line-height:1.5;color:var(--muted-2);text-wrap:pretty}
.dif-old i{font-style:normal;color:var(--amber-d);flex:none}
.dif-old s{text-decoration-thickness:1px;text-decoration-color:var(--line-2)}
@media (max-width:900px){.dif{grid-template-columns:1fr;gap:0}.dif-col{padding:16px 0 clamp(22px,3vw,30px)}.dif-col h3{margin-top:12px}.dif-col .say{max-width:46ch}.dif-col:not(:first-child)::before{height:1px;background:var(--line-2)}}

/* ─ 06 · контур ─ */
.band-dark a.kr-cell:hover{background:var(--amber)}
.band-dark a.kr-cell:hover .kr-name{color:var(--ink)}
.band-dark a.kr-cell:hover .kr-code,.band-dark a.kr-cell:hover .kr-kind{color:rgba(12,35,64,0.7)}
.kontur-rail a.kr-cell{opacity:0;transform:translateY(12px);transition:opacity .5s var(--e-out),transform .5s var(--e-out),background .2s ease-out}
.kontur-rail.in a.kr-cell,.kontur-rail .kr-cell.is-here{opacity:1;transform:none}
.kontur-rail.in .kr-cell:nth-child(2){transition-delay:.06s}
.kontur-rail.in .kr-cell:nth-child(3){transition-delay:.12s}
.kontur-rail.in .kr-cell:nth-child(4){transition-delay:.18s}
.kontur-rail.in .kr-cell:nth-child(5){transition-delay:.24s}
.kontur-rail.in .kr-cell:nth-child(6){transition-delay:.3s}
.cx-kgrid{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(28px,5vw,90px);align-items:start;margin-top:clamp(34px,4.5vw,60px)}
.cx-kgrid .plede{margin:0;color:rgba(244,242,236,0.72);max-width:44ch}
.cx-kgrid .cx-figs{margin-top:clamp(22px,2.6vw,34px)}
.band-dark .exp-k{display:block}

/* ─ 07 · цены ─ */
.cx-price{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,4.5vw,80px);align-items:start}
.cx-bigfig{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-top:1.5px solid var(--ink);padding-top:16px}
.cx-bigfig b{font-size:clamp(44px,5vw,72px);font-weight:900;letter-spacing:-0.035em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.cx-bigfig i{font-style:normal;font-family:var(--mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.cx-price .plede{margin:clamp(20px,2.2vw,28px) 0 0;color:var(--muted)}
.cx-spec{margin-top:clamp(28px,3.2vw,44px)}
.cx-srow{position:relative;display:grid;grid-template-columns:11ch 1fr;gap:clamp(14px,2vw,30px);padding:16px 0;align-items:baseline}
.cx-srow::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-2);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--e-out)}
.cx-spec.in .cx-srow::before{transform:none}
.cx-spec.in .cx-srow:nth-child(2)::before{transition-delay:.08s}
.cx-spec.in .cx-srow:nth-child(3)::before{transition-delay:.16s}
.cx-srow:last-child{border-bottom:1px solid var(--line-2)}
.cx-srow .k{font-family:var(--mono);font-size:11px;letter-spacing:0.07em;text-transform:uppercase;color:var(--muted-2)}
.cx-srow .v{font-size:15.5px;line-height:1.5;color:var(--ink);max-width:52ch;text-wrap:pretty}
.cx-audit{display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:#FBFAF6;border:1px solid var(--line-2);padding:clamp(24px,2.4vw,36px)}
.cx-audit .k{font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.cx-audit h3{font-size:clamp(19px,1.7vw,26px);font-weight:800;letter-spacing:-0.02em}
.cx-audit .kf-fig{align-self:stretch}
.cx-audit p{margin:0;font-size:15px;line-height:1.55;color:var(--muted);max-width:34ch;text-wrap:pretty}
.cx-audit .cx-btn{margin-top:6px}
@media (min-width:1200px){.cx-audit{position:sticky;top:126px}}

/* ─ 08 · вопросы ─ */
.cx-acc{border-top:1px solid var(--line-2)}
.cx-item{border-bottom:1px solid var(--line-2)}
.cx-q{display:flex;align-items:center;gap:clamp(12px,1.6vw,22px);width:100%;min-height:68px;padding:14px 0;background:none;border:0;cursor:pointer;text-align:left;font-family:var(--ff);color:var(--ink)}
.cx-q:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.cx-q .no{font-family:var(--mono);font-size:11px;letter-spacing:0.08em;color:var(--amber-d);flex:none}
.cx-q .qt{flex:1;font-size:clamp(17px,1.5vw,21px);font-weight:700;letter-spacing:-0.02em;line-height:1.3;text-wrap:pretty}
.cx-q .pl{flex:none;font-size:16px;line-height:1;color:var(--muted);transition:transform .22s ease-out,color .22s}
.cx-q:hover .pl{color:var(--ink)}
.cx-item.open .pl{transform:rotate(45deg);color:var(--ink)}
.cx-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s var(--e-out)}
.cx-item.open .cx-body{grid-template-rows:1fr}
.cx-body>.cx-ans{min-height:0;overflow:hidden;opacity:0;transition:opacity .3s .08s}
.cx-item.open .cx-body>.cx-ans{opacity:1}
.cx-ans-in{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:clamp(20px,3vw,48px);align-items:start;padding:0 0 28px}
.cx-ans-in p{margin:0;font-size:16px;line-height:1.6;color:var(--muted);max-width:60ch;text-wrap:pretty}

/* ─ 09 · заявка ─ */
.cx .cta5{margin-top:0}
.cx .cta5 h2{max-width:20ch;text-wrap:balance}
.cx .cta5 h2 .ol{-webkit-text-stroke:1.5px #F4F2EC;color:transparent}
.cx .f5-get ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.cx .f5-get li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.6;color:rgba(244,242,236,0.75)}
.cx .f5-get li::before{content:"—";position:absolute;left:0;color:var(--amber)}
.cx .f5-submit{border-radius:0}

/* ─ адаптив ─ */
@media (max-width:1200px){.cx-hgrid{grid-template-columns:1fr;gap:clamp(26px,4vw,40px)}.cx-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,32px)}.cx-rail .kf-fig{padding-bottom:0}.cx-rail .kf-fig+.kf-fig{border-top:0;padding-top:0}.cx-rail .kf-fig>span{min-height:2.9em}}
@media (max-width:1000px){.cx-kgrid{grid-template-columns:1fr}}
@media (max-width:900px){.cx-demo{grid-template-columns:1fr;gap:30px}.cx-demo .cx-frame{order:-1}.cx-steps{grid-template-columns:1fr;gap:26px}.cx-cases{grid-template-columns:1fr}.cx-price{grid-template-columns:1fr}.cx-ans-in{grid-template-columns:1fr;gap:22px}.cx-ans-in .kf-fig{max-width:22ch}}
@media (max-width:640px){.cx-rail{grid-template-columns:1fr;gap:0}.cx-rail .kf-fig{padding-bottom:16px}.cx-rail .kf-fig+.kf-fig{border-top:1px solid var(--line);padding-top:16px}.cx-btn{width:100%;justify-content:space-between;min-height:52px}.cx-shot{aspect-ratio:4/3}.cx-q{min-height:56px}.cx-figs{gap:22px}.cx-case .cx-figs{flex-wrap:wrap}.cx-case .per{margin-left:0}}

@media (prefers-reduced-motion:reduce){
  [data-rv],[data-st]>*,.cx-step>*,.kontur-rail a.kr-cell,.dif-col{opacity:1;transform:none;transition:none}
  .dif-col::before{transform:none;transition:none}
  .cx-h1 .hl i,.cx-h1 .hdot,.cx-lede,.cx-cta{animation:none;transform:none;opacity:1}
  .cx-frame{clip-path:none;transition:none}
  .cx-step::before,.cx-srow::before{transform:none;transition:none}
  .cx-frame.blink .cx-caret{animation:none}
}