/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-fuchsia-400: oklch(74% 0.238 322.16);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-mono-font-family: var(--font-mono);
  }
}
@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: Urbanist, sans-serif;
    font-feature-settings: normal;
    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 {
    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 {
  .container {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-sm {
    margin-right: 1rem;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .h-full {
    height: 100%;
  }
  .w-full {
    width: 100%;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-accent-600 {
    border-color: #a44a5c;
  }
  .border-primary-500 {
    border-color: #868686;
  }
  .border-primary-600 {
    border-color: #6c6c6c;
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-accent-300 {
    background-color: #f1abb5;
  }
  .bg-primary-50 {
    background-color: #f2f7ff;
  }
  .bg-primary-100 {
    background-color: #e5edfb;
  }
  .bg-primary-200 {
    background-color: #cfdcef;
  }
  .bg-primary-300 {
    background-color: #c1c1c1;
  }
  .bg-primary-400 {
    background-color: #a1a1a1;
  }
  .bg-primary-500 {
    background-color: #868686;
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .fill-white {
    fill: var(--color-white);
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-primary-400 {
    color: #a1a1a1;
  }
  .text-primary-600 {
    color: #6c6c6c;
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .opacity-75 {
    opacity: 75%;
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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-accent-600 {
    --tw-ring-color: #a44a5c;
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .dark\:flex {
    &:is(.dark *) {
      display: flex;
    }
  }
  .dark\:hidden {
    &:is(.dark *) {
      display: none;
    }
  }
  .dark\:border-accent-400 {
    &:is(.dark *) {
      border-color: #db8492;
    }
  }
  .dark\:border-primary-400 {
    &:is(.dark *) {
      border-color: #a1a1a1;
    }
  }
  .dark\:border-primary-600 {
    &:is(.dark *) {
      border-color: #6c6c6c;
    }
  }
  .dark\:border-primary-700 {
    &:is(.dark *) {
      border-color: #585858;
    }
  }
  .dark\:bg-accent-200 {
    &:is(.dark *) {
      background-color: #fccdd3;
    }
  }
  .dark\:bg-primary-300 {
    &:is(.dark *) {
      background-color: #c1c1c1;
    }
  }
  .dark\:bg-primary-400 {
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
  }
  .dark\:bg-primary-500 {
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .dark\:bg-primary-600 {
    &:is(.dark *) {
      background-color: #6c6c6c;
    }
  }
  .dark\:bg-primary-700 {
    &:is(.dark *) {
      background-color: #585858;
    }
  }
  .dark\:bg-primary-800 {
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .dark\:bg-primary-900 {
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .dark\:text-primary-200 {
    &:is(.dark *) {
      color: #cfdcef;
    }
  }
  .dark\:text-primary-300 {
    &:is(.dark *) {
      color: #c1c1c1;
    }
  }
  .dark\:text-primary-400 {
    &:is(.dark *) {
      color: #a1a1a1;
    }
  }
  .dark\:text-slate-100 {
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dark\:text-slate-400 {
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .dark\:text-white {
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .dark\:ring-accent-400 {
    &:is(.dark *) {
      --tw-ring-color: #db8492;
    }
  }
}
@layer base {
  :where(.bi, .ti, .ph, [class^="ri-"], [class*=" ri-"]) {
    display: inline-block;
  }
}
@layer utilities {
  .vilrHgGj {
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .iBOnyq1n {
    color: #868686;
    &:is(.dark *) {
      color: #c1c1c1;
    }
  }
  .rNBq7plw {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .wxcZWZbT {
    pointer-events: none;
    position: absolute;
    inset-inline-start: calc(var(--spacing) * 8);
    top: calc(var(--spacing) * 8);
    z-index: 0;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    color: color-mix(in oklab, #a1a1a1 30%, transparent);
    &:is(.dark *) {
      color: color-mix(in oklab, #868686 25%, transparent);
    }
  }
  .pqKbUxuH {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
    color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .l2yzU0TI {
    border-radius: calc(6 * 3px);
    background-color: #a44a5c;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: #893b4a;
      }
    }
    &:is(.dark *) {
      background-color: #db8492;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f1abb5;
        }
      }
    }
  }
  .dx1AdTCw {
    display: inline-block;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .a7WpWZZv {
    display: block;
    height: 100%;
    width: 100%;
  }
  .jlqTv8d7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .aA532YS3 {
    margin-top: var(--spacing);
    flex-shrink: 0;
    color: var(--color-red-500);
    &:is(.dark *) {
      color: var(--color-red-400);
    }
  }
  .lYXcic6M {
    position: relative;
    flex-shrink: 0;
  }
  .wrKY1383 {
    height: 100%;
    width: 100%;
    object-fit: cover;
    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));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .yGmmyKmT {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-600);
    padding-top: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .whdynFQy {
    position: absolute;
    bottom: calc(var(--spacing) * -2);
    left: calc(var(--spacing) * -2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: color-mix(in oklab, #868686 30%, transparent);
  }
  .fPSXS1Dl {
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, #cfdcef 30%, transparent);
    background-color: color-mix(in oklab, #868686 10%, transparent);
    padding: calc(var(--spacing) * 8);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #585858 20%, transparent);
    }
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .bvSQJUCr {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .ojLQ3C1l {
    border-radius: calc(6 * 4px);
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -2);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
  }
  .nT3iZEkG {
    margin-bottom: calc(var(--spacing) * 10);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .f4EFrlOm {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .qA6XhxsH {
    position: absolute;
    inset-inline-start: calc(var(--spacing) * 0);
    top: 0;
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .aicb7Eiy {
    margin-bottom: calc(var(--spacing) * 8);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-100) 80%, transparent);
    }
  }
  .eFkk97Iw {
    columns: 1;
    gap: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      columns: 2;
    }
    @media (width >= 64rem) {
      columns: 3;
    }
  }
  .dB1O46bO {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
  }
  .srHVKGvR {
    display: inline-block;
    border-radius: calc(6 * 2px);
    background-color: #a44a5c;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: #893b4a;
      }
    }
    &:is(.dark *) {
      background-color: #db8492;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f1abb5;
        }
      }
    }
  }
  .vnyua7ou {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #a1a1a1;
    padding-left: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: #868686;
    }
  }
  .smN32J0S {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .j8CdfmRC {
    margin-bottom: var(--spacing);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #a1a1a1;
    &:is(.dark *) {
      color: #c1c1c1;
    }
  }
  .cdyDhamu {
    width: 100%;
    border-radius: calc(6 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-900);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &::placeholder {
      color: var(--color-slate-400);
    }
    &:focus {
      border-color: #868686;
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
    }
    &:focus {
      --tw-ring-color: #cfdcef;
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      background-color: #353535;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:focus {
        --tw-ring-color: color-mix(in oklab, #353535 50%, transparent);
      }
    }
  }
  .zDA0GxTG {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .sWPK8ol2 {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    height: calc(var(--spacing) * 64);
    width: calc(var(--spacing) * 64);
    background-color: #e5edfb;
    opacity: 20%;
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .pwqsdc3t {
    text-align: center;
  }
  .vaEIdtuA {
    position: absolute;
    inset: 0;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
  }
  .bYLp2kEd {
    margin-bottom: 0;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .ioBLeeK1 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .hrH5P8B7 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 10);
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .fIvel0ec {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .jHaJyZeZ {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-white);
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .gQSA6lDZ {
    height: 1px;
    max-width: var(--container-xs);
    flex: 1;
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-to: #a1a1a1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    &:is(.dark *) {
      --tw-gradient-to: #6c6c6c;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dBWECI9z {
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #c1c1c1;
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
    &:is(.dark *) {
      border-color: #868686;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
  }
  .oElEjcd0 {
    position: absolute;
    inset: 0;
    background-color: #f2f7ff;
    &:is(.dark *) {
      background-color: color-mix(in oklab, #353535 50%, transparent);
    }
  }
  .hoWb8JU0 {
    position: relative;
    z-index: 10;
    padding: calc(var(--spacing) * 8);
    text-align: center;
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 12);
    }
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .csaLSBbN {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .i1DL1jnl {
    position: relative;
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
    padding: calc(var(--spacing) * 4);
    --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);
  }
  .lqe5As1X {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .q3bItbH6 {
    position: relative;
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-6xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .b6MWhxPd {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .gd4WKZrn {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: #e5edfb;
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .qLqwwcox {
    max-width: var(--container-2xl);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .lfXoXEid {
    position: relative;
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #a44a5c;
    &:is(.dark *) {
      color: #f1abb5;
    }
  }
  .aKyU56He {
    padding-inline: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 8);
  }
  .r4Y3aGuj {
    margin-bottom: var(--spacing);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .p2NAthk8 {
    position: fixed;
    bottom: calc(var(--spacing) * 6);
    left: calc(1 / 2 * 100%);
    z-index: 50;
    width: 100%;
    max-width: var(--container-lg);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    padding-inline: calc(var(--spacing) * 4);
  }
  .tvyvOYID {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(6 * 3px);
    background-color: #cfdcef;
    &:is(.dark *) {
      background-color: color-mix(in oklab, #a1a1a1 30%, transparent);
    }
  }
  .xa714jG8 {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .m2F6J9G3 {
    margin-bottom: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .tUO25aMK {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
  }
  .xznPEl7X {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .s6YwtTvW {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .zKK64X2r {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .zZwrMgDv {
    position: absolute;
    border-radius: calc(infinity * 1px);
    background-color: #868686;
    opacity: 60%;
  }
  .eiq3RZED {
    position: absolute;
    top: 0;
    right: 0;
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-color: color-mix(in oklab, #868686 50%, transparent);
  }
  .l17vIrF0 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .y5qmymZa {
    margin-inline: auto;
    max-width: var(--container-2xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .arCazKPh {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 8);
    text-align: left;
  }
  .spfPreTp {
    position: relative;
    overflow: hidden;
    background-color: #f2f7ff;
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #222222 90%, transparent);
    }
  }
  .vNgxoBMh {
    position: relative;
    height: 100%;
    border-radius: calc(6 * 3px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .pRkV5UZh {
    margin-top: calc(var(--spacing) * 12);
    text-align: center;
  }
  .hxQm3K7N {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-800);
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .oUaX7ZD9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 20);
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .fzjhg3ex {
    &:hover {
      @media (hover: hover) {
        color: #c1c1c1;
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #868686;
        }
      }
    }
  }
  .s43OUEK1 {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .nVwzr5c0 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .u3GnBpeg {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-5xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .xyyR2JVH {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .uBxhDvEL {
    height: 1px;
    max-width: var(--container-xs);
    flex: 1;
    background-color: var(--color-slate-600);
    &:is(.dark *) {
      background-color: var(--color-slate-200);
    }
  }
  .wvfXVURu {
    position: absolute;
    top: calc(1 / 2 * 100%);
    right: 0;
    left: 0;
    overflow: hidden;
    background-color: #353535;
    padding-block: calc(var(--spacing) * 3);
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .sy70bkrx {
    margin-inline: auto;
    max-width: var(--container-2xl);
    text-align: center;
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .kACcNMQr {
    position: relative;
  }
  .x5DgNDBJ {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: #c1c1c1;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #868686;
    }
  }
  .mSTvEVbz {
    position: relative;
  }
  .lk8FI7vX {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .a6CLIGzu {
    position: absolute;
    right: 0;
    bottom: 0;
    height: calc(var(--spacing) * 72);
    width: calc(var(--spacing) * 72);
    border-radius: calc(infinity * 1px);
    background-color: #f2f7ff;
    opacity: 40%;
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .foTJHkMD {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .wjRbZLNa {
    display: flex;
    height: calc(var(--spacing) * 20);
    align-items: center;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-slate-600);
    background-color: #e5edfb;
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .wrWZPzIS {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .iU7ETngV {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .fytgRBZN {
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #c1c1c1 10%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #585858 10%, transparent);
    }
  }
  .qMO9XlkK {
    margin-top: var(--spacing);
    color: #6c6c6c;
    &:is(.dark *) {
      color: #a1a1a1;
    }
  }
  .n7iVjwea {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(6 * 4px);
    background-color: #6c6c6c;
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .wVCIUsr5 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .r25gk8aQ {
    position: relative;
  }
  .jzhHuFr2 {
    margin-inline: auto;
    max-width: var(--container-2xl);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .hIcywf5p {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 2 * 100%);
  }
  .qSDwljV6 {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .oWb4ZlHV {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .fdXY2x5d {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .lH1GFNC1 {
    display: flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    color: var(--color-slate-700);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: #868686;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: #6c6c6c;
      }
    }
    &:disabled {
      pointer-events: none;
    }
    &:disabled {
      opacity: 40%;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #a1a1a1;
        }
      }
    }
  }
  .eOSd2UhY {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .aoqXaGc4 {
    @media (width >= 64rem) {
      position: sticky;
    }
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 28);
    }
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
    @media (width >= 64rem) {
      align-self: flex-start;
    }
  }
  .asFbPJX2 {
    padding: calc(var(--spacing) * 4);
  }
  .rAWFlNqf {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .odp4l3P3 {
    margin-bottom: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .t8RKR7ob {
    display: flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    color: var(--color-slate-700);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: #868686;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: #6c6c6c;
      }
    }
    &:disabled {
      pointer-events: none;
    }
    &:disabled {
      opacity: 40%;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #a1a1a1;
        }
      }
    }
  }
  .jKSuTS14 {
    display: block;
    height: 450px;
    width: 100%;
    @media (width >= 48rem) {
      height: 550px;
    }
  }
  .n09oo8zV {
    display: flex;
    height: 100%;
    width: 270px;
    flex-shrink: 0;
  }
  .p4TAZgZq {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    height: 100%;
    width: calc(var(--spacing) * 32);
    --tw-translate-x: calc(var(--spacing) * 16);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-skew-x: skewX(12deg);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-to: #c1c1c1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    @media (width >= 64rem) {
      display: block;
    }
    &:is(.dark *) {
      --tw-gradient-to: #454545;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .saJnvFk1 {
    pointer-events: none;
    position: absolute;
    inset: 0;
  }
  .qEXlLuVn {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .z0FlQjEE {
    position: relative;
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 14);
    max-width: var(--container-3xl);
    border-radius: calc(6 * 5px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #868686;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 10);
    text-align: center;
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 14);
    }
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .rlERPhN3 {
    flex-shrink: 0;
    color: var(--color-slate-400);
    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));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .y0PyqS4N {
    margin-bottom: calc(var(--spacing) * 4);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .ccro8NH2 {
    position: absolute;
    right: calc(1 / 4 * 100%);
    bottom: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #868686 10%, transparent);
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .ppG0xu4V {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    @media (width >= 48rem) {
      text-align: right;
    }
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .vFpGApTM {
    min-width: 0;
    flex: 1;
  }
  .yIks4Ms5 {
    position: relative;
    z-index: 10;
  }
  .eZU6P4zk {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .giUNdqNF {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .opER4nLi {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .intCtAfs {
    margin-bottom: calc(var(--spacing) * 8);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
    border-color: var(--color-slate-900);
    padding-bottom: calc(var(--spacing) * 8);
    text-align: center;
    &:is(.dark *) {
      border-color: var(--color-slate-100);
    }
  }
  .vsJpgxPR {
    flex: 1;
  }
  .sBPkcQ6T {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    text-decoration-line: none;
    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));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .n9guhe34 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .oNnEzyyH {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .c2uQFQ2X {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-700);
    text-transform: uppercase;
    font-style: normal;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .cpt3k8ob {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .kC6l44VU {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #868686;
  }
  .v2QRYUSc {
    display: block;
  }
  .xrOn9nHX {
    position: relative;
  }
  .upAm5KwR {
    position: absolute;
    height: calc(var(--spacing) * 72);
    width: calc(var(--spacing) * 72);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .qXNuWKIP {
    margin-inline-start: var(--spacing);
  }
  .luJ6rZLw {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(6 * 3px);
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .zyVBZ7ga {
    margin-bottom: var(--spacing);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .o2i661Xw {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .kc0YQ1fH {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-slate-300);
    padding-left: calc(var(--spacing) * 6);
    text-align: left;
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
  }
  .vgRi9Ji1 {
    height: 100%;
    width: 100%;
  }
  .t20y7TsO {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-yellow-400);
  }
  .a6rqZg4p {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .wHjVvI98 {
    margin-bottom: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .bJBUScfi {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    align-self: flex-start;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #6c6c6c;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #6c6c6c;
    text-decoration-line: none;
    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));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      border-color: #a1a1a1;
    }
    &:is(.dark *) {
      color: #c1c1c1;
    }
  }
  .oqQikEJF {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .bKnhCTv8 {
    position: absolute;
    top: calc(1 / 4 * 100%);
    left: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #c1c1c1 10%, transparent);
    --tw-blur: blur(var(--blur-xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .aCtq8Iux {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 2 * 100%);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .b481qbGk {
    background-color: #f2f7ff;
    padding-top: calc(var(--spacing) * 16);
    padding-bottom: calc(var(--spacing) * 20);
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 24);
    }
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #222222 90%, transparent);
    }
  }
  .cZrwRGEu {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .mjhk32qA {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .mkYRa2oM {
    display: flex;
    flex-direction: column;
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .qzBmUFks {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: calc(var(--spacing) * 8);
  }
  .pLIlveLh {
    position: relative;
    margin: 0;
    overflow: hidden;
  }
  .pdZliBKn {
    margin-bottom: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-white);
  }
  .ki1O6ISu {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .qOr8YMmc {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #6c6c6c;
    &:is(.dark *) {
      color: #a1a1a1;
    }
  }
  .s21XZUmc {
    position: relative;
    width: 100%;
    overflow-x: auto;
  }
  .pq6Rq7oY {
    position: absolute;
    right: 0;
    left: 0;
    border-radius: calc(infinity * 1px);
    background-color: #e5edfb;
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .hQe2NbIp {
    margin-bottom: calc(var(--spacing) * 8);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .h1JIlRSk {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-400);
    background-color: #f2f7ff;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:is(.dark *) {
      border-color: var(--color-slate-500);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
  }
  .oQDrWQlG {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .xtbikNys {
    display: block;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .er67kuFJ {
    height: 1px;
    max-width: var(--container-xs);
    flex: 1;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-to: #a1a1a1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    &:is(.dark *) {
      --tw-gradient-to: #6c6c6c;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .mdbQ2Qwg {
    position: relative;
    overflow: hidden;
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
    &:is(.dark *) {
      border-color: #585858;
    }
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .sPtXhmDJ {
    min-height: 0;
    flex: 1;
  }
  .wcPlgjXr {
    position: relative;
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
  }
  .jYu9ZxNC {
    width: 100%;
  }
  .m8PhEwAB {
    display: block;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #e5edfb;
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .djQAKmYB {
    background-color: #f2f7ff;
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #222222 90%, transparent);
    }
  }
  .hqhWLneP {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .luan6JWG {
    position: relative;
    z-index: 10;
  }
  .zQeYtbkV {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 5);
  }
  .ohOQceex {
    display: none;
    width: 1px;
    flex-shrink: 0;
    align-self: stretch;
    background-color: var(--color-slate-200);
    @media (width >= 48rem) {
      display: block;
    }
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .ib2twITc {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .gYWo5Afn {
    flex: 1;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
    border-color: var(--color-slate-300);
    @media (width >= 48rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
  }
  .alTbFMON {
    margin-bottom: 0;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .fnrUHo5E {
    position: relative;
    margin-bottom: calc(var(--spacing) * 12);
    overflow: hidden;
    border-radius: calc(6 * 3px);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #6c6c6c;
    --tw-gradient-to: #868686;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding: calc(var(--spacing) * 12);
    text-align: center;
    color: var(--color-white);
  }
  .sgMFVsfr {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .sclpLrG2 {
    pointer-events: none;
    position: absolute;
    inset-inline-end: calc(var(--spacing) * 10);
    bottom: calc(var(--spacing) * 10);
    z-index: 0;
    height: calc(var(--spacing) * 28);
    width: calc(var(--spacing) * 28);
    color: color-mix(in oklab, #868686 25%, transparent);
    &:is(.dark *) {
      color: color-mix(in oklab, #a1a1a1 20%, transparent);
    }
  }
  .anZ9edJi {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #c1c1c1;
    --tw-gradient-to: #868686;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .a2Su15R5 {
    position: absolute;
    top: calc(var(--spacing) * 20);
    left: calc(var(--spacing) * 10);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #868686 10%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #868686 5%, transparent);
    }
  }
  .ss1iNEUo {
    overflow: hidden;
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, #868686 60%, transparent);
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 95%, transparent);
    }
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .wolxlYKi {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .cNACHmLM {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .zPmbprkk {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .ydGa9O1p {
    margin-top: calc(var(--spacing) * 4);
  }
  .uN9NRNcA {
    height: 100%;
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #e5edfb;
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 6);
    &:is(.dark *) {
      border-color: #454545;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #222222 60%, transparent);
    }
  }
  .ipmGEFtC {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-slate-300);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    &:is(.dark *) {
      border-color: #6c6c6c;
    }
  }
  .dIHZ7TRj {
    border-radius: calc(6 * 2px);
    background-color: #6c6c6c;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-white);
    text-transform: uppercase;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    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));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .quzhiuDf {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #6c6c6c;
    &:is(.dark *) {
      color: #c1c1c1;
    }
  }
  .wutAvGNz {
    display: flex;
    list-style-position: inside;
    list-style-type: disc;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: calc(var(--spacing) * 4);
    color: var(--color-slate-600);
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .mql7EL7T {
    display: inline-block;
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--color-white);
    text-transform: uppercase;
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
  }
  .rcxHVir7 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gj1kTUwd {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .y9bPHytl {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .xFbRouw6 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .zvHgSh0w {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .t7mdvquX {
    margin-bottom: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .kZ6pWQjH {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(6 * 4px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .co3SleIK {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .ccvckeLF {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .wgItrDtI {
    flex-shrink: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .oYLgTsDK {
    display: flex;
    height: 100%;
    min-height: 390px;
    gap: calc(var(--spacing) * 4);
  }
  .tPkApbYT {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .gftVIhTo {
    position: absolute;
    inset: 0;
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--color-slate-950) 95%, transparent);
    --tw-gradient-via: color-mix(in oklab, var(--color-slate-950) 40%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .j9YxYvKX {
    position: relative;
    @media (width >= 64rem) {
      height: 100%;
    }
  }
  .ewKkk13Q {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .bX26bMQm {
    background-color: #f2f7ff;
    padding-block: calc(var(--spacing) * 20);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 28);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #222222 90%, transparent);
    }
  }
  .x3OuKZb1 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .pBf5xtvt {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-5xl);
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .uYeQhrpZ {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    right: calc(var(--spacing) * 2.5);
    z-index: 10;
  }
  .qgAA5cEm {
    position: absolute;
    right: calc(var(--spacing) * 10);
    bottom: calc(var(--spacing) * 20);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #c1c1c1 10%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #c1c1c1 5%, transparent);
    }
  }
  .lqC7KirS {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
  }
  .ennrKpbQ {
    margin-inline: calc(var(--spacing) * 8);
    color: color-mix(in oklab, #a1a1a1 30%, transparent);
    &:is(.dark *) {
      color: color-mix(in oklab, #6c6c6c 40%, transparent);
    }
  }
  .qGbeFfuQ {
    display: flex;
    height: 100%;
    flex-direction: column;
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .mn4msL0r {
    position: relative;
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .yNEFCh9h {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-500);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .xedcC5K6 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .dSuBkh6e {
    margin-bottom: calc(var(--spacing) * 8);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .jBLzCbjl {
    min-width: 0;
    flex: 1;
  }
  .i57pxvo7 {
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: calc(6 * 4px);
    --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);
  }
  .f3dKHtpP {
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
    padding: calc(var(--spacing) * 8);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #c1c1c1 40%, transparent);
      }
    }
    &:is(.dark *) {
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    &:is(.dark *) {
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in oklab, #868686 30%, transparent);
        }
      }
    }
  }
  .sdCTbTSF {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .bmGIIyLP {
    margin-bottom: calc(var(--spacing) * 10);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .guyioIHT {
    flex: 1;
    text-align: center;
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .w3Gna5cw {
    height: 100%;
    width: 100%;
    object-fit: cover;
    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));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .n1BNuDVN {
    margin-top: var(--spacing);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .ttnu1QoT {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .jNMWNUVr {
    flex-shrink: 0;
  }
  .eqzhJzO7 {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .xtntjhFj {
    flex-shrink: 0;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    color: var(--color-white);
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .dch6Le3Y {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .kLzw6K8c {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .kNiYmkgd {
    position: absolute;
    top: calc(var(--spacing) * 6);
    right: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-color: #c1c1c1;
    &:is(.dark *) {
      border-color: #585858;
    }
  }
  .puwzNI8M {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    border-radius: calc(6 * 4px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    text-align: center;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .xpeBsQJk {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .zrns2VCJ {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .haE2tm5X {
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .iDkQLdr0 {
    display: inline-block;
    border-radius: calc(6 * 2px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    --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);
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .duRYEdPA {
    position: absolute;
    top: calc(var(--spacing) * -40);
    left: calc(var(--spacing) * -40);
    height: calc(var(--spacing) * 96);
    width: calc(var(--spacing) * 96);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #a1a1a1 40%, transparent);
    opacity: 20%;
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    &:is(.dark *) {
      opacity: 10%;
    }
  }
  .cYitVmDk {
    position: relative;
    z-index: 10;
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-6xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .hSdGWe7Z {
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
  }
  .fOqzFu4O {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
  }
  .qBM3v168 {
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .bnGgLUFG {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .kwZp6nJx {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #a1a1a1;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #6c6c6c;
        }
      }
    }
  }
  .cRkXmszj {
    gap: var(--spacing);
  }
  .xe1QYqMR {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
  }
  .cB8i8ujS {
    margin-bottom: calc(var(--spacing) * 3);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #c1c1c1;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #868686;
    }
  }
  .umaPUNqL {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .vfElgnUJ {
    margin-inline-start: var(--spacing);
    color: #c1c1c1;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
    &:is(.dark *) {
      color: #868686;
    }
  }
  .q7kwQcNp {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
    padding: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .eUCAlc9G {
    display: contents;
  }
  .x8ahMh5Z {
    flex-shrink: 0;
  }
  .vfCEdnVd {
    margin-bottom: calc(var(--spacing) * 16);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .w69xeX0w {
    margin-inline: auto;
    max-width: var(--container-xl);
    color: var(--color-slate-600);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .ew8U6TXq {
    position: absolute;
    top: calc(var(--spacing) * 8);
    left: 0;
    height: calc(var(--spacing) * 16);
    width: 100%;
    color: #a1a1a1;
    &:is(.dark *) {
      color: #868686;
    }
  }
  .sxxvPqMa {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    background-color: #a44a5c;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-white);
    text-decoration-line: none;
    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));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      background-color: #db8492;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .tVX0uIyG {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-600);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .d7RbUSKE {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background-color: var(--color-white);
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .joEjeC1X {
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .kEHTjRDK {
    text-align: center;
    @media (width >= 64rem) {
      width: calc(1 / 2 * 100%);
    }
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .lOCXuC10 {
    width: 100%;
  }
  .hD8SrCCR {
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: #a1a1a1;
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .r9a1nHOM {
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .hgDLrb7C {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
    overflow: hidden;
    border-radius: calc(6 * 4px);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #a1a1a1;
    --tw-gradient-to: #585858;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding: calc(var(--spacing) * 4);
    color: var(--color-white);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .eDI14bni {
    position: absolute;
    top: calc(1 / 3 * 100%);
    right: calc(1 / 3 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #868686 8%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #868686 4%, transparent);
    }
  }
  .hDfLFqvK {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .fiQi4tJr {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .wCGy1Nem {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-5xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .un7jrV5y {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: var(--color-red-400);
    padding-left: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: var(--color-red-500);
    }
  }
  .kqjoGBhq {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .yfRjoPck {
    border-color: var(--color-slate-300);
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
    @media (width >= 64rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 6);
    }
    &:is(.dark *) {
      border-color: #6c6c6c;
    }
  }
  .qmYoypCv {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .wBiifgIB {
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .nsA5UJ7z {
    @media (width >= 48rem) {
      grid-column: span 7 / span 7;
    }
  }
  .c1JASqYg {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .lasqM92e {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .nm2r1Lw3 {
    position: absolute;
    top: 0;
    left: 0;
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: color-mix(in oklab, #868686 40%, transparent);
  }
  .gNse6lAG {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .jeIzOvzX {
    overflow: hidden;
    border-radius: calc(6 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: #f2f7ff;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    &:hover {
      @media (hover: hover) {
        border-color: #a1a1a1;
      }
    }
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: #868686;
        }
      }
    }
  }
  .aucHLG3s {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .lZPFLdkw {
    margin-inline: auto;
    max-width: var(--container-3xl);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .kIp2Vzf1 {
    color: var(--color-slate-700);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .zIIyEEZh {
    margin: 0;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: #585858;
    }
  }
  .sCf3Rj64 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .qK181ysV {
    display: flex;
    flex-direction: column;
  }
  .xeu1ICXt {
    position: relative;
    overflow: hidden;
    border-radius: calc(6 * 3px);
  }
  .yv6fLDJk {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .rneKCabT {
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .pJ1vaRQ4 {
    margin-bottom: 0;
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .lRxnDE8z {
    margin: 0;
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    padding: 0;
  }
  .lIBKJg1A {
    overflow: hidden;
    border-radius: calc(6 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--color-slate-600);
    border-left-color: #6c6c6c;
    background-color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      border-left-color: #a1a1a1;
    }
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .kfYMBdXN {
    border-radius: calc(6 * 3px);
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .pNP2TJue {
    position: relative;
  }
  .obIwpY9Y {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
  }
  .uqt624ET {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .hj2UdY2y {
    position: relative;
    height: calc(var(--spacing) * 64);
    min-height: 0;
    flex: 1;
    overflow: hidden;
    @media (width >= 64rem) {
      height: 100%;
    }
  }
  .lq3DvYx4 {
    position: relative;
    z-index: 10;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    opacity: 95%;
  }
  .nGJ89Q8M {
    color: var(--color-red-500);
  }
  .ipdD2FFT {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: calc(1 / 2 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: #e5edfb;
    opacity: 75%;
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .npGjzqrJ {
    border-radius: calc(infinity * 1px);
    background-color: #f2f7ff;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-800);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .xLEKMw0q {
    margin-bottom: calc(var(--spacing) * 4);
    display: inline-flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .uY20MDeM {
    color: var(--color-slate-400);
    &:is(.dark *) {
      color: var(--color-slate-500);
    }
  }
  .zqEz0pdn {
    color: var(--color-slate-900);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #a1a1a1;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #6c6c6c;
        }
      }
    }
  }
  .gORbQONI {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .a822EHxp {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    height: 1px;
    width: calc(var(--spacing) * 16);
    background-color: #6c6c6c;
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
  }
  .dkKhkH3e {
    min-width: 0;
    flex: 1;
  }
  .xdklQpO9 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-white);
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .dHKWGCuM {
    color: #6c6c6c;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rKpCQBEr {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .zZTR14xS {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-700);
    text-transform: uppercase;
    font-style: normal;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .dnJWcqpS {
    flex: 1;
  }
  .rl3Y3ZD3 {
    margin: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .hZQ3Z9sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .i3HHSWGA {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #6c6c6c;
    text-transform: uppercase;
    font-style: normal;
    &:is(.dark *) {
      color: #a1a1a1;
    }
  }
  .uY3BLtlw {
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(88.5% 0.062 18.334) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-200) 30%, transparent);
    }
    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);
    }
    padding: calc(var(--spacing) * 8);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-red-800) 20%, transparent);
      }
    }
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent);
      }
    }
  }
  .rCooywzL {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #6c6c6c;
    background-color: var(--color-white);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: #6c6c6c;
    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));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      border-color: #a1a1a1;
    }
    &:is(.dark *) {
      background-color: #454545;
    }
    &:is(.dark *) {
      color: #c1c1c1;
    }
  }
  .iZzt0eUi {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  .phjA0KWq {
    border-radius: calc(6 * 2px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .fqrGa1G9 {
    background-color: #6c6c6c;
    padding-block: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .cqTzo6TA {
    margin-bottom: calc(var(--spacing) * 10);
    text-align: center;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .m7T6RyVz {
    margin-top: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .gF6upUiQ {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
  }
  .wfdKuNcD {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .v1BcreDp {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-800);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #6c6c6c;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #a1a1a1;
        }
      }
    }
  }
  .ycivO5Iu {
    height: 100%;
    width: 100%;
  }
  .g286Ieqv {
    margin-bottom: calc(var(--spacing) * 10);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .hO9ZM8qV {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
  }
  .iGtVzPZe {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .h8UDGw7T {
    border-radius: calc(6 * 3px);
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 8);
    text-align: center;
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
  }
  .x7Pdh61u {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
  }
  .gE4cQYzI {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .y8LR0e5a {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .ge73gSnB {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .hxGtNgw2 {
    padding-inline: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 5);
    padding-left: calc(var(--spacing) * 16);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .lLTqHyjN {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
  }
  .z5TXcNhN {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .qp1t0WNf {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rJ5Ipxi9 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: calc(infinity * 1px);
  }
  .gpNqAvpU {
    display: flex;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    text-align: left;
  }
  .kVr6GSUD {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(6 * 1.5px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #868686;
    background-color: var(--color-white);
    color: #454545;
    &:is(.dark *) {
      background-color: #222222;
    }
    &:is(.dark *) {
      color: #c1c1c1;
    }
  }
  .bRWuAuax {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-red-500);
    text-transform: uppercase;
  }
  .hfGs0J7c {
    flex: 1;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .xOGCyFyy {
    margin: 0;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .abomqxIN {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .tbncwsHy {
    border-radius: calc(infinity * 1px);
    background-color: #e5edfb;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #353535;
    &:is(.dark *) {
      background-color: #e5edfb;
    }
    &:is(.dark *) {
      color: #353535;
    }
  }
  .mhUXF9hk {
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .kWEm8WJW {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    opacity: 75%;
  }
  .hxWfIq1r {
    color: var(--color-white);
    opacity: 75%;
  }
  .l8stXdnR {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .kf38OD9B {
    position: relative;
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
  }
  .rfeoH4Hw {
    position: absolute;
    bottom: calc(var(--spacing) * 20);
    left: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 80);
    width: calc(var(--spacing) * 80);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: #c1c1c1;
    opacity: 15%;
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    &:is(.dark *) {
      background-color: #585858;
    }
    &:is(.dark *) {
      opacity: 8%;
    }
  }
  .wi0Bb2Nf {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    height: var(--spacing);
    width: calc(var(--spacing) * 24);
    border-radius: calc(infinity * 1px);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: #868686;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .gPzHPlt5 {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #868686;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    color: var(--color-white);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .izWFagA4 {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 2 * 100%);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .kDpKe6Ra {
    display: flex;
    align-items: center;
    gap: var(--spacing);
    color: var(--color-slate-700);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #a1a1a1;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #a1a1a1;
        }
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #6c6c6c;
        }
      }
    }
  }
  .he5a1oDY {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .hWU9z5ov {
    pointer-events: none;
    position: relative;
  }
  .rDnGNaww {
    display: flex;
    flex-direction: column;
  }
  .q28rBmbl {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    @media (width >= 64rem) {
      width: calc(3 / 5 * 100%);
    }
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .dsZqhMwk {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .mcNvjCwq {
    position: relative;
    overflow: hidden;
    border-radius: calc(6 * 4px);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #868686;
    --tw-gradient-via: #c1c1c1;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: #e5edfb;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
    &:is(.dark *) {
      --tw-gradient-from: #454545;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    &:is(.dark *) {
      --tw-gradient-via: #353535;
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
    &:is(.dark *) {
      --tw-gradient-to: #222222;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .hFQnEazC {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
    &:is(.dark *) {
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .lgLGVYKl {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .lIOxzpZa {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .w1RqkYYE {
    margin-top: calc(var(--spacing) * 2);
    border-radius: calc(6 * 1.5px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-900);
  }
  .esEnjZHY {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    padding-top: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .bpY3SiUw {
    border-radius: calc(6 * 3px);
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
  }
  .iBKefoGM {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .v6QroJqj {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    gap: 0;
    overflow-x: auto;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-200);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .yKaJHPUu {
    position: relative;
    z-index: 10;
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
  }
  .iZIPqLfC {
    min-width: 0;
  }
  .bYxPuBTm {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(6 * 4px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 4);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .bWmGVULp {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .v5O0JMMv {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: flex-end;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .jTYhppfc {
    margin-bottom: calc(var(--spacing) * 8);
    border-block-style: var(--tw-border-style);
    border-block-width: 2px;
    border-color: var(--color-slate-900);
    background-color: #f2f7ff;
    padding-block: calc(var(--spacing) * 4);
    text-align: center;
    &:is(.dark *) {
      border-color: var(--color-slate-100);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
  }
  .aApHbDZm {
    flex: 1;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .ht6pkotU {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .ksKjx0vL {
    border-radius: calc(6 * 4px);
    background-color: #353535;
    padding: calc(var(--spacing) * 6);
    --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);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      background-color: #e5edfb;
    }
  }
  .vbcKekzI {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    align-items: center;
    justify-content: center;
    border-radius: calc(6 * 3px);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #868686;
    --tw-gradient-to: #585858;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    &:is(.dark *) {
      --tw-gradient-from: #a1a1a1;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    &:is(.dark *) {
      --tw-gradient-to: #6c6c6c;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .yzW4MSah {
    margin-bottom: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-400);
    padding-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      border-color: var(--color-slate-500);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .k73XxhgH {
    margin-top: calc(var(--spacing) * 12);
    border-radius: calc(6 * 3px);
    background-color: #6c6c6c;
    padding: calc(var(--spacing) * 4);
    text-align: center;
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .k2uuZi8X {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-200);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .y7CSOfkl {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rDMzelnV {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .ikEzNp20 {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .aYPc66Pd {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(6 * 3px);
    background-color: #a44a5c;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: #893b4a;
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
      }
    }
    &:is(.dark *) {
      background-color: #db8492;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f1abb5;
        }
      }
    }
  }
  .uHoqOnM2 {
    width: 100%;
    max-width: var(--container-sm);
    border-radius: calc(6 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    color: var(--color-slate-900);
    &::placeholder {
      color: var(--color-slate-500);
    }
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + 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);
    }
    &:focus {
      --tw-ring-color: #868686;
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    @media (width >= 40rem) {
      flex: 1;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      background-color: #222222;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &::placeholder {
        color: var(--color-slate-400);
      }
    }
  }
  .pzUa5jEW {
    margin-inline: auto;
    max-width: var(--container-3xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .u193ag6i {
    margin-bottom: calc(var(--spacing) * 6);
    break-inside: avoid;
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-600);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .hwa3alSI {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gdrTz9ND {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 10;
    background-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }
  .j7XjQXS4 {
    color: #c1c1c1;
    &:is(.dark *) {
      color: #868686;
    }
  }
  .oddwh90I {
    margin-top: calc(var(--spacing) * 8);
    text-align: center;
  }
  .eq8FPw2W {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .gt7fmB7E {
    display: grid;
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sSezU1oT {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .tyo78NFV {
    margin-inline: auto;
    max-width: var(--container-2xl);
    @media (width >= 64rem) {
      margin-inline: 0;
    }
    @media (width >= 64rem) {
      margin-left: calc(var(--spacing) * 8);
    }
  }
  .uJLR3IsV {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 10);
    padding-inline: calc(var(--spacing) * 4);
  }
  .uLHCvEep {
    margin-bottom: 0;
  }
  .g9FtJ2jC {
    display: block;
    border-radius: calc(6 * 1.5px);
  }
  .vbrjs4mu {
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #cfdcef 10%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 10%, transparent);
    }
  }
  .iWWgNqTY {
    margin-bottom: calc(var(--spacing) * 4);
    display: inline-block;
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .xoKIYISQ {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .olp4XGuZ {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .ncMym3Ei {
    display: inline-block;
    border-radius: calc(6 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #353535 40%, transparent);
    }
  }
  .ca8VopTd {
    position: relative;
    z-index: 10;
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-4xl);
    padding-inline: calc(var(--spacing) * 4);
    text-align: center;
  }
  .xkkTORSD {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
  }
  .uDlXFLo9 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--spacing);
  }
  .ur6c5WPo {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .gz6rJRmc {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .p3YnFmd2 {
    padding: calc(var(--spacing) * 8);
  }
  .uce243oS {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #c1c1c1;
    &:is(.dark *) {
      border-color: #6c6c6c;
    }
  }
  .p2XwjcsJ {
    padding-inline: var(--spacing);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .f4Fq3yt8 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .jtnnpLnj {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
  }
  .f9ut6iDk {
    flex-shrink: 0;
    @media (width >= 48rem) {
      width: calc(1 / 3 * 100%);
    }
  }
  .x6019INv {
    overflow: hidden;
    background-color: #f2f7ff;
    padding-block: calc(var(--spacing) * 20);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 28);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #222222 90%, transparent);
    }
  }
  .yMCM1pEe {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .qp31ND0u {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #a44a5c;
    &:is(.dark *) {
      background-color: #db8492;
    }
  }
  .gZQQuo0o {
    position: relative;
    z-index: 10;
    margin: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .ulo2VYF7 {
    margin-bottom: calc(var(--spacing) * 16);
    text-align: center;
  }
  .qTK3KqlP {
    margin-bottom: calc(var(--spacing) * 8);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .s9uFPkdm {
    height: 100%;
    background-color: #585858;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 700ms;
    transition-duration: 700ms;
    &:is(.dark *) {
      background-color: #c1c1c1;
    }
  }
  .xUkgvzWm {
    pointer-events: none;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }
  .y1JRmzws {
    display: block;
  }
  .rDGlSu6e {
    margin-left: calc(var(--spacing) * 4);
    text-align: right;
  }
  .dHLeys5h {
    position: relative;
    border-radius: calc(6 * 3px);
    background-color: #6c6c6c;
    padding: calc(var(--spacing) * 12);
    text-align: center;
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .lCCQNVNB {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .vJx21FM3 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .zq9pKONK {
    width: 100%;
    resize: none;
    border-radius: calc(6 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-900);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &::placeholder {
      color: var(--color-slate-400);
    }
    &:focus {
      border-color: #868686;
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      background-color: #353535;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .lTVHJela {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    @media (width >= 64rem) {
      margin-inline: 0;
    }
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
  }
  .b4omZVv8 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .jLpaQYmw {
    border-radius: calc(6 * 2px);
    background-color: #a44a5c;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    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));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: #893b4a;
      }
    }
    &:is(.dark *) {
      background-color: #db8492;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f1abb5;
        }
      }
    }
  }
  .i5d2xLqT {
    border-radius: calc(6 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-600);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-400);
    text-transform: uppercase;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-500);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-300);
      }
    }
  }
  .tqhvfr4O {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(6 * 3px);
    background-color: #6c6c6c;
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
  }
  .k8E6z7jc {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
  }
  .bcRK3qN0 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    @media (width >= 64rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .iE4eI9A8 {
    margin: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .eQKLE5Fz {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .zr2mtxrJ {
    position: absolute;
    top: calc(var(--spacing) * 3);
    right: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    border-radius: calc(infinity * 1px);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .wUQ1drzL {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .mRleS1D7 {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .nuEqN1ng {
    margin-bottom: calc(var(--spacing) * 12);
    display: flex;
    justify-content: center;
  }
  .e2KKKDgr {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lGMNEJZs {
    margin-bottom: calc(var(--spacing) * 12);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: #c1c1c1;
    padding-bottom: calc(var(--spacing) * 8);
  }
  .yJhhoMJQ {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .eNCRIUHv {
    display: flex;
  }
  .r982juDt {
    color: #a44a5c;
    &:is(.dark *) {
      color: #db8492;
    }
  }
  .z19iDrww {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .iiuOd6YK {
    text-transform: uppercase;
    text-decoration-line: underline;
  }
  .xQVajdPR {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 8);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-600);
    padding-block: calc(var(--spacing) * 8);
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    @media (width >= 48rem) {
      flex-direction: row;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .bKxtVgQ4 {
    position: relative;
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .szmATEwh {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-6xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .b70InRQs {
    display: flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
  }
  .oFNA0EHQ {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-600);
    padding-bottom: 1rem;
    &:is(.dark *) {
      border-color: #6c6c6c;
    }
  }
  .nGoMAE0g {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-slate-700);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .cyM5cKUW {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dPXNHoz5 {
    display: grid;
    gap: calc(var(--spacing) * 8);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lBzp4yXX {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
    text-align: center;
  }
  .gv8ry5Va {
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .saE5c0HM {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  .kkp55eib {
    margin-top: calc(var(--spacing) * 12);
    display: grid;
    gap: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .oTiN6G6p {
    margin-bottom: calc(var(--spacing) * 12);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-300);
    padding-bottom: calc(var(--spacing) * 8);
    text-align: center;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    font-style: italic;
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .lsLeKUJu {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .fn0xqtXU {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .f476E0oW {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .vgXSB30H {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
  }
  .mR86Q1rk {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dpLMHZlH {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .aQXLOtBp {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-amber-400);
  }
  .uyeaEgiu {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .mHxw1izV {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .nNavEWrh {
    margin-inline: auto;
    display: grid;
    width: 100%;
    max-width: var(--container-6xl);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .azDQp94p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
  }
  .f31eZEMR {
    margin-bottom: calc(var(--spacing) * 4);
    display: inline-block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: #6c6c6c;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #a1a1a1;
    }
  }
  .mXi11P6M {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-600);
    padding: calc(var(--spacing) * 12);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .xx5GNgLc {
    position: relative;
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 4);
    color: #c1c1c1;
    &:is(.dark *) {
      color: #868686;
    }
  }
  .v2hS7Ucx {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 0;
    padding: calc(var(--spacing) * 4);
  }
  .odjCTx6X {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 12);
  }
  .aUt3Vlud {
    position: absolute;
    inset: 0;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--color-slate-300);
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
  }
  .keit1Hfm {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(6 * 5px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    &:is(.dark *) {
      border-color: #585858;
    }
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .zQF2kANR {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .trZuLMVR {
    position: relative;
    height: var(--spacing);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    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-white) 30%, transparent);
    }
  }
  .lEbsB6pw {
    display: inline-flex;
    white-space: nowrap;
  }
  .bXmpnIKZ {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .uEH8o8qg {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .u2fGg6Gk {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .vl0ps1bp {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: 0;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 1.5);
    border-radius: calc(6 * 1px);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #6c6c6c;
    --tw-gradient-to: #868686;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .qTGDvBRJ {
    margin-bottom: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .r2xuuYU8 {
    position: relative;
    height: calc(var(--spacing) * 64);
    overflow: hidden;
  }
  .yWb4BMPj {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .eJZhg9dt {
    overflow: hidden;
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    &:is(.dark *) {
      border-color: #585858;
    }
  }
  .ezKgZNOu {
    position: absolute;
    right: calc(var(--spacing) * -2);
    bottom: calc(var(--spacing) * -2);
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: color-mix(in oklab, #868686 30%, transparent);
  }
  .wXJoxHw8 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 6);
    row-gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .u0QeP8cp {
    margin-bottom: calc(var(--spacing) * 8);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .bktJTkID {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: flex-end;
    }
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .aqyfpY5f {
    display: inline-block;
    width: fit-content;
    border-radius: calc(infinity * 1px);
    background-color: #f2f7ff;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-700);
    text-transform: uppercase;
    &:is(.dark *) {
      background-color: #454545;
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .pgYslwMp {
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    flex-shrink: 0;
    border-radius: calc(6 * 2px);
  }
  .jvochuY7 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .w0pNisqv {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .emdiNU1U {
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: color-mix(in oklab, #868686 50%, transparent);
  }
  .k7x57rOJ {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    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));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .q9o9nUze {
    position: absolute;
    top: calc(var(--spacing) * 20);
    right: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 64);
    width: calc(var(--spacing) * 64);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: #cfdcef;
    opacity: 20%;
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    &:is(.dark *) {
      background-color: #454545;
    }
    &:is(.dark *) {
      opacity: 10%;
    }
  }
  .gtJpY1z5 {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    background-color: #a44a5c;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: #893b4a;
      }
    }
    &:is(.dark *) {
      background-color: #db8492;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f1abb5;
        }
      }
    }
  }
  .aqOiAu4d {
    margin-bottom: calc(var(--spacing) * 8);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .x1GxOR5n {
    margin: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .q9oKZAUF {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-100);
  }
  .rkRnP2Yq {
    margin-bottom: calc(var(--spacing) * 4);
    overflow: hidden;
    border-radius: calc(6 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: #f2f7ff;
    &:hover {
      @media (hover: hover) {
        scale: 1.01;
      }
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
  }
  .ynzM1fwZ {
    margin-top: calc(var(--spacing) * 8);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-600);
    padding-top: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .lwlunoKs {
    height: 100%;
    border-radius: calc(6 * 3px);
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
  }
  .mMqRuaZV {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .f5MARiCT {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .k8O90yuT {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .aFB2HVLm {
    position: relative;
    z-index: 10;
    border-radius: calc(6 * 3px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    --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);
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .vRMUXUAs {
    position: relative;
    overflow: hidden;
    background-color: #f2f7ff;
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #222222 90%, transparent);
    }
  }
  .qowtQ0Mj {
    margin-bottom: calc(var(--spacing) * 8);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .aV87HEhS {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .mKcWMzPy {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 5);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-block: calc(var(--spacing) * 5);
    text-align: left;
  }
  .r3WQTtrj {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .cG1KEdcA {
    display: block;
  }
  .sSJk4lZM {
    margin-top: calc(var(--spacing) * 8);
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--color-slate-900);
    padding-top: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: var(--color-slate-100);
    }
  }
  .d3haJuV6 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #6c6c6c;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #a1a1a1;
        }
      }
    }
  }
  .qoBSx6Qo {
    margin-inline: auto;
    max-width: var(--container-lg);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .vXyoL2cp {
    pointer-events: none;
    position: absolute;
    inset: 0;
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 50%, transparent);
    --tw-gradient-via: color-mix(in oklab, var(--color-black) 10%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    &:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, #222222 75%, transparent);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    &:is(.dark *) {
      --tw-gradient-via: color-mix(in oklab, #353535 30%, transparent);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
    &:is(.dark *) {
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .yLZzlc3v {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .g9w4stv3 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .kAwoO0WK {
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-slate-600);
    background-color: transparent;
    padding-inline: 0;
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-slate-900);
    &::placeholder {
      color: var(--color-slate-400);
    }
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:focus {
      border-color: #6c6c6c;
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &::placeholder {
        color: var(--color-slate-500);
      }
    }
    &:is(.dark *) {
      &:focus {
        border-color: #a1a1a1;
      }
    }
  }
  .t7ys8U2x {
    overflow: hidden;
  }
  .fQzYrHPe {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .dwXjaWHn {
    margin-bottom: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #a1a1a1;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #868686;
    }
  }
  .nAJBAMxs {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 16);
    max-width: var(--container-3xl);
    text-align: center;
  }
  .rupWWw1O {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(var(--spacing) * -2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #6c6c6c;
    &:is(.dark *) {
      color: #a1a1a1;
    }
  }
  .lINoSLQk {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .ipJj0BE6 {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
  }
  .l0MQ2aiK {
    border-radius: calc(6 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #cfdcef;
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 8);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        border-color: #a1a1a1;
      }
    }
    &:is(.dark *) {
      border-color: #585858;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: #868686;
        }
      }
    }
  }
  .hXN1SJeA {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: calc(infinity * 1px);
    background-color: #cfdcef;
    opacity: 50%;
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .rrLIjYBy {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    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));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-translate-x: var(--spacing);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hZrXbZr3 {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .hNJx78zo {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #353535;
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .ruJ3Xkb3 {
    margin-bottom: calc(var(--spacing) * 4);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .lIDehf02 {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .mhBzE1ye {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .p7fFLNOS {
    margin-inline: auto;
    text-align: center;
  }
  .xOYdPtno {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 8);
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .o3uzLnVV {
    margin-bottom: calc(var(--spacing) * 4);
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .fEJOYy0c {
    position: relative;
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-shadow: 0px 1px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 3px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 4px 8px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1));
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .t0DwNNSr {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-white);
  }
  .z7FinGoV {
    overflow: hidden;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .xVq1ZelK {
    margin-inline: auto;
    max-width: var(--container-2xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .oYoGqWXs {
    text-decoration-line: underline;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .tfsp6VJy {
    position: relative;
    order: 2;
    @media (width >= 64rem) {
      order: 1;
    }
  }
  .dDqFPEqJ {
    position: absolute;
    top: calc(var(--spacing) * -2);
    left: calc(var(--spacing) * -2);
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: color-mix(in oklab, #868686 30%, transparent);
  }
  .aNuYm0Vh {
    display: flex;
    align-items: baseline;
    gap: calc(var(--spacing) * 3);
  }
  .qYDsvuSL {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .za9wjpX8 {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: calc(var(--spacing) * 2);
  }
  .mcTRqOt4 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .naaeDRT8 {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 4);
    max-width: var(--container-2xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .v2i7ntli {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .odOCfQOZ {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border-radius: calc(6 * 3px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #868686;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
  }
  .fcqWFTBp {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    color: color-mix(in oklab, #c1c1c1 25%, transparent);
    &:is(.dark *) {
      color: color-mix(in oklab, #6c6c6c 20%, transparent);
    }
  }
  .nTty2v7z {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .tWjh4mgD {
    position: absolute;
    right: calc(var(--spacing) * -40);
    bottom: calc(var(--spacing) * -40);
    height: calc(var(--spacing) * 96);
    width: calc(var(--spacing) * 96);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
    }
    opacity: 15%;
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    &:is(.dark *) {
      opacity: 0.08;
    }
  }
  .rUvisJov {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .oS6NRkPT {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .z2aiLrHL {
    text-align: center;
  }
  .ds7F4oZf {
    margin-inline: auto;
    max-width: var(--container-2xl);
  }
  .xZwkmrSk {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-50);
    }
  }
  .yYXo90Cs {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 3 * 100%);
    height: calc(var(--spacing) * 64);
    width: calc(var(--spacing) * 64);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, oklch(74% 0.238 322.16) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-fuchsia-400) 25%, transparent);
    }
    opacity: 10%;
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    &:is(.dark *) {
      opacity: 0.05;
    }
  }
  .n26J8WSH {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .sRQcleYo {
    position: absolute;
    top: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
    border-radius: calc(6 * 2px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-600);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .oU5TPZyT {
    display: inline-block;
    border-radius: calc(6 * 2px);
    background-color: #a44a5c;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: #893b4a;
      }
    }
    &:is(.dark *) {
      background-color: #db8492;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f1abb5;
        }
      }
    }
  }
  .hupR6mQs {
    position: relative;
    border-top-right-radius: calc(6 * 2px);
    border-bottom-right-radius: calc(6 * 2px);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #a1a1a1;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .f3ckITvB {
    min-width: 0;
  }
  .w0Obh5xb {
    min-height: 390px;
    width: 100%;
    overflow-x: auto;
  }
  .ox7tiPsc {
    position: relative;
    width: 100%;
    @media (width >= 48rem) {
      width: 45%;
    }
    @media (width >= 64rem) {
      width: 30%;
    }
  }
  .oxS16Fw3 {
    position: relative;
    margin: 0;
    display: flex;
    list-style-type: none;
    justify-content: space-between;
    padding: 0;
  }
  .clJDOEDa {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .oUtt2Lxs {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(6 * 1.5px);
    background-color: #6c6c6c;
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .ozsZcPnF {
    margin-top: calc(var(--spacing) * 4);
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: calc(6 * 3px);
    background-color: #a44a5c;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    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));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: #893b4a;
      }
    }
    &:is(.dark *) {
      background-color: #db8492;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f1abb5;
        }
      }
    }
  }
  .p57kRIED {
    overflow: hidden;
    border-radius: calc(6 * 2px);
    background-color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
      }
    }
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .xUsES3PH {
    position: relative;
    margin-top: calc(var(--spacing) * 12);
    display: block;
    border-radius: calc(infinity * 1px);
    background-color: #868686;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
  }
  .taMf1XFo {
    color: #6c6c6c;
    &:is(.dark *) {
      color: #a1a1a1;
    }
  }
  .wOIPY8G3 {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .lUrjl8DP {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .rRa0LULe {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .xqZVMslc {
    position: absolute;
    inset: 0;
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #353535 20%, transparent);
    --tw-gradient-to: color-mix(in oklab, #454545 30%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .kRo2h2aV {
    min-width: 0;
  }
  .dtAaEEE4 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .g5kWOUhq {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #6c6c6c;
    &:is(.dark *) {
      color: #a1a1a1;
    }
  }
  .thooF0T7 {
    display: flex;
    flex-direction: column;
    border-radius: calc(6 * 3px);
    background-color: #353535;
    color: var(--color-white);
    --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);
    @media (width >= 40rem) {
      flex: 1;
    }
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .gOOptwhV {
    margin-bottom: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    @media (width >= 64rem) {
      text-align: left;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .l5351VMI {
    color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .wroStAwH {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-4xl);
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .eOk1ASD6 {
    width: calc(var(--spacing) * 4);
    color: #868686;
  }
  .kDnEZoxM {
    margin-top: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-red-500);
  }
  .kiU3ZqHx {
    flex-shrink: 0;
    color: var(--color-slate-600);
    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));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .ha14z2VM {
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    padding: calc(var(--spacing) * 12);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    &:is(.dark *) {
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    &:is(.dark *) {
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
  }
  .boyspX0j {
    margin-top: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    padding-top: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .yyJSFE67 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .kdnWtBeU {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .kECDt0qb {
    background-color: #f2f7ff;
    padding-block: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #222222 90%, transparent);
    }
  }
  .a7nRNofQ {
    margin-bottom: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .opDdwFSP {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #6c6c6c;
    &:is(.dark *) {
      color: #a1a1a1;
    }
  }
  .xDtcbbvz {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #868686;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: #a1a1a1;
    }
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .bH4btYW1 {
    margin-top: calc(var(--spacing) * 8);
    text-align: center;
  }
  .nkB4ETqV {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .ec6olntf {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    opacity: 75%;
  }
  .icVimIg2 {
    position: relative;
    overflow: hidden;
    background-color: #f2f7ff;
    &:is(.dark *) {
      background-color: color-mix(in oklab, #222222 90%, transparent);
    }
  }
  .nVNruWgw {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    background-color: #a44a5c;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-white);
    text-decoration-line: none;
    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));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      background-color: #db8492;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .wk26o9Sm {
    border-radius: calc(6 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
    padding: calc(var(--spacing) * 8);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in oklab, #c1c1c1 40%, transparent);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
      }
    }
    &:is(.dark *) {
      border-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    &:is(.dark *) {
      background-color: color-mix(in srgb, #fff 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: color-mix(in oklab, #868686 30%, transparent);
        }
      }
    }
  }
  .fgw6BkdY {
    margin: 0;
  }
  .a70xpW9i {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(6 * 2px);
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 2);
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .aIHX1Hpi {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .mt6i4IVt {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .ib2uIjMf {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .twA0xqt9 {
    padding: calc(var(--spacing) * 8);
  }
  .bO8E4Ckk {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    height: calc(var(--spacing) * 48);
    width: calc(var(--spacing) * 48);
    background-color: #e5edfb;
    opacity: 20%;
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .cgOxSv0V {
    position: absolute;
    right: 0;
    bottom: 0;
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: color-mix(in oklab, #868686 40%, transparent);
  }
  .dyprBdZs {
    height: calc(var(--spacing) * 0.5);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: #868686;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .hryRt3as {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .bfr15oxW {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
  }
  .yeEN4P5T {
    position: relative;
    display: grid;
    min-height: 350px;
    gap: 0;
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .rxEn0mHL {
    border-radius: calc(6 * 2px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #c1c1c1;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    &:hover {
      @media (hover: hover) {
        border-color: #a1a1a1;
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
      }
    }
    &:is(.dark *) {
      border-color: #868686;
    }
    &:is(.dark *) {
      background-color: #454545;
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: #868686;
        }
      }
    }
  }
  .vcsPJY74 {
    position: absolute;
    top: calc(var(--spacing) * -2);
    right: calc(var(--spacing) * -2);
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-color: color-mix(in oklab, #868686 30%, transparent);
  }
  .ofDuQJqR {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .onq0uh2H {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .szeuhlua {
    margin-inline: auto;
    max-width: var(--container-4xl);
  }
  .jAnoUsSP {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .hU0GuDhG {
    flex: 1;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .ysisOevb {
    height: calc(var(--spacing) * 64);
    flex-shrink: 0;
    overflow: hidden;
    @media (width >= 48rem) {
      height: auto;
    }
    @media (width >= 48rem) {
      width: calc(2 / 5 * 100%);
    }
  }
  .yWA3227q {
    border-radius: calc(6 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #c1c1c1;
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: #868686;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
  }
  .rr0TQh3U {
    position: absolute;
    inset: 0;
    border-radius: calc(infinity * 1px);
    background-color: #a1a1a1;
    &:is(.dark *) {
      background-color: #c1c1c1;
    }
  }
  .lpJzXw7Z {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .wf0GhAPS {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .txuRd9Ec {
    height: calc(var(--spacing) * 2);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background-color: #cfdcef;
    &:is(.dark *) {
      background-color: #6c6c6c;
    }
  }
  .dTEzAEYR {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
  }
  .yGWj7PcI {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .atUY5THw {
    margin-bottom: calc(var(--spacing) * 6);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .n2ZDzrXw {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: #868686;
    &:is(.dark *) {
      color: #a1a1a1;
    }
  }
  .a9mOvMHU {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .aKp5AeHU {
    display: inline-block;
    border-radius: calc(6 * 1px);
    background-color: var(--color-amber-100);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-amber-900);
  }
  .yQ5gUmS6 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .v3yMUche {
    flex: 1;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .mZ2m1ioC {
    margin-inline: auto;
    max-width: var(--container-sm);
  }
  .q26aF6OJ {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .dahu52N3 {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 20);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 28);
    }
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .yIJCN18G {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    justify-content: space-between;
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .yeAvkspN {
    flex-shrink: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .lfjwDGOg {
    position: absolute;
    inset-inline-end: calc(var(--spacing) * 0);
    top: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing);
    border-radius: calc(6 * 2px);
    background-color: #868686;
    padding: calc(var(--spacing) * 3);
    text-align: left;
    color: var(--color-white);
    --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);
  }
  .z4CeUj7z {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .fUVnxrnr {
    margin-top: calc(var(--spacing) * 2);
    text-align: center;
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .cEgh6emH {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    background-color: #f2f7ff;
    &:is(.dark *) {
      border-color: #585858;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
  }
  .fiDvImSm {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .ykdRIhG0 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
  }
  .y2z4RjZS {
    position: absolute;
    inset: 0;
    overflow: hidden;
    opacity: 10%;
    &:is(.dark *) {
      opacity: 5%;
    }
  }
  .h0GYKzfP {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .amTPSUbO {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .jb61frdY {
    margin-top: calc(var(--spacing) * 8);
  }
  .bL91ZVeY {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .pLCTQJQr {
    position: absolute;
    top: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #6c6c6c;
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
    &:is(.dark *) {
      background-color: #353535;
    }
    &:is(.dark *) {
      color: #c1c1c1;
    }
  }
  .dv0Yr6KY {
    display: grid;
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .wYsXyNKP {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .fJioJieK {
    flex-shrink: 0;
    color: #6c6c6c;
    &:is(.dark *) {
      color: #a1a1a1;
    }
  }
  .mIfNhfFc {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: calc(var(--spacing) * 40);
    width: calc(var(--spacing) * 40);
    background-color: #868686;
    &:is(.dark *) {
      background-color: #6c6c6c;
    }
  }
  .nWWYHz5J {
    pointer-events: none;
    position: absolute;
    inset-inline-end: calc(var(--spacing) * 16);
    top: calc(var(--spacing) * 16);
    z-index: 0;
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    color: color-mix(in oklab, #a1a1a1 35%, transparent);
    &:is(.dark *) {
      color: color-mix(in oklab, #868686 25%, transparent);
    }
  }
  .kk0TIaLx {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .d8LPMA7I {
    flex-shrink: 0;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #c1c1c1;
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 32);
    }
    &:is(.dark *) {
      color: #868686;
    }
  }
  .uPFNBW0n {
    border-radius: calc(6 * 4px);
    background-color: #6c6c6c;
    padding: calc(var(--spacing) * 8);
    text-align: center;
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
  }
  .kmebTV49 {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .wMJ0tsIC {
    pointer-events: none;
    position: absolute;
    left: calc(1 / 2 * 100%);
  }
  .loRqtmWZ {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .ivtFiltv {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #353535;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .msC8VsHq {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #a1a1a1;
    padding-left: calc(var(--spacing) * 4);
    color: var(--color-slate-700);
    font-style: italic;
    &:is(.dark *) {
      border-color: #868686;
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .ls7rGOYf {
    @media (width >= 48rem) {
      grid-column: span 12 / span 12;
    }
  }
  .tVoNxf5J {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    align-self: center;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #a44a5c;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #893b4a;
      }
    }
    &:is(.dark *) {
      color: #db8492;
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #f1abb5;
        }
      }
    }
  }
  .bZjEXGe4 {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-top: calc(var(--spacing) * 20);
    padding-bottom: calc(var(--spacing) * 16);
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 28);
    }
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .kolaWypV {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-300);
    &:is(.dark *) {
      border-color: #585858;
    }
  }
  .uELeXX6T {
    display: block;
    width: 100%;
    color: #868686;
    &:is(.dark *) {
      color: #c1c1c1;
    }
  }
  .nCXmIeHK {
    position: relative;
    margin-bottom: calc(var(--spacing) * 6);
    padding-left: calc(var(--spacing) * 5);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #6c6c6c;
    &:is(.dark *) {
      color: #a1a1a1;
    }
  }
  .qOcRlfco {
    margin-bottom: var(--spacing);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .gEtsSd1r {
    text-align: center;
  }
  .gx4fuoVS {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .t9mUvicf {
    min-width: 0;
    @media (width >= 64rem) {
      grid-column: span 9 / span 9;
    }
  }
  .zOKFrb43 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .qpkCKcmJ {
    background-color: #f2f7ff;
    padding-block: calc(var(--spacing) * 16);
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 24);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #222222 90%, transparent);
    }
  }
  .cu66QITH {
    position: relative;
  }
  .ijcO8TyK {
    color: #585858;
    &:is(.dark *) {
      color: #e5edfb;
    }
  }
  .styNsoaO {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .uWokwcJj {
    display: flex;
    min-height: 100vh;
    align-items: center;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .e97Yjr7k {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .zMfnpTcA {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-500);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .jfR1gEJa {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .tohq4wZM {
    pointer-events: none;
    position: absolute;
    inset: 0;
  }
  .j2zkrEqG {
    display: block;
  }
  .iAzaUU0B {
    flex-shrink: 0;
    padding-inline: calc(var(--spacing) * 10);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: color-mix(in oklab, #c1c1c1 25%, transparent);
    text-transform: uppercase;
    &:is(.dark *) {
      color: color-mix(in oklab, #454545 35%, transparent);
    }
  }
  .aTEd8JRr {
    position: relative;
    display: flex;
    height: 100%;
    gap: calc(var(--spacing) * 5);
    border-radius: calc(6 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: color-mix(in oklab, #a1a1a1 50%, transparent);
      }
    }
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .f1Gzqqxn {
    max-width: var(--container-2xl);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .jNAUkA0q {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .rVCEXYEr {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .vW9d8e6i {
    margin-bottom: calc(var(--spacing) * 8);
    border-radius: calc(6 * 2px);
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 12);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .uRXpQsAG {
    vertical-align: middle;
  }
  .aePZYYa8 {
    width: 100%;
    border-radius: calc(6 * 2px);
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    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));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 80);
    }
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 96);
    }
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .oaS0yqId {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .huIPgtOL {
    width: 100%;
    border-radius: calc(6 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-900);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &::placeholder {
      color: var(--color-slate-400);
    }
    &:focus {
      border-color: #868686;
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      background-color: #353535;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .fO7P2JzU {
    position: absolute;
    top: calc(var(--spacing) * 6);
    left: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #c1c1c1;
    &:is(.dark *) {
      border-color: #585858;
    }
  }
  .hF8IKTyd {
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .dTqVF09C {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(6 * 3px);
    background-color: #6c6c6c;
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
  }
  .qygnkxTZ {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .dvpd5hrr {
    position: relative;
    z-index: 10;
  }
  .ghOqHqMP {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-slate-300);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 5);
    vertical-align: top;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    &:is(.dark *) {
      border-color: #585858;
    }
  }
  .zK5ZGFQk {
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    white-space: nowrap;
  }
  .ldlpjVHg {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .eWVzZPJa {
    position: relative;
    overflow: hidden;
    background-color: #f2f7ff;
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #222222 90%, transparent);
    }
  }
  .qFvIA9hB {
    position: absolute;
    top: calc(var(--spacing) * 6);
    right: 0;
    left: 0;
    z-index: 0;
    height: calc(var(--spacing) * 4);
    color: #a1a1a1;
    &:is(.dark *) {
      color: #6c6c6c;
    }
  }
  .i1ZMq2od {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: calc(var(--spacing) * 8);
  }
  .oBWeu8fW {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .r6eiWo6b {
    margin-bottom: calc(var(--spacing) * 8);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .l4i7hsz1 {
    position: absolute;
    bottom: calc(var(--spacing) * 6);
    left: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #c1c1c1;
    &:is(.dark *) {
      border-color: #585858;
    }
  }
  .okktLIKV {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .rt4KUmW8 {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .bt0SO2za {
    margin-top: calc(var(--spacing) * 12);
  }
  .sUCqqsYV {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(6 * 4px);
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 4);
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .h5PQlhjD {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .dEN0wQCu {
    text-align: center;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .d1mZ8A4g {
    overflow: hidden;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .baO2z9M9 {
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
  }
  .lMw4Objb {
    color: #868686;
  }
  .tt9Z61TA {
    position: relative;
    overflow: hidden;
    background-color: #f2f7ff;
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #222222 90%, transparent);
    }
  }
  .xSjwzDp9 {
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
  }
  .gZuZZs7g {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .jRKgqqxT {
    border-radius: calc(infinity * 1px);
    background-color: #e5edfb;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    color: #585858;
    &:is(.dark *) {
      background-color: #585858;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .sjvF0dS1 {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-4xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .qudFbqpa {
    position: absolute;
    top: calc(var(--spacing) * -24);
    left: calc(var(--spacing) * -24);
    height: calc(var(--spacing) * 96);
    width: calc(var(--spacing) * 96);
    border-radius: calc(infinity * 1px);
    background-color: #e5edfb;
    opacity: 40%;
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    &:is(.dark *) {
      background-color: #353535;
    }
  }
  .fxNnoCwl {
    margin-bottom: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-white);
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .ylw1J7t9 {
    margin-bottom: var(--spacing);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .pMqZ06y9 {
    text-align: center;
  }
  .pEe0as8D {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-800);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #c1c1c1;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #868686;
        }
      }
    }
  }
  .pF4YDMd4 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: #c1c1c1;
    &:is(.dark *) {
      color: #868686;
    }
  }
  .bvyrB90a {
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .hLgsdWTF {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
  }
  .o1lb0uaY {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .nrj77p0n {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #cfdcef;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      border-color: #585858;
    }
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .fJRIHB2A {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 2);
    max-width: var(--container-3xl);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .x6CJTUMB {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .taQfoajw {
    display: inline-block;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .rjcq0sV1 {
    flex-shrink: 0;
    @media (width >= 64rem) {
      position: sticky;
    }
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 80);
    }
    @media (width >= 64rem) {
      align-self: flex-start;
    }
  }
  .q1RvyzjO {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-white);
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .vJvedWYx {
    color: color-mix(in oklab, #c1c1c1 25%, transparent);
    &:is(.dark *) {
      color: color-mix(in oklab, #a1a1a1 20%, transparent);
    }
  }
  .pY7lQTPK {
    display: inline-block;
    border-radius: calc(6 * 2px);
    background-color: #a44a5c;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: #893b4a;
      }
    }
    &:is(.dark *) {
      background-color: #db8492;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f1abb5;
        }
      }
    }
  }
  .oIjLrJh1 {
    @media (width >= 48rem) {
      grid-column: span 5 / span 5;
    }
  }
  .j5c2mkDD {
    position: relative;
    order: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    @media (width >= 64rem) {
      order: 2;
    }
  }
  .mJxIKCPb {
    position: absolute;
    top: calc(1 / 2 * 100%);
    right: 0;
    display: none;
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: #868686;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    @media (width >= 48rem) {
      display: block;
    }
  }
  .tnlmSDUv {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    border-radius: calc(infinity * 1px);
    background-color: #a44a5c;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-white);
    text-decoration-line: none;
    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));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      background-color: #db8492;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .rvAGFuCP {
    margin-bottom: calc(var(--spacing) * 8);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-slate-900);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
    &:is(.dark *) {
      background-color: var(--color-slate-100);
    }
  }
  .ryfjqg6o {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rR3fEJe3 {
    min-width: 0;
  }
  .a7b9OdZd {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .w6c4KvNu {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .rVJ1T3NH {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .wL2zlbYd {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    opacity: 40%;
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .nlM0Xz4m {
    width: 100%;
    border-radius: calc(6 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-600);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-slate-900);
    &::placeholder {
      color: var(--color-slate-500);
    }
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:focus-visible {
      --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);
    }
    &:focus-visible {
      --tw-ring-color: #868686;
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate-800) 30%, transparent);
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rk52FBD1 {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .hdZY3HEZ {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .zsCSJ5dr {
    flex-shrink: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .j90vAznu {
    margin-bottom: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .fPn4zpfJ {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .mULvqVBC {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .zEDBIeUg {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .wIC9uXB1 {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-3xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .qeC9RcUx {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .kQq37fIF {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .jj9g7sdc {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-top: calc(var(--spacing) * 24);
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 28);
    }
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .jH006pQU {
    display: inline-block;
    width: fit-content;
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-white);
    text-transform: uppercase;
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .yo1phIq4 {
    position: absolute;
    inset: calc(var(--spacing) * -1);
    z-index: calc(10 * -1);
    border-radius: calc(6 * 3px);
  }
  .q32vGf2c {
    position: absolute;
    inset: 0;
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);
    --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .p7jnlm4N {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .iHoFAfnZ {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: 0;
    display: none;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: #868686;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    @media (width >= 48rem) {
      display: block;
    }
  }
  .ijA17VcM {
    position: absolute;
    inset-inline-end: calc(var(--spacing) * 0);
    bottom: 0;
    height: calc(var(--spacing) * 40);
    width: calc(var(--spacing) * 40);
    --tw-translate-x: calc(1 / 2 * 100%);
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    --tw-blur: blur(var(--blur-xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .mX92fnRF {
    display: flex;
    gap: calc(var(--spacing) * 6);
    overflow-x: auto;
    padding-bottom: calc(var(--spacing) * 6);
  }
  .zVkMARSy {
    margin: 0;
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .eoweJfNi {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-200);
    -webkit-user-select: none;
    user-select: none;
    @media (width >= 48rem) {
      font-size: 12rem;
    }
    @media (width >= 64rem) {
      font-size: 14rem;
    }
    &:is(.dark *) {
      color: var(--color-slate-700);
    }
  }
  .wDmPWtH3 {
    position: relative;
    z-index: 10;
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
  }
  .spimMtP9 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-600);
    background-color: #f2f7ff;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .lRrjzeZt {
    display: block;
    height: 100%;
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
  }
  .ekMPeNEv {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: calc(6 * 3px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #868686;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .h468BJOi {
    padding-inline: calc(var(--spacing) * 8);
    padding-top: 0;
    padding-bottom: calc(var(--spacing) * 8);
  }
  .zteKohnd {
    position: absolute;
    inset: calc(var(--spacing) * 2);
    border-radius: calc(6 * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #cfdcef;
    &:is(.dark *) {
      border-color: #454545;
    }
  }
  .h3f1jVpN {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 4 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #a1a1a1 10%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #a1a1a1 5%, transparent);
    }
  }
  .c0n5EEoo {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .v2zjC9zX {
    color: color-mix(in oklab, #a1a1a1 30%, transparent);
    &:is(.dark *) {
      color: color-mix(in oklab, #868686 25%, transparent);
    }
  }
  .dBq0d0Pn {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    @media (width >= 64rem) {
      align-items: flex-start;
    }
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .tM30cusy {
    display: inline-flex;
    align-items: center;
    border-radius: calc(6 * 2px);
    background-color: #a44a5c;
    padding-inline: calc(var(--spacing) * 16);
    padding-block: calc(var(--spacing) * 8);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: #893b4a;
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
      }
    }
    &:is(.dark *) {
      background-color: #db8492;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f1abb5;
        }
      }
    }
  }
  .ltn2TNQi {
    position: relative;
    display: flex;
    height: 100%;
    min-height: 390px;
    width: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(6 * 4px);
  }
  .u7gHMo7z {
    border-radius: calc(6 * 2px);
    background-color: #a44a5c;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    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));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: #893b4a;
      }
    }
    &:is(.dark *) {
      background-color: #db8492;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f1abb5;
        }
      }
    }
  }
  .r8TuZcNS {
    color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-100) 90%, transparent);
    }
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-100);
      }
    }
  }
  .ieGE86Bd {
    margin-bottom: calc(var(--spacing) * 3);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .g8mZAij4 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .bUUselD7 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: flex-end;
    }
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .wegwtMtJ {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .upJ8m10O {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-600);
    text-decoration-line: underline;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-400);
      }
    }
  }
  .dcfa57Mt {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-4xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .pPxSFOrv {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 8);
  }
  .oxyzFOWE {
    display: inline-flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: #f2f7ff;
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
    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));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
  }
  .zcdE5TyL {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-white);
  }
  .gk29PqvQ {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    padding: calc(var(--spacing) * 12);
  }
  .fd7LI4Hc {
    margin-bottom: calc(var(--spacing) * 8);
    border-radius: calc(6 * 2px);
    background-color: #6c6c6c;
    padding: calc(var(--spacing) * 6);
    text-align: center;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .cSWe0gdV {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
  }
  .hApbOZTG {
    border-radius: calc(6 * 2px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 3);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .nai2y8QW {
    color: var(--color-slate-900);
    &:hover {
      @media (hover: hover) {
        color: #a1a1a1;
      }
    }
    @media (width >= 64rem) {
      display: none;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #6c6c6c;
        }
      }
    }
  }
  .im0JqZj9 {
    position: relative;
    z-index: 10;
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 24);
    @media (width >= 64rem) {
      padding-block: 0;
    }
  }
  .lhi0p4CM {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .s0tfutJ6 {
    margin-bottom: calc(var(--spacing) * 10);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .eA8HSoBK {
    position: relative;
    display: flex;
    min-height: 0;
    flex-direction: column;
    @media (width >= 64rem) {
      width: calc(2 / 5 * 100%);
    }
    @media (width >= 64rem) {
      align-self: stretch;
    }
  }
  .oiX1XNiG {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .gKTAA3aD {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .wzY49JoC {
    margin-top: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-800);
    padding-top: calc(var(--spacing) * 2);
    text-align: center;
  }
  .cRzeTnDw {
    text-decoration-line: underline;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .uB393huf {
    display: flex;
    gap: calc(var(--spacing) * 6);
    overflow-x: auto;
    padding-right: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 2);
  }
  .d5rzBLy4 {
    position: relative;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .gKjpPZia {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .vp4cjnND {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-300);
    &:is(.dark *) {
      color: var(--color-slate-600);
    }
  }
  .h2C7xMia {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        color: #585858;
      }
    }
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #c1c1c1;
        }
      }
    }
  }
  .e9VRCuko {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    &:hover {
      @media (hover: hover) {
        color: #c1c1c1;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:hover {
      @media (hover: hover) {
        &:is(.dark *) {
          color: #868686;
        }
      }
    }
  }
  .yXkLrovJ {
    margin-bottom: calc(var(--spacing) * 2);
    display: inline-block;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .dfrKCRay {
    text-align: left;
  }
  .wJMRvOIx {
    position: relative;
    padding: calc(var(--spacing) * 6);
    text-align: center;
  }
  .zURp0fNA {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .aCpiebJp {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    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));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .z6TBDMuu {
    position: absolute;
    inset: 0;
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 85%, transparent);
    --tw-gradient-via: color-mix(in oklab, var(--color-black) 25%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .wGB7fk4R {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
  }
  .b4VcYSAV {
    margin-right: calc(var(--spacing) * 2);
  }
  .tEnKCwTT {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-slate-300);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-800);
    &:is(.dark *) {
      border-color: #585858;
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .pBO6UDzK {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #222222;
    }
  }
  .zarjE1DN {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .zuUZICrI {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .wL7N0jBp {
    display: block;
    width: 100%;
    flex: 1;
    color: var(--color-white);
  }
  .eOrQkUxt {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
    &:is(.dark *) {
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
  .vDuCvQ8K {
    position: absolute;
    inset: 0;
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #f2f7ff 50%, transparent);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    &:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, #353535 30%, transparent);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    &:is(.dark *) {
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .pruYeprW {
    position: relative;
    z-index: 10;
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-5xl);
    padding-inline: calc(var(--spacing) * 8);
  }
  .fku2mnCz {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-white);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .wS6qDb3J {
    margin: 0;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .uysLO87v {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .zgGUrCWf {
    background-color: #cfdcef;
    &:is(.dark *) {
      background-color: #585858;
    }
  }
  .dmwmJe1A {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .ky7igEI7 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .yyvoksWO {
    width: 100%;
    @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 >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .dvKMOD9p {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 10);
    max-width: var(--container-2xl);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .uAsuqOnf {
    position: absolute;
    right: calc(var(--spacing) * 6);
    bottom: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: #c1c1c1;
    &:is(.dark *) {
      border-color: #585858;
    }
  }
  .yw9ayWQB {
    position: absolute;
    inset: 0;
  }
  .fXWX2iCQ {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .qugcTkxJ {
    position: relative;
    z-index: 10;
    margin-top: calc(var(--spacing) * 32);
    margin-left: auto;
    width: 100%;
    border-radius: calc(6 * 5px);
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 40);
    }
    @media (width >= 48rem) {
      width: calc(4 / 5 * 100%);
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
    &:is(.dark *) {
      background-color: #454545;
    }
  }
  .qqmcxax4 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .vEyTkD1Y {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .uJLQXolS {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .vQB3IuBv {
    position: absolute;
    top: calc(var(--spacing) * -6);
    left: calc(var(--spacing) * -4);
    width: calc(2 / 3 * 100%);
    overflow: hidden;
    border-radius: calc(6 * 5px);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
  }
  .h5RGHrX2 {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .jGbMOHLE {
    display: flex;
    justify-content: center;
  }
  .el4F450y {
    color: #a44a5c;
    &:is(.dark *) {
      color: #db8492;
    }
  }
  .vEOoxi3M {
    margin-inline: auto;
    max-width: var(--container-3xl);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .oGCJX0eh {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--color-slate-400);
  }
  .hR8fLTO0 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    text-transform: uppercase;
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .ygvLLfXm {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .dOpdHd4M {
    display: grid;
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .vw4147JE {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .tx9MybTy {
    max-width: var(--container-xl);
  }
  .qjLbSWob {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .snUfAqup {
    margin-top: calc(var(--spacing) * 1.5);
    height: var(--spacing);
    width: var(--spacing);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
  }
  .g0EbVnq1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .i6UtSXwF {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .fLUW5War {
    display: flex;
    width: max-content;
  }
  .hgoMamkp {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-500);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .oyealvIP {
    display: block;
    color: var(--color-slate-900);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #a1a1a1;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #6c6c6c;
        }
      }
    }
  }
  .uxCZtZEA {
    overflow: hidden;
  }
  .nh28o8uS {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .exAAk7NL {
    margin-bottom: calc(var(--spacing) * 10);
    max-width: var(--container-2xl);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .pJZ5eSNI {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .yZBnwOOz {
    margin-bottom: calc(var(--spacing) * 5);
    display: block;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .hfjaeS4J {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .nmlKxcYl {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    border-radius: calc(6 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: #f2f7ff;
    padding: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #454545 50%, transparent);
    }
  }
  .fLnjU8Lr {
    position: absolute;
    inset: 0;
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #cfdcef;
    --tw-gradient-via: #c1c1c1;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: #a1a1a1;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    &:is(.dark *) {
      --tw-gradient-from: #585858;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    &:is(.dark *) {
      --tw-gradient-via: #454545;
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
    &:is(.dark *) {
      --tw-gradient-to: #353535;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .uzUGy16E {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .rj8WYQYr {
    position: absolute;
    inset: 0;
    border-radius: calc(6 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
  }
  .qMHuMLBD {
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .sBlEqP1W {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .hrMczNsb {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    color: var(--color-white);
  }
  .txYdH0hA {
    display: block;
    height: 100%;
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    &:is(.dark *) {
      background-color: #a1a1a1;
    }
  }
  .sYR6qSVt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-white);
    text-transform: uppercase;
  }
  .gceqdtXF {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 14);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(6 * 2px);
    background-color: #6c6c6c;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .dyuNhZMc {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .uGoUFSAh {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  .e4CxbBnx {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .iOGg6gIN {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .yFtNfaKX {
    position: absolute;
    top: calc(var(--spacing) * 3);
    right: calc(var(--spacing) * 3);
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #cfdcef;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #585858;
    &:is(.dark *) {
      background-color: #454545;
    }
    &:is(.dark *) {
      color: #c1c1c1;
    }
  }
  .gF1aQbXx {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .lWiKQfcC {
    margin-bottom: calc(var(--spacing) * 12);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-end;
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .ufEGGNnw {
    display: flex;
    min-width: 0;
    flex-direction: column;
  }
  .eIupgdhe {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .ahGag0c6 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .iz4eD6MR {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .ulDuKaTn {
    position: absolute;
    inset: 0;
    animation: var(--animate-ping);
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    opacity: 30%;
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .rHnonldf {
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: #c1c1c1;
    &:is(.dark *) {
      color: #868686;
    }
  }
  .xrqz0A9z {
    background-color: #f2f7ff;
    padding-block: calc(var(--spacing) * 16);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #222222 90%, transparent);
    }
  }
  .wZMeAyAK {
    position: absolute;
    bottom: calc(var(--spacing) * -2);
    left: calc(1 / 2 * 100%);
    height: var(--spacing);
    width: calc(var(--spacing) * 16);
    border-radius: calc(6 * 1px);
    background-color: #6c6c6c;
  }
  .vkgsAT9H {
    position: relative;
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #6c6c6c;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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);
    &:is(.dark *) {
      background-color: #868686;
    }
  }
  .h8WP7Nm7 {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #c1c1c1;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #868686;
    }
  }
  .gJ6YsgBt {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--spacing);
  }
  .w7OYKKNk {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      width: calc(2 / 5 * 100%);
    }
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-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-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-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-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --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-ease: initial;
      --tw-space-y-reverse: 0;
      --tw-font-weight: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
    }
  }
}

.header-mm-is-closed {
    display: none;
}

@media (min-width: 1024px) {
    .mobile-menu-break-lg {
        display: none !important;
    }
}

.header-ui__mobile-link:hover {
    background-color: var(--bs-secondary-bg);
}
.header-ui__z-50 {
    z-index: 1090 !important;
}

/* header-ui-normalized */
.header-ui__box-4 { width: 1rem; height: 1rem; }
.header-ui__box-5 { width: 1.25rem; height: 1.25rem; }
.header-ui__box-8 { width: 2rem; height: 2rem; }
.header-ui__box-9 { width: 2.25rem; height: 2.25rem; }
.header-ui__box-10 { width: 2.5rem; height: 2.5rem; }
.header-ui__box-12 { width: 3rem; height: 3rem; }
.header-ui__box-14 { width: 3.5rem; height: 3.5rem; }
.header-ui__counter { min-width: 18px; height: 18px; }
.header-ui__counter-offset { margin-top: -0.25rem; margin-right: -0.25rem; }
.header-ui__max-64 { max-width: 64rem; }
.header-ui__min-h-16 { min-height: 4rem; }
.header-ui__min-h-20 { min-height: 5rem; }
.header-ui__grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.header-ui__line-y-1 { height: 0.25rem; }
.header-ui__line-y-2 { height: 2px; }
.header-ui__line-zero-1 { height: 0.25rem; width: 0; }
.header-ui__line-zero-2 { height: 2px; width: 0; }
.header-ui__line-5-2 { width: 1.25rem; height: 2px; }
.header-ui__line-4-2 { width: 1rem; height: 2px; }
.header-ui__divider-1-6 { width: 1px; height: 1.5rem; }
.header-ui__w-5 { width: 1.25rem; }
.header-ui__top-2 { top: 0.5rem; }
.header-ui__top-4 { top: 1rem; }
.header-ui__top-full { top: 100%; }
.header-ui__offset-4 { margin-top: 1rem; margin-right: 1rem; }
.header-ui__nowrap { text-wrap: nowrap; }

.header-ui__h-20 { height: 5rem; }


.preferences-shield__jacket--glass {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

@keyframes preferences-shield-flare-ping-loop {
    75%, 100% { transform: scale(2); opacity: 0; }
}
.preferences-shield__flare--ping {
    animation: preferences-shield-flare-ping-loop 1s cubic-bezier(0,0,.2,1) infinite;
}

.preferences-shield__banner--initial {
    display: none;
    z-index: 1050;
}

.preferences-shield__icon-badge {
    width: 3rem;
    height: 3rem;
}

.preferences-shield__text-box {
    flex: 1 1 0%;
    min-width: 0;
}

.preferences-shield__description {
    font-size: 0.75rem;
    line-height: 1rem;
}

.preferences-shield__appeal--shift {
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

.preferences-shield__appeal--shift:hover {
    transform: scale(1.05);
}

.preferences-shield__control--shift {
    font-size: 0.75rem;
    transition: all 0.2s ease;
}

.preferences-shield__control--shift:hover {
    transform: scale(1.05);
}

.preferences-shield__privacy-link {
    font-size: 0.75rem;
    line-height: 1rem;
    transition: color 0.2s ease;
}

.footer-multi-column__logo {
    transition: transform 0.3s ease;
}
.footer-multi-column__logo:hover {
    transform: scale(1.05);
}

.footer-multi-column__contact-link {
    transition: color 0.3s ease;
}
.footer-multi-column__contact-link:hover {
    color: var(--bs-primary);
}

.footer-multi-column__nav-link {
    transition: color 0.3s ease, transform 0.3s ease;
    display: inline-block;
}
.footer-multi-column__nav-link:hover {
    transform: scale(1.05);
    color: var(--bs-primary);
}

.footer-multi-column__icon-wrap {
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    flex-shrink: 0;
}

.thanks-horizontal-split__wrap-cap {
    max-width: 72rem !important;
}

.thanks-horizontal-split__hero-icon {
    width: 5rem;
    height: 5rem;
}

.thanks-horizontal-split__step-disc {
    width: 2rem;
    height: 2rem;
}

.thanks-horizontal-split__cta--lift:hover {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

.about-reel__head { max-width: 44rem; }

.about-reel__arrow { width: 3.25rem; height: 3.25rem; appearance: none; -webkit-appearance: none; cursor: pointer; transition: transform 200ms ease, opacity 200ms ease; }
.about-reel__arrow[disabled] { opacity: .35; cursor: default; transform: none; }

.about-reel__timeline { padding: 0 .25rem; }
.about-reel__rail { top: 1.125rem; height: .25rem; }
.about-reel__rail-fill { width: 0; transition: width 250ms ease-out; }
.about-reel__node { appearance: none; -webkit-appearance: none; font: inherit; cursor: pointer; opacity: .55; transition: opacity 300ms ease; }
.about-reel__node.is-active, .about-reel__node.is-done { opacity: 1; }
.about-reel__node:focus-visible { outline: 2px solid; outline-offset: 4px; border-radius: .5rem; }
.about-reel__dot { width: 2.5rem; height: 2.5rem; font-size: .9375rem; transform: scale(.82); transition: transform 300ms cubic-bezier(.3, 1.4, .4, 1); }
.about-reel__node.is-active .about-reel__dot { transform: scale(1.08); }
.about-reel__node-label { font-size: .875rem; line-height: 1.25rem; }

.about-reel__track { scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: thin; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.about-reel__track:focus-visible { outline: 2px solid; outline-offset: 4px; border-radius: 1.5rem; }
.about-reel__card { flex: 0 0 86%; scroll-snap-align: start; opacity: .55; transform: scale(.96); transition: opacity 500ms ease, transform 500ms cubic-bezier(.2, .8, .2, 1); }
.about-reel__card.is-active { opacity: 1; transform: none; }
@media (min-width: 640px) { .about-reel__card { flex-basis: 60%; } }
@media (min-width: 1024px) { .about-reel__card { flex-basis: 40%; } }
@media (min-width: 1280px) { .about-reel__card { flex-basis: 36%; } }

.about-reel__figure { aspect-ratio: 16 / 10; }
.about-reel__img { object-fit: cover; transform: scale(1.1); transition: transform 1200ms cubic-bezier(.2, .8, .2, 1); }
.about-reel__card.is-active .about-reel__img { transform: scale(1); }

.about-reel__caption { font-size: .875rem; line-height: 1.25rem; min-width: 0; overflow-wrap: anywhere; }
.about-reel__meter { height: .5rem; }
.about-reel__meter-fill { width: 0; transition: width 1400ms cubic-bezier(.2, .8, .2, 1) 200ms; }

@media (prefers-reduced-motion: reduce) {
    .about-reel__track { scroll-behavior: auto; }
    .about-reel__card, .about-reel__img, .about-reel__meter-fill, .about-reel__rail-fill, .about-reel__dot { transition: none; }
    .about-reel__card { opacity: 1; transform: none; }
}
/* keep edge labels inside the container */
.about-reel__node-label { max-width: 9rem; text-align: center; }
.about-reel__timeline li:first-child .about-reel__node { align-items: flex-start !important; }
.about-reel__timeline li:first-child .about-reel__node-label { text-align: left; }
.about-reel__timeline li:last-child .about-reel__node { align-items: flex-end !important; }
.about-reel__timeline li:last-child .about-reel__node-label { text-align: right; }
@media (max-width: 767px) { .about-reel__node-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } }

/* wpg-hidden: utility classes are renamed in production builds, so hidden states must not rely on .hidden / .d-none alone */
.about-reel[hidden], .about-reel [hidden], .about-reel .hidden.d-none { display: none !important; }

.outlook-mission__icon-box {
    width: 3.5rem;
    height: 3.5rem;
}

.outlook-mission__grid {
    column-count: 1;
    column-gap: 1.5rem;
}

@media (min-width: 640px) {
    .outlook-mission__grid {
        column-count: 2;
    }
}

@media (min-width: 1024px) {
    .outlook-mission__grid {
        column-count: 3;
    }
}

.outlook-mission__item {
    margin-bottom: 1.5rem;
    break-inside: avoid;
}

.outlook-mission__icon-box-sm {
    width: 3rem;
    height: 3rem;
}

/* team v28 — neon mosaic tiles + diagonal brand marquees */
.team-mosaic__diag-scene {
  overflow: hidden;
}

.team-mosaic__diag-strip {
  position: absolute;
  left: -25%;
  width: 150%;
  overflow: hidden;
  pointer-events: none;
}

.team-mosaic__diag-strip--a {
  top: 12%;
  transform: rotate(-14deg);
}

.team-mosaic__diag-strip--b {
  top: 36%;
  transform: rotate(10deg);
}

.team-mosaic__diag-strip--c {
  top: 58%;
  transform: rotate(-8deg);
}

.team-mosaic__diag-strip--d {
  top: 78%;
  transform: rotate(16deg);
}

.team-mosaic__diag-rail {
  display: inline-flex;
  will-change: transform;
}

.team-mosaic__diag-strip--a .team-mosaic__diag-rail {
  animation: team-mosaic-diag-run 38s linear infinite;
}

.team-mosaic__diag-strip--b .team-mosaic__diag-rail {
  animation: team-mosaic-diag-run-rev 32s linear infinite;
}

.team-mosaic__diag-strip--c .team-mosaic__diag-rail {
  animation: team-mosaic-diag-run 44s linear infinite;
  animation-delay: 4s;
}

.team-mosaic__diag-strip--d .team-mosaic__diag-rail {
  animation: team-mosaic-diag-run-rev 36s linear infinite;
  animation-delay: 2s;
}

.team-mosaic__diag-chunk {
  font-size: clamp(1.75rem, 5vw, 3.25rem);
  line-height: 1;
  flex-shrink: 0;
}

@keyframes team-mosaic-diag-run {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes team-mosaic-diag-run-rev {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

.team-mosaic__item {
  position: relative;
  aspect-ratio: 1;
  min-width: 0;
}

.team-mosaic__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

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

.team-mosaic__glow {
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: linear-gradient(45deg, var(--bs-primary), transparent, var(--bs-primary));
  opacity: 0;
  z-index: 0;
  transition: opacity 300ms ease;
  pointer-events: none;
}

.team-mosaic__item:hover .team-mosaic__glow {
  opacity: 0.35;
  filter: blur(8px);
}

@media (prefers-reduced-motion: reduce) {
  .team-mosaic__diag-rail {
    animation: none;
  }
}

.accordion-playstation-timeline__chevron--open {
    transform: rotate(180deg);
}

.accordion-playstation-timeline__panel {
    max-height: 400px;
    transition: max-height 0.35s ease;
}

.accordion-playstation-timeline__panel[aria-hidden="true"],
.accordion-playstation-timeline__panel.is-closed {
    max-height: 0 !important;
}

.accordion-playstation-timeline__decor-tr {
    clip-path: polygon(100% 0, 100% 60%, 40% 0);
    top: 0;
    right: 0;
    width: 16rem;
    height: 16rem;
}

.accordion-playstation-timeline__decor-bl {
    clip-path: polygon(0 40%, 60% 100%, 0 100%);
    bottom: 0;
    left: 0;
    width: 12rem;
    height: 12rem;
}

.accordion-playstation-timeline__badge-size {
    width: 3.5rem;
    height: 2.5rem;
}

.accordion-playstation-timeline__panel--closed {
    max-height: 0;
}

.accordion-playstation-timeline__min-shrink {
  min-width: 0;
}

/* cta waves — SVG wave scroll (colors via currentColor in Blade) */
.cta-waves__scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.cta-waves__track {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200%;
  height: 46%;
  display: flex;
  flex-direction: row;
  animation: cta-waves-flow 24s linear infinite;
  will-change: transform;
}

.cta-waves__track--front {
  bottom: 6%;
  height: 34%;
  animation-duration: 17s;
  animation-delay: -6s;
}

.cta-waves__svg {
  flex: 0 0 50%;
  width: 50%;
  height: 100%;
  display: block;
}

@keyframes cta-waves-flow {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cta-waves__track {
    animation: none;
    transform: translateX(-25%);
  }
}

/* intro v25 — Sagmeister ticket: corner patch, spiral binding, ticket perforation, square thumb */

/* Corner accent patch → triangle */
.intro-tkt__patch {
    width: 10rem;
    height: 10rem;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    opacity: 0.9;
}
.intro-tkt__spiral { height: 1rem; }
.intro-tkt__body { min-width: 0; }
.intro-tkt__close { width: 2rem; height: 2rem; }

/* Torn notebook spiral binding holes (colour from Tailwind text-*, holes via mask) */
.intro-tkt__spiral {
    -webkit-mask: radial-gradient(circle 5px at center, black 98%, transparent 100%) 0 0 / 30px 100%;
    mask: radial-gradient(circle 5px at center, black 98%, transparent 100%) 0 0 / 30px 100%;
    background: currentColor;
    opacity: 0.5;
}

/* Square cropped thumbnail */
.intro-tkt__thumb {
    width: 6rem;
    height: 6rem;
    object-fit: cover;
}

/* Ticket stub perforation (currentColor from the card text) */
.intro-tkt__ticket { transition: box-shadow 240ms ease; }
.intro-tkt__ticket::after {
    content: "";
    position: absolute;
    top: 0.75rem;
    bottom: 0.75rem;
    left: 7.5rem;
    border-left: 2px dashed currentColor;
    opacity: 0.25;
    pointer-events: none;
}
@media (max-width: 575.98px) {
    .intro-tkt__ticket::after { display: none; }
}

.headline-icon-stack__icon-wrap {
    width: 3rem;
    height: 3rem;
}

/* Card hover: scale */
.portfolio-item-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.portfolio-item-hover:hover {
    transform: scale(1.05);
}

/* Image: zoom on card hover */
.portfolio-item-hover .portfolio-img-hover {
    transition: transform 0.3s ease;
}
.portfolio-item-hover:hover .portfolio-img-hover {
    transform: scale(1.05);
}

/* Overlay: fade in on card hover */
.portfolio-overlay-hover {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.portfolio-item-hover:hover .portfolio-overlay-hover {
    opacity: 1;
}

/* subscribe v30 — SVG decor placement, sizing and drift: shared by both CSS frameworks, no colors */
.mailing-minimal-underline__section--py-4xl {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.mxw-sm {
    max-width: 24rem !important;
}

.mailing-minimal-underline__center {
    max-width: 28rem;
}

.mailing-minimal-underline__pattern {
    mask-image: radial-gradient(ellipse 72% 68% at 50% 46%, transparent 18%, black 92%);
}

.mailing-minimal-underline__corner {
    will-change: transform;
}

.mailing-minimal-underline__corner--tl {
    top: 2rem;
    inset-inline-start: 2rem;
    width: 6rem;
    height: 6rem;
    animation: mailing-minimal-underline-drift 9s ease-in-out infinite;
}

.mailing-minimal-underline__corner--br {
    bottom: 2.5rem;
    inset-inline-end: 2.5rem;
    width: 7rem;
    height: 7rem;
    animation: mailing-minimal-underline-drift 11s ease-in-out infinite reverse;
}

.mailing-minimal-underline__marks {
    top: 4rem;
    inset-inline-end: 4rem;
    width: 5rem;
    height: 5rem;
    animation: mailing-minimal-underline-drift 7s ease-in-out infinite;
    animation-delay: 1.2s;
}

.mailing-minimal-underline__title {
    font-size: 1.5rem;
}

.mailing-minimal-underline__subtitle {
    margin-bottom: 2.5rem;
}

.mailing-minimal-underline__form {
    gap: 2rem;
}

/* underline field: border geometry lives here so both frameworks draw the same rule */
.mailing-minimal-underline__input {
    border-width: 0 0 2px;
    border-style: solid;
    transition: border-color 150ms ease;
}

.mailing-minimal-underline__cta {
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
    cursor: pointer;
    transition: color 150ms ease;
}

/* Accent on focus / hover. `:where()` keeps specificity at 0-1-0 so the framework's own
   utility wins wherever it exists (Tailwind), and this is the only rule in Bootstrap. */
:where(.mailing-minimal-underline__input):focus {
    border-color: var(--bs-primary);
    outline: none;
}

:where(.mailing-minimal-underline__cta):hover,
:where(.mailing-minimal-underline__cta):focus-visible {
    color: var(--bs-primary);
}

.mailing-minimal-underline__thanks {
    margin-top: 2rem;
}

.mailing-minimal-underline__thanks-title {
    font-size: 1.125rem;
}

@keyframes mailing-minimal-underline-drift {
    0%, 100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(0.35rem, -0.35rem);
    }
}

@media (min-width: 768px) {
    .mailing-minimal-underline__title {
        font-size: 2.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mailing-minimal-underline__corner--tl,
    .mailing-minimal-underline__corner--br,
    .mailing-minimal-underline__marks {
        animation: none;
    }
}

@media (max-width: 767px) {
    .mailing-minimal-underline__corner--tl,
    .mailing-minimal-underline__corner--br,
    .mailing-minimal-underline__marks {
        opacity: 0.55;
    }
}

.cookie-policy-orb-top {
    width: 16rem;
    height: 16rem;
    top: 5rem;
    right: 5rem;
}
.cookie-policy-orb-bottom {
    width: 20rem;
    height: 20rem;
    bottom: 5rem;
    left: 5rem;
    animation-delay: 1s;
}
.cookie-policy-accent-line {
    height: 0.25rem;
    max-width: 6rem;
}
.cookie-policy-icon {
    width: 3rem;
    height: 3rem;
}

/* fund-halo — layout, sizes, motion only (colours live in the template) */

.fund-halo__glow {
    width: 30rem;
    height: 30rem;
    margin-left: calc(50% - 15rem);
    margin-top: 26rem;
    filter: blur(90px);
}

.fund-halo__eyebrow {
    letter-spacing: 0.16em;
}

.fund-halo__title {
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.fund-halo__lead {
    max-width: 36rem;
}

.fund-halo__stat {
    border-left-style: dashed !important;
}

/* below lg the stat sits centred on its own line, without the divider */
.fund-halo__stat {
    align-items: center !important;
    text-align: center !important;
    padding-left: 0 !important;
    border-left-width: 0 !important;
}

.fund-halo__micro {
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0.12em;
}

/* --- arc stage: a circle whose arc carries the bubbles ---
   --r  ring radius, --h stage height, --b bubble size,
   --base angle of the arc middle (0 = left point, -90deg = bottom point), --k spread factor */
.fund-halo__stage {
    --r: 18rem;
    --h: 14rem;
    --b: 3.5rem;
    --bm: 4.75rem;
    --base: -90deg;
    --k: 1.15;
    height: var(--h);
    margin-left: -2rem;
    margin-right: -2rem;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, black 35%);
    mask-image: linear-gradient(to bottom, transparent 0, black 35%);
}

.fund-halo__ring {
    width: calc(var(--r) * 2);
    height: calc(var(--r) * 2);
    margin-left: calc(50% - var(--r));
    margin-top: calc(var(--h) - var(--r) * 2 - var(--bm) / 2 - 1.75rem);
}

.fund-halo__spoke {
    --off: 0deg;
    --drift: 0.75rem;
    --a: calc(var(--base) + var(--off) * var(--k));
    width: 0;
    height: 0;
    transform: rotate(var(--a)) translateX(calc(-1 * var(--r))) rotate(calc(-1 * var(--a)));
    animation: fund-halo-float 6s ease-in-out infinite;
}

.fund-halo__bubble {
    width: var(--b);
    height: var(--b);
    margin-left: calc(var(--b) / -2);
    margin-top: calc(var(--b) / -2);
}

.fund-halo__bubble--main {
    width: var(--bm);
    height: var(--bm);
    margin-left: calc(var(--bm) / -2);
    margin-top: calc(var(--bm) / -2);
}

.fund-halo__spoke--1 { --off: -11deg; animation-delay: -0.8s; }
.fund-halo__spoke--2 { --off: 11deg;  animation-delay: -1.6s; --drift: -0.75rem; }
.fund-halo__spoke--3 { --off: -22deg; animation-delay: -2.4s; }
.fund-halo__spoke--4 { --off: 22deg;  animation-delay: -3.2s; --drift: -0.75rem; }
.fund-halo__spoke--5 { --off: -33deg; animation-delay: -4s; }
.fund-halo__spoke--6 { --off: 33deg;  animation-delay: -4.8s; --drift: -0.75rem; }
.fund-halo__spoke--7 { --off: -44deg; animation-delay: -1.2s; }
.fund-halo__spoke--8 { --off: 44deg;  animation-delay: -2s; --drift: -0.75rem; }
.fund-halo__spoke--9 { --off: -55deg; animation-delay: -2.8s; }
.fund-halo__spoke--main { --off: 0deg; --drift: 0.5rem; animation-delay: -3.6s; }

/* mobile / tablet: lower arc keeps ~6 bubbles */
.fund-halo__spoke--7,
.fund-halo__spoke--8,
.fund-halo__spoke--9 {
    display: none;
}

@keyframes fund-halo-float {
    0%, 100% {
        transform: rotate(var(--a)) translateX(calc(-1 * var(--r))) rotate(calc(-1 * var(--a)));
    }
    50% {
        transform: rotate(var(--a)) translateX(calc(-1 * var(--r) - var(--drift))) rotate(calc(-1 * var(--a)));
    }
}

@media (min-width: 768px) {
    .fund-halo__stage {
        --r: 28rem;
        --h: 16rem;
        --b: 4.25rem;
        --bm: 5.5rem;
        --k: 1.15;
    }

    .fund-halo__glow {
        width: 40rem;
        height: 40rem;
        margin-left: calc(50% - 20rem);
        margin-top: 24rem;
    }
}

@media (min-width: 1024px) {
    .fund-halo__lead {
        max-width: 34rem;
    }

    .fund-halo__stage {
        --r: 32rem;
        --h: 38rem;
        --b: 4rem;
        --bm: 5.5rem;
        --base: 0deg;
        --k: 0.85;
        margin-left: 0;
        margin-right: 0;
        overflow: visible;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .fund-halo__stat {
        align-items: flex-start !important;
        text-align: left !important;
        padding-left: 1.5rem !important;
        border-left-width: 1px !important;
    }

    .fund-halo__ring {
        margin-left: 18%;
        margin-top: calc(var(--h) / 2 - var(--r));
    }

    .fund-halo__spoke--7,
    .fund-halo__spoke--8,
    .fund-halo__spoke--9 {
        display: block;
    }

    .fund-halo__glow {
        width: 46rem;
        height: 46rem;
        margin-left: 52%;
        margin-top: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fund-halo__spoke {
        animation: none;
    }
}

.services-clauses__serif,
[data-serif] {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.services-clauses__num {
    opacity: 0;
    transform: translateY(0.5rem);
    transition: opacity 500ms ease, transform 500ms ease;
}
.services-clauses__num.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.header-ui__box-11 {
    width: 2.75rem;
    height: 2.75rem;
    min-width: 2.75rem;
    min-height: 2.75rem;
    flex-shrink: 0;
}

/* v12 - Horizontal carousel: flex track with explicit gap (framework-independent — works under both TW and BS, since BS has no row/col-safe equivalent for a gapped scroll track) */
.steps-gradient-carousel__track {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
}

.steps-gradient-carousel__track::-webkit-scrollbar {
    display: none;
}

.steps-gradient-carousel__card {
    width: 260px;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .steps-gradient-carousel__card {
        width: 300px;
    }
}

/* prev/next controls: fixed circle size, no Bootstrap utility equivalent */
.steps-gradient-carousel__arrow {
    width: 2.75rem;
    height: 2.75rem;
}

/* icon badge: fixed square size, no Bootstrap width/height utility beyond w-25/50/75/100 */
.steps-gradient-carousel__badge {
    width: 3.5rem;
    height: 3.5rem;
}

/* -- Feature card hover -- */
.feat-card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.feat-card-hover:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,.12) !important;
}

/* -- Icon box sizing -- */
.feat-icon-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 2.5rem;
    min-height: 2.5rem;
}
.feat-icon-box--lg {
    width: 4rem;
    height: 4rem;
    border-radius: 0.75rem;
}
.feat-icon-box--xl {
    width: 5rem;
    height: 5rem;
    border-radius: 1rem;
}
.feat-icon-box--circle {
    border-radius: 50%;
}

/* -- Nav/filmstrip button hover -- */
.feat-btn-nav {
    transition: transform 0.15s ease, background-color 0.15s ease;
}
.feat-btn-nav:hover {
    transform: scale(1.1);
}

/* -- Table row hover -- */
.feat-table-row-hover {
    transition: background-color 0.15s ease;
}
.feat-table-row-hover:hover {
    background-color: var(--bs-primary-bg-subtle) !important;
}

/* -- Accordion item hover -- */
.feat-accordion-hover summary:hover {
    background-color: var(--bs-primary-bg-subtle);
    border-radius: 0.75rem;
}

/* -- DL item hover -- */
.feat-dl-item-hover {
    transition: background-color 0.15s ease;
    border-radius: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.feat-dl-item-hover:hover {
    background-color: var(--bs-primary-bg-subtle);
}

/* -- Deck button hover -- */
.feat-deck-btn {
    transition: filter 0.2s ease, transform 0.15s ease;
}
.feat-deck-btn:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}
/* Layout-only hover; theme colors stay in Tailwind/Bootstrap via Blade */
.pricing-card-hover {
  transition: box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1), transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) {
  .pricing-card-hover:hover {
    box-shadow: 0 22px 44px -18px rgba(15, 23, 42, 0.2);
  }

  .dark .pricing-card-hover:hover {
    box-shadow: 0 22px 44px -14px rgba(0, 0, 0, 0.5);
  }
}

@media (hover: hover) and (min-width: 640px) {
  .pricing-card-hover:hover {
    transform: translateY(-3px) scale(1.02);
  }
}

.pricing-card-hover:hover .pricing__btn {
  transform: scale(1.02);
}

.pricing__btn {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}


/* testimonials — tower reel: sticky header + vertical marquee */
.tower-reel__eyebrow {
    letter-spacing: 0.12em;
}

.tower-reel__title {
    letter-spacing: -0.025em;
}

.tower-reel__aside {
    position: sticky;
    top: 6rem;
}

.tower-reel__stage {
    height: 36rem;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
}

.tower-reel__track {
    width: 100%;
    animation: tower-reel-up 55s linear infinite;
    will-change: transform;
}

.tower-reel__track--down {
    animation-name: tower-reel-down;
}

.tower-reel__stage:hover .tower-reel__track,
.tower-reel__stage:focus-within .tower-reel__track {
    animation-play-state: paused;
}

.tower-reel__list {
    gap: 1.25rem;
    padding-bottom: 1.25rem;
}

.tower-reel__card {
    width: 100%;
    min-height: 14rem;
}

.tower-reel__avatar {
    width: 3.5rem;
    height: 3.5rem;
    object-fit: cover;
}

@keyframes tower-reel-up {
    from { transform: translateY(0); }
    to { transform: translateY(-50%); }
}

@keyframes tower-reel-down {
    from { transform: translateY(-50%); }
    to { transform: translateY(0); }
}

@media (min-width: 992px) {
    .tower-reel__stage {
        height: 42rem;
    }

    .tower-reel__card {
        min-height: 15rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tower-reel__track {
        animation: none;
        transform: none;
    }

    .tower-reel__stage {
        height: auto;
        overflow-y: auto;
        -webkit-mask-image: none;
        mask-image: none;
    }
}

.cta-staircase__step-num {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  flex-shrink: 0;
}

.cta-staircase__stairs {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

.cta-staircase__step {
  transform: translateX(calc(var(--step, 0) * 20px));
  animation: cta-staircase__fade 600ms ease both;
  animation-delay: calc(var(--step, 0) * 100ms);
}

@keyframes cta-staircase__fade {
  from { opacity: 0; transform: translateX(-30px); }
  to { opacity: 1; transform: translateX(calc(var(--step, 0) * 20px)); }
}

@media (max-width: 768px) {
  .cta-staircase__step {
    transform: translateX(0);
  }
}

.intro-split-gradient__col-left {
    flex: 1 1 60%;
}

.intro-split-gradient__skew-decor {
    width: 8rem;
}

.intro-split-gradient__content-area {
    max-width: 42rem;
}

.intro-split-gradient__text-box {
    max-width: 36rem;
}

.intro-split-gradient__col-right {
    flex: 1 1 40%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    align-self: stretch;
}

.intro-split-gradient__media-frame {
    flex: 1 1 auto;
    position: relative;
    overflow: hidden;
    /* Завжди є «коробка» для absolute img (BS Reboot: img height:auto ламає h-100 у порожнього батька) */
    min-height: 16rem;
    aspect-ratio: 4 / 3;
}

/* Перебиваємо Bootstrap reboot для img */
.intro-split-gradient__media-frame > img.intro-split-gradient__media-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    z-index: 0;
}

@media (min-width: 992px) {
    /* Права смуга на всю висоту в’юпорту — тоді flex-grow має від чого рахувати */
    .intro-split-gradient__col-right {
        min-height: 100vh;
        min-height: 100dvh;
    }

    .intro-split-gradient__media-frame {
        flex: 1 1 0;
        width: 100%;
        min-height: min(50vh, 24rem);
        max-height: none;
        aspect-ratio: auto;
    }

    .intro-split-gradient__media-frame > img.intro-split-gradient__media-img {
        height: 100%;
    }
}

.intro-split-gradient__media-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* FAQ v18 — accordion mechanics */
.faq-accordion-panel {
    max-height: 0;
}

.faq-accordion-icon.solver-hints-symbol-reveal {
    transform: rotate(180deg);
}

/* advantages — trust dashboard: layout, sizes and transforms only (no colors) */
.trust-dashboard__eyebrow {
    font-size: 0.875rem;
    letter-spacing: 0.2em;
}

.trust-dashboard__heading {
    letter-spacing: -0.025em;
}

.trust-dashboard__toggle {
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    cursor: pointer;
    outline-offset: -2px;
}

.trust-dashboard__num {
    min-width: 2rem;
}

.trust-dashboard__plus {
    transition: transform 200ms ease;
}

.trust-dashboard__item.is-open .trust-dashboard__plus {
    transform: rotate(45deg);
}

.trust-dashboard__panel {
    padding-left: 3.25rem;
}

.trust-dashboard__cloud {
    filter: blur(2.5rem);
    pointer-events: none;
}

.trust-dashboard__cloud--a { width: 16rem; height: 9rem; transform: translate(-4rem, -2rem); }
.trust-dashboard__cloud--b { width: 20rem; height: 11rem; transform: translate(60%, 160%); }

.trust-dashboard__heatmap {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.25rem;
}

.trust-dashboard__heat {
    aspect-ratio: 1.5 / 1;
    animation: trust-heat-pulse 2.8s ease-in-out infinite;
    will-change: opacity, transform;
}

.trust-dashboard__heat:nth-child(7n + 1) { animation-delay: 0s; }
.trust-dashboard__heat:nth-child(7n + 2) { animation-delay: 0.2s; }
.trust-dashboard__heat:nth-child(7n + 3) { animation-delay: 0.4s; }
.trust-dashboard__heat:nth-child(7n + 4) { animation-delay: 0.6s; }
.trust-dashboard__heat:nth-child(7n + 5) { animation-delay: 0.8s; }
.trust-dashboard__heat:nth-child(7n + 6) { animation-delay: 1s; }
.trust-dashboard__heat:nth-child(7n + 7) { animation-delay: 1.2s; }

@keyframes trust-heat-pulse {
    0%, 100% {
        opacity: 0.55;
        transform: scale(0.94);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
}

.trust-dashboard__tiny {
    font-size: 0.6875rem;
    line-height: 1rem;
}

.trust-dashboard__icon {
    width: 2rem;
    height: 2rem;
    font-size: 0.75rem;
}

.trust-dashboard__insight-body {
    min-width: 0;
}

.trust-dashboard__chart {
    height: 8.5rem;
    overflow: visible;
}

.trust-dashboard__chart-fill {
    animation: trust-chart-fill 3.6s ease-in-out infinite;
    transform-origin: center bottom;
}

.trust-dashboard__chart-line {
    stroke-dasharray: 520;
    stroke-dashoffset: 0;
    animation: trust-chart-draw 4.8s ease-in-out infinite;
}

.trust-dashboard__chart-guide {
    animation: trust-chart-guide 4.8s ease-in-out infinite;
}

.trust-dashboard__chart-mark,
.trust-dashboard__chart-dot {
    animation: trust-chart-mark 4.8s ease-in-out infinite;
}

@keyframes trust-chart-fill {
    0%, 100% {
        opacity: 0.7;
        transform: scaleY(0.92);
    }
    50% {
        opacity: 1;
        transform: scaleY(1);
    }
}

@keyframes trust-chart-draw {
    0% {
        stroke-dashoffset: 520;
        opacity: 0.35;
    }
    35% {
        stroke-dashoffset: 0;
        opacity: 1;
    }
    70%, 100% {
        stroke-dashoffset: 0;
        opacity: 1;
    }
}

@keyframes trust-chart-guide {
    0%, 20% { opacity: 0; }
    45%, 100% { opacity: 1; }
}

@keyframes trust-chart-mark {
    0%, 30% {
        opacity: 0;
        transform: translateY(6px);
    }
    45%, 100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.trust-dashboard__heatmap > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
    .trust-dashboard__heat,
    .trust-dashboard__chart-fill,
    .trust-dashboard__chart-line,
    .trust-dashboard__chart-guide,
    .trust-dashboard__chart-mark,
    .trust-dashboard__chart-dot {
        animation: none;
        opacity: 1;
        transform: none;
        stroke-dashoffset: 0;
    }
}

/* utility classes are renamed in production builds, so closed panels rely on the hidden attribute */
.trust-dashboard__panel[hidden] { display: none !important; }

/* month labels under the heatmap: one line each, trimmed if long, so neighbours never collide */
.trust-dashboard__heatmap.trust-dashboard__tiny > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.drive-signup__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.drive-signup__grid {
    min-height: 350px;
}

@keyframes drive-signup-spark-beat-seq {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.drive-signup__spark--beat {
    animation: drive-signup-spark-beat-seq 2s cubic-bezier(.4,0,.6,1) infinite;
}

.drive-signup__prompt--glow:hover { transform: scale(1.05); transition: transform .2s ease; }


.nf-clean__row--gap {
    gap: 5rem;
}

.nf-clean__text--gap {
    margin-bottom: 4rem;
}

.nf-clean__cta--wide {
    padding-left: 4rem;
    padding-right: 4rem;
}

.privacy-hero-bordered__hero-decor {
    top: -50%;
    right: -20%;
    width: 18rem;
    height: 18rem;
}

.privacy-hero-bordered__heading-accent {
    width: 0.375rem;
    height: 2rem;
    top: 50%;
    transform: translateY(-50%);
}

.privacy-hero-bordered__arrow-accent {
    left: -0.5rem;
    top: 50%;
    transform: translateY(-50%);
}

.privacy-hero-bordered__rights-card {
    transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.privacy-hero-bordered__rights-card:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

.privacy-hero-bordered__cta-accent {
    bottom: -0.5rem;
    width: 4rem;
    height: 0.25rem;
    left: 50%;
    transform: translateX(-50%);
}

.privacy-hero-bordered__contact-link:hover {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

.privacy-hero-bordered__hero-area {
    margin-bottom: 3rem;
}

.privacy-hero-bordered__notice {
    margin-bottom: 2rem;
}

.privacy-hero-bordered__content-panel {
    margin-bottom: 2rem;
}

.privacy-hero-bordered__content-section {
    margin-bottom: 3rem;
}

.privacy-hero-bordered__body-copy {
    margin-bottom: 2rem;
}

.mxw-4xl { max-width: 56rem !important; }

.contact-us-flex__min {
    min-width: 0;
}

.contact-us-media__cover {
    object-fit: cover;
}

.google-map-with-gradient-banner-header-and-info-cards__iframe { width: 100%; min-height: 400px; }
@media (min-width: 768px) { .google-map-with-gradient-banner-header-and-info-cards__iframe { min-height: 600px; } }

/* iframe-normalized */
.google-map-with-gradient-banner-header-and-info-cards__iframe {
    width: 100%;
    max-width: 100%;
    height: 400px;
    min-height: 400px;
    display: block;
    border: 0;
    box-sizing: border-box;
    vertical-align: bottom;
}

@media (min-width: 768px) {
    .google-map-with-gradient-banner-header-and-info-cards__iframe {
        height: 600px;
        min-height: 600px;
    }
}


/* twin-orbit — layout, sizes, motion only (colours live in the template) */

.twin-orbit {
    --to-outer: 30rem;
    --to-inner: 18rem;
    --to-bottom: 3.5rem;
    --to-b-outer: 3rem;
    --to-b-inner: 2.25rem;
    --to-spread: 0.85;
    padding-bottom: 14rem !important;
}

.twin-orbit__glow {
    width: 64rem;
    height: 40rem;
    transform: translate(-50%, -30%);
    filter: blur(90px);
}

.twin-orbit__eyebrow {
    font-size: 0.875rem;
    letter-spacing: 0.2em;
}

.twin-orbit__title {
    letter-spacing: -0.03em;
    text-wrap: balance;
}

/* --- concentric rings, both anchored to the section bottom --- */
.twin-orbit__ring {
    left: 50%;
    top: auto !important;
    box-sizing: border-box;
    z-index: 0;
}

/* only the ring line fades out towards the top; bubbles stay unmasked */
.twin-orbit__line {
    box-sizing: border-box;
    -webkit-mask-image: linear-gradient(to bottom, transparent 10%, black 45%);
    mask-image: linear-gradient(to bottom, transparent 10%, black 45%);
}

.twin-orbit__line--dashed {
    border-style: dashed !important;
}

.twin-orbit__ring--outer {
    --to-d: var(--to-outer);
    --to-size: var(--to-b-outer);
    width: var(--to-outer);
    height: var(--to-outer);
    margin-left: calc(var(--to-outer) / -2);
    bottom: var(--to-bottom) !important;
    animation: twin-orbit-sway-cw 14s ease-in-out infinite alternate;
}

.twin-orbit__ring--inner {
    --to-d: var(--to-inner);
    --to-size: var(--to-b-inner);
    width: var(--to-inner);
    height: var(--to-inner);
    margin-left: calc(var(--to-inner) / -2);
    bottom: calc(var(--to-bottom) + (var(--to-outer) - var(--to-inner)) / 2) !important;
    animation: twin-orbit-sway-ccw 11s ease-in-out infinite alternate;
}

/* bubble sits on the ring: rotate to its angle, push out by the radius, rotate back upright */
.twin-orbit__bubble {
    --to-a: 90deg;
    width: var(--to-size);
    height: var(--to-size);
    margin-top: calc(var(--to-size) / -2);
    margin-left: calc(var(--to-size) / -2);
    transform:
        rotate(calc(90deg + (var(--to-a) - 90deg) * var(--to-spread)))
        translateX(calc(var(--to-d) / 2))
        rotate(calc(-90deg - (var(--to-a) - 90deg) * var(--to-spread)));
}

.twin-orbit__bubble--n6-1 { --to-a: 20deg; }
.twin-orbit__bubble--n6-2 { --to-a: 48deg; }
.twin-orbit__bubble--n6-3 { --to-a: 76deg; }
.twin-orbit__bubble--n6-4 { --to-a: 104deg; }
.twin-orbit__bubble--n6-5 { --to-a: 132deg; }
.twin-orbit__bubble--n6-6 { --to-a: 160deg; }
.twin-orbit__bubble--n7-1 { --to-a: 18deg; }
.twin-orbit__bubble--n7-2 { --to-a: 42deg; }
.twin-orbit__bubble--n7-3 { --to-a: 66deg; }
.twin-orbit__bubble--n7-4 { --to-a: 90deg; }
.twin-orbit__bubble--n7-5 { --to-a: 114deg; }
.twin-orbit__bubble--n7-6 { --to-a: 138deg; }
.twin-orbit__bubble--n7-7 { --to-a: 162deg; }
.twin-orbit__bubble--n8-1 { --to-a: 16deg; }
.twin-orbit__bubble--n8-2 { --to-a: 37deg; }
.twin-orbit__bubble--n8-3 { --to-a: 58deg; }
.twin-orbit__bubble--n8-4 { --to-a: 79deg; }
.twin-orbit__bubble--n8-5 { --to-a: 101deg; }
.twin-orbit__bubble--n8-6 { --to-a: 122deg; }
.twin-orbit__bubble--n8-7 { --to-a: 143deg; }
.twin-orbit__bubble--n8-8 { --to-a: 164deg; }
.twin-orbit__bubble--m4-1 { --to-a: 26deg; }
.twin-orbit__bubble--m4-2 { --to-a: 62deg; }
.twin-orbit__bubble--m4-3 { --to-a: 118deg; }
.twin-orbit__bubble--m4-4 { --to-a: 154deg; }
.twin-orbit__bubble--m5-1 { --to-a: 22deg; }
.twin-orbit__bubble--m5-2 { --to-a: 56deg; }
.twin-orbit__bubble--m5-3 { --to-a: 90deg; }
.twin-orbit__bubble--m5-4 { --to-a: 124deg; }
.twin-orbit__bubble--m5-5 { --to-a: 158deg; }
.twin-orbit__bubble--m6-1 { --to-a: 20deg; }
.twin-orbit__bubble--m6-2 { --to-a: 47deg; }
.twin-orbit__bubble--m6-3 { --to-a: 74deg; }
.twin-orbit__bubble--m6-4 { --to-a: 106deg; }
.twin-orbit__bubble--m6-5 { --to-a: 133deg; }
.twin-orbit__bubble--m6-6 { --to-a: 160deg; }

/* icons counter-rotate so glyphs stay upright while the ring sways */
.twin-orbit__face {
    line-height: 1;
}

.twin-orbit__face--outer {
    animation: twin-orbit-sway-ccw 14s ease-in-out infinite alternate;
}

.twin-orbit__face--inner {
    animation: twin-orbit-sway-cw 11s ease-in-out infinite alternate;
}

@keyframes twin-orbit-sway-cw {
    from { transform: rotate(-5deg); }
    to   { transform: rotate(5deg); }
}

@keyframes twin-orbit-sway-ccw {
    from { transform: rotate(5deg); }
    to   { transform: rotate(-5deg); }
}

/* axis dot + pulse */
.twin-orbit__dot {
    width: 0.75rem;
    height: 0.75rem;
}

.twin-orbit__pulse {
    animation: twin-orbit-pulse 2.4s ease-out infinite;
}

@keyframes twin-orbit-pulse {
    0%   { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(3.5); opacity: 0; }
}

/* mobile: drop the outermost bubbles that would fall off-screen */
@media (max-width: 767.98px) {
    .twin-orbit__bubble--edge {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .twin-orbit {
        --to-outer: 58rem;
        --to-inner: 44rem;
        --to-bottom: 5rem;
        --to-b-outer: 5rem;
        --to-b-inner: 3.5rem;
        --to-spread: 0.92;
        padding-bottom: 18rem !important;
    }
}

@media (min-width: 1024px) {
    .twin-orbit {
        --to-outer: 90rem;
        --to-inner: 70rem;
        --to-bottom: 6.5rem;
        --to-b-outer: 6.5rem;
        --to-b-inner: 4.5rem;
        --to-spread: 1;
        padding-bottom: 21rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .twin-orbit__ring,
    .twin-orbit__face,
    .twin-orbit__pulse {
        animation: none !important;
    }
}

/* intro — folio line: editorial single column, twin metrics + chart */
.folio-line__eyebrow {
    letter-spacing: 0.16em;
}

.folio-line__title {
    letter-spacing: -0.04em;
    text-wrap: balance;
}

.folio-line__rule {
    height: 0.2rem;
    width: 100%;
}

.folio-line__metrics {
    width: 100%;
}

@media (min-width: 576px) {
    .folio-line__metrics {
        width: 40%;
        flex-shrink: 0;
    }
}

.folio-line__strip {
    padding: 1.25rem;
}

.folio-line__caption {
    font-size: 0.75rem;
    line-height: 1rem;
}

.folio-line__chart {
    min-height: 5rem;
    overflow: visible;
}

.folio-line__chart-fill {
    transform-origin: center bottom;
    animation: folio-line-chart-fill 4.2s ease-in-out infinite;
}

.folio-line__chart-line {
    stroke-dasharray: 360;
    stroke-dashoffset: 360;
    animation: folio-line-chart-draw 4.2s ease-in-out infinite;
}

.folio-line__chart-dot {
    animation: folio-line-chart-dot 4.2s ease-in-out infinite;
}

@keyframes folio-line-chart-fill {
    0%, 12% { opacity: 0; transform: scaleY(0.55); }
    40%, 72% { opacity: 1; transform: scaleY(1); }
    88%, 100% { opacity: 0; transform: scaleY(0.55); }
}

@keyframes folio-line-chart-draw {
    0% { stroke-dashoffset: 360; opacity: 0.35; }
    38% { stroke-dashoffset: 0; opacity: 1; }
    72% { stroke-dashoffset: 0; opacity: 1; }
    100% { stroke-dashoffset: 360; opacity: 0.35; }
}

@keyframes folio-line-chart-dot {
    0%, 28% { opacity: 0; transform: translateY(5px) scale(0.6); }
    42%, 72% { opacity: 1; transform: translateY(0) scale(1); }
    88%, 100% { opacity: 0; transform: translateY(5px) scale(0.6); }
}

@media (prefers-reduced-motion: reduce) {
    .folio-line__chart-fill,
    .folio-line__chart-line,
    .folio-line__chart-dot {
        animation: none;
        opacity: 1;
        transform: none;
        stroke-dashoffset: 0;
    }
}

/* short stat captions sit in narrow columns on phones: long words break instead of spilling over */
.folio-line__caption { min-width: 0; overflow-wrap: anywhere; }

/* v28 art deco — double-frame inner border (absolute inset: no BS util) */
.perks-artdeco__outer {
    pointer-events: none;
}

.perks-artdeco__inner {
    pointer-events: none;
    inset: 0.5rem;
}

/* corner ornaments — fixed sizes */
.perks-artdeco__corner {
    pointer-events: none;
}

/* icon circle container (w-12 h-12 has no BS util) */
.perks-artdeco__icon-wrap {
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
}

/* card hover lift */
.perks-artdeco__frame {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.perks-artdeco__frame:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.ledger-bridge__eyebrow {
    letter-spacing: 0.12em;
}

.ledger-bridge__heading {
    letter-spacing: -0.02em;
}

.ledger-bridge__micro {
    font-size: 0.75rem;
    line-height: 1.3;
}

.ledger-bridge__glow {
    width: 14rem;
    height: 14rem;
    transform: translate(-30%, -30%);
    filter: blur(12px);
}

.ledger-bridge__frost {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.ledger-bridge__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ledger-bridge__track {
    height: 0.25rem;
}

.ledger-bridge__fill {
    width: 0;
    animation: ledger-bridge-fill 1.8s ease forwards;
}

.ledger-bridge__fill--1 { --ledger-bridge-end: 84%; animation-delay: 0.15s; }
.ledger-bridge__fill--2 { --ledger-bridge-end: 52%; animation-delay: 0.4s; }
.ledger-bridge__fill--3 { --ledger-bridge-end: 68%; animation-delay: 0.65s; }

@keyframes ledger-bridge-fill {
    from { width: 0; }
    to { width: var(--ledger-bridge-end); }
}

.ledger-bridge__stage {
    min-height: 8rem;
}

.ledger-bridge__band {
    transform: translateY(-50%);
}

.ledger-bridge__marquee {
    width: max-content;
    animation: ledger-bridge-marquee 26s linear infinite;
}

@keyframes ledger-bridge-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.ledger-bridge__photo {
    width: 12rem;
    aspect-ratio: 4 / 3;
}

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

.ledger-bridge__chip {
    transform: translate(25%, -15%);
    min-width: 7.5rem;
}

@media (min-width: 768px) {
    .ledger-bridge__photo {
        width: 16rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ledger-bridge__marquee,
    .ledger-bridge__fill {
        animation: none;
    }

    .ledger-bridge__fill--1 { width: 84%; }
    .ledger-bridge__fill--2 { width: 52%; }
    .ledger-bridge__fill--3 { width: 68%; }
}

/* Bootstrap: blur-орби (TW — у @sem); без номера варіанту в іменах */
.stats__decor-blur-tl {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 16rem;
  height: 16rem;
  filter: blur(64px);
}

.stats__decor-blur-br {
  position: absolute;
  bottom: 25%;
  right: 25%;
  width: 20rem;
  height: 20rem;
  filter: blur(64px);
}

.stats__rank-badge {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
}

/* Висота смуги; TW — градієнт у @sem, BS — bg у @sem */
.stats__bottom-line-bar {
  height: 0.25rem;
}

/* Hover та градієнти — розміри/позиції в @sem */
.stats-card-hover {
  transition:
    border-color 0.5s ease,
    box-shadow 0.5s ease,
    transform 0.5s ease;
}

.stats-card-hover:hover {
  box-shadow:
    0 25px 50px -12px rgb(0 0 0 / 0.25);
  transform: scale(1.05);
}

.stats-gradient-overlay-hover {
  transition: opacity 0.5s ease;
  opacity: 0;
}

.stats-card-hover:hover .stats-gradient-overlay-hover {
  opacity: 1;
}

.stats-media-hover {
  transition: transform 0.3s ease;
}

.stats-card-hover:hover .stats-media-hover {
  transform: scale(1.1);
}

.stats-bottom-bar-hover {
  transition: opacity 0.5s ease;
  opacity: 0;
}

.stats-card-hover:hover .stats-bottom-bar-hover {
  opacity: 1;
}

.quad-reviews-quote__track {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    row-gap: 2rem;
}

@media (min-width: 768px) {
    .quad-reviews-quote__track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 2.25rem;
    }
}

@media (min-width: 1024px) {
    .quad-reviews-quote__track {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        row-gap: 2.5rem;
    }
}

.quad-reviews-quote__col {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

@media (min-width: 768px) {
    .quad-reviews-quote__col {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

.quad-reviews-quote__surface {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
    flex: 1 1 auto;
}

@media (min-width: 768px) {
    .quad-reviews-quote__surface {
        gap: 1.25rem;
    }
}

/* comparison — plan matrix: layout and sizes only (no colors) */
.plan-matrix__eyebrow {
    font-size: 0.875rem;
    letter-spacing: 0.2em;
}

.plan-matrix__heading {
    letter-spacing: -0.025em;
}

.plan-matrix__shrink {
    min-width: 0;
}

.plan-matrix__frame {
    min-width: 46rem;
}

.plan-matrix__table {
    border-collapse: collapse;
    table-layout: fixed;
}

.plan-matrix__plan {
    width: 24%;
}

@media (min-width: 1024px) {
    .plan-matrix__aside.plan-matrix__aside {
        top: 7rem;
        z-index: 1;
    }
}

.reel-carousel-marquee__track {
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  min-height: 390px;
}

.reel-carousel-marquee__track::-webkit-scrollbar {
  display: none;
}

button.reel-carousel-marquee__control {
  width: 2.75rem;
  height: 2.75rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  max-width: 2.75rem;
  max-height: 2.75rem;
  padding: 0;
  line-height: 1;
  aspect-ratio: 1;
  flex-shrink: 0;
  align-self: center;
  box-sizing: border-box;
}

.reel-carousel-marquee__list {
  width: max-content;
  padding-bottom: 4px;
}

.reel-carousel-marquee__slide {
  width: 270px;
}

.reel-carousel-marquee__card {
  height: 390px;
  min-height: 390px;
  flex: 0 0 auto;
}

.reel-carousel-marquee__pager {
  width: 8px;
  height: 8px;
  opacity: 0.4;
  padding: 0;
}

.reel-carousel-marquee__cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* subscribe v17 — geometry shared by both CSS frameworks (Bootstrap has no utilities for it) */
.mailing-tiers__section--py-4xl {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

/* caps the comparison block width */
.mailing-tiers__center {
    max-width: 56rem;
    margin-inline: auto;
}

.mailing-tiers__title {
    font-size: 1.5rem;
    margin-bottom: 2.5rem;
}

.mailing-tiers__grid {
    margin-bottom: 2.5rem;
}

.mailing-tiers__col {
    padding: 2rem;
}

.mailing-tiers__badge {
    width: fit-content;
    align-self: flex-start;
    letter-spacing: 0.025em;
}

.mailing-tiers__list,
.mailing-tiers__item {
    gap: 0.75rem;
}

.mailing-tiers__row {
    flex-direction: column;
    gap: 1rem;
}

.mailing-tiers__input {
    max-width: 24rem;
    padding: 0.75rem 1rem;
}

.mailing-tiers__cta {
    padding: 0.75rem 2rem;
}

.mailing-tiers__cta--hover {
    transition: transform 0.2s ease;
}

.mailing-tiers__cta--hover:hover {
    transform: scale(1.05);
}

.mailing-tiers__thanks {
    margin-top: 2rem;
}

.mailing-tiers__panel {
    padding: 2rem;
}

.mailing-tiers__thanks-title {
    font-size: 1.25rem;
}

@media (min-width: 640px) {
    .mailing-tiers__row {
        flex-direction: row;
    }

    .mailing-tiers__input {
        flex: 1 1 0%;
    }
}

@media (min-width: 768px) {
    .mailing-tiers__title {
        font-size: 2.25rem;
    }

    .mailing-tiers__thanks-title {
        font-size: 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mailing-tiers__cta--hover:hover {
        transform: none;
    }
}

/* intro v18 — Emigre clay: blurred photo, ECG draw, typewriter caret */

/* Blurred background photo, sharp panel sits over it */
.intro-clay [data-photo] {
    width: 66%;
    aspect-ratio: 4 / 3;
}
.intro-clay__img {
    object-fit: cover;
    filter: blur(5px) saturate(1.05);
    transform: scale(1.06);
}

/* Heartbeat / ECG line draw (stroke colour = currentColor from Tailwind text-*) */
.intro-clay__ecg-path {
    stroke-dasharray: 1400;
    stroke-dashoffset: 1400;
    animation: intro-clay-ecg 4s linear infinite;
}
@keyframes intro-clay-ecg {
    0%   { stroke-dashoffset: 1400; }
    60%  { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: -1400; }
}

/* Typewriter caret while typing */
.intro-clay__type .is-typing {
    border-right: 2px solid currentColor;
    animation: intro-clay-caret 800ms step-end infinite;
}
@keyframes intro-clay-caret {
    50% { border-color: transparent; }
}

@media (prefers-reduced-motion: reduce) {
    .intro-clay__ecg-path { animation: none; stroke-dashoffset: 0; }
}

.card-stack__accent--1 { width: 10rem; height: 10rem; filter: blur(2rem); }
.card-stack__accent--2 { width: 12rem; height: 12rem; filter: blur(2rem); }
.card-stack__accent--3 { width: 8rem; height: 8rem; filter: blur(1.5rem); }
.card-stack__accent--4 { width: 9rem; height: 9rem; filter: blur(2rem); }

.card-stack__title-line--1, .card-stack__title-line--2 {
    width: 5rem; height: 0.125rem; transform: translateY(-50%);
}
.card-stack__title-dot--1 { width: 0.5rem; height: 0.5rem; top: -0.5rem; right: -0.5rem; }
.card-stack__title-dot--2 { width: 0.5rem; height: 0.5rem; bottom: -0.5rem; left: -0.5rem; }

.card-stack__corner--tl { top: -0.5rem; left: -0.5rem; width: 1.5rem; height: 1.5rem; }
.card-stack__corner--tr { top: -0.5rem; right: -0.5rem; width: 1.5rem; height: 1.5rem; }
.card-stack__corner--bl { bottom: -0.5rem; left: -0.5rem; width: 1.5rem; height: 1.5rem; }
.card-stack__corner--br { bottom: -0.5rem; right: -0.5rem; width: 1.5rem; height: 1.5rem; }

.card-stack__corner--fade {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.card-stack__item:hover .card-stack__corner--fade {
    opacity: 1;
}

.card-stack__media--hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1);
}
.card-stack__item:hover .card-stack__media--hover {
    transform: scale(1.05);
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.2);
}

.card-stack__decor--glow {
    background: radial-gradient(circle at center, rgba(var(--bs-primary-rgb), 0.2), transparent);
    opacity: 0;
    transition: opacity 0.5s ease;
}
.card-stack__item:hover .card-stack__decor--glow {
    opacity: 1;
}

.card-stack__img--zoom {
    transition: transform 0.5s ease;
}
.card-stack__item:hover .card-stack__img--zoom {
    transform: scale(1.1);
}

.card-stack__overlay--fade {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.card-stack__item:hover .card-stack__overlay--fade {
    opacity: 1;
}

.card-stack__overlay--dark {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.card-stack__item:hover .card-stack__overlay--dark {
    opacity: 1;
}

.card-stack__inner-corner--tl, .card-stack__inner-corner--br {
    width: 4rem; height: 4rem;
}

.card-stack__badge--shadow {
    transition: box-shadow 0.3s ease;
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.1);
}
.card-stack__item:hover .card-stack__badge--shadow {
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}

.card-stack__accent-corner--tr { right: 0; width: 2rem; height: 2rem; opacity: 0; transition: opacity 0.3s ease; }
.card-stack__accent-corner--bl { left: 0; width: 2rem; height: 2rem; opacity: 0; transition: opacity 0.3s ease; }
.card-stack__item:hover .card-stack__accent-corner--tr,
.card-stack__item:hover .card-stack__accent-corner--bl {
    opacity: 1;
}

.card-stack__panel--slide {
    transform: translateY(100%);
    transition: transform 0.3s ease;
}
.card-stack__item:hover .card-stack__panel--slide {
    transform: translateY(0);
}

.tips-numbered__card {
    max-width: 24rem;
}

.tips-numbered__thumb {
    width: 4rem;
    height: 4rem;
}

.glossary-v3-accent {
    height: 2px;
    width: 64px;
}

.glossary-v3-col {
    width: 100%;
}

@media (min-width: 768px) {
    .glossary-v3-col {
        width: 33.333333%;
    }
}

.inbox-twin-panes__split {
    max-width: 64rem;
}

.inbox-twin-panes__halo {
    width: 10rem;
    height: 10rem;
}


.glass-sidebar__box--blur { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }

.glass-sidebar__panel--blur { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }

.glass-sidebar__blob--top { top: -10rem; left: -10rem; width: 24rem; height: 24rem; }
.glass-sidebar__blob--bottom { bottom: -10rem; right: -10rem; width: 24rem; height: 24rem; }
.glass-sidebar__blob--center { top: 50%; left: 33%; width: 16rem; height: 16rem; }

.glass-sidebar__dot { width: 0.375rem; height: 0.375rem; }

@media (min-width: 992px) {
    .glass-sidebar__aside--sticky { position: sticky; top: 2rem; align-self: flex-start; }
}

.mxw-6xl { max-width: 72rem !important; }