*, *::before, *::after{box-sizing: border-box;}
*{margin: 0;padding: 0;}
html{font-family:'Wix Madefor Display', sans-serif; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background-color: #FFFFFF;scroll-behavior: smooth;}
body{display:flex;flex-direction:column;overflow-x:hidden; max-width:100vw;width:100%;font-family: inherit;min-height: 100vh;text-rendering: optimizeLegibility;}
a{color: inherit;text-decoration: none;}
button, input, textarea, select{background: none;border: none;outline: none;color: inherit;}
button{cursor: pointer;}
img, picture, video, canvas, svg{display: block;max-width: 100%;}
ul, ol{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;}
input::-ms-clear, input::-ms-reveal{display: none;}
textarea{resize: vertical;}
html{scroll-behavior: smooth;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}

@font-face {
    font-family: 'Glina Script em.';
    src: url('../fonts/Glina-Script.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Wix Madefor Display';
    src: url('../fonts/WixMadeforDisplay-VariableFont_wght.woff2') format('woff2');
    font-display: swap;
}
body.no-scroll {
    overflow: hidden;
}
.wrapper{
    max-width: 1400px;
    width: 100%;
    padding: 0 8px;
    margin: 0 auto;
}
.section{
    padding-top: 144px;
    width: 100%;
    @media(max-width: 768px){
        padding-top: 88px;
    }
}
.mobile-menu{
    display: none;
}
.mobile-menu.open{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    justify-content: space-between;
    height: calc(100svh - 90px);
    position: fixed;
    top: 90px;
    background-color: #FFFFFF;
    width: 100%;
    z-index: 999;
}
.mobile-menu__nav{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 36px;
}
.mobile-menu__nav a{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    color: #0F0F12;
    width: fit-content;
}
.mobile-menu__btns{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0 16px 36px;
    width: 100%;
}
.mobile-menu__btn-gray{
    width: 100%;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: #E2E5EA;
    color: #0F0F12;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}
.mobile-menu__btn-red{
    width: 100%;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: #D00F3D;
    box-shadow: 0 8px 24px 0 #FF003D3D;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}
.header{
    position: fixed;
    top: 8px;
    left: 0;
    z-index: 99;
    width: 100%;
}
.header__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    border-radius: 16px;
    background-color: rgb(242 244 247 / 80%);
    padding: 16px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.header__logo{
    max-width: 170px;
    width: 100%;
    height: fit-content;
}
.header__logo img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.header__nav{
    display: flex;
    align-items: center;
    gap: 24px;
    @media(max-width: 992px){
        display: none;
    }
}
.header__nav-item{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #0F0F12;
    width: fit-content;
    transition: .3s ease-in-out;
}
.header__nav-item:hover{
    color: #D00F3D;
}
.header__buttons{
    display: flex;
    align-items: center;
    gap: 8px;
    @media(max-width: 992px){
        gap: 16px;
    }
}
.header__login, .btn__gray{
    width: fit-content;
    padding: 16px 20px;
    border-radius: 12px;
    border: 1px solid #E2E5EA;
    background-color: transparent;
    color: #0F0F12;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    transition: .3s ease-in-out;
}
.header__login:hover, .btn__gray:hover{
    border-color: #D00F3D;
    background-color: #E2E5EA;
}
.header__try, .btn__red{
    padding: 16px 20px;
    border-radius: 12px;
    width: fit-content;
    border: 1px solid #D00F3D;
    color: #FFFFFF;
    background-color: #D00F3D;
    box-shadow: 0 8px 24px 0 #FF003D3D;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    transition: .3s ease-in-out;
}
.header__try:hover, .btn__red:hover{
    box-shadow: unset;
    background-color: #B40D35;
}
.header__try{
    @media(max-width: 992px){
        display: none;
    }
}
.header__burger{
    display: none;
    @media(max-width: 992px){
        display: flex;
        width: 32px;
        height: 32px;
        overflow: hidden;
    }
}
.main{
    padding: 156px 0 144px;
    @media(max-width: 768px){
        padding: 136px 0 96px;
    }
}
.main__content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.hero-title{
    max-width: 850px;
    margin: 0 16px;
    font-size: 64px;
    line-height: 72px;
    text-align: center;
    letter-spacing: -0.04em;
    font-weight: 600;
    @media(max-width: 768px){
        font-size: 40px;
        line-height: 48px;
    }
}
.inline-icon{
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}
.inline-icon img{
    display: block;
    height: 1em;
    width: auto;
}
.main__content p{
    max-width: 610px;
    width: 100%;
    margin: 0 auto;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    color: #6E7683;
    @media(max-width: 768px){
        font-size: 18px;
        line-height: 28px;
    }
}
.main__btns{
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    @media(max-width: 768px){
        flex-direction: column-reverse;
        width: 100%;
    }
}
.main__btns .btn__red, .main__btns .btn__gray{
    @media(max-width: 768px){
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
}
.main__btns-svg{
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(-60%, 0);
    @media(max-width: 768px){
        transform: translate(0, 8px);
    }
}
.section-blue__content{
    position: relative;
    background-color: #EDF6FF;
    border-radius: 32px;
    padding: 128px 16px;
    width: 100%;
    overflow: hidden;
    @media(max-width: 768px){
        padding: 64px 16px;
    }
}
.section-blue__bg{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    user-select: none;
    pointer-events: none;
    width: 1280px;
    @media(max-width: 768px){
        width: 1380px;
    }
}
.section-blue__bg img{
    width: 100%;
    height: auto;
}
.section-blue__content h2{
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.04em;
    margin: 0 auto 64px;
    max-width: 610px;
    color: #0F0F12;
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 40px;
        max-width: 330px;
        margin: 0 auto 36px;
    }
}
.section-blue__swiper{
    display: flex;
    flex-direction: column;
    gap: 36px;
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}
.section-blue__swiper-wrapper{
    display: flex;
    height: fit-content;
}

.section__blue-slide{
    width: 100%;
    flex-shrink: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    display: flex;
    gap: 16px;
    @media(max-width: 992px){
        flex-wrap: wrap;
    }
}
.blue-slide__main{
    position: relative;
    background-color: #027BF5;
    border-radius: 24px;
    padding: 36px;
    overflow: hidden;
    min-height: 524px;
    max-width: 610px;
    width: 100%;
    @media(max-width: 992px){
        max-width: 100%;
    }
    @media(max-width: 640px){
        min-height: 320px;
        padding: 24px;
    }
}
.blue-slide__main h3{
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    max-width: 350px;
    width: 100%;
    letter-spacing: -0.04em;
    color: #FFFFFF;
    position: relative;
    z-index: 9;
    @media(max-width: 640px){
        font-size: 28px;
        line-height: 36px;
    }
}
.blue-slide__main-bg{
    position: absolute;
    top: 0;
    left: 0;
    user-select: none;
    pointer-events: none;
    max-width: 524px;
    width: 100%;
    height: auto;
}
.blue-slide__main-bg img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.blue__slide-img{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: fit-content;
}
.blue__slide-img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    @media(max-width: 992px){
        max-height: 350px;
        overflow: hidden;
        object-fit: cover;
        object-position: top;
    }
    @media(max-width: 640px){
        max-height: 200px;
    }
}
.blue-slide__item{
    max-width: 309px;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 44px;
    @media(max-width: 1280px){
        max-width: 290px;
    }
    @media(max-width: 992px){
        max-width: calc(50% - 8px);
        padding: 16px;
        gap: 24px;
    }
}
.blue-slide__item-title{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
    @media(max-width: 768px){
        font-size: 20px;
        line-height: 28px;
    }
}
.blue-slide__item-title svg{
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    object-fit: contain;
    object-position: center;
}
.blue-slide__item-list{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.blue-slide__item-list p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #6E7683;
    @media(max-width: 768px){
        font-size: 14px;
        line-height: 20px;
    }
}
.blue-slide__list-item{
    padding: 24px 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F2F4F7;
    border-radius: 16px;
    @media(max-width: 640px){
        padding: 8px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
}
.blue-slide__list-item.list-item--green{
    background-color: #DCFCE7;
}
.blue-slide__list-item span{
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
    display: flex;
    align-items: center;
    gap: 4px;
    @media(max-width: 768px){
        font-size: 20px;
        line-height: 28px;
    }
}
.blue-slide__list-item p{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #6E7683;
}
.green-percentage{
    padding: 4px 8px;
    font-family: 'Glina Script em.', sans-serif;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    background-color: #22C55E;
    border-radius: 8px;
    box-shadow: 0 4px 16px 0 #18D13770;

}
.section-blue__swiper-navigation{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.section-blue__btn-prev, .section-blue__btn-next{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    border: 1px solid #E2E5EA;
    transition: .3s ease-in-out;
    cursor: pointer;
}
.section-blue__btn-prev:hover, .section-blue__btn-next:hover{
    background-color: #E2E5EA;
}
.section-blue__swiper-counter{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #0F0F12;
    width: fit-content;
}
.stats__cols{
    display: flex;
    gap: 16px;
    width: 100%;
    @media(max-width: 768px){
        flex-direction: column;
    }
}
.stats__col-red, .stats__col-blue{
    width: 100%;
    border-radius: 32px;
    padding: 36px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    @media(max-width: 768px){
        gap: 16px;
        padding: 24px 16px;
    }
}
.stats__col-red{
    background-color: #FEE2E2;
}
.stats__col-blue{
    background-color: #EDF6FF;
}
.stats__col-tag{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 52px;
    background-color: #FFFFFF;
    width: fit-content;
    color: #0F0F12;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    @media(max-width: 768px){
        font-size: 16px;
        line-height: 24px;
    }
}
.stats__col-red__text{
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
    text-align: center;
    @media(max-width: 768px){
        font-size: 28px;
        line-height: 36px;
    }
}
.stats__col-red__text span{
    font-family: 'Glina Script em.', sans-serif;
    font-size: 48px;
    line-height: 52px;
    font-weight: 400;
    color: #D00F3D;
    letter-spacing: 0.04em;
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 44px;
    }
}
.stats__col-red__img, .stats__col-blue__img{
    width: 100%;
    height: fit-content;
}
.stats__col-blue__img{
    max-width: 408px;
}
.stats__col-red__img img, .stats__col-blue__img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.stats__col-red__description{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #6E7683;
    text-align: center;
    @media(max-width: 768px){
        font-size: 16px;
        line-height: 24px;
    }
}
.stats__col-blue__value{
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #0F0F12;
    display: flex;
    align-items: center;
    gap: 8px;
}
.stats__col-blue__value span{
    font-size: 48px;
    line-height: 52px;
    color: #D00F3D;
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 44px;
    }
}
.stats__col-blue__text{
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    letter-spacing: -0.04em;
    text-align: center;
    color: #0F0F12;
    @media(max-width: 768px){
        font-size: 20px;
        line-height: 28px;
    }
}
.why-wrapper, .tariff-wrapper{
    @media(max-width: 768px){
        padding: 0;
    }
}
.why__uptitle{
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-align: center;
    color: #D00F3D;
    margin-bottom: 8px;
    @media(max-width: 768px){
        padding: 0 8px;
    }
}
.why h2{
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.04em;
    max-width: 610px;
    width: 100%;
    margin: 0 auto 64px;
    @media(max-width: 768px){
        max-width: 346px;
        padding: 0 8px;
        margin: 0 auto 36px;
        font-size: 32px;
        line-height: 40px;
    }
}
.why__grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    @media(max-width: 768px){
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 0;
    }
}
.why__grid::-webkit-scrollbar{
    display: none;
}
.why__item-wrapper{
    @media(max-width: 768px){
        flex-shrink: 0;
        max-width: 288px;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
}
.why__item-wrapper:last-child{
    @media(max-width: 768px){
        margin-right: 8px;
    }
}
.why__item{
    background-color: #F2F4F7;
    border-radius: 32px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    height: 100%;
    @media(max-width: 768px){
        margin-left: 8px;
        padding: 16px;
    }
}
.why__item-text{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.why__item-text span{
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #D00F3D;
}
.why__item-text p{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
}
.why__item-text p b{
    font-weight: 600;
    color: #9AA1AC;
}
.widget__uptitle{
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    text-align: center;
    margin: 0 auto 8px;
    color: #22C55E;
}
.widget h2{
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    text-align: center;
    color: #0F0F12;
    letter-spacing: -0.04em;
    max-width: 610px;
    width: 100%;
    margin: 0 auto 24px;
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 40px;
        padding: 0 16px;
    }
}
.widget__description{
    max-width: 610px;
    width: 100%;
    margin: 0 auto 64px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    color: #6E7683;
    @media(max-width: 768px){
        font-size: 18px;
        line-height: 28px;
        margin: 0 auto 36px;
        padding: 0 16px;
    }
}
.widget__content{
    max-width: 830px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    @media(max-width: 768px){
        gap: 36px;
    }
}
.widget__separator{
    @media(max-width: 768px){
        display: none;
    }
}
.widget__item{
    display: flex;
    width: 100%;
    gap: 8px;
    @media(max-width: 768px){
        flex-direction: column;
        gap: 16px;
    }
}
.widget__item--reverse{
    flex-direction: row-reverse;
    @media(max-width: 768px){
        flex-direction: column;
    }
}
.widget__item-img{
    width: 50%;
    height: fit-content;
    @media(max-width: 768px){
        width: 100%;
    }
}
.widget__item-img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.widget__item-text{
    width: 50%;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    @media(max-width: 768px){
        width: 100%;
        padding: 0;
        gap: 8px;
    }
}
.widget__item-text span{
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    color: #22C55E;
}
.widget__item-text h3{
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    color: #0F0F12;
    @media(max-width: 575px){
        font-size: 20px;
        line-height: 28px;
    }
}
.widget__item-text p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #6E7683;
}
.demo{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    background-color: #DCFCE7;
    border-radius: 32px;
    padding: 48px 48px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 60px;
    @media(max-width: 768px){
        padding: 24px 24px 0;
        flex-direction: column;
        align-items: flex-start;
    }
}
.demo__img{
    max-width: 450px;
    width: 100%;
    height: fit-content;
}
.demo__img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.demo__content{
    display: flex;
    flex-direction: column;
    max-width: 562px;
    width: 100%;
    padding-bottom: 48px;
    @media(max-width: 768px){
        padding: 0;
    }
}
.demo__content span{
    display: block;
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #22C55E;
    margin-bottom: 16px;
}
.demo__content h2{
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
    margin-bottom: 16px;
    @media(max-width: 768px){
        font-size: 28px;
        line-height: 36px;
    }
}
.demo__content p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #6E7683;
    margin-bottom: 32px;
    @media(max-width: 768px){
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
    }
}
.demo__content a{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 20px 32px;
    border-radius: 12px;
    background-color: #D00F3D;
    box-shadow: 0px 8px 24px 0px #FF003D3D;
    transition: .3s ease-in-out;
    @media(max-width: 768px){
        width: 100%;
        justify-content: center;
    }
}
.demo__content a:hover{
    background-color: #B40D35;
    box-shadow: unset;
}
.problems__content{
    background-color: #F2F4F7;
    position: relative;
    padding: 144px 60px;
    border-radius: 36px;
    overflow: hidden;
    @media(max-width: 768px){
        padding: 64px 16px;
    }
}
.problems__bg{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    user-select: none;
    pointer-events: none;
    width: 1022px;
}
.problems__bg svg{
    width: 100%;
    height: auto;
}
.problems__uptitle{
    position: relative;
    z-index: 1;
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: -0.04em;
    margin: 0 auto 8px;
    color: #9AA1AC;
    width: fit-content;
}
.problems__content h2{
    position: relative;
    z-index: 1;
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 64px;
    max-width: 610px;
    width: 100%;
    color: #0F0F12;
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 40px;
        margin: 0 auto 36px;
    }
}
.problems__grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    row-gap: 48px;
    position: relative;
    z-index: 1;
    @media(max-width: 768px){
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}
.problems__item{
    background-color: #FEE2E2;
    padding: 8px;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    @media(max-width: 768px){
        border-radius: 24px;
    }
}
.problems__item-header{
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
}
.problems__item-title{
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #D00F3D;
}
.problems__item-header p, .problems__item-decision p{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
}
.problems__item-decision{
    background-color: #FFFFFF;
    position: relative;
    padding: 24px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.problems__item-decision::after{
    position: absolute;
    top: 0;
    left: 24px;
    transform: translateY(-100%);
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("../images/problem-svg-bg.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.problems__item-decision__title{
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #22C55E;
    display: flex;
    align-items: center;
    gap: 4px;
}
.tariff__uptitle{
    margin: 0 auto 8px;
    width: fit-content;
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    color: #9AA1AC;
}
.tariff h2{
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.04em;
    max-width: 610px;
    margin: 0 auto 48px;
    color: #0F0F12;
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 40px;
        margin: 0 auto 36px;
        padding: 0 8px;
    }
}
.tariff__list{
    display: flex;
    align-items: flex-end;
    gap: 8px;
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    @media(max-width: 768px){
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 0;
        padding-top: 10px;
    }
}
.tariff__list::-webkit-scrollbar{
    display: none;
}
.tariff__item-container{
    @media(max-width: 768px){
        width: 288px;
        flex-shrink: 0;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
}
.tariff__item-container:last-child{
    @media(max-width: 768px){
        margin-right: 8px;
    }
}
.tariff__item{
    width: 100%;
    height: fit-content;
    @media(max-width: 768px){
        width: unset;
        margin-left: 8px;
    }
}
.tariff__item-wrapper{
    border: 1px solid #E2E5EA;
    border-radius: 32px;
    padding: 8px;
    display: flex;
    flex-direction: column;
}
.tariff__item-header{
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 8px;
    padding: 16px;
}
.tariff__item-header h3{
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
    @media(max-width: 768px){
        font-size: 20px;
        line-height: 28px;
    }
}
.tariff__item-description{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #6E7683;
}
.tariff__item-figure{
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
}
.tariff__item-figure svg{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.tariff__item-main{
    padding: 16px;
    border-radius: 16px;
    background-color: #F2F4F7;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 48px;
    min-height: 268px;
    @media(max-width: 768px){
        gap: 24px;
        min-height: 240px;
    }
}
.tariff__item-main p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #6E7683;
}
.tariff__item-main__action{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.tariff__item-main__action p{
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
    @media(max-width: 768px){
        font-size: 28px;
        line-height: 36px;
    }
}
.tariff__item-main__action a{
    width: 100%;
    padding: 20px 32px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D00F3D;
    box-shadow: 0 8px 24px 0 #FF003D3D;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    transition: .3s ease-in-out;
}
.tariff__item-main__action a:hover{
    box-shadow: unset;
    background-color: #B40D35;
}
.tariff__item--green{
    background-color: #22C55E;
    border-radius: 32px;
}
.tariff__item--green .tariff__item-wrapper{
    background-color: #DCFCE7;
    border-color: #DCFCE7;
}
.tariff__item--green .tariff__item-main, .tariff__item--blue .tariff__item-main{
    background-color: #FFFFFF;
}
.tariff__item-special{
    padding: 5px 26px 3px;
    display: flex;
    position: relative;
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    width: fit-content;
}
.tariff__item-special img{
    position: absolute;
    width: 36px;
    height: 36px;
    object-fit: contain;
    object-position: center;
    top: 0;
    right: 0;
    transform: translate(25%,-25%);
}
.tariff__item--blue{
    background-color: #FFFFFF;
    border: 1px solid #E2E5EA;
    border-radius: 32px;
}
.tariff__item--blue .tariff__item-wrapper{
    border-color: #EDF6FF;
    background-color: #EDF6FF;
}
.tariff__item--blue .tariff__item-special{
    color: #027BF5;
}
.install h2{
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.04em;
    max-width: 610px;
    margin: 0 auto 48px;
    color: #0F0F12;
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 40px;
        margin: 0 auto 36px;
        padding: 0 16px;
    }
}
.install__grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    @media(max-width: 768px){
        display: flex;
        flex-direction: column;
    }
}
.install__blue{
    grid-column: span 2;
    background-color: #EDF6FF;
    border-radius: 32px;
    padding: 32px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    @media(max-width: 768px){
        padding: 16px;
        border-radius: 24px;
    }
}
.install__blue-img{
    position: absolute;
    top: 0;
    right: 0;
    max-width: 290px;
    width: 100%;
    height: fit-content;
    user-select: none;
    pointer-events: none;
    @media(max-width: 768px){
        display: none;
    }
}
.install__blue-img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.install__blue span, .install__item span{
    display: block;
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #027BF5;
    margin-bottom: 36px;
}
.install__blue h3{
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
    margin-bottom: 16px;
}
.install__item h3{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
    margin-bottom: 16px;
}
.install__blue p, .install__item p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    max-width: 355px;
    width: 100%;
    color: #6E7683;
    margin-bottom: 16px;
    position: relative;
    z-index: 9;
}
.install__blue a{
    width: fit-content;
    padding: 20px 32px;
    border-radius: 12px;
    background-color: #D00F3D;
    color: #FFFFFF;
    box-shadow: 0 8px 24px 0 #FF003D3D;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    transition: .3s ease-in-out;
    position: relative;
    z-index: 9;
    @media(max-width: 575px){
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.install__blue a:hover{
    background-color: #B40D35;
    box-shadow: unset;
}
.install__item{
    padding: 24px;
    display: flex;
    flex-direction: column;
    border: 1px solid #E2E5EA;
    border-radius: 32px;
    @media(max-width: 768px){
        padding: 16px;
        border-radius: 24px;
    }
}
.see{
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    background-color: #E4DFFF;
    position: relative;
    overflow: hidden;
    padding: 48px;
    display: flex;
    flex-direction: column;
    @media(max-width: 768px){
        padding: 0;
        border-radius: 24px;
    }
}
.see h2{
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    letter-spacing: -0.04em;
    max-width: 562px;
    width: 100%;
    color: #0F0F12;
    margin-bottom: 16px;
    position: relative;
    z-index: 9;
    @media(max-width: 768px){
        order: 2;
        font-size: 28px;
        line-height: 36px;
        padding: 0 24px;
        margin-top: 24px;
    }
}
.see p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    max-width: 562px;
    width: 100%;
    color: #6E7683;
    margin-bottom: 32px;
    position: relative;
    z-index: 9;
    @media(max-width: 768px){
        order: 3;
        padding: 0 24px;
    }
}
.see a{
    width: fit-content;
    padding: 20px 32px;
    border-radius: 12px;
    background-color: #D00F3D;
    box-shadow: 0 8px 24px 0 #FF003D3D;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #FFFFFF;
    transition: .3s ease-in-out;
    margin-bottom: 32px;
    position: relative;
    z-index: 9;
    @media(max-width: 768px){
        order: 4;
        margin: 0 auto 32px;
        width: calc(100% - 48px);
    }
}
.see a:hover{
    background-color: #B40D35;
    box-shadow: unset;
}
.see__list{
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    gap: 24px;
    @media(max-width: 768px){
        flex-direction: column;
        align-items: flex-start;
        padding: 0 24px 24px;
        order: 5;
    }
}
.see__item{
    display: flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #0F0F12;
}
.see__img{
    position: absolute;
    top: 0;
    right: 0;
    max-width: 610px;
    width: 100%;
    user-select: none;
    pointer-events: none;
    z-index: 0;
    @media(max-width: 768px){
        position: relative;
        max-width: unset;
        top: unset;
        right: unset;
        order: 1;
    }
}
.see__img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.video{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    max-width: 822px;
    margin: 0 auto;
}
.video h2{
    font-size: 52px;
    line-height: 60px;
    letter-spacing: -0.04em;
    text-align: center;
    color: #0F0F12;
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 40px;
        margin: 0 16px;
    }
}
.video button{
    width: 100%;
    height: fit-content;
    border-radius: 24px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    @media(max-width: 768px){
        height: 320px;
    }
}
.video button:hover img{
    transform: scale(115%);
}
.video button img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    transition: .3s ease-in-out;
    @media(max-width: 768px){
        object-fit: cover;
        height: 100%;
    }
}
.video__button-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
}
.video__button{
    position: relative;
    width: 80px;
    height: fit-content;
}
.video__button::after{
    content: '';
    background-image: url("../images/icon-play.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
}
.video__button svg{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.video__button-text{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}
.video__button-time{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
.try{
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    border-radius: 36px;
    padding: 48px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #FEE2E2;
    overflow: hidden;
    @media(max-width: 768px){
        padding: 0;
    }
}
.try h2{
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
    position: relative;
    z-index: 9;
    @media(max-width: 768px){
        font-size: 28px;
        line-height: 36px;
        padding: 24px 24px 0;
    }
}
.try p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #6E7683;
    position: relative;
    z-index: 9;
    @media(max-width: 768px){
        padding: 0 24px;
    }
}
.try__row{
    display: flex;
    align-items: center;
    gap: 18px;
    position: relative;
    z-index: 9;
    @media(max-width: 768px){
        padding: 0 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}
.try__row a{
    padding: 20px 32px;
    border-radius: 12px;
    background-color: #D00F3D;
    color: #FFFFFF;
    box-shadow: 0 8px 24px 0 #FF003D3D;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    transition: .3s ease-in-out;
    @media(max-width: 768px){
        width: 100%;
        justify-content: center;
    }
}
.try__row a:hover{
    background-color: #B40D35;
    box-shadow: unset;
}
.try__icon{
    @media(max-width: 768px){
        display: none;
    }
}
.try__icon-mobile{
    display: none;
    @media(max-width: 768px){
        display: block;
    }
}
.try__img{
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 580px;
    width: 100%;
    height: fit-content;
    @media(max-width: 768px){
        position: relative;
        right: unset;
        bottom: unset;
        max-width: unset;
    }
}
.try__img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.integration{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: 144px;
    @media(max-width: 768px){
        margin-bottom: 88px;
    }
}
.section-title{
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: -0.04em;
    text-align: center;
    color: #0F0F12;
    max-width: 610px;
    width: 100%;
    margin: 0 auto 64px;
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 40px;
        margin: 0 auto 24px;
        padding: 0 16px;
    }
}
.highlight{
    font-weight: 600;
    color: #D00F3D;
}
.integration__img-mobile{
    display: none;
    @media(max-width: 768px){
        display: block;
        max-width: 600px;
        width: 100%;
        height: fit-content;
        user-select: none;
        pointer-events: none;
    }
}
.integration__img-mobile img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.integration__uptitle{
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0.04em;
    margin: 0 auto 8px;
    text-align: center;
    color: #9AA1AC;
}
.integration__text{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
    color: #6E7683;
    @media(max-width: 768px){
        font-size: 16px;
        line-height: 24px;
        padding: 0 16px;
    }
}
.integration__img{
    max-width: 1260px;
    width: 100%;
    height: fit-content;
    user-select: none;
    pointer-events: none;
    @media(max-width: 768px){
        display: none;
    }
}
.integration__img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.review__content{
    width: 100%;
    padding: 144px 60px;
    position: relative;
    overflow: hidden;
    border-radius: 32px;
    background-color: #F2F4F7;
    @media(max-width: 768px){
        padding: 64px 8px;
    }
}
.review__bg{
    position: absolute;
    top: 0;
    width: 1040px;
    left: 50%;
    transform: translateX(-50%);
}
.review__bg svg{
    width: 100%;
    height: auto;
}
.review__content h2{
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.04em;
    color: #0F0F12;
    margin: 0 auto 64px;
    position: relative;
    z-index: 9;
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 40px;
        margin: 0 auto 36px;
        padding: 0 8px;
    }
}
.review__swiper{
    display: flex;
    flex-direction: column;
    gap: 36px;
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 9;

}
.review__item-wrapper{
    max-width: 410px;
    height: 100%;
    width: 100%;
    flex-shrink: 0;
    @media(max-width: 575px){
        max-width: 320px;
    }
}
.review__item{
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 44px;
    justify-content: space-between;
    height: 100%;
    background-color: #FFFFFF;
    border-radius: 24px;
}
.review__stars{
    display: flex;
    align-items: center;
    gap: 4px;
}
.review__stars-item{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: transparent;
    stroke: #6E7683;
}
.review__stars-item img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.review__text{
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.04em;
    font-weight: 600;
    color: #0F0F12;
    min-height: 128px;
}
.review__author{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.review__author p{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
}
.review__author span{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #6E7683;
}
.review__navigation{
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
}
.review__btn-prev, .review__btn-next{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: 1px solid #E2E5EA;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease-in-out;
    cursor: pointer;
}
.review__btn-prev:hover, .review__btn-next:hover{
    background-color: #E2E5EA;
}
.review__counter{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #0F0F12;
    white-space: nowrap;
    width: fit-content;
}
.faq{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
    @media(max-width: 768px){
        margin: 0 16px;
        gap: 24px;
    }
}
.faq h2{
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: -0.04em;
    text-align: center;
    color: #0F0F12;
    margin: 0 auto;
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 40px;
    }
}
.faq__list{
    max-width: 826px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.faq__item{
    background-color: #FFFFFF;
    border: 1px solid #E2E5EA;
    border-radius: 16px;
    padding: 24px;
    transition: .3s ease-in-out;
    cursor: pointer;
}
.faq__item:hover{
    background-color: #F2F4F7;
}
.faq__item.open{
    background-color: #F2F4F7;
}
.faq__item.open .faq__item-dropdown{
    padding-top: 20px;
    border-top: 1px solid #E2E5EA;
    margin-top: 20px;
    transition: .3s ease-in-out;
}
.faq__item.open .faq__item-arrow{
    transform: translateY(-50%) rotate(180deg);
}
.faq__item-header{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    position: relative;
    @media(max-width: 768px){
        padding-right: 24px;
    }
}
.faq__item-header h3{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
}
.faq__item-counter{
    width: 36px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 60px;
    background-color: #F2F4F7;
    font-family: 'Glina Script em.', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #071030;
}
.faq__item-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: .3s ease-in-out;
}
.faq__item-dropdown{
    max-height: 0;
    overflow: hidden;
    transition: .3s ease-in-out;
}
.faq__item-dropdown p{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #0F0F12;
}
.start{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    @media(max-width: 768px){
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        max-width: calc(100% - 32px);
    }
}
.start__item{
    width: 100%;
    padding: 36px;
    border-radius: 32px;
    position: relative;
    border: 1px solid #E2E5EA;
    @media(max-width: 768px){
        padding: 24px;
        border-radius: 24px;
    }
}
.start__item--red{
    border-color:#FEE2E2;
    background-color: #FEE2E2;
    @media(max-width: 768px){
        padding: 0;
    }
}
.start__item--red h2{
    @media(max-width: 768px){
        padding: 24px 24px 0;
    }
}
.start__item--red p{
    @media(max-width: 768px){
        padding: 0 24px;
    }
}
.start__item--red button{
    @media(max-width: 768px){
        margin: 0 24px 24px;
    }
}
.start__item h2{
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    letter-spacing: -0.04em;
    margin-bottom: 24px;
    @media(max-width: 768px){
        margin-bottom: 16px;
        font-size: 28px;
        line-height: 36px;
    }
}
.start__item p{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #6E7683;
    margin-bottom: 36px;
    @media(max-width: 768px){
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
    }
}
.start__item button{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    width: fit-content;
    padding: 16px 20px;
    border-radius: 12px;
    background-color: #D00F3D;
    color: #FFFFFF;
    box-shadow: 0 8px 24px 0 #FF003D3D;
    transition: .3s ease-in-out;
    margin-bottom: 68px;
    @media(max-width: 768px){
        margin-bottom: 24px;
        width: calc(100% - 48px);
    }
}
.start__item button:hover{
    box-shadow: unset;
    background-color: #B40D35;
}
.start__item-disclaimer{
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400;
    color: #0F0F12 !important;
    position: relative;
    z-index: 9;
}
.start__item-img{
    position: absolute;
    bottom: 0;
    right: 0;
    user-select: none;
    pointer-events: none;
    max-width: 337px;
    width: 100%;
    @media(max-width: 768px){
        max-width: unset;
        position: relative;
        bottom: unset;
        right: unset;
        width: 100%;
        height: fit-content;
    }
}
.start__item-img img{
    @media(max-width: 768px){
        width: 100%;
        height: auto;
        object-fit: contain;
        object-position: center;
    }
}
.start__row{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 68px;
    @media(max-width: 1200px){
        flex-direction: column;
    }
    @media(max-width: 768px){
        margin-bottom: 24px;
    }
}
.start__row a{
    border: 1px solid #E2E5EA;
    background-color: #EEF0F3;
    padding: 20px 32px;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    transition: .3s ease-in-out;
    @media(max-width: 1200px){
        width: 100%;
        justify-content: center;
    }
}
.start__row a:hover{
    border-color: #D00F3D;
    background-color: #E2E5EA;
}
footer{
    margin-bottom: 8px;
}
.footer__content{
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 44px 0;
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    @media(max-width: 768px){
        max-width: calc(100% - 32px);
    }
}
.footer__row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 36px;
    @media(max-width: 768px){
        flex-direction: column;
        padding: 16px;
    }
}
.footer__logo{
    max-width: 170px;
    width: 100%;
    height: fit-content;
}
.footer__logo img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}
.footer__nav{
    display: flex;
    align-items: center;
    gap: 24px;
    @media(max-width: 768px){
        flex-direction: column;
    }
}
.footer__nav-item{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #0F0F12;
    transition: .3s ease-in-out;
}
.footer__nav-item:hover{
    color: #D00F3D;
}
.footer__text{
    display: flex;
    align-items: center;
    gap: 24px;
    @media(max-width: 768px){
        flex-direction: column;
    }
}
.footer__copyright{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #6E7683;
}
.footer__text a{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #6E7683;
    transition: .3s ease-in-out;
}
.footer__text a:hover{
    color: #D00F3D;
}
.better h2{
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    letter-spacing: -0.04em;
    text-align: center;
    color: #0F0F12;
    max-width: 610px;
    width: 100%;
    margin: 0 auto 64px;
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 40px;
        padding: 0 16px;
        margin: 0 auto 36px;
    }
}
.better__grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    width: 100%;
    @media(max-width: 768px){
        display: flex;
        flex-direction: column;
    }
}
.better__item{
    position: relative;
    padding: 24px;
    border-radius: 32px;
    border: 1px solid #E2E5EA;
    display: flex;
    flex-direction: column;
    gap: 36px;
    @media(max-width: 768px){
        padding: 16px;
        border-radius: 24px;
        gap: 24px;
    }
}
.better__item--blue{
    background-color: #EDF6FF;
    border-color: #EDF6FF;
}
.better__item--blue .better__item-list__item{
    background-color: #FFFFFF;
}
.better__item h3{
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
    @media(max-width: 768px){
        font-size: 20px;
        line-height: 28px;
    }
}
.better__item-list{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.better__item-list__item{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 36px;
    width: fit-content;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #0F0F12;
    background-color: #F2F4F7;
    @media(max-width: 768px){
        font-size: 16px;
        line-height: 24px;
        border-radius: 16px;
    }
}
.better__item-list__item svg{
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    object-fit: contain;
    object-position: center;
}
.better__img{
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-50%);
    max-width: 244px;
    width: 100%;
    height: auto;
    user-select: none;
    pointer-events: none;
    @media(max-width: 768px){
        max-width: 176px;
        transform: translateY(-20px);
    }
}
.better__img img{
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
}

.results__uptitle{
    font-family: 'Glina Script em.', sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 400;
    color: #9AA1AC;
    width: fit-content;
    margin: 0 auto 8px;
}
.results h2{
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.04em;
    margin: 0 auto;
    max-width: 610px;
    width: fit-content;
    color: #0F0F12;
    @media(max-width: 768px){
        font-size: 32px;
        line-height: 40px;
        max-width: 330px;
    }
}
.results__nav{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 64px;
    margin-bottom: 144px;
    @media(max-width: 768px){
        margin-bottom: 88px;
        margin-top: 36px;
    }
}
.results__fraction{
    width: fit-content;
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #0F0F12;
    white-space: nowrap;
}
.results__btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background-color: #FFFFFF;
    border: 1px solid #E2E5EA;
    border-radius: 50%;
    cursor: pointer;
    transition: .3s ease-in-out;
    color: #0F0F12;
}
.results__btn:hover{
    background-color: #E2E5EA;
}
.results__slider{
    overflow: visible;
    margin-top: 64px;
    @media(max-width: 768px){
        margin-top: 36px;
    }
}
.results__swiper{
    padding-left: calc((100vw - 1384px) / 2);
    padding-right: 16px;
    @media (max-width: 1420px){
        padding-left: 16px;
    }
}
.results__slide{
    width: 820px;
    padding: 24px;
    border-radius: 32px;
    height: 100%;
    @media (max-width: 860px){
        width: calc(100% - 32px);
    }
}
.results__slide-content{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.results__slide-content h3{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
    margin-bottom: 4px;
}
.results__slide-content a{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -0.04em;
    width: fit-content;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: .3s ease-in-out;
    color: #027BF5;
    margin-bottom: 24px;
}
.results__slide-content a:hover{
    color: #D00F3D;
}
.results__slide-info{
    display: flex;
    gap: 8px;
    @media(max-width: 768px){
        flex-direction: column;
    }
}
.results__img{
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    width: 100%;
    max-width: 504px;
    background-color: #FFFFFF;
    @media(max-width: 768px){
        height: 200px;
        max-width: unset;
    }
}
.results__img img{
    position: absolute;
    top: 16px;
    left: 24px;
    width: 586px;
    height: 295px;
    @media(max-width: 768px){
        width: 100%;
        height: auto;
    }
}
.results__slide-info__text{
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 24px;
    background-color: #FFFFFF;
    max-width: 260px;
    width: 100%;
    flex-shrink: 0;
    @media(max-width: 768px){
        max-width: unset;
    }
}
.results__slide-info__list{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.results__slide-info__title{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
}
.results__slide-info__item{
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.results__slide-info__item-title{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #6E7683;
}
.results__slide-info__row{
    display: flex;
    align-items: flex-end;
    gap: 16px;
}
.results__item-value__old{
    width: 44px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #9AA1AC;
}
.results__slide-info__row svg{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    object-fit: contain;
    object-position: center;
}
.results__item-value__wrapper{
    display: flex;
    align-items: center;
    gap: 4px;
}
.results__item-value__new{
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #0F0F12;
}
.results__item-value__percentage{
    padding: 4px 8px;
    border-radius: 8px;
    background-color: #22C55E;
    box-shadow: 0 4px 16px 0 #18D13770;
    font-family: 'Glina Script em.', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    white-space: nowrap;
    color: #FFFFFF;
}
.results__slide--purple{
    background-color: #E4DFFF;
}
.results__slide--blue{
    background-color: #EDF6FF;
}
dialog{
    margin: auto;
    padding: 40px;
    border: none;
    background-color: transparent;
}
dialog::backdrop{
    background-color: rgba(0, 0, 0, 0.4);
}
.video{
    position: relative;
}
.video__dialog{
    max-width: 900px;
    width: 100%;
    aspect-ratio: 16/9;
}
.video__dialog iframe{
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: contain;
    object-position: center;
}
.video__close{
    position: absolute;
    top: 0;
    right: 0;
    width: fit-content;
    height: fit-content;
}
.video__close button{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #E2E5EA;
    background-color: #FFFFFF;
    color: #0F0F12;
    transition: .3s ease-in-out;
}
.video__close button:hover{
    background-color: #E2E5EA;
}