.Header_header__hfMjL {
    --clip: inset(0 0 calc(100% - var(--header-height) + var(--header-top)) 0 round var(--header-radius));
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    isolation: isolate;
    overflow: hidden;
    position: fixed;
    inset: var(--header-top) 0;
    margin-inline: auto;
    z-index: var(--layer-header);
    width: calc(100vw - (var(--page-padding-left) / 2) - (var(--page-padding-right) / 2));
    max-width: var(--header-max-width);
    transform: translateX(calc(-1 * var(--removed-body-scroll-bar-size, 0px) / 2));
    border-radius: var(--header-radius);
    padding: 0 12px;
    background: hsla(0, 0%, 4%, .2);
    -webkit-backdrop-filter: blur(24px) saturate(140%);
    backdrop-filter: blur(24px) saturate(140%);
    -webkit-clip-path: var(--clip);
    clip-path: var(--clip);
    transition: .24s var(--ease-out-quad);
    transition-property: background, -webkit-clip-path;
    transition-property: clip-path, background;
    transition-property: clip-path, background, -webkit-clip-path
}

@media (max-width: 640px) {
    .Header_root__x8J2p:has(#Header_mobile-menu-state__oeyIR:target,#Header_mobile-menu-state__oeyIR:checked) .Header_header__hfMjL {
        --clip: inset(0 0 0 0 round var(--header-radius));
        background: hsla(0, 0%, 4%, .6)
    }

    [data-theme=light] :is(.Header_root__x8J2p:has(#Header_mobile-menu-state__oeyIR:target,#Header_mobile-menu-state__oeyIR:checked) .Header_header__hfMjL) {
        background: hsla(0, 0%, 100%, .6)
    }
}

[data-theme=light] .Header_header__hfMjL {
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

[data-theme=light] .Header_header__hfMjL:before {
    content: none
}

.Header_header__hfMjL.Header_open__nrVSk {
    background: hsla(0, 0%, 4%, .8);
    --clip: inset(0 0 calc(100% - var(--header-height) + var(--header-top) - var(--viewport-height)) 0 round var(--header-radius))
}

.Header_header__hfMjL:before {
    content: "";
    position: absolute;
    pointer-events: none;
    inset: 0;
    border: 1px solid var(--header-border);
    border-radius: inherit;
    height: calc(var(--header-height) - var(--header-top));
    will-change: height;
    transition: inherit;
    transition-property: height
}

.Header_header__hfMjL.Header_open__nrVSk:before {
    height: calc(var(--header-height) - var(--header-top) + var(--viewport-height))
}

@media (max-width: 640px) {
    .Header_root__x8J2p:has(#Header_mobile-menu-state__oeyIR:target,#Header_mobile-menu-state__oeyIR:checked) .Header_header__hfMjL:before {
        height: calc(100% - var(--header-top))
    }
}

.Header_blurMask__URqzD {
    inset: 0 0 auto 0;
    height: calc(var(--header-height) + 24px);
    background: var(--header-bg);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -webkit-mask-image: linear-gradient(to bottom, var(--mask-on) 20%, var(--mask-off) calc(100% - 20%));
    mask-image: linear-gradient(to bottom, var(--mask-on) 20%, var(--mask-off) calc(100% - 20%))
}

.Header_blurMask__URqzD, .Header_overlay__nyB3u {
    position: fixed;
    pointer-events: none;
    z-index: calc(var(--layer-header) - 1)
}

.Header_overlay__nyB3u {
    inset: 0;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    opacity: 0;
    visibility: hidden;
    transition: .24s var(--ease-out-quad);
    transition: .24s cubic-bezier(.4, 0, .6, 1);
    transition-property: opacity, visibility
}

.Header_overlay__nyB3u.Header_open__nrVSk {
    visibility: visible;
    opacity: 1
}

@media (max-width: 640px) {
    .Header_root__x8J2p:has(#Header_mobile-menu-state__oeyIR:target,#Header_mobile-menu-state__oeyIR:checked) .Header_overlay__nyB3u {
        visibility: visible;
        opacity: 1
    }
}

.Header_menuRoot__tJRFd {
    width: 100%;
    height: 100%
}

@media (max-width: 640px) {
    .Header_menuRoot__tJRFd {
        display: flex;
        flex-direction: column
    }
}

.Header_list__gT80u {
    list-style: none;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    min-height: calc(var(--header-height) - var(--header-top))
}

@media (max-width: 640px) {
    .Header_list__gT80u {
        justify-content: flex-start;
        gap: 16px
    }
}

.Header_buttonItem__crtcc {
    display: flex;
    align-items: center;
    justify-content: center
}

.Header_item__a2E_K {
    white-space: nowrap;
    margin: 0
}

.Header_anchor__CTwdv {
    height: 100%;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px
}

.Header_anchor__CTwdv:focus-visible {
    outline-offset: -8px
}

@media (max-width: 1024px) {
    .Header_anchor__CTwdv {
        padding: 0 12px
    }
}

@media (max-width: 768px) {
    .Header_anchor__CTwdv {
        padding: 0 8px
    }
}

.Header_item__a2E_K, .Header_trigger__xKGQe {
    font-size: 13px;
    font-weight: var(--font-weight-medium);
    color: hsla(0, 0%, 100%, .8);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .1);
    transition: color .24s var(--ease-out-quad)
}

.Header_item__a2E_K:hover, .Header_trigger__xKGQe:hover {
    color: var(--color-text-primary)
}

[data-theme=light] .Header_item__a2E_K, [data-theme=light] .Header_trigger__xKGQe {
    text-shadow: none;
    color: rgba(0, 0, 0, .8)
}

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

.Header_logoLink__Sgfy4 {
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.Header_logoLink__Sgfy4:focus-visible {
    outline-offset: -6px
}

@media (max-width: 640px) {
    .Header_loginItem__lJvVx {
        margin-left: auto
    }
}

.Header_mobileItem__Prlve {
    display: none
}

.Header_mobileItem__Prlve.Header_mobileItem__Prlve {
    margin-left: calc(-1 * var(--page-padding-right) + 8px)
}

@media (max-width: 640px) {
    .Header_mobileItem__Prlve {
        display: block
    }
}

.Header_mobileMenuTrigger__ignIg {
    height: calc(var(--header-height) - var(--header-top));
    aspect-ratio: 1;
    margin-right: -8px;
    margin-left: 8px
}

.Header_mobileMenuTrigger__ignIg label {
    display: flex;
    align-items: center;
    justify-content: center
}

.Header_header__hfMjL:has(#Header_mobile-menu-state__oeyIR:target,#Header_mobile-menu-state__oeyIR:checked) .Header_mobileMenuTrigger__ignIg svg rect:first-of-type {
    transform: rotate(45deg) !important
}

.Header_header__hfMjL:has(#Header_mobile-menu-state__oeyIR:target,#Header_mobile-menu-state__oeyIR:checked) .Header_mobileMenuTrigger__ignIg svg rect:last-of-type {
    transform: rotate(-45deg) !important
}

.Header_mobileMenuContent__WL8YX {
    display: none;
    flex-grow: 1;
    overflow-y: auto;
    padding: 32px 8px 24px
}

@media (max-width: 640px) {
    .Header_mobileMenuContent__WL8YX {
        display: flex;
        flex-direction: column
    }
}

.Header_mobileMenuList__CARiY {
    list-style-type: none;
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-row-gap: 16px;
    grid-auto-flow: row
}

.Header_mobileMenuList__CARiY li {
    margin: 0
}

.Header_mobileMenuList__CARiY li a {
    padding: 8px 0
}

@media (any-hover: hover) {
    .Header_mobileMenuList__CARiY li a:hover {
        color: var(--color-text-tertiary)
    }
}

@media not (any-hover: hover) {
    .Header_mobileMenuList__CARiY li a:active {
        color: var(--color-text-tertiary)
    }
}

.Header_mobileMenuBottom__SIvcZ {
    margin-block-start: auto
}

.Header_mobileMenuBottom__SIvcZ, .Header_mobileMenuIcons__y8Dth {
    display: flex;
    align-items: center;
    gap: 16px
}

.Header_mobileLink__aWvD1::active {
    color: var(--)
}

.Header_trigger__xKGQe {
    display: flex
}

.Header_viewport__yatj9 {
    flex-grow: 1;
    position: relative;
    width: 100%;
    height: var(--radix-navigation-menu-viewport-height)
}

@media (prefers-reduced-motion: no-preference) {
    .Header_viewport__yatj9[data-state=closed] {
        animation: Header_fadeOut__iCals .24s var(--ease-out-quad) both
    }
}

.Header_content__xdqEV {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 8px;
    padding-bottom: 12px
}

@media (prefers-reduced-motion: no-preference) {
    .Header_content__xdqEV {
        animation: var(--duration) var(--ease-out-quad) both;
        --duration: 180ms;
        --anim-amount: 12px
    }

    .Header_content__xdqEV[data-motion=from-start] {
        animation-name: Header_enterFromLeft__LSafj;
        animation-delay: calc(var(--duration) / 2)
    }

    .Header_content__xdqEV[data-motion=from-end] {
        animation-name: Header_enterFromRight__Ngxbl;
        animation-delay: calc(var(--duration) / 2)
    }

    .Header_content__xdqEV[data-motion=to-start] {
        animation-name: Header_exitToLeft__D37hd
    }

    .Header_content__xdqEV[data-motion=to-end] {
        animation-name: Header_exitToRight__ZLsky
    }
}

.Header_dropdownItem__uwRxL {
    --description: var(--color-text-tertiary);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: normal;
    border-radius: 10px;
    background: var(--color-bg-tertiary);
    padding: 16px
}

.Header_dropdownItem__uwRxL > svg {
    grid-area: icon;
    width: 16px;
    height: 16px;
    fill: currentColor
}

@media (any-hover: hover) {
    .Header_dropdownItem__uwRxL:hover {
        --description: var(--color-text-secondary);
        background: var(--color-bg-quaternary)
    }
}

.Header_dropdownHighlight__iafr3 {
    --description: var(--color-text-tertiary);
    isolation: isolate;
    contain: strict;
    width: 100%;
    height: 100%;
    background: var(--color-bg-tertiary);
    border-radius: 10px;
    padding: 12px;
    display: flex;
    overflow: hidden;
    position: relative;
    box-shadow: var(--shadow-low)
}

.Header_dropdownHighlight__iafr3 > div {
    max-width: 70%
}

@media (any-hover: hover) {
    .Header_dropdownHighlight__iafr3:hover {
        --description: var(--color-text-secondary);
        background: var(--color-bg-quaternary)
    }

    .Header_dropdownHighlight__iafr3:hover .Header_highlightButton__GqptI {
        background: hsla(0, 0%, 100%, .2)
    }
}

.Header_highlightButton__GqptI {
    margin-top: auto;
    margin-left: auto;
    background: hsla(0, 0%, 100%, .1);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    font-weight: var(--font-weight-medium);
    font-size: var(--button-font-size);
    line-height: var(--button-height);
    height: var(--button-height);
    gap: var(--button-gap);
    padding: var(--button-padding);
    border-radius: var(--button-corner-radius);
    transition: var(--speed-regularTransition) ease;
    transition-property: background
}

.Header_highlightDescription__uWOyQ {
    font-weight: var(--font-weight-normal);
    transition: var(--speed-regularTransition) ease;
    transition-property: color
}

.Header_highlightImage__eQSNX {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    filter: grayscale(1);
    z-index: -1;
    -webkit-mask-image: linear-gradient(108deg, transparent 10%, #000);
    mask-image: linear-gradient(108deg, transparent 10%, #000);
    transition: var(--speed-regularTransition) ease;
    transition-property: filter, opacity
}

@media (any-hover: hover) {
    .Header_dropdownHighlight__iafr3:hover .Header_highlightImage__eQSNX {
        filter: none
    }
}

@keyframes Header_enterFromRight__Ngxbl {
    0% {
        transform: translateX(var(--anim-amount));
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes Header_enterFromLeft__LSafj {
    0% {
        transform: translateX(calc(-1 * var(--anim-amount)));
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes Header_exitToRight__ZLsky {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform: translateX(var(--anim-amount));
        opacity: 0
    }
}

@keyframes Header_exitToLeft__D37hd {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform: translateX(calc(-1 * var(--anim-amount)));
        opacity: 0
    }
}

@keyframes Header_scaleIn__RL1MP {
    0% {
        transform: scale(.98);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes Header_scaleOut__8AEuy {
    0% {
        transform: scale(1);
        opacity: 1
    }
    to {
        transform: scale(.98);
        opacity: 0
    }
}

@keyframes Header_fadeIn__xVeSe {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes Header_fadeOut__iCals {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.Header_subnav__g8BI_ {
    display: grid;
    grid-gap: 8px;
    gap: 8px
}

.Header_featureContent__SZOu4 {
    grid-template-columns:repeat(3, var(--1fr));
    grid-template-rows:1.75fr 1.75fr 1fr 1fr
}

.Header_companyContent__nD_iF {
    grid-template-columns:.6fr 1fr 1fr;
    grid-template-rows:repeat(var(--rows), var(--1fr));
    --rows: 3
}

@media (max-width: 1024px) {
    .Header_companyContent__nD_iF {
        --rows: 5
    }
}

@media (max-width: 768px) {
    .Header_companyContent__nD_iF {
        --rows: 6
    }
}

.Header_changelogContent__Rkj2h {
    grid-template-columns:repeat(2, var(--1fr));
    grid-template-rows:repeat(2, var(--1fr))
}