.not-found_pageNoise__IEZsO {
    position: absolute;
    width: 100%;
    height: 100vh;
    background: url(/images/noise-bg.png);
    background-size: cover;
    opacity: .5;
    pointer-events: none;
    mix-blend-mode: overlay;
    z-index: 2
}

.not-found_notFoundPage__UGqBS {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    background: url(/images/not-found-bg.png), linear-gradient(0deg, var(--background-primary-inverse) 0, var(--background-secondary-inverse) 100%);
    background-size: cover !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important
}

.not-found_circleLight__dT6Ug {
    position: absolute;
    border-radius: 50%;
    background: var(--background-accent);
    filter: blur(150px);
    top: 15%;
    width: 100%;
    height: 50vh;
    flex-shrink: 0
}

.not-found_errorBlock__eQFQI {
    flex: 1 1;
    padding: 0 20px;
    flex-direction: column;
    gap: 48px;
    z-index: 1
}

.not-found_errorBlock__eQFQI,
.not-found_error__IQhg2 {
    display: flex;
    align-items: center;
    justify-content: center
}

.not-found_error__IQhg2 {
    padding: 76px 68px;
    align-self: center;
    max-width: 854px;
    border-radius: 69px;
    border: 1.7px solid white;
    background: var(--background-accent);
    box-shadow: 0 0 10px white;
    max-height: 276px;
    color: var(--text-white);
    font-weight: 500;
    font-size: clamp(51px, 12vw, 124px);
    line-height: normal;
    letter-spacing: -.04em;
    text-shadow: 0 0 60px #FFF;
    font-style: normal
}

.not-found_errorDescription___5mGs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px
}

.not-found_textBlock__DfWf_ {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.not-found_buttonsBlock__IwZD5 {
    display: flex;
    gap: 20px
}

.not-found_title__bOfUG {
    color: var(--text-primary-inverse);
    font-weight: 500;
    font-size: 38px;
    line-height: 100%;
    letter-spacing: -.04em;
    text-align: center
}

.not-found_description__7RPJl {
    color: var(--text-tetriary-inverse);
    align-self: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -.02em;
    text-align: center;
    max-width: 492px
}

@media screen and (max-width: 960px) {
    .not-found_error__IQhg2 {
        padding: 60px 50px
    }

    .not-found_title__bOfUG {
        font-size: 32px
    }

    .not-found_description__7RPJl {
        font-size: 16px
    }
}

@media screen and (max-width: 680px) {
    .not-found_error__IQhg2 {
        width: 100%;
        justify-content: center;
        padding: 30px 50px;
        border-radius: 32px
    }
}

@media screen and (max-width: 580px) {
    .not-found_title__bOfUG {
        font-size: 24px;
        letter-spacing: -.02em
    }

    .not-found_description__7RPJl {
        font-size: 14px;
        max-width: 100%
    }

    .not-found_buttonsBlock__IwZD5 {
        display: flex;
        flex-direction: column;
        width: 100%
    }
}

@media screen and (max-width: 525px) {
    .not-found_errorBlock__eQFQI {
        padding: 0 12px
    }

    .not-found_error__IQhg2 {
        padding: 25px 20px;
        font-size: 50px;
        border-radius: 28px;
        border: .7px solid #fff
    }

    .not-found_circleLight__dT6Ug {
        filter: blur(100px)
    }
}

.ContactSection_contactSection__LWkdn {
    padding: 0 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at left top, rgba(1, 108, 243, 1) -20%, rgba(1, 108, 243, 0) 20%), linear-gradient(to right, var(--background-primary-inverse) 70%, var(--background-accent) 30%)
}

.ContactSection_contactBlock__hhrtH {
    width: 100%;
    max-width: var(--container-width);
    display: flex;
    gap: 66px
}

.ContactSection_contactBlockLeftSide__wrm8b {
    max-width: 737px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 145px 0
}

.ContactSection_form__PlfaO {
    display: flex;
    flex-direction: column;
    gap: 28px
}

.ContactSection_contactText__AdGNY {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 609px;
    width: 100%
}

.ContactSection_contactTextHeading__aJYyw {
    font-weight: 500;
    font-size: 48px;
    line-height: 62px;
    letter-spacing: -.04em;
    color: var(--text-primary-inverse)
}

.ContactSection_contactTextDescription__g4zTs {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-primary-inverse-oppacity)
}

.ContactSection_topFieldsBlock__M6w_H {
    display: flex;
    gap: 12px
}

.ContactSection_formButtonGroup__LHpQJ {
    display: flex;
    gap: 20px;
    max-width: 614px;
    align-items: center
}

.ContactSection_formButtonGroupText__LP48x {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: var(--text-primary-inverse-oppacity)
}

.ContactSection_formButtonGroupPolicy__F4IwU {
    color: var(--text-primary-inverse);
    cursor: pointer
}

.ContactSection_submitButton__RJjIF {
    max-width: 240px;
    width: 100%
}

.ContactSection_buttonIcon__YiiiB {
    margin-left: 8px
}

.ContactSection_contactBlockRightSide__WIOyK {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-end;
    max-width: 483px;
    width: 100%;
    border-radius: 32px 0 0 32px;
    padding: 0 0 145px 53px;
    background: linear-gradient(90.36deg, #67A7F8 .31%, #016CF3 99.69%)
}

.ContactSection_rightSideHeading__2Tpp6 {
    font-weight: 500;
    font-size: 38px;
    line-height: 49px;
    letter-spacing: -.04em;
    color: var(--text-white)
}

.ContactSection_rightSideButtonGroup__TbJ0a {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 258px
}

.ContactSection_rightButton__x0EZx {
    width: 100%
}

.ContactSection_rightButtonIcon__HB_RM {
    margin-right: 8px
}

@media screen and (max-width: 525px) {
    .ContactSection_contactBlock__hhrtH {
        gap: 30px;
        padding: 0
    }

    .ContactSection_contactSection__LWkdn {
        padding: 0
    }

    .ContactSection_contactBlockLeftSide__wrm8b {
        padding: 36px 12px 0
    }

    .ContactSection_topFieldsBlock__M6w_H {
        flex-direction: column
    }

    .ContactSection_contactBlockRightSide__WIOyK {
        width: 100%;
        padding: 51px 12px;
        border-radius: 24px 24px 0 0
    }

    .ContactSection_rightSideButtonGroup__TbJ0a {
        max-width: 100%;
        width: 100%
    }

    .ContactSection_rightSideHeading__2Tpp6 {
        font-size: 26px;
        line-height: 34px
    }

    .ContactSection_formButtonGroup__LHpQJ {
        flex-direction: column
    }

    .ContactSection_submitButton__RJjIF {
        max-width: 100%
    }

    .ContactSection_contactTextHeading__aJYyw {
        font-size: 32px;
        line-height: 42px
    }
}

@media screen and (min-width: 525px) and (max-width:1063px) {
    .ContactSection_contactBlock__hhrtH {
        gap: 59px;
        padding: 56px 0 34px
    }

    .ContactSection_contactSection__LWkdn {
        padding: 0 0 0 20px
    }

    .ContactSection_contactBlockLeftSide__wrm8b {
        padding: 0 20px 0 0
    }

    .ContactSection_contactBlockRightSide__WIOyK {
        max-width: 540px;
        width: 100%;
        min-height: 320px;
        justify-content: center;
        padding: 0 0 0 56px
    }
}

@media screen and (max-width: 1063px) {
    .ContactSection_contactBlock__hhrtH {
        flex-direction: column;
        align-items: flex-end
    }

    .ContactSection_contactSection__LWkdn {
        background: radial-gradient(circle at left top, rgba(1, 108, 243, 1) -20%, rgba(1, 108, 243, 0) 20%), linear-gradient(to right, var(--background-primary-inverse) 100%, var(--background-accent) 20%)
    }

    .ContactSection_contactBlockLeftSide__wrm8b {
        max-width: 100%
    }
}

@media screen and (min-width: 1063px) and (max-width:1254px) {
    .ContactSection_contactSection__LWkdn {
        background: radial-gradient(circle at left top, rgba(1, 108, 243, 1) -20%, rgba(1, 108, 243, 0) 20%), linear-gradient(to right, var(--background-primary-inverse) 80%, var(--background-accent) 20%)
    }
}

@media screen and (min-width: 2560px) {
    .ContactSection_contactSection__LWkdn {
        background: radial-gradient(circle at left top, rgba(1, 108, 243, 1) -20%, rgba(1, 108, 243, 0) 20%), linear-gradient(to right, var(--background-primary-inverse) 60%, var(--background-accent) 40%)
    }
}

.FAQSection_faqSection__y4ysG {
    padding: 0 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.FAQSection_faqBlock__IoOMu {
    width: 100%;
    max-width: var(--container-width);
    padding: 56px 0;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.FAQSection_title__kP5Na {
    font-size: 48px;
    font-weight: 500;
    line-height: 62px;
    letter-spacing: -.04em;
    color: var(--text-primary)
}

.FAQSection_questionsList__9IdIQ {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media screen and (max-width: 525px) {
    .FAQSection_faqSection__y4ysG {
        padding: 0 12px
    }

    .FAQSection_title__kP5Na {
        font-size: 32px;
        line-height: 100%
    }
}

.Button_button__f_l0m {
    display: flex;
    background: none;
    border: none;
    outline: none;
    padding: 16px 24px;
    border-radius: 12px;
    font-family: Geist, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: 1s ease, color .3s ease, opacity .3s ease, transform .2s ease
}

.Button_button__f_l0m:disabled,
.Button_button__f_l0m:disabled:active,
.Button_button__f_l0m:disabled:hover {
    background: var(--button-disabled-background);
    color: var(--button-disabled-color);
    cursor: not-allowed;
    border: none
}

.Button_button__f_l0m:disabled:before {
    opacity: 0 !important;
    background: none !important
}

.Button_primaryButton__myoVT {
    position: relative;
    background: var(--button-primary-bakcground);
    color: var(--button-primary-color);
    border: none;
    transition: background 1s ease, color 1s ease;
    z-index: 1
}

.Button_primaryButton__myoVT:before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--button-primary-hover-bakcground);
    opacity: 0;
    transition: opacity 1s ease, background 1s ease;
    border-radius: inherit;
    z-index: -1
}

.Button_primaryButton__myoVT:hover:before {
    opacity: 1
}

.Button_primaryButton__myoVT:active:before {
    background: var(--button-primary-active-bakcground)
}

.Button_secondaryButton__1W0lA {
    background: var(--button-secondary-bakcground);
    color: var(--button-secondary-color);
    box-shadow: 0 4px 20px 0 var(--button-secondary-box-shadow);
    border: 1px solid var(--button-secondary-bakcground)
}

.Button_secondaryButton__1W0lA:hover {
    background: var(--button-secondary-hover-background);
    box-shadow: 0 4px 20px 0 var(--button-secondary-hover-box-shadow);
    transform-origin: left bottom;
    transform: scale(1.05);
    transition: transform .2s ease !important
}

.Button_secondaryButton__1W0lA:active {
    border-color: var(--button-secondary-active-border-color)
}

.Button_tertiaryButton__QNG8L {
    background: var(--button-tertiary-bakcground);
    color: var(--button-tertiary-color)
}

.Button_tertiaryButton__QNG8L:hover {
    background: var(--button-tertiary-hover-background)
}

.Button_tertiaryButton__QNG8L:active {
    background: var(--button-tertiary-active-background)
}

.Button_circleButton__fBgZC {
    display: flex;
    flex-shrink: 0;
    background: none;
    border: none;
    outline: none;
    width: 38px;
    height: 38px;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: 1s ease, color .3s ease, opacity .3s ease
}

.Button_circleButton__fBgZC:disabled {
    background: var(--button-disabled-background);
    color: var(--button-disabled-color);
    cursor: not-allowed;
    border: none
}

.Button_primaryCircleButton__hvbx0 {
    background: var(--button-arrow-primary-bakcground);
    color: var(--button-arrow-primary-color)
}

.Button_primaryCircleButton__hvbx0:hover {
    background: var(--button-arrow-primary-hover-bakcground)
}

.Button_secondaryCircleButton__x6iNm {
    background: var(--button-arrow-secondary-bakcground);
    color: var(--button-arrow-secondary-color)
}

.Button_secondaryCircleButton__x6iNm:hover {
    background: var(--button-arrow-secondary-hover-background)
}

.Button_tertiaryCircleButton__W3HiN {
    background: var(--button-arrow-tertiary-bakcground);
    color: var(--button-arrow-tertiary-color)
}

.Button_tertiaryCircleButton__W3HiN:hover {
    background: var(--button-arrow-tertiary-hover-background)
}

.ProgressBar_progressBarContainer__uH_yr {
    background-color: #EFEFEF;
    position: absolute;
    height: 100%;
    width: 2px;
    left: 45px;
    top: 0
}

.ProgressBar_progressBarActive__6ujRY {
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% / 3);
    width: 2px;
    background: var(--text-accent)
}

@media screen and (max-width: 1200px) {
    .ProgressBar_progressBarContainer__uH_yr {
        left: 0;
        top: -25px;
        height: 2px;
        width: calc(100vw - 40px)
    }

    .ProgressBar_progressBarActive__6ujRY {
        width: calc(100% / 3);
        height: 2px
    }
}

.StepItem_newBlockStep__n__CE {
    display: flex;
    gap: 2em;
    font-size: 1em;
    width: max-content
}

.StepItem_active__henao {
    color: var(--text-primary)
}

.StepItem_newBlockStepNumber__lM_r9 {
    font-weight: 400;
    font-size: .66em
}

.StepItem_activeNumber__DOfJv {
    color: var(--text-accent)
}

.StepItem_newBlockStepText__fuKOP {
    display: flex;
    flex-direction: column;
    gap: .5em;
    width: 100%;
    max-width: min(420px, calc(100vw - 24px))
}

.StepItem_newBlockStepTitle__8zRL6 {
    font-weight: 500;
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: -.02em
}

.StepItem_newBlockStepDescription__Trb0p {
    font-weight: 400;
    font-size: .66em;
    line-height: 1.5em;
    letter-spacing: -.02em
}

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

@media screen and (max-width: 1200px) {
    .StepItem_newBlockStep__n__CE {
        gap: 1em;
        flex-direction: column;
        flex-shrink: 0;
        width: 97vw
    }

    .StepItem_newBlockStepText__fuKOP {
        max-width: 97vw;
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .StepItem_newBlockStepText__fuKOP {
        max-width: min(493px, calc(100vw - 32px))
    }
}

@media screen and (max-width: 720px) {
    .StepItem_newBlockStepText__fuKOP {
        max-width: min(420px, calc(100vw - 32px))
    }

    .StepItem_newBlockStepDescription__Trb0p {
        font-size: .75em
    }
}

@media screen and (max-width: 375px) {
    .StepItem_newBlockStepText__fuKOP {
        max-width: min(420px, calc(100vw - 24px))
    }
}

.Content_newBlockContent___ZCQ5 {
    display: flex;
    gap: 48px;
    color: var(--text-disabled);
    position: relative
}

.Content_newBlockContentSteps__eO7h9 {
    display: flex;
    flex-direction: column;
    gap: 48px;
    font-size: 1.5rem
}

@media screen and (max-width: 1200px) {
    .Content_newBlockContentSteps__eO7h9 {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 28px;
        width: 100vw;
        font-size: 1.25rem
    }
}

@media screen and (max-width: 720px) {
    .Content_newBlockContentSteps__eO7h9 {
        font-size: 1.2rem
    }
}

@media screen and (max-width: 375px) {
    .Content_newBlockContentSteps__eO7h9 {
        font-size: 1rem
    }
}

@keyframes BusinessAnalyticsSection_waveGradient__gErq6 {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.BusinessAnalyticsSection_newBlockSection__Wun_r {
    padding: 56px 20px;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.BusinessAnalyticsSection_newBlockBlock__tnaPv {
    display: flex;
    width: 100%;
    max-width: var(--container-width);
    justify-content: space-between;
    height: -moz-fit-content;
    height: fit-content
}

.BusinessAnalyticsSection_newBlockMain__G06wk {
    display: flex;
    flex-direction: column;
    gap: 2em;
    justify-content: space-evenly
}

.BusinessAnalyticsSection_newBlockMainTitle__PKLGj {
    color: var(--text-primary);
    font-size: clamp(20px, 6.3vw, 48px);
    font-weight: 500;
    letter-spacing: -.04em
}

.BusinessAnalyticsSection_newBlockMainReview__5xQjU {
    position: relative;
    max-width: 520px
}

.BusinessAnalyticsSection_newBlockMainCarousel__1dFGy {
    position: absolute;
    z-index: -1;
    right: -120px;
    top: -32px
}

.BusinessAnalyticsSection_newBlockMainTitleAnimated__7X_o_ {
    max-width: -moz-fit-content;
    max-width: fit-content;
    position: relative;
    background: linear-gradient(90deg, #070F1C, #016CF3, #016CF3);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: BusinessAnalyticsSection_waveGradient__gErq6 12s linear infinite
}

.BusinessAnalyticsSection_newBlockContent__eHAqp {
    display: flex;
    gap: 48px;
    color: var(--text-disabled);
    position: relative
}

.BusinessAnalyticsSection_reviewText__LC9B7 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.BusinessAnalyticsSection_introButtons__RvDX7 {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: .5em;
    font-size: 1.5rem
}

.BusinessAnalyticsSection_tgIcon__3Immt {
    margin-right: 8px
}

.BusinessAnalyticsSection_arrowIcon__Tt7FH {
    margin-left: 8px
}

.BusinessAnalyticsSection_button__BIFD0 {
    font-size: .75em !important;
    padding: .75em 1em !important
}

@media screen and (max-width: 1200px) {
    .BusinessAnalyticsSection_newBlockSection__Wun_r {
        justify-content: flex-start
    }

    .BusinessAnalyticsSection_titleBr__asTNm {
        display: none
    }

    .BusinessAnalyticsSection_newBlockMainCarousel__1dFGy {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        right: 0;
        height: 4.75em;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .BusinessAnalyticsSection_introButtons__RvDX7 {
        font-size: 1.25rem
    }

    .BusinessAnalyticsSection_newBlockMainReview__5xQjU {
        max-width: 100%;
        width: 97vw
    }

    .BusinessAnalyticsSection_newBlockMain__G06wk {
        gap: 4em
    }

    .BusinessAnalyticsSection_newBlockContentSteps__3Co2b {
        min-width: 97vw
    }
}

@media screen and (max-width: 768px) {
    .BusinessAnalyticsSection_newBlockBlock__tnaPv {
        flex-direction: column
    }

    .BusinessAnalyticsSection_newBlockMain__G06wk {
        max-width: 100%;
        gap: 2em
    }
}

@media screen and (max-width: 720px) {
    .BusinessAnalyticsSection_newBlockSection__Wun_r {
        padding: 32px 16px
    }

    .BusinessAnalyticsSection_employeesContainer__OAzC9 {
        font-size: 1.2rem
    }
}

@media screen and (max-width: 566px) {
    .BusinessAnalyticsSection_introButtons__RvDX7 {
        flex-direction: column
    }

    .BusinessAnalyticsSection_button__BIFD0 {
        font-size: .75em !important
    }

    .BusinessAnalyticsSection_newBlockMainCarousel__1dFGy {
        height: 3.75em
    }
}

@media screen and (max-width: 375px) {
    .BusinessAnalyticsSection_newBlockSection__Wun_r {
        padding: 20px 12px
    }

    .BusinessAnalyticsSection_introButtons__RvDX7 {
        font-size: 1rem
    }
}

@media screen and (max-width: 320px) {
    .BusinessAnalyticsSection_reviewText__LC9B7 {
        gap: 8px
    }
}

.Footer_footerSection__R2yEp {
    padding: 0 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: linear-gradient(135deg, #004099, #080808) 0 50% /200% 200%;
    animation: Footer_gradientShift__Dugye 6s ease infinite;
    color: white;
    font-size: 24px;
    overflow: hidden
}

@keyframes Footer_gradientShift__Dugye {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.Footer_footerSection__R2yEp:before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(/images/noise-bg.png) repeat;
    mix-blend-mode: overlay;
    opacity: .5;
    pointer-events: none;
    z-index: 0
}

.Footer_footerBlock__zHPF8 {
    width: 100%;
    max-width: var(--container-width);
    padding: 120px 0;
    display: flex;
    flex-direction: column;
    gap: 256px
}

.Footer_footerCTA__MEkZa {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    z-index: 1
}

.Footer_footerTitle__B8ru8 {
    font-size: 72px;
    font-weight: 500;
    line-height: 72px;
    letter-spacing: -.04em;
    color: var(--text-primary-inverse)
}

.Footer_footerSubtitle__nsK_e {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -.02em;
    color: var(--text-primary-inverse-oppacity)
}

.Footer_footerInfo___GHdy {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px
}

.Footer_footerInfoBlock__mXHnY {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.Footer_footerCompany__LR025 {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    letter-spacing: -.02em;
    color: var(--text-primary-inverse-oppacity);
    max-width: 267px;
    gap: 20px
}

.Footer_footerCopyright__GthBx {
    font-size: 16px;
    line-height: 24px
}

.Footer_footerAddress___JC_n {
    font-size: 14px;
    line-height: 21px;
    font-style: normal
}

.Footer_footerEmailLink__I5rCO,
.Footer_footerPhone__K8NR6,
.Footer_footerPhone__K8NR6:hover {
    color: var(--text-primary-inverse-oppacity)
}

.Footer_footerPolicy__qC8f2 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center
}

.Footer_footerPolicyMobile__5E3HL {
    flex-direction: column;
    gap: 12px;
    align-items: center;
    display: none
}

.Footer_footerLink__y25jN {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.02em;
    cursor: pointer
}

.Footer_footerLink__y25jN,
.Footer_footerLink__y25jN:hover {
    color: var(--text-primary-inverse)
}

.Footer_footerDisclaimer__S6B8O {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.02em;
    color: var(--text-primary-inverse-oppacity)
}

.Footer_footerSocials__lGNh_ {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    z-index: 1
}

.Footer_footerSocialIcons__1QTYh {
    display: flex;
    gap: 12px
}

.Footer_footerSocialIconsBottom__JBu4h {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px
}

.Footer_tgIcon__JSWnz {
    margin-right: 8px
}

.Footer_socialIcon__OLRN_ {
    cursor: pointer
}

@media screen and (max-width: 525px) {
    .Footer_footerSection__R2yEp {
        padding: 0 12px
    }
}

@media screen and (max-width: 614px) {
    .Footer_footerBlock__zHPF8 {
        padding: 56px 0;
        gap: 120px
    }

    .Footer_footerInfoBlock__mXHnY {
        flex-direction: column-reverse;
        align-items: baseline;
        gap: 32px
    }

    .Footer_footerTitle__B8ru8 {
        font-size: 38px;
        line-height: 49px
    }

    .Footer_footerCTA__MEkZa {
        text-align: start !important;
        align-items: normal
    }

    .Footer_footerPolicyMobile__5E3HL {
        display: none
    }

    .Footer_footerPolicy__qC8f2 {
        display: flex
    }

    .Footer_footerSocials__lGNh_ {
        align-items: normal
    }

    .Footer_footerSocialIconsBottom__JBu4h {
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 878px) {
    .Footer_footerCTA__MEkZa {
        text-align: center
    }
}

@media screen and (min-width: 614px) and (max-width:878px) {
    .Footer_footerPolicy__qC8f2 {
        display: none
    }

    .Footer_footerPolicyMobile__5E3HL {
        display: flex;
        align-items: flex-end
    }
}

.Header_header__O25NC {
    display: flex;
    align-items: center;
    height: 101px
}

.Header_headerBlockWhite__ngkjC {
    color: var(--text-primary)
}

.Header_headerBlockBlack__JK_h1 {
    color: var(--text-primary-inverse)
}

.Header_fixedHeader__0fv6X {
    position: fixed
}

.Header_headerContainer__wnVVh {
    width: 100%;
    z-index: 1000;
    display: flex;
    padding: 20px;
    max-width: 100vw;
    justify-content: center
}

.Header_headerBlock__hnOjB {
    grid-template-columns: 1fr auto 1fr;
    display: grid;
    max-width: var(--container-width);
    width: 100%;
    height: var(--header-height-desktop);
    justify-content: space-between;
    align-items: center;
    border-radius: 16px
}

.Header_headerBlock__hnOjB>a:first-child {
    justify-self: start
}

.Header_fixedHeaderBackGround__Wk52f {
    background: var(--background-primary);
    box-shadow: 0 0 10px 0 var(--background-accent-subdued);
    padding: 16px
}

.Header_logoWhite__l3ZGz {
    color: var(--text-primary);
    z-index: 1100
}

.Header_logoBlack__XIQCh {
    color: var(--text-primary-inverse);
    z-index: 1100
}

.Header_nav__nLKMf {
    justify-self: center;
    display: flex;
    align-items: center
}

.Header_headerActive__7P6IZ {
    padding: 0 !important;
    color: var(--text-primary) !important
}

.Header_headerButtonBlock__pRCpb {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 16px
}

.Header_navList__3xRno {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 32px;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -.02em
}

.Header_navLink__E3_4L {
    text-decoration: none;
    transition: color 1.3s ease-in-out;
    all: unset;
    cursor: pointer
}

.Header_navLinkBlack__YCGzl {
    color: var(--text-primary-inverse)
}

.Header_navLinkWhite__7d12K {
    color: var(--text-primary)
}

.Header_navLink__E3_4L:hover {
    transition: .3s;
    color: var(--text-accent)
}

.Header_navActive__r4TAq {
    left: 0
}

.Header_tgIcon__DAerY {
    margin-right: 9px
}

.Header_tgButtonNav__LAsE3 {
    width: 100%;
    display: none !important
}

@media screen and (max-width: 525px) {
    .Header_header__O25NC {
        height: 101px;
        box-shadow: 0 0 10px 0 var(--background-accent-subdued)
    }

    .Header_fixedHeader__0fv6X {
        top: 0
    }

    .Header_fixedHeaderBackGround__Wk52f {
        padding: 0;
        background: none;
        box-shadow: none
    }

    .Header_fixedHeaderBackGround__Wk52f:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(252, 253, 255, .7);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        z-index: -1;
        border-radius: 0
    }

    .Header_headerBlock__hnOjB {
        border-radius: 0
    }

    .Header_headerContainer__wnVVh {
        padding: 0
    }

    .Header_headerBlock__hnOjB {
        padding: 0 12px;
        height: 101px
    }

    .Header_tgButton__LCmeN {
        display: none !important
    }

    .Header_nav__nLKMf {
        padding: 0 12px 12px;
        background: rgba(252, 253, 255, .7) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        backdrop-filter: blur(20px) !important
    }

    .Header_headerActive__7P6IZ {
        padding: 0 12px !important
    }

    .Header_logoBlack__XIQCh,
    .Header_logoWhite__l3ZGz {
        padding: 0 !important
    }
}

@media screen and (min-width: 526px) and (max-width:961px) {
    .Header_nav__nLKMf {
        padding: 0 20px 12px
    }
}

@media screen and (max-width: 961px) {
    .Header_headerBlock__hnOjB {
        grid-template-columns: auto 1fr auto
    }

    .Header_nav__nLKMf {
        padding-top: 110px;
        display: flex;
        flex-direction: column;
        align-items: baseline;
        position: fixed;
        top: 0;
        background: white;
        left: -100%;
        width: 100%;
        height: 100dvh;
        gap: 16px;
        transition: left .3s ease-in-out;
        z-index: 5
    }

    .Header_tgButtonNav__LAsE3 {
        display: flex !important
    }

    .Header_navActive__r4TAq {
        left: 0
    }

    .Header_navList__3xRno {
        font-weight: 500;
        font-size: 26px;
        width: 100%;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        gap: 32px;
        letter-spacing: -.02em
    }

    .Header_buttonContainer__m3uu1 {
        height: 100%;
        align-content: flex-end
    }
}

.Burger_burgerMenuCircle__3qDlO {
    all: unset;
    display: none;
    height: 40px;
    width: 40px;
    background: var(--burger-menu-bakcground);
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    z-index: 100
}

.Burger_burgerMenu__hTRVc {
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    gap: 3px;
    z-index: 1100
}

.Burger_hamburgerBar__ffJLU {
    width: 14px;
    height: 2px;
    background-color: #d8d8d8;
    border-radius: 2px;
    transition: all .3s ease-in-out;
    background: var(--burger-menu-line-color)
}

.Burger_hamburgerBarFirst__ktv0A {
    transform: rotate(-45deg) translateY(4px) translateX(-4px)
}

.Burger_hamburgerBarSecond__BcrdT {
    opacity: 0
}

.Burger_hamburgerBarThird__V0vUh {
    transform: rotate(45deg) translateY(-3px) translateX(-3px)
}

@media screen and (max-width: 961px) {
    .Burger_burgerMenuCircle__3qDlO {
        display: flex
    }
}

.PortfolioSection_portfolioSection__6FaG3 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    overflow-x: clip
}

.PortfolioSection_portfolioBlock__3k0ku {
    padding: 0 0 56px;
    width: 100%;
    max-width: var(--container-width);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 84px
}

.PortfolioSection_projectGrid__ASV3L {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 40px 32px;
    width: 100%
}

.PortfolioSection_arrowIcon__bFOsb {
    margin-left: 8px
}

.PortfolioSection_moreButton__IH_HT {
    max-width: 300px;
    width: 100%
}

@media screen and (max-width: 525px) {
    .PortfolioSection_portfolioSection__6FaG3 {
        padding: 0 12px
    }

    .PortfolioSection_portfolioBlock__3k0ku {
        padding: 0 0 56px;
        gap: 64px
    }

    .PortfolioSection_projectGrid__ASV3L {
        gap: 28px
    }
}

@media screen and (max-width: 375px) {
    .PortfolioSection_portfolioSection__6FaG3 {
        gap: 32px
    }
}

.Dropdown_navLink__M7Mn3 {
    text-decoration: none;
    transition: color 1.3s ease-in-out;
    all: unset;
    cursor: pointer
}

.Dropdown_navLink__M7Mn3:hover {
    transition: .3s;
    color: var(--text-accent)
}

.Dropdown_dropdownContainer__HgmLB {
    position: relative
}

.Dropdown_dropdownMenu__NicAH {
    position: absolute;
    flex-direction: column;
    list-style: none;
    gap: 8px;
    top: 36px;
    left: 0;
    background: var(--background-primary);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    border-radius: 8px;
    overflow: hidden;
    padding: 8px;
    min-width: 260px
}

.Dropdown_dropdownMenuElementImportant__oJeQ5,
.Dropdown_dropdownMenuElement__decMh {
    min-height: 40px;
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 8px;
    align-self: stretch
}

.Dropdown_dropdownMenuElementImportant__oJeQ5 {
    border-radius: 10px;
    background: var(--background-accent)
}

.Dropdown_dropdownLink__hZ9kH {
    color: #000
}

.Dropdown_dropdownLinkImportant__5iQk9,
.Dropdown_dropdownLink__hZ9kH {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.32px;
    display: block;
    text-decoration: none;
    transition: background .2s ease-in-out
}

.Dropdown_dropdownLinkImportant__5iQk9 {
    color: #FFFFFF
}

.Dropdown_dropdownLink__hZ9kH:hover {
    transition: .3s;
    color: var(--text-accent)
}

@media screen and (max-width: 961px) {
    .Dropdown_navLink__M7Mn3:hover {
        color: var(--text-primary);
        cursor: auto
    }

    .Dropdown_dropdownMenu__NicAH {
        background: none;
        box-shadow: none;
        position: static;
        padding: 20px 8px 0
    }
}

.IntroSection_introSection__jtJ4i {
    padding: 0 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.IntroSection_introBlock__QU9Rt {
    width: 100%;
    max-width: var(--container-width);
    padding: 56px 0;
    display: flex;
    flex-direction: column;
    gap: 64px
}

.IntroSection_animatedText__d2aJP {
    position: relative;
    font-weight: 700;
    letter-spacing: -.04em;
    text-align: left;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    font-size: clamp(68px, 12vw, 160px);
    line-height: clamp(68px, 12vw, 192px);
    background: linear-gradient(90deg, #070F1C, #016CF3, #016CF3);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    animation: IntroSection_waveGradient__velUr 12s linear infinite
}

@keyframes IntroSection_waveGradient__velUr {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.IntroSection_introContent__MP_PA {
    display: flex;
    margin-bottom: 40px;
    justify-content: space-between;
    align-items: center;
    gap: 24px
}

.IntroSection_leftDescription__5yHHH {
    white-space: nowrap;
    font-size: 38px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -.04em;
    text-align: left;
    color: var(--text-primary)
}

.IntroSection_rightDescription__k90Ug {
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    text-align: right;
    letter-spacing: -.02em;
    color: var(--text-secondary);
    max-width: 467px
}

.IntroSection_introButtons__LA8WF {
    display: flex;
    flex-direction: row;
    gap: 20px
}

.IntroSection_tgIcon__goFMS {
    margin-right: 8px
}

.IntroSection_arrowIcon__rhH_X {
    margin-left: 8px
}

.IntroSection_achievementsList__bp7gV {
    display: flex;
    justify-content: space-between;
    list-style: none;
    max-width: 100%;
    flex-wrap: wrap;
    margin: 0;
    text-align: left;
    gap: 48px;
    padding: 64px 0;
    border: none;
    border-top: 1px solid transparent;
    border-image-source: linear-gradient(90deg, #016CF3, #DBEAFD);
    border-image-slice: 1
}

.IntroSection_achievement__Wkqb2 {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.IntroSection_achievementChevron__cbMy8 {
    margin-top: 4px
}

.IntroSection_achievementsListTextBlock__p40AV {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.IntroSection_achievementsListTextHeading__7_4nW {
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -.02em;
    color: var(--text-primary)
}

.IntroSection_achievementsListText__5pIX8 {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.02em;
    color: var(--text-secondary)
}

.IntroSection_brAnimatedText__j7y_y {
    display: none
}

@media screen and (max-width: 525px) {
    .IntroSection_introSection__jtJ4i {
        padding: 0 12px
    }
}

@media screen and (max-width: 566px) {
    .IntroSection_leftDescription__5yHHH {
        font-size: 20px;
        font-weight: 500;
        line-height: 24px
    }

    .IntroSection_rightDescription__k90Ug {
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: -.02em
    }

    .IntroSection_achievementsList__bp7gV,
    .IntroSection_introButtons__LA8WF {
        flex-direction: column
    }
}

@media screen and (max-width: 648px) {
    .IntroSection_brAnimatedText__j7y_y {
        display: block
    }

    .IntroSection_introBlock__QU9Rt {
        padding: 20px 0
    }
}

@media screen and (max-width: 768px) {
    .IntroSection_introSection__jtJ4i {
        gap: 48px
    }

    .IntroSection_achievementsList__bp7gV {
        gap: 32px
    }
}

@media screen and (max-width: 920px) {
    .IntroSection_achievementsList__bp7gV {
        justify-content: start
    }
}

@media screen and (max-width: 1020px) {
    .IntroSection_introContent__MP_PA {
        flex-direction: column;
        align-items: start;
        gap: 16px
    }

    .IntroSection_rightDescription__k90Ug {
        text-align: left
    }
}

.PortfolioSectionMain_portfolioSection__A4zMw {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    overflow-x: clip
}

.PortfolioSectionMain_portfolioBlock__hsbmw {
    padding: 0 0 56px;
    width: 100%;
    max-width: var(--container-width);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 84px
}

.PortfolioSectionMain_projectGrid__VtzWg {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 40px 32px;
    width: 100%
}

.PortfolioSectionMain_arrowIcon__1LFH0 {
    margin-left: 8px
}

.PortfolioSectionMain_moreButton__6H1jq {
    max-width: 300px;
    width: 100%
}

@media screen and (max-width: 525px) {
    .PortfolioSectionMain_portfolioSection__A4zMw {
        padding: 0 12px
    }

    .PortfolioSectionMain_portfolioBlock__hsbmw {
        padding: 0 0 56px;
        gap: 64px
    }

    .PortfolioSectionMain_projectGrid__VtzWg {
        gap: 28px
    }
}

@media screen and (max-width: 375px) {
    .PortfolioSectionMain_portfolioSection__A4zMw {
        gap: 32px
    }
}

.ProjectCard_projectCard__yRJkx {
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 1 45%
}

.ProjectCard_projectCardImageContainer__nv4_j {
    position: relative;
    border-bottom-left-radius: 40px
}

.ProjectCard_projectCardImage__aeKwQ {
    border-radius: 12px;
    aspect-ratio: 618/436;
    background: var(--background-primary);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 32px
}

.ProjectCard_ShowChinese__2lOBM {
    background-position: 0
}

.ProjectCard_CleanJob__5LPls,
.ProjectCard_Cryptolabs__d5T2u {
    background-position: 100%
}

.ProjectCard_Rumberg__fgI5g {
    background-position: 50%
}

.ProjectCard_projectCardImageButtonBackground__BnbLA {
    background: var(--background-primary);
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 0 10px 10px;
    width: 80px;
    height: 70px;
    display: flex;
    justify-content: flex-end;
    border-radius: 0 0 0 12px
}

.ProjectCard_projectCardImageButtonBackground__BnbLA:after,
.ProjectCard_projectCardImageButtonBackground__BnbLA:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 70px;
    background: white
}

.ProjectCard_projectCardImageButtonBackground__BnbLA:before {
    left: -79px;
    top: -1px
}

.ProjectCard_projectCardImageButtonBackground__BnbLA:after,
.ProjectCard_projectCardImageButtonBackground__BnbLA:before {
    -webkit-clip-path: path("M50 0.16666666666666607 Q80 0 80 26.25 L80 0 Z");
    clip-path: path("M50 0.16666666666666607 Q80 0 80 26.25 L80 0 Z")
}

.ProjectCard_projectCardImageButtonBackground__BnbLA:after {
    left: 1px;
    top: 69px
}

.ProjectCard_projectCardImageButton__sp1gc {
    display: flex;
    width: 100%;
    height: 100%
}

.ProjectCard_projectCardInfo__p5xmJ {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.ProjectCard_projectCardName__XqawB {
    font-size: 26px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -.04em;
    color: var(--text-primary)
}

.ProjectCard_projectCardDescription__TPkro {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.02em;
    text-align: left;
    color: var(--text-secondary)
}

.ProjectCard_ai__6_fUv {
    width: 60px;
    height: 89px
}

@media screen and (max-width: 525px) {
    .ProjectCard_projectCardImageButtonBackground__BnbLA {
        max-width: 60px;
        max-height: 52px
    }

    .ProjectCard_projectCardImageButton__sp1gc {
        max-width: 50px;
        max-height: 42px
    }

    .ProjectCard_projectCardImageButtonBackground__BnbLA:after,
    .ProjectCard_projectCardImageButtonBackground__BnbLA:before {
        content: "";
        position: absolute;
        width: 80px;
        height: 70px;
        background: white
    }

    .ProjectCard_projectCardImageButtonBackground__BnbLA:before {
        left: -60px;
        top: -1px
    }

    .ProjectCard_projectCardImageButtonBackground__BnbLA:after,
    .ProjectCard_projectCardImageButtonBackground__BnbLA:before {
        -webkit-clip-path: path("M37.5 0.12499999999999955 Q60 0 60 19.5 L60 0 Z");
        clip-path: path("M37.5 0.12499999999999955 Q60 0 60 19.5 L60 0 Z")
    }

    .ProjectCard_projectCardImageButtonBackground__BnbLA:after {
        left: 1px;
        top: 51px
    }

    .ProjectCard_projectCardImageButton__sp1gc {
        padding: 0 !important
    }

    .ProjectCard_projectCardName__XqawB {
        font-size: 20px;
        letter-spacing: -.02em
    }

    .ProjectCard_projectCardDescription__TPkro {
        font-size: 14px;
        line-height: 150%
    }

    .ProjectCard_ai__6_fUv {
        width: 30px;
        height: 44px
    }
}

@media screen and (max-width: 768px) {
    .ProjectCard_projectCard__yRJkx {
        flex: 0 0 100%;
        max-width: 728px
    }

    .ProjectCard_projectCardImage__aeKwQ {
        max-width: 728px;
        aspect-ratio: 728/436;
        padding-left: 24px
    }
}

@media screen and (min-width: 355px) and (max-width:768px) {
    .ProjectCard_ai__6_fUv {
        width: 45px;
        height: 67px
    }
}

@keyframes IntroSectionAbout_waveGradient___zlHY {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.IntroSectionAbout_introSection__0ZG26 {
    padding: 0 20px;
    padding-block: 56px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.IntroSectionAbout_introBlock__f0_K6 {
    width: 100%;
    max-width: var(--container-width);
    display: flex;
    flex-direction: column
}

.IntroSectionAbout_introTitle__e32fq {
    position: relative;
    font-weight: 700;
    letter-spacing: -.04em;
    text-align: left;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    font-size: clamp(56px, 12vw, 160px);
    line-height: clamp(1, 12vw, 1.2);
    background: linear-gradient(90deg, #070F1C, #016CF3, #016CF3);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    animation: IntroSectionAbout_waveGradient___zlHY 12s linear infinite
}

.IntroSectionAbout_introContentBlock__fi4oP {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.IntroSectionAbout_description__SRAaz {
    max-width: 650px;
    font-weight: 500;
    font-size: 38px;
    line-height: normal;
    letter-spacing: -.04em
}

.IntroSectionAbout_extraDescription__6CmsV {
    display: none
}

.IntroSectionAbout_introButtons__W4eyu {
    display: flex;
    gap: 20px
}

.IntroSectionAbout_tgIcon__Z7_6e {
    margin-right: 8px
}

.IntroSectionAbout_arrowIcon__X5vZS {
    margin-left: 8px
}

@media screen and (max-width: 768px) {
    .IntroSectionAbout_introSection__0ZG26 {
        gap: 48px
    }
}

@media screen and (max-width: 525px) {
    .IntroSectionAbout_introSection__0ZG26 {
        padding: 56px 12px
    }

    .IntroSectionAbout_introBlock__f0_K6 {
        gap: 16px
    }

    .IntroSectionAbout_description__SRAaz {
        font-size: 20px;
        line-height: 1
    }

    .IntroSectionAbout_introTitle__e32fq {
        line-height: 1
    }

    .IntroSectionAbout_descriptionBlock__IHNp8 {
        display: flex;
        flex-direction: column;
        gap: 12px
    }

    .IntroSectionAbout_extraDescription__6CmsV {
        display: block;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: -.02em;
        color: var(--text-secondary)
    }

    .IntroSectionAbout_introButtons__W4eyu {
        flex-direction: column
    }
}

.ReviewsSection_reviewsSection__bWvee {
    padding: 0 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow-x: clip
}

.ReviewsSection_reviewsBlock__pvMX4 {
    width: 100%;
    max-width: var(--container-width);
    padding: 56px 0;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.ReviewsSection_reviewsContainer__uZxAF {
    display: flex;
    gap: 28px;
    height: 356px;
    width: 100vw
}

.ReviewsSection_header__C9TY5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 445px;
    gap: 12px
}

.ReviewsSection_sectionTitle__fzRS0 {
    font-size: 48px;
    font-weight: 500;
    line-height: 62px;
    letter-spacing: -.04em;
    color: var(--text-primary)
}

.ReviewsSection_buttons__lmvOk {
    display: flex;
    gap: 12px
}

.ReviewsSection_rightArrow__o6jT7 {
    transform: rotate(180deg)
}

@media screen and (max-width: 525px) {
    .ReviewsSection_header__C9TY5 {
        padding-right: 12px
    }

    .ReviewsSection_sectionTitle__fzRS0 {
        font-size: 32px;
        line-height: 41px;
        text-align: center
    }

    .ReviewsSection_reviewsSection__bWvee {
        padding: 0 12px
    }

    .ReviewsSection_reviewsBlock__pvMX4 {
        padding: 32px 0
    }

    .ReviewsSection_reviewsContainer__uZxAF {
        height: 347px
    }
}

.ReviewCard_reviewCard__QVWMs {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--background-secondary);
    padding: 40px 32px;
    border-radius: 20px;
    border: 1px solid var(--border-accent-subdued);
    max-width: 512px;
    width: 100%;
    min-height: 356px
}

.ReviewCard_reviewText__v_7Ol {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    height: auto;
    letter-spacing: -.02em;
    color: var(--text-primary)
}

.ReviewCard_footer__tTdKB {
    border: none;
    border-top: 1px solid transparent;
    border-image-source: linear-gradient(90deg, #016CF3, #DBEAFD);
    border-image-slice: 1;
    display: flex;
    align-items: center;
    padding-top: 20px;
    justify-content: space-between;
    gap: 8px
}

.ReviewCard_userInfo__mgbqv {
    display: flex;
    gap: 8px;
    align-items: flex-end
}

.ReviewCard_avatar__E2P55 {
    border-radius: 50%
}

.ReviewCard_userDetails__Wbu3q {
    display: flex;
    flex-direction: column
}

.ReviewCard_name__PGtc9 {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: var(--text-primary)
}

.ReviewCard_cite__WZL77 {
    font-style: normal
}

.ReviewCard_jobTitle__rtNdo {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: var(--text-secondary)
}

.ReviewCard_reviewLink___dVoW {
    color: var(--text-accent);
    text-decoration: underline;
    -webkit-text-decoration-color: var(--text-accent);
    text-decoration-color: var(--text-accent);
    text-underline-offset: 1px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -.02em
}

.ReviewCard_linkIcon__kq4SG {
    margin-right: 4px
}

@media screen and (max-width: 506px) {
    .ReviewCard_reviewCard__QVWMs {
        height: 360px
    }

    .ReviewCard_footer__tTdKB {
        flex-direction: column;
        align-items: start
    }
}

.PricingSection_pricingSection__yPW7e {
    padding: 0 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.PricingSection_pricingBlock__MQw80 {
    width: 100%;
    max-width: var(--container-width);
    padding: 56px 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 32px
}

.PricingSection_pricingHeading__KtENh {
    font-weight: 500;
    font-size: 48px;
    line-height: 62px;
    color: var(--text-primary)
}

.PricingSection_pricingCard__7SSHA {
    background: var(--background-primary);
    border-radius: 12px;
    box-shadow: 0 5px 23px 0 var(--background-accent-subdued);
    padding: 27px 24px;
    display: flex;
    gap: 32px
}

.PricingSection_pricingCardTextBlock__V7wxz {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 50%
}

.PricingSection_pricingCardHeading__2dAQr {
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    color: var(--text-primary)
}

.PricingSection_pricingCardText__i3APW {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: var(--text-secondary)
}

.PricingSection_pricingCardSeparator__YxzOA {
    min-height: 100%;
    width: 1px;
    background: linear-gradient(0deg, #016CF3 -.14%, rgba(159, 170, 227, 0) 99.86%);
    border: none
}

.PricingSection_pricingCardPrices__Vk7JN {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%
}

.PricingSection_pricingCardPricesBlock__60efM {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start
}

.PricingSection_pricingCardPricesBlockHeading__RtAo8 {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: var(--text-accent)
}

.PricingSection_pricingCardPricesBlockText__5NfxK {
    font-weight: 500;
    font-size: 38px;
    line-height: 49px;
    color: var(--text-primary)
}

.PricingSection_buttonIcon__keW_Z {
    margin-left: 8px
}

@media screen and (max-width: 525px) {
    .PricingSection_pricingSection__yPW7e {
        padding: 0 12px
    }

    .PricingSection_pricingBlock__MQw80 {
        padding: 36px 0
    }
}

@media screen and (max-width: 628px) {
    .PricingSection_pricingCardPrices__Vk7JN {
        flex-direction: column;
        align-items: flex-start;
        gap: 36px
    }

    .PricingSection_pricingHeading__KtENh {
        font-size: 32px;
        line-height: 42px
    }

    .PricingSection_pricingBlock__MQw80 {
        gap: 20px
    }

    .PricingSection_pricingCardHeading__2dAQr {
        font-size: 24px;
        line-height: 31px
    }

    .PricingSection_pricingCardText__i3APW {
        font-size: 16px;
        line-height: 24px
    }

    .PricingSection_pricingCardPricesBlockText__5NfxK {
        font-size: 32px;
        line-height: 42px
    }

    .PricingSection_button__6r4xj {
        width: 100%
    }
}

@media screen and (min-width: 628px) and (max-width:1140px) {
    .PricingSection_pricingCardPrices__Vk7JN {
        gap: 56px
    }
}

@media screen and (max-width: 1140px) {
    .PricingSection_pricingCard__7SSHA {
        flex-direction: column;
        width: 100%
    }

    .PricingSection_pricingCardSeparator__YxzOA {
        min-height: 1px;
        width: 100%
    }

    .PricingSection_pricingCardPrices__Vk7JN {
        justify-content: flex-start;
        width: auto
    }

    .PricingSection_pricingCardTextBlock__V7wxz {
        max-width: 592px;
        width: 100%
    }
}

.ServicesIntroSection_servicesIntroSection__fwBQB {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    padding: 0 20px;
    align-items: center;
    z-index: 1;
    min-height: 800px;
    overflow-x: clip
}

.ServicesIntroSection_servicesIntroBlock__iijwR {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: var(--container-width);
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 120px 0
}

.ServicesIntroSection_introTextBlock__mq5UP {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.ServicesIntroSection_introHeading__0BucU {
    font-weight: 600;
    letter-spacing: -.04em;
    font-size: clamp(60px, 7vw, 90px);
    line-height: clamp(60px, 7vw, 90px);
    color: var(--text-primary-inverse)
}

.ServicesIntroSection_introDescription__xJcO5 {
    font-weight: 500;
    font-size: 38px;
    line-height: 49px;
    color: var(--text-primary-inverse);
    max-width: 680px
}

.ServicesIntroSection_introButtonBlock__QZom6 {
    display: flex;
    gap: 20px
}

.ServicesIntroSection_tgIcon__0Lm7w {
    margin-right: 8px
}

.ServicesIntroSection_arrowIcon__F1ubS {
    margin-left: 8px
}

.ServicesIntroSection_image__rQ8xy {
    width: 775px;
    height: 808px;
    position: absolute;
    z-index: -1;
    top: 170px;
    left: 80%;
    transform: translateX(-50%)
}

@media screen and (max-width: 525px) {
    .ServicesIntroSection_servicesIntroSection__fwBQB {
        padding: 0 12px;
        min-height: 709px
    }

    .ServicesIntroSection_servicesIntroBlock__iijwR {
        padding: 20px 0
    }

    .ServicesIntroSection_introHeading__0BucU {
        font-size: 44px;
        line-height: 48px
    }

    .ServicesIntroSection_introDescription__xJcO5 {
        font-size: 20px;
        line-height: 24px
    }

    .ServicesIntroSection_introButtonBlock__QZom6 {
        flex-direction: column
    }

    .ServicesIntroSection_servicesIntroSection__fwBQB {
        min-height: 709px
    }

    .ServicesIntroSection_image__rQ8xy {
        width: 388px;
        height: 404px;
        top: 380px;
        left: 60%;
        transform: translateX(-50%)
    }
}

@media screen and (min-width: 525px) and (max-width:768px) {
    .ServicesIntroSection_introHeading__0BucU {
        font-size: clamp(44px, 7vw, 60px);
        line-height: clamp(48px, 7vw, 60px)
    }
}

@media screen and (min-width: 525px)and (max-width:1200px) {
    .ServicesIntroSection_servicesIntroSection__fwBQB {
        min-height: 881px
    }

    .ServicesIntroSection_image__rQ8xy {
        top: 370px;
        left: 70%;
        transform: translateX(-50%)
    }
}

.TechStackSection_techStackSection__Km90v {
    display: flex;
    padding: 0 20px;
    justify-content: center;
    align-items: center
}

.TechStackSection_techStackBlock__cugHP {
    padding: 56px 0;
    width: 100%;
    max-width: var(--container-width);
    display: flex;
    gap: 48px
}

.TechStackSection_column__d__KO {
    flex-direction: column
}

.TechStackSection_row__u1JkN {
    flex-direction: row;
    align-items: center
}

.TechStackSection_header__NIaHU {
    display: flex;
    justify-content: space-between
}

.TechStackSection_headerText__2_oyO {
    font-size: 48px;
    font-weight: 500;
    line-height: 62px;
    letter-spacing: -.04em;
    color: var(--text-primary)
}

.TechStackSection_techCategories__odrP_ {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px
}

.TechStackSection_buttonIcon__G4Oxt {
    margin-left: 8px
}

.TechStackSection_categoryText___eFcT {
    font-size: 24px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: -.02em;
    color: var(--text-primary);
    margin-bottom: 12px
}

.TechStackSection_category__g2DiD {
    max-width: 342px
}

.TechStackSection_categoryOne__Z5HAA {
    max-width: 100%
}

.TechStackSection_techGrid__SVVnc {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.TechStackSection_card__YQ2Oq {
    width: calc(50% - 8px);
    max-width: calc(50% - 8px)
}

.TechStackSection_cardCategory__wqq_C {
    width: 163px;
    max-width: calc(32% - 8px)
}

@media screen and (max-width: 525px) {
    .TechStackSection_techStackSection__Km90v {
        padding: 0 12px
    }

    .TechStackSection_techStackBlock__cugHP {
        gap: 28px
    }

    .TechStackSection_cardCategory__wqq_C {
        width: 100%;
        max-width: calc(50% - 8px)
    }

    .TechStackSection_headerText__2_oyO {
        font-weight: 500;
        font-size: 32px;
        line-height: 100%
    }
}

@media screen and (max-width: 723px) {
    .TechStackSection_card__YQ2Oq {
        width: calc(50% - 8px);
        max-width: calc(50% - 8px)
    }
}

@media screen and (max-width: 929px) {
    .TechStackSection_techCategories__odrP_ {
        flex-direction: column
    }

    .TechStackSection_category__g2DiD {
        max-width: 100%
    }
}

@media screen and (min-width: 723px) and (max-width:929px) {
    .TechStackSection_card__YQ2Oq {
        width: calc(25% - 16px);
        max-width: calc(25% - 16px)
    }
}

@media screen and (max-width: 1098px) {
    .TechStackSection_header__NIaHU {
        flex-direction: column;
        align-items: baseline;
        gap: 20px
    }

    .TechStackSection_row__u1JkN {
        flex-direction: column;
        align-items: flex-start
    }
}

.ProjectHeroSection_projectHeroSection__x2YY3 {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    align-items: center;
    z-index: 1;
    min-height: 796px;
    padding: 0 20px;
    overflow-x: clip
}

.ProjectHeroSection_projectHeroHeader__amkgr {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: var(--container-width);
    display: flex;
    flex-direction: column;
    gap: 109px;
    padding: 85px 0 0;
    align-items: flex-start
}

.ProjectHeroSection_projectHeroBlock__VVB2f {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start
}

.ProjectHeroSection_projectHeroTextBlock__j3iHm {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 480px
}

.ProjectHeroSection_heroTextHeading___WGWl {
    font-weight: 600;
    font-size: 90px;
    line-height: 120%;
    letter-spacing: -.04em;
    color: var(--text-primary)
}

.ProjectHeroSection_heroDescription__6drft {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -.02em;
    color: var(--text-primary)
}

.ProjectHeroSection_arrowIcon__zodWc {
    margin-left: 8px
}

.ProjectHeroSection_image__Rtxii {
    width: 1294px;
    height: 970px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 65%;
    transform: translateX(-50%)
}

.ProjectHeroSection_imageMobile__D_Fmr {
    position: absolute;
    z-index: -1;
    top: -5%;
    left: 60%;
    transform: translateX(-50%)
}

.ProjectHeroSection_projectHeroBackButton__h6x1e {
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -.02em;
    color: var(--text-primary)
}

@media (max-width: 1200px) {
    .ProjectHeroSection_image__Rtxii {
        width: 1031px;
        height: 773px;
        top: 25%
    }

    .ProjectHeroSection_imageMobile__D_Fmr {
        width: 1091px;
        height: 703px
    }
}

@media screen and (max-width: 961px) {
    .ProjectHeroSection_projectHeroSection__x2YY3 {
        min-height: 880px
    }

    .ProjectHeroSection_projectHeroHeader__amkgr {
        padding: 35px 0 0;
        gap: 52px
    }

    .ProjectHeroSection_image__Rtxii {
        width: 1031px;
        height: 773px;
        top: 68%;
        left: 49.5%
    }

    .ProjectHeroSection_imageMobile__D_Fmr {
        top: -25%
    }
}

@media screen and (max-width: 860px) {
    .ProjectHeroSection_imageMobile__D_Fmr {
        top: 70%;
        left: 30%
    }
}

@media screen and (max-width: 525px) {
    .ProjectHeroSection_projectHeroSection__x2YY3 {
        padding: 0 12px
    }

    .ProjectHeroSection_heroTextHeading___WGWl {
        font-size: 60px
    }

    .ProjectHeroSection_heroDescription__6drft {
        font-size: 16px
    }

    .ProjectHeroSection_projectHeroButton__1adnj {
        width: 100%
    }

    .ProjectHeroSection_projectHeroSection__x2YY3 {
        min-height: 785px
    }

    .ProjectHeroSection_image__Rtxii {
        width: 661px;
        height: 495px;
        top: 95%;
        left: 50%
    }

    .ProjectHeroSection_imageMobile__D_Fmr {
        width: 667px;
        height: 430px;
        top: 95%;
        left: 40%
    }
}

.ProjectStage_projectStage__fPoW_ {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.ProjectStage_projectStageTextBlock__wKJhi {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.ProjectStage_image__r800X {
    width: 100%
}

.ProjectStage_projectStageText__ylrTj {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -.02em;
    color: var(--text-secondary);
    max-width: 800px;
    width: 100%;
    margin-left: 160px
}

.ProjectStage_projectStageTitle__ff_7G {
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -.04em;
    color: var(--text-primary);
    margin-left: 160px
}

.ProjectStage_projectStageSmallTitle__vYIQE {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -.02em;
    color: var(--text-primary);
    margin-left: 160px
}

@media screen and (max-width: 961px) {

    .ProjectStage_projectStageSmallTitle__vYIQE,
    .ProjectStage_projectStageText__ylrTj,
    .ProjectStage_projectStageTitle__ff_7G {
        margin-left: 0
    }
}

@media screen and (max-width: 525px) {
    .ProjectStage_projectStageSmallTitle__vYIQE {
        font-size: 18px;
        line-height: 120%
    }

    .ProjectStage_projectStageTitle__ff_7G {
        font-size: 24px;
        line-height: 100%;
        letter-spacing: -.02em
    }

    .ProjectStage_projectStageText__ylrTj {
        font-size: 16px
    }
}

.ProjectRequirement_requirementElement__ZkH6l {
    display: flex;
    gap: 12px;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -.02em;
    color: var(--text-secondary);
    align-items: center
}

@media screen and (max-width: 525px) {
    .ProjectRequirement_requirementElement__ZkH6l {
        font-size: 16px
    }
}

.AboutProject_aboutProject__STN5q {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 160px
}

.AboutProject_aboutProjectTitle__Wsle9 {
    font-weight: 500;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -.04em;
    color: var(--text-primary)
}

.AboutProject_aboutProjectText__3DkRb {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -.02em;
    color: var(--text-secondary);
    max-width: 800px;
    width: 100%
}

.AboutProject_buttonIcon__4q1i0 {
    margin-left: 8px
}

@media screen and (max-width: 961px) {
    .AboutProject_aboutProject__STN5q {
        margin-left: 0
    }
}

@media screen and (max-width: 525px) {
    .AboutProject_aboutProjectTitle__Wsle9 {
        font-size: 32px
    }

    .AboutProject_aboutProjectText__3DkRb {
        font-size: 16px
    }

    .AboutProject_aboutProjectButton__EazSw {
        width: 100%;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: -.03em;
        vertical-align: middle
    }
}

.ProjectMission_projectMission__HXKrJ {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 160px
}

.ProjectMission_projectMissionTitle__z5WYd {
    font-weight: 500;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -.04em;
    color: var(--text-primary)
}

.ProjectMission_projectMissionText__wvViK {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -.02em;
    color: var(--text-secondary);
    max-width: 800px;
    width: 100%
}

@media screen and (max-width: 961px) {
    .ProjectMission_projectMission__HXKrJ {
        margin-left: 0
    }
}

@media screen and (max-width: 525px) {
    .ProjectMission_projectMissionTitle__z5WYd {
        font-size: 32px
    }

    .ProjectMission_projectMissionText__wvViK {
        font-size: 16px
    }
}

.ProjectResult_projectResult__TqbfW {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 160px
}

.ProjectResult_ProjectResultTitle___oS4N {
    font-weight: 500;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -.04em;
    color: var(--text-primary)
}

.ProjectResult_projectResultText__lIn4U {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -.02em;
    color: var(--text-secondary);
    max-width: 800px;
    width: 100%
}

@media screen and (max-width: 961px) {
    .ProjectResult_projectResult__TqbfW {
        margin-left: 0
    }
}

@media screen and (max-width: 525px) {
    .ProjectResult_ProjectResultTitle___oS4N {
        font-size: 32px
    }

    .ProjectResult_projectResultText__lIn4U {
        font-size: 16px
    }
}

.ProjectTechSection_technologyTypeBlock__jeSoS {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.ProjectTechSection_technologyTypeText__orbxn {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -.02em
}

.ProjectTechSection_card__NT9cC {
    width: 163px;
    height: 89px
}

@media screen and (max-width: 525px) {
    .ProjectTechSection_technologyTypeText__orbxn {
        font-size: 18px;
        line-height: 120%
    }
}

.TechCard_card__baXPO {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 0;
    flex-grow: 1;
    border-radius: 12px;
    box-shadow: 0 0 10px 0 var(--background-accent-subdued);
    transition: .4s;
    gap: 4px
}

.TechCard_card__baXPO:hover {
    box-shadow: 0 8px 36px 0 var(--background-accent-subdued)
}

.TechCard_title__ggJjG {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -.02em;
    color: var(--text-secondary)
}

.WorkOptionsSection_WorkOptionsSection__VcLCN {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 100%;
    padding: 120px 84px;
    justify-content: center;
    align-items: center;
    background: #080808;
    background: radial-gradient(circle at center 110%, rgba(1, 108, 243) -20%, #080808 50%);
    background-size: cover
}

.WorkOptionsSection_WorkOptionsBlock__eiLQJ {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: var(--container-width);
    display: flex;
    flex-direction: column;
    gap: 56px
}

.WorkOptionsSection_WorkOptionsHeader__PCAOW {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.WorkOptionsSection_WorkOptionsHeaderTextGroup__Nd1qy {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.WorkOptionsSection_title__Uczdm {
    font-size: 48px;
    font-weight: 500;
    line-height: 62px;
    letter-spacing: -.04em;
    color: var(--text-primary-inverse)
}

.WorkOptionsSection_subTitle__mnnU8 {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -.02em;
    color: var(--text-primary-inverse-oppacity);
    max-width: 446px
}

.WorkOptionsSection_arrowIcon__ueKbd {
    margin-left: 8px
}

.WorkOptionsSection_WorkOptionsCards__Cs9yQ {
    display: flex;
    justify-content: space-between;
    gap: 20px
}

.WorkOptionsSection_workProcessTypeCard__b1F94 {
    display: flex;
    width: 100%
}

@media screen and (max-width: 525px) {
    .WorkOptionsSection_title__Uczdm {
        letter-spacing: -.04em;
        font-size: 32px;
        line-height: 100%
    }

    .WorkOptionsSection_subTitle__mnnU8 {
        font-size: 16px;
        line-height: 150%
    }
}

@media screen and (max-width: 710px) {
    .WorkOptionsSection_WorkOptionsSection__VcLCN {
        padding: 56px 12px
    }
}

@media screen and (min-width: 710px) and (max-width:1120px) {
    .WorkOptionsSection_workProcessTypeCard__b1F94:nth-child(2) {
        display: flex;
        justify-content: flex-end
    }
}

@media screen and (max-width: 1120px) {
    .WorkOptionsSection_WorkOptionsCards__Cs9yQ {
        flex-direction: column
    }

    .WorkOptionsSection_WorkOptionsHeader__PCAOW {
        flex-direction: column;
        align-items: start;
        gap: 16px
    }
}

.WorkProcessSection_workProcessSection__XpBi4 {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 86px 20px;
    justify-content: center;
    align-items: center
}

.WorkProcessSection_heading__dl6gM {
    font-size: 48px;
    font-weight: 500;
    line-height: 62px;
    letter-spacing: -.04em;
    color: var(--text-primary)
}

.WorkProcessSection_workProcessBlock__ApUPF {
    position: relative;
    width: 100%;
    max-width: var(--container-width);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.WorkProcessSection_workProcessLine__76XFt {
    max-width: 1000px;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 18px
}

.WorkProcessSection_imageContainer__Y3agz {
    display: flex;
    justify-content: center
}

.WorkProcessSection_svgStage__57aJp {
    position: absolute;
    top: 60px;
    width: 100%;
    height: 1474px
}

.WorkProcessSection_svgStageMobile__BJ4HG {
    position: absolute;
    top: 60px;
    width: 100%;
    height: 1383px;
    display: none
}

.WorkProcessSection_workProcessLineCard__aStsJ {
    transform: rotate(-5deg);
    opacity: 0
}

.WorkProcessSection_workProcessLineCard__aStsJ:nth-child(2),
.WorkProcessSection_workProcessLineCard__aStsJ:nth-child(4),
.WorkProcessSection_workProcessLineCard__aStsJ:nth-child(6) {
    display: flex;
    transform: rotate(5deg);
    justify-content: flex-end
}

@media screen and (max-width: 525px) {
    .WorkProcessSection_workProcessSection__XpBi4 {
        padding: 0 12px
    }
}

@media screen and (max-width: 555px) {
    .WorkProcessSection_workProcessSection__XpBi4 {
        padding-top: 56px;
        padding-bottom: 47px;
        gap: 31px
    }

    .WorkProcessSection_heading__dl6gM {
        font-size: 32px;
        font-weight: 500;
        line-height: 41px;
        letter-spacing: -.04em
    }

    .WorkProcessSection_workProcessLine__76XFt {
        gap: 85px
    }

    .WorkProcessSection_workProcessLineCard__aStsJ {
        transform: rotate(0deg) !important
    }

    .WorkProcessSection_svgStageMobile__BJ4HG {
        display: block
    }

    .WorkProcessSection_svgStage__57aJp {
        display: none
    }
}

.WorkProcessCard_card__2UxfY {
    padding: 28px;
    border-radius: 12px;
    box-shadow: 0 0 10px 0 var(--background-accent-subdued);
    max-width: 448px;
    width: 100%;
    height: 295px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--background-secondary)
}

.WorkProcessCard_blueCard__CuBwo {
    background: var(--background-accent)
}

.WorkProcessCard_header__KjYPF {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.WorkProcessCard_button__8hc2E {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--background-primary)
}

.WorkProcessCard_content__Nbm8N {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.WorkProcessCard_title__Si2KZ {
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: -.02em;
    color: var(--text-primary)
}

.WorkProcessCard_titleBlue__TB8li {
    color: var(--text-primary-inverse)
}

.WorkProcessCard_description__YVl30 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.02em;
    color: var(--text-primary)
}

.WorkProcessCard_descriptionBlue___p8wP {
    color: var(--text-primary-inverse)
}

@media screen and (max-width: 555px) {
    .WorkProcessCard_card__2UxfY {
        max-width: 280px;
        height: 260px;
        padding: 20px 16px
    }

    .WorkProcessCard_title__Si2KZ {
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: -.02em
    }

    .WorkProcessCard_description__YVl30 {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px
    }
}

.FeatureCard_featureCard__XKGBe {
    padding: 32px 40px;
    background: var(--background-primary);
    border-radius: 12px;
    box-shadow: 0 0 10px 0 var(--background-accent-subdued);
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: calc(50% - 16px)
}

.FeatureCard_featureCardBottom__wZyA0 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.FeatureCard_featureCardHeading__ECQPi {
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    color: var(--text-primary)
}

.FeatureCard_featureCardText__gl5D_ {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-secondary)
}

@media screen and (max-width: 525px) {
    .FeatureCard_featureCard__XKGBe {
        padding: 20px
    }

    .FeatureCard_featureCardHeading__ECQPi {
        font-size: 24px;
        line-height: 31px
    }

    .FeatureCard_cardIcon__uRa_P {
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 768px) {
    .FeatureCard_featureCard__XKGBe {
        width: calc(100%)
    }
}

.WorkProcessTypeCard_card__SWSra {
    max-width: 650px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative
}

.WorkProcessTypeCard_card__SWSra:before {
    content: "";
    position: absolute;
    background: var(--background-primary-inverse);
    border-radius: 12px;
    border: 1px solid var(--border-primary);
    max-width: 566px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0
}

.WorkProcessTypeCard_cardBlock__0FpYH {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 28px 0 28px 27px;
    height: 100%;
    justify-content: flex-start
}

.WorkProcessTypeCard_cardHeadingBlock__ggGm_ {
    z-index: 1;
    display: flex
}

.WorkProcessTypeCard_cardHeading__8w_Im {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.WorkProcessTypeCard_title__hCH1q {
    font-size: 38px;
    font-weight: 500;
    line-height: 49px;
    letter-spacing: -.04em;
    color: var(--text-white)
}

.WorkProcessTypeCard_subTitle__USOwk {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -.02em;
    color: var(--text-tetriary-inverse)
}

.WorkProcessTypeCard_list__K3cDe {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.02em;
    text-align: left;
    max-width: 381px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-left: 22px;
    color: red;
    list-style: none
}

.WorkProcessTypeCard_listElement__3ec3K {
    position: relative;
    color: var(--text-primary-inverse-oppacity)
}

.WorkProcessTypeCard_listElement__3ec3K:before {
    content: "•";
    color: var(--text-primary-inverse);
    font-size: 11px;
    position: absolute;
    top: 10px;
    left: -13px;
    transform: translateY(-50%)
}

.WorkProcessTypeCard_listElementTitle__6BgWi {
    color: var(--text-primary-inverse)
}

.WorkProcessTypeCard_imageDesktop__mS7Lw {
    max-height: 341px;
    height: 100%;
    z-index: 1
}

.WorkProcessTypeCard_imageMobile__o8hR5 {
    display: none;
    max-width: 142px;
    width: 100%;
    max-height: 218px;
    height: 100%
}

@media screen and (max-width: 477px) {
    .WorkProcessTypeCard_title__hCH1q {
        font-size: 26px;
        line-height: 34px;
        letter-spacing: -.02em
    }

    .WorkProcessTypeCard_subTitle__USOwk {
        font-size: 12px;
        line-height: 18px
    }

    .WorkProcessTypeCard_list__K3cDe {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: -.02em
    }
}

@media screen and (max-width: 710px) {
    .WorkProcessTypeCard_imageDesktop__mS7Lw {
        display: none
    }

    .WorkProcessTypeCard_imageMobile__o8hR5 {
        display: block
    }

    .WorkProcessTypeCard_card__SWSra {
        align-items: end
    }

    .WorkProcessTypeCard_cardHeading__8w_Im {
        justify-content: end
    }

    .WorkProcessTypeCard_cardBlock__0FpYH {
        width: 100%
    }

    .WorkProcessTypeCard_cardHeadingBlock__ggGm_ {
        justify-content: space-between
    }

    .WorkProcessTypeCard_card__SWSra:before {
        height: 85%;
        top: auto;
        box-sizing: border-box
    }

    .WorkProcessTypeCard_list__K3cDe {
        padding-right: 16px
    }
}