/* OparinLab v2, концепт первого экрана */
@font-face{font-family:Geist;src:url(fonts/geist-cyrillic-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Geist;src:url(fonts/geist-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+20BD}
:root{--ink:#161514;--g2:#22201e;--paper:#f3f0ea;--mut:#77706a;--acc:#3b5bff;--acc2:#2c47e6;--w:1320px;--hd:76px;--r:4px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 16px/1.5 Geist,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-feature-settings:"ss01"}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
img{display:block;max-width:100%;height:auto}
svg{display:block}
.wrap{width:min(var(--w),100% - 64px);margin-inline:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border-radius:var(--r);font-weight:500;font-size:15px;letter-spacing:-.01em;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.btn svg{width:18px;height:18px}
.btn-acc{background:var(--acc);color:#fff}.btn-acc:hover{background:var(--acc2)}
.btn-ghost{color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn-ghost:hover{background:rgba(255,255,255,.18)}
.btn-ghost-d{box-shadow:inset 0 0 0 1px rgba(22,21,20,.25);color:var(--ink)}

/* ШАПКА */
.hd{position:fixed;inset:0 0 auto;z-index:50;color:#fff;transition:background .3s,color .3s,box-shadow .3s}
.hd::before{content:"";position:absolute;inset:0 0 -40px;background:linear-gradient(rgba(14,13,12,.55),rgba(14,13,12,0));pointer-events:none;transition:opacity .3s}
.hd.solid,.hd.open{background:var(--ink)}
.hd.solid::before,.hd.open::before{opacity:0}
.hd-in{position:relative;display:flex;align-items:center;gap:28px;height:var(--hd)}
.logo{display:flex;flex-direction:column;gap:3px;flex:none}
.logo-svg{width:168px;height:auto}
.logo-sub{font-size:11.5px;opacity:.7;letter-spacing:.01em;padding-left:41px;white-space:nowrap}
.nav{display:flex;align-items:center;gap:2px;margin-right:auto}
.nav-i{display:flex;align-items:center;gap:5px;height:40px;padding:0 11px;font-size:15px;font-weight:500;letter-spacing:-.01em;border-radius:var(--r);white-space:nowrap;transition:background .2s}
.nav-i svg{width:12px;height:12px;opacity:.7;transition:transform .2s}
.nav-i[aria-expanded=true] svg{transform:rotate(180deg)}
.nav-i:hover,.nav-i[aria-expanded=true]{background:rgba(255,255,255,.12)}
.nav-partner b{color:#9fb0ff;font-weight:600}
.hd-r{display:flex;align-items:center;gap:18px}
.hd-phone{display:flex;flex-direction:column;line-height:1.2;text-align:right}
.hd-phone b{font-weight:600;font-size:16px;letter-spacing:-.01em;white-space:nowrap}
.hd-phone span{font-size:11.5px;opacity:.7}
.hd-ms{display:flex;gap:4px}
.hd-ms a,.hd-call{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);transition:background .2s}
.hd-ms a:hover{background:rgba(255,255,255,.14)}
.hd-ms svg,.hd-call svg{width:20px;height:20px}
.hd-lk{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:500;white-space:nowrap}
.hd-lk svg{width:20px;height:20px}
.hd-call,.burger{display:none}
.burger{width:44px;height:44px;place-items:center;align-content:center;gap:7px;border-radius:var(--r)}
.burger i{display:block;width:22px;height:2px;background:currentColor;border-radius:2px}

/* МЕГА-МЕНЮ */
.mega{position:absolute;left:0;right:0;top:var(--hd);background:var(--paper);color:var(--ink);box-shadow:0 30px 60px -20px rgba(0,0,0,.45);max-height:calc(100vh - var(--hd));overflow:auto}
.mega-in{display:grid;grid-template-columns:1.25fr 1fr 1.55fr 1fr .9fr;gap:36px;padding:34px 0 38px}
.mg-col{display:flex;flex-direction:column;gap:2px;padding:4px 0;transition:opacity .2s}
.mega[data-active] .mg-col{opacity:.78}
.mega[data-active] .mg-col.on{opacity:1}
.mega .mg-col:hover{opacity:1}
.mg-h{margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.mg-col.on .mg-h{color:var(--acc)}
.mg-cap{margin:16px 0 6px;font-size:12.5px;color:var(--mut)}
.mg-col>a,.mg-grp a{display:block;padding:6px 0;font-size:15px;font-weight:500;line-height:1.3}
.mg-col>a span{display:block;font-size:13px;font-weight:400;color:var(--mut)}
.mg-col>a:hover b,.mg-col>a:hover,.mg-grp a:hover{color:var(--acc)}
.mg-row{display:grid!important;grid-template-columns:1fr auto;column-gap:12px}
.mg-row b{font-weight:500}.mg-row span{grid-column:1}.mg-row em{grid-row:1;grid-column:2;font-style:normal;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}
.mg-tar{display:grid!important;grid-template-columns:1fr auto;padding:12px 0!important}
.mg-tar b{font-size:20px;font-weight:600;letter-spacing:-.02em}
.mg-tar em{font-style:normal;font-size:20px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mg-tar span{grid-column:1/3}
.mg-note{margin:12px 0 4px;font-size:13px;color:var(--mut);line-height:1.45}
.mg-niches{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.mg-niches .mg-cap{margin:0 0 2px}
.mg-grp{margin-bottom:12px}
.mg-grp a{padding:3px 0;font-weight:400}
.mg-demo{display:block}
.mg-demo img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:var(--r);box-shadow:0 12px 30px -12px rgba(0,0,0,.35);margin-bottom:10px}
.mg-demo span{font-size:13.5px!important;color:var(--ink)!important;line-height:1.45}
.mg-more{display:flex!important;align-items:center;gap:6px;margin-top:10px;color:var(--acc);font-weight:600!important;font-size:14px!important}
.mg-more svg{width:15px;height:15px}
.mg-partner{margin-top:10px;color:var(--acc)}

/* МОБИЛЬНОЕ МЕНЮ */
.mm{position:fixed;inset:0;z-index:60;background:var(--paper);display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain}
.mm[hidden]{display:none}
.mm-top{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;position:sticky;top:0;background:var(--paper);z-index:1}
.mm .logo-svg{width:150px}
.mm-x{width:44px;height:44px;font-size:20px}
.mm-nav{padding:4px 20px 12px}
.mm-nav summary,.mm-link{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:20px;font-weight:600;letter-spacing:-.02em;list-style:none;cursor:pointer}
.mm-nav summary::-webkit-details-marker{display:none}
.mm-nav summary::after{content:"+";font-weight:400;font-size:24px;color:var(--mut)}
.mm-nav details[open] summary::after{content:"−"}
.mm-nav details a{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:16px}
.mm-nav details[open]{padding-bottom:10px}
.mm-nav em,.mm-link em{font-style:normal;color:var(--mut);font-size:14px;font-weight:400}
.mm-foot{margin-top:auto;padding:16px 20px 28px;display:grid;gap:10px;background:#ebe7df}
.mm-phone{font-size:22px;font-weight:600;letter-spacing:-.02em}
.mm-phone span{display:block;font-size:13px;font-weight:400;color:var(--mut);letter-spacing:0}
.mm-ms{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mm-ms a{display:flex;align-items:center;justify-content:center;gap:6px;height:46px;border-radius:var(--r);background:#fff;font-size:14px;font-weight:500}
.mm-ms svg{width:18px;height:18px}
.mm-foot .btn{width:100%}

/* ПЕРВЫЙ ЭКРАН v2: предложение → УТП → заявка → доказательство */
.hero{position:relative;height:auto;min-height:0;max-height:none;overflow:hidden;background:#2a2420;color:#fff;display:flex;flex-direction:column}
.scene{position:absolute;inset:0;overflow:hidden}
.scene-img{position:absolute;max-width:none;user-select:none;-webkit-user-drag:none}
.scene-d .scene-img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 90%,transparent),linear-gradient(90deg,transparent 0,#000 10%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 90%,transparent),linear-gradient(90deg,transparent 0,#000 10%,#000 94%,transparent);mask-composite:intersect}
.scene-d.no-ph .scr-ph{display:none}
.hero-shade{position:absolute;inset:0;pointer-events:none;background:
 linear-gradient(90deg,rgba(17,16,15,.9) 0%,rgba(17,16,15,.78) 34%,rgba(17,16,15,.28) 50%,rgba(17,16,15,0) 60%),
 linear-gradient(180deg,rgba(17,16,15,.55) 0%,rgba(17,16,15,0) 18%),
 linear-gradient(0deg,rgba(17,16,15,.7) 0%,rgba(17,16,15,0) 24%)}
.offer{position:relative;z-index:2;padding-top:calc(var(--hd) + clamp(18px,4.2vh,48px))}
.offer>*{max-width:var(--colW,600px)}
.h1{margin:0;font-weight:600;font-size:clamp(40px,calc(2.19vw + 20px),64px);line-height:1.05;letter-spacing:-.038em;text-wrap:balance}
.h1-2{display:block;margin-top:.4em;font-size:clamp(22px,calc(1vw + 12px),30px);line-height:1.15;letter-spacing:-.025em;color:#b7c3ff}
.usp{max-width:min(640px,100%)!important;list-style:none;margin:clamp(18px,2.8vh,28px) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vh,22px) 32px}
.usp b{display:block;font-size:clamp(30px,calc(.6vw + 25px),38px);font-weight:600;letter-spacing:-.035em;line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums}
.usp span{display:block;margin-top:6px;font-size:clamp(15px,calc(.16vw + 13px),16px);line-height:1.4;color:rgba(255,255,255,.76)}
.usp a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:3px}
.usp a:hover{text-decoration-color:#fff}

/* форма заявки */
.lf{position:relative;z-index:4;margin-top:48px;margin-bottom:28px;padding:18px 22px 16px;background:rgba(19,18,17,.94);border-radius:6px;box-shadow:0 24px 60px -24px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.08)}
.lf-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}
.lf-t{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}
.lf-note{margin:0;font-size:13.5px;color:rgba(255,255,255,.62)}
.lf-row{display:grid;grid-template-columns:1.25fr 1fr 1.45fr auto;gap:10px;align-items:start}
.lf-f{position:relative;min-width:0;margin:0;padding:0;border:0}
.lf-f label,.lf-f legend{display:flex;align-items:center;gap:7px;margin-bottom:6px;padding:0;font-size:12.5px;color:rgba(255,255,255,.66)}
.lf-f i{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-style:normal;font-size:11px;font-weight:600}
.lf-f.done i{background:var(--acc)}
.lf input[type=text],.lf input[type=tel]{width:100%;height:52px;padding:0 14px;border:0;border-radius:var(--r);background:#fff;color:var(--ink);font:500 16px/1 Geist,system-ui,sans-serif;outline:none;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .15s}
.lf input:focus{box-shadow:inset 0 0 0 2px var(--acc)}
.lf input::placeholder{color:#8a847d;font-weight:400}
.lf .bad input{box-shadow:inset 0 0 0 2px #ff6b5a}
.cb{position:relative}
.cb input{padding-right:40px!important}
.cb-arr{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#5b5650;pointer-events:none}
.cb-arr svg{width:14px;height:14px}
.cb-list{position:absolute;left:0;right:0;bottom:calc(100% + 30px);max-height:min(380px,52vh);overflow:auto;background:#fff;color:var(--ink);border-radius:6px;box-shadow:0 20px 50px -12px rgba(0,0,0,.55);padding:8px;z-index:6;overscroll-behavior:contain}
.cb-g{margin:8px 8px 2px;font-size:12px;color:var(--mut)}
.cb-o{display:block;width:100%;text-align:left;padding:8px;border-radius:var(--r);font-size:15px}
.cb-o:hover,.cb-o.hi{background:#efece6}
.cb-o[aria-selected=true]{color:var(--acc);font-weight:600}
.cb-empty{margin:8px;font-size:13.5px;color:var(--mut)}
.seg{display:grid;grid-template-columns:repeat(4,1fr);height:52px;background:rgba(255,255,255,.08);border-radius:var(--r);padding:3px;gap:3px}
.seg label{display:block;margin:0;cursor:pointer;color:inherit}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;border-radius:3px;font-size:12px;font-weight:500;color:rgba(255,255,255,.72);transition:background .15s,color .15s}
.seg svg{width:17px;height:17px}
.seg label:hover span{color:#fff;background:rgba(255,255,255,.06)}
.seg input:checked+span{background:#fff;color:var(--ink)}
.seg input:focus-visible+span{outline:2px solid var(--acc);outline-offset:1px}
.lf-go{height:52px;margin-top:24.5px;padding:0 26px;font-size:16px;font-weight:600}
.lf-ok{display:flex;align-items:flex-start;gap:10px;margin-top:12px;font-size:13px;line-height:1.4;color:rgba(255,255,255,.66);cursor:pointer}
.lf-ok input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--acc);cursor:pointer}
.lf-ok a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:2px}
.lf-err{margin:5px 0 0;font-size:12.5px;color:#ff8f80;min-height:0}
.lf-err:empty{display:none}
.lf-err-ok{margin-left:28px}

/* экраны в кадре */
.scr{position:absolute;overflow:hidden;background:#121416;z-index:1}
.scr-mon{border-radius:2px;container-type:inline-size;display:flex;flex-direction:column}
.br{flex:none;background:#e9e7e3;color:#2a2826;font-size:clamp(8.5px,1.75cqw,15px);line-height:1}
.br-tabs{display:flex;align-items:flex-end;gap:2px;padding:.55em .7em 0;background:#d9d6d1}
.br-tab{position:relative;display:flex;align-items:baseline;gap:.5em;padding:.62em 1.05em .58em;border-radius:.55em .55em 0 0;font-weight:500;color:#57524d;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.br-tab small{font-size:.86em;font-weight:400;opacity:.8;font-variant-numeric:tabular-nums}
.br-tab:hover{background:rgba(255,255,255,.45);color:#1d1b19}
.br-tab[aria-selected=true]{background:#e9e7e3;color:#141312;font-weight:600}
.br-tab[aria-selected=true] small{color:var(--acc);opacity:1;font-weight:600}
.br-bar{display:flex;align-items:center;gap:.8em;padding:.45em .7em .5em}
.br-url{flex:1;min-width:0;background:#fff;border-radius:2em;padding:.42em 1em;color:#5b5650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.br-url b{color:#1d1b19;font-weight:500}
.br-next{padding:.42em .9em;border-radius:2em;background:#1d1b19;color:#fff;font-size:.92em;font-weight:500;white-space:nowrap}
.br-next:hover{background:var(--acc)}
.vp{position:relative;display:block;flex:1;overflow:hidden;background:#fff}
.vp img{position:absolute;left:0;top:0;width:100%;height:auto;opacity:0;transition:opacity .45s ease;will-change:transform}
.vp img.on{opacity:1}
.scr-ph{border-radius:13%/6.6%}
.scr-ph .vp{position:absolute;inset:0}
.scr-ph-big{border-radius:15%/7.4%}
.scr-ph-big .vp{top:6.2%;background:#121416}
.island{position:absolute;z-index:2;left:50%;top:2.6%;width:31%;height:3.6%;transform:translateX(-50%);background:#0b0b0c;border-radius:20px}
.toasts{position:absolute;right:2.2%;top:21%;width:42%;display:flex;flex-direction:column;gap:.6em;font-size:clamp(8px,1.75cqw,14px);pointer-events:none;z-index:3}
.toast{background:rgba(250,249,247,.94);color:#1b1a18;border-radius:.8em;padding:.75em .95em .8em;box-shadow:0 .6em 1.8em -.6em rgba(0,0,0,.45);animation:tin .45s cubic-bezier(.2,.8,.2,1) both;line-height:1.3}
.toast b{display:flex;justify-content:space-between;gap:.8em;font-weight:600;letter-spacing:-.01em}
.toast b i{font-style:normal;font-weight:400;color:#8a837c;font-size:.86em}
.toast span{display:block;margin-top:.25em;color:#5b5650;font-size:.92em}
.toast.acc b{color:var(--acc)}
@keyframes tin{from{opacity:0;transform:translateY(-.8em) scale(.97)}}
.toasts .toast:nth-child(3){display:none}
/* шкала месяцев внутри экрана */
.mbar{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:.9em 1.1em .8em;background:linear-gradient(0deg,rgba(14,13,12,.92),rgba(14,13,12,.78) 70%,rgba(14,13,12,0));color:#fff;font-size:clamp(8px,1.6cqw,13px)}
.tl-track{display:grid;grid-template-columns:repeat(13,1fr);gap:.35em;cursor:pointer;touch-action:none;outline-offset:4px}
.tl-seg{position:relative;padding-top:.85em}
.tl-seg::before{content:"";position:absolute;left:0;right:0;top:0;height:.4em;min-height:4px;border-radius:3px;background:rgba(255,255,255,.25);transition:background .3s}
.tl-seg.done::before{background:rgba(255,255,255,.85)}
.tl-seg.cur::before{background:var(--acc)}
.tl-seg span{display:block;font-size:.95em;color:rgba(255,255,255,.6);white-space:nowrap;font-variant-numeric:tabular-nums}
.tl-seg.cur span,.tl-seg:hover span{color:#fff}
.tl-seg:not(.lbl) span{visibility:hidden}
.tl-cap{margin:.45em 0 0;font-size:1.02em;line-height:1.35;color:rgba(255,255,255,.9)}
.tl-cap b{font-weight:600}

/* окно «Спасибо» */
.ty{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:rgba(12,11,10,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ty[hidden]{display:none}
.ty-box{position:relative;width:min(520px,100%);background:var(--paper);color:var(--ink);border-radius:8px;padding:34px 32px 28px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);animation:tin .35s cubic-bezier(.2,.8,.2,1) both;outline:none}
.ty-x{position:absolute;right:12px;top:10px;width:40px;height:40px;font-size:18px;color:var(--mut)}
.ty-k{margin:0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--acc)}
.ty h2{margin:8px 0 0;font-size:clamp(26px,3vw,34px);line-height:1.08;letter-spacing:-.035em;font-weight:600}
.ty-s{margin:14px 0 0;font-size:15.5px;line-height:1.5}
.ty-n{margin:10px 0 0;font-size:15px;line-height:1.5;color:#4b4641}
.ty-n a{color:var(--acc);font-weight:500}
.ty-c{margin:16px 0 0;font-size:12.5px;color:var(--mut)}
.ty-close{margin-top:18px;width:100%}

/* ПОЛОСА ПОД ЭКРАНОМ: тарифы */
.strip{background:var(--ink);color:#fff;padding:clamp(30px,4.4vw,56px) 0 clamp(24px,3vw,36px)}
.tars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,48px)}
.tars a{display:block}
.tars span{display:block;font-size:15px;font-weight:500;color:rgba(255,255,255,.66)}
.tars b{display:block;margin-top:6px;font-size:clamp(32px,3.2vw,48px);font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;transition:color .2s}
.tars b small{font-size:.4em;font-weight:500;letter-spacing:0;color:rgba(255,255,255,.6);margin-left:4px}
.tars em{display:block;margin-top:10px;font-style:normal;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.7);max-width:24em}
.tars a:hover b{color:#a9b8ff}
.trust{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;margin:clamp(24px,3vw,40px) 0 0;font-size:14px;color:rgba(255,255,255,.62)}
.trust a{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:#fff;font-weight:500}
.trust a svg{width:18px;height:18px;color:#9fb0ff}
.mstage,.m-proof{display:none}

@media (max-width:1520px){.nav-partner{display:none}.hd-in{gap:22px}}
@media (max-width:1360px){.hd-phone span,.logo-sub{display:none}.hd-lk span{display:none}.hd-r{gap:12px}.nav-i{padding:0 9px}}
@media (max-width:1180px){
 .nav,.hd-phone,.hd-lk{display:none}
 .hd-r{gap:8px}
 .burger{display:grid}.hd-call{display:grid}.hd-r{margin-left:auto}
 .mega{display:none!important}
}
@media (max-width:1300px) and (min-width:1000px){.lf-go{padding:0 18px;font-size:15px}.seg span{font-size:11.5px}}
@media (max-width:1000px){
 :root{--hd:64px}
 .wrap{width:calc(100% - 40px)}
 .hd{position:absolute}
 .hd.solid{position:fixed}
 .hd-cta{display:none}
 .logo-svg{width:150px}
}
@media (max-width:999px){
 .hero .wrap,.lf{width:calc(100% - 40px)}
 .hero{height:auto;max-height:none;min-height:0;background:var(--ink);padding-bottom:30px}
 .scene-d,.hero-shade{display:none}
 .offer{display:contents}
 .h1{order:1;width:calc(100% - 40px);margin:calc(var(--hd) + 16px) auto 0;font-size:clamp(28px,7.6vw,52px);line-height:1.06;max-width:none}
 .h1-2{font-size:.66em}
 .lf{order:2;margin:20px auto 0;padding:16px 16px 18px;background:#22201e;max-width:none}
 .usp{order:3;width:calc(100% - 40px);margin:26px auto 0;max-width:none;gap:18px 20px}
 .usp b{font-size:24px}
 .usp span{font-size:13.5px}
 .mstage{order:4;display:block;position:relative;margin-top:30px}
 .lf-head{flex-direction:column;gap:2px}
 .lf-row{display:flex;flex-direction:column;gap:12px}
 .lf-go{order:9;margin-top:0}
 .lf{display:flex;flex-direction:column}
 .lf-row{display:contents}
 .lf-head{order:0}.lf-niche{order:1}.lf-phone{order:2}.lf-ms{order:3}.lf-ok{order:4;margin-top:2px}.lf-err-ok{order:5;margin-top:-6px}.lf-go{order:6;width:100%;margin-top:12px}
 .lf-f{margin-bottom:12px}
 .cb-list{bottom:auto;top:calc(100% + 6px);max-height:min(340px,48vh)}
 .m-proof{display:block;width:calc(100% - 40px);margin:0 auto 10px;font-size:14px;color:rgba(255,255,255,.66)}
 .m-tabs{display:grid;grid-template-columns:repeat(3,1fr);width:calc(100% - 40px);margin:0 auto 10px;gap:4px}
 .m-tab{padding:10px 4px 9px;text-align:left;border-radius:var(--r);box-shadow:inset 0 -2px 0 rgba(255,255,255,.18);transition:box-shadow .2s,color .2s;color:rgba(255,255,255,.62)}
 .m-tab b{display:block;font-size:16px;font-weight:600;letter-spacing:-.02em}
 .m-tab small{font-size:12.5px;font-variant-numeric:tabular-nums}
 .m-tab[aria-selected=true]{color:#fff;box-shadow:inset 0 -3px 0 var(--acc)}
 .m-tab[aria-selected=true] small{color:#a9b8ff}
 .scene-m{position:relative;inset:auto;height:clamp(420px,118vw,620px)}
 .toasts-m{left:12px;right:auto;top:12px;width:min(62%,280px);font-size:12.5px}
 .toasts-m .toast:nth-child(n+2){display:none}
 .m-next{position:absolute;right:12px;bottom:12px;z-index:3;display:flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:var(--r);background:rgba(20,19,18,.72);color:#fff;font-size:13.5px;font-weight:500}
 .m-next svg{width:14px;height:14px}
 .mbar-m{position:relative;margin:16px auto 0;padding:0;background:none;font-size:13px}
 .trust{gap:6px 18px}.trust a{margin-left:0}
 .ty-box{padding:30px 22px 22px}
}
@media (max-width:760px){.tars{grid-template-columns:1fr;gap:24px}}
@media (max-width:420px){
 .hd-ms a:nth-child(2){display:none}
 .logo-svg{width:136px}
 .usp{grid-template-columns:1fr 1fr}
 .seg span{font-size:11px}
}
@media (max-width:359px){
 .usp{grid-template-columns:1fr}
 .m-tab b{font-size:14.5px}.m-tab small{font-size:11.5px}
 .lf{padding:14px 12px 16px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== БЛОКИ ГЛАВНОЙ ===== */
.sec{position:relative;padding:clamp(64px,8vw,120px) 0}
.sec h2{margin:0;font-size:clamp(30px,3.6vw,54px);line-height:1.04;letter-spacing:-.04em;font-weight:600;text-wrap:balance}
.kick{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--acc)}
.sec-hd{max-width:820px;margin-bottom:clamp(30px,4vw,56px)}
.sec-hd-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;max-width:none}
.sec-hd-row h2{max-width:760px}
.sec-lead{margin:18px 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.5;color:#5b5650;max-width:44em}
.more{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--acc);white-space:nowrap}
.more svg{width:16px;height:16px;transition:transform .2s}.more:hover svg{transform:translateX(3px)}
.btn-line{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}.btn-line:hover{background:var(--ink);color:#fff}
.btn-line-d{box-shadow:inset 0 0 0 1.5px currentColor}.btn-line-d svg{width:18px;height:18px}
.btn-line-d:hover{background:rgba(127,127,127,.12)}

/* как это работает */
.hw{background:var(--paper)}
.hw-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.hw-ph{position:relative;width:100%;border-radius:6px;overflow:hidden;aspect-ratio:3/2;background:#d8d2c8}
.hw-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s}
.hw-ph img.on{opacity:1}
.hw-cap{position:absolute;left:14px;bottom:12px;margin:0;padding:5px 9px;border-radius:3px;background:rgba(20,19,18,.6);color:#fff;font-size:12px}
.hw-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;gap:6px}
.hw-s{position:relative;padding:14px 0 14px 26px}
.hw-s::before{content:"";position:absolute;left:0;top:18px;bottom:-14px;width:5px;border-radius:3px;background:#dcd6cc}
.hw-s:last-child::before{bottom:14px}
.hw-s.on::before,.hw-s.past::before{background:var(--acc)}
.hw-b{display:flex;align-items:baseline;gap:14px;text-align:left;width:100%}
.hw-when{min-width:7.2em;font-size:14px;font-weight:600;color:var(--mut);font-variant-numeric:tabular-nums}
.hw-b b{font-size:clamp(22px,2vw,30px);font-weight:600;letter-spacing:-.03em;color:#8c857e;transition:color .2s}
.hw-s.on .hw-b b,.hw-s.on .hw-when{color:var(--ink)}
.hw-d{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.hw-d>*{min-height:0;overflow:hidden}
.hw-s.on .hw-d{grid-template-rows:1fr}
.hw-d p{margin:10px 0 0;font-size:15.5px;line-height:1.5;color:#4b4641}
.hw-d .hw-n{display:flex;align-items:baseline;gap:10px;margin-top:12px;color:var(--mut);font-size:14px}
.hw-n strong{font-size:28px;font-weight:600;letter-spacing:-.03em;color:var(--acc);white-space:nowrap}
.hw-bar{display:none}

/* тарифы */
.tf{background:#fbfaf7}
.sw{display:inline-flex;padding:4px;border-radius:6px;background:#ebe7df;flex:none}
.sw-b{height:42px;padding:0 16px;border-radius:4px;font-size:14.5px;font-weight:500;color:#5b5650;white-space:nowrap}
.sw-b[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 2px 8px -3px rgba(0,0,0,.2)}
.tf-g{display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:stretch;background:#f1eee8;border-radius:8px}
.tf-c{display:flex;flex-direction:column;padding:clamp(24px,2.6vw,38px)}
.tf-hit{background:var(--ink);color:#fff;border-radius:8px;margin:-14px 0;padding-top:calc(clamp(24px,2.6vw,38px) + 14px);padding-bottom:calc(clamp(24px,2.6vw,38px) + 14px);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.tf-n{margin:0;display:flex;align-items:center;gap:10px;font-size:26px;font-weight:600;letter-spacing:-.03em}
.tf-n em{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#a9b8ff}
.tf-who{margin:4px 0 0;font-size:14.5px;color:var(--mut)}
.tf-hit .tf-who,.tf-hit .tf-sub,.tf-hit .tf-ag{color:rgba(255,255,255,.62)}
.tf-p{margin:22px 0 0;font-size:16px;color:var(--mut)}
.tf-p b{font-size:clamp(38px,3.4vw,52px);font-weight:600;letter-spacing:-.045em;color:var(--ink);font-variant-numeric:tabular-nums}
.tf-hit .tf-p,.tf-hit .tf-p b{color:#fff}
.tf-sub{margin:2px 0 0;font-size:13.5px;color:var(--mut)}
.tf-k{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:24px 0 0}
.tf-k div{display:flex;flex-direction:column-reverse;justify-content:flex-end}
.tf-k dt{font-size:12.5px;color:var(--mut);line-height:1.3}
.tf-hit .tf-k dt{color:rgba(255,255,255,.6)}
.tf-k dd{margin:0;font-size:26px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.tf-k div:first-child dd{color:var(--acc)}
.tf-hit .tf-k div:first-child dd{color:#a9b8ff}
.tf-l{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:15px;line-height:1.4;flex:1}
.tf-l li{position:relative;padding-left:20px}
.tf-l[hidden]{display:none}
.tf-l li::before{content:"";position:absolute;left:3px;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--acc)}
.tf-ag{margin:20px 0 14px;font-size:13.5px;color:var(--mut)}
.tf-go{width:100%}
.tf-hit .btn-acc{background:var(--acc)}
.tf-foot{margin:34px 0 0;max-width:62em;font-size:14px;line-height:1.55;color:var(--mut)}

/* защита */
.zs{background:#0f1114;color:#fff;overflow:hidden}
.zs-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}
.zs::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,15,.94) 0%,rgba(12,13,15,.75) 50%,rgba(12,13,15,.5));pointer-events:none}
.zs-in{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,80px)}
.zs .sec-lead{color:rgba(255,255,255,.72)}
.zs-free{margin:30px 0 0;display:flex;align-items:baseline;gap:14px;font-size:15px;color:rgba(255,255,255,.8);max-width:26em}
.zs-free b{white-space:nowrap;font-size:64px;font-weight:600;letter-spacing:-.05em;color:#a9b8ff;line-height:1}
.zs-l{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,2.6vw,36px) clamp(22px,3vw,44px)}
.zs-l dt{font-size:26px;font-weight:600;letter-spacing:-.03em;color:#fff}
.zs-l dd{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.7)}
.zs-l dd b{color:#fff;font-weight:600}

/* витрина демо */
.dm{background:var(--paper)}
.dm-tabs{display:flex;flex-wrap:wrap;gap:4px 26px;margin-bottom:26px}
.dm-tab{padding:8px 0;font-size:15.5px;font-weight:500;color:var(--mut);box-shadow:inset 0 -2px 0 transparent;transition:color .2s,box-shadow .2s}
.dm-tab:hover{color:var(--ink)}
.dm-tab[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--acc)}
.dm-g{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 22px}
.dm-i{display:block}
.dm-i[hidden]{display:none}
.dm-im{display:block;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:#ddd7cc;box-shadow:0 18px 36px -24px rgba(0,0,0,.5)}
.dm-im img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s ease}
.dm-i:hover .dm-im img{transform:scale(1.04)}
.dm-i b{display:block;margin-top:12px;font-size:17px;font-weight:600;letter-spacing:-.02em}
.dm-i>span:last-child{display:block;font-size:14px;color:var(--mut)}
.dm-g .dm-i.big{grid-column:span 2;grid-row:span 2}
.dm-g .dm-i.big b{font-size:22px}
.dm-note{margin:30px 0 0;font-size:13.5px;color:var(--mut)}

/* сравнение */
.cm{background:#fbfaf7}
.cm-big{display:flex;flex-wrap:wrap;gap:16px 60px;margin:-10px 0 34px}
.cm-big p{margin:0;display:flex;flex-direction:column;font-size:15px;color:var(--mut)}
.cm-big b{font-size:clamp(34px,3.6vw,56px);font-weight:600;letter-spacing:-.045em;color:var(--ink);line-height:1.05}
.cm-big p:first-child b{color:var(--acc)}
.cm-w{overflow-x:auto;border-radius:8px;outline-offset:4px}
.cm-t{width:100%;min-width:860px;border-collapse:separate;border-spacing:0;font-size:14.5px;line-height:1.45}
.cm-t th,.cm-t td{padding:14px 16px;text-align:left;vertical-align:top}
.cm-t thead th{font-size:15px;font-weight:600;padding-top:18px;padding-bottom:18px}
.cm-t tbody th{font-weight:500;color:var(--mut);width:17%}
.cm-t tbody tr:nth-child(odd) th,.cm-t tbody tr:nth-child(odd) td{background:#f1eee8}
.cm-t .cm-us,.cm-t td:nth-child(2){background:var(--ink)!important;color:#fff;font-weight:500;width:22%}
.cm-t thead .cm-us{border-radius:8px 8px 0 0;font-size:18px}
.cm-t tbody tr:last-child td:nth-child(2){border-radius:0 0 8px 8px}
.cm-t tbody tr:nth-child(odd) td:nth-child(2){background:#22201e!important}
.cm-src{margin:20px 0 0;font-size:13px;color:var(--mut)}

/* отчёт */
.rp{background:#ebe6dd}
.rp-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
.rp-crm{margin:30px 0 0}
.rp-crm img{border-radius:6px;box-shadow:0 24px 50px -28px rgba(0,0,0,.45)}
.rp-crm figcaption{margin-top:10px;font-size:13px;color:var(--mut)}
.doc{background:#fff;color:#1b1a18;border-radius:4px;padding:clamp(24px,3vw,42px);box-shadow:0 2px 0 #ddd6ca,0 40px 70px -40px rgba(0,0,0,.45);transform:rotate(.8deg)}
.doc-h{display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:600;letter-spacing:-.03em}
.doc-tag{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#b4321f;box-shadow:inset 0 0 0 1.5px #b4321f;padding:4px 8px;border-radius:3px;transform:rotate(-3deg)}
.doc-site{margin:4px 0 0;font-size:14px;color:var(--mut)}
.doc-big{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0 10px;padding:18px 0;background:linear-gradient(#f4f1ec,#f4f1ec) 0 0/100% 100% no-repeat;border-radius:4px}
.doc-big p{margin:0;padding:0 18px;display:flex;flex-direction:column;font-size:14px;color:#4b4641}
.doc-big b{font-size:44px;font-weight:600;letter-spacing:-.045em;color:var(--ink);line-height:1}
.doc-big small{font-size:12.5px;color:var(--mut)}
.doc h3{margin:22px 0 8px;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.doc-t{width:100%;border-collapse:collapse;font-size:14.5px}
.doc-t td{padding:7px 0}
.doc-t tr:nth-child(odd) td{background:#faf8f5}
.doc-t td:first-child{padding-left:8px}
.doc-t td:last-child{text-align:right;font-weight:600;padding-right:8px;font-variant-numeric:tabular-nums}
.doc-pos{display:flex;align-items:baseline;gap:12px;margin:0;font-size:14.5px}
.doc-pos b{font-size:26px;letter-spacing:-.03em}.doc-pos em{font-style:normal;color:#1f8a4c;font-weight:600}
.doc-p{margin:0;font-size:14.5px;line-height:1.5;color:#4b4641}
.doc-f{margin-top:22px;font-size:12.5px;color:var(--mut)}

/* допы */
.dp{background:var(--ink);color:#fff}
.dp-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,80px);align-items:start}
.dp-side{position:sticky;top:110px}
.dp .sec-lead{color:rgba(255,255,255,.66);margin-bottom:28px}
.dp-l{list-style:none;margin:0;padding:0;columns:2;column-gap:clamp(24px,3vw,48px)}
.dp-l li{break-inside:avoid;padding:0 0 30px}
.dp-h{display:flex;flex-direction:column;gap:4px}
.dp-h b{font-size:22px;font-weight:600;letter-spacing:-.025em}
.dp-h em{font-style:normal;font-size:13px;color:rgba(255,255,255,.55)}
.dp-h em.dp-in{color:#a9b8ff}
.dp-l p{margin:10px 0 0;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.76)}
.dp-l .dp-you{margin-top:6px;font-size:13px;color:rgba(255,255,255,.5)}

/* отзывы */
.rv{background:var(--paper)}
.rv-vs{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:18px}
.rv-v{position:relative;display:block;text-align:left;border-radius:6px;overflow:hidden;background:#1b1a18;color:#fff}
.rv-v img{width:100%;aspect-ratio:44/30;object-fit:cover;opacity:.88;transition:opacity .2s,transform .5s}
.rv-v:hover img{opacity:1;transform:scale(1.03)}
.rv-big{grid-row:span 2}
.rv-big img{height:100%;aspect-ratio:auto}
.rv-v b,.rv-v small{position:absolute;left:16px;right:16px}
.rv-v b{bottom:34px;font-size:17px;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.rv-v small{bottom:14px;font-size:13px;color:rgba(255,255,255,.8);text-shadow:0 1px 8px rgba(0,0,0,.6)}
.rv-big b{font-size:24px;bottom:40px}
.rv-play{position:absolute;left:16px;top:14px;padding:6px 10px;border-radius:4px;background:rgba(20,19,18,.72);font-size:13px;font-weight:600}
.rv-ts{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:clamp(24px,3vw,48px);margin-top:clamp(36px,4vw,56px)}
.rv-t{margin:0}
.rv-t blockquote{margin:0;font-size:16px;line-height:1.55;color:#2f2c29}
.rv-t:first-child blockquote{font-size:19px;line-height:1.5;letter-spacing:-.01em}
.rv-t figcaption{margin-top:14px;font-size:14px;color:var(--mut)}
.rv-t figcaption b{display:block;color:var(--ink);font-weight:600}

/* команда */
.tm{background:#fbfaf7}
.tm-g{display:grid;grid-template-columns:.8fr 1.4fr;gap:clamp(30px,5vw,80px);align-items:start}
.tm-a{margin:0;position:sticky;top:100px}
.tm-a img{border-radius:6px;width:100%;aspect-ratio:4/5;object-fit:cover}
.tm-a figcaption{margin-top:12px;font-size:14px;color:var(--mut)}.tm-a b{display:block;font-size:18px;color:var(--ink)}
.tm-txt blockquote{margin:24px 0 0;font-size:clamp(18px,1.5vw,22px);line-height:1.5;letter-spacing:-.01em;color:#2f2c29}
.tm-n{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:34px 0 0}
.tm-n div{display:flex;flex-direction:column-reverse;justify-content:flex-end}
.tm-n dt{font-size:13px;color:var(--mut);line-height:1.35}
.tm-n dd{margin:0;font-size:clamp(32px,3vw,46px);font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.tm-src{margin:8px 0 0;font-size:12.5px;color:var(--mut)}
.tm-team{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:20px;margin-top:40px;align-items:end}
.tm-team figure{margin:0}
.tm-team img{border-radius:6px;aspect-ratio:4/5;object-fit:cover;width:100%}
.tm-team figcaption{margin-top:10px;font-size:13.5px;color:var(--mut)}.tm-team figcaption b{display:block;color:var(--ink);font-size:16px}
.tm-roles p{margin:0 0 12px;font-size:14.5px;line-height:1.5;color:#4b4641}
.tm-roles p:first-child b{font-size:24px;letter-spacing:-.03em;color:var(--ink)}
.tm-tools{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:20px;align-items:center;margin-top:clamp(50px,6vw,90px)}
.tm-tools img{border-radius:6px;box-shadow:0 20px 40px -26px rgba(0,0,0,.45)}
.tm-tt{margin:0;font-size:15px;line-height:1.55;color:#4b4641}.tm-tt b{color:var(--ink)}

/* партнёрам */
.pt{background:#ebe6dd}
.pt-g{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
.pt-ph img{border-radius:6px;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:35% center}
.pt-10{color:var(--acc)}
.pt-calc{margin-top:28px;padding:22px 24px;background:#fff;border-radius:6px}
.pt-ct{margin:0 0 10px;font-weight:600}
.pt-rows{display:flex;flex-direction:column;gap:8px}
.pt-rows label{display:flex;justify-content:space-between;align-items:center;font-size:15px}
.pt-st{display:inline-flex;align-items:center;gap:4px}
.pt-st button{width:36px;height:36px;border-radius:4px;background:#f1eee8;font-size:18px}
.pt-st button:hover{background:#e4dfd5}
.pt-st output{min-width:2.2em;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}
.pt-res{display:flex;gap:30px;margin:16px 0 0;font-size:14px;color:var(--mut)}
.pt-res b{display:block;font-size:30px;letter-spacing:-.035em;color:var(--ink);font-variant-numeric:tabular-nums}
.pt-cond{margin:18px 0 0;font-size:13.5px;line-height:1.5;color:var(--mut)}
.pt-cta{display:flex;align-items:center;gap:26px;margin-top:22px}

/* FAQ */
.fqs{background:var(--paper)}
.fq-g{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(30px,5vw,80px);align-items:start}
.fq-side{position:sticky;top:110px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.fq-side .sec-lead{margin:0}
.fq{border-radius:6px;transition:background .2s}
.fq[open]{background:#fff}
.fq summary{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;font-size:18px;font-weight:600;letter-spacing:-.02em;cursor:pointer;list-style:none}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"+";font-weight:400;font-size:24px;line-height:1;color:var(--acc)}
.fq[open] summary::after{content:"−"}
.fq summary:hover{color:var(--acc)}
.fq p{margin:0;padding:0 20px 20px;font-size:15.5px;line-height:1.55;color:#4b4641;max-width:46em}

/* финальная заявка */
.fin{background:#2a2522;color:#fff;overflow:hidden}
.fin-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right bottom}
.fin::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,16,15,.78),rgba(17,16,15,.55) 50%,rgba(17,16,15,.85))}
.fin-in{position:relative;z-index:1}
.fin h2{max-width:900px}
.fin-l{margin:16px 0 30px;font-size:17px;color:rgba(255,255,255,.8);max-width:42em}
.fin .lf{margin:0}
.fin-ms{display:flex;flex-wrap:wrap;gap:10px 26px;margin:22px 0 0}
.fin-ms a{display:inline-flex;align-items:center;gap:8px;font-weight:500}
.fin-ms svg{width:18px;height:18px;color:#a9b8ff}

/* подвал */
.ft{background:#0f0e0d;color:rgba(255,255,255,.72);padding:64px 0 30px;font-size:14.5px}
.ft-g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr;gap:30px}
.ft .logo{color:#fff}
.ft-a p{margin:14px 0 0;line-height:1.5;max-width:26em}
.ft-ph{display:block;margin-top:18px;font-size:22px;font-weight:600;color:#fff;letter-spacing:-.02em}
.ft-a .ft-s{margin-top:2px;font-size:13px;color:rgba(255,255,255,.5)}
.ft a:hover{color:#fff}
.ft-ms{display:flex;gap:8px;margin-top:16px}
.ft-ms a{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:#fff;font-size:13.5px}
.ft-ms svg{width:16px;height:16px}
.ft-c{display:flex;flex-direction:column;gap:9px}
.ft-c p{margin:0 0 4px;color:#fff;font-weight:600}
.ft-b{margin-top:44px;padding-top:0;font-size:12.5px;color:rgba(255,255,255,.45)}
.ft-b p{margin:4px 0 0}

/* cookie, модальные формы, видео */
.ck{position:fixed;left:20px;bottom:20px;z-index:65;width:min(440px,calc(100% - 40px));padding:18px 20px;background:var(--paper);color:var(--ink);border-radius:8px;box-shadow:0 20px 50px -16px rgba(0,0,0,.45);font-size:14px;line-height:1.5}
.ck[hidden]{display:none}
.ck p{margin:0}.ck a{color:var(--acc)}
.ck div{display:flex;gap:8px;margin-top:12px}
.ck .btn{height:40px;padding:0 14px;font-size:14px;flex:1}
.ty-form{width:min(560px,100%);padding:26px 22px 22px;background:#22201e;color:#fff}
.ty-form .lf{margin:0;padding:0;background:none;box-shadow:none;width:auto}
.ty-form .lf-row{display:flex;flex-direction:column;gap:0}
.ty-form .lf-f{margin-bottom:12px;width:100%}
.ty-form .lf-head{flex-direction:column;gap:2px;padding-right:36px}
.ty-form .lf-go{margin-top:6px;width:100%;order:9}
.ty-form .cb-list{bottom:auto;top:calc(100% + 6px)}
.ty-form .ty-x{color:rgba(255,255,255,.7)}
.vm-box{width:min(960px,100%);padding:0;background:#000;overflow:hidden}
.vm-box video{display:block;width:100%;max-height:80vh;background:#000}
.vm-box .ty-x{z-index:2;color:#fff;background:rgba(0,0,0,.5);border-radius:50%}

@media (max-width:1180px){
 .hw-grid,.zs-in,.rp-g,.dp-g,.tm-g,.pt-g,.fq-g{grid-template-columns:1fr}
 .dp-side,.tm-a,.fq-side{position:static}
 .tm-a{max-width:420px}
 .tf-g{grid-template-columns:1fr;background:none;gap:16px}
 .tf-c{background:#f1eee8;border-radius:8px}
 .tf-hit{margin:0;padding:clamp(24px,2.6vw,38px);background:var(--ink)}
 .dm-g{grid-template-columns:repeat(3,1fr)}
 .rv-vs{grid-template-columns:1fr 1fr}
 .rv-big{grid-column:span 2;grid-row:auto}
 .rv-big img{aspect-ratio:44/30}
 .rv-ts{grid-template-columns:1fr}
 .tm-tools{grid-template-columns:1fr 1fr}.tm-tt{grid-column:1/-1}
 .ft-g{grid-template-columns:1fr 1fr 1fr}
 .ft-a{grid-column:1/-1}
 .doc{transform:none}
}
@media (max-width:760px){
 .sec-hd-row{flex-direction:column;align-items:flex-start}
 .sw{width:100%}.sw-b{flex:1;padding:0 8px;font-size:13.5px;white-space:normal;line-height:1.2}
 .tf-k dd{font-size:22px}
 .zs-l{grid-template-columns:1fr}
 .zs-free b{font-size:48px}
 .dm-g{grid-template-columns:1fr 1fr;gap:20px 12px}
 .dm-g .dm-i.big{grid-column:span 2;grid-row:auto}
 .dm-i b{font-size:15px}.dm-i>span:last-child{font-size:12.5px}
 .dm-tabs{flex-wrap:nowrap;overflow-x:auto;gap:22px;margin-inline:-20px;padding:0 20px;scrollbar-width:none}
 .dm-tab{white-space:nowrap;flex:none}
 .dp-l{columns:1}
 .rv-vs{grid-template-columns:1fr}
 .rv-big{grid-column:auto}
 .tm-n{grid-template-columns:1fr 1fr}
 .tm-team{grid-template-columns:1fr 1fr}.tm-roles{grid-column:1/-1}
 .tm-tools{grid-template-columns:1fr}
 .doc-big b{font-size:34px}
 .ft-g{grid-template-columns:1fr 1fr}
 .cm-big{gap:14px 30px}
 .pt-ph img{aspect-ratio:3/2}
 .fq summary{font-size:16.5px;padding:16px 14px}.fq p{padding:0 14px 16px;font-size:15px}
 .pt-cta{flex-wrap:wrap;gap:14px}
}
@media (max-width:420px){
 .tf-k{grid-template-columns:1fr 1fr 1fr;gap:6px}
 .tf-k dt{font-size:11.5px}
 .ft-g{grid-template-columns:1fr}
 .pt-calc{padding:18px 16px}
}

/* ===== v3: полный контент ===== */
.rpj-h{margin:0 0 18px;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
/* что вы получаете */
.gt{background:#fbfaf7}
.gt-g{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,80px);align-items:start}
.gt-l{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 34px}
.gt-l li{display:grid;grid-template-columns:auto 1fr;column-gap:14px}
.gt-l i{grid-row:span 2;font-style:normal;font-size:14px;font-weight:600;color:var(--acc);font-variant-numeric:tabular-nums;padding-top:3px}
.gt-l b{font-size:18px;font-weight:600;letter-spacing:-.02em}.gt-l span{font-size:14px;color:var(--mut)}
.gt-n{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:40px 0 0}
.gt-n div{display:flex;flex-direction:column-reverse;justify-content:flex-end}
.gt-n dt{font-size:13px;color:var(--mut);line-height:1.35}.gt-n dd{margin:0;font-size:clamp(30px,2.8vw,44px);font-weight:600;letter-spacing:-.045em}
.gt-ph{margin:0;position:sticky;top:100px}
.gt-ph img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:6px;box-shadow:0 30px 60px -36px rgba(0,0,0,.5)}
.gt-ph figcaption{margin-top:10px;font-size:13.5px;color:var(--mut)}.gt-ph b{display:block;color:var(--ink);font-size:16px}
.gt-easy{display:grid;grid-template-columns:1.1fr .9fr 1.1fr;gap:clamp(24px,3vw,48px);margin-top:clamp(56px,6vw,90px);padding:clamp(26px,3vw,40px);background:#f1eee8;border-radius:8px}
.gt-easy h3{margin:0;font-size:clamp(22px,2vw,30px);line-height:1.15;letter-spacing:-.03em;font-weight:600}
.gt-easy p{font-size:15px;line-height:1.5;color:#4b4641}
.gt-g2{display:flex;gap:30px;margin:18px 0 0}.gt-g2 dt{font-size:30px;font-weight:600;letter-spacing:-.04em;color:var(--acc)}.gt-g2 dd{margin:0;font-size:13px;color:var(--mut);max-width:14em}
.gt-nh{margin:0 0 12px!important;font-weight:600;color:var(--ink)!important}
.gt-no{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:15px}
.gt-no li{color:#4b4641;text-decoration:line-through;text-decoration-color:rgba(59,91,255,.6);text-decoration-thickness:2px}
.gt-dom dl{margin:0;display:flex;flex-direction:column;gap:14px}.gt-dom dt{font-weight:600;font-size:16px}.gt-dom dd{margin:4px 0 0;font-size:14px;line-height:1.5;color:#4b4641}
.hw-note{margin:30px 0 0;max-width:60em;font-size:14.5px;line-height:1.55;color:var(--mut)}
/* тарифы: кнопки, сравнение, направления, проекты, выкуп */
.tf-bt{display:flex;flex-direction:column;gap:10px}
.tf-all{height:44px;border-radius:var(--r);font-weight:600;font-size:15px;color:var(--acc)}
.tf-hit .tf-all{color:#a9b8ff}
.tf-all:hover{text-decoration:underline;text-underline-offset:3px}
.ctb{margin-top:clamp(50px,6vw,80px)}
.ctb-h{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:20px}
.ctb-h h3{margin:0;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em;font-weight:600}
.ctb-h p{margin:0;max-width:34em;font-size:14px;color:var(--mut)}
.ct-w{overflow-x:auto;border-radius:8px;position:relative}
.ctb:not(.open) .ct-w{max-height:640px;overflow-y:hidden}
.ctb:not(.open) .ct-w::after{content:"";position:sticky;display:block;left:0;bottom:0;height:120px;margin-top:-120px;background:linear-gradient(rgba(251,250,247,0),#fbfaf7)}
.ct{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;font-size:14.5px}
.ct th,.ct td{padding:11px 16px;text-align:left;vertical-align:top}
.ct thead th{position:sticky;top:0;background:#fbfaf7;font-size:17px;font-weight:600;padding-top:14px;padding-bottom:14px;z-index:1}
.ct thead .ct-hit{background:var(--ink);color:#fff;border-radius:8px 8px 0 0}
.ct td:nth-child(3){background:rgba(22,21,20,.05);font-weight:500}
.ct tbody th{font-weight:400;color:#4b4641;width:40%}
.ct tbody tr:nth-child(even):not(.ct-sec) th,.ct tbody tr:nth-child(even):not(.ct-sec) td{background-color:#f4f1ec}
.ct-sec th{padding-top:22px;font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--acc)!important;background:none!important}
.ct td{font-variant-numeric:tabular-nums;font-weight:600}
.ct .ct-y{color:var(--acc);font-weight:600}.ct .ct-no{color:#a39c94;font-weight:400}
.ctb-more{margin-top:14px;height:44px;padding:0 18px;border-radius:var(--r);box-shadow:inset 0 0 0 1.5px var(--ink);font-weight:600}
.ctb.open .ctb-more{display:none}
.dr{margin-top:clamp(56px,6vw,90px)}
.dr-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.dr-l li{display:flex;flex-direction:column}
.dr-l b{font-size:20px;font-weight:600;letter-spacing:-.025em}
.dr-l p{margin:8px 0 0;font-size:14px;line-height:1.5;color:#4b4641;flex:1}
.dr-n{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:14px!important;flex:none!important}
.dr-n span{width:100%;font-size:12.5px;color:var(--mut)}
.dr-n em{font-style:normal;font-size:24px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.dr-n small{display:block;font-size:11.5px;font-weight:500;color:var(--mut);letter-spacing:0}
.rpj{margin-top:clamp(56px,6vw,90px)}
.rpj-g{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:22px;align-items:start}
.rpj figure{margin:0}
.rpj img{width:100%;height:420px;object-fit:cover;object-position:top;border-radius:6px;box-shadow:0 24px 50px -32px rgba(0,0,0,.5)}
.rpj figcaption{margin-top:10px;font-size:13.5px;color:var(--mut)}.rpj figcaption b{display:block;color:var(--ink);font-size:16px}
.by{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);margin-top:clamp(56px,6vw,90px);padding:clamp(26px,3vw,40px);background:var(--ink);color:#fff;border-radius:8px}
.by h3{margin:0;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.035em;font-weight:600}
.by p{font-size:15px;line-height:1.55;color:rgba(255,255,255,.75)}
.by .kick{color:#a9b8ff}
.cc-seg{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:6px;background:rgba(127,127,127,.14)}
.cc-seg button{flex:1;min-height:40px;padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500;color:inherit;opacity:.75}
.cc-seg button.on{background:#fff;color:var(--ink);opacity:1;box-shadow:0 2px 8px -3px rgba(0,0,0,.25)}
.tw-buy input[type=range]{width:100%;accent-color:var(--acc);margin:10px 0}
.tw-buy-r b{display:block;font-size:40px;font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.tw-buy-r span{font-size:14px;opacity:.75}
.by-c>p{margin:14px 0 0}.by-ex{font-size:13px!important;opacity:.7}
/* сравнения */
.cs-tabs{display:flex;flex-wrap:wrap;gap:4px 28px;margin-bottom:28px}
.cs-tab{padding:10px 0;font-size:16px;font-weight:600;color:var(--mut);box-shadow:inset 0 -3px 0 transparent;text-align:left}
.cs-tab:hover{color:var(--ink)}.cs-tab[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--acc)}
.cs-p[hidden]{display:none}
.cm-big{flex-wrap:wrap}
.cc{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,60px);padding:clamp(24px,3vw,40px);background:#f1eee8;border-radius:8px}
.cc-l{margin:16px 0 8px;font-size:13px;font-weight:600;color:var(--mut)}.cc-l:first-child{margin-top:0}
.cc-out{display:flex;flex-direction:column;gap:22px;justify-content:center}
.cc-bar p{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:0 0 8px;font-weight:600}
.cc-bar b{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.cc-th{display:grid;grid-template-columns:1fr auto;align-items:baseline}
.cc-th p{margin:0 0 8px}.cc-th i,.cc-th small{grid-column:1/-1}
.cc-bar i{display:block;height:14px;border-radius:7px;background:rgba(22,21,20,.08);overflow:hidden}
.cc-bar s{display:block;height:100%;border-radius:7px;background:var(--ink);transition:width .5s ease;text-decoration:none}
.cc-us s{background:var(--acc)}
.cc-bar small{display:block;margin-top:6px;font-size:13px;color:var(--mut)}
.cc-res{display:flex;flex-direction:column;gap:2px;margin:0;padding-top:10px}
.cc-res span{font-weight:600}.cc-res b{font-size:clamp(32px,3.4vw,52px);letter-spacing:-.045em;color:var(--acc);font-variant-numeric:tabular-nums}
.cm-t5{min-width:1080px}.cm-t5 td:nth-child(2){width:20%}
.cs-t{min-width:640px}.cs-t tbody th{width:28%}
.cs-t td.cs-us{background:var(--ink)!important;color:#fff}
.cs-t tbody tr:nth-child(odd) td.cs-us{background:#22201e!important}
.cs-t td:nth-child(2){width:38%}
/* инструменты */
.tl2{background:#fbfaf7}
.tl-0{margin:0;max-width:20em;font-size:14px;color:var(--mut)}.tl-0 b{display:block;font-size:48px;letter-spacing:-.05em;color:var(--acc);line-height:1}
.tl-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,4vw,60px);align-items:start}
.tl-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.tl-l li{font-size:14.5px;color:#4b4641}.tl-l b{display:block;font-size:17px;color:var(--ink);letter-spacing:-.015em}
.tl-ims{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tl-ims img{border-radius:6px;box-shadow:0 20px 40px -26px rgba(0,0,0,.45)}
.tl-ims p{grid-column:1/-1;margin:0;font-size:13px;color:var(--mut)}
.tl-proc{margin-top:clamp(50px,6vw,80px)}
.tl-proc ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:p}
.tl-proc li{font-size:14px;color:#4b4641;line-height:1.5}
.tl-proc em{display:block;font-style:normal;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--acc)}
.tl-proc b{display:block;margin:4px 0;font-size:19px;color:var(--ink);letter-spacing:-.02em}
.tl-can{margin-top:clamp(40px,5vw,64px)}
.tl-can ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px 24px}
.tl-can li{font-size:14px;color:var(--mut)}.tl-can b{display:block;font-size:16px;color:var(--ink)}
/* ниши */
.nq{margin-top:40px}
.nq-l{display:flex;flex-wrap:wrap;gap:10px 28px}
.nq-l a{font-size:16px;font-weight:500;color:var(--ink)}.nq-l a:hover{color:var(--acc)}
/* команда роли */
.tm-rl{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--mut)}
.tm-rl b{display:block;font-size:15px;color:var(--ink)}
.tm-team{align-items:start}
/* партнёрам подробно */
.pm{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;gap:clamp(20px,3vw,40px);margin-top:clamp(50px,6vw,80px)}
.pm ul,.pm ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:14px;color:#4b4641;line-height:1.45}
.pm b{display:block;font-size:15.5px;color:var(--ink)}
.pm-f .fq summary{font-size:15.5px;padding:12px 14px}.pm-f .fq p{padding:0 14px 14px;font-size:14px}
.pm-f .fq[open]{background:#fff}
/* финал */
.fin-pts{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:14.5px;color:rgba(255,255,255,.85)}
.fin-pts li::before{content:"✓ ";color:#a9b8ff;font-weight:600}
/* окно «Всё о тарифе» */
.tw{align-items:start;overflow-y:auto;padding:28px 20px}
.tw-box{width:min(1100px,100%);padding:0;background:var(--paper);overflow:visible;margin:auto}
.tw-hd{position:sticky;top:-28px;z-index:3;display:grid;grid-template-columns:auto auto 1fr;gap:16px 40px;align-items:end;padding:30px 36px 0;background:var(--paper);border-radius:8px 8px 0 0;box-shadow:0 12px 20px -18px rgba(0,0,0,.35)}
.tw-hd h2{margin:0;font-size:clamp(34px,3.6vw,52px);letter-spacing:-.045em;font-weight:600;line-height:1}
.tw-hd .kick{margin-bottom:8px}
.tw-who{margin:6px 0 0;font-size:14.5px;color:var(--mut)}
.tw-pr b{display:block;font-size:clamp(32px,3vw,44px);letter-spacing:-.045em;line-height:1}.tw-pr span{font-size:13px;color:var(--mut)}
.tw-k{display:grid;grid-template-columns:repeat(4,auto);justify-content:end;gap:24px;margin:0}
.tw-k div{display:flex;flex-direction:column-reverse}.tw-k dt{font-size:12px;color:var(--mut)}.tw-k dd{margin:0;font-size:26px;font-weight:600;letter-spacing:-.03em}
.tw-k div:first-child dd{color:var(--acc)}
.tw-nav{grid-column:1/-1;display:flex;gap:4px 24px;overflow-x:auto;scrollbar-width:none;margin:0 -36px;padding:0 36px}
.tw-nav a{flex:none;padding:12px 0;font-size:14.5px;font-weight:600;color:var(--mut);box-shadow:inset 0 -3px 0 transparent;white-space:nowrap}
.tw-nav a:hover,.tw-nav a.on{color:var(--ink);box-shadow:inset 0 -3px 0 var(--acc)}
.tw-body{padding:10px 36px 30px}
.tw-body section{padding-top:30px;scroll-margin-top:200px}
.tw-body h3{margin:0 0 6px;font-size:26px;letter-spacing:-.03em;font-weight:600}
.tw-body h4{margin:28px 0 4px;font-size:18px;font-weight:600}
.tw-l{margin:0 0 16px;font-size:15px;line-height:1.55;color:#4b4641;max-width:52em}
.tw-site{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 34px;font-size:14.5px;color:#4b4641;line-height:1.45}
.tw-site b{display:block;color:var(--ink);font-size:15.5px}
.tw-first{grid-template-columns:1fr 1fr 1fr}
.tw-real{margin:24px 0 0;display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:center;padding:16px;background:#fff;border-radius:6px}
.tw-real img{width:240px;height:170px;object-fit:cover;object-position:top;border-radius:4px}
.tw-real figcaption{font-size:14px;color:var(--mut)}.tw-real b{display:block;font-size:17px;color:var(--ink)}
.tw-month{columns:2;column-gap:36px}
.tw-sec{break-inside:avoid;margin-bottom:22px}
.tw-st{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 8px;font-size:12.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--acc)}
.tw-st span{font-size:18px;letter-spacing:-.02em;color:var(--ink)}
.tw-sec ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.tw-sec li{display:grid;grid-template-columns:44px 1fr;gap:8px;font-size:14.5px;line-height:1.4}
.tw-sec li>b{font-size:20px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-align:right;padding-right:6px}
.tw-perm li>b{color:var(--acc);font-size:16px}
.tw-sec small{display:block;font-size:12.5px;color:var(--mut);line-height:1.4}
.tw-dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 34px}
.tw-dl dt{font-weight:600;font-size:15.5px}.tw-dl dd{margin:3px 0 0;font-size:14.5px;line-height:1.5;color:#4b4641}
.tw-body .tw-buy{margin-top:20px;max-width:460px;padding:18px 20px;background:#fff;border-radius:6px}
.tw-body .tw-buy p{margin:0}
.tw-ft{position:sticky;bottom:-28px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 36px;background:var(--ink);color:#fff;border-radius:0 0 8px 8px}
.tw-ft p{margin:0;font-size:14px;color:rgba(255,255,255,.7)}.tw-ft b{display:block;font-size:24px;color:#fff;letter-spacing:-.03em}
.tw .ty-x{z-index:5;position:sticky;float:right;top:-18px;margin:-0px 4px -40px 0}

@media (max-width:1180px){
 .gt-g,.tl-g,.cc,.by{grid-template-columns:1fr}
 .gt-ph{position:static;max-width:520px}
 .gt-easy{grid-template-columns:1fr 1fr}.gt-dom{grid-column:1/-1}
 .dr-l{grid-template-columns:1fr 1fr 1fr}
 .tl-proc ol,.tl-can ul{grid-template-columns:1fr 1fr}
 .pm{grid-template-columns:1fr 1fr}
 .tw-hd{grid-template-columns:1fr auto}.tw-k{grid-column:1/-1;justify-content:start}
}
@media (max-width:760px){
 .gt-l{grid-template-columns:1fr}
 .gt-n{grid-template-columns:1fr 1fr}
 .gt-easy{grid-template-columns:1fr;padding:22px 18px}
 .dr-l{grid-template-columns:1fr 1fr}
 .rpj-g{grid-template-columns:1fr 1fr}.rpj figure:first-child{grid-row:span 2}
 .rpj img{height:260px}
 .by{padding:22px 18px}
 .cs-tabs{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding:0 20px;gap:22px;scrollbar-width:none}
 .cs-tab{flex:none;white-space:nowrap;font-size:15px}
 .cc{padding:20px 16px}
 .ctb-h{flex-direction:column;align-items:flex-start;gap:8px}
 .tl-can ul,.tl-proc ol{grid-template-columns:1fr}
 .tl-ims{grid-template-columns:1fr}
 .pm{grid-template-columns:1fr}
 .tw{padding:0}
 .tw-box{width:100%;min-height:100%;border-radius:0}
 .tw-hd{top:0;padding:18px 18px 0;border-radius:0;gap:10px 20px}
 .tw-hd h2{font-size:32px}
 .tw-pr{grid-column:1/-1}
 .tw-k{grid-template-columns:repeat(4,auto);gap:12px}.tw-k dd{font-size:20px}.tw-k dt{font-size:11px}
 .tw-nav{margin:0 -18px;padding:0 18px}
 .tw-body{padding:0 18px 24px}
 .tw-body section{scroll-margin-top:240px}
 .tw-site,.tw-first,.tw-dl{grid-template-columns:1fr}
 .tw-month{columns:1}
 .tw-real{grid-template-columns:1fr}.tw-real img{width:100%;height:200px}
 .tw-ft{bottom:0;border-radius:0;padding:12px 18px}
 .tw-ft b{font-size:19px}
 .tw .ty-x{top:8px;margin:0 6px -44px 0;background:var(--paper);border-radius:50%}
}
@media (max-width:420px){.dr-l{grid-template-columns:1fr}.gt-n{grid-template-columns:1fr}.rpj-g{grid-template-columns:1fr}.rpj figure:first-child{grid-row:auto}}
.tw-ft b{white-space:nowrap}.tw-ft p{flex:none}.tw-ft .btn{flex:none;min-width:240px}
@media (max-width:760px){
 .tw-hd{position:relative;top:auto}
 .tw-k{grid-template-columns:1fr 1fr;row-gap:10px}
 .tw-k div{justify-content:flex-end}
 .tw-ft .btn{min-width:0;flex:1}
 .tw-body section{scroll-margin-top:10px}
}
.tw-ft .tf-go{width:auto}
@media (max-width:760px){.tw-hd{grid-template-columns:minmax(0,1fr)}.tw-hd>*{min-width:0}.tw-box{min-width:0}}
@media (max-width:420px){.tw-ft{gap:10px;padding:10px 14px}.tw-ft .btn{padding:0 12px;font-size:14px}.tw-ft b{font-size:17px}.tw-ft p{font-size:12px;flex:0 1 auto;min-width:0}.tw-pr b{font-size:30px}}

/* ===== видео-слоты (кружок с лицом, превью записи экрана) ===== */
.vslot{display:inline-flex;align-items:center;gap:14px;text-align:left;color:inherit;border-radius:999px;transition:background .2s}
.vs-face{position:relative;flex:none;width:64px;height:64px;border-radius:50%;overflow:visible}
.vs-face img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;border-radius:50%;box-shadow:0 0 0 3px var(--acc),0 10px 24px -10px rgba(0,0,0,.6)}
.vs-play{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;font-size:10px;padding-left:2px;box-shadow:0 4px 10px -3px rgba(0,0,0,.5);transition:transform .2s}
.vslot:hover .vs-play{transform:scale(1.12)}
.vslot:hover .vs-face img{box-shadow:0 0 0 3px #a9b8ff,0 10px 24px -10px rgba(0,0,0,.6)}
.vs-tx{display:flex;flex-direction:column;gap:2px;line-height:1.3}
.vs-tx b{font-size:15.5px;font-weight:600;letter-spacing:-.01em}
.vs-tx small{font-size:13px;opacity:.72}
.vs-hero{margin-top:clamp(10px,1.8vh,18px);gap:12px}
.vs-hero .vs-face{width:56px;height:56px}
.vs-hero .vs-tx{flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}
@media (min-width:1000px){.h1-2{white-space:nowrap}.vs-hero .vs-tx{flex-wrap:nowrap;white-space:nowrap}}
.vs-hero .vs-tx b{font-size:16.5px}.vs-hero .vs-tx small{font-size:14.5px}
.vs-hero .vs-play{width:24px;height:24px;font-size:10px}
.vs-hero .vs-face::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid rgba(169,184,255,.45);animation:vsp 2.4s ease-out infinite}
@keyframes vsp{from{transform:scale(.9);opacity:1}to{transform:scale(1.18);opacity:0}}
.vs-banner{display:flex;width:100%;padding:12px 18px 12px 12px;border-radius:12px;background:#fff;box-shadow:0 10px 30px -22px rgba(0,0,0,.4);margin-top:24px}
.vs-banner:hover{background:#fff}
.vs-dark{display:inline-flex;width:auto;margin-top:30px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#fff}
.vs-dark:hover{background:rgba(255,255,255,.14)}
.vs-mini{margin-top:16px}.vs-mini .vs-face{width:46px;height:46px}.vs-mini .vs-play{width:20px;height:20px;font-size:8px}
.vs-screen{position:relative;display:block;width:100%;margin-top:30px;border-radius:6px}
.vs-scr{position:relative;display:block;border-radius:6px;overflow:hidden;box-shadow:0 24px 50px -28px rgba(0,0,0,.45)}
.vs-scr img{width:100%;filter:brightness(.82)}
.vs-scr>.vs-play{left:50%;top:50%;right:auto;bottom:auto;width:64px;height:64px;font-size:20px;transform:translate(-50%,-50%)}
.vs-screen:hover .vs-scr>.vs-play{transform:translate(-50%,-50%) scale(1.08)}
.vs-screen>.vs-face{position:absolute;left:18px;top:calc(100% - 140px);width:92px;height:92px}
.vs-screen>.vs-face .vs-play{display:none}
.vs-screen .vs-tx{margin-top:12px}
.vs-photo{position:absolute;left:18px;bottom:18px;gap:10px;padding:8px 18px 8px 8px;background:rgba(20,19,18,.72);color:#fff;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.vs-photo .vs-play{position:static;width:40px;height:40px;font-size:14px}
.pt-ph{position:relative}
.vs-t{margin:8px 0 16px;font-size:15px;line-height:1.5;color:rgba(255,255,255,.8)}
#vsoon .ty-k{color:#a9b8ff}
.vm-box{width:auto;max-width:min(1000px,94vw)}
.vm-box video{width:auto;max-width:100%;max-height:84vh;min-width:min(320px,90vw)}

/* ===== реальные сайты клиентов ===== */
.rpj-top{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}
.cl-tabs{display:flex;gap:22px}
.cl-tabs button{padding:6px 0;font-size:15px;font-weight:600;color:var(--mut);box-shadow:inset 0 -3px 0 transparent}
.cl-tabs button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--acc)}
.cl-g{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 22px;margin-top:6px}
.cl{display:flex;flex-direction:column}
.cl[hidden]{display:none}
.cl-fr{position:relative;display:block;border-radius:8px;background:#fff;box-shadow:0 22px 44px -30px rgba(0,0,0,.55),0 0 0 1px rgba(22,21,20,.06);margin-bottom:16px}
.cl-bar{display:flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:8px 8px 0 0;background:#e9e6e1}
.cl-bar i{width:8px;height:8px;border-radius:50%;background:#cfcac2}
.cl-bar span{margin-left:8px;flex:1;height:16px;line-height:16px;padding:0 8px;border-radius:8px;background:#fff;font-size:10.5px;color:#6b655e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cl-fr>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:0 0 8px 8px}
.cl-fr>img.cl-ph{position:absolute;border-radius:10px;right:-8px;bottom:-12px;width:24%;aspect-ratio:260/563;object-fit:cover;object-position:top;border-radius:10px;border:3px solid #141312;box-shadow:0 14px 30px -12px rgba(0,0,0,.55);transition:transform .3s}
.cl:hover .cl-ph{transform:translateY(-6px)}
.cl:hover .cl-fr>img{filter:brightness(1.03)}
.cl-t{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--acc)}
.cl b{margin-top:3px;font-size:17px;font-weight:600;letter-spacing:-.02em}
.cl-n{font-size:14px;color:var(--mut)}
.cl em{margin-top:6px;font-style:normal;font-size:13.5px;line-height:1.45;color:#4b4641}
.cl-src{margin:22px 0 0;font-size:13px;color:var(--mut)}
@media (max-width:1180px){.cl-g{grid-template-columns:repeat(2,1fr)}}
@media (max-width:999px){.vs-hero{order:1;width:calc(100% - 40px);margin:14px auto 0}}
@media (max-width:560px){.cl-g{grid-template-columns:1fr}.cl-ph{right:-4px}}
@media (max-width:760px){.vs-screen>.vs-face{width:64px;height:64px;top:calc(100% - 110px)}.vs-banner .vs-face{width:52px;height:52px}}
.rpj .cl img{height:auto;box-shadow:none}.rpj .cl .cl-ph{box-shadow:0 14px 30px -12px rgba(0,0,0,.55)}@media (max-width:760px){.rpj .cl img{height:auto}}
.vs-screen>.vs-face{top:14px!important;left:14px!important}

/* ===== внутренние страницы ===== */
.ph{position:relative;background:var(--ink) radial-gradient(120% 80% at 90% 0%,#2b2622 0%,var(--ink) 60%);color:#fff;padding:calc(var(--hd) + clamp(30px,5vw,70px)) 0 clamp(44px,6vw,84px)}
.ph-in{display:grid;grid-template-columns:1fr;gap:clamp(30px,4vw,64px);align-items:center}
.ph-v .ph-in{grid-template-columns:1.05fr .95fr}
.ph-cr{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px;font-size:13.5px;color:rgba(255,255,255,.55)}
.ph-cr a:hover{color:#fff}.ph-cr [aria-current]{color:rgba(255,255,255,.85)}
.ph .kick{color:#a9b8ff}
.ph h1{margin:0;max-width:18em;font-size:clamp(34px,4.2vw,64px);line-height:1.03;letter-spacing:-.042em;font-weight:600;text-wrap:balance}
.ph-l{margin:20px 0 0;max-width:46em;font-size:clamp(16px,1.3vw,19px);line-height:1.5;color:rgba(255,255,255,.8)}
.ph-cta{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}
.ph-note{margin:12px 0 0;font-size:13px;color:rgba(255,255,255,.5)}
.ph-links{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px 30px}
.ph-links a{display:block;padding:12px 0;font-size:14px;color:rgba(255,255,255,.65)}
.ph-links b{display:block;font-size:18px;color:#fff;letter-spacing:-.02em}
.ph-links a:hover b{color:#a9b8ff}
.ph-vis{display:block;margin:0 10px 12px 0}
.ph .cl-bar span{color:#6b655e}
.ph-vis>img:first-of-type{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:0 0 8px 8px}
.ph-vis>img.cl-ph{position:absolute;right:-10px;bottom:-14px;width:22%;aspect-ratio:390/844;object-fit:cover;object-position:top;border-radius:12px;border:3px solid #0d0c0b;box-shadow:0 14px 30px -12px rgba(0,0,0,.7)}
.pf{margin:28px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 40px}
.pf3{grid-template-columns:repeat(3,1fr)}
.pf dt{font-size:18px;font-weight:600;letter-spacing:-.02em}.pf dd{margin:6px 0 0;font-size:15px;line-height:1.5;color:#4b4641}
.pf dd a{color:var(--acc)}
.pf-n{grid-template-columns:repeat(3,auto);justify-content:start;gap:16px 50px}
.pf-n div{display:flex;flex-direction:column-reverse}.pf-n dt{font-size:13px;font-weight:400;color:rgba(255,255,255,.6)}.pf-n dd{margin:0;font-size:clamp(30px,3vw,44px);font-weight:600;letter-spacing:-.045em;color:#fff}
.ps{background:#fbfaf7}.ps-paper{background:var(--paper)}
.ps-l{margin-top:-20px!important;margin-bottom:10px!important}
.pl3{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pl3 li{font-size:14.5px;color:rgba(255,255,255,.7)}.pl3 b{display:block;font-size:20px;color:#fff;letter-spacing:-.02em}
.twp{background:#fbfaf7;padding-top:clamp(40px,5vw,80px)}
.twi{margin-bottom:clamp(40px,5vw,70px);scroll-margin-top:90px}
.twi .tw-box{width:100%;margin:0;background:var(--paper);border-radius:8px;box-shadow:0 30px 60px -40px rgba(0,0,0,.4)}
.twi .tw-hd{position:static;box-shadow:none}
.twi .tw-ft{position:static}
.twi .tw-body section{scroll-margin-top:90px}
.nq-g{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 22px;margin-top:30px}
.nq-c b{display:block;margin-top:12px;font-size:17px;letter-spacing:-.02em}.nq-c>span:last-child{display:block;font-size:14px;color:var(--mut);line-height:1.4}
.nq-c:hover b{color:var(--acc)}
.rq{margin-top:clamp(36px,4vw,56px);padding:clamp(22px,3vw,34px);background:#f1eee8;border-radius:8px;scroll-margin-top:90px}
.rq p:not(.rpj-h){margin:0;font-size:15px;line-height:1.65;color:#2f2c29}
.rq-d{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 26px;font-size:14px;color:var(--mut)}
.rq-d a{color:var(--acc);font-weight:500}.rq-d span{color:var(--ink);font-weight:500}
.of{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,60px)}
.of>div{scroll-margin-top:90px}
.of h3,.ct2 h3{margin:0 0 10px;font-size:clamp(22px,2vw,28px);letter-spacing:-.03em;font-weight:600}
.of p,.ct2 p{font-size:15px;line-height:1.55;color:#4b4641}.of-s{font-size:13.5px!important;color:var(--mut)!important}
.ct2{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,60px)}
.ct2>div{scroll-margin-top:90px}
.ct2-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.ct2-l li{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--mut)}
.ct2-l li>a{display:inline-flex;align-items:center;gap:10px;font-size:20px;color:var(--ink);letter-spacing:-.02em}
.ct2-l li>a svg{width:22px;height:22px;color:var(--acc)}.ct2-l span a{color:var(--acc)}
.lg-w{max-width:900px}.lg{scroll-margin-top:90px}.lg h2{font-size:28px;margin:0 0 10px}.lg p{font-size:15.5px;line-height:1.6;color:#4b4641}
@media (max-width:1180px){.ph-v .ph-in{grid-template-columns:1fr}.ph-vis{max-width:640px}.nq-g{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){
 .ph-links,.pl3,.pf,.pf3,.of,.ct2{grid-template-columns:1fr}
 .pf-n{grid-template-columns:repeat(3,auto);gap:10px 24px}
 .nq-g{grid-template-columns:1fr 1fr;gap:20px 12px}
 .nq-c b{font-size:15px}.nq-c>span:last-child{font-size:12.5px}
 .ph-cta .btn{flex:1 1 auto}
 .twi .tw-box{border-radius:6px}
}
@media (max-width:420px){.nq-g{grid-template-columns:1fr}}
.ph .tf-go{width:auto}

/* ===== /tarify/: переключатель тарифов, вкладки, свёртка ===== */
.tsw{background:#fbfaf7;padding-top:clamp(40px,5vw,70px)}
.tsw-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tsw-c{display:flex;flex-direction:column;gap:6px;padding:22px 24px;text-align:left;border-radius:8px;background:#f1eee8;color:var(--ink);box-shadow:inset 0 0 0 2px transparent;transition:background .2s,box-shadow .2s,color .2s}
.tsw-c:hover{box-shadow:inset 0 0 0 2px rgba(59,91,255,.35)}
.tsw-c[aria-selected=true]{background:var(--ink);color:#fff;box-shadow:0 24px 50px -30px rgba(0,0,0,.6)}
.tsw-n{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;letter-spacing:-.025em}
.tsw-n em{font-style:normal;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--acc)}
.tsw-c[aria-selected=true] .tsw-n em{color:#a9b8ff}
.tsw-p{font-size:15px;opacity:.7}.tsw-p b{font-size:clamp(30px,2.6vw,40px);letter-spacing:-.045em;opacity:1}
.tsw-c[aria-selected=true] .tsw-p{opacity:1}.tsw-c[aria-selected=true] .tsw-p b{color:#fff}
.tsw-w{font-size:13.5px;opacity:.65}
.tsw-k{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:8px;margin-top:8px}
.tsw-k i{display:flex;flex-direction:column;font-style:normal;font-size:11.5px;opacity:.7}.tsw-k b{font-size:20px;letter-spacing:-.03em;opacity:1}
.tsw-c[aria-selected=true] .tsw-k i:first-child b{color:#a9b8ff}
.tsw-note{margin:16px 0 0;font-size:14px;color:var(--mut)}
.tsw-p-w{margin-top:24px}
.twi[hidden]{display:none}
.twi.tabbed{margin-bottom:0}
.twi.tabbed .tw-hd{display:none}
.twi.tabbed .tw-nav{position:sticky;top:var(--hd);z-index:4;margin:0;padding:6px 36px 0;background:var(--paper);border-radius:8px 8px 0 0;box-shadow:0 12px 18px -16px rgba(0,0,0,.3)}
.twi.tabbed .tw-nav a{cursor:pointer}
.twi.tabbed .tw-body section{display:none;padding-top:24px}
.twi.tabbed .tw-body section.on{display:block}
.twi.tabbed .tw-body section h3{display:none}
.twi.tabbed .tw-body .vslot{margin-top:18px}
.fold{position:relative}
.fold.folded{max-height:var(--fh,520px);overflow:hidden}
.fold.folded::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(rgba(243,240,234,0),var(--paper));pointer-events:none}
.fold-b{display:block;margin:12px 0 0;height:44px;padding:0 18px;border-radius:var(--r);box-shadow:inset 0 0 0 1.5px var(--ink);font-weight:600}
.tlinks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tlinks a{display:flex;flex-direction:column;gap:8px;height:100%;padding:24px;border-radius:8px;background:#fff}
.tlinks b{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.04em}.tlinks span{font-size:14.5px;line-height:1.5;color:#4b4641;flex:1}
.tlinks em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-weight:600;color:var(--acc)}.tlinks em svg{width:16px;height:16px}
.tlinks a:hover{box-shadow:inset 0 0 0 2px var(--acc)}

@media (max-width:760px){
 .tsw-g{grid-template-columns:1fr;gap:8px}
 .tsw-c{padding:14px 16px;display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:12px;row-gap:2px}
 .tsw-n{font-size:19px}.tsw-p b{font-size:24px}.tsw-w{grid-column:1/-1}.tsw-k{grid-column:1/-1;display:none}
 .tsw-c[aria-selected=true] .tsw-k{display:grid}
 .twi.tabbed .tw-nav{padding:4px 14px 0;margin:0}
 .tlinks{grid-template-columns:1fr}
}

/* ===== каталог демо ===== */
.dh{background:var(--ink) radial-gradient(120% 80% at 90% 0%,#2b2622 0%,var(--ink) 60%);color:#fff;padding:calc(var(--hd) + 26px) 0 0}
.dh-t{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.dh h1{margin:0;font-size:clamp(30px,3.4vw,48px);letter-spacing:-.04em;line-height:1.05;font-weight:600}
.dh-t p{margin:0;max-width:34em;font-size:15px;line-height:1.5;color:rgba(255,255,255,.72)}
.df{margin-top:24px;padding-bottom:0}.df-cs{padding-bottom:6px}
.df-top{display:flex;gap:12px;align-items:center}
.df-s{flex:1;display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-radius:var(--r);background:#fff;color:var(--mut)}
.df-s svg{width:18px;height:18px;flex:none}
.df-s input{flex:1;min-width:0;height:100%;border:0;outline:0;font:500 16px Geist,system-ui,sans-serif;color:var(--ink);background:none}
.df-t{display:flex;gap:3px;padding:3px;border-radius:6px;background:rgba(255,255,255,.1)}
.df-t button{height:42px;padding:0 14px;border-radius:4px;font-size:14.5px;font-weight:500;color:rgba(255,255,255,.75);white-space:nowrap}
.df-t button[aria-pressed=true]{background:#fff;color:var(--ink)}
.df em,.df-open em{font-style:normal;margin-left:6px;font-size:.82em;opacity:.6;font-variant-numeric:tabular-nums}
.df-cs{display:flex;flex-wrap:wrap;gap:2px 22px;margin-top:20px}
.df-c{padding:10px 0;font-size:15px;font-weight:600;color:rgba(255,255,255,.62);box-shadow:inset 0 -3px 0 transparent;white-space:nowrap}
.df-c:hover{color:#fff}.df-c[aria-pressed=true]{color:#fff;box-shadow:inset 0 -3px 0 var(--acc)}
.df-ds{background:var(--paper)}
.df-ds{margin:0 calc(50% - 50vw);padding:0 calc(50vw - 50%)}
.df-d{display:flex;flex-wrap:wrap;gap:8px 22px;padding:14px 0}
.df-d[hidden]{display:none}
.df-n{padding:6px 0;font-size:14.5px;font-weight:500;color:#5b5650;box-shadow:inset 0 -2px 0 transparent}
.df-n:hover{color:var(--ink)}.df-n[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--acc)}
.df-open{display:none}
.dg-s{background:var(--paper);padding:20px 0 clamp(50px,6vw,90px)}
.dg-res{margin:0 0 16px;font-size:14px;color:var(--mut)}
.dg{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 22px}
.dc[hidden]{display:none}
.dc .dm-im img{transition:transform .5s}.dc:hover .dm-im img{transform:scale(1.04)}
.dc-t{display:block;margin-top:12px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--acc)}
.dc b{display:block;margin-top:3px;font-size:18px;letter-spacing:-.02em}.dc-n{display:block;font-size:14px;color:var(--mut)}
.dg-empty{padding:40px 0;text-align:center;color:var(--mut)}
@media (max-width:1180px){.dg{grid-template-columns:repeat(3,1fr)}.dh-t{flex-direction:column;align-items:flex-start;gap:10px}}
@media (max-width:760px){
 .dh{padding-top:calc(var(--hd) + 14px)}
 .df-top{flex-direction:column;align-items:stretch}.df-t button{flex:1;padding:0 6px}
 .df-cs{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding:0 20px;gap:18px;scrollbar-width:none}
 .df-open:not([hidden]){display:flex;align-items:center;justify-content:space-between;width:100%;height:46px;margin:0;padding:0 16px;border-radius:6px 6px 0 0;background:var(--paper);color:var(--ink);font-weight:600}
 .df-open::after{content:"+";font-size:22px;font-weight:400;color:var(--acc)}.df-open[aria-expanded=true]::after{content:"−"}
 .df-ds{margin:0;padding:0 16px;border-radius:0 0 6px 6px}
 .df-ds:not(.open){display:none}
 .df-d{flex-direction:column;gap:0;padding:4px 0 10px}.df-n{display:flex;justify-content:space-between;padding:11px 0;text-align:left}
 .dg{grid-template-columns:1fr 1fr;gap:20px 12px}.dc b{font-size:15px}.dc-n{font-size:12.5px}.dc-t{font-size:10px}
}
@media (max-width:420px){.dg{grid-template-columns:1fr}}
@media (max-width:760px){.df-s{flex:none}}
@media (min-width:1000px) and (max-height:780px){.offer{padding-top:calc(var(--hd) + 10px)}.usp{margin-top:10px}.vs-hero{margin-top:8px}.lf{margin-top:40px;margin-bottom:14px}}

.cl-tabs em{font-style:normal;font-size:.85em;font-weight:500;opacity:.55;margin-left:3px}