.container-z5YSpCnx {
    background-color: #000;
    max-height: 900px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .container-z5YSpCnx {
        max-height: none
    }
}

.container-z5YSpCnx:after {
    background: linear-gradient(180deg, #0000, #0003 40.1%, #0b1120);
    bottom: 0;
    content: "";
    height: 60px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 3
}

.blureImg-z5YSpCnx {
    bottom: 0;
    position: absolute;
    width: 100%
}

@media screen and (min-width:768px) {
    .blureImg-z5YSpCnx {
        top: 300px
    }
}

.content-z5YSpCnx {
    margin-inline: auto;
    padding-top: var(--v-rhythm-spacing-3);
    padding-inline: 20px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .content-z5YSpCnx {
        padding-inline: 32px
    }
}

@media screen and (min-width:1280px) {
    .content-z5YSpCnx {
        max-width: 1000px
    }
}

@media screen and (min-width:1440px) {
    .content-z5YSpCnx {
        padding-inline: 40px
    }
}

@media screen and (min-width:1920px) {
    .content-z5YSpCnx {
        padding-inline: 100px
    }
}

.title-z5YSpCnx {
    font-feature-settings: "tnum" on, "lnum" on;
    --ui-lib-typography-line-height: 40px;
    --ui-lib-typography-font-size: 40px;
    color: #fff;
    font-family: EuclidCircularSemibold, sans-serif;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: var(--ui-lib-typography-line-height)
}

@media screen and (min-width:768px) {
    .title-z5YSpCnx {
        font-feature-settings: "tnum" on, "lnum" on;
        --ui-lib-typography-line-height: 64px;
        --ui-lib-typography-font-size: 64px;
        font-family: EuclidCircularSemibold, sans-serif;
        font-size: var(--ui-lib-typography-font-size);
        font-style: normal;
        font-weight: 600;
        letter-spacing: -.04em;
        line-height: var(--ui-lib-typography-line-height)
    }
}

@media screen and (min-width:1280px) {
    .title-z5YSpCnx {
        font-feature-settings: "tnum" on, "lnum" on;
        --ui-lib-typography-line-height: 100px;
        --ui-lib-typography-font-size: 100px;
        font-family: EuclidCircularSemibold, sans-serif;
        font-size: var(--ui-lib-typography-font-size);
        font-style: normal;
        font-weight: 600;
        letter-spacing: -.02em;
        line-height: var(--ui-lib-typography-line-height)
    }
}

.description-z5YSpCnx {
    font-feature-settings: "tnum" on, "lnum" on;
    --ui-lib-typography-line-height: 28px;
    --ui-lib-typography-font-size: 18px;
    color: #d1d4dc;
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 400;
    line-height: var(--ui-lib-typography-line-height);
    margin: 16px auto
}

@media screen and (min-width:768px) {
    .description-z5YSpCnx {
        font-feature-settings: "tnum" on, "lnum" on;
        --ui-lib-typography-line-height: 32px;
        --ui-lib-typography-font-size: 24px;
        font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
        font-size: var(--ui-lib-typography-font-size);
        font-style: normal;
        font-weight: 400;
        line-height: var(--ui-lib-typography-line-height)
    }
}

@media screen and (min-width:1280px) {
    .description-z5YSpCnx {
        font-feature-settings: "tnum" on, "lnum" on;
        --ui-lib-typography-line-height: 40px;
        --ui-lib-typography-font-size: 28px;
        font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
        font-size: var(--ui-lib-typography-font-size);
        font-style: normal;
        font-weight: 400;
        line-height: var(--ui-lib-typography-line-height)
    }
}

@media screen and (min-width:768px) {
    .description-z5YSpCnx {
        margin-bottom: 24px
    }
}

@media screen and (min-width:1280px) {
    .description-z5YSpCnx {
        margin: 24px auto 32px
    }
}

.btn-z5YSpCnx {
    --ui-lib-button-color-bg: #0000;
    --ui-lib-button-color-content: #d1d4dc;
    --ui-lib-button-color-border: #434651
}

@media (any-hover:hover) {
    .btn-z5YSpCnx:hover {
        --ui-lib-button-color-bg: #2a2e39;
        --ui-lib-button-color-content: #fff;
        --ui-lib-button-color-border: #2a2e39
    }
}

.btn-z5YSpCnx:active {
    --ui-lib-button-color-bg: #363a45;
    --ui-lib-button-color-content: #fff;
    --ui-lib-button-color-border: #363a45
}

.btn-z5YSpCnx.show-mobile-z5YSpCnx {
    display: inline-flex
}

@media screen and (min-width:768px) {
    .btn-z5YSpCnx.show-mobile-z5YSpCnx {
        display: none
    }
}

.btn-z5YSpCnx.show-tablet-z5YSpCnx {
    display: none
}

@media screen and (min-width:768px) {
    .btn-z5YSpCnx.show-tablet-z5YSpCnx {
        display: inline-flex
    }
}

@media screen and (min-width:1280px) {
    .btn-z5YSpCnx.show-tablet-z5YSpCnx {
        display: none
    }
}

.btn-z5YSpCnx.show-laptop-z5YSpCnx {
    display: none
}

@media screen and (min-width:1280px) {
    .btn-z5YSpCnx.show-laptop-z5YSpCnx {
        display: inline-flex
    }
}

.videoContainer-z5YSpCnx {
    margin: 48px auto 0;
    max-width: 300px;
    padding: 0 calc(30% - 166px);
    position: relative
}

@media screen and (min-width:768px) {
    .videoContainer-z5YSpCnx {
        margin-top: 64px;
        max-width: 1440px
    }
}

@media screen and (min-width:1280px) {
    .videoContainer-z5YSpCnx {
        margin-top: 80px
    }
}

.videoSizer-z5YSpCnx {
    padding-bottom: 176.25%;
    position: relative
}

.videoSizer-z5YSpCnx:after {
    background: url(frame-mobile.0d05ed01510d724224d9.svg) top no-repeat;
    background-size: 100% auto;
    bottom: 0;
    content: "";
    left: -15%;
    pointer-events: none;
    position: absolute;
    right: -15%;
    top: -8.5%
}

@media screen and (min-width:768px) {
    .videoSizer-z5YSpCnx {
        padding-bottom: 51.94497%
    }
    .videoSizer-z5YSpCnx:after {
        background-image: url(frame.b81b5210b01dcd7d3009.svg);
        left: -9%;
        right: -9%;
        top: -14.2%
    }
}

.video-z5YSpCnx {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: top;
    position: absolute;
    top: 0;
    width: 100%
}

.phoneContent-z5YSpCnx {
    display: block
}

@media screen and (min-width:768px) {
    .phoneContent-z5YSpCnx {
        display: none
    }
}

.tabletContent-z5YSpCnx {
    display: none
}

@media screen and (min-width:768px) {
    .tabletContent-z5YSpCnx {
        display: block
    }
}

@media (prefers-reduced-motion:reduce) {
    .container-z5YSpCnx {
        position: static;
        top: unset
    }
    .stickyContainer-z5YSpCnx {
        height: auto;
        width: auto
    }
}