/* =========================================
MOBILE PHONES FOR SMALL SCREEN(375px)
========================================= */
@media (min-width: 375px), (max-width: 374.98px) {
    h2{
        width: 343px;
        height: 135px;
        font-size: 30px;
        line-height: 30.8px;
        letter-spacing: -1.7px;
    }
    .h3-light{
        font-size: 22px;
        line-height: 28.8px;
        letter-spacing: -1.5px;
    }
    h4{
        font-size: 24px;
        line-height: 24px;
        letter-spacing: -1.5px;
    }
    h5{
        font-size: 17px;
        line-height: 24.3px;
        letter-spacing: -1.1px;
    }
    .faq-title{
        font-size: 52px;
        line-height: 52px;
        letter-spacing: -3.2px;
    }
    .main-text{
        font-size: 13px;
        line-height: 16.8px;
    }
    .menu__inner{
        height: 72px;
        padding: 0 16px;
    }
    .nav-list{
        display: none;
        margin-left: -70px;
    }
    .nav-button{
        display: none;
    }
    .mobile-btn{
        display: block;
    }
    .hero__inner{
        width: 343px;
        left: 16px;
        .hero__item{
            .hero__title {
                font-size: 42px;
                line-height: 46.2px;
                letter-spacing: -2.6px;
            }
            .hero__subtitle{
                font-size: 16px;
                font-weight: 500;
                line-height: 21.6px;
            }
            .hero__buttons{
                width: 343px;
                height: 32px;
                margin-top: 100px;
                button{
                    padding: 8px 14px;
                    font-size: 11px;
                    font-weight: 500;
                    line-height: 14px;
                }
            }
            .hero__module{
                width: 343px;
                height: 120px;
            }
            .hero__preheading{
                margin: 90px 0 24px 0;
                padding: 8px;
                font-size: 11px;
                font-weight: 500;
                line-height: 12px;
                letter-spacing: -0.44px;
            }
        }
    }

    .container{
        max-width: 343px;
    }
    .platform-demo{
        width: 359px;
        height: 360px;
        margin-bottom: 160px;
        background-position: left;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 160px;
    }
    .flex-row-spbn-wrap{
        flex-direction: column;
    }
    .business__inner{
        gap: 8px;
        margin: 78px 0 80px 0;
        .businnes__item{
            width: 343px;
            height: 560px;
            margin-bottom: 17px;
            .business__card1{
                margin-bottom: 0;
                .card__wrapper{
                    .main-text{
                        width: 314px;
                        height: 84px;
                    }
                    .shape{
                        width: 160px;
                        height: 160px;
                    }
                    .card-btn{
                        width: 126px;
                        height: 40px;
                        margin-bottom: 20px;
                    }
                }
            }
        }
    }
    .standart{
        padding-top: 84px;
        h2{
            width: 343px;
        }
    }
    .standart__inner{
        .standart__item{
            width: 343px;
            height: 340px;
            .icon-box{
                width: 160px;
                height: 160px;
            }
            h5{
                width: 300px;
                margin: 28px 0 16px 32px;
            }
        }
    }
    .customers{
        padding: 10px 0 140px 0;
    }
    .customers__inner{
        flex-direction: column;
        .customer__item{
            width: 343px;
            height: 446px;
            button{
                width: 108px;
                height: 40px;
                margin-top: 50px;
            }
            .video-bg{
                width: 343px;
                height: 446px;
                margin-top: 130px;
            }
            .customers_accordeon{
                width: 343px;
                height: auto;
                margin: 30px 0 0 0;
                details{
                    padding: 8px 0 8px 0;
                    summary{
                        font-size: 18px;
                        font-weight: 400;
                        height: 25px;
                        margin: 8px 0 16px 0px;
                        padding: 1px 0 0 26px;
                        background-position: left center;
                        background-size: 20px 20px;
                    }
                    .acc-body{
                        font-size: 15px;
                        font-weight: 500;
                        line-height: 21px;
                        letter-spacing: 0;
                        padding-left: 27px;
                    }
                }
            }
            .h3-light {
                width: 289px;
            }
        }
    }
    .flex-col{
        gap: 8px;
    }
    .faq-title{
        font-size: 32px;
        line-height: 35px;
        letter-spacing: -2px;
        margin-bottom: 24px;
    }
    .faq-subtitle{
        width: 227px;
        font-size: 14px;
        font-weight: 500;
        line-height: 18.9px;
    }
    .faq-wrapper{
        width: 100%;
        max-width: 343px;
        height: auto;
        margin: 0 auto;
        padding-bottom: 83px;
        .faq__accordeon{
            margin: 80px 0 0 0;
            padding: 1px 16px 14px 16px;
            details{
                summary{
                    width: 316px;
                    font-size: 17px;
                    line-height: 24px;
                    letter-spacing: -1.2px;
                    margin: 19px 0;
                    background-size: 20px 20px;
                    margin-left: 0;
                    span{
                        margin-left: 0;
                    }
                    .sum-heading{
                        margin: 0px 0px 0px 20px;
                        width: 250px;
                    }
                }
                .acc-content{
                    font-size: 13px;
                    font-weight: 400;
                    line-height: 18px;
                    .acc-body{
                        margin: 0;
                        padding-left: 20px;
                        padding-right: 20px;
                        padding-top: 16px;
    
                    }
                }
            }
        }
    }
    .footer-fadein{
        width: 100%;
        height: 23px;
        margin-bottom: -23px;
    }
    .footer-fadeout{
        width: 100%;
        height: 23px;
        margin-top: -23px;
    }
    .video-footer{
        width: 100%;
        height: 107px;
        video{
            width: 100%;
            height: 107px;
        }
    }

    .footer__inner{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 30px;
        .footer__item{
            max-width: 500px;
            .footer__flex-wrap{
                flex-direction: column;
                flex-wrap: nowrap;
                gap: 50px;
                .footer__links{
                    width: 188px;
                    height: auto;
                    a{
                        font-size: 13px;
                        font-weight: 500;
                        line-height: 16.8px;
                    }
                }
                .footer__contacts{
                    width: 200px;
                }
            }
        }
    }

    .form-container{
        width: 344px;
        height: auto;
        max-height: 457px;
        form{
            gap: 8px;
            label{
                font-size: 9px;
                font-weight: 400;
                line-height: 12px;
                letter-spacing: -0.44px;
            }
            input{
                margin-top: 8px;
                &::placeholder{
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                }
            }
            textarea{
                margin-top: 8px;
                &::placeholder{
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                }
            }
            .form-text{
                font-size: 11px;
                font-weight: 500;
                line-height: 12px;
                margin: 1px 0 0 18px;
                letter-spacing: -0.44px;
            }
            .form-flex{
                flex-wrap: nowrap;
                width: 100%;
                height: 56px;
                margin-top: -8px;
                padding: 0px 8px;
                p{
                    padding: 0;
                    margin: 0;
                    font-size: 11px;
                    font-weight: 500;
                    line-height: 16px;
                    letter-spacing: 0;
                }
                button{
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    padding: 9px 18px 11px 18px;
                    border-radius: 20px;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19px;
                    margin-top: 10px;
                }
            }
        }
    }
    .footer__copyright{
        flex-direction: column-reverse;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
        margin: 40px 0 40px 0;
        .copyryght{
            color: var(--text-h4);
            font-family: 'Satoshi';
            font-size: 14px;
            font-weight: 500;
            line-height: 19.6px;
        }
        .copyright-links{
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 40px;
                a{
                    color: var(--text-h4);
                    font-feature-settings: 'ss02' on, 'ss03' on, 'liga' off;
                    font-family: 'Satoshi';
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                    text-decoration: none;
                    transition: color .3s ease-in-out;
                    &:hover{
                        color: var(--text-placeholder);
                    }
            }
        }
    }
    .col440w{
        width: 350px;
        padding-left: 0px;
    }
}

/* =========================================
MOBILE PHONES APPLE AND SAMSUNG(440px)
========================================= */
@media (min-width: 440px) {
    h2{
        width: 343px;
        height: 135px;
        font-size: 30px;
        line-height: 30.8px;
        letter-spacing: -1.7px;
    }
    .h3-light{
        font-size: 22px;
        line-height: 28.8px;
        letter-spacing: -1.5px;
    }
    h4{
        font-size: 24px;
        line-height: 24px;
        letter-spacing: -1.5px;
    }
    h5{
        font-size: 17px;
        line-height: 24.3px;
        letter-spacing: -1.1px;
    }
    .faq-title{
        font-size: 52px;
        line-height: 52px;
        letter-spacing: -3.2px;
    }
    .main-text{
        font-size: 13px;
        line-height: 16.8px;
    }
    .menu__inner{
        height: 72px;
        padding: 0 16px;
    }
    .nav-list{
        display: none;
        margin-left: -70px;
    }
    .nav-button{
        display: none;
    }
    .mobile-btn{
        display: block;
    }
    .hero__inner{
        width: 343px;
        left: 16px;
        .hero__item{
            .hero__title {
                font-size: 42px;
                line-height: 46.2px;
                letter-spacing: -2.6px;
            }
            .hero__subtitle{
                font-size: 16px;
                font-weight: 500;
                line-height: 21.6px;
            }
            .hero__buttons{
                width: 343px;
                height: 32px;
                margin-top: -80px;
                button{
                    padding: 8px 14px;
                    font-size: 11px;
                    font-weight: 500;
                    line-height: 14px;
                }
            }
            .hero__module{
                width: 343px;
                height: 120px;
            }
            .hero__preheading{
                margin: 90px 0 24px 0;
                padding: 8px;
                font-size: 11px;
                font-weight: 500;
                line-height: 12px;
                letter-spacing: -0.44px;
            }
        }
    }

    .container{
        max-width: 410px;
    }
    .platform-demo{
        width: 426px;
        height: 400px;
        margin-bottom: 160px;
        background-position: left;
        background-size: cover;
        background-repeat: no-repeat;
        margin-bottom: 160px;
    }
    .flex-row-spbn-wrap{
        flex-direction: column;
    }
    .business__inner{
        gap: 8px;
        margin: 78px 0 80px 0;
        .businnes__item{
            width: 404px;
            height: 580px;
            margin-bottom: 0px;
            .business__card1{
                margin-bottom: 0;
                .card__wrapper{
                    .main-text{
                        width: 314px;
                        height: 84px;
                    }
                    .shape{
                        width: 160px;
                        height: 160px;
                    }
                    .card-btn{
                        width: 126px;
                        height: 40px;
                        margin-bottom: 20px;
                    }
                }
            }
        }
    }
    .standart{
        padding-top: 84px;
        h2{
            width: 343px;
        }
    }
    .standart__inner{
        .standart__item{
            width: 410px;
            height: 410px;
            .icon-box{
                width: 190px;
                height: 190px;
            }
            h5{
                width: 300px;
                margin: 28px 0 16px 32px;
            }
        }
    }
    .customers{
        padding: 10px 0 140px 0;
    }
    .customers__inner{
        flex-direction: column;
        .customer__item{
            width: 400px;
            height: 446px;
            button{
                width: 108px;
                height: 40px;
                margin-top: 70px;
            }
            .video-bg{
                width: 410px;
                height: 500px;
                margin-top: 130px;
            }
            .customers_accordeon{
                width: 400px;
                height: auto;
                margin: 30px 0 0 0;
                details{
                    padding: 8px 0 8px 0;
                    summary{
                        font-size: 18px;
                        font-weight: 400;
                        height: 25px;
                        margin: 8px 0 16px 0px;
                        padding: 1px 0 0 26px;
                        background-position: left center;
                        background-size: 20px 20px;
                    }
                    .acc-body{
                        font-size: 15px;
                        font-weight: 500;
                        line-height: 21px;
                        letter-spacing: 0;
                        padding-left: 27px;
                    }
                }
            }
            .h3-light {
                width: 289px;
            }
        }
    }
    .flex-col{
        gap: 8px;
    }
    .faq-title{
        font-size: 32px;
        line-height: 35px;
        letter-spacing: -2px;
        margin-bottom: 24px;
    }
    .faq-subtitle{
        width: 227px;
        font-size: 14px;
        font-weight: 500;
        line-height: 18.9px;
    }
    .faq-wrapper{
        width: 100%;
        max-width: 410px;
        height: auto;
        margin: 0 auto;
        padding-bottom: 83px;
        .faq__accordeon{
            margin: 80px 0 0 0;
            padding: 1px 16px 14px 16px;
            details{
                summary{
                    width: 372px;
                    font-size: 17px;
                    line-height: 24px;
                    letter-spacing: -1.2px;
                    margin: 19px 0;
                    background-size: 20px 20px;
                    margin-left: 0;
                    span{
                        margin-left: 0;
                    }
                    .sum-heading{
                        margin: 0px 0px 0px 20px;
                        width: 330px;
                    }
                }
                .acc-content{
                    font-size: 13px;
                    font-weight: 400;
                    line-height: 18px;
                    .acc-body{
                        margin: 0;
                        padding-left: 20px;
                        padding-right: 20px;
                        padding-top: 16px;
    
                    }
                }
            }
        }
    }
    .footer-fadein{
        width: 100%;
        height: 23px;
        margin-bottom: -23px;
    }
    .footer-fadeout{
        width: 100%;
        height: 23px;
        margin-top: -23px;
    }
    .video-footer{
        width: 100%;
        height: 107px;
        video{
            width: 100%;
            height: 107px;
        }
    }

    .footer__inner{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 30px;
        .footer__item{
            max-width: 500px;
            .footer__flex-wrap{
                flex-direction: column;
                flex-wrap: nowrap;
                gap: 50px;
                .footer__links{
                    width: 188px;
                    height: auto;
                    a{
                        font-size: 13px;
                        font-weight: 500;
                        line-height: 16.8px;
                    }
                }
                .footer__contacts{
                    width: 200px;
                }
            }
        }
    }

    .form-container{
        width: 410px;
        height: auto;
        max-height: 457px;
        form{
            gap: 8px;
            label{
                font-size: 9px;
                font-weight: 400;
                line-height: 12px;
                letter-spacing: -0.44px;
            }
            input{
                margin-top: 8px;
                &::placeholder{
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                }
            }
            textarea{
                margin-top: 8px;
                &::placeholder{
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                }
            }
            .form-text{
                font-size: 11px;
                font-weight: 500;
                line-height: 12px;
                margin: 1px 0 0 18px;
                letter-spacing: -0.44px;
            }
            .form-flex{
                flex-wrap: nowrap;
                width: 100%;
                height: 56px;
                margin-top: -8px;
                padding: 0px 8px;
                p{
                    padding: 0;
                    margin: 0;
                    font-size: 11px;
                    font-weight: 500;
                    line-height: 16px;
                    letter-spacing: 0;
                }
                button{
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    padding: 9px 18px 11px 18px;
                    border-radius: 20px;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19px;
                    margin-top: 10px;
                }
            }
        }
    }
    .footer__copyright{
        flex-direction: column-reverse;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
        margin: 40px 0 40px 0;
        .copyryght{
            color: var(--text-h4);
            font-family: 'Satoshi';
            font-size: 14px;
            font-weight: 500;
            line-height: 19.6px;
        }
        .copyright-links{
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 40px;
                a{
                    color: var(--text-h4);
                    font-feature-settings: 'ss02' on, 'ss03' on, 'liga' off;
                    font-family: 'Satoshi';
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                    text-decoration: none;
                    transition: color .3s ease-in-out;
                    &:hover{
                        color: var(--text-placeholder);
                    }
            }
        }
    }
    .col440w{
        width: 350px;
        padding-left: 0px;
    }
}

/* =========================================
MOBILE PHONES FOLD AND MORE(576px)
========================================= */
@media (min-width: 576px) and (max-width: 1279.98px) {
    /* Shared tablet layout; desktop rules resume at 1280px. */
    .container { width: calc(100% - 48px); max-width: 720px; }
    h2 { width: 100%; height: auto; font-size: 36px; line-height: 1.08; }
    .h3-light { font-size: 28px; line-height: 1.15; }
    .main-text { font-size: 15px; line-height: 1.4; }
    .menu__inner { padding: 0 24px; }
    .hero { height: max(760px, 100svh); }
    .hero__inner {
        width: calc(100% - 48px); left: 24px;
        justify-content: flex-start; gap: 40px; padding: 112px 0 64px;
        .hero__item {
            height: auto;
            .hero__preheading { margin: 0 0 24px; }
            .hero__title { font-size: 52px; line-height: 1.05; letter-spacing: -3px; }
            .hero__subtitle { max-width: 520px; font-size: 18px; line-height: 1.35; }
            .hero__buttons { width: 100%; height: auto; flex-wrap: wrap; margin-top: 0; }
            .hero__module { width: 100%; max-width: 570px; height: 128px; margin-bottom: 0; }
        }
    }

    .platform-demo {
        width: 100%; height: auto; aspect-ratio: 1384 / 755;
        background-size: contain; background-position: center; margin-bottom: 96px;
    }
    .flex-row-spbn-wrap { gap: 24px; margin-bottom: 48px; }
    .col440w { width: 100%; padding-left: 0; }
    .business__inner {
        gap: 24px; margin: 48px 0 64px;
        .businnes__item {
            width: 100%; height: auto;
            .business__card1 {
                min-height: 580px;
                .card__wrapper {
                    width: 100%;
                    .main-text { width: calc(100% - 64px); height: auto; }
                    .shape { margin: 24px auto; }
                    .card-btn { margin-bottom: 32px; }
                }
            }
            .business__card3 { height: auto; min-height: 190px; }
        }
    }
    .flex-col { gap: 24px; }
    .customers { padding: 64px 0; }
    .customers__inner {
        gap: 40px;
        .customer__item {
            width: 100%; height: auto;
            .h3-light { width: 100%; max-width: 520px; }
            button { margin-top: 32px; }
            .customers_accordeon {
                width: 100%; margin-top: 40px;
                details summary { height: auto; min-height: 25px; }
            }
            .video-bg { width: 100%; height: auto; aspect-ratio: 676 / 700; margin-top: 0; }
        }
    }
    .standart h2 { width: 100%; }
    .standart__inner {
        gap: 24px; margin-top: 48px;
        .standart__item {
            width: 100%; height: 410px;
            h5 { width: calc(100% - 64px); }
        }
    }
    .faq { padding-top: 96px; }
    .faq-title { font-size: 40px; line-height: 1.1; }
    .faq-subtitle { width: 100%; max-width: 472px; font-size: 16px; line-height: 1.4; }
    .faq-wrapper {
        max-width: 100%; margin: 0 auto;
        .faq__accordeon {
            margin-top: 48px;
            details summary {
                width: 100%; font-size: 18px; line-height: 1.35;
                .sum-heading { width: auto; }
            }
        }
    }
    .video-footer { width: 100%; height: 220px; video { width: 100%; height: 100%; } }
    footer { height: auto; padding-bottom: 32px; }
    .footer__inner {
        gap: 40px;
        .footer__item {
            max-width: 100%;
            .footer__flex-wrap { flex-direction: row; flex-wrap: wrap; gap: 32px; }
        }
    }
    .form-container { width: 100%; max-width: 572px; float: none; }
    .footer__copyright .copyright-links { flex-wrap: wrap; gap: 16px 32px; }
}

/* =========================================
MOBILE PHONES AND PADS FOLD AND MORE(768px)
========================================= */
@media (min-width: 768px) and (max-width: 1279.98px) {
    .container { width: calc(100% - 64px); max-width: 896px; }
    h2 { font-size: 42px; letter-spacing: -2.5px; }
    .h3-light { font-size: 32px; }
    .menu__inner { padding: 0 32px; }
    .hero__inner {
        width: calc(100% - 64px); left: 32px;
        .hero__item {
            .hero__title { max-width: 720px; font-size: 64px; letter-spacing: -4px; }
            .hero__subtitle { font-size: 20px; }
            .hero__buttons button { font-size: 13px; }
        }
    }

    .business__inner .businnes__item .business__card1 { min-height: 600px; }
    .customers__inner .customer__item .video-bg { aspect-ratio: 676 / 600; }
    .standart__inner .standart__item {
        width: calc((100% - 24px) / 2); height: 430px;
        h5 { font-size: 20px; line-height: 1.2; }
        .icon-box { width: 160px; height: 160px; padding: 40px; }
    }
    .faq-title { font-size: 48px; letter-spacing: -3px; }
    .faq-wrapper .faq__accordeon details summary { font-size: 21px; }
    .video-footer { height: 280px; }
    .footer__copyright { flex-direction: row; justify-content: space-between; }
}

/* =========================================
PADS (1024px)
========================================= */
@media (min-width: 1024px) and (max-width: 1279.98px) {
    .container { max-width: 1120px; }
    h2 { font-size: 45px; }
    .hero__inner { width: 640px; left: calc(50% - 160px); }

    .flex-row-spbn-wrap {
        flex-direction: row;
        h2 { width: calc(56% - 12px); }
        .col440w { width: calc(44% - 12px); }
    }
    .business__inner {
        align-items: stretch;
        .businnes__item {
            width: calc((100% - 24px) / 2);
            .business__card1 { height: 100%; }
            .business__card3 { flex: 1; }
        }
    }
    .customers__inner {
        flex-direction: row; gap: 24px; align-items: flex-start;
        .customer__item {
            width: calc((100% - 24px) / 2);
            .video-bg { aspect-ratio: 514 / 670; }
        }
    }
    .standart__inner .standart__item {
        width: calc((100% - 48px) / 3);
        h5 { width: calc(100% - 48px); margin-left: 24px; }
        .main-text { margin-left: 24px; margin-right: 24px; }
    }
    .faq-wrapper { max-width: 748px; margin-left: auto; margin-right: 0; }
    .video-footer { height: 340px; }
    .footer__inner {
        gap: 32px;
        .footer__item {
            width: calc((100% - 32px) / 2);
            .footer__flex-wrap {
                gap: 24px;
                .footer__links, .footer__contacts { width: calc((100% - 24px) / 2); }
            }
        }
    }
}


/* =========================================
PADS AND SMALL NOTEBOOKS (1280px)
========================================= */
@media (min-width: 1280px) {
    h2{
        width: 514px;
        height: 135px;
        font-size: 45px;
        line-height: 45px;
        letter-spacing: -2.8px;
    }
    .h3-light{
        font-size: 32px;
        line-height: 32px;
        letter-spacing: -2px;
    }
    h4{
        font-size: 24px;
        line-height: 24px;
        letter-spacing: -1.5px;
    }
    h5{
        font-size: 22px;
        line-height: 22px;
        letter-spacing: -1.4px;
    }
    .faq-title{
        font-size: 52px;
        line-height: 52px;
        letter-spacing: -3.2px;
    }
    .main-text{
        font-size: 15px;
        line-height: 19.6px;
    }
    .menu__inner{
        height: 72px;
        padding: 0 32px;
    }
    .nav-list{
        display: block;
        margin-left: -70px;
    }
    .nav-button{
        display: flex;
    }
    .mobile-btn{
        display: none;
    }
    .hero__inner{
        width: 494px;
        left: 422px;
        .hero__item{
            .hero__title {
                font-size: 68px;
                line-height: 68px;
                letter-spacing: -4.2px;
            }
            .hero__subtitle{
                font-size: 21px;
                font-weight: 500;
                line-height: 28.4px;
            }
            .hero__buttons{
                width: 400px;
                height: 32px;
                margin-top: 36px;
                button{
                    padding: 8px 14px;
                    font-size: 13px;
                    font-weight: 500;
                    line-height: 14px;
                }
            }
            .hero__module{
                width: 570px;
                height: 128px;
            }
            .hero__preheading{
                margin: 160px 0 24px 0;
                padding: 8px;
                font-size: 11px;
                font-weight: 500;
                line-height: 12px;
                letter-spacing: -0.44px;
            }
        }
    }

    .container{
        max-width: 1060px;
    }
    .platform-demo{
        width: 1060px;
        height: 578px;
        margin-bottom: 160px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom: 160px;
    }
    .flex-row-spbn-wrap{
        flex-direction: row;
    }
    .business__inner{
        gap: 32px;
        margin: 78px 0 80px 0;
        .businnes__item{
            width: 514px;
            height: 600px;
            margin-bottom: 0px;
            .business__card1{
                margin-bottom: 0;
                .card__wrapper{
                    .main-text{
                        width: 413px;
                        height: 79px;
                    }
                    .shape{
                        width: 160px;
                        height: 160px;
                    }
                    .card-btn{
                        width: 126px;
                        height: 40px;
                        margin-bottom: 64px;
                    }
                }
            }
        }
    }
    .customers{
        padding: 80px 0 80px 0;
    }
    .customers__inner{
        flex-direction: row;
        .customer__item{
            width: 514px;
            height: 670px;
            button{
                width: 108px;
                height: 40px;
                margin-top: 50px;
            }
            .video-bg{
                width: 514px;
                height: 670px;
                margin-top: 0;
            }
            .customers_accordeon{
                width: 440px;
                margin: 80px 0 0 0;
                details{
                    color: var(--text-placeholder);
                    padding: 16px 0 16px 0;
                    border-top: 1px solid var(--hr-light);
                    summary{
                        font-size: 18px;
                        font-weight: 400;
                        height: 25px;
                        margin: 8px 0 16px 0px;
                        padding: 1px 0 0 26px;
                        background-position: left center;
                        background-size: 20px 20px;
                    }
                    .acc-body{
                        color: var(--text-placeholder);
                        font-feature-settings: 'ss02' on, 'ss03' on, 'liga' off;
                        font-family: 'Satoshi';
                        font-size: 15px;
                        font-weight: 500;
                        line-height: 21px;
                        letter-spacing: 0;
                        padding-left: 27px;
                    }
                }
            }
            .h3-light {
                width: 434px;
            }
        }
    }
    .standart{
        padding-top: 84px;
        h2{
            width: 912px;
        }
    }
    .standart__inner{
        .standart__item{
            width: 332px;
            height: 407px;
            .icon-box{
                width: 160px;
                height: 160px;
            }
            h5{
                width: 100%;
                margin: 28px 0 16px 32px;
            }
        }
    }
    .flex-col{
        gap: 32px;
    }
    .faq-title{
        font-size: 52px;
        line-height: 52px;
        letter-spacing: -3.2px;
        margin-bottom: 24px;
    }
    .faq-subtitle{
        width: 388px;
        width: 472px;
        font-size: 18px;
        font-weight: 500;
        line-height: 24.3px;
    }
    .faq-wrapper{
        width: 100%;
        max-width: 748px;
        height: auto;
        margin: 0 268px 0 312px;
        padding-bottom: 83px;
        .faq__accordeon{
            margin: 80px 0 0 0;
            padding: 1px 16px 14px 16px;
            details{
                summary{
                    width: 100%;
                    font-size: 21px;
                    line-height: 32px;
                    letter-spacing: -1.2px;
                    margin: 19px 0;
                    background-size: 30px 30px;
                    margin-left: 0;
                    span{
                        margin-left: 0;
                    }
                    .sum-heading{
                        margin: 0px 0px 0px 20px;
                        width: 100%;
                    }
                }
                .acc-content{
                    font-size: 15px;
                    font-weight: 400;
                    line-height: 21px;
                    .acc-body{
                        margin: 0;
                        padding-left: 44px;
                        padding-right: 40px;
                        padding-top: 16px;
    
                    }
                }
            }
        }
    }
    .footer-fadein{
        width: 100%;
        height: 150px;
        margin-bottom: -150px;
    }
    .footer-fadeout{
        width: 100%;
        height: 150px;
        margin-top: -150px;
    }
    .video-footer{
        width: 1280px;
        height: 366px;
        video{
            width: 1280px;
            height: 366px;
        }
    }

    .footer__inner{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 30px;
        .footer__item{
            max-width: 500px;
            .footer__flex-wrap{
                flex-direction: row;
                flex-wrap: nowrap;
                gap: 50px;
                .footer__links{
                    width: 188px;
                    height: auto;
                    a{
                        font-size: 15px;
                        font-weight: 500;
                        line-height: 19.6px;
                    }
                }
                .footer__contacts{
                    width: 200px;
                }
            }
        }
    }

    .form-container{
        width: 500px;
        height: auto;
        max-height: 457px;
        form{
            gap: 8px;
            label{
                font-size: 11px;
                font-weight: 400;
                line-height: 12px;
                letter-spacing: -0.44px;
            }
            input{
                margin-top: 8px;
                &::placeholder{
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                }
            }
            textarea{
                margin-top: 8px;
                &::placeholder{
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                }
            }
            .form-text{
                font-size: 11px;
                font-weight: 500;
                line-height: 12px;
                margin: 1px 0 0 18px;
                letter-spacing: -0.44px;
            }
            .form-flex{
                flex-wrap: nowrap;
                width: 100%;
                height: 56px;
                margin-top: -8px;
                padding: 0px 8px;
                p{
                    padding: 0;
                    margin: 0;
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 16px;
                    letter-spacing: 0;
                }
                button{
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    padding: 9px 18px 11px 18px;
                    border-radius: 20px;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                    margin-top: 10px;
                }
            }
        }
    }
    .footer__copyright{
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 40px 0 40px 0;
        .copyryght{
            font-size: 14px;
            font-weight: 500;
            line-height: 19.6px;
        }
        .copyright-links{
            justify-content: flex-end;
            align-items: center;
            gap: 40px;
            a{
                font-size: 15px;
                font-weight: 500;
                line-height: 19.6px;
            }
        }
    }
    .flex-link{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0px;
    }
    .col440w{
        width: 440px;
        padding-left: 30px;
    }
}


/* =========================================
MACBOOK 150% (1440px)
========================================= */
@media (min-width: 1440px) and (max-width: 1600px){
    h2{
        width: 640px;
        height: 140px;
        font-size: 62px;
        line-height: 62px;
        letter-spacing: -3.8px;
    }
    .h3-light{
        font-size: 36px;
        line-height: 36px;
        letter-spacing: -2.2px;
    }
    h4{
        font-size: 28px;
        line-height: 28px;
        letter-spacing: -1.7px;
    }
    h5{
        font-size: 24px;
        line-height: 24px;
        letter-spacing: -1.5px;
    }
    .faq-title{
        font-size: 72px;
        line-height: 72px;
        letter-spacing: -4.4px;
    }
    .main-text{
        font-size: 15px;
        line-height: 19.6px;
    }
    .menu__inner{
        height: 72px;
        padding: 0 32px;
    }
    .nav-list{
        display: block;
        margin-left: -298px;
    }
    .nav-button{
        display: flex;
    }
    .mobile-btn{
        display: none;
    }
    .hero__inner{
        width: 1030px;
        left: 622px;
        .hero__item{
            .hero__title {
                font-size: 95px;
                line-height: 95px;
                letter-spacing: -5.8px;
            }
            .hero__subtitle{
                font-size: 21px;
                font-weight: 500;
                line-height: 28.4px;
            }
            .hero__buttons{
                width: 400px;
                height: 32px;
                margin-top: 0;
                button{
                    padding: 8px 14px;
                    font-size: 13px;
                    font-weight: 500;
                    line-height: 14px;
                }
            }
            .hero__preheading{
                margin: 160px 0 24px 0;
                padding: 8px;
                font-size: 11px;
                font-weight: 500;
                line-height: 12px;
                letter-spacing: -0.44px;
            }
        }
    }
 
    .container{
        max-width: 1384px;
    }
    .platform-demo{
        width: 1384px;
        height: 755px;
        margin-bottom: 160px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom: 160px;
    }
    .business__inner{
        gap: 32px;
        margin: 78px 0 80px 0;
        .businnes__item{
            width: 676px;
            height: 721px;
            margin-bottom: 0px;
            .business__card1{
                margin-bottom: 0;
                .card__wrapper{
                    .main-text{
                        width: 548px;
                        height: 79px;
                    }
                    .shape{
                        width: 204px;
                        height: 204px;
                    }
                    .card-btn{
                        width: 126px;
                        height: 40px;
                        margin-bottom: 64px;
                    }
                }
            }
        }
    }
    .customers{
        padding: 80px 0 80px 0;
    }
    .customers__inner{
        flex-direction: row;
        .customer__item{
            width: 676px;
            height: 880px;
            .video-bg{
                width: 676px;
                height: 880px;
            }
            .customers_accordeon{
                width: 440px;
                margin: 80px 0 0 0;
                details{
                    color: var(--text-placeholder);
                    padding: 16px 0 16px 0;
                    border-top: 1px solid var(--hr-light);
                    summary{
                        list-style: none;
                        color: var(--heading-light);
                        font-feature-settings: 'ss02' on, 'ss03' on, 'liga' off;
                        font-family: 'Satoshi';
                        font-size: 18px;
                        font-weight: 400;
                        height: 25px;
                        margin: 8px 0 16px 0px;
                        padding: 1px 0 0 26px;
                        background-position: left center;
                        background-size: 20px 20px;
                    }
                    .acc-body{
                        font-size: 15px;
                        font-weight: 500;
                        line-height: 21px;
                        letter-spacing: 0;
                        padding-left: 27px;
                    }
                }
            }
            .h3-light {
                width: 434px;
            }
        }
    }
    .standart{
        padding-top: 84px;
        h2{
            width: 912px;
        }
    }
    .standart__inner{
        .standart__item{
            width: 440px;
            height: 440px;
            .icon-box{
                width: 200px;
                height: 200px;
            }
            h5{
                width: 100%;
                margin: 28px 0 16px 32px;
            }
        }
    }
    .flex-col{
        gap: 32px;
    }
    .faq-title{
        font-size: 72px;
        line-height: 72px;
        letter-spacing: -4.4px;
        margin-bottom: 24px;
    }
    .faq-subtitle{
        width: 472px;
        font-size: 18px;
        font-weight: 500;
        line-height: 24.3px;
    }
    .faq-wrapper{
        width: 100%;
        max-width: 912px;
        height: auto;
        margin: 0 268px 0 472px;
        padding-bottom: 83px;
        .faq__accordeon{
            margin: 80px 0 0 0;
            padding: 1px 16px 14px 16px;
            details{
                summary{
                    width: 100%;
                    font-size: 24px;
                    font-weight: 400;
                    line-height: 32px;
                    letter-spacing: -1.5px;
                    margin: 19px 0;
                    background-size: 30px 30px;
                    margin-left: 0;
                    span{
                        margin-left: 0;
                    }
                    .sum-heading{
                        margin: 0px 0px 0px 20px;
                        width: 100%;
                    }
                }
                .acc-content{
                    font-size: 15px;
                    font-weight: 400;
                    line-height: 21px;
                    .acc-body{
                        margin: 0;
                        padding-left: 44px;
                        padding-right: 40px;
                        padding-top: 16px;
    
                    }
                }
            }
        }
    }
    .video-footer{
        width: 1980px;
        height: 550px;
        video{
            width: 1980px;
            height: 100%;
        }
    }
    .footer__inner{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 30px;
        .footer__item{
            max-width: 630px;
            .footer__flex-wrap{
                flex-direction: row;
                flex-wrap: wrap;
                gap: 86px;
                .footer__links{
                    width: 280px;
                    height: auto;
                    a{
                        font-size: 15px;
                        font-weight: 500;
                        line-height: 19.6px;
                    }
                }
                .footer__contacts{
                    width: 260px;
                }
            }
        }
    }
    
    .form-container{
        width: 572px;
        height: auto;
        max-height: 457px;
        form{
            gap: 8px;
            label{
                font-size: 11px;
                font-weight: 400;
                line-height: 12px;
                letter-spacing: -0.44px;
            }
            input{
                margin-top: 8px;
                &::placeholder{
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                }
            }
            textarea{
                margin-top: 8px;
                &::placeholder{
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                }
            }
            .form-text{
                font-size: 11px;
                font-weight: 500;
                line-height: 12px;
                margin: 1px 0 0 18px;
                letter-spacing: -0.44px;
            }
            .form-flex{
                flex-wrap: nowrap;
                width: 100%;
                height: 56px;
                margin-top: -8px;
                padding: 0px 8px;
                p{
                    padding: 0;
                    margin: 0;
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 16px;
                    letter-spacing: 0;
                }
                button{
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    padding: 9px 18px 11px 18px;
                    border-radius: 20px;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                    margin-top: 10px;
                }
            }
        }
    }
    .footer__copyright{
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 40px 0 40px 0;
        .copyryght{
            font-size: 14px;
            font-weight: 500;
            line-height: 19.6px;
        }
        .copyright-links{
            justify-content: flex-end;
            align-items: center;
            gap: 40px;
            a{
                font-size: 15px;
                font-weight: 500;
                line-height: 19.6px;
            }
        }
    }
    .flex-link{
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 32px;
    }
    .col440w{
        width: 440px;
        padding-left: 30px;
    }
}

/* =========================================
MACBOOK 120% (1710px)
========================================= */
@media (min-width: 1710px){
    h2{
        width: 640px;
        height: 140px;
        font-size: 62px;
        line-height: 62px;
        letter-spacing: -3.8px;
    }
    .h3-light{
        font-size: 36px;
        line-height: 36px;
        letter-spacing: -2.2px;
    }
    h4{
        font-size: 28px;
        line-height: 28px;
        letter-spacing: -1.7px;
    }
    h5{
        font-size: 24px;
        line-height: 24px;
        letter-spacing: -1.5px;
    }
    .faq-title{
        font-size: 72px;
        line-height: 72px;
        letter-spacing: -4.4px;
    }
    .main-text{
        font-size: 15px;
        line-height: 19.6px;
    }
    .menu__inner{
        height: 72px;
        padding: 0 32px;
    }
    .nav-list{
        display: block;
        margin-left: -298px;
    }
    .nav-button{
        display: flex;
    }
    .mobile-btn{
        display: none;
    }
    .hero__inner{
        width: 1030px;
        left: 516px;
        .hero__item{
            .hero__title {
                font-size: 95px;
                line-height: 95px;
                letter-spacing: -5.8px;
            }
            .hero__subtitle{
                font-size: 21px;
                font-weight: 500;
                line-height: 28.4px;
            }
            .hero__buttons{
                width: 400px;
                height: 32px;
                margin-top: 0;
                button{
                    padding: 8px 14px;
                    font-size: 13px;
                    font-weight: 500;
                    line-height: 14px;
                }
            }
            .hero__preheading{
                margin: 160px 0 24px 0;
                padding: 8px;
                font-size: 11px;
                font-weight: 500;
                line-height: 12px;
                letter-spacing: -0.44px;
            }
        }
    }
 
    .container{
        max-width: 1384px;
    }
    .platform-demo{
        width: 1384px;
        height: 755px;
        margin-bottom: 160px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom: 160px;
    }
    .business__inner{
        gap: 32px;
        margin: 78px 0 80px 0;
        .businnes__item{
            width: 676px;
            height: 721px;
            margin-bottom: 0px;
            .business__card1{
                margin-bottom: 0;
                .card__wrapper{
                    .main-text{
                        width: 548px;
                        height: 79px;
                    }
                    .shape{
                        width: 204px;
                        height: 204px;
                    }
                    .card-btn{
                        width: 126px;
                        height: 40px;
                        margin-bottom: 64px;
                    }
                }
            }
        }
    }
    .customers{
        padding: 80px 0 80px 0;
    }
    .customers__inner{
        flex-direction: row;
        .customer__item{
            width: 676px;
            height: 880px;
            .video-bg{
                width: 676px;
                height: 880px;
            }
            .customers_accordeon{
                width: 440px;
                margin: 80px 0 0 0;
                details{
                    color: var(--text-placeholder);
                    padding: 16px 0 16px 0;
                    border-top: 1px solid var(--hr-light);
                    summary{
                        list-style: none;
                        color: var(--heading-light);
                        font-feature-settings: 'ss02' on, 'ss03' on, 'liga' off;
                        font-family: 'Satoshi';
                        font-size: 18px;
                        font-weight: 400;
                        height: 25px;
                        margin: 8px 0 16px 0px;
                        padding: 1px 0 0 26px;
                        background-position: left center;
                        background-size: 20px 20px;
                    }
                    .acc-body{
                        font-size: 15px;
                        font-weight: 500;
                        line-height: 21px;
                        letter-spacing: 0;
                        padding-left: 27px;
                    }
                }
            }
            .h3-light {
                width: 434px;
            }
        }
    }
    .standart{
        padding-top: 84px;
        h2{
            width: 912px;
        }
    }
    .standart__inner{
        .standart__item{
            width: 440px;
            height: 440px;
            .icon-box{
                width: 200px;
                height: 200px;
            }
            h5{
                width: 100%;
                margin: 28px 0 16px 32px;
            }
        }
    }
    .flex-col{
        gap: 32px;
    }
    .faq-title{
        font-size: 72px;
        line-height: 72px;
        letter-spacing: -4.4px;
        margin-bottom: 24px;
    }
    .faq-subtitle{
        width: 472px;
        font-size: 18px;
        font-weight: 500;
        line-height: 24.3px;
    }
    .faq-wrapper{
        width: 100%;
        max-width: 912px;
        height: auto;
        margin: 0 268px 0 472px;
        padding-bottom: 83px;
        .faq__accordeon{
            margin: 80px 0 0 0;
            padding: 1px 16px 14px 16px;
            details{
                summary{
                    width: 100%;
                    font-size: 24px;
                    font-weight: 400;
                    line-height: 32px;
                    letter-spacing: -1.5px;
                    margin: 19px 0;
                    background-size: 30px 30px;
                    margin-left: 0;
                    span{
                        margin-left: 0;
                    }
                    .sum-heading{
                        margin: 0px 0px 0px 20px;
                        width: 100%;
                    }
                }
                .acc-content{
                    font-size: 15px;
                    font-weight: 400;
                    line-height: 21px;
                    .acc-body{
                        margin: 0;
                        padding-left: 44px;
                        padding-right: 40px;
                        padding-top: 16px;
    
                    }
                }
            }
        }
    }
    .video-footer{
        width: 1980px;
        height: 550px;
        video{
            width: 1980px;
            height: 100%;
        }
    }
    .footer__inner{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 30px;
        .footer__item{
            max-width: 630px;
            .footer__flex-wrap{
                flex-direction: row;
                flex-wrap: wrap;
                gap: 86px;
                .footer__links{
                    width: 280px;
                    height: auto;
                    a{
                        font-size: 15px;
                        font-weight: 500;
                        line-height: 19.6px;
                    }
                }
                .footer__contacts{
                    width: 260px;
                }
            }
        }
    }
    
    .form-container{
        width: 572px;
        height: auto;
        max-height: 457px;
        form{
            gap: 8px;
            label{
                font-size: 11px;
                font-weight: 400;
                line-height: 12px;
                letter-spacing: -0.44px;
            }
            input{
                margin-top: 8px;
                &::placeholder{
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                }
            }
            textarea{
                margin-top: 8px;
                &::placeholder{
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                }
            }
            .form-text{
                font-size: 11px;
                font-weight: 500;
                line-height: 12px;
                margin: 1px 0 0 18px;
                letter-spacing: -0.44px;
            }
            .form-flex{
                flex-wrap: nowrap;
                width: 100%;
                height: 56px;
                margin-top: -8px;
                padding: 0px 8px;
                p{
                    padding: 0;
                    margin: 0;
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 16px;
                    letter-spacing: 0;
                }
                button{
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    padding: 9px 18px 11px 18px;
                    border-radius: 20px;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                    margin-top: 10px;
                }
            }
        }
    }
    .footer__copyright{
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 40px 0 40px 0;
        .copyryght{
            font-size: 14px;
            font-weight: 500;
            line-height: 19.6px;
        }
        .copyright-links{
            justify-content: flex-end;
            align-items: center;
            gap: 40px;
            a{
                font-size: 15px;
                font-weight: 500;
                line-height: 19.6px;
            }
        }
    }
    .flex-link{
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 32px;
    }
    .col440w{
        width: 440px;
        padding-left: 30px;
    }

    /* Corrections for this desktop range; 1900px keeps its own layout. */
    @media (max-width: 1899.98px) {
        .hero__inner .hero__item .hero__module { width: 570px; height: 128px; }
        .customers__inner .customer__item {
            height: auto; min-height: 880px;
            .video-bg { margin-top: 0; }
            .customers_accordeon details summary { height: auto; min-height: 25px; }
        }
        .standart__inner .standart__item h5 { width: calc(100% - 64px); }
        .faq-wrapper {
            margin: 0 0 0 auto;
            .faq__accordeon details summary .sum-heading { width: auto; }
        }
        .video-footer { width: 100%; video { width: 100%; } }
        footer { height: auto; min-height: 735px; padding-bottom: 32px; }
    }
}

/* =========================================
DESKTOP (1900px)
========================================= */
@media (min-width: 1900px){
    h2{
        width: 640px;
        height: 140px;
        font-size: 62px;
        line-height: 62px;
        letter-spacing: -3.8px;
    }
    .h3-light{
        font-size: 36px;
        line-height: 36px;
        letter-spacing: -2.2px;
    }
    h4{
        font-size: 28px;
        line-height: 28px;
        letter-spacing: -1.7px;
    }
    h5{
        font-size: 24px;
        line-height: 24px;
        letter-spacing: -1.5px;
    }
    .faq-title{
        font-size: 72px;
        line-height: 72px;
        letter-spacing: -4.4px;
    }
    .main-text{
        font-size: 15px;
        line-height: 19.6px;
    }
    .menu__inner{
        height: 72px;
        padding: 0 32px;
    }
    .nav-list{
        display: block;
        margin-left: -298px;
    }
    .nav-button{
        display: flex;
    }
    .mobile-btn{
        display: none;
    }
    .hero__inner{
        width: 1030px;
        left: 622px;
        .hero__item{
            .hero__title {
                font-size: 95px;
                line-height: 95px;
                letter-spacing: -5.8px;
            }
            .hero__subtitle{
                font-size: 21px;
                font-weight: 500;
                line-height: 28.4px;
            }
            .hero__buttons{
                width: 400px;
                height: 32px;
                margin-top: 0;
                button{
                    padding: 8px 14px;
                    font-size: 13px;
                    font-weight: 500;
                    line-height: 14px;
                }
            }
            .hero__preheading{
                margin: 160px 0 24px 0;
                padding: 8px;
                font-size: 11px;
                font-weight: 500;
                line-height: 12px;
                letter-spacing: -0.44px;
            }
        }
    }
 
    .container{
        max-width: 1384px;
    }
    .platform-demo{
        width: 1384px;
        height: 755px;
        margin-bottom: 160px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom: 160px;
    }
    .business__inner{
        gap: 32px;
        margin: 78px 0 80px 0;
        .businnes__item{
            width: 676px;
            height: 721px;
            margin-bottom: 0px;
            .business__card1{
                margin-bottom: 0;
                .card__wrapper{
                    .main-text{
                        width: 548px;
                        height: 79px;
                    }
                    .shape{
                        width: 204px;
                        height: 204px;
                    }
                    .card-btn{
                        width: 126px;
                        height: 40px;
                        margin-bottom: 64px;
                    }
                }
            }
        }
    }
    .customers{
        padding: 80px 0 80px 0;
    }
    .customers__inner{
        flex-direction: row;
        .customer__item{
            width: 676px;
            height: 880px;
            .video-bg{
                width: 676px;
                height: 880px;
            }
            .customers_accordeon{
                width: 440px;
                margin: 80px 0 0 0;
                details{
                    color: var(--text-placeholder);
                    padding: 16px 0 16px 0;
                    border-top: 1px solid var(--hr-light);
                    summary{
                        list-style: none;
                        color: var(--heading-light);
                        font-feature-settings: 'ss02' on, 'ss03' on, 'liga' off;
                        font-family: 'Satoshi';
                        font-size: 18px;
                        font-weight: 400;
                        height: 25px;
                        margin: 8px 0 16px 0px;
                        padding: 1px 0 0 26px;
                        background-position: left center;
                        background-size: 20px 20px;
                    }
                    .acc-body{
                        font-size: 15px;
                        font-weight: 500;
                        line-height: 21px;
                        letter-spacing: 0;
                        padding-left: 27px;
                    }
                }
            }
            .h3-light {
                width: 434px;
            }
        }
    }
    .standart{
        padding-top: 84px;
        h2{
            width: 912px;
        }
    }
    .standart__inner{
        .standart__item{
            width: 440px;
            height: 440px;
            .icon-box{
                width: 200px;
                height: 200px;
            }
            h5{
                width: 100%;
                margin: 28px 0 16px 32px;
            }
        }
    }
    .flex-col{
        gap: 32px;
    }
    .faq-title{
        font-size: 72px;
        line-height: 72px;
        letter-spacing: -4.4px;
        margin-bottom: 24px;
    }
    .faq-subtitle{
        width: 472px;
        font-size: 18px;
        font-weight: 500;
        line-height: 24.3px;
    }
    .faq-wrapper{
        width: 100%;
        max-width: 912px;
        height: auto;
        margin: 0 268px 0 472px;
        padding-bottom: 83px;
        .faq__accordeon{
            margin: 80px 0 0 0;
            padding: 1px 16px 14px 16px;
            details{
                summary{
                    width: 100%;
                    font-size: 24px;
                    font-weight: 400;
                    line-height: 32px;
                    letter-spacing: -1.5px;
                    margin: 19px 0;
                    background-size: 30px 30px;
                    margin-left: 0;
                    span{
                        margin-left: 0;
                    }
                    .sum-heading{
                        margin: 0px 0px 0px 20px;
                        width: 100%;
                    }
                }
                .acc-content{
                    font-size: 15px;
                    font-weight: 400;
                    line-height: 21px;
                    .acc-body{
                        margin: 0;
                        padding-left: 44px;
                        padding-right: 40px;
                        padding-top: 16px;
    
                    }
                }
            }
        }
    }
    .video-footer{
        width: 1980px;
        height: 550px;
        video{
            width: 1980px;
            height: 100%;
        }
    }
    .footer__inner{
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 30px;
        .footer__item{
            max-width: 630px;
            .footer__flex-wrap{
                flex-direction: row;
                flex-wrap: wrap;
                gap: 86px;
                .footer__links{
                    width: 280px;
                    height: auto;
                    a{
                        font-size: 15px;
                        font-weight: 500;
                        line-height: 19.6px;
                    }
                }
                .footer__contacts{
                    width: 260px;
                }
            }
        }
    }
    
    .form-container{
        width: 572px;
        height: auto;
        max-height: 457px;
        form{
            gap: 8px;
            label{
                font-size: 11px;
                font-weight: 400;
                line-height: 12px;
                letter-spacing: -0.44px;
            }
            input{
                margin-top: 8px;
                &::placeholder{
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                }
            }
            textarea{
                margin-top: 8px;
                &::placeholder{
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                }
            }
            .form-text{
                font-size: 11px;
                font-weight: 500;
                line-height: 12px;
                margin: 1px 0 0 18px;
                letter-spacing: -0.44px;
            }
            .form-flex{
                flex-wrap: nowrap;
                width: 100%;
                height: 56px;
                margin-top: -8px;
                padding: 0px 8px;
                p{
                    padding: 0;
                    margin: 0;
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 16px;
                    letter-spacing: 0;
                }
                button{
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    padding: 9px 18px 11px 18px;
                    border-radius: 20px;
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 19.6px;
                    margin-top: 10px;
                }
            }
        }
    }
    .footer__copyright{
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin: 40px 0 40px 0;
        .copyryght{
            font-size: 14px;
            font-weight: 500;
            line-height: 19.6px;
        }
        .copyright-links{
            justify-content: flex-end;
            align-items: center;
            gap: 40px;
            a{
                font-size: 15px;
                font-weight: 500;
                line-height: 19.6px;
            }
        }
    }
    .flex-link{
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 32px;
    }
    .col440w{
        width: 440px;
        padding-left: 30px;
    }
}
/* Partner logo marquee: responsive sizing independent of page breakpoints. */
@media (max-width: 767.98px) {
    .partner {
        --partner-logo-height: 52px;
        --partner-item-width: 104px;
        --partner-gap: 24px;
        --partner-duration: 24s;
    }
    .partner .partner__inner { margin: 28px auto; }
}

@media (min-width: 768px) and (max-width: 1279.98px) {
    .partner {
        --partner-logo-height: 60px;
        --partner-item-width: 140px;
        --partner-gap: 40px;
        --partner-duration: 28s;
    }
}

@media (min-width: 1280px) and (max-width: 1709.98px) {
    .partner {
        --partner-logo-height: 64px;
        --partner-item-width: 160px;
        --partner-gap: 48px;
        --partner-duration: 30s;
    }
}

/* Layout calibration: SRC/FOR AI, 375 / 1280 / 1920.
   Original breakpoint rules above remain; these shared constraints prevent
   fixed widths and content heights from overflowing between the references. */
.hero__inner .hero__item { min-width: 0; }
.container { max-width: calc(100% - 32px); }
.video-footer { width: 100%; }
.video-footer video { width: 100%; }
footer { height: auto; padding-bottom: 32px; }
.form-container { max-height: none; max-width: 100%; }
.form-container form { min-width: 0; }
.form-container form input, .form-container form textarea { min-width: 0; }
.faq-eyebrow { margin: 0 0 16px; }
.faq .faq-wrapper { margin-right: 0; margin-left: auto; }
.faq .faq-wrapper .faq__accordeon details > summary {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: start;
    column-gap: 20px;
    width: 100%;
    padding-right: 40px;
}
.faq .faq-wrapper .faq__accordeon details > summary > span:not(.customer-icon) {
    position: static;
    margin: 5px 0 0;
}
.faq .faq-wrapper .faq__accordeon details > summary > .sum-heading {
    width: auto;
    min-width: 0;
    margin: 0;
}
.faq .faq-wrapper .faq__accordeon details > summary > .customer-icon {
    top: 0;
    transform: none;
}
.customers__inner .customer__item .customers_accordeon details summary {
    height: auto;
    min-height: 25px;
}
.customers__inner .customer__item .customers_accordeon details.is-open {
    border-top-color: var(--heading-light);
}
.customers__inner .customer__item .customers_accordeon details .acc-body {
    padding-left: 0;
}
.customer-media-slot:empty { display: none; }
.standart__inner .standart__item h5 { width: auto; margin-right: 24px; }
.standart__inner .standart__item .main-text::after {
    content: '';
    display: block;
    border-bottom: 1px dashed var(--hr-light);
    margin-top: 24px;
}

@media (max-width: 575.98px) {
    .container { width: calc(100% - 32px); max-width: none; }
    .hero { height: max(850px, 100svh); }
    .hero__inner {
        width: calc(100% - 32px); left: 16px;
        justify-content: flex-start; gap: 0;
    }
    .hero__inner .hero__item { width: 100%; height: auto; }
    .hero__inner .hero__item:first-child { padding-top: 80px; }
    .hero__inner .hero__item .hero__preheading {
        width: 174px; height: 24px; margin: 0 0 16px;
        font-size: 10px; padding: 4px;
    }
    .hero__inner .hero__item .hero__title {
        max-width: 343px; font-size: 42px; line-height: 46.2px;
        letter-spacing: -2.6px; margin-bottom: 24px;
    }
    .hero__inner .hero__item .hero__subtitle {
        max-width: 390px; font-size: 16px; line-height: 21.6px;
    }
    .hero__inner .hero__item:nth-child(2) { position: absolute; top: 440px; }
    .hero__inner .hero__item .hero__buttons {
        width: 100%; height: auto; min-height: 32px;
        flex-wrap: wrap; gap: 8px; margin: 0 0 4px;
    }
    .hero__inner .hero__item .hero__buttons button { padding: 8px 13px; }
    .hero__inner .hero__item .hero__module { width: 100%; height: 120px; margin: 0; }
    h2 { width: 100%; height: auto; font-size: 30px; line-height: 30.8px; }
    .platform { padding-top: 80px; overflow: clip; }
    .platform .heading__wrapper-platform { margin: 0 0 30px; }
    .platform .flex-row-spbn-wrap { gap: 16px; margin-bottom: 40px; }
    .platform h2 { margin-bottom: 0; }
    .platform .col440w { width: 100%; margin: 0; padding: 0; }
    .platform-demo {
        width: calc(100% + 16px); height: 360px;
        margin-bottom: 80px; background-position: left;
    }
    .business .heading__wrapper-platform { margin: 0 0 16px; }
    .business__inner { gap: 8px; margin: 40px 0; }
    .business__inner .businnes__item { width: 100%; height: auto; margin: 0; }
    .business__inner .businnes__item .business__card1 { height: 560px; }
    .business__inner .businnes__item .business__card1 .card__wrapper { width: 100%; }
    .business__inner .businnes__item .business__card1 .card__wrapper h3 {
        font-size: 22px; line-height: 28.8px; letter-spacing: -1.5px;
        margin: 24px 20px 12px;
    }
    .business__inner .businnes__item .business__card1 .card__wrapper .main-text {
        width: calc(100% - 48px); height: auto;
    }
    .business__inner .businnes__item .business__card1 .card__wrapper .shape { margin: 0 auto; }
    .business__inner .businnes__item .business__card1 .card__wrapper .card-btn {
        margin-top: 16px; margin-bottom: 20px;
    }
    .business__inner .businnes__item .business__card3 {
        height: auto; padding: 24px; gap: 28px;
    }
    .business__card3 h4 { font-size: 17px; line-height: 22px; letter-spacing: -1.1px; }
    .customers { padding: 40px 0 80px; }
    .customers .heading__wrapper-platform { margin: 0 0 16px; }
    .customers__inner .customer__item .h3-light {
        width: 100%; font-size: 22px; line-height: 28.8px;
    }
    .customers__inner .customer__item .customers_accordeon { margin-top: 40px; }
    .customers__inner .customer__item .customers_accordeon details summary {
        font-size: 16px; line-height: 22px; margin: 8px 0;
    }
    .customers__inner .customer__item .customers_accordeon details .acc-body {
        font-size: 13px; line-height: 18.2px;
    }
    .customers__inner .customer__item button { margin-top: 40px; }
    .standart { padding-top: 0; }
    .standart h2 { width: 100%; margin-top: 24px; }
    .standart h2 br { display: none; }
    .standart__inner { margin-top: 40px; gap: 8px; }
    .standart__inner .standart__item { width: 100%; height: 340px; }
    .standart__inner .standart__item h5 { margin: 24px 24px 16px; }
    .standart__inner .standart__item .main-text { margin: 0 24px; }
    .standart__inner .standart__item .icon-box {
        width: 160px; height: 160px; left: 6px; bottom: 6px; padding: 54px;
    }
    .faq { padding-top: 80px; }
    .faq .faq-wrapper { max-width: none; padding-top: 12px; }
    .faq .faq-subtitle { width: 227px; max-width: 100%; line-height: 18.9px; }
    .faq .faq-wrapper .faq__accordeon { margin-top: 40px; }
    .faq .faq-wrapper .faq__accordeon details > summary {
        grid-template-columns: 19px minmax(0, 1fr); gap: 10px;
        padding-right: 28px; font-size: 17px; line-height: 24px;
        letter-spacing: -1.1px;
    }
    .faq .faq-wrapper .faq__accordeon details > summary > span:not(.customer-icon) {
        font-size: 9px; margin-top: 3px;
    }
    .faq .faq-wrapper .faq__accordeon details > summary > .customer-icon { width: 20px; height: 20px; }
    .faq .faq-wrapper .faq__accordeon details .acc-content .acc-body {
        margin: 0; padding: 16px 0 0 29px; line-height: 18px;
    }
    .footer__logo { margin: 20px 0 40px; }
    .footer__inner { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 40px 24px; }
    .footer__inner .footer__item,
    .footer__inner .footer__item .footer__flex-wrap,
    .footer__inner .footer__item .footer__links,
    .footer__inner .footer__item .footer__contacts { display: contents; }
    .footer-solutions { grid-column: 1; grid-row: 1; }
    .footer-connect { grid-column: 2; grid-row: 1; }
    .footer-sales { grid-column: 1 / -1; grid-row: 2; }
    .footer-legal { display: none; }
    .footer__title { font-size: 9px; margin-bottom: 16px; }
    .footer-sales .footer__title { margin-top: 0; }
    .footer__inner .footer__item .footer__links a,
    .footer__contacts a, .flex-link a { font-size: 13px; line-height: 16.8px; overflow-wrap: anywhere; }
    .footer__inner .flex-link { gap: 0; align-items: flex-start; flex-direction: column; }
    .form-container {
        grid-column: 1 / -1; grid-row: 3;
        width: 100%; padding: 0; background: transparent; backdrop-filter: none;
        border-radius: 0; float: none; border-top: 1px dashed var(--hr-light);
    }
    .form-container form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; padding-top: 20px; }
    .form-container form .form-flex { display: contents; }
    .form-container form .form-flex p {
        grid-row: 1; margin: 0 8px 8px; font-size: 13px; line-height: 16.8px;
    }
    .form-container form label { padding: 8px; border-radius: 12px; font-size: 9px; }
    .form-container form input { height: 24px; margin-top: 8px; }
    .form-container form textarea { height: 142px; display: block; }
    .form-container form .form-text { margin: 0 8px; width: auto; font-size: 9px; }
    .form-container form > hr { display: none; }
    .form-container form .form-flex button {
        justify-self: end; margin: 16px 0 0; height: 40px; padding: 9px 18px;
    }
    .footer > .container > .mt97 { margin-top: 24px; }
    .footer__copyright { gap: 32px; margin: 16px 0 0; padding: 20px 0 0; align-items: flex-start; }
    .footer__copyright .copyright-links { width: 100%; justify-content: flex-start; gap: 40px; }
    .footer__copyright .copyright-links a, .footer__copyright .copyryght { font-size: 13px; line-height: 18px; }
}

@media (max-width: 1023.98px) {
    .customers__inner { flex-direction: column; gap: 0; }
    .customers__inner .customer__item { width: 100%; height: auto; min-height: 0; }
    .customers__inner .customer__item .customers_accordeon { width: 100%; }
    .customers__inner .customer-media-slot { margin: 48px 0 40px; }
    .customers__inner .customer__item .video-bg {
        width: 100%; height: auto; aspect-ratio: 343 / 446; margin-top: 0;
        border-radius: 24px;
    }
}

@media (min-width: 576px) and (max-width: 1023.98px) {
    .customers__inner .customer-media-slot { max-width: 676px; }
    .customers__inner .customer__item .video-bg { aspect-ratio: 676 / 700; }
    .customers .heading__wrapper-platform { margin-top: 0; }
}

@media (min-width: 1024px) {
    .customers__inner .customer__item { height: auto; min-height: 0; }
    .customers__inner .customer__item .h3-light { width: 100%; max-width: 100%; }
    .customers__inner .customer__item .video-bg { margin-top: 0; }
    .customers__inner .customer__item button { margin-top: 156px; }
    .faq .faq-wrapper { max-width: calc((100% - 32px) * 2 / 3); }
    .footer__inner { flex-wrap: nowrap; }
    .footer__inner .footer__item { min-width: 0; }
    .form-container { width: 100%; }
}

@media (min-width: 1280px) {
    :root { --layout-width: clamp(1060px, calc(50.625vw + 412px), 1384px); }
    .container { width: var(--layout-width); max-width: calc(100% - 64px); }
    .hero { height: max(clamp(800px, calc(43.75vw + 240px), 1080px), 100svh); }
    .hero__inner {
        left: calc((100% - var(--layout-width)) / 2 + clamp(312px, calc(6.5625vw + 228px), 354px));
        width: clamp(570px, calc(71.875vw - 350px), 1030px);
        max-width: calc(100% - 64px);
        justify-content: flex-start;
    }
    .hero__inner .hero__item { height: auto; }
    .hero__inner .hero__item:first-child { padding-top: clamp(136px, calc(3.75vw + 88px), 160px); }
    .hero__inner .hero__item .hero__preheading { margin: 0 0 24px; }
    .hero__inner .hero__item .hero__title {
        max-width: clamp(494px, calc(83.75vw - 578px), 1030px);
        font-size: clamp(68px, calc(4.21875vw + 14px), 95px);
        line-height: 1; letter-spacing: -0.061em;
    }
    .hero__inner .hero__item .hero__subtitle {
        max-width: clamp(494px, calc(83.75vw - 578px), 1030px);
        font-size: 21px; line-height: 28.4px;
    }
    .hero__inner .hero__item:nth-child(2) { position: absolute; top: clamp(496px, calc(23.75vw + 192px), 648px); }
    .hero__inner .hero__item .hero__buttons { margin: 0 0 8px; }
    .hero__inner .hero__item .hero__module { width: 570px; height: 128px; margin: 0; }
    .menu__inner { position: relative; }
    .nav-list { position: absolute; left: calc((100% - var(--layout-width)) / 2 + clamp(312px, calc(6.5625vw + 228px), 354px)); top: 26px; margin-left: 0; }
    h2 { width: calc((var(--layout-width) - 32px) / 2); height: auto;
        font-size: clamp(45px, calc(2.65625vw + 11px), 62px); line-height: 1; letter-spacing: -0.061em; }
    .h3-light { font-size: clamp(32px, calc(0.625vw + 24px), 36px); line-height: 1; }
    h4 { font-size: clamp(24px, calc(0.625vw + 16px), 28px); line-height: 1; }
    h5 { font-size: clamp(22px, calc(0.3125vw + 18px), 24px); line-height: 1; }
    .platform-demo { width: 100%; height: auto; aspect-ratio: 1384 / 755; }
    .business__inner .businnes__item { width: calc((100% - 32px) / 2); height: clamp(640px, calc(12.65625vw + 478px), 721px); }
    .business__inner .businnes__item .business__card1 .card__wrapper { width: 100%; }
    .business__inner .businnes__item .business__card1 .card__wrapper .main-text { width: calc(100% - 128px); height: auto; }
    .business__inner .businnes__item .business__card1 .card__wrapper .shape { margin: 0 auto; }
    .business__inner .businnes__item .business__card1 .card__wrapper .card-btn { margin-top: 16px; }
    .business__inner .businnes__item.flex-col { gap: 32px; }
    .business__inner .businnes__item .business__card3 { flex: 1; min-height: 0; }
    .customers__inner .customer__item { width: calc((100% - 32px) / 2); }
    .customers__inner .customer__item .video-bg { width: 100%; height: auto; aspect-ratio: 676 / 880; }
    .customers__inner .customer__item .customers_accordeon { max-width: 440px; width: 100%; }
    .standart h2 { width: min(100%, 912px); }
    .standart__inner .standart__item { width: calc((100% - 64px) / 3); height: clamp(407px, calc(5.15625vw + 341px), 440px); }
    .faq-title { font-size: clamp(52px, calc(3.125vw + 12px), 72px); line-height: 1; }
    .faq .faq-wrapper { max-width: calc((100% - 32px) * 2 / 3); }
    .faq .faq-wrapper .faq__accordeon details > summary { font-size: clamp(21px, calc(0.46875vw + 15px), 24px); }
    .footer__inner { gap: 48px; }
    .footer__inner .footer__item:first-child { width: calc(100% - 44% - 48px); max-width: 630px; }
    .footer__inner .footer__item:last-child { width: 44%; max-width: 572px; }
    .footer__inner .footer__item .footer__flex-wrap { gap: 32px; flex-wrap: nowrap; }
    .footer__inner .footer__item .footer__links,
    .footer__inner .footer__item .footer__contacts { width: calc((100% - 32px) / 2); }
    .footer__contacts .flex-link { flex-wrap: wrap; gap: 8px 24px; }
}