.intro_wrapper__CTT7N {
    height: 100vh;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    pointer-events: none
}

.intro_wrapper__CTT7N.intro_out__shlzq {
    transition: transform .75s var(--ease-out-expo), background-color .6s var(--ease-out-expo), opacity .75s var(--ease-out-expo);
    transition-delay: .75s;
    background-color: transparent;
    opacity: 0
}

.intro_wrapper__CTT7N .intro_start__68B_Z {
    opacity: 0
}

.intro_wrapper__CTT7N .intro_show___5FBo {
    transition: opacity .75s var(--ease-out-expo);
    opacity: 1
}

@media(min-width:800px) {
    .intro_wrapper__CTT7N .intro_translate__tRD4I {
        transition: opacity .75s var(--ease-out-expo), transform .75s var(--ease-out-expo)
    }
}

.intro_wrapper__CTT7N .intro_relative__MCZCY {
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.intro_wrapper__CTT7N .intro_pinwheel__29Z8D {
    animation-name: intro_spin__YVD_k;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    height: 600vh;
    left: 50%;
    top: 50%;
    position: absolute
}

@keyframes intro_spin__YVD_k {
    0% {
        transform: rotate(0deg) translateX(-50%) translateY(-50%);
        transform-origin: 0 0
    }

    to {
        transform: rotate(1turn) translateX(-50%) translateY(-50%);
        transform-origin: 0 0
    }
}

@media(max-width:800px) {
    .intro_mobile__vebSH {
        transform: translate3d(0, -105%, 0)
    }
}

.layout_layout__6rn2e {
    background-color: var(--theme-primary);
    color: var(--theme-secondary);
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

.layout_layout__6rn2e .layout_main__HGeav {
    flex-grow: 1
}

.swap_layout__0t7OI {
    background-color: var(--theme-primary);
    color: var(--theme-secondary);
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

.swap_layout__0t7OI .swap_main__oYe2A {
    flex-grow: 1
}

.swap_home__r50s3 main>:not(.swap_canvas__6CKoo) {
    position: relative
}

.swap_home__r50s3 {
    max-width: 100vw
}

.swap_hide__Gu3o2 {
    opacity: 0;
    transform: translateY(30%) scale(.8)
}

.swap_hide__Gu3o2:before {
    animation-play-state: paused
}

.swap_scroll-hintzz__7Vovg {
    position: relative;
    grid-column: 1/span 2;
    transition: opacity .2s var(--ease-in-out-quad), transform .2s var(--ease-in-out-quad)
}

.swap_scroll-hintzz__7Vovg .swap_text__Y2NTX {
    font-family: PsyopMonoWhyteInktrapMono-Regular, monospace;
    line-height: 100%;
    letter-spacing: 2px
}

@media(min-width:800px) {
    .swap_scroll-hintzz__7Vovg .swap_text__Y2NTX {
        padding-left: 1.1111111111vw;
        font-size: 1.6666666667vw
    }
}

.swap_scroll-hintzz__7Vovg:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 40px;
    height: calc(30% - 12px);
    width: .1388888889vw;
    background-color: var(--white);
    animation: swap_scale__LstHS 4s infinite;
    animation-play-state: paused;
    transform-origin: 50% 0;
    transform: scale(0);
    z-index: 10
}

.swap_scroll-hintzz__7Vovg.swap_show__szDAg:before {
    animation-play-state: running
}

.swap_scroll-hintzz__7Vovg.swap_hide__Gu3o2 {
    opacity: 0;
    transform: translateY(30%) scale(.8)
}

.swap_scroll-hintzz__7Vovg.swap_hide__Gu3o2:before {
    animation-play-state: paused
}

.swap_canvas__6CKoo {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    right: 0
}

.swap_canvas__6CKoo:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 100vw;
    width: 200vw;
    background: radial-gradient(rgba(43, 34, 34, .05), rgba(23, 44, 94, .05) 20%);
    transform: translateX(-50%) translateY(50vh);
    opacity: .5
}

.swap_hide-text__30usv {
    overflow: hidden
}

@media(min-width:800px) {
    .swap_hide-text__30usv>* {
        transform: translate3d(0, 200%, 0)
    }

    .swap_show-text__tzQjW>* {
        transform: translateZ(0);
        transition: transform 2.05s var(--ease-out-expo);
        transition-delay: .45s
    }
}

.swap_hero__lXurH {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 90vh;
    height: calc(90*var(--svh, 1vh));
    height: 90svh;
    position: relative
}

@media(max-width:800px) {
    .swap_hero__lXurH {
        padding-bottom: 4.2666666667vw
    }

    .swap_hero__lXurH>div {
        grid-gap: 2.9333333333vw
    }
}

@media(min-width:800px) {
    .swap_hero__lXurH {
        height: 90vh
    }
}

.swap_hero__lXurH .swap_title__lDh2k {
    grid-column: 1/-1;
    margin-top: 8vw;
    width: var(--layout-width)
}

@media(max-width:800px) {
    .swap_hero__lXurH .swap_title__lDh2k {
        height: 22.6666666667vw
    }
}

@media(min-width:800px) {
    .swap_hero__lXurH .swap_title__lDh2k {
        margin-top: 2.0833333333vw;
        position: absolute;
        top: 0;
        left: 2.5%
    }
}

.swap_hero__lXurH .swap_icon__1DeBx {
    width: 11.7333333333vw;
    height: 10.4vw
}

@media(min-width:800px) {
    .swap_hero__lXurH .swap_icon__1DeBx {
        position: relative;
        top: 27.4305555556vw;
        width: 3.0555555556vw;
        height: 2.7083333333vw;
        transform: translate3d(0, 100%, 0);
        opacity: 0
    }

    .swap_hero__lXurH .swap_icon__1DeBx.swap_show__szDAg {
        transition: transform 2.05s var(--ease-out-expo), opacity 2.05s var(--ease-out-expo);
        transition-delay: .45s;
        opacity: 1;
        transform: translateZ(0)
    }
}

.swap_hero__lXurH .swap_sub__UT0jX {
    display: flex;
    flex-direction: column;
    text-align: end;
    grid-column: 2/-1
}

@media(min-width:800px) {
    .swap_hero__lXurH .swap_sub__UT0jX {
        position: relative;
        top: 27.4305555556vw;
        grid-column: 6/span 7
    }
}

.swap_hero__lXurH .swap_sub__UT0jX .swap_subtitle__12grU {
    margin-bottom: 2.1333333333vw
}

@media(min-width:800px) {
    .swap_hero__lXurH .swap_sub__UT0jX .swap_subtitle__12grU {
        margin-bottom: .8333333333vw
    }
}

.swap_hero__lXurH .swap_sub__UT0jX .swap_tm__IR1uY {
    color: var(--grey)
}

.swap_hero__lXurH .swap_sub__UT0jX .swap_tm__IR1uY span {
    vertical-align: text-top
}

.swap_hero__lXurH .swap_bottom__MADr0 {
    width: 100%;
    overflow: hidden
}

@media(min-width:800px) {
    .swap_hero__lXurH .swap_bottom__MADr0 {
        padding-bottom: 2.7777777778vw
    }
}

.swap_hero__lXurH .swap_bottom__MADr0 .swap_scroll-hint__VtsF4 {
    position: relative;
    grid-column: 1/span 2;
    transition: opacity .6s var(--ease-in-out-quad), transform .6s var(--ease-in-out-quad)
}

.swap_hero__lXurH .swap_bottom__MADr0 .swap_scroll-hint__VtsF4 .swap_text__Y2NTX {
    font-family: PsyopMonoWhyteInktrapMono-Regular, monospace;
    letter-spacing: .1em;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 100%
}

@media(min-width:800px) {
    .swap_hero__lXurH .swap_bottom__MADr0 .swap_scroll-hint__VtsF4 .swap_text__Y2NTX {
        padding-left: 1.1111111111vw;
        font-size: 1.1111111111vw
    }
}

.swap_hero__lXurH .swap_bottom__MADr0 .swap_scroll-hint__VtsF4:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: .1388888889vw;
    background-color: var(--white);
    animation: swap_scale__LstHS 4s infinite;
    animation-play-state: paused;
    transform-origin: 50% 0;
    transform: scale(0)
}

@keyframes swap_scale__LstHS {
    50% {
        transform: scaleY(1.5)
    }
}

.swap_hero__lXurH .swap_bottom__MADr0 .swap_scroll-hint__VtsF4.swap_show__szDAg:before {
    animation-play-state: running
}

.swap_hero__lXurH .swap_bottom__MADr0 .swap_scroll-hint__VtsF4.swap_hide__Gu3o2 {
    opacity: 0;
    transform: translateY(20%)
}

.swap_hero__lXurH .swap_bottom__MADr0 .swap_scroll-hint__VtsF4.swap_hide__Gu3o2:before {
    animation-play-state: paused
}

.swap_hero__lXurH .swap_bottom__MADr0 .swap_description__KYLvI {
    grid-column: 1/-1
}

@media(min-width:800px) {
    .swap_hero__lXurH .swap_bottom__MADr0 .swap_description__KYLvI {
        grid-column: 3/span 3
    }
}

.swap_hero__lXurH .swap_bottom__MADr0 .swap_cta__D57S6 {
    grid-column: 1/-1;
    text-align: end
}

.swap_hero__lXurH .swap_bottom__MADr0 .swap_cta__D57S6.swap_in__VDvQO {
    opacity: 1;
    transform: translateZ(0)
}

@media(min-width:800px) {
    .swap_hero__lXurH .swap_bottom__MADr0 .swap_cta__D57S6 {
        transition: transform 1.85s var(--ease-out-expo), opacity 2.05s var(--ease-out-expo);
        grid-column: 10/-1;
        opacity: .5;
        transform: translate3d(0, 100%, 0)
    }
}

.swap_why__KtX9r {
    margin-bottom: 42.6666666667vw
}

@media(min-width:800px) {
    .swap_why__KtX9r {
        margin-bottom: 44.4444444444vw
    }
}

.swap_why__KtX9r .swap_sticky__2KOI4 {
    grid-column: 1/-1
}

@media(min-width:800px) {
    .swap_why__KtX9r .swap_sticky__2KOI4 {
        position: sticky;
        top: 33%;
        align-self: start;
        border-left: 4px solid var(--theme-contrast);
        grid-column: 3/span 4;
        padding: 1.6666666667vw 2.2222222222vw
    }
}

.swap_why__KtX9r .swap_features__Nonmx {
    grid-column: 1/-1
}

@media(min-width:800px) {
    .swap_why__KtX9r .swap_features__Nonmx {
        grid-column: 7/-1;
        margin-top: 17.7777777778vw
    }
}

.swap_why__KtX9r .swap_feature__qM8zX:not(:first-child) {
    margin-top: 32vw
}

@media(min-width:800px) {
    .swap_why__KtX9r .swap_feature__qM8zX {
        width: calc((4 * var(--layout-column-width)) + (4 - 1)*var(--layout-columns-gap))
    }

    .swap_why__KtX9r .swap_feature__qM8zX:not(:first-child) {
        margin-top: 27.7777777778vw
    }
}

.swap_why__KtX9r .swap_feature__qM8zX .swap_title__lDh2k {
    color: var(--theme-contrast);
    margin-bottom: 4.2666666667vw
}

@media(min-width:800px) {
    .swap_why__KtX9r .swap_feature__qM8zX .swap_title__lDh2k {
        margin-bottom: 1.6666666667vw
    }
}

.swap_promo__XHPaV .swap_pre__wc19P {
    margin-bottom: 42.6666666667vw
}

@media(min-width:800px) {
    .swap_promo__XHPaV .swap_pre__wc19P {
        margin-bottom: 16.6666666667vw
    }

    .swap_promo__XHPaV .swap_pre__wc19P .swap_highlight__B2ukL {
        border-left: 4px solid var(--theme-contrast);
        grid-column: 3/span 4;
        top: 4.4444444444vw;
        padding: 1.6666666667vw 0 1.6666666667vw 2.2222222222vw
    }
}

.swap_promo__XHPaV .swap_pre__wc19P .swap_comparison__UjrYB {
    grid-column: 1/-1
}

@media(min-width:800px) {
    .swap_promo__XHPaV .swap_pre__wc19P .swap_comparison__UjrYB {
        grid-column: 7/span 4;
        margin-top: 17.7777777778vw
    }
}

.swap_promo__XHPaV .swap_cards___Sw9T {
    margin-bottom: 42.6666666667vw
}

@media(min-width:800px) {
    .swap_promo__XHPaV .swap_cards___Sw9T {
        margin-bottom: 6.9444444444vw
    }

    .swap_promo__XHPaV .swap_cards___Sw9T .swap_card__I8vRL:first-child {
        margin-left: var(--layout-margin)
    }

    .swap_promo__XHPaV .swap_cards___Sw9T .swap_card__I8vRL:not(:last-child) {
        margin-right: calc(var(--layout-columns-gap))
    }
}

.swap_solution__g8_Nl {
    position: relative;
    color: var(--ryft-red)
}

@media(min-width:800px) {
    .swap_solution__g8_Nl {
        min-height: 300vh
    }
}

.swap_solution__g8_Nl .swap_inner__EpBJe {
    position: sticky;
    top: 0;
    margin: 0 auto;
    overflow: hidden;
    height: calc(1*var(--vh, 1vh))
}

@media(min-width:800px) {
    .swap_solution__g8_Nl .swap_inner__EpBJe {
        height: 100vh
    }
}

.swap_solution__g8_Nl .swap_inner__EpBJe .swap_zoom__J8PwD {
    align-self: start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 2.4615384615vh
}

@media(min-width:800px) {
    .swap_solution__g8_Nl .swap_inner__EpBJe .swap_zoom__J8PwD {
        padding: 4.7058823529vh var(--layout-margin)
    }
}

.swap_solution__g8_Nl .swap_first__W7VpB {
    transform: translateY(calc(var(--progress1) * -100%))
}

.swap_solution__g8_Nl .swap_second__5ck_l {
    text-align: end
}

.swap_solution__g8_Nl .swap_enter__49R5y {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-54.2%, -50%) scale(calc(var(--progress1) * 18.2));
    transform-origin: 50% calc(50% - var(--progress1)*10%);
    opacity: calc(var(--progress1)*2);
    text-align: center
}

@media(min-width:800px) {
    .swap_solution__g8_Nl .swap_enter__49R5y {
        transform: translate(-50%, -50%) scale(calc(var(--progress1) * 47.5));
        transform-origin: 50% calc(50% - var(--progress1)*25%)
    }
}

.swap_featuring__Awce3 {
    position: relative;
    padding-bottom: 42.6666666667vw;
    color: var(--theme-secondary)
}

.swap_featuring__Awce3:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 40vw;
    position: absolute;
    background: linear-gradient(to bottom, var(--theme-primary), var(--theme-primary-transparent))
}

@media(min-width:800px) {
    .swap_featuring__Awce3:before {
        height: 10.4166666667vw
    }

    .swap_featuring__Awce3 {
        padding: 2.7777777778vw 0 22.2222222222vw
    }
}

.swap_featuring__Awce3 .swap_inner__EpBJe {
    position: relative
}

.swap_featuring__Awce3 .swap_intro__FILFj {
    padding-bottom: 42.6666666667vw
}

@media(min-width:800px) {
    .swap_featuring__Awce3 .swap_intro__FILFj {
        padding-bottom: 30.5555555556vw
    }
}

.swap_in-use__tZZQo {
    padding-bottom: 42.6666666667vw;
    color: var(--theme-secondary)
}

@media(min-width:800px) {
    .swap_in-use__tZZQo {
        padding-bottom: 27.7777777778vw
    }
}

.swap_in-use__tZZQo .swap_title__lDh2k {
    grid-column: 1/-1
}

@media(min-width:800px) {
    .swap_in-use__tZZQo .swap_title__lDh2k {
        grid-column: 1/span 5
    }
}

.swap_in-use__tZZQo .swap_list__c_cxe {
    grid-column: 1/-1
}

@media(min-width:800px) {
    .swap_in-use__tZZQo .swap_list__c_cxe {
        grid-column: 6/span 7
    }
}

.swap_temp__lgMGH {
    height: 100vh;
    opacity: .95;
    display: flex;
    align-items: center
}