.screenshots[data-v-e2265fd2]{max-width:max-content;width:max-content;display:flex;align-items:center;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.4s}.screenshots__item[data-v-e2265fd2]{flex:1 1 0%;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:10deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));overflow:hidden;border-radius:10px;--un-shadow:-10px 7px 35.2px 0px var(--un-shadow-color, rgb(53 49 69 / .13));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.6s;width:auto}@media (min-width:1200px){.screenshots__item[data-v-e2265fd2]{aspect-ratio:144/310;height:310px}}@media (min-width:1920px){.screenshots__item[data-v-e2265fd2]{aspect-ratio:290/622;height:398px}}.screenshots__item img[data-v-e2265fd2]{height:100%;width:auto}.screenshots.animate .screenshots__item[data-v-e2265fd2]{transform:rotate(0)}@media (min-width:1200px){.screenshots.animate .screenshots__item[data-v-e2265fd2]{height:465px;margin:0 10px}}@media (min-width:1920px){.screenshots.animate .screenshots__item[data-v-e2265fd2]{height:622px}}[data-v-d043fe10] .main-tasks .swiper-pagination{bottom:0;top:unset}[data-v-d043fe10] .main-tasks .swiper-pagination .swiper-pagination-bullet{background-color:#436ced33;transition:background-color .2s ease}[data-v-d043fe10] .main-tasks .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff}@media (min-width:1200px){.solution-sok h2,.solution-sok h2+p{opacity:0;transition:opacity .6s linear}.solution-sok h2+p.animate,.solution-sok h2.animate{opacity:1}}.solution-sok ul{display:flex;flex-direction:column;gap:24px}@media (min-width: 768px){.solution-sok ul{gap:40px}}@media (min-width: 1200px){.solution-sok ul{margin-top:auto;height:340px;justify-content:space-between}}@media (min-width: 1920px){.solution-sok ul{margin-top:32px;height:auto;padding-left:81px}}.solution-sok ul h3{position:relative;padding-left:22px;font-size:20px;font-weight:500;line-height:1.35em}@media (min-width: 768px){.solution-sok ul h3{font-size:24px}}@media (min-width: 1920px){.solution-sok ul h3{font-size:28px}}.solution-sok ul h3 svg{position:absolute;top:10px;left:0;width:8px;height:8px}@media (min-width: 768px){.solution-sok ul h3 svg{top:12px}}@media (min-width: 1920px){.solution-sok ul h3 svg{top:15px}}.solution-sok ul p{margin-top:16px}@media (min-width: 768px){.solution-sok ul p{font-size:16px;font-weight:300}}@media (min-width: 1200px){.solution-sok ul p{min-height:3em}}@media (min-width: 1920px){.solution-sok ul p{margin-top:18px;font-size:18px}}@media (min-width:1200px){.solution-sok .content img{opacity:0;transition:opacity .3s linear}}@media (min-width:1200px){.solution-sok .content li{opacity:0;transition:opacity .6s linear}}.solution-sok .content .g-cont g{opacity:0}.solution-sok .content:not(.safari-content) .g-cont path{stroke-dasharray:700;stroke-dashoffset:-700}.solution-sok .content.safari-content .g-cont path{opacity:0}.solution-sok .content.animate img{opacity:1}.solution-sok .content.animate li{opacity:1;transition-delay:.45s}.solution-sok .content.animate .g-cont g{animation:appear .15s .1s forwards;-webkit-animation:appear .15s .1s alternate forwards}.solution-sok .content.animate:not(.safari-content) .g-cont path{animation:draw .3s .15s forwards;-webkit-animation:draw .3s .15s alternate forwards}.solution-sok .content.animate.safari-content .g-cont path{animation:appear .3s .3s forwards;-webkit-animation:appear .3s .3s alternate forwards}@keyframes disappear{to{opacity:0}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes draw{0%{stroke-dashoffset:-700}to{stroke-dashoffset:0}}[data-v-240cacf9] .solutions-slider{overflow:visible}[data-v-240cacf9] .solutions-slider .swiper-slide{align-items:center;display:flex;height:auto!important;justify-content:center}[data-v-c94fa60b] .solutions-mob-slider{overflow:visible}[data-v-c94fa60b] .solutions-mob-slider .swiper-slide{height:auto!important}[data-v-78285dbc] .solutions .solutions__underlay{background-color:#22242999;border-bottom:1.5px solid;border-image-source:linear-gradient(250.23deg,hsla(0,0%,100%,.2) 23.42%,hsla(0,0%,100%,.04) 36.34%,hsla(0,0%,100%,0) 50.26%,hsla(0,0%,100%,.04) 67.54%,hsla(0,0%,100%,.2) 74.41%);border-top:1.5px solid;box-shadow:inset 0 4px 87px #0000003b;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media (min-width:768px){[data-v-78285dbc] .solutions .solutions__underlay{border:1.5px solid;border-radius:10px}}[data-v-78285dbc] .solutions .solutions__underlay:before{-webkit-backdrop-filter:blur(150px);backdrop-filter:blur(150px);border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}[data-v-78285dbc] .solutions .solutions__screen{position:relative;z-index:2;padding:32px 20px}@media (min-width: 640px){[data-v-78285dbc] .solutions .solutions__screen{padding-left:40px;padding-right:40px}}@media (min-width: 768px){[data-v-78285dbc] .solutions .solutions__screen{border-radius:10px;padding-top:40px;padding-bottom:40px}}@media (min-width: 1200px){[data-v-78285dbc] .solutions .solutions__screen{padding:30px}}@media (min-width: 1920px){[data-v-78285dbc] .solutions .solutions__screen{padding-left:40px;padding-right:40px}}[data-v-78285dbc] .solutions .solutions__content{width:100%;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}[data-v-78285dbc] .solutions h3{margin-bottom:16px;font-size:20px;line-height:1.35em}@media (min-width: 768px){[data-v-78285dbc] .solutions h3{margin-bottom:24px;font-size:24px}}@media (min-width: 1920px){[data-v-78285dbc] .solutions h3{font-size:28px}}[data-v-78285dbc] .solutions ul{display:flex;flex-direction:column;gap:12px}@media (min-width: 768px){[data-v-78285dbc] .solutions ul{gap:16px}}@media (min-width: 1920px){[data-v-78285dbc] .solutions ul{gap:24px}}[data-v-78285dbc] .solutions__next,[data-v-78285dbc] .solutions__prev{align-items:center;border:1px solid #fff;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}@media (min-width:1920px){[data-v-78285dbc] .solutions__next,[data-v-78285dbc] .solutions__prev{height:60px;width:60px}}[data-v-78285dbc] .solutions__next svg,[data-v-78285dbc] .solutions__prev svg{height:auto;min-width:22px;width:22px}[data-v-78285dbc] .solutions__pagination{align-items:center;display:flex;gap:6px}[data-v-78285dbc] .solutions__pagination span{background-color:#2a2d33;border-radius:50%;cursor:pointer;height:6px;transition:background-color .25s ease;width:6px}[data-v-78285dbc] .solutions__pagination span.active{background-color:#fff}@media (min-width:768px){[data-v-78285dbc] .solutions__pagination{gap:12px}[data-v-78285dbc] .solutions__pagination span{border-radius:24px;height:3px;width:49px}}@media (min-width:1200px){[data-v-78285dbc] .solutions__pagination span{width:32px}}@media (min-width:1920px){[data-v-78285dbc] .solutions__pagination span{width:50px}}[data-v-78285dbc] .h3{margin-bottom:16px;font-size:20px;line-height:1.35em}@media (min-width: 768px){[data-v-78285dbc] .h3{margin-bottom:24px;font-size:24px}}@media (min-width: 1920px){[data-v-78285dbc] .h3{font-size:28px}}[data-v-78285dbc] .li,[data-v-78285dbc] li{position:relative;padding-left:22px;font-size:16px;line-height:24px}[data-v-78285dbc] .li:before,[data-v-78285dbc] li:before{position:absolute;top:10px;left:0;width:8px;height:8px;background-image:url(../static/temp-projects/sok/bullet.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;content:""}section[data-v-f860eb90]{background:radial-gradient(141.77% 70.12% at 42.4% 35.7%,#063cbc 0,#002885 37.09%,#000a23 88.47%,#00091f),url(../static/temp-projects/sok/results.webp);background-size:cover}@media (min-width:1200px){section h2[data-v-f860eb90]{opacity:0;transition:opacity .3s linear}section h2.animate[data-v-f860eb90]{opacity:1}}section p[data-v-f860eb90]{font-weight:300;position:relative}section .num[data-v-f860eb90]{font-size:22px;font-weight:700}section .num span[data-v-f860eb90]{font-size:42px}@media (min-width: 1200px){section .num span[data-v-f860eb90]{font-size:60px}}@media (min-width: 1920px){section .num span[data-v-f860eb90]{font-size:80px}}section .results[data-v-f860eb90]{z-index:1;display:flex;flex-direction:column;gap:16px}@media (min-width: 1200px){section .results[data-v-f860eb90]{align-items:center;gap:12px}}@media (min-width: 1920px){section .results[data-v-f860eb90]{gap:24px}}section .results>div[data-v-f860eb90]{position:relative}@media (min-width: 1200px){section .results>div[data-v-f860eb90]{width:535px}}@media (min-width: 1920px){section .results>div[data-v-f860eb90]{width:735px}}section .results>div:nth-child(2n) img[data-v-f860eb90]{left:-31px;width:252px;--un-translate-x:-100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@media (min-width: 1920px){section .results>div:nth-child(2n) img[data-v-f860eb90]{left:-51px;width:342px}}section .results>div:nth-child(2n) svg[data-v-f860eb90]{left:-6px;--un-translate-x:-100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@media (min-width: 1200px){section .results>div[data-v-f860eb90]:nth-child(odd){text-align:right}}section .results>div:nth-child(odd) img[data-v-f860eb90]{right:-30px;width:253px;--un-translate-x:100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@media (min-width: 1920px){section .results>div:nth-child(odd) img[data-v-f860eb90]{right:-49px;width:343px}}section .results>div:nth-child(odd) svg[data-v-f860eb90]{right:-6px;--un-translate-x:100%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}section .results>div:last-child img[data-v-f860eb90]{width:279px}@media (min-width: 1920px){section .results>div:last-child img[data-v-f860eb90]{width:385px}}section .results>div img[data-v-f860eb90]{position:absolute;display:none;height:auto;filter:drop-shadow(30px 82px 40px rgba(0,0,0,.15))}@media (min-width: 1200px){section .results>div img[data-v-f860eb90]{display:block}}section .results>div svg[data-v-f860eb90]{position:absolute}@media (min-width: 1920px){section .results>div svg[data-v-f860eb90]:first-of-type{display:none}}section .results>div svg[data-v-f860eb90]:last-of-type{display:none}@media (min-width: 1920px){section .results>div svg[data-v-f860eb90]:last-of-type{display:block}}@media (max-width:1199px){section .results>div svg[data-v-f860eb90]{display:none}}@media (min-width:1200px){section .results>div .num[data-v-f860eb90],section .results>div img[data-v-f860eb90],section .results>div p[data-v-f860eb90]{opacity:0;transition:opacity .3s linear}section .results>div .num[data-v-f860eb90],section .results>div p[data-v-f860eb90]{transition-delay:0ms}section .results>div .g-cont g[data-v-f860eb90],section .results>div .g-cont path[data-v-f860eb90]{opacity:0}section .results>div.animate .g-cont g[data-v-f860eb90],section .results>div.animate .g-cont path[data-v-f860eb90]{animation:appear-f860eb90 .15s .1s forwards;-webkit-animation:appear-f860eb90 .15s .1s alternate forwards}section .results>div.animate .g-cont path[data-v-f860eb90]{animation:appear-f860eb90 .2s .2s forwards;-webkit-animation:appear-f860eb90 .2s .25s alternate forwards}section .results>div.animate .num[data-v-f860eb90],section .results>div.animate img[data-v-f860eb90],section .results>div.animate p[data-v-f860eb90]{opacity:1}section .results>div.animate .num[data-v-f860eb90],section .results>div.animate p[data-v-f860eb90]{transition-delay:.4s}}section .results__big[data-v-f860eb90]{margin-top:24px;border-width:1.5px;--un-border-opacity:1;border-color:rgba(67,108,237,var(--un-border-opacity));border-radius:10px;background:radial-gradient(75% 75% at 50% 49.2%,#00249800 22.12%,#154cff)}@media (min-width: 768px){section .results__big[data-v-f860eb90]{margin-top:36px}}@media (min-width: 1200px){section .results__big[data-v-f860eb90]{display:grid;grid-template-columns:auto 42%;margin-left:auto;margin-right:auto;margin-top:32px;max-width:1100px;align-items:center;gap:4.5%}}@media (min-width: 1920px){section .results__big[data-v-f860eb90]{grid-template-columns:auto 654px;margin-top:80px;max-width:1358px;gap:50px}}@media (min-width:1200px){section .results__big[data-v-f860eb90]{opacity:0;transition:opacity .6s linear}section .results__big.animate[data-v-f860eb90]{opacity:1}}@keyframes appear-f860eb90{0%{opacity:0}to{opacity:1}}h1+p[data-v-3c8b8855]{font-size:19px;line-height:1.4em}@media (min-width: 1920px){h1+p[data-v-3c8b8855]{font-size:23px}}[data-v-3c8b8855] h2{font-size:36px;font-weight:400;line-height:42px}@media (min-width: 768px){[data-v-3c8b8855] h2{font-size:43px;line-height:1.2em}}@media (min-width: 1200px){[data-v-3c8b8855] h2{line-height:1.35em}}@media (min-width: 1920px){[data-v-3c8b8855] h2{font-size:42px;font-weight:500}}[data-v-3c8b8855] p{font-size:18px;line-height:1.4em}@media (min-width: 768px){[data-v-3c8b8855] p{font-size:19px}}@media (min-width: 1920px){[data-v-3c8b8855] p{font-size:22px;line-height:1.5em}}.work h3[data-v-3c8b8855]{margin-bottom:16px;font-size:20px;line-height:1.35em}@media (min-width: 768px){.work h3[data-v-3c8b8855]{margin-bottom:24px;font-size:24px}}@media (min-width: 1920px){.work h3[data-v-3c8b8855]{font-size:28px}}.work ul[data-v-3c8b8855]{display:flex;flex-direction:column;gap:12px}@media (min-width: 768px){.work ul[data-v-3c8b8855]{gap:16px}}@media (min-width: 1920px){.work ul[data-v-3c8b8855]{gap:24px}}.work li[data-v-3c8b8855]{position:relative;padding-left:22px;font-size:16px;line-height:24px}.work li[data-v-3c8b8855]:before{position:absolute;top:10px;left:0;width:8px;height:8px;background-image:url(../static/temp-projects/sok/bullet-dark.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;content:""}
