@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Urbanist:regular,700,800,900&display=swap);

@font-face {
    font-family: icons;
    font-display: swap;
    src: url(../fonts/icons.woff2) format("woff2"), url(../fonts/icons.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.title__lable_icon::before,
[class*=_icon-]:before {
    font-family: icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=_icon-]:before {
    display: block
}

._icon-arrow:before {
    content: "\e900"
}

._icon-book:before {
    content: "\e901"
}

._icon-camera:before {
    content: "\e902"
}

._icon-facebook:before {
    content: "\e903"
}

._icon-instagram:before {
    content: "\e904"
}

._icon-linkedin:before {
    content: "\e905"
}

._icon-newspaper:before,
.title__lable_icon:before {
    content: "\e906"
}

._icon-play:before {
    content: "\e907"
}

._icon-select-arrow:before {
    content: "\e908"
}

._icon-select-language:before {
    content: "\e909"
}

._icon-twitter:before {
    content: "\e90a"
}

:root {
    --primary: #0a9396;
    --secondary: #94d2bd;
    --accent: #0090c1;
    --inverse: #ffff3f;
    --bg-primary: #1F2025;
    --bg-secondary: #fff;
    --bg-accent: #205BF1;
    --bg-accent-hover: #0036c2;
    --bg-accent-light-2: rgba(255, 255, 255, 0.02);
    --bg-accent-grey: rgba(255, 255, 255, 0.10);
    --text-primary: #fff;
    --text-secondary-red: #F12052;
    --text-secondary-blue: #205BF1;
    --text-secondary-yellow: #E9900C;
    --text-secondary-dark: #1F2025
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    height: 100%;
    min-width: 320px
}

body {
    color: #fff;
    line-height: 1;
    font-family: Urbanist;
    font-size: 1rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
    font-family: Urbanist;
    font-size: inherit;
    line-height: inherit
}

button {
    cursor: pointer;
    color: inherit;
    background-color: transparent
}

a {
    color: inherit;
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit
}

body {
    background-color: var(--bg-primary)
}

.lock body {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.wrapper {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

@supports (overflow:clip) {
    .wrapper {
        overflow: clip
    }
}

.wrapper>main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

[class*=__container] {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 .9375rem
}

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: var(--bg-accent);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    white-space: nowrap;
    -webkit-box-shadow: 0 5px 15px 0 rgba(32, 91, 241, .2);
    box-shadow: 0 5px 15px 0 rgba(32, 91, 241, .2);
    -webkit-transition: background-color .3s ease 0s;
    transition: background-color .3s ease 0s
}

.button--fw {
    width: 100%
}

.button_grey {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: var(--bg-accent-grey);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    white-space: nowrap;
    -webkit-box-shadow: 0 5px 15px 0 rgba(32, 91, 241, .2);
    box-shadow: 0 5px 15px 0 rgba(32, 91, 241, .2);
    -webkit-transition: background-color .3s ease 0s;
    transition: background-color .3s ease 0s
}

.button_grey--fw {
    width: 100%
}

.button_grey::before {
    color: var(--bg-accent)
}

[data-ripple] {
    position: relative;
    overflow: hidden
}

.ripple {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .3);
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-animation: button-circle 1.5s ease forwards;
    animation: button-circle 1.5s ease forwards
}

@-webkit-keyframes button-circle {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(10);
        transform: scale(10);
        opacity: 0
    }
}

@keyframes button-circle {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(10);
        transform: scale(10);
        opacity: 0
    }
}

[class*=-ibg] {
    position: relative
}

[class*=-ibg] img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

[class*=-ibg--contain] img {
    -o-object-fit: contain;
    object-fit: contain
}

.resources__image {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.red {
    color: var(--text-secondary-red)
}

.blue {
    color: var(--text-secondary-blue)
}

.yellow {
    color: var(--text-secondary-yellow)
}

.title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.title__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem
}

.title__icon {
    width: 2.25rem;
    height: 2.25rem
}

.title__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px)
}

.title__icon img._watcher-view {
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.title__lable {
    font-weight: 900;
    line-height: 133.333%;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px)
}

.title__lable:nth-child(2) {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.title__lable._watcher-view {
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.title__lable_icon::before {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    font-size: 1.25rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.25rem;
    height: 100%;
    background-color: var(--red---normal);
    position: absolute
}

.title__titles {
    font-weight: 900
}

.title__titles:nth-child(2) {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px)
}

.title__titles:nth-child(2)._watcher-view {
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.title__titles:nth-child(3) {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px)
}

.title__titles:nth-child(3)._watcher-view {
    -webkit-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.title__titles_big {
    text-align: left;
    font-weight: 900
}

.title__titles_small {
    text-align: left;
    font-weight: 900;
    line-height: 127.778%
}

.title__subtitle {
    line-height: 150%
}

.title__subtitle:nth-child(1)._watcher-view {
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.title__subtitle:nth-child(3) {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px)
}

.title__subtitle:nth-child(3)._watcher-view {
    -webkit-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.title__subtitle_big {
    text-align: left;
    line-height: 150%;
    opacity: 1
}

.title__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.title__button {
    position: relative
}

a[data-text] {
    display: block;
    position: relative;
    line-height: 2;
    -webkit-transition: color 0s ease 0s;
    transition: color 0s ease 0s
}

a[data-text]::before {
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    opacity: 0;
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(360deg, #0036c2 0, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

a[data-text]:hover {
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s;
    color: rgba(255, 255, 255, 0)
}

a[data-text]:hover::before {
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    opacity: 1
}

.header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 50
}

.header._header-scroll {
    position: fixed;
    top: -100%
}

.header._header-show {
    top: 0;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__logo {
    position: relative;
    z-index: 10
}

.header__language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__language__icon {
    width: 100%
}

.header__language__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.header__actions {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__button {
    font-weight: 700;
    line-height: 1.5
}

.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu__link {
    font-weight: 700;
    line-height: 1.5
}

.language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2
}

.language:hover>.language__list {
    pointer-events: visible;
    visibility: visible;
    opacity: 1
}

.language .language__icon {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    cursor: pointer
}

.language .language__list {
    padding-top: .25rem;
    position: absolute;
    top: 1.5rem;
    left: 50%;
    -webkit-transform: translate(-110%, 0);
    -ms-transform: translate(-110%, 0);
    transform: translate(-110%, 0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.language .language__link {
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.language .language__link:hover {
    color: var(--bg-accent)
}

.icon-menu {
    display: none
}

.footer {
    position: relative;
    background-color: var(--bg-secondary)
}

.no-webp .footer::after {
    background: url(../img/footer/noise.png) transparent no-repeat 0 0/cover
}

.footer::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4
}

.no-webp .footer::before {
    background: url(../img/footer/splash.png) 0 0 no-repeat
}

.footer::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 159px;
    height: 346px
}

.footer__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--bg-primary)
}

.footer__bottom {
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

.footer__copyright:not(:last-child) {
    margin-bottom: 15px
}

.footer__copy {
    font-size: .875rem;
    line-height: 1.4285714286;
    font-weight: 700
}

.footer__copy:not(:last-child) {
    margin-bottom: 14px
}

.footer__policy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    line-height: 1.4285714286;
    opacity: .5;
    gap: .75rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.footer__social {
    z-index: 1
}

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text-secondary-dark);
    font-size: 1.125rem;
    gap: 1.25rem
}

.social__item {
    -webkit-transition: all .3s;
    transition: all .3s
}

.info-main-footer__column {
    position: relative;
    z-index: 1
}

.info-main-footer__title {
    font-weight: 700;
    line-height: 1.8;
    text-transform: capitalize
}

.info-main-footer__item:not(:last-child) {
    margin-bottom: 11px
}

.info-main-footer__link {
    line-height: 1.5;
    text-transform: capitalize
}

.welcome-section {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 1.875rem
}

.welcome-section__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .625rem
}

.welcome-section .welcome-section__canvas {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    -webkit-transform: translate(0, -10%);
    -ms-transform: translate(0, -10%);
    transform: translate(0, -10%)
}

.welcome-section__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.875rem;
    flex: 0 0 41.875rem;
    gap: 1.875rem
}

.welcome-section__content:not(:last-child) {
    margin-bottom: 70px
}

.welcome-section__title {
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0
}

.welcome-section__title._watcher-view {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .6s ease 1.5s;
    transition: all .6s ease 1.5s;
    opacity: 1
}

.welcome-section__examples {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 35.625rem;
    position: relative
}

.welcome-section__img-make {
    position: absolute;
    width: 9.375rem;
    height: 4.375rem;
    top: 0;
    left: 7.625rem;
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    opacity: 0
}

.welcome-section__img-make._watcher-view {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition: all .8s ease 1.5s;
    transition: all .8s ease 1.5s;
    opacity: 1
}

.welcome-section__img-make img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-shadow: -8px -8px 0 rgba(0, 0, 0, .15), 8px 8px 0 rgba(31, 32, 37, .15), 20px 20px 100px rgba(0, 0, 0, .4);
    box-shadow: -8px -8px 0 rgba(0, 0, 0, .15), 8px 8px 0 rgba(31, 32, 37, .15), 20px 20px 100px rgba(0, 0, 0, .4)
}

.welcome-section__img-create {
    position: absolute;
    width: 21.25rem;
    top: 6.375rem;
    right: -3.4375rem;
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    opacity: 0
}

.welcome-section__img-create._watcher-view {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition: all .8s ease 1.6s;
    transition: all .8s ease 1.6s;
    opacity: 1
}

.welcome-section__img-create img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-shadow: -8px -8px 0 rgba(0, 0, 0, .15), 8px 8px 0 rgba(31, 32, 37, .15), 20px 20px 100px rgba(0, 0, 0, .4);
    box-shadow: -8px -8px 0 rgba(0, 0, 0, .15), 8px 8px 0 rgba(31, 32, 37, .15), 20px 20px 100px rgba(0, 0, 0, .4)
}

.welcome-section__img-search {
    position: absolute;
    width: 10.625rem;
    height: 11.25rem;
    top: 18.25rem;
    left: 0;
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    opacity: 0
}

.welcome-section__img-search._watcher-view {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition: all .8s ease 1.7s;
    transition: all .8s ease 1.7s;
    opacity: 1
}

.welcome-section__img-search img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-shadow: -8px -8px 0 rgba(0, 0, 0, .15), 8px 8px 0 rgba(31, 32, 37, .15), 20px 20px 100px rgba(0, 0, 0, .4);
    box-shadow: -8px -8px 0 rgba(0, 0, 0, .15), 8px 8px 0 rgba(31, 32, 37, .15), 20px 20px 100px rgba(0, 0, 0, .4)
}

.welcome-section__img-statistics {
    position: absolute;
    width: 9.375rem;
    height: 12.5rem;
    bottom: 0;
    right: -30%;
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    opacity: 0
}

.welcome-section__img-statistics._watcher-view {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition: all .8s ease 1.8s;
    transition: all .8s ease 1.8s;
    opacity: 1
}

.welcome-section__img-statistics img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-shadow: -8px -8px 0 rgba(0, 0, 0, .15), 8px 8px 0 rgba(31, 32, 37, .15), 20px 20px 100px rgba(0, 0, 0, .4);
    box-shadow: -8px -8px 0 rgba(0, 0, 0, .15), 8px 8px 0 rgba(31, 32, 37, .15), 20px 20px 100px rgba(0, 0, 0, .4)
}

.companies__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.companies__title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 150%;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px)
}

.companies__title._watcher-view {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.companies__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr)
}

.companies__item {
    padding: 1.5625rem .3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem;
    background: var(--bg-accent-light-2);
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    cursor: pointer
}

.companies__item._watcher-view {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.companies__item:nth-child(1) {
    -webkit-transition: opacity .8s ease 0s, -webkit-transform .8s ease 0s, -webkit-box-shadow .4s ease 0s;
    transition: opacity .8s ease 0s, -webkit-transform .8s ease 0s, -webkit-box-shadow .4s ease 0s;
    transition: opacity .8s ease 0s, transform .8s ease 0s, box-shadow .4s ease 0s;
    transition: opacity .8s ease 0s, transform .8s ease 0s, box-shadow .4s ease 0s, -webkit-transform .8s ease 0s, -webkit-box-shadow .4s ease 0s
}

.companies__item:nth-child(2) {
    -webkit-transition: opacity .8s ease .1s, -webkit-transform .8s ease .1s, -webkit-box-shadow .4s ease 0s;
    transition: opacity .8s ease .1s, -webkit-transform .8s ease .1s, -webkit-box-shadow .4s ease 0s;
    transition: opacity .8s ease .1s, transform .8s ease .1s, box-shadow .4s ease 0s;
    transition: opacity .8s ease .1s, transform .8s ease .1s, box-shadow .4s ease 0s, -webkit-transform .8s ease .1s, -webkit-box-shadow .4s ease 0s
}

.companies__item:nth-child(3) {
    -webkit-transition: opacity .8s ease .2s, -webkit-transform .8s ease .2s, -webkit-box-shadow .4s ease 0s;
    transition: opacity .8s ease .2s, -webkit-transform .8s ease .2s, -webkit-box-shadow .4s ease 0s;
    transition: opacity .8s ease .2s, transform .8s ease .2s, box-shadow .4s ease 0s;
    transition: opacity .8s ease .2s, transform .8s ease .2s, box-shadow .4s ease 0s, -webkit-transform .8s ease .2s, -webkit-box-shadow .4s ease 0s
}

.companies__item:nth-child(4) {
    -webkit-transition: opacity .8s ease .3s, -webkit-transform .8s ease .3s, -webkit-box-shadow .4s ease 0s;
    transition: opacity .8s ease .3s, -webkit-transform .8s ease .3s, -webkit-box-shadow .4s ease 0s;
    transition: opacity .8s ease .3s, transform .8s ease .3s, box-shadow .4s ease 0s;
    transition: opacity .8s ease .3s, transform .8s ease .3s, box-shadow .4s ease 0s, -webkit-transform .8s ease .3s, -webkit-box-shadow .4s ease 0s
}

.companies__item:nth-child(5) {
    -webkit-transition: opacity .8s ease .4s, -webkit-transform .8s ease .4s, -webkit-box-shadow .4s ease 0s;
    transition: opacity .8s ease .4s, -webkit-transform .8s ease .4s, -webkit-box-shadow .4s ease 0s;
    transition: opacity .8s ease .4s, transform .8s ease .4s, box-shadow .4s ease 0s;
    transition: opacity .8s ease .4s, transform .8s ease .4s, box-shadow .4s ease 0s, -webkit-transform .8s ease .4s, -webkit-box-shadow .4s ease 0s
}

.companies__item:nth-child(6) {
    -webkit-transition: opacity .8s ease .5s, -webkit-transform .8s ease .5s, -webkit-box-shadow .4s ease 0s;
    transition: opacity .8s ease .5s, -webkit-transform .8s ease .5s, -webkit-box-shadow .4s ease 0s;
    transition: opacity .8s ease .5s, transform .8s ease .5s, box-shadow .4s ease 0s;
    transition: opacity .8s ease .5s, transform .8s ease .5s, box-shadow .4s ease 0s, -webkit-transform .8s ease .5s, -webkit-box-shadow .4s ease 0s
}

.companies__logo {
    max-height: 3.25rem;
    max-width: 3.25rem
}

.companies__logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.dashboard {
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.dashboard._watcher-view {
    -webkit-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
    opacity: 1
}

.dashboard__container {
    position: relative
}

.dashboard .dashboard__canvas {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.dashboard__image {
    width: 100%
}

.dashboard__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scaleX(1.1);
    -ms-transform: scaleX(1.1);
    transform: scaleX(1.1);
    -webkit-filter: drop-shadow(-16px -16px 0 rgba(0, 0, 0, .5)) drop-shadow(20px 20px 100px rgba(0, 0, 0, .4)) drop-shadow(16px 16px 0 rgba(0, 0, 0, .5));
    filter: drop-shadow(-16px -16px 0 rgba(0, 0, 0, .5)) drop-shadow(20px 20px 100px rgba(0, 0, 0, .4)) drop-shadow(16px 16px 0 rgba(0, 0, 0, .5))
}

.layouts__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .9375rem
}

.img-layouts {
    position: relative
}

.img-layouts__main img {
    max-width: 100%
}

.img-layouts__image._watcher-view {
    stroke-dashoffset: 400;
    stroke-dasharray: 400;
    -webkit-animation: binoculars 1s ease-in-out forwards .1s;
    animation: binoculars 1s ease-in-out forwards .1s
}

@-webkit-keyframes binoculars {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes binoculars {
    100% {
        stroke-dashoffset: 0
    }
}

.benefits-section__item:nth-child(1) {
    transition: opacity .8s ease 0s, transform .8s ease 0s, -webkit-transform .8s ease 0s
}

.img-layouts {
    position: relative
}

.img-layouts__red-star {
    position: absolute
}

.img-layouts__red-star_1 {
    top: 24.7349823322%;
    left: 10.7491856678%
}

.img-layouts__red-star_2 {
    top: 21.9081272085%;
    left: 57.003257329%
}

.img-layouts__red-star_3 {
    bottom: 18.7279151943%;
    left: 50.8143322476%
}

.img-layouts__red-star_4 {
    bottom: 26.5017667845%;
    right: 0
}

.img-layouts__red-star._scale-animation {
    -webkit-animation: scale 1s linear infinite normal running 0s none;
    animation: scale 1s linear infinite normal running 0s none
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.img-layouts__white-star {
    position: absolute;
    bottom: 0;
    right: 8.1433224756%;
    -webkit-animation: rotate 10s linear infinite normal running 0s none;
    animation: rotate 10s linear infinite normal running 0s none
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.analytics__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.analytics__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 23.125rem;
    flex: 0 1 23.125rem
}

.analytics__image img {
    width: 100%;
    max-width: 41.875rem;
    -webkit-filter: drop-shadow(-16px -16px 0 rgba(0, 0, 0, .5)) drop-shadow(20px 20px 100px rgba(0, 0, 0, .4)) drop-shadow(16px 16px 0 rgba(0, 0, 0, .5));
    filter: drop-shadow(-16px -16px 0 rgba(0, 0, 0, .5)) drop-shadow(20px 20px 100px rgba(0, 0, 0, .4)) drop-shadow(16px 16px 0 rgba(0, 0, 0, .5));
    opacity: 0;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.analytics__image._watcher-view img {
    -webkit-transition: all .7s ease 0s;
    transition: all .7s ease 0s;
    opacity: 1
}

.benefits__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .9375rem
}

.benefits__items {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 29.375rem;
    flex: 0 1 29.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.benefits__item {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px)
}

.benefits__item:nth-child(1)._watcher-view {
    opacity: 1;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.benefits__item:nth-child(2)._watcher-view {
    opacity: 1;
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.benefits__item:nth-child(3)._watcher-view {
    opacity: 1;
    -webkit-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.img-benefits {
    position: relative;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.img-benefits__image {
    -webkit-transform: translate(93%, 22%);
    -ms-transform: translate(93%, 22%);
    transform: translate(93%, 22%)
}

.img-benefits__image._watcher-view {
    stroke-dashoffset: 2000;
    stroke-dasharray: 2000;
    -webkit-animation: lamp 3s ease-in-out forwards;
    animation: lamp 3s ease-in-out forwards
}

@-webkit-keyframes lamp {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes lamp {
    100% {
        stroke-dashoffset: 0
    }
}

.img-benefits__main {
    position: relative
}

.img-benefits__main::before {
    opacity: 0;
    position: absolute;
    z-index: 1;
    content: "";
    width: 62.5581395349%;
    height: 55.1162790698%;
    bottom: 10.9302325581%;
    left: 1.0255813953%;
    background: url(../img/benefits/light.svg) transparent no-repeat 0 0/cover
}

.img-benefits__main._watcher-view::before {
    content: "";
    -webkit-transition: all .3s ease 1s;
    transition: all .3s ease 1s;
    opacity: 1;
    position: absolute;
    background: url(../img/benefits/light.svg) transparent no-repeat 0 0/cover;
    color: inherit
}

.img-benefits__star {
    z-index: 1;
    position: absolute
}

.img-benefits__star_1 {
    top: 11.3953488372%;
    left: 18.6046511628%
}

.img-benefits__star_2 {
    top: 12.7906976744%;
    right: 8.1395348837%
}

.img-benefits__star_3 {
    top: 20%;
    left: 39.0697674419%
}

.img-benefits__star_4 {
    top: 42.5581395349%;
    right: 23.488372093%
}

.img-benefits__star_5 {
    top: 52.0930232558%;
    left: 14.6511627907%
}

.img-benefits__star_6 {
    top: 45.5813953488%;
    left: 55.8139534884%
}

.img-benefits__star_7 {
    top: 48.1395348837%;
    left: 40.4651162791%
}

.img-benefits__star_8 {
    bottom: 20%;
    left: 30.6976744186%
}

.img-benefits__star_9 {
    bottom: 16.0465116279%;
    left: 14.1860465116%
}

.img-benefits__star_10 {
    bottom: 30.4651162791%;
    left: 35.3488372093%
}

.img-benefits__star._scale-animation {
    -webkit-animation: scale 1s linear infinite normal running 0s none;
    animation: scale 1s linear infinite normal running 0s none
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.item-benefits {
    position: relative;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    top: 0;
    overflow: hidden
}

.item-benefits:hover {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    top: -.625rem
}

.item-benefits:hover::after {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    top: 0
}

.item-benefits::before {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    content: "";
    width: .125rem;
    height: 100%;
    background-color: var(--bg-secondary);
    opacity: .1
}

.item-benefits::after {
    position: absolute;
    z-index: 2;
    content: "";
    left: 0;
    top: 100%;
    width: .125rem;
    height: 100%;
    background-color: var(--bg-accent)
}

.item-benefits__label {
    font-weight: 900;
    font-size: 1.25rem;
    line-height: 1.5
}

.item-benefits__label:not(:last-child) {
    margin-bottom: 15px
}

.item-benefits__text {
    line-height: 1.5;
    opacity: .7
}

.built {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .9375rem
}

.built__slider {
    position: relative;
    width: 100%;
    max-width: 90rem
}

.no-webp .built__slide {
    background: url(../img/built/splash.png) transparent no-repeat top right/33.3333333333%
}

.built__slide {
    padding: 0 .9375rem
}

.no-webp .built__slide::before {
    background: url(../img/background/noise.png) var(--bg-accent-grey) no-repeat 0 0/cover
}

.built__slide::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    position: absolute
}

.built__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.built__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.built__pagination .swiper-pagination-bullet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: .5rem;
    height: .5rem;
    background-color: var(--bg-accent-grey);
    cursor: pointer
}

.built__pagination .swiper-pagination-bullet-active {
    width: .5rem;
    height: .5rem;
    background-color: var(--bg-accent);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.swiper-slide__content {
    max-width: 29.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: 1.5625rem
}

.swiper-slide__title {
    color: var(--text-primary);
    font-weight: 900;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px)
}

.swiper-slide__title._watcher-view {
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.swiper-slide__text {
    color: var(--text-primary);
    line-height: 1.5;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px)
}

.swiper-slide__text._watcher-view {
    -webkit-transition: all .8s ease .1s;
    transition: all .8s ease .1s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.swiper-slide__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.875rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    cursor: pointer
}

.swiper-slide__button::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    border: .0625rem solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .1);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.quickit__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quickit__slider {
    width: 100%;
    max-width: 60.625rem
}

.quickit__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quickit__content {
    max-width: 48.75rem;
    text-align: center
}

.quickit__content:not(:last-child) {
    margin-bottom: 60px
}

.quickit__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quickit__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .2s;
    transition: all .2s
}

.quickit__pagination .swiper-pagination-bullet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: .5rem;
    height: .5rem;
    background-color: var(--bg-primary);
    opacity: .4;
    cursor: pointer
}

.quickit__pagination .swiper-pagination-bullet-active {
    width: .5rem;
    height: .5rem;
    background-color: var(--text-secondary-yellow);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1
}

.graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 1.25rem;
    background: #fff;
    border: 1px solid rgba(31, 32, 37, .05);
    -webkit-box-shadow: -16px -16px 0 rgba(0, 0, 0, .05), 20px 20px 60px rgba(0, 0, 0, .2), 16px 16px 0 rgba(0, 0, 0, .05);
    box-shadow: -16px -16px 0 rgba(0, 0, 0, .05), 20px 20px 60px rgba(0, 0, 0, .2), 16px 16px 0 rgba(0, 0, 0, .05)
}

.no-webp .graph__months-progres {
    background: url(../img/quickit/zone.png) center bottom 24px/100% 128px no-repeat
}

.graph__months-progres {
    position: relative;
    margin-bottom: 1.25rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
    overflow: hidden
}

.graph__months-block-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    height: 12rem;
    top: 0;
    left: 0
}

.graph__months-line {
    width: 100%;
    height: .0625rem;
    background: #1f2025;
    opacity: .05
}

.graph__mont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .625rem
}

.graph__progres {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: .375rem;
    min-height: 12rem;
    overflow: hidden
}

.graph__figma {
    background-color: var(--bg-accent);
    min-width: 10px;
    border-radius: 6px 6px 0 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity .8s ease 0s, -webkit-transform 1.2s ease .2s;
    transition: opacity .8s ease 0s, -webkit-transform 1.2s ease .2s;
    transition: opacity .8s ease 0s, transform 1.2s ease .2s;
    transition: opacity .8s ease 0s, transform 1.2s ease .2s, -webkit-transform 1.2s ease .2s
}

._watcher-view .graph__figma {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.graph__sketch {
    background-color: var(--text-secondary-yellow);
    min-width: 10px;
    border-radius: 6px 6px 0 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity .8s ease 0s, -webkit-transform 1.2s ease .2s;
    transition: opacity .8s ease 0s, -webkit-transform 1.2s ease .2s;
    transition: opacity .8s ease 0s, transform 1.2s ease .2s;
    transition: opacity .8s ease 0s, transform 1.2s ease .2s, -webkit-transform 1.2s ease .2s
}

._watcher-view .graph__sketch {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.graph__date {
    max-width: 3.75rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .1875rem;
    font-size: .625rem;
    font-weight: 800;
    line-height: 140%;
    color: #1f2025;
    text-transform: uppercase;
    opacity: .2
}

.graph__additions {
    padding: 1rem 1.25rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.25rem;
    background: rgba(31, 32, 37, .02);
    border: 1px solid rgba(31, 32, 37, .05);
    border-radius: 100px
}

.graph__addition-item {
    position: relative;
    padding-left: .875rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: 100%;
    color: #1f2025
}

.graph__addition-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: .5rem;
    height: .5rem;
    background-color: #e9900c;
    border-radius: 50%
}

.graph__addition-item:first-child::before {
    background-color: #205bf1
}

.graph__addition-item:last-child::before {
    background-color: #f12052
}

.graph__mont.jan .figma {
    height: 72.395833%
}

.graph__mont.jan .sketch {
    height: 34.895833%
}

.graph__mont.feb .figma {
    height: 39.0625%
}

.graph__mont.feb .sketch {
    height: 20.833333%
}

.graph__mont.mar .figma {
    height: 44.791667%
}

.graph__mont.mar .sketch {
    height: 36.979167%
}

.graph__mont.apr .figma {
    height: 92.1875%
}

.graph__mont.apr .sketch {
    height: 60.9375%
}

.graph__mont.may .figma {
    height: 75%
}

.graph__mont.may .sketch {
    height: 44.270833%
}

.graph__mont.jun .figma {
    height: 47.395833%
}

.graph__mont.jun .sketch {
    height: 37.5%
}

.graph__mont.jul .figma {
    height: 64.0625%
}

.graph__mont.jul .sketch {
    height: 32.8125%
}

.graph__mont.aug .figma {
    height: 94.270833%
}

.graph__mont.aug .sketch {
    height: 64.583333%
}

.graph__mont.sep .figma {
    height: 46.354167%
}

.graph__mont.sep .sketch {
    height: 26.041667%
}

.graph__mont.oct .figma {
    height: 75%
}

.graph__mont.oct .sketch {
    height: 44.270833%
}

.graph__mont.nov .figma {
    height: 47.395833%
}

.graph__mont.nov .sketch {
    height: 37.5%
}

.graph__mont.dec .figma {
    height: 64.0625%
}

.graph__mont.dec .sketch {
    height: 32.8125%
}

.resources {
    background-color: #fff
}

.resources__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--bg-primary)
}

.resources__titles {
    font-weight: 900
}

.resources__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: .625rem;
    font-weight: 700;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    color: var(--text-secondary-blue)
}

.resources__link::before {
    font-size: .75rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.resources__items {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr))
}

.resources__item {
    width: 100%;
    max-width: 23.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.resources__image {
    width: 100%;
    max-width: 23.125rem
}

.resources__image img {
    max-width: 100%
}

.resources__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%
}

.resources__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.3333333333;
    letter-spacing: 1.2px;
    gap: .5rem;
    text-transform: uppercase
}

.resources__label::before {
    color: var(--text-secondary-blue);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.resources__title {
    font-weight: 700;
    line-height: 1.2857142857;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.resources__connection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    color: var(--text-secondary-blue);
    font-weight: 700;
    line-height: 1.5;
    gap: .625rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: all .3s;
    transition: all .3s
}

.resources__connection::before {
    font-size: .625rem;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.swiper {
    overflow: hidden
}

.swiper-initialized {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wrapper {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.swiper-vertical .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.swiper-initialized .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-button-lock {
    display: none !important
}

@media (min-width:20.75em) {
    .header__menu {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

@media (min-width:34.375em) {
    .resources__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: .9375rem
    }
}

@media (min-width:35.62375em) {
    .footer__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .social {
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

@media (min-width:47.99875em) {
    .menu__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: .3125rem
    }

    .language::after {
        content: "";
        width: 1px;
        height: 20px;
        background-color: var(--bg-secondary);
        opacity: .4
    }

    .info-main-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .layouts__container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .layouts__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 35.625rem;
        flex: 0 1 35.625rem
    }

    .benefits__content {
        max-width: 35.625rem
    }

    .benefits__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .swiper-slide__button {
        opacity: 0;
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px)
    }

    .swiper-slide__button._watcher-view {
        -webkit-transition: -webkit-transform .8s ease .1s;
        transition: -webkit-transform .8s ease .1s;
        transition: transform .8s ease .1s;
        transition: transform .8s ease .1s, -webkit-transform .8s ease .1s;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media (min-width:47.99875em) and (min-width:73.125em) {
    .menu__list {
        -webkit-column-gap: 2.5rem;
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }
}

@media (min-width:73.125em) {
    .button {
        padding-top: 1.25rem
    }

    .button {
        padding-bottom: 1.25rem
    }

    .button {
        padding-right: 1.875rem
    }

    .button {
        padding-left: 1.875rem
    }

    .button {
        font-size: 1.25rem
    }

    .button_grey {
        gap: .9375rem
    }

    .button_grey {
        padding-top: 1.25rem
    }

    .button_grey {
        padding-bottom: 1.25rem
    }

    .button_grey {
        padding-right: 1.875rem
    }

    .button_grey {
        padding-left: 1.875rem
    }

    .button_grey {
        font-size: 1.25rem
    }

    .button_grey::before {
        font-size: 1.25rem
    }

    .title {
        gap: 1.875rem
    }

    .title__lable {
        font-size: .75rem
    }

    .title__titles {
        font-size: 2.875rem
    }

    .title__titles_big {
        font-size: 4.875rem
    }

    .title__titles_small {
        font-size: 2.25rem
    }

    .title__subtitle {
        font-size: 1rem
    }

    .title__subtitle_big {
        font-size: 1.25rem
    }

    .title__subtitle_big:not(:last-child) {
        margin-bottom: 1.875rem
    }

    .title__actions {
        -webkit-column-gap: 2.5rem;
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .header__container {
        gap: .9375rem
    }

    .header__container {
        min-height: 7.125rem
    }

    .header__logo {
        margin-right: 3.75rem
    }

    .header__language {
        padding-right: 1rem
    }

    .header__language {
        padding-left: 1rem
    }

    .header__actions {
        gap: 2.5rem
    }

    .menu__link {
        font-size: 1rem
    }

    .language {
        gap: 1.5625rem
    }

    .footer__container {
        padding-top: 4.375rem
    }

    .footer__container {
        padding-bottom: .9375rem
    }

    .footer__container {
        padding-right: .9375rem
    }

    .footer__container {
        padding-left: .9375rem
    }

    .info-main-footer {
        gap: 2.5rem
    }

    .info-main-footer__title {
        font-size: 1.25rem
    }

    .info-main-footer__title:not(:last-child) {
        margin-bottom: 1.5625rem
    }

    .info-main-footer__link {
        font-size: 1rem
    }

    .welcome-section {
        padding-top: 15rem
    }

    .welcome-section {
        padding-bottom: 8.125rem
    }

    .companies {
        padding-bottom: 8.125rem
    }

    .companies__title:not(:last-child) {
        margin-bottom: 2.5rem
    }

    .companies__items {
        gap: 1.875rem
    }

    .layouts {
        padding-top: 11.6875rem
    }

    .layouts {
        padding-bottom: 11.6875rem
    }

    .analytics__container {
        -webkit-column-gap: .9375rem;
        -moz-column-gap: .9375rem;
        column-gap: .9375rem
    }

    .analytics__container {
        row-gap: 1.875rem
    }

    .benefits {
        padding-top: 11.6875rem
    }

    .benefits {
        padding-bottom: 11.6875rem
    }

    .benefits__items {
        gap: 1.875rem
    }

    .img-benefits__image {
        width: 12.8125rem
    }

    .img-benefits__image {
        height: 19.8125rem
    }

    .img-benefits__main {
        width: 27.0875rem
    }

    .img-benefits__main {
        height: 27.0875rem
    }

    .item-benefits {
        padding-top: .625rem
    }

    .item-benefits {
        padding-bottom: .625rem
    }

    .item-benefits {
        padding-right: 1.875rem
    }

    .item-benefits {
        padding-left: 1.875rem
    }

    .built {
        padding-bottom: 5rem
    }

    .built__slide {
        padding-top: 8.75rem
    }

    .built__slide {
        padding-bottom: 8.75rem
    }

    .built__controls {
        padding-top: 8.75rem
    }

    .swiper-slide__title {
        font-size: 2.875rem
    }

    .quickit {
        padding-bottom: 11.6875rem
    }

    .graph {
        margin-bottom: 7.5rem
    }

    .resources {
        padding-top: 21.875rem
    }

    .resources {
        margin-top: -34.125rem
    }

    .resources {
        padding-bottom: 12.5rem
    }

    .resources__content {
        margin-bottom: 5rem
    }

    .resources__titles {
        font-size: 2.875rem
    }

    .resources__items {
        gap: 1.875rem
    }

    .resources__image img {
        margin-bottom: 2rem
    }

    .resources__title {
        font-size: 1.75rem
    }
}

@media (min-width:75.625em) {
    .benefits__content:not(:last-child) {
        margin-bottom: 2.5rem
    }
}

@media (min-width:62em) {
    .graph__months-progres {
        gap: .9375rem
    }
}

@media (min-width:75em) {
    .main-footer {
        padding-bottom: 8.125rem
    }

    .img-layouts__image {
        width: 23.625rem
    }

    .img-layouts__image {
        height: 21.1875rem
    }

    .built__pagination {
        gap: .75rem
    }

    .quickit__container {
        padding-bottom: 8rem
    }

    .quickit__container {
        padding-top: 4.375rem
    }

    .quickit__pagination {
        gap: .75rem
    }

    .graph {
        padding-top: 2.5rem;
        margin-bottom: 6.875rem;
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
}

@media (max-width:75em) {
    .welcome-section__examples {
        max-width: 31.25rem
    }

    .graph {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (max-width:48em) {
    .button {
        padding-top: .9375rem
    }

    .button {
        padding-bottom: .9375rem
    }

    .button {
        padding-right: .625rem
    }

    .button {
        padding-left: .625rem
    }

    .button {
        font-size: 14px
    }

    .button_grey {
        gap: .3125rem
    }

    .button_grey {
        padding-top: .9375rem
    }

    .button_grey {
        padding-bottom: .9375rem
    }

    .button_grey {
        padding-right: .625rem
    }

    .button_grey {
        padding-left: .625rem
    }

    .button_grey {
        font-size: 1rem
    }

    .title {
        gap: .9375rem
    }

    .title__lable {
        font-size: .75rem
    }

    .title__titles {
        font-size: 1.5625rem
    }

    .title__titles_big {
        font-size: 2.5rem
    }

    .title__titles_small {
        font-size: 1.75rem
    }

    .title__subtitle {
        font-size: .875rem
    }

    .title__subtitle_big {
        font-size: 1rem
    }

    .title__subtitle_big:not(:last-child) {
        margin-bottom: .625rem
    }

    .title__actions {
        -webkit-column-gap: .625rem;
        -moz-column-gap: .625rem;
        column-gap: .625rem
    }

    .header__container {
        gap: .625rem
    }

    .header__container {
        min-height: 4.125rem
    }

    .header__logo {
        margin-right: .0000000625rem
    }

    .header__language {
        padding-right: .0000000625rem
    }

    .header__language {
        padding-left: .0000000625rem
    }

    .header__actions {
        gap: .9375rem
    }

    .menu__link {
        font-size: .9375rem
    }

    .language {
        gap: .9375rem
    }

    .footer__container {
        padding-top: 3.75rem
    }

    .footer__container {
        padding-bottom: .9375rem
    }

    .footer__container {
        padding-right: .9375rem
    }

    .footer__container {
        padding-left: .9375rem
    }

    .info-main-footer {
        gap: 1.25rem
    }

    .info-main-footer__title {
        font-size: 1.25rem
    }

    .info-main-footer__title:not(:last-child) {
        margin-bottom: 1rem
    }

    .info-main-footer__link {
        font-size: 1rem
    }

    .welcome-section {
        padding-top: 9.375rem
    }

    .welcome-section {
        padding-bottom: 8.125rem
    }

    .companies {
        padding-bottom: 5rem
    }

    .companies__title:not(:last-child) {
        margin-bottom: 1.5625rem
    }

    .companies__items {
        gap: .9375rem
    }

    .layouts {
        padding-top: 5rem
    }

    .layouts {
        padding-bottom: 5rem
    }

    .analytics__container {
        -webkit-column-gap: .625rem;
        -moz-column-gap: .625rem;
        column-gap: .625rem
    }

    .analytics__container {
        row-gap: .625rem
    }

    .benefits {
        padding-top: 5rem
    }

    .benefits {
        padding-bottom: 5rem
    }

    .benefits__items {
        gap: .9375rem
    }

    .img-benefits__image {
        width: 8.53125rem
    }

    .img-benefits__image {
        height: 13.3125rem
    }

    .img-benefits__main {
        width: 18.125rem
    }

    .img-benefits__main {
        height: 18.125rem
    }

    .item-benefits {
        padding-top: .0000000625rem
    }

    .item-benefits {
        padding-bottom: .0000000625rem
    }

    .item-benefits {
        padding-right: .9375rem
    }

    .item-benefits {
        padding-left: .9375rem
    }

    .built {
        padding-bottom: 3.125rem
    }

    .built__slide {
        padding-top: 3.125rem
    }

    .built__slide {
        padding-bottom: 3.125rem
    }

    .built__controls {
        padding-top: 3.125rem
    }

    .swiper-slide__title {
        font-size: 1.5625rem
    }

    .quickit {
        padding-bottom: 7.5rem
    }

    .graph {
        margin-bottom: 3.75rem
    }

    .graph {
        padding-right: .95rem;
        padding-left: .95rem
    }

    .resources {
        padding-top: 16.875rem
    }

    .resources {
        margin-top: -22.8125rem
    }

    .resources {
        padding-bottom: 4.375rem
    }

    .resources__content {
        margin-bottom: 2.5rem
    }

    .resources__titles {
        font-size: 1.5625rem
    }

    .resources__items {
        gap: .9375rem
    }

    .resources__image img {
        margin-bottom: 1rem
    }

    .resources__title {
        font-size: 1.125rem
    }
}

@media (max-width:20em) {
    .main-footer {
        padding-bottom: 1.875rem
    }

    .img-layouts__image {
        width: 19.375rem
    }

    .img-layouts__image {
        height: 17.4375rem
    }

    .built__pagination {
        gap: .625rem
    }

    .quickit__pagination {
        gap: .625rem
    }
}

@media (max-width:90.625em) {
    .footer::before {
        opacity: .7
    }
}

@media (max-width:87.5em) {
    .dashboard__image img {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@media (max-width:72.5em) {
    .language .language__list {
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@media (max-width:66.25em) {
    .language .language__list {
        -webkit-transform: translate(-95%, 0);
        -ms-transform: translate(-95%, 0);
        transform: translate(-95%, 0)
    }
}

@media (max-width:61.99875em) {
    .title {
        max-width: 44.6875rem
    }

    .title__titles_big {
        text-align: center
    }

    .title__subtitle_big {
        text-align: center
    }

    .title__actions {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .welcome-section__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .welcome-section .welcome-section__canvas {
        opacity: .8
    }

    .welcome-section__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .welcome-section__examples {
        max-width: 100%;
        min-height: 21.875rem
    }

    .welcome-section__img-make {
        left: 16.875rem
    }

    .welcome-section__img-create {
        top: auto;
        left: 14.375rem;
        bottom: 0
    }

    .welcome-section__img-search {
        top: 3.125rem;
        left: .9375rem
    }

    .welcome-section__img-statistics {
        bottom: 6.25rem;
        left: auto;
        right: -3rem
    }

    .companies__items {
        -ms-grid-rows: (1fr)[3];
        grid-template-rows: repeat(3, 1fr);
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: dense
    }

    .graph__months-progres {
        -ms-grid-columns: (1fr)[9];
        grid-template-columns: repeat(9, 1fr)
    }

    .graph__months-progres .graph__mont.oct {
        display: none
    }

    .graph__months-progres .graph__mont.nov {
        display: none
    }

    .graph__months-progres .graph__mont.dec {
        display: none
    }
}

@media (max-width:52.5em) {
    .language .language__list {
        -webkit-transform: translate(-80%, 0);
        -ms-transform: translate(-80%, 0);
        transform: translate(-80%, 0)
    }
}

@media (max-width:47.99875em) {
    .wrapper {
        background: 0 0
    }

    .button_big {
        font-size: 2rem;
        color: var(--text-secondary-blue);
        white-space: nowrap
    }

    .title {
        text-align: center
    }

    .title__header {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .title__icon {
        text-align: center
    }

    .title__lable {
        text-align: center
    }

    .title__titles {
        text-align: center
    }

    .title__titles_small {
        text-align: center
    }

    .header__actions {
        font-size: .875rem
    }

    .header__button {
        text-align: right
    }

    .menu__body {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: var(--bg-primary);
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        padding: 6.875rem .9375rem 1.875rem .9375rem
    }

    .menu__body::before {
        content: "";
        position: fixed;
        top: -100%;
        left: 0;
        width: 100%;
        height: 4.125rem;
        background-color: var(--bg-accent-grey);
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        z-index: 2
    }

    .menu-open .menu__body {
        left: 0;
        top: 0
    }

    .menu-open .menu__body::before {
        content: "";
        top: 0
    }

    .menu__list {
        padding-bottom: 2.5rem
    }

    .menu__item {
        text-align: right
    }

    .menu__link {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        color: var(--text-primary);
        font-size: 2rem
    }

    .language {
        position: absolute;
        top: 100px;
        left: 15px;
        -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }

    .language .language__list {
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .icon-menu {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-rows: (1fr)[3];
        grid-template-rows: repeat(3, 1fr);
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 1.875rem;
        flex: 0 0 1.875rem;
        height: 1.875rem;
        z-index: 5
    }

    .icon-menu span {
        content: "";
        width: .3125rem;
        height: .3125rem;
        background-color: var(--text-primary);
        margin: auto;
        border-radius: 50%;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .menu-open .icon-menu span:nth-child(1) {
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translate(-100%, -100%);
        -ms-transform: translate(-100%, -100%);
        transform: translate(-100%, -100%)
    }

    .menu-open .icon-menu span:nth-child(2) {
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translate(-150%, 50%);
        -ms-transform: translate(-150%, 50%);
        transform: translate(-150%, 50%)
    }

    .menu-open .icon-menu span:nth-child(3) {
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translate(100%, -100%);
        -ms-transform: translate(100%, -100%);
        transform: translate(100%, -100%)
    }

    .menu-open .icon-menu span:nth-child(4) {
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translate(50%, 150%);
        -ms-transform: translate(50%, 150%);
        transform: translate(50%, 150%)
    }

    .menu-open .icon-menu span:nth-child(5) {
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .menu-open .icon-menu span:nth-child(6) {
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translate(-50%, -150%);
        -ms-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%)
    }

    .menu-open .icon-menu span:nth-child(7) {
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translate(-100%, 100%);
        -ms-transform: translate(-100%, 100%);
        transform: translate(-100%, 100%)
    }

    .menu-open .icon-menu span:nth-child(8) {
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translate(150%, -50%);
        -ms-transform: translate(150%, -50%);
        transform: translate(150%, -50%)
    }

    .menu-open .icon-menu span:nth-child(9) {
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translate(100%, 100%);
        -ms-transform: translate(100%, 100%);
        transform: translate(100%, 100%)
    }

    .footer::before {
        display: none
    }

    .info-main-footer__column:not(:last-child) {
        margin-bottom: 20px
    }

    .info-main-footer__title {
        padding-right: 2.125rem
    }

    ._spoller-init .info-main-footer__title {
        position: relative;
        width: 100%;
        text-align: left
    }

    ._spoller-init .info-main-footer__title::after,
    ._spoller-init .info-main-footer__title::before {
        content: "";
        position: absolute;
        right: 0;
        top: .75rem;
        height: .125rem;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        width: .625rem;
        background-color: var(--bg-accent)
    }

    ._spoller-init .info-main-footer__title::before {
        -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg);
        right: .4375rem
    }

    ._spoller-init .info-main-footer__title::after {
        -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }

    .info-main-footer__title._spoller-active::before {
        -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }

    .info-main-footer__title._spoller-active::after {
        -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }

    .welcome-section .welcome-section__canvas {
        display: none
    }

    .welcome-section__examples {
        max-width: 100%;
        min-height: 17rem
    }

    .welcome-section__img-make {
        left: 0
    }

    .welcome-section__img-create {
        left: 15%;
        bottom: -20%
    }

    .welcome-section__img-search {
        display: none
    }

    .dashboard .dashboard__canvas {
        opacity: 0
    }

    .layouts__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .img-layouts__main img {
        width: 12.5rem;
        height: 12.5rem
    }

    .analytics__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .analytics__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .img-benefits {
        margin-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%
    }
}

@media (max-width:47.99875em) and (max-width:20em) {
    .welcome-section__img-create {
        width: 13.75rem
    }

    .welcome-section__img-create {
        height: 8.75rem
    }

    .analytics__content:not(:last-child) {
        margin-bottom: 1.875rem
    }
}

@media (max-width:37.5em) {
    .benefits__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .img-benefits__main img.main-img {
        max-width: 100%
    }

    .item-benefits {
        padding-bottom: 0
    }
}

@media (max-width:34.375rem) {
    .graph__months-progres {
        -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr)
    }

    .graph__months-progres .graph__mont.jul {
        display: none
    }

    .graph__months-progres .graph__mont.aug {
        display: none
    }

    .graph__months-progres .graph__mont.sep {
        display: none
    }
}

@media (max-width:34.375em) {
    .resources__container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .resources__titles:not(:last-child) {
        margin-bottom: 15px
    }

    .resources__link {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (max-width:29.99875em) {
    .welcome-section__img-make {
        left: -25%
    }

    .welcome-section__img-create {
        left: 0;
        bottom: 0
    }

    .welcome-section__img-statistics {
        -webkit-transform: translate(35%, 0);
        -ms-transform: translate(35%, 0);
        transform: translate(35%, 0)
    }
}

@media (max-width:24.375em) {
    .welcome-section__examples {
        max-width: 24.375rem
    }
}

@media (max-width:23.4375em) {
    .button_grey::before {
        font-size: 1rem
    }
}

@media (max-width:23.125rem) {
    .graph__months-progres {
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr)
    }

    .graph__months-progres .graph__mont.jun {
        display: none
    }
}

@media (min-width:48em) and (max-width:73.125em) {
    @supports (padding-top:clamp(0.9375rem, 0.3404850746rem + 1.2437810945vw, 1.25rem)) {
        .button {
            padding-top: clamp(.9375rem, .3404850746rem + 1.2437810945vw, 1.25rem)
        }
    }

    @supports not (padding-top:clamp(0.9375rem, 0.3404850746rem + 1.2437810945vw, 1.25rem)) {
        .button {
            padding-top: calc(.9375rem + .3125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-bottom:clamp(0.9375rem, 0.3404850746rem + 1.2437810945vw, 1.25rem)) {
        .button {
            padding-bottom: clamp(.9375rem, .3404850746rem + 1.2437810945vw, 1.25rem)
        }
    }

    @supports not (padding-bottom:clamp(0.9375rem, 0.3404850746rem + 1.2437810945vw, 1.25rem)) {
        .button {
            padding-bottom: calc(.9375rem + .3125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-right:clamp(0.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)) {
        .button {
            padding-right: clamp(.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)
        }
    }

    @supports not (padding-right:clamp(0.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)) {
        .button {
            padding-right: calc(.625rem + 1.25 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-left:clamp(0.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)) {
        .button {
            padding-left: clamp(.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)
        }
    }

    @supports not (padding-left:clamp(0.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)) {
        .button {
            padding-left: calc(.625rem + 1.25 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(1rem, 0.5223880597rem + 0.9950248756vw, 1.25rem)) {
        .button {
            font-size: clamp(1rem, .5223880597rem + .9950248756vw, 1.25rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.5223880597rem + 0.9950248756vw, 1.25rem)) {
        .button {
            font-size: calc(1rem + .25 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (gap:clamp(0.3125rem, -0.8815298507rem + 2.4875621891vw, 0.9375rem)) {
        .button_grey {
            gap: clamp(.3125rem, -.8815298507rem + 2.4875621891vw, .9375rem)
        }
    }

    @supports not (gap:clamp(0.3125rem, -0.8815298507rem + 2.4875621891vw, 0.9375rem)) {
        .button_grey {
            gap: calc(.3125rem + .625 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-top:clamp(0.9375rem, 0.3404850746rem + 1.2437810945vw, 1.25rem)) {
        .button_grey {
            padding-top: clamp(.9375rem, .3404850746rem + 1.2437810945vw, 1.25rem)
        }
    }

    @supports not (padding-top:clamp(0.9375rem, 0.3404850746rem + 1.2437810945vw, 1.25rem)) {
        .button_grey {
            padding-top: calc(.9375rem + .3125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-bottom:clamp(0.9375rem, 0.3404850746rem + 1.2437810945vw, 1.25rem)) {
        .button_grey {
            padding-bottom: clamp(.9375rem, .3404850746rem + 1.2437810945vw, 1.25rem)
        }
    }

    @supports not (padding-bottom:clamp(0.9375rem, 0.3404850746rem + 1.2437810945vw, 1.25rem)) {
        .button_grey {
            padding-bottom: calc(.9375rem + .3125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-right:clamp(0.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)) {
        .button_grey {
            padding-right: clamp(.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)
        }
    }

    @supports not (padding-right:clamp(0.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)) {
        .button_grey {
            padding-right: calc(.625rem + 1.25 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-left:clamp(0.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)) {
        .button_grey {
            padding-left: clamp(.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)
        }
    }

    @supports not (padding-left:clamp(0.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)) {
        .button_grey {
            padding-left: calc(.625rem + 1.25 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(1rem, 0.5223880597rem + 0.9950248756vw, 1.25rem)) {
        .button_grey {
            font-size: clamp(1rem, .5223880597rem + .9950248756vw, 1.25rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.5223880597rem + 0.9950248756vw, 1.25rem)) {
        .button_grey {
            font-size: calc(1rem + .25 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (gap:clamp(0.9375rem, -0.8535447761rem + 3.7313432836vw, 1.875rem)) {
        .title {
            gap: clamp(.9375rem, -.8535447761rem + 3.7313432836vw, 1.875rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, -0.8535447761rem + 3.7313432836vw, 1.875rem)) {
        .title {
            gap: calc(.9375rem + .9375 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(0.75rem, 0.75rem + 0vw, 0.75rem)) {
        .title__lable {
            font-size: clamp(.75rem, .75rem + 0, .75rem)
        }
    }

    @supports not (font-size:clamp(0.75rem, 0.75rem + 0vw, 0.75rem)) {
        .title__lable {
            font-size: calc(.75rem + 0 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(1.5625rem, -0.9449626866rem + 5.223880597vw, 2.875rem)) {
        .title__titles {
            font-size: clamp(1.5625rem, -.9449626866rem + 5.223880597vw, 2.875rem)
        }
    }

    @supports not (font-size:clamp(1.5625rem, -0.9449626866rem + 5.223880597vw, 2.875rem)) {
        .title__titles {
            font-size: calc(1.5625rem + 1.3125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(2.5rem, -2.0373134328rem + 9.4527363184vw, 4.875rem)) {
        .title__titles_big {
            font-size: clamp(2.5rem, -2.0373134328rem + 9.4527363184vw, 4.875rem)
        }
    }

    @supports not (font-size:clamp(2.5rem, -2.0373134328rem + 9.4527363184vw, 4.875rem)) {
        .title__titles_big {
            font-size: calc(2.5rem + 2.375 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(1.75rem, 0.7947761194rem + 1.9900497512vw, 2.25rem)) {
        .title__titles_small {
            font-size: clamp(1.75rem, .7947761194rem + 1.9900497512vw, 2.25rem)
        }
    }

    @supports not (font-size:clamp(1.75rem, 0.7947761194rem + 1.9900497512vw, 2.25rem)) {
        .title__titles_small {
            font-size: calc(1.75rem + .5 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(0.875rem, 0.6361940299rem + 0.4975124378vw, 1rem)) {
        .title__subtitle {
            font-size: clamp(.875rem, .6361940299rem + .4975124378vw, 1rem)
        }
    }

    @supports not (font-size:clamp(0.875rem, 0.6361940299rem + 0.4975124378vw, 1rem)) {
        .title__subtitle {
            font-size: calc(.875rem + .125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(1rem, 0.5223880597rem + 0.9950248756vw, 1.25rem)) {
        .title__subtitle_big {
            font-size: clamp(1rem, .5223880597rem + .9950248756vw, 1.25rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.5223880597rem + 0.9950248756vw, 1.25rem)) {
        .title__subtitle_big {
            font-size: calc(1rem + .25 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (margin-bottom:clamp(0.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)) {
        .title__subtitle_big:not(:last-child) {
            margin-bottom: clamp(.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)
        }
    }

    @supports not (margin-bottom:clamp(0.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)) {
        .title__subtitle_big:not(:last-child) {
            margin-bottom: calc(.625rem + 1.25 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports ((-moz-column-gap:clamp(0.625rem, -2.9570895522rem + 7.4626865672vw, 2.5rem)) or (column-gap:clamp(0.625rem, -2.9570895522rem + 7.4626865672vw, 2.5rem))) {
        .title__actions {
            -webkit-column-gap: clamp(.625rem, -2.9570895522rem + 7.4626865672vw, 2.5rem);
            -moz-column-gap: clamp(.625rem, -2.9570895522rem + 7.4626865672vw, 2.5rem);
            column-gap: clamp(.625rem, -2.9570895522rem + 7.4626865672vw, 2.5rem)
        }
    }

    @supports not ((-moz-column-gap:clamp(0.625rem, -2.9570895522rem + 7.4626865672vw, 2.5rem)) or (column-gap:clamp(0.625rem, -2.9570895522rem + 7.4626865672vw, 2.5rem))) {
        .title__actions {
            -webkit-column-gap: calc(.625rem + 1.875 * (100vw - 48rem)/ 25.125);
            -moz-column-gap: calc(.625rem + 1.875 * (100vw - 48rem)/ 25.125);
            column-gap: calc(.625rem + 1.875 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (gap:clamp(0.625rem, 0.0279850746rem + 1.2437810945vw, 0.9375rem)) {
        .header__container {
            gap: clamp(.625rem, .0279850746rem + 1.2437810945vw, .9375rem)
        }
    }

    @supports not (gap:clamp(0.625rem, 0.0279850746rem + 1.2437810945vw, 0.9375rem)) {
        .header__container {
            gap: calc(.625rem + .3125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (min-height:clamp(4.125rem, -1.6063432836rem + 11.9402985075vw, 7.125rem)) {
        .header__container {
            min-height: clamp(4.125rem, -1.6063432836rem + 11.9402985075vw, 7.125rem)
        }
    }

    @supports not (min-height:clamp(4.125rem, -1.6063432836rem + 11.9402985075vw, 7.125rem)) {
        .header__container {
            min-height: calc(4.125rem + 3 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (margin-right:clamp(0.0000000625rem, -7.1641789226rem + 14.9253728856vw, 3.75rem)) {
        .header__logo {
            margin-right: clamp(.0000000625rem, -7.1641789226rem + 14.9253728856vw, 3.75rem)
        }
    }

    @supports not (margin-right:clamp(0.0000000625rem, -7.1641789226rem + 14.9253728856vw, 3.75rem)) {
        .header__logo {
            margin-right: calc(.0000000625rem + 3.7499999375 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-right:clamp(0.0000000625rem, -1.9104475793rem + 3.9800992537vw, 1rem)) {
        .header__language {
            padding-right: clamp(.0000000625rem, -1.9104475793rem + 3.9800992537vw, 1rem)
        }
    }

    @supports not (padding-right:clamp(0.0000000625rem, -1.9104475793rem + 3.9800992537vw, 1rem)) {
        .header__language {
            padding-right: calc(.0000000625rem + .9999999375 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-left:clamp(0.0000000625rem, -1.9104475793rem + 3.9800992537vw, 1rem)) {
        .header__language {
            padding-left: clamp(.0000000625rem, -1.9104475793rem + 3.9800992537vw, 1rem)
        }
    }

    @supports not (padding-left:clamp(0.0000000625rem, -1.9104475793rem + 3.9800992537vw, 1rem)) {
        .header__language {
            padding-left: calc(.0000000625rem + .9999999375 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (gap:clamp(0.9375rem, -2.0475746269rem + 6.2189054726vw, 2.5rem)) {
        .header__actions {
            gap: clamp(.9375rem, -2.0475746269rem + 6.2189054726vw, 2.5rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, -2.0475746269rem + 6.2189054726vw, 2.5rem)) {
        .header__actions {
            gap: calc(.9375rem + 1.5625 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(0.9375rem, 0.8180970149rem + 0.2487562189vw, 1rem)) {
        .menu__link {
            font-size: clamp(.9375rem, .8180970149rem + .2487562189vw, 1rem)
        }
    }

    @supports not (font-size:clamp(0.9375rem, 0.8180970149rem + 0.2487562189vw, 1rem)) {
        .menu__link {
            font-size: calc(.9375rem + .0625 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (gap:clamp(0.9375rem, -0.2565298507rem + 2.4875621891vw, 1.5625rem)) {
        .language {
            gap: clamp(.9375rem, -.2565298507rem + 2.4875621891vw, 1.5625rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, -0.2565298507rem + 2.4875621891vw, 1.5625rem)) {
        .language {
            gap: calc(.9375rem + .625 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-top:clamp(3.75rem, 2.5559701493rem + 2.4875621891vw, 4.375rem)) {
        .footer__container {
            padding-top: clamp(3.75rem, 2.5559701493rem + 2.4875621891vw, 4.375rem)
        }
    }

    @supports not (padding-top:clamp(3.75rem, 2.5559701493rem + 2.4875621891vw, 4.375rem)) {
        .footer__container {
            padding-top: calc(3.75rem + .625 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-bottom:clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem)) {
        .footer__container {
            padding-bottom: clamp(.9375rem, .9375rem + 0, .9375rem)
        }
    }

    @supports not (padding-bottom:clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem)) {
        .footer__container {
            padding-bottom: calc(.9375rem + 0 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-right:clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem)) {
        .footer__container {
            padding-right: clamp(.9375rem, .9375rem + 0, .9375rem)
        }
    }

    @supports not (padding-right:clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem)) {
        .footer__container {
            padding-right: calc(.9375rem + 0 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-left:clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem)) {
        .footer__container {
            padding-left: clamp(.9375rem, .9375rem + 0, .9375rem)
        }
    }

    @supports not (padding-left:clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem)) {
        .footer__container {
            padding-left: calc(.9375rem + 0 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (gap:clamp(1.25rem, -1.1380597015rem + 4.9751243781vw, 2.5rem)) {
        .info-main-footer {
            gap: clamp(1.25rem, -1.1380597015rem + 4.9751243781vw, 2.5rem)
        }
    }

    @supports not (gap:clamp(1.25rem, -1.1380597015rem + 4.9751243781vw, 2.5rem)) {
        .info-main-footer {
            gap: calc(1.25rem + 1.25 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(1.25rem, 1.25rem + 0vw, 1.25rem)) {
        .info-main-footer__title {
            font-size: clamp(1.25rem, 1.25rem + 0, 1.25rem)
        }
    }

    @supports not (font-size:clamp(1.25rem, 1.25rem + 0vw, 1.25rem)) {
        .info-main-footer__title {
            font-size: calc(1.25rem + 0 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (margin-bottom:clamp(1rem, -0.0746268657rem + 2.2388059701vw, 1.5625rem)) {
        .info-main-footer__title:not(:last-child) {
            margin-bottom: clamp(1rem, -.0746268657rem + 2.2388059701vw, 1.5625rem)
        }
    }

    @supports not (margin-bottom:clamp(1rem, -0.0746268657rem + 2.2388059701vw, 1.5625rem)) {
        .info-main-footer__title:not(:last-child) {
            margin-bottom: calc(1rem + .5625 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(1rem, 1rem + 0vw, 1rem)) {
        .info-main-footer__link {
            font-size: clamp(1rem, 1rem + 0, 1rem)
        }
    }

    @supports not (font-size:clamp(1rem, 1rem + 0vw, 1rem)) {
        .info-main-footer__link {
            font-size: calc(1rem + 0 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-top:clamp(9.375rem, -1.3712686567rem + 22.3880597015vw, 15rem)) {
        .welcome-section {
            padding-top: clamp(9.375rem, -1.3712686567rem + 22.3880597015vw, 15rem)
        }
    }

    @supports not (padding-top:clamp(9.375rem, -1.3712686567rem + 22.3880597015vw, 15rem)) {
        .welcome-section {
            padding-top: calc(9.375rem + 5.625 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-bottom:clamp(8.125rem, 8.125rem + 0vw, 8.125rem)) {
        .welcome-section {
            padding-bottom: clamp(8.125rem, 8.125rem + 0, 8.125rem)
        }
    }

    @supports not (padding-bottom:clamp(8.125rem, 8.125rem + 0vw, 8.125rem)) {
        .welcome-section {
            padding-bottom: calc(8.125rem + 0 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-bottom:clamp(5rem, -0.9701492537rem + 12.4378109453vw, 8.125rem)) {
        .companies {
            padding-bottom: clamp(5rem, -.9701492537rem + 12.4378109453vw, 8.125rem)
        }
    }

    @supports not (padding-bottom:clamp(5rem, -0.9701492537rem + 12.4378109453vw, 8.125rem)) {
        .companies {
            padding-bottom: calc(5rem + 3.125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (margin-bottom:clamp(1.5625rem, -0.2285447761rem + 3.7313432836vw, 2.5rem)) {
        .companies__title:not(:last-child) {
            margin-bottom: clamp(1.5625rem, -.2285447761rem + 3.7313432836vw, 2.5rem)
        }
    }

    @supports not (margin-bottom:clamp(1.5625rem, -0.2285447761rem + 3.7313432836vw, 2.5rem)) {
        .companies__title:not(:last-child) {
            margin-bottom: calc(1.5625rem + .9375 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (gap:clamp(0.9375rem, -0.8535447761rem + 3.7313432836vw, 1.875rem)) {
        .companies__items {
            gap: clamp(.9375rem, -.8535447761rem + 3.7313432836vw, 1.875rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, -0.8535447761rem + 3.7313432836vw, 1.875rem)) {
        .companies__items {
            gap: calc(.9375rem + .9375 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-top:clamp(5rem, -7.776119403rem + 26.6169154229vw, 11.6875rem)) {
        .layouts {
            padding-top: clamp(5rem, -7.776119403rem + 26.6169154229vw, 11.6875rem)
        }
    }

    @supports not (padding-top:clamp(5rem, -7.776119403rem + 26.6169154229vw, 11.6875rem)) {
        .layouts {
            padding-top: calc(5rem + 6.6875 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-bottom:clamp(5rem, -7.776119403rem + 26.6169154229vw, 11.6875rem)) {
        .layouts {
            padding-bottom: clamp(5rem, -7.776119403rem + 26.6169154229vw, 11.6875rem)
        }
    }

    @supports not (padding-bottom:clamp(5rem, -7.776119403rem + 26.6169154229vw, 11.6875rem)) {
        .layouts {
            padding-bottom: calc(5rem + 6.6875 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports ((-moz-column-gap:clamp(0.625rem, 0.0279850746rem + 1.2437810945vw, 0.9375rem)) or (column-gap:clamp(0.625rem, 0.0279850746rem + 1.2437810945vw, 0.9375rem))) {
        .analytics__container {
            -webkit-column-gap: clamp(.625rem, .0279850746rem + 1.2437810945vw, .9375rem);
            -moz-column-gap: clamp(.625rem, .0279850746rem + 1.2437810945vw, .9375rem);
            column-gap: clamp(.625rem, .0279850746rem + 1.2437810945vw, .9375rem)
        }
    }

    @supports not ((-moz-column-gap:clamp(0.625rem, 0.0279850746rem + 1.2437810945vw, 0.9375rem)) or (column-gap:clamp(0.625rem, 0.0279850746rem + 1.2437810945vw, 0.9375rem))) {
        .analytics__container {
            -webkit-column-gap: calc(.625rem + .3125 * (100vw - 48rem)/ 25.125);
            -moz-column-gap: calc(.625rem + .3125 * (100vw - 48rem)/ 25.125);
            column-gap: calc(.625rem + .3125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (row-gap:clamp(0.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)) {
        .analytics__container {
            row-gap: clamp(.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)
        }
    }

    @supports not (row-gap:clamp(0.625rem, -1.7630597015rem + 4.9751243781vw, 1.875rem)) {
        .analytics__container {
            row-gap: calc(.625rem + 1.25 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-top:clamp(5rem, -7.776119403rem + 26.6169154229vw, 11.6875rem)) {
        .benefits {
            padding-top: clamp(5rem, -7.776119403rem + 26.6169154229vw, 11.6875rem)
        }
    }

    @supports not (padding-top:clamp(5rem, -7.776119403rem + 26.6169154229vw, 11.6875rem)) {
        .benefits {
            padding-top: calc(5rem + 6.6875 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-bottom:clamp(5rem, -7.776119403rem + 26.6169154229vw, 11.6875rem)) {
        .benefits {
            padding-bottom: clamp(5rem, -7.776119403rem + 26.6169154229vw, 11.6875rem)
        }
    }

    @supports not (padding-bottom:clamp(5rem, -7.776119403rem + 26.6169154229vw, 11.6875rem)) {
        .benefits {
            padding-bottom: calc(5rem + 6.6875 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (gap:clamp(0.9375rem, -0.8535447761rem + 3.7313432836vw, 1.875rem)) {
        .benefits__items {
            gap: clamp(.9375rem, -.8535447761rem + 3.7313432836vw, 1.875rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, -0.8535447761rem + 3.7313432836vw, 1.875rem)) {
        .benefits__items {
            gap: calc(.9375rem + .9375 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (width:clamp(8.53125rem, 0.3521455224rem + 17.039800995vw, 12.8125rem)) {
        .img-benefits__image {
            width: clamp(8.53125rem, .3521455224rem + 17.039800995vw, 12.8125rem)
        }
    }

    @supports not (width:clamp(8.53125rem, 0.3521455224rem + 17.039800995vw, 12.8125rem)) {
        .img-benefits__image {
            width: calc(8.53125rem + 4.28125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (height:clamp(13.3125rem, 0.8945895522rem + 25.8706467662vw, 19.8125rem)) {
        .img-benefits__image {
            height: clamp(13.3125rem, .8945895522rem + 25.8706467662vw, 19.8125rem)
        }
    }

    @supports not (height:clamp(13.3125rem, 0.8945895522rem + 25.8706467662vw, 19.8125rem)) {
        .img-benefits__image {
            height: calc(13.3125rem + 6.5 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (width:clamp(18.125rem, 1.0026119403rem + 35.671641791vw, 27.0875rem)) {
        .img-benefits__main {
            width: clamp(18.125rem, 1.0026119403rem + 35.671641791vw, 27.0875rem)
        }
    }

    @supports not (width:clamp(18.125rem, 1.0026119403rem + 35.671641791vw, 27.0875rem)) {
        .img-benefits__main {
            width: calc(18.125rem + 8.9625 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (height:clamp(18.125rem, 1.0026119403rem + 35.671641791vw, 27.0875rem)) {
        .img-benefits__main {
            height: clamp(18.125rem, 1.0026119403rem + 35.671641791vw, 27.0875rem)
        }
    }

    @supports not (height:clamp(18.125rem, 1.0026119403rem + 35.671641791vw, 27.0875rem)) {
        .img-benefits__main {
            height: calc(18.125rem + 8.9625 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-top:clamp(0.0000000625rem, -1.1940296688rem + 2.4875619403vw, 0.625rem)) {
        .item-benefits {
            padding-top: clamp(.0000000625rem, -1.1940296688rem + 2.4875619403vw, .625rem)
        }
    }

    @supports not (padding-top:clamp(0.0000000625rem, -1.1940296688rem + 2.4875619403vw, 0.625rem)) {
        .item-benefits {
            padding-top: calc(.0000000625rem + .6249999375 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-bottom:clamp(0.0000000625rem, -1.1940296688rem + 2.4875619403vw, 0.625rem)) {
        .item-benefits {
            padding-bottom: clamp(.0000000625rem, -1.1940296688rem + 2.4875619403vw, .625rem)
        }
    }

    @supports not (padding-bottom:clamp(0.0000000625rem, -1.1940296688rem + 2.4875619403vw, 0.625rem)) {
        .item-benefits {
            padding-bottom: calc(.0000000625rem + .6249999375 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-right:clamp(0.9375rem, -0.8535447761rem + 3.7313432836vw, 1.875rem)) {
        .item-benefits {
            padding-right: clamp(.9375rem, -.8535447761rem + 3.7313432836vw, 1.875rem)
        }
    }

    @supports not (padding-right:clamp(0.9375rem, -0.8535447761rem + 3.7313432836vw, 1.875rem)) {
        .item-benefits {
            padding-right: calc(.9375rem + .9375 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-left:clamp(0.9375rem, -0.8535447761rem + 3.7313432836vw, 1.875rem)) {
        .item-benefits {
            padding-left: clamp(.9375rem, -.8535447761rem + 3.7313432836vw, 1.875rem)
        }
    }

    @supports not (padding-left:clamp(0.9375rem, -0.8535447761rem + 3.7313432836vw, 1.875rem)) {
        .item-benefits {
            padding-left: calc(.9375rem + .9375 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-bottom:clamp(3.125rem, -0.4570895522rem + 7.4626865672vw, 5rem)) {
        .built {
            padding-bottom: clamp(3.125rem, -.4570895522rem + 7.4626865672vw, 5rem)
        }
    }

    @supports not (padding-bottom:clamp(3.125rem, -0.4570895522rem + 7.4626865672vw, 5rem)) {
        .built {
            padding-bottom: calc(3.125rem + 1.875 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-top:clamp(3.125rem, -7.6212686567rem + 22.3880597015vw, 8.75rem)) {
        .built__slide {
            padding-top: clamp(3.125rem, -7.6212686567rem + 22.3880597015vw, 8.75rem)
        }
    }

    @supports not (padding-top:clamp(3.125rem, -7.6212686567rem + 22.3880597015vw, 8.75rem)) {
        .built__slide {
            padding-top: calc(3.125rem + 5.625 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-bottom:clamp(3.125rem, -7.6212686567rem + 22.3880597015vw, 8.75rem)) {
        .built__slide {
            padding-bottom: clamp(3.125rem, -7.6212686567rem + 22.3880597015vw, 8.75rem)
        }
    }

    @supports not (padding-bottom:clamp(3.125rem, -7.6212686567rem + 22.3880597015vw, 8.75rem)) {
        .built__slide {
            padding-bottom: calc(3.125rem + 5.625 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-top:clamp(3.125rem, -7.6212686567rem + 22.3880597015vw, 8.75rem)) {
        .built__controls {
            padding-top: clamp(3.125rem, -7.6212686567rem + 22.3880597015vw, 8.75rem)
        }
    }

    @supports not (padding-top:clamp(3.125rem, -7.6212686567rem + 22.3880597015vw, 8.75rem)) {
        .built__controls {
            padding-top: calc(3.125rem + 5.625 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(1.5625rem, -0.9449626866rem + 5.223880597vw, 2.875rem)) {
        .swiper-slide__title {
            font-size: clamp(1.5625rem, -.9449626866rem + 5.223880597vw, 2.875rem)
        }
    }

    @supports not (font-size:clamp(1.5625rem, -0.9449626866rem + 5.223880597vw, 2.875rem)) {
        .swiper-slide__title {
            font-size: calc(1.5625rem + 1.3125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-bottom:clamp(7.5rem, -0.5rem + 16.6666666667vw, 11.6875rem)) {
        .quickit {
            padding-bottom: clamp(7.5rem, -.5rem + 16.6666666667vw, 11.6875rem)
        }
    }

    @supports not (padding-bottom:clamp(7.5rem, -0.5rem + 16.6666666667vw, 11.6875rem)) {
        .quickit {
            padding-bottom: calc(7.5rem + 4.1875 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (margin-bottom:clamp(3.75rem, -3.4141791045rem + 14.9253731343vw, 7.5rem)) {
        .graph {
            margin-bottom: clamp(3.75rem, -3.4141791045rem + 14.9253731343vw, 7.5rem)
        }
    }

    @supports not (margin-bottom:clamp(3.75rem, -3.4141791045rem + 14.9253731343vw, 7.5rem)) {
        .graph {
            margin-bottom: calc(3.75rem + 3.75 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-top:clamp(16.875rem, 7.322761194rem + 19.9004975124vw, 21.875rem)) {
        .resources {
            padding-top: clamp(16.875rem, 7.322761194rem + 19.9004975124vw, 21.875rem)
        }
    }

    @supports not (padding-top:clamp(16.875rem, 7.322761194rem + 19.9004975124vw, 21.875rem)) {
        .resources {
            padding-top: calc(16.875rem + 5 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (margin-top:clamp(-34.125rem, -1.2005597015rem + -45.0248756219vw, -22.8125rem)) {
        .resources {
            margin-top: clamp(-34.125rem, -1.2005597015rem + -45.0248756219vw, -22.8125rem)
        }
    }

    @supports not (margin-top:clamp(-34.125rem, -1.2005597015rem + -45.0248756219vw, -22.8125rem)) {
        .resources {
            margin-top: calc(-22.8125rem + -11.3125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (padding-bottom:clamp(4.375rem, -11.1473880597rem + 32.3383084577vw, 12.5rem)) {
        .resources {
            padding-bottom: clamp(4.375rem, -11.1473880597rem + 32.3383084577vw, 12.5rem)
        }
    }

    @supports not (padding-bottom:clamp(4.375rem, -11.1473880597rem + 32.3383084577vw, 12.5rem)) {
        .resources {
            padding-bottom: calc(4.375rem + 8.125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (margin-bottom:clamp(2.5rem, -2.276119403rem + 9.9502487562vw, 5rem)) {
        .resources__content {
            margin-bottom: clamp(2.5rem, -2.276119403rem + 9.9502487562vw, 5rem)
        }
    }

    @supports not (margin-bottom:clamp(2.5rem, -2.276119403rem + 9.9502487562vw, 5rem)) {
        .resources__content {
            margin-bottom: calc(2.5rem + 2.5 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(1.5625rem, -0.9449626866rem + 5.223880597vw, 2.875rem)) {
        .resources__titles {
            font-size: clamp(1.5625rem, -.9449626866rem + 5.223880597vw, 2.875rem)
        }
    }

    @supports not (font-size:clamp(1.5625rem, -0.9449626866rem + 5.223880597vw, 2.875rem)) {
        .resources__titles {
            font-size: calc(1.5625rem + 1.3125 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (gap:clamp(0.9375rem, -0.8535447761rem + 3.7313432836vw, 1.875rem)) {
        .resources__items {
            gap: clamp(.9375rem, -.8535447761rem + 3.7313432836vw, 1.875rem)
        }
    }

    @supports not (gap:clamp(0.9375rem, -0.8535447761rem + 3.7313432836vw, 1.875rem)) {
        .resources__items {
            gap: calc(.9375rem + .9375 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (margin-bottom:clamp(1rem, -0.9104477612rem + 3.9800995025vw, 2rem)) {
        .resources__image img {
            margin-bottom: clamp(1rem, -.9104477612rem + 3.9800995025vw, 2rem)
        }
    }

    @supports not (margin-bottom:clamp(1rem, -0.9104477612rem + 3.9800995025vw, 2rem)) {
        .resources__image img {
            margin-bottom: calc(1rem + 1 * (100vw - 48rem)/ 25.125)
        }
    }

    @supports (font-size:clamp(1.125rem, -0.0690298507rem + 2.4875621891vw, 1.75rem)) {
        .resources__title {
            font-size: clamp(1.125rem, -.0690298507rem + 2.4875621891vw, 1.75rem)
        }
    }

    @supports not (font-size:clamp(1.125rem, -0.0690298507rem + 2.4875621891vw, 1.75rem)) {
        .resources__title {
            font-size: calc(1.125rem + .625 * (100vw - 48rem)/ 25.125)
        }
    }
}

@media (min-width:23.4375em) and (max-width:73.125em) {
    @supports (font-size:clamp(1rem, 0.8820754717rem + 0.5031446541vw, 1.25rem)) {
        .button_grey::before {
            font-size: clamp(1rem, .8820754717rem + .5031446541vw, 1.25rem)
        }
    }

    @supports not (font-size:clamp(1rem, 0.8820754717rem + 0.5031446541vw, 1.25rem)) {
        .button_grey::before {
            font-size: calc(1rem + .25 * (100vw - 23.4375rem)/ 49.6875)
        }
    }
}

@media (min-width:47.99875em) and (min-width:48em) and (max-width:73.125em) {
    @supports ((-moz-column-gap:clamp(0.9375rem, -2.0475746269rem + 6.2189054726vw, 2.5rem)) or (column-gap:clamp(0.9375rem, -2.0475746269rem + 6.2189054726vw, 2.5rem))) {
        .menu__list {
            -webkit-column-gap: clamp(.9375rem, -2.0475746269rem + 6.2189054726vw, 2.5rem);
            -moz-column-gap: clamp(.9375rem, -2.0475746269rem + 6.2189054726vw, 2.5rem);
            column-gap: clamp(.9375rem, -2.0475746269rem + 6.2189054726vw, 2.5rem)
        }
    }

    @supports not ((-moz-column-gap:clamp(0.9375rem, -2.0475746269rem + 6.2189054726vw, 2.5rem)) or (column-gap:clamp(0.9375rem, -2.0475746269rem + 6.2189054726vw, 2.5rem))) {
        .menu__list {
            -webkit-column-gap: calc(.9375rem + 1.5625 * (100vw - 48rem)/ 25.125);
            -moz-column-gap: calc(.9375rem + 1.5625 * (100vw - 48rem)/ 25.125);
            column-gap: calc(.9375rem + 1.5625 * (100vw - 48rem)/ 25.125)
        }
    }
}

@media (min-width:47.99875em) and (max-width:48em) {
    .menu__list {
        -webkit-column-gap: .9375rem;
        -moz-column-gap: .9375rem;
        column-gap: .9375rem
    }
}

@media (min-width:20em) and (max-width:75em) {
    @supports (padding-bottom:clamp(1.875rem, -0.3977272727rem + 11.3636363636vw, 8.125rem)) {
        .main-footer {
            padding-bottom: clamp(1.875rem, -.3977272727rem + 11.3636363636vw, 8.125rem)
        }
    }

    @supports not (padding-bottom:clamp(1.875rem, -0.3977272727rem + 11.3636363636vw, 8.125rem)) {
        .main-footer {
            padding-bottom: calc(1.875rem + 6.25 * (100vw - 20rem)/ 55)
        }
    }

    @supports (width:clamp(19.375rem, 17.8295454545rem + 7.7272727273vw, 23.625rem)) {
        .img-layouts__image {
            width: clamp(19.375rem, 17.8295454545rem + 7.7272727273vw, 23.625rem)
        }
    }

    @supports not (width:clamp(19.375rem, 17.8295454545rem + 7.7272727273vw, 23.625rem)) {
        .img-layouts__image {
            width: calc(19.375rem + 4.25 * (100vw - 20rem)/ 55)
        }
    }

    @supports (height:clamp(17.4375rem, 16.0738636364rem + 6.8181818182vw, 21.1875rem)) {
        .img-layouts__image {
            height: clamp(17.4375rem, 16.0738636364rem + 6.8181818182vw, 21.1875rem)
        }
    }

    @supports not (height:clamp(17.4375rem, 16.0738636364rem + 6.8181818182vw, 21.1875rem)) {
        .img-layouts__image {
            height: calc(17.4375rem + 3.75 * (100vw - 20rem)/ 55)
        }
    }

    @supports (gap:clamp(0.625rem, 0.5795454545rem + 0.2272727273vw, 0.75rem)) {
        .built__pagination {
            gap: clamp(.625rem, .5795454545rem + .2272727273vw, .75rem)
        }
    }

    @supports not (gap:clamp(0.625rem, 0.5795454545rem + 0.2272727273vw, 0.75rem)) {
        .built__pagination {
            gap: calc(.625rem + .125 * (100vw - 20rem)/ 55)
        }
    }

    @supports (gap:clamp(0.625rem, 0.5795454545rem + 0.2272727273vw, 0.75rem)) {
        .quickit__pagination {
            gap: clamp(.625rem, .5795454545rem + .2272727273vw, .75rem)
        }
    }

    @supports not (gap:clamp(0.625rem, 0.5795454545rem + 0.2272727273vw, 0.75rem)) {
        .quickit__pagination {
            gap: calc(.625rem + .125 * (100vw - 20rem)/ 55)
        }
    }
}

@media (max-width:47.99875em) and (min-width:48em) {
    .welcome-section__img-create {
        width: 21.25rem
    }

    .welcome-section__img-create {
        height: 13.75rem
    }

    .analytics__content:not(:last-child) {
        margin-bottom: 1.875rem
    }
}

@media (max-width:47.99875em) and (min-width:20em) and (max-width:48em) {
    @supports (width:clamp(13.75rem, 8.3928571429rem + 26.7857142857vw, 21.25rem)) {
        .welcome-section__img-create {
            width: clamp(13.75rem, 8.3928571429rem + 26.7857142857vw, 21.25rem)
        }
    }

    @supports not (width:clamp(13.75rem, 8.3928571429rem + 26.7857142857vw, 21.25rem)) {
        .welcome-section__img-create {
            width: calc(13.75rem + 7.5 * (100vw - 20rem)/ 28)
        }
    }

    @supports (height:clamp(8.75rem, 5.1785714286rem + 17.8571428571vw, 13.75rem)) {
        .welcome-section__img-create {
            height: clamp(8.75rem, 5.1785714286rem + 17.8571428571vw, 13.75rem)
        }
    }

    @supports not (height:clamp(8.75rem, 5.1785714286rem + 17.8571428571vw, 13.75rem)) {
        .welcome-section__img-create {
            height: calc(8.75rem + 5 * (100vw - 20rem)/ 28)
        }
    }

    @supports (margin-bottom:clamp(1.875rem, 1.875rem + 0vw, 1.875rem)) {
        .analytics__content:not(:last-child) {
            margin-bottom: clamp(1.875rem, 1.875rem + 0, 1.875rem)
        }
    }

    @supports not (margin-bottom:clamp(1.875rem, 1.875rem + 0vw, 1.875rem)) {
        .analytics__content:not(:last-child) {
            margin-bottom: calc(1.875rem + 0 * (100vw - 20rem)/ 28)
        }
    }
}

@media (any-hover:hover) {
    .button:hover {
        background-color: var(--bg-accent-hover);
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s
    }

    .button_grey:hover {
        background-color: #bfc8d8;
        color: var(--text-secondary-blue);
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s
    }

    .resources__image:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

    .language .language__icon:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .footer__policy a:hover {
        text-decoration: underline;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .social__item:hover {
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .info-main-footer__title:hover {
        text-decoration: underline
    }

    .info-main-footer__link:hover {
        text-decoration: underline;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .companies__item:hover {
        -webkit-box-shadow: 0 0 10px 1px #fff;
        box-shadow: 0 0 10px 1px #fff;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .swiper-slide__button:hover::before {
        -webkit-transform: translate(10px, 0);
        -ms-transform: translate(10px, 0);
        transform: translate(10px, 0);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .resources__link:hover {
        color: var(--bg-accent-hover);
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .resources__link:hover::before {
        -webkit-transform: translate(10px, 0);
        -ms-transform: translate(10px, 0);
        transform: translate(10px, 0);
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .resources__connection:hover {
        color: var(--bg-accent-hover);
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .resources__connection:hover::before {
        -webkit-transform: translate(10px, 0);
        -ms-transform: translate(10px, 0);
        transform: translate(10px, 0);
        -webkit-transition: all .3s;
        transition: all .3s
    }
}

.webp .footer::after {
    background: url(../img/footer/noise.webp) transparent no-repeat 0 0/cover
}

.webp .footer::before {
    background: url(../img/footer/splash.webp) 0 0 no-repeat
}

.webp .built__slide {
    background: url(../img/built/splash.webp) transparent no-repeat top right/33.3333333333%
}

.webp .built__slide::before {
    background: url(../img/background/noise.webp) var(--bg-accent-grey) no-repeat 0 0/cover
}

.webp .graph__months-progres {
    background: url(../img/quickit/zone.webp) center bottom 24px/100% 128px no-repeat
}