/* Inlined stylesheet: /css/tailwind.css; compatibility target Chrome 80+, Edge 80+, Firefox 78+, Safari 13+. */
        /*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
        @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
            *, :before, :after {
                --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-leading: initial;
                --tw-font-weight: initial;
                --tw-tracking: 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-outline-style: solid;
                --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-backdrop-blur: initial;
                --tw-backdrop-brightness: initial;
                --tw-backdrop-contrast: initial;
                --tw-backdrop-grayscale: initial;
                --tw-backdrop-hue-rotate: initial;
                --tw-backdrop-invert: initial;
                --tw-backdrop-opacity: initial;
                --tw-backdrop-saturate: initial;
                --tw-backdrop-sepia: initial;
                --tw-duration: initial;
                --tw-ease: initial;
                --tw-scale-x: 1;
                --tw-scale-y: 1;
                --tw-scale-z: 1;
            }

            ::backdrop {
                --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-leading: initial;
                --tw-font-weight: initial;
                --tw-tracking: 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-outline-style: solid;
                --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-backdrop-blur: initial;
                --tw-backdrop-brightness: initial;
                --tw-backdrop-contrast: initial;
                --tw-backdrop-grayscale: initial;
                --tw-backdrop-hue-rotate: initial;
                --tw-backdrop-invert: initial;
                --tw-backdrop-opacity: initial;
                --tw-backdrop-saturate: initial;
                --tw-backdrop-sepia: initial;
                --tw-duration: initial;
                --tw-ease: initial;
                --tw-scale-x: 1;
                --tw-scale-y: 1;
                --tw-scale-z: 1;
            }
        }

        :root, :host {
            --font-sans: -apple-system, BlinkMacSystemFont, "PingFang", "Roboto",
            "Noto Sans SC", "Source Han Sans SC", "MiSans", "Segoe UI",
            sans-serif;
            --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
            "Liberation Mono", "Courier New", monospace;
            --color-black: #000;
            --color-white: #fff;
            --spacing: .25rem;
            --container-md: 28rem;
            --container-xl: 36rem;
            --container-2xl: 42rem;
            --container-3xl: 48rem;
            --container-4xl: 56rem;
            --container-5xl: 64rem;
            --container-6xl: 72rem;
            --font-weight-light: 200;
            --font-weight-normal: 300;
            --font-weight-medium: 400;
            --font-weight-bold: 500;
            --tracking-normal: 0em;
            --leading-relaxed: 1.625;
            --radius-md: .375rem;
            --ease-out: cubic-bezier(0, 0, .2, 1);
            --blur-sm: 8px;
            --blur-2xl: 40px;
            --default-transition-duration: .15s;
            --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            --default-font-family: var(--font-sans);
            --default-mono-font-family: var(--font-mono);
            --color-brand-blue: #1b438a;
            --color-brand-yellow: #faf032;
            --color-ink: #1d1d1f;
            --color-grey: #666;
            --color-paper: #f7fbff;
            --color-cyan: #20d3ff;
            --color-graphite: #202b36;
            --color-red: #be1e1e;
            --color-dark: #333;
            --color-light: #f9f9f9;
            --text-title-xxl: 2rem;
            --text-title-xl: 1.75rem;
            --text-title-l: 1.5rem;
            --text-title-m: 1.375rem;
            --text-title-small: 1.25rem;
            --text-body-l: 1.125rem;
            --text-body-m: 1rem;
            --text-body-small: .9375rem;
            --text-body-xs: .875rem;
        }

        *, :after, :before {
            box-sizing: border-box;
            border: 0 solid;
            margin: 0;
            padding: 0;
        }

        ::backdrop {
            box-sizing: border-box;
            border: 0 solid;
            margin: 0;
            padding: 0;
        }

        ::-webkit-file-upload-button {
            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%;
            -moz-tab-size: 4;
            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[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;
            -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;
        }

        ::-webkit-file-upload-button {
            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;
        }

        select:-webkit-any([multiple], [size]) optgroup {
            font-weight: bolder;
        }

        select:-moz-any([multiple], [size]) optgroup {
            font-weight: bolder;
        }

        select[multiple] optgroup, select[size] optgroup {
            font-weight: bolder;
        }

        select:-webkit-any([multiple], [size]) optgroup option {
            padding-inline-start: 20px;
        }

        select:-moz-any([multiple], [size]) optgroup option {
            padding-inline-start: 20px;
        }

        select[multiple] optgroup option, select[size] optgroup option {
            padding-inline-start: 20px;
        }

        ::-webkit-file-upload-button {
            margin-inline-end: 4px;
        }

        ::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-start: 0;
            padding-block-end: 0;
        }

        ::-webkit-datetime-edit-year-field {
            padding-block-start: 0;
            padding-block-end: 0;
        }

        ::-webkit-datetime-edit-month-field {
            padding-block-start: 0;
            padding-block-end: 0;
        }

        ::-webkit-datetime-edit-day-field {
            padding-block-start: 0;
            padding-block-end: 0;
        }

        ::-webkit-datetime-edit-hour-field {
            padding-block-start: 0;
            padding-block-end: 0;
        }

        ::-webkit-datetime-edit-minute-field {
            padding-block-start: 0;
            padding-block-end: 0;
        }

        ::-webkit-datetime-edit-second-field {
            padding-block-start: 0;
            padding-block-end: 0;
        }

        ::-webkit-datetime-edit-millisecond-field {
            padding-block-start: 0;
            padding-block-end: 0;
        }

        ::-webkit-datetime-edit-meridiem-field {
            padding-block-start: 0;
            padding-block-end: 0;
        }

        ::-webkit-calendar-picker-indicator {
            line-height: 1;
        }

        :-moz-ui-invalid {
            box-shadow: none;
        }

        button, input[type="button"], [type="reset"], [type="submit"] {
            -webkit-appearance: button;
            -moz-appearance: button;
            appearance: button;
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            -moz-appearance: button;
            appearance: button;
        }

        ::file-selector-button {
            -webkit-appearance: button;
            -moz-appearance: button;
            appearance: button;
        }

        ::-webkit-inner-spin-button {
            height: auto;
        }

        ::-webkit-outer-spin-button {
            height: auto;
        }

        [hidden]:not([hidden="until-found"]) {
            display: none !important;
        }

        .pointer-events-none {
            pointer-events: none;
        }

        .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-x-0 {
            inset-inline: calc(var(--spacing) * 0);
        }

        .top-0 {
            top: calc(var(--spacing) * 0);
        }

        .top-\[calc\(var\(--header-height\)\+2rem\)\] {
            top: calc(var(--header-height) + 2rem);
        }

        .right-\[var\(--site-gutter\)\] {
            right: var(--site-gutter);
        }

        .bottom-8 {
            bottom: calc(var(--spacing) * 8);
        }

        .bottom-20 {
            bottom: calc(var(--spacing) * 20);
        }

        .left-1 {
            left: calc(var(--spacing) * 1);
        }

        .left-1\/2 {
            left: 50%;
        }

        .left-\[var\(--site-gutter\)\] {
            left: var(--site-gutter);
        }

        .isolate {
            isolation: isolate;
        }

        .z-0 {
            z-index: 0;
        }

        .z-2 {
            z-index: 2;
        }

        .z-10 {
            z-index: 10;
        }

        .m-0 {
            margin: calc(var(--spacing) * 0);
        }

        .mx-auto {
            margin-inline-start: auto;
            margin-inline-end: auto;
        }

        .my-4 {
            margin-block: calc(var(--spacing) * 4);
        }

        .mt-0 {
            margin-top: calc(var(--spacing) * 0);
        }

        .mt-1 {
            margin-top: calc(var(--spacing) * 1);
        }

        .mt-2 {
            margin-top: calc(var(--spacing) * 2);
        }

        .mt-3 {
            margin-top: calc(var(--spacing) * 3);
        }

        .mt-4 {
            margin-top: calc(var(--spacing) * 4);
        }

        .mt-5 {
            margin-top: calc(var(--spacing) * 5);
        }

        .mt-6 {
            margin-top: calc(var(--spacing) * 6);
        }

        .mt-8 {
            margin-top: calc(var(--spacing) * 8);
        }

        .mt-10 {
            margin-top: calc(var(--spacing) * 10);
        }

        .mt-12 {
            margin-top: calc(var(--spacing) * 12);
        }

        .mt-16 {
            margin-top: calc(var(--spacing) * 16);
        }

        .mt-auto {
            margin-top: auto;
        }

        .mr-auto {
            margin-right: auto;
        }

        .line-clamp-3 {
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden;
        }

        .block {
            display: block;
        }

        .contents {
            display: contents;
        }

        .flex {
            display: flex;
        }

        .grid {
            display: grid;
        }

        .hidden {
            display: none;
        }

        .inline {
            display: inline;
        }

        .inline-flex {
            display: inline-flex;
        }

        .inline-grid {
            display: inline-grid;
        }

        .table {
            display: table;
        }

        .aspect-\[4\/3\] {
            aspect-ratio: 4 / 3;
        }

        .h-4 {
            height: calc(var(--spacing) * 4);
        }

        .h-6 {
            height: calc(var(--spacing) * 6);
        }

        .h-7 {
            height: calc(var(--spacing) * 7);
        }

        .h-8 {
            height: calc(var(--spacing) * 8);
        }

        .h-48 {
            height: calc(var(--spacing) * 48);
        }

        .h-\[var\(--header-height\)\] {
            height: var(--header-height);
        }

        .h-full {
            height: 100%;
        }

        .min-h-10 {
            min-height: calc(var(--spacing) * 10);
        }

        .min-h-11 {
            min-height: calc(var(--spacing) * 11);
        }

        .min-h-12 {
            min-height: calc(var(--spacing) * 12);
        }

        .min-h-14 {
            min-height: calc(var(--spacing) * 14);
        }

        .min-h-24 {
            min-height: calc(var(--spacing) * 24);
        }

        .min-h-32 {
            min-height: calc(var(--spacing) * 32);
        }

        .min-h-64 {
            min-height: calc(var(--spacing) * 64);
        }

        .min-h-72 {
            min-height: calc(var(--spacing) * 72);
        }

        .min-h-\[30rem\] {
            min-height: 30rem;
        }

        .min-h-\[600px\] {
            min-height: 600px;
        }

        .min-h-screen {
            min-height: 100vh;
        }

        .w-4 {
            width: calc(var(--spacing) * 4);
        }

        .w-6 {
            width: calc(var(--spacing) * 6);
        }

        .w-7 {
            width: calc(var(--spacing) * 7);
        }

        .w-8 {
            width: calc(var(--spacing) * 8);
        }

        .w-14 {
            width: calc(var(--spacing) * 14);
        }

        .w-full {
            width: 100%;
        }

        .max-w-2xl {
            max-width: var(--container-2xl);
        }

        .max-w-3xl {
            max-width: var(--container-3xl);
        }

        .max-w-4xl {
            max-width: var(--container-4xl);
        }

        .max-w-5xl {
            max-width: var(--container-5xl);
        }

        .max-w-6xl {
            max-width: var(--container-6xl);
        }

        .max-w-\[80\%\] {
            max-width: 80%;
        }

        .max-w-\[1440px\] {
            max-width: 1440px;
        }

        .max-w-\[1480px\] {
            max-width: 1480px;
        }

        .max-w-full {
            max-width: 100%;
        }

        .max-w-md {
            max-width: var(--container-md);
        }

        .max-w-xl {
            max-width: var(--container-xl);
        }

        .min-w-0 {
            min-width: calc(var(--spacing) * 0);
        }

        .min-w-10 {
            min-width: calc(var(--spacing) * 10);
        }

        .min-w-32 {
            min-width: calc(var(--spacing) * 32);
        }

        .min-w-36 {
            min-width: calc(var(--spacing) * 36);
        }

        .flex-1 {
            flex: 1;
        }

        .flex-shrink {
            flex-shrink: 1;
        }

        .shrink-0 {
            flex-shrink: 0;
        }

        .border-collapse {
            border-collapse: collapse;
        }

        .transform {
            transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, )
            var(--tw-skew-x, ) var(--tw-skew-y, );
        }

        .cursor-pointer {
            cursor: pointer;
        }

        .resize {
            resize: both;
        }

        .list-none {
            list-style-type: none;
        }

        .grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr));
        }

        .grid-cols-\[auto_1fr\] {
            grid-template-columns: auto 1fr;
        }

        .grid-rows-3 {
            grid-template-rows: repeat(3, minmax(0, 1fr));
        }

        .flex-col {
            flex-direction: column;
        }

        .flex-nowrap {
            flex-wrap: nowrap;
        }

        .flex-wrap {
            flex-wrap: wrap;
        }

        .place-items-center {
            place-items: center;
        }

        .content-center {
            align-content: center;
        }

        .content-end {
            align-content: flex-end;
        }

        .content-stretch {
            align-content: stretch;
        }

        .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-start {
            justify-content: flex-start;
        }

        .justify-items-center {
            justify-items: center;
        }

        .justify-items-start {
            justify-items: start;
        }

        .gap-0 {
            gap: calc(var(--spacing) * 0);
        }

        .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-px {
            gap: 1px;
        }

        .gap-x-5 {
            column-gap: calc(var(--spacing) * 5);
        }

        .gap-y-10 {
            row-gap: calc(var(--spacing) * 10);
        }

        .overflow-hidden {
            overflow: hidden;
        }

        .overflow-x-auto {
            overflow-x: auto;
        }

        .rounded {
            border-radius: .25rem;
        }

        .rounded-full {
            border-radius: 3.40282e38px;
        }

        .rounded-md {
            border-radius: var(--radius-md);
        }

        .border {
            border-style: var(--tw-border-style);
            border-width: 1px;
        }

        .border-0 {
            border-style: var(--tw-border-style);
            border-width: 0;
        }

        .border-y {
            border-block-style: var(--tw-border-style);
            border-block-start-width: 1px;
            border-block-end-width: 1px;
        }

        .border-t {
            border-top-style: var(--tw-border-style);
            border-top-width: 1px;
        }

        .border-b {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
        }

        .border-dashed {
            --tw-border-style: dashed;
            border-style: dashed;
        }

        .border-brand-blue {
            border-color: var(--color-brand-blue);
        }

        .border-ink {
            border-color: var(--color-ink);
        }

        .border-ink\/10 {
            border-color: #1d1d1f1a;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .border-ink\/10 {
                border-color: color-mix(in oklab,
                var(--color-ink) 10%,
                transparent);
            }
        }

        .border-ink\/15 {
            border-color: #1d1d1f26;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .border-ink\/15 {
                border-color: color-mix(in oklab,
                var(--color-ink) 15%,
                transparent);
            }
        }

        .border-ink\/20 {
            border-color: #1d1d1f33;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .border-ink\/20 {
                border-color: color-mix(in oklab,
                var(--color-ink) 20%,
                transparent);
            }
        }

        .border-ink\/25 {
            border-color: #1d1d1f40;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .border-ink\/25 {
                border-color: color-mix(in oklab,
                var(--color-ink) 25%,
                transparent);
            }
        }

        .border-paper {
            border-color: var(--color-paper);
        }

        .border-paper\/10 {
            border-color: #f7fbff1a;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .border-paper\/10 {
                border-color: color-mix(in oklab,
                var(--color-paper) 10%,
                transparent);
            }
        }

        .border-paper\/15 {
            border-color: #f7fbff26;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .border-paper\/15 {
                border-color: color-mix(in oklab,
                var(--color-paper) 15%,
                transparent);
            }
        }

        .border-paper\/20 {
            border-color: #f7fbff33;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .border-paper\/20 {
                border-color: color-mix(in oklab,
                var(--color-paper) 20%,
                transparent);
            }
        }

        .bg-brand-blue {
            background-color: var(--color-brand-blue);
        }

        .bg-brand-blue\/50 {
            background-color: #1b438a80;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-brand-blue\/50 {
                background-color: color-mix(in oklab,
                var(--color-brand-blue) 50%,
                transparent);
            }
        }

        .bg-brand-blue\/90 {
            background-color: #1b438ae6;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-brand-blue\/90 {
                background-color: color-mix(in oklab,
                var(--color-brand-blue) 90%,
                transparent);
            }
        }

        .bg-brand-yellow {
            background-color: var(--color-brand-yellow);
        }

        .bg-graphite {
            background-color: var(--color-graphite);
        }

        .bg-graphite\/90 {
            background-color: #202b36e6;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-graphite\/90 {
                background-color: color-mix(in oklab,
                var(--color-graphite) 90%,
                transparent);
            }
        }

        .bg-graphite\/95 {
            background-color: #202b36f2;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-graphite\/95 {
                background-color: color-mix(in oklab,
                var(--color-graphite) 95%,
                transparent);
            }
        }

        .bg-ink {
            background-color: var(--color-ink);
        }

        .bg-light {
            background-color: var(--color-light);
        }

        .bg-paper {
            background-color: var(--color-paper);
        }

        .bg-paper\/10 {
            background-color: #f7fbff1a;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-paper\/10 {
                background-color: color-mix(in oklab,
                var(--color-paper) 10%,
                transparent);
            }
        }

        .bg-paper\/15 {
            background-color: #f7fbff26;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-paper\/15 {
                background-color: color-mix(in oklab,
                var(--color-paper) 15%,
                transparent);
            }
        }

        .bg-paper\/20 {
            background-color: #f7fbff33;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-paper\/20 {
                background-color: color-mix(in oklab,
                var(--color-paper) 20%,
                transparent);
            }
        }

        .bg-paper\/30 {
            background-color: #f7fbff4d;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .bg-paper\/30 {
                background-color: color-mix(in oklab,
                var(--color-paper) 30%,
                transparent);
            }
        }

        .bg-transparent {
            background-color: #0000;
        }

        .bg-white {
            background-color: var(--color-white);
        }

        .object-cover {
            object-fit: cover;
        }

        .p-0 {
            padding: calc(var(--spacing) * 0);
        }

        .p-1 {
            padding: calc(var(--spacing) * 1);
        }

        .p-4 {
            padding: calc(var(--spacing) * 4);
        }

        .p-5 {
            padding: calc(var(--spacing) * 5);
        }

        .p-6 {
            padding: calc(var(--spacing) * 6);
        }

        .p-7 {
            padding: calc(var(--spacing) * 7);
        }

        .p-8 {
            padding: calc(var(--spacing) * 8);
        }

        .px-0 {
            padding-inline: calc(var(--spacing) * 0);
        }

        .px-3 {
            padding-inline: calc(var(--spacing) * 3);
        }

        .px-4 {
            padding-inline: calc(var(--spacing) * 4);
        }

        .px-5 {
            padding-inline: calc(var(--spacing) * 5);
        }

        .px-6 {
            padding-inline: calc(var(--spacing) * 6);
        }

        .px-8 {
            padding-inline: calc(var(--spacing) * 8);
        }

        .px-12 {
            padding-inline: calc(var(--spacing) * 12);
        }

        .px-\[var\(--site-gutter\)\] {
            padding-inline: var(--site-gutter);
        }

        .py-3 {
            padding-block: calc(var(--spacing) * 3);
        }

        .py-4 {
            padding-block: calc(var(--spacing) * 4);
        }

        .py-6 {
            padding-block: calc(var(--spacing) * 6);
        }

        .py-8 {
            padding-block: calc(var(--spacing) * 8);
        }

        .py-9 {
            padding-block: calc(var(--spacing) * 9);
        }

        .py-10 {
            padding-block: calc(var(--spacing) * 10);
        }

        .py-16 {
            padding-block: calc(var(--spacing) * 16);
        }

        .py-20 {
            padding-block: calc(var(--spacing) * 20);
        }

        .py-24 {
            padding-block: calc(var(--spacing) * 24);
        }

        .py-28 {
            padding-block: calc(var(--spacing) * 28);
        }

        .pt-36 {
            padding-top: calc(var(--spacing) * 36);
        }

        .pb-6 {
            padding-bottom: calc(var(--spacing) * 6);
        }

        .pb-10 {
            padding-bottom: calc(var(--spacing) * 10);
        }

        .pb-12 {
            padding-bottom: calc(var(--spacing) * 12);
        }

        .pb-20 {
            padding-bottom: calc(var(--spacing) * 20);
        }

        .pl-\[var\(--site-gutter\)\] {
            padding-left: var(--site-gutter);
        }

        .text-center {
            text-align: center;
        }

        .text-left {
            text-align: left;
        }

        .font-sans {
            font-family: var(--font-sans);
        }

        .text-body-l {
            font-size: var(--text-body-l);
        }

        .text-body-m {
            font-size: var(--text-body-m);
        }

        .text-body-small {
            font-size: var(--text-body-small);
        }

        .text-body-xs {
            font-size: var(--text-body-xs);
        }

        .text-title-l {
            font-size: var(--text-title-l);
        }

        .text-title-m {
            font-size: var(--text-title-m);
        }

        .text-title-small {
            font-size: var(--text-title-small);
        }

        .text-title-xl {
            font-size: var(--text-title-xl);
        }

        .text-title-xxl {
            font-size: var(--text-title-xxl);
        }

        .leading-none {
            --tw-leading: 1;
            line-height: 1;
        }

        .leading-relaxed {
            --tw-leading: var(--leading-relaxed);
            line-height: var(--leading-relaxed);
        }

        .font-bold {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold);
        }

        .font-medium {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium);
        }

        .font-normal {
            --tw-font-weight: var(--font-weight-normal);
            font-weight: var(--font-weight-normal);
        }

        .tracking-\[0\.18em\] {
            --tw-tracking: .18em;
            letter-spacing: .18em;
        }

        .tracking-normal {
            --tw-tracking: var(--tracking-normal);
            letter-spacing: var(--tracking-normal);
        }

        .whitespace-nowrap {
            white-space: nowrap;
        }

        .text-brand-blue {
            color: var(--color-brand-blue);
        }

        .text-brand-yellow {
            color: var(--color-brand-yellow);
        }

        .text-cyan {
            color: var(--color-cyan);
        }

        .text-graphite {
            color: var(--color-graphite);
        }

        .text-graphite\/55 {
            color: #202b368c;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-graphite\/55 {
                color: color-mix(in oklab, var(--color-graphite) 55%, transparent);
            }
        }

        .text-graphite\/60 {
            color: #202b3699;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-graphite\/60 {
                color: color-mix(in oklab, var(--color-graphite) 60%, transparent);
            }
        }

        .text-graphite\/65 {
            color: #202b36a6;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-graphite\/65 {
                color: color-mix(in oklab, var(--color-graphite) 65%, transparent);
            }
        }

        .text-graphite\/70 {
            color: #202b36b3;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-graphite\/70 {
                color: color-mix(in oklab, var(--color-graphite) 70%, transparent);
            }
        }

        .text-graphite\/75 {
            color: #202b36bf;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-graphite\/75 {
                color: color-mix(in oklab, var(--color-graphite) 75%, transparent);
            }
        }

        .text-graphite\/80 {
            color: #202b36cc;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-graphite\/80 {
                color: color-mix(in oklab, var(--color-graphite) 80%, transparent);
            }
        }

        .text-graphite\/90 {
            color: #202b36e6;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-graphite\/90 {
                color: color-mix(in oklab, var(--color-graphite) 90%, transparent);
            }
        }

        .text-grey {
            color: var(--color-grey);
        }

        .text-ink {
            color: var(--color-ink);
        }

        .text-ink\/75 {
            color: #1d1d1fbf;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-ink\/75 {
                color: color-mix(in oklab, var(--color-ink) 75%, transparent);
            }
        }

        .text-ink\/80 {
            color: #1d1d1fcc;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-ink\/80 {
                color: color-mix(in oklab, var(--color-ink) 80%, transparent);
            }
        }

        .text-paper {
            color: var(--color-paper);
        }

        .text-paper\/65 {
            color: #f7fbffa6;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-paper\/65 {
                color: color-mix(in oklab, var(--color-paper) 65%, transparent);
            }
        }

        .text-paper\/70 {
            color: #f7fbffb3;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-paper\/70 {
                color: color-mix(in oklab, var(--color-paper) 70%, transparent);
            }
        }

        .text-paper\/75 {
            color: #f7fbffbf;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-paper\/75 {
                color: color-mix(in oklab, var(--color-paper) 75%, transparent);
            }
        }

        .text-paper\/80 {
            color: #f7fbffcc;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-paper\/80 {
                color: color-mix(in oklab, var(--color-paper) 80%, transparent);
            }
        }

        .text-paper\/85 {
            color: #f7fbffd9;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-paper\/85 {
                color: color-mix(in oklab, var(--color-paper) 85%, transparent);
            }
        }

        .text-red {
            color: var(--color-red);
        }

        .text-white {
            color: var(--color-white);
        }

        .text-white\/80 {
            color: #fffc;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-white\/80 {
                color: color-mix(in oklab, var(--color-white) 80%, transparent);
            }
        }

        .text-white\/90 {
            color: #ffffffe6;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .text-white\/90 {
                color: color-mix(in oklab, var(--color-white) 90%, transparent);
            }
        }

        .uppercase {
            text-transform: uppercase;
        }

        .underline {
            text-decoration-line: underline;
        }

        .antialiased {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .shadow-\[0_18px_60px_rgba\(5\,8\,13\,0\.08\)\] {
            --tw-shadow: 0 18px 60px var(--tw-shadow-color, #05080d14);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
            var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
            var(--tw-shadow);
        }

        .outline {
            outline-style: var(--tw-outline-style);
            outline-width: 1px;
        }

        .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, );
        }

        .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, );
        }

        .backdrop-blur-2xl {
            --tw-backdrop-blur: blur(var(--blur-2xl));
            -webkit-backdrop-filter: var(--tw-backdrop-blur, )
            var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, )
            var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, )
            var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, )
            var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
            backdrop-filter: var(--tw-backdrop-blur, )
            var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, )
            var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, )
            var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, )
            var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        }

        .backdrop-blur-sm {
            --tw-backdrop-blur: blur(var(--blur-sm));
            -webkit-backdrop-filter: var(--tw-backdrop-blur, )
            var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, )
            var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, )
            var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, )
            var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
            backdrop-filter: var(--tw-backdrop-blur, )
            var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, )
            var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, )
            var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, )
            var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        }

        .backdrop-filter {
            -webkit-backdrop-filter: var(--tw-backdrop-blur, )
            var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, )
            var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, )
            var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, )
            var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
            backdrop-filter: var(--tw-backdrop-blur, )
            var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, )
            var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, )
            var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, )
            var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        }

        .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-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-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;
        }

        .ease-out {
            --tw-ease: var(--ease-out);
            transition-timing-function: var(--ease-out);
        }

        .outline-none {
            --tw-outline-style: none;
            outline-style: none;
        }

        @supports not (rotate: 1deg) {
            .group[data-open="true"] .group-data-\[open\=true\]\:rotate-90 {
                transform: rotate(90deg);
            }
        }

        .group[data-open="true"] .group-data-\[open\=true\]\:rotate-90 {
            rotate: 90deg;
        }

        .peer:checked ~ .peer-checked\:text-brand-blue {
            color: var(--color-brand-blue);
        }

        @media (hover: hover) {

            @supports not (scale: 1) {
                .hover\:scale-105:hover {
                    transform: scale(1.05);
                }
            }

            .hover\:scale-105:hover {
                --tw-scale-x: 105%;
                --tw-scale-y: 105%;
                --tw-scale-z: 105%;
                scale: var(--tw-scale-x) var(--tw-scale-y);
            }

            .hover\:border-brand-blue:hover {
                border-color: var(--color-brand-blue);
            }

            .hover\:border-brand-blue\/40:hover {
                border-color: #1b438a66;
            }

            @supports (color: color-mix(in lab, red, red)) {
                .hover\:border-brand-blue\/40:hover {
                    border-color: color-mix(in oklab,
                    var(--color-brand-blue) 40%,
                    transparent);
                }
            }

            .hover\:bg-brand-blue\/90:hover {
                background-color: #1b438ae6;
            }

            @supports (color: color-mix(in lab, red, red)) {
                .hover\:bg-brand-blue\/90:hover {
                    background-color: color-mix(in oklab,
                    var(--color-brand-blue) 90%,
                    transparent);
                }
            }

            .hover\:bg-ink:hover {
                background-color: var(--color-ink);
            }

            .hover\:text-brand-blue:hover {
                color: var(--color-brand-blue);
            }

            .hover\:text-brand-yellow:hover {
                color: var(--color-brand-yellow);
            }

            .hover\:text-paper:hover {
                color: var(--color-paper);
            }
        }

        @supports not selector(:focus-visible) {

            .focus-visible\:bg-brand-blue\/90:focus {
                background-color: #1b438ae6;
            }
        }

        .focus-visible\:bg-brand-blue\/90:focus-visible {
            background-color: #1b438ae6;
        }

        @supports (color: color-mix(in lab, red, red)) {

            @supports not selector(:focus-visible) {

                .focus-visible\:bg-brand-blue\/90:focus {
                    background-color: color-mix(in oklab,
                    var(--color-brand-blue) 90%,
                    transparent);
                }
            }

            .focus-visible\:bg-brand-blue\/90:focus-visible {
                background-color: color-mix(in oklab,
                var(--color-brand-blue) 90%,
                transparent);
            }
        }

        @supports not selector(:focus-visible) {

            .focus-visible\:text-brand-blue:focus {
                color: var(--color-brand-blue);
            }
        }

        .focus-visible\:text-brand-blue:focus-visible {
            color: var(--color-brand-blue);
        }

        @supports not selector(:focus-visible) {

            .focus-visible\:text-brand-yellow:focus {
                color: var(--color-brand-yellow);
            }
        }

        .focus-visible\:text-brand-yellow:focus-visible {
            color: var(--color-brand-yellow);
        }

        @supports not selector(:focus-visible) {

            .focus-visible\:text-paper:focus {
                color: var(--color-paper);
            }
        }

        .focus-visible\:text-paper:focus-visible {
            color: var(--color-paper);
        }

        .aria-pressed\:bg-brand-blue\/90[aria-pressed="true"] {
            background-color: #1b438ae6;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .aria-pressed\:bg-brand-blue\/90[aria-pressed="true"] {
                background-color: color-mix(in oklab,
                var(--color-brand-blue) 90%,
                transparent);
            }
        }

        .aria-pressed\:text-brand-blue[aria-pressed="true"] {
            color: var(--color-brand-blue);
        }

        .aria-pressed\:text-white[aria-pressed="true"] {
            color: var(--color-white);
        }

        @media (hover: hover) {
            .aria-pressed\:hover\:text-white[aria-pressed="true"]:hover {
                color: var(--color-white);
            }
        }

        @supports not selector(:focus-visible) {

            .aria-pressed\:focus-visible\:text-white[aria-pressed="true"]:focus {
                color: var(--color-white);
            }
        }

        .aria-pressed\:focus-visible\:text-white[aria-pressed="true"]:focus-visible {
            color: var(--color-white);
        }

        .aria-\[current\=true\]\:text-ink[aria-current="true"] {
            color: var(--color-ink);
        }

        @media (hover: hover) {
            .aria-\[current\=true\]\:hover\:text-ink[aria-current="true"]:hover {
                color: var(--color-ink);
            }
        }

        @supports not selector(:focus-visible) {

            .aria-\[current\=true\]\:focus-visible\:text-ink[aria-current="true"]:focus {
                color: var(--color-ink);
            }
        }

        .aria-\[current\=true\]\:focus-visible\:text-ink[aria-current="true"]:focus-visible {
            color: var(--color-ink);
        }

        .data-\[open\=true\]\:bg-brand-blue\/90[data-open="true"] {
            background-color: #1b438ae6;
        }

        @supports (color: color-mix(in lab, red, red)) {
            .data-\[open\=true\]\:bg-brand-blue\/90[data-open="true"] {
                background-color: color-mix(in oklab,
                var(--color-brand-blue) 90%,
                transparent);
            }
        }

        .data-\[open\=true\]\:text-white[data-open="true"] {
            color: var(--color-white);
        }

        @media (hover: hover) {
            .data-\[open\=true\]\:hover\:text-white[data-open="true"]:hover {
                color: var(--color-white);
            }
        }

        @supports not selector(:focus-visible) {

            .data-\[open\=true\]\:focus-visible\:text-white[data-open="true"]:focus {
                color: var(--color-white);
            }
        }

        .data-\[open\=true\]\:focus-visible\:text-white[data-open="true"]:focus-visible {
            color: var(--color-white);
        }

        @media (min-width: 40rem) {
            .sm\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (min-width: 48rem) {
            .md\:col-span-2 {
                grid-column: span 2 / span 2;
            }

            .md\:col-span-3 {
                grid-column: span 3 / span 3;
            }

            .md\:mt-4 {
                margin-top: calc(var(--spacing) * 4);
            }

            .md\:mt-6 {
                margin-top: calc(var(--spacing) * 6);
            }

            .md\:mt-8 {
                margin-top: calc(var(--spacing) * 8);
            }

            .md\:flex {
                display: flex;
            }

            .md\:grid {
                display: grid;
            }

            .md\:w-auto {
                width: auto;
            }

            .md\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .md\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .md\:flex-row {
                flex-direction: row;
            }

            .md\:content-start {
                align-content: flex-start;
            }

            .md\:gap-8 {
                gap: calc(var(--spacing) * 8);
            }

            .md\:gap-12 {
                gap: calc(var(--spacing) * 12);
            }

            .md\:gap-15 {
                gap: calc(var(--spacing) * 15);
            }

            .md\:p-6 {
                padding: calc(var(--spacing) * 6);
            }

            .md\:p-8 {
                padding: calc(var(--spacing) * 8);
            }

            .md\:p-9 {
                padding: calc(var(--spacing) * 9);
            }

            .md\:p-10 {
                padding: calc(var(--spacing) * 10);
            }

            .md\:py-10 {
                padding-block: calc(var(--spacing) * 10);
            }

            .md\:py-16 {
                padding-block: calc(var(--spacing) * 16);
            }

            .md\:pb-16 {
                padding-bottom: calc(var(--spacing) * 16);
            }

            .md\:text-title-xl {
                font-size: var(--text-title-xl);
            }
        }

        @media (min-width: 64rem) {
            .lg\:col-span-1 {
                grid-column: span 1 / span 1;
            }

            .lg\:col-span-2 {
                grid-column: span 2 / span 2;
            }

            .lg\:col-span-3 {
                grid-column: span 3 / span 3;
            }

            .lg\:mt-0 {
                margin-top: calc(var(--spacing) * 0);
            }

            .lg\:mt-10 {
                margin-top: calc(var(--spacing) * 10);
            }

            .lg\:mt-12 {
                margin-top: calc(var(--spacing) * 12);
            }

            .lg\:mt-16 {
                margin-top: calc(var(--spacing) * 16);
            }

            .lg\:mt-24 {
                margin-top: calc(var(--spacing) * 24);
            }

            .lg\:flex {
                display: flex;
            }

            .lg\:hidden {
                display: none;
            }

            .lg\:min-h-\[36rem\] {
                min-height: 36rem;
            }

            .lg\:w-fit {
                width: -moz-fit-content;
                width: fit-content;
            }

            .lg\:max-w-\[50vw\] {
                max-width: 50vw;
            }

            .lg\:grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .lg\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }

            .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
                grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
            }

            .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
                grid-template-columns: minmax(0, 1fr) auto;
            }

            .lg\:content-center {
                align-content: center;
            }

            .lg\:items-center {
                align-items: center;
            }

            .lg\:items-end {
                align-items: flex-end;
            }

            .lg\:justify-center {
                justify-content: center;
            }

            .lg\:justify-items-start {
                justify-items: start;
            }

            .lg\:gap-16 {
                gap: calc(var(--spacing) * 16);
            }

            .lg\:gap-20 {
                gap: calc(var(--spacing) * 20);
            }

            .lg\:p-10 {
                padding: calc(var(--spacing) * 10);
            }

            .lg\:px-8 {
                padding-inline: calc(var(--spacing) * 8);
            }

            .lg\:px-14 {
                padding-inline: calc(var(--spacing) * 14);
            }

            .lg\:py-10 {
                padding-block: calc(var(--spacing) * 10);
            }

            .lg\:py-24 {
                padding-block: calc(var(--spacing) * 24);
            }

            .lg\:py-32 {
                padding-block: calc(var(--spacing) * 32);
            }

            .lg\:pb-20 {
                padding-bottom: calc(var(--spacing) * 20);
            }

            .lg\:text-left {
                text-align: left;
            }
        }

        @media (min-width: 80rem) {
            .xl\:block {
                display: block;
            }

            .xl\:grid {
                display: grid;
            }

            .xl\:grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .xl\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }

            .xl\:grid-cols-\[24rem_minmax\(0\,1fr\)\] {
                grid-template-columns: 24rem minmax(0, 1fr);
            }

            .xl\:px-\[var\(--site-gutter\)\] {
                padding-inline: var(--site-gutter);
            }
        }

        @media (min-width: 96rem) {
            .\32 xl\:grid-cols-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }

        @media (min-width: 1024px) {
            :root, :host {
                --text-title-xxl: 3rem;
                --text-title-xxl: clamp(3rem, 6vw, 4rem);
                --text-title-xl: 2.5rem;
                --text-title-xl: clamp(2.5rem, 4vw, 3rem);
                --text-title-l: 2rem;
                --text-title-l: clamp(2rem, 3vw, 2.5rem);
                --text-title-m: 1.75rem;
                --text-title-m: clamp(1.75rem, 2vw, 2rem);
                --text-title-small: 1.75rem;
                --text-body-l: 1.25rem;
                --text-body-l: clamp(1.25rem, 1.6vw, 1.375rem);
                --text-body-m: 1.125rem;
                --text-body-small: 1rem;
                --text-body-xs: .875rem;
            }
        }

        @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-leading {
            syntax: "*";
            inherits: false
        }

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

        @property --tw-tracking {
            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-outline-style {
            syntax: "*";
            inherits: false;
            initial-value: solid;
        }

        @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-backdrop-blur {
            syntax: "*";
            inherits: false
        }

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

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

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

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

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

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

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

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

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

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

        @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;
        }
        /* Inlined stylesheet: /css/main.css; progressive fallbacks applied. */
        /*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
        :root {
            --header-height: 64px;
            --brand-blue: #1b438a;
            --brand-yellow: #faf032;
            --dark: #333;
            --light: #f9f9f9;
            --white: #fff;
            --site-gutter: 5vw;
            --site-gutter: clamp(12px, 5vw, 120px);
            --layer-footer: 120;
            --layer-footer-actions: 180;
            --layer-header: 300;
            --layer-modal: 400;
        }

        html {
            scroll-behavior: smooth;
            font-optical-sizing: auto;
            font-family: PingFang, Roboto, Noto Sans SC, serif;
            font-style: normal;
            font-weight: 300;
        }

        body {
            min-width: 320px;
            line-height: 1.25;
        }

        p {
            line-height: 1.5;
        }

        .btn {
            line-height: 1;
        }

        .btn > span {
            transform: translateY(.085em);
        }

        body.menu-open, body.modal-open {
            overflow: hidden;
        }

        .page-hero-enter img {
            transform-origin: center;
            animation: 2s ease-out both page-hero-image-enter;
        }

        @keyframes page-hero-image-enter {
            from {
                transform: scale(1.1);
            }

            to {
                transform: scale(1);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .page-hero-enter img {
                animation: none;
                transform: none;
            }
        }

        .header-icon-button {
            color: #f7fbffcc;
            cursor: pointer;
            background: none;
            border: 1px solid #f7fbff33;
            border-radius: 999px;
            place-items: center;
            width: 2.5rem;
            height: 2.5rem;
            transition: color .18s, border-color .18s, background-color .18s, box-shadow .18s;
            display: grid;
        }

        .header-icon-button:hover {
            color: #f7fbff;
            background: #f7fbff0f;
            border-color: #f7fbff80;
            box-shadow: 0 0 4px #f7fbff4d;
        }

        @supports not selector(:focus-visible) {

            .header-icon-button:focus {
                color: #f7fbff;
                background: #f7fbff0f;
                border-color: #f7fbff80;
                box-shadow: 0 0 4px #f7fbff4d;
            }
        }

        .header-icon-button:focus-visible {
            color: #f7fbff;
            background: #f7fbff0f;
            border-color: #f7fbff80;
            box-shadow: 0 0 4px #f7fbff4d;
        }

        .site-logo {
            flex: none;
        }

        .site-logo-image {
            width: auto;
            height: 40px;
        }

        .link-underline-animated {
            width: max-content;
            max-width: 100%;
            padding-bottom: .15em;
            display: inline-block;
            position: relative;
            overflow: hidden;
        }

        .link-underline-animated:after {
            background: var(--color-brand-blue);
            content: "";
            transform-origin: 100%;
            height: 1px;
            transition: transform .3s .1s;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            transform: scaleX(0);
        }

        .link-underline-animated:hover:after {
            transform-origin: 0;
            transform: scaleX(1);
        }

        @supports not selector(:focus-visible) {

            .link-underline-animated:focus:after {
                transform-origin: 0;
                transform: scaleX(1);
            }
        }

        .link-underline-animated:focus-visible:after {
            transform-origin: 0;
            transform: scaleX(1);
        }

        .link-underline-animated-dark {
            --link-underline-color: #fff;
        }

        .nav-toggle-icon {
            transition: opacity .18s, transform .22s;
            position: absolute;
        }

        .nav-toggle-icon-close {
            opacity: 0;
            transform: rotate(-90deg) scale(.86);
        }

        .nav-toggle[aria-expanded="true"] .nav-toggle-icon-menu {
            opacity: 0;
            transform: rotate(90deg) scale(.86);
        }

        .nav-toggle[aria-expanded="true"] .nav-toggle-icon-close {
            opacity: 1;
            transform: rotate(0) scale(1);
        }

        .mobile-header-actions {
            align-items: center;
            gap: .2rem;
            display: flex;
        }

        .mobile-language-link {
            color: #f7fbffcc;
            align-items: center;
            margin-top: 2px;
            padding: .3rem;
            transition: color .18s, text-shadow .18s;
            display: inline-flex;
        }

        .mobile-language-link:hover {
            color: #fff;
            text-shadow: 0 0 8px #fffc, 0 0 18px #20d3ff99;
        }

        @supports not selector(:focus-visible) {

            .mobile-language-link:focus {
                color: #fff;
                text-shadow: 0 0 8px #fffc, 0 0 18px #20d3ff99;
            }
        }

        .mobile-language-link:focus-visible {
            color: #fff;
            text-shadow: 0 0 8px #fffc, 0 0 18px #20d3ff99;
        }

        @media (min-width: 1024px) {
            .mobile-header-actions {
                display: none;
            }
        }

        @media (min-width: 1024px) and (max-width: 1520px) {
            .site-header-nav {
                gap: 1rem;
            }

            .desktop-nav {
                gap: 0;
            }

            .nav-link {
                padding-left: .65rem;
                padding-right: .65rem;
            }

            .header-actions {
                gap: .75rem;
            }

            .header-actions .header-conversion-button {
                display: none;
            }
        }

        @media (min-width: 1024px) and (max-width: 1180px) {
            .site-header-nav {
                --site-gutter: 1.5rem;
            }

            .nav-link {
                padding-left: .48rem;
                padding-right: .48rem;
            }
        }

        .mobile-menu {
            top: var(--header-height);
            z-index: 1;
            height: calc(100vh - var(--header-height));
            height: calc(100dvh - var(--header-height));
            -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
            transform-origin: top;
            align-content: start;
            animation: .22s both mobile-menu-drop;
            display: grid;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            overflow-y: auto;
            box-shadow: inset 0 28px 80px #1d1d1fcc;
        }

        .mobile-menu[hidden] {
            display: none;
        }

        .nav-item {
            height: var(--header-height);
            align-items: center;
            display: flex;
            position: relative;
        }

        .nav-link {
            color: #f7fbffe6;
            min-height: 2.75rem;
            text-shadow: none;
            white-space: nowrap;
            align-items: center;
            margin-top: 1px;
            padding: .75rem 1rem;
            transition: color .18s, background-color .18s, text-shadow .18s;
            display: inline-flex;
        }

        .nav-link:hover {
            color: #fff;
            text-shadow: 0 0 8px #fffc, 0 0 18px #20d3ff99;
        }

        @supports not selector(:focus-visible) {

            .nav-link:focus {
                color: #fff;
                text-shadow: 0 0 8px #fffc, 0 0 18px #20d3ff99;
            }
        }

        .nav-link:focus-visible {
            color: #fff;
            text-shadow: 0 0 8px #fffc, 0 0 18px #20d3ff99;
        }

        .desktop-nav, .header-actions {
            flex: 0 auto;
        }

        .header-actions {
            white-space: nowrap;
        }

        .nav-dropdown {
            top: var(--header-height);
            z-index: 999;
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
            clip-path: inset(0 0 100%);
            opacity: 0;
            pointer-events: none;
            transform-origin: top;
            background: #202b36e6;
            min-width: 11rem;
            padding: .5rem;
            transition: clip-path .24s, opacity .16s;
            display: grid;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            box-shadow: 0 0 20px #202b364d;
        }

        @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
            .nav-dropdown {
                -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
                background: #202b36e6;
            }
        }

        .nav-item:hover .nav-dropdown, .nav-item:focus-within .nav-dropdown {
            clip-path: inset(0);
            opacity: 1;
            pointer-events: auto;
        }

        .nav-dropdown-link {
            color: #f7fbffbf;
            text-align: center;
            min-height: 2.5rem;
            text-shadow: none;
            justify-content: center;
            align-items: center;
            padding: .8rem;
            transition: color .18s, background-color .18s, text-shadow .18s;
            display: flex;
        }

        .nav-dropdown-link:hover, .nav-dropdown-link[aria-current="page"] {
            color: #fff;
            text-shadow: 0 0 8px #ffffffb8, 0 0 18px #20d3ff94;
            background: #f7fbff0f;
        }

        @supports not selector(:focus-visible) {

            .nav-dropdown-link:focus {
                color: #fff;
                text-shadow: 0 0 8px #ffffffb8, 0 0 18px #20d3ff94;
                background: #f7fbff0f;
            }
        }

        .nav-dropdown-link:focus-visible {
            color: #fff;
            text-shadow: 0 0 8px #ffffffb8, 0 0 18px #20d3ff94;
            background: #f7fbff0f;
        }

        .mobile-nav-item {
            border-bottom: 1px solid #f7fbff1a;
        }

        .mobile-nav-row {
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: center;
            display: grid;
        }

        .mobile-nav-link {
            color: #f7fbffd1;
            align-items: center;
            min-height: 3.75rem;
            display: flex;
        }

        .mobile-subnav-toggle {
            color: #f7fbffcc;
            place-items: center;
            width: 3.25rem;
            height: 3.25rem;
            transition: color .18s;
            display: grid;
            position: relative;
        }

        .mobile-subnav-icon {
            transition: transform .22s;
        }

        .mobile-nav-item.is-open .mobile-subnav-toggle {
            color: #20d3ff;
        }

        .mobile-nav-item.is-open .mobile-subnav-icon {
            transform: rotate(180deg);
        }

        .mobile-subnav {
            transform-origin: top;
            gap: .1rem;
            padding: 0 0 .75rem 1rem;
            display: grid;
        }

        .mobile-subnav[hidden] {
            display: none;
        }

        .mobile-nav-item.is-open .mobile-subnav {
            animation: .18s both mobile-subnav-drop;
        }

        @keyframes mobile-menu-drop {
            from {
                clip-path: inset(0 0 100%);
                opacity: 0;
                transform: translateY(-.35rem);
            }

            to {
                clip-path: inset(0);
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes mobile-subnav-drop {
            from {
                clip-path: inset(0 0 100%);
                opacity: 0;
                transform: translateY(-.25rem);
            }

            to {
                clip-path: inset(0);
                opacity: 1;
                transform: translateY(0);
            }
        }

        .mobile-subnav-link {
            color: #f7fbff9e;
            min-height: 2.75rem;
            text-shadow: none;
            align-items: center;
            transition: color .18s, transform .18s, text-shadow .18s;
            display: flex;
        }

        .mobile-subnav-link:hover, .mobile-subnav-link[aria-current="page"] {
            color: #fff;
            text-shadow: 0 0 8px #ffffffb8, 0 0 18px #20d3ff94;
            transform: translateX(.2rem);
        }

        @supports not selector(:focus-visible) {

            .mobile-subnav-link:focus {
                color: #fff;
                text-shadow: 0 0 8px #ffffffb8, 0 0 18px #20d3ff94;
                transform: translateX(.2rem);
            }
        }

        .mobile-subnav-link:focus-visible {
            color: #fff;
            text-shadow: 0 0 8px #ffffffb8, 0 0 18px #20d3ff94;
            transform: translateX(.2rem);
        }

        .mobile-menu-search {
            background: #f7fbff1a;
            border: 1px solid #f7fbff1a;
            align-items: center;
            min-height: 3rem;
            padding: .25rem .35rem .25rem 1rem;
            display: flex;
        }

        .mobile-menu-search input {
            color: #f7fbff;
            min-width: 0;
            font: inherit;
            background: none;
            border: 0;
            outline: none;
            flex: auto;
        }

        .mobile-menu-search input::placeholder {
            color: #f7fbff80;
        }

        .mobile-menu-search button {
            color: #f7fbffcc;
            cursor: pointer;
            background: #f7fbff1a;
            border: 0;
            border-radius: 999px;
            flex: none;
            place-items: center;
            width: 2.25rem;
            height: 2.25rem;
            transition: color .18s, background-color .18s;
            display: grid;
        }

        .mobile-menu-search button:hover {
            color: #fff;
            background: #f7fbff33;
        }

        @supports not selector(:focus-visible) {

            .mobile-menu-search button:focus {
                color: #fff;
                background: #f7fbff33;
            }
        }

        .mobile-menu-search button:focus-visible {
            color: #fff;
            background: #f7fbff33;
        }

        .btn {
            border-radius: 2px;
            justify-content: center;
            align-items: center;
            min-height: 2.75rem;
            padding: .75rem 2rem;
            transition: transform .18s, background-color .18s, color .18s, border-color .18s;
            display: inline-flex;
            box-shadow: 0 18px 48px #1d1d1f1a;
        }

        .btn.rounded-full {
            border-radius: 3.40282e38px;
        }

        .btn-light {
            color: #1d1d1f;
            background: #f7fbff;
        }

        .btn-conversion {
            color: #333;
            background: #faf032;
            border: 1px solid #faf032;
            box-shadow: 0 18px 48px #1b438a33;
        }

        .btn-conversion:hover {
            color: #333;
            background: #faf032;
            border-color: #faf032;
        }

        @supports not selector(:focus-visible) {

            .btn-conversion:focus {
                color: #333;
                background: #faf032;
                border-color: #faf032;
            }
        }

        .btn-conversion:focus-visible {
            color: #333;
            background: #faf032;
            border-color: #faf032;
        }

        .btn-dark {
            color: #f7fbff;
            background: #1d1d1f;
        }

        .btn-outline-dark {
            color: #1d1d1f;
            background: none;
            border: 1px solid #1d1d1fcc;
        }

        .btn-outline-dark:hover {
            color: #f7fbff;
            background: #1d1d1f;
            border-color: #1d1d1f;
        }

        .btn-outline-paper {
            color: #f7fbff;
            background: none;
            border: 1px solid #f7fbffcc;
        }

        .btn-outline-paper:hover {
            color: #1d1d1f;
            background: #f7fbff;
            border-color: #f7fbff;
        }

        .text-link {
            border-bottom: 1px solid #20d3ff;
            width: -moz-fit-content;
            width: fit-content;
            padding-bottom: .25rem;
            display: inline-flex;
        }

        .text-shine {
            text-shadow: 0 0 24px #f7fbff4d;
        }

        .site-header .nav-link[aria-current="page"], .site-header .mobile-nav-link[aria-current="page"] {
            color: #fff;
            text-shadow: 0 0 8px #fffc, 0 0 18px #20d3ff99;
        }

        .site-header {
            z-index: var(--layer-header);
            color: #f7fbff;
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
            position: relative;
        }

        @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
            .site-header {
                -webkit-backdrop-filter: blur(4px);
                backdrop-filter: blur(4px);
            }
        }

        .site-footer {
            z-index: var(--layer-footer);
            color: #1d1d1f;
            padding: 3.75rem var(--site-gutter) 1.6rem;
            padding: clamp(3.75rem, 6vw, 5.25rem) var(--site-gutter) 1.6rem;
            position: relative;
        }

        .site-footer a {
            color: inherit;
            text-decoration: none;
            transition: color .16s;
        }

        .site-footer a:hover {
            color: #1b438a;
        }

        @supports not selector(:focus-visible) {

            .site-footer a:focus {
                color: #1b438a;
            }
        }

        .site-footer a:focus-visible {
            color: #1b438a;
        }

        .site-footer nav {
            gap: .8rem;
        }

        .site-footer-main {
            grid-template-columns: minmax(360px, 2.6fr) repeat(2, minmax(7rem, .8fr)) minmax(13rem, 1.4fr) minmax(10rem, 1fr);
            align-items: start;
            gap: max(2rem, min(4vw, 4.5rem));
            display: grid;
        }

        .site-footer-heading {
            align-content: start;
            display: grid;
        }

        .site-footer-heading h3, .site-footer-heading p {
            margin: 0;
        }

        .site-footer-heading h3 {
            white-space: nowrap;
        }

        .site-footer-company, .site-footer-column, .site-footer-wechat {
            grid-template-rows: 4rem auto;
            align-content: start;
            gap: 1rem;
            display: grid;
        }

        .site-footer-company address {
            gap: .8rem;
            margin-top: 0;
            font-style: normal;
            display: grid;
        }

        .site-footer-company address span {
            padding-bottom: .15em;
        }

        .site-footer-wechat {
            justify-items: center;
        }

        .site-footer-qr {
            aspect-ratio: 1;
            width: 10rem;
            margin-top: -.5rem;
        }

        .site-footer-bottom {
            border-top: 1px solid #202b361a;
            align-items: center;
            gap: 1.5rem;
            margin-top: 3rem;
            padding-top: 1.5rem;
            display: flex;
        }

        .mobile-footer-actions {
            display: none;
        }

        .site-modal {
            z-index: var(--layer-modal);
            min-height: 100vh;
            min-height: 100dvh;
            padding: calc(var(--header-height) + 1.5rem) var(--site-gutter) 5.5rem;
            place-items: center;
            display: grid;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .site-modal[hidden] {
            display: none;
        }

        .site-modal-backdrop {
            cursor: pointer;
            background: #f9f9f9b3;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
            .site-modal-backdrop {
                -webkit-backdrop-filter: blur(7px);
                backdrop-filter: blur(7px);
                background: #f9f9f9b3;
            }
        }

        .site-modal-panel {
            z-index: 1;
            color: #1d1d1f;
            text-align: center;
            background: #fff;
            border-radius: 8px;
            outline: none;
            justify-items: center;
            width: min(100%, 23rem);
            padding: 3rem 2rem;
            display: grid;
            position: relative;
            box-shadow: 0 24px 70px #1d1d1f33;
        }

        .site-modal-message {
            justify-items: center;
            display: grid;
        }

        .site-modal-message[hidden], .site-modal-search[hidden] {
            display: none;
        }

        .site-modal-close {
            color: #202b36cc;
            cursor: pointer;
            background: none;
            border: 0;
            border-radius: 999px;
            place-items: center;
            width: 2rem;
            height: 2rem;
            transition: color .16s, background-color .16s;
            display: grid;
            position: absolute;
            top: 1rem;
            right: 1rem;
        }

        .site-modal-close:hover {
            color: #1d1d1f;
            background: #202b361a;
        }

        @supports not selector(:focus-visible) {

            .site-modal-close:focus {
                color: #1d1d1f;
                background: #202b361a;
            }
        }

        .site-modal-close:focus-visible {
            color: #1d1d1f;
            background: #202b361a;
        }

        .site-modal.is-search-modal {
            place-items: stretch stretch;
            padding: 0;
        }

        .site-modal.is-search-modal .site-modal-backdrop {
            -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
            cursor: default;
            background: #1d1d1fe6;
        }

        .site-modal.is-search-modal .site-modal-panel {
            width: 100%;
            min-height: 100vh;
            min-height: 100dvh;
            padding: 6rem var(--site-gutter) 8rem;
            padding: clamp(6rem, 16vh, 13rem) var(--site-gutter) 8rem;
            color: #f7fbff;
            box-shadow: none;
            background: none;
            border-radius: 0;
            align-content: center;
            justify-items: center;
        }

        .site-modal.is-search-modal .site-modal-close {
            color: #f7fbffe6;
            background: none;
            width: 3rem;
            height: 3rem;
            top: 4rem;
            right: 4rem;
        }

        .site-modal.is-search-modal .site-modal-close svg {
            width: 2.4rem;
            height: 2.4rem;
        }

        .site-modal.is-search-modal .site-modal-close:hover {
            color: #f7fbff;
            background: none;
        }

        @supports not selector(:focus-visible) {

            .site-modal.is-search-modal .site-modal-close:focus {
                color: #f7fbff;
                background: none;
            }
        }

        .site-modal.is-search-modal .site-modal-close:focus-visible {
            color: #f7fbff;
            background: none;
        }

        .site-modal-search {
            width: min(100%, 96rem);
            display: grid;
        }

        .site-modal-search-form {
            background: #f7fbff;
            border-radius: 4px;
            min-height: 4rem;
            display: flex;
            overflow: hidden;
        }

        .site-modal-search-form input {
            color: #1d1d1f;
            min-width: 0;
            font: inherit;
            background: none;
            border: 0;
            outline: none;
            flex: auto;
            padding: 0 1rem;
        }

        .site-modal-search-form input::placeholder {
            color: #202b3699;
        }

        .site-modal-search-form button {
            color: #f7fbff;
            cursor: pointer;
            background: #1b438a;
            border: 0;
            flex: none;
            place-items: center;
            width: 4rem;
            transition: background-color .16s, color .16s;
            display: grid;
        }

        .site-modal-search-form button:hover {
            color: #fff;
            background: #1b438a;
        }

        @supports not selector(:focus-visible) {

            .site-modal-search-form button:focus {
                color: #fff;
                background: #1b438a;
            }
        }

        .site-modal-search-form button:focus-visible {
            color: #fff;
            background: #1b438a;
        }

        .site-modal-hot-keywords {
            color: #f7fbff;
            flex-wrap: wrap;
            align-items: center;
            gap: 1rem 1.5rem;
            margin-top: 2rem;
            display: flex;
        }

        .site-modal-hot-keywords button,
        .site-modal-hot-keywords a {
            color: #f7fbffcc;
            font: inherit;
            cursor: pointer;
            background: none;
            border: 0;
            padding: 0;
            transition: color .16s;
            text-decoration: none;
        }

        .site-modal-hot-keywords button:hover,
        .site-modal-hot-keywords a:hover {
            color: #fff;
        }

        @supports not selector(:focus-visible) {

            .site-modal-hot-keywords button:focus,
            .site-modal-hot-keywords a:focus {
                color: #fff;
            }
        }

        .site-modal-hot-keywords button:focus-visible,
        .site-modal-hot-keywords a:focus-visible {
            color: #fff;
        }

        .site-modal-icon {
            color: #1b438a;
            border-radius: 999px;
            place-items: center;
            width: 2.75rem;
            height: 2.75rem;
            display: grid;
        }

        .site-modal-icon svg {
            fill: none;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            width: 2.25rem;
            height: 2.25rem;
        }

        .site-modal-icon.is-search {
            color: #1b438a;
        }

        .site-modal-action {
            color: #fff;
            cursor: pointer;
            background: #1b438a;
            border: 0;
            border-radius: 3px;
            width: 100%;
            min-height: 2.7rem;
            transition: background-color .16s;
        }

        .site-modal-action:hover {
            background: #1b438ae0;
        }

        @supports not selector(:focus-visible) {

            .site-modal-action:focus {
                background: #1b438ae0;
            }
        }

        .site-modal-action:focus-visible {
            background: #1b438ae0;
        }

        .site-header-scroll {
            margin-bottom: calc(var(--header-height) * -1);
            transition: transform .22s, background-color .18s;
            position: sticky;
            transform: translateY(-100%);
        }

        .site-header-scroll:hover, .site-header-scroll:focus-within, .site-header-scroll.is-revealed, .site-header-scroll.is-on-hero {
            transform: translateY(0);
        }

        .overlay-content-padding {
            padding: 100px var(--site-gutter);
        }

        .bg-gradient-half {
            background: linear-gradient(#1d1d1fcc, #1d1d1f80 45%, #0000);
        }

        @media (max-width: 1023px) {
            :root {
                --header-height: 54px;
            }

            .site-header {
                margin-bottom: 0;
                position: fixed;
                transform: none;
            }

            .site-footer-main {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .site-footer-heading h3 {
                white-space: normal;
            }

            .site-footer-column, .site-footer-wechat {
                display: none;
            }
        }

        @media (max-width: 640px) {
            .btn > span {
                transform: translateY(0);
            }

            .site-logo-image {
                height: 30px;
            }

            .site-footer {
                padding: 3rem var(--site-gutter) 5rem;
            }

            .site-footer-company, .site-footer-column, .site-footer-wechat {
                grid-template-rows: auto auto;
            }

            .site-footer-company address {
                gap: .7rem;
            }

            .site-footer-bottom {
                flex-wrap: wrap;
                gap: .45rem 1rem;
                margin-top: 2rem;
            }

            .mobile-footer-actions {
                z-index: var(--layer-footer-actions);
                -webkit-backdrop-filter: blur(4px);
                backdrop-filter: blur(4px);
                opacity: 0;
                pointer-events: none;
                background: #ffffffe6;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: .8rem;
                padding: .5rem .6rem;
                transition: opacity .26s, transform .26s;
                display: grid;
                position: fixed;
                bottom: 0;
                left: 0;
                right: 0;
                transform: translateY(100%);
                box-shadow: 0 0 20px #1d1d1f1a;
            }

            .mobile-footer-actions.is-visible {
                opacity: 1;
                pointer-events: auto;
                transform: translateY(0);
            }

            .mobile-footer-actions a, .mobile-footer-actions button {
                color: #f7fbff;
                cursor: pointer;
                background: #1b438a;
                border: 0;
                border-radius: 999px;
                justify-content: center;
                align-items: center;
                gap: .5rem;
                min-width: 0;
                min-height: 2rem;
                text-decoration: none;
                display: inline-flex;
            }

            .mobile-footer-actions a.is-wechat, .mobile-footer-actions button.is-wechat {
                color: #f7fbff;
                background: #be1e1e;
            }
        }

        @media (max-width: 1440px) {
            .site-footer-main {
                grid-template-columns: minmax(360px, 2.5fr) repeat(2, minmax(8rem, 1fr)) minmax(10rem, 1.5fr);
            }

            .site-footer-wechat {
                display: none;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            *, :before, :after {
                scroll-behavior: auto !important;
                transition-duration: .01ms !important;
                animation-duration: .01ms !important;
            }
        }
        /* Inlined stylesheet: /css/index.css; progressive fallbacks applied. */
        /*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
        .feature-panel {
            min-height: 100vh;
            min-height: 100dvh;
        }

        .feature-panel-shade {
            background: linear-gradient(#1d1d1fcc, #1d1d1f4d 40%, #1d1d1fb3), linear-gradient(90deg, #1d1d1f80, #1b438a33, #1d1d1f80);
        }

        .feature-panel-stats {
            box-shadow: 0 18px 50px #1d1d1f33;
        }

        .feature-panel-stat {
            border-left: 1px solid #1d1d1f1a;
        }

        .feature-panel-stat:first-child {
            border-left: 0;
        }

        .feature-panel-showcase {
            grid-template-columns: minmax(0, 3fr) minmax(20rem, 2fr);
        }

        .feature-panel-card {
            grid-template-columns: auto minmax(0, 1fr);
        }

        .video-panel-media {
            height: 100vh;
            height: 100dvh;
            min-height: 480px;
            max-height: 100vh;
            max-height: 100dvh;
        }

        .material-showcase-panel {
            --showcase-gutter: 2rem;
            --showcase-sidebar: 16rem;
            --showcase-gap: 4rem;
            touch-action: pan-y pinch-zoom;
            align-items: center;
            min-height: 100vh;
            display: flex;
            overflow: hidden;
        }

        @supports (width: clamp(1rem, 2vw, 2rem)) {
            .material-showcase-panel {
                --showcase-gutter: var(--site-gutter);
                --showcase-sidebar: clamp(15rem, 18vw, 18rem);
                --showcase-gap: clamp(3rem, 7vw, 7.5rem);
            }
        }

        .material-showcase-layout {
            grid-template-columns: var(--showcase-sidebar) minmax(0, 1fr);
            align-items: center;
            gap: var(--showcase-gap);
            width: 100%;
            padding: 80px 0 80px var(--showcase-gutter);
            display: grid;
        }

        .material-showcase-sidebar {
            align-content: center;
            display: grid;
        }

        .material-showcase-nav {
            margin-top: 2rem;
            display: grid;
        }

        .material-showcase-nav-item {
            text-align: left;
            cursor: pointer;
            background: none;
            border: 0;
            border-bottom: 1px solid #202b363d;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            min-height: 3.2rem;
            padding: 0 1.35rem 0 1.25rem;
            transition: color .18s, background-color .18s, border-color .18s;
            display: flex;
        }

        .material-showcase-nav-item:hover {
            color: #1b438a;
        }

        @supports not selector(:focus-visible) {

            .material-showcase-nav-item:focus {
                color: #1b438a;
            }
        }

        .material-showcase-nav-item:focus-visible {
            color: #1b438a;
        }

        .material-showcase-nav-item:first-child {
            border-top: 1px solid #202b363d;
        }

        .material-showcase-nav-item[aria-current="true"] {
            color: #f7fbff;
            background: #1b438a;
            border-color: #1b438a;
        }

        .material-showcase-nav-arrow {
            opacity: 0;
            flex: none;
            transition: opacity .18s, transform .18s;
        }

        .material-showcase-nav-item[aria-current="true"] .material-showcase-nav-arrow {
            opacity: 1;
            transform: translateX(.1rem);
        }

        .material-showcase-controls {
            justify-content: flex-end;
            gap: .8rem;
            margin-top: 2.6rem;
            display: flex;
        }

        .material-showcase-control {
            color: #1b438a;
            cursor: pointer;
            background: none;
            border: 1px solid #202b363d;
            border-radius: 50%;
            place-items: center;
            width: 2.4rem;
            height: 2.4rem;
            transition: color .18s, border-color .18s, background-color .18s;
            display: grid;
        }

        .material-showcase-control:hover {
            color: #f7fbff;
            background: #1b438a;
            border-color: #1b438a;
        }

        @supports not selector(:focus-visible) {

            .material-showcase-control:focus {
                color: #f7fbff;
                background: #1b438a;
                border-color: #1b438a;
            }
        }

        .material-showcase-control:focus-visible {
            color: #f7fbff;
            background: #1b438a;
            border-color: #1b438a;
        }

        .material-showcase-control:disabled {
            color: #202b366b;
            cursor: default;
            background: none;
            border-color: #202b3633;
        }

        .material-showcase-control-icon {
            display: block;
        }

        .material-showcase-carousel {
            min-width: 0;
            padding-right: var(--showcase-gutter);
            touch-action: pan-y pinch-zoom;
            overscroll-behavior: auto;
            overscroll-behavior-x: contain;
            overscroll-behavior-y: auto;
            overflow: hidden;
        }

        .material-fade-showcase-panel .material-showcase-carousel {
            background: #1d1d1f;
            place-items: stretch stretch;
            min-height: 720px;
            padding: 0;
            display: grid;
            position: relative;
            overflow: hidden;
        }

        .material-fade-showcase-panel .material-showcase-track {
            will-change: auto;
            gap: 0;
            width: 100%;
            max-width: none;
            min-height: 100%;
            transition: none;
            display: grid;
            position: relative;
            transform: none !important;
        }

        .material-fade-showcase-panel .material-showcase-card {
            z-index: 0;
            aspect-ratio: auto;
            color: #202b36cc;
            opacity: 0;
            pointer-events: none;
            background: none;
            grid-template-columns: minmax(0, 1fr) minmax(20rem, .85fr);
            align-items: center;
            width: 100%;
            min-height: 100%;
            padding: 0;
            transition: opacity .6s;
            display: grid;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .material-fade-showcase-panel .material-showcase-card:before, .material-fade-showcase-panel .material-showcase-card:after {
            display: none;
        }

        .material-fade-showcase-panel .material-showcase-card .material-fade-showcase-thumb {
            width: 100%;
            display: block;
            position: relative;
            top: auto;
            bottom: auto;
            left: auto;
            right: auto;
            overflow: hidden;
        }

        .material-fade-showcase-panel .material-showcase-card .material-fade-showcase-large {
            z-index: 0;
            background: #1d1d1f6b;
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            overflow: hidden;
        }

        .material-fade-showcase-panel .material-showcase-card .material-fade-showcase-thumb {
            height: 16rem;
        }

        .material-fade-showcase-panel .material-showcase-card img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .material-fade-showcase-panel .material-showcase-card .material-fade-showcase-large img {
            will-change: transform;
            transition: transform 1s;
            transform: scale(1.05);
        }

        .material-fade-showcase-panel .material-showcase-card.is-active {
            z-index: 2;
            opacity: 1;
            pointer-events: auto;
        }

        .material-fade-showcase-panel .material-showcase-card.is-active .material-fade-showcase-large img {
            transition-delay: .12s;
            transform: scale(1);
        }

        .material-fade-showcase-panel .material-fade-showcase-detail {
            z-index: 2;
            background: #fff;
            grid-column: 2;
            justify-self: center;
            width: min(100%, 420px);
            padding: .5rem;
            display: grid;
            position: relative;
            box-shadow: 0 24px 80px #1d1d1f33;
        }

        .material-fade-showcase-panel .material-showcase-card-copy {
            clip-path: none;
            text-align: center;
            background: #fff;
            place-items: center;
            gap: 1.15rem;
            height: auto;
            padding: 2.2rem 2rem 1.8rem;
            transition: none;
            display: grid;
            position: static;
        }

        .material-fade-showcase-panel .material-showcase-card-copy p {
            max-width: 22rem;
        }

        @media (hover: hover) and (pointer: fine) {
            .material-fade-showcase-panel .material-showcase-card:hover .material-fade-showcase-large img {
                transition-delay: .1s;
                transform: scale(1);
            }
        }

        .application-showcase-panel {
            --showcase-gutter: 2rem;
            --showcase-sidebar: 16rem;
            --showcase-gap: 4rem;
            isolation: isolate;
            min-height: 100vh;
            background: #1d1d1f;
            align-items: center;
            min-height: 100dvh;
            display: flex;
        }

        @supports (width: clamp(1rem, 2vw, 2rem)) {
            .application-showcase-panel {
                --showcase-gutter: var(--site-gutter);
                --showcase-sidebar: clamp(15rem, 18vw, 18rem);
                --showcase-gap: clamp(3rem, 7vw, 7.5rem);
            }
        }

        .application-showcase-layout {
            grid-template-columns: var(--showcase-sidebar) minmax(0, 1fr);
            align-items: center;
            gap: var(--showcase-gap);
            width: 100%;
            min-height: 100%;
            padding: 80px var(--showcase-gutter);
            display: grid;
        }

        .application-showcase-sidebar {
            align-content: center;
            display: grid;
        }

        .application-showcase-overlay {
            z-index: 1;
            background: linear-gradient(90deg, #1b438acc, #1b438ae6 30%, #1d1d1f99 60%, #1d1d1f99), linear-gradient(#1d1d1f33, #1d1d1f99);
        }

        .application-showcase-wrap {
            min-width: 0;
            height: min(76vh, 48rem);
            min-height: 34rem;
            overflow: hidden;
            -webkit-mask-image: linear-gradient(#0000, #1d1d1f 10% 90%, #0000);
            mask-image: linear-gradient(#0000, #1d1d1f 10% 90%, #0000);
        }

        .application-showcase-cols {
            grid-template-columns: repeat(6, minmax(0, 1fr));
            gap: max(.7rem, min(1.1vw, 1.25rem));
            height: 100%;
            display: grid;
        }

        .index-application-col {
            --application-duration: 38s;
            --application-gap: .7rem;
            --application-gap: clamp(.7rem, 1.1vw, 1.25rem);
            min-width: 0;
            overflow: hidden;
        }

        .index-application-col:nth-child(2) {
            --application-duration: 44s;
            padding-top: 3rem;
        }

        .index-application-col:nth-child(3) {
            --application-duration: 40s;
            padding-top: 1.4rem;
        }

        .index-application-col:nth-child(4) {
            --application-duration: 48s;
            padding-top: 4.6rem;
        }

        .index-application-col:nth-child(5) {
            --application-duration: 42s;
            padding-top: 2.2rem;
        }

        .index-application-col:nth-child(6) {
            --application-duration: 46s;
            padding-top: .8rem;
        }

        .application-showcase-track {
            will-change: auto;
            flex-direction: column;
            display: flex;
            transform: translate3d(0, 0, 0);
        }

        .application-showcase-panel.is-application-ready .application-showcase-track {
            animation: application-scroll-up var(--application-duration) linear
            infinite;
            will-change: transform;
        }

        .application-showcase-panel.is-application-ready .index-application-col[data-dir="down"] .application-showcase-track {
            animation-name: application-scroll-down;
        }

        .application-showcase-stack {
            gap: var(--application-gap);
            padding-bottom: var(--application-gap);
            display: grid;
        }

        .index-application-item {
            min-height: 8rem;
            aspect-ratio: var(--application-item-ratio, 3/4);
            background: #f7fbff1a;
            border-radius: 8px;
            margin: 0;
            position: relative;
            overflow: hidden;
        }

        .index-application-item img {
            object-fit: cover;
            width: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        @keyframes application-scroll-up {
            from {
                transform: translate3d(0, 0, 0);
            }

            to {
                transform: translate3d(0, -50%, 0);
            }
        }

        @keyframes application-scroll-down {
            from {
                transform: translate3d(0, -50%, 0);
            }

            to {
                transform: translate3d(0, 0, 0);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .application-showcase-track {
                animation: none;
                transform: none;
            }
        }

        .product-series-panel {
            isolation: isolate;
            background: linear-gradient(#1b438acc, #1b438a33), linear-gradient(90deg, #1d1d1f33, #1b438a66, #1d1d1f33);
        }

        .product-series-card {
            z-index: 0;
            opacity: 0;
            pointer-events: none;
            transition: opacity .52s;
        }

        .product-series-card.is-active {
            z-index: 1;
            opacity: 1;
            pointer-events: auto;
        }

        .product-series-media {
            position: relative;
            overflow: hidden;
        }

        .product-series-media img {
            will-change: transform;
            transition: transform .76s;
            transform: scale(1.03);
        }

        .product-series-card.is-active .product-series-media img {
            transform: scale(1);
        }

        .product-series-nav {
            --product-series-nav-active-x: 0px;
            --product-series-nav-active-width: 0px;
            --product-series-nav-active-height: 2.5rem;
            scrollbar-width: none;
            border: 1px solid #f7fbff1a;
        }

        .product-series-nav::-webkit-scrollbar {
            display: none;
        }

        .product-series-nav-indicator {
            z-index: 0;
            width: var(--product-series-nav-active-width);
            height: var(--product-series-nav-active-height);
            opacity: 0;
            pointer-events: none;
            transform: translate3d(var(--product-series-nav-active-x), 0, 0);
            background: #f7fbff;
            border-radius: 999px;
            transition: transform .28s, width .28s, opacity .16s;
            position: absolute;
            top: .25rem;
            left: 0;
        }

        .product-series-nav.is-indicator-ready .product-series-nav-indicator {
            opacity: 1;
        }

        .protection-hover-nav {
            --protection-hover-nav-active-x: 0px;
            --protection-hover-nav-active-width: 0px;
            --protection-hover-nav-active-height: 2.5rem;
            border: 1px solid #f7fbff1a;
        }

        .protection-hover-nav-indicator {
            z-index: 0;
            width: var(--protection-hover-nav-active-width);
            height: var(--protection-hover-nav-active-height);
            opacity: 0;
            pointer-events: none;
            transform: translate3d(var(--protection-hover-nav-active-x), 0, 0);
            background: #f7fbff;
            border-radius: 999px;
            transition: transform .28s, width .28s, opacity .16s;
            position: absolute;
            top: .25rem;
            left: 0;
        }

        .protection-hover-nav.is-indicator-ready .protection-hover-nav-indicator {
            opacity: 1;
        }

        .scroll-cover-stack {
            --scroll-cover-overlay-opacity: 0;
            --scroll-cover-parallax-y: 0px;
            --scroll-cover-progress: 0;
            isolation: isolate;
            background: #1d1d1f;
            position: relative;
        }

        .scroll-cover-base {
            z-index: 1;
            position: sticky;
            top: 0;
        }

        .scroll-cover-base > * {
            z-index: 1;
            will-change: transform;
            position: relative;
        }

        .scroll-cover-base:after {
            z-index: 2;
            content: "";
            opacity: var(--scroll-cover-overlay-opacity);
            pointer-events: none;
            background: #1d1d1f;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .scroll-cover-parallax > * {
            transform: translate3d(0, var(--scroll-cover-parallax-y), 0);
        }

        .scroll-cover-reveal {
            z-index: 2;
            position: relative;
        }

        .protection-hover-panel {
            isolation: isolate;
            min-height: 100vh;
            min-height: 100dvh;
        }

        .protection-hover-media {
            z-index: 0;
            background: #1d1d1f;
        }

        .protection-hover-image {
            opacity: 0;
            will-change: opacity, transform;
            transition: opacity .52s, transform .9s;
            transform: scale(1.03);
        }

        .protection-hover-image.is-active {
            opacity: 1;
            transform: scale(1);
        }

        .protection-hover-mask {
            z-index: 1;
            background: linear-gradient(#1d1d1f66, #1d1d1f33 40%, #1d1d1f66), linear-gradient(90deg, #1d1d1f80, #1b438a33, #1d1d1f66);
        }

        .enterprise-strength-panel {
            isolation: isolate;
        }

        .enterprise-strength-card {
            overflow: hidden;
            box-shadow: 0 20px 56px #1d1d1f33;
        }

        .enterprise-strength-card-media {
            aspect-ratio: 5 / 3;
            overflow: hidden;
        }

        .enterprise-strength-card-media img {
            will-change: transform;
            transition: transform .72s;
            transform: scale(1.01);
        }

        .home-news-panel {
            isolation: isolate;
            background: #1b438a;
        }

        .home-news-panel .enterprise-strength-media img {
            filter: blur(2px);
            transform: scale(1.02);
        }

        .home-news-overlay {
            z-index: 1;
            background: linear-gradient(90deg, #1b438aa8, #1b438a6b, #1b438aa8), linear-gradient(#1d1d1f85, #1b438a52);
        }

        .home-news-card {
            background: #f7fbff33;
            align-content: center;
            min-height: 9.5rem;
            text-decoration: none;
            box-shadow: 0 18px 54px #1d1d1f29;
        }

        .home-news-card:hover {
            background: #f7fbff42;
        }

        @supports not selector(:focus-visible) {

            .home-news-card:focus {
                background: #f7fbff42;
            }
        }

        .home-news-card:focus-visible {
            background: #f7fbff42;
        }

        .home-news-card-line {
            background: #f7fbff2e;
            height: 1px;
        }

        .home-news-card-icon {
            transition: transform .18s, background-color .18s;
        }

        .home-news-card:hover .home-news-card-icon {
            background: #f7fbff6b;
            transform: translateX(.12rem);
        }

        @supports not selector(:focus-visible) {

            .home-news-card:focus .home-news-card-icon {
                background: #f7fbff6b;
                transform: translateX(.12rem);
            }
        }

        .home-news-card:focus-visible .home-news-card-icon {
            background: #f7fbff6b;
            transform: translateX(.12rem);
        }

        @media (hover: hover) and (pointer: fine) {
            .enterprise-strength-card:hover .enterprise-strength-card-media img {
                transform: scale(1);
            }
        }

        .media-overlay {
            background: linear-gradient(90deg, #1d1d1fcc 0%, #1d1d1f99 30%, #1d1d1f00 50% 100%);
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        @media (max-width: 767px) {
            .media-overlay {
                background: linear-gradient(#1d1d1f00 50%, #1d1d1f80 60%, #1d1d1fe6 100%);
            }
        }

        @media (max-width: 1023px) {
            .feature-panel-inner {
                min-height: auto;
                padding: calc(var(--header-height) + 3rem) var(--site-gutter) 4rem;
                gap: 1.2rem;
            }

            .feature-panel-stats {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .feature-panel-stat {
                border-top: 1px solid #1d1d1f33;
                min-height: 4.5rem;
            }

            .feature-panel-stat:first-child, .feature-panel-stat:nth-child(2) {
                border-top: 0;
            }

            .feature-panel-stat:nth-child(odd) {
                border-left: 0;
            }

            .feature-panel-stat:last-child {
                grid-column: 1 / -1;
            }

            .feature-panel-showcase {
                grid-template-columns: 1fr;
                min-height: 0;
            }

            .feature-panel-media {
                min-height: 14.5rem;
            }

            .feature-panel-cards {
                grid-template-rows: none;
            }

            .feature-panel-card {
                padding: 1.35rem 1.2rem;
            }

            .material-showcase-layout {
                padding: 80px var(--site-gutter);
                grid-template-columns: 1fr;
                align-content: start;
                gap: 1.5rem;
            }

            .material-showcase-nav {
                margin: 2rem calc(var(--site-gutter) * -1) 0 0;
                padding: 0 var(--site-gutter) .25rem 0;
                scrollbar-width: none;
                gap: .55rem;
                display: flex;
                overflow-x: auto;
            }

            .material-showcase-nav::-webkit-scrollbar {
                display: none;
            }

            .material-showcase-nav-item {
                white-space: nowrap;
                border: 1px solid #202b3633;
                border-radius: 999px;
                flex: none;
                width: auto;
                min-height: 2.8rem;
                padding: 0 1rem;
            }

            .material-showcase-nav-arrow, .material-showcase-controls {
                display: none;
            }

            .application-showcase-layout {
                grid-template-columns: 1fr;
                align-content: start;
                gap: 2rem;
            }

            .application-showcase-overlay {
                background: linear-gradient(#1d1d1f99, #1d1d1f99 40%, #1d1d1f99), linear-gradient(90deg, #1d1d1fcc, #1b438a4d);
            }

            .application-showcase-wrap {
                height: 48vh;
                min-height: 22rem;
            }

            .application-showcase-cols {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }

            .index-application-col:nth-child(n+5) {
                display: none;
            }

            .index-application-item {
                min-height: 6.5rem;
            }

            .enterprise-strength-panel {
                min-height: auto;
            }

            .material-showcase-carousel {
                margin-right: calc(var(--site-gutter) * -1);
                padding-right: var(--site-gutter);
            }

            .material-fade-showcase-panel .material-showcase-carousel {
                min-height: 34rem;
                margin-right: 0;
                padding: 0;
            }

            .material-fade-showcase-panel .material-showcase-track {
                max-width: none;
                min-height: 100%;
            }

            .material-fade-showcase-panel .material-showcase-card {
                grid-template-columns: 1fr;
                align-content: end;
                padding: 0;
            }

            .material-fade-showcase-panel .material-showcase-card .material-fade-showcase-thumb {
                height: 10rem;
            }

            .material-fade-showcase-panel .material-fade-showcase-detail {
                grid-column: 1;
                align-self: end;
                width: min(24rem, 100% - 2rem);
                margin: 0 1.5rem 1.5rem;
                padding: .4rem;
            }

            .material-fade-showcase-panel .material-showcase-card-copy {
                gap: .85rem;
                padding: 1.45rem 1rem 1.25rem;
            }

            .material-fade-showcase-panel .material-showcase-card-copy .material-showcase-card-action {
                min-height: 2.25rem;
                padding: .45rem 1.1rem;
            }

            .product-series-stage {
                height: auto;
                display: grid;
            }

            .product-series-card {
                grid-template-rows: auto auto;
                align-content: start;
            }

            .product-series-media {
                aspect-ratio: 5 / 3;
            }

            .product-series-nav {
                scrollbar-width: none;
                flex-wrap: nowrap;
                justify-content: flex-start;
                padding: .25rem;
                overflow-x: auto;
            }

            .product-series-nav::-webkit-scrollbar {
                display: none;
            }

            .protection-hover-nav {
                padding: .25rem var(--site-gutter) .25rem .25rem;
                scrollbar-width: none;
                flex-wrap: nowrap;
                justify-content: flex-start;
                overflow-x: auto;
            }

            .protection-hover-nav::-webkit-scrollbar {
                display: none;
            }

            .product-series-card {
                visibility: hidden;
                opacity: 0;
                pointer-events: none;
                grid-area: 1 / 1;
                grid-template-rows: auto auto;
                align-content: start;
                width: 100%;
                min-width: 0;
                transition: opacity .52s, visibility 0s linear .52s;
                display: grid;
                position: relative;
                top: auto;
                bottom: auto;
                left: auto;
                right: auto;
            }

            .product-series-card.is-active {
                visibility: visible;
                opacity: 1;
                pointer-events: auto;
                transition: opacity .52s;
            }

            .product-series-media {
                aspect-ratio: 5 / 3;
                min-width: 0;
            }

            .product-series-nav {
                flex-wrap: nowrap;
                justify-content: flex-start;
                padding: .25rem;
                overflow-x: auto;
            }
        }

        @media (max-width: 1024px) {
            .series-stage {
                min-height: 760px;
            }
        }

        @media (max-width: 640px) {
            .series-stage {
                min-height: 820px;
            }

            .video-panel-media {
                object-position: center center;
                min-width: 100%;
            }

            .application-showcase-cols {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .index-application-col:nth-child(n+4) {
                display: none;
            }
        }