@font-face {
    font-family: switzer;
    src: url(../media/Switzer_Variable-s.p.bd58316e.woff2)format("woff2");
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: switzer Fallback;
    src: local(Arial);
    ascent-override: 96.67%;
    descent-override: 24.66%;
    line-gap-override: 8.88%;
    size-adjust: 101.38%
}

.switzer_cbad5f22-module__Jd3FNa__className {
    font-family: switzer, switzer Fallback
}

.switzer_cbad5f22-module__Jd3FNa__variable {
    --font-switzer: "switzer", "switzer Fallback"
}

@font-face {
    font-family: protoMono;
    src: url(../media/proto_mono_light-s.p.ae56eb32.woff2)format("woff2");
    font-display: swap;
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: protoMono Fallback;
    src: local(Arial);
    ascent-override: 64.17%;
    descent-override: 14.26%;
    line-gap-override: 7.13%;
    size-adjust: 140.26%
}

.protomono_deec9344-module__MpUSAq__className {
    font-family: protoMono, protoMono Fallback
}

.protomono_deec9344-module__MpUSAq__variable {
    --font-proto-mono: "protoMono", "protoMono Fallback"
}

@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *, :before, :after, ::backdrop {
            --tw-translate-x:0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-scale-z: 1;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-ordinal: initial;
            --tw-slashed-zero: initial;
            --tw-numeric-figure: initial;
            --tw-numeric-spacing: initial;
            --tw-numeric-fraction: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-duration: initial;
            --tw-ease: initial
        }
    }
}

@layer theme {
    :root,
    :host {
        --color-white: #fff;
        --spacing: .25rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: calc(1.5/1);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --font-weight-light: 300;
        --font-weight-medium: 500;
        --tracking-wide: .025em;
        --radius-sm: .25rem;
        --radius-3xl: 1.5rem;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite;
        --aspect-video: 16/9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-switzer), sans-serif;
        --default-mono-font-family: var(--font-proto-mono);
        --breakpoint-dsk: 75rem;
        --color-ink: #24363f
    }
}

@layer base {
    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    html,
    :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }
    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }
    b,
    strong {
        font-weight: bolder
    }
    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }
    sub {
        bottom: -.25em
    }
    sup {
        top: -.5em
    }
    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }
    :-moz-focusring {
        outline: auto
    }
    progress {
        vertical-align: baseline
    }
    summary {
        display: list-item
    }
    ol,
    ul,
    menu {
        list-style: none
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block
    }
    img,
    video {
        max-width: 100%;
        height: auto
    }
    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }
    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }
    ::file-selector-button {
        margin-inline-end: 4px
    }
    ::placeholder {
        opacity: 1
    }
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }
        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }
    textarea {
        resize: vertical
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }
    ::-webkit-datetime-edit {
        display: inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }
    ::-webkit-datetime-edit {
        padding-block: 0
    }
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }
    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }
    :-moz-ui-invalid {
        box-shadow: none
    }
    button,
    input:where([type=button], [type=reset], [type=submit]) {
        appearance: button
    }
    ::file-selector-button {
        appearance: button
    }
    ::-webkit-inner-spin-button {
        height: auto
    }
    ::-webkit-outer-spin-button {
        height: auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
}

@layer components;
@layer utilities {
    .pointer-events-auto {
        pointer-events: auto
    }
    .pointer-events-none {
        pointer-events: none
    }
    .collapse {
        visibility: collapse
    }
    .invisible {
        visibility: hidden
    }
    .visible {
        visibility: visible
    }
    .sr-only {
        clip-path: inset(50%);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }
    .absolute {
        position: absolute
    }
    .fixed {
        position: fixed
    }
    .relative {
        position: relative
    }
    .static {
        position: static
    }
    .sticky {
        position: sticky
    }
    .inset-0 {
        inset: calc(var(--spacing)*0)
    }
    .inset-1 {
        inset: calc(var(--spacing)*1)
    }
    .inset-px {
        inset: 1px
    }
    .inset-x-0 {
        inset-inline: calc(var(--spacing)*0)
    }
    .inset-y-0 {
        inset-block: calc(var(--spacing)*0)
    }
    .start {
        inset-inline-start: var(--spacing)
    }
    .end {
        inset-inline-end: var(--spacing)
    }
    .top-0 {
        top: calc(var(--spacing)*0)
    }
    .top-1\/2 {
        top: 50%
    }
    .top-6 {
        top: calc(var(--spacing)*6)
    }
    .top-16 {
        top: calc(var(--spacing)*16)
    }
    .top-\[76px\] {
        top: 76px
    }
    .right-0 {
        right: calc(var(--spacing)*0)
    }
    .right-6 {
        right: calc(var(--spacing)*6)
    }
    .right-18 {
        right: calc(var(--spacing)*18)
    }
    .-bottom-0\.5 {
        bottom: calc(var(--spacing)*-.5)
    }
    .bottom-0 {
        bottom: calc(var(--spacing)*0)
    }
    .bottom-1 {
        bottom: calc(var(--spacing)*1)
    }
    .bottom-full {
        bottom: 100%
    }
    .left-0 {
        left: calc(var(--spacing)*0)
    }
    .left-1\/2 {
        left: 50%
    }
    .left-18 {
        left: calc(var(--spacing)*18)
    }
    .isolate {
        isolation: isolate
    }
    .z-1 {
        z-index: 1
    }
    .z-10 {
        z-index: 10
    }
    .z-20 {
        z-index: 20
    }
    .z-30 {
        z-index: 30
    }
    .z-120 {
        z-index: 120
    }
    .z-130 {
        z-index: 130
    }
    .z-auto {
        z-index: auto
    }
    .order-0 {
        order: 0
    }
    .order-1 {
        order: 1
    }
    .order-2 {
        order: 2
    }
    .order-3 {
        order: 3
    }
    .order-4 {
        order: 4
    }
    .order-first {
        order: -9999
    }
    .order-last {
        order: 9999
    }
    .col-span-4 {
        grid-column: span 4/span 4
    }
    .col-span-6 {
        grid-column: span 6/span 6
    }
    .container {
        width: 100%
    }
    @media (min-width:40rem) {
        .container {
            max-width: 40rem
        }
    }
    @media (min-width:48rem) {
        .container {
            max-width: 48rem
        }
    }
    @media (min-width:64rem) {
        .container {
            max-width: 64rem
        }
    }
    @media (min-width:75rem) {
        .container {
            max-width: 75rem
        }
    }
    @media (min-width:80rem) {
        .container {
            max-width: 80rem
        }
    }
    @media (min-width:96rem) {
        .container {
            max-width: 96rem
        }
    }
    .-mx-3 {
        margin-inline: calc(var(--spacing)*-3)
    }
    .mt-7 {
        margin-top: calc(var(--spacing)*7)
    }
    .mt-\[1em\] {
        margin-top: 1em
    }
    .mt-auto {
        margin-top: auto
    }
    .mr-6 {
        margin-right: calc(var(--spacing)*6)
    }
    .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }
    .ml-auto {
        margin-left: auto
    }
    .block {
        display: block
    }
    .contents {
        display: contents
    }
    .flex {
        display: flex
    }
    .grid {
        display: grid
    }
    .hidden {
        display: none
    }
    .inline {
        display: inline
    }
    .inline-block {
        display: inline-block
    }
    .table {
        display: table
    }
    .aspect-160\/90 {
        aspect-ratio: 160/90
    }
    .aspect-390\/360 {
        aspect-ratio: 390/360
    }
    .aspect-2515\/723 {
        aspect-ratio: 2515/723
    }
    .aspect-video {
        aspect-ratio: var(--aspect-video)
    }
    .size-0 {
        width: calc(var(--spacing)*0);
        height: calc(var(--spacing)*0)
    }
    .size-1 {
        width: calc(var(--spacing)*1);
        height: calc(var(--spacing)*1)
    }
    .size-5 {
        width: calc(var(--spacing)*5);
        height: calc(var(--spacing)*5)
    }
    .size-13 {
        width: calc(var(--spacing)*13);
        height: calc(var(--spacing)*13)
    }
    .size-\[clamp\(67px\, 6\.68vw\, 120px\)\] {
        width: clamp(67px, 6.68vw, 120px);
        height: clamp(67px, 6.68vw, 120px)
    }
    .size-full {
        width: 100%;
        height: 100%
    }
    .h-\(--cap-pin-h-m\) {
        height: var(--cap-pin-h-m)
    }
    .h-1 {
        height: calc(var(--spacing)*1)
    }
    .h-2 {
        height: calc(var(--spacing)*2)
    }
    .h-8 {
        height: calc(var(--spacing)*8)
    }
    .h-12 {
        height: calc(var(--spacing)*12)
    }
    .h-20 {
        height: calc(var(--spacing)*20)
    }
    .h-40 {
        height: calc(var(--spacing)*40)
    }
    .h-62 {
        height: calc(var(--spacing)*62)
    }
    .h-100 {
        height: calc(var(--spacing)*100)
    }
    .h-\[3px\] {
        height: 3px
    }
    .h-\[82px\] {
        height: 82px
    }
    .h-\[88px\] {
        height: 88px
    }
    .h-\[calc\(100svh-76px\)\] {
        height: calc(100svh - 76px)
    }
    .h-\[min\(\.\.\.\)\] {
        height: min(...)
    }
    .h-auto {
        height: auto
    }
    .h-full {
        height: 100%
    }
    .h-px {
        height: 1px
    }
    .h-svh {
        height: 100svh
    }
    .min-h-0 {
        min-height: calc(var(--spacing)*0)
    }
    .min-h-\[72px\] {
        min-height: 72px
    }
    .w-0\.5 {
        width: calc(var(--spacing)*.5)
    }
    .w-1 {
        width: calc(var(--spacing)*1)
    }
    .w-1\.5 {
        width: calc(var(--spacing)*1.5)
    }
    .w-16 {
        width: calc(var(--spacing)*16)
    }
    .w-76 {
        width: calc(var(--spacing)*76)
    }
    .w-\[92vw\] {
        width: 92vw
    }
    .w-\[420px\] {
        width: 420px
    }
    .w-\[calc\(100\%\+1rem\)\] {
        width: calc(100% + 1rem)
    }
    .w-\[clamp\(480px\, 48vw\, 880px\)\] {
        width: clamp(480px, 48vw, 880px)
    }
    .w-full {
        width: 100%
    }
    .w-max {
        width: max-content
    }
    .w-px {
        width: 1px
    }
    .max-w-120 {
        max-width: calc(var(--spacing)*120)
    }
    .max-w-\[420px\] {
        max-width: 420px
    }
    .max-w-none {
        max-width: none
    }
    .flex-1 {
        flex: 1
    }
    .shrink {
        flex-shrink: 1
    }
    .shrink-0 {
        flex-shrink: 0
    }
    .grow {
        flex-grow: 1
    }
    .origin-bottom {
        transform-origin: bottom
    }
    .origin-left {
        transform-origin: 0
    }
    .origin-right {
        transform-origin: 100%
    }
    .-translate-x-1\/2 {
        --tw-translate-x: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-y-1\/2 {
        --tw-translate-y: calc(calc(1/2*100%)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .-translate-y-full {
        --tw-translate-y: -100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-y-\(--nav-y\) {
        --tw-translate-y: var(--nav-y);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-y-0 {
        --tw-translate-y: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-y-2 {
        --tw-translate-y: calc(var(--spacing)*2);
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .translate-y-full {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
    }
    .scale-75 {
        --tw-scale-x: 75%;
        --tw-scale-y: 75%;
        --tw-scale-z: 75%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-100 {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-x-0 {
        --tw-scale-x: 0%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    .scale-\(--nav-scale\) {
        scale: var(--nav-scale)
    }
    .transform {
        transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
    }
    .animate-ping {
        animation: var(--animate-ping)
    }
    .cursor-pointer {
        cursor: pointer
    }
    .resize {
        resize: both
    }
    .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
    .grid-cols-\[1fr_0px\] {
        grid-template-columns: 1fr 0
    }
    .flex-col {
        flex-direction: column
    }
    .flex-wrap {
        flex-wrap: wrap
    }
    .items-center {
        align-items: center
    }
    .items-end {
        align-items: flex-end
    }
    .items-start {
        align-items: flex-start
    }
    .justify-between {
        justify-content: space-between
    }
    .justify-center {
        justify-content: center
    }
    .justify-end {
        justify-content: flex-end
    }
    .gap-1 {
        gap: calc(var(--spacing)*1)
    }
    .gap-2 {
        gap: calc(var(--spacing)*2)
    }
    .gap-3 {
        gap: calc(var(--spacing)*3)
    }
    .gap-4 {
        gap: calc(var(--spacing)*4)
    }
    .gap-5 {
        gap: calc(var(--spacing)*5)
    }
    .gap-6 {
        gap: calc(var(--spacing)*6)
    }
    .gap-8 {
        gap: calc(var(--spacing)*8)
    }
    .gap-10 {
        gap: calc(var(--spacing)*10)
    }
    .gap-12 {
        gap: calc(var(--spacing)*12)
    }
    .gap-x-2 {
        column-gap: calc(var(--spacing)*2)
    }
    .self-end {
        align-self: flex-end
    }
    .self-start {
        align-self: flex-start
    }
    .overflow-hidden {
        overflow: hidden
    }
    .overflow-x-auto {
        overflow-x: auto
    }
    .overflow-x-clip {
        overflow-x: clip
    }
    .overflow-y-visible {
        overflow-y: visible
    }
    .overscroll-x-contain {
        overscroll-behavior-x: contain
    }
    .rounded {
        border-radius: .25rem
    }
    .rounded-3xl {
        border-radius: var(--radius-3xl)
    }
    .rounded-full {
        border-radius: 3.40282e38px
    }
    .rounded-sm {
        border-radius: var(--radius-sm)
    }
    .border {
        border-style: var(--tw-border-style);
        border-width: 1px
    }
    .border-x {
        border-inline-style: var(--tw-border-style);
        border-inline-width: 1px
    }
    .border-y {
        border-block-style: var(--tw-border-style);
        border-block-width: 1px
    }
    .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }
    .border-t-2 {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px
    }
    .border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }
    .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
    }
    .border-\[\#cacfd1\] {
        border-color: #cacfd1
    }
    .border-\[rgba\(36\, 54\, 63\, 0\.24\)\] {
        border-color: #24363f3d
    }
    .border-ink\/24 {
        border-color: #24363f3d;
        border-color: lab(21.3512% -5.48422 -8.11293/.24)
    }
    .border-ink\/32 {
        border-color: #24363f52;
        border-color: lab(21.3512% -5.48422 -8.11293/.32)
    }
    .border-ink\/48 {
        border-color: #24363f7a;
        border-color: lab(21.3512% -5.48422 -8.11293/.48)
    }
    .border-mint {
        border-color: #a7eed8
    }
    .border-white\/24 {
        border-color: #ffffff3d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .border-white\/24 {
            border-color: color-mix(in oklab, var(--color-white)24%, transparent)
        }
    }
    .bg-\[\#1d2c33\] {
        background-color: #1d2c33
    }
    .bg-\[\#2c424d\] {
        background-color: #2c424d
    }
    .bg-\[\#486C7F\] {
        background-color: #486c7f
    }
    .bg-\[\#59666d\] {
        background-color: #59666d
    }
    .bg-\[\#708189\] {
        background-color: #708189
    }
    .bg-\[\#ECEDEE\] {
        background-color: #ecedee
    }
    .bg-\[\#FDFDFD\] {
        background-color: #fdfdfd
    }
    .bg-\[rgba\(36\, 54\, 63\, 0\.08\)\] {
        background-color: #24363f14
    }
    .bg-\[rgba\(36\, 54\, 63\, 0\.48\)\] {
        background-color: #24363f7a
    }
    .bg-canvas {
        background-color: #fdfdfd
    }
    .bg-ink {
        background-color: #24363f
    }
    .bg-ink\/1 {
        background-color: #24363f03;
        background-color: lab(21.3512% -5.48422 -8.11293/.01)
    }
    .bg-ink\/48 {
        background-color: #24363f7a;
        background-color: lab(21.3512% -5.48422 -8.11293/.48)
    }
    .bg-mint {
        background-color: #a7eed8
    }
    .bg-mint\/5 {
        background-color: #a7eed80d;
        background-color: lab(88.948% -26.4396 3.24374/.05)
    }
    .bg-white {
        background-color: var(--color-white)
    }
    .bg-white\/24 {
        background-color: #ffffff3d
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/24 {
            background-color: color-mix(in oklab, var(--color-white)24%, transparent)
        }
    }
    .bg-white\/48 {
        background-color: #ffffff7a
    }
    @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/48 {
            background-color: color-mix(in oklab, var(--color-white)48%, transparent)
        }
    }
    .bg-linear-to-b {
        --tw-gradient-position: to bottom
    }
    @supports (background-image:linear-gradient(in lab, red, red)) {
        .bg-linear-to-b {
            --tw-gradient-position: to bottom in oklab
        }
    }
    .bg-linear-to-b {
        background-image: linear-gradient(var(--tw-gradient-stops))
    }
    .bg-\[linear-gradient\(180deg\, \#dde5e9_0\%\, \#fdfdfd_100\%\)\] {
        background-image: linear-gradient(#dde5e9 0%, #fdfdfd 100%)
    }
    .bg-\[url\(\/hero\/aevion\.svg\)\] {
        background-image: url(/hero/aevion.svg)
    }
    .from-white {
        --tw-gradient-from: var(--color-white);
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .to-transparent {
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
    }
    .bg-size-\[100\%_auto\] {
        background-size: 100%
    }
    .bg-center {
        background-position: 50%
    }
    .bg-no-repeat {
        background-repeat: no-repeat
    }
    .object-cover {
        object-fit: cover
    }
    .object-center {
        object-position: center
    }
    .p-2 {
        padding: calc(var(--spacing)*2)
    }
    .p-4 {
        padding: calc(var(--spacing)*4)
    }
    .p-6 {
        padding: calc(var(--spacing)*6)
    }
    .p-9 {
        padding: calc(var(--spacing)*9)
    }
    .px-2 {
        padding-inline: calc(var(--spacing)*2)
    }
    .px-3 {
        padding-inline: calc(var(--spacing)*3)
    }
    .px-4 {
        padding-inline: calc(var(--spacing)*4)
    }
    .px-6 {
        padding-inline: calc(var(--spacing)*6)
    }
    .py-1 {
        padding-block: calc(var(--spacing)*1)
    }
    .py-2 {
        padding-block: calc(var(--spacing)*2)
    }
    .py-4 {
        padding-block: calc(var(--spacing)*4)
    }
    .py-6 {
        padding-block: calc(var(--spacing)*6)
    }
    .py-20 {
        padding-block: calc(var(--spacing)*20)
    }
    .pt-1 {
        padding-top: calc(var(--spacing)*1)
    }
    .pt-2 {
        padding-top: calc(var(--spacing)*2)
    }
    .pt-4 {
        padding-top: calc(var(--spacing)*4)
    }
    .pt-5 {
        padding-top: calc(var(--spacing)*5)
    }
    .pt-6 {
        padding-top: calc(var(--spacing)*6)
    }
    .pt-8 {
        padding-top: calc(var(--spacing)*8)
    }
    .pt-10 {
        padding-top: calc(var(--spacing)*10)
    }
    .pt-12 {
        padding-top: calc(var(--spacing)*12)
    }
    .pr-6 {
        padding-right: calc(var(--spacing)*6)
    }
    .pr-8 {
        padding-right: calc(var(--spacing)*8)
    }
    .pb-2 {
        padding-bottom: calc(var(--spacing)*2)
    }
    .pb-4 {
        padding-bottom: calc(var(--spacing)*4)
    }
    .pb-6 {
        padding-bottom: calc(var(--spacing)*6)
    }
    .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
    }
    .pb-10 {
        padding-bottom: calc(var(--spacing)*10)
    }
    .pb-16 {
        padding-bottom: calc(var(--spacing)*16)
    }
    .pb-20 {
        padding-bottom: calc(var(--spacing)*20)
    }
    .pb-40 {
        padding-bottom: calc(var(--spacing)*40)
    }
    .pl-4 {
        padding-left: calc(var(--spacing)*4)
    }
    .text-center {
        text-align: center
    }
    .text-left {
        text-align: left
    }
    .text-right {
        text-align: right
    }
    .font-mono {
        font-family: var(--font-proto-mono)
    }
    .font-sans {
        font-family: var(--font-switzer), sans-serif
    }
    .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
    }
    .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
    }
    .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
    }
    .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
    }
    .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
    }
    .text-\[12px\] {
        font-size: 12px
    }
    .text-\[13px\] {
        font-size: 13px
    }
    .text-\[18px\] {
        font-size: 18px
    }
    .text-\[24px\] {
        font-size: 24px
    }
    .text-\[32px\] {
        font-size: 32px
    }
    .text-\[48px\] {
        font-size: 48px
    }
    .text-\[80px\] {
        font-size: 80px
    }
    .text-\[240px\] {
        font-size: 240px
    }
    .text-\[min\(80px\, 9svh\)\] {
        font-size: min(80px, 9svh)
    }
    .text-figure {
        font-size: clamp(32px, 3.33vw, 48px)
    }
    .text-mobile-body {
        font-size: 15px
    }
    .text-paragraph {
        font-size: clamp(24px, 2.22vw, 32px)
    }
    .text-step {
        font-size: 20px
    }
    .text-ui {
        font-size: 16px
    }
    .leading-4 {
        --tw-leading: calc(var(--spacing)*4);
        line-height: calc(var(--spacing)*4)
    }
    .leading-5 {
        --tw-leading: calc(var(--spacing)*5);
        line-height: calc(var(--spacing)*5)
    }
    .leading-6 {
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6)
    }
    .leading-7 {
        --tw-leading: calc(var(--spacing)*7);
        line-height: calc(var(--spacing)*7)
    }
    .leading-8 {
        --tw-leading: calc(var(--spacing)*8);
        line-height: calc(var(--spacing)*8)
    }
    .leading-10 {
        --tw-leading: calc(var(--spacing)*10);
        line-height: calc(var(--spacing)*10)
    }
    .leading-14 {
        --tw-leading: calc(var(--spacing)*14);
        line-height: calc(var(--spacing)*14)
    }
    .leading-\[1em\] {
        --tw-leading: 1em;
        line-height: 1em
    }
    .leading-\[56px\] {
        --tw-leading: 56px;
        line-height: 56px
    }
    .leading-\[80px\] {
        --tw-leading: 80px;
        line-height: 80px
    }
    .leading-none {
        --tw-leading: 1;
        line-height: 1
    }
    .font-light {
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light)
    }
    .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }
    .tracking-\[-0\.2px\] {
        --tw-tracking: -.2px;
        letter-spacing: -.2px
    }
    .tracking-\[-0\.3px\] {
        --tw-tracking: -.3px;
        letter-spacing: -.3px
    }
    .tracking-\[-0\.4px\] {
        --tw-tracking: -.4px;
        letter-spacing: -.4px
    }
    .tracking-\[-0\.8px\] {
        --tw-tracking: -.8px;
        letter-spacing: -.8px
    }
    .tracking-\[-1px\] {
        --tw-tracking: -1px;
        letter-spacing: -1px
    }
    .tracking-\[-2\.4px\] {
        --tw-tracking: -2.4px;
        letter-spacing: -2.4px
    }
    .tracking-\[-2px\] {
        --tw-tracking: -2px;
        letter-spacing: -2px
    }
    .tracking-\[-4px\] {
        --tw-tracking: -4px;
        letter-spacing: -4px
    }
    .tracking-\[-13px\] {
        --tw-tracking: -13px;
        letter-spacing: -13px
    }
    .tracking-sm {
        --tw-tracking: -.025em;
        letter-spacing: -.025em
    }
    .tracking-tighter {
        --tw-tracking: -.06em;
        letter-spacing: -.06em
    }
    .tracking-wide {
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide)
    }
    .text-pretty {
        text-wrap: pretty
    }
    .whitespace-nowrap {
        white-space: nowrap
    }
    .whitespace-pre-line {
        white-space: pre-line
    }
    .text-\[\#24363F\],
    .text-\[\#24363f\] {
        color: #24363f
    }
    .text-\[rgba\(36\, 54\, 63\, 0\.64\)\] {
        color: #24363fa3
    }
    .text-ink {
        color: #24363f
    }
    .text-ink\/32 {
        color: #24363f52;
        color: lab(21.3512% -5.48422 -8.11293/.32)
    }
    .text-ink\/48 {
        color: #24363f7a;
        color: lab(21.3512% -5.48422 -8.11293/.48)
    }
    .text-ink\/64 {
        color: #24363fa3;
        color: lab(21.3512% -5.48422 -8.11293/.64)
    }
    .text-ink\/88 {
        color: #24363fe0;
        color: lab(21.3512% -5.48422 -8.11293/.88)
    }
    .text-white {
        color: var(--color-white)
    }
    .text-white\/64 {
        color: #ffffffa3
    }
    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/64 {
            color: color-mix(in oklab, var(--color-white)64%, transparent)
        }
    }
    .text-white\/88 {
        color: #ffffffe0
    }
    @supports (color:color-mix(in lab, red, red)) {
        .text-white\/88 {
            color: color-mix(in oklab, var(--color-white)88%, transparent)
        }
    }
    .capitalize {
        text-transform: capitalize
    }
    .lowercase {
        text-transform: lowercase
    }
    .uppercase {
        text-transform: uppercase
    }
    .italic {
        font-style: italic
    }
    .ordinal {
        --tw-ordinal: ordinal;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
    }
    .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .opacity-\(--nav-opacity\) {
        opacity: var(--nav-opacity)
    }
    .opacity-0 {
        opacity: 0
    }
    .opacity-64 {
        opacity: .64
    }
    .opacity-100 {
        opacity: 1
    }
    .ring {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
    .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }
    .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }
    .filter {
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
    }
    .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-\[grid-template-columns\] {
        transition-property: grid-template-columns;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-\[opacity\,
    scale\] {
        transition-property: opacity, scale;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-\[opacity\,
    translate\] {
        transition-property: opacity, translate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-\[scale\,
    translate\,
    opacity\] {
        transition-property: scale, translate, opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
    .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
    }
    .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
    }
    .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
    }
    .duration-700 {
        --tw-duration: .7s;
        transition-duration: .7s
    }
    .duration-1000 {
        --tw-duration: 1s;
        transition-duration: 1s
    }
    .ease-\[cubic-bezier\(0\.22\, 1\, 0\.36\, 1\)\] {
        --tw-ease: cubic-bezier(.22, 1, .36, 1);
        transition-timing-function: cubic-bezier(.22, 1, .36, 1)
    }
    .ease-\[cubic-bezier\(0\.32\, 0\, 0\.16\, 1\)\] {
        --tw-ease: cubic-bezier(.32, 0, .16, 1);
        transition-timing-function: cubic-bezier(.32, 0, .16, 1)
    }
    .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
    }
    .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
    }
    .will-change-\[filter\] {
        will-change: filter
    }
    .select-none {
        -webkit-user-select: none;
        user-select: none
    }
    .\[animation-delay\:400ms\] {
        animation-delay: .4s
    }
    .\[animation-duration\:1\.6s\] {
        animation-duration: 1.6s
    }
    .\[scrollbar-width\:none\] {
        scrollbar-width: none
    }
    @media (hover:hover) {
        .group-hover\:pointer-events-auto:is(:where(.group): hover *) {
            pointer-events:auto
        }
        .group-hover\:origin-left:is(:where(.group):hover *) {
            transform-origin: 0
        }
        .group-hover\:translate-y-0:is(:where(.group):hover *) {
            --tw-translate-y: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
        .group-hover\:scale-x-100:is(:where(.group):hover *) {
            --tw-scale-x: 100%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
        .group-hover\:opacity-100:is(:where(.group):hover *) {
            opacity: 1
        }
    }
    .group-has-\[a\:hover\]\:not-\[\&\:hover\]\:opacity-\[0\.28\]\ !:is(:where(.group):has(:is(a:hover)) *):not(:hover) {
        opacity: .28 !important
    }
    @media (hover:hover) {
        .hover\:z-20:hover {
            z-index: 20
        }
        .hover\:scale-110:hover {
            --tw-scale-x: 110%;
            --tw-scale-y: 110%;
            --tw-scale-z: 110%;
            scale: var(--tw-scale-x)var(--tw-scale-y)
        }
        .hover\:text-ink:hover {
            color: #24363f
        }
        .hover\:underline:hover {
            text-decoration-line: underline
        }
    }
    .active\:scale-95:active {
        --tw-scale-x: 95%;
        --tw-scale-y: 95%;
        --tw-scale-z: 95%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
    }
    @media not all and (min-width:64rem) {
        .max-lg\:order-1 {
            order: 1
        }
        .max-lg\:order-2 {
            order: 2
        }
        .max-lg\:order-3 {
            order: 3
        }
        .max-lg\:order-first {
            order: -9999
        }
        .max-lg\:order-last {
            order: 9999
        }
        .max-lg\:block {
            display: block
        }
        .max-lg\:flex {
            display: flex
        }
        .max-lg\:hidden {
            display: none
        }
        .max-lg\:size-20 {
            width: calc(var(--spacing)*20);
            height: calc(var(--spacing)*20)
        }
        .max-lg\:h-auto {
            height: auto
        }
        .max-lg\:w-full {
            width: 100%
        }
        .max-lg\:flex-none {
            flex: none
        }
        .max-lg\:flex-col {
            flex-direction: column
        }
        .max-lg\:flex-row {
            flex-direction: row
        }
        .max-lg\:items-end {
            align-items: flex-end
        }
        .max-lg\:justify-between {
            justify-content: space-between
        }
        .max-lg\:gap-0 {
            gap: calc(var(--spacing)*0)
        }
        .max-lg\:gap-6 {
            gap: calc(var(--spacing)*6)
        }
        .max-lg\:border-x-0 {
            border-inline-style: var(--tw-border-style);
            border-inline-width: 0
        }
        .max-lg\:border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }
        .max-lg\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }
        .max-lg\:border-ink\/24 {
            border-color: #24363f3d;
            border-color: lab(21.3512% -5.48422 -8.11293/.24)
        }
        .max-lg\:px-0 {
            padding-inline: calc(var(--spacing)*0)
        }
        .max-lg\:px-2 {
            padding-inline: calc(var(--spacing)*2)
        }
        .max-lg\:py-6 {
            padding-block: calc(var(--spacing)*6)
        }
        .max-lg\:pt-16 {
            padding-top: calc(var(--spacing)*16)
        }
        .max-lg\:pt-\[20vh\] {
            padding-top: 20vh
        }
        .max-lg\:pb-10 {
            padding-bottom: calc(var(--spacing)*10)
        }
        .max-lg\:pb-20 {
            padding-bottom: calc(var(--spacing)*20)
        }
        .max-lg\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }
        .max-lg\:text-\[40px\] {
            font-size: 40px
        }
        .max-lg\:text-\[80px\] {
            font-size: 80px
        }
        .max-lg\:leading-7 {
            --tw-leading: calc(var(--spacing)*7);
            line-height: calc(var(--spacing)*7)
        }
        .max-lg\:leading-12 {
            --tw-leading: calc(var(--spacing)*12);
            line-height: calc(var(--spacing)*12)
        }
        .max-lg\:leading-20 {
            --tw-leading: calc(var(--spacing)*20);
            line-height: calc(var(--spacing)*20)
        }
        .max-lg\:tracking-\[-0\.2px\] {
            --tw-tracking: -.2px;
            letter-spacing: -.2px
        }
        .max-lg\:tracking-\[-1\.8px\] {
            --tw-tracking: -1.8px;
            letter-spacing: -1.8px
        }
        .max-lg\:tracking-\[-4px\] {
            --tw-tracking: -4px;
            letter-spacing: -4px
        }
    }
    @media not all and (min-width:48rem) {
        .max-md\:size-4\.25 {
            width: calc(var(--spacing)*4.25);
            height: calc(var(--spacing)*4.25)
        }
        .max-md\:size-11 {
            width: calc(var(--spacing)*11);
            height: calc(var(--spacing)*11)
        }
        .max-md\:gap-0\.5 {
            gap: calc(var(--spacing)*.5)
        }
        .max-md\:overflow-x-auto {
            overflow-x: auto
        }
        .max-md\:overscroll-x-contain {
            overscroll-behavior-x: contain
        }
        .max-md\:px-3 {
            padding-inline: calc(var(--spacing)*3)
        }
        .max-md\:py-1\.5 {
            padding-block: calc(var(--spacing)*1.5)
        }
        .max-md\:pt-3 {
            padding-top: calc(var(--spacing)*3)
        }
        .max-md\:pb-4 {
            padding-bottom: calc(var(--spacing)*4)
        }
        .max-md\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }
        .max-md\:text-xs {
            font-size: var(--text-xs);
            line-height: var(--tw-leading, var(--text-xs--line-height))
        }
        .max-md\:leading-4\.5 {
            --tw-leading: calc(var(--spacing)*4.5);
            line-height: calc(var(--spacing)*4.5)
        }
        .max-md\:leading-5 {
            --tw-leading: calc(var(--spacing)*5);
            line-height: calc(var(--spacing)*5)
        }
        .max-md\:\[scrollbar-width\:none\] {
            scrollbar-width: none
        }
    }
    @media (min-width:48rem) {
        .md\:top-0 {
            top: calc(var(--spacing)*0)
        }
        .md\:order-0 {
            order: 0
        }
        .md\:col-span-6 {
            grid-column: span 6/span 6
        }
        .md\:mt-\[calc\(76px\+9\.2346\%\)\] {
            margin-top: calc(76px + 9.2346%)
        }
        .md\:block {
            display: block
        }
        .md\:flex {
            display: flex
        }
        .md\:grid {
            display: grid
        }
        .md\:hidden {
            display: none
        }
        .md\:aspect-1152\/992 {
            aspect-ratio: 1152/992
        }
        .md\:aspect-auto {
            aspect-ratio: auto
        }
        .md\:h-\[512px\] {
            height: 512px
        }
        .md\:h-auto {
            height: auto
        }
        .md\:w-\[calc\(100\%\+2rem\)\] {
            width: calc(100% + 2rem)
        }
        .md\:w-auto {
            width: auto
        }
        .md\:flex-1 {
            flex: 1
        }
        .md\:translate-y-0 {
            --tw-translate-y: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr))
        }
        .md\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
        .md\:flex-col {
            flex-direction: column
        }
        .md\:flex-row {
            flex-direction: row
        }
        .md\:items-end {
            align-items: flex-end
        }
        .md\:items-start {
            align-items: flex-start
        }
        .md\:justify-center {
            justify-content: center
        }
        .md\:justify-end {
            justify-content: flex-end
        }
        .md\:gap-0 {
            gap: calc(var(--spacing)*0)
        }
        .md\:gap-6 {
            gap: calc(var(--spacing)*6)
        }
        .md\:gap-8 {
            gap: calc(var(--spacing)*8)
        }
        .md\:gap-12 {
            gap: calc(var(--spacing)*12)
        }
        .md\:px-4 {
            padding-inline: calc(var(--spacing)*4)
        }
        .md\:px-8 {
            padding-inline: calc(var(--spacing)*8)
        }
        .md\:py-3 {
            padding-block: calc(var(--spacing)*3)
        }
        .md\:py-6 {
            padding-block: calc(var(--spacing)*6)
        }
        .md\:pt-0 {
            padding-top: calc(var(--spacing)*0)
        }
        .md\:pt-4 {
            padding-top: calc(var(--spacing)*4)
        }
        .md\:pt-16 {
            padding-top: calc(var(--spacing)*16)
        }
        .md\:pr-0 {
            padding-right: calc(var(--spacing)*0)
        }
        .md\:pb-4 {
            padding-bottom: calc(var(--spacing)*4)
        }
        .md\:pb-16 {
            padding-bottom: calc(var(--spacing)*16)
        }
        .md\:text-\[14px\] {
            font-size: 14px
        }
        .md\:text-\[20px\] {
            font-size: 20px
        }
        .md\:text-\[32px\] {
            font-size: 32px
        }
        .md\:text-\[40px\] {
            font-size: 40px
        }
        .md\:text-\[120px\] {
            font-size: 120px
        }
        .md\:text-\[min\(120px\, 13svh\)\] {
            font-size: min(120px, 13svh)
        }
        .md\:leading-7 {
            --tw-leading: calc(var(--spacing)*7);
            line-height: calc(var(--spacing)*7)
        }
        .md\:leading-\[1em\] {
            --tw-leading: 1em;
            line-height: 1em
        }
        .md\:leading-\[120px\] {
            --tw-leading: 120px;
            line-height: 120px
        }
        .md\:tracking-\[-0\.4px\] {
            --tw-tracking: -.4px;
            letter-spacing: -.4px
        }
        .md\:tracking-\[-1\.6px\] {
            --tw-tracking: -1.6px;
            letter-spacing: -1.6px
        }
        .md\:tracking-\[-8px\] {
            --tw-tracking: -8px;
            letter-spacing: -8px
        }
    }
    @media (min-width:64rem) {
        .lg\:sticky {
            position: sticky
        }
        .lg\:top-0 {
            top: calc(var(--spacing)*0)
        }
        .lg\:mb-\[calc\(250px-34vh\)\] {
            margin-bottom: calc(250px - 34vh)
        }
        .lg\:h-\(--stats-section-h\) {
            height: var(--stats-section-h)
        }
        .lg\:h-\[325vh\] {
            height: 325vh
        }
        .lg\:h-screen {
            height: 100vh
        }
        .lg\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }
        .lg\:pt-\[66vh\] {
            padding-top: 66vh
        }
        .lg\:text-ink\/24 {
            color: #24363f3d;
            color: lab(21.3512% -5.48422 -8.11293/.24)
        }
    }
    @media (min-width:75rem) {
        .dsk\:static {
            position: static
        }
        .dsk\:-bottom-1\.5 {
            bottom: calc(var(--spacing)*-1.5)
        }
        .dsk\:order-0 {
            order: 0
        }
        .dsk\:col-\[1\/span_5\] {
            grid-column: 1/span 5
        }
        .dsk\:col-\[7\/span_6\] {
            grid-column: 7/span 6
        }
        .dsk\:col-span-6 {
            grid-column: span 6/span 6
        }
        .dsk\:col-start-1 {
            grid-column-start: 1
        }
        .dsk\:col-start-4 {
            grid-column-start: 4
        }
        .dsk\:col-start-10 {
            grid-column-start: 10
        }
        .dsk\:col-end-4 {
            grid-column-end: 4
        }
        .dsk\:col-end-10 {
            grid-column-end: 10
        }
        .dsk\:col-end-13 {
            grid-column-end: 13
        }
        .dsk\:row-start-1 {
            grid-row-start: 1
        }
        .dsk\:mt-8 {
            margin-top: calc(var(--spacing)*8)
        }
        .dsk\:block {
            display: block
        }
        .dsk\:flex {
            display: flex
        }
        .dsk\:grid {
            display: grid
        }
        .dsk\:hidden {
            display: none
        }
        .dsk\:aspect-video {
            aspect-ratio: var(--aspect-video)
        }
        .dsk\:size-6 {
            width: calc(var(--spacing)*6);
            height: calc(var(--spacing)*6)
        }
        .dsk\:h-\(--cap-pin-h\) {
            height: var(--cap-pin-h)
        }
        .dsk\:h-16 {
            height: calc(var(--spacing)*16)
        }
        .dsk\:h-175 {
            height: calc(var(--spacing)*175)
        }
        .dsk\:h-\[3px\] {
            height: 3px
        }
        .dsk\:h-\[550px\] {
            height: 550px
        }
        .dsk\:h-\[720px\] {
            height: 720px
        }
        .dsk\:h-\[min\(992px\, calc\(100vh-76px\)\)\] {
            height: min(992px, 100vh - 76px)
        }
        .dsk\:h-full {
            height: 100%
        }
        .dsk\:max-h-\[960px\] {
            max-height: 960px
        }
        .dsk\:min-h-\[112px\] {
            min-height: 112px
        }
        .dsk\:w-114 {
            width: calc(var(--spacing)*114)
        }
        .dsk\:w-auto {
            width: auto
        }
        .dsk\:w-full {
            width: 100%
        }
        .dsk\:max-w-\[1256px\] {
            max-width: 1256px
        }
        .dsk\:max-w-\[1600px\] {
            max-width: 1600px
        }
        .dsk\:flex-1 {
            flex: 1
        }
        .dsk\:translate-y-\(--nav-row-y\) {
            --tw-translate-y: var(--nav-row-y);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
        .dsk\:translate-y-0 {
            --tw-translate-y: calc(var(--spacing)*0);
            translate: var(--tw-translate-x)var(--tw-translate-y)
        }
        .dsk\:scale-\(--nav-scale-dsk\) {
            scale: var(--nav-scale-dsk)
        }
        .dsk\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
        .dsk\:grid-cols-\[1fr_420px\] {
            grid-template-columns: 1fr 420px
        }
        .dsk\:grid-cols-\[minmax\(0\, 2fr\)_minmax\(0\, 3fr\)\] {
            grid-template-columns: minmax(0, 2fr) minmax(0, 3fr)
        }
        .dsk\:flex-row {
            flex-direction: row
        }
        .dsk\:items-start {
            align-items: flex-start
        }
        .dsk\:items-stretch {
            align-items: stretch
        }
        .dsk\:justify-between {
            justify-content: space-between
        }
        .dsk\:justify-center {
            justify-content: center
        }
        .dsk\:justify-end {
            justify-content: flex-end
        }
        .dsk\:justify-start {
            justify-content: flex-start
        }
        .dsk\:gap-0 {
            gap: calc(var(--spacing)*0)
        }
        .dsk\:gap-4 {
            gap: calc(var(--spacing)*4)
        }
        .dsk\:gap-6 {
            gap: calc(var(--spacing)*6)
        }
        .dsk\:gap-8 {
            gap: calc(var(--spacing)*8)
        }
        .dsk\:gap-12 {
            gap: calc(var(--spacing)*12)
        }
        .dsk\:gap-y-6 {
            row-gap: calc(var(--spacing)*6)
        }
        .dsk\:self-start {
            align-self: flex-start
        }
        .dsk\:overflow-visible {
            overflow: visible
        }
        .dsk\:border-t {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px
        }
        .dsk\:border-r {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px
        }
        .dsk\:border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px
        }
        .dsk\:border-b-0 {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 0
        }
        .dsk\:border-\[rgba\(36\, 54\, 63\, 0\.24\)\] {
            border-color: #24363f3d
        }
        .dsk\:bg-transparent {
            background-color: #0000
        }
        .dsk\:object-bottom {
            object-position: bottom
        }
        .dsk\:px-6 {
            padding-inline: calc(var(--spacing)*6)
        }
        .dsk\:py-0 {
            padding-block: calc(var(--spacing)*0)
        }
        .dsk\:py-6 {
            padding-block: calc(var(--spacing)*6)
        }
        .dsk\:py-16 {
            padding-block: calc(var(--spacing)*16)
        }
        .dsk\:py-\[400px\] {
            padding-block: 400px
        }
        .dsk\:pt-0 {
            padding-top: calc(var(--spacing)*0)
        }
        .dsk\:pt-6 {
            padding-top: calc(var(--spacing)*6)
        }
        .dsk\:pt-16 {
            padding-top: calc(var(--spacing)*16)
        }
        .dsk\:pt-30 {
            padding-top: calc(var(--spacing)*30)
        }
        .dsk\:pt-\[200px\] {
            padding-top: 200px
        }
        .dsk\:pr-0 {
            padding-right: calc(var(--spacing)*0)
        }
        .dsk\:pr-6 {
            padding-right: calc(var(--spacing)*6)
        }
        .dsk\:pr-8 {
            padding-right: calc(var(--spacing)*8)
        }
        .dsk\:pr-24 {
            padding-right: calc(var(--spacing)*24)
        }
        .dsk\:pr-30 {
            padding-right: calc(var(--spacing)*30)
        }
        .dsk\:pb-0 {
            padding-bottom: calc(var(--spacing)*0)
        }
        .dsk\:pb-12 {
            padding-bottom: calc(var(--spacing)*12)
        }
        .dsk\:pb-20 {
            padding-bottom: calc(var(--spacing)*20)
        }
        .dsk\:pb-40 {
            padding-bottom: calc(var(--spacing)*40)
        }
        .dsk\:pl-6 {
            padding-left: calc(var(--spacing)*6)
        }
        .dsk\:text-2xl {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height))
        }
        .dsk\:text-xl {
            font-size: var(--text-xl);
            line-height: var(--tw-leading, var(--text-xl--line-height))
        }
        .dsk\:text-\[20px\] {
            font-size: 20px
        }
        .dsk\:text-\[24px\] {
            font-size: 24px
        }
        .dsk\:text-\[28px\] {
            font-size: 28px
        }
        .dsk\:text-\[48px\] {
            font-size: 48px
        }
        .dsk\:text-\[56px\] {
            font-size: 56px
        }
        .dsk\:text-\[64px\] {
            font-size: 64px
        }
        .dsk\:text-\[240px\] {
            font-size: 240px
        }
        .dsk\:text-\[min\(56px\, 3\.6vw\)\] {
            font-size: min(56px, 3.6vw)
        }
        .dsk\:text-\[min\(240px\, 27svh\)\] {
            font-size: min(240px, 27svh)
        }
        .dsk\:leading-7 {
            --tw-leading: calc(var(--spacing)*7);
            line-height: calc(var(--spacing)*7)
        }
        .dsk\:leading-8 {
            --tw-leading: calc(var(--spacing)*8);
            line-height: calc(var(--spacing)*8)
        }
        .dsk\:leading-18 {
            --tw-leading: calc(var(--spacing)*18);
            line-height: calc(var(--spacing)*18)
        }
        .dsk\:leading-\[0\.917em\] {
            --tw-leading: .917em;
            line-height: .917em
        }
        .dsk\:leading-\[56px\] {
            --tw-leading: 56px;
            line-height: 56px
        }
        .dsk\:leading-\[64px\] {
            --tw-leading: 64px;
            line-height: 64px
        }
        .dsk\:leading-\[220px\] {
            --tw-leading: 220px;
            line-height: 220px
        }
        .dsk\:tracking-\[-0\.4px\] {
            --tw-tracking: -.4px;
            letter-spacing: -.4px
        }
        .dsk\:tracking-\[-0\.8px\] {
            --tw-tracking: -.8px;
            letter-spacing: -.8px
        }
        .dsk\:tracking-\[-1\.4px\] {
            --tw-tracking: -1.4px;
            letter-spacing: -1.4px
        }
        .dsk\:tracking-\[-2\.8px\] {
            --tw-tracking: -2.8px;
            letter-spacing: -2.8px
        }
        .dsk\:tracking-\[-13px\] {
            --tw-tracking: -13px;
            letter-spacing: -13px
        }
        .dsk\:whitespace-nowrap {
            white-space: nowrap
        }
        .dsk\:opacity-\(--nav-opacity-dsk\) {
            opacity: var(--nav-opacity-dsk)
        }
        .dsk\:opacity-0 {
            opacity: 0
        }
    }
    @media (min-width:48rem) and (max-width:74.9375rem) and (min-aspect-ratio:1) {
        .tab\:col-start-1 {
            grid-column-start: 1
        }
        .tab\:col-start-6 {
            grid-column-start: 6
        }
        .tab\:col-end-6 {
            grid-column-end: 6
        }
        .tab\:col-end-13 {
            grid-column-end: 13
        }
        .tab\:row-start-1 {
            grid-row-start: 1
        }
        .tab\:row-start-2 {
            grid-row-start: 2
        }
        .tab\:row-start-3 {
            grid-row-start: 3
        }
        .tab\:row-end-5 {
            grid-row-end: 5
        }
        .tab\:grid {
            display: grid
        }
        .tab\:grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
        .tab\:grid-rows-\[1fr_auto_auto_1fr\] {
            grid-template-rows: 1fr auto auto 1fr
        }
        .tab\:gap-0 {
            gap: calc(var(--spacing)*0)
        }
        .tab\:pt-0 {
            padding-top: calc(var(--spacing)*0)
        }
        .tab\:pt-2 {
            padding-top: calc(var(--spacing)*2)
        }
        .tab\:pr-6 {
            padding-right: calc(var(--spacing)*6)
        }
    }
    .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
        display: none
    }
    @media not all and (min-width:48rem) {
        .max-md\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
            display: none
        }
    }
}

:root {
    --background: #fff;
    --foreground: #171717
}

@media (prefers-color-scheme:dark) {
    :root {
        --background: #0a0a0a;
        --foreground: #ededed
    }
}

html {
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent;
    overflow-x: clip
}

@media (prefers-color-scheme:dark) {
    html {
        scrollbar-color: #717171 transparent
    }
}

html {
    background: #fff;
    height: auto
}

body {
    background: var(--background);
    color: var(--foreground);
    font-family: var(--font-switzer), sans-serif;
    overflow-x: clip
}

@keyframes colon-blink {
    0%,
    50% {
        opacity: 1
    }
    50.001%,
    to {
        opacity: 0
    }
}

.colon-blink {
    animation: 2s linear infinite colon-blink
}

body.leva-open #site-nav {
    visibility: hidden
}

@property --tw-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --tw-scale-x {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-y {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-scale-z {
    syntax: "*";
    inherits: false;
    initial-value: 1
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --tw-gradient-position {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
}

@property --tw-gradient-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
}

@property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
}

@property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
}

@property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-leading {
    syntax: "*";
    inherits: false
}

@property --tw-font-weight {
    syntax: "*";
    inherits: false
}

@property --tw-tracking {
    syntax: "*";
    inherits: false
}

@property --tw-ordinal {
    syntax: "*";
    inherits: false
}

@property --tw-slashed-zero {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-figure {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
}

@property --tw-numeric-fraction {
    syntax: "*";
    inherits: false
}

@property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-ring-inset {
    syntax: "*";
    inherits: false
}

@property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
}

@property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-duration {
    syntax: "*";
    inherits: false
}

@property --tw-ease {
    syntax: "*";
    inherits: false
}

@keyframes ping {
    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}