/*! 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-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --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-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-sm: 8px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: Lato, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .col-6 {
    grid-column: 6;
  }
  .col-12 {
    grid-column: 12;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-0 {
    margin-top: 0;
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-sm {
    margin-bottom: 1rem;
  }
  .mb-xl {
    margin-bottom: 3rem;
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-full {
    height: 100%;
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-full {
    width: 100%;
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .min-w-0 {
    min-width: 0;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .scale-150 {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .resize {
    resize: both;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-lg {
    gap: 2rem;
  }
  .gap-sm {
    gap: 1rem;
  }
  .space-y-lg {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(2rem * var(--tw-space-y-reverse));
      margin-block-end: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: calc(2 * 2px);
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-primary-300 {
    border-color: #e7a8e5;
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .bg-accent-600 {
    background-color: #038149;
  }
  .bg-primary-50 {
    background-color: #fef3fd;
  }
  .bg-primary-100 {
    background-color: #fce4fb;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .fill-white {
    fill: var(--color-white);
  }
  .p-lg {
    padding: 2rem;
  }
  .px-lg {
    padding-inline: 2rem;
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .text-center {
    text-align: center;
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-primary-300 {
    color: #e7a8e5;
  }
  .text-primary-400 {
    color: #d080ce;
  }
  .text-primary-600 {
    color: #9a4499;
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-white {
    color: var(--color-white);
  }
  .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);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .hover\:bg-accent-700 {
    &:hover {
      @media (hover: hover) {
        background-color: #07693b;
      }
    }
  }
  .dark\:flex {
    &:is(.dark *) {
      display: flex;
    }
  }
  .dark\:hidden {
    &:is(.dark *) {
      display: none;
    }
  }
  .dark\:border-primary-500 {
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .dark\:border-primary-700 {
    &:is(.dark *) {
      border-color: #80357f;
    }
  }
  .dark\:bg-accent-400 {
    &:is(.dark *) {
      background-color: #4eba7b;
    }
  }
  .dark\:bg-primary-800 {
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .dark\:bg-primary-900 {
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .dark\:bg-primary-900\/20 {
    &:is(.dark *) {
      background-color: color-mix(in oklab, #4e214d 20%, transparent);
    }
  }
  .dark\:bg-primary-900\/40 {
    &:is(.dark *) {
      background-color: color-mix(in oklab, #4e214d 40%, transparent);
    }
  }
  .dark\:text-primary-300 {
    &:is(.dark *) {
      color: #e7a8e5;
    }
  }
  .dark\:text-primary-400 {
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .dark\:text-primary-500 {
    &:is(.dark *) {
      color: #b75fb5;
    }
  }
  .dark\:text-slate-300 {
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .dark\:text-slate-900 {
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .dark\:hover\:bg-accent-300 {
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #87d6a3;
        }
      }
    }
  }
}
@layer base {
  :where(.bi, .ti, .ph, [class^="ri-"], [class*=" ri-"]) {
    display: inline-block;
  }
}
@layer utilities {
  .k2lnvrwx {
    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);
  }
  .yU6UoE9B {
    position: absolute;
    top: 0;
    left: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 32);
    width: var(--spacing);
    animation: var(--animate-pulse);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #e7a8e5 30%, transparent);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    &:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, #b75fb5 20%, 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));
    }
  }
  .i1mp0Pri {
    color: var(--color-slate-400);
    &:is(.dark *) {
      color: var(--color-slate-500);
    }
  }
  .clHhKsx5 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dmYHGvbc {
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    &:is(.dark *) {
      background-color: #e7a8e5;
    }
  }
  .fnHzDNyK {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .vbIEOWiX {
    margin-bottom: calc(var(--spacing) * 3);
    display: inline-block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #9a4499;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .x3t00dRh {
    color: var(--color-slate-600);
    text-decoration-line: underline;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-800);
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-slate-100);
        }
      }
    }
  }
  .qLA8UBGw {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
  }
  .jVlAlSnq {
    position: absolute;
    top: calc(1 / 4 * 100%);
    right: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 96);
    width: calc(var(--spacing) * 96);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #d080ce 6%, transparent);
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #9a4499 2%, transparent);
    }
  }
  .hqJKqCjL {
    position: absolute;
    bottom: calc(var(--spacing) * 24);
    left: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    animation: var(--animate-bounce);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    opacity: 20%;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .vRi3FYss {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex: none;
    align-items: center;
    justify-content: center;
    border-radius: calc(2 * 2px);
    background-color: #fef3fd;
    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: #4e214d;
    }
  }
  .wcJX2DRF {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
    text-align: center;
  }
  .ajl0qEJ8 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .ca6LmImM {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 6);
  }
  .okRN6uZF {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-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);
    }
  }
  .n5ImTnGz {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-white);
    background-color: #9a4499;
    --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: #652964;
    }
    &:is(.dark *) {
      background-color: #e7a8e5;
    }
  }
  .eKegTiEu {
    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);
  }
  .lHfpTtES {
    position: relative;
    background-color: #fef3fd;
    padding-block: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #331332 90%, transparent);
    }
  }
  .nnYWAcgF {
    height: calc(var(--spacing) * 8);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    opacity: 40%;
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .vLqapkbW {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .yVWjVWRl {
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    border-radius: calc(2 * 3px);
    --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));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .lF5d4Gke {
    display: inline-flex;
    align-items: center;
    border-radius: calc(2 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    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-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));
    &: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: #b75fb5;
      }
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: #d080ce;
        }
      }
    }
  }
  .xZ5ZEJXI {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: stretch;
    gap: 0;
    overflow: hidden;
    border-top-left-radius: calc(2 * 4px);
    border-top-right-radius: calc(2 * 4px);
  }
  .cHYVAIoP {
    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);
    }
  }
  .zpbMlJLg {
    position: absolute;
    top: calc(var(--spacing) * -2);
    right: calc(var(--spacing) * -2);
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-color: #e7a8e5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .wZTpOf5f {
    margin-bottom: calc(var(--spacing) * 12);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .glKqEpfg {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-800);
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .uwbnmjVX {
    display: flex;
    align-items: flex-start;
  }
  .qtWZ6Fyi {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-600);
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .zE0tiAlE {
    position: relative;
  }
  .v3ZwgMWb {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-3xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .bu15knwg {
    color: #9a4499;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .baOWRClF {
    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: #4e214d;
    @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);
    }
  }
  .ekyNLpW5 {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-white);
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .zmkM4y0q {
    margin-inline: auto;
    max-width: var(--container-5xl);
    padding-inline: calc(var(--spacing) * 12);
  }
  .xQOxozSQ {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: #9a4499;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .jdzheHtR {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    border-radius: calc(2 * 4px);
    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);
  }
  .lZdcA2HU {
    position: absolute;
    bottom: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    rotate: 45deg;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #e7a8e5 30%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #b75fb5 30%, transparent);
    }
  }
  .tzN6sTui {
    pointer-events: none;
    position: relative;
  }
  .r9iQTCgY {
    position: relative;
    height: 100%;
    border-radius: calc(2 * 3px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .bI7V6KDz {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    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-slate-100);
    }
  }
  .znWxYhxD {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--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-tighter);
    letter-spacing: var(--tracking-tighter);
    color: var(--color-slate-900);
    text-transform: uppercase;
    @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);
    }
  }
  .tYHWsdJ5 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: var(--color-white);
  }
  .xW3SvNYo {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .kJpQ9r8m {
    position: relative;
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 10);
    text-align: center;
  }
  .zoRGmL3p {
    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);
    }
  }
  .znTN7BkI {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    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: #e7a8e5;
      }
    }
    @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);
    }
    &:hover {
      @media (hover: hover) {
        &:is(.dark *) {
          color: #b75fb5;
        }
      }
    }
  }
  .i2RLTlG9 {
    border-radius: calc(2 * 2px);
    background-color: #038149;
    padding-inline: calc(var(--spacing) * 4);
    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));
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
    @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 *) {
      background-color: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .winxLhmY {
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    -webkit-user-select: none;
    user-select: none;
  }
  .osx2TIOU {
    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);
    }
  }
  .fyk23IpF {
    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);
  }
  .pvi6jODC {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
  }
  .tl3AtEZg {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .qi1mv8R0 {
    flex-shrink: 0;
  }
  .fpwCVsHh {
    margin-inline: auto;
    max-width: var(--container-2xl);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dSviO2gP {
    position: relative;
    overflow: hidden;
    border-radius: calc(2 * 5px);
    background-color: #fef3fd;
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .sX7EcLfm {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing);
    color: var(--color-slate-700);
    &:hover {
      @media (hover: hover) {
        color: #9a4499;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #d080ce;
        }
      }
    }
  }
  .d059L1Sn {
    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: #e7a8e5;
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #b75fb5;
        }
      }
    }
  }
  .epjzjstZ {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-500);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .bVUpxsr7 {
    position: absolute;
    right: calc(var(--spacing) * -2);
    bottom: calc(var(--spacing) * -2);
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: #e7a8e5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .fpQIpfTC {
    position: relative;
    border-radius: calc(2 * 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) * 10);
    --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: 700ms;
    transition-duration: 700ms;
    &: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: #b75fb5;
    }
    &:is(.dark *) {
      background-color: #652964;
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: #d080ce;
        }
      }
    }
  }
  .excctGlI {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .vrFJkAXn {
    margin-inline: auto;
    max-width: var(--container-4xl);
  }
  .xH9YhprY {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    background-color: #038149;
    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: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .pUoWBKsE {
    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));
    }
  }
  .hvxBHaNi {
    color: #9a4499;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .sGcePTtr {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(2 * 3px);
    background-color: #9a4499;
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #d080ce;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .x5RRDwzA {
    margin: 0;
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    padding: 0;
  }
  .s53Aur8n {
    flex-shrink: 0;
  }
  .bhl57m93 {
    position: absolute;
    top: calc(2 / 3 * 100%);
    right: calc(1 / 3 * 100%);
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    animation: var(--animate-bounce);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    opacity: 20%;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .zQMJV0uY {
    flex: 1;
    color: var(--color-slate-400);
    &:is(.dark *) {
      color: var(--color-slate-500);
    }
  }
  .hY9yUoG0 {
    background-color: #9a4499;
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .hwYWABL5 {
    color: var(--color-slate-600);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .xrCmPSFh {
    position: absolute;
    bottom: calc(1 / 4 * 100%);
    left: calc(1 / 4 * 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, #b75fb5 5%, transparent);
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #80357f 2%, transparent);
    }
  }
  .gUwgXkWK {
    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: #331332;
    }
  }
  .wxgXE8df {
    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);
    }
  }
  .cKVP22Ij {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #9a4499;
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .cnHoaqFV {
    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);
    }
  }
  .htRZZ7U6 {
    flex-shrink: 0;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-slate-600);
    --tw-gradient-to: var(--color-slate-500);
    --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) * 8);
    color: var(--color-white);
    &:is(.dark *) {
      --tw-gradient-from: var(--color-slate-800);
      --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: var(--color-slate-700);
      --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));
    }
  }
  .q6Kat2gn {
    color: var(--color-white);
  }
  .wamW1TDy {
    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-left: calc(var(--spacing) * 8);
  }
  .ilx3YrGh {
    margin-bottom: calc(var(--spacing) * 12);
    border-radius: calc(2 * 3px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #e7a8e5;
    background-color: #fef3fd;
    padding: calc(var(--spacing) * 6);
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .vCuYVdQJ {
    margin-inline: auto;
    max-width: var(--container-xl);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .moslgK30 {
    margin-bottom: calc(var(--spacing) * 8);
    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);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .dYO4MHdU {
    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);
    }
  }
  .xZFAKDCS {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .ndmMNH3I {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .gexWkboF {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #d080ce;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .wzz2Y0U5 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .shveWdMQ {
    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);
    --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);
    }
  }
  .sTvQYIlT {
    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);
    }
  }
  .b0JCK9yC {
    display: flex;
    flex-direction: column;
  }
  .fUDMDnFU {
    min-width: 0;
    flex: 1;
    padding-bottom: calc(var(--spacing) * 12);
    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-translate-x: var(--spacing);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .ku30jnZr {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-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);
    }
  }
  .f1WFWbtu {
    border-radius: calc(infinity * 1px);
    background-color: #038149;
    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);
    --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: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .zdbJ22da {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #e7a8e5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .nvPXePwi {
    border-radius: calc(2 * 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: #4e214d;
    }
  }
  .dpFy3SZq {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .om8dTn5g {
    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);
    }
  }
  .dz9FYnyd {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #e7a8e5;
    &:is(.dark *) {
      color: #b75fb5;
    }
  }
  .qXoNIzSY {
    position: absolute;
    bottom: calc(var(--spacing) * -1);
    left: calc(var(--spacing) * -1);
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #e7a8e5;
    background-color: #f5cbf3;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .kHaBhTBB {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
    border-radius: calc(2 * 4px);
    background-color: #fef3fd;
    padding: calc(var(--spacing) * 6);
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .ahQfuQ72 {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .hqCnG6PA {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #9a4499;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .aEH6PHt3 {
    background-color: #fef3fd;
    padding-block: calc(var(--spacing) * 16);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #331332 90%, transparent);
    }
  }
  .wqd7dkkX {
    position: relative;
    margin-bottom: calc(var(--spacing) * 10);
    overflow: hidden;
    border-radius: calc(2 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .r5pwEDe0 {
    margin-bottom: calc(var(--spacing) * 3);
    display: inline-block;
    border-radius: calc(infinity * 1px);
    background-color: #fef3fd;
    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-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: #652964;
    text-transform: uppercase;
    &:is(.dark *) {
      background-color: #652964;
    }
    &:is(.dark *) {
      color: #e7a8e5;
    }
  }
  .iPHfbioD {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .swFrgJJz {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--spacing);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    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);
    font-style: normal;
    &:is(.dark *) {
      background-color: #d080ce;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .y2dGdcY3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .v97uXrQN {
    margin-bottom: calc(var(--spacing) * 4);
    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);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .oFUznWHW {
    margin-top: var(--spacing);
    flex-shrink: 0;
    color: var(--color-slate-400);
    &:is(.dark *) {
      color: var(--color-slate-500);
    }
  }
  .hzG1ykbz {
    margin-top: calc(var(--spacing) * 4);
  }
  .iZjh0Za2 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .caIv3EWD {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: var(--spacing);
  }
  .uNk7go1t {
    margin-inline: auto;
    max-width: var(--container-xl);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .jmYINpZs {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .tnV5YiqP {
    margin-bottom: calc(var(--spacing) * 4);
    font-family: var(--font-mono);
    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);
    }
  }
  .uJsT1SHd {
    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);
    }
  }
  .qormxDRU {
    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);
    }
  }
  .e9ElvdWq {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .cEhWWWdV {
    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));
  }
  .s3saFOBI {
    position: absolute;
    bottom: calc(var(--spacing) * -2);
    left: calc(var(--spacing) * -2);
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #e7a8e5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .pDzYS6Mx {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-red-500);
  }
  .p8c3pizc {
    padding-bottom: calc(var(--spacing) * 6);
    padding-left: calc(var(--spacing) * 14);
  }
  .wpuxDw4X {
    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);
  }
  .h8Yykn7j {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: #e7a8e5;
    &:is(.dark *) {
      color: #b75fb5;
    }
  }
  .veaF6UIe {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .wdgygrfj {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
    border-color: var(--color-slate-900);
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 8);
    text-align: center;
    &:is(.dark *) {
      border-color: var(--color-slate-100);
    }
  }
  .mTtSAllJ {
    &:hover {
      @media (hover: hover) {
        color: #e7a8e5;
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #b75fb5;
        }
      }
    }
  }
  .vaWG2WGr {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-700);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .e6mUFJJr {
    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-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: #9a4499;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .p17ZnNcm {
    height: calc(var(--spacing) * 64);
    width: 100%;
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 80);
    }
  }
  .ky754m9t {
    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);
  }
  .xQOpcS9p {
    text-align: left;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .sxvU8TMh {
    position: absolute;
    bottom: 0;
    left: 0;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #e7a8e5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .hnmPUcwz {
    margin-top: calc(var(--spacing) * 1.5);
    height: var(--spacing);
    width: var(--spacing);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: #e7a8e5;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .u78eeigh {
    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, #4e214d 20%, transparent);
    --tw-gradient-to: color-mix(in oklab, #652964 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));
  }
  .k5CAhyyu {
    position: absolute;
    top: calc(1 / 4 * 100%);
    left: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #e7a8e5 10%, transparent);
    --tw-blur: blur(var(--blur-xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .hLWxQhj4 {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-500);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .bhT3BuMn {
    color: color-mix(in oklab, #d080ce 30%, transparent);
    &:is(.dark *) {
      color: color-mix(in oklab, #b75fb5 25%, transparent);
    }
  }
  .cyt1sllz {
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .mK9KDia7 {
    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)));
    }
  }
  .hvItKb3s {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .grkSx2g6 {
    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);
    }
  }
  .pJeIqv5P {
    border-radius: calc(2 * 2px);
    background-color: #fef3fd;
    padding: calc(var(--spacing) * 6);
    text-align: center;
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .j0UnNfzb {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-700);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .imAr7Ars {
    position: absolute;
    right: calc(var(--spacing) * 24);
    bottom: calc(var(--spacing) * 32);
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    animation: var(--animate-bounce);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    opacity: 30%;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .rY66fQ2w {
    width: 100%;
  }
  .vwZ75egc {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .s5z6YlHh {
    position: relative;
  }
  .dSkwCLFn {
    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: #b75fb5;
    background-color: var(--color-white);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #652964;
    &:is(.dark *) {
      background-color: #331332;
    }
    &:is(.dark *) {
      color: #e7a8e5;
    }
  }
  .tmnNWtr7 {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 8);
    padding-bottom: calc(var(--spacing) * 4);
    text-align: left;
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 10);
    }
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .kCYWdchz {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
    border-radius: calc(2 * 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 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) * 10);
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    &:is(.dark *) {
      border-color: #652964;
    }
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .sJmy80TX {
    border-radius: calc(2 * 3px);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #e7a8e5;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .d2j8we50 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    @media (width >= 64rem) {
      align-items: flex-end;
    }
    @media (width >= 64rem) {
      text-align: right;
    }
  }
  .qDCIMFYF {
    margin-inline: auto;
    max-width: var(--container-7xl);
  }
  .ydj1tiD7 {
    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-semibold);
    font-weight: var(--font-weight-semibold);
    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);
    }
  }
  .pdxVhQtH {
    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);
    }
  }
  .vZznZUa3 {
    position: absolute;
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .lkR6B3x8 {
    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);
    }
  }
  .uSLPEUPi {
    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);
    color: var(--color-slate-900);
    text-transform: uppercase;
    @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);
    }
  }
  .nwsGnmlj {
    width: 100%;
    @media (width >= 48rem) {
      width: 23%;
    }
  }
  .xX9Y4kG7 {
    display: flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-600);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .pBRmfecL {
    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);
  }
  .cvcFdyp3 {
    margin-bottom: calc(var(--spacing) * 8);
    border-radius: calc(2 * 3px);
    background-color: #9a4499;
    padding: calc(var(--spacing) * 12);
    text-align: center;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .lQbXa0WY {
    border-radius: calc(2 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, #f5cbf3 50%, transparent);
    padding: calc(var(--spacing) * 4);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:is(.dark *) {
      border-color: color-mix(in oklab, #652964 50%, transparent);
    }
    &.lcars-active {
      background-color: color-mix(in srgb, #fff 6%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
      }
    }
    &.lcars-active {
      --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);
    }
    &.lcars-active {
      --tw-ring-color: color-mix(in oklab, #b75fb5 50%, transparent);
    }
    &:is(.dark *) {
      &.lcars-active {
        background-color: color-mix(in oklab, #d080ce 8%, transparent);
      }
    }
    &:is(.dark *) {
      &.lcars-active {
        --tw-ring-color: color-mix(in oklab, #d080ce 40%, transparent);
      }
    }
  }
  .sAM40YbT {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .sukKuAGr {
    margin-left: calc(var(--spacing) * 2);
    flex-shrink: 0;
    color: var(--color-slate-400);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-600);
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-slate-200);
        }
      }
    }
  }
  .oCGWSMFo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .voLvTeoD {
    color: var(--color-slate-700);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .yhIqGlTZ {
    color: color-mix(in oklab, #e7a8e5 25%, transparent);
    &:is(.dark *) {
      color: color-mix(in oklab, #d080ce 20%, transparent);
    }
  }
  .tRauxOF8 {
    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);
    }
  }
  .lKDEYbvL {
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .bvo2PU3w {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
  }
  .ychofgFH {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .eo5kvPn2 {
    width: 100%;
    flex: 1;
    padding: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      max-width: var(--container-md);
    }
  }
  .j5LR5OtK {
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-md);
    min-width: 0;
    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));
    &: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);
      }
    }
  }
  .mqlG96H7 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 48);
    width: calc(var(--spacing) * 48);
    flex-shrink: 0;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
  }
  .ji3xxVdi {
    flex: 1;
  }
  .tkdNU2wO {
    :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)));
    }
  }
  .nYd8keIi {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
  }
  .aAPP3MT5 {
    height: 100%;
    width: 100%;
  }
  .xdqSidN8 {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #9a4499;
    --tw-gradient-to: #80357f;
    --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));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-white);
    &:is(.dark *) {
      --tw-gradient-from: #b75fb5;
      --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: #9a4499;
      --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 *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      --tw-ring-color: var(--color-slate-900);
    }
  }
  .tq7ziimu {
    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: #9a4499;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .nKhHeel6 {
    border-top-right-radius: calc(2 * 2px);
    border-bottom-right-radius: calc(2 * 2px);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #9a4499;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    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));
    &:hover {
      @media (hover: hover) {
        background-color: #fce4fb;
      }
    }
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #652964;
        }
      }
    }
  }
  .e2QwhgPn {
    position: relative;
    overflow: hidden;
    background-color: #4e214d;
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .kKs2HMEX {
    position: relative;
    display: grid;
    min-height: 350px;
    gap: 0;
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .bUwgtPwI {
    margin: 0;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .zDgupZYa {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 4);
    }
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .hSTcopJZ {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .dG8DBlMk {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 5);
  }
  .vc7Z3YpY {
    flex: 1;
    padding: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 16);
    }
  }
  .zd7N23Cf {
    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;
  }
  .s7CfI5v9 {
    margin-bottom: calc(var(--spacing) * 6);
    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);
    }
  }
  .oJBe20KH {
    display: flex;
    width: calc(var(--spacing) * 48);
    flex-shrink: 0;
    flex-direction: column;
    gap: var(--spacing);
    border-inline-end-style: var(--tw-border-style);
    border-inline-end-width: 1px;
    border-color: #f5cbf3;
    padding: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: #652964;
    }
  }
  .k4kV9Yyr {
    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-3xl);
    padding-inline: calc(var(--spacing) * 8);
  }
  .iXgWE91P {
    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);
    }
  }
  .vpl73Pda {
    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);
    }
  }
  .uDRPBNMb {
    display: flex;
    align-items: center;
  }
  .ztfNDkvk {
    display: flex;
    width: calc(var(--spacing) * 16);
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
  }
  .eODwGWpo {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-slate-300);
    padding-left: calc(var(--spacing) * 6);
    text-align: left;
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
  }
  .lJY3E6FN {
    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: #9a4499;
    text-decoration-line: underline;
    text-underline-offset: 4px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #d080ce;
      }
    }
    &:is(.dark *) {
      color: #e7a8e5;
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #9a4499;
        }
      }
    }
  }
  .fiuRCgrM {
    font-style: normal;
  }
  .p9XHtLr2 {
    position: absolute;
    top: calc(1 / 3 * 100%);
    left: calc(1 / 3 * 100%);
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    animation: var(--animate-bounce);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    opacity: 25%;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .xq9AOfti {
    :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)));
    }
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 12);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .lpnv0SNc {
    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);
    font-style: normal;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .ojMUPoFA {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #4e214d;
    @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);
    }
  }
  .ypVDzrwS {
    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);
    }
  }
  .iJllNduW {
    border-radius: calc(2 * 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: #4e214d;
    }
  }
  .vy8XZ45n {
    height: 100%;
    border-top-right-radius: calc(infinity * 1px);
    border-bottom-right-radius: calc(infinity * 1px);
    background-color: #b75fb5;
    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;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .vhkAkvXg {
    margin-bottom: calc(var(--spacing) * 4);
    padding-left: calc(var(--spacing) * 4);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .vn9CHz9X {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(2 * 1.5px);
    background-color: #fef3fd;
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .kucvGMEB {
    padding-block: calc(var(--spacing) * 8);
  }
  .bMxolJPn {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .nJUEyJ76 {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 2 * 100%);
  }
  .tzgZd3Ft {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
  }
  .sjaKyLe3 {
    background-color: #fef3fd;
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #331332 90%, transparent);
    }
  }
  .tyax934Q {
    display: flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-green-400);
    &:is(.dark *) {
      background-color: var(--color-green-500);
    }
  }
  .z0l1Cr2J {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 8);
    padding-bottom: calc(var(--spacing) * 4);
    text-align: left;
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 10);
    }
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .bIIjIU36 {
    pointer-events: none;
    position: absolute;
    inset: 0;
    opacity: 30%;
    &:is(.dark *) {
      opacity: 20%;
    }
  }
  .iBhy49YY {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: calc(var(--spacing) * 3);
  }
  .f4ozQeAJ {
    flex: none;
    color: var(--color-slate-800);
    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);
    }
  }
  .hHCNasRn {
    position: relative;
    display: flex;
  }
  .uKKgIoP0 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(2 * 2px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-600);
    background-color: #fef3fd;
    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-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: #e7a8e5;
      }
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #4e214d 50%, transparent);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: #b75fb5;
        }
      }
    }
  }
  .tW4zCrjW {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #652964;
    &:is(.dark *) {
      color: #f5cbf3;
    }
  }
  .psSQP4J6 {
    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);
    }
  }
  .ni9aIeid {
    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);
    }
  }
  .mZ2WqgY9 {
    margin-bottom: calc(var(--spacing) * 10);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 14);
    }
  }
  .maGNVZUh {
    margin-bottom: calc(var(--spacing) * 8);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .nmibub9A {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: left;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .kuQPr4rI {
    border-radius: calc(2 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    padding: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4);
    }
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: var(--color-slate-800);
    }
  }
  .eGcbmUyx {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(2 * 3px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #038149;
    background-color: #038149;
    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));
    --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: #07693b;
      }
    }
    &:is(.dark *) {
      border-color: #4eba7b;
    }
    &:is(.dark *) {
      background-color: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #87d6a3;
        }
      }
    }
  }
  .koNQLF57 {
    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 >= 48rem) {
      gap: calc(var(--spacing) * 12);
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .u697hbCA {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(2 * 2px);
    background-color: #9a4499;
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .eWAeGfKV {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .krYpskde {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #b75fb5;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    color: var(--color-white);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .mGmMP7y8 {
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: var(--spacing);
    text-align: center;
    font-size: 0.55rem;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
    color: var(--color-white);
    text-transform: uppercase;
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .tjmi8N2m {
    margin-bottom: calc(var(--spacing) * 16);
    text-align: center;
  }
  .cPE1x5HQ {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .y98PiF6z {
    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));
    }
  }
  .xctF7Rz4 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
  }
  .yiGzZWf6 {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .s5NYBcNG {
    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);
    }
  }
  .zewI5ux7 {
    position: absolute;
    top: calc(var(--spacing) * -3);
    right: calc(var(--spacing) * -3);
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    rotate: 12deg;
    border-radius: calc(2 * 4px);
    background-color: #9a4499;
    opacity: 20%;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .doeBhUnN {
    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);
    }
  }
  .dr3R3QyJ {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(2 * 3px);
    background-color: #038149;
    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: #07693b;
      }
    }
    &:is(.dark *) {
      background-color: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #87d6a3;
        }
      }
    }
  }
  .iVW0UIfy {
    display: flex;
    align-items: flex-end;
    gap: calc(var(--spacing) * 4);
  }
  .bC3bQrV9 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .zAN1ZRno {
    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);
    }
  }
  .xokGmhSJ {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
  }
  .bf4pgEoz {
    :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)));
    }
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .cfi61oYS {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .tlQJJr3S {
    position: absolute;
    inset: 0;
    background-color: #fef3fd;
    &:is(.dark *) {
      background-color: color-mix(in oklab, #4e214d 50%, transparent);
    }
  }
  .gZ8Wbhs6 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .xuxpEMUL {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .e9eDiiWY {
    display: inline-block;
    border-radius: calc(2 * 2px);
    background-color: #038149;
    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: #07693b;
      }
    }
    &:is(.dark *) {
      background-color: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #87d6a3;
        }
      }
    }
  }
  .h4I8DvvT {
    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: #fce4fb;
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .guZsuZqp {
    margin-bottom: calc(var(--spacing) * 8);
    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);
    }
  }
  .sD2GGK7A {
    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);
  }
  .hpIX1ook {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .kULCqw7A {
    display: block;
    height: 100%;
    width: 100%;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 4px;
    border-color: #e7a8e5;
    object-fit: cover;
    --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: #b75fb5;
    }
  }
  .xFedmQnr {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-500);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .gkO7OSLZ {
    display: block;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rX3Q01X4 {
    border-radius: calc(2 * 3px);
    background-color: #fef3fd;
    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: #4e214d;
    }
  }
  .jgT0I6bo {
    color: #e7a8e5;
    &:is(.dark *) {
      color: #b75fb5;
    }
  }
  .mUPZ1wB3 {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .hAlI0tfx {
    padding-inline: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 8);
    padding-bottom: calc(var(--spacing) * 12);
    text-align: center;
  }
  .pEwuI5Io {
    position: relative;
    color: #9a4499;
    &:is(.dark *) {
      color: #e7a8e5;
    }
  }
  .g64tpc67 {
    display: flex;
    flex-direction: column;
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-200);
    }
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-600);
    &:is(.dark *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-700);
      }
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .g1gYgZ7V {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .w3A6JiSJ {
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 8);
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .twGCgkg2 {
    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) 80%, transparent);
    --tw-gradient-via: color-mix(in oklab, var(--color-black) 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, var(--color-black) 10%, 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));
  }
  .xiAcQieu {
    display: inline-flex;
    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-300);
    background-color: #fef3fd;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-slate-600);
    --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: var(--color-slate-600);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #4e214d 50%, transparent);
    }
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .qWWiFpZv {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .xp86T9sZ {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lDSrnwkh {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .jYyxuvpU {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #fce4fb;
  }
  .eyhjOZBz {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .exS8Sqgu {
    display: flex;
    flex-direction: column;
    border-radius: calc(2 * 5px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-white);
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .cW6CuLBd {
    position: relative;
    height: 100%;
    width: 100%;
    flex-shrink: 0;
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .fKSG29Ec {
    position: relative;
    z-index: 10;
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-6xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .fpqJMHmI {
    position: relative;
    z-index: 10;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 4px;
    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: var(--color-slate-200);
    }
  }
  .iGgOmImC {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
  }
  .yoQLGssS {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    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-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .xy2jgSba {
    position: relative;
    background-color: #fef3fd;
    padding-block: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #331332 90%, transparent);
    }
  }
  .b6gtjD52 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 24);
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .fiEnmdVo {
    background-color: #fef3fd;
    padding-block: calc(var(--spacing) * 12);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 16);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #331332 90%, transparent);
    }
  }
  .g66Z6VZw {
    display: block;
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .rWomUV47 {
    border-radius: calc(infinity * 1px);
    background-color: #e7a8e5;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .et6tSWhz {
    margin-top: calc(var(--spacing) * 4);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .tsG4EjGt {
    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);
    }
  }
  .cj0M6tiz {
    overflow: hidden;
    border-radius: calc(2 * 4px);
    background-color: #fef3fd;
    --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: color-mix(in oklab, #652964 50%, transparent);
    }
  }
  .fbLjyvNd {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .tL8yXS9H {
    overflow: hidden;
    border-radius: calc(2 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-600);
    background-color: #fef3fd;
    --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: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #652964 50%, transparent);
    }
  }
  .ut38zYDT {
    margin-left: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .zlmRSvnb {
    :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)));
    }
  }
  .gwYsMQ12 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    @media (width >= 48rem) {
      flex-direction: row-reverse;
    }
  }
  .ddSvIllN {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-700);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .xADqLYTh {
    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: #e7a8e5;
    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: #d080ce;
      }
    }
    &:is(.dark *) {
      color: #b75fb5;
    }
    &:hover {
      @media (hover: hover) {
        &:is(.dark *) {
          color: #9a4499;
        }
      }
    }
  }
  .cMTqwAwx {
    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);
    }
  }
  .i8SdUyk6 {
    display: flex;
    height: 100%;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
  }
  .memznipK {
    pointer-events: none;
    position: absolute;
    inset-inline: calc(var(--spacing) * 16);
    top: calc(var(--spacing) * -4);
    height: calc(var(--spacing) * 24);
    border-radius: calc(infinity * 1px);
    background-color: #b75fb5;
    opacity: 15%;
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    &:is(.dark *) {
      background-color: #9a4499;
    }
  }
  .tLJ5oaMo {
    width: 100%;
    border-radius: calc(2 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    --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: var(--color-slate-700);
    }
  }
  .eY5Tbxqc {
    display: flex;
    justify-content: flex-start;
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .cJkhylDC {
    margin-bottom: calc(var(--spacing) * 12);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .zzTh3z9Z {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .w7MDDM6X {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(2 * 1.5px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #b75fb5;
    background-color: var(--color-white);
    color: #652964;
    &:is(.dark *) {
      background-color: #331332;
    }
    &:is(.dark *) {
      color: #e7a8e5;
    }
  }
  .qemOeLHt {
    margin-right: var(--spacing);
  }
  .kZNnxuAo {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .mMozCHYD {
    max-width: var(--container-2xl);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .kW2QAXO2 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
  }
  .oN8wR3MI {
    display: block;
    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);
    color: var(--color-slate-900);
    text-transform: uppercase;
    @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);
    }
  }
  .bwgRepSR {
    margin-bottom: calc(var(--spacing) * 3);
    text-align: center;
    font-family: Lato, sans-serif;
    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: #331332;
    &:is(.dark *) {
      color: #fce4fb;
    }
  }
  .qOK4hxbg {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    color: #9a4499;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .yvRkFvxO {
    margin-bottom: calc(var(--spacing) * 6);
    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);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .yzXXp7Zz {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    border-radius: calc(2 * 3px);
    background-color: #fef3fd;
    padding: calc(var(--spacing) * 4);
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .vCdl39Ef {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: calc(infinity * 1px);
    background-color: #f5cbf3;
    opacity: 50%;
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .wfx3j9xT {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-900);
    text-transform: uppercase;
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .kquaFsxn {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .uF0ytcJI {
    margin-bottom: calc(var(--spacing) * 4);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    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: #b75fb5;
    }
  }
  .czY8lIiM {
    margin-top: calc(var(--spacing) * 3);
    width: 1px;
    flex: 1;
    background-color: #e7a8e5;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .uZDfJkER {
    position: relative;
    overflow: hidden;
    background-color: #fef3fd;
    padding-block: calc(var(--spacing) * 16);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #331332 90%, transparent);
    }
  }
  .hQa5WyNN {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: center;
  }
  .akQsTFca {
    margin-top: 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-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .arilp3le {
    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);
  }
  .mHIXWRd9 {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .wP6JDExQ {
    margin-bottom: calc(var(--spacing) * 3);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #e7a8e5;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #b75fb5;
    }
  }
  .ljIRJnX1 {
    min-width: 0;
    flex: 1;
  }
  .q5VwXLpN {
    position: relative;
    order: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    @media (width >= 64rem) {
      order: 2;
    }
  }
  .g48UH3kQ {
    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: #e7a8e5;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #b75fb5;
        }
      }
    }
  }
  .jOLrXghJ {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(2 * 3px);
    background-color: #fef3fd;
    --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));
    --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);
    --tw-ring-color: #d080ce;
    @media (width >= 64rem) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    @media (width >= 64rem) {
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #652964 50%, transparent);
    }
    &:is(.dark *) {
      --tw-ring-color: #9a4499;
    }
  }
  .zVLiM3d3 {
    border-radius: calc(2 * 3px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-900);
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-slate-100);
    }
  }
  .uf3EaOqD {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    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: #d080ce;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .vYNpRmRE {
    position: absolute;
    top: calc(var(--spacing) * -4);
    right: calc(var(--spacing) * 5);
    z-index: 10;
  }
  .xYzORpKt {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .gmm7I6w1 {
    margin-bottom: calc(var(--spacing) * 6);
    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);
    --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);
    }
  }
  .cfKaYUSF {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .lPWHI3mb {
    display: flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-red-600);
    &:is(.dark *) {
      background-color: var(--color-red-500);
    }
  }
  .lfXkzk95 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .tJJaEDYU {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .lSWOPReN {
    display: none;
    @media (width >= 40rem) {
      display: block;
    }
  }
  .u0bqkltS {
    margin-bottom: calc(var(--spacing) * 4);
    :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)));
    }
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
    @media (width >= 40rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .zN43I60N {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: #9a4499;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .tFyBBJQH {
    margin-bottom: calc(var(--spacing) * 12);
    :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)));
    }
  }
  .h2gNT5BX {
    flex-shrink: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-400);
    &:is(.dark *) {
      color: var(--color-slate-500);
    }
  }
  .hI3uS8ld {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .vwsjkd1R {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(2 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    --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: #80357f;
    }
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .gjkzdK3E {
    margin-bottom: var(--spacing);
    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-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 2);
    }
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .oMxbzKCa {
    position: absolute;
    top: calc(var(--spacing) * -1);
    right: calc(var(--spacing) * -1);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-color: color-mix(in srgb, #fff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .djdt7Lwa {
    margin-bottom: calc(var(--spacing) * 8);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .ax3WXJSM {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .usqv3xw7 {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
  }
  .fkQwZ8rj {
    position: absolute;
    top: calc(var(--spacing) * -1);
    left: calc(var(--spacing) * -1);
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #e7a8e5;
    background-color: #f5cbf3;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .z25I71ne {
    margin-bottom: calc(var(--spacing) * 2);
    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);
    }
  }
  .hp66whwU {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .x4A3FnUe {
    width: 100%;
    resize: none;
    border-radius: calc(2 * 4px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-200);
    background-color: transparent;
    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));
    color: var(--color-slate-900);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &::placeholder {
      color: var(--color-slate-400);
    }
    &:focus {
      border-color: #b75fb5;
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: color-mix(in oklab, #b75fb5 10%, transparent);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &::placeholder {
        color: var(--color-slate-500);
      }
    }
  }
  .oCYYNBD6 {
    margin: 0;
    margin-inline: calc(var(--spacing) * 6);
    margin-bottom: calc(var(--spacing) * 6);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: 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-900);
    &:is(.dark *) {
      border-color: #80357f;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .uTNZvpYs {
    position: relative;
    z-index: 10;
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    max-width: var(--container-5xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .fqWddfdY {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .r8gCvmRF {
    color: #e7a8e5;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
    &:is(.dark *) {
      color: #b75fb5;
    }
  }
  .odXysTis {
    position: absolute;
    inset: 0;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent);
    --tw-gradient-via: color-mix(in oklab, var(--color-black) 60%, 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) 80%, 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, #331332 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, #4e214d 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, #331332 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));
    }
  }
  .elYsKA7t {
    margin-top: calc(var(--spacing) * 12);
    display: grid;
    gap: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .fFy8Aph5 {
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    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);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--color-white);
    text-transform: uppercase;
    &:is(.dark *) {
      background-color: #d080ce;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .dvYQXbwd {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: calc(var(--spacing) * 2);
  }
  .d40kQaes {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .l37yfkWB {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(2 * 2px);
    background-color: #fce4fb;
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .w3MtJ3BI {
    grid-row: span 2 / span 2;
    margin: 0;
    overflow: hidden;
    border-radius: calc(2 * 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);
  }
  .zJCSfd3H {
    pointer-events: none;
    position: absolute;
    inset-block: 0;
  }
  .rqHmDDt0 {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    color: #9a4499;
    &:is(.dark *) {
      color: #80357f;
    }
  }
  .fejcIIoO {
    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: #4e214d;
    @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);
    }
  }
  .ulQdbXTZ {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .zSSaUj1v {
    min-width: 0;
    border-radius: calc(2 * 3px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    text-align: center;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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) {
      padding: calc(var(--spacing) * 6);
    }
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .pHUrqsBA {
    height: calc(var(--spacing) * 16);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    opacity: 20%;
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .nmuiv5OI {
    margin-top: calc(var(--spacing) * 2);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    padding-inline: calc(var(--spacing) * 10);
    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);
    text-decoration-line: none;
    --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);
      }
    }
    &:is(.dark *) {
      background-color: #d080ce;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .vn05P7DK {
    position: absolute;
    right: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    rotate: 45deg;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #e7a8e5 30%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #b75fb5 30%, transparent);
    }
  }
  .udZ2UGwr {
    display: flex;
    justify-content: space-between;
    font-family: var(--font-mono);
    font-size: 0.65rem;
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  .qqjr7Qf0 {
    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);
  }
  .uQHLoiQM {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .axPkXm9e {
    display: block;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    @media (width >= 48rem) {
      display: inline;
    }
    @media (width >= 48rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .ga2Ts8YV {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .lzYBWUWB {
    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);
    }
  }
  .rssds23G {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
  }
  .cfeBMQfi {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .esty96pD {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: calc(2 * 4px);
  }
  .z1PGcyJI {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .foHxrg86 {
    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);
  }
  .qk2cYc2T {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .hDdCfr8i {
    flex: 1;
    padding-right: calc(var(--spacing) * 12);
  }
  .eLA9N1YQ {
    position: absolute;
    top: calc(var(--spacing) * -16);
    left: calc(1 / 2 * 100%);
    z-index: 0;
    height: calc(var(--spacing) * 32);
    width: calc(var(--spacing) * 64);
    border-bottom-right-radius: calc(infinity * 1px);
    border-bottom-left-radius: calc(infinity * 1px);
    background-color: #fce4fb;
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .zkaRYMV1 {
    width: 100%;
    min-width: 0;
    flex-shrink: 0;
    text-align: center;
    @media (width >= 48rem) {
      width: 30%;
    }
  }
  .oaH4ryct {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 12);
    max-width: var(--container-2xl);
    text-align: center;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: color-mix(in oklab, #652964 90%, transparent);
    &:is(.dark *) {
      color: color-mix(in oklab, #f5cbf3 90%, transparent);
    }
  }
  .dwK7dhK1 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-white);
  }
  .cJ5LyIS5 {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .t5cVyuPd {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(2 * 3px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #b75fb5;
    background-color: var(--color-white);
    color: #652964;
    &:is(.dark *) {
      background-color: #331332;
    }
    &:is(.dark *) {
      color: #e7a8e5;
    }
  }
  .a7AHfvX8 {
    position: absolute;
    top: calc(1 / 4 * 100%);
    left: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 32);
    width: calc(var(--spacing) * 32);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #b75fb5 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,);
  }
  .bWEVHAOu {
    display: none;
    width: calc(5 / 12 * 100%);
    align-items: center;
    justify-content: flex-end;
    padding-right: 2rem;
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .qiN3nP7u {
    margin-bottom: calc(var(--spacing) * 12);
    border-radius: calc(2 * 4px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .dvZvYcO7 {
    position: absolute;
    bottom: calc(var(--spacing) * 16);
    left: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    animation: var(--animate-ping);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #d080ce 25%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #9a4499 25%, transparent);
    }
  }
  .xGwqV7fJ {
    border-radius: calc(2 * 3px);
    background-color: #038149;
    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-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: #07693b;
      }
    }
    &:is(.dark *) {
      background-color: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #87d6a3;
        }
      }
    }
  }
  .pCszNJxb {
    margin-bottom: calc(var(--spacing) * 16);
    text-align: center;
  }
  .jVVlbBI5 {
    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);
  }
  .fWvC09kS {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(2 * 3px);
    background-color: #fef3fd;
    --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, #652964 50%, transparent);
    }
  }
  .zwueDoQU {
    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);
    }
  }
  .rbDunGo1 {
    flex: 1;
    text-align: center;
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .gNPT1ZRj {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: calc(2 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-700);
    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: var(--color-slate-500);
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .f4o61BBp {
    --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-600);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .yhkmOV0r {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #e7a8e5;
    padding-left: calc(var(--spacing) * 5);
  }
  .vSNAz9wL {
    padding-inline: calc(var(--spacing) * 8);
  }
  .s0Xda3X1 {
    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);
    }
  }
  .bqXmpvFu {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    font-style: normal;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .aAyFF7yR {
    color: #b75fb5;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .roMNZrmi {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .z1ncJgFO {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .kxQSNtan {
    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-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .swUyOZs8 {
    margin-bottom: calc(var(--spacing) * 6);
    :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)));
    }
  }
  .gnmrSJcR {
    display: flex;
    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-600);
    background-color: #fef3fd;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    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) {
      gap: calc(var(--spacing) * 4);
    }
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3);
    }
    @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);
        }
      }
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #4e214d 50%, transparent);
    }
  }
  .s04KcZIN {
    position: relative;
    display: flex;
    height: calc(var(--spacing) * 32);
    width: calc(var(--spacing) * 32);
    align-items: center;
    justify-content: center;
    border-radius: calc(2 * 4px);
    background-color: #9a4499;
    --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: #d080ce;
    }
  }
  .hSh4GmgK {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .pbZmqNDy {
    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);
    }
  }
  .hdG7QpFu {
    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);
    }
  }
  .zTyNZ0LM {
    position: absolute;
    top: calc(var(--spacing) * 40);
    right: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    rotate: 12deg;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #b75fb5 15%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #e7a8e5 15%, transparent);
    }
  }
  .vOl1D2M5 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 6);
    row-gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .x0mng8sJ {
    border-radius: calc(2 * 2px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-600);
    padding-inline: calc(var(--spacing) * 4);
    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-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) {
        color: var(--color-slate-800);
      }
    }
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
    @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 *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-slate-200);
        }
      }
    }
  }
  .lQNdObfP {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .czubDBLd {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .ttANh7jA {
    position: relative;
    margin-bottom: calc(var(--spacing) * 4);
  }
  .yfZ3kdVq {
    max-width: var(--container-sm);
    background-color: var(--color-slate-100);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    color: var(--color-slate-800);
    &:is(.dark *) {
      background-color: #652964;
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .ttbXCtnr {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(2 * 3px);
    background-color: var(--color-slate-100);
    padding: calc(var(--spacing) * 4);
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .ep4dYzAB {
    font-family: Lato, sans-serif;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    color: #e7a8e5;
    text-transform: none;
    font-style: italic;
    &:is(.dark *) {
      color: #b75fb5;
    }
  }
  .wxbJvpDD {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: center;
  }
  .kczcMhUL {
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .yMgzkhl4 {
    pointer-events: none;
    position: absolute;
    inset: 0;
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    border-radius: calc(infinity * 1px);
    background-color: #fce4fb;
    opacity: 30%;
    --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: #331332;
    }
  }
  .teon3AIX {
    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);
    --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-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .xQndmtZP {
    margin-top: var(--spacing);
    margin-right: calc(var(--spacing) * 3);
    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: #9a4499;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .vdb4il11 {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .bAlgeTGw {
    max-width: var(--container-xs);
    background-color: #9a4499;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .pcww8fZA {
    margin-bottom: calc(var(--spacing) * 12);
    border-top-right-radius: calc(2 * 2px);
    border-bottom-right-radius: calc(2 * 2px);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #9a4499;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .nhxVnOys {
    margin-left: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-500);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .vHPBZMFs {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .vmVmjcNy {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 6);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .lL3AWc6b {
    pointer-events: none;
    position: absolute;
    inset: 0;
    background-color: #9a4499;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .yn96CDty {
    height: calc(var(--spacing) * 1.5);
    background-color: var(--color-slate-100);
    &:is(.dark *) {
      background-color: var(--color-slate-800);
    }
  }
  .ffAdoHj4 {
    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);
  }
  .tOdNmp9q {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .fwlTcdVJ {
    color: #9a4499;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .e2G9CpoX {
    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-slate-100);
    }
  }
  .ng1Aum16 {
    height: 100%;
    overflow: hidden;
    border-radius: calc(2 * 4px);
    border-style: var(--tw-border-style);
    border-width: 4px;
    border-color: #b75fb5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .uOGOKPD9 {
    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);
    }
  }
  .i5VL2hIP {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .zYOFJpnZ {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-top: calc(var(--spacing) * 20);
    padding-bottom: calc(var(--spacing) * 16);
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 28);
    }
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .zoNSTrPh {
    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);
    }
  }
  .k0jkwgYj {
    margin-left: auto;
    border-radius: calc(infinity * 1px);
    background-color: #fef3fd;
    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);
    color: #9a4499;
    font-style: normal;
    &:is(.dark *) {
      background-color: #4e214d;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .pqvl5ACm {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
  }
  .z3w0fgD5 {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .zMzffdnw {
    position: absolute;
    bottom: calc(var(--spacing) * -3);
    left: calc(var(--spacing) * -3);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    rotate: calc(12deg * -1);
    border-radius: calc(2 * 4px);
    background-color: #9a4499;
    opacity: 15%;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .pT57qzzK {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .eQU0irta {
    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);
    }
  }
  .dQDP9eQ4 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
    text-align: center;
  }
  .bNPh6AOD {
    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);
    }
  }
  .wqJeqSMq {
    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-900);
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .gHXrNfEY {
    position: relative;
    @media (width >= 48rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .me1ah8Yv {
    margin-bottom: calc(var(--spacing) * 4);
    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);
    }
  }
  .hxOWpjUr {
    margin-right: calc(var(--spacing) * 2);
  }
  .kt2bAv8D {
    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: #331332;
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .eKin09IQ {
    position: relative;
    display: flex;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    align-items: center;
    justify-content: center;
    border-radius: calc(2 * 3px);
    background-color: #9a4499;
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .z0986B1r {
    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-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);
    }
  }
  .lH0jNY7h {
    display: flex;
    height: calc(var(--spacing) * 20);
    align-items: center;
    justify-content: space-between;
  }
  .yus2bya2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .csvS5vTR {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .k0l13kGN {
    position: absolute;
    top: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    rotate: 45deg;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #e7a8e5 30%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #b75fb5 30%, transparent);
    }
  }
  .movnRjU2 {
    margin-bottom: calc(var(--spacing) * 8);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .qWzzKDtH {
    margin-right: calc(var(--spacing) * 2);
    color: #e7a8e5;
    &:is(.dark *) {
      color: #b75fb5;
    }
  }
  .sHdzntUu {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(2 * 4px);
    background-color: #9a4499;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #d080ce;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .fI8yhc6F {
    display: flex;
    width: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(2 * 2px);
  }
  .mIKeWzWD {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #d080ce;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .ojv1gMgc {
    min-width: 0;
    flex: 1;
  }
  .d5bPNhHo {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    color: var(--color-white);
  }
  .isBNvzj9 {
    margin-bottom: calc(var(--spacing) * 8);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dTnwaw05 {
    position: absolute;
    top: calc(var(--spacing) * -1);
    left: calc(var(--spacing) * -1);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #e7a8e5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .uL8rOBrw {
    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);
    }
  }
  .ef9lNkBv {
    padding-top: calc(var(--spacing) * 10);
    text-align: center;
  }
  .paU7t0Vc {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-600);
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .f7GMSFT7 {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(2 * 2px);
    background-color: #038149;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    transition-property: 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: #07693b;
      }
    }
    &:is(.dark *) {
      background-color: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #87d6a3;
        }
      }
    }
  }
  .oUojxQIh {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .iXndI0uk {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(2 * 4px);
    background-color: #fef3fd;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: #9a4499;
    &:is(.dark *) {
      background-color: #4e214d;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .lVnGWQuj {
    position: relative;
    overflow: hidden;
    background-color: #fef3fd;
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #331332 90%, transparent);
    }
  }
  .fFZOOdZl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .xzGijBER {
    margin-inline: auto;
    max-width: var(--container-6xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .fvSfZH7n {
    margin-bottom: calc(var(--spacing) * 12);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .da4U1vhI {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: #e7a8e5;
    &:is(.dark *) {
      color: #b75fb5;
    }
  }
  .qRtD1xJv {
    height: 100%;
    background-color: #80357f;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 700ms;
    transition-duration: 700ms;
    &:is(.dark *) {
      background-color: #e7a8e5;
    }
  }
  .ccQ7kaJW {
    display: block;
    width: 100%;
    background-color: #e7a8e5;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .z6pYTUhS {
    width: 100%;
  }
  .czpFPqwt {
    margin-bottom: calc(var(--spacing) * 8);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .q14y5l2A {
    margin-top: calc(var(--spacing) * 12);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .wY8rjncQ {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .iYBet6JG {
    width: 100%;
    border-radius: calc(2 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.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);
    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) {
        border-color: var(--color-slate-400);
      }
    }
    &: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-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3);
    }
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-slate-500);
        }
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-slate-800);
        }
      }
    }
    &:is(.dark *) {
      &:focus {
        --tw-ring-color: var(--color-slate-600);
      }
    }
    &:is(.dark *) {
      &:focus {
        --tw-ring-offset-color: var(--color-slate-900);
      }
    }
  }
  .iGKta3fj {
    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);
    }
  }
  .mR0A83FF {
    height: var(--spacing);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #9a4499;
    --tw-gradient-via: #b75fb5;
    --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: #9a4499;
    --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));
  }
  .dtHrmn2E {
    overflow-x: auto;
  }
  .j12s5c72 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
  }
  .k4ZgvUku {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .mP6f43dG {
    display: flex;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    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);
    }
  }
  .wXuuFziP {
    margin-bottom: calc(var(--spacing) * 12);
    border-radius: calc(2 * 3px);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #9a4499;
    --tw-gradient-to: #b75fb5;
    --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) * 8);
    text-align: center;
    color: var(--color-white);
  }
  .qd5VQzVr {
    position: absolute;
    bottom: 0;
    left: 0;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #e7a8e5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .iLnz3k6p {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    -webkit-user-select: none;
    user-select: none;
  }
  .gI9pqIzO {
    position: sticky;
    top: 0;
    z-index: 30;
    height: var(--spacing);
    width: 100%;
    background-color: var(--color-slate-200);
    &:is(.dark *) {
      background-color: var(--color-slate-800);
    }
  }
  .lB0OFiss {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    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: #d080ce;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .bl78DJgk {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-6xl);
    flex-direction: column;
    overflow: hidden;
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .dhYodiP2 {
    display: flex;
    align-items: stretch;
    gap: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .amuGJ6pO {
    border-top-right-radius: calc(2 * 2px);
    border-bottom-right-radius: calc(2 * 2px);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #e7a8e5;
    padding-block: calc(var(--spacing) * 4);
    padding-left: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .fckipOIA {
    position: relative;
    overflow: hidden;
    background-color: #fef3fd;
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #331332 90%, transparent);
    }
  }
  .rT41NTMI {
    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: #e7a8e5;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 5);
    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: #9a4499;
    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: #b75fb5;
    }
    &:is(.dark *) {
      background-color: #652964;
    }
    &:is(.dark *) {
      color: #e7a8e5;
    }
  }
  .nT8AYqN0 {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .fgpBF8md {
    flex-shrink: 0;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #9a4499;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .y0HHGAXi {
    position: relative;
    padding-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-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .d2DilkHe {
    display: inline-flex;
    align-items: center;
    border-radius: calc(2 * 3px);
    background-color: #038149;
    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: #07693b;
      }
    }
    &:is(.dark *) {
      background-color: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #87d6a3;
        }
      }
    }
  }
  .faNoN1NU {
    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: #9a4499;
    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: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 700ms;
    transition-duration: 700ms;
    &:hover {
      @media (hover: hover) {
        background-color: #80357f;
      }
    }
    &:is(.dark *) {
      background-color: #d080ce;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #b75fb5;
        }
      }
    }
  }
  .dZz3gtHW {
    position: relative;
    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-semibold);
    font-weight: var(--font-weight-semibold);
    color: #9a4499;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .ragrvdBO {
    flex: 1;
    overflow: hidden;
    padding: calc(var(--spacing) * 8);
  }
  .eUE9RbCb {
    margin-bottom: calc(var(--spacing) * 8);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: #f5cbf3;
    padding-bottom: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: #652964;
    }
  }
  .htJpr1ku {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    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-200);
  }
  .nwZEyOx2 {
    position: absolute;
    right: calc(1 / 3 * 100%);
    bottom: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 28);
    width: calc(var(--spacing) * 28);
    rotate: 12deg;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #e7a8e5 12%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #b75fb5 12%, transparent);
    }
  }
  .bDbV2Ar7 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .sK8t9xxM {
    min-width: 0;
    flex: 1;
  }
  .xXXUu5jt {
    margin-right: calc(var(--spacing) * 3);
    color: #e7a8e5;
    &:is(.dark *) {
      color: #b75fb5;
    }
  }
  .jv4pzrPE {
    padding-left: calc(var(--spacing) * 4);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .x7U2Iti0 {
    display: none;
    width: calc(2 / 12 * 100%);
    justify-content: center;
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .rGA6ZaS0 {
    @media (width >= 48rem) {
      width: calc(1 / 2 * 100%);
    }
  }
  .bWrhc73p {
    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);
    }
  }
  .x2ORUJxA {
    position: relative;
    border-radius: calc(2 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .yAqKRcns {
    margin-bottom: calc(var(--spacing) * 8);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #e7a8e5;
    padding-left: calc(var(--spacing) * 5);
  }
  .sYsPZoe4 {
    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);
    }
  }
  .eFRWOdPe {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .kDqBZ2fd {
    position: relative;
  }
  .vAK7Q4ra {
    position: absolute;
    top: calc(var(--spacing) * 32);
    right: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    animation: var(--animate-bounce);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    opacity: 25%;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .cjJq4Tol {
    display: block;
    height: 100%;
    width: 100%;
    background-color: #9a4499;
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .rgIsfxVf {
    margin-bottom: calc(var(--spacing) * 10);
    max-width: var(--container-3xl);
  }
  .yFHEXQQI {
    font-size: 0.9rem;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .uHARMi5h {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .yfbIemff {
    margin-top: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-600);
    padding-top: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .am2R3asr {
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    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: #d080ce;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .jz39UdRV {
    display: inline-block;
    border-radius: calc(2 * 2px);
    background-color: #038149;
    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: 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: #07693b;
      }
    }
    &:is(.dark *) {
      background-color: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #87d6a3;
        }
      }
    }
  }
  .noBRKYNS {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .rVQVTJxh {
    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);
    }
  }
  .il3mjzMr {
    margin-top: var(--spacing);
    height: 1px;
    background-color: #f5cbf3;
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .slcqSL6y {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 12);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .bBGfBqR9 {
    display: inline-flex;
    align-items: center;
    gap: 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: #9a4499;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .sfNQz37N {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 4);
    max-width: var(--container-2xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .iVVbSpEs {
    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: flex-start;
    gap: calc(var(--spacing) * 12);
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lMdtA9Kv {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
  }
  .ooj1ebxs {
    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);
    }
  }
  .fJbH4DcK {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .wDSK3c4l {
    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);
    }
  }
  .miSHx3rb {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #9a4499;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .oyFTtIQT {
    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);
    }
  }
  .vSt1b1Id {
    position: absolute;
    bottom: 0;
    left: 0;
    height: var(--spacing);
    width: 0;
    background-color: #9a4499;
    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) {
        width: 100%;
      }
    }
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .oTuxR3su {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .iEDuaEAy {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 2 * 100%);
    height: 600px;
    width: 600px;
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: 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,);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #e7a8e5 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, #b75fb5 3%, transparent);
    }
  }
  .cc92DCaW {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-500);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .mePiICnd {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .dAQUxwJb {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .k238VAGt {
    position: absolute;
    inset: 0;
    border-radius: calc(infinity * 1px);
    opacity: 35%;
  }
  .piNsIJIN {
    display: flex;
    max-width: var(--container-2xl);
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .wzh0RflR {
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .f1FDmAmW {
    border-radius: calc(2 * 4px);
    background-color: var(--color-white);
    padding: 2rem;
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:is(.dark *) {
      background-color: #331332;
    }
    &:hover {
      @media (hover: hover) {
        & .integrations  icon-tile {
          --tw-scale-x: 110%;
          --tw-scale-y: 110%;
          --tw-scale-z: 110%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
        }
      }
    }
    &:hover {
      @media (hover: hover) {
        & h3 {
          color: #d080ce;
        }
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          & h3 {
            color: #9a4499;
          }
        }
      }
    }
  }
  .bux1Aqc2 {
    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: #e7a8e5;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #b75fb5;
        }
      }
    }
  }
  .nMz0AlvY {
    position: absolute;
    bottom: calc(var(--spacing) * 32);
    left: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 40);
    width: calc(var(--spacing) * 40);
    rotate: 45deg;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #d080ce 8%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #d080ce 8%, transparent);
    }
  }
  .iAstt5Nl {
    position: relative;
  }
  .n6BxMeWa {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .uEQfVzt4 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
  }
  .jqdjcx2T {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .fnJO4jZu {
    display: block;
    @media (width >= 48rem) {
      display: inline;
    }
  }
  .b4clAGfj {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
  }
  .xk068bAa {
    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);
      }
    }
  }
  .we91iWgH {
    position: absolute;
    top: calc(var(--spacing) * 20);
    left: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 32);
    width: calc(var(--spacing) * 32);
    rotate: 45deg;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #e7a8e5 10%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #b75fb5 10%, transparent);
    }
  }
  .v7oee34V {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .qh0Pwiv9 {
    position: absolute;
    top: calc(var(--spacing) * 20);
    left: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    animation: var(--animate-bounce);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    opacity: 30%;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .tX2OM0XE {
    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: #9a4499;
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        color: #d080ce;
      }
    }
    &:is(.dark *) {
      color: #e7a8e5;
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #9a4499;
        }
      }
    }
  }
  .drRBCb0M {
    :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)));
    }
  }
  .b9VnGvTl {
    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);
  }
  .ntzqVNdD {
    margin-bottom: var(--spacing);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rXlbE8u2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: var(--color-slate-900);
    background-color: #fef3fd;
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-100);
    }
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .nlt4YBdd {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .tu5WhylR {
    display: inline-block;
    border-radius: calc(2 * 2px);
    background-color: #038149;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    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: #07693b;
      }
    }
    &:is(.dark *) {
      background-color: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #87d6a3;
        }
      }
    }
  }
  .k44wDe39 {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24);
    }
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .mFKnODxq {
    background-color: var(--color-slate-400);
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .pGbsNOds {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .vi5v0ywK {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--spacing);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    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);
    &:is(.dark *) {
      background-color: #d080ce;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .gLbu1bnJ {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 4);
  }
  .uzmIUorn {
    flex: 1;
    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);
  }
  .sIWZKzHa {
    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);
    }
  }
  .nses0W8I {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    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);
    color: var(--color-slate-900);
    &:is(.dark *) {
      background-color: #652964;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .beT5hBSp {
    margin-bottom: var(--spacing);
    font-family: var(--font-mono);
    font-size: 0.7rem;
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
    color: var(--color-slate-700);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .me1r08T2 {
    position: absolute;
    top: calc(var(--spacing) * 16);
    right: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    rotate: 45deg;
    animation: var(--animate-spin);
    border-radius: calc(2 * 2px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #e7a8e5 20%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #b75fb5 20%, transparent);
    }
  }
  .t02pMx1y {
    min-width: 0;
    border-radius: calc(2 * 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: #4e214d;
    }
  }
  .qvTWsddS {
    margin-bottom: var(--spacing);
    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);
    }
  }
  .tn9CsZAh {
    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: #038149;
    &:is(.dark *) {
      color: #87d6a3;
    }
  }
  .en7Axkhv {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: left;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .hCEsUann {
    position: absolute;
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    rotate: 45deg;
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #e7a8e5 30%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #b75fb5 30%, transparent);
    }
  }
  .uH1wGWRf {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .weBE7J9S {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(4rem * var(--tw-space-y-reverse));
      margin-block-end: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .yMqxMHlV {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-700);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .icr9H1ym {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-200);
    padding-block: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: center;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .cYp6RJku {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 12);
    max-width: var(--container-3xl);
    text-align: center;
  }
  .gbVbLLOl {
    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: #9a4499;
    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 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);
  }
  .oESEmlCb {
    position: absolute;
    right: calc(1 / 4 * 100%);
    bottom: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 40);
    width: calc(var(--spacing) * 40);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #e7a8e5 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,);
  }
  .fwgkjAXJ {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-green-500);
  }
  .fhHRdxTA {
    margin-top: calc(var(--spacing) * 4);
    display: block;
    width: 100%;
    border-radius: calc(2 * 2px);
    background-color: #038149;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
    --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: #07693b;
      }
    }
    &:is(.dark *) {
      background-color: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #87d6a3;
        }
      }
    }
  }
  .r7op7m6t {
    margin-bottom: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .qS0o8s5U {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    background-color: #9a4499;
    padding-inline: calc(var(--spacing) * 12);
    padding-block: var(--spacing);
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .p2IklV3L {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-slate-100);
  }
  .wWCwIrdn {
    position: absolute;
    top: 0;
    right: 0;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
    border-right-style: var(--tw-border-style);
    border-right-width: 4px;
    border-color: #e7a8e5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .kz6ndqyg {
    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);
    }
  }
  .pY0y69sO {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(2 * 3px);
    background-color: #038149;
    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);
    --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: #07693b;
      }
    }
    &:is(.dark *) {
      background-color: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #87d6a3;
        }
      }
    }
  }
  .sTidOEWa {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
  }
  .t1bX4Bjt {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: center;
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .rHHymsWC {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .negXtxH2 {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
  }
  .cLivLTr1 {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-500);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .eddPZQWD {
    flex-shrink: 0;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #9a4499;
    --tw-gradient-to: #b75fb5;
    --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) * 8);
    color: var(--color-white);
    &:is(.dark *) {
      --tw-gradient-from: #652964;
      --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: #80357f;
      --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));
    }
  }
  .apqXdbaZ {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #9a4499;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .sNzCtuwY {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
  }
  .g2PuxSpm {
    margin: 0;
    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);
    }
  }
  .yEyKaAHY {
    font-family: var(--font-mono);
    font-size: 0.65rem;
    color: var(--color-slate-700);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .cRsz8SIj {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-white);
  }
  .zV1JodaV {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .zy96TnUk {
    border-radius: calc(2 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-600);
    background-color: var(--color-white);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .t32sV5vK {
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 0.6rem;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
    color: var(--color-white);
    text-transform: uppercase;
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .mwkzhBrw {
    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);
    }
  }
  .qbl6c3f7 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .cBRDiQZA {
    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: #9a4499;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .bQ0qrXHW {
    flex-shrink: 0;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: #9a4499;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .jXhNlazZ {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-green-100);
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent);
      }
    }
  }
  .na1fmumt {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 6);
  }
  .zXY4J3Mg {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    text-align: center;
  }
  .vp7vYZP7 {
    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);
    }
  }
  .wUBZ6Ptu {
    pointer-events: none;
    position: absolute;
    inset: 0;
  }
  .j3XuwYIU {
    position: relative;
    flex-shrink: 0;
  }
  .zaihLPwk {
    margin-bottom: calc(var(--spacing) * 8);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-200);
    padding-bottom: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .wFJXmXdc {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(1 / 2 * 100%);
    display: none;
    width: calc(var(--spacing) * 0.5);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #e7a8e5;
    --tw-gradient-via: #b75fb5;
    --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: #e7a8e5;
    --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;
    }
    &:is(.dark *) {
      --tw-gradient-from: #b75fb5;
      --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: #e7a8e5;
      --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: #b75fb5;
      --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));
    }
  }
  .qnfvz4CE {
    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-semibold);
    font-weight: var(--font-weight-semibold);
    color: #9a4499;
    &:is(.dark *) {
      color: #e7a8e5;
    }
  }
  .p8Px3Qm3 {
    margin-bottom: calc(var(--spacing) * 2);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .hcb46MoD {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rPr0lPrs {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-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);
    }
  }
  .g0wltvNE {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    align-self: flex-start;
    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: #9a4499;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #e7a8e5;
    }
  }
  .sBEiEgkk {
    position: relative;
    overflow: hidden;
    border-radius: calc(2 * 5px);
    background-color: #fef3fd;
    padding: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .a9OOGjF3 {
    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-white);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .aQ5Ir0Ad {
    width: calc(var(--spacing) * 64);
    border-radius: calc(2 * 2px);
    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 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .lvS7gEQA {
    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: #fef3fd;
    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: #80357f;
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #4e214d 50%, transparent);
    }
    &:is(.dark *) {
      color: #b75fb5;
    }
  }
  .xIUT5Huv {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 8);
  }
  .myU7NcEK {
    padding-block: calc(var(--spacing) * 2);
  }
  .nvNIyZAs {
    margin-bottom: var(--spacing);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .v4kFbhlu {
    margin-inline: auto;
    max-width: var(--container-2xl);
    color: var(--color-slate-800);
    @media (width >= 48rem) {
      margin-inline: 0;
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .q8KEW6y5 {
    position: relative;
    order: 2;
    @media (width >= 64rem) {
      order: 1;
    }
  }
  .zX9M0pRL {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .sz7cP1K9 {
    margin-inline: auto;
    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(2 * 2px);
    background-color: #9a4499;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .hOFsWL70 {
    margin-bottom: calc(var(--spacing) * 6);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .vYsUeXoV {
    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);
  }
  .f8QUFYQX {
    margin-inline: auto;
    display: flex;
    max-width: var(--container-4xl);
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 6);
    text-align: center;
  }
  .p8zYz1HG {
    position: relative;
    overflow: hidden;
    background-color: #fef3fd;
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #331332 90%, transparent);
    }
  }
  .aQjC95uX {
    width: 100%;
    @media (width >= 48rem) {
      width: calc(5 / 12 * 100%);
    }
  }
  .ubvMvP7m {
    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.2em;
    letter-spacing: 0.2em;
    --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);
    }
  }
  .ptUz3kKh {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 8);
  }
  .qtzb3pIH {
    color: var(--color-slate-700);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .h5hyrznG {
    margin-bottom: calc(var(--spacing) * 16);
    text-align: center;
  }
  .mS8hwloo {
    flex: none;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--color-slate-500);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .pzrVUDHB {
    margin-right: calc(var(--spacing) * 2);
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #fce4fb;
    @media (width >= 40rem) {
      margin-right: calc(var(--spacing) * 3);
    }
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 10);
    }
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 10);
    }
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .iE5eC0aX {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 2);
  }
  .hA9fSJ4z {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  .kd3No3Dx {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: left;
    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);
    }
  }
  .ud2cwxMy {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .tr03rD9y {
    width: 100%;
    border-radius: calc(2 * 2px);
    background-color: #fef3fd;
    --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, #652964 50%, transparent);
    }
  }
  .geFiZomc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .cW5sp8dK {
    position: absolute;
    right: calc(1 / 4 * 100%);
    bottom: 0;
    height: calc(var(--spacing) * 32);
    width: var(--spacing);
    animation: var(--animate-pulse);
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #d080ce 30%, transparent);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    &:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, #9a4499 20%, 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));
    }
  }
  .vXAhXr0h {
    position: absolute;
    right: 0;
    bottom: 0;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    color: var(--color-slate-400);
    &:is(.dark *) {
      color: var(--color-slate-600);
    }
  }
  .ve33vRft {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 2);
  }
  .wP6RwDl9 {
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    &:is(.dark *) {
      background-color: #e7a8e5;
    }
  }
  .yYmlPLIh {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 80rem) {
      display: none;
    }
  }
  .wAnCxDts {
    margin-top: calc(var(--spacing) * 12);
    text-align: center;
  }
  .paQ4Yd2b {
    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);
    }
  }
  .otPAI8Py {
    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: #331332;
    }
  }
  .rztDeSc2 {
    position: relative;
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(2 * 4px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: calc(var(--spacing) * 4);
    text-align: left;
  }
  .vOW8Bwa5 {
    position: sticky;
    top: 0;
    z-index: 50;
    background-color: #fef3fd;
    --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: #4e214d;
    }
    &:is(.dark *) {
      --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);
    }
  }
  .mfdtG0MZ {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(2 * 3px);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #e7a8e5;
    background-color: #fef3fd;
    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));
    --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 *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #652964 50%, transparent);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .zAsM7n7M {
    width: 100%;
    border-radius: calc(2 * 4px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-200);
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-slate-900);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &::placeholder {
      color: var(--color-slate-400);
    }
    &:focus {
      border-color: #b75fb5;
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: color-mix(in oklab, #b75fb5 10%, transparent);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &::placeholder {
        color: var(--color-slate-500);
      }
    }
  }
  .zwUaRNT7 {
    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-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-900);
    text-transform: uppercase;
    @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);
    }
  }
  .f0muG3d9 {
    flex-shrink: 0;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .ltvEPRT9 {
    border-radius: calc(2 * 3px);
  }
  .svAQq4sH {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background-color: var(--color-slate-200);
    color: var(--color-slate-600);
    &:is(.dark *) {
      background-color: #652964;
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .tmHeYkZM {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
  }
  .dcl5hlSk {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: var(--spacing);
    background-color: color-mix(in oklab, #e7a8e5 30%, transparent);
    @media (width >= 48rem) {
      display: block;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #b75fb5 30%, transparent);
    }
  }
  .gov9z1xb {
    display: flex;
    align-items: flex-start;
  }
  .k5DhxbgU {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .wHO5fKV0 {
    margin-bottom: calc(var(--spacing) * 8);
    border-radius: calc(2 * 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: #4e214d;
    }
  }
  .ayTcWcIx {
    position: absolute;
    top: calc(var(--spacing) * -1);
    right: calc(var(--spacing) * -1);
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #e7a8e5;
    background-color: #f5cbf3;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .um2uJ6yJ {
    position: relative;
    @media (width >= 64rem) {
      height: 100%;
    }
  }
  .hgeGI610 {
    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);
  }
  .xE1ETYLU {
    max-width: var(--container-md);
    border-radius: calc(2 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    padding: calc(var(--spacing) * 5);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .xljX3ru5 {
    flex: 1;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .eemq3LTA {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
  }
  .nDOQJ97E {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(2 * 2px);
    background-color: #9a4499;
    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: #d080ce;
    }
  }
  .oWz4Rshi {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    background-color: #9a4499;
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 4);
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .rE4FBs3i {
    display: grid;
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .nyeULcAe {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-4xl);
    padding-inline: calc(var(--spacing) * 8);
  }
  .zD9RedKX {
    pointer-events: none;
    position: absolute;
    border-radius: calc(infinity * 1px);
    background-color: #fef3fd;
    opacity: 60%;
    &:is(.dark *) {
      background-color: color-mix(in oklab, #4e214d 30%, transparent);
    }
  }
  .zaYLAnko {
    margin-bottom: calc(var(--spacing) * 4);
    --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-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .m0PvXs5C {
    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-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .ttOoNYyO {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(2 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    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-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));
    &: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: #b75fb5;
      }
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: #d080ce;
        }
      }
    }
  }
  .hE8oWJqW {
    position: relative;
    z-index: 10;
    padding: calc(var(--spacing) * 8);
    text-align: center;
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 12);
    }
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .j6badecZ {
    margin-bottom: calc(var(--spacing) * 12);
    width: 100%;
    max-width: var(--container-2xl);
  }
  .nWB9V0Tl {
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .ai5CTixr {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .tLkMzPon {
    background-color: #fef3fd;
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 4);
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .hyLArahy {
    margin-inline: auto;
    max-width: var(--container-7xl);
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .n5pUJKs2 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .cB4gHUBl {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    opacity: 90%;
  }
  .u9lG54pc {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .l8KJ7YSU {
    width: 100%;
    max-width: var(--container-md);
    @media (width >= 64rem) {
      text-align: right;
    }
  }
  .p8QLMs8r {
    margin-top: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-500);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .cNVkT6Bs {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  .idyecrcK {
    border-radius: calc(2 * 3px);
    background-color: #9a4499;
    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-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);
      }
    }
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .uSeDNNX2 {
    margin: 0;
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 4);
    padding: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .h3vGLNCm {
    --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);
    }
  }
  .guzPjRxV {
    margin-bottom: calc(var(--spacing) * 12);
    overflow: hidden;
    border-bottom-right-radius: calc(2 * 4px);
    border-bottom-left-radius: calc(2 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-color: #f5cbf3;
    &:is(.dark *) {
      border-color: #652964;
    }
  }
  .n4KdlZ1x {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .pOk9tshx {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .hEG7yqfj {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    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: #b75fb5;
    }
  }
  .qVTlWszH {
    display: inline-block;
    align-self: flex-start;
    border-radius: calc(2 * 2px);
    background-color: #9a4499;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-white);
    text-transform: lowercase;
    &:is(.dark *) {
      background-color: #d080ce;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .l4F31kAu {
    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);
  }
  .ttoufg0f {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(2 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: #80357f;
    }
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .yv6GfWrq {
    margin-bottom: calc(var(--spacing) * 12);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  .oOrVJ7GF {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .w5OmyGNx {
    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);
    }
  }
  .g3W9yTKA {
    height: auto;
    width: 100%;
    border-radius: calc(2 * 4px);
  }
  .dl3cH9kS {
    display: inline-flex;
    flex-direction: column;
  }
  .z7WRCttt {
    display: flex;
    height: 100%;
    rotate: 1deg;
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    flex-direction: column;
    border-radius: calc(2 * 5px);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #e7a8e5;
    background-color: #fef3fd;
    padding: 2rem;
    --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;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #652964 50%, transparent);
    }
  }
  .gSKe6ZMz {
    margin-bottom: calc(var(--spacing) * 12);
    max-width: var(--container-2xl);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .wMWwEByf {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .ucz2UG8u {
    height: calc(var(--spacing) * 2);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background-color: #f5cbf3;
    &:is(.dark *) {
      background-color: #9a4499;
    }
  }
  .bNWcvVTO {
    display: none;
    width: calc(5 / 12 * 100%);
    align-items: center;
    justify-content: flex-start;
    padding-left: 2rem;
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .ixL6cL79 {
    display: flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
  }
  .x9Roa9u4 {
    margin-top: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 0.5);
    width: calc(var(--spacing) * 16);
    background-color: #652964;
    &:is(.dark *) {
      background-color: #f5cbf3;
    }
  }
  .bUky9Iuf {
    position: absolute;
    inset-inline-end: calc(var(--spacing) * 4);
    top: calc(var(--spacing) * 4);
    display: inline-block;
    border-radius: calc(infinity * 1px);
    background-color: #038149;
    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: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .iaTZHXje {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .abpzR64p {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 8);
    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: #331332;
    }
  }
  .qoSJ2NGM {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-5xl);
  }
  .qHAfY5Pw {
    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);
    }
  }
  .as2J3iOP {
    position: absolute;
    right: 0;
    bottom: 0;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    border-right-style: var(--tw-border-style);
    border-right-width: 4px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
    border-color: #e7a8e5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .uBZjFJvs {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .qAtqDRqB {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .xg58CT94 {
    margin: 0;
    overflow: hidden;
    border-radius: calc(2 * 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);
  }
  .c83APddY {
    position: absolute;
    top: 0;
    right: 0;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
    border-right-style: var(--tw-border-style);
    border-right-width: 4px;
    border-color: #e7a8e5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .hAB2hn6i {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .gM2ZNIpE {
    margin-top: calc(var(--spacing) * 8);
    border-radius: calc(2 * 3px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #e7a8e5;
    background-color: #fef3fd;
    padding: calc(var(--spacing) * 6);
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .b9zVguZF {
    min-width: 6rem;
    flex: 1;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #f5cbf3;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: var(--spacing);
    text-align: start;
    font-family: var(--font-mono);
    font-size: 0.55rem;
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
    color: #e7a8e5;
    text-transform: uppercase;
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: transparent;
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: #9a4499;
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
    @media (width >= 64rem) {
      min-width: 0;
    }
    @media (width >= 64rem) {
      flex: none;
    }
    &:is(.dark *) {
      border-color: #652964;
    }
    &:is(.dark *) {
      color: #b75fb5;
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #b75fb5;
        }
      }
    }
    &.lcars-nav-active {
      border-color: transparent;
    }
    &.lcars-nav-active {
      background-color: #9a4499;
    }
    &.lcars-nav-active {
      color: var(--color-white);
    }
    &:is(.dark *) {
      &.lcars-nav-active {
        background-color: #b75fb5;
      }
    }
    &:is(.dark *) {
      &.lcars-nav-active {
        color: var(--color-white);
      }
    }
  }
  .cuMvxZAG {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: calc(var(--spacing) * 8);
  }
  .n1QyJNZr {
    position: relative;
    border-radius: calc(2 * 4px);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #e7a8e5;
    background-color: #fef3fd;
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #652964 50%, transparent);
    }
  }
  .mtwGzvGE {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #e7a8e5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .mjzZJEcQ {
    padding-left: calc(var(--spacing) * 8);
  }
  .ki28gcUb {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .g5gKnAaw {
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .qXuLg5XO {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-700);
    text-transform: uppercase;
    font-style: normal;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .aIScVPe6 {
    position: absolute;
    inset: 0;
    border-radius: calc(2 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      border-color: #80357f;
    }
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .bRAYBhAZ {
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding-block: calc(var(--spacing) * 0.5);
    text-align: left;
    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: 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-900);
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-slate-100);
        }
      }
    }
  }
  .ybOAY3ep {
    position: relative;
    margin-inline: auto;
    max-width: var(--container-4xl);
    padding-left: var(--spacing);
  }
  .cEDUCnBC {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .bYnFARfK {
    background-color: #9a4499;
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .zobC16rb {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(infinity * 1px);
    background-color: #fef3fd;
    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: color-mix(in oklab, #652964 50%, transparent);
    }
  }
  .xznEtsUD {
    margin: 0;
  }
  .kUEVe5oi {
    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-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .cpHzBiOC {
    margin-inline: auto;
    max-width: var(--container-2xl);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .khwX7wO6 {
    display: flex;
    flex-direction: column;
  }
  .bY9DCmgF {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .ac1ni6Mu {
    display: flex;
    height: 100%;
    rotate: -1deg;
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    flex-direction: column;
    border-radius: calc(2 * 3px);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #e7a8e5;
    background-color: #fef3fd;
    padding: 2rem;
    --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;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #652964 50%, transparent);
    }
  }
  .uejEhWUi {
    margin-bottom: calc(var(--spacing) * 6);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #e7a8e5;
    padding-left: calc(var(--spacing) * 5);
  }
  .mRB3FI77 {
    height: 1px;
    background-color: #f5cbf3;
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .u5QNHPZd {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .sYIdBz8I {
    margin-top: calc(var(--spacing) * 4);
    font-family: var(--font-mono);
    color: var(--color-slate-400);
    &:is(.dark *) {
      color: var(--color-slate-500);
    }
  }
  .cJ5nPWBS {
    display: flex;
    height: 100%;
    rotate: 0deg;
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    flex-direction: column;
    border-radius: calc(2 * 4px);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #e7a8e5;
    background-color: #fef3fd;
    padding: 2rem;
    --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;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #652964 50%, transparent);
    }
  }
  .pUF0sBTs {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .wWGyPTIj {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-green-400);
  }
  .okiYPt3g {
    color: #b75fb5;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .iuusm82Y {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    text-align: left;
  }
  .rLCA0FuT {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .pXbsUUu2 {
    position: absolute;
    right: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 4);
    z-index: 0;
    height: calc(var(--spacing) * 24);
    width: calc(var(--spacing) * 24);
    color: #e7a8e5;
    &:is(.dark *) {
      color: #80357f;
    }
  }
  .pLQLTl6n {
    text-align: center;
  }
  .a6rN6Ebq {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  .k88goA2c {
    margin-bottom: calc(var(--spacing) * 4);
    color: #fce4fb;
  }
  .jojVm2bo {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .lAuhRXAJ {
    margin-bottom: var(--spacing);
    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);
    }
  }
  .xAucLm6H {
    position: relative;
    z-index: 10;
  }
  .ys23X9jW {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .ifp7LIO6 {
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 2 * 100%);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 45deg;
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #b75fb5 10%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #e7a8e5 10%, transparent);
    }
  }
  .zkiBSNlZ {
    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);
  }
  .iXbj4hhh {
    min-width: 0;
  }
  .yghKLpMY {
    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);
  }
  .fdIcFlFY {
    margin-inline: auto;
    max-width: var(--container-3xl);
  }
  .rA26S926 {
    margin-inline: auto;
    max-width: var(--container-2xl);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .vCjz7RDS {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .gCi1AMKH {
    border-radius: calc(2 * 4px);
    background-color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
    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);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #331332 30%, transparent);
    }
  }
  .jPeXnHRb {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .qKfs6k6n {
    margin-left: calc(var(--spacing) * 4);
    text-align: right;
  }
  .vIAHZZvv {
    width: 100%;
    accent-color: #9a4499;
    &:is(.dark *) {
      accent-color: #d080ce;
    }
  }
  .pISGnH9z {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .elmHmguE {
    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) * 6);
  }
  .izh8O1gv {
    margin: 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: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .k9iK7tQ0 {
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .gb5tCWlb {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #9a4499;
    &:is(.dark *) {
      color: #e7a8e5;
    }
  }
  .p0ZgxoXe {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    border-top-left-radius: calc(2 * 3px);
    border-top-right-radius: calc(2 * 3px);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --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,);
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 4);
    }
    @media (width >= 40rem) {
      bottom: calc(var(--spacing) * 4);
    }
    @media (width >= 40rem) {
      left: auto;
    }
    @media (width >= 40rem) {
      max-width: var(--container-md);
    }
    @media (width >= 40rem) {
      border-radius: calc(2 * 3px);
    }
    @media (width >= 40rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: var(--color-slate-900);
    }
  }
  .l9Aa7B0K {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rB8SDdE7 {
    position: relative;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .tyMiPn9x {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 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-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .hFOrIVAd {
    position: relative;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .gndNDTiZ {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(2 * 2px);
    background-color: #038149;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: #07693b;
      }
    }
    &: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: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #87d6a3;
        }
      }
    }
  }
  .bhCzFXUN {
    position: absolute;
    top: calc(var(--spacing) * -2);
    left: calc(var(--spacing) * -2);
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #e7a8e5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .xOZKr777 {
    margin-inline: auto;
    max-width: var(--container-xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .l78g8Psz {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 0px;
    border-color: #e7a8e5;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: #80357f;
    }
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .z6YOfT23 {
    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);
    }
  }
  .na7DB7zu {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(2 * 3px);
    background-color: #038149;
    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: #07693b;
      }
    }
    &: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: #4eba7b;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #87d6a3;
        }
      }
    }
  }
  .lS9wB8FN {
    margin: 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-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .cj07wiSP {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .mer9VWdA {
    position: relative;
    z-index: 10;
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 12);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .ro9FNlP2 {
    max-width: var(--container-xl);
    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);
    }
  }
  .bFlNlLfB {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    color: var(--color-slate-400);
    &:is(.dark *) {
      color: var(--color-slate-600);
    }
  }
  .tns5e44U {
    display: flex;
    align-items: center;
    gap: var(--spacing);
  }
  .z5uBw8NX {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    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);
    }
  }
  .lKOIDYLw {
    margin-inline-end: var(--spacing);
    font-size: 0.65rem;
    color: #b75fb5;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #d080ce;
    }
  }
  .aUBtbmBY {
    margin-bottom: calc(var(--spacing) * 8);
    max-width: var(--container-4xl);
    text-align: center;
  }
  .epeceWNE {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-slate-400);
    padding-left: calc(var(--spacing) * 8);
    color: var(--color-slate-700);
    font-style: italic;
    &:is(.dark *) {
      border-color: var(--color-slate-500);
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .dhhZ2Usm {
    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);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-600);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .rQkdPDRu {
    margin-bottom: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .gXq3zsX2 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .oP6lgCcs {
    margin-bottom: calc(var(--spacing) * 8);
    font-family: Lato, sans-serif;
    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);
    }
  }
  .w5jvtTFu {
    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);
    }
  }
  .hEqRrD3E {
    margin-bottom: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #e7a8e5;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #b75fb5;
    }
  }
  .pg5LkLcd {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .dc02YnXq {
    position: relative;
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    background-color: #fef3fd;
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #331332 90%, transparent);
    }
  }
  .gB7QigfY {
    width: 100%;
    border-radius: calc(2 * 2px);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #9a4499;
    --tw-gradient-to: #80357f;
    --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-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.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);
    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) {
        --tw-gradient-from: #80357f;
        --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));
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-gradient-to: #652964;
        --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));
      }
    }
    &: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: #e7a8e5;
    }
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3);
    }
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    &:is(.dark *) {
      --tw-gradient-from: #b75fb5;
      --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: #9a4499;
      --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 *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-from: #9a4499;
          --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 *) {
      &:hover {
        @media (hover: hover) {
          --tw-gradient-to: #80357f;
          --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 *) {
      &:focus {
        --tw-ring-color: #9a4499;
      }
    }
    &:is(.dark *) {
      &:focus {
        --tw-ring-offset-color: var(--color-slate-900);
      }
    }
  }
  .niIhtw4D {
    margin-bottom: var(--spacing);
    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-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) * 2);
    }
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .zckIoxTg {
    margin-bottom: calc(var(--spacing) * 10);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .mX3ri1Bf {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(2 * 5px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: calc(var(--spacing) * 6);
    text-align: left;
  }
  .zQMy5Mjk {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    color: var(--color-white);
  }
  .fpM6f1wv {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: calc(2 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .mYbN6AFf {
    overflow: hidden;
    border-radius: calc(2 * 3px);
    background-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);
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-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: #4e214d;
    }
  }
  .pDygc6TH {
    display: block;
    width: 100%;
    background-color: #9a4499;
    &:is(.dark *) {
      background-color: #e7a8e5;
    }
  }
  .riWVp2Vo {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
    @media (width >= 40rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .vZS5oHqC {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .us4ya9hS {
    position: relative;
    width: 100%;
    @media (width >= 40rem) {
      width: calc(50% - 0.5rem);
    }
    @media (width >= 64rem) {
      width: calc(33.333% - 1rem);
    }
  }
  .iLSlcwKF {
    position: absolute;
    right: calc(var(--spacing) * -1);
    bottom: calc(var(--spacing) * -1);
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #e7a8e5;
    background-color: #f5cbf3;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .zLE3KyYH {
    :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-left: calc(var(--spacing) * 8);
  }
  .pGWenKxb {
    position: relative;
    margin-inline: auto;
    display: flex;
    width: 100%;
    max-width: var(--container-5xl);
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 16);
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 12);
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .ktycisXU {
    position: absolute;
    top: calc(1 / 2 * 100%);
    right: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    rotate: 12deg;
    animation: var(--animate-spin);
    border-radius: calc(2 * 2px);
    background-color: #9a4499;
    opacity: 15%;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .zCnKeO7e {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #e7a8e5;
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .lzpRZYhT {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .vWtUwrao {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #e7a8e5;
    &:is(.dark *) {
      color: #b75fb5;
    }
  }
  .wrt6xfTL {
    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);
    @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);
    }
  }
  .aHTs5OQY {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --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);
    }
  }
  .jxdJaSW1 {
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: 0;
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .cPPJnTBZ {
    margin-bottom: var(--spacing);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    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);
    }
  }
  .dQX2BJgE {
    position: relative;
    background-color: #fef3fd;
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #331332 90%, transparent);
    }
  }
  .jDfyu2CY {
    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);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .t4MjiLO2 {
    margin-inline: calc(var(--spacing) * 8);
    margin-top: calc(var(--spacing) * 2);
    margin-bottom: calc(var(--spacing) * 4);
  }
  .tj6q1t0h {
    overflow: hidden;
    border-radius: calc(2 * 5px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-100);
    background-color: #fef3fd;
    --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: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #652964 50%, transparent);
    }
  }
  .bF1lyhYG {
    border-radius: calc(2 * 4px);
    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: #652964;
    }
  }
  .cPxSBJrv {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    @media (width >= 64rem) {
      align-items: flex-start;
    }
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .kcTVqkGG {
    margin-bottom: calc(var(--spacing) * 3);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .mD6Edh3I {
    position: relative;
    border-radius: calc(2 * 4px);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #e7a8e5;
    background-color: #fef3fd;
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #652964 50%, transparent);
    }
  }
  .jM4sH6G9 {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
  }
  .mAunfEgv {
    border-radius: calc(2 * 0.5px);
    background-color: #652964;
    &:is(.dark *) {
      background-color: #f5cbf3;
    }
  }
  .uwuWFw3z {
    display: flex;
    flex-direction: column;
  }
  .i2EwckDS {
    position: absolute;
    right: calc(1 / 4 * 100%);
    bottom: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #b75fb5 10%, transparent);
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .m2igzySB {
    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);
    }
  }
  .yXrrKKrp {
    font-size: 0.65rem;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-white);
    text-transform: uppercase;
  }
  .vvBI4WfM {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-color: #9a4499;
    background-color: #fef3fd;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
    &:is(.dark *) {
      background-color: #4e214d;
    }
  }
  .p7LKbt5r {
    position: relative;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .yVe3tg1J {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #9a4499;
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .gic90EvL {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
  }
  .yGQ3Tgmf {
    margin-bottom: calc(var(--spacing) * 12);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .nUQgaB5C {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background-color: #9a4499;
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #d080ce;
    }
  }
  .bZs1oLP4 {
    display: inline-block;
    border-radius: calc(2 * 1px);
    background-color: var(--color-amber-100);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-amber-900);
  }
  .sY1EpUr7 {
    position: absolute;
    inset: 0;
  }
  .c8thD9rv {
    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);
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .cgIjiAOY {
    position: absolute;
    bottom: calc(var(--spacing) * -2);
    left: 0;
    height: var(--spacing);
    width: calc(var(--spacing) * 12);
    border-radius: calc(2 * 1px);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #9a4499;
    --tw-gradient-to: #b75fb5;
    --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));
  }
  .vNShNgMm {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 8);
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .aPDyiHTW {
    position: absolute;
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(2 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #d080ce;
    background-color: #652964;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    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);
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .fG2x5A91 {
    flex: 1;
    :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)));
    }
  }
  .dJYhvG57 {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .x6LesEnW {
    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);
    @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);
    }
  }
  .eBOc7oBQ {
    position: relative;
  }
  .x1SRUJfA {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
  }
  .x3no1azZ {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }
  .prCOD3FK {
    position: absolute;
    right: 0;
    bottom: 0;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    border-right-style: var(--tw-border-style);
    border-right-width: 4px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
    border-color: #e7a8e5;
    &:is(.dark *) {
      border-color: #b75fb5;
    }
  }
  .gC5C3iB9 {
    width: 100%;
    max-width: var(--container-5xl);
  }
  .x4ntaaBd {
    color: var(--color-slate-500);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .zR3SieIR {
    margin-bottom: 0;
    display: flex;
    gap: 0;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    border-color: #f5cbf3;
    background-color: var(--color-white);
    &:is(.dark *) {
      border-color: #652964;
    }
    &:is(.dark *) {
      background-color: #652964;
    }
  }
  .hXMvw5Cr {
    --tw-font-weight: var(--font-weight-thin);
    font-weight: var(--font-weight-thin);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .v1LxXTDo {
    position: relative;
    display: flex;
    min-height: 100vh;
    align-items: center;
    overflow: hidden;
    background-color: var(--color-white);
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .xzcQz7Dp {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: #331332;
    }
  }
  .vJgrxCRq {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(var(--spacing) * 6);
    row-gap: calc(var(--spacing) * 2);
    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);
    }
  }
  .rDRKOTwI {
    margin-top: auto;
    display: block;
    width: 100%;
    border-radius: calc(2 * 2px);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    text-align: center;
    --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%;
      }
    }
  }
  .gAtbK80w {
    position: relative;
    margin: 0;
    margin-inline: auto;
    max-width: var(--container-5xl);
  }
  .fKIkM0wy {
    --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);
    }
  }
  .y2Zw0uCB {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .cp3PqGWV {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    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: #e7a8e5;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:hover {
      @media (hover: hover) {
        &:is(.dark *) {
          color: #b75fb5;
        }
      }
    }
  }
  .p2sF0CLK {
    text-align: center;
  }
  .bnG8Rjqw {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-600);
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .eLRyRH27 {
    border-radius: calc(2 * 5px);
    background-color: #fef3fd;
    padding: calc(var(--spacing) * 4);
    --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: 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 *) {
      background-color: color-mix(in oklab, #4e214d 50%, transparent);
    }
  }
  .f1H2nnzo {
    display: flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #9a4499;
    @media (width >= 40rem) {
      height: calc(var(--spacing) * 8);
    }
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      background-color: #b75fb5;
    }
  }
  .vs1afoYN {
    margin-bottom: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-300);
    padding-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .t5emjjdg {
    margin-top: calc(var(--spacing) * 4);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-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-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-ease {
  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-divide-y-reverse {
  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 spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounce {
  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);
  }
}
@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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-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-tracking: initial;
      --tw-duration: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-ease: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-divide-y-reverse: 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;
    }
  }
}

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

@media (min-width: 1280px) {
    .mobile-menu-break-xl {
        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; }

.privacy-optin__hull--glass {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    max-width: 28rem;
}

.privacy-optin__banner--initial {
    display: none;
    z-index: 1050;
}

.privacy-optin__icon-badge {
    width: 2rem;
    height: 2rem;
}

.privacy-optin__heading {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.privacy-optin__title-group {
    flex: 1 1 0%;
}

.privacy-optin__close-btn {
    transition: color 0.2s ease;
}

.privacy-optin__description {
    font-size: 0.75rem;
    line-height: 1.625;
}

.privacy-optin__item-title {
    font-size: 0.75rem;
    line-height: 1rem;
}

.privacy-optin__required-tag {
    font-size: 0.75rem;
}

.privacy-optin__item-desc {
    font-size: 0.75rem;
    line-height: 1.625;
}

.privacy-optin__footer-meta {
    font-size: 0.75rem;
    line-height: 1rem;
}

.privacy-optin__privacy-link {
    transition: color 0.2s ease;
}

.privacy-optin__prompt--glow,
.privacy-optin__control--glow {
    border-radius: 0.5rem;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.privacy-optin__prompt--glow:hover,
.privacy-optin__control--glow:hover {
    transform: scale(1.05);
}

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

.hero-v27-block {
    max-width: 48rem;
}

.hero-v27-media {
    max-width: 64rem;
}

.hero-v27-glow {
    top: -1rem;
    left: 4rem;
    right: 4rem;
    height: 6rem;
    filter: blur(48px);
}

/* -- 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);
}
.services-split__serif,
[data-serif] {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.services-split__body {
    min-width: 0;
}

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

[data-split-row]:last-child .services-split__body {
    padding-bottom: 0;
}

/* Вертикальний таймлайн — позиція рейки та вузлів */
.services__rail {
  position: absolute;
  left: 1.3rem;
  top: 0.75rem;
  bottom: 0.75rem;
  width: 2px;
  background-color: var(--bs-border-color, #dee2e6);
  border-radius: 1px;
}

.dark .services__rail {
  background-color: rgba(148, 163, 184, 0.45);
}

.services__node {
  position: relative;
  padding-left: 3.5rem;
  padding-bottom: 1.5rem;
}

.services__node:last-child {
  padding-bottom: 0;
}

@media (max-width: 575.98px) {
  .services__node {
    padding-left: 3.25rem;
  }

  .services__rail {
    left: 1.4rem;
  }
}

.services__badge {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

/* advantages reveal — chevron toggle button reset + rotation + decor orb (layout/motion only, no colors) */

.advantages-reveal__orb {
    width: 20rem;
    height: 20rem;
    bottom: -6rem;
    right: -6rem;
}

.advantages-reveal__trigger {
    cursor: pointer;
}

.advantages-reveal__chevron {
    transition: transform 0.25s ease;
}

.advantages-reveal__trigger.is-open .advantages-reveal__chevron {
    transform: rotate(180deg);
}


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

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

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

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

.hero-v17-blob-center {
    width: 600px;
    height: 600px;
    animation-duration: 4s;
}

.hero-v17-blob-a {
    animation-duration: 5s;
    animation-delay: 1s;
}

.hero-v17-blob-b {
    animation-duration: 6s;
    animation-delay: 2s;
}

.hero-v17-particle-a {
    animation-duration: 3s;
}

.hero-v17-particle-b {
    animation-duration: 4s;
    animation-delay: 0.5s;
}

.hero-v17-particle-c {
    animation-duration: 3.5s;
    animation-delay: 1s;
}

.hero-v17-particle-d {
    animation-duration: 4.5s;
    animation-delay: 1.5s;
}

.hero-v17-particle-e {
    animation-duration: 3.8s;
    animation-delay: 2s;
}

.hero-v17-particle-f {
    animation-duration: 4.2s;
    animation-delay: 2.5s;
}

.hero-v17-shape-spin {
    animation-duration: 20s;
}

.hero-v17-shape-ping {
    animation-duration: 3s;
    animation-delay: 1s;
}

.hero-v17-shape-reverse {
    animation-duration: 15s;
    animation-direction: reverse;
}

.hero-v17-line-left {
    animation-duration: 2s;
    height: 8rem;
    left: 25%;
}

.hero-v17-line-right {
    animation-duration: 2.5s;
    animation-delay: 0.5s;
    height: 8rem;
    right: 25%;
}

.hero-v17-dot {
    width: 0.5rem;
    height: 0.5rem;
}

.hero-v17-block-md {
    max-width: 56rem;
}

.hero-v17-media-wrap {
    max-width: 42rem;
}

.hero-v17-decor-tr {
    top: -0.75rem;
    right: -0.75rem;
    width: 5rem;
    height: 5rem;
}

.hero-v17-decor-bl {
    bottom: -0.75rem;
    left: -0.75rem;
    width: 4rem;
    height: 4rem;
}

.hero-v17-features-area {
    max-width: 64rem;
}

.hero-v17-icon-box {
    min-width: 1.5rem;
    min-height: 1.5rem;
}

/* -- 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);
}
.tour-panel-hover {
    transition: box-shadow 0.2s ease;
}

.tour-panel-hover:hover {
    box-shadow: var(--bs-box-shadow);
}

details[open] .tour-open-icon {
    transform: scale(1.05);
}

details[open] .tour-chevron {
    transform: rotate(180deg);
}

.tour-open-icon,
.tour-chevron {
    transition: transform 0.3s ease;
}

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

@media (min-width: 1024px) {
    .badge-tower-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Badge anchor: stable vertical offset (bs had top-0; tw -top-8 was too low vs 5rem circle) */
.philosophy-v3-badge-decor {
    top: -4.25rem;
}

.philosophy-large-badge {
    width: 5rem;
    height: 5rem;
}

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

.lineup-circle-hero__portrait {
    width: 12rem;
    height: 12rem;
}

.lineup-circle-hero__min-shrink {
  min-width: 0;
}


.nudge-beacon__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

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

.nudge-beacon__cards-bs {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
}

.nudge-beacon__cards-bs > div {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .nudge-beacon__cards-bs > div {
        flex: 1 1 calc((100% - 4rem) / 3);
        max-width: calc((100% - 4rem) / 3);
    }
}

/* v19 — Minimal Wizard: scale-in steps, bar fill, dot transitions */

.compact-pips-flow__pane {
    animation: compact-pips-flow-pane-scale-kf 0.38s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes compact-pips-flow-pane-scale-kf {
    from { opacity: 0; transform: scale(0.95) translateY(8px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}

/* Dot pill transition */
.compact-pips-flow__pip {
    transition:
        width 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
        background-color 0.3s ease;
    height: 0.5rem;
    border-radius: 9999px;
}

.compact-pips-flow__pip--todo {
    width: 0.5rem;
}

.compact-pips-flow__pip--done {
    width: 0.5rem;
    background-color: var(--color-primary-500, #6366f1);
}

.compact-pips-flow__pip--active {
    width: 1.5rem;
    background-color: var(--color-primary-500, #6366f1);
}

/* Progress bar */
.compact-pips-flow__meter {
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Back button: flex centering */
.compact-pips-flow__retreat {
    display: none;
    align-items: center;
    justify-content: center;
}
.compact-pips-flow__retreat:not([hidden]) {
    display: flex;
}

/* Responsive: tighten padding on small screens */
@media (max-width: 480px) {
    .compact-pips-flow form {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1.5rem;
    }
}

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

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

/* contact-editorial — dt label width responsive (TW md:w-40 has no BS flex util) */
@media (min-width: 768px) {
    .contact-editorial__dt {
        width: 10rem;
        flex-shrink: 0;
    }
}

/* contact-editorial — decorative background symbol (inherited text color + opacity) */
.contact-editorial__decor::before {
    content: '@';
    font-size: 40vw;
    font-weight: 900;
    opacity: 0.04;
    position: absolute;
    top: -10%;
    right: -5%;
    line-height: 1;
    pointer-events: none;
    user-select: none;
}

.cookie-policy-chat-wrap {
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}
.chat-bubble-user {
  border-radius: 1.25rem 1.25rem 0.25rem 1.25rem;
}
.chat-bubble-system {
  border-radius: 1.25rem 1.25rem 1.25rem 0.25rem;
}
.chat-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@keyframes chatAppear {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
.chat-pair {
  animation: chatAppear 0.35s ease both;
}
.chat-pair:nth-child(1) { animation-delay: 0s; }
.chat-pair:nth-child(2) { animation-delay: 0.08s; }
.chat-pair:nth-child(3) { animation-delay: 0.16s; }
.chat-pair:nth-child(4) { animation-delay: 0.24s; }
.chat-pair:nth-child(5) { animation-delay: 0.32s; }
.chat-pair:nth-child(6) { animation-delay: 0.40s; }
.chat-pair:nth-child(7) { animation-delay: 0.48s; }
.chat-pair:nth-child(8) { animation-delay: 0.56s; }
.cookie-policy-chat-dot {
  width: 0.75rem;
  height: 0.75rem;
}
.cookie-policy-chat-xs {
  font-size: 0.65rem;
}
.cookie-policy-chat-sm {
  font-size: 0.875rem;
}
.cookie-policy-chat-user {
  max-width: 20rem;
}
.cookie-policy-chat-system {
  max-width: 24rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -- 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);
}
/* whyus v19 — fluid clamp() heading (Tailwind has no bare clamp() utility) */
.whyus-glitch-stack__heading {
    font-size: clamp(1.75rem, 1.3rem + 1.8vw, 3rem);
    font-weight: 900;
    line-height: 1.1;
}

/* Geometry shared by both CSS frameworks (Bootstrap has no utilities for it) */
.mxw-3xl {
    max-width: 48rem !important;
}

.whyus-glitch-stack__head,
.whyus-glitch-stack__media {
    margin: 0 0 2.5rem;
}

.whyus-glitch-stack__media-img {
    height: 16rem;
}

.whyus-glitch-stack__card--offset {
    margin-top: 2.5rem;
}

.whyus-glitch-stack__card-title {
    font-size: 1.125rem;
}

/* sticky reading-progress bar — JS sets --wpg-progress (0..1), CSS turns it into a scaleX */
.whyus-glitch-stack__progress {
    height: 0.25rem;
    overflow: hidden;
}

.whyus-glitch-stack__progress-fill {
    transform: scaleX(var(--wpg-progress, 0));
    transform-origin: left center;
    will-change: transform;
}

/* responsive art-direction crop for the section hero image (BS has no object-fit util) */
.whyus-glitch-stack__media-img {
    object-fit: cover;
    object-position: center;
}

@media (min-width: 768px) {
    .whyus-glitch-stack__media-img {
        height: 20rem;
        object-position: center 35%;
    }
}

/* scale-up-on-load reveal, staggered per card by JS (IntersectionObserver adds is-visible) */
.whyus-glitch-stack__reveal {
    opacity: 0;
    transform: scale(0.92);
    transition: opacity 550ms ease, transform 550ms ease;
}

.whyus-glitch-stack__reveal.is-visible {
    opacity: 1;
    transform: scale(1);
}

/* cursor-follow spotlight — currentColor keeps this file color-free, opacity/lightness only */
.whyus-glitch-stack__card {
    isolation: isolate;
}

.whyus-glitch-stack__card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), currentColor, transparent 60%);
    opacity: 0;
    transition: opacity 200ms ease;
    pointer-events: none;
}

.whyus-glitch-stack__card:hover::after {
    opacity: 0.05;
}

/* cross-hatch corner marks — repeating-linear-gradient on currentColor, no hardcoded color */
.whyus-glitch-stack__hatch {
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
}

.whyus-glitch-stack__hatch::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient(45deg, currentColor 0 1px, transparent 1px 4px);
    opacity: 0.6;
}

.whyus-glitch-stack__hatch--tl {
    top: 0;
    inset-inline-start: 0;
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.whyus-glitch-stack__hatch--br {
    bottom: 0;
    inset-inline-end: 0;
    clip-path: polygon(100% 100%, 100% 0, 0 100%);
}

/* native details marker rotates open/closed instead of the UA default triangle */
.whyus-glitch-stack__summary {
    list-style: none;
    cursor: pointer;
}

.whyus-glitch-stack__summary::-webkit-details-marker {
    display: none;
}

.whyus-glitch-stack__chevron {
    transition: transform 200ms ease;
}

details[open] > .whyus-glitch-stack__summary .whyus-glitch-stack__chevron {
    transform: rotate(45deg);
}

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

/* Dot grid background */
.integrations__dot-grid {
    background-image: radial-gradient(circle, currentColor 1px, transparent 1px);
    background-size: 28px 28px;
    color: rgb(148 163 184 / 0.3);
}

/* v11 fixed sizes (Bootstrap branch; no colors) */
.integrations-v11__icon-tile {
    width: 3rem;
    height: 3rem;
}

.integrations-v11__center-dot {
    width: 1.25rem;
    height: 1.25rem;
    border: 4px solid var(--bs-body-bg);
}

.integrations-v11__step-dot {
    width: 0.5rem;
    height: 0.5rem;
}

.integrations-v11__card-col {
    width: 100%;
}

@media (min-width: 768px) {
    .integrations-v11__card-col {
        width: 41.666667%;
    }
}

.integrations-v11__dot-col {
    width: 16.666667%;
}

.integrations-v11__number {
    font-size: 3.75rem;
    line-height: 1;
    font-weight: 900;
    opacity: 0.25;
    user-select: none;
}

/* Hover effects moved out of the sem directive (custom classes, framework-independent) */
.integrations-v11__fx-card .integrations__icon-tile { transition: transform 0.3s ease; }
.integrations-v11__fx-card:hover .integrations__icon-tile { transform: scale(1.1); }
.integrations-v11__fx-card h3 { transition: color 0.3s ease; }
.integrations-v11__fx-card:hover h3 { color: var(--bs-primary, rgb(var(--tw-primary-400) / 1)); }
.dark .integrations-v11__fx-card:hover h3 { color: var(--bs-primary, rgb(var(--tw-primary-600) / 1)); }
@media (prefers-reduced-motion: reduce) {
    .integrations-v11__fx-card:hover .integrations__icon-tile { transform: none; }
}

/* cta v41 — nest calculator card: floating motion, stacked bars (no colors) */
.cta-nest__float { animation: cta-nest-float 7s ease-in-out infinite; }
.cta-nest__card { opacity: 0; transform: translateY(2rem) scale(.98); transition: opacity 700ms ease, transform 800ms cubic-bezier(.2, .8, .2, 1); }
.cta-nest__card.is-visible { opacity: 1; transform: none; }
.cta-nest__icon { width: 3rem; height: 3rem; }
.cta-nest__micro { font-size: .75rem; line-height: 1.15rem; }
.cta-nest__info { margin-top: .2rem; }
.cta-nest__range { cursor: pointer; }
.cta-nest__dot { display: inline-block; width: .625rem; height: .625rem; }

.cta-nest__chart { height: 10rem; }
.cta-nest__stack { height: 4%; min-height: .375rem; transition: height 600ms cubic-bezier(.2, .8, .2, 1); }
.cta-nest__seg { flex: 0 0 auto; height: 0; transition: height 600ms cubic-bezier(.2, .8, .2, 1); }

@keyframes cta-nest-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -.5rem; } }

@media (prefers-reduced-motion: reduce) {
    .cta-nest__float { animation: none; }
    .cta-nest__card { opacity: 1; transform: none; transition: none; }
    .cta-nest__stack, .cta-nest__seg { transition: none; }
}

.cta-nest__chart > * { min-width: 0; flex-basis: 0; }
/* phones: only every other period label fits under the columns */
@media (max-width: 767.98px) {
    .cta-nest__chart > :nth-child(even) [data-year] { visibility: hidden; }
}
/* card captions stay small in both frameworks; period labels never wrap under narrow columns, the badge never pushes the total out */
.cta-nest__card .cta-nest__micro { font-size: .75rem !important; line-height: 1.15rem !important; }
.cta-nest__chart [data-year] { white-space: nowrap; font-size: .6875rem !important; text-align: center; }
.cta-nest__card .cta-nest__micro:not([data-year]) { min-width: 0; overflow-wrap: anywhere; }
.cta-nest :has(> [data-total]) + .cta-nest__micro { max-width: 50%; }
.cta-nest :has(> [data-total]) { min-width: 0; }

/* wpg-hidden: utility classes are renamed in production builds, so hidden states must not rely on .hidden / .d-none alone */
.cta-nest[hidden], .cta-nest [hidden], .cta-nest .hidden.d-none { display: none !important; }
.cta-nest output[data-total] { font-size: clamp(1.5rem, 1.1rem + 1.5vw, 2.25rem) !important; overflow-wrap: anywhere; }
.cta-nest :has(> output[data-total]) > :first-child { overflow-wrap: anywhere; }

.hero-v25-list {
    --bs-gutter-y: 0.5rem;
}

.hero-v25-icon {
    width: 2.25rem;
    height: 2.25rem;
}

.hero-v25-blur {
    transform: scale(0.9);
    filter: blur(64px);
}

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

.hero-v25-span {
    grid-row: span 2 / span 2;
}

/* -- 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);
}
/* benefits sentinel — tabs + monitor board, layout/motion only (no colors) */
.benefits-sentinel__kicker { letter-spacing: .08em; }
.benefits-sentinel__live { display: inline-block; width: .5rem; height: .5rem; animation: benefits-sentinel-blink 1.6s ease-in-out infinite; }

.benefits-sentinel__tab { appearance: none; -webkit-appearance: none; font: inherit; cursor: pointer; outline-offset: 2px; }
.benefits-sentinel__fill { opacity: 0; transform: scale(.97); transition: opacity 300ms ease, transform 300ms ease; }
.benefits-sentinel__tab:hover .benefits-sentinel__fill { opacity: .5; transform: none; }
.benefits-sentinel__tab.is-active .benefits-sentinel__fill { opacity: 1; transform: none; }
.benefits-sentinel__bar {
    top: 1rem;
    bottom: 1rem;
    left: 0;
    width: .25rem;
    transform: scaleY(0);
    transition: transform 350ms ease;
}
.benefits-sentinel__tab.is-active .benefits-sentinel__bar { transform: scaleY(1); }
.benefits-sentinel__ico { width: 2.75rem; height: 2.75rem; transition: transform 300ms ease; }
.benefits-sentinel__tab.is-active .benefits-sentinel__ico { transform: scale(1.08); }

.benefits-sentinel__chip { width: 2.75rem; height: 2.75rem; }
.benefits-sentinel__board { min-height: 100%; }
.benefits-sentinel__pane.is-entering { animation: benefits-sentinel-enter 450ms ease both; }

.benefits-sentinel__chart { height: 9rem; }
.benefits-sentinel__chart svg { display: block; width: 100%; height: 100%; overflow: visible; }
.benefits-sentinel__chart [data-line] { stroke-dasharray: 1; stroke-dashoffset: 1; }
.benefits-sentinel__chart.is-drawn [data-line] { stroke-dashoffset: 0; transition: stroke-dashoffset 1200ms ease; }
.benefits-sentinel__chart [data-area] { opacity: 0; }
.benefits-sentinel__chart.is-drawn [data-area] { opacity: 1; transition: opacity 900ms ease 500ms; }
.benefits-sentinel__chart [data-grid] line { stroke-dasharray: 3 5; opacity: .25; }
.benefits-sentinel__pt {
    position: absolute;
    width: .75rem;
    height: .75rem;
    margin: -.375rem 0 0 -.375rem;
    transform: scale(0);
    transition: transform 300ms cubic-bezier(.5, 1.8, .5, 1);
}
.benefits-sentinel__chart.is-drawn .benefits-sentinel__pt { transform: scale(1); }
.benefits-sentinel__pt--last::after {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 999px;
    border: 2px solid;
    animation: benefits-sentinel-beacon 2s ease-out 1.6s infinite;
}
.benefits-sentinel__axis { font-size: .75rem; line-height: 1rem; }
.benefits-sentinel__axis > span { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.benefits-sentinel__axis > span:first-child { text-align: left; }
.benefits-sentinel__axis > span:last-child { text-align: right; }
@media (max-width: 575.98px) { .benefits-sentinel__axis > span:nth-child(even):not(:last-child) { visibility: hidden; } }
.benefits-sentinel__event > :last-child { max-width: 45%; min-width: 0; white-space: normal; overflow-wrap: anywhere; line-height: 1.2; }

.benefits-sentinel__dot { width: 2.25rem; height: 2.25rem; }
.benefits-sentinel__body { min-width: 0; }
.benefits-sentinel__event { opacity: 0; transform: translateY(.75rem); transition: opacity 400ms ease, transform 400ms ease; }
.benefits-sentinel__event.is-in { opacity: 1; transform: none; }
.benefits-sentinel__event.is-new { animation: benefits-sentinel-flash 900ms ease; }

@keyframes benefits-sentinel-blink { 0%, 100% { opacity: 1; } 50% { opacity: .3; } }
@keyframes benefits-sentinel-enter { from { opacity: 0; transform: translateY(.75rem); } to { opacity: 1; transform: none; } }
@keyframes benefits-sentinel-beacon { 0% { transform: scale(1); opacity: .8; } 100% { transform: scale(2.8); opacity: 0; } }
@keyframes benefits-sentinel-flash { 0% { transform: translateY(-.75rem) scale(.98); opacity: 0; } 60% { transform: scale(1.01); opacity: 1; } 100% { transform: none; } }

@media (prefers-reduced-motion: reduce) {
    .benefits-sentinel__live, .benefits-sentinel__pt--last::after, .benefits-sentinel__pane.is-entering, .benefits-sentinel__event.is-new { animation: none; }
    .benefits-sentinel__event { opacity: 1; transform: none; transition: none; }
    .benefits-sentinel__chart [data-line] { stroke-dashoffset: 0; }
    .benefits-sentinel__chart [data-area] { opacity: 1; }
    .benefits-sentinel__pt { transform: scale(1); transition: none; }
}

/* wpg-hidden: utility classes are renamed in production builds, so hidden states must not rely on .hidden / .d-none alone */
.benefits-sentinel[hidden], .benefits-sentinel [hidden], .benefits-sentinel .hidden.d-none { display: none !important; }
.benefits-sentinel__body > * { min-width: 0; overflow-wrap: anywhere; }

/* features ticker — middot separator between inline items (layout only, no colors) */
.features-strip__item:not(:first-child)::before {
    content: "\2022";
    padding-inline-end: 0.5rem;
    opacity: 0.4;
}

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

[data-accordion-toggle] {
    list-style: none;
}
[data-accordion-toggle]::-webkit-details-marker {
    display: none;
}

.services-accordion__chevron {
    transition: transform 200ms ease;
}
[data-accordion-item][open] .services-accordion__chevron {
    transform: rotate(180deg);
}

.header-ui__box-10 {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    flex-shrink: 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;
    }
}

/* Лише 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__bg {
    background-image: radial-gradient(circle, rgba(148,163,184,0.15) 1px, transparent 1px);
    background-size: 24px 24px;
}

.socialproof__bar {
    height: 4px;
    border-radius: 2px;
    background: linear-gradient(to right, var(--color-primary-500, #6366f1), var(--color-primary-300, #a5b4fc));
    width: 0%;
    transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.socialproof__bar.animated {
    width: var(--bar-width);
}

.socialproof__counter {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
}

.faq-tiles__toggle, .faq-tiles__all { appearance: none; -webkit-appearance: none; font: inherit; cursor: pointer; }
.faq-tiles__toggle { outline-offset: -2px; }
.faq-tiles__icon { width: 3rem; height: 3rem; }
.faq-tiles__chev { width: 2.25rem; height: 2.25rem; flex-shrink: 0; transition: transform 350ms cubic-bezier(.2, .8, .2, 1); }
.faq-tiles__card { transition: border-color 250ms ease, box-shadow 250ms ease, transform 250ms ease; }
.faq-tiles__card:hover { transform: translateY(-.25rem); }
.faq-tiles__card.is-open .faq-tiles__chev { transform: rotate(135deg); }

.faq-tiles__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 420ms cubic-bezier(.2, .8, .2, 1); }
.faq-tiles__card.is-open .faq-tiles__panel { grid-template-rows: 1fr; }
.faq-tiles__inner { overflow: hidden; min-height: 0; }
.faq-tiles__inner > * { opacity: 0; transition: opacity 300ms ease; }
.faq-tiles__card.is-open .faq-tiles__inner > * { opacity: 1; transition-delay: 120ms; }

.faq-tiles__all-icon { transition: transform 300ms ease; }
.faq-tiles__all[aria-pressed="true"] .faq-tiles__all-icon { transform: rotate(180deg); }

.faq-tiles__cell { opacity: 0; transform: translateY(1.25rem); transition: opacity 550ms ease, transform 550ms cubic-bezier(.2, .8, .2, 1); }
.faq-tiles__cell.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
    .faq-tiles__chev, .faq-tiles__card, .faq-tiles__panel, .faq-tiles__inner > *, .faq-tiles__all-icon, .faq-tiles__cell { transition: none; }
    .faq-tiles__card:hover { transform: none; }
    .faq-tiles__cell { opacity: 1; transform: none; }
}

.faq-tiles__intro { max-width: 42rem; min-width: 0; }

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

/* Production builds compile the sem classes after the utility layer, so the toggled border utilities cannot mark the open card; give it its own ring. */
.faq-tiles__card.is-open { outline: 2px solid; outline-offset: -2px; }


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

.lift-signup__inner {
    max-width: 56rem;
}

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

.lift-signup__action--lift:hover { transform: scale(1.05); transition: transform .2s ease; }

.lift-signup__button--lift:hover { transform: scale(1.05); transition: transform .2s ease; }

.lift-signup__story--lift:hover { transform: scale(1.05); transition: transform .2s ease; }

/* Bootstrap only (.w-100 on grid) — не перебивать TW display:grid */
.lift-signup__feature-grid-bs.w-100 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
}

.lift-signup__feature-grid-bs.w-100 > .lift-signup__story--lift {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

@media (min-width: 576px) {
    .lift-signup__feature-grid-bs.w-100:not(.lift-signup__feature-grid-bs--cols-1) > .lift-signup__story--lift {
        flex: 1 1 calc((100% - 1.5rem) / 2);
        max-width: calc((100% - 1.5rem) / 2);
        min-width: min(100%, 11rem);
    }
}

@media (min-width: 992px) {
    .lift-signup__feature-grid-bs.w-100.lift-signup__feature-grid-bs--cols-3 > .lift-signup__story--lift {
        flex: 1 1 calc((100% - 3rem) / 3);
        max-width: calc((100% - 3rem) / 3);
    }
}

.privacy-bordered-panel__heading-accent {
    bottom: -0.5rem;
    width: 3rem;
    height: 0.25rem;
}

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

.privacy-bordered-panel__hero-area {
    margin-bottom: 3rem;
}

.privacy-bordered-panel__content-section {
    margin-bottom: 3rem;
}

.privacy-bordered-panel__body-copy {
    margin-bottom: 2rem;
}

.privacy-bordered-panel__subsection {
    margin-bottom: 2rem;
}

.privacy-bordered-panel__callout-box {
    margin-bottom: 3rem;
}

.privacy-bordered-panel__rights-callout {
    margin-top: 2rem;
}

.privacy-bordered-panel__contact-cta {
    margin-bottom: 2rem;
}

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

/* Terms v30 - LCARS Star Trek HUD styles */

.lcars-blink {
    animation: lcars-pulse 2s ease-in-out infinite;
}

@keyframes lcars-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

.lcars-directive {
    position: relative;
    overflow: hidden;
}

.lcars-directive.lcars-active {
    transform: translateX(2px);
}

.lcars-nav-btn.lcars-nav-active {
    font-weight: 900;
    opacity: 0.9;
}

.lcars-directive.lcars-active::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: currentColor;
    opacity: 0.3;
    animation: lcars-scan 1.5s ease-in-out;
    pointer-events: none;
}

@keyframes lcars-scan {
    0% { top: 0; opacity: 0; }
    10% { opacity: 0.3; }
    90% { opacity: 0.3; }
    100% { top: 100%; opacity: 0; }
}

.lcars-title {
    animation: lcars-flicker 0.15s ease-in-out 0.3s 2 alternate;
}

@keyframes lcars-flicker {
    0% { opacity: 1; }
    100% { opacity: 0.7; }
}

.mxw-7xl { max-width: 80rem !important; }

/* LCARS layout helpers — carry fixed sizes for both Tailwind and Bootstrap modes */
.lcars-sidebar { flex: 0 0 12rem; width: 12rem; }
.lcars-dot-sm { width: 0.5rem; height: 0.5rem; }
.lcars-dot-md { width: 0.75rem; height: 0.75rem; }
.lcars-pill-xs { width: 1.5rem; height: 0.75rem; }
.lcars-bar-md { height: 2rem; }
.lcars-bar-lg { height: 4rem; }
.lcars-divider { height: 1px; }

/* intro v29 — Rolls-Royce thread: circle-expand reveal, half-ring, chat alignment, dual-layer parallax */

.intro-thread { min-height: 88vh; }

/* Clip-path circle expand from centre on load */
.intro-thread__reveal {
    animation: intro-thread-expand 900ms ease forwards;
}
@keyframes intro-thread-expand {
    from { clip-path: circle(0% at 50% 50%); }
    to   { clip-path: circle(150% at 50% 50%); }
}

/* Half-ring at the boundary (fixed size — no BS w-N/h-N utility) */
.intro-thread__half {
    width: 16rem;
    height: 8rem;
    opacity: 0.7;
    filter: blur(2px);
}
.intro-thread__sun { width: 6rem; height: 6rem; }
.intro-thread [data-msg] { max-width: 28rem; }

/* Dual-layer parallax offset (set by JS via custom props) */
.intro-thread__island [data-layer] {
    transition: transform 200ms ease-out;
    transform: translate(var(--px, 0), var(--py, 0));
}

/* Chat thread alternate alignment + retro corner tails */
.intro-thread [data-msg] { border-bottom-left-radius: 0.25rem; }
.intro-thread [data-msg]:nth-child(even) {
    margin-left: auto;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 0.25rem;
}

@media (prefers-reduced-motion: reduce) {
    .intro-thread__reveal { animation: none; }
    .intro-thread__island [data-layer] { transition: none; }
}

/* Liked state: the icon brightens and grows (works with every icon pack) */
.intro-thread__like i {
    display: inline-block;
    opacity: 0.6;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.intro-thread__like[aria-pressed="true"] i {
    opacity: 1;
    transform: scale(1.2);
}

/* v28 - scattered rotation per card (per-index transform has no TW/BS utility) */
[data-scatter-card] {
    transition: transform 200ms ease;
}

/* fixed card width (w-64 has no equivalent Bootstrap utility) */
.scrapbook-pile__card {
    width: 16rem;
}

[data-scatter-card="0"] {
    transform: rotate(-3deg);
}

[data-scatter-card="1"] {
    transform: rotate(2deg) translateY(-0.5rem);
}

[data-scatter-card="2"] {
    transform: rotate(-1.5deg);
}

[data-scatter-card]:hover {
    transform: rotate(0deg) translateY(0);
}

/* process editor — brand mark sizing */
.process-editor__brand {
    letter-spacing: 0.04em;
}

/* process editor — hero bar between mega words */
.process-editor__hero-bar {
    flex: 1 1 6rem;
    height: 0.65rem;
    min-width: 3rem;
    max-width: 100%;
    align-self: flex-end;
    margin-bottom: 0.35em;
}

/* process editor — oversized condensed display type */
.process-editor__mega {
    letter-spacing: -0.06em;
    line-height: 0.82;
}

.process-editor__mega--lead {
    font-size: clamp(3.5rem, 16vw, 11rem);
}


.process-editor__mega--stack {
    font-size: clamp(3rem, 13vw, 9rem);
    margin-top: -0.08em;
}

/* process editor — italic accent word in kicker */
.process-editor__kicker {
    font-size: clamp(1.75rem, 4.5vw, 3.75rem);
}

.process-editor__kicker-accent {
    display: inline-block;
    font-size: clamp(2.25rem, 6vw, 5rem);
    line-height: 0.95;
    vertical-align: baseline;
    margin-inline: 0.15em;
}

/* process editor — vertical step nav */
.process-editor__nav-btn {
    appearance: none;
    -webkit-appearance: none;
    font: inherit;
    cursor: pointer;
    outline-offset: -2px;
    transition: opacity 200ms ease, transform 200ms ease;
}

.process-editor__nav-btn.is-active {
    transform: translateX(0.25rem);
}

.process-editor__nav-btn.is-active .process-editor__nav-label {
    color: var(--tw-primary-900, var(--bs-primary));
    font-weight: 700;
}

.process-editor__nav-btn:not(.is-active) .process-editor__nav-label {
    opacity: 0.72;
}

.process-editor__panel {
    animation: process-editor-panel-in 280ms ease;
}

@keyframes process-editor-panel-in {
    from {
        opacity: 0;
        transform: translateY(0.5rem);
    }

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

@media (max-width: 1023px) {
    .process-editor__hero-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .process-editor__hero-bar {
        width: 70%;
        flex: none;
        margin-bottom: 0;
    }

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

@media (prefers-reduced-motion: reduce) {
    .process-editor__nav-btn,
    .process-editor__panel {
        animation: none;
        transition: none;
    }

    .process-editor__nav-btn.is-active {
        transform: none;
    }
}

.content-col-grow {
    flex: 1 1 0%;
    min-width: 0;
}

.content-img-fill {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 16rem;
    min-width: 0;
    object-fit: cover;
    flex-shrink: 0;
}

.narrative-chapter__column-inset {
    padding: 4rem;
}

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


.split-cta--hover:hover { transform: scale(1.05); transition: transform .2s ease; }

.split-wrap--gap {
    gap: 4rem;
}
.mxw-5xl { max-width: 64rem !important; }

.header-ui__box-10 { width: 2.5rem; height: 2.5rem; }

.hero-tide__band { min-height: 34rem; display: flex; align-items: center; }
.hero-tide__waves { height: 11rem; }
.hero-tide__wave { position: absolute; left: 0; bottom: 0; width: 200%; height: 100%; }
.hero-tide__wave--1 { animation: hero-tide-drift 22s linear infinite; }
.hero-tide__wave--2 { animation: hero-tide-drift 16s linear infinite reverse; height: 85%; }
.hero-tide__wave--3 { animation: hero-tide-drift 28s linear infinite; height: 60%; }

.hero-tide__copy > * { opacity: 0; transform: translateY(1.5rem); animation: hero-tide-rise 900ms cubic-bezier(.2, .8, .2, 1) forwards; }
.hero-tide__copy > *:nth-child(2) { animation-delay: 140ms; }
.hero-tide__copy > *:nth-child(3) { animation-delay: 280ms; }
.hero-tide__title { letter-spacing: -0.02em; }

.hero-tide__chip { max-width: 14rem; overflow-wrap: anywhere; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); animation: hero-tide-float 6s ease-in-out infinite; }
.hero-tide__chip--0 { top: 66% !important; left: 2% !important; }
.hero-tide__chip--1 { top: 14% !important; left: auto !important; right: 2%; animation-delay: -3s; }

@keyframes hero-tide-drift { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes hero-tide-rise { to { opacity: 1; transform: none; } }
@keyframes hero-tide-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }

@media (prefers-reduced-motion: reduce) {
    .hero-tide__wave, .hero-tide__chip { animation: none; }
    .hero-tide__copy > * { animation: none; opacity: 1; transform: none; }
}

/* the floating chips sit at the section edges from xl up: keep the copy narrow enough that a long headline never runs under them */
@media (min-width: 1200px) { .hero-tide__copy { max-width: 44rem; margin-left: auto; margin-right: auto; } }

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

/* faq v26 — masonry board */
.faq-masonry__col {
  min-width: 0;
}

.faq-masonry__cell {
  position: relative;
  min-height: 12rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

@media (min-width: 768px) {
  .faq-masonry__cell {
    min-height: 13.5rem;
  }
}

.faq-masonry__body {
  width: 100%;
  flex: 1 1 auto;
}

.faq-masonry__answer {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.faq-masonry__col--featured .faq-masonry__cell {
  min-height: 14rem;
}

@media (min-width: 768px) {
  .faq-masonry__col--featured .faq-masonry__cell {
    min-height: 16.5rem;
  }
}

.faq-masonry__col--featured .faq-masonry__answer {
  -webkit-line-clamp: 5;
}

.faq-masonry__photo {
  object-fit: cover;
  filter: grayscale(1);
  transition: filter 500ms ease;
}

.faq-masonry__cell:hover .faq-masonry__photo {
  filter: grayscale(0);
}

.faq-masonry__shade {
  transition: opacity 300ms ease;
}

.faq-masonry__cell--media:hover .faq-masonry__shade {
  opacity: 0.92;
}


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


.thanks-geometric-mosaic__cta--lift:hover { transform: scale(1.05); transition: transform .2s ease; }

.thanks-geometric-mosaic__btn--lift:hover { transform: scale(1.05); transition: transform .2s ease; }

.thanks-geometric-mosaic__thumb--lift:hover { transform: scale(1.1); transition: transform .2s ease; }

/* Hover effect moved out of the sem directive (framework-independent) */
.thanks-geometric-mosaic__contact-link .thanks-geometric-mosaic__thumb--lift { transition: transform 0.3s ease; }
.thanks-geometric-mosaic__contact-link:hover .thanks-geometric-mosaic__thumb--lift { transform: scale(1.1); }
@media (prefers-reduced-motion: reduce) {
    .thanks-geometric-mosaic__contact-link:hover .thanks-geometric-mosaic__thumb--lift { transform: none; }
}

/* Hover: straighten + scale card (moved out of the sem directive; framework-independent) */
.thanks-geometric-mosaic__card-tilt { transition: transform 0.3s ease; }
.thanks-geometric-mosaic__item:hover .thanks-geometric-mosaic__card-tilt { transform: rotate(0deg) scale(1.05); }
@media (prefers-reduced-motion: reduce) {
    .thanks-geometric-mosaic__item:hover .thanks-geometric-mosaic__card-tilt { transform: none; }
}