@charset "UTF-8";
header.header {
    background: rgb(20 22 24 / .5);
    color: #f8fafc;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50
}

header.header .header_inline {
    background: #fff0;
    border-bottom: var(--okd-line-width) solid var(--okd--preset--color--neutral-50);
    display: flex;
    overflow: visible;
    position: relative;
    width: 100%
}

header.header .header_inline::before {
    -webkit-backdrop-filter: blur(48px);
    backdrop-filter: blur(48px);
    background: rgb(0 0 0 / .01);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 0
}

header.header .header_inline .inline_shell-wrap {
    padding-inline: var(--okd-line-gutter);
    position: relative;
    z-index: 1
}

header.header .header_inline .inline_shell {
    --col-sm: 2;
    --col-md: 2;
    align-items: stretch;
    height: var(--okd-header-inline-height);
    width: 100%
}

@media (max-width:1024px) {
    header.header .header_inline .inline_shell {
        grid-template-columns: minmax(0, 1fr) 68px
    }
}

@media (min-width:1025px) {
    header.header .header_inline .inline_shell {
        --gap-col: 0
    }
}

header.header .header_inline .inline_brand {
    --lg: 1/2;
    --md: 1/2;
    --sm: 1/2;
    --xl: 1/3;
    align-items: center;
    display: flex;
    min-width: 0;
    overflow: visible;
    position: relative
}

@media (min-width:1025px) and (max-width:1280px) {
    header.header .header_inline .inline_brand {
        min-width: 190px !important
    }
}

header.header .header_inline .inline_logo {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    max-width: 234px;
    outline: none;
    overflow: visible;
    padding-inline: var(--okd-line-gutter);
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%
}

header.header .header_inline .inline_logo:focus-visible {
    background-color: rgb(255 255 255 / .1);
    box-shadow: inset 0 0 0 2px #fff;
    outline: none
}

@media (min-width:1281px) {
    header.header .header_inline .inline_logo {
        margin-inline: auto;
        right: 0;
        text-align: center
    }
}

header.header .header_inline .inline_logo_img {
    max-width: clamp(172px, calc(172px + 12 * ((100vw - 800px) / (1440 - 800))), 184px);
    display: block;
    flex-shrink: 0;
    height: 100%;
    max-height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

header.header .header_inline .inline_toggle-wrap {
    --md: 2/3;
    --sm: 2/3;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-inline-start: 0;
    min-width: 0
}

@media (max-width:1024px) {
    header.header .header_inline .inline_toggle-wrap {
        flex-shrink: 0;
        width: 68px
    }
}

header.header .header_inline .inline_nav {
    --lg: 3/6;
    --md: 2/6;
    --xl: 3/11;
    justify-content: flex-end;
    min-width: 0;
    padding-right: var(--okd--preset--spacing--32);
    text-align: right;
    width: 100%
}

header.header .header_inline .inline_shell-wrap:not(:has(.inline_cta-wrap)) .inline_nav {
    --lg: 2/7;
    --md: 2/7;
    --xl: 3/13
}

header.header .header_inline .inline_cta-wrap {
    --lg: 6/7;
    --md: 6/7;
    --xl: 11/13;
    align-items: center;
    box-shadow: inset var(--okd-line-width) 0 0 0 var(--okd--preset--color--neutral-50);
    display: none;
    justify-content: center;
    text-align: center
}

header.header .header_inline .inline_toggle {
    align-items: center;
    background: #fff0;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    left: 0;
    outline: 0 none;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%
}

header.header .header_inline .inline_toggle:focus-visible {
    background-color: rgb(255 255 255 / .1);
    box-shadow: inset 0 0 0 2px #fff
}

header.header .header_inline .nav_menu {
    --nav-toggle-dot: 6px;
    --nav-toggle-stack: 10px;
    --nav-toggle-spread: 0.625rem;
    flex-shrink: 0;
    height: calc(var(--nav-toggle-stack) * 2 + var(--nav-toggle-dot));
    position: relative;
    width: calc(var(--nav-toggle-spread) * 2 + var(--nav-toggle-dot))
}

header.header .header_inline .menu_dot {
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 50%;
    height: var(--nav-toggle-dot);
    left: 50%;
    margin: -3px 0 0 -3px;
    position: absolute;
    top: 50%;
    width: var(--nav-toggle-dot)
}

header.header .header_inline .nav_menu .menu_dot.-upper-left {
    transform: translate3d(0, calc(var(--nav-toggle-stack) * -1), 0)
}

header.header .header_inline .nav_menu .menu_dot.-upper-right,
header.header .header_inline .nav_menu .menu_dot.-center,
header.header .header_inline .nav_menu .menu_dot.-lower-left {
    transform: translate3d(0, 0, 0)
}

header.header .header_inline .nav_menu .menu_dot.-lower-right {
    transform: translate3d(0, var(--nav-toggle-stack), 0)
}

header.header .header_inline .inline_toggle.is-nav-toggle-open .nav_menu .menu_dot.-upper-left {
    transform: translate3d(calc(var(--nav-toggle-spread) * -1), calc(var(--nav-toggle-spread) * -1), 0)
}

header.header .header_inline .inline_toggle.is-nav-toggle-open .nav_menu .menu_dot.-upper-right {
    transform: translate3d(var(--nav-toggle-spread), calc(var(--nav-toggle-spread) * -1), 0)
}

header.header .header_inline .inline_toggle.is-nav-toggle-open .nav_menu .menu_dot.-center {
    transform: translate3d(0, 0, 0)
}

header.header .header_inline .inline_toggle.is-nav-toggle-open .nav_menu .menu_dot.-lower-left {
    transform: translate3d(calc(var(--nav-toggle-spread) * -1), var(--nav-toggle-spread), 0)
}

header.header .header_inline .inline_toggle.is-nav-toggle-open .nav_menu .menu_dot.-lower-right {
    transform: translate3d(var(--nav-toggle-spread), var(--nav-toggle-spread), 0)
}

@media (prefers-reduced-motion:reduce) {
    header.header .header_inline .menu_dot {
        transition: none
    }
}

@media (hover:hover) and (pointer:fine) {
    header.header .header_inline .inline_toggle.is-nav-toggle-open .menu_dot {
        transition: transform 0.28s ease
    }
}

header.header .header_inline .inline_nav {
    align-items: center;
    display: none;
    gap: var(--okd--preset--spacing--32)
}

header.header .header_inline .header_nav_link {
    --btn-text-color: var(--okd--preset--color--neutral-10);
    --btn-text-color-hover: var(--okd--preset--color--neutral-10);
    --btn-underline-color: var(--okd--preset--color--hypergreen);
    white-space: nowrap
}

@media (min-width:1025px) {
    header.header .header_inline .inline_brand {
        border-right: var(--okd-line-width) solid var(--okd--preset--color--neutral-50)
    }
    header.header .header_inline .inline_brand::after {
        --circle-background-color: var(--okd-line-color);
        --circle-size: 8px;
        background-color: var(--circle-background-color);
        -webkit-clip-path: circle(50%);
        clip-path: circle(50%);
        display: block;
        height: var(--circle-size);
        pointer-events: none;
        position: absolute;
        width: var(--circle-size);
        z-index: 10;
        bottom: 0;
        content: "";
        right: 0;
        transform: translate(50%, 50%)
    }
    header.header .header_inline .inline_cta-wrap {
        display: flex;
        overflow: visible;
        position: relative
    }
    header.header .header_inline .inline_cta-wrap::before {
        --circle-background-color: var(--okd-line-color);
        --circle-size: 8px;
        background-color: var(--circle-background-color);
        -webkit-clip-path: circle(50%);
        clip-path: circle(50%);
        display: block;
        height: var(--circle-size);
        pointer-events: none;
        position: absolute;
        width: var(--circle-size);
        z-index: 10;
        content: "";
        bottom: 0;
        left: 0;
        transform: translate(-50%, 50%)
    }
    header.header .header_inline .inline_toggle-wrap {
        display: none
    }
    header.header .header_inline .inline_nav {
        display: flex
    }
}

header.header .header_mobile {
    background: rgb(20 22 24 / .5);
    backdrop-filter: blur(48px);
    border-top: var(--okd-line-width) solid var(--okd--preset--color--neutral-50);
    height: calc(var(--okd-vh) - var(--okd-header-inline-height));
    left: 0;
    opacity: 0;
    overflow: visible;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: var(--okd-header-inline-height);
    transition: opacity 0.58s ease, visibility 0s linear 0.58s;
    visibility: hidden;
    will-change: opacity
}

@media (prefers-reduced-motion:reduce) {
    header.header .header_mobile {
        transition-duration: 0.01ms;
        transition-delay: 0s
    }
}

header.header .header_mobile::before,
header.header .header_mobile::after {
    --circle-background-color: var(--okd-line-color);
    --circle-size: 8px;
    background-color: var(--circle-background-color);
    -webkit-clip-path: circle(50%);
    clip-path: circle(50%);
    display: block;
    height: var(--circle-size);
    pointer-events: none;
    position: absolute;
    width: var(--circle-size);
    z-index: 10;
    content: ""
}

header.header .header_mobile::before {
    top: 0;
    left: var(--okd-line-gutter);
    transform: translate(-50%, -50%)
}

header.header .header_mobile::after {
    top: 0;
    right: var(--okd-line-gutter);
    transform: translate(50%, -50%)
}

header.header .header_mobile .mobile_inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

header.header .header_mobile .mobile_inner::-webkit-scrollbar {
    display: none
}

header.header .header_mobile .mobile_nav {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 0;
    position: relative
}

header.header .header_mobile .mobile_nav .okd-block-container-lines {
    transform: scaleY(0);
    transform-origin: top center;
    transition: transform 1.35s ease;
    transition-delay: 0s
}

@media (prefers-reduced-motion:reduce) {
    header.header .header_mobile .mobile_nav .okd-block-container-lines {
        transition-duration: 0.01ms
    }
}

header.header .header_mobile .mobile_nav_link {
    align-items: center;
    border-bottom: var(--okd-line-width) solid var(--okd--preset--color--neutral-50);
    display: flex;
    gap: var(--okd--preset--spacing--8);
    justify-content: flex-start;
    opacity: 0;
    padding: var(--okd--preset--spacing--24) var(--okd-block-padding-inline);
    position: relative;
    text-decoration: none;
    transform: translateY(-14px);
    width: 100%
}

header.header .header_mobile .mobile_nav_link .btn_label {
    flex: 1 1 auto;
    min-width: 0
}

header.header .header_mobile .mobile_nav_link .btn_label:has(+.u-btn__icon-external) {
    flex-grow: 0
}

header.header .header_mobile .mobile_nav_link .u-btn__icon-external {
    color: inherit;
    display: inline-flex;
    flex-shrink: 0;
    margin-inline-start: 0;
    overflow: hidden;
    position: relative;
    size: 14px;
    vertical-align: middle;
    z-index: 1
}

header.header .header_mobile .mobile_nav_link .u-btn__icon-external-viewport {
    display: block;
    height: 14px;
    overflow: hidden;
    position: relative;
    width: 14px
}

header.header .header_mobile .mobile_nav_link .u-btn__icon-external-track {
    display: block;
    height: 28px;
    position: relative;
    transform: translate3d(-14px, 0, 0);
    transition: transform 0.65s cubic-bezier(.625, .05, 0, 1);
    width: 28px
}

header.header .header_mobile .mobile_nav_link .u-btn__icon-external-svg {
    color: inherit;
    display: block;
    height: 7px;
    position: absolute;
    width: 7px
}

header.header .header_mobile .mobile_nav_link .u-btn__icon-external-svg:nth-child(1) {
    left: 3.5px;
    top: 17.5px
}

header.header .header_mobile .mobile_nav_link .u-btn__icon-external-svg:nth-child(2) {
    left: 17.5px;
    top: 3.5px
}

@media (hover:hover) and (pointer:fine) {
    header.header .header_mobile .mobile_nav_link:hover .u-btn__icon-external-track,
    header.header .header_mobile .mobile_nav_link:focus-visible .u-btn__icon-external-track {
        transform: translate3d(0, -14px, 0)
    }
}

header.header .header_mobile .mobile_nav_link:focus-visible {
    background-color: rgb(255 255 255 / .1);
    box-shadow: inset 0 0 0 2px #fff;
    outline: none
}

@media (prefers-reduced-motion:reduce) {
    header.header .header_mobile .mobile_nav_link {
        opacity: 1;
        transform: none
    }
    header.header .header_mobile .mobile_nav_link .u-btn__icon-external-track {
        transform: translate3d(-14px, 0, 0) !important;
        transition: none !important
    }
}

header.header .header_mobile .mobile_nav_link::before,
header.header .header_mobile .mobile_nav_link::after {
    --circle-background-color: var(--okd-line-color);
    --circle-size: 8px;
    background-color: var(--circle-background-color);
    -webkit-clip-path: circle(50%);
    clip-path: circle(50%);
    display: block;
    height: var(--circle-size);
    pointer-events: none;
    position: absolute;
    width: var(--circle-size);
    z-index: 10;
    content: ""
}

header.header .header_mobile .mobile_nav_link::before {
    bottom: 0;
    left: var(--okd-line-gutter);
    transform: translate(-50%, 50%)
}

header.header .header_mobile .mobile_nav_link::after {
    bottom: 0;
    right: var(--okd-line-gutter);
    transform: translate(50%, 50%)
}

header.header .header_mobile .mobile_mobile_footer {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--okd--preset--spacing--8) 0;
    margin-top: auto;
    padding: var(--okd--preset--spacing--24) calc(var(--okd--preset--spacing--24) + var(--okd--preset--spacing--16));
    text-align: center;
    width: 100%
}

header.header .header_mobile .mobile_cta {
    margin-bottom: var(--okd--preset--spacing--16)
}

header.header .header_mobile .mobile_copyright {
    font-size: 14px;
    line-height: 1.5em;
    opacity: .5
}

header.header .header_mobile .mobile_terms {
    display: flex;
    flex-wrap: wrap;
    gap: var(--okd--preset--spacing--8) var(--okd--preset--spacing--16);
    justify-content: flex-end
}

header.header .header_mobile .mobile_terms_link {
    color: var(--okd--preset--color--neutral-05);
    font-size: 14px;
    line-height: 1.5em;
    opacity: .5;
    text-decoration: none;
    transition: opacity 0.3s ease
}

@media (hover:hover) and (pointer:fine) {
    header.header .header_mobile .mobile_terms_link:hover {
        opacity: 1
    }
}

@media (min-width:1025px) {
    header.header .header_mobile {
        display: none !important
    }
}

header.header.is-open .header_mobile {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.58s ease, visibility 0s linear 0s;
    visibility: visible
}

@media (prefers-reduced-motion:reduce) {
    header.header.is-open .header_mobile {
        transition-duration: 0.01ms
    }
}

header.header.is-open .header_mobile .mobile_nav .okd-block-container-lines {
    transform: scaleY(1);
    transition-delay: 0.12s
}

header.header.is-open .header_mobile .mobile_nav_link {
    animation: okd-mobile-nav-link-in 0.68s cubic-bezier(.22, 1, .36, 1) both
}

@media (prefers-reduced-motion:reduce) {
    header.header.is-open .header_mobile .mobile_nav_link {
        animation: none
    }
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(1) {
    animation-delay: 0.48s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(2) {
    animation-delay: 0.552s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(3) {
    animation-delay: 0.624s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(4) {
    animation-delay: 0.696s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(5) {
    animation-delay: 0.768s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(6) {
    animation-delay: 0.84s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(7) {
    animation-delay: 0.912s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(8) {
    animation-delay: 0.984s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(9) {
    animation-delay: 1.056s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(10) {
    animation-delay: 1.128s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(11) {
    animation-delay: 1.2s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(12) {
    animation-delay: 1.272s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(13) {
    animation-delay: 1.344s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(14) {
    animation-delay: 1.416s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(15) {
    animation-delay: 1.488s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(16) {
    animation-delay: 1.56s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(17) {
    animation-delay: 1.632s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(18) {
    animation-delay: 1.704s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(19) {
    animation-delay: 1.776s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(20) {
    animation-delay: 1.848s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(21) {
    animation-delay: 1.92s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(22) {
    animation-delay: 1.992s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(23) {
    animation-delay: 2.064s
}

header.header.is-open .header_mobile .mobile_nav>.mobile_nav_link:nth-of-type(24) {
    animation-delay: 2.136s
}

header.header .okd-block-container-lines::before,
header.header .okd-block-container-lines::after {
    bottom: 0;
    top: auto
}

header.header .okd-block-container-lines::before {
    transform: translate(-50%, 50%)
}

header.header .okd-block-container-lines::after {
    transform: translate(50%, 50%)
}

@keyframes okd-mobile-nav-link-in {
    from {
        opacity: 0;
        transform: translateY(-14px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}