/*! 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-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --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-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --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-8xl: 6rem;
    --text-8xl--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-black: 900;
    --tracking-tighter: -0.05em;
    --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;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --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: Gelasio, 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 {
  .visible {
    visibility: visible;
  }
  .fixed {
    position: fixed;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .h-full {
    height: 100%;
  }
  .w-full {
    width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .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-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-accent-600 {
    border-color: #a74f0f;
  }
  .border-primary-300 {
    border-color: #b8c1d5;
  }
  .border-primary-500 {
    border-color: #7a86a1;
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .bg-accent-600 {
    background-color: #a74f0f;
  }
  .bg-primary-50 {
    background-color: #f3f7ff;
  }
  .bg-primary-100 {
    background-color: #e6edfb;
  }
  .bg-primary-200 {
    background-color: #d1dbef;
  }
  .bg-primary-300 {
    background-color: #b8c1d5;
  }
  .bg-primary-400 {
    background-color: #96a2ba;
  }
  .bg-primary-500 {
    background-color: #7a86a1;
  }
  .bg-primary-600 {
    background-color: #606c85;
  }
  .bg-primary-700 {
    background-color: #4e586e;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .fill-white {
    fill: var(--color-white);
  }
  .text-center {
    text-align: center;
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-amber-500 {
    color: var(--color-amber-500);
  }
  .text-primary-300 {
    color: #b8c1d5;
  }
  .text-primary-400 {
    color: #96a2ba;
  }
  .text-primary-600 {
    color: #606c85;
  }
  .text-primary-900 {
    color: #2f3543;
  }
  .text-red-400 {
    color: var(--color-red-400);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .opacity-75 {
    opacity: 75%;
  }
  .shadow-lg {
    --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);
  }
  .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: #a74f0f;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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));
  }
  .hover\:bg-accent-700 {
    &:hover {
      @media (hover: hover) {
        background-color: #8b3f02;
      }
    }
  }
  .lg\:ms-6 {
    @media (width >= 64rem) {
      margin-inline-start: calc(var(--spacing) * 6);
    }
  }
  .dark\:flex {
    &:is(.dark *) {
      display: flex;
    }
  }
  .dark\:hidden {
    &:is(.dark *) {
      display: none;
    }
  }
  .dark\:border-accent-400 {
    &:is(.dark *) {
      border-color: #e08855;
    }
  }
  .dark\:border-primary-500 {
    &:is(.dark *) {
      border-color: #7a86a1;
    }
  }
  .dark\:border-primary-600 {
    &:is(.dark *) {
      border-color: #606c85;
    }
  }
  .dark\:border-primary-700 {
    &:is(.dark *) {
      border-color: #4e586e;
    }
  }
  .dark\:border-slate-700 {
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .dark\:bg-accent-400 {
    &:is(.dark *) {
      background-color: #e08855;
    }
  }
  .dark\:bg-primary-300 {
    &:is(.dark *) {
      background-color: #b8c1d5;
    }
  }
  .dark\:bg-primary-400 {
    &:is(.dark *) {
      background-color: #96a2ba;
    }
  }
  .dark\:bg-primary-500 {
    &:is(.dark *) {
      background-color: #7a86a1;
    }
  }
  .dark\:bg-primary-600 {
    &:is(.dark *) {
      background-color: #606c85;
    }
  }
  .dark\:bg-primary-700 {
    &:is(.dark *) {
      background-color: #4e586e;
    }
  }
  .dark\:bg-primary-800 {
    &:is(.dark *) {
      background-color: #3d4557;
    }
  }
  .dark\:bg-primary-900 {
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .dark\:text-primary-100 {
    &:is(.dark *) {
      color: #e6edfb;
    }
  }
  .dark\:text-primary-200 {
    &:is(.dark *) {
      color: #d1dbef;
    }
  }
  .dark\:text-primary-300 {
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .dark\:text-primary-400 {
    &:is(.dark *) {
      color: #96a2ba;
    }
  }
  .dark\:text-primary-500 {
    &:is(.dark *) {
      color: #7a86a1;
    }
  }
  .dark\:text-slate-100 {
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dark\:text-slate-300 {
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .dark\:text-slate-900 {
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .dark\:text-white {
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .dark\:ring-accent-400 {
    &:is(.dark *) {
      --tw-ring-color: #e08855;
    }
  }
  .dark\:hover\:bg-accent-300 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
}
@layer base {
  :where(.bi, .ti, .ph, [class^="ri-"], [class*=" ri-"]) {
    display: inline-block;
  }
}
@layer utilities {
  .pHafsBmB {
    position: absolute;
    right: 0;
    bottom: calc(1 / 2 * 100%);
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #96a2ba 20%, 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));
  }
  .o7oP9m7N {
    color: #7a86a1;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #96a2ba;
    }
  }
  .jhlUctZr {
    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);
    }
  }
  .yhjZMkbN {
    margin: 0;
    margin-top: calc(var(--spacing) * 4);
    flex: 1;
    list-style-type: none;
    :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)));
    }
    padding: 0;
  }
  .xVOBBpl6 {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }
  .gyDNI06C {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .jJhgiSpS {
    position: relative;
    @media (width >= 64rem) {
      grid-column: span 6 / span 6;
    }
  }
  .pZdGrKcM {
    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-white);
    }
  }
  .hh5atOQs {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #606c85;
    &:is(.dark *) {
      background-color: #96a2ba;
    }
  }
  .y6aLx2Jf {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 1.5px);
    background-color: #f3f7ff;
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .zTtzdBFL {
    display: flex;
    justify-content: space-between;
    border-radius: calc(12 * 3px);
    background-color: #f3f7ff;
    padding: calc(var(--spacing) * 4);
    font-family: var(--font-mono);
    font-size: 0.65rem;
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    --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: #3d4557;
    }
  }
  .lwBOwyqT {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 12);
    max-width: var(--container-md);
    color: var(--color-slate-500);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .zOznS5iJ {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    padding: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .rp91vO2g {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    :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)));
    }
  }
  .dJLuG48m {
    text-align: center;
  }
  .oih50CHW {
    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: #b8c1d5;
    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: #96a2ba;
      }
    }
    &:is(.dark *) {
      color: #7a86a1;
    }
    &:hover {
      @media (hover: hover) {
        &:is(.dark *) {
          color: #606c85;
        }
      }
    }
  }
  .dfYsAGNN {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    background-color: #a74f0f;
    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: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .fYdJ4Ohv {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 4px);
    background-color: #f3f7ff;
    color: #606c85;
    &:is(.dark *) {
      background-color: #2f3543;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .uNPw4gNI {
    margin-top: var(--spacing);
    display: inline-block;
    border-radius: calc(infinity * 1px);
    background-color: #7a86a1;
    &:is(.dark *) {
      background-color: #96a2ba;
    }
  }
  .hhhZ0Uf0 {
    display: flex;
  }
  .h71Zzmia {
    font-family: Gelasio, serif;
    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: #606c85;
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .zPnywbmy {
    border-radius: calc(12 * 2px);
    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-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-300);
    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: 200ms;
    transition-duration: 200ms;
    &:hover {
      @media (hover: hover) {
        background-color: #3d4557;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-100);
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #4e586e;
        }
      }
    }
  }
  .yvOuJImd {
    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);
    }
  }
  .rACiBt9i {
    position: relative;
    z-index: 10;
    width: 100%;
    padding: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 12);
    }
    @media (width >= 80rem) {
      padding: calc(var(--spacing) * 16);
    }
  }
  .zDT6njYd {
    position: absolute;
    right: calc(var(--spacing) * -16);
    bottom: calc(var(--spacing) * -24);
    height: calc(var(--spacing) * 96);
    width: calc(var(--spacing) * 96);
    border-radius: calc(infinity * 1px);
    --tw-gradient-position: to top left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #7a86a1 25%, transparent);
    --tw-gradient-via: color-mix(in oklab, #96a2ba 15%, 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));
  }
  .siuQCZnZ {
    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);
    }
  }
  .nOzSSP9B {
    padding: calc(var(--spacing) * 4);
  }
  .r6Haeryd {
    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);
    }
  }
  .ienKIf0Z {
    margin-bottom: calc(var(--spacing) * 5);
    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-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .cC1NOxLk {
    margin: 0;
    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);
    }
  }
  .nCfhTqjl {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .bK0AI5LO {
    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, var(--color-black) 60%, transparent);
    --tw-gradient-via: color-mix(in oklab, var(--color-black) 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: color-mix(in oklab, var(--color-black) 70%, 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, #1d222b 85%, 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, #2f3543 75%, 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: color-mix(in oklab, #1d222b 90%, 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));
    }
  }
  .u9tMmL2c {
    display: flex;
    align-items: flex-start;
  }
  .wbBwnk3z {
    position: absolute;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, #7a86a1 25%, transparent);
  }
  .mTzzJdPD {
    :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)));
    }
  }
  .uiPZyj6O {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #2f3543;
    background-color: transparent;
    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-slate-900);
    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: #e6edfb;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .l08QFzzg {
    margin: 0;
    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);
    }
  }
  .fLxR7jQZ {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  .n5Pnu2Pv {
    position: absolute;
    top: calc(1 / 4 * 100%);
    left: 0;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #7a86a1 20%, 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));
  }
  .jnzRPWpV {
    margin: 0;
  }
  .cBBUvww4 {
    margin-right: calc(var(--spacing) * 2);
  }
  .u9jZWcTb {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-600);
    background-color: #f3f7ff;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: 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-semibold);
    font-weight: var(--font-weight-semibold);
    color: #4e586e;
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #2f3543 50%, transparent);
    }
    &:is(.dark *) {
      color: #7a86a1;
    }
  }
  .l7B7FVM3 {
    position: absolute;
    right: calc(1 / 3 * 100%);
    bottom: calc(var(--spacing) * 80);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #96a2ba 30%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #96a2ba 20%, transparent);
    }
  }
  .kFt6j1C5 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .xZl39ca0 {
    margin-bottom: calc(var(--spacing) * 12);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(12 * 3px);
    background-color: #f3f7ff;
    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);
    &:is(.dark *) {
      background-color: #3d4557;
    }
  }
  .routIWRp {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #606c85;
    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: #96a2ba;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .wYsywBSw {
    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-wider);
    letter-spacing: var(--tracking-wider);
    text-transform: uppercase;
    opacity: 80%;
  }
  .iwxw2nki {
    min-width: 0;
    flex: 1;
  }
  .uZ6JxmOo {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(12 * 2px);
    background-color: #f3f7ff;
    padding: calc(var(--spacing) * 2);
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .azm4YQI7 {
    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);
    }
  }
  .odz3PDdW {
    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: #1d222b;
    }
  }
  .zAe08g18 {
    display: inline-block;
    border-radius: calc(12 * 2px);
    background-color: #a74f0f;
    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: #8b3f02;
      }
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .mA63KMFp {
    margin: 0;
    overflow: hidden;
    border-radius: calc(12 * 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);
  }
  .xK10WMRE {
    display: none;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .l3qZHAR5 {
    margin-top: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-600);
    padding-top: calc(var(--spacing) * 2);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .owKoairE {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
  }
  .b0wCzxyw {
    pointer-events: none;
    position: absolute;
    height: calc(var(--spacing) * 80);
    width: calc(var(--spacing) * 80);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #b8c1d5 10%, transparent);
    --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: color-mix(in oklab, #606c85 10%, transparent);
    }
  }
  .wPx9WoVM {
    margin-bottom: 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: #4e586e;
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .v5k5ldll {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rOYM2TXv {
    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) * 2);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .zpw4cfMC {
    font-family: var(--font-mono);
    font-size: 0.6rem;
    color: #7a86a1;
  }
  .nwrwMNgg {
    margin-bottom: calc(var(--spacing) * 2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    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-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .eJRuuoI9 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .dmyGsrWc {
    overflow: hidden;
    border-radius: calc(12 * 4px);
    background-color: #f3f7ff;
    --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: #2f3543;
    }
  }
  .yfHOrt2g {
    position: absolute;
    top: calc(1 / 3 * 100%);
    left: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 64);
    width: calc(var(--spacing) * 64);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #b8c1d5 4%, transparent);
    --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: color-mix(in oklab, #7a86a1 2%, transparent);
    }
  }
  .vPmOM2yk {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-white);
  }
  .bK7eQLJ2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .a5PXA2gh {
    flex-shrink: 0;
    padding-top: calc(var(--spacing) * 0.5);
    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);
    }
  }
  .jyTqWrlp {
    border-radius: calc(12 * 1px);
    background-color: #606c85;
    padding-inline: var(--spacing);
    font-family: var(--font-mono);
    font-size: 0.55rem;
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    color: var(--color-white);
    text-transform: uppercase;
    --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: #96a2ba;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .s5JVbltb {
    margin-top: calc(var(--spacing) * 2);
    color: var(--color-slate-600);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .bSfERL8D {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-600);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .kzeUy4Th {
    position: absolute;
    left: 0;
    height: calc(var(--spacing) * 32);
    width: 100%;
    --tw-skew-y: skewY(1deg);
    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-via: color-mix(in oklab, #96a2ba 6%, 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-via: color-mix(in oklab, #606c85 3%, 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);
    }
  }
  .dH28xDep {
    padding-inline: calc(var(--spacing) * 8);
    padding-top: 0;
    padding-bottom: calc(var(--spacing) * 8);
  }
  .d5ycMGjG {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #606c85;
    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: #606c85;
    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: #96a2ba;
    }
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .pgBWmAIK {
    position: relative;
    display: flex;
    min-height: 100vh;
    align-items: center;
    overflow: hidden;
    background-color: var(--color-white);
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .d7mboXcp {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(12 * 3px);
    background-color: #a74f0f;
    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: #8b3f02;
      }
    }
    &: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: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .lx0pTC6o {
    width: calc(var(--spacing) * 40);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .vc0KrsqN {
    text-decoration-line: underline;
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .r8QE5K3Y {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .wtv0EoTJ {
    position: absolute;
    inset: 0;
    opacity: 5%;
    &:is(.dark *) {
      opacity: 3%;
    }
  }
  .txWLqpQo {
    flex: 1;
    border-radius: calc(12 * 1.5px);
    background-color: #d1dbef;
    &:is(.dark *) {
      background-color: #606c85;
    }
  }
  .b6rjL8UC {
    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);
    }
  }
  .glGhxOZn {
    position: absolute;
    inset: 0;
  }
  .p19T9uLH {
    margin-top: calc(var(--spacing) * 6);
    display: flex;
    flex-direction: column;
    align-items: center;
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .jcZJVbKg {
    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);
    }
  }
  .lck3Klr5 {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 2px);
    background-color: #606c85;
    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));
    &:is(.dark *) {
      background-color: #96a2ba;
    }
  }
  .tdWAb2tK {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-300);
    &:is(.dark *) {
      border-color: #4e586e;
    }
  }
  .vTgVhgED {
    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: #3d4557;
    }
  }
  .rQdPKCoo {
    position: absolute;
    bottom: calc(var(--spacing) * 28);
    left: calc(1 / 3 * 100%);
    color: color-mix(in oklab, #7a86a1 40%, transparent);
  }
  .truja5Im {
    display: grid;
    gap: calc(var(--spacing) * 12);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .u0OOlEb3 {
    color: #606c85;
    &:is(.dark *) {
      color: #96a2ba;
    }
  }
  .u9XWT472 {
    position: absolute;
    bottom: 0;
    left: 0;
    height: calc(var(--spacing) * 40);
    width: calc(var(--spacing) * 40);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #b8c1d5 10%, transparent);
    --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,);
  }
  .vjtYlbw3 {
    :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)));
    }
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .gOpaoOea {
    display: flex;
    height: 100%;
    min-width: 0;
    align-items: flex-start;
    border-radius: calc(12 * 2px);
    background-color: #f3f7ff;
    padding: calc(var(--spacing) * 6);
    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);
      }
    }
    &:is(.dark *) {
      background-color: #3d4557;
    }
  }
  .fq0iMzzy {
    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);
    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: #4e586e;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #b8c1d5;
        }
      }
    }
  }
  .w5WcoOEa {
    display: inline-flex;
    width: 100%;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(12 * 2px);
    background-color: #a74f0f;
    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);
    white-space: nowrap;
    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: #8b3f02;
      }
    }
    &: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);
      }
    }
    @media (width >= 40rem) {
      width: auto;
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 4);
    }
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .z1n3zZx9 {
    display: flex;
    align-items: center;
    padding-block: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .xe2Ip115 {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .xn1D1EFS {
    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);
  }
  .oxoUp1cQ {
    display: block;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    word-break: break-all;
    color: var(--color-white);
    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) {
        text-decoration-line: underline;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .el9XlodQ {
    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);
    }
  }
  .q2TcVy57 {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .vRhdW9Pm {
    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);
    }
  }
  .vyfmlEVr {
    display: inline-flex;
    align-items: center;
    gap: 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-semibold);
    font-weight: var(--font-weight-semibold);
    color: #606c85;
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        color: #96a2ba;
      }
    }
    &:is(.dark *) {
      color: #b8c1d5;
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #606c85;
        }
      }
    }
  }
  .cx2vughh {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    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;
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .haNUBunD {
    border-radius: calc(12 * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-600);
    background-color: #f3f7ff;
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-white);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .hoCw3YYP {
    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));
    }
  }
  .qTQ2CLKY {
    margin-bottom: 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);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--color-slate-500);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .iwdU1qkv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    @media (width >= 48rem) {
      gap: 2rem;
    }
  }
  .aBpDBVIE {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-radius: calc(12 * 1px);
    background-color: #606c85;
    &:is(.dark *) {
      background-color: #96a2ba;
    }
  }
  .pdyEeLC7 {
    color: #b8c1d5;
    &:is(.dark *) {
      color: #7a86a1;
    }
  }
  .hDyEkKeu {
    height: var(--spacing);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #b8c1d5;
    --tw-gradient-via: #7a86a1;
    --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: #b8c1d5;
    --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));
  }
  .nr2GzBBw {
    position: absolute;
    top: calc(var(--spacing) * -16);
    left: calc(var(--spacing) * -20);
    height: calc(var(--spacing) * 72);
    width: calc(var(--spacing) * 72);
    border-radius: calc(infinity * 1px);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #96a2ba 30%, transparent);
    --tw-gradient-via: color-mix(in oklab, #b8c1d5 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));
  }
  .kJBlVCHQ {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #7a86a1;
  }
  .vDvp3gwf {
    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-medium);
    font-weight: var(--font-weight-medium);
    color: #2f3543;
    @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);
    }
  }
  .jW1ar2uQ {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: #96a2ba;
    --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));
    opacity: 70%;
  }
  .jJjvb5Yu {
    position: relative;
    margin-top: calc(var(--spacing) * 12);
    display: block;
    border-radius: calc(infinity * 1px);
    background-color: #7a86a1;
    --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: #96a2ba;
    }
  }
  .yzZnCZog {
    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);
  }
  .a2FWohdL {
    margin-bottom: calc(var(--spacing) * 6);
    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);
    }
  }
  .beJs7BtZ {
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    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: 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);
    white-space: nowrap;
    color: var(--color-slate-900);
    --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);
    @media (width >= 40rem) {
      display: inline-flex;
    }
    &:is(.dark *) {
      border-color: #4e586e;
    }
    &:is(.dark *) {
      background-color: #3d4557;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .jEybal2x {
    position: absolute;
    top: calc(var(--spacing) * 40);
    left: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: #606c85;
    opacity: 25%;
    &:is(.dark *) {
      background-color: #7a86a1;
    }
    &:is(.dark *) {
      opacity: 12%;
    }
  }
  .s9LjpGJC {
    min-width: calc(var(--spacing) * 64);
    flex: 1;
    border-radius: calc(12 * 3px);
    background-color: #f3f7ff;
    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: #3d4557;
    }
  }
  .vTDhqRZZ {
    flex: 1;
  }
  .jrZWv7Hw {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 3px);
    background-color: var(--color-red-500);
  }
  .gUaA8644 {
    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);
    }
  }
  .fqut6vuB {
    margin-inline: auto;
    max-width: var(--container-2xl);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .cWTALzhr {
    pointer-events: none;
    position: absolute;
    left: calc(1 / 2 * 100%);
  }
  .kAB2iq8N {
    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);
  }
  .r3wTPa51 {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: calc(10 * -1);
  }
  .p6EpLYjA {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .cyYexzAH {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-4xl);
    text-align: center;
  }
  .yDpVACMY {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pONuX7Es {
    border-radius: calc(12 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-red-200);
    background-color: #f3f7ff;
    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);
    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) {
        --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 *) {
      border-color: var(--color-red-800);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .eM2Irgr1 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #96a2ba;
    padding-left: calc(var(--spacing) * 2);
    color: var(--color-slate-600);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .ywN9jCB1 {
    border-radius: calc(12 * 1px);
    background-color: #606c85;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #7a86a1;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .lHDWiDKY {
    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);
    }
  }
  .swmA6ItB {
    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: #1d222b;
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .jWuPcYFw {
    flex: 1;
  }
  .kNq4cdXO {
    margin-inline: auto;
    max-width: var(--container-2xl);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .wVDJOB5e {
    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);
  }
  .vkr8M1aU {
    margin-bottom: calc(var(--spacing) * 6);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .ylW4YJD4 {
    border-radius: calc(12 * 4px);
    background-color: #f3f7ff;
    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);
    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) {
        --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: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .pMg931g6 {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .vdszldfc {
    margin-inline: auto;
    max-width: var(--container-3xl);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .pBmPJwA9 {
    margin-inline: auto;
    max-width: var(--container-2xl);
  }
  .mGcLzBcU {
    :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)));
    }
  }
  .alRju5cc {
    background-color: #2f3543;
    --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: #3d4557;
    }
  }
  .iEoEmRFo {
    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) {
        --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) {
        color: #b8c1d5;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #7a86a1;
        }
      }
    }
  }
  .i33b3mDz {
    position: absolute;
    top: calc(3 / 4 * 100%);
    left: 0;
    width: 100%;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: #96a2ba;
    --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));
  }
  .xPUKZEw1 {
    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));
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xznXhR9i {
    margin-bottom: calc(var(--spacing) * 8);
    flex: 1;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .wXPfCOYV {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .x6ZUpGFT {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .ymbdOJzQ {
    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);
    }
  }
  .el5moem4 {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: calc(12 * 3px);
    @media (width >= 48rem) {
      margin-left: auto;
    }
    @media (width >= 48rem) {
      width: calc(1 / 3 * 100%);
    }
  }
  .lZ10w8Z5 {
    border-radius: calc(infinity * 1px);
    background-color: #e6edfb;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    color: #4e586e;
    &:is(.dark *) {
      background-color: #4e586e;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .a88JYaiy {
    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: #3d4557;
    }
  }
  .cFLav64A {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .rkdpcBTr {
    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);
    }
  }
  .gqzb7xej {
    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);
    }
  }
  .lKgQCe8Z {
    position: absolute;
    inset: 0;
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .jZitKYiw {
    min-width: calc(var(--spacing) * 20);
    flex-shrink: 0;
    font-family: var(--font-mono);
    font-size: 0.65rem;
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--color-slate-700);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .ie63ZwjX {
    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, var(--color-slate-900) 90%, transparent);
    --tw-gradient-via: color-mix(in oklab, var(--color-slate-800) 80%, 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: color-mix(in oklab, var(--color-slate-900) 70%, 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));
  }
  .de3rWhj0 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .xrramxiJ {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .peTj0HI9 {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #606c85;
    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: #7a86a1;
    }
  }
  .dIm6FqKo {
    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-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);
    }
  }
  .scOR0ZTc {
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .cJXQktkK {
    color: var(--color-slate-700);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .tCLx8lae {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-3xl);
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    text-align: center;
  }
  .m0bDmVMC {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .s4LJVxaa {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--color-slate-600);
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .dTiYOTl2 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .f7K40rFp {
    position: absolute;
    top: calc(var(--spacing) * 3);
    left: calc(var(--spacing) * 3);
    border-radius: calc(infinity * 1px);
    background-color: #606c85;
    padding-inline: var(--spacing);
    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);
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #96a2ba;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .dz6YGesL {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--spacing);
  }
  .dGD30N9d {
    margin-top: 6px;
    color: #7a86a1;
  }
  .k2Adtf9C {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .ashpenyR {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .aJQ4kuMk {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 12);
    max-width: var(--container-3xl);
    text-align: center;
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .qVfomBgw {
    min-width: 0;
    flex: 1;
    text-align: center;
    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));
    @media (width >= 40rem) {
      &: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);
        }
      }
    }
  }
  .bCiWeSmy {
    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) {
      margin-bottom: calc(var(--spacing) * 10);
    }
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .txJGQ1G9 {
    position: absolute;
    top: calc(1 / 2 * 100%);
    right: 0;
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #7a86a1 20%, 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));
  }
  .d8aoCo5s {
    margin-top: calc(var(--spacing) * 2);
    text-align: center;
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .zBdRDbmF {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .b4sEFbXD {
    margin-bottom: 0;
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .n502tKfV {
    max-width: var(--container-2xl);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .fBwfbBmf {
    margin-bottom: calc(var(--spacing) * 6);
    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);
    }
  }
  .bKGloiFl {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    color: #7a86a1;
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .jCscndTj {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .aRP2cLxa {
    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-600);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .pbb7Ybga {
    border-radius: calc(12 * 4px);
    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);
    }
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .hj79PQkC {
    margin-bottom: calc(var(--spacing) * 4);
    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);
    }
  }
  .uQcVoyn5 {
    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);
    }
  }
  .kILXY1f4 {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: calc(12 * 2px);
    background-color: var(--color-white);
    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: #2f3543;
    }
  }
  .gVgLqc0E {
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
  }
  .jaqjm0iP {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
  }
  .dvBCF2tZ {
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: calc(12 * 4px);
    background-color: #e6edfb;
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .mkQ1tlmc {
    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: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .alyKpPcs {
    margin-bottom: 0;
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .tWb90JAc {
    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);
    }
  }
  .vQ0A6i2z {
    display: flex;
    flex: 1;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .fOBNlFke {
    position: relative;
    margin-bottom: calc(var(--spacing) * 8);
    overflow: hidden;
    border-radius: calc(12 * 4px);
    --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);
  }
  .gvJFwbdo {
    margin-top: var(--spacing);
    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);
    }
  }
  .rkgD5V9u {
    display: flex;
    height: 100%;
    flex-direction: column;
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .yjlTKXzu {
    margin-bottom: calc(var(--spacing) * 12);
    max-width: var(--container-3xl);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .anY7xuv7 {
    font-family: var(--font-mono);
    font-size: 0.65rem;
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .hTLjeEUa {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
  }
  .ojFzHfAY {
    margin-top: 1rem;
    text-align: center;
  }
  .pcgO7f9O {
    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) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .tvUIhiCM {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 2px);
    background-color: #606c85;
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 12);
    }
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 12);
    }
    &:is(.dark *) {
      background-color: #7a86a1;
    }
  }
  .pkmCbHOi {
    display: inline-block;
    border-radius: calc(12 * 2px);
    background-color: #a74f0f;
    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: #8b3f02;
      }
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .iBIZyV96 {
    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));
    }
  }
  .oAKT5utt {
    text-align: right;
  }
  .rVxY8A6x {
    position: absolute;
    top: calc(var(--spacing) * 4);
    border-radius: calc(12 * 2px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    --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: #3d4557;
    }
  }
  .cxM5srdm {
    margin: 0;
    display: flex;
    height: 100%;
    flex-direction: column;
  }
  .mzqYpHd3 {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(var(--spacing) * 28);
    width: 100%;
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #96a2ba 15%, transparent);
    --tw-gradient-via: color-mix(in oklab, #b8c1d5 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));
  }
  .k63YsIaY {
    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-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .nZq9FUdK {
    position: absolute;
    right: calc(var(--spacing) * 10);
    bottom: calc(1 / 3 * 100%);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #96a2ba 15%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #96a2ba 8%, transparent);
    }
  }
  .vyyCTO9M {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    color: var(--color-white);
  }
  .ocFgqJ1q {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .q7gl0tmt {
    margin: 0;
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    padding: 0;
  }
  .mqCUU8uQ {
    flex-shrink: 0;
    border-radius: calc(12 * 4px);
    background-color: #f3f7ff;
    padding: 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));
    @media (width >= 40rem) {
      &: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: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .xTZeUZiA {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    align-self: flex-start;
    border-radius: calc(infinity * 1px);
    background-color: #f3f7ff;
    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: #606c85;
    &:is(.dark *) {
      background-color: #2f3543;
    }
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .ltC61tSz {
    flex-shrink: 0;
    color: #606c85;
    &:is(.dark *) {
      color: #96a2ba;
    }
  }
  .bH2ppr4x {
    padding-top: calc(var(--spacing) * 2);
  }
  .eeqDkrI1 {
    margin-bottom: calc(var(--spacing) * 6);
    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);
    }
  }
  .c1aoZmlP {
    display: block;
  }
  .b74RB98p {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-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: #4e586e;
    }
  }
  .cw2yokRV {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    background-color: #a74f0f;
    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: 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: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .c850mMsN {
    border-radius: calc(12 * 1px);
    background-color: #606c85;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: 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 *) {
      background-color: #7a86a1;
    }
  }
  .rgeFO2g8 {
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .oaDpOWfT {
    position: absolute;
    inset: 0;
    opacity: 5%;
  }
  .z4QZJpKo {
    background-color: #7a86a1;
  }
  .sBGzqugV {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .yqcxcfCq {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .u6al8fb2 {
    display: inline-block;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .etIIz4L5 {
    margin-bottom: calc(var(--spacing) * 3);
    font-family: Gelasio, serif;
    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: #606c85;
    &::first-letter {
      margin-right: var(--spacing);
    }
    &::first-letter {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &::first-letter {
      --tw-font-weight: var(--font-weight-black);
      font-weight: var(--font-weight-black);
    }
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .gakZIOHd {
    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);
  }
  .poSQCHQu {
    --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);
    }
  }
  .sMlgZiCn {
    height: calc(var(--spacing) * 8);
    width: var(--spacing);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: #606c85;
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 12);
    }
    &:is(.dark *) {
      background-color: #7a86a1;
    }
  }
  .wH0BS5Kz {
    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);
    }
  }
  .pTJ3Mq60 {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: center;
  }
  .a9026wax {
    margin-top: var(--spacing);
    margin-right: calc(var(--spacing) * 2);
  }
  .aV8neGip {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .wgSIhUUq {
    margin-bottom: calc(var(--spacing) * 4);
    overflow: hidden;
    border-radius: calc(12 * 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: #7a86a1;
    background-color: #f3f7ff;
    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) {
        scale: 1.01;
      }
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .jYatK3QT {
    position: absolute;
    bottom: calc(var(--spacing) * 64);
    left: calc(1 / 4 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #7a86a1 30%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #7a86a1 20%, transparent);
    }
  }
  .n5iXeMfO {
    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);
    --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);
    }
  }
  .rD9XWuui {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .zJa38Z85 {
    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)));
    }
  }
  .qiP6BZ6k {
    flex: 1;
    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: var(--color-slate-800);
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-slate-200);
        }
      }
    }
  }
  .w97Wn0SG {
    position: absolute;
    top: 0;
    right: 0;
    color: #e6edfb;
    &:is(.dark *) {
      color: #2f3543;
    }
  }
  .gMpEeZGC {
    border-radius: calc(12 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    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-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-700);
    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: 200ms;
    transition-duration: 200ms;
    &: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: var(--color-slate-50);
      }
    }
    &: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: var(--color-slate-300);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-slate-800);
        }
      }
    }
    &:is(.dark *) {
      &:focus {
        --tw-ring-color: var(--color-slate-600);
      }
    }
  }
  .cnVIjr5g {
    margin: 0;
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 12);
    max-width: var(--container-4xl);
  }
  .vn5gnEON {
    position: absolute;
    bottom: calc(1 / 4 * 100%);
    left: 0;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #96a2ba 20%, 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));
  }
  .yUQSs5aA {
    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: 0.1em;
    letter-spacing: 0.1em;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .iPn0688o {
    margin: 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);
    }
  }
  .hr9JnM3O {
    position: absolute;
    bottom: calc(var(--spacing) * 40);
    left: calc(var(--spacing) * 20);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, #96a2ba 20%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #96a2ba 10%, transparent);
    }
  }
  .gXN2Xr7z {
    position: relative;
    width: 100%;
  }
  .lvkY59YJ {
    margin-inline: auto;
    max-width: var(--container-3xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .zvCfwwsd {
    margin-bottom: calc(var(--spacing) * 3);
    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);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .v22Or9sI {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: var(--color-white);
  }
  .sTRHL4G9 {
    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);
    }
  }
  .jTILXbpU {
    color: #b8c1d5;
    &:is(.dark *) {
      color: #7a86a1;
    }
  }
  .iq7v3QA7 {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    --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);
    }
  }
  .zQpHVffD {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .q0weyfCc {
    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);
    }
  }
  .fpHWLqC2 {
    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-600);
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .lGmgLHBO {
    position: relative;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .hHnUJtDE {
    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);
  }
  .deXpWzf4 {
    position: absolute;
    bottom: calc(var(--spacing) * 32);
    left: calc(1 / 3 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #7a86a1 30%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #7a86a1 20%, transparent);
    }
  }
  .vkIQYf0U {
    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: 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));
  }
  .s44Nay5z {
    display: grid;
    min-height: 100vh;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .vtIYLl98 {
    min-width: 0;
    border-radius: calc(12 * 3px);
    background-color: var(--color-white);
    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);
      }
    }
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .oAbu4rgt {
    margin: 0;
    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-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .gbpub9I8 {
    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) * 8);
    text-align: center;
  }
  .fxTHSpP3 {
    display: inline-block;
    border-radius: calc(12 * 2px);
    background-color: #a74f0f;
    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: #8b3f02;
      }
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .z7ZVrW34 {
    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: #606c85;
    &:is(.dark *) {
      color: #96a2ba;
    }
  }
  .tJi6oavf {
    display: block;
    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);
  }
  .uS3WTJWJ {
    width: 100%;
    border-radius: calc(12 * 2px);
    background-color: #a74f0f;
    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: 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: #8b3f02;
      }
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .sRel9iF3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .tW6ZJjx7 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 56);
    }
  }
  .oX3gY6IH {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: calc(1 / 2 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: #e6edfb;
    opacity: 75%;
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .hw144n0V {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 4 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #96a2ba 10%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #96a2ba 5%, transparent);
    }
  }
  .qL9pzsJX {
    position: absolute;
    left: 0;
    height: calc(var(--spacing) * 32);
    width: 100%;
    --tw-skew-y: skewY(calc(1deg * -1));
    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 right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: color-mix(in oklab, #b8c1d5 5%, 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-via: color-mix(in oklab, #7a86a1 2%, 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);
    }
  }
  .e0ET18TZ {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
    @media (width >= 64rem) {
      margin-top: 0;
    }
  }
  .xeZx78gK {
    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) * 12);
  }
  .ts6lkDnD {
    pointer-events: none;
    position: absolute;
    inset-inline: 0;
    top: calc(2 / 3 * 100%);
    display: flex;
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    justify-content: center;
  }
  .cGqJMbr1 {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: calc(12 * 3px);
    @media (width >= 48rem) {
      margin-left: 0;
    }
    @media (width >= 48rem) {
      width: calc(2 / 5 * 100%);
    }
  }
  .sourp6ET {
    margin-inline: auto;
    max-width: var(--container-2xl);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .keN2RsKf {
    margin-bottom: 0;
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .bg0ykny0 {
    position: relative;
    height: calc(var(--spacing) * 64);
    overflow: hidden;
    @media (width >= 48rem) {
      height: auto;
    }
    @media (width >= 48rem) {
      min-height: 0;
    }
    @media (width >= 48rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .bRZ09tSB {
    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);
    @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);
    }
  }
  .vpWlIwHJ {
    position: absolute;
    left: 0;
    height: calc(var(--spacing) * 32);
    width: 100%;
    --tw-skew-y: skewY(calc(1deg * -1));
    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 right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: color-mix(in oklab, #7a86a1 4%, 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-via: color-mix(in oklab, #4e586e 2%, 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);
    }
  }
  .iEBcuwAs {
    font-family: var(--font-mono);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .cQtN1tbp {
    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;
  }
  .qSFX0SRM {
    :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);
    }
  }
  .qrBLMQ5C {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .zOtyn1Il {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 2px);
    background-color: #a74f0f;
    padding-inline: calc(var(--spacing) * 4);
    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);
    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 >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .mUfO1Q73 {
    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);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .xXscJhOH {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-600);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .z0PtpS3C {
    margin: 0;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    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);
    }
  }
  .xKZ4H4eM {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
  }
  .jVYAyN6Y {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    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);
    }
  }
  .qaVBwInZ {
    display: grid;
    min-height: 100vh;
    align-items: center;
    gap: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 20);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .hMDrMmaI {
    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);
    @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);
    }
  }
  .uu8VIsUj {
    overflow: hidden;
    border-radius: calc(12 * 4px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-600);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .b5vIpBA9 {
    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);
    }
  }
  .eTNjmS0T {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 2px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-900);
    padding-inline: calc(var(--spacing) * 4);
    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-slate-900);
    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) {
        color: var(--color-slate-800);
      }
    }
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:hover {
      @media (hover: hover) {
        &:is(.dark *) {
          color: var(--color-slate-200);
        }
      }
    }
  }
  .q00TjWfb {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .zQBlgcsx {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
  }
  .cBTPwKEk {
    margin: 0;
  }
  .ugdTW2ZG {
    margin-bottom: calc(var(--spacing) * 8);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .aetdGRGt {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-600);
    padding-top: calc(var(--spacing) * 4);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .bKmAvACF {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .cx2khf0l {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .fqPY7DDK {
    margin-bottom: 0;
    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);
    }
  }
  .agjMBTF9 {
    color: #b8c1d5;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
    &:is(.dark *) {
      color: #7a86a1;
    }
  }
  .p9oCKwOI {
    position: absolute;
    bottom: calc(var(--spacing) * -2);
    left: calc(1 / 2 * 100%);
    height: var(--spacing);
    width: calc(var(--spacing) * 16);
    border-radius: calc(12 * 1px);
    background-color: #606c85;
  }
  .rimEfocw {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .vlBAAZ6p {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .mdEaYKDy {
    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-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .mRKUhdgg {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-4xl);
    padding-inline: calc(var(--spacing) * 8);
  }
  .bWEwBpYN {
    margin-top: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    color: var(--color-slate-700);
    opacity: 0%;
    transition-property: opacity;
    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 *) {
      color: var(--color-slate-300);
    }
  }
  .cKtVZWpg {
    text-align: justify;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .nhxr9A0P {
    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-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));
  }
  .d5weUuBM {
    position: absolute;
    border-radius: calc(infinity * 1px);
    background-color: #7a86a1;
    opacity: 60%;
  }
  .naBxlZR7 {
    @media (width >= 64rem) {
      grid-column: span 6 / span 6;
    }
  }
  .phNjzsc8 {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .fUqsdWho {
    margin-inline: auto;
    display: grid;
    max-width: var(--container-6xl);
    gap: calc(var(--spacing) * 8);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .tbHo2zuZ {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 12);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .zQ21frjo {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-200);
    padding-block: calc(var(--spacing) * 5);
    &:is(.dark *) {
      border-color: #3d4557;
    }
  }
  .qxYjOaOg {
    pointer-events: none;
    position: absolute;
    inset: 0;
    color: color-mix(in oklab, #96a2ba 30%, transparent);
    &:is(.dark *) {
      color: color-mix(in oklab, #7a86a1 40%, transparent);
    }
  }
  .kx53yOnd {
    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);
  }
  .ml4nMvGW {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #a74f0f;
    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: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .ySY8MpqL {
    display: grid;
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .gf6HMxA2 {
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
  }
  .maV9Ym2J {
    pointer-events: none;
    position: absolute;
    left: calc(1 / 2 * 100%);
  }
  .jjJJxv3C {
    color: #606c85;
    &:is(.dark *) {
      color: #96a2ba;
    }
  }
  .ulSi149d {
    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);
    }
  }
  .bdJ71FdR {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-white);
  }
  .lOt3joy3 {
    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, #7a86a1 30%, transparent);
  }
  .woNfvpYZ {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .bLdQ7DAn {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .pubnZ0wZ {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: #606c85;
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .y0AJENnS {
    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);
    }
  }
  .trYahqgU {
    background-color: var(--color-white);
    padding-block: 0;
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .p3O2KgJO {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #a74f0f;
    padding-inline: calc(var(--spacing) * 12);
    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);
    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) {
        background-color: #8b3f02;
      }
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .nCV8bDQO {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24);
    }
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .s88j4KCF {
    display: block;
    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-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .tyE4sEta {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .xkGWkmEB {
    font-family: var(--font-mono);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .lAj9bvxt {
    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);
  }
  .pfxRXBe4 {
    padding: calc(var(--spacing) * 2);
    color: var(--color-slate-300);
    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);
      }
    }
    @media (width >= 64rem) {
      display: none;
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .eYMCik0v {
    min-width: 0;
    flex: 1;
  }
  .o5al3qVW {
    margin: 0;
    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-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .kEXzDP7d {
    width: 100%;
    border-radius: calc(12 * 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);
    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);
      }
    }
    &: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: #b8c1d5;
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: #1d222b;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:focus {
        --tw-ring-color: #7a86a1;
      }
    }
  }
  .aKolCKlI {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .n3ljPM3h {
    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);
    }
  }
  .zAtqiapt {
    border-radius: calc(infinity * 1px);
    background-color: #7a86a1;
  }
  .vR7lLMRe {
    font-family: var(--font-mono);
    font-size: 0.65rem;
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .bUTdfmjM {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 2px);
    background-color: #606c85;
    &:is(.dark *) {
      background-color: #7a86a1;
    }
  }
  .fnv86QY2 {
    display: grid;
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .i2qLLE9O {
    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: #606c85;
    &:is(.dark *) {
      background-color: #96a2ba;
    }
  }
  .kVLNfW1G {
    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);
    }
  }
  .chyssv2L {
    position: absolute;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #b8c1d5 25%, transparent);
  }
  .h751ESdh {
    margin-bottom: 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);
    }
  }
  .w2QebPeQ {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .phJdUy3X {
    display: flex;
    height: calc(var(--spacing) * 16);
    align-items: center;
    justify-content: space-between;
  }
  .s3MZdDJT {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 4px);
    background-color: #606c85;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    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: #96a2ba;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .xxYKghHl {
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .nnhyVYyc {
    color: #7a86a1;
  }
  .prNuq366 {
    margin-inline: auto;
    max-width: var(--container-2xl);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .xmawIQk5 {
    margin-bottom: calc(var(--spacing) * 4);
    background-color: #606c85;
    &:is(.dark *) {
      background-color: #7a86a1;
    }
  }
  .vo1598co {
    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-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .iFW8IA9i {
    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));
    }
  }
  .mgmropg6 {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--spacing);
  }
  .jFEAyWGU {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .ebf8IGCT {
    margin-bottom: calc(var(--spacing) * 8);
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
    border-color: var(--color-slate-900);
    padding-block: calc(var(--spacing) * 4);
    text-align: center;
    &:is(.dark *) {
      border-color: var(--color-slate-100);
    }
  }
  .vTFiNGdg {
    font-family: var(--font-mono);
    color: var(--color-slate-800);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .spTdXHmI {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
    --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);
    }
  }
  .tV9McQ9V {
    font-family: var(--font-mono);
    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);
    opacity: 40%;
  }
  .yO8GN5vf {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      flex-wrap: wrap;
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .oNG3EP0G {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .ql9jCEpt {
    display: flex;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-600);
    padding-block: calc(var(--spacing) * 4);
    &:first-child {
      padding-top: 0;
    }
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    &:last-child {
      padding-bottom: 0;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .xjlXvt26 {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 8);
    border-radius: calc(12 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .cfsFvH4f {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .kLVhywl0 {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .y0WF39Dj {
    margin-inline: auto;
    max-width: var(--container-6xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .q3izrCFp {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-5xl);
  }
  .vJ7KScoK {
    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);
    }
  }
  .i67umkrK {
    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);
    }
  }
  .lTIWnKpF {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .jCmsnMcF {
    position: absolute;
    top: calc(var(--spacing) * 64);
    left: calc(1 / 2 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #7a86a1 30%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #7a86a1 20%, transparent);
    }
  }
  .wEAperr5 {
    margin-inline: auto;
    max-width: var(--container-3xl);
    border-radius: calc(12 * 3px);
    background-color: #f3f7ff;
    padding: calc(var(--spacing) * 8);
    text-align: center;
    --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: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .rk9PrcwJ {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .oUxgPRDk {
    margin-bottom: calc(var(--spacing) * 4);
    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);
    }
  }
  .bYfLfBuk {
    margin-bottom: calc(var(--spacing) * 4);
    color: #606c85;
    &:is(.dark *) {
      color: #96a2ba;
    }
  }
  .scnZfm3a {
    position: relative;
  }
  .pXZLx3fs {
    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%;
  }
  .xpw03UAX {
    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;
  }
  .mTCUZvtq {
    display: flex;
    height: 100%;
    min-height: 300px;
    flex-direction: column;
    border-radius: calc(12 * 3px);
    background-color: #f3f7ff;
    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);
    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) {
        --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: #2f3543;
    }
  }
  .zaQhSWMr {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .pO7Ufy89 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-style: var(--tw-border-style);
    border-width: 1px;
    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);
    }
    padding: calc(var(--spacing) * 6);
    &:is(.dark *) {
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
    }
  }
  .d7siZA75 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
    font-style: normal;
  }
  .w0vUFZJ1 {
    display: block;
    width: 100%;
    flex: 1;
    color: #7a86a1;
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .vIrrZoRC {
    margin-right: calc(var(--spacing) * 2);
    color: #b8c1d5;
    &:is(.dark *) {
      color: #7a86a1;
    }
  }
  .ukPB6ykY {
    width: 100%;
    max-width: var(--container-2xl);
  }
  .rPOyOgih {
    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);
  }
  .twHWmO4d {
    margin-bottom: calc(var(--spacing) * 12);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .kXZ9ScyL {
    margin-bottom: calc(var(--spacing) * 12);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: #b8c1d5;
    padding-bottom: calc(var(--spacing) * 8);
  }
  .kxN6aIIW {
    display: flex;
    flex-shrink: 0;
    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);
      }
    }
  }
  .pEgNGkA0 {
    flex-shrink: 0;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-100);
  }
  .tXQvMCKL {
    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);
    }
  }
  .bNBOvcAs {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .uxsk8T1z {
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .pucoPPHq {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: calc(12 * 4px);
    @media (width >= 48rem) {
      border-radius: calc(12 * 5px);
    }
  }
  .lkdjJ0zA {
    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);
    }
  }
  .tw0Utw3x {
    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-100);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .qt9K8lO9 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 6);
    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: #e6edfb;
    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: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .y2btyyrd {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-green-500);
  }
  .qLOwBWR7 {
    --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);
    }
  }
  .hahLlXqE {
    position: absolute;
    inset-inline-end: calc(var(--spacing) * 4);
    top: calc(var(--spacing) * 4);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #a74f0f;
    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);
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .x2sQqUf4 {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-600);
    padding-top: calc(var(--spacing) * 8);
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .f1TTQuaU {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 12);
    }
  }
  .a0P4rP6q {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 12);
  }
  .mFEcY2mq {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: #606c85;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .vacgQ9OC {
    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);
    }
  }
  .kNr8N27d {
    display: inline-block;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .ly6LbxRj {
    margin-bottom: calc(var(--spacing) * 8);
    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-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rD6YcxnF {
    display: none;
    align-items: center;
    border-radius: calc(12 * 2px);
    background-color: #a74f0f;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: 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-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: #8b3f02;
      }
    }
    @media (width >= 64rem) {
      display: inline-flex;
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .oHUEhpxn {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .cXCZoULd {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-amber-400);
  }
  .dSiUFgap {
    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);
  }
  .iYzMXS81 {
    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);
    }
  }
  .byiTT22R {
    display: inline-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);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .lZWVQIu3 {
    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-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .yNc2QtIU {
    position: absolute;
    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-200);
    &:is(.dark *) {
      border-color: #3d4557;
    }
  }
  .cSi3xkvu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
    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);
    }
  }
  .be857Ae8 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .kwBKrwc8 {
    position: absolute;
    right: calc(var(--spacing) * 8);
    bottom: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 96);
    width: calc(var(--spacing) * 96);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-slate-800);
    opacity: 5%;
    &:is(.dark *) {
      background-color: var(--color-slate-200);
    }
  }
  .pnzL8R7T {
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: 0;
    display: flex;
    list-style-type: none;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    padding: 0;
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .jFhlABew {
    position: relative;
    margin-bottom: calc(var(--spacing) * 12);
    overflow: hidden;
    border-radius: calc(12 * 4px);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #7a86a1;
    --tw-gradient-via: #b8c1d5;
    --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: #e6edfb;
    --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) {
      margin-bottom: calc(var(--spacing) * 16);
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      --tw-gradient-from: #3d4557;
      --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: #2f3543;
      --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: #1d222b;
      --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));
    }
  }
  .gGYYs1HY {
    display: inline-flex;
    width: 100%;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(12 * 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) * 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);
    white-space: nowrap;
    color: var(--color-slate-900);
    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) {
        border-color: #b8c1d5;
      }
    }
    @media (width >= 40rem) {
      width: auto;
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 4);
    }
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: #2f3543;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: #7a86a1;
        }
      }
    }
  }
  .e4ETBIBs {
    display: flex;
    height: 100%;
    flex-direction: column;
    border-radius: calc(12 * 2px);
    background-color: var(--color-white);
    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);
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .fPB40PoM {
    :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)));
    }
  }
  .qL5eflbv {
    color: #3d4557;
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .yBwajs3G {
    display: block;
    height: var(--spacing);
    width: var(--spacing);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-slate-400);
    &:is(.dark *) {
      background-color: var(--color-slate-500);
    }
  }
  .fgR9rIgr {
    position: absolute;
    bottom: 0;
    left: 0;
    height: calc(var(--spacing) * 24);
    width: 100%;
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #7a86a1 10%, transparent);
    --tw-gradient-via: color-mix(in oklab, #96a2ba 8%, 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));
  }
  .zqxz9YnX {
    position: absolute;
    right: calc(1 / 3 * 100%);
    bottom: calc(var(--spacing) * 32);
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: #606c85;
    opacity: 18%;
    &:is(.dark *) {
      background-color: #7a86a1;
    }
    &:is(.dark *) {
      opacity: 9%;
    }
  }
  .e1wDbHvB {
    margin-bottom: 0;
    border-color: var(--color-slate-600);
    padding-block: calc(var(--spacing) * 6);
    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) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .cRzcP5Ei {
    color: color-mix(in oklab, #96a2ba 30%, transparent);
    &:is(.dark *) {
      color: color-mix(in oklab, #7a86a1 25%, transparent);
    }
  }
  .oMcvrTCa {
    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);
  }
  .xPL64RBu {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .buBQ0U3I {
    overflow: hidden;
  }
  .dJJl2X8v {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .uhpQlJdH {
    display: block;
    width: 100%;
    border-radius: calc(12 * 2px);
    background-color: #a74f0f;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    text-align: center;
    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);
    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: #8b3f02;
      }
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .nL3klIzk {
    position: relative;
    overflow: hidden;
  }
  .kVex8Y4h {
    border-radius: calc(12 * 2px);
    background-color: #606c85;
    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);
    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: 200ms;
    transition-duration: 200ms;
    &: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: #4e586e;
      }
    }
    &: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);
      }
    }
    &: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: #b8c1d5;
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:is(.dark *) {
      background-color: #7a86a1;
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #606c85;
        }
      }
    }
    &:is(.dark *) {
      &:focus {
        --tw-ring-color: #606c85;
      }
    }
  }
  .lurbwi5z {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #b8c1d5;
    &:is(.dark *) {
      color: #7a86a1;
    }
  }
  .mEIRedYD {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--spacing);
  }
  .qMZDJHlZ {
    position: absolute;
    top: calc(var(--spacing) * 48);
    right: calc(1 / 3 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #96a2ba 30%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #96a2ba 20%, transparent);
    }
  }
  .kzcUt1Le {
    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, #7a86a1 30%, transparent);
  }
  .mPLLcsyd {
    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);
    }
  }
  .bQpgE1dj {
    position: relative;
    margin-bottom: calc(var(--spacing) * 12);
    overflow: hidden;
    border-radius: calc(12 * 3px);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #606c85;
    --tw-gradient-to: #7a86a1;
    --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);
  }
  .zKwKo1TD {
    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);
    @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);
    }
  }
  .aVW3UcJR {
    margin-bottom: calc(var(--spacing) * 2);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .eUta6Ka1 {
    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);
    }
  }
  .jjuPyZfO {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
  }
  .d5mpOGU1 {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 2 * 100%);
  }
  .l0SasdNp {
    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);
  }
  .pTe3qmFt {
    flex-grow: 1;
  }
  .zhCZIAvN {
    overflow-x: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24);
    }
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .eWRxjEHM {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
  }
  .vwYA7niy {
    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);
    }
  }
  .zEDv4xrY {
    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);
  }
  .nXNU7u6r {
    margin-bottom: calc(var(--spacing) * 8);
    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);
    }
  }
  .lV6Z1m6T {
    margin-bottom: calc(var(--spacing) * 8);
    border-radius: calc(12 * 2px);
    background-color: #f3f7ff;
    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: #2f3543;
    }
  }
  .wPMwWNTB {
    border-radius: calc(12 * 2px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #b8c1d5;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    &:hover {
      @media (hover: hover) {
        border-color: #96a2ba;
      }
    }
    &: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: #7a86a1;
    }
    &:is(.dark *) {
      background-color: #3d4557;
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: #7a86a1;
        }
      }
    }
  }
  .sLd5igv3 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .ztMHxdYI {
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #606c85;
    &:is(.dark *) {
      background-color: #7a86a1;
    }
  }
  .bzbESsWU {
    position: absolute;
    border-radius: calc(infinity * 1px);
    background-color: #d1dbef;
    &:is(.dark *) {
      background-color: #4e586e;
    }
  }
  .svsd3JBN {
    margin-bottom: calc(var(--spacing) * 8);
    display: inline-block;
    border-radius: calc(12 * 1px);
    background-color: #606c85;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-white);
    text-transform: uppercase;
    &:is(.dark *) {
      background-color: #96a2ba;
    }
  }
  .vh6GQxok {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .eE1NB1Sk {
    position: relative;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .xpLpv43l {
    border-radius: calc(12 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #d1dbef;
    background-color: #f3f7ff;
    padding: calc(var(--spacing) * 2);
    &:is(.dark *) {
      border-color: #4e586e;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #2f3543 20%, transparent);
    }
  }
  .aYpm7z3r {
    display: inline-block;
  }
  .hM053Ogo {
    margin-bottom: calc(var(--spacing) * 4);
    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: #1d222b;
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: #e6edfb;
    }
  }
  .plyFl0Dd {
    position: absolute;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-white);
    background-color: var(--color-slate-900);
    &:is(.dark *) {
      border-color: #2f3543;
    }
    &:is(.dark *) {
      background-color: var(--color-white);
    }
  }
  .iQGCl53h {
    position: relative;
    z-index: 10;
    border-radius: calc(12 * 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: #3d4557;
    }
  }
  .fl1mifoY {
    margin: 0;
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    padding: 0;
  }
  .oWW9RQAY {
    display: flex;
    min-height: 100vh;
    align-items: center;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .gzuLhY39 {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-6xl);
    padding-inline: calc(var(--spacing) * 8);
  }
  .bKYwfEN6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: calc(12 * 1px);
    background-color: #606c85;
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      background-color: #96a2ba;
    }
  }
  .yP8sO74T {
    margin-bottom: calc(var(--spacing) * 8);
    border-radius: calc(12 * 4px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    text-align: center;
    --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);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .dV1rGXu4 {
    margin-bottom: 0;
    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);
    }
  }
  .siaQ8nxl {
    padding-top: calc(var(--spacing) * 10);
    text-align: center;
  }
  .xO8mtmOH {
    margin: 0;
    flex: 1;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      padding-top: var(--spacing);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .lX6evevI {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .uRmWPYjS {
    position: absolute;
    bottom: 0;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: color-mix(in oklab, #7a86a1 50%, transparent);
  }
  .gnqBwatq {
    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(infinity * 1px);
    background-color: #606c85;
    &:is(.dark *) {
      background-color: #7a86a1;
    }
  }
  .tqahhK1Z {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
  }
  .acNx6Hc3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 5);
    text-align: center;
  }
  .fvJl4qsW {
    margin-bottom: 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);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rpNqEUus {
    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: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .qx2QIphN {
    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);
  }
  .eApC84q8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .xi0jrCnx {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
  }
  .eKFhgKHz {
    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) * 12);
    padding-inline: calc(var(--spacing) * 4);
  }
  .v8tuz8pL {
    position: absolute;
    bottom: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(12 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, 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);
    @media (width >= 48rem) {
      bottom: calc(var(--spacing) * 6);
    }
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 6);
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 5);
    }
    &:is(.dark *) {
      border-color: #4e586e;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #2f3543 70%, transparent);
    }
  }
  .n2I2uF4L {
    display: flex;
    height: calc(var(--spacing) * 14);
    width: calc(var(--spacing) * 14);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 3px);
    background-color: #7a86a1;
  }
  .zSuarhqV {
    color: color-mix(in oklab, #b8c1d5 25%, transparent);
    &:is(.dark *) {
      color: color-mix(in oklab, #96a2ba 20%, transparent);
    }
  }
  .cSAEXmBd {
    margin-top: calc(var(--spacing) * 2);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: #a74f0f;
    &:is(.dark *) {
      background-color: #e08855;
    }
  }
  .yKYqcMU5 {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .mQa8eUwE {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 6);
    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);
    }
  }
  .i0NXLiTQ {
    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) * 2);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .gdvx29DQ {
    flex: 1;
    padding-top: calc(var(--spacing) * 2);
  }
  .xvoMSaFs {
    margin-top: calc(var(--spacing) * 4);
    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-300);
    }
  }
  .kCcfVUoa {
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
  }
  .mHb7xqoO {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    color: #606c85;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .r0YQFOHc {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .w9FNVDEg {
    flex: 1;
  }
  .g2VzVUp7 {
    color: #606c85;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dATijn2h {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .rYpga7NX {
    position: absolute;
    top: calc(1 / 2 * 100%);
    z-index: calc(10 * -1);
    display: none;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #7a86a1 30%, transparent);
    @media (width >= 48rem) {
      display: block;
    }
  }
  .lRzuwwwZ {
    margin-bottom: calc(var(--spacing) * 4);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #606c85;
    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: #7a86a1;
    }
  }
  .gtTRhFZY {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-bottom: calc(var(--spacing) * 24);
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 32);
    }
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .zLrZ6QsD {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(12 * 1px);
    background-color: #a74f0f;
    padding-inline: calc(var(--spacing) * 12);
    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-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--color-white);
    text-transform: uppercase;
    --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: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: #8b3f02;
      }
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .kt6DzQYF {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .aghBDDg0 {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .tMV4GGk3 {
    pointer-events: none;
    position: absolute;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    border-radius: calc(12 * 2px);
    border-style: var(--tw-border-style);
    border-width: 4px;
    border-color: color-mix(in oklab, #b8c1d5 25%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #606c85 15%, transparent);
    }
  }
  .yLGCdgzY {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
  }
  .mQ8y6XIS {
    margin-bottom: calc(var(--spacing) * 2);
    --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);
    }
  }
  .xrZ6Tbfs {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .kapPKCAY {
    display: flex;
    align-items: center;
  }
  .pISXr2MR {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 2px);
    background-color: var(--color-red-500);
  }
  .nVYQuHLu {
    background-color: #2f3543;
  }
  .mV2aPwyD {
    position: fixed;
    bottom: 0;
    left: calc(1 / 2 * 100%);
    margin-inline: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 4);
    width: 100%;
    max-width: var(--container-4xl);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    border-radius: calc(12 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    --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-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: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: var(--color-slate-900);
    }
  }
  .zosUAk3N {
    pointer-events: none;
    position: absolute;
    inset: 0;
  }
  .hRV6nb2T {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 8);
  }
  .uhXt3h0E {
    position: absolute;
    top: calc(var(--spacing) * 12);
    left: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 72);
    width: calc(var(--spacing) * 72);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-slate-800);
    opacity: 5%;
    &:is(.dark *) {
      background-color: var(--color-slate-200);
    }
  }
  .ennc31h9 {
    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);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .auV4UlEx {
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .a8M1Vb2C {
    position: absolute;
    top: calc(var(--spacing) * 20);
    left: calc(var(--spacing) * 10);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #7a86a1 10%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #7a86a1 5%, transparent);
    }
  }
  .wlKijm22 {
    color: #606c85;
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .wgkHlDZs {
    height: 100%;
    width: 100%;
  }
  .cUfLxyIp {
    margin-bottom: calc(var(--spacing) * 4);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .qNViXVgS {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .cXCM6yIr {
    display: flex;
    gap: calc(var(--spacing) * 3);
    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);
    }
  }
  .vZIyGyzo {
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: calc(12 * 5px);
    background-color: #f3f7ff;
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .rUuVVd7N {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .wGDW4O56 {
    position: absolute;
    top: calc(var(--spacing) * 32);
    right: calc(var(--spacing) * 20);
    color: color-mix(in oklab, #7a86a1 45%, transparent);
  }
  .fMMYY9TN {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .fAV5yiUG {
    margin-top: calc(var(--spacing) * 4);
    text-align: center;
    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);
    }
  }
  .evTPuIZw {
    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);
  }
  .mzsIe0gm {
    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-white);
    }
  }
  .hqcSba1q {
    margin-bottom: calc(var(--spacing) * 4);
    text-align: center;
    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);
    }
  }
  .dmW5QWEd {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
  }
  .wZbzA0Kh {
    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);
  }
  .bWVqmXav {
    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));
    align-items: center;
    gap: calc(var(--spacing) * 16);
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .cUGi96Lt {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --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-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .uGMdt8U6 {
    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-white);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .vQdTyXnQ {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .swsTzZO3 {
    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);
    }
  }
  .jkeTfdpR {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 8);
    display: grid;
    max-width: var(--container-6xl);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .fyh5vOSR {
    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);
    }
  }
  .neTQc7rI {
    margin-inline: auto;
    max-width: var(--container-2xl);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .sQIzDpim {
    position: absolute;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #b8c1d5 30%, transparent);
  }
  .navGev43 {
    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);
    }
  }
  .uTP92KD7 {
    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);
    }
  }
  .xb4ge9d8 {
    width: 100%;
    @media (width >= 48rem) {
      width: 23%;
    }
  }
  .mV4qcF0V {
    position: absolute;
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #606c85;
    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);
    --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: #96a2ba;
    }
  }
  .yqL1N0YG {
    min-width: 0;
    @media (width >= 64rem) {
      width: calc(2 / 3 * 100%);
    }
  }
  .gKhwnNOT {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .laLWSm4m {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: calc(12 * 3px);
    --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);
  }
  .vevMIPHy {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .zSxFzRle {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .oAxWcRLf {
    display: flex;
    align-items: flex-end;
    gap: calc(var(--spacing) * 2);
  }
  .u57MhMon {
    display: inline-flex;
    border-radius: calc(infinity * 1px);
    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-medium);
    font-weight: var(--font-weight-medium);
  }
  .a061o7p0 {
    display: block;
    height: 100%;
    width: 100%;
  }
  .iCM87moF {
    display: flex;
    align-items: flex-start;
    gap: 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);
    }
  }
  .xZZSPKkm {
    position: relative;
    border-radius: calc(12 * 3px);
    background-color: #606c85;
    padding: calc(var(--spacing) * 12);
    text-align: center;
    &:is(.dark *) {
      background-color: #7a86a1;
    }
  }
  .uE6RL6Gl {
    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-black);
    font-weight: var(--font-weight-black);
    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);
    }
  }
  .dkti3BeP {
    margin-bottom: calc(var(--spacing) * 12);
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(12 * 4px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-red-400);
    background-color: #f3f7ff;
    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);
    &:is(.dark *) {
      border-color: var(--color-red-500);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .iK3ovjf5 {
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-2xl);
    padding-inline: calc(var(--spacing) * 8);
  }
  .cAiTr6Ma {
    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);
    }
  }
  .cBkvXysP {
    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);
    }
  }
  .gk2UXBDT {
    flex: 1;
    border-radius: calc(12 * 1.5px);
    background-color: #7a86a1;
    &:is(.dark *) {
      background-color: #96a2ba;
    }
  }
  .oudeiIpR {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: calc(1 / 2 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: #e6edfb;
    opacity: 75%;
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .ptnWuzEm {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    background-color: #a74f0f;
    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: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .ud3N5d3P {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-400);
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-500);
    }
  }
  .mCn1Si0m {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #7a86a1;
    --tw-gradient-to: #4e586e;
    --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));
    background-clip: text;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--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: transparent;
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      --tw-gradient-from: #96a2ba;
      --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: #606c85;
      --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));
    }
  }
  .dNZ8AS6k {
    position: absolute;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: color-mix(in oklab, #b8c1d5 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));
  }
  .bdEz0FuZ {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-block: calc(var(--spacing) * 5);
    text-align: left;
  }
  .qEUtXkvX {
    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);
    @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);
    }
  }
  .me6a4XRK {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 2px);
    background-color: #606c85;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #96a2ba;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .f3DMyFZM {
    border-radius: calc(12 * 1px);
    background-color: #606c85;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    text-transform: uppercase;
    &:is(.dark *) {
      background-color: #7a86a1;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .zQ0f3lA2 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 12);
    max-width: var(--container-2xl);
    text-align: center;
  }
  .p6DNylQC {
    --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);
    }
  }
  .sDPEtPg2 {
    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);
    }
  }
  .z5sFILXy {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .yNsOJFVM {
    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);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dQKWsCL2 {
    width: 100%;
    object-fit: cover;
  }
  .cxEWwKHN {
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #b8c1d5 10%, transparent);
    --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: color-mix(in oklab, #b8c1d5 5%, transparent);
    }
  }
  .nymfyZvM {
    margin-bottom: calc(var(--spacing) * 8);
    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);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .t2lQzwql {
    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-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .lKF8OLGr {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    line-height: 1;
    color: var(--color-white);
  }
  .xpUWPdlP {
    display: flex;
    flex-direction: column;
  }
  .u4YKEzCc {
    position: absolute;
    top: calc(var(--spacing) * 80);
    right: calc(1 / 4 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #96a2ba 30%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #96a2ba 20%, transparent);
    }
  }
  .zsHTfAWu {
    margin-top: calc(var(--spacing) * 12);
    text-align: center;
  }
  .jljkuBNs {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    opacity: 60%;
  }
  .gr6xkkvl {
    margin-inline: auto;
    max-width: var(--container-2xl);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .hphHY7zj {
    :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)));
    }
  }
  .vRHt5pVk {
    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);
    }
  }
  .d46oUH5f {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      width: calc(1 / 3 * 100%);
    }
  }
  .nRbd7Qx3 {
    height: 100%;
    background-color: #f3f7ff;
    padding-inline: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 20);
    padding-bottom: calc(var(--spacing) * 8);
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .ne65DObv {
    position: absolute;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    &:is(.dark *) {
      border-color: #4e586e;
    }
  }
  .wFYbb7ng {
    display: inline-block;
    align-self: flex-start;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    color: var(--color-slate-900);
  }
  .gj9iLYR3 {
    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: #4e586e;
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .ejeJzwgl {
    margin-inline: auto;
    max-width: var(--container-lg);
    text-align: center;
  }
  .hiLY3Mil {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 2px);
    background-color: var(--color-amber-500);
  }
  .h9ZoQQLM {
    margin-bottom: calc(var(--spacing) * 4);
    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);
    }
  }
  .icM7qCpw {
    margin-bottom: calc(var(--spacing) * 12);
    display: flex;
    justify-content: center;
  }
  .vxpWTwQh {
    margin-bottom: calc(var(--spacing) * 4);
    border-radius: calc(12 * 3px);
    background-color: #f3f7ff;
    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: #3d4557;
    }
  }
  .xRE55O0y {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .snl0YOUz {
    margin-bottom: calc(var(--spacing) * 12);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 10);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 14);
    }
  }
  .vBc6zUEH {
    margin-bottom: calc(var(--spacing) * 8);
    border-radius: calc(12 * 2px);
    background-color: #606c85;
    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: #7a86a1;
    }
  }
  .bqpaMceD {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .yrwsXH77 {
    position: absolute;
    inset: 0;
  }
  .vslVkeM9 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .l5gF7xAA {
    position: absolute;
    top: calc(var(--spacing) * 20);
    left: calc(var(--spacing) * 12);
    color: color-mix(in oklab, #96a2ba 50%, transparent);
  }
  .x1wS6pXT {
    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);
    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: #4e586e;
      }
    }
    @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);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #b8c1d5;
        }
      }
    }
  }
  .yTHu0pxN {
    position: absolute;
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #b8c1d5 20%, transparent);
  }
  .oYRzm9nU {
    margin-top: calc(var(--spacing) * 12);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .y3HLmEj7 {
    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) {
        --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) {
        color: #b8c1d5;
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #7a86a1;
        }
      }
    }
  }
  .o9JMVvEP {
    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: #7a86a1;
    --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;
    }
  }
  .p12Zyxsb {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .hDsPAfVB {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 8);
    border-radius: calc(12 * 2px);
    background-color: #f3f7ff;
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .fI0SxbjS {
    margin-top: calc(var(--spacing) * 12);
    border-radius: calc(12 * 4px);
    background-color: #606c85;
    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: #7a86a1;
    }
  }
  .xiLUUBLL {
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .fAl5LfJU {
    border-radius: calc(12 * 2px);
    background-color: #f3f7ff;
    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);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .njBii6Gb {
    list-style-type: none;
    :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)));
    }
    padding: 0;
  }
  .vdzZSwi0 {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(12 * 4px);
    background-color: #e6edfb;
    padding: calc(var(--spacing) * 5);
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .edwdhMHd {
    height: 100%;
    border-radius: calc(12 * 3px);
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
    border-color: #606c85;
    background-color: var(--color-white);
    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);
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .nxwXo5C4 {
    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) {
        --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) {
        color: #b8c1d5;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #7a86a1;
        }
      }
    }
  }
  .j0Wm3SWY {
    width: 100%;
    border-radius: calc(infinity * 1px);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #b8c1d5;
    --tw-gradient-to: #7a86a1;
    --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));
  }
  .sgMYqXq7 {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
    border-radius: calc(12 * 5px);
    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);
    --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);
    &: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 *) {
      border-color: #4e586e;
    }
    &:is(.dark *) {
      background-color: #3d4557;
    }
  }
  .snwk7YEU {
    flex-shrink: 0;
  }
  .hEJlqF32 {
    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);
    }
  }
  .q2Fb3sgs {
    --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);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .yztAfhDX {
    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);
    }
  }
  .k1QBIKhM {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: clamp(3rem, 8vw, 6rem);
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .fmpw2oXk {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .cTuLBayz {
    position: absolute;
    bottom: calc(1 / 3 * 100%);
    left: calc(1 / 3 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #b8c1d5 8%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #b8c1d5 4%, transparent);
    }
  }
  .fdd78T9m {
    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-slate-700);
    text-transform: uppercase;
    font-style: normal;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .fJ3YO14T {
    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);
    }
  }
  .tkC8HJpV {
    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);
    }
  }
  .ip8ilX3C {
    position: absolute;
    top: calc(1 / 3 * 100%);
    right: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 48);
    width: calc(var(--spacing) * 48);
    border-radius: calc(infinity * 1px);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #b8c1d5 20%, transparent);
    --tw-gradient-to: color-mix(in oklab, #7a86a1 25%, 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));
  }
  .vPkrGimj {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .xggxQUfp {
    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);
      }
    }
  }
  .qP9NHLgE {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #606c85;
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .aid71Rdv {
    margin-top: calc(var(--spacing) * 0.5);
    flex-shrink: 0;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #606c85;
    &:is(.dark *) {
      color: #96a2ba;
    }
  }
  .lLZMdiZG {
    margin-bottom: calc(var(--spacing) * 12);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .cPq5q8ZC {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: #7a86a1;
    --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));
  }
  .o8gwGqzh {
    height: 100%;
    overflow: hidden;
    border-radius: calc(12 * 5px);
    background-color: #f3f7ff;
    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));
    @media (width >= 40rem) {
      &: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: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .jVztn7Xz {
    margin-top: calc(var(--spacing) * 12);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-300);
    padding-top: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
  }
  .vDlHqBMH {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 12);
    row-gap: 0;
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .cxOl4dyY {
    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);
    }
  }
  .cU2iXcEG {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .nnWobQ8z {
    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);
    }
  }
  .mi11gNYx {
    position: absolute;
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-white);
    background-color: var(--color-green-500);
    &:is(.dark *) {
      border-color: var(--color-slate-900);
    }
  }
  .ku93a6I9 {
    position: relative;
    border-top-right-radius: calc(12 * 2px);
    border-bottom-right-radius: calc(12 * 2px);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #96a2ba;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    &:is(.dark *) {
      background-color: #3d4557;
    }
  }
  .tVzZnJBw {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #4e586e;
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .shO5D6mE {
    border-radius: calc(12 * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #b8c1d5;
    background-color: #f3f7ff;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-900);
    &:is(.dark *) {
      border-color: #7a86a1;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #3d4557 50%, transparent);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .wGXtwNLV {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .jASGpbqT {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .sGrVdtqP {
    display: flex;
    flex: 1;
    align-items: center;
    gap: var(--spacing);
  }
  .yc1k4KT2 {
    margin-top: calc(var(--spacing) * 2);
    color: var(--color-slate-400);
    &:is(.dark *) {
      color: var(--color-slate-600);
    }
  }
  .qvjfvOyJ {
    position: absolute;
    right: calc(1 / 4 * 100%);
    bottom: calc(1 / 3 * 100%);
    height: calc(var(--spacing) * 80);
    width: calc(var(--spacing) * 80);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #7a86a1 3%, transparent);
    --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: color-mix(in oklab, #4e586e 1%, transparent);
    }
  }
  .r5Ac02PS {
    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);
    }
  }
  .tYUcVQhE {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(var(--spacing) * 10);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #7a86a1 15%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #7a86a1 8%, transparent);
    }
  }
  .s15l1ytU {
    display: flex;
    min-height: 0;
    flex-direction: column;
    justify-content: space-between;
    padding: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      width: calc(1 / 2 * 100%);
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .gnyoEeyq {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .aoWPGPcn {
    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-white);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .eQEC1sDt {
    margin-bottom: calc(var(--spacing) * 12);
    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));
    }
  }
  .ocLTu4f4 {
    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);
    }
  }
  .aCnNrHQM {
    display: inline-block;
    border-radius: calc(12 * 2px);
    background-color: #a74f0f;
    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);
    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) {
        background-color: #8b3f02;
      }
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .z8UqJA2I {
    position: relative;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .xAIgBP2Y {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: #96a2ba;
    --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));
    opacity: 70%;
  }
  .ejs6lEAP {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .unZuYA09 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .vA5aLstI {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .mJbylcdM {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 8);
    max-width: var(--container-3xl);
    border-radius: calc(12 * 3px);
    background-color: #f3f7ff;
    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: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .dd5YBJA6 {
    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: #1d222b;
    }
  }
  .lkf0200v {
    --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));
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .jQcd72nc {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #b8c1d5;
    background-color: #f3f7ff;
    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));
    color: var(--color-slate-900);
    &:is(.dark *) {
      border-color: #7a86a1;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #3d4557 50%, transparent);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .jhATYp5D {
    display: flex;
    align-items: center;
    gap: var(--spacing);
  }
  .b8QzC81O {
    margin-top: calc(var(--spacing) * 8);
    text-align: center;
    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);
    }
  }
  .infpnG74 {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .xMITRihh {
    position: absolute;
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #7a86a1 25%, transparent);
  }
  .t92n1nH5 {
    position: absolute;
    --tw-gradient-position: to bottom left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #b8c1d5;
    --tw-gradient-to: #7a86a1;
    --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));
  }
  .yszc66d7 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(12 * 2px);
    background-color: #f3f7ff;
    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-slate-900);
    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));
    &:is(.dark *) {
      background-color: #2f3543;
    }
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .lBeJ2l7Q {
    margin-block: calc(var(--spacing) * 2);
    border-radius: calc(12 * 1px);
    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);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-900);
    text-transform: uppercase;
    @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);
    }
  }
  .nUgJbt5K {
    margin-bottom: calc(var(--spacing) * 6);
    width: 100%;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-300);
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
  }
  .c1HfsdH5 {
    position: relative;
    z-index: 10;
    text-align: center;
  }
  .jjYNahK0 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
  }
  .hHWCxbJm {
    border-radius: calc(12 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-amber-200);
    background-color: #f3f7ff;
    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);
    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) {
        --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 *) {
      border-color: var(--color-amber-800);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .lFkXe56M {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .vD5tpEfL {
    animation: var(--animate-pulse);
    background-color: #b8c1d5;
    &:is(.dark *) {
      background-color: #7a86a1;
    }
  }
  .z577W7zo {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    @media (width >= 48rem) {
      flex-direction: row-reverse;
    }
  }
  .gax9dLa2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 6);
  }
  .eck9udW8 {
    margin: 0;
    display: flex;
    list-style-type: none;
    flex-direction: column;
    padding: 0;
  }
  .umQG4fHJ {
    margin-bottom: calc(var(--spacing) * 4);
    --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);
    }
  }
  .uYxJGtXl {
    margin-bottom: calc(var(--spacing) * 16);
    text-align: center;
  }
  .fiNo5kyT {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .xLwUNAig {
    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);
    color: #606c85;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #96a2ba;
    }
  }
  .lrNothm2 {
    margin-bottom: calc(var(--spacing) * 8);
    flex: 1;
    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);
    }
  }
  .tWU9DiBF {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    font-style: normal;
  }
  .jm8l1dM2 {
    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);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .dijEnqmj {
    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);
    }
  }
  .yZWS4JAJ {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .dTn0WzMD {
    height: calc(var(--spacing) * 72);
    width: calc(2 / 3 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: #e6edfb;
    opacity: 50%;
    --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: #1d222b;
    }
  }
  .ackm3djX {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .j8oqBJVj {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
  }
  .rCKcNVcN {
    margin-bottom: calc(var(--spacing) * 8);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dh97wRpP {
    position: absolute;
    inset: 0;
    border-radius: calc(infinity * 1px);
    background-color: #96a2ba;
    &:is(.dark *) {
      background-color: #b8c1d5;
    }
  }
  .fn7CJPOc {
    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);
    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: #4e586e;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #b8c1d5;
        }
      }
    }
  }
  .lko4l9bL {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: #7a86a1;
    --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));
  }
  .gObOA8qL {
    margin-inline: auto;
    max-width: var(--container-2xl);
    :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)));
    }
  }
  .r7dRIpdi {
    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);
    }
  }
  .on0Ni5kO {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-600);
    padding-bottom: calc(var(--spacing) * 2);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .iThkyZCR {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    border-radius: calc(12 * 5px);
    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: 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-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);
      }
    }
  }
  .hze7sQWR {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: 0;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 1.5);
    border-radius: calc(12 * 1px);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #606c85;
    --tw-gradient-to: #7a86a1;
    --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));
  }
  .y2ivRqiE {
    margin-bottom: calc(var(--spacing) * 12);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
  }
  .hWHT1mGb {
    display: block;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--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);
    }
  }
  .rVRQQMiL {
    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);
    }
  }
  .mkty12uB {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .uaDtRxV6 {
    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));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .ai7Cp7NH {
    position: absolute;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, #7a86a1 20%, transparent);
  }
  .uQfSpPVt {
    display: block;
    border-radius: calc(12 * 1.5px);
  }
  .cnJ8LfLF {
    border-radius: calc(12 * 1px);
    border-style: var(--tw-border-style);
    border-width: 4px;
    border-color: var(--color-slate-600);
    background-color: #f3f7ff;
    padding: calc(var(--spacing) * 12);
    &:is(.dark *) {
      border-color: var(--color-white);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .y4rgnlvZ {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 8);
    text-align: left;
  }
  .peP8mLTe {
    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);
    }
  }
  .oTo14ppR {
    position: absolute;
    right: calc(1 / 2 * 100%);
    bottom: calc(var(--spacing) * 48);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #96a2ba 30%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #96a2ba 20%, transparent);
    }
  }
  .ivIwY938 {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(12 * 5px);
    background-color: #f3f7ff;
    padding: calc(var(--spacing) * 12);
    --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: #2f3543;
    }
  }
  .tR0T2d4y {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #a74f0f;
    background-color: #a74f0f;
    padding-inline: calc(var(--spacing) * 12);
    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-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    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) {
        background-color: #8b3f02;
      }
    }
    &:is(.dark *) {
      border-color: #e08855;
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .tLHYo0q8 {
    margin-top: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-slate-900);
    padding-bottom: calc(var(--spacing) * 4);
    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 *) {
      border-color: var(--color-slate-100);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .tiDdNQWB {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
  }
  .qxD7mLQM {
    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: #e6edfb;
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .s8CeQEgP {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 5px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --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);
  }
  .fNYQF1pk {
    display: flex;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 3px);
    background-color: #606c85;
    &:is(.dark *) {
      background-color: #7a86a1;
    }
  }
  .aMaCMgSq {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    padding-top: 0;
  }
  .gpibPl6N {
    color: var(--color-slate-400);
    &:is(.dark *) {
      color: var(--color-slate-500);
    }
  }
  .pScrThRw {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: center;
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .jlIRDp37 {
    margin: 0;
    display: flex;
    list-style-type: none;
    flex-direction: column;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding: 0;
    &:is(.dark *) {
      border-color: #3d4557;
    }
  }
  .vQzPYI5a {
    width: 100%;
    min-width: 0;
    :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)));
    }
    border-radius: calc(12 * 3px);
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
    padding: calc(var(--spacing) * 6);
    --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,);
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    @media (width >= 48rem) {
      border-radius: calc(12 * 4px);
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 10);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #2f3543 90%, transparent);
    }
  }
  .x5ette1V {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .uzodMvfR {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
    @media (width >= 48rem) {
      justify-content: flex-start;
    }
  }
  .vhS2OJAN {
    position: relative;
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
  }
  .csgFet49 {
    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);
    }
  }
  .shfb2q2r {
    flex-shrink: 0;
    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: #b8c1d5;
    &:is(.dark *) {
      color: #7a86a1;
    }
  }
  .fSRDHp0w {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: calc(var(--spacing) * 2);
  }
  .pQ7zX1d2 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .y6qT4FmM {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .vvNG5plt {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 1.5px);
    background-color: #606c85;
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #96a2ba;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .woHJ6aOg {
    margin-bottom: 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);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-500);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .ijJk1uMZ {
    position: absolute;
    top: 0;
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: color-mix(in oklab, #7a86a1 50%, transparent);
  }
  .pXSCzugn {
    position: absolute;
    left: calc(1 / 2 * 100%);
    z-index: 10;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rP4LY6PU {
    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);
    }
  }
  .j2UnDrJ8 {
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-700);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .vwYu5SHR {
    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);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .a1ZMAemC {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: var(--color-slate-600);
    padding-inline-start: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-white);
    }
  }
  .pco5w0TN {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .dsHe1s9N {
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #7a86a1 8%, transparent);
    --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: color-mix(in oklab, #7a86a1 3%, transparent);
    }
  }
  .hWHl4jjZ {
    pointer-events: none;
    position: absolute;
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #7a86a1 20%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #96a2ba 12%, transparent);
    }
  }
  .ttBury8s {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
  }
  .bYwqN9RM {
    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: #606c85;
    &:is(.dark *) {
      color: #96a2ba;
    }
  }
  .msKv8Bdk {
    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);
    }
  }
  .jGU8mpQC {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-600);
    padding-bottom: var(--spacing);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .i5AaPjPn {
    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);
    }
  }
  .kx6M5hSX {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 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);
    }
  }
  .lsfIwsSm {
    display: block;
    text-align: center;
    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);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
    @media (width >= 64rem) {
      font-size: var(--text-8xl);
      line-height: var(--tw-leading, var(--text-8xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rarjgE99 {
    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);
    }
  }
  .kl96970O {
    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);
  }
  .ztES0Ipu {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
  }
  .lKioo4cK {
    margin-bottom: calc(var(--spacing) * 4);
    overflow: hidden;
    border-radius: calc(12 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: #f3f7ff;
    &:hover {
      @media (hover: hover) {
        scale: 1.01;
      }
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .dQUrH9yT {
    width: 100%;
    border-radius: calc(infinity * 1px);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #7a86a1;
    --tw-gradient-to: #b8c1d5;
    --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));
  }
  .y65yPE25 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #b8c1d5;
    &:is(.dark *) {
      color: #7a86a1;
    }
  }
  .yo0sCHk7 {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-800);
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .ibqaCUu3 {
    margin-top: calc(var(--spacing) * 4);
    color: var(--color-slate-400);
    &:is(.dark *) {
      color: var(--color-slate-600);
    }
  }
  .tXceyL60 {
    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) * 2);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
  }
  .fKsH1Q43 {
    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);
    }
  }
  .ghScZWPM {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    align-self: flex-start;
    border-radius: calc(infinity * 1px);
    background-color: #606c85;
    padding-inline: calc(var(--spacing) * 3);
    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);
    color: var(--color-white);
    text-transform: uppercase;
    &:is(.dark *) {
      background-color: #96a2ba;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .qlVfl4cn {
    margin-top: auto;
    display: block;
    width: 100%;
    border-radius: calc(12 * 3px);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    text-align: center;
    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));
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .uwa7wiBW {
    height: 100%;
  }
  .a0T1ZFly {
    gap: var(--spacing);
  }
  .odont4xc {
    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%;
  }
  .uwKIJpv8 {
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 20);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 28);
    }
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .oRfDNAET {
    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: #7a86a1;
    --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;
    }
  }
  .ijtCvkTw {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #7a86a1;
  }
  .nprVm4FG {
    flex-shrink: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--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);
      }
    }
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lNF3jAD2 {
    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);
    @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);
    }
  }
  .m6pU8Eyu {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: #606c85;
    &:is(.dark *) {
      color: #96a2ba;
    }
  }
  .mq1Kgogd {
    pointer-events: none;
    position: absolute;
    height: calc(var(--spacing) * 44);
    width: calc(var(--spacing) * 44);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #96a2ba 20%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #606c85 12%, transparent);
    }
  }
  .qRduTE2w {
    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(12, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .cyadLHr5 {
    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);
    }
  }
  .rgWlSSb1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 8);
    border-radius: calc(12 * 1px);
    background-color: var(--color-slate-900);
    padding: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: var(--color-white);
    }
  }
  .xdvM2ir3 {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 50;
  }
  .dSK1mPTA {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 8);
    max-width: var(--container-3xl);
    border-radius: calc(12 * 3px);
    background-color: #f3f7ff;
    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: color-mix(in oklab, #3d4557 50%, transparent);
    }
  }
  .lTdBQKSb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 6);
  }
  .kTMofDd5 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .mswX2Umm {
    margin-bottom: calc(var(--spacing) * 4);
    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);
    }
  }
  .zSFARH1d {
    margin-bottom: calc(var(--spacing) * 8);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .mKqnqhvJ {
    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: #606c85;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .xKRLWHgH {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #f3f7ff;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-slate-700);
    --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: color-mix(in oklab, #2f3543 50%, transparent);
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .iv428Z1A {
    position: absolute;
    right: calc(var(--spacing) * 10);
    bottom: calc(var(--spacing) * 20);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #b8c1d5 10%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #b8c1d5 5%, transparent);
    }
  }
  .erWWZjAi {
    display: flex;
  }
  .gERPLUpS {
    position: absolute;
    border-radius: calc(infinity * 1px);
    background-color: #b8c1d5;
    &:is(.dark *) {
      background-color: #7a86a1;
    }
  }
  .dEWhSSdX {
    display: flex;
    gap: calc(var(--spacing) * 8);
  }
  .w5ZRqf9z {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #7a86a1;
    background-color: var(--color-white);
    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: #3d4557;
    &:is(.dark *) {
      background-color: #1d222b;
    }
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .pdIxhJWR {
    position: relative;
    display: flex;
    min-height: 500px;
    align-items: center;
    @media (width >= 48rem) {
      min-height: 600px;
    }
  }
  .pqmPwqGn {
    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));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .oElgWZNZ {
    position: relative;
    z-index: 10;
  }
  .fAftGSg9 {
    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: #606c85;
    &:is(.dark *) {
      color: #96a2ba;
    }
  }
  .d0FWRckW {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .uyip8AVi {
    border-radius: calc(12 * 2px);
    background-color: #a74f0f;
    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));
    &: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: #8b3f02;
      }
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .kbB5lyAX {
    margin-top: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    opacity: 60%;
  }
  .wz4q0Pn7 {
    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);
    }
  }
  .lmkmS5KZ {
    color: #4e586e;
    &:is(.dark *) {
      color: #b8c1d5;
    }
  }
  .c9KtGBpM {
    position: absolute;
    top: 0;
    right: 0;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    border-bottom-left-radius: calc(12 * 5px);
    background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-800) 20%, transparent);
    }
    opacity: 0%;
    transition-property: opacity;
    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) {
        opacity: 100%;
      }
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #2f3543 40%, transparent);
    }
  }
  .j1ckTTzt {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-4xl);
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .h6zDzyik {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: 0;
    width: 100%;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: #7a86a1;
    --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));
  }
  .bMRRikCh {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 5px);
    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: #2f3543;
    }
  }
  .greVTa81 {
    position: absolute;
    top: 0;
    right: 0;
    height: calc(var(--spacing) * 32);
    width: calc(var(--spacing) * 32);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #7a86a1 10%, transparent);
    --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,);
  }
  .tX9OKbEl {
    margin-top: auto;
    height: var(--spacing);
    width: calc(var(--spacing) * 16);
    border-radius: calc(infinity * 1px);
    background-color: #606c85;
    &:is(.dark *) {
      background-color: #96a2ba;
    }
  }
  .aY76YENP {
    width: 100%;
    border-radius: calc(12 * 2px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    --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);
    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) {
      border-radius: calc(12 * 3px);
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 6);
    }
    &:is(.dark *) {
      background-color: #2f3543;
    }
  }
  .tHnNkeT0 {
    position: absolute;
    top: calc(1 / 3 * 100%);
    right: calc(1 / 4 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #7a86a1 8%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #7a86a1 4%, transparent);
    }
  }
  .poCb5wlO {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-600);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: #3d4557;
    }
  }
  .b8mVf0NJ {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(12 * 4px);
    background-color: #2f3543;
    padding: calc(var(--spacing) * 4);
    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);
  }
  .pxX5gsiD {
    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;
  }
  .vEYjyPu3 {
    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: #606c85;
    @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);
    }
  }
  .mSMBvCFM {
    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);
    }
  }
  .b8lfTgeM {
    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);
    }
  }
  .wXi6Jhsz {
    margin-bottom: 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-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .lDfwv1iN {
    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;
    }
  }
  .j1rThCLp {
    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);
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dw4EzWDg {
    margin-bottom: 0;
    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-white);
    }
  }
  .rLtJRR2K {
    color: var(--color-white);
  }
  .vAIcij1W {
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .d3K6bNkj {
    position: absolute;
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: color-mix(in oklab, #7a86a1 15%, 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));
  }
  .xpHlJuI0 {
    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);
    }
  }
  .yDgjkAAf {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .uIeHSwDh {
    position: absolute;
    top: calc(var(--spacing) * 32);
    left: calc(1 / 4 * 100%);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #7a86a1 30%, transparent);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #7a86a1 20%, transparent);
    }
  }
  .qWl7d4Wu {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: flex-start;
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .ynGb9xCK {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-800);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .ewhujxmm {
    position: absolute;
    inset: calc(var(--spacing) * -1);
    z-index: calc(10 * -1);
    border-radius: calc(12 * 3px);
  }
  .xXGfSsvM {
    margin-bottom: calc(var(--spacing) * 12);
    border-radius: calc(12 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #b8c1d5;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: #4e586e;
    }
    &:is(.dark *) {
      background-color: #3d4557;
    }
  }
  .sWGdK1Qh {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .lcnB2Jsz {
    position: absolute;
    top: calc(1 / 4 * 100%);
    left: 0;
    width: 100%;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: #96a2ba;
    --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));
  }
  .g3WpfQ6a {
    width: 100%;
    border-radius: calc(12 * 4px);
    --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);
  }
  .eHGZ8SLj {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    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);
    --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 *) {
      border-color: #4e586e;
    }
    &:is(.dark *) {
      background-color: #3d4557;
    }
  }
  .tkDWf6Xh {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 20);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 28);
    }
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .gZPpZeiC {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .f4aOv7GO {
    margin-top: var(--spacing);
    display: flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #606c85;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-white);
  }
  .qt9Kuih7 {
    position: absolute;
    top: calc(var(--spacing) * 40);
    right: calc(var(--spacing) * 20);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, #7a86a1 20%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #7a86a1 10%, transparent);
    }
  }
  .umiS6pUt {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #b8c1d5;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
    &:is(.dark *) {
      color: #7a86a1;
    }
  }
  .tb6pCGLh {
    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));
    }
  }
  .qWzlR4UA {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .fsNM50fh {
    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);
    @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);
    }
  }
  .toI4OpIs {
    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);
    }
  }
  .vfJSjfYe {
    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: #606c85;
    color: var(--color-white);
    --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: 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: 500ms;
    transition-duration: 500ms;
    &:hover {
      @media (hover: hover) {
        background-color: #4e586e;
      }
    }
    &:is(.dark *) {
      background-color: #96a2ba;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #7a86a1;
        }
      }
    }
  }
  .e2GJVgZV {
    position: relative;
    margin-top: calc(var(--spacing) * -2);
    margin-left: calc(var(--spacing) * 12);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-white);
    background-color: var(--color-green-500);
    &:is(.dark *) {
      border-color: var(--color-slate-900);
    }
  }
  .cS5ftRYr {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
  }
  .aZcTFjuW {
    display: block;
    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));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rWaY9M5x {
    position: relative;
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 8);
    text-align: center;
  }
  .gbRFu0Vv {
    width: 100%;
    @media (width >= 64rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .cLKSvciB {
    position: absolute;
    top: calc(var(--spacing) * 20);
    right: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: #606c85;
    opacity: 20%;
    &:is(.dark *) {
      background-color: #7a86a1;
    }
    &:is(.dark *) {
      opacity: 10%;
    }
  }
  .rcktyYsS {
    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) * 8);
  }
  .gvFxbmSo {
    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: var(--color-slate-800);
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-slate-200);
        }
      }
    }
  }
  .xfJMKuQQ {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  .rKZDJQUP {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .eZxbFgnj {
    margin-bottom: calc(var(--spacing) * 12);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .xKHCskNE {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
  }
  .plB9uVFT {
    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);
    }
  }
  .ha4iwPiI {
    display: none;
    height: 100%;
    overflow: hidden;
    @media (width >= 64rem) {
      display: block;
    }
  }
  .o65knrNo {
    display: flex;
    min-width: 0;
    flex-direction: column;
  }
  .deiYDk6C {
    flex-shrink: 0;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-white);
  }
  .qllm4PIE {
    height: var(--spacing);
    border-radius: calc(infinity * 1px);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #b8c1d5 30%, transparent);
    --tw-gradient-via: color-mix(in oklab, #96a2ba 50%, 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: color-mix(in oklab, #b8c1d5 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-from: color-mix(in oklab, #7a86a1 15%, 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, #606c85 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);
    }
    &:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, #7a86a1 15%, 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));
    }
  }
  .ae2JewjQ {
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #b8c1d5;
    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: #7a86a1;
      }
    }
    &:is(.dark *) {
      border-color: #7a86a1;
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: #b8c1d5;
        }
      }
    }
  }
  .qT5MzgVc {
    &:hover {
      @media (hover: hover) {
        color: #b8c1d5;
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #7a86a1;
        }
      }
    }
  }
  .qALYnGOg {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: var(--spacing);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-600);
    padding-bottom: var(--spacing);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .jgUGBkyN {
    margin-right: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(12 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #7a86a1;
    background-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;
    &:is(.dark *) {
      background-color: #1d222b;
    }
  }
  .mC23z5Fa {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --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-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .uHL8svj1 {
    display: block;
    border-radius: calc(12 * 2px);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: 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);
    color: var(--color-slate-300);
    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: #4e586e;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-100);
      }
    }
  }
  .e4yvdVKQ {
    position: relative;
    border-radius: calc(12 * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    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: all;
    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);
      }
    }
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-100);
      }
    }
    &: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 *) {
      border-color: #7a86a1;
    }
    &:is(.dark *) {
      background-color: #3d4557;
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: #96a2ba;
        }
      }
    }
  }
  .heiKSxYT {
    position: relative;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
    --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;
  }
  .bhEoGRPY {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #a74f0f;
    padding-inline: calc(var(--spacing) * 8);
    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);
    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: #8b3f02;
      }
    }
    &:is(.dark *) {
      background-color: #e08855;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #f5ae87;
        }
      }
    }
  }
  .i9h9vRrs {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .an93N395 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #7a86a1;
    padding-inline-start: calc(var(--spacing) * 8);
  }
  .auuE6WXA {
    width: 100%;
  }
  .hGgm4CFr {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: center;
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
    &:is(.dark *) {
      border-color: #4e586e;
    }
  }
}
@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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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-duration {
  syntax: "*";
  inherits: false;
}
@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-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-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@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-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;
}
@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-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-outline-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-space-y-reverse: 0;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-duration: initial;
      --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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --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;
    }
  }
}

.choices-banner__shell--frost {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.choices-banner__banner--initial {
    display: none;
    z-index: 1050;
}

.choices-banner__container {
    max-width: min(56rem, calc(100% - 2rem));
    border-radius: 0.75rem;
}

.choices-banner__content {
    flex: 1 1 0%;
    gap: 0.75rem;
}

.choices-banner__icon-badge {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.125rem;
}

.choices-banner__description {
    font-size: 0.875rem;
    line-height: 1.625;
}

@media (min-width: 768px) {
    .choices-banner__description {
        font-size: 1rem;
    }
}

.choices-banner__buttons {
    gap: 0.75rem;
}

.choices-banner__button--shift,
.choices-banner__appeal--shift {
    padding: 0.75rem 1.25rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.choices-banner__button--shift:hover,
.choices-banner__appeal--shift:hover {
    transform: scale(1.05);
}

.choices-banner__heading {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.footer-four-columns__link--hover {
    display: inline-block;
    transition: transform 0.3s ease, color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

.footer-four-columns__link--hover:hover {
    transform: scale(1.05);
}

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

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

main > *:first-child {
    padding-top: 120px !important;
}

/* flex-wrap + flex-grow-1 without min-width: each card fills row; mirror Tailwind flex-1 min-w-64 */
.terms-bento__grid {
    width: 100%;
}

.terms-bento__card {
    flex: 1 1 min(16rem, 100%);
    min-width: min(16rem, 100%);
    max-width: 100%;
}

.mxw-5xl { max-width: 64rem !important; }

.thanks-confirmation-next__wrap-cap {
    max-width: 72rem !important;
}

.thanks-confirmation-next__hero-icon {
    width: 5rem;
    height: 5rem;
}

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

.wash-dawn__ring {
    width: 22rem;
    height: 22rem;
    border-radius: 50%;
    border: 2.25rem solid currentColor;
    transform: translate(20%, -10%);
    pointer-events: none;
}

.wash-dawn__title { letter-spacing: -0.03em; text-wrap: balance; }
.wash-dawn__micro { font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.14em; }
.wash-dawn__dot { width: 0.45rem; height: 0.45rem; }

.wash-dawn__stage { min-height: 22rem; }
.wash-dawn__card { position: absolute; }
.wash-dawn__card--photo { left: 0; top: 2.5rem; width: 11rem; animation: wash-dawn-bob 6s ease-in-out infinite; }
.wash-dawn__card--chart { left: 9.5rem; top: 0; width: 15rem; border-radius: 1.25rem !important; animation: wash-dawn-sway 8s ease-in-out infinite; }
.wash-dawn__card--chip { right: 0; top: 5rem; width: 11rem; animation: wash-dawn-pulse 5s ease-in-out 0.6s infinite; }

@keyframes wash-dawn-bob {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-0.85rem); }
}

@keyframes wash-dawn-sway {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(0.7rem); }
}

@keyframes wash-dawn-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
}

.wash-dawn__img { width: 100%; height: 16rem; object-fit: cover; }
.wash-dawn__bars { height: 4rem; }
.wash-dawn__bar { height: 40%; }
.wash-dawn__bar--b2 { height: 70%; }
.wash-dawn__bar--b3 { height: 100%; }
.wash-dawn__bar--b4 { height: 55%; }

@media (prefers-reduced-motion: reduce) {
    .wash-dawn__card--photo,
    .wash-dawn__card--chart,
    .wash-dawn__card--chip { animation: none; }
}

@media (max-width: 767.98px) {
    .wash-dawn__stage { min-height: 0; display: flex; flex-direction: column; gap: 1rem; }
    .wash-dawn__card,
    .wash-dawn__card--photo,
    .wash-dawn__card--chart,
    .wash-dawn__card--chip { position: relative; left: auto; right: auto; top: auto; width: 100%; }
}

/* group-hover та картка */
.services__tile--lift {
  transition: box-shadow 0.5s ease, transform 0.5s ease;
}

.services__tile--lift:hover {
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  transform: translateY(-0.75rem);
}

@media (min-width: 640px) {
  .services__tile--lift:hover {
    transform: translateY(-0.75rem) scale(1.05);
  }
}

.services__media {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.services__row:hover .services__media {
  transform: scale(1.1);
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
}

.services__heading {
  transition: color 0.3s ease;
}

.services__row:hover .services__heading {
  color: #2563eb;
}

.dark .services__row:hover .services__heading {
  color: #60a5fa;
}

[data-bs-theme="dark"] .services__row:hover .services__heading {
  color: var(--bs-primary, #6ea8fe);
}

.services__accent {
  transition: width 0.3s ease;
}

.services__row:hover .services__accent {
  width: 6rem;
}

.services__badge--offset {
  top: 2rem;
  inset-inline-end: 2rem;
}

.services__decor--blur {
  filter: blur(64px);
}

.services__decor-root {
  z-index: -1;
}

/* BS: розміри блобів (TW — через w-72 / w-96 у sem) */
.services__blob-a {
  width: 18rem;
  height: 18rem;
}

.services__blob-b {
  width: 24rem;
  height: 24rem;
}

/* benefits glyph — card micro-illustrations, layout/motion only (no colors) */
.benefits-glyph__seal { width: 3.5rem; height: 3.5rem; }
.benefits-glyph__chip { font-size: .75rem; line-height: 1rem; letter-spacing: .04em; }

.benefits-glyph__card {
    opacity: 0;
    transform: translateY(1.5rem);
    transition: opacity 600ms ease, transform 300ms ease, box-shadow 300ms ease;
}
.benefits-glyph.is-visible .benefits-glyph__card { opacity: 1; transform: none; }
.benefits-glyph.is-visible .benefits-glyph__card:hover,
.benefits-glyph.is-visible .benefits-glyph__card:focus-within { transform: translateY(-.5rem); }

.benefits-glyph__stage { aspect-ratio: 4 / 3; overflow: hidden; }
.benefits-glyph__svg { width: 7.5rem; height: 7.5rem; overflow: visible; }

/* lock — shackle drops into the body, keyhole pulses */
.benefits-glyph__shackle { transform: translateY(-12px); transition: transform 600ms cubic-bezier(.5, 1.6, .5, 1); }
.benefits-glyph__keyhole { transform-box: fill-box; transform-origin: center; }
.benefits-glyph__halo { transform-box: fill-box; transform-origin: center; opacity: 0; }
.is-armed .benefits-glyph__shackle { transform: none; }
.is-armed .benefits-glyph__keyhole { animation: benefits-glyph-pulse 2.4s ease-in-out 800ms infinite; }
.is-armed .benefits-glyph__halo { animation: benefits-glyph-ripple 2.4s ease-out 700ms infinite; }

/* stroke drawing */
.benefits-glyph__draw { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1100ms ease; }
.benefits-glyph__draw--2 { transition-delay: 150ms; }
.benefits-glyph__draw--3 { transition-delay: 300ms; }
.benefits-glyph__draw--4 { transition-delay: 450ms; }
.benefits-glyph__draw--5 { transition-delay: 600ms; }
.benefits-glyph__draw--check { transition-duration: 600ms; transition-delay: 1000ms; }
.is-armed .benefits-glyph__draw { stroke-dashoffset: 0; }

/* fingerprint scan line */
.benefits-glyph__scan { opacity: 0; }
.is-armed .benefits-glyph__scan { animation: benefits-glyph-scan 2.6s ease-in-out 900ms infinite; }

/* shield ping */
.benefits-glyph__ping { transform-box: fill-box; transform-origin: center; opacity: 0; }
.is-armed .benefits-glyph__ping { animation: benefits-glyph-ripple 2.8s ease-out 1600ms infinite; }

/* vault orbit + bobbing pin */
.benefits-glyph__orbit { transform-origin: 60px 70px; }
.benefits-glyph__pin { transform: translateY(-14px); opacity: 0; transition: transform 700ms cubic-bezier(.5, 1.6, .5, 1), opacity 400ms ease; }
.is-armed .benefits-glyph__orbit { animation: benefits-glyph-spin 9s linear infinite; }
.is-armed .benefits-glyph__pin { transform: none; opacity: 1; }

.benefits-glyph__more i { transition: transform 200ms ease; }
.benefits-glyph__more:hover i { transform: translateX(.25rem); }

@keyframes benefits-glyph-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.35); } }
@keyframes benefits-glyph-ripple { 0% { transform: scale(.7); opacity: .45; } 100% { transform: scale(1.25); opacity: 0; } }
@keyframes benefits-glyph-scan { 0% { transform: translateY(0); opacity: 0; } 15% { opacity: .9; } 85% { opacity: .9; } 100% { transform: translateY(70px); opacity: 0; } }
@keyframes benefits-glyph-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .benefits-glyph__card { opacity: 1; transform: none; transition: none; }
    .benefits-glyph__shackle, .benefits-glyph__pin { transform: none; opacity: 1; transition: none; }
    .benefits-glyph__draw { stroke-dashoffset: 0; transition: none; }
    .is-armed .benefits-glyph__keyhole, .is-armed .benefits-glyph__halo, .is-armed .benefits-glyph__scan,
    .is-armed .benefits-glyph__ping, .is-armed .benefits-glyph__orbit { animation: none; }
}

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

/* Bootstrap: explicit grid + gap (row gutters often collapse) */
.tips-grid__bs-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
}

.tips-grid__min-shrink {
    min-width: 0;
}

@media (min-width: 768px) {
    .tips-grid__bs-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.tips-grid__subtitle {
    max-width: 42rem;
}

.tips-grid__thumb {
    width: 3rem;
    height: 3rem;
}

/* Лише layout / рух; кольори теми — у Blade */
.socialproof-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);
}

.socialproof__stat-value,
.socialproof__stat-label {
    transition: transform 0.3s ease, color 0.2s ease;
}

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

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

    .socialproof-card-hover:hover .socialproof__stat-value {
        transform: scale(1.08);
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .socialproof-card-hover,
    .socialproof__stat-value,
    .socialproof__stat-label {
        transition: none;
    }

    .socialproof-card-hover:hover,
    .socialproof-card-hover:hover .socialproof__stat-value,
    .socialproof-card-hover--lift:hover {
        transform: none;
    }
}

.socialproof__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(140px, auto);
    gap: 3px;
}

@media (max-width: 768px) {
    .socialproof__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.socialproof__cell {
    transition: transform 0.2s ease, filter 0.2s ease;
    cursor: default;
}

.socialproof__cell:hover {
    transform: scale(0.97);
    filter: brightness(0.9);
    z-index: 1;
}

.socialproof__cell:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2;
}

.socialproof__cell:nth-child(4) {
    grid-column: span 2;
}

.socialproof__cell:nth-child(7) {
    grid-column: span 2;
}

.socialproof__value {
    font-size: clamp(1.5rem, 4vw, 3rem);
    font-weight: 900;
    line-height: 1;
}

.socialproof__cell:nth-child(1) .socialproof__value {
    font-size: clamp(2.5rem, 6vw, 5rem);
}

/* cta split screen — full-height cover image */
.cta-split-screen__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 100vh;
}

@media (min-width: 1024px) {
  .cta-split-screen__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1023px) {
  .cta-split-screen__grid {
    min-height: auto;
  }
}

.cta-split-screen__cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

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

.summit-vault {
    padding-top: 14.5rem;
    --summit-r: 37rem;
    --summit-lift: 9rem;
    --summit-bubble: 5.5rem;
}

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

.summit-vault__eyebrow {
    letter-spacing: 0.18em;
}

.summit-vault__title {
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.summit-vault__cta {
    min-width: 12rem;
}

.summit-vault__dot {
    width: 0.25rem;
    height: 0.25rem;
}

/* dome stage: a full circle anchored above the text; lower half fades out */
.summit-vault__stage {
    top: calc(-1 * (var(--summit-lift) + var(--summit-bubble)));
    width: calc(2 * (var(--summit-r) + var(--summit-bubble)));
    height: calc(2 * (var(--summit-r) + var(--summit-bubble)));
    transform: translateX(-50%);
    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 40%, transparent 60%);
    mask-image: linear-gradient(to bottom, black 0%, black 40%, transparent 60%);
}

.summit-vault__ring {
    inset: calc(var(--summit-bubble) + 12%);
}

.summit-vault__dome {
    inset: var(--summit-bubble);
}

/* bubbles placed on the circle: rotate → push out by radius → rotate back */
.summit-vault__slot {
    --summit-a: 0deg;
    width: var(--summit-bubble);
    height: var(--summit-bubble);
    transform: translate(-50%, -50%) rotate(var(--summit-a)) translateY(calc(-1 * var(--summit-r))) rotate(calc(-1 * var(--summit-a)));
}

.summit-vault__slot--p1  { --summit-a: -80deg; }
.summit-vault__slot--p2  { --summit-a: 80deg; }
.summit-vault__slot--p3  { --summit-a: -56deg; }
.summit-vault__slot--p4  { --summit-a: 56deg; }
.summit-vault__slot--p5  { --summit-a: -32deg; }
.summit-vault__slot--p6  { --summit-a: 32deg; }
.summit-vault__slot--p7  { --summit-a: 0deg; }
.summit-vault__slot--p8  { --summit-a: -68deg; }
.summit-vault__slot--p9  { --summit-a: 68deg; }
.summit-vault__slot--p10 { --summit-a: -44deg; }

.summit-vault__glyph {
    font-size: 1.75rem;
}

/* staggered "lighting up" loop */
.summit-vault__bubble {
    transform: scale(0.85);
    opacity: 0.45;
    animation: summit-vault-pop 10s ease-in-out infinite;
}

.summit-vault__bubble--d1  { animation-delay: 0s; }
.summit-vault__bubble--d2  { animation-delay: 1s; }
.summit-vault__bubble--d3  { animation-delay: 2s; }
.summit-vault__bubble--d4  { animation-delay: 3s; }
.summit-vault__bubble--d5  { animation-delay: 4s; }
.summit-vault__bubble--d6  { animation-delay: 5s; }
.summit-vault__bubble--d7  { animation-delay: 6s; }
.summit-vault__bubble--d8  { animation-delay: 7s; }
.summit-vault__bubble--d9  { animation-delay: 8s; }
.summit-vault__bubble--d10 { animation-delay: 9s; }

@keyframes summit-vault-pop {
    0%   { transform: scale(0.85); opacity: 0.45; }
    8%   { transform: scale(1);    opacity: 1; }
    40%  { transform: scale(1);    opacity: 1; }
    50%  { transform: scale(0.85); opacity: 0.45; }
    100% { transform: scale(0.85); opacity: 0.45; }
}

@media (max-width: 1023.98px) {
    .summit-vault {
        padding-top: 11.5rem;
        --summit-r: 25rem;
        --summit-lift: 7rem;
        --summit-bubble: 4.5rem;
    }

    .summit-vault__slot--p1,
    .summit-vault__slot--p2,
    .summit-vault__slot--p8,
    .summit-vault__slot--p9 {
        display: none;
    }

    .summit-vault__glyph {
        font-size: 1.4rem;
    }
}

@media (max-width: 767.98px) {
    .summit-vault {
        padding-top: 8.5rem;
        --summit-r: 12.5rem;
        --summit-lift: 5.5rem;
        --summit-bubble: 3.25rem;
    }

    .summit-vault__glow {
        width: 28rem;
        height: 24rem;
    }

    .summit-vault__slot--p10 {
        display: none;
    }

    .summit-vault__glyph {
        font-size: 1.1rem;
    }
}

@media (max-width: 639.98px) {
    .summit-vault__dot {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .summit-vault__bubble {
        animation: none;
        transform: none;
        opacity: 1;
    }
}

/* steward-glass — layout, sizes, blur and motion only (colours live in the template) */

.steward-glass__eyebrow {
    letter-spacing: 0.2em;
}

.steward-glass__tight {
    letter-spacing: -0.03em;
}

.steward-glass__micro {
    font-size: 0.75rem;
    line-height: 1rem;
}

.steward-glass__caption {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.steward-glass__photo {
    min-height: 26rem;
}

.steward-glass__img {
    position: absolute;
    inset: 0;
    object-fit: cover;
}

.steward-glass__widget {
    z-index: 2;
    width: 17rem;
    max-width: calc(100% - 2rem);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
}

.steward-glass__dot {
    width: 0.5rem;
    height: 0.5rem;
    flex-shrink: 0;
}

/* abstract sparkline — decorative only */
.steward-glass__spark {
    height: 4.5rem;
}

.steward-glass__svg {
    overflow: visible;
}

.steward-glass__area {
    opacity: 0.18;
    animation: steward-glass-breathe 3.6s ease-in-out infinite;
}

.steward-glass__runner {
    transform: translate(-50%, -50%);
    animation: steward-glass-travel 6s linear infinite;
}

.steward-glass__runner--dot {
    width: 0.75rem;
    height: 0.75rem;
}

.steward-glass__runner--halo {
    width: 1.75rem;
    height: 1.75rem;
    opacity: 0.55;
    animation: steward-glass-travel 6s linear infinite, steward-glass-glow 1.5s ease-in-out infinite;
}

/* positions mirror the polyline points: x% , y/40 */
@keyframes steward-glass-travel {
    0%      { left: 0%;   top: 80%; }
    15%     { left: 15%;  top: 65%; }
    30%     { left: 30%;  top: 72.5%; }
    45%     { left: 45%;  top: 45%; }
    60%     { left: 60%;  top: 52.5%; }
    75%     { left: 75%;  top: 25%; }
    90%     { left: 90%;  top: 32.5%; }
    100%    { left: 100%; top: 12.5%; }
}

@keyframes steward-glass-glow {
    0%, 100% { transform: translate(-50%, -50%) scale(0.6); opacity: 0.25; }
    50%      { transform: translate(-50%, -50%) scale(1.15); opacity: 0.6; }
}

@keyframes steward-glass-breathe {
    0%, 100% { opacity: 0.1; }
    50%      { opacity: 0.32; }
}

@media (prefers-reduced-motion: reduce) {
    .steward-glass__area,
    .steward-glass__runner,
    .steward-glass__runner--halo {
        animation: none;
    }

    .steward-glass__runner { left: 75%; top: 25%; }
    .steward-glass__area { opacity: 0.2; }
}

@media (min-width: 768px) {
    .steward-glass__widget {
        width: 19rem;
    }

    .steward-glass__spark {
        height: 5.5rem;
    }
}

@media (min-width: 1024px) {
    .steward-glass__photo {
        min-height: 40rem;
    }
}

/* Grid + gap: @sem may obfuscate grid/gap */
.constellation-principles-grid {
    display: grid;
    width: 100%;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 768px) {
    .constellation-principles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Бейдж чуть выше, чем -top-6 (без top-0 в bs) */
.philosophy-v7-badge-decor {
    top: -2.25rem;
}

.philosophy-grid__icon {
    width: 4rem;
    height: 4rem;
}

.philosophy-grid__corner {
    width: 3rem;
    height: 3rem;
}

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

/* Featured block: высота области фото на мобилке и растягивание в ряду md+ */
.split-feature-roster__hero-media {
    min-height: 16rem;
}

@media (min-width: 768px) {
    .split-feature-roster__hero-media {
        min-height: 20rem;
        height: 100%;
    }
}

/* Компактные аватарки в правой колонке */
.split-feature-roster__list-thumb {
    width: 5rem;
    height: 5rem;
}

.split-feature-roster__presence-chip {
    width: 1.25rem;
    height: 1.25rem;
}

.split-feature-roster__min-shrink {
  min-width: 0;
}


.boost-rally__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.boost-rally__inner {
    max-width: 64rem;
}

@keyframes boost-rally-highlight-throb-loop {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.boost-rally__highlight--throb {
    animation: boost-rally-highlight-throb-loop 2s cubic-bezier(.4,0,.6,1) infinite;
}

.boost-rally__appeal--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

.boost-rally__panel--shift:hover { transform: scale(1.05); transition: transform .2s ease; }

/* Всегда на контейнере двух карточек: явный gap для grid (Tailwind) и дублирует зазор для flex (BS) */
.boost-rally__card-stack-gap {
    gap: 2rem;
}

/* Bootstrap only: класс задаётся в bs:, в Tailwind-режиме не выводится — не конфликтует с grid */
.boost-rally__card-row-bs {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    align-items: stretch;
}

@media (min-width: 768px) {
    .boost-rally__card-row-bs {
        flex-direction: row;
    }

    .boost-rally__card-row-bs > .boost-rally__panel--shift {
        flex: 1 1 0;
        min-width: 0;
    }
}

.boost-rally__card-row-bs > .boost-rally__panel--shift {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.boost-rally__card-row-bs > .boost-rally__panel--shift > a:last-of-type {
    margin-top: auto;
}

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

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

.dense-grid-cards__rack {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.5rem;
    width: 100%;
}

@media (min-width: 576px) {
    .dense-grid-cards__rack {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .dense-grid-cards__rack {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .dense-grid-cards__rack {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.dense-grid-cards__card--hover:hover { transform: scale(1.05); transition: transform .2s ease; }
.page-disclaimer-flex__min {
    min-width: 0;
}

.hero-v26-desc {
    max-width: 28rem;
}

@keyframes heroTitlePulse {
    0%, 100% { letter-spacing: -0.04em; }
    50% { letter-spacing: 0.01em; }
}

.hero-display-title {
    animation: heroTitlePulse 6s ease-in-out infinite;
}

/* -- Button hover states -- */
.hero-btn-primary {
    transition: filter 0.2s ease, transform 0.15s ease;
}
.hero-btn-primary:hover,
.hero-btn-primary:focus {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.hero-btn-outline-secondary {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-secondary:hover,
.hero-btn-outline-secondary:focus {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
    border-color: var(--bs-secondary) !important;
    transform: translateY(-1px);
}

.hero-btn-outline-primary-light {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-primary-light:hover,
.hero-btn-outline-primary-light:focus {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border-color: var(--bs-primary) !important;
    transform: translateY(-1px);
}
.features-wave-cards__decor--offset-1 {
    top: 4rem;
    left: 3rem;
    transform: rotate(12deg);
}
.features-wave-cards__decor--offset-2 {
    top: 8rem;
    right: 4rem;
    transform: rotate(-6deg);
}
.features-wave-cards__decor--offset-3 {
    bottom: 6rem;
    left: 5rem;
    transform: rotate(6deg);
}
.features-wave-cards__decor--offset-4 {
    bottom: 8rem;
    right: 3rem;
    transform: rotate(-12deg);
}
.features-wave-cards__decor--pulse {
    animation: features-wave-cards-pulse-kf 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.features-wave-cards__decor--bounce {
    animation: features-wave-cards-bounce-kf 2s infinite;
}
.features-wave-cards__decor--ping {
    animation: features-wave-cards-ping-kf 2s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes features-wave-cards-pulse-kf {
    0%, 100% { opacity: 1; }
    50% { opacity: .5; }
}
@keyframes features-wave-cards-bounce-kf {
    0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); }
    50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); }
}
@keyframes features-wave-cards-ping-kf {
    75%, 100% { transform: scale(2); opacity: 0; }
}

.features-wave-cards__line--offset-1 {
    top: 33%;
    left: 0;
    clip-path: polygon(0% 50%, 25% 0%, 50% 50%, 75% 100%, 100% 50%);
}
.features-wave-cards__line--offset-2 {
    bottom: 25%;
    right: 0;
    clip-path: polygon(0% 50%, 25% 100%, 50% 50%, 75% 0%, 100% 50%);
}

.features-wave-cards__decor--drop-1 {
    top: 25%;
    left: 25%;
}
.features-wave-cards__decor--drop-2 {
    bottom: 33%;
    right: 33%;
}

.features-wave-cards__card--hover {
    transition: transform 0.3s ease;
}
.features-wave-cards__card--hover:hover {
    transform: scale(1.05);
}

.features-wave-cards__overlay-decor {
    top: 0;
    right: 0;
    transform: translate(2rem, -2rem);
}
.features-wave-cards__icon-wrap {
    clip-path: polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%);
}

/* -- 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);
}
/* advantages v17 — ledger board: layout / motion only */
.ledger-board__eyebrow { font-size: 0.875rem; letter-spacing: 0.18em; }
.ledger-board__heading { letter-spacing: -0.02em; }

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

.ledger-board__num { min-width: 2rem; }
.ledger-board__plus { transition: transform 200ms ease; }
.ledger-board__item.is-open .ledger-board__plus { transform: rotate(45deg); }
.ledger-board__panel { padding-left: 3rem; }

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

.ledger-board__heat {
    aspect-ratio: 1.5 / 1;
    animation: ledger-heat-pulse 2.8s ease-in-out infinite;
}

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

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

.ledger-board__tiny { font-size: 0.6875rem; line-height: 1rem; }
.ledger-board__icon { width: 2rem; height: 2rem; font-size: 0.75rem; }
.ledger-board__insight-body { min-width: 0; }
.ledger-board__chart { height: 8.5rem; overflow: visible; }

.ledger-board__chart-fill { animation: ledger-chart-fill 3.6s ease-in-out infinite; transform-origin: center bottom; }
.ledger-board__chart-line { stroke-dasharray: 520; animation: ledger-chart-draw 4.8s ease-in-out infinite; }
.ledger-board__chart-guide { animation: ledger-chart-guide 4.8s ease-in-out infinite; }
.ledger-board__chart-mark,
.ledger-board__chart-dot { animation: ledger-chart-mark 4.8s ease-in-out infinite; }

@keyframes ledger-chart-fill {
    0%, 100% { opacity: 0.7; transform: scaleY(0.92); }
    50% { opacity: 1; transform: scaleY(1); }
}
@keyframes ledger-chart-draw {
    0% { stroke-dashoffset: 520; opacity: 0.35; }
    35% { stroke-dashoffset: 0; opacity: 1; }
    70%, 100% { stroke-dashoffset: 0; opacity: 1; }
}
@keyframes ledger-chart-guide {
    0%, 20% { opacity: 0; }
    45%, 100% { opacity: 1; }
}
@keyframes ledger-chart-mark {
    0%, 30% { opacity: 0; transform: translateY(6px); }
    45%, 100% { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .ledger-board__heat,
    .ledger-board__chart-fill,
    .ledger-board__chart-line,
    .ledger-board__chart-guide,
    .ledger-board__chart-mark,
    .ledger-board__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 */
.ledger-board__panel[hidden] { display: none !important; }

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

/* benefits strata — isometric security stack, layout/motion only (no colors) */
.benefits-strata__stage { min-height: 24rem; }
.benefits-strata__stack { --strata-gap: .55rem; }

.benefits-strata__glow {
    width: 18rem;
    height: 18rem;
    top: 50%;
    left: 50%;
    margin: -9rem 0 0 -9rem;
    filter: blur(48px);
    opacity: .7;
    animation: benefits-strata-breathe 6s ease-in-out infinite;
}

.benefits-strata__plate {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10rem;
    height: 10rem;
    margin: -5rem 0 0 -5rem;
    transform: translateY(calc(var(--strata-gap) * var(--k, 0))) rotateX(58deg) rotateZ(-45deg);
    transition: transform 260ms ease-out, box-shadow 260ms ease;
    will-change: transform;
}
.benefits-strata__plate.is-hot {
    transform: translateY(calc(var(--strata-gap) * var(--k, 0) - 1.25rem)) rotateX(58deg) rotateZ(-45deg) scale(1.06);
}
.benefits-strata__plate-icon { transform: rotateZ(45deg); }

.benefits-strata__tag {
    position: absolute;
    top: 50%;
    left: calc(50% + 6.5rem);
    transform: translateY(calc(var(--strata-gap) * var(--k, 0) - 50%));
    opacity: var(--strata-tag, 0);
    transition: transform 260ms ease-out, opacity 300ms ease;
}
/* the floating tag must stay inside the stage: cap its width and let long labels wrap */
.benefits-strata__tag { max-width: calc(50% - 7.5rem); white-space: normal !important; line-height: 1.25; overflow-wrap: anywhere; }
@media (min-width: 992px) { .benefits-strata__tag { max-width: calc(58% - 8rem); } }
.benefits-strata__tag.is-hot { transform: translate(.5rem, calc(var(--strata-gap) * var(--k, 0) - 50%)); }
.benefits-strata__micro { font-size: .75rem; line-height: 1rem; }

.benefits-strata__num { width: 2.75rem; height: 2.75rem; transition: transform 200ms ease; }
.benefits-strata__row { cursor: default; }
.benefits-strata__row.is-hot .benefits-strata__num { transform: scale(1.12); }
.benefits-strata__body { min-width: 0; }

.benefits-strata__row { opacity: 0; transform: translateX(1rem); transition: opacity 500ms ease, transform 500ms ease; }
.benefits-strata.is-visible .benefits-strata__row { opacity: 1; transform: none; }

@media (min-width: 576px) {
    .benefits-strata__stage { min-height: 30rem; }
    .benefits-strata__plate { width: 13rem; height: 13rem; margin: -6.5rem 0 0 -6.5rem; }
    .benefits-strata__tag { left: calc(50% + 7rem); }
}
@media (min-width: 992px) {
    .benefits-strata__plate { left: 42%; }
    .benefits-strata__tag { left: calc(42% + 7.5rem); }
}

@keyframes benefits-strata-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.12); } }

@media (prefers-reduced-motion: reduce) {
    .benefits-strata__glow { animation: none; }
    .benefits-strata__plate, .benefits-strata__tag, .benefits-strata__row, .benefits-strata__num { transition: none; }
    .benefits-strata__row { opacity: 1; transform: none; }
}

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

/* integrations — unified hover (layout; shadow + lift; respect reduced motion) */
.integrations-card-hover {
    transition: box-shadow 0.35s ease, transform 0.35s ease;
}

.integrations-card-hover:hover {
    box-shadow:
        0 20px 25px -5px rgb(0 0 0 / 0.1),
        0 8px 10px -6px rgb(0 0 0 / 0.1);
    transform: translateY(-2px) scale(1.03);
}

.integrations-card-hover--shadow-only {
    transition: box-shadow 0.35s ease;
}

.integrations-card-hover--shadow-only:hover {
    transform: none;
    box-shadow:
        0 20px 25px -5px rgb(0 0 0 / 0.1),
        0 8px 10px -6px rgb(0 0 0 / 0.1);
}

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

/* Primary tile: wpg-preview --tw-primary-* | --bs-primary-scale-*; inherited --bs-primary hex */
.integrations__icon-tile {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    --_ie-from: rgb(var(--tw-primary-500, var(--bs-primary-scale-500, 99 102 241)) / 1);
    --_ie-to: rgb(var(--tw-primary-600, var(--bs-primary-scale-600, 79 70 229)) / 1);
    background-color: var(--bs-primary, rgb(var(--tw-primary-600, var(--bs-primary-scale-600, 79 70 229)) / 1));
    background-image: linear-gradient(to bottom right, var(--_ie-from), var(--_ie-to));
}
.integrations__icon-tile i {
    color: inherit;
}
.integrations__icon-tile svg,
.integrations__icon-tile :is(path, circle, rect, polygon) {
    fill: currentColor;
}

/* Softer card hover shadow (avoids muddy stack with shadow-lg / BS cards) */
.integrations-card-hover:hover {
    box-shadow: 0 0.375rem 1rem rgba(15, 23, 42, 0.07);
}
.integrations-card-hover--shadow-only:hover {
    box-shadow: 0 0.375rem 1rem rgba(15, 23, 42, 0.07);
}

/* Hex grid background — SVG stroke uses currentColor */
.integrations__hex-bg {
    background-image: url('data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2256%22 height=%2248%22><path d=%22M28 2 L54 16 L54 32 L28 46 L2 32 L2 16 Z%22 fill=%22none%22 stroke=%22currentColor%22 stroke-width=%221%22/></svg>');
    color: rgb(var(--tw-primary-400, var(--bs-primary-scale-400, 129 140 248)) / 0.3);
}

.dark .integrations__hex-bg,
[data-bs-theme="dark"] .integrations__hex-bg {
    color: rgb(var(--tw-primary-500, var(--bs-primary-scale-500, 99 102 241)) / 0.4);
}

/* Hex item width */
.integrations__hex-item {
    width: 120px;
}

/* Hex cell shape + fixed size (BS has no w-24/h-24 utilities) */
.integrations__hex-cell {
    width: 6rem;
    height: 6rem;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    transition: transform 0.3s ease;
}

/* Icon glyph transform transition (BS parity with TW transition-transform) */
.integrations__icon-tile > i {
    transition: transform 0.3s ease;
}

/* Hover lift for hex entry (BS parity with TW hover:[&_...]:scale-110) */
.integrations__hex-item:hover .integrations__icon-tile,
.integrations__hex-item:hover .integrations__icon-tile > i {
    transform: scale(1.1);
}

/* Hidden hint that fades in on entry hover (BS parity with TW opacity-0/hover:opacity-100) */
.integrations__hex-hint {
    opacity: 0;
    transition: opacity 0.2s ease;
}
.integrations__hex-item:hover .integrations__hex-hint {
    opacity: 1;
}

/* Hover effects moved out of the sem directive (custom classes, framework-independent) */
.integrations__hex-item .integrations__icon-tile,
.integrations__hex-item .integrations__icon-tile i { transition: transform 0.3s ease; }
.integrations__hex-item:hover .integrations__icon-tile,
.integrations__hex-item:hover .integrations__icon-tile i { transform: scale(1.1); }
.integrations__hex-item .integrations__hex-hint { transition: opacity 0.2s ease; }
.integrations__hex-item:hover .integrations__hex-hint { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
    .integrations__hex-item:hover .integrations__icon-tile,
    .integrations__hex-item:hover .integrations__icon-tile i { transform: none; }
}


.spark-boost__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.spark-boost__inner {
    min-height: 500px;
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .spark-boost__inner { min-height: 600px; }
}

/* Bootstrap: как у Tailwind p-sm → md:p-lg → lg:p-xl → xl:p-4xl (без фиксированных 6rem на мобиле) */
.spark-boost__vessel-bs {
    box-sizing: border-box;
    padding: 0.5rem;
}

@media (min-width: 768px) {
    .spark-boost__vessel-bs { padding: 1.5rem; }
}

@media (min-width: 992px) {
    .spark-boost__vessel-bs { padding: 2rem; }
}

@media (min-width: 1280px) {
    .spark-boost__vessel-bs { padding: 6rem; }
}

/* Bootstrap: две колонки + стабильный gap (row/g-* часто «съедаются» сбросами) */
.spark-boost__split-grid-bs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .spark-boost__split-grid-bs { gap: 1.5rem; }
}

.spark-boost__split-grid-bs > * {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .spark-boost__split-grid-bs {
        flex-wrap: nowrap;
    }

    .spark-boost__split-grid-bs > * {
        flex: 1 1 0;
        max-width: 50%;
    }
}

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

@keyframes spark-boost-highlight-throb-seq {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.spark-boost__highlight--throb {
    animation: spark-boost-highlight-throb-seq 2s cubic-bezier(.4,0,.6,1) infinite;
}

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

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

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


/* Декор не перехватывает клики */
.hero-v9-decor-layer {
    pointer-events: none;
}

/* Точка у верхнего бейджа (w-2 h-2) — в Bootstrap без размеров растягивалась */
.hero-v9-badge-dot {
    box-sizing: border-box;
    width: 0.5rem;
    height: 0.5rem;
    flex-shrink: 0;
    border-radius: 9999px;
}

/* Круг с галочкой в списке features (w-5 h-5) */
.hero-v9-feature-check {
    box-sizing: border-box;
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    overflow: hidden;
}

.hero-v9-feature-check i {
    line-height: 1;
}

/* Плитка иконки в key-benefits (w-12 h-12 rounded-lg) */
.hero-v9-benefit-icon {
    box-sizing: border-box;
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    overflow: hidden;
}

.hero-v9-benefit-icon i {
    line-height: 1;
}

/* Высота картинки как Tailwind h-96 (24rem) */
.hero-v9-hero-img {
    height: 24rem;
    max-height: 70vh;
    object-fit: cover;
}

/* Фоновые блобы — позиции как в Tailwind */
.hero-v9-blob-ne {
    position: absolute;
    top: 5rem;
    right: 5rem;
    width: 18rem;
    height: 18rem;
    filter: blur(64px);
}

.hero-v9-blob-sw {
    position: absolute;
    bottom: 5rem;
    left: 5rem;
    width: 24rem;
    height: 24rem;
    filter: blur(64px);
}

/* -- Button hover states -- */
.hero-btn-primary {
    transition: filter 0.2s ease, transform 0.15s ease;
}
.hero-btn-primary:hover,
.hero-btn-primary:focus {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.hero-btn-outline-secondary {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-secondary:hover,
.hero-btn-outline-secondary:focus {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
    border-color: var(--bs-secondary) !important;
    transform: translateY(-1px);
}

.hero-btn-outline-primary-light {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-primary-light:hover,
.hero-btn-outline-primary-light:focus {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border-color: var(--bs-primary) !important;
    transform: translateY(-1px);
}
/* step-zig — zigzag alternating icon/text rows */
.step-zig__eyebrow {
    letter-spacing: 0.12em;
}

.step-zig__title {
    letter-spacing: -0.02em;
}

.step-zig__icon {
    width: 3.5rem;
    height: 3.5rem;
}

.step-zig__row {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.step-zig__row:first-child {
    padding-top: 0;
}

.step-zig__pill {
    font-variant-numeric: tabular-nums;
}

@media (min-width: 768px) {
    .step-zig__row--flip {
        flex-direction: row-reverse;
    }
}

/* Block: advantages-tabs-image-panel */
.advantages-tabs-image-panel__tab--hover:hover {
    transform: scale(1.05);
}

.advantages-tabs-image-panel__tab {
    /* BS: без border-0 (він дає border:0 !important і гасить border-bottom). Бокові рамки прибираємо тут. */
    border-style: solid;
    border-width: 0;
    border-bottom-width: 2px;
    border-bottom-color: transparent;
    box-shadow: none;
    background-clip: padding-box;
    transition: border-color 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
}

.advantages-tabs-image-panel__tab:hover {
    /* Повна нижня лінія — надійніше за лише color, якщо десь перебито width */
    border-bottom: 2px solid var(--bs-emphasis-color, var(--bs-body-color, currentColor));
}

.advantages-tabs-image-panel__tab:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.advantages-tabs-image-panel__tab:not(.advantages-tabs-image-panel__tab--active) {
    opacity: 0.65;
}

/* Не покладатися на Tailwind .hidden — у Bootstrap її немає */
.advantages-tabs-image-panel__panel--hidden {
    display: none !important;
}

.advantages-tabs-image-panel__panel {
    animation: advantages-tabs-image-panel-panel-fade-kf 0.3s ease;
}

.advantages-tabs-image-panel__panel.advantages-tabs-image-panel__panel--visible {
    animation: advantages-tabs-image-panel-panel-fade-kf 0.3s ease;
}

@keyframes advantages-tabs-image-panel-panel-fade-kf {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.process__hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.process__hover-lift:hover {
    transform: scale(1.04);
}

.process__step-group:hover .process__badge-rise,
.process__step-group:hover .process__icon-rise {
    transform: scale(1.08);
}

/* Менш «важка» анімація (soft / fluid варіанти) */
.process--hover-soft .process__hover-lift:hover,
.process--hover-fluid .process__hover-lift:hover {
    transform: translateY(-3px);
}

.process--hover-soft .process__step-group:hover .process__badge-rise,
.process--hover-soft .process__step-group:hover .process__icon-rise,
.process--hover-fluid .process__step-group:hover .process__badge-rise {
    transform: scale(1.025);
}

.process--hover-fluid .process__hover-lift {
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.process--hover-fluid .process__badge-rise,
.process--hover-fluid .process__deco-rise {
    transition:
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.35s ease;
}

.process.process--timeline-compact .process__hover-lift:hover {
    transform: translateY(-2px);
}

/* process--timeline-compact: один відступ від осі лінії (TW/BS); картка на всю ширину ряду */
.process.process--timeline-compact .process__step {
    padding-left: 5rem;
}

@media (min-width: 768px) {
    .process.process--timeline-compact .process__step {
        padding-left: 5.5rem;
    }
}

.process.process--timeline-compact .process__card {
    max-width: none;
    width: 100%;
    box-sizing: border-box;
}


/* Лише тінь на картці, без scale (soft) */
.process--hover-soft .process__card.process__hover-lift:hover {
    transform: none;
}

/* Контраст цифр на світлому / градієнті */
.process__num-pop {
    box-shadow:
        0 0 0 3px var(--bs-body-bg, #fff),
        0 4px 14px rgba(0, 0, 0, 0.18);
}

.process__meta-on-primary {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* Вертикальна лінія: видима ширина (BS) + центр під колом w-12 (3rem) */
.process__vline--through-12 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.5rem;
    width: 0.25rem;
    margin-left: -0.125rem;
    border-radius: 9999px;
    pointer-events: none;
    z-index: 0;
}

/* Центр під колом w-16 (4rem) — v2 таймлайн */
.process__vline--through-16 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2rem;
    width: 0.25rem;
    margin-left: -0.125rem;
    border-radius: 9999px;
    pointer-events: none;
    z-index: 0;
}

/* Вузол w-8, left 1.25rem → центр 2.25rem */
.process__vline--through-node-sm {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2.25rem;
    width: 0.25rem;
    margin-left: -0.125rem;
    border-radius: 9999px;
    pointer-events: none;
    z-index: 0;
}

/* Горизонтальна лінія таймлайну (v19) */
.process__hline--bar {
    position: absolute;
    left: 0;
    right: 0;
    height: 0.25rem;
    top: 1.5rem;
    margin-top: -0.125rem;
    border-radius: 9999px;
    pointer-events: none;
    z-index: 0;
}

/* v3: номер над карточкою (BS/TW) */
.process__float-num-fix {
    top: -1.5rem;
}

.process__float--lifted {
    top: -1.35rem;
    left: 0.75rem;
}

/* Легкий блюр + темний шар (білий заголовок на світлому фото) */
.process__overlay-blur {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    background-color: rgba(15, 23, 42, 0.62);
}

.process__head-glass {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

/* Відступ під «літаючий» номер (BS часто потребує більше) */
.process__card--float-gap {
    padding-top: 6.75rem;
}

/* v6: центральна вісь на всю висоту */
.process__vline--center-md {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 0.25rem;
    margin-left: -0.125rem;
    border-radius: 9999px;
    pointer-events: none;
    z-index: 0;
}

@media (min-width: 768px) {
    .process__step-row > .process__dot--center-line {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.process__badge-rise,
.process__icon-rise {
    transition: transform 0.3s ease;
}

.process__decor-dot {
    opacity: 0.45;
    transition: opacity 0.3s ease;
}

.process__step-group:hover .process__decor-dot {
    opacity: 1;
}

.process__decor-dot--subtle {
    opacity: 0.28;
}

.process__step-group:hover .process__decor-dot--subtle {
    opacity: 0.7;
}

.process__step-group:hover .process__deco-rise {
    opacity: 0.45;
}

.process__deco-rise {
    transition: opacity 0.3s ease;
}

/* Кола з цифрами — синхрон з Tailwind w-* h-* */
.process__num-fixed--8 {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    min-height: 2rem;
    box-sizing: border-box;
    flex-shrink: 0;
}

.process__num-fixed--10 {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    box-sizing: border-box;
    flex-shrink: 0;
}

.process__num-fixed--12 {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    min-height: 3rem;
    box-sizing: border-box;
    flex-shrink: 0;
}

.process__num-fixed--16 {
    width: 4rem;
    height: 4rem;
    min-width: 4rem;
    min-height: 4rem;
    box-sizing: border-box;
    flex-shrink: 0;
}

.process__num-fixed--20 {
    width: 5rem;
    height: 5rem;
    min-width: 5rem;
    min-height: 5rem;
    box-sizing: border-box;
    flex-shrink: 0;
}

.process__num-fixed--24 {
    width: 6rem;
    height: 6rem;
    min-width: 6rem;
    min-height: 6rem;
    box-sizing: border-box;
    flex-shrink: 0;
}

.process__num-fixed--32 {
    width: 8rem;
    height: 8rem;
    min-width: 8rem;
    min-height: 8rem;
    box-sizing: border-box;
    flex-shrink: 0;
}

/* v2 аватар: квадратне поле + cover → рівне коло з rounded-circle */
.process__avatar-img {
    width: 6rem;
    height: 6rem;
    min-width: 6rem;
    min-height: 6rem;
    object-fit: cover;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* v1 @ifRandom декор: якір + розмір (щоб не «літав» у BS) */
.process__decor-blob-fix {
    position: absolute;
    width: 10rem;
    height: 10rem;
    top: -2.5rem;
    right: 1rem;
    z-index: -1;
    pointer-events: none;
}

/* v5 декор тло */
.process__decor-faint-fix {
    position: absolute;
    width: 6rem;
    height: 6rem;
    top: 25%;
    left: 0;
    z-index: -1;
    pointer-events: none;
}

/* v14 glow */
.process__glow-fix {
    position: absolute;
    width: 16rem;
    height: 16rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .process__hover-lift,
    .process__badge-rise,
    .process__icon-rise,
    .process__decor-dot,
    .process__decor-dot--subtle,
    .process__deco-rise {
        transition: none;
    }

    .process__hover-lift:hover,
    .process--hover-soft .process__hover-lift:hover,
    .process--hover-fluid .process__hover-lift:hover,
    .process.process--timeline-compact .process__hover-lift:hover {
        transform: none;
    }

    .process__step-group:hover .process__badge-rise,
    .process__step-group:hover .process__icon-rise {
        transform: none;
    }

    .process__step-group:hover .process__decor-dot,
    .process__step-group:hover .process__decor-dot--subtle,
    .process__step-group:hover .process__deco-rise {
        opacity: unset;
    }
}


.headline-cta--hover:hover { transform: scale(1.05); transition: transform .2s ease; }
.mxw-2xl { max-width: 42rem !important; }

/* 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;
    }
}

/* faq v21 — gazette newspaper columns + animated mesh */
.gazette-faq__layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

@media (max-width: 768px) {
  .gazette-faq__layout {
    grid-template-columns: 1fr;
  }
}

.gazette-faq__story {
  text-align: justify;
}

/* Orbs — sizes, blur, drift (colors in Blade) */
.gazette-faq__orb--north {
  width: 18rem;
  height: 18rem;
  filter: blur(48px);
}

.gazette-faq__orb--south {
  width: 24rem;
  height: 24rem;
  filter: blur(64px);
}

.gazette-faq__orb--center {
  width: 12rem;
  height: 12rem;
  filter: blur(40px);
}

.gazette-faq__band--pulse {
  animation: gazette-faq-band-pulse-seq 6s ease-in-out infinite;
}

@keyframes gazette-faq-band-pulse-seq {
  0%,
  100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}

@keyframes gazette-faq-orb-drift-north-seq {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(2.5rem, -1.5rem) scale(1.06);
  }
  66% {
    transform: translate(-1.25rem, 1.25rem) scale(0.96);
  }
}

.gazette-faq__orb--north {
  animation: gazette-faq-orb-drift-north-seq 20s ease-in-out infinite;
}

@keyframes gazette-faq-orb-drift-south-seq {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  40% {
    transform: translate(-2rem, -1rem) scale(1.08);
  }
  70% {
    transform: translate(1.5rem, 2rem) scale(0.94);
  }
}

.gazette-faq__orb--south {
  animation: gazette-faq-orb-drift-south-seq 24s ease-in-out infinite;
}

@keyframes gazette-faq-orb-drift-center-seq {
  0%,
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    transform: translate(-1.5rem, 1rem) rotate(12deg);
  }
}

.gazette-faq__orb--center {
  animation: gazette-faq-orb-drift-center-seq 16s ease-in-out infinite;
}

.gazette-faq__band--delay {
  animation-delay: 2s;
}

.gazette-faq__orb--delay-mid {
  animation-delay: 0.8s;
}

.gazette-faq__orb--delay-late {
  animation-delay: 1.4s;
}

/* Sparks */
.gazette-faq__spark--lead {
  top: 5rem;
  left: 3rem;
  width: 0.75rem;
  height: 0.75rem;
}

.gazette-faq__spark--trail {
  top: 8rem;
  right: 5rem;
  width: 0.5rem;
  height: 0.5rem;
}

.gazette-faq__spark--base {
  bottom: 7rem;
  left: 33%;
  width: 0.625rem;
  height: 0.625rem;
}

@keyframes gazette-faq-spark-throb-seq {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}

.gazette-faq__spark-anim--throb {
  animation: gazette-faq-spark-throb-seq 2.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes gazette-faq-spark-bounce-seq {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30%);
  }
}

.gazette-faq__spark-anim--bounce {
  animation: gazette-faq-spark-bounce-seq 1.2s ease-in-out infinite;
}

@keyframes gazette-faq-spark-ping-seq {
  75%,
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}

.gazette-faq__spark-anim--ping {
  animation: gazette-faq-spark-ping-seq 1.8s cubic-bezier(0, 0, 0.2, 1) infinite;
}

/* 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%);
  }
}

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

.constructivist-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 768px) {
  .constructivist-grid {
    grid-template-columns: 70fr 30fr;
    grid-template-rows: auto auto;
  }
  .constructivist-main { grid-column: 1; grid-row: 1 / 3; }
  .constructivist-accent { grid-column: 2; grid-row: 1; }
  .constructivist-side { grid-column: 2; grid-row: 2; }
}
.constructivist-diagonal {
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 12px,
    currentColor 12px,
    currentColor 13px
  );
  opacity: 0.04;
  pointer-events: none;
}
.constructivist-bar {
  height: 6px;
}
@keyframes constructShift {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(0); }
}
.constructivist-animate {
  animation: constructShift 0.8s ease both;
}
.cookie-policy-construct-label {
  font-size: 0.7rem;
}

.perks-wave-mosaic__thumb {
    width: 4rem;
    height: 4rem;
}

@media (min-width: 640px) {
    .perks-wave-mosaic__tile:hover {
        transform: scale(1.05);
    }
}

.perks-wave-mosaic__tile {
    transition: transform 0.3s ease;
}

.perks-wave-mosaic__accent {
    height: 0.25rem;
    transition: transform 0.3s ease;
}

/* -- 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);
}

.services__link--lift {
  transition: transform 0.2s ease, filter 0.2s ease;
}

.services__link--lift:hover {
  transform: translateX(2px);
  filter: brightness(1.08);
}

/* process rams — list panel, brand watermark, gentle float animation (no colors) */
.process-rams__index {
    width: 1.75rem;
    flex-shrink: 0;
}
.process-rams__content {
    min-width: 0;
}
.process-rams__brand {
    text-transform: lowercase;
    text-align: center;
    max-width: 100%;
    overflow: hidden;
    word-break: break-word;
    animation: process-rams-float 6s ease-in-out infinite;
}
.process-rams__cta {
    text-decoration: none;
    animation: process-rams-float 4.5s ease-in-out infinite;
    animation-delay: 0.75s;
}
@keyframes process-rams-float {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(0, -0.35rem, 0);
    }
}
@media (prefers-reduced-motion: reduce) {
    .process-rams__brand,
    .process-rams__cta {
        animation: none;
    }
}

/* 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;
    }
}

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

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

.hero-v23-decor-wrap {
    top: 66%;
    transform: translateY(-50%);
}

.hero-v23-decor-blob {
    width: 66%;
    height: 18rem;
    filter: blur(64px);
}

.hero-v23-block {
    max-width: 42rem;
}

.hero-v23-media {
    max-width: 56rem;
}

.hero-spotlight-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.7s ease var(--spotlight-delay, 0s),
                transform 0.7s ease var(--spotlight-delay, 0s);
}

.hero-spotlight-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.hero-interactive-scroll__media {
    --spotlight-delay: 0.15s;
}

.hero-interactive-scroll__benefits {
    --spotlight-delay: 0.3s;
}

/* -- Button hover states -- */
.hero-btn-primary {
    transition: filter 0.2s ease, transform 0.15s ease;
}
.hero-btn-primary:hover,
.hero-btn-primary:focus {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.hero-btn-outline-secondary {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-secondary:hover,
.hero-btn-outline-secondary:focus {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
    border-color: var(--bs-secondary) !important;
    transform: translateY(-1px);
}

.hero-btn-outline-primary-light {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-primary-light:hover,
.hero-btn-outline-primary-light:focus {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border-color: var(--bs-primary) !important;
    transform: translateY(-1px);
}
.ribbon-flow__accent--1 { width: 8rem; height: 8rem; filter: blur(2rem); }
.ribbon-flow__accent--2 { width: 10rem; height: 10rem; filter: blur(2rem); }
.ribbon-flow__accent--3 { width: 6rem; height: 6rem; filter: blur(1.5rem); }
.ribbon-flow__accent--4 { width: 7rem; height: 7rem; filter: blur(1.5rem); }
.ribbon-flow__accent--5 { width: 9rem; height: 9rem; filter: blur(2rem); }

.ribbon-flow__line--1 { height: 0.125rem; }
.ribbon-flow__line--2 { height: 0.125rem; top: 25%; }
.ribbon-flow__line--3 { height: 0.125rem; top: 50%; }
.ribbon-flow__line--4 { height: 0.125rem; top: 75%; }
.ribbon-flow__line--5 { height: 0.125rem; }

.ribbon-flow__dot--1, .ribbon-flow__dot--2, .ribbon-flow__dot--3, .ribbon-flow__dot--4,
.ribbon-flow__dot--5, .ribbon-flow__dot--6, .ribbon-flow__dot--7, .ribbon-flow__dot--8 {
    width: 0.5rem; height: 0.5rem;
}

.ribbon-flow__dash--1, .ribbon-flow__dash--2, .ribbon-flow__dash--3, .ribbon-flow__dash--4 {
    width: 8rem; height: 0.125rem;
}
.ribbon-flow__dash--1 { top: 25%; }
.ribbon-flow__dash--2 { top: 50%; }
.ribbon-flow__dash--3 { bottom: 25%; width: 6rem; }
.ribbon-flow__dash--4 { bottom: 50%; width: 6rem; }

.ribbon-flow__shape--1 { width: 4rem; height: 4rem; transform: rotate(45deg); }
.ribbon-flow__shape--2 { width: 3rem; height: 3rem; transform: rotate(45deg); }
.ribbon-flow__shape--3 { width: 2rem; height: 2rem; }
.ribbon-flow__shape--4 { width: 2.5rem; height: 2.5rem; }

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

.ribbon-flow__media--xl { height: 20rem; }
.ribbon-flow__media--lg { height: 18rem; }
.ribbon-flow__media--md { height: 16rem; }

.ribbon-flow__glow--br { background: radial-gradient(circle at bottom right, rgba(var(--bs-primary-rgb), 0.2), transparent); }
.ribbon-flow__glow--bl { background: radial-gradient(circle at bottom left, rgba(var(--bs-primary-rgb), 0.2), transparent); }

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

.ribbon-flow__img--zoom {
    transition: transform 0.5s ease;
}
.ribbon-flow__row:hover .ribbon-flow__img--zoom {
    transform: scale(1.1);
}

.ribbon-flow__overlay--fade {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.ribbon-flow__row:hover .ribbon-flow__overlay--fade {
    opacity: 1;
}

.ribbon-flow__overlay--glow {
    opacity: 0;
    transition: opacity 0.5s ease;
}
.ribbon-flow__row:hover .ribbon-flow__overlay--glow {
    opacity: 1;
}

.ribbon-flow__corner--tl, .ribbon-flow__corner--br { width: 5rem; height: 5rem; }

.ribbon-flow__badge--left { left: 1rem; }
.ribbon-flow__badge--right { right: 1rem; }

.ribbon-flow__accent-corner--tr { right: 0; width: 1.5rem; height: 1.5rem; border-right-width: 2px; }
.ribbon-flow__accent-corner--tl { left: 0; width: 1.5rem; height: 1.5rem; border-left-width: 2px; }
.ribbon-flow__accent-corner--bl { left: 0; width: 1.5rem; height: 1.5rem; border-left-width: 2px; }
.ribbon-flow__accent-corner--br { right: 0; width: 1.5rem; height: 1.5rem; border-right-width: 2px; }

.ribbon-flow__panel--slide {
    transform: translateY(100%);
    transition: transform 0.3s ease;
}
.ribbon-flow__row:hover .ribbon-flow__panel--slide {
    transform: translateY(0);
}

.ribbon-flow__slot { width: 5rem; height: 0.25rem; }
.ribbon-flow__slot-line { height: 0.125rem; opacity: 0; transition: opacity 0.3s ease; }
.ribbon-flow__slot-dot { width: 0.5rem; height: 0.5rem; opacity: 0; transition: opacity 0.3s ease; }
.ribbon-flow__row:hover .ribbon-flow__slot-line,
.ribbon-flow__row:hover .ribbon-flow__slot-dot {
    opacity: 1;
}

.ribbon-flow__row-accent--left { left: 0; transform: translateY(-50%); width: 2rem; height: 2rem; opacity: 0; transition: opacity 0.3s ease; }
.ribbon-flow__row-accent--right { right: 0; transform: translateY(-50%); width: 2rem; height: 2rem; opacity: 0; transition: opacity 0.3s ease; }
.ribbon-flow__row:hover .ribbon-flow__row-accent--left,
.ribbon-flow__row:hover .ribbon-flow__row-accent--right {
    opacity: 1;
}

/* Bootstrap Fallbacks */
@media (min-width: 768px) {
   
    .ribbon-flow__media--w40 { width: 40%; }
    .ribbon-flow__media--w33 { width: 33.333333%; }
}

/* Bootstrap: горизонтальные/вертикальные промежутки (row+row-cols без col даёт слипание) */
.reasons-icon-grid__bs-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.5rem;
    width: 100%;
}

@media (min-width: 768px) {
    .reasons-icon-grid__bs-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem;
    }
}

@media (min-width: 992px) {
    .reasons-icon-grid__bs-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.reasons-icon-grid__subtitle-max {
    max-width: 42rem;
}

.features-minimal-dl__decor--pulse-1 {
    top: -6rem;
    right: 25%;
    animation: features-minimal-dl-pulse-kf 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.features-minimal-dl__decor--spin {
    top: 33.333333%;
    right: 5rem;
    animation: features-minimal-dl-spin-kf 1s linear infinite;
}

.features-minimal-dl__decor--bounce {
    bottom: 33.333333%;
    left: 5rem;
    transform: rotate(-6deg);
    animation: features-minimal-dl-bounce-kf 1s infinite;
}

.features-minimal-dl__decor--pulse-2 {
    top: 50%;
    left: 33.333333%;
    transform: rotate(45deg);
    animation: features-minimal-dl-pulse-kf 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.features-minimal-dl__item--hover:hover .features-minimal-dl__icon--lift {
    transform: scale(1.05);
}

@keyframes features-minimal-dl-pulse-kf {
    0%, 100% { opacity: 1; }
    50% { opacity: .5; }
}

@keyframes features-minimal-dl-spin-kf {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes features-minimal-dl-bounce-kf {
    0%, 100% { transform: translateY(-25%) rotate(-6deg); animation-timing-function: cubic-bezier(0.8,0,1,1); }
    50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); }
}

/* -- 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);
}

/* -- BS-mode decorative shapes � subtle, non-intrusive -- */
.features-decor__bs-blob {
    background-color: var(--bs-primary-bg-subtle);
    opacity: 0.35;
    filter: blur(48px);
}
.features-decor__bs-shape {
    opacity: 0.15;
}
.features-decor__bs-line {
    border-left: 1px solid var(--bs-primary-border-subtle);
    opacity: 0.18;
}