/* ---- dirs.css ---- */
#dirs.sx{padding:calc(var(--u)*7) var(--side) calc(var(--u)*4)}
.sxh{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:calc(var(--u)*4);align-items:end;margin-bottom:calc(var(--u)*3)}
.sxt{margin-top:calc(var(--u)*1.4);font-size:calc(var(--u)*4.3*var(--k));font-weight:600;letter-spacing:-.04em;line-height:1.02}
.sxt b{font-weight:inherit;color:var(--acc)}
html[lang=en] .sxt{letter-spacing:-.04em}
html[lang^=zh] .sxt{letter-spacing:.02em;line-height:1.15}
.sxr{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u)*1.4);padding-bottom:calc(var(--u)*.5)}
.sxr p{font-size:calc(var(--u)*1.15*var(--k));line-height:1.5;color:var(--mut)}
.lnk2{display:inline-flex;align-items:center;gap:calc(var(--u)*.8);padding:calc(var(--u)*.35) calc(var(--u)*.35) calc(var(--u)*.35) calc(var(--u)*1.3);border-radius:999px;background:var(--fg);color:var(--bg);font-weight:600;font-size:calc(var(--u)*.95*var(--k))}
.lnk2 .ab{width:calc(var(--u)*2.4);height:calc(var(--u)*2.4)}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:calc(var(--u)*1.2)}
.btg{display:flex;flex-wrap:wrap;gap:calc(var(--u)*.4);margin-top:calc(var(--u)*.3)}
.btg span{padding:calc(var(--u)*.3) calc(var(--u)*.8);border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);font-size:calc(var(--u)*.82*var(--k));font-weight:600;color:var(--fg)}
@media (max-aspect-ratio:5/4){#dirs.sx{padding:calc(var(--u)*9) var(--side) calc(var(--u)*5)}.sxh{grid-template-columns:minmax(0,1fr);gap:calc(var(--u)*2);margin-bottom:calc(var(--u)*3)}.sxt{font-size:calc(var(--u)*5.6*var(--k))}.sxr p{font-size:calc(var(--u)*1.55*var(--k))}.lnk2{font-size:calc(var(--u)*1.5*var(--k));padding-left:calc(var(--u)*2)}.lnk2 .ab{width:calc(var(--u)*3.8);height:calc(var(--u)*3.8)}.bento{grid-template-columns:minmax(0,1fr);gap:calc(var(--u)*1.6)}.btg span{font-size:calc(var(--u)*1.2*var(--k));padding:calc(var(--u)*.5) calc(var(--u)*1.1)}}
.sxh{align-items:end}
.sxr{font-size:calc(var(--u)*1.15*var(--k));line-height:1.55;color:var(--mut);max-width:calc(var(--u)*40);justify-self:end;padding-bottom:calc(var(--u)*.6)}
.sxt{margin-top:0}
.pst{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--u)*1.2)}
.ps{position:relative;height:calc(var(--u)*40);border-radius:calc(var(--u)*1.8);overflow:hidden;color:#fff;isolation:isolate;transition:transform .6s var(--ease),box-shadow .5s}
.ps:hover{transform:translateY(calc(var(--u)*-.4));box-shadow:0 calc(var(--u)*1.6) calc(var(--u)*4) rgba(var(--h),.3)}
.pimg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 112%,rgba(245,158,11,.6),transparent 42%),radial-gradient(ellipse at 15% 0%,rgba(var(--h),.95),transparent 62%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.18),transparent 30%),linear-gradient(170deg,#0b1736,rgb(var(--h)) 72%,#93c5fd)}
.pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.pimg::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 38%,rgba(2,6,23,.88))}
.ps:hover .pimg img{transform:scale(1.06)}
.pso{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:calc(var(--u)*.8);padding:calc(var(--u)*1.6)}
.pso h3{font-size:calc(var(--u)*1.85*var(--k));font-weight:600;letter-spacing:-.03em;line-height:1.1}
.pso p{font-size:calc(var(--u)*.92*var(--k));line-height:1.5;color:rgba(255,255,255,.85);max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .4s}
.ps:hover .pso p, .ps:focus-visible .pso p{max-height:7em;opacity:1}
.pso .btg{gap:calc(var(--u)*.35)}
.pso .btg span{display:inline-flex;align-items:center;gap:calc(var(--u)*.4);padding:calc(var(--u)*.25) calc(var(--u)*.7) calc(var(--u)*.25) calc(var(--u)*.25);background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pso .btg img{width:calc(var(--u)*1.45);height:calc(var(--u)*1.45);padding:calc(var(--u)*.25);border-radius:50%;background:#fff;object-fit:contain}
.pgo{position:absolute;right:calc(var(--u)*1.2);top:calc(var(--u)*1.2);z-index:2;width:calc(var(--u)*3)!important;height:calc(var(--u)*3)!important;background:#fff!important;color:#0b1736!important}
.ps:hover .pgo svg{transform:none}
.dq{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*2);margin-top:calc(var(--u)*1.2);padding:calc(var(--u)*1) calc(var(--u)*1) calc(var(--u)*1) calc(var(--u)*2);border-radius:999px;background:color-mix(in srgb,var(--fg) 4%,var(--bg));box-shadow:inset 0 0 0 1px var(--line)}
.dq div{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(var(--u)*.4) calc(var(--u)*1)}
.dq b{font-size:calc(var(--u)*1.2*var(--k));font-weight:600}
.dq span{font-size:calc(var(--u)*1*var(--k));color:var(--mut)}
.dq .lnk2 span{color:inherit;font-size:inherit}
@media (max-aspect-ratio:5/4){.sxr{justify-self:start;font-size:calc(var(--u)*1.55*var(--k))}.pst{grid-template-columns:1fr 1fr;gap:calc(var(--u)*1.2)}.ps{height:calc(var(--u)*46);border-radius:calc(var(--u)*2.4)}.pso{padding:calc(var(--u)*1.6)}.pso h3{font-size:calc(var(--u)*2.2*var(--k))}.pso p{display:none}.pso .btg span{font-size:calc(var(--u)*1.05*var(--k));padding-right:calc(var(--u)*.8)}.pso .btg img{width:calc(var(--u)*2);height:calc(var(--u)*2)}.pso .btg span:nth-child(n/**/+3){display:none}.pgo{width:calc(var(--u)*4.2)!important;height:calc(var(--u)*4.2)!important}.dq{flex-direction:column;align-items:stretch;border-radius:calc(var(--u)*2.4);padding:calc(var(--u)*2)}.dq div{flex-direction:column;gap:calc(var(--u)*.6)}.dq b{font-size:calc(var(--u)*2*var(--k))}.dq span{font-size:calc(var(--u)*1.45*var(--k))}.dq .lnk2{justify-content:space-between}}
.pso .btg .mn{flex:none;width:calc(var(--u)*1.45);height:calc(var(--u)*1.45);border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:800;font-size:calc(var(--u)*.55);letter-spacing:-.02em;line-height:1}
.pso .btg span.xt{display:none}
.pso .btg span.plus{padding:calc(var(--u)*.25) calc(var(--u)*.75);background:rgba(255,255,255,.9);color:#0b1736;box-shadow:none}
.ps:hover .pso .btg span.xt, .ps:focus-visible .pso .btg span.xt{display:inline-flex;animation:tin .4s var(--ease) both}
.ps:hover .pso .btg span.plus{display:none}
@keyframes tin{from{opacity:0;transform:translateY(4px)}}
.ps:hover .pimg::after{background:linear-gradient(transparent 5%,rgba(2,6,23,.92) 65%)}
@media (max-aspect-ratio:5/4){.pso .btg .mn{width:calc(var(--u)*2);height:calc(var(--u)*2);font-size:calc(var(--u)*.75)}.pso .btg span:nth-child(n/**/+3){display:none}.pso .btg span.plus{display:inline-flex!important;font-size:calc(var(--u)*1.05*var(--k));padding:calc(var(--u)*.35) calc(var(--u)*.9)}.ps:hover .pso .btg span.xt{display:none!important}}
@media (max-aspect-ratio:5/4) and (max-width:520px){.pst{grid-template-columns:minmax(0,1fr)}.ps{height:calc(var(--u)*52)}.pso h3{font-size:calc(var(--u)*2.8*var(--k))}.pso .btg span:nth-child(3), .pso .btg span:nth-child(4){display:inline-flex}}
@media (max-aspect-ratio:5/4) and (max-width:520px){.pso{padding:calc(var(--u)*2.2)}.pso .btg{gap:calc(var(--u)*.6)}.pso .btg span{font-size:calc(var(--u)*1.3*var(--k))!important;padding:calc(var(--u)*.4) calc(var(--u)*1) calc(var(--u)*.4) calc(var(--u)*.4)!important}.pso .btg img, .pso .btg .mn{width:calc(var(--u)*2.4)!important;height:calc(var(--u)*2.4)!important}.pso .btg .mn{font-size:calc(var(--u)*.9)!important}.pso .btg span.plus{padding:calc(var(--u)*.4) calc(var(--u)*1.1)!important}.pgo{width:calc(var(--u)*5)!important;height:calc(var(--u)*5)!important;right:calc(var(--u)*1.8);top:calc(var(--u)*1.8)}.dq{padding:calc(var(--u)*2.4)}.dq b{font-size:calc(var(--u)*2.2*var(--k))}.dq span{font-size:calc(var(--u)*1.5*var(--k))}.dq .lnk2{font-size:calc(var(--u)*1.6*var(--k));padding:calc(var(--u)*.5) calc(var(--u)*.5) calc(var(--u)*.5) calc(var(--u)*2)}.sxr{font-size:calc(var(--u)*1.6*var(--k))}}
.pso{--sm:cubic-bezier(.65,0,.35,1)}
.pso p{max-height:none!important;opacity:1!important}
.pdesc, .bmore{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .8s var(--sm),opacity .6s var(--sm),margin .8s var(--sm)}
.pdesc>div, .bmore>div{overflow:hidden;min-height:0}
.ps:hover .pdesc, .ps:hover .bmore, .ps:focus-visible .pdesc, .ps:focus-visible .bmore{grid-template-rows:1fr;opacity:1}
.ps:hover .bmore{transition-delay:.08s}
.pso{gap:calc(var(--u)*.8)}
.pso .bmore{margin-top:calc(var(--u)*-.8)}
.ps:hover .pso .bmore{margin-top:0}
.pso .btg span.plus{transition:opacity .4s var(--sm),transform .5s var(--sm)}
.ps:hover .pso .btg span.plus{display:inline-flex!important;opacity:0;transform:scale(.8);width:0;padding:0!important;margin-left:calc(var(--u)*-.35);overflow:hidden;transition:opacity .3s,transform .4s,width .5s var(--sm),padding .5s var(--sm)}
.pso .btg span.xt{display:inline-flex!important}
.pimg::after{transition:opacity .8s var(--sm)}
.pimg::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 5%,rgba(2,6,23,.92) 65%);opacity:0;transition:opacity .8s cubic-bezier(.65,0,.35,1)}
.ps:hover .pimg::before{opacity:1}
.ps:hover .pimg::after{background:linear-gradient(transparent 38%,rgba(2,6,23,.88))}
.dq span{color:color-mix(in srgb,var(--fg) 72%,var(--bg))}
@media (max-aspect-ratio:5/4){#dirs.sx{padding-top:calc(var(--u)*4)}.pdesc, .bmore{display:none}.pso .btg span:nth-child(n/**/+3):not(.plus){display:none!important}}
@media (max-aspect-ratio:5/4) and (max-width:520px){.pso .btg span:nth-child(3):not(.plus), .pso .btg span:nth-child(4):not(.plus){display:inline-flex!important}}
@media (max-aspect-ratio:5/4){.hx14{padding-bottom:calc(var(--u)*1.2)!important;min-height:0}#dirs.sx{padding-top:calc(var(--u)*4)}#dirs.sx{padding-left:0;padding-right:0}#dirs .sxh, #dirs .dq{margin-left:var(--side);margin-right:var(--side)}.pst{display:flex!important;grid-template-columns:none;gap:calc(var(--u)*1.6);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:calc(var(--u)*1) calc(var(--side) + 6%) calc(var(--u)*1);scroll-padding:0 calc(var(--side) + 6%);overscroll-behavior-x:contain}.pst::-webkit-scrollbar{display:none}.ps{flex:0 0 76%;height:auto!important;aspect-ratio:3/4.1;scroll-snap-align:center;transform-origin:center;transition:none;will-change:transform}.ps .pimg{will-change:transform;inset:-2% -14%}.ps .pimg img{transform:none!important}.pso h3{font-size:calc(var(--u)*3*var(--k))!important}.pso .btg span:nth-child(3):not(.plus), .pso .btg span:nth-child(4):not(.plus){display:inline-flex!important}.pdots{display:flex;justify-content:center;gap:calc(var(--u)*.8);margin:calc(var(--u)*1.4) 0 calc(var(--u)*.4)}.pdots button{width:calc(var(--u)*1.2);height:calc(var(--u)*1.2);min-width:8px;min-height:8px;border-radius:999px;background:var(--line);transition:width .5s var(--ease),background .4s}.pdots button.on{width:calc(var(--u)*4.4);background:var(--fg)}.dq{margin-top:calc(var(--u)*2)}}
@media (max-aspect-ratio:5/4) and (min-width:700px){.ps{flex-basis:52%}.pst{padding:calc(var(--u)*1) calc(var(--side) + 2%)}}
@media not all and (max-aspect-ratio:5/4){.pdots{display:none}}
.pimg img{object-position:50% 30%}
.pimg::after{background:linear-gradient(180deg,rgba(2,6,23,0) 45%,rgba(2,6,23,.55) 68%,rgba(2,6,23,.92) 100%)!important}
@media (max-aspect-ratio:5/4){.ps .pimg{inset:0 -12%}}
@media (max-aspect-ratio:5/4){.pimg::after{background:linear-gradient(180deg,rgba(2,6,23,0) 25%,rgba(2,6,23,.6) 50%,rgba(2,6,23,.95) 80%)!important}}
.pso h3{text-shadow:0 2px 14px rgba(2,6,23,.45)}
@media (max-aspect-ratio:5/4) and (max-width:699px){.pst{padding:calc(var(--u)*1) var(--side)!important;scroll-padding:0 var(--side)}.ps{flex:0 0 84%!important;aspect-ratio:3/4.2}}
@media (max-aspect-ratio:5/4){#dirs .sxr{max-width:none;width:100%}}
@media (max-aspect-ratio:5/4) and (min-width:700px){#dirs .sxt{font-size:calc(var(--u)*4.6*var(--k))}#dirs .sxr{font-size:calc(var(--u)*1.45*var(--k))}}
.pso .btg span.plus{cursor:pointer}
@media (max-aspect-ratio:5/4){.ps.open .pdesc, .ps.open .bmore{display:grid;grid-template-rows:1fr;opacity:1}.pdesc, .bmore{display:grid}.ps.open .pso .btg span.plus{display:none!important}.ps.open .pimg::before{opacity:1}.ps.open .bmore .btg span{display:inline-flex!important}.pso{max-height:100%;overflow-y:auto;scrollbar-width:none}.pso p{font-size:calc(var(--u)*1.45*var(--k));display:block!important}}
@media (hover:none){.ps:hover .pso .btg span.plus{width:auto!important;opacity:1!important;transform:none!important;padding:calc(var(--u)*.4) calc(var(--u)*1.1)!important;margin-left:0!important}.ps.open .pso .btg span.plus{display:none!important}.ps:not(.open):hover .pdesc, .ps:not(.open):hover .bmore{grid-template-rows:0fr;opacity:0}.ps:not(.open):hover .pimg::before{opacity:0}.ps:hover{transform:none}}
.ps:nth-child(2) .pimg img{object-position:50% 20%}
.ps:nth-child(3) .pimg img{object-position:50% 15%}
.ps:nth-child(4) .pimg img{object-position:50% 35%}
@media (max-aspect-ratio:5/4){.ps .pimg{inset:0 -6%!important}}
@media (max-aspect-ratio:5/4) and (min-width:700px){.ps{flex:0 0 42%!important;aspect-ratio:3/4!important}.pst{padding:calc(var(--u)*1) var(--side)!important;scroll-padding:0 var(--side);gap:calc(var(--u)*1.4)}.ps{scroll-snap-align:start}.pso h3{font-size:calc(var(--u)*2.4*var(--k))!important}.pso .btg span{font-size:calc(var(--u)*1.05*var(--k))!important}}
.ps:nth-child(1) .pimg img{object-position:45% 40%}
.ps:nth-child(2) .pimg img{object-position:50% 35%}
.ps:nth-child(3) .pimg img{object-position:50% 40%}
.ps:nth-child(4) .pimg img{object-position:45% 30%}
.pimg{background:#070b18!important}
.pimg img{inset:0 0 auto 0!important;height:auto!important;aspect-ratio:1/1;object-fit:cover;object-position:50% 50%!important;
  -webkit-mask-image:linear-gradient(#000 62%,transparent 98%);mask-image:linear-gradient(#000 62%,transparent 98%)}
.pimg::after{background:linear-gradient(180deg,rgba(7,11,24,0) 50%,rgba(7,11,24,.6) 62%,#070b18 78%)!important}
.ps .pimg::before{background:linear-gradient(transparent 20%,rgba(7,11,24,.9) 60%)}
@media (max-aspect-ratio:5/4){.ps .pimg{inset:0!important}.pimg::after{background:linear-gradient(180deg,rgba(7,11,24,0) 48%,rgba(7,11,24,.7) 62%,#070b18 76%)!important}}
@media not all and (max-aspect-ratio:5/4){.ps{height:auto!important;aspect-ratio:3/4.25}}
.pso .btg img.l-alisa, .pso .btg img.l-px4{padding:0!important;background:#000;object-fit:cover}
.pso .btg img.l-alisa{background:#6b2bff}
.pso .btg img.l-c1{padding:calc(var(--u)*.18)!important}
.pso .btg img.l-bx{padding:0!important;background:transparent!important}
.pso .btg{align-items:center}
.pso .btg span{white-space:nowrap}
@media (max-aspect-ratio:5/4) and (max-width:699px){.sxt{font-size:min(calc(var(--u)*5.6*var(--k)),13.1vw)}}

/* карточки направлений: вертикальные картинки 3:4 с пустой нижней третью */
.pimg img{inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto;object-fit:cover;object-position:50% 0!important;-webkit-mask-image:none;mask-image:none}
.pimg::after{background:linear-gradient(180deg,rgba(7,11,24,0) 52%,rgba(7,11,24,.55) 66%,#070b18 84%)!important}
@media (max-aspect-ratio:5/4){.pimg::after{background:linear-gradient(180deg,rgba(7,11,24,0) 45%,rgba(7,11,24,.65) 60%,#070b18 78%)!important}}
/* ПК: карточка выше, картинка 3:4 целиком по ширине сверху */
@media not all and (max-aspect-ratio:5/4){
 .ps{aspect-ratio:3/4.55!important}
 .pimg img{inset:0 0 auto 0!important;height:auto!important;aspect-ratio:3/4;object-position:50% 0!important;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
 .pimg::after{background:linear-gradient(180deg,rgba(7,11,24,0) 58%,rgba(7,11,24,.5) 70%,#070b18 86%)!important}
}
@media not all and (max-aspect-ratio:5/4){@media (max-width:1360px){.ps{aspect-ratio:3/4.85!important}}}
/* мобильные: карточка выше, картинка 3:4 целиком сверху */
@media (max-aspect-ratio:5/4){
 .ps{height:auto!important;min-height:0!important;aspect-ratio:3/4.85!important}
 .ps .pimg{inset:0!important}
 .pimg img{inset:0 0 auto 0!important;width:100%!important;height:auto!important;aspect-ratio:3/4;object-position:50% 0!important;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
 .pimg::after{background:linear-gradient(180deg,rgba(7,11,24,0) 52%,rgba(7,11,24,.6) 64%,#070b18 80%)!important}
}

/* ---- cases.css ---- */
#work.sx{--sm:cubic-bezier(.65,0,.35,1);padding:calc(var(--u)*6) var(--side) calc(var(--u)*5)}
.cstk{display:flex;flex-direction:column;gap:calc(var(--u)*2.4)}
.cst{position:sticky;top:calc(var(--u)*6.8 + var(--i)*var(--u)*1.3);display:block;height:min(calc(100vh - var(--u)*11),calc(var(--u)*41));color:var(--fg)}
.csin{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(var(--u)*1.2);padding:calc(var(--u)*.8);border-radius:calc(var(--u)*2);overflow:hidden;transform-origin:50% 0;
  background:#fbfbf9;box-shadow:inset 0 0 0 1px var(--line),0 calc(var(--u)*-.6) calc(var(--u)*2.4) rgba(2,6,23,.06)}
html[data-theme=dark] .csin{background:#0e1119}
.csh{position:absolute;inset:0;border-radius:calc(var(--u)*2);background:#02061a;opacity:0;pointer-events:none;z-index:6}
.cstx{display:flex;flex-direction:column;gap:calc(var(--u)*1.1);padding:calc(var(--u)*2) calc(var(--u)*1.6) calc(var(--u)*1.6) calc(var(--u)*1.8);min-width:0}
.cmeta{display:flex;flex-wrap:wrap;gap:calc(var(--u)*.4)}
.cmeta span{display:inline-flex;align-items:center;gap:calc(var(--u)*.5);padding:calc(var(--u)*.3) calc(var(--u)*.9);border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);font-size:calc(var(--u)*.85*var(--k));font-weight:600;white-space:nowrap}
.cmeta span:first-child{padding-left:calc(var(--u)*.3)}
.cmeta i{width:calc(var(--u)*1.8);height:calc(var(--u)*1.8);border-radius:50%;display:grid;place-items:center;background:var(--fg);color:var(--bg)}
.cmeta i svg{width:56%;height:56%}
.cstx h3{margin-top:auto;font-size:calc(var(--u)*3.4*var(--k));font-weight:600;letter-spacing:-.04em;line-height:1.04}
html[lang^=zh] .cstx h3{letter-spacing:.01em;line-height:1.2}
.cstx p{font-size:calc(var(--u)*1.08*var(--k));line-height:1.55;color:var(--mut);max-width:calc(var(--u)*38)}
.ctg{display:flex;flex-wrap:wrap;gap:calc(var(--u)*.4)}
.ctg span{display:inline-flex;align-items:center;gap:calc(var(--u)*.45);padding:calc(var(--u)*.25) calc(var(--u)*.8) calc(var(--u)*.25) calc(var(--u)*.25);border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);font-size:calc(var(--u)*.85*var(--k));font-weight:600;white-space:nowrap}
.ctg img{width:calc(var(--u)*1.8);height:calc(var(--u)*1.8);padding:calc(var(--u)*.3);border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(2,6,23,.08);object-fit:contain}
.cmore{position:relative;isolation:isolate;overflow:hidden;align-self:flex-start;display:inline-flex;align-items:center;gap:calc(var(--u)*.9);margin-top:calc(var(--u)*.4);padding:calc(var(--u)*.35) calc(var(--u)*.35) calc(var(--u)*.35) calc(var(--u)*1.3);border-radius:999px;background:var(--fg);color:var(--bg);font-weight:600;font-size:calc(var(--u)*.95*var(--k));transition:color .7s var(--sm)}
.cmore .ab, .cstall .ab{position:relative;flex:none;width:calc(var(--u)*2.4);height:calc(var(--u)*2.4);border-radius:50%;display:grid;place-items:center;color:#fff;background:transparent}
.cmore .ab::after, .cstall .ab::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--acc);z-index:-1;transition:transform .9s var(--sm)}
.cmore .ab svg, .cstall .ab svg{width:44%;height:44%;transform:rotate(-45deg);transition:transform .8s var(--sm)}
.cst:hover .cmore{color:#fff}
.cst:hover .cmore .ab::after{transform:scale(30)}
.cst:hover .cmore .ab svg, .cstall:hover .ab svg{transform:none}
.csv{position:relative;border-radius:calc(var(--u)*1.4);overflow:hidden}
.cres{position:absolute;left:calc(var(--u)*1.2);bottom:calc(var(--u)*1.2);z-index:3;display:flex;flex-direction:column;gap:calc(var(--u)*.2);padding:calc(var(--u)*.9) calc(var(--u)*1.4);border-radius:calc(var(--u)*1);color:#fff;background:rgba(10,14,30,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.cres small{font-size:calc(var(--u)*.8*var(--k));opacity:.75;font-weight:500}
.cres b{font-size:calc(var(--u)*1.25*var(--k));font-weight:600;letter-spacing:-.01em}
.cstall{height:calc(var(--u)*24)}
.cstall .csin{display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--u)*.8);padding:calc(var(--u)*3);background:var(--fg)!important;color:var(--bg);isolation:isolate;transition:color .7s var(--sm)}
.cstall b{font-size:calc(var(--u)*6.4*var(--k));font-weight:600;letter-spacing:-.05em;line-height:.95}
.cstall p{font-size:calc(var(--u)*1.15*var(--k));opacity:.65}
.cstall .ab{position:absolute;right:calc(var(--u)*2);top:calc(var(--u)*2);width:calc(var(--u)*5);height:calc(var(--u)*5)}
.cstall:hover .csin{color:#fff}
.cstall:hover .ab::after{transform:scale(45)}
.cstall .ab::after{z-index:-1}
@media (max-aspect-ratio:5/4){#work.sx{padding:calc(var(--u)*5) var(--side) calc(var(--u)*4)}#work .sxh{grid-template-columns:minmax(0,1fr);gap:calc(var(--u)*1.4)}#work .sxr{max-width:none;width:100%;font-size:calc(var(--u)*1.45*var(--k))}.cst{top:calc(var(--u)*9 + var(--i)*var(--u)*1.4);height:calc(100vh - var(--u)*15);max-height:calc(var(--u)*90)}.csin{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:0}.csv{order:-1}.cstx{padding:calc(var(--u)*1.8) calc(var(--u)*1.4) calc(var(--u)*1.4);gap:calc(var(--u)*1)}.cstx h3{margin-top:0;font-size:calc(var(--u)*3.4*var(--k))}.cstx p{font-size:calc(var(--u)*1.4*var(--k));max-width:none}.cmeta span, .ctg span{font-size:calc(var(--u)*1.15*var(--k))}.cmeta i, .ctg img{width:calc(var(--u)*2.4);height:calc(var(--u)*2.4)}.cmore{font-size:calc(var(--u)*1.3*var(--k));padding-left:calc(var(--u)*1.6)}.cmore .ab{width:calc(var(--u)*3.4);height:calc(var(--u)*3.4)}.cres{left:calc(var(--u)*1.4);bottom:calc(var(--u)*1.4)}.cres small{font-size:calc(var(--u)*1.05*var(--k))}.cres b{font-size:calc(var(--u)*1.5*var(--k))}.cstall{height:calc(var(--u)*34)}.cstall b{font-size:calc(var(--u)*8*var(--k))}.cstall p{font-size:calc(var(--u)*1.5*var(--k))}.cstall .ab{width:calc(var(--u)*6.4);height:calc(var(--u)*6.4)}}
@media (max-aspect-ratio:5/4) and (max-width:699px){.cstx h3{font-size:calc(var(--u)*3.4*var(--k))}.cstx p{font-size:calc(var(--u)*1.6*var(--k))}.cmeta span, .ctg span{font-size:calc(var(--u)*1.3*var(--k))}.cmeta i, .ctg img{width:calc(var(--u)*2.8);height:calc(var(--u)*2.8)}.cmore{font-size:calc(var(--u)*1.5*var(--k))}.cmore .ab{width:calc(var(--u)*4);height:calc(var(--u)*4)}.cres b{font-size:calc(var(--u)*1.7*var(--k))}.cres small{font-size:calc(var(--u)*1.2*var(--k))}.cstall{height:calc(var(--u)*40)}}
.cst:not(.cstall){height:min(calc(100vh - var(--u)*11),calc(var(--u)*36))}
@media (max-aspect-ratio:5/4){.cst:not(.cstall){height:calc(100vh - var(--u)*15);max-height:calc(var(--u)*90)}}
html[data-theme=light] .csh{background:#c9ccd3}
#work.sx{padding-top:calc(var(--u)*4.2)}
@media (max-aspect-ratio:5/4){#work.sx{padding-top:calc(var(--u)*.2)}}
.cstall, .cstall:not(.x){height:min(calc(100vh - var(--u)*11),calc(var(--u)*36))}
.cstall .csin{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:calc(var(--u)*1.2);padding:calc(var(--u)*.8);background:#fbfbf9!important;color:var(--fg);justify-content:normal}
html[data-theme=dark] .cstall .csin{background:#0e1119!important}
.cstall .cstx h3{margin-top:0;font-size:calc(var(--u)*4.6*var(--k))}
.cstall .cstx p{opacity:1}
.cnis{display:flex;flex-wrap:wrap;gap:calc(var(--u)*.4);margin-top:auto}
.cnis span{padding:calc(var(--u)*.3) calc(var(--u)*.9);border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);font-size:calc(var(--u)*.85*var(--k));font-weight:600;white-space:nowrap}
.cstall .cmore .ab{position:relative;right:auto;top:auto;width:calc(var(--u)*2.4);height:calc(var(--u)*2.4)}
.cstall:hover .csin{color:var(--fg)}
.cstall:hover .cmore{color:#fff}
.cstall:hover .cmore .ab::after{transform:scale(30)}
@media (max-aspect-ratio:5/4){.cstall, .cstall:not(.x){height:calc(100vh - var(--u)*15);max-height:calc(var(--u)*90)}.cstall .csin{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:0}.cstall .cstx h3{font-size:calc(var(--u)*4.4*var(--k))}.cnis{margin-top:0}.cnis span{font-size:calc(var(--u)*1.15*var(--k))}.cstall .cmore .ab{width:calc(var(--u)*3.4);height:calc(var(--u)*3.4)}}
@media (max-aspect-ratio:5/4) and (max-width:699px){.cnis span{font-size:calc(var(--u)*1.3*var(--k))}.cstall .cmore .ab{width:calc(var(--u)*4);height:calc(var(--u)*4)}}
@media (max-aspect-ratio:5/4){.cstall, .cstall:not(.x){height:auto;max-height:none}.cstall .csin{grid-template-rows:auto auto}}
.cmeta span:nth-child(2), .cnis span{display:inline-flex;align-items:center;gap:calc(var(--u)*.5);padding-left:calc(var(--u)*.3)}
.cmeta i.ni, .cnis i.ni{width:calc(var(--u)*1.8);height:calc(var(--u)*1.8);border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line)}
.cnis i.ni svg, .cmeta i.ni svg{width:56%;height:56%}
@media (max-aspect-ratio:5/4){.cmeta i.ni, .cnis i.ni{width:calc(var(--u)*2.4);height:calc(var(--u)*2.4)}}
@media (max-aspect-ratio:5/4) and (max-width:699px){.cmeta i.ni, .cnis i.ni{width:calc(var(--u)*2.8);height:calc(var(--u)*2.8)}}
.cmeta i, .cmeta i.ni, .cnis i.ni{background:#fff!important;color:#0b1736!important;box-shadow:inset 0 0 0 1px rgba(2,6,23,.08)!important}
.shots .sw{position:absolute;overflow:hidden;background:#fff;transition:transform 1.2s var(--ease)}
.shots .sw{border-radius:1.6cqmin;box-shadow:0 3cqmin 8cqmin rgba(2,6,23,.45),0 0 0 1px rgba(255,255,255,.25)}
.shots img{display:block;width:100%;height:auto}
.shots .s1{left:5%;top:8%;width:64%}
.shots .s2{left:31%;top:46%;width:48%;z-index:2}
.cst:hover .shots .s1{transform:translate(-1.5%,-2%)}
.cst:hover .shots .s2{transform:translate(2%,-3%)}
@media (hover:none){.cst:hover .shots .sw{transform:none}}
@media (max-aspect-ratio:5/4){.shots .s1{left:5%;top:7%;width:74%}.shots .s2{left:20%;top:44%;width:62%}}
.vis.vb{position:absolute;inset:0;overflow:hidden;container-type:size;background:#120d0b}
.vb .bgb{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(3.4cqmin) saturate(1.1) brightness(.78);transform:scale(1.05)}
.vb::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(255,236,214,.12),transparent 70%),linear-gradient(180deg,rgba(10,8,8,.05),rgba(10,8,8,.45));pointer-events:none}
.vb .mon{position:absolute;z-index:2;left:12%;top:12%;width:110%;transition:transform 1.2s var(--ease)}
.vb .msc{aspect-ratio:16/9;padding:1.2cqmin;border-radius:2cqmin;background:#0d0f14;box-shadow:inset 0 0 0 .3cqmin #2b2f38,0 6cqmin 14cqmin rgba(0,0,0,.55)}
.vb .msc img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;border-radius:.6cqmin}
.vb .pho{position:absolute;z-index:3;left:5%;bottom:-10%;width:24%;aspect-ratio:1170/2400;border:.9cqmin solid #0d0f14;border-radius:3.4cqmin;overflow:hidden;background:#fff;box-shadow:0 0 0 .3cqmin #2b2f38,0 5cqmin 10cqmin rgba(0,0,0,.5);transition:transform 1.1s var(--ease)}
.vb .pho img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.cst:hover .vb .mon{transform:translateX(-2%)}
.cst:hover .vb .pho{transform:translateY(-4%)}
@media (hover:none){.cst:hover .vb .mon, .cst:hover .vb .pho{transform:none}}
.cres:empty, .cres b:empty{display:none}
@container (max-aspect-ratio:13/10){
  .vb .mon{left:20%;top:9%;width:150%}
  .vb .pho{left:6%;bottom:-18%;width:36%}
}
@container (max-aspect-ratio:10/10){
  .vb .mon{left:24%;top:7%;width:175%}
  .vb .pho{left:6%;bottom:-14%;width:42%}
}
@media (max-width:440px){.cmeta{flex-wrap:nowrap;gap:6px}.cmeta span{font-size:12.5px!important;padding:4px 10px 4px 4px!important;gap:6px!important}.cmeta i, .cmeta i.ni{width:22px!important;height:22px!important}.ctg{gap:6px}}
@media (max-width:360px){.cmeta span{font-size:11.5px!important;padding-right:8px!important}}
@container (max-aspect-ratio:13/10){.vb .mon{left:6%;top:9%;width:150%}.vb .pho{left:auto;right:6%;bottom:-18%;width:36%}}
@container (max-aspect-ratio:10/10){.vb .mon{left:6%;top:7%;width:175%}.vb .pho{left:auto;right:6%;bottom:-14%;width:42%}}
@media (max-aspect-ratio:5/4){.vb .mon{left:6%;top:10%;width:135%}.vb .pho{left:auto;right:6%;bottom:-20%;width:30%}}
@media (max-width:699px){.cmeta{flex-wrap:wrap!important;gap:1.6vw!important}.cmeta span{font-size:min(13px,3.3vw)!important;padding:1vw 2.6vw 1vw 1vw!important;gap:1.6vw!important;max-width:100%}.cmeta i, .cmeta i.ni{width:min(22px,5.6vw)!important;height:min(22px,5.6vw)!important}.cst .cmore{align-self:stretch;justify-content:space-between;width:100%;padding-left:5vw}}
@media (max-width:699px){.cmeta{gap:1.4vw!important}.cmeta span{font-size:min(12.5px,3.1vw)!important;padding:1vw 2.2vw 1vw 1vw!important;gap:1.4vw!important;letter-spacing:-.01em}}
.vis.vdash{position:absolute;inset:0;overflow:hidden;container-type:size;background:linear-gradient(160deg,#0a1230,#0b1736 40%,#13235a)}
.vdash .bl{position:absolute;border-radius:50%;filter:blur(8cqmin)}
.vdash .b1{width:60%;height:70%;left:-10%;top:-20%;background:rgba(37,99,235,.55)}
.vdash .b2{width:50%;height:60%;right:-10%;bottom:-25%;background:rgba(245,158,11,.35)}
.vdash .mon{position:absolute;z-index:2;left:12%;top:12%;width:110%;transition:transform 1.2s var(--ease)}
.vdash .msc{aspect-ratio:16/9;padding:1.2cqmin;border-radius:2cqmin;background:#0d0f14;box-shadow:inset 0 0 0 .3cqmin #2b2f38,0 6cqmin 14cqmin rgba(0,0,0,.55)}
.dr{display:grid;grid-template-columns:repeat(4,1fr);gap:1cqmin;flex:1}
.dr i{border-radius:.5cqmin}
.dr i.y{background:#bfdbfe}
.dr i.n{background:#fde68a}
.ul{display:flex;flex-direction:column;gap:1cqmin}
.ul i{height:1.6cqmin;border-radius:99px;background:#dfe3ea}
.ul i:nth-child(odd){width:85%}
.vdash .pho{position:absolute;z-index:3;left:5%;bottom:-10%;width:24%;aspect-ratio:9/19.5;border:.9cqmin solid #0d0f14;border-radius:3.4cqmin;overflow:hidden;background:#f5f6f8;box-shadow:0 0 0 .3cqmin #2b2f38,0 5cqmin 10cqmin rgba(0,0,0,.5);transition:transform 1.1s var(--ease)}
.cst:hover .vdash .mon{transform:translateX(-2%)}
.cst:hover .vdash .pho{transform:translateY(-4%)}
@media (hover:none){.cst:hover .vdash .mon, .cst:hover .vdash .pho{transform:none}}
@media (max-aspect-ratio:5/4){.vdash .mon{left:6%;top:10%;width:135%}.vdash .pho{left:auto;right:6%;bottom:-20%;width:30%}}
.dr i{display:block;min-height:1.6cqmin}
.vdash .msc>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;border-radius:.6cqmin}
.vdash .pho>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.vb.bot .msc img{object-position:top right}
.vph{position:absolute;inset:0;overflow:hidden}
.vph .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%;transition:transform 1.4s var(--sm)}
.cst:hover .vph .ph{transform:scale(1.04)}
.vph .ins{position:absolute;left:4%;top:6%;width:20%;aspect-ratio:1;object-fit:cover;border-radius:calc(var(--u)*.9);border:2px solid rgba(255,255,255,.85);box-shadow:0 1.5vw 3vw -1vw rgba(0,0,0,.55)}
.call{position:relative;border-radius:calc(var(--u)*1);overflow:hidden;background:#20242c}
.call img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% 52%;transition:transform 1.4s var(--sm)}
.cstall:hover .call img{transform:scale(1.04)}
@media (max-aspect-ratio:5/4){.call{order:-1;aspect-ratio:4/3}.vph .ins{width:24%}}
@media (max-width:699px){.vph .ins{width:28%;left:5%;top:6%}}
.cnis span.more{padding-left:calc(var(--u)*.9);background:transparent;opacity:.7}
/* мобилка: «Смотреть кейс» во всю ширину, отступ сверху */
@media (max-aspect-ratio:5/4){.cmore{align-self:stretch!important;width:100%;justify-content:space-between;margin-top:calc(var(--u)*1.6)!important}}
/* низкие окна на ПК: текст карточки кейса подстраивается под высоту карточки, чтобы кнопка не обрезалась */
@media (min-aspect-ratio:5/4){.cst:not(.cstall){--ch:min(calc(100vh - var(--u)*11),calc(var(--u)*41))}.cst:not(.cstall) .cstx h3{font-size:min(calc(var(--u)*3.4*var(--k)),calc(var(--ch)*.074))}.cst:not(.cstall) .cstx p{font-size:max(13px,min(calc(var(--u)*1.08*var(--k)),calc(var(--ch)*.03)))}.cst:not(.cstall) .cstx{gap:min(calc(var(--u)*1.1),calc(var(--ch)*.022))}}

/* кнопки карточек кейсов в ряд/карусели — на одном уровне, прижаты к низу */
@media (max-aspect-ratio:5/4){.cpc .cmore{margin-top:auto!important}.cpc .cpt>p:has(+.cmore){margin-bottom:calc(var(--u)*1.6)}}

/* ---- plug.css ---- */
#plug.sx{--sm:cubic-bezier(.65,0,.35,1);padding:calc(var(--u)*6) var(--side) calc(var(--u)*5)}
.pgr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u)*1.2)}
.pgc{position:relative;display:flex;flex-direction:column;gap:calc(var(--u)*.8);padding:calc(var(--u)*.8);border-radius:calc(var(--u)*2);background:#fbfbf9;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);transition:transform .9s var(--sm),box-shadow .9s var(--sm),opacity .9s var(--ease)}
html[data-theme=dark] .pgc{background:#0e1119}
.pgc.rv{transition-delay:calc(var(--d)*.12s)}
.pgc:hover{transform:translateY(calc(var(--u)*-.5));box-shadow:inset 0 0 0 1px var(--line),0 calc(var(--u)*1.6) calc(var(--u)*3.2) calc(var(--u)*-1.4) rgba(2,6,23,.22)}
.pvis{position:relative;aspect-ratio:16/11;border-radius:calc(var(--u)*1.4);overflow:hidden;container-type:size}
.pgc.cw .pvis{background:radial-gradient(90% 80% at 85% 100%,#fdba74 0,rgba(253,186,116,0) 60%),linear-gradient(160deg,#1c0f05 0%,#7c2d12 55%,#ea580c 100%)}
.pgc.ecm .pvis{background:radial-gradient(90% 80% at 85% 100%,#93c5fd 0,rgba(147,197,253,0) 60%),linear-gradient(160deg,#0b1736 0%,#1e3a8a 55%,#2563eb 100%)}
.pgc.lp .pvis{background:radial-gradient(90% 80% at 85% 100%,#f9a8d4 0,rgba(249,168,212,0) 60%),linear-gradient(160deg,#1e0b2e 0%,#5b21b6 55%,#a855f7 100%)}
.pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--sm)}
.pgc:hover .pimg{transform:scale(1.04)}
.ptx{display:flex;flex-direction:column;gap:calc(var(--u)*.9);flex:1;padding:calc(var(--u)*1) calc(var(--u)*1) calc(var(--u)*.8)}
.phd{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*.6)}
.ptr{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:calc(var(--u)*.3)}
.ptr span{padding:calc(var(--u)*.2) calc(var(--u)*.6);border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:calc(var(--u)*.72*var(--k));font-weight:700;letter-spacing:.06em;color:var(--mut)}
.ptr span:first-child{background:var(--soft);color:var(--fg)}
.ptx h3{font-size:calc(var(--u)*2.1*var(--k));font-weight:600;letter-spacing:-.03em;line-height:1.05}
.ptx p{font-size:calc(var(--u)*1*var(--k));line-height:1.55;color:var(--mut)}
.ptx ul{list-style:none;display:flex;flex-direction:column;gap:calc(var(--u)*.45);margin:0;padding:0}
.ptx li{position:relative;padding-left:calc(var(--u)*1.5);font-size:calc(var(--u)*.95*var(--k));font-weight:500}
.ptx li::before{content:"";position:absolute;left:0;top:.2em;width:calc(var(--u)*1);height:calc(var(--u)*1);border-radius:50%;background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/70% no-repeat}
.pft{margin-top:auto;padding-top:calc(var(--u)*.6);display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*.6);flex-wrap:wrap}
.pft .cmore{margin-top:0}
.pgc:hover .cmore{color:#fff}
.pgc:hover .cmore .ab::after{transform:scale(30)}
.pgc:hover .cmore .ab svg{transform:none}
.pot{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--u)*.5)}
.pot small{font-size:calc(var(--u)*.95*var(--k));color:var(--mut);margin-right:calc(var(--u)*.4)}
.pot span{display:inline-flex;align-items:center;gap:calc(var(--u)*.45);padding:calc(var(--u)*.25) calc(var(--u)*.9) calc(var(--u)*.25) calc(var(--u)*.25);border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);font-size:calc(var(--u)*.85*var(--k));font-weight:600;white-space:nowrap}
.pot i{width:calc(var(--u)*1.8);height:calc(var(--u)*1.8);border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b1736;box-shadow:inset 0 0 0 1px rgba(2,6,23,.08)}
.pot i svg{width:56%;height:56%}
.pm{position:absolute;inset:0}
.pw{position:absolute;left:9cqw;top:13cqh;width:70cqw;height:100cqh;border-radius:3cqmin;background:rgba(255,255,255,.94);box-shadow:0 4cqmin 10cqmin rgba(0,0,0,.35);padding:5cqmin 5cqmin;display:flex;flex-direction:column;gap:3.4cqmin;transition:transform 1.2s var(--sm)}
html[data-theme=dark] .pw{background:rgba(20,24,34,.94)}
.pgc:hover .pw{transform:translateY(-4cqh)}
.pdot{display:flex;gap:1.6cqmin;margin-bottom:1cqmin}
.pdot i{width:2.4cqmin;height:2.4cqmin;border-radius:50%;background:rgba(2,6,23,.15)}
html[data-theme=dark] .pdot i{background:rgba(255,255,255,.2)}
.prow{display:grid;grid-template-columns:24% 1fr 5cqmin;align-items:center;gap:3cqmin}
.prow b{height:2.6cqmin;border-radius:2cqmin;background:rgba(2,6,23,.14)}
html[data-theme=dark] .prow b{background:rgba(255,255,255,.18)}
.pwb{display:block;height:2.6cqmin;border-radius:2cqmin;background:rgba(2,6,23,.07);overflow:hidden}
html[data-theme=dark] .pwb{background:rgba(255,255,255,.08)}
.pwb i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#f97316,#fbbf24);transition:width 1.6s var(--sm) var(--d)}
.pgc.in .pwb i{width:var(--w)}
.prow em{width:4.6cqmin;height:4.6cqmin;border-radius:50%;background:rgba(2,6,23,.1)}
.prow em.ok{background:#22c55e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/70% no-repeat}
.pch{flex:1;display:flex;align-items:flex-end;gap:2.6cqmin;padding-top:2cqmin;max-height:40cqh}
.pch i{flex:1;height:0;border-radius:1.4cqmin 1.4cqmin .4cqmin .4cqmin;background:linear-gradient(180deg,#3b82f6,#93c5fd);transition:height 1.3s var(--sm) var(--d)}
.pgc.in .pch i{height:var(--h)}
.pln{display:flex;flex-direction:column;gap:2.4cqmin}
.pln i{height:2.6cqmin;border-radius:2cqmin;background:rgba(2,6,23,.12)}
.pln i:last-child{width:60%}
html[data-theme=dark] .pln i{background:rgba(255,255,255,.16)}
.pcard{position:absolute;left:12cqw;top:22cqh;width:62cqw;aspect-ratio:1.586;border-radius:4cqmin;padding:5cqmin;color:#fff;background:linear-gradient(135deg,#fde68a 0%,#f59e0b 45%,#b45309 100%);box-shadow:0 5cqmin 12cqmin rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.35);transform:rotate(-6deg);transition:transform 1.2s var(--sm);z-index:2;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;font-family:var(--body)}
.pcard.b2{left:30cqw;top:12cqh;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(255,255,255,.1));transform:rotate(8deg);z-index:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pgc:hover .pcard{transform:rotate(-2deg) translateY(-3cqh)}
.pgc:hover .pcard.b2{transform:rotate(12deg)}
.pcard b{grid-column:1;grid-row:2;align-self:end;font-size:7cqmin;font-weight:800;letter-spacing:.14em}
.pcard em{grid-column:2;grid-row:1/3;font-style:normal;font-size:13cqmin;font-weight:800;letter-spacing:-.04em;line-height:1}
.pcode{grid-column:1;grid-row:3;font-size:4.4cqmin;font-weight:700;letter-spacing:.12em;opacity:.9;padding-top:2cqmin}
.plv{grid-column:2;grid-row:3;align-self:end;display:flex;gap:1.2cqmin}
.plv i{width:3cqmin;height:3cqmin;border-radius:50%;background:rgba(255,255,255,.4)}
.plv i.on{background:#fff}
.pcms{display:flex;align-items:center;min-width:0}
.pcms span{width:calc(var(--u)*2.2);height:calc(var(--u)*2.2);border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(2,6,23,.08),0 0 0 2px #fbfbf9;display:grid;place-items:center;flex:none}
html[data-theme=dark] .pcms span{box-shadow:inset 0 0 0 1px rgba(2,6,23,.08),0 0 0 2px #0e1119}
.pcms span+span{margin-left:calc(var(--u)*-.5)}
.pcms img{width:60%;height:60%;object-fit:contain}
.pcms small{margin-left:calc(var(--u)*.6);font-size:calc(var(--u)*.8*var(--k));color:var(--mut);font-weight:500;line-height:1.25;min-width:0}
.pft{flex-wrap:nowrap}
.pft .cmore{white-space:nowrap;flex:none}
.phd{justify-content:space-between}
.ptr{justify-content:flex-start}
.ptr span{box-shadow:none;letter-spacing:.06em}
.ptr span.t-free{background:#dcfce7!important;color:#15803d!important}
.ptr span.t-lite{background:#e0f2fe;color:#0369a1}
.ptr span.t-pro{background:#ede9fe;color:#6d28d9}
.ptr span.t-exclusive{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}
html[data-theme=dark] .ptr span.t-free{background:rgba(34,197,94,.16)!important;color:#86efac!important}
html[data-theme=dark] .ptr span.t-lite{background:rgba(56,189,248,.16);color:#7dd3fc}
html[data-theme=dark] .ptr span.t-pro{background:rgba(139,92,246,.2);color:#c4b5fd}
html[data-theme=dark] .ptr span.t-exclusive{background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(245,158,11,.18));color:#fcd34d}
.pver{flex:none;font-size:calc(var(--u)*.78*var(--k));font-weight:600;color:var(--mut);letter-spacing:.02em;white-space:nowrap}
.ptx h3{margin-top:calc(var(--u)*.2)}
.pdots{display:none}
.pall{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u)*2);margin-top:calc(var(--u)*1.2);padding:calc(var(--u)*1.6) calc(var(--u)*1.6) calc(var(--u)*1.6) calc(var(--u)*2.4);border-radius:calc(var(--u)*2);background:var(--fg);color:var(--bg);transition:color .7s var(--sm),opacity .9s var(--ease),transform 1.1s var(--ease)}
.pat{display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--u)*1) calc(var(--u)*2.4);min-width:0}
.pat b{font-size:calc(var(--u)*2.6*var(--k));font-weight:600;letter-spacing:-.04em;line-height:1}
html[lang^=zh] .pat b{letter-spacing:.02em}
.pall .pot small{color:inherit;opacity:.6}
.pall .pot span{background:color-mix(in srgb,currentColor 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 18%,transparent);color:inherit;transition:background .7s var(--sm)}
.pall .ab{position:relative;flex:none;width:calc(var(--u)*4.4);height:calc(var(--u)*4.4);border-radius:50%;display:grid;place-items:center;color:#fff}
.pall .ab::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--acc);z-index:-1;transition:transform .9s var(--sm)}
.pall .ab svg{width:40%;height:40%;transform:rotate(-45deg);transition:transform .8s var(--sm)}
.pall:hover{color:#fff}
.pall:hover .ab::after{transform:scale(90)}
.pall:hover .ab svg{transform:none}
.pall:hover .pot span{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
@media (max-aspect-ratio:5/4){#plug.sx{padding-left:0;padding-right:0;padding-bottom:calc(var(--u)*4)}#plug .sxh, #plug .pall{margin-left:var(--side);margin-right:var(--side)}#plug .sxh{grid-template-columns:minmax(0,1fr);gap:calc(var(--u)*1.4)}#plug .sxr{max-width:none;width:100%;font-size:calc(var(--u)*1.45*var(--k))}.pgr{display:flex;gap:calc(var(--u)*1.6);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:calc(var(--u)*1) calc(var(--side) + 6%);scroll-padding:0 calc(var(--side) + 6%);overscroll-behavior-x:contain}.pgr::-webkit-scrollbar{display:none}.pgc{flex:0 0 78%;scroll-snap-align:center;transform-origin:center;transition:opacity .9s var(--ease);will-change:transform;padding:calc(var(--u)*1.2)}.pgc:hover{box-shadow:inset 0 0 0 1px var(--line)}.ptx{padding:calc(var(--u)*1.6) calc(var(--u)*.8) calc(var(--u)*.8)}.ptx h3{font-size:calc(var(--u)*3.4*var(--k))}.ptx p, .ptx li{font-size:calc(var(--u)*1.45*var(--k))}.ptr span{font-size:calc(var(--u)*1.05*var(--k));padding:calc(var(--u)*.35) calc(var(--u)*.8)}.pver{font-size:calc(var(--u)*1.1*var(--k))}.ptx li{padding-left:calc(var(--u)*2.2)}.ptx li::before{width:calc(var(--u)*1.5);height:calc(var(--u)*1.5)}.pft{flex-direction:column;align-items:stretch;gap:calc(var(--u)*1.2)}.pft .cmore{justify-content:space-between;width:100%;font-size:calc(var(--u)*1.5*var(--k));padding-left:calc(var(--u)*2)}.pft .cmore .ab{width:calc(var(--u)*4);height:calc(var(--u)*4)}.pcms span{width:calc(var(--u)*3.4);height:calc(var(--u)*3.4)}.pcms small{font-size:calc(var(--u)*1.25*var(--k))}.pdots{display:flex;justify-content:center;gap:calc(var(--u)*.8);margin:calc(var(--u)*1.4) 0 calc(var(--u)*.4)}.pdots button{width:calc(var(--u)*1.2);height:calc(var(--u)*1.2);min-width:8px;min-height:8px;border-radius:999px;background:var(--line);transition:width .5s var(--ease),background .4s}.pdots button.on{width:calc(var(--u)*4.4);background:var(--fg)}.pall{margin-top:calc(var(--u)*2);padding:calc(var(--u)*2.4) calc(var(--u)*2) calc(var(--u)*2) calc(var(--u)*2.4);align-items:flex-end}.pat{flex-direction:column;align-items:flex-start;gap:calc(var(--u)*1.4)}.pat b{font-size:calc(var(--u)*4.2*var(--k))}.pall .pot small{width:100%;font-size:calc(var(--u)*1.3*var(--k))}.pall .pot span{font-size:calc(var(--u)*1.25*var(--k))}.pall .pot i{width:calc(var(--u)*2.6);height:calc(var(--u)*2.6)}.pall .ab{width:calc(var(--u)*6);height:calc(var(--u)*6)}}
@media (max-aspect-ratio:5/4) and (min-width:700px){.pgc{flex-basis:54%}.pgr{padding:calc(var(--u)*1) calc(var(--side) + 2%);scroll-padding:0 calc(var(--side) + 2%)}}
@media (max-width:699px){.ptx p, .ptx li{font-size:min(15px,3.8vw)}.ptr span{font-size:min(11px,2.8vw)}.pver{font-size:min(12px,3vw)}.pft .cmore{font-size:min(15px,3.9vw)}.pcms small{font-size:min(12.5px,3.2vw)}.pall .pot span{font-size:min(12.5px,3.1vw)}.pall .pot small{font-size:min(13px,3.4vw)}}
#plug.sx{padding-top:calc(var(--u)*3.2)}
@media (max-aspect-ratio:5/4){#plug.sx{padding-top:calc(var(--u)*1.25)}}
@media (max-width:699px){.pgc{flex-basis:84%}.pgr{padding:calc(var(--u)*1) calc(var(--side) + 2%);scroll-padding:0 calc(var(--side) + 2%)}.pall{display:block;padding:calc(var(--u)*2.6) calc(var(--u)*2.4) calc(var(--u)*2.4)}.pall .ab{position:absolute;right:calc(var(--u)*2);top:calc(var(--u)*2)}.pat b{padding-right:calc(var(--u)*7)}}
.ptx ul{flex-direction:row;flex-wrap:wrap;gap:calc(var(--u)*.4)}
.ptx li{padding:calc(var(--u)*.35) calc(var(--u)*.8);border-radius:999px;background:var(--tb);color:var(--tc);font-size:calc(var(--u)*.85*var(--k));font-weight:600;line-height:1.3}
.ptx li::before{display:none}
.pgc.cw{--tb:#fff1e6;--tc:#9a3412}
.pgc.ecm{--tb:#e8f0ff;--tc:#1e40af}
.pgc.lp{--tb:#f3ebff;--tc:#6b21a8}
html[data-theme=dark] .pgc.cw{--tb:rgba(249,115,22,.14);--tc:#fdba74}
html[data-theme=dark] .pgc.ecm{--tb:rgba(59,130,246,.16);--tc:#93c5fd}
html[data-theme=dark] .pgc.lp{--tb:rgba(168,85,247,.16);--tc:#d8b4fe}
@media (max-aspect-ratio:5/4){.ptx li{padding:calc(var(--u)*.5) calc(var(--u)*1.1);font-size:calc(var(--u)*1.2*var(--k))}}
@media (max-width:699px){.ptx li{font-size:min(13px,3.3vw);padding:calc(var(--u)*.6) calc(var(--u)*1.3)}}
.ptx li{display:inline-flex;align-items:center;gap:calc(var(--u)*.45);padding-left:calc(var(--u)*.3)}
.ptx li i{flex:none;width:calc(var(--u)*1.7);height:calc(var(--u)*1.7);border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--tc);box-shadow:0 1px 2px rgba(2,6,23,.08)}
.ptx li i svg{width:58%;height:58%}
html[data-theme=dark] .ptx li i{background:var(--tc);color:#0e1119;box-shadow:none}
@media (max-aspect-ratio:5/4){.ptx li{padding-left:calc(var(--u)*.4)}.ptx li i{width:calc(var(--u)*2.4);height:calc(var(--u)*2.4)}}
@media (max-width:699px){.ptx li{padding-left:calc(var(--u)*.5)}.ptx li i{width:calc(var(--u)*3);height:calc(var(--u)*3)}}
.pgc.cw .pimg{object-position:50% 60%}
.pgc.ecm .pimg{object-position:50% 45%}
.pgc.lp .pimg{object-position:50% 58%}
/* бейджи тарифов: прозрачная таблетка + цветная иконка */
.pbg{display:flex;flex-wrap:wrap;gap:calc(var(--u)*.3)}
.pb{display:inline-flex;align-items:center;gap:calc(var(--u)*.35);padding:calc(var(--u)*.2) calc(var(--u)*.6) calc(var(--u)*.2) calc(var(--u)*.2);border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);font-size:calc(var(--u)*.72*var(--k));font-weight:800;letter-spacing:.06em;line-height:1.2;color:var(--fg);white-space:nowrap}
.pbi{flex:none;display:grid;place-items:center;width:calc(var(--u)*1.45);height:calc(var(--u)*1.45);border-radius:50%;color:#fff}
.pbi svg{width:58%;height:58%}
.pbi.b-free{background:#16a34a}.pbi.b-lite{background:#0284c7}.pbi.b-pro{background:linear-gradient(135deg,#7c3aed,#2563eb)}.pbi.b-exclusive{background:linear-gradient(135deg,#f59e0b,#d97706)}
.pbv{padding-left:calc(var(--u)*.6);letter-spacing:.02em}
.pbv small{margin-right:calc(var(--u)*.15);font-size:.92em;font-weight:700;letter-spacing:.03em;color:var(--mut)}
.pph .pb,.ppt-c.hot .pb,.ppb-c.acc .pb{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(6px)}
.pph .pbv small,.ppt-c.hot .pbv small{color:rgba(255,255,255,.72)}
@media (max-aspect-ratio:5/4){.pb{font-size:calc(var(--u)*1*var(--k));padding:calc(var(--u)*.3) calc(var(--u)*.85) calc(var(--u)*.3) calc(var(--u)*.3);gap:calc(var(--u)*.5)}.pbi{width:calc(var(--u)*2.1);height:calc(var(--u)*2.1)}.pbv{padding-left:calc(var(--u)*.85)}}
@media (max-width:699px){.pb{font-size:min(11.5px,2.9vw)}.pbi{width:min(18px,4.6vw);height:min(18px,4.6vw)}}
.phd{flex-wrap:wrap;row-gap:calc(var(--u)*.5)}.phd .pbg{flex-wrap:nowrap}
.pvis{aspect-ratio:4/3}.pvis>img,.pvis .pimg{object-position:50% 50%}
.pgc .pvis .pimg,.pvis>img.pimg{object-position:50% 26%!important}
.pgc .pvis .pimg,.pvis>img.pimg{object-position:50% 31%!important}
/* названия плагинов в карточках на телефоне и планшете — меньше строк */
@media (max-aspect-ratio:5/4){.ptx h3{font-size:calc(var(--u)*3*var(--k))}}
@media (min-width:600px) and (max-aspect-ratio:5/4){.ptx h3{font-size:calc(var(--u)*2.3*var(--k))}}

/* ---- part.css ---- */
@property --xp{syntax:"<number>";inherits:true;initial-value:.5}
#part.sx{--sm:cubic-bezier(.65,0,.35,1);padding:calc(var(--u)*3.2) var(--side) calc(var(--u)*5)}
.zq{border-radius:calc(var(--u)*2);background:#fbfbf9;box-shadow:inset 0 0 0 1px var(--line);padding:calc(var(--u)*.8)}
html[data-theme=dark] .zq{background:#0e1119}
.ztabs{position:relative;display:inline-flex;padding:calc(var(--u)*.3);border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);margin:calc(var(--u)*.6)}
.ztabs button{position:relative;z-index:1;border:0;background:none;font:inherit;font-weight:600;font-size:calc(var(--u)*.98*var(--k));padding:calc(var(--u)*.7) calc(var(--u)*1.5);border-radius:999px;color:var(--mut);cursor:pointer;transition:color .4s;white-space:nowrap}
.ztabs button.on{color:var(--bg)}
.zind{position:absolute;top:calc(var(--u)*.3);bottom:calc(var(--u)*.3);border-radius:999px;background:var(--fg);transition:left .6s var(--sm),width .6s var(--sm)}
.zst{display:grid}
.zp{grid-area:1/1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:calc(var(--u)*2.4);align-items:center;padding:calc(var(--u)*.6);opacity:0;visibility:hidden;transform:translateY(calc(var(--u)*1));transition:opacity .6s var(--ease),transform .8s var(--ease),visibility .6s}
.zp.on{opacity:1;visibility:visible;transform:none}
.ztx{display:flex;flex-direction:column;gap:calc(var(--u)*1.1);padding-right:calc(var(--u)*1.6)}
.ztx h3{font-size:calc(var(--u)*2.8*var(--k));font-weight:600;letter-spacing:-.04em;line-height:1.02}
html[lang^=zh] .ztx h3{letter-spacing:.01em;line-height:1.2}
.ztx p{font-size:calc(var(--u)*1.05*var(--k));line-height:1.55;color:var(--mut)}
.ztx .cmore{align-self:flex-start;margin-top:calc(var(--u)*.4)}
.ztx .cmore:hover{color:#fff}
.ztx .cmore:hover .ab::after{transform:scale(30)}
.ztx .cmore:hover .ab svg{transform:none}
.zchips span{padding-left:calc(var(--u)*.25)}
.zchips i{flex:none;width:calc(var(--u)*1.8);height:calc(var(--u)*1.8);padding:calc(var(--u)*.38);border-radius:50%;background:#fff;color:#0b1736;box-shadow:inset 0 0 0 1px rgba(2,6,23,.08);display:grid;place-items:center}
.zchips i svg{width:100%;height:100%}
.cmp{--xp:.5;position:relative;aspect-ratio:16/10;border-radius:calc(var(--u)*1.4);overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;container-type:size;background:linear-gradient(160deg,#0b1736,#1d4ed8 60%,#93c5fd)}
.cmA, .cmB{position:absolute;inset:7cqh 6cqw 0;border-radius:2.4cqmin 2.4cqmin 0 0;overflow:hidden}
.cmA{background:#fff;box-shadow:0 4cqmin 10cqmin rgba(0,0,0,.35)}
.cmp.im .cmA, .cmp.im .cmB{inset:0;border-radius:0}
.cmImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cmB{background:#0d1117;clip-path:inset(0 0 0 calc(var(--xp)*100%))}
.cmp.hint{animation:cmh 2.4s var(--sm) .3s 1}
@keyframes cmh{0%{--xp:.5}35%{--xp:.22}70%{--xp:.78}100%{--xp:.5}}
.cmH{position:absolute;top:7cqh;bottom:0;left:calc(6cqw + 88cqw*var(--xp));width:0;pointer-events:none}
.cmp.im .cmH{top:0;left:calc(100cqw*var(--xp))}
.cmH::before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.4)}
.cmH span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:9cqmin;height:9cqmin;border-radius:50%;background:#fff;color:#0b1736;display:grid;place-items:center;box-shadow:0 2cqmin 5cqmin rgba(0,0,0,.35)}
.cmH span svg{width:55%;height:55%}
.cmL{position:absolute;bottom:4cqh;font-style:normal;font-size:3.2cqmin;font-weight:700;padding:1.2cqmin 2.4cqmin;border-radius:999px;background:rgba(255,255,255,.92);color:#0b1736;pointer-events:none;white-space:nowrap}
.cmL.l{left:9cqw}
.cmL.r{right:9cqw;background:rgba(13,17,23,.85);color:#7ee787}
.bw{display:flex;align-items:center;gap:2cqmin;padding:2cqmin 3cqmin;background:#f1f1ee;border-bottom:1px solid #e5e5e0}
.bd{display:flex;gap:1cqmin}
.bd i{width:1.8cqmin;height:1.8cqmin;border-radius:50%;background:#d4d4cf}
.burl{flex:1;max-width:45cqw;padding:.8cqmin 2cqmin;border-radius:999px;background:#fff;font-size:2.4cqmin;color:#71717a}
.cmAin{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr;gap:2.4cqmin 4cqmin;padding:4cqmin 5cqmin}
.vlog{grid-column:1/-1;display:flex;align-items:center;gap:1.6cqmin;font-weight:800;font-size:3cqmin;color:#0f766e;letter-spacing:.06em}
.vlog b{width:4.4cqmin;height:4.4cqmin;border-radius:1.2cqmin;background:linear-gradient(135deg,#14b8a6,#0f766e)}
.vh{font-size:6.4cqmin;font-weight:700;letter-spacing:-.04em;line-height:1;color:#0b0b0c}
.vl{display:flex;flex-direction:column;gap:1.6cqmin}
.vl i{height:1.8cqmin;border-radius:1cqmin;background:#e4e4e0}
.vl i:last-child{width:60%}
.vbtn{align-self:start;justify-self:start;padding:1.8cqmin 3.4cqmin;border-radius:999px;background:#0f766e;color:#fff;font-size:2.6cqmin;font-weight:700}
.vimg{grid-column:2;grid-row:2/5;border-radius:2cqmin;background:linear-gradient(135deg,#99f6e4,#14b8a6 60%,#0f766e);min-height:26cqh}
.code{padding:4cqmin;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:3cqmin;line-height:1.9;color:#c9d1d9;white-space:pre}
.cmp.im .code{padding:9cqmin 6cqmin}
.code p{margin:0}
.code s{text-decoration:none;color:#484f58;margin-right:3cqmin}
.code u{text-decoration:none;color:#ff7b72}
.code em{font-style:normal;color:#a5d6ff}
.code b{color:#d2a8ff;font-weight:400}
.doc{position:relative;aspect-ratio:16/10;border-radius:calc(var(--u)*1.4);background:linear-gradient(160deg,#fff7ed,#fed7aa 60%,#fb923c);container-type:size;overflow:hidden}
.docImg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dsh{position:absolute;inset:8cqh 10cqw -10cqh;border-radius:2cqmin;background:#fff;box-shadow:0 4cqmin 10cqmin rgba(124,45,18,.25);transform:rotate(-2deg);padding:6cqh 4cqw 0}
.dhd{display:flex;align-items:center;gap:2cqmin;margin-bottom:4cqh;font-size:3.6cqmin;color:#0b0b0c}
.dhd span{flex:none;width:6cqmin;height:6cqmin;border-radius:1.6cqmin;display:grid;place-items:center;background:#ea580c;color:#fff}
.dhd span svg{width:60%;height:60%}
.drow{margin-bottom:2.6cqh;display:grid;grid-template-columns:22cqw 1fr;gap:2cqmin;padding-bottom:2cqh;border-bottom:1px dashed #e7e5e4;font-size:2.8cqmin}
.drow small{color:#78716c}
.drow b{color:#1c1917;font-weight:600}
.dlines{margin-top:2cqh;display:flex;flex-direction:column;gap:1.6cqmin}
.dlines i{height:1.6cqmin;border-radius:1cqmin;background:#f0efed}
.dlines i:last-child{width:55%}
.seal{position:absolute;right:13cqw;bottom:10cqh;width:22cqmin;height:22cqmin;border-radius:50%;border:.8cqmin solid #2563eb;color:#2563eb;display:grid;place-items:center;text-align:center;font-family:var(--logo);font-weight:800;font-size:3.4cqmin;letter-spacing:.06em;line-height:1.1;opacity:0;transform:scale(1.8) rotate(-30deg);box-shadow:inset 0 0 0 1.4cqmin rgba(255,255,255,.9),inset 0 0 0 1.8cqmin #2563eb;background:rgba(255,255,255,.5)}
.zp.td.on .seal{animation:stamp .6s var(--sm) .5s both}
@keyframes stamp{to{opacity:.92;transform:scale(1) rotate(-14deg)}}
@media (max-aspect-ratio:5/4){#part.sx{padding:calc(var(--u)*1.25) var(--side) calc(var(--u)*4)}#part .sxh{grid-template-columns:minmax(0,1fr);gap:calc(var(--u)*1.4)}#part .sxr{max-width:none;width:100%;font-size:calc(var(--u)*1.45*var(--k))}.zp{grid-template-columns:minmax(0,1fr)}.ztabs{display:flex;margin:calc(var(--u)*.6) calc(var(--u)*.6) calc(var(--u)*1.2)}.ztabs button{flex:1;font-size:calc(var(--u)*1.35*var(--k));padding:calc(var(--u)*1) calc(var(--u)*.6)}.ztx{padding:calc(var(--u)*.6) calc(var(--u)*.8) calc(var(--u)*1)}.ztx h3{font-size:calc(var(--u)*3.6*var(--k))}.ztx p{font-size:calc(var(--u)*1.45*var(--k))}.zchips span{font-size:calc(var(--u)*1.15*var(--k))}.zchips i{width:calc(var(--u)*2.6);height:calc(var(--u)*2.6)}.ztx .cmore{align-self:stretch;justify-content:space-between;font-size:calc(var(--u)*1.5*var(--k));padding-left:calc(var(--u)*2)}.ztx .cmore .ab{width:calc(var(--u)*4);height:calc(var(--u)*4)}}
@media (max-width:699px){.ztabs button{font-size:min(12.5px,3.2vw);padding:calc(var(--u)*1) 0}.zchips span{font-size:min(12.5px,3.1vw)}.ztx .cmore{font-size:min(15px,3.9vw)}.cmL{font-size:3.8cqmin}}
.ed{position:absolute;inset:0;display:flex;flex-direction:column;background:#0d1117;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.edt{display:flex;align-items:flex-end;gap:1cqmin;padding:2cqmin 3cqmin 0;background:#010409;border-bottom:1px solid #21262d}
.edt .bd{align-self:center;margin-right:3cqmin}
.edt .bd i{background:#30363d}
.tab{padding:1.4cqmin 2.6cqmin;font-size:2.5cqmin;color:#7d8590;border-radius:1.2cqmin 1.2cqmin 0 0}
.tab.on{background:#0d1117;color:#e6edf3;box-shadow:inset 0 2px 0 #f78166}
.edc{flex:1;padding:2.6cqmin 0;font-size:2.9cqmin;line-height:1.85;color:#e6edf3;white-space:pre;overflow:hidden}
.edc p{margin:0;display:flex;padding-right:3cqmin}
.edc p.hl{background:rgba(56,139,253,.12);box-shadow:inset 2px 0 0 #388bfd}
.edc var{font-style:normal;flex:none;width:9cqmin;padding-right:3cqmin;text-align:right;color:#484f58}
.edc u{text-decoration:none;color:#ff7b72}
.edc em{font-style:normal;color:#a5d6ff}
.edc b{font-weight:400;color:#d2a8ff}
.edc q{quotes:none;color:#79c0ff}
.edc q::before, .edc q::after{content:none}
.edc s{text-decoration:none;color:#8b949e;font-style:italic}
.cur{display:inline-block;width:.55em;height:1.1em;vertical-align:-.15em;margin-left:.15em;background:#e6edf3;animation:cur 1.1s steps(1) infinite}
@keyframes cur{50%{opacity:0}}
.eds{display:flex;gap:3cqmin;padding:1.2cqmin 3cqmin;background:#1f6feb;color:#fff;font-size:2.2cqmin}
.eds span:first-child{font-weight:700;letter-spacing:.06em}
.cmp .cmB{background:#0d1117}
.cmL{bottom:8cqh}
.ed>*{padding-left:calc(var(--xp)*100% + 2cqmin)!important}
.edc{font-size:2.55cqmin}
.edc p.hl{background:linear-gradient(90deg,transparent calc(var(--xp)*100%),rgba(56,139,253,.14) calc(var(--xp)*100%));box-shadow:none}
.ed .bd{display:none}
.cmImg{object-position:50% 58%}
.docImg{object-position:50% 55%}
.doc.im .seal{display:none}
/* тендеры: 3D-картинка на синем фоне */
.doc.im{background:radial-gradient(70% 70% at 50% 45%,rgba(147,197,253,.55),transparent 70%),linear-gradient(160deg,#0b1736,#1e3a8a 60%,#2563eb)}
.doc.im .docImg{inset:6% 6%;width:88%;height:88%;object-fit:contain;object-position:50% 50%;filter:drop-shadow(0 calc(var(--u)*1.2) calc(var(--u)*2.4) rgba(2,6,23,.45))}
.zchips i.zcoa{padding:2px;background:conic-gradient(from 200deg,#e5e7eb 0 120deg,#1c57c9 0 240deg,#d52b1e 0)!important}
.zchips i.zcoa .coin{width:100%;height:100%;border-radius:50%;background:#fff;display:grid;place-items:center}
.zchips i.zcoa .coa{width:68%;height:68%;object-fit:contain}
.zchips i.zcoa{display:grid;place-items:center}.zchips i.zcoa .coin{width:100%;height:100%}.ctg .zcoa img.coa{width:70%!important;height:70%!important;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.ctg .zcoa img.coa{width:calc(var(--u)*1.15)!important;height:calc(var(--u)*1.15)!important}@media (max-aspect-ratio:5/4){.ctg .zcoa img.coa{width:calc(var(--u)*1.7)!important;height:calc(var(--u)*1.7)!important}}
.zchips i.zcoa .coin{width:100%!important;height:100%!important;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.zchips i.zcoa .coin{padding:0!important;gap:0!important;box-shadow:none!important;background:#fff!important;border-radius:50%!important}

/* вкладки «Для бизнеса / Для тендеров»: текст не прилипает к краю */
.ztabs button{padding-left:max(calc(var(--u)*.9),10px);padding-right:max(calc(var(--u)*.9),10px)}
/* вкладки «Для агентств / Для тендеров» на телефоне: длинная подпись переносится, а не упирается в край */
@media (max-aspect-ratio:5/4){.ztabs button{flex:1 1 auto;white-space:normal;line-height:1.2;padding-left:max(calc(var(--u)*.9),10px);padding-right:max(calc(var(--u)*.9),10px)}}