.styles_card__bfuIs {
    border: 1px solid transparent
}

.styles_roundedLg__2FT1O {
    border-radius: 64px
}

@media (max-width: 800px) {
    .styles_roundedLg__2FT1O {
        border-radius:44px
    }
}

.styles_roundedMd__aAqXZ {
    border-radius: 54px
}

.styles_gradient__J_Gtp {
    background: linear-gradient(97.02deg,#272a2a,#141414);
    border-color: var(--color-grey-24)
}

.styles_dark__Lr7va {
    background: rgba(0,0,0,.33);
    border-color: hsla(0,0%,100%,.33)
}

.styles_transparent__jKb9d {
    background: transparent;
    border-color: var(--color-grey-24)
}

.styles_paddingLg__LziPZ {
    padding: 30px
}

@media (max-width: 800px) {
    .styles_paddingLg__LziPZ {
        padding:30px 20px
    }
}

.styles_paddingMd__rPRrm {
    padding: 10px
}

@media (max-width: 800px) {
    .styles_paddingMd__rPRrm {
        padding:0
    }
}

.styles_paddingNone__s1e3U {
    padding: 0
}

.styles_section__BNoNS {
    margin-top: 240px;
    display: flex;
    flex-wrap: wrap
}

.styles_card__Vb79c {
    width: 320px;
    border-radius: 44px;
    box-shadow: 0 4px 8px 1px rgba(0,0,0,.25);
    cursor: grab;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.styles_card__Vb79c:active {
    cursor: grabbing
}

.styles_thumbnail__1O_CK {
    border-radius: 43px 43px 24px 24px;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-object-position: center;
    object-position: center
}

.styles_cardTitle__J__eo {
    padding: 20px;
    max-height: 70px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px
}

.styles_button__UoPq1 {
    margin-right: 20px;
    margin-bottom: 10px
}

.styles_heading__LWQPJ {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
    padding: 0 40px
}

@media (max-width: 800px) {
    .styles_heading__LWQPJ {
        padding:0 20px
    }
}

@media (max-width: 500px) {
    .styles_heading__LWQPJ {
        flex-direction:column;
        align-items: flex-start
    }
}

.styles_headingAction__FFaYH {
    display: flex
}

@media (max-width: 500px) {
    .styles_headingAction__FFaYH {
        margin-top:20px
    }
}

.styles_fab__2SH7q:first-child {
    margin-right: 10px
}

.styles_section__9ELG0 {
    display: flex;
    justify-content: space-between;
    margin-top: 240px;
    flex-wrap: wrap;
    padding: 0 40px
}

@media (max-width: 1010px) {
    .styles_section__9ELG0 {
        margin-bottom:-40px
    }
}

@media (max-width: 800px) {
    .styles_section__9ELG0 {
        padding:0 20px
    }
}

.styles_card__qgFzg {
    width: calc(25% - 25px)
}

@media (max-width: 1010px) {
    .styles_card__qgFzg {
        width:calc(50% - 35px);
        margin-bottom: 40px
    }
}

.styles_image__Qyx1w {
    width: 100px;
    height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin-bottom: 20px
}

.styles_title__5KCop {
    margin-bottom: 60px;
    width: 100%
}

.styles_cardTitle__M8dXs {
    margin-bottom: 10px
}

.styles_container__lcSzG {
    border-radius: 64px;
    position: relative;
    -webkit-backdrop-filter: opacity(1);
    backdrop-filter: opacity(1);
    outline: 1px solid transparent
}

.styles_image__DSP3n {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 64px
}

.styles_container__lcSzG:after,.styles_image__DSP3n {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transition: opacity .15s ease-in-out
}

.styles_container__lcSzG:after {
    left: 0;
    top: 0;
    content: "";
    border: 1px solid var(--color-grey-90);
    border-radius: 64px;
    mix-blend-mode: overlay
}

.styles_loaded__7u685 .styles_image__DSP3n,.styles_loaded__7u685:after {
    opacity: 1
}

.styles_section__KR77X {
    margin-top: 240px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (max-width: 800px) {
    .styles_section__KR77X {
        flex-direction:column
    }
}

.styles_title___xY6w {
    padding: 0 40px;
    margin-bottom: 60px;
    width: 100%
}

@media (max-width: 800px) {
    .styles_title___xY6w {
        padding:0 20px
    }
}

.styles_heading__bauSt {
    padding: 10px 0 10px 30px;
    position: relative
}

.styles_icon__Uiij2 {
    position: absolute;
    top: 20px;
    right: 20px;
    transition: transform .2s ease-in-out
}

@media (max-width: 800px) {
    .styles_heading__bauSt {
        padding:20px
    }
}

.styles_card__njI_d {
    width: calc(33.3% - 30px)
}

.styles_card__njI_d:hover .styles_icon__Uiij2 {
    transform: translate3d(2px,-2px,0)
}

@media (max-width: 800px) {
    .styles_card__njI_d {
        width:100%;
        margin-bottom: 40px;
        box-shadow: 0 4px 8px 1px rgba(0,0,0,.25)
    }
}

.styles_tag__XabjH {
    background-color: var(--color-blue-75);
    text-transform: uppercase;
    border-radius: 24px;
    padding: 5px 9px 4px;
    margin-bottom: 10px;
    display: inline-block
}

.styles_image__hg8gB {
    width: calc(100% + 20px);
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin-top: -20px;
    transform: translate3d(10px,40px,0)
}

@media (max-width: 800px) {
    .styles_image__hg8gB {
        transform:none;
        width: 100%;
        margin: -1px
    }

    .styles_image__hg8gB img,.styles_image__hg8gB:after {
        border-radius: 42px
    }
}

@media (max-width: 1100px) {
    .styles_cardTitle__Peljk {
        font-size:20px
    }
}

@media (max-width: 800px) {
    .styles_cardTitle__Peljk {
        font-size:32px
    }
}

.styles_section__Yj5Y4 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 160px
}

.styles_image__pOBbv {
    width: calc(25% - 15px);
    height: auto
}

@media (max-width: 800px) {
    .styles_image__pOBbv {
        width:calc(50% - 10px)
    }
}

.styles_modal__bXRyU {
    border-radius: 24px;
    border: 1px solid var(--color-grey-24)
}

@media (max-width: 800px) {
    .styles_modal__bXRyU {
        margin-bottom:20px
    }
}

.styles_title__F_6Oz {
    margin-top: 80px;
    padding: 0 40px;
    max-width: 70%
}

@media (max-width: 1100px) {
    .styles_title__F_6Oz {
        max-width:100%
    }
}

@media (max-width: 800px) {
    .styles_title__F_6Oz {
        padding:0 20px
    }
}

.styles_section__8hE20 {
    margin-top: 240px
}

.styles_containerCard__qDm1O {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    padding: 0
}

@media (max-width: 800px) {
    .styles_containerCard__qDm1O {
        display:flex;
        flex-direction: column-reverse
    }
}

.styles_textSection__zna7l {
    grid-column: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    padding: 40px 0 40px 40px;
    width: calc(100% + 60px)
}

@media (max-width: 800px) {
    .styles_textSection__zna7l {
        width:100%;
        padding: 20px;
        gap: 40px
    }

    .styles_textHeading__cOTmi {
        font-size: 16px
    }
}

.styles_titleSection__fBdMr {
    padding: 0 40px 80px
}

@media (max-width: 800px) {
    .styles_titleSection__fBdMr {
        width:auto;
        padding: 0 20px;
        margin-bottom: 60px
    }
}

.styles_textContainer__4_3O_ {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.styles_btnContainer__rWcNZ {
    margin-top: 10px
}

@media (max-width: 800px) {
    .styles_btnContainer__rWcNZ {
        margin-top:0;
        margin-bottom: 20px
    }
}

.styles_btn__7itKY {
    width: 100%
}

.styles_illustrationSection__gCfV_ {
    grid-column: 2/4;
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    transform: translateY(-50%) translateX(60px);
    transform-origin: center right
}

@media (max-width: 800px) {
    .styles_illustrationSection__gCfV_ {
        position:relative;
        top: 0;
        right: 0;
        transform: none
    }
}

.styles_illustrationSection__gCfV_ img {
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.styles_container__Kottz>div {
    border: none
}

.styles_container__Kottz {
    padding: 1px
}

.styles_cyan__iEQ3F {
    background: linear-gradient(103.08deg,#1affd9,#4da6ff 49.48%,#6a4dff)
}

.styles_green__Dg13U {
    background: linear-gradient(66.98deg,#99f53d 29.82%,#2bee6c 50%,#3ff 70.18%)
}

.styles_orange__GBzVC {
    background: linear-gradient(105.23deg,#fa3,#f34 56.25%,#f37)
}

.styles_purple__RoyDg {
    background: linear-gradient(103.08deg,#987de8,#4da6ff 49.48%,#2bee6c)
}

.styles_roundedLg___90hi {
    border-radius: 64px
}

@media (max-width: 800px) {
    .styles_roundedLg___90hi {
        border-radius:44px
    }
}

.styles_roundedMd__qboWy {
    border-radius: 54px
}

.styles_section__Wj0dJ {
    margin-top: 240px
}

.styles_header__pIndt {
    display: flex;
    flex-wrap: wrap;
    padding: 0 40px;
    margin-bottom: 80px
}

@media (max-width: 970px) {
    .styles_header__pIndt {
        flex-direction:column
    }
}

@media (max-width: 800px) {
    .styles_header__pIndt {
        padding:0 20px;
        margin-bottom: 40px
    }
}

.styles_logo__iSiNr {
    width: 128px;
    height: 128px;
    margin-bottom: 20px;
    margin-left: 40px
}

@media (max-width: 800px) {
    .styles_logo__iSiNr {
        margin-left:20px
    }
}

.styles_title__OMtfk {
    flex: 2 1;
    margin-right: 20px
}

@media (max-width: 970px) {
    .styles_title__OMtfk {
        margin-right:0;
        margin-bottom: 20px
    }
}

.styles_actions__o_5As {
    flex: 1 1
}

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

@media (max-width: 1100px) {
    .styles_card__IUw0b {
        align-items:center
    }
}

@media (max-width: 800px) {
    .styles_card__IUw0b {
        align-items:unset;
        flex-direction: column-reverse
    }
}

.styles_textContainer__OpqFM {
    max-width: 460px;
    width: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 800px) {
    .styles_textContainer__OpqFM {
        max-width:100%
    }
}

@media (max-width: 500px) {
    .styles_textContainer__OpqFM {
        padding:20px
    }
}

.styles_text__2HsiL {
    margin-bottom: 25px
}

.styles_button__NYrCt {
    margin-top: 20px
}

.styles_tag__qvpyn {
    background-color: var(--color-green-fg);
    text-transform: uppercase;
    border-radius: 24px;
    padding: 5px 9px 4px;
    margin-bottom: 20px;
    display: inline-block
}

.styles_icon__z_jQv {
    width: 48px;
    height: 48px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin-bottom: 5px
}

.styles_backgroundImg__BKsyr {
    flex: 1 1;
    transform: matrix(.99,-.11,-.08,1,0,0);
    margin-top: 20px;
    min-height: 100%;
    box-shadow: 5px 10px 40px 1px rgba(0,0,0,.4);
    height: 600px
}

@media (max-width: 1100px) {
    .styles_backgroundImg__BKsyr {
        flex:1 1;
        transform: matrix(.99,-.09,-.1,1,0,-42)
    }
}

@media (max-width: 800px) {
    .styles_backgroundImg__BKsyr {
        transform:none;
        margin: 0 -1px -1px
    }

    .styles_backgroundImg__BKsyr img,.styles_backgroundImg__BKsyr:after {
        border-radius: 43px
    }
}

.styles_interactiveContainer__RL_es {
    border-radius: 64px;
    margin: 1.1% auto;
    width: 580px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 1200px) {
    .styles_interactiveContainer__RL_es {
        width:500px
    }
}

@media (max-width: 800px) {
    .styles_interactiveContainer__RL_es {
        width:400px
    }
}

.styles_interactiveItem__Vudnu {
    width: 70%;
    height: auto
}

.styles_input__V6QkN:focus-within {
    border-color: var(--color-green-fg)
}

.styles_section__10yni {
    margin-top: 240px
}

.styles_header__d8PJ3 {
    display: flex;
    flex-wrap: wrap;
    padding: 0 40px;
    margin-bottom: 80px
}

@media (max-width: 970px) {
    .styles_header__d8PJ3 {
        flex-direction:column
    }
}

@media (max-width: 800px) {
    .styles_header__d8PJ3 {
        padding:0 20px;
        margin-bottom: 40px
    }
}

.styles_logo__J8Sf1 {
    width: 128px;
    height: 128px;
    margin-bottom: 20px;
    margin-left: 40px
}

@media (max-width: 800px) {
    .styles_logo__J8Sf1 {
        margin-left:20px
    }
}

.styles_title__pEGZB {
    flex: 2 1;
    margin-right: 20px
}

@media (max-width: 970px) {
    .styles_title__pEGZB {
        margin-right:0;
        margin-bottom: 20px
    }
}

.styles_actions__G2re5 {
    flex: 1 1
}

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

@media (max-width: 800px) {
    .styles_card__Ave_q {
        flex-direction:column-reverse
    }
}

.styles_video__5Hvxk {
    width: 100%;
    height: auto;
    border-radius: 63px;
    outline: 1px solid transparent
}

@media (max-width: 800px) {
    .styles_video__5Hvxk {
        border-radius:43px
    }
}

.styles_textContainer__tiban {
    max-width: 460px;
    width: 100%;
    padding: 40px
}

@media (max-width: 800px) {
    .styles_textContainer__tiban {
        max-width:100%
    }
}

@media (max-width: 500px) {
    .styles_textContainer__tiban {
        padding:20px
    }
}

.styles_videoContainer__9GIK1 {
    border-radius: 64px;
    -webkit-backdrop-filter: opacity(1);
    backdrop-filter: opacity(1);
    position: relative;
    transform: matrix(1,-.11,-.08,.99,0,-40);
    box-shadow: 5px 10px 40px 1px rgba(0,0,0,.4)
}

@media (max-width: 1300px) {
    .styles_videoContainer__9GIK1 {
        transform:matrix(1,-.11,-.08,.99,0,0)
    }
}

@media (max-width: 800px) {
    .styles_videoContainer__9GIK1 {
        transform:none;
        justify-content: center;
        align-items: center;
        border-radius: 44px;
        margin: -1px
    }
}

.styles_videoContainer__9GIK1:after {
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-grey-90);
    border-radius: 64px;
    mix-blend-mode: overlay
}

@media (max-width: 800px) {
    .styles_videoContainer__9GIK1:after {
        border-radius:44px
    }
}

.styles_text__2MSj1 {
    margin-bottom: 25px
}

.styles_icon__VzFCw {
    width: 48px;
    height: 48px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    margin-bottom: 5px
}