/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-mono: Hack, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --spacing: 0.25rem;
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-sm: 0.25rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-inter);
    --default-mono-font-family: var(--font-mono);
    --color-brand-1-50: #fef1f3;
    --color-brand-1-100: #fee7eb;
    --color-brand-1-200: #fcc5ce;
    --color-brand-1-300: #faa3b2;
    --color-brand-1-400: #f76981;
    --color-brand-1-450: #e51a3c;
    --color-brand-1-500: #d50c2d;
    --color-brand-1-600: #c10b29;
    --color-brand-1-700: #a90a24;
    --color-brand-1-800: #8c081e;
    --color-brand-1-900: #650616;
    --color-brand-1-950: #3a030c;
    --color-brand-2-50: #fafafa80;
    --color-brand-2-100: #fafafa;
    --color-brand-2-200: #f5f5f5;
    --color-brand-2-300: #ededed;
    --color-brand-2-400: #e6e6e6;
    --color-brand-2-500: #d4d4d4;
    --color-brand-2-600: #9a9a9a;
    --color-brand-2-700: #737373;
    --color-brand-2-800: #525252;
    --color-brand-2-900: #484848;
    --color-brand-2-950: #383838;
    --color-accent-1-50: #fef5fe;
    --color-accent-1-100: #fcecfe;
    --color-accent-1-200: #fad9fc;
    --color-accent-1-300: #f7c1fa;
    --color-accent-1-400: #f3a5f8;
    --color-accent-1-500: #ee85f6;
    --color-accent-1-600: #ea62f3;
    --color-accent-1-700: #e333f0;
    --color-accent-1-800: #c40fd1;
    --color-accent-1-900: #8a0b93;
    --color-accent-1-950: #67086d;
    --color-accent-2-50: #f3f2fc;
    --color-accent-2-100: #ebeafa;
    --color-accent-2-200: #d4d1f5;
    --color-accent-2-300: #b9b4ef;
    --color-accent-2-400: #918ae6;
    --color-accent-2-500: #5c50d9;
    --color-accent-2-600: #4b3ed5;
    --color-accent-2-700: #3f32d2;
    --color-accent-2-800: #3125ac;
    --color-accent-2-900: #261d86;
    --color-accent-2-950: #15104b;
    --color-accent-3-50: #f0f7fe;
    --color-accent-3-100: #e2effe;
    --color-accent-3-200: #bfdcfc;
    --color-accent-3-300: #98c6fb;
    --color-accent-3-400: #67abf9;
    --color-accent-3-500: #2285f6;
    --color-accent-3-600: #0a75f0;
    --color-accent-3-700: #0865ce;
    --color-accent-3-800: #0756b0;
    --color-accent-3-900: #053e7f;
    --color-accent-3-950: #03264e;
    --color-accent-4-50: #f5fefb;
    --color-accent-4-100: #e7fef5;
    --color-accent-4-200: #cafcea;
    --color-accent-4-300: #a8fadc;
    --color-accent-4-400: #82f7cc;
    --color-accent-4-500: #4bf4b6;
    --color-accent-4-600: #0ee294;
    --color-accent-4-700: #0cc581;
    --color-accent-4-800: #0aa36b;
    --color-accent-4-900: #07784f;
    --color-accent-4-950: #055739;
    --color-function-1-50: #fff5f5;
    --color-function-1-100: #ffe5e5;
    --color-function-1-200: #fcc;
    --color-function-1-300: #ffa8a8;
    --color-function-1-400: #ff7a7a;
    --color-function-1-500: red;
    --color-function-1-600: #e60000;
    --color-function-1-700: #c00;
    --color-function-1-800: #ad0000;
    --color-function-1-900: #7a0000;
    --color-function-1-950: #570000;
    --color-function-2-50: #fff6f0;
    --color-function-2-100: #ffede0;
    --color-function-2-200: #ffdbc2;
    --color-function-2-300: #ffc69e;
    --color-function-2-400: #ffac70;
    --color-function-2-500: #ff8c3a;
    --color-function-2-600: #ff6d05;
    --color-function-2-700: #e05e00;
    --color-function-2-800: #bd4f00;
    --color-function-2-900: #853700;
    --color-function-2-950: #612800;
    --color-function-3-50: #fffbeb;
    --color-function-3-100: #fff6d6;
    --color-function-3-200: #ffedad;
    --color-function-3-300: #ffe27a;
    --color-function-3-400: #ffd642;
    --color-function-3-500: #ffc701;
    --color-function-3-600: #e6b400;
    --color-function-3-700: #cca000;
    --color-function-3-800: #a88400;
    --color-function-3-900: #7a6000;
    --color-function-3-950: #574400;
    --color-function-4-50: #f4fced;
    --color-function-4-100: #e7f9d7;
    --color-function-4-200: #cff3b0;
    --color-function-4-300: #b4ec83;
    --color-function-4-400: #8fe246;
    --color-function-4-500: #74d421;
    --color-function-4-600: #6bc21e;
    --color-function-4-700: #5ca81a;
    --color-function-4-800: #4b8915;
    --color-function-4-900: #386610;
    --color-function-4-950: #27470b;
    --black: #000;
    --white: #fff;
    --color-gradient-1-900: linear-gradient(81deg, #261d86 0%, #d50c2d 100%);
    --color-gradient-1-500: linear-gradient(90deg, #5c50d9 0%, #d50c2d 100%);
    --color-gradient-1-400: linear-gradient(89deg, #918ae6 31.82%, #f76981 68.41%);
    --color-gradient-1-300: linear-gradient(90deg, #b9b4ef 0%, #ffa8a8 100%);
    --color-gradient-2-900: linear-gradient(81deg, #0756b0 0%, #15104b 100%);
    --color-gradient-2-500: linear-gradient(324deg, #053e7f 13.54%, #2285f6 89.45%);
    --color-gradient-2-300: linear-gradient(324deg, #053e7f4d 13.54%, #2285f64d 89.45%);
    --color-gradient-3-900: linear-gradient(315deg, #188480 0%, #184949 100%);
    --color-gradient-3-500: linear-gradient(324deg, #bcf2ff 14.44%, #188480 86.75%);
    --color-gradient-3-300: linear-gradient(324deg, #bcf2ff 14.44%, #188480 86.75%);
    --color-gradient-4-900: linear-gradient(90deg, #184949 0%, #0aa36b 100%);
    --color-gradient-4-500: linear-gradient(90deg, #188480 0%, #cff3b0 100%);
    --color-gradient-4-300: linear-gradient(90deg, #188480 0%, #cff3b0 100%);
    --color-gradient-5-900: linear-gradient(313deg, #03264e 2.42%, #261d86 93.52%);
    --color-gradient-5-500: linear-gradient(313deg, #053e7f 2.42%, #5c50d9 93.52%);
    --color-gradient-5-300: linear-gradient(313deg, #053e7f4d 2.42%, #5c50d94d 93.52%);
    --color-gradient-6-300: linear-gradient(180deg, #2285f64d 0%, #918ae64d 51.5%, #f3f2fc00 100%);
    --color-gradient-7-300: linear-gradient(180deg, #2285f61a 0%, #ffffff1a 100%);
    --color-gradient-8-300: linear-gradient(180deg, #ffffff1a 0%, #2285f61a 100%);
    --color-gradient-wide-content: linear-gradient(-270deg, #150450 41.6%, #15045000 72.1%);
    --color-bg-ix-1: var(--color-brand-1-500);
    --color-bg-ix-1-hover: var(--color-brand-1-700);
    --color-bg-ix-1-on-dark: var(--color-brand-1-500);
    --color-bg-ix-1-on-dark-hover: var(--color-brand-1-700);
    --color-bg-ix-1-on-brand: var(--white);
    --color-bg-ix-1-on-brand-hover: var(--color-brand-2-400);
    --color-bg-ix-1-on-bright: var(--color-brand-1-500);
    --color-bg-ix-1-on-bright-hover: var(--color-brand-1-700);
    --color-bg-ix-2: var(--color-brand-2-950);
    --color-bg-ix-2-hover: var(--color-brand-2-800);
    --color-bg-ix-2-on-dark: var(--white);
    --color-bg-ix-2-on-dark-hover: var(--color-brand-2-400);
    --color-bg-ix-2-on-brand: var(--color-brand-2-950);
    --color-bg-ix-2-on-brand-hover: var(--color-brand-2-800);
    --color-bg-ix-2-on-bright: var(--color-brand-2-950);
    --color-bg-ix-2-on-bright-hover: var(--color-brand-2-800);
    --color-bg-ix-2-on-color: var(--color-brand-2-950);
    --color-bg-ix-3: var(--color-brand-2-400);
    --color-bg-ix-3-hover: var(--color-brand-2-500);
    --color-bg-ix-3-on-dark: var(--color-brand-2-700);
    --color-bg-ix-3-on-dark-hover: var(--color-brand-2-600);
    --color-bg-ix-3-on-brand: var(--color-brand-2-400);
    --color-bg-ix-3-on-brand-hover: var(--color-brand-2-500);
    --color-bg-ix-3-on-bright: var(--color-brand-2-500);
    --color-bg-ix-3-on-bright-hover: var(--color-brand-2-600);
    --color-bg-ix-4: var(--black);
    --color-bg-ix-5: var(--white);
    --color-bg-ix-6: var(--color-brand-2-300);
    --color-bg-ix-7: var(--color-gradient-1-500);
    --color-bg-default: var(--white);
    --color-bg-dark-1: var(--color-brand-2-950);
    --color-bg-dark-2: var(--color-accent-2-500);
    --color-bg-dark-3: var(--color-gradient-1-500);
    --color-bg-dark-4: var(--color-function-4-700);
    --color-bg-dark-5: var(--color-gradient-4-500);
    --color-bg-brand-1: var(--color-brand-1-500);
    --color-bg-bright-1: var(--color-brand-2-300);
    --color-bg-bright-2: var(--color-brand-2-200);
    --color-bg-bright-3: var(--color-accent-3-100);
    --color-bg-bright-4: var(--color-function-4-50);
    --color-bg-bright-5: var(--color-gradient-6-300);
    --color-bg-bright-6: var(--color-gradient-7-300);
    --color-bg-bright-7: var(--color-gradient-8-300);
    --color-bg-bright-8: var(--color-gradient-1-300);
    --color-bg-bright-9: var(--color-accent-2-100);
    --color-outline-ix-1: var(--color-brand-2-950);
    --color-outline-ix-1-on-dark: var(--white);
    --color-outline-ix-1-on-brand: var(--white);
    --color-outline-ix-1-on-bright: var(--color-brand-2-950);
    --color-outline-ix-2: var(--white);
    --color-outline-ix-2-on-dark: var(--white);
    --color-outline-ix-2-on-brand: var(--white);
    --color-outline-ix-2-on-bright: var(--color-brand-2-950);
    --color-outline-ix-3: var(--color-brand-1-500);
    --color-outline-ix-3-on-dark: var(--color-brand-1-450);
    --color-outline-ix-3-on-brand: var(--white);
    --color-outline-ix-3-on-bright: var(--color-brand-1-500);
    --color-outline-ix-4: var(--color-brand-2-600);
    --color-outline-ix-5: var(--color-brand-2-500);
    --color-outline-ix-6: var(--color-brand-2-400);
    --color-outline-focus: var(--color-accent-3-400);
    --color-outline-ui-1: var(--color-brand-2-950);
    --color-outline-ui-2: var(--white);
    --color-outline-ui-3: var(--color-brand-2-300);
    --color-outline-ui-4: var(--color-gradient-1-500);
    --color-icon-1: var(--color-brand-2-950);
    --color-icon-1-on-dark: var(--white);
    --color-icon-1-on-brand: var(--white);
    --color-icon-1-on-bright: var(--color-brand-2-950);
    --color-icon-2: var(--white);
    --color-icon-2-on-dark: var(--white);
    --color-icon-2-on-brand: var(--white);
    --color-icon-2-on-bright: var(--color-brand-2-950);
    --color-icon-3: var(--color-brand-1-500);
    --color-icon-3-on-dark: var(--color-brand-1-450);
    --color-icon-3-on-brand: var(--white);
    --color-icon-3-on-bright: var(--color-brand-1-450);
    --color-icon-4: var(--color-brand-2-700);
    --color-icon-6: var(--color-accent-2-500);
    --color-ink-1: var(--color-brand-2-950);
    --color-ink-1-on-dark: var(--white);
    --color-ink-1-on-brand: var(--white);
    --color-ink-1-on-bright: var(--color-brand-2-950);
    --color-ink-2: var(--white);
    --color-ink-2-on-dark: var(--white);
    --color-ink-2-on-brand: var(--white);
    --color-ink-2-on-bright: var(--color-brand-2-950);
    --color-ink-3: var(--color-brand-1-500);
    --color-ink-3-on-dark: var(--color-brand-1-450);
    --color-ink-3-on-brand: var(--white);
    --color-ink-3-on-bright: var(--color-brand-1-500);
    --color-ink-4: var(--color-brand-2-700);
    --color-ink-5: var(--color-brand-2-600);
    --color-ink-6: var(--color-accent-2-500);
    --color-attention: var(--color-gradient-1-500);
    --color-attention-on-dark: var(--color-gradient-1-500);
    --spacing-0: 0;
    --spacing-1: 2px;
    --spacing-2: 4px;
    --spacing-3: 8px;
    --spacing-4: 12px;
    --spacing-5: 16px;
    --spacing-6: 24px;
    --spacing-7: 32px;
    --spacing-8: 40px;
    --spacing-9: 48px;
    --spacing-11: 64px;
    --spacing-12: 80px;
    --spacing-14: 120px;
    --radius-rounded: 4px;
    --radius-rounded-full: 100%;
    --blur-radial-red: radial-gradient(50% 50% at 50% 50%, #d50c2db3 0, #d50c2d00 100%);
    --blur-radial-purple: radial-gradient(50% 50% at 50% 50%, #5c50d9b3 0, #5c50d900 100%);
    --blur-radial-dark-purple: radial-gradient(50% 50% at 50% 50%, #16006db3 0, #16006d00 100%);
    --blur-radial-blue: radial-gradient(50% 50% at 50% 50%, #2285f6bf 0, #2285f600 100%);
    --blur-radial-light-blue: radial-gradient(50% 50% at 50% 50%, #67abf9b3 0, #98c6fb00 100%);
    --blur-radial-green: radial-gradient(50% 50% at 50% 50%, #07784fb3 0, #0cc58100 100%);
    --blur-radial-pink: radial-gradient(50% 50% at 50% 50%, #ee85f6 0, #ee85f600 100%);
    --blur-radial-size-3: 830px;
    --blur-radial-size-4: 1000px;
    --blur-radial-size-5: 1600px;
    --blur-radial-size-6: 2800px;
    --font-montserrat: "Montserrat", "sans-serif";
    --font-inter: "Inter", "sans-serif";
    --text-display-size-2: 4.5rem;
    --text-display-size-3: 2.5rem;
    --text-display-size-4: 2rem;
    --text-display-size-5: 1.75rem;
    --text-display-size-6: 1.5rem;
    --text-display-size-7: 1.125rem;
    --text-display-size-8: 1rem;
    --text-copy-size-3: 1rem;
    --text-caption-size-1: .875rem;
    --text-caption-size-2: .75rem;
    --text-caption-size-3: .813rem;
    --text-btn-size-1: 1.125rem;
    --text-btn-size-3: .75rem;
    --container-width-full: 100%;
    --container-width-offset: 100%;
    --container-offset-value-xl: 186px;
    --container-offset-value-2xl: 186px;
    --container-offset-value-3xl: 186px;
    --container-width-wide-xs: 100%;
    --container-width-wide-sm: 100%;
    --container-width-wide-md: 100%;
    --container-width-wide-lg: 992px;
    --container-width-wide-xl: 1272px;
    --container-width-wide-2xl: 1272px;
    --container-width-wide-3xl: 1272px;
    --container-width-default-xs: 100%;
    --container-width-default-sm: 100%;
    --container-width-default-md: 100%;
    --container-width-default-lg: 992px;
    --container-width-default-xl: 1024px;
    --container-width-default-2xl: 1140px;
    --container-width-default-3xl: 1140px;
    --container-width-narrow-xs: 100%;
    --container-width-narrow-sm: 100%;
    --container-width-narrow-md: 100%;
    --container-width-narrow-lg: 752px;
    --container-width-narrow-xl: 752px;
    --container-width-narrow-2xl: 752px;
    --container-width-narrow-3xl: 752px;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: var(--spacing-0);
  }
  .top-0 {
    top: var(--spacing-0);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-3 {
    top: var(--spacing-3);
  }
  .top-\[12px\] {
    top: 12px;
  }
  .right-0 {
    right: var(--spacing-0);
  }
  .right-1\/2 {
    right: calc(1 / 2 * 100%);
  }
  .right-3 {
    right: var(--spacing-3);
  }
  .right-\[8px\] {
    right: 8px;
  }
  .bottom-0 {
    bottom: var(--spacing-0);
  }
  .bottom-3 {
    bottom: var(--spacing-3);
  }
  .bottom-\[5px\] {
    bottom: 5px;
  }
  .bottom-\[80px\] {
    bottom: 80px;
  }
  .bottom-full {
    bottom: 100%;
  }
  .left-0 {
    left: var(--spacing-0);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-3 {
    left: var(--spacing-3);
  }
  .left-\[-8px\] {
    left: -8px;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-50 {
    z-index: 50;
  }
  .z-200 {
    z-index: 200;
  }
  .container {
    width: 100%;
    @media (width >= 30rem) {
      max-width: 30rem;
    }
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 100rem) {
      max-width: 100rem;
    }
    @media (width >= 120rem) {
      max-width: 120rem;
    }
  }
  .m-0 {
    margin: var(--spacing-0);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-4 {
    margin-block: var(--spacing-4);
  }
  .mt-3 {
    margin-top: var(--spacing-3);
  }
  .mt-4 {
    margin-top: var(--spacing-4);
  }
  .mt-8 {
    margin-top: var(--spacing-8);
  }
  .mr-2 {
    margin-right: var(--spacing-2);
  }
  .mr-5 {
    margin-right: var(--spacing-5);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mb-0 {
    margin-bottom: var(--spacing-0);
  }
  .mb-3 {
    margin-bottom: var(--spacing-3);
  }
  .mb-5 {
    margin-bottom: var(--spacing-5);
  }
  .mb-6 {
    margin-bottom: var(--spacing-6);
  }
  .mb-7 {
    margin-bottom: var(--spacing-7);
  }
  .mb-8 {
    margin-bottom: var(--spacing-8);
  }
  .ml-5 {
    margin-left: var(--spacing-5);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-\[1\/1\] {
    aspect-ratio: 1/1;
  }
  .aspect-\[558\/709\] {
    aspect-ratio: 558/709;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-9 {
    width: var(--spacing-9);
    height: var(--spacing-9);
  }
  .h-0 {
    height: var(--spacing-0);
  }
  .h-1\/2 {
    height: calc(1 / 2 * 100%);
  }
  .h-2\/3 {
    height: calc(2 / 3 * 100%);
  }
  .h-3\/4 {
    height: calc(3 / 4 * 100%);
  }
  .h-6 {
    height: var(--spacing-6);
  }
  .h-8 {
    height: var(--spacing-8);
  }
  .h-9 {
    height: var(--spacing-9);
  }
  .h-14 {
    height: var(--spacing-14);
  }
  .h-\[6px\] {
    height: 6px;
  }
  .h-\[9px\] {
    height: 9px;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[17px\] {
    height: 17px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[26px\] {
    height: 26px;
  }
  .h-\[38px\] {
    height: 38px;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[100px\] {
    height: 100px;
  }
  .h-\[170px\] {
    height: 170px;
  }
  .h-\[calc\(100\%\+var\(--spacing-9\)\)\] {
    height: calc(100% + var(--spacing-9));
  }
  .h-\[calc\(100vh-40px\)\] {
    height: calc(100vh - 40px);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-0 {
    max-height: var(--spacing-0);
  }
  .max-h-\[800px\] {
    max-height: 800px;
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-none {
    max-height: none;
  }
  .min-h-6 {
    min-height: var(--spacing-6);
  }
  .min-h-\[360px\] {
    min-height: 360px;
  }
  .min-h-\[600px\] {
    min-height: 600px;
  }
  .min-h-\[667px\] {
    min-height: 667px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-0 {
    width: var(--spacing-0);
  }
  .w-8 {
    width: var(--spacing-8);
  }
  .w-9 {
    width: var(--spacing-9);
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[9px\] {
    width: 9px;
  }
  .w-\[15px\] {
    width: 15px;
  }
  .w-\[17px\] {
    width: 17px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[25px\] {
    width: 25px;
  }
  .w-\[170px\] {
    width: 170px;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-\[327px\] {
    max-width: 327px;
  }
  .max-w-\[450px\] {
    max-width: 450px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .min-w-9 {
    min-width: var(--spacing-9);
  }
  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-0 {
    flex-basis: var(--spacing-0);
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .origin-top {
    transform-origin: top;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-\[calc\(50\%\+30px\)\] {
    --tw-translate-x: calc(calc(50% + 30px) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[calc\(50\%\+40px\)\] {
    --tw-translate-x: calc(50% + 40px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-1 {
    gap: var(--spacing-1);
  }
  .gap-2 {
    gap: var(--spacing-2);
  }
  .gap-3 {
    gap: var(--spacing-3);
  }
  .gap-5 {
    gap: var(--spacing-5);
  }
  .gap-6 {
    gap: var(--spacing-6);
  }
  .gap-7 {
    gap: var(--spacing-7);
  }
  .gap-8 {
    gap: var(--spacing-8);
  }
  .gap-9 {
    gap: var(--spacing-9);
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-x-4 {
    column-gap: var(--spacing-4);
  }
  .gap-x-6 {
    column-gap: var(--spacing-6);
  }
  .gap-y-2 {
    row-gap: var(--spacing-2);
  }
  .gap-y-8 {
    row-gap: var(--spacing-8);
  }
  .gap-y-\[20px\] {
    row-gap: 20px;
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-outline-ui-3 > :not(:last-child)) {
    border-color: var(--color-outline-ui-3);
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[36px\] {
    border-radius: 36px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-rounded {
    border-radius: var(--radius-rounded);
  }
  .rounded-rounded-full {
    border-radius: var(--radius-rounded-full);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-bl-\[2px\] {
    border-bottom-left-radius: 2px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-outline-ix-1 {
    border-color: var(--color-outline-ix-1);
  }
  .border-outline-ix-5 {
    border-color: var(--color-outline-ix-5);
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-bg-bright-1 {
    background-color: var(--color-bg-bright-1);
  }
  .bg-bg-bright-2 {
    background-color: var(--color-bg-bright-2);
  }
  .bg-bg-dark-1 {
    background-color: var(--color-bg-dark-1);
  }
  .bg-bg-dark-1\/70 {
    background-color: color-mix(in srgb, #383838 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-bg-dark-1) 70%, transparent);
    }
  }
  .bg-bg-dark-2 {
    background-color: var(--color-bg-dark-2);
  }
  .bg-bg-default {
    background-color: var(--color-bg-default);
  }
  .bg-bg-ix-2-on-brand {
    background-color: var(--color-bg-ix-2-on-brand);
  }
  .bg-bg-ix-2-on-dark\/30 {
    background-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-bg-ix-2-on-dark) 30%, transparent);
    }
  }
  .bg-bg-ix-2\/20 {
    background-color: color-mix(in srgb, #383838 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-bg-ix-2) 20%, transparent);
    }
  }
  .bg-bg-ix-2\/50 {
    background-color: color-mix(in srgb, #383838 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-bg-ix-2) 50%, transparent);
    }
  }
  .bg-bg-ix-3 {
    background-color: var(--color-bg-ix-3);
  }
  .bg-bg-ix-5 {
    background-color: var(--color-bg-ix-5);
  }
  .bg-bg-ix-6 {
    background-color: var(--color-bg-ix-6);
  }
  .bg-outline-ui-1 {
    background-color: var(--color-outline-ui-1);
  }
  .text-attention {
    background-clip: text;
    background-image: var(--color-attention);
    color: transparent !important;
  }
  .bg-contain {
    background-size: contain;
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-center {
    background-position: center;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .bg-repeat-x {
    background-repeat: repeat-x;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-none {
    object-fit: none;
  }
  .p-1 {
    padding: var(--spacing-1);
  }
  .p-3 {
    padding: var(--spacing-3);
  }
  .p-4 {
    padding: var(--spacing-4);
  }
  .p-5 {
    padding: var(--spacing-5);
  }
  .p-6 {
    padding: var(--spacing-6);
  }
  .p-8 {
    padding: var(--spacing-8);
  }
  .\!px-5 {
    padding-inline: var(--spacing-5) !important;
  }
  .px-2 {
    padding-inline: var(--spacing-2);
  }
  .px-3 {
    padding-inline: var(--spacing-3);
  }
  .px-5 {
    padding-inline: var(--spacing-5);
  }
  .py-0 {
    padding-block: var(--spacing-0);
  }
  .py-1 {
    padding-block: var(--spacing-1);
  }
  .py-2 {
    padding-block: var(--spacing-2);
  }
  .py-3 {
    padding-block: var(--spacing-3);
  }
  .py-6 {
    padding-block: var(--spacing-6);
  }
  .pt-2 {
    padding-top: var(--spacing-2);
  }
  .pt-5 {
    padding-top: var(--spacing-5);
  }
  .pt-6 {
    padding-top: var(--spacing-6);
  }
  .pt-7 {
    padding-top: var(--spacing-7);
  }
  .pt-8 {
    padding-top: var(--spacing-8);
  }
  .pr-\[10px\] {
    padding-right: 10px;
  }
  .pb-3 {
    padding-bottom: var(--spacing-3);
  }
  .pb-6 {
    padding-bottom: var(--spacing-6);
  }
  .pb-8 {
    padding-bottom: var(--spacing-8);
  }
  .pb-14 {
    padding-bottom: var(--spacing-14);
  }
  .pl-\[6px\] {
    padding-left: 6px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-btn-1 {
    font-family: var(--font-montserrat), sans-serif;
    font-size: var(--text-btn-size-1);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.0225rem;
  }
  .text-btn-3 {
    font-family: var(--font-montserrat), sans-serif;
    font-size: var(--text-btn-size-3);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -.02rem;
  }
  .text-caption-2 {
    font-family: var(--font-inter), sans-serif;
    font-size: var(--text-caption-size-2);
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: .015rem;
  }
  .text-copy-3 {
    font-family: var(--font-inter), sans-serif;
    font-size: var(--text-copy-size-3);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -.02rem;
  }
  .text-display-3 {
    font-family: var(--font-montserrat), sans-serif;
    font-size: var(--text-display-size-3);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -.05rem;
  }
  .text-display-4 {
    font-family: var(--font-montserrat), sans-serif;
    font-size: var(--text-display-size-4);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -.04rem;
  }
  .text-display-5 {
    font-family: var(--font-montserrat), sans-serif;
    font-size: var(--text-display-size-5);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -.035rem;
  }
  .text-display-6 {
    font-family: var(--font-montserrat), sans-serif;
    font-size: var(--text-display-size-6);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -.03rem;
  }
  .text-caption-1 {
    font-family: var(--font-inter), sans-serif;
    font-size: var(--text-caption-size-1);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
  }
  .text-caption-3 {
    font-family: var(--font-inter), sans-serif;
    font-size: var(--text-caption-size-3);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
  }
  .text-display-7 {
    font-family: var(--font-montserrat), sans-serif;
    font-size: var(--text-display-size-7);
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
  }
  .text-display-8 {
    font-family: var(--font-montserrat), sans-serif;
    font-size: var(--text-display-size-8);
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-inter);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[48px\] {
    font-size: 48px;
  }
  .leading-\[28px\] {
    --tw-leading: 28px;
    line-height: 28px;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .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-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-keep {
    word-break: keep-all;
  }
  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .text-attention {
    color: var(--color-attention);
  }
  .text-function-4-500 {
    color: var(--color-function-4-500);
  }
  .text-function-4-700 {
    color: var(--color-function-4-700);
  }
  .text-icon-1 {
    color: var(--color-icon-1);
  }
  .text-icon-1-on-dark {
    color: var(--color-icon-1-on-dark);
  }
  .text-icon-2 {
    color: var(--color-icon-2);
  }
  .text-icon-3 {
    color: var(--color-icon-3);
  }
  .text-ink-1 {
    color: var(--color-ink-1);
  }
  .text-ink-1-on-dark {
    color: var(--color-ink-1-on-dark);
  }
  .text-ink-2-on-brand {
    color: var(--color-ink-2-on-brand);
  }
  .text-ink-2-on-dark {
    color: var(--color-ink-2-on-dark);
  }
  .text-ink-3 {
    color: var(--color-ink-3);
  }
  .text-ink-4 {
    color: var(--color-ink-4);
  }
  .text-ink-5 {
    color: var(--color-ink-5);
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .shadow-l {
    --tw-shadow: 0px 0px 44px 0px var(--tw-shadow-color, #00000012);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-m {
    --tw-shadow: 0px 0px 23px 0px var(--tw-shadow-color, #00000014);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-s {
    --tw-shadow: 0px 6px 12px 0px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-outline-ui-3 {
    --tw-ring-color: var(--color-outline-ui-3);
  }
  .transition-\[max-height\] {
    transition-property: max-height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    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-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  @media (hover: hover) {
    .group-hover\:border-ink-1:is(:where(.group):hover *) {
      border-color: var(--color-ink-1);
    }
    .group-hover\:bg-bg-ix-2\/40:is(:where(.group):hover *) {
      background-color: color-mix(in srgb, #383838 40%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-bg-ix-2\/40:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-bg-ix-2) 40%, transparent);
      }
    }
    .group-hover\:bg-bg-ix-2\/70:is(:where(.group):hover *) {
      background-color: color-mix(in srgb, #383838 70%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-bg-ix-2\/70:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-bg-ix-2) 70%, transparent);
      }
    }
    .group-hover\:text-icon-2:is(:where(.group):hover *) {
      color: var(--color-icon-2);
    }
  }
  .group-data-\[active\]\:flex:is(:where(.group)[data-active] *) {
    display: flex;
  }
  .group-data-\[active\]\:inline:is(:where(.group)[data-active] *) {
    display: inline;
  }
  .group-data-\[active\]\:h-\[9px\]:is(:where(.group)[data-active] *) {
    height: 9px;
  }
  .group-data-\[active\]\:w-\[9px\]:is(:where(.group)[data-active] *) {
    width: 9px;
  }
  .group-data-\[active\]\:bg-bg-dark-3:is(:where(.group)[data-active] *) {
    background-color: var(--color-bg-dark-3);
  }
  .group-data-\[active\]\:bg-bg-ix-1-on-brand:is(:where(.group)[data-active] *) {
    background-color: var(--color-bg-ix-1-on-brand);
  }
  .group-data-\[active\]\:bg-bg-ix-7:is(:where(.group)[data-active] *) {
    background-color: var(--color-bg-ix-7);
  }
  .group-data-\[active\]\:bg-bg-dark-3:is(:where(.group)[data-active] *) {
    background-image: var(--color-bg-dark-3);
  }
  .group-data-\[active\]\:bg-bg-ix-7:is(:where(.group)[data-active] *) {
    background-image: var(--color-bg-ix-7);
  }
  .group-data-\[active\]\:text-ink-2-on-brand:is(:where(.group)[data-active] *) {
    color: var(--color-ink-2-on-brand);
  }
  .placeholder\:text-ink-4::placeholder {
    color: var(--color-ink-4);
  }
  @media (hover: hover) {
    .hover\:bg-bg-ix-5:hover {
      background-color: var(--color-bg-ix-5);
    }
    .hover\:text-ink-3:hover {
      color: var(--color-ink-3);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:shadow-s:hover {
      --tw-shadow: 0px 6px 12px 0px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .data-\[active\]\:h-\[25px\][data-active] {
    height: 25px;
  }
  .data-\[active\]\:w-\[25px\][data-active] {
    width: 25px;
  }
  .data-\[active\]\:basis-1\/2[data-active] {
    flex-basis: calc(1 / 2 * 100%);
  }
  .data-\[active\]\:bg-bg-dark-2[data-active] {
    background-color: var(--color-bg-dark-2);
  }
  @media (width >= 30rem) {
    .xs\:block {
      display: block;
    }
  }
  @media (width >= 40rem) {
    .sm\:right-0 {
      right: var(--spacing-0);
    }
    .sm\:right-\[25px\] {
      right: 25px;
    }
    .sm\:left-0 {
      left: var(--spacing-0);
    }
    .sm\:translate-x-0 {
      --tw-translate-x: var(--spacing-0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:p-8 {
      padding: var(--spacing-8);
    }
  }
  @media (width >= 48rem) {
    .md\:flex {
      display: flex;
    }
    .md\:w-2\/3 {
      width: calc(2 / 3 * 100%);
    }
    .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\:items-start {
      align-items: flex-start;
    }
    .md\:gap-8 {
      gap: var(--spacing-8);
    }
    .md\:p-7 {
      padding: var(--spacing-7);
    }
    .md\:data-\[active\]\:basis-0[data-active] {
      flex-basis: var(--spacing-0);
    }
  }
  @media (width >= 64rem) {
    .lg\:mx-auto {
      margin-inline: auto;
    }
    .lg\:mt-6 {
      margin-top: var(--spacing-6);
    }
    .lg\:mt-7 {
      margin-top: var(--spacing-7);
    }
    .lg\:mt-12 {
      margin-top: var(--spacing-12);
    }
    .lg\:mr-auto {
      margin-right: auto;
    }
    .lg\:mb-12 {
      margin-bottom: var(--spacing-12);
    }
    .lg\:ml-auto {
      margin-left: auto;
    }
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:h-8 {
      height: var(--spacing-8);
    }
    .lg\:h-\[62px\] {
      height: 62px;
    }
    .lg\:max-h-\[1000px\] {
      max-height: 1000px;
    }
    .lg\:min-h-\[300px\] {
      min-height: 300px;
    }
    .lg\:min-h-\[700px\] {
      min-height: 700px;
    }
    .lg\:min-h-\[800px\] {
      min-height: 800px;
    }
    .lg\:w-1\/2 {
      width: calc(1 / 2 * 100%);
    }
    .lg\:w-\[calc\(50\%-12px\)\] {
      width: calc(50% - 12px);
    }
    .lg\:w-auto {
      width: auto;
    }
    .lg\:max-w-\[558px\] {
      max-width: 558px;
    }
    .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\:flex-row {
      flex-direction: row;
    }
    .lg\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .lg\:flex-wrap {
      flex-wrap: wrap;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:justify-start {
      justify-content: flex-start;
    }
    .lg\:gap-0 {
      gap: var(--spacing-0);
    }
    .lg\:gap-6 {
      gap: var(--spacing-6);
    }
    .lg\:gap-7 {
      gap: var(--spacing-7);
    }
    .lg\:gap-8 {
      gap: var(--spacing-8);
    }
    .lg\:gap-11 {
      gap: var(--spacing-11);
    }
    .lg\:gap-12 {
      gap: var(--spacing-12);
    }
    .lg\:gap-y-11 {
      row-gap: var(--spacing-11);
    }
    .lg\:p-6 {
      padding: var(--spacing-6);
    }
    .lg\:\!px-0 {
      padding-inline: var(--spacing-0) !important;
    }
    .lg\:px-8 {
      padding-inline: var(--spacing-8);
    }
    .lg\:py-8 {
      padding-block: var(--spacing-8);
    }
    .lg\:py-9 {
      padding-block: var(--spacing-9);
    }
    .lg\:py-12 {
      padding-block: var(--spacing-12);
    }
    .lg\:pt-0 {
      padding-top: var(--spacing-0);
    }
    .lg\:pt-8 {
      padding-top: var(--spacing-8);
    }
    .lg\:pt-12 {
      padding-top: var(--spacing-12);
    }
    .lg\:pb-8 {
      padding-bottom: var(--spacing-8);
    }
    .lg\:pb-12 {
      padding-bottom: var(--spacing-12);
    }
    .lg\:text-display-2 {
      font-family: var(--font-montserrat), sans-serif;
      font-size: var(--text-display-size-2);
      font-style: normal;
      font-weight: 600;
      line-height: 120%;
      letter-spacing: -.09rem;
    }
    .lg\:text-display-3 {
      font-family: var(--font-montserrat), sans-serif;
      font-size: var(--text-display-size-3);
      font-style: normal;
      font-weight: 600;
      line-height: 120%;
      letter-spacing: -.05rem;
    }
    .lg\:text-display-4 {
      font-family: var(--font-montserrat), sans-serif;
      font-size: var(--text-display-size-4);
      font-style: normal;
      font-weight: 600;
      line-height: 120%;
      letter-spacing: -.04rem;
    }
    .lg\:text-display-5 {
      font-family: var(--font-montserrat), sans-serif;
      font-size: var(--text-display-size-5);
      font-style: normal;
      font-weight: 600;
      line-height: 120%;
      letter-spacing: -.035rem;
    }
    .lg\:text-display-6 {
      font-family: var(--font-montserrat), sans-serif;
      font-size: var(--text-display-size-6);
      font-style: normal;
      font-weight: 600;
      line-height: 120%;
      letter-spacing: -.03rem;
    }
    .lg\:text-display-7 {
      font-family: var(--font-montserrat), sans-serif;
      font-size: var(--text-display-size-7);
      font-style: normal;
      font-weight: 600;
      line-height: 160%;
    }
    .lg\:leading-\[24px\] {
      --tw-leading: 24px;
      line-height: 24px;
    }
    .lg\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  @media (width >= 80rem) {
    .xl\:h-\[180px\] {
      height: 180px;
    }
    .xl\:w-auto {
      width: auto;
    }
    .xl\:flex-1 {
      flex: 1;
    }
    .xl\:flex-col {
      flex-direction: column;
    }
    .xl\:items-start {
      align-items: flex-start;
    }
    .xl\:gap-2 {
      gap: var(--spacing-2);
    }
    .xl\:gap-7 {
      gap: var(--spacing-7);
    }
  }
  .dark\:border-outline-ix-4:where([data-theme="dark"], [data-theme="dark"] *):not(:where([data-theme="light"], [data-theme="light"] *)) {
    border-color: var(--color-outline-ix-4);
  }
  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }
  @media (hover: hover) {
    .\[\&_a\]\:hover\:text-ink-3 a:hover {
      color: var(--color-ink-3);
    }
  }
  .\[\&_p\]\:mb-0 p {
    margin-bottom: var(--spacing-0);
  }
  .\[\&_p\]\:mb-4 p {
    margin-bottom: var(--spacing-4);
  }
  .\[\&_p\:last-child\]\:mb-0 p:last-child {
    margin-bottom: var(--spacing-0);
  }
  .\[\&\:not\(\.hidden\)\]\:flex:not(.hidden) {
    display: flex;
  }
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(./fonts/Inter-Light.woff2)format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/Inter-Regular.woff2)format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./fonts/Inter-Medium.woff2)format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./fonts/Inter-SemiBold.woff2)format("woff2");
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/Inter-Bold.woff2)format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/Montserrat-Regular.woff2)format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  src: url(./fonts/Montserrat-Medium.woff2)format("woff2");
}
@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  src: url(./fonts/Montserrat-SemiBold.woff2)format("woff2");
}
[data-theme=light] {
  --color-bg-ix-1: var(--color-brand-1-500);
  --color-bg-ix-1-hover: var(--color-brand-1-700);
  --color-bg-ix-1-on-dark: var(--color-brand-1-500);
  --color-bg-ix-1-on-dark-hover: var(--color-brand-1-700);
  --color-bg-ix-1-on-brand: var(--white);
  --color-bg-ix-1-on-brand-hover: var(--color-brand-2-400);
  --color-bg-ix-1-on-bright: var(--color-brand-1-500);
  --color-bg-ix-1-on-bright-hover: var(--color-brand-1-700);
  --color-bg-ix-2: var(--color-brand-2-950);
  --color-bg-ix-2-hover: var(--color-brand-2-800);
  --color-bg-ix-2-on-dark: var(--white);
  --color-bg-ix-2-on-dark-hover: var(--color-brand-2-400);
  --color-bg-ix-2-on-brand: var(--color-brand-2-950);
  --color-bg-ix-2-on-brand-hover: var(--color-brand-2-800);
  --color-bg-ix-2-on-bright: var(--color-brand-2-950);
  --color-bg-ix-2-on-bright-hover: var(--color-brand-2-800);
  --color-bg-ix-2-on-color: var(--color-brand-2-950);
  --color-bg-ix-3: var(--color-brand-2-400);
  --color-bg-ix-3-hover: var(--color-brand-2-500);
  --color-bg-ix-3-on-dark: var(--color-brand-2-700);
  --color-bg-ix-3-on-dark-hover: var(--color-brand-2-600);
  --color-bg-ix-3-on-brand: var(--color-brand-2-400);
  --color-bg-ix-3-on-brand-hover: var(--color-brand-2-500);
  --color-bg-ix-3-on-bright: var(--color-brand-2-500);
  --color-bg-ix-3-on-bright-hover: var(--color-brand-2-600);
  --color-bg-ix-4: var(--black);
  --color-bg-ix-5: var(--white);
  --color-bg-ix-6: var(--color-brand-2-300);
  --color-bg-ix-7: var(--color-gradient-1-500);
  --color-bg-default: var(--white);
  --color-bg-dark-1: var(--color-brand-2-950);
  --color-bg-dark-2: var(--color-accent-2-500);
  --color-bg-dark-3: var(--color-gradient-1-500);
  --color-bg-dark-4: var(--color-function-4-700);
  --color-bg-dark-5: var(--color-gradient-4-500);
  --color-bg-brand-1: var(--color-brand-1-500);
  --color-bg-bright-1: var(--color-brand-2-300);
  --color-bg-bright-2: var(--color-brand-2-200);
  --color-bg-bright-3: var(--color-accent-3-100);
  --color-bg-bright-4: var(--color-function-4-50);
  --color-bg-bright-5: var(--color-gradient-6-300);
  --color-bg-bright-6: var(--color-gradient-7-300);
  --color-bg-bright-7: var(--color-gradient-8-300);
  --color-bg-bright-8: var(--color-gradient-1-300);
  --color-bg-bright-9: var(--color-accent-2-100);
  --color-outline-ix-1: var(--color-brand-2-950);
  --color-outline-ix-1-on-dark: var(--white);
  --color-outline-ix-1-on-brand: var(--white);
  --color-outline-ix-1-on-bright: var(--color-brand-2-950);
  --color-outline-ix-2: var(--white);
  --color-outline-ix-2-on-dark: var(--white);
  --color-outline-ix-2-on-brand: var(--white);
  --color-outline-ix-2-on-bright: var(--color-brand-2-950);
  --color-outline-ix-3: var(--color-brand-1-500);
  --color-outline-ix-3-on-dark: var(--color-brand-1-450);
  --color-outline-ix-3-on-brand: var(--white);
  --color-outline-ix-3-on-bright: var(--color-brand-1-500);
  --color-outline-ix-4: var(--color-brand-2-600);
  --color-outline-ix-5: var(--color-brand-2-500);
  --color-outline-ix-6: var(--color-brand-2-400);
  --color-outline-focus: var(--color-accent-3-400);
  --color-outline-ui-1: var(--color-brand-2-950);
  --color-outline-ui-2: var(--white);
  --color-outline-ui-3: var(--color-brand-2-300);
  --color-outline-ui-4: var(--color-gradient-1-500);
  --color-icon-1: var(--color-brand-2-950);
  --color-icon-1-on-dark: var(--white);
  --color-icon-1-on-brand: var(--white);
  --color-icon-1-on-bright: var(--color-brand-2-950);
  --color-icon-2: var(--white);
  --color-icon-2-on-dark: var(--white);
  --color-icon-2-on-brand: var(--white);
  --color-icon-2-on-bright: var(--color-brand-2-950);
  --color-icon-3: var(--color-brand-1-500);
  --color-icon-3-on-dark: var(--color-brand-1-450);
  --color-icon-3-on-brand: var(--white);
  --color-icon-3-on-bright: var(--color-brand-1-450);
  --color-icon-4: var(--color-brand-2-700);
  --color-icon-5: var(--color-accent-2-500);
  --color-ink-1: var(--color-brand-2-950);
  --color-ink-1-on-dark: var(--white);
  --color-ink-1-on-brand: var(--white);
  --color-ink-1-on-bright: var(--color-brand-2-950);
  --color-ink-2: var(--white);
  --color-ink-2-on-dark: var(--white);
  --color-ink-2-on-brand: var(--white);
  --color-ink-2-on-bright: var(--color-brand-2-950);
  --color-ink-3: var(--color-brand-1-500);
  --color-ink-3-on-dark: var(--color-brand-1-450);
  --color-ink-3-on-brand: var(--white);
  --color-ink-3-on-bright: var(--color-brand-1-500);
  --color-ink-4: var(--color-brand-2-700);
  --color-ink-5: var(--color-brand-2-600);
  --color-ink-6: var(--color-accent-2-500);
  --color-attention: var(--color-gradient-1-500);
  --color-attention-on-dark: var(--color-gradient-1-500);
}
[data-theme=dark] {
  --color-bg-ix-1: var(--color-brand-1-500);
  --color-bg-ix-1-hover: var(--color-brand-1-400);
  --color-bg-ix-1-on-dark: var(--color-brand-1-500);
  --color-bg-ix-1-on-dark-hover: var(--color-brand-1-700);
  --color-bg-ix-1-on-brand: var(--white);
  --color-bg-ix-1-on-brand-hover: var(--color-brand-2-400);
  --color-bg-ix-1-on-bright: var(--color-brand-1-500);
  --color-bg-ix-1-on-bright-hover: var(--color-brand-1-700);
  --color-bg-ix-2: var(--white);
  --color-bg-ix-2-hover: var(--color-brand-2-400);
  --color-bg-ix-2-on-dark: var(--white);
  --color-bg-ix-2-on-dark-hover: var(--color-brand-2-400);
  --color-bg-ix-2-on-brand: var(--color-brand-2-950);
  --color-bg-ix-2-on-brand-hover: var(--color-brand-2-800);
  --color-bg-ix-2-on-bright: var(--color-brand-2-950);
  --color-bg-ix-2-on-bright-hover: var(--color-brand-2-800);
  --color-bg-ix-2-on-color: var(--color-brand-2-950);
  --color-bg-ix-3: var(--color-brand-2-800);
  --color-bg-ix-3-hover: var(--color-brand-2-700);
  --color-bg-ix-3-on-dark: var(--color-brand-2-700);
  --color-bg-ix-3-on-dark-hover: var(--color-brand-2-600);
  --color-bg-ix-3-on-brand: var(--color-brand-2-400);
  --color-bg-ix-3-on-brand-hover: var(--color-brand-2-500);
  --color-bg-ix-3-on-bright: var(--color-brand-2-500);
  --color-bg-ix-3-on-bright-hover: var(--color-brand-2-600);
  --color-bg-ix-4: var(--white);
  --color-bg-ix-5: var(--color-brand-2-950);
  --color-bg-ix-6: var(--black);
  --color-bg-ix-7: var(--color-gradient-1-500);
  --color-bg-default: var(--black);
  --color-bg-dark-1: var(--color-brand-2-950);
  --color-bg-dark-2: var(--color-accent-2-500);
  --color-bg-dark-3: var(--color-gradient-1-500);
  --color-bg-dark-4: var(--color-function-4-900);
  --color-bg-dark-5: var(--color-gradient-4-900);
  --color-bg-brand-1: var(--color-brand-1-500);
  --color-bg-bright-1: var(--color-brand-2-900);
  --color-bg-bright-2: var(--color-brand-2-950);
  --color-bg-bright-3: var(--color-accent-3-950);
  --color-bg-bright-4: var(--color-function-4-950);
  --color-bg-bright-5: var(--color-gradient-5-300);
  --color-bg-bright-6: var(--color-gradient-8-300);
  --color-bg-bright-7: var(--color-gradient-7-300);
  --color-bg-bright-8: var(--color-gradient-1-900);
  --color-bg-bright-9: var(--color-accent-2-950);
  --color-outline-ix-1: var(--color-brand-2-300);
  --color-outline-ix-1-on-dark: var(--color-brand-2-300);
  --color-outline-ix-1-on-brand: var(--white);
  --color-outline-ix-1-on-bright: var(--color-brand-2-950);
  --color-outline-ix-2: var(--color-brand-2-300);
  --color-outline-ix-2-on-dark: var(--color-brand-2-300);
  --color-outline-ix-2-on-brand: var(--white);
  --color-outline-ix-2-on-bright: var(--color-brand-2-950);
  --color-outline-ix-3: var(--color-brand-1-450);
  --color-outline-ix-3-on-dark: var(--color-brand-1-450);
  --color-outline-ix-3-on-brand: var(--white);
  --color-outline-ix-3-on-bright: var(--color-brand-1-500);
  --color-outline-ix-4: var(--color-brand-2-600);
  --color-outline-ix-5: var(--color-brand-2-500);
  --color-outline-ix-6: var(--color-brand-2-400);
  --color-outline-focus: var(--color-accent-3-400);
  --color-outline-ui-1: var(--color-brand-2-950);
  --color-outline-ui-2: var(--color-brand-2-300);
  --color-outline-ui-3: var(--color-brand-2-300);
  --color-outline-ui-4: var(--color-gradient-1-500);
  --color-icon-1: var(--color-brand-2-300);
  --color-icon-1-on-dark: var(--color-brand-2-300);
  --color-icon-1-on-brand: var(--white);
  --color-icon-1-on-bright: var(--color-brand-2-950);
  --color-icon-2: var(--color-brand-2-950);
  --color-icon-2-on-dark: var(--color-brand-2-300);
  --color-icon-2-on-brand: var(--white);
  --color-icon-2-on-bright: var(--color-brand-2-950);
  --color-icon-3: var(--color-brand-1-450);
  --color-icon-3-on-dark: var(--color-brand-1-450);
  --color-icon-3-on-brand: var(--white);
  --color-icon-3-on-bright: var(--color-brand-1-450);
  --color-icon-4: var(--color-brand-2-600);
  --color-icon-5: var(--color-accent-2-300);
  --color-ink-1: var(--color-brand-2-300);
  --color-ink-1-on-dark: var(--color-brand-2-300);
  --color-ink-1-on-brand: var(--white);
  --color-ink-1-on-bright: var(--color-brand-2-950);
  --color-ink-2: var(--color-brand-2-950);
  --color-ink-2-on-dark: var(--color-brand-2-300);
  --color-ink-2-on-brand: var(--white);
  --color-ink-2-on-bright: var(--color-brand-2-950);
  --color-ink-3: var(--color-brand-1-450);
  --color-ink-3-on-dark: var(--color-brand-1-450);
  --color-ink-3-on-brand: var(--white);
  --color-ink-3-on-bright: var(--color-brand-1-500);
  --color-ink-4: var(--color-brand-2-600);
  --color-ink-5: var(--color-brand-2-500);
  --color-ink-6: var(--color-accent-2-300);
  --color-attention: var(--color-gradient-1-300);
  --color-attention-on-dark: var(--color-gradient-1-300);
}
.blur-radial {
  width: var(--blur-radial-size-6);
  height: var(--blur-radial-size-6);
  pointer-events: none;
  position: absolute;
  top: -2300px;
  left: 50%;
  transform: translate(-50%);
}
@media (width<=991px) {
  .blur-radial {
    width: var(--blur-radial-size-4);
    height: var(--blur-radial-size-4);
    top: -800px;
  }
}
.blur-radial-right {
  opacity: .3;
  z-index: -1;
  height: var(--blur-radial-size-3);
  width: var(--blur-radial-size-3);
  position: absolute;
  top: 65px;
  right: 0;
  transform: translate(140px);
}
.blur-radial-left {
  opacity: .3;
  z-index: -1;
  background: var(--blur-radial-blue);
  height: var(--blur-radial-size-3);
  width: var(--blur-radial-size-3);
  position: absolute;
  top: 30%;
  left: 0;
  transform: translate(-140px);
}
@media (width<=991px) {
  .blur-radial-right {
    top: 0;
    transform: translate(300px);
  }
  .blur-radial-left {
    top: unset;
    bottom: 7%;
    transform: translate(-300px);
  }
}
.blur-radial-double {
  width: var(--blur-radial-size-5);
  height: var(--blur-radial-size-5);
  pointer-events: none;
  opacity: .7;
  position: absolute;
  top: -1300px;
  left: 50%;
}
.blur-radial-double.blur-radial-blue {
  transform: translate(calc(-50% - 250px));
}
.blur-radial-double.blur-radial-green {
  transform: translate(calc(250px - 50%));
}
@media (width<=991px) {
  .blur-radial-double {
    width: var(--blur-radial-size-3);
    height: var(--blur-radial-size-3);
    top: -660px;
  }
  .blur-radial-double.blur-radial-blue {
    transform: translate(calc(-50% - 150px));
  }
  .blur-radial-double.blur-radial-green {
    transform: translate(calc(150px - 50%));
  }
}
.blur-radial-purple {
  background: var(--blur-radial-purple);
}
.blur-radial-dark-purple {
  background: var(--blur-radial-dark-purple);
}
.blur-radial-red {
  background: var(--blur-radial-red);
}
.blur-radial-blue {
  background: var(--blur-radial-blue);
}
.blur-radial-light-blue {
  background: var(--blur-radial-light-blue);
}
.blur-radial-green {
  background: var(--blur-radial-green);
}
.blur-radial-pink {
  background: var(--blur-radial-pink);
}
.support-background-shadow-blue {
  background: var(--blur-radial-blue);
  top: -2464px;
  transform: translate(calc(150px - 50%));
}
.support-background-shadow-pink {
  background: var(--blur-radial-pink);
  top: -2464px;
  transform: translate(calc(-50% - 150px));
}
.support-background-shadow-purple {
  background: var(--blur-radial-purple);
  top: -2400px;
  transform: translate(-50%);
}
@media (width<=991px) {
  .support-background-shadow-purple,.support-background-shadow-blue,.support-background-shadow-pink {
    width: var(--blur-radial-size-4);
    height: var(--blur-radial-size-4);
    top: -830px;
  }
  .support-background-shadow-purple {
    top: -800px;
  }
  .support-background-shadow-blue {
    transform: translate(calc(100px - 50%));
  }
  .support-background-shadow-pink {
    transform: translate(calc(-50% - 100px));
  }
}
.article-header .blur-radial {
  top: -2250px;
}
.article-header .blur-radial-purple {
  background: var(--blur-radial-purple);
  left: 50%;
  transform: translate(-50%);
}
.article-header .blur-radial-dark-purple {
  background: var(--blur-radial-dark-purple);
  left: 50%;
  transform: translate(calc(-50% - 100px));
}
@media (width<=991px) {
  .article-header .blur-radial-purple,.article-header .blur-radial-dark-purple {
    width: var(--blur-radial-size-3);
    height: var(--blur-radial-size-3);
    top: -650px;
  }
  .article-header .blur-radial-dark-purple {
    transform: translate(calc(-50% - 250px));
  }
}
.blur-radial-cloud-top {
  height: var(--blur-radial-size-4);
  width: var(--blur-radial-size-4);
  opacity: .7;
  position: absolute;
  top: 0;
  right: 50%;
  transform: translate(900px)translateY(-10%);
}
.blur-radial-cloud-bottom {
  height: var(--blur-radial-size-3);
  width: var(--blur-radial-size-3);
  opacity: .7;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-50%)translateY(50%);
}
@media (width<=991px) {
  .blur-radial-cloud-top {
    top: 0;
    right: 0;
    transform: translate(60%)translateY(-60%);
  }
  .blur-radial-cloud-bottom {
    right: 0;
    left: unset;
    transform: translate(30%)translateY(30%);
  }
}
.object-storage-background-shadow,.newsletter-background-shadow {
  height: var(--blur-radial-size-4);
  width: var(--blur-radial-size-4);
  opacity: .5;
  position: absolute;
  right: 50%;
  transform: translate(900px)translateY(-10%);
}
.object-storage-background-shadow {
  top: 0;
}
.newsletter-background-shadow {
  top: -100px;
}
@media (width<=991px) {
  .object-storage-background-shadow,.newsletter-background-shadow {
    top: 0;
    right: 0;
    transform: translate(60%)translateY(0%);
  }
}
.summit-form-background-shadow {
  height: var(--blur-radial-size-4);
  width: var(--blur-radial-size-4);
  opacity: .5;
  pointer-events: none;
  position: absolute;
  top: -100px;
  right: 50%;
  transform: translate(900px)translateY(-10%);
}
.summit-form-background-shadow.shadow-left {
  left: 50%;
  right: auto;
  transform: translate(-900px)translateY(-10%);
}
@media (width<=991px) {
  .summit-form-background-shadow {
    top: 0;
    right: 0;
    transform: translate(60%)translateY(0%);
  }
  .summit-form-background-shadow.shadow-left {
    left: 0;
    right: auto;
    transform: translate(-60%)translateY(0%);
  }
}
.article-header .pressroom-header-shadow {
  height: var(--blur-radial-size-6);
  width: var(--blur-radial-size-6);
  opacity: .5;
  position: absolute;
  top: -150%;
  left: 0;
}
.pressroom-header-shadow.blur-radial-dark-purple {
  transform: translate(-50%);
}
.pressroom-header-shadow.blur-radial-purple {
  left: 50%;
  transform: translate(-60%)translateY(-12%);
}
.hero-gradient-purple {
  height: var(--blur-radial-size-6);
  width: var(--blur-radial-size-6);
  background: var(--blur-radial-purple);
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
@media (width<=991px) {
  .hero-gradient-purple {
    width: var(--blur-radial-size-3);
    height: var(--blur-radial-size-3);
  }
}
.hero-gradient-dark-purple {
  height: var(--blur-radial-size-6);
  width: var(--blur-radial-size-6);
  background: var(--blur-radial-dark-purple);
  position: absolute;
  left: 50%;
  transform: translate(calc(-50% - 100px));
}
@media (width<=991px) {
  .hero-gradient-dark-purple {
    width: var(--blur-radial-size-3);
    height: var(--blur-radial-size-3);
  }
}
.hero-gradient-dip {
  top: calc(-2800px + var(--hero-gradient-dip,0px));
}
@media (width<=991px) {
  .hero-gradient-dip {
    top: calc(-830px + var(--hero-gradient-dip,0px) * var(--hero-gradient-mobile-ratio,.327));
  }
}
@layer utilities {
  .text-display-1.font-light,.text-display-2.font-light,.text-display-3.font-light,.text-display-4.font-light,.text-display-5.font-light,.text-display-6.font-light,.text-display-7.font-light,.text-display-8.font-light,.text-copy-1.font-light,.text-copy-2.font-light,.text-copy-3.font-light,.text-caption-1.font-light,.text-caption-2.font-light,.text-caption-3.font-light,.text-btn-1.font-light,.text-btn-2.font-light,.text-btn-3.font-light,.text-price-1.font-light,.text-price-2.font-light,.text-price-3.font-light,.text-price-4.font-light {
    font-weight: 300;
  }
  .text-display-1.font-normal,.text-display-2.font-normal,.text-display-3.font-normal,.text-display-4.font-normal,.text-display-5.font-normal,.text-display-6.font-normal,.text-display-7.font-normal,.text-display-8.font-normal,.text-copy-1.font-normal,.text-copy-2.font-normal,.text-copy-3.font-normal,.text-caption-1.font-normal,.text-caption-2.font-normal,.text-caption-3.font-normal,.text-btn-1.font-normal,.text-btn-2.font-normal,.text-btn-3.font-normal,.text-price-1.font-normal,.text-price-2.font-normal,.text-price-3.font-normal,.text-price-4.font-normal {
    font-weight: 400;
  }
  .text-display-1.font-medium,.text-display-2.font-medium,.text-display-3.font-medium,.text-display-4.font-medium,.text-display-5.font-medium,.text-display-6.font-medium,.text-display-7.font-medium,.text-display-8.font-medium,.text-copy-1.font-medium,.text-copy-2.font-medium,.text-copy-3.font-medium,.text-caption-1.font-medium,.text-caption-2.font-medium,.text-caption-3.font-medium,.text-btn-1.font-medium,.text-btn-2.font-medium,.text-btn-3.font-medium,.text-price-1.font-medium,.text-price-2.font-medium,.text-price-3.font-medium,.text-price-4.font-medium {
    font-weight: 500;
  }
  .text-display-1.font-semibold,.text-display-2.font-semibold,.text-display-3.font-semibold,.text-display-4.font-semibold,.text-display-5.font-semibold,.text-display-6.font-semibold,.text-display-7.font-semibold,.text-display-8.font-semibold,.text-copy-1.font-semibold,.text-copy-2.font-semibold,.text-copy-3.font-semibold,.text-caption-1.font-semibold,.text-caption-2.font-semibold,.text-caption-3.font-semibold,.text-btn-1.font-semibold,.text-btn-2.font-semibold,.text-btn-3.font-semibold,.text-price-1.font-semibold,.text-price-2.font-semibold,.text-price-3.font-semibold,.text-price-4.font-semibold {
    font-weight: 600;
  }
  .text-display-1.font-bold,.text-display-2.font-bold,.text-display-3.font-bold,.text-display-4.font-bold,.text-display-5.font-bold,.text-display-6.font-bold,.text-display-7.font-bold,.text-display-8.font-bold,.text-copy-1.font-bold,.text-copy-2.font-bold,.text-copy-3.font-bold,.text-caption-1.font-bold,.text-caption-2.font-bold,.text-caption-3.font-bold,.text-btn-1.font-bold,.text-btn-2.font-bold,.text-btn-3.font-bold,.text-price-1.font-bold,.text-price-2.font-bold,.text-price-3.font-bold,.text-price-4.font-bold {
    font-weight: 700;
  }
  .container-full,.container-offset,.container-wide,.container-default,.container-narrow {
    width: 100%;
  }
  .container-full {
    max-width: var(--container-width-full);
    margin-left: auto;
    margin-right: auto;
  }
  .container-offset-right,.container-offset-left {
    max-width: var(--container-width-offset);
    margin-left: auto;
    margin-right: auto;
  }
  .container-wide,.container-default,.container-narrow {
    margin-left: auto;
    margin-right: auto;
  }
  @media (width<=40rem) {
    .container-offset-left,.container-offset-right {
      padding-left: var(--spacing-6);
      padding-right: var(--spacing-6);
    }
    .container-wide {
      max-width: var(--container-width-wide-xs);
      padding-left: var(--spacing-6);
      padding-right: var(--spacing-6);
    }
    .container-default {
      max-width: var(--container-width-default-xs);
      padding-left: var(--spacing-6);
      padding-right: var(--spacing-6);
    }
    .container-narrow {
      max-width: var(--container-width-narrow-xs);
      padding-left: var(--spacing-6);
      padding-right: var(--spacing-6);
    }
  }
  @media (width>=40rem) and (width<=48rem) {
    .container-offset-left,.container-offset-right {
      padding-left: var(--spacing-6);
      padding-right: var(--spacing-6);
    }
    .container-wide {
      max-width: var(--container-width-wide-sm);
      padding-left: var(--spacing-6);
      padding-right: var(--spacing-6);
    }
    .container-default {
      max-width: var(--container-width-default-sm);
      padding-left: var(--spacing-6);
      padding-right: var(--spacing-6);
    }
    .container-narrow {
      max-width: var(--container-width-narrow-sm);
      padding-left: var(--spacing-6);
      padding-right: var(--spacing-6);
    }
  }
  @media (width>=48rem) and (width<=64rem) {
    .container-offset-left {
      padding-left: var(--spacing-8);
    }
    .container-offset-right {
      padding-right: var(--spacing-8);
    }
    .container-wide {
      max-width: var(--container-width-wide-md);
      padding-left: var(--spacing-8);
      padding-right: var(--spacing-8);
    }
    .container-default {
      max-width: var(--container-width-default-md);
      padding-left: var(--spacing-8);
      padding-right: var(--spacing-8);
    }
    .container-narrow {
      max-width: var(--container-width-narrow-md);
      padding-left: var(--spacing-8);
      padding-right: var(--spacing-8);
    }
  }
  @media (width>=64rem) and (width<=80rem) {
    .container-offset-left {
      padding-left: var(--spacing-8);
    }
    .container-offset-right {
      padding-right: var(--spacing-8);
    }
    .container-wide {
      max-width: var(--container-width-wide-lg);
    }
    .container-default {
      max-width: var(--container-width-default-lg);
    }
    .container-narrow {
      max-width: var(--container-width-narrow-lg);
    }
  }
  @media (width>=80rem) and (width<=100rem) {
    .container-offset-left {
      padding-left: var(--container-offset-value-xl);
    }
    .container-offset-right {
      padding-right: var(--container-offset-value-xl);
    }
    .container-wide {
      max-width: var(--container-width-wide-xl);
    }
    .container-default {
      max-width: var(--container-width-default-xl);
    }
    .container-narrow {
      max-width: var(--container-width-narrow-xl);
    }
  }
  @media (width>=100rem) and (width<=120rem) {
    .container-offset-left {
      padding-left: var(--container-offset-value-2xl);
    }
    .container-offset-right {
      padding-right: var(--container-offset-value-2xl);
    }
    .container-wide {
      max-width: var(--container-width-wide-2xl);
    }
    .container-default {
      max-width: var(--container-width-default-2xl);
    }
    .container-narrow {
      max-width: var(--container-width-narrow-2xl);
    }
  }
  @media (width>=120rem) {
    .container-offset-left {
      padding-left: var(--container-offset-value-3xl);
    }
    .container-offset-right {
      padding-right: var(--container-offset-value-3xl);
    }
    .container-wide {
      max-width: var(--container-width-wide-3xl);
    }
    .container-default {
      max-width: var(--container-width-default-3xl);
    }
    .container-narrow {
      max-width: var(--container-width-narrow-3xl);
    }
  }
  .container-adaptive {
    --container-width-wide-xs: 100%;
    --container-width-wide-sm: 100%;
    --container-width-wide-md: 100%;
    --container-width-wide-lg: 96.9%;
    --container-width-wide-xl: 99.4%;
    --container-width-wide-2xl: 82.8%;
    --container-width-wide-3xl: 70.4%;
    --container-width-default-xs: 100%;
    --container-width-default-sm: 100%;
    --container-width-default-md: 100%;
    --container-width-default-lg: 96.9%;
    --container-width-default-xl: 80%;
    --container-width-default-2xl: 74.2%;
    --container-width-default-3xl: 63.3%;
    --container-width-narrow-xs: 100%;
    --container-width-narrow-sm: 96.9%;
    --container-width-narrow-md: 83.3%;
    --container-width-narrow-lg: 73.5%;
    --container-width-narrow-xl: 58.8%;
    --container-width-narrow-2xl: 49%;
    --container-width-narrow-3xl: 41.8%;
  }
  .no-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  @keyframes fade-in-up {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }
    50% {
      opacity: .5;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .animate-fade-in-up {
    animation: .5s ease-out forwards fade-in-up;
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .animate-fade-in {
    animation: .2s ease-out forwards fade-in;
  }
  @keyframes zoom-fade-in {
    0% {
      opacity: 0;
      transform: scale(.9);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  .animate-zoom-fade-in {
    animation: .2s ease-out forwards zoom-fade-in;
  }
  @keyframes skeleton-sweep {
    0% {
      background-position: 100% 0;
    }
    to {
      background-position: 0 0;
    }
  }
  .animate-skeleton {
    background-image: linear-gradient(90deg, var(--color-bg-bright-1) 0%, var(--color-bg-bright-2) 25%, var(--color-bg-bright-1) 50%, var(--color-bg-bright-2) 75%, var(--color-bg-bright-1) 100%);
    background-size: 200% 100%;
    animation: 1.5s linear infinite skeleton-sweep;
  }
  @media (prefers-reduced-motion:reduce) {
    .animate-skeleton {
      animation: none;
    }
  }
  .square-entrance {
    animation: .3s ease-in-out forwards rectfadeIn;
  }
  .square-exit {
    animation: .3s ease-in-out forwards rectfadeOut;
  }
  @keyframes rectfadeIn {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes rectfadeOut {
    0% {
      opacity: 1;
    }
    to {
      opacity: .2;
    }
  }
}
@layer components {
  .btn {
    cursor: pointer;
    user-select: none;
    box-shadow: none;
    border-radius: var(--radius-rounded);
    white-space: nowrap;
    background-color: #0000;
    border: 0;
    place-content: center;
    padding: 5px 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    display: inline-flex;
  }
  button:focus-visible.btn {
    box-shadow: 0 0 0 2px var(--color-accent-3-400);
    border-radius: var(--radius-rounded);
    border: none;
    outline: none;
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  button:disabled.btn {
    box-shadow: none;
    pointer-events: none;
    opacity: .6;
    cursor: not-allowed;
  }
  .btn-sm,.btn-md {
    padding: 5px 10px;
  }
  .btn-lg {
    padding: 10px 16px;
  }
  .btn-text {
    white-space: normal;
    word-break: break-word;
    min-width: 0;
  }
  .btn-prio-1 {
    background-color: var(--color-bg-ix-1);
    color: var(--color-ink-2-on-brand);
    border-radius: var(--radius-rounded);
    box-shadow: none;
    align-content: center;
  }
  .btn-prio-1:hover,.group:hover .btn-prio-1 {
    background-color: var(--color-bg-ix-1-hover);
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .btn-prio-1.on-brand {
    background-color: var(--color-bg-ix-1-on-brand);
    color: var(--color-ink-1-on-bright);
  }
  .btn-prio-1.on-brand:hover,.group:hover .btn-prio-1.on-brand {
    background-color: var(--color-bg-ix-1-on-brand-hover);
  }
  .btn-prio-1.on-dark {
    background-color: var(--color-bg-ix-1-on-dark);
    color: var(--color-ink-1-on-dark);
  }
  .btn-prio-1.on-dark:hover,.group:hover .btn-prio-1.on-dark {
    background-color: var(--color-bg-ix-1-on-dark-hover);
  }
  .btn-prio-1.on-light {
    background-color: var(--color-bg-ix-1-on-bright);
    color: var(--color-ink-2-on-brand);
  }
  .btn-prio-1.on-light:hover,.group:hover .btn-prio-1.on-light {
    background-color: var(--color-bg-ix-1-on-bright-hover);
  }
  .btn-prio-2 {
    background-color: var(--color-bg-ix-2);
    color: var(--color-ink-2);
  }
  .btn-prio-2:hover,.group:hover .btn-prio-2 {
    background-color: var(--color-bg-ix-2-hover);
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .btn-prio-2.on-brand {
    background-color: var(--color-bg-ix-2-on-brand);
    color: var(--color-ink-2-on-brand);
  }
  .btn-prio-2.on-brand:hover,.group:hover .btn-prio-2.on-brand {
    background-color: var(--color-bg-ix-2-on-brand-hover);
  }
  .btn-prio-2.on-dark {
    background-color: var(--color-bg-ix-2-on-dark);
    color: var(--color-ink-1-on-bright);
  }
  .btn-prio-2.on-dark:hover,.group:hover .btn-prio-2.on-dark {
    background-color: var(--color-bg-ix-2-on-dark-hover);
  }
  .btn-prio-2.on-light {
    background-color: var(--color-bg-ix-2-on-bright);
    color: var(--color-ink-2-on-brand);
  }
  .btn-prio-2.on-light:hover,.group:hover .btn-prio-2.on-light {
    background-color: var(--color-bg-ix-2-on-bright-hover);
  }
  .btn-prio-3 {
    color: var(--color-ink-1);
    box-shadow: inset 0 0 0 2px var(--color-outline-ix-1);
    background-color: #0000;
    transition: border-color .3s,color .3s;
  }
  .btn-prio-3:hover,.group:hover .btn-prio-3 {
    box-shadow: inset 0 0 0 2px var(--color-outline-ix-1);
    color: var(--color-ink-1);
  }
  .btn-lg.btn-prio-3 {
    letter-spacing: -.0225rem;
    border-radius: 4px;
    padding: 10px 16px;
    font-size: 1.125rem;
  }
  .btn-prio-3.on-brand,.btn-prio-3.on-brand:hover,.group:hover .btn-prio-3.on-brand {
    box-shadow: inset 0 0 0 2px var(--color-outline-ix-2-on-brand);
    color: var(--color-ink-2-on-brand);
  }
  @media (pointer:fine) {
    .btn-prio-3.on-brand.sliding-background {
      background: linear-gradient(to right, var(--color-bg-ix-1-on-brand) 0%, var(--color-bg-ix-1-on-brand) 100%) no-repeat right 100%;
      background-size: 0 100%;
      transition: background-size .5s,color .5s;
    }
    .btn-prio-3.on-brand.sliding-background:hover,.group:hover .btn-prio-3.on-brand.sliding-background {
      color: var(--color-ink-1-on-bright);
      box-shadow: inset 0 0 0 2px var(--color-outline-ix-2-on-brand);
      background-position: 0 100%;
      background-size: 100% 100%;
    }
  }
  .btn-prio-3.on-dark {
    box-shadow: inset 0 0 0 2px var(--color-outline-ix-1-on-dark);
    color: var(--color-ink-1-on-dark);
  }
  @media (pointer:fine) {
    .btn-prio-3.on-dark:hover,.group:hover .btn-prio-3.on-dark {
      box-shadow: inset 0 0 0 2px var(--color-outline-ix-1-on-dark);
      color: var(--color-ink-1-on-dark);
    }
    .btn-prio-3.on-dark.sliding-background {
      background: linear-gradient(to right, var(--color-bg-ix-2-on-dark) 0%, var(--color-bg-ix-2-on-dark) 100%) no-repeat right 100%;
      background-size: 0 100%;
      transition: background-size .5s,color .5s;
    }
    .btn-prio-3.on-dark.sliding-background:hover,.group:hover .btn-prio-3.on-dark.sliding-background {
      color: var(--color-ink-1-on-bright);
      box-shadow: inset 0 0 0 2px var(--color-outline-ix-1-on-dark);
      background-position: 0 100%;
      background-size: 100% 100%;
    }
  }
  .btn-prio-3.on-light,.btn-prio-3.on-light:hover,.group:hover .btn-prio-3.on-light {
    box-shadow: inset 0 0 0 2px var(--color-outline-ix-1-on-bright);
    color: var(--color-ink-1-on-bright);
  }
  @media (pointer:fine) {
    .btn-prio-3.sliding-background {
      background: linear-gradient(to right, var(--color-bg-ix-2) 0%, var(--color-bg-ix-2) 100%) no-repeat right 100%;
      background-size: 0 100%;
      transition: background-size .5s,color .5s;
    }
    .btn-prio-3.sliding-background:hover,.group:hover .btn-prio-3.sliding-background {
      color: var(--color-ink-2);
      background-position: 0 100%;
      background-size: 100% 100%;
    }
  }
  .btn-prio-4 {
    background-color: var(--color-bg-ix-3);
    color: var(--color-ink-1);
  }
  .btn-prio-4.on-brand {
    background-color: var(--color-bg-ix-3-on-brand);
    color: var(--color-ink-1-on-bright);
  }
  .btn-prio-4.on-brand:hover,.group:hover .btn-prio-4.on-brand {
    background-color: var(--color-bg-ix-3-on-brand-hover);
  }
  .btn-prio-4.on-dark {
    background-color: var(--color-bg-ix-3-on-dark);
    color: var(--color-ink-2-on-dark);
  }
  .btn-prio-4.on-dark:hover,.group:hover .btn-prio-4.on-dark {
    background-color: var(--color-bg-ix-3-on-dark-hover);
  }
  .btn-prio-4.on-light {
    background-color: var(--color-bg-ix-3-on-bright);
    color: var(--color-ink-1-on-bright);
  }
  .btn-prio-4.on-light:hover,.group:hover .btn-prio-4.light {
    background-color: var(--color-bg-ix-3-on-bright-hover);
  }
  .btn.btn-text-link {
    color: var(--color-ink-1);
    box-shadow: none;
    border-radius: 0;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: inline-flex;
    position: relative;
  }
  .btn-text-link:hover,.group:hover .btn-text-link {
    color: var(--color-ink-3);
  }
  .btn-text-link:active {
    box-shadow: none;
    color: var(--color-ink-3);
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  @media (pointer:fine) {
    .btn-text-link.sliding-bottom-border {
      background: linear-gradient(to right, var(--color-bg-ix-1) 0%, var(--color-bg-ix-1) 100%) no-repeat right 100%;
      background-size: 0 2px;
      transition: background-size .39s;
    }
    .btn-text-link.sliding-bottom-border:hover,.group:hover .btn-text-link.sliding-bottom-border {
      background-position: 0 100%;
      background-size: 100% 2px;
    }
  }
  .btn-text-link.on-brand,.btn-text-link.on-brand:hover,.group:hover .btn-text-link.on-brand {
    color: var(--color-ink-2-on-brand);
  }
  @media (pointer:fine) {
    .btn-text-link.on-brand.sliding-bottom-border {
      background: linear-gradient(to right, var(--color-bg-ix-1-on-brand) 0%, var(--color-bg-ix-1-on-brand) 100%) no-repeat right 100%;
      background-size: 0 2px;
      transition: background-size .39s;
    }
    .btn-text-link.on-brand.sliding-bottom-border:hover,.group:hover .btn-text-link.on-brand.sliding-bottom-border {
      background-position: 0 100%;
      background-size: 100% 2px;
    }
  }
  .btn-text-link.on-color,.btn-text-link.on-color:hover,.group:hover .btn-text-link.on-color {
    color: var(--color-ink-1-on-bright);
  }
  @media (pointer:fine) {
    .btn-text-link.on-color.sliding-bottom-border {
      background: linear-gradient(to right, var(--color-bg-ix-2-on-color) 0%, var(--color-bg-ix-2-on-color) 100%) no-repeat right 100%;
      background-size: 0 2px;
      transition: background-size .39s;
    }
    .btn-text-link.on-color.sliding-bottom-border:hover,.group:hover .btn-text-link.on-color.sliding-bottom-border {
      background-position: 0 100%;
      background-size: 100% 2px;
    }
  }
  .btn-text-link.on-dark,.btn-text-link.on-dark:hover,.group:hover .btn-text-link.on-dark {
    color: var(--color-ink-2-on-dark);
  }
  @media (pointer:fine) {
    .btn-text-link.on-dark.sliding-bottom-border {
      background: linear-gradient(to right, var(--color-bg-ix-1-on-dark) 0%, var(--color-bg-ix-1-on-dark) 100%) no-repeat right 100%;
      background-size: 0 2px;
      transition: background-size .39s;
    }
    .btn-text-link.on-dark.sliding-bottom-border:hover,.group:hover .btn-text-link.on-dark.sliding-bottom-border {
      color: var(--color-ink-3-on-dark);
      background-position: 0 100%;
      background-size: 100% 2px;
    }
  }
  .btn-text-link.on-light {
    color: var(--color-ink-1-on-bright);
  }
  .btn-text-link.on-light:hover,.group:hover .btn-text-link.on-light {
    color: var(--color-ink-3-on-bright);
  }
  .btn-text-link .ho-icon-left,.btn-text-link .ho-icon-right {
    transition: transform .3s;
    transform: translate(0);
  }
  @media (pointer:fine) {
    .btn-text-link.sliding-bottom-border:hover .ho-icon-left,.group:hover .btn-text-link .ho-icon-left {
      transform: translate(-.2rem);
    }
    .btn-text-link.sliding-bottom-border:hover .ho-icon-right,.group:hover .btn-text-link .ho-icon-right {
      transform: translate(.2rem);
    }
    .btn-text-link:disabled:hover .ho-icon-right,.group:hover .btn-text-link:disabled .ho-icon-right,.btn-text-link:disabled:hover .ho-icon-left,.group:hover .btn-text-link:disabled .ho-icon-left {
      transform: translate(0);
    }
  }
  .ho-icon-right {
    margin-left: 5px;
  }
  .ho-icon-left {
    margin-right: 5px;
  }
  .text-link {
    text-underline-offset: .13rem;
    color: var(--color-ink-1);
    font-family: var(--font-inter), sans-serif;
    font-size: var(--text-copy-size-3);
    letter-spacing: -.02rem;
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    transition: color .3s;
    display: inline;
    position: relative;
  }
  .text-link:hover {
    color: var(--color-ink-3);
  }
  .text-link.on-brand {
    color: var(--color-ink-2-on-brand);
  }
  .text-link.on-brand:hover {
    opacity: .75;
  }
  .text-link.on-dark {
    color: var(--color-ink-2-on-dark);
  }
  .text-link.on-dark:hover {
    color: var(--color-ink-3-on-dark);
  }
  .text-link.on-light {
    color: var(--color-ink-1-on-bright);
  }
  .text-link.on-light:hover {
    color: var(--color-ink-3-on-bright);
  }
  .text-link:focus-visible {
    box-shadow: 0 0 0 3px rgba(var(--color-outline-focus), .6);
    border-radius: 4px;
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .text-link:before,.text-link:after {
    text-align: center;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    bottom: 6px;
    font-family: HetznerIcons !important;
    font-size: .842rem !important;
  }
  .text-link.text-link-left:before {
    content: "";
    left: -16px;
  }
  .text-link.text-link-right:after {
    content: "";
    right: -16px;
  }
  .text-link.text-link-external:after {
    content: "";
    right: -16px;
  }
  .text-link.disabled {
    opacity: .65;
    pointer-events: none;
    cursor: not-allowed;
  }
  .text-link.disabled:before,.text-link.disabled:after {
    opacity: .65;
  }
}
@layer base {
  h1,h2,h3,h4,h5,h6 {
    font-family: var(--font-montserrat), sans-serif !important;
  }
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide, .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  &::-webkit-scrollbar {
    display: none;
  }
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-slides-offset-before);
  scroll-margin-inline-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
  margin-inline-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-slides-offset-before);
  scroll-margin-block-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
  margin-block-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow, .swiper-3d  .swiper-slide-shadow-left, .swiper-3d  .swiper-slide-shadow-right, .swiper-3d  .swiper-slide-shadow-top, .swiper-3d  .swiper-slide-shadow-bottom, .swiper-3d  .swiper-slide-shadow, .swiper-3d  .swiper-slide-shadow-left, .swiper-3d  .swiper-slide-shadow-right, .swiper-3d  .swiper-slide-shadow-top, .swiper-3d  .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
:is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.section-extension-component {
  position: relative;
}
.section-wrapper.first-gap-wrapper-top-0 :nth-child(1 of .section-extension-component) {
  padding-top: 0;
}
.section-wrapper.d-first-gap-marker-top-0 :nth-child(1 of .section-extension-component) .gap-marker {
  padding-top: 0;
}
:nth-child(1 of .section-extension-component) {
  padding-top: 40px;
}
:nth-last-child(1 of .section-extension-component) {
  padding-bottom: 40px;
}
.section-extension-component .background-blur-left-top {
  border-radius: 50%;
  position: absolute;
  background: var(--blur-radial-blue);
  left: -400px;
  height: var(--blur-radial-size-4);
  width: var(--blur-radial-size-4);
  opacity: .3;
}
.section-extension-component .background-blur-right-top {
  border-radius: 50%;
  position: absolute;
  background: var(--blur-radial-blue);
  right: -400px;
  height: var(--blur-radial-size-4);
  width: var(--blur-radial-size-4);
  opacity: .3;
}
.section-extension-component .top-custom {
  position: absolute;
  top: var(--top-value);
}
.gap-xl :nth-child(1 of .section-extension-component) {
  padding-top: 0;
}
.gap-xl :nth-last-child(1 of .section-extension-component) {
  padding-bottom: 0;
}
.gap-xl :nth-last-child(1 of .section-extension-component.glue-0) .gap-marker {
  padding-bottom: 60px;
}
.section-extension-component.glue-1 {
  margin-bottom: -80px;
}
.gap-xl .section-extension-component.glue-1 {
  margin-bottom: -120px;
}
.section-extension-component.glue-1 + .container > .custom-supplement-section {
  display: none;
}
.section-relative {
  position: relative;
}
.large-gap {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}
.gap-xl .large-gap {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
}
.gap-marker {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  z-index: 1;
}
.gap-xl .gap-marker {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
}
@media (max-width: 991px) {
  .section-wrapper.m-first-gap-marker-top-24 :nth-child(1 of .section-extension-component) .gap-marker {
    padding-top: 24px;
  }
  .section-wrapper.m-first-gap-marker-top-0 :nth-child(1 of .section-extension-component) .gap-marker {
    padding-top: 0;
  }
  :nth-child(1 of .section-extension-component) {
    padding-top: 40px;
  }
  .gap-xl :nth-child(1 of .section-extension-component) {
    padding-top: 60px;
  }
  :nth-last-child(1 of .section-extension-component) {
    padding-bottom: 0;
  }
  .gap-xl :nth-last-child(1 of .section-extension-component) {
    padding-bottom: 0;
  }
  .section-extension-component.glue-1 {
    margin-bottom: -40px;
  }
  .gap-xl .section-extension-component.glue-1 {
    margin-bottom: -60px;
  }
  .large-gap {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .gap-xl .large-gap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .gap-marker {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .gap-xl .gap-marker {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-extension-component .top-custom {
    position: absolute;
    top: var(--top-mobile);
  }
}
.summit-logo--dark {
  display: none;
}
[data-theme='dark'] .summit-logo--light {
  display: none;
}
[data-theme='dark'] .summit-logo--dark {
  display: inline-block;
}
[data-theme-toggle] {
  position: relative;
}
[data-theme-toggle]::before {
  content: '';
  position: absolute;
  top: var(--spacing-1);
  left: var(--spacing-1);
  width: var(--spacing-6);
  height: 20px;
  border-radius: var(--radius-rounded-full) var(--radius-rounded) var(--radius-rounded) var(--radius-rounded-full);
  background-color: var(--color-bg-ix-3-hover);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1), border-radius 220ms cubic-bezier(0.4, 0, 0.2, 1);
}
[data-theme='dark'] [data-theme-toggle]::before {
  border-radius: var(--radius-rounded) var(--radius-rounded-full) var(--radius-rounded-full) var(--radius-rounded);
  transform: translateX(calc(var(--spacing-6) + var(--spacing-2)));
}
[data-theme-toggle] span {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-6);
  height: 20px;
  color: var(--color-icon-4);
  transition: color 220ms ease;
}
[data-theme='light'] [data-theme-toggle] span:first-child, [data-theme='dark'] [data-theme-toggle] span:last-child {
  color: var(--color-icon-1);
}
@media (prefers-reduced-motion: reduce) {
  [data-theme-toggle]::before, [data-theme-toggle] span {
    transition: none;
  }
}
.btn-pre-pill {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 3px 8px;
  border: unset;
  border-radius: 36px;
  background-color: var(--color-bg-ix-6);
}
.toptoolbar-askai {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border: none;
  border-radius: 36px;
  outline: none;
  background: linear-gradient(104deg, #e51a3c, #ee85f6, #5c50d9, #e51a3c) 0 50% / 150% 150%;
  color: var(--color-ink-1-on-dark);
  cursor: pointer;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: 150%;
  letter-spacing: -0.24px;
  transition: background-position 0.6s ease;
}
.toptoolbar-askai:focus, .toptoolbar-askai:active {
  border-color: transparent;
  color: var(--color-ink-1-on-dark);
}
.toptoolbar-askai:hover {
  border-color: transparent;
  color: var(--color-ink-1-on-dark);
  background-position: 100% 50%;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #383838 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-brand-2-950) 50%, transparent);
  }
}
@media (prefers-reduced-motion: reduce) {
  .summit-hero video {
    display: none;
  }
}
.summit-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: rgb(0 0 0 / 0.38);
  pointer-events: none;
}
.footer-social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-2);
  border-radius: var(--radius-rounded-full);
}
.footer-social-icon:hover, .footer-social-icon:focus, .footer-social-icon:active {
  cursor: pointer;
  background-color: var(--color-bg-ix-3);
}
[data-theme='dark'] .footer-social-icon img {
  filter: brightness(0) invert(1);
}
:root {
  --summit-cursor-zoom-in: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23383838%22%2F%3E%3Cpath%20d%3D%22M21.7299%2016.7857H18.8199V13.8757C18.8199%2013.3257%2018.3699%2012.8757%2017.8199%2012.8757C17.2699%2012.8757%2016.8199%2013.3257%2016.8199%2013.8757V16.7857H13.9199C13.3699%2016.7857%2012.9199%2017.2357%2012.9199%2017.7857C12.9199%2018.3357%2013.3699%2018.7857%2013.9199%2018.7857H16.8199V21.6957C16.8199%2022.2457%2017.2699%2022.6957%2017.8199%2022.6957C18.3699%2022.6957%2018.8199%2022.2457%2018.8199%2021.6957V18.7857H21.7299C22.2799%2018.7857%2022.7299%2018.3357%2022.7299%2017.7857C22.7299%2017.2357%2022.2799%2016.7857%2021.7299%2016.7857Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M30.21%2028.4255L24.64%2022.8555C25.69%2021.4555%2026.32%2019.7155%2026.32%2017.8355C26.32%2013.2055%2022.55%209.42554%2017.91%209.42554C13.27%209.42554%209.5%2013.2055%209.5%2017.8355C9.5%2022.4655%2013.27%2026.2455%2017.91%2026.2455C19.94%2026.2455%2021.81%2025.5155%2023.27%2024.3155L28.8%2029.8455C29%2030.0455%2029.25%2030.1355%2029.51%2030.1355C29.77%2030.1355%2030.02%2030.0355%2030.22%2029.8455C30.61%2029.4555%2030.61%2028.8255%2030.22%2028.4355L30.21%2028.4255ZM11.5%2017.8355C11.5%2014.3055%2014.37%2011.4255%2017.91%2011.4255C21.45%2011.4255%2024.32%2014.2955%2024.32%2017.8355C24.32%2021.3755%2021.45%2024.2455%2017.91%2024.2455C14.37%2024.2455%2011.5%2021.3755%2011.5%2017.8355Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") 18 18, zoom-in;
  --summit-cursor-zoom-out: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23383838%22%2F%3E%3Cpath%20d%3D%22M21.2896%2014.3154C20.8996%2013.9254%2020.2696%2013.9254%2019.8796%2014.3154L17.8296%2016.3654L15.7796%2014.3154C15.3896%2013.9254%2014.7596%2013.9254%2014.3696%2014.3154C13.9796%2014.7054%2013.9796%2015.3354%2014.3696%2015.7254L16.4196%2017.7754L14.3696%2019.8254C13.9796%2020.2154%2013.9796%2020.8454%2014.3696%2021.2354C14.5696%2021.4354%2014.8196%2021.5254%2015.0796%2021.5254C15.3396%2021.5254%2015.5896%2021.4254%2015.7896%2021.2354L17.8396%2019.1854L19.8896%2021.2354C20.0896%2021.4354%2020.3396%2021.5254%2020.5996%2021.5254C20.8596%2021.5254%2021.1096%2021.4254%2021.3096%2021.2354C21.6996%2020.8454%2021.6996%2020.2154%2021.3096%2019.8254L19.2596%2017.7754L21.3096%2015.7254C21.6996%2015.3354%2021.6996%2014.7054%2021.3096%2014.3154H21.2896Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M30.21%2028.4258L24.64%2022.8558C25.69%2021.4558%2026.32%2019.7158%2026.32%2017.8358C26.32%2013.2058%2022.55%209.42578%2017.91%209.42578C13.27%209.42578%209.5%2013.2058%209.5%2017.8358C9.5%2022.4658%2013.27%2026.2458%2017.91%2026.2458C19.94%2026.2458%2021.81%2025.5158%2023.27%2024.3158L28.8%2029.8458C29%2030.0458%2029.25%2030.1358%2029.51%2030.1358C29.77%2030.1358%2030.02%2030.0358%2030.22%2029.8458C30.61%2029.4558%2030.61%2028.8258%2030.22%2028.4358L30.21%2028.4258ZM11.5%2017.8358C11.5%2014.3058%2014.37%2011.4258%2017.91%2011.4258C21.45%2011.4258%2024.32%2014.2958%2024.32%2017.8358C24.32%2021.3758%2021.45%2024.2458%2017.91%2024.2458C14.37%2024.2458%2011.5%2021.3758%2011.5%2017.8358Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") 18 18, zoom-out;
}
[data-theme="dark"] {
  --summit-cursor-zoom-in: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M21.7299%2016.7857H18.8199V13.8757C18.8199%2013.3257%2018.3699%2012.8757%2017.8199%2012.8757C17.2699%2012.8757%2016.8199%2013.3257%2016.8199%2013.8757V16.7857H13.9199C13.3699%2016.7857%2012.9199%2017.2357%2012.9199%2017.7857C12.9199%2018.3357%2013.3699%2018.7857%2013.9199%2018.7857H16.8199V21.6957C16.8199%2022.2457%2017.2699%2022.6957%2017.8199%2022.6957C18.3699%2022.6957%2018.8199%2022.2457%2018.8199%2021.6957V18.7857H21.7299C22.2799%2018.7857%2022.7299%2018.3357%2022.7299%2017.7857C22.7299%2017.2357%2022.2799%2016.7857%2021.7299%2016.7857Z%22%20fill%3D%22%23383838%22%2F%3E%3Cpath%20d%3D%22M30.21%2028.4255L24.64%2022.8555C25.69%2021.4555%2026.32%2019.7155%2026.32%2017.8355C26.32%2013.2055%2022.55%209.42554%2017.91%209.42554C13.27%209.42554%209.5%2013.2055%209.5%2017.8355C9.5%2022.4655%2013.27%2026.2455%2017.91%2026.2455C19.94%2026.2455%2021.81%2025.5155%2023.27%2024.3155L28.8%2029.8455C29%2030.0455%2029.25%2030.1355%2029.51%2030.1355C29.77%2030.1355%2030.02%2030.0355%2030.22%2029.8455C30.61%2029.4555%2030.61%2028.8255%2030.22%2028.4355L30.21%2028.4255ZM11.5%2017.8355C11.5%2014.3055%2014.37%2011.4255%2017.91%2011.4255C21.45%2011.4255%2024.32%2014.2955%2024.32%2017.8355C24.32%2021.3755%2021.45%2024.2455%2017.91%2024.2455C14.37%2024.2455%2011.5%2021.3755%2011.5%2017.8355Z%22%20fill%3D%22%23383838%22%2F%3E%3C%2Fsvg%3E") 18 18, zoom-in;
  --summit-cursor-zoom-out: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%2220%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M21.2896%2014.3154C20.8996%2013.9254%2020.2696%2013.9254%2019.8796%2014.3154L17.8296%2016.3654L15.7796%2014.3154C15.3896%2013.9254%2014.7596%2013.9254%2014.3696%2014.3154C13.9796%2014.7054%2013.9796%2015.3354%2014.3696%2015.7254L16.4196%2017.7754L14.3696%2019.8254C13.9796%2020.2154%2013.9796%2020.8454%2014.3696%2021.2354C14.5696%2021.4354%2014.8196%2021.5254%2015.0796%2021.5254C15.3396%2021.5254%2015.5896%2021.4254%2015.7896%2021.2354L17.8396%2019.1854L19.8896%2021.2354C20.0896%2021.4354%2020.3396%2021.5254%2020.5996%2021.5254C20.8596%2021.5254%2021.1096%2021.4254%2021.3096%2021.2354C21.6996%2020.8454%2021.6996%2020.2154%2021.3096%2019.8254L19.2596%2017.7754L21.3096%2015.7254C21.6996%2015.3354%2021.6996%2014.7054%2021.3096%2014.3154H21.2896Z%22%20fill%3D%22%23383838%22%2F%3E%3Cpath%20d%3D%22M30.21%2028.4258L24.64%2022.8558C25.69%2021.4558%2026.32%2019.7158%2026.32%2017.8358C26.32%2013.2058%2022.55%209.42578%2017.91%209.42578C13.27%209.42578%209.5%2013.2058%209.5%2017.8358C9.5%2022.4658%2013.27%2026.2458%2017.91%2026.2458C19.94%2026.2458%2021.81%2025.5158%2023.27%2024.3158L28.8%2029.8458C29%2030.0458%2029.25%2030.1358%2029.51%2030.1358C29.77%2030.1358%2030.02%2030.0358%2030.22%2029.8458C30.61%2029.4558%2030.61%2028.8258%2030.22%2028.4358L30.21%2028.4258ZM11.5%2017.8358C11.5%2014.3058%2014.37%2011.4258%2017.91%2011.4258C21.45%2011.4258%2024.32%2014.2958%2024.32%2017.8358C24.32%2021.3758%2021.45%2024.2458%2017.91%2024.2458C14.37%2024.2458%2011.5%2021.3758%2011.5%2017.8358Z%22%20fill%3D%22%23383838%22%2F%3E%3C%2Fsvg%3E") 18 18, zoom-out;
}
.summit-zoom-in {
  cursor: var(--summit-cursor-zoom-in);
}
.summit-zoom-out {
  cursor: var(--summit-cursor-zoom-out);
}
.summit-custom-form .form-helper {
  display: none;
}
@media (min-width: 64rem) {
  .summit-custom-form .half-row {
    width: calc(50% - 4px);
  }
}
@keyframes icon-spin {
  to {
    transform: rotate(360deg);
  }
}
.icon-spin {
  display: inline-block;
  animation: icon-spin 1.5s linear infinite;
}
.icon-spin.hidden {
  display: none;
}
.summit-custom-form :focus {
  outline: none;
  box-shadow: none;
}
.summit-custom-form :focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, #67abf9 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-outline-focus) 60%, transparent);
  }
}
html[data-focus-modality="pointer"] .summit-custom-form :focus-visible {
  box-shadow: none;
}
.summit-custom-form input[type="checkbox"], .summit-custom-form input[type="radio"] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: none;
  background-color: var(--color-outline-ix-5);
}
.summit-custom-form input[type="checkbox"] {
  border-radius: var(--radius-sm);
}
.summit-custom-form input[type="radio"] {
  border-radius: 100%;
}
.summit-custom-form input[type="checkbox"]:checked, .summit-custom-form input[type="radio"]:checked {
  background-color: var(--color-bg-ix-1);
}
.summit-form-collapsible {
  max-height: 0;
  margin-block-start: calc(-1 * var(--spacing-6));
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: max-height 0.6s ease, margin-block-start 0.6s ease, opacity 0.6s ease, visibility 0.6s;
}
.summit-form-collapsible.is-expanded {
  max-height: 1200px;
  margin-block-start: 0;
  opacity: 1;
  visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
  .summit-form-collapsible {
    transition: none;
  }
}
.summit-feedback label > span, .summit-feedback legend {
  color: var(--color-ink-1-on-brand);
}
.section-wrapper {
  overflow: hidden;
}
.background-color-white {
  background-color: var(--color-bg-default);
}
.background-color-light-grey, .background-color-neutral-grey {
  background-color: var(--color-bg-bright-2);
}
.background-color-grey {
  background-color: var(--color-bg-bright-1);
}
.background-color-black {
  background-color: var(--color-bg-dark-1);
}
.background-color-red {
  background-color: var(--color-bg-brand-1);
}
.background-color-dark-3 {
  background-image: var(--color-bg-dark-3);
}
.background-color-transparent {
  background-color: transparent;
}
:nth-child(1 of .section-extension-component) {
  padding-top: 0;
}
.gap-marker {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media (min-width: 64rem) {
  .gap-marker {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
:nth-last-child(1 of .section-extension-component).glue-1 {
  margin-bottom: 0;
}
:root {
  --summit-supplement-container: calc(100% - 2 * var(--spacing-6));
}
@media (width >= 48rem) {
  :root {
    --summit-supplement-container: calc(100% - 2 * var(--spacing-8));
  }
}
@media (width >= 64rem) {
  :root {
    --summit-supplement-container: var(--container-width-default-lg);
  }
}
@media (width >= 80rem) {
  :root {
    --summit-supplement-container: var(--container-width-default-xl);
  }
}
@media (width >= 100rem) {
  :root {
    --summit-supplement-container: var(--container-width-default-2xl);
  }
}
@media (width >= 120rem) {
  :root {
    --summit-supplement-container: var(--container-width-default-3xl);
  }
}
.supplement-extend-top, .supplement-extend-bottom, .supplement-extend-top-bottom, .supplement-reduce-top, .supplement-reduce-bottom, .supplement-reduce-top-bottom {
  --supplement-notch: 11px;
  --supplement-left: calc((100% - var(--summit-supplement-container)) / 2);
  --supplement-right: calc(100% - var(--supplement-left));
  position: relative;
  z-index: 2;
}
.supplement-extend-top {
  margin-top: -12px;
  clip-path: polygon( 0 var(--supplement-notch), var(--supplement-left) var(--supplement-notch), calc(var(--supplement-left) + var(--supplement-notch)) 0, calc(var(--supplement-right) - var(--supplement-notch)) 0, var(--supplement-right) var(--supplement-notch), 100% var(--supplement-notch), 100% 100%, 0 100% );
}
.supplement-extend-bottom {
  margin-bottom: -12px;
  clip-path: polygon( 0 0, 100% 0, 100% calc(100% - var(--supplement-notch)), var(--supplement-right) calc(100% - var(--supplement-notch)), calc(var(--supplement-right) - var(--supplement-notch)) 100%, calc(var(--supplement-left) + var(--supplement-notch)) 100%, var(--supplement-left) calc(100% - var(--supplement-notch)), 0 calc(100% - var(--supplement-notch)) );
}
.supplement-extend-top-bottom {
  margin-top: -12px;
  margin-bottom: -12px;
  clip-path: polygon( 0 var(--supplement-notch), var(--supplement-left) var(--supplement-notch), calc(var(--supplement-left) + var(--supplement-notch)) 0, calc(var(--supplement-right) - var(--supplement-notch)) 0, var(--supplement-right) var(--supplement-notch), 100% var(--supplement-notch), 100% calc(100% - var(--supplement-notch)), var(--supplement-right) calc(100% - var(--supplement-notch)), calc(var(--supplement-right) - var(--supplement-notch)) 100%, calc(var(--supplement-left) + var(--supplement-notch)) 100%, var(--supplement-left) calc(100% - var(--supplement-notch)), 0 calc(100% - var(--supplement-notch)) );
}
.supplement-reduce-top {
  margin-bottom: -12px;
  clip-path: polygon( 0 0, var(--supplement-left) 0, calc(var(--supplement-left) + var(--supplement-notch)) var(--supplement-notch), calc(var(--supplement-right) - var(--supplement-notch)) var(--supplement-notch), var(--supplement-right) 0, 100% 0, 100% 100%, 0 100% );
}
.supplement-reduce-bottom {
  margin-bottom: -12px;
  clip-path: polygon( 0 0, 100% 0, 100% 100%, var(--supplement-right) 100%, calc(var(--supplement-right) - var(--supplement-notch)) calc(100% - var(--supplement-notch)), calc(var(--supplement-left) + var(--supplement-notch)) calc(100% - var(--supplement-notch)), var(--supplement-left) 100%, 0 100% );
}
.supplement-reduce-top-bottom {
  margin-top: -12px;
  margin-bottom: -12px;
  clip-path: polygon( 0 0, var(--supplement-left) 0, calc(var(--supplement-left) + var(--supplement-notch)) var(--supplement-notch), calc(var(--supplement-right) - var(--supplement-notch)) var(--supplement-notch), var(--supplement-right) 0, 100% 0, 100% 100%, var(--supplement-right) 100%, calc(var(--supplement-right) - var(--supplement-notch)) calc(100% - var(--supplement-notch)), calc(var(--supplement-left) + var(--supplement-notch)) calc(100% - var(--supplement-notch)), var(--supplement-left) 100%, 0 100% );
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto;
}
@layer base {
  input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select {
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: oklch(54.6% 0.245 262.881);
    }
  }
  input::placeholder,textarea::placeholder {
    color: oklch(55.1% 0.027 264.364);
    opacity: 1;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact;
  }
  select:where([multiple]),select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    print-color-adjust: unset;
  }
  input:where([type='checkbox']),input:where([type='radio']) {
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: oklch(54.6% 0.245 262.881);
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
  }
  input:where([type='checkbox']) {
    border-radius: 0px;
  }
  input:where([type='radio']) {
    border-radius: 100%;
  }
  input:where([type='checkbox']):focus,input:where([type='radio']):focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  input:where([type='checkbox']):checked,input:where([type='radio']):checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  input:where([type='checkbox']):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='radio']):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  input:where([type='checkbox']):indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  input:where([type='file']) {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
  }
  input:where([type='file']):focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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-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: 0px;
}
@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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: 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-duration: initial;
      --tw-ease: initial;
    }
  }
}