/*! 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-50: oklch(97.1% 0.013 17.38);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --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-sm: 24rem;
    --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-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --blur-xl: 24px;
    --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 {
  .visible {
    visibility: visible;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .h-full {
    height: 100%;
  }
  .w-full {
    width: 100%;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-primary-500 {
    border-color: #bd5bb2;
  }
  .border-red-400 {
    border-color: var(--color-red-400);
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-slate-600 {
    border-color: var(--color-slate-600);
  }
  .bg-accent-600 {
    background-color: #4d7b09;
  }
  .bg-primary-100 {
    background-color: #fee3fa;
  }
  .bg-primary-300\/30 {
    background-color: color-mix(in oklab, #eda5e3 30%, transparent);
  }
  .bg-primary-400\/35 {
    background-color: color-mix(in oklab, #d67ccb 35%, transparent);
  }
  .bg-primary-500 {
    background-color: #bd5bb2;
  }
  .bg-primary-500\/25 {
    background-color: color-mix(in oklab, #bd5bb2 25%, transparent);
  }
  .bg-primary-600 {
    background-color: #9f3f96;
  }
  .bg-primary-600\/20 {
    background-color: color-mix(in oklab, #9f3f96 20%, transparent);
  }
  .fill-white {
    fill: var(--color-white);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-primary-600 {
    color: #9f3f96;
  }
  .text-primary-800 {
    color: #692662;
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-white {
    color: var(--color-white);
  }
  .shadow-md {
    --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);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .dark\:flex {
    &:is(.dark *) {
      display: flex;
    }
  }
  .dark\:hidden {
    &:is(.dark *) {
      display: none;
    }
  }
  .dark\:border-red-500 {
    &:is(.dark *) {
      border-color: var(--color-red-500);
    }
  }
  .dark\:border-slate-200 {
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .dark\:border-slate-500 {
    &:is(.dark *) {
      border-color: var(--color-slate-500);
    }
  }
  .dark\:bg-accent-400 {
    &:is(.dark *) {
      background-color: #7ab630;
    }
  }
  .dark\:bg-primary-400 {
    &:is(.dark *) {
      background-color: #d67ccb;
    }
  }
  .dark\:bg-primary-400\/20 {
    &:is(.dark *) {
      background-color: color-mix(in oklab, #d67ccb 20%, transparent);
    }
  }
  .dark\:bg-primary-500\/30 {
    &:is(.dark *) {
      background-color: color-mix(in oklab, #bd5bb2 30%, transparent);
    }
  }
  .dark\:bg-primary-600\/25 {
    &:is(.dark *) {
      background-color: color-mix(in oklab, #9f3f96 25%, transparent);
    }
  }
  .dark\:bg-primary-700\/20 {
    &:is(.dark *) {
      background-color: color-mix(in oklab, #84317d 20%, transparent);
    }
  }
  .dark\:bg-primary-800 {
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .dark\:text-primary-300 {
    &:is(.dark *) {
      color: #eda5e3;
    }
  }
  .dark\:text-primary-400 {
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .dark\:text-slate-100 {
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dark\:text-slate-400 {
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .dark\:text-slate-500 {
    &:is(.dark *) {
      color: var(--color-slate-500);
    }
  }
  .dark\:text-slate-900 {
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
}
@layer base {
  :where(.bi, .ti, .ph, [class^="ri-"], [class*=" ri-"]) {
    display: inline-block;
  }
}
@layer utilities {
  .dJfQtU50 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .ewXn8Gdj {
    display: flex;
    align-items: flex-end;
    gap: calc(var(--spacing) * 2);
  }
  .w0TSWB7g {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    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: #9f3f96;
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .yzVjDYHX {
    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-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #eda5e3;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #bd5bb2;
    }
  }
  .iyBcDFvL {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
  }
  .qFlUEL40 {
    flex: 1;
    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: #fee3fa;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .sCwOWWwh {
    margin-top: calc(var(--spacing) * 4);
  }
  .aVB9SmrP {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .zyFh6xfF {
    border-radius: calc(11 * 2px);
    background-color: #4d7b09;
    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: #3f6509;
      }
    }
    &:is(.dark *) {
      background-color: #7ab630;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #a2d374;
        }
      }
    }
  }
  .ztqYvJnN {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(11 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .m2xcK7qT {
    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: #9f3f96;
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .rQpWkBqs {
    position: relative;
    overflow: hidden;
    border-radius: calc(11 * 3px);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .deFQOj07 {
    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-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .sYhLbdyX {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .iGpTB4y9 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 5);
    text-align: center;
  }
  .s1Tc0B14 {
    pointer-events: none;
    position: absolute;
    inset-inline-end: calc(var(--spacing) * -32);
    bottom: calc(1 / 3 * 100%);
    height: calc(var(--spacing) * 96);
    width: calc(var(--spacing) * 96);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 8px;
    border-color: var(--color-slate-600);
    opacity: 0.03;
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      opacity: 0.07;
    }
  }
  .tg0HUFmQ {
    pointer-events: none;
    position: absolute;
    inset: 0;
    border-radius: calc(11 * 3px);
    background-color: var(--color-slate-300);
    opacity: 40%;
    &:is(.dark *) {
      background-color: #84317d;
    }
  }
  .rUO0Akm8 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .v6vtQcSB {
    margin: 0;
    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);
    }
  }
  .jFKpatQG {
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .aF2ebeu0 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
  }
  .lqJzJ1Az {
    margin-inline: auto;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 4px;
    border-color: #eda5e3;
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        border-color: #bd5bb2;
      }
    }
    &:is(.dark *) {
      border-color: #bd5bb2;
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          border-color: #eda5e3;
        }
      }
    }
  }
  .uO8vqS2h {
    margin-right: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .gyftJXgf {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing);
    border-radius: calc(infinity * 1px);
    background-color: #9f3f96;
    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-white);
    &:is(.dark *) {
      background-color: #d67ccb;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .wuTI9VWn {
    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);
    }
  }
  .jZDmMF3U {
    :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)));
    }
  }
  .mPS6NUj1 {
    position: relative;
    z-index: 10;
    margin-inline: auto;
    max-width: var(--container-2xl);
    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 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .rkYpzXVy {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
    border-radius: calc(11 * 5px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: center;
    }
    &:is(.dark *) {
      background-color: #511e4c;
    }
  }
  .mpTo0ZiC {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .ooHUkfML {
    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);
  }
  .capsRlpM {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--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);
  }
  .d3tGcx9D {
    position: relative;
    z-index: 10;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .jPhA0TcK {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(11 * 3px);
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .z0vJavu6 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .qt00VLpg {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #692662;
    &:is(.dark *) {
      color: #f9c9f1;
    }
  }
  .rmzsLQay {
    height: 100%;
    border-radius: calc(11 * 3px);
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
    border-color: #eda5e3;
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .nqYzBO5B {
    margin-bottom: calc(var(--spacing) * 12);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .iu9rRaL4 {
    position: relative;
    height: 100%;
    cursor: pointer;
  }
  .yQeWYgnR {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: #9f3f96;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .xarDcWZ5 {
    color: #4d7b09;
    &:is(.dark *) {
      color: #7ab630;
    }
  }
  .vioJUvRJ {
    pointer-events: none;
    position: absolute;
    inset: 0;
    background-color: color-mix(in oklab, #511e4c 15%, transparent);
  }
  .bRviJcXP {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-white);
    text-transform: uppercase;
  }
  .ti9L3sFh {
    display: flex;
    justify-content: center;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-600) 20%, transparent);
    }
    padding-top: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-slate-200) 15%, transparent);
      }
    }
  }
  .aXtC5Nrw {
    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: #9f3f96;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #d67ccb;
        }
      }
    }
  }
  .pagKD9gU {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .tsv4fMJU {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #9f3f96;
    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: #d67ccb;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .d5VRndCX {
    margin-inline: auto;
    max-width: var(--container-3xl);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .hP8Vquq3 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: calc(var(--spacing) * 8);
  }
  .rj5we7ro {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: center;
  }
  .nBgu4QKi {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-800);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        color: #84317d;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #eda5e3;
        }
      }
    }
  }
  .oeMJGXQZ {
    margin-bottom: var(--spacing);
    --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);
    }
  }
  .il789x7Q {
    margin-inline-start: var(--spacing);
    color: #eda5e3;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
    &:is(.dark *) {
      color: #bd5bb2;
    }
  }
  .qOoXqJRd {
    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);
    }
  }
  .ttu39h7H {
    position: absolute;
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: color-mix(in oklab, #bd5bb2 30%, transparent);
    opacity: 50%;
    &:is(.dark *) {
      border-color: color-mix(in oklab, #eda5e3 30%, transparent);
    }
  }
  .uA0Lu6NP {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(11 * 3px);
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .dupppqH1 {
    font-family: Lato, sans-serif;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    color: #bd5bb2;
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .l9HVKLqq {
    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);
    }
  }
  .aggHi9tP {
    border-radius: calc(11 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    color: var(--color-slate-900);
    --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: #84317d;
    }
    &:is(.dark *) {
      background-color: #692662;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .sAh4XhDs {
    margin-inline: auto;
    max-width: var(--container-2xl);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    @media (width >= 64rem) {
      margin-inline: 0;
    }
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .jXa8lAtK {
    border-radius: calc(11 * 2px);
    background-color: #4d7b09;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: #3f6509;
      }
    }
    &:is(.dark *) {
      background-color: #7ab630;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #a2d374;
        }
      }
    }
  }
  .gEkcb2KI {
    position: absolute;
    inset: 0;
    background-color: var(--color-black);
    opacity: 80%;
  }
  .yJ27E3uV {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .yopxX9Th {
    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);
    }
  }
  .tGWJNwK9 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  .vNf41ZLu {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
  }
  .fUzU2CQV {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .ls77BBdv {
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .oDx6Fj3f {
    display: flex;
    max-width: var(--container-2xl);
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .qpIstjkl {
    :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);
    }
  }
  .v6t5nP6f {
    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: #9f3f96;
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .keZUaIBr {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(11 * 3px);
    background-color: #511e4c;
    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);
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .bYqwKwi9 {
    margin-bottom: calc(var(--spacing) * 8);
    max-width: var(--container-2xl);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .kvVhXhU3 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-white);
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .nL7rXNmY {
    position: relative;
    height: calc(var(--spacing) * 48);
    overflow: hidden;
  }
  .wTknm855 {
    display: contents;
  }
  .z7N0Ckih {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    align-self: flex-start;
    border-radius: calc(infinity * 1px);
    background-color: #fff2fd;
    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: #9f3f96;
    &:is(.dark *) {
      background-color: #511e4c;
    }
    &:is(.dark *) {
      color: #eda5e3;
    }
  }
  .qvg9Uzql {
    display: flex;
    align-items: baseline;
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: calc(var(--spacing) * 5);
    &:is(.dark *) {
      border-color: #84317d;
    }
  }
  .ruE3rUtO {
    margin-inline: auto;
    max-width: var(--container-2xl);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .iEoRXG0z {
    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);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .pRUEpCvX {
    margin-top: auto;
  }
  .kbl5KsY2 {
    position: relative;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    border-radius: calc(11 * 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) * 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);
    &:is(.dark *) {
      border-color: #692662;
    }
    &:is(.dark *) {
      background-color: #511e4c;
    }
  }
  .wv5oe0Rr {
    background-color: var(--color-white);
    padding-top: calc(var(--spacing) * 16);
    padding-bottom: calc(var(--spacing) * 20);
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 24);
    }
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 28);
    }
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .jkPdr4oK {
    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) * 4);
  }
  .sFcHV4mM {
    margin-bottom: 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-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dzN6Kqmp {
    margin-bottom: calc(var(--spacing) * 3);
    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: #9f3f96;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .w5ZBugFD {
    border-radius: calc(11 * 2px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 6);
    text-align: center;
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .uBIkfUXL {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    color: var(--color-slate-100);
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .xoTT9sxG {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .e9a7qZjM {
    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: #9f3f96;
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .eQFtTwBB {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .nVaMDdEv {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      grid-column: span 6 / span 6;
    }
  }
  .uQVUXb0l {
    display: flex;
    align-items: stretch;
    gap: calc(var(--spacing) * 8);
  }
  .hyokaCGS {
    margin-inline-end: calc(var(--spacing) * 4);
    color: #bd5bb2;
  }
  .atRQ1tG8 {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(11 * 3px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 4);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .yY3SxrFV {
    margin: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    @media (width >= 48rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .hdBnOcwA {
    color: var(--color-slate-500);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .j1QLozVL {
    margin-left: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .kc8dFQEV {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    --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) 20%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    opacity: 0%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .aMikEOg3 {
    margin-inline: auto;
    max-width: var(--container-3xl);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .oNKslkYS {
    position: relative;
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .pJZRqctR {
    display: flex;
    align-items: center;
    justify-content: 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-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .stXDoSd6 {
    pointer-events: none;
    position: absolute;
    inset-inline-start: calc(var(--spacing) * -16);
    top: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 80);
    width: calc(var(--spacing) * 80);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 8px;
    border-color: var(--color-slate-600);
    opacity: 5%;
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      opacity: 10%;
    }
  }
  .nFQGEYw5 {
    text-align: right;
  }
  .iTTIC6nR {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: baseline;
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .uYvDRFyB {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #bd5bb2;
    background-color: #fff2fd;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #511e4c 50%, transparent);
    }
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .xkWGFejD {
    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-300);
  }
  .xyB1KcqA {
    display: flex;
    align-items: center;
  }
  .wymHmTQa {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(11 * 4px);
    background-color: #fff2fd;
    --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) {
        --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: #692662;
    }
  }
  .pcKHaCX7 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-slate-600);
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 8);
    text-align: center;
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .qd3bhYW9 {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: var(--color-slate-600);
    border-left-color: transparent;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 5);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    &:hover {
      @media (hover: hover) {
        border-left-color: #bd5bb2;
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: #fff2fd;
      }
    }
    @media (width >= 40rem) {
      grid-template-columns: 3rem 10rem 1fr 5rem;
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 6);
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #511e4c;
        }
      }
    }
  }
  .bbgTyYu8 {
    position: relative;
    z-index: 10;
    margin-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-600);
    font-style: italic;
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 6);
    }
    @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);
    }
  }
  .d3Yzt0Kg {
    margin-inline: auto;
    max-width: var(--container-2xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .wK63Od1N {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(11 * 2px);
    background-color: #9f3f96;
    &:is(.dark *) {
      background-color: #d67ccb;
    }
  }
  .axEc1LXE {
    height: 100%;
    border-radius: calc(11 * 3px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      background-color: #511e4c;
    }
  }
  .sNGSR5Xm {
    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);
    }
  }
  .rWqqwC7s {
    position: absolute;
    inset: 0;
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 80%, 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));
  }
  .alY8EiSB {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .r0nqXkTu {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .bJIMwmhP {
    margin-top: calc(var(--spacing) * 2);
    border-radius: calc(11 * 2px);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #d67ccb;
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 2);
    &:is(.dark *) {
      border-color: #bd5bb2;
    }
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .sbzBZv3s {
    margin-top: var(--spacing);
    margin-right: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: #eda5e3;
    &:is(.dark *) {
      color: #bd5bb2;
    }
  }
  .cOgfttBr {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(11 * 2px);
    background-color: #9f3f96;
    &:is(.dark *) {
      background-color: #bd5bb2;
    }
  }
  .x280K1xL {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --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);
  }
  .a3eS5YwV {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: flex-start;
  }
  .f4KAwN9n {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 8);
    max-width: var(--container-3xl);
    border-radius: calc(11 * 3px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .azw9xRMQ {
    position: relative;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .xMOSEj12 {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .dehWCWAa {
    margin-top: var(--spacing);
    color: #9f3f96;
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .z3PM69s6 {
    margin-inline: auto;
    max-width: var(--container-3xl);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .wWe6O3Q2 {
    margin-bottom: 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-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .kNK1L7Nh {
    border-radius: calc(11 * 3px);
    background-color: #fff2fd;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-700);
    --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: 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: #fee3fa;
      }
    }
    &:is(.dark *) {
      background-color: #511e4c;
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #692662;
        }
      }
    }
  }
  .jvaM8VsH {
    color: var(--color-white);
  }
  .rlhJMPsZ {
    :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)));
    }
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 8);
  }
  .x9DKhWOp {
    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);
    }
  }
  .pAm6sI0P {
    display: block;
    width: calc(var(--spacing) * 24);
    border-radius: calc(infinity * 1px);
    background-color: #4d7b09;
    &:is(.dark *) {
      background-color: #7ab630;
    }
  }
  .zLchMOhF {
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
    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-white);
  }
  .pjrrjTrx {
    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);
  }
  .xg8tGx8F {
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    overflow: hidden;
    border-radius: calc(11 * 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) * 8);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      border-color: #84317d;
    }
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .iI0QCDjN {
    border-radius: calc(infinity * 1px);
    background-color: #9f3f96;
    &:is(.dark *) {
      background-color: #d67ccb;
    }
  }
  .cBtdTg1y {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .uCw9p23F {
    margin-bottom: 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-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .gPYedAkw {
    margin-bottom: -1px;
    display: flex;
    align-items: center;
    gap: var(--spacing);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    --tw-border-style: solid;
    border-style: solid;
    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);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .mn4h6qLM {
    border-radius: calc(infinity * 1px);
    background-color: #9f3f96;
    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-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #d67ccb;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .eFZ2kf1p {
    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: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
    text-transform: uppercase;
  }
  .rdXL2bsd {
    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);
    }
  }
  .v6X7cGjx {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 12);
    }
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .jlSDmFWE {
    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));
    }
  }
  .cPapYKJD {
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    flex-shrink: 0;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 4px;
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .wi7ELF5q {
    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);
    }
  }
  .mNiHFyQC {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-white);
  }
  .gqNsgAsV {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    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);
      }
    }
  }
  .zqHqJ3ZH {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .uqsc8M79 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .wtEoDBoZ {
    margin: 0;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .pZkKV3wZ {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .eCHStYpb {
    position: relative;
    background-color: #fff2fd;
    padding-block: calc(var(--spacing) * 16);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 20);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #351131 90%, transparent);
    }
  }
  .sfwipwnm {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .oJtaaWPB {
    order: 1;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      order: 2;
    }
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
  }
  .i52cjwM7 {
    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);
  }
  .xrBdZbPm {
    display: flex;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    align-items: center;
    justify-content: center;
    border-radius: calc(11 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #bd5bb2;
    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);
    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: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .uRYqAIne {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(11 * 2px);
    background-color: #9f3f96;
    &:is(.dark *) {
      background-color: #d67ccb;
    }
  }
  .lbb3LCcu {
    color: var(--color-slate-200);
  }
  .wl1AkExW {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
  }
  .yC1BwND2 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-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);
    }
  }
  .wvYh4Pm9 {
    display: flex;
    height: calc(var(--spacing) * 12);
    width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
  }
  .wQKpXRBG {
    margin-bottom: calc(var(--spacing) * 8);
    :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)));
    }
  }
  .wnxyels5 {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .robjzTD0 {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 10);
    padding-inline: calc(var(--spacing) * 4);
  }
  .mq4DpyaS {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .q2Py410H {
    pointer-events: none;
    position: absolute;
    height: calc(var(--spacing) * 36);
    width: calc(var(--spacing) * 36);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 4px;
    border-color: color-mix(in oklab, #eda5e3 25%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #9f3f96 15%, transparent);
    }
  }
  .iMozIiqY {
    height: 100%;
    border-radius: calc(11 * 3px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      background-color: #511e4c;
    }
  }
  .hfkHoIge {
    --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);
    }
  }
  .yPK1Blof {
    width: 100%;
  }
  .gijDtGR5 {
    margin: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .qc9ZocGW {
    margin-bottom: calc(var(--spacing) * 10);
    text-align: center;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .mdb2GXYf {
    color: #9f3f96;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .jKuBXNjU {
    overflow: hidden;
    border-radius: calc(11 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-500) 50%, transparent);
    }
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent);
    }
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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,);
  }
  .aL8ww1Ff {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .pwB9nHKn {
    display: inline-block;
    border-radius: calc(infinity * 1px);
    background-color: #9f3f96;
    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));
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #d67ccb;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .mwzoZ1As {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9f3f96;
    &:is(.dark *) {
      color: #eda5e3;
    }
  }
  .rMGSDANj {
    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) 70%, transparent);
    --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --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));
  }
  .d5WC2VfS {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--spacing);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-600);
    padding-top: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
  }
  .tKHz7cCA {
    position: absolute;
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: color-mix(in oklab, #eda5e3 30%, transparent);
    opacity: 50%;
    &:is(.dark *) {
      border-color: color-mix(in oklab, #bd5bb2 30%, transparent);
    }
  }
  .dNZGStwK {
    position: relative;
    z-index: 10;
    text-align: center;
  }
  .nVxnrBMQ {
    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-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .oUbGHfh0 {
    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);
    }
  }
  .v7aVmLN3 {
    display: flex;
    align-items: flex-start;
    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);
    }
  }
  .kPFA3BAJ {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .za1EjTx6 {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(11 * 3px);
    background-color: #9f3f96;
    --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: #bd5bb2;
    }
  }
  .nq2LzWDq {
    margin-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .z2CqFKis {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .x8C68Uev {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    border-radius: calc(infinity * 1px);
    background-color: #9f3f96;
    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: #d67ccb;
    }
  }
  .lPVD1xqF {
    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);
    }
  }
  .cGEOP147 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-200);
  }
  .j0Q6PBSn {
    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);
    }
  }
  .hB3VS7aE {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .chcy3WaH {
    margin-bottom: calc(var(--spacing) * 10);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .i6J2wsK1 {
    display: flex;
    height: calc(var(--spacing) * 20);
    align-items: center;
    justify-content: space-between;
  }
  .zRWrLtcY {
    display: grid;
    min-height: 30vh;
    align-items: center;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .kB6MBGV4 {
    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(11 * 2px);
    background-color: #fff2fd;
    &:is(.dark *) {
      background-color: #511e4c;
    }
  }
  .o8bqD1GT {
    width: 100%;
  }
  .pcJM2ohK {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .kXpcKzPM {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .fcGlUqrx {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .z5zbLzXE {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .vqrwwDwk {
    position: absolute;
    top: calc(var(--spacing) * 3);
    left: calc(var(--spacing) * 3);
    border-radius: calc(11 * 2px);
    background-color: var(--color-white);
    padding: 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: #692662;
    }
  }
  .jowv4m2y {
    display: inline-block;
    border-radius: calc(11 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #511e4c 40%, transparent);
    }
  }
  .hQVTt1b1 {
    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: #eda5e3;
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #bd5bb2;
        }
      }
    }
  }
  .m7dAOkUI {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    background-color: #9f3f96;
    padding-inline: calc(var(--spacing) * 12);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    &:is(.dark *) {
      background-color: #bd5bb2;
    }
  }
  .aXSXw1jM {
    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);
    }
  }
  .cnepZMW4 {
    margin: 0;
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    padding: 0;
  }
  .l36Vhi76 {
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .kJGHhrpv {
    flex: 1;
    border-radius: calc(11 * 1.5px);
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .yLJ1bBrn {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .pjfAG3Z7 {
    min-width: 0;
    border-radius: calc(11 * 2px);
    background-color: #9f3f96;
    padding: calc(var(--spacing) * 4);
    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);
      }
    }
    &:is(.dark *) {
      background-color: #bd5bb2;
    }
  }
  .xbzmQr8g {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .gygBGcfc {
    display: flex;
    width: 100%;
    min-width: 0;
    @media (width >= 48rem) {
      width: calc(7 / 12 * 100%);
    }
  }
  .rFCIFjb7 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .cICnB9DM {
    position: relative;
  }
  .nFtJXV2P {
    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);
    }
  }
  .ilwswMBC {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9f3f96;
    &:is(.dark *) {
      color: #eda5e3;
    }
  }
  .rMsLfrWq {
    display: grid;
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .a5ZXvEWj {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .xwlhZOxv {
    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);
    }
  }
  .he5w0Oxg {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    transition-property: opacity;
    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: 80%;
      }
    }
  }
  .tbyrEL5B {
    margin-inline: auto;
    max-width: var(--container-2xl);
    text-align: center;
  }
  .xg6bova8 {
    position: relative;
    height: 100%;
    border-radius: calc(11 * 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 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .aTcAXIxP {
    display: block;
  }
  .toEtpS1Q {
    display: flex;
    width: calc(var(--spacing) * 12);
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
  }
  .ugrrX99F {
    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);
    }
  }
  .xgxm2113 {
    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);
    @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);
    }
  }
  .yQ6RC0Hp {
    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);
    }
  }
  .my4XIQRD {
    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);
      }
    }
  }
  .yMS6rOUs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(11 * 4px);
    background-color: #fff2fd;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .qec77vWX {
    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);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .lCQvt3la {
    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);
    }
  }
  .iFjhZ1jp {
    border-radius: calc(11 * 2px);
    background-color: #4d7b09;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: #3f6509;
      }
    }
    &:is(.dark *) {
      background-color: #7ab630;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #a2d374;
        }
      }
    }
  }
  .o1IUwgXN {
    color: var(--color-white);
    opacity: 75%;
  }
  .xhwJuy3x {
    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);
  }
  .j3uwMNhA {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background-color: #9f3f96;
    &:is(.dark *) {
      background-color: #d67ccb;
    }
  }
  .lMxQpVgE {
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .gXzCoecG {
    position: relative;
    overflow: hidden;
    border-bottom-right-radius: calc(11 * 5px);
    border-bottom-left-radius: calc(11 * 5px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 24);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .uKcCYnwo {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .xsWt2aZ7 {
    margin-inline: auto;
    max-width: var(--container-3xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .urV8Jh9Z {
    flex: 1;
    border-radius: calc(11 * 1.5px);
    background-color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .nzlDsr8u {
    overflow: hidden;
    border-radius: calc(11 * 4px);
    background-color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .yWjaNJCn {
    border-radius: calc(11 * 4px);
    background-color: #9f3f96;
    padding: calc(var(--spacing) * 8);
    text-align: center;
    &:is(.dark *) {
      background-color: #d67ccb;
    }
  }
  .iXjVJjnB {
    white-space: nowrap;
  }
  .mv4899cW {
    position: absolute;
    inset: 0;
    border-bottom-right-radius: calc(11 * 5px);
    border-bottom-left-radius: calc(11 * 5px);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #f9c9f1;
    --tw-gradient-via: #eda5e3;
    --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: #d67ccb;
    --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: #84317d;
      --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: #692662;
      --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: #511e4c;
      --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));
    }
  }
  .z9wqsMfM {
    margin: 0;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: #511e4c;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .vYVc3Dau {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .rXwE2Eba {
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .rCRLeWFL {
    border-radius: calc(11 * 1px);
    background-color: #9f3f96;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-white);
    text-transform: uppercase;
    &:is(.dark *) {
      background-color: #d67ccb;
    }
  }
  .z92mSW9G {
    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);
    }
  }
  .uBAvqcZe {
    height: 100%;
    min-height: 400px;
    width: 100%;
  }
  .e1Yytjc1 {
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: #511e4c;
    padding: calc(var(--spacing) * 6);
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .bXIecGey {
    position: relative;
    @media (width >= 64rem) {
      grid-column: span 6 / span 6;
    }
  }
  .vRclbfzT {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rHh7AVlD {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .bEYSzefJ {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(11 * 4px);
  }
  .aPp5K5px {
    background-color: #fff2fd;
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #351131 90%, transparent);
    }
  }
  .rfC4OJx5 {
    margin-bottom: calc(var(--spacing) * 12);
    border-radius: calc(11 * 3px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #eda5e3;
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 6);
    &:is(.dark *) {
      border-color: #bd5bb2;
    }
    &:is(.dark *) {
      background-color: #511e4c;
    }
  }
  .cCWIcSaJ {
    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);
  }
  .vcXaKavd {
    margin-bottom: calc(var(--spacing) * 12);
    display: grid;
    gap: calc(var(--spacing) * 10);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .ua614gzx {
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .pw4jdzFG {
    margin-inline: auto;
    max-width: var(--container-2xl);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .mZelAgSR {
    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);
    }
  }
  .rAue7J2m {
    width: 100%;
    resize: none;
    border-radius: calc(11 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    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: #bd5bb2;
    }
    &: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: color-mix(in oklab, #bd5bb2 20%, transparent);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-500);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &::placeholder {
        color: var(--color-slate-500);
      }
    }
  }
  .vhMofoDO {
    background-color: var(--color-white);
    padding-bottom: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .x3viCpwd {
    :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)));
    }
  }
  .y8tEBiWL {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .qIJNsmT8 {
    height: 100%;
    width: 100%;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .ipsoZzRg {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .kgfusxTQ {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .o0QRAv5f {
    position: absolute;
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    z-index: 20;
  }
  .zxo8amgD {
    margin-bottom: calc(var(--spacing) * 4);
    flex: 1;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .fjHnJv9L {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .tstRBZDz {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .mLBlgPKh {
    min-width: 0;
  }
  .atWgM0dK {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .yw1Xb0uc {
    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: 1px;
    border-color: var(--color-slate-600);
    background-color: #fff2fd;
    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-200);
    }
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .eQSGYzSv {
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: calc(11 * 4px);
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: color-mix(in oklab, #eda5e3 20%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #bd5bb2 20%, transparent);
    }
  }
  .v71zytLx {
    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-7xl);
    padding-inline: calc(var(--spacing) * 4);
  }
  .czWI9vL6 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
    text-align: center;
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .mm6YTzbi {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    color: var(--color-white);
  }
  .uzgLnYML {
    margin-inline: auto;
    max-width: var(--container-xl);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .rU8Ob6Y5 {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: calc(var(--spacing) * 6);
    &:is(.dark *) {
      border-color: #692662;
    }
  }
  .zO6Qq1jI {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .iexncnJ2 {
    color: var(--color-slate-600);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .jJyaiTki {
    :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(11 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .xw0eEsGJ {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .qli5U2oB {
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: calc(11 * 4px);
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-color: color-mix(in oklab, #eda5e3 20%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #bd5bb2 20%, transparent);
    }
  }
  .zhdr7AvJ {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-100);
    padding-inline: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 8);
    padding-bottom: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .aXR4C8aO {
    pointer-events: none;
    position: absolute;
    inset-inline-start: calc(1/2 * 100%);
    top: calc(2 / 3 * 100%);
    height: calc(var(--spacing) * 64);
    width: calc(var(--spacing) * 64);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 4px;
    border-color: #bd5bb2;
    opacity: 0.04;
    &:is(.dark *) {
      opacity: 0.08;
    }
  }
  .cpNVUZlq {
    margin-bottom: calc(var(--spacing) * 8);
    flex: 1;
    border-radius: calc(11 * 3px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: 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 *) {
      background-color: #692662;
    }
  }
  .gspH1R7D {
    border-radius: calc(11 * 2px);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #f9c9f1;
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 5);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .yL41YoPU {
    position: relative;
    z-index: 10;
  }
  .dAPFBVgJ {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #f9c9f1;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #eda5e3;
    }
  }
  .s1nGN7eZ {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .azy2HlmR {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 20);
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 28);
    }
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .hmdDp90K {
    margin-inline-start: var(--spacing);
  }
  .rhuzmbCl {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .kwe0Issg {
    font-family: var(--font-mono);
    color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
    }
    &:is(.dark *) {
      color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-slate-200) 40%, transparent);
      }
    }
  }
  .b9dpmmBF {
    :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)));
    }
  }
  .reKc6dHs {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .pPmnNY9T {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
  }
  .bPubosBT {
    display: grid;
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .d2sDRi3q {
    width: 100%;
    max-width: var(--container-sm);
    border-radius: calc(11 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    color: var(--color-slate-900);
    &::placeholder {
      color: var(--color-slate-500);
    }
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: #bd5bb2;
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    @media (width >= 40rem) {
      flex: 1;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      background-color: #351131;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &::placeholder {
        color: var(--color-slate-400);
      }
    }
  }
  .iuqlOpeU {
    display: none;
  }
  .eNQFYbB4 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .dIpvFm2N {
    min-width: 0;
    flex: 1;
  }
  .ozuBfMFv {
    margin-bottom: calc(var(--spacing) * 4);
    :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-100);
    }
    overflow: hidden;
    border-radius: calc(11 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    &:is(.dark *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-700);
      }
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
  }
  .a7rk2Tpp {
    min-height: 400px;
    overflow: hidden;
    border-radius: calc(11 * 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);
    @media (width >= 64rem) {
      width: calc(3 / 5 * 100%);
    }
    &:is(.dark *) {
      border-color: #84317d;
    }
  }
  .y9Hi6EPY {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
  }
  .p7V5qrMx {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
  }
  .cDv4xrdp {
    margin-top: calc(var(--spacing) * 12);
    border-radius: calc(11 * 2px);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #eda5e3;
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: #bd5bb2;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #511e4c 25%, transparent);
    }
  }
  .aSjC2WO3 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .kPT80Obz {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
  }
  .muPISNZZ {
    margin: 0;
    display: flex;
    list-style-type: none;
    align-items: center;
    padding: 0;
  }
  .e5dGFdW1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    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);
    text-transform: uppercase;
    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;
  }
  .nC8mXB2E {
    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);
  }
  .rWANhxwW {
    overflow: hidden;
    border-radius: calc(11 * 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);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #351131 30%, transparent);
    }
  }
  .naK33vl4 {
    margin-top: calc(var(--spacing) * 4);
    width: 100%;
    border-radius: calc(11 * 3px);
    background-color: #4d7b09;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: center;
    --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);
    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: #3f6509;
      }
    }
    &:is(.dark *) {
      background-color: #7ab630;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #a2d374;
        }
      }
    }
  }
  .jR153i5O {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #eda5e3 10%, transparent);
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    &:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, #bd5bb2 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));
    }
  }
  .y5loM8Rb {
    margin-inline: calc(var(--spacing) * 2);
    height: var(--spacing);
    flex: 1;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-slate-100);
    &:is(.dark *) {
      background-color: var(--color-slate-700);
    }
  }
  .aBsF68fB {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .v482ylmv {
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .qPCZCl20 {
    margin-top: calc(var(--spacing) * 8);
    text-align: center;
  }
  .ahRk2IEi {
    flex-shrink: 0;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-red-400);
  }
  .gPTT1xF1 {
    width: 100%;
  }
  .kNAptLex {
    padding: calc(var(--spacing) * 4);
  }
  .eC8uW3Do {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    align-self: flex-start;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #eda5e3;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    &:is(.dark *) {
      border-color: #bd5bb2;
    }
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .jpYpOUDC {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .hpYygfSc {
    border-radius: calc(11 * 3px);
    background-color: #4d7b09;
    padding-inline: calc(var(--spacing) * 4);
    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: #3f6509;
      }
    }
    &:is(.dark *) {
      background-color: #7ab630;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #a2d374;
        }
      }
    }
  }
  .uQbWKHlN {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #9f3f96;
    &:is(.dark *) {
      background-color: #d67ccb;
    }
  }
  .kUzeuuYa {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
  }
  .yoK8LLCC {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #eda5e3;
    padding-left: calc(var(--spacing) * 5);
  }
  .c4CKadP6 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 4px;
    border-color: var(--color-white);
    background-color: var(--color-green-500);
    --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-900);
    }
  }
  .j98dmFLH {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
    overflow: hidden;
    border-radius: calc(11 * 5px);
    background-color: #9f3f96;
    padding: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 12);
    }
    @media (width >= 64rem) {
      width: calc(5 / 12 * 100%);
    }
    &:is(.dark *) {
      background-color: #bd5bb2;
    }
  }
  .wA7IJ7jK {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .txK6DCcF {
    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;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: calc(var(--spacing) * 12);
    padding-inline: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .p4FRNdJO {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .eDUlaDhF {
    pointer-events: none;
    position: absolute;
    right: calc(var(--spacing) * -28);
    bottom: calc(var(--spacing) * -28);
    height: calc(var(--spacing) * 96);
    width: calc(var(--spacing) * 96);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #bd5bb2 5%, transparent);
  }
  .nTAtqScF {
    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, #511e4c 90%, transparent);
    --tw-gradient-to: color-mix(in oklab, #692662 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));
    &:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, #351131 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));
    }
    &:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, #511e4c 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));
    }
  }
  .n9hfPPRR {
    color: var(--color-slate-200);
  }
  .rSwpPDxm {
    text-align: center;
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .eNb37PxW {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 6);
  }
  .nAxfnXhd {
    --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);
    }
  }
  .mxhWrHdF {
    margin-inline: auto;
    display: flex;
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    align-items: center;
    justify-content: center;
    border-radius: calc(11 * 4px);
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .t36WZsFv {
    position: relative;
    margin-bottom: calc(var(--spacing) * 6);
  }
  .bvYELRuC {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .nsOqHMvM {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .e7npKh2y {
    margin-bottom: calc(var(--spacing) * 12);
    flex: 1;
    border-radius: calc(11 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #f9c9f1;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: #692662;
    }
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .jvyHr3Yh {
    margin-bottom: calc(var(--spacing) * 4);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .nnn2CRSW {
    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)));
    }
  }
  .qdsCbJxq {
    margin-bottom: calc(var(--spacing) * 6);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #eda5e3;
    padding-left: calc(var(--spacing) * 5);
  }
  .cowTkmXN {
    width: 100%;
    border-radius: calc(11 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    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: #bd5bb2;
    }
    &: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: color-mix(in oklab, #bd5bb2 20%, transparent);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &:is(.dark *) {
      border-color: var(--color-slate-500);
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &::placeholder {
        color: var(--color-slate-500);
      }
    }
  }
  .ral80sRh {
    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);
  }
  .kuQlhmjV {
    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: #9f3f96;
    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: #9f3f96;
    text-decoration-line: none;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      border-color: #d67ccb;
    }
    &:is(.dark *) {
      color: #eda5e3;
    }
  }
  .sORvP6ND {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(var(--spacing) * 32);
    width: calc(var(--spacing) * 32);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #9f3f96 20%, transparent);
  }
  .jTfdWsN9 {
    height: 100%;
    border-radius: calc(11 * 3px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .wB1SKQul {
    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);
    }
  }
  .uEqGFMnH {
    margin-bottom: calc(var(--spacing) * 10);
    max-width: var(--container-3xl);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .dFqLHBtk {
    position: relative;
    overflow: hidden;
    border-radius: calc(11 * 3px);
    --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);
  }
  .wkLyfEHY {
    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-white);
  }
  .t02B9Pgk {
    flex: 1;
  }
  .pPzFmUbi {
    font-family: var(--font-mono);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .iLrs4c2U {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
  }
  .y0zFohZH {
    width: 100%;
    border-radius: calc(11 * 3px);
    background-color: #9f3f96;
    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);
    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: #bd5bb2;
    }
  }
  .krG6s0YX {
    margin-bottom: calc(var(--spacing) * 8);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .hudAeNYX {
    margin-inline: auto;
    max-width: var(--container-4xl);
  }
  .ts1eazSK {
    display: inline-block;
    width: fit-content;
    border-radius: calc(infinity * 1px);
    background-color: #fff2fd;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-700);
    text-transform: uppercase;
    &:is(.dark *) {
      background-color: #692662;
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .pJH4JRVm {
    position: absolute;
    bottom: calc(var(--spacing) * -2);
    left: 0;
    height: var(--spacing);
    width: calc(var(--spacing) * 12);
    border-radius: calc(11 * 1px);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #9f3f96;
    --tw-gradient-to: #bd5bb2;
    --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));
  }
  .qB7Miyie {
    margin-bottom: calc(var(--spacing) * 8);
    text-align: center;
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .hgks3dPp {
    display: flex;
    flex-direction: column;
  }
  .jELjsSEW {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .pCPOZKQG {
    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);
  }
  .oUYocLmJ {
    min-width: 0;
  }
  .j746f6rN {
    position: absolute;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(11 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 3);
    padding-right: calc(var(--spacing) * 5);
    padding-left: calc(var(--spacing) * 3);
    --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: #692662;
    }
    &:is(.dark *) {
      background-color: #511e4c;
    }
  }
  .hB77HH9X {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .uCcUQMS3 {
    margin-top: var(--spacing);
    width: 1px;
    flex: 1;
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #eda5e3;
    --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: #84317d;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    &:is(.dark *) {
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .rUlTEqAZ {
    margin-bottom: calc(var(--spacing) * 2);
    text-align: center;
    --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);
    }
  }
  .jl64Dj6K {
    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-white);
  }
  .pr191zYS {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(11 * 3px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 4);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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, #692662 50%, transparent);
    }
  }
  .j6K4h9wN {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .vKZhwlmJ {
    height: 100%;
    border-radius: calc(11 * 3px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .v9suMqbN {
    display: flex;
    min-height: 100vh;
    align-items: center;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .r3Fjx96x {
    display: block;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: #eda5e3;
    &:is(.dark *) {
      color: #bd5bb2;
    }
  }
  .he8hN6tZ {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(11 * 3px);
    background-color: #4d7b09;
    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-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    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: #3f6509;
      }
    }
    &:is(.dark *) {
      background-color: #7ab630;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #a2d374;
        }
      }
    }
  }
  .od4dYkfG {
    position: relative;
  }
  .q5L1j8gw {
    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);
    }
  }
  .jEc2lthf {
    display: block;
  }
  .qYoISFlF {
    position: relative;
    margin: 0;
    height: 100%;
    overflow: hidden;
    border-radius: calc(11 * 4px);
  }
  .rBT6SLfX {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    @media (width >= 40rem) {
      padding-top: 0;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .zETgh708 {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
  }
  .ruoJbJBj {
    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);
  }
  .ii3IoRPg {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
  }
  .zsU4kXS2 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    opacity: 90%;
  }
  .mBxQLe0N {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rnBBz4fv {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .xmZpjR15 {
    margin-bottom: calc(var(--spacing) * 8);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .alnRxE1g {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .k03pdYoN {
    font-family: Lato, sans-serif;
    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-white);
    }
  }
  .gra6j4Wn {
    position: absolute;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    border-color: var(--color-slate-300);
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
  }
  .m88JQYLm {
    margin-bottom: calc(var(--spacing) * 16);
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .utjsaXx0 {
    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: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .eG58A4rT {
    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);
    }
  }
  .fa8D2cPh {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .fYLYkack {
    --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);
    }
  }
  .vda8r9Gm {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .ztnkrB7D {
    color: var(--color-slate-600);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .rCS7fNeh {
    position: absolute;
    top: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
    z-index: 10;
  }
  .o4PLPFYF {
    position: absolute;
    top: calc(calc(1 / 2 * 100%) * -1);
    right: calc(calc(1 / 5 * 100%) * -1);
    height: calc(var(--spacing) * 48);
    width: calc(var(--spacing) * 48);
    rotate: 45deg;
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .d6WPwkED {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .vktYuccx {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
  }
  .kiDrQNw5 {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(11 * 5px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: #fff2fd;
    --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 >= 64rem) {
      width: calc(7 / 12 * 100%);
    }
    &:is(.dark *) {
      border-color: var(--color-slate-600);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .hdYELAyB {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .aIv0pBrL {
    border-radius: calc(11 * 2px);
    background-color: #4d7b09;
    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: 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: #3f6509;
      }
    }
    &:is(.dark *) {
      background-color: #7ab630;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: #a2d374;
        }
      }
    }
  }
  .sScfRIPZ {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-slate-900);
    text-transform: uppercase;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .wwivYwpd {
    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);
    }
  }
  .iuwiEKqW {
    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);
    }
  }
  .jxmqU71l {
    border-radius: calc(11 * 3px);
    background-color: #fff2fd;
    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: #511e4c;
    }
  }
  .vuaKCnDR {
    min-width: 0;
  }
  .vYHC4xY6 {
    color: var(--color-slate-400);
    &:is(.dark *) {
      color: var(--color-slate-500);
    }
  }
  .l2sWDEuD {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .f3HOiNrh {
    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: #511e4c;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .hYwtQXBR {
    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);
    }
  }
  .yaAHlAR2 {
    border-radius: calc(infinity * 1px);
    background-color: #9f3f96;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    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);
    &:is(.dark *) {
      background-color: #bd5bb2;
    }
  }
  .fB7s71xn {
    margin-bottom: calc(var(--spacing) * 12);
    border-radius: calc(11 * 3px);
    background-color: #fff2fd;
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #fee3fa;
    --tw-gradient-to: #f9c9f1;
    --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;
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 30%, transparent);
    }
    &:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, #692662 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));
    }
    &:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, #84317d 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));
    }
  }
  .c8OohBKc {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 6);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: color-mix(in srgb, oklch(44.6% 0.043 257.281) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-600) 30%, transparent);
    }
    padding-bottom: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-slate-200) 20%, transparent);
      }
    }
  }
  .ioeYygv4 {
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: 0;
    color: var(--color-slate-900);
    &:hover {
      @media (hover: hover) {
        color: #9f3f96;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #d67ccb;
        }
      }
    }
  }
  .hUubJeoC {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(11 * 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #bd5bb2;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: var(--spacing);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #692662;
    &:is(.dark *) {
      background-color: #351131;
    }
    &:is(.dark *) {
      color: #eda5e3;
    }
  }
  .xRC7SUJZ {
    position: relative;
    overflow: hidden;
    background-color: #fff2fd;
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #351131 90%, transparent);
    }
  }
  .sf3MfYGE {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--spacing) * 12);
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lN1URSgJ {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
  }
  .rwbq75PM {
    position: relative;
    background-color: #fff2fd;
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #351131 90%, transparent);
    }
  }
  .qgWQIlbe {
    display: inline-block;
    width: fit-content;
    border-radius: calc(infinity * 1px);
    background-color: #9f3f96;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: var(--spacing);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-white);
    text-transform: uppercase;
    &:is(.dark *) {
      background-color: #bd5bb2;
    }
  }
  .u8eZYtt0 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, #eda5e3 10%, transparent);
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    &:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, #bd5bb2 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));
    }
  }
  .oAR67bAd {
    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);
    }
  }
  .yd3AavM7 {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing);
    align-self: flex-start;
    border-radius: calc(11 * 3px);
    background-color: #9f3f96;
    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 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      background-color: #bd5bb2;
    }
  }
  .k7b8ccRo {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .fCJZSx54 {
    --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);
    }
  }
  .nTc5c9uR {
    pointer-events: none;
    position: absolute;
    height: calc(var(--spacing) * 48);
    width: 1px;
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: color-mix(in oklab, #d67ccb 20%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    &:is(.dark *) {
      --tw-gradient-via: color-mix(in oklab, #bd5bb2 15%, transparent);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
  }
  .toKvgE2Q {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
  }
  .b8f6c1AJ {
    position: absolute;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .o6GswP0w {
    height: 100%;
    border-radius: calc(11 * 3px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .uLjkUstB {
    max-width: var(--container-2xl);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .kp7qDr2k {
    margin-bottom: calc(var(--spacing) * 3);
    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-white);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .iIuI8rCo {
    width: 100%;
    text-align: center;
    @media (width >= 64rem) {
      width: 38%;
    }
    @media (width >= 64rem) {
      text-align: left;
    }
  }
  .dwRpn1bK {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: #9f3f96;
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .vggN222M {
    margin-top: calc(var(--spacing) * 4);
    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: #9f3f96;
    --tw-shadow: 0 0 0 6px var(--tw-shadow-color, rgb(99 102 241/0.15));
    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: #d67ccb;
    }
  }
  .oK2LQgMw {
    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: #9f3f96;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
  }
  .fq7ArG8e {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: calc(11 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #eda5e3;
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 6);
    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) {
        scale: 1.02;
      }
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      border-color: #bd5bb2;
    }
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .pfVKke3J {
    pointer-events: none;
    position: absolute;
    top: calc(var(--spacing) * -8);
    left: calc(var(--spacing) * -8);
    height: calc(var(--spacing) * 28);
    width: calc(var(--spacing) * 28);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .a0WJifzF {
    display: flex;
    align-items: stretch;
    gap: calc(var(--spacing) * 8);
  }
  .m2NJK90H {
    margin-bottom: calc(var(--spacing) * 12);
    border-radius: calc(11 * 4px);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-slate-50);
    --tw-gradient-to: var(--color-slate-100);
    --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);
    &:is(.dark *) {
      --tw-gradient-from: color-mix(in srgb, oklch(27.9% 0.041 260.031) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-from: color-mix(in oklab, var(--color-slate-800) 50%, transparent);
      }
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    &:is(.dark *) {
      --tw-gradient-to: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-gradient-to: color-mix(in oklab, var(--color-slate-700) 50%, 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));
    }
  }
  .mEgY3wYA {
    pointer-events: none;
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 3 * 100%);
    height: calc(var(--spacing) * 16);
    width: calc(var(--spacing) * 16);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .ktmT7cbn {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(11 * 2px);
    background-color: #fff2fd;
    &:is(.dark *) {
      background-color: color-mix(in oklab, #511e4c 40%, transparent);
    }
  }
  .yWh6b2p9 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 12);
  }
  .pi95fszp {
    margin-top: calc(var(--spacing) * 8);
    border-radius: calc(11 * 3px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #eda5e3;
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 6);
    &:is(.dark *) {
      border-color: #bd5bb2;
    }
    &:is(.dark *) {
      background-color: #511e4c;
    }
  }
  .a9ybdCog {
    margin: 0;
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .zh95RZgp {
    flex: 1;
    border-radius: calc(11 * 1.5px);
    background-color: var(--color-white);
  }
  .fOq0YyIQ {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(11 * 4px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #bd5bb2;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: #d67ccb;
    }
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .aO48YwSG {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .jIpL5ThK {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(11 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-red-300);
    background-color: var(--color-red-50);
    padding: calc(var(--spacing) * 4);
    &:is(.dark *) {
      border-color: var(--color-red-600);
    }
    &:is(.dark *) {
      background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
      }
    }
  }
  .fCaCzyS4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: #f9c9f1;
    background-color: #fff2fd;
    &:is(.dark *) {
      border-color: #84317d;
    }
    &:is(.dark *) {
      background-color: #511e4c;
    }
  }
  .mhSBUnNZ {
    position: relative;
    display: flex;
    width: 100%;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    @media (width >= 48rem) {
      width: calc(5 / 12 * 100%);
    }
  }
  .o4etFRpS {
    :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)));
    }
  }
  .dxKrj93R {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
  }
  .jHT5ap1o {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .uP6SbDF5 {
    z-index: 10;
    margin-top: calc(var(--spacing) * 4);
    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);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #d67ccb;
    background-color: var(--color-white);
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, rgb(99 102 241/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));
    &:is(.dark *) {
      border-color: #9f3f96;
    }
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .eerBoxyJ {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .km3Oanni {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .zComGgml {
    overflow: hidden;
  }
  .hNvF3CCN {
    text-align: left;
  }
  .tLKdRq2I {
    position: relative;
    border-radius: calc(11 * 0.5px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 16);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #511e4c 50%, transparent);
    }
  }
  .g31ARgsG {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .y9XpwJ3B {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 16);
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 24);
    }
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .rUzlffWO {
    grid-column: span 2 / span 2;
    margin: 0;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-900);
    @media (width >= 40rem) {
      grid-column: span 1 / span 1;
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rDpykWay {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(11 * 2px);
    background-color: #9f3f96;
    &:is(.dark *) {
      background-color: #bd5bb2;
    }
  }
  .oqlOBMvs {
    border-radius: calc(infinity * 1px);
    background-color: #9f3f96;
    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-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);
    &:is(.dark *) {
      background-color: #d67ccb;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .wa74riCN {
    position: relative;
    z-index: 10;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: calc(var(--spacing) * 6);
  }
  .liuYkIXA {
    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);
  }
  .iaMbBXbY {
    position: relative;
    margin-bottom: calc(var(--spacing) * 12);
    overflow: hidden;
    border-radius: calc(11 * 4px);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #bd5bb2;
    --tw-gradient-to: #d67ccb;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding: calc(var(--spacing) * 12);
    text-align: center;
  }
  .asJ4MBMz {
    margin-top: calc(var(--spacing) * 2);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .horeOga5 {
    flex: 1;
  }
  .eSG2KsTV {
    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);
    overflow-wrap: break-word;
    color: var(--color-slate-100);
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .hFvGCDGD {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .jEE08Mf1 {
    height: 1px;
    width: 100%;
    background-color: #9f3f96;
    &:is(.dark *) {
      background-color: #bd5bb2;
    }
  }
  .aSS5JG4x {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .jiuwujsT {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .vfbpUx8r {
    margin-bottom: calc(var(--spacing) * 12);
    border-top-right-radius: calc(11 * 2px);
    border-bottom-right-radius: calc(11 * 2px);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #9f3f96;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .iXnWiN2m {
    min-width: 0;
  }
  .afVA0ZQF {
    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: #9f3f96;
    text-decoration-line: none;
    &:hover {
      @media (hover: hover) {
        color: #d67ccb;
      }
    }
    &:is(.dark *) {
      color: #eda5e3;
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #9f3f96;
        }
      }
    }
  }
  .aMgGcT8M {
    display: flex;
    min-width: 0;
    flex-direction: column;
    border-radius: calc(11 * 2px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .cxXud8iQ {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    &:is(.dark *) {
      border-color: #84317d;
    }
  }
  .acSbzhS1 {
    pointer-events: none;
    position: absolute;
    inset-inline-end: calc(var(--spacing) * -20);
    bottom: calc(1 / 3 * 100%);
    height: calc(var(--spacing) * 72);
    width: calc(var(--spacing) * 72);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 8px;
    border-color: var(--color-slate-600);
    opacity: 5%;
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      opacity: 10%;
    }
  }
  .glCO4OGB {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
  }
  .f9UHKy6m {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: #84317d;
      }
    }
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #eda5e3;
        }
      }
    }
  }
  .dci5UQji {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .cqjWsIN0 {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
  }
  .eXQn335f {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: #692662;
    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: #eda5e3;
    }
  }
  .lMe0AXrP {
    display: flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(11 * 2px);
    background-color: #fee3fa;
    &:is(.dark *) {
      background-color: #511e4c;
    }
  }
  .uNjyu6uY {
    margin: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .jeLqlKAn {
    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);
    }
  }
  .az6pNmJb {
    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-semibold);
    font-weight: var(--font-weight-semibold);
    color: #9f3f96;
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .vl2Lvw9m {
    pointer-events: none;
    position: absolute;
    top: calc(var(--spacing) * -3);
    left: calc(var(--spacing) * 4);
    font-family: Lato, sans-serif;
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
    --tw-leading: 1;
    line-height: 1;
    color: #bd5bb2;
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 6);
    }
    @media (width >= 48rem) {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .ccMMpdMl {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #bd5bb2;
    background-color: var(--color-white);
    color: #692662;
    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: #351131;
    }
    &:is(.dark *) {
      color: #eda5e3;
    }
  }
  .j59nl3xB {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .y4toVvHm {
    padding: calc(var(--spacing) * 8);
  }
  .cwWBs3bR {
    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);
    }
  }
  .pbvaRxKu {
    height: 100%;
    border-radius: calc(11 * 3px);
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
    border-color: #eda5e3;
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .keevPmCJ {
    margin-top: calc(var(--spacing) * 2);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #d67ccb;
    padding-left: calc(var(--spacing) * 4);
    color: var(--color-slate-600);
    font-style: italic;
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .fM3iO2I1 {
    margin-bottom: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-200);
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .wSQ4ncPo {
    border-radius: calc(11 * 3px);
    background-color: #9f3f96;
    padding-inline: calc(var(--spacing) * 4);
    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: #bd5bb2;
    }
  }
  .naDrCVbj {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .z5b9vJvM {
    display: flex;
    align-items: flex-start;
  }
  .tU7XerkA {
    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);
  }
  .olGy8VLh {
    position: relative;
    padding-bottom: calc(var(--spacing) * 3);
  }
  .lgR98R7i {
    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);
  }
  .lVvVpQIA {
    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);
    }
  }
  .mocLrg1B {
    width: 100%;
    border-radius: calc(11 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-500) 60%, transparent);
    }
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-300);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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) {
        color: var(--color-white);
      }
    }
  }
  .mEne0zUM {
    background-color: #fff2fd;
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #351131 90%, transparent);
    }
  }
  .nSZx8uWr {
    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: #511e4c;
    @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);
    }
  }
  .pSfiT31j {
    position: relative;
    overflow: hidden;
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .qG3ElBaE {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    border-radius: calc(infinity * 1px);
    background-color: #4d7b09;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-white);
    text-decoration-line: none;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      background-color: #7ab630;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .kvk7hBzN {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .aDLsv3Li {
    color: #bd5bb2;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .lw772tXb {
    pointer-events: none;
    position: absolute;
    right: calc(var(--spacing) * -12);
    bottom: calc(var(--spacing) * -12);
    height: calc(var(--spacing) * 48);
    width: calc(var(--spacing) * 48);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .cwWL4xZj {
    position: absolute;
    border-radius: calc(infinity * 1px);
    background-color: #fee3fa;
    &:is(.dark *) {
      background-color: #511e4c;
    }
  }
  .wfd9Ngzj {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    color: #9f3f96;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .pEQE0M0c {
    margin-bottom: calc(var(--spacing) * 8);
    --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);
    }
  }
  .qK2oh0s4 {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .oCH9k0vr {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .w2oQKwNR {
    margin: 0;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .uhFfssht {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .nqAY2C91 {
    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-200);
    }
  }
  .kLSOsSZm {
    color: #9f3f96;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .rQpyqsQj {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 52);
    }
    @media (width >= 48rem) {
      flex-direction: column;
    }
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .jqNvaM28 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .nwKekLjT {
    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);
    }
  }
  .kwVKitgl {
    width: 100%;
    @media (width >= 64rem) {
      flex: 1;
    }
  }
  .lrfHxP66 {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .xMZ2VeTK {
    text-align: center;
  }
  .hKTMg1L8 {
    pointer-events: none;
    position: absolute;
    height: calc(var(--spacing) * 80);
    width: calc(var(--spacing) * 80);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #d67ccb 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, #9f3f96 5%, transparent);
    }
  }
  .zT7swRfl {
    background-color: #fff2fd;
    padding-block: calc(var(--spacing) * 12);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #351131 90%, transparent);
    }
  }
  .y7RGqGsz {
    margin-bottom: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .pzagZKHQ {
    margin: 0;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .r0Ieycby {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
  }
  .l0XfYZYd {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .aHDu556q {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      display: none;
    }
  }
  .kTPcxmxa {
    position: relative;
  }
  .oRCTiE7V {
    margin-bottom: calc(var(--spacing) * 12);
    border-radius: calc(11 * 3px);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: #9f3f96;
    --tw-gradient-to: #bd5bb2;
    --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);
  }
  .cbYcVxNn {
    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);
    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-800);
      }
    }
    @media (width >= 48rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    @media (width >= 64rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-slate-200);
        }
      }
    }
  }
  .yMxpTe16 {
    margin-top: 6px;
    color: #bd5bb2;
  }
  .dlSXrOx2 {
    margin-right: 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: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .ckcVzWwn {
    margin-right: calc(var(--spacing) * 4);
    flex-shrink: 0;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
  }
  .r4qUMkRO {
    position: absolute;
    right: 0;
    bottom: 0;
    height: calc(var(--spacing) * 40);
    width: calc(var(--spacing) * 40);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #bd5bb2 20%, transparent);
  }
  .yfD9CC0W {
    min-width: 0;
  }
  .nzT63UdJ {
    margin-bottom: calc(var(--spacing) * 4);
    text-align: center;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .ja2gcRNy {
    text-align: center;
  }
  .zf1wZJBM {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: #9f3f96;
    &:is(.dark *) {
      color: #eda5e3;
    }
  }
  .zaIX98JR {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    color: var(--color-green-500);
  }
  .pgpShsaA {
    margin-bottom: calc(var(--spacing) * 8);
    border-radius: calc(11 * 3px);
    background-color: #9f3f96;
    padding: calc(var(--spacing) * 12);
    text-align: center;
    &:is(.dark *) {
      background-color: #bd5bb2;
    }
  }
  .seVlIGTj {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .i03hvjo2 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .yEGLnLep {
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .gPRKDkE9 {
    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);
    font-style: normal;
    @media (width >= 48rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .gIBbP29f {
    display: flex;
    align-items: center;
    gap: 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-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .kXIQ9oLZ {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: stretch;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .lOyM5nh7 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .s70SNbSx {
    margin-top: calc(var(--spacing) * 2);
    :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) * 4);
  }
  .kROy4O1H {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 10);
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .aJnB0scT {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .cHWSAiQw {
    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: #9f3f96;
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .tTRxANId {
    margin-bottom: calc(var(--spacing) * 8);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: #eda5e3;
    padding-left: calc(var(--spacing) * 5);
  }
  .cUCdKSYU {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --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-white);
    font-style: italic;
    @media (width >= 48rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    @media (width >= 64rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .yytdNdAG {
    min-width: 0;
  }
  .mwwJeTDf {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 6);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: stretch;
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .wjPf3QFi {
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
  }
  .mRIhetAF {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .uX1g5gjD {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .fMBB61Fi {
    height: 100%;
    border-radius: calc(11 * 3px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .lwcE5SoF {
    position: relative;
    overflow: hidden;
    border-radius: calc(11 * 3px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-slate-200);
    background-color: #fff2fd;
    --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-600);
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .wQ1WxieR {
    flex-shrink: 0;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: #d67ccb;
  }
  .paxSNZq5 {
    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(11 * 2px);
    background-color: #fff2fd;
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .pJPVfssp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .i5cBowVo {
    pointer-events: none;
    position: absolute;
    inset: 0;
    border-radius: calc(11 * 3px);
    background-color: #fee3fa;
    opacity: 60%;
    &:is(.dark *) {
      background-color: #84317d;
    }
  }
  .xSZM22jx {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-inline: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 8);
  }
  .cRrxB87l {
    margin-inline: auto;
    max-width: var(--container-3xl);
  }
  .z7yJM2tM {
    position: relative;
    z-index: 10;
    margin-top: calc(var(--spacing) * 6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .xQYCfGjE {
    margin: 0;
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-slate-900);
    @media (width >= 48rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    @media (width >= 64rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .emaC0ajR {
    width: 100%;
    border-radius: calc(11 * 2px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    @media (width >= 48rem) {
      width: 45%;
    }
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .jir2iE0m {
    position: fixed;
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
    z-index: 50;
    border-radius: calc(11 * 3px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #511e4c;
    background-color: #fff2fd;
    --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: #84317d;
    }
    &:is(.dark *) {
      background-color: #511e4c;
    }
    &: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);
    }
  }
  .rqMW5mI0 {
    position: fixed;
    bottom: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
    z-index: 50;
    width: calc(var(--spacing) * 72);
    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: 400ms;
    transition-duration: 400ms;
  }
  .l6ocwpkt {
    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);
    }
  }
  .jAJAHiJC {
    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: 2px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    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;
  }
  .klUSVnrL {
    margin-bottom: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: #bd5bb2;
  }
  .jkT5FqME {
    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);
    }
  }
  .a3O5UzPq {
    width: 100%;
    padding: calc(var(--spacing) * 4);
    color: var(--color-white);
  }
  .nNj9Olbg {
    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);
    }
  }
  .jVO5Ia7g {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
  }
  .b02zSWmr {
    flex: 1;
  }
  .iLfc8jII {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .dktdGf3p {
    margin: 0;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .q6YpHreT {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
  }
  .osbOTCNd {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:is(.dark *) {
      color: var(--color-white);
    }
  }
  .mU5ltQKU {
    min-width: 0;
    flex: 1;
    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);
    @media (width >= 48rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    @media (width >= 48rem) {
      border-color: var(--color-slate-600);
    }
    @media (width >= 48rem) {
      padding-left: calc(var(--spacing) * 8);
    }
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
    @media (width >= 48rem) {
      &:is(.dark *) {
        border-color: var(--color-slate-200);
      }
    }
  }
  .igs98Ab0 {
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .miulC9LN {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 8);
    max-width: var(--container-2xl);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-white);
    opacity: 90%;
  }
  .zHRMryf9 {
    &:hover {
      @media (hover: hover) {
        color: #eda5e3;
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #bd5bb2;
        }
      }
    }
  }
  .wm2Fiq41 {
    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);
  }
  .iq3gQt4v {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-white);
    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);
    text-transform: uppercase;
    &:is(.dark *) {
      border-color: #351131;
    }
  }
  .cq467hnV {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .pfkqNW9Z {
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-xl);
    padding-inline: calc(var(--spacing) * 8);
  }
  .nT8pvhz4 {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .vh6u2KTO {
    margin-inline: auto;
    max-width: var(--container-sm);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .slDLNHYR {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      width: calc(2 / 5 * 100%);
    }
  }
  .s6Hav4SG {
    margin-bottom: calc(var(--spacing) * 12);
    text-align: center;
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .rxjmrCrw {
    pointer-events: none;
    position: absolute;
    inset-inline-start: calc(var(--spacing) * -24);
    top: calc(1 / 4 * 100%);
    height: calc(var(--spacing) * 96);
    width: calc(var(--spacing) * 96);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 8px;
    border-color: var(--color-slate-600);
    opacity: 0.03;
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      opacity: 0.07;
    }
  }
  .eLwyKAoc {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .jcFNdX0l {
    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);
    }
  }
  .aVlH9RZ4 {
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 8);
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .l18qtxvI {
    border-radius: calc(11 * 3px);
    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);
    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);
    }
  }
  .gJZcuK0Y {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .p5YpUNIW {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .kfCEfQBR {
    :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)));
    }
  }
  .iOhJl382 {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .nYtwQQc8 {
    margin: 0;
    display: flex;
    list-style-type: none;
    gap: calc(var(--spacing) * 6);
    overflow-x: auto;
    padding: 0;
    padding-block: calc(var(--spacing) * 4);
  }
  .sMWD6WJU {
    display: flex;
    flex-shrink: 0;
  }
  .o771BGSh {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
  }
  .la1GMOrv {
    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-white);
    }
  }
  .ehvCdvLd {
    order: 2;
    @media (width >= 64rem) {
      order: 1;
    }
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .xcJkDl8r {
    display: contents;
  }
  .g7i5BOR6 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .bgTwhmr1 {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .nzg6CkTe {
    margin-left: calc(var(--spacing) * 2);
    color: var(--color-red-500);
  }
  .rZfbnlv0 {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: #9f3f96;
    background-color: #9f3f96;
    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 *) {
      border-color: #d67ccb;
    }
    &:is(.dark *) {
      background-color: #d67ccb;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .yrXT7rmb {
    color: #eda5e3;
    &:is(.dark *) {
      color: #bd5bb2;
    }
  }
  .hg28SSUU {
    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);
    text-align: center;
  }
  .nOYM4Jku {
    min-width: 0;
  }
  .dAI1xRj1 {
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    justify-content: center;
    @media (width >= 64rem) {
      margin-top: 0;
    }
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .dUzZGvsO {
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 4px;
    border-color: color-mix(in oklab, #eda5e3 30%, transparent);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #bd5bb2 30%, transparent);
    }
  }
  .qBeQQkwI {
    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);
    }
  }
  .vDuihzJD {
    color: #9f3f96;
    &:is(.dark *) {
      color: #eda5e3;
    }
  }
  .v9OeVNkK {
    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-white);
  }
  .jX70e4fW {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    height: calc(var(--spacing) * 20);
    width: calc(var(--spacing) * 20);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: #9f3f96;
    &:is(.dark *) {
      background-color: #d67ccb;
    }
  }
  .m5lyOom6 {
    margin-inline: auto;
    max-width: var(--container-3xl);
    border-radius: calc(11 * 3px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 8);
    text-align: center;
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .kmr1H1bC {
    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;
    margin-bottom: calc(var(--spacing) * 8);
    height: 1px;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: var(--color-slate-300);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    &:is(.dark *) {
      --tw-gradient-via: var(--color-slate-600);
      --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);
    }
  }
  .oaShmRNJ {
    :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)));
    }
  }
  .wW0vVSFx {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:hover {
      @media (hover: hover) {
        color: #84317d;
      }
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #eda5e3;
        }
      }
    }
  }
  .lt1tpkAG {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 50;
    margin-top: calc(var(--spacing) * 4);
    border-radius: calc(11 * 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-600);
    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);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
    &:is(.dark *) {
      border-color: var(--color-slate-200);
    }
    &:is(.dark *) {
      background-color: #692662;
    }
  }
  .mmBU1TQL {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .d4Wb0LTB {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .a1jLWm4m {
    pointer-events: none;
    position: absolute;
    height: calc(var(--spacing) * 28);
    width: calc(var(--spacing) * 28);
    border-radius: calc(11 * 2px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in oklab, #d67ccb 25%, transparent);
    &:is(.dark *) {
      border-color: color-mix(in oklab, #9f3f96 15%, transparent);
    }
  }
  .eYfNCnQJ {
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(11 * 2px);
    background-color: #9f3f96;
    &:is(.dark *) {
      background-color: #bd5bb2;
    }
  }
  .u8W3dQMf {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    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: #eda5e3;
      }
    }
    &:is(.dark *) {
      &:hover {
        @media (hover: hover) {
          color: #bd5bb2;
        }
      }
    }
  }
  .lfDTREgE {
    max-width: var(--container-2xl);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .ySqi6pPO {
    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);
  }
  .gt0k51BV {
    font-size: 0.7rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: #eda5e3;
    text-transform: uppercase;
    &:is(.dark *) {
      color: #bd5bb2;
    }
  }
  .kXKPrGJC {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-slate-600);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .t4U6EkKw {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-900);
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .iNAZ48el {
    color: #9f3f96;
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .wGERQbXZ {
    margin-bottom: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .dr2fQIsR {
    flex-shrink: 0;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-500);
    &:is(.dark *) {
      color: var(--color-slate-400);
    }
  }
  .qEeGSNGE {
    background-color: var(--color-white);
    padding-block: calc(var(--spacing) * 24);
    &:is(.dark *) {
      background-color: #351131;
    }
  }
  .kgpcB01t {
    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: #9f3f96;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
  }
  .s2kOLmKT {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .iJzeQnTY {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
  }
  .n9kumtYO {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .dDHexkt3 {
    margin-inline: auto;
    margin-bottom: calc(var(--spacing) * 8);
    max-width: var(--container-3xl);
    border-radius: calc(11 * 3px);
    background-color: #fff2fd;
    padding: calc(var(--spacing) * 8);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:is(.dark *) {
      background-color: color-mix(in oklab, #692662 50%, transparent);
    }
  }
  .kB6tmj5v {
    margin-bottom: calc(var(--spacing) * 10);
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .qahjljdO {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-block: calc(var(--spacing) * 12);
    text-align: center;
  }
  .m8hgCHtk {
    margin: 0;
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .vz7hVaPT {
    height: 100%;
    border-radius: calc(infinity * 1px);
    background-color: #bd5bb2;
    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);
  }
  .knrWDhPb {
    pointer-events: none;
    position: absolute;
    top: calc(var(--spacing) * -20);
    left: calc(var(--spacing) * -20);
    height: calc(var(--spacing) * 72);
    width: calc(var(--spacing) * 72);
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in oklab, #bd5bb2 5%, transparent);
  }
  .yjH5dMfy {
    color: var(--color-slate-800);
    &:is(.dark *) {
      color: var(--color-slate-200);
    }
  }
  .mLrtzpvf {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    border-radius: calc(11 * 2px);
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
    border-color: #bd5bb2;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
    &:is(.dark *) {
      background-color: #511e4c;
    }
  }
  .gH4bQck9 {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    opacity: 75%;
  }
  .unBwUnBQ {
    margin-bottom: calc(var(--spacing) * 16);
    border-inline-start-style: var(--tw-border-style);
    border-inline-start-width: 2px;
    border-color: #eda5e3;
    padding-inline-start: calc(var(--spacing) * 8);
    &:is(.dark *) {
      border-color: #84317d;
    }
  }
  .w2jN3dYA {
    min-width: 0;
  }
  .xjXjq9uZ {
    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);
    }
  }
  .nm3KpWSZ {
    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));
    }
  }
  .qLGCRks8 {
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .i2AxTBZP {
    margin-bottom: 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-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-900);
    &:is(.dark *) {
      color: var(--color-slate-100);
    }
  }
  .uULHmZIA {
    margin-top: calc(var(--spacing) * 2);
    :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) * 4);
  }
  .iZhGbMw9 {
    width: calc(var(--spacing) * 40);
    color: var(--color-slate-700);
    &:is(.dark *) {
      color: var(--color-slate-300);
    }
  }
  .zwOs1aVr {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-white);
  }
  .yobUOTtK {
    display: flex;
    flex: 1;
    align-items: center;
  }
  .mRS82uLZ {
    flex: 1;
  }
  .iY0ym77H {
    position: relative;
    margin: 0;
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--spacing) * 12);
    padding: 0;
  }
  .oj7XbIzE {
    display: inline-block;
    color: #bd5bb2;
    &:is(.dark *) {
      color: #d67ccb;
    }
  }
  .z7ysgYZq {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
  }
  .jPRX92I9 {
    position: absolute;
    top: calc(var(--spacing) * 3);
    right: calc(var(--spacing) * 3);
    border-radius: calc(infinity * 1px);
    background-color: #9f3f96;
    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-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    &:is(.dark *) {
      background-color: #d67ccb;
    }
    &:is(.dark *) {
      color: var(--color-slate-900);
    }
  }
  .nXpMIC1u {
    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: #511e4c;
    @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);
    }
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-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-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-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-ease: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-leading: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-space-y-reverse: 0;
      --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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-divide-y-reverse: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
    }
  }
}

.cookie-glass-banner-is-hidden {
    opacity: 0;
    transform: translateX(-1rem);
}

.cookie-glass-banner-is-shown {
    opacity: 1;
    transform: translateX(0);
}

.consent-cookiebar__banner--initial {
    display: none;
    z-index: 1050;
    width: 18rem;
    max-width: 18rem;
    transition: all 0.4s ease;
}

.consent-cookiebar__case--haze {
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-radius: 1rem;
}

.consent-cookiebar__accent {
    height: 1px;
}

.consent-cookiebar__icon-box {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
}

.consent-cookiebar__title {
    font-size: 1.125rem;
}

.consent-cookiebar__desc {
    font-size: 0.875rem;
    line-height: 1.625;
}

.consent-cookiebar__jump--rise {
    font-size: 0.875rem;
    border-radius: 0.75rem;
    transition: transform 0.2s ease;
}

.consent-cookiebar__jump--rise:hover {
    transform: scale(1.05);
}

.consent-cookiebar__action--rise {
    font-size: 0.875rem;
    border-radius: 0.75rem;
    transition: all 0.2s ease;
}

.consent-cookiebar__action--rise:hover {
    transform: scale(1.05);
}

.footer-newsletter-split__logo--hover:hover {
    opacity: 0.9;
}
.footer-newsletter-split__link--hover:hover {
    color: var(--bs-primary);
}
.footer-newsletter-split__logo-wrap {
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    flex-shrink: 0;
}
.footer-newsletter-split__icon-wrap {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
}

/* Header v12 Styles - Fixed Positioned */
main > *:first-child {
    padding-top: 120px !important;
}

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

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

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

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

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

.intro-split-icon {
    width: 3rem;
    height: 3rem;
}

/* Як TW: w-64 → sm:w-80 → lg:w-96 (одна шкала для обох фреймворків) */
.intro-split-thumb {
    width: 16rem;
    height: 16rem;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .intro-split-thumb {
        width: 20rem;
        height: 20rem;
    }
}

@media (min-width: 1024px) {
    .intro-split-thumb {
        width: 24rem;
        height: 24rem;
    }
}

/* Bootstrap: flex + gap (no .row negative margins; works with section overflow). Tailwind grid ignores flex on items. */
@media (min-width: 576px) {
    .intro-split-benefits__row > * {
        flex: 1 1 0%;
        min-width: 0;
    }
}

.features-tab-grid__decor--pulse {
    top: 0;
    right: 0;
    animation: features-tab-grid-pulse-kf 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.features-tab-grid__decor--spin {
    bottom: 0;
    left: 0;
    animation: features-tab-grid-spin-kf 1s linear infinite;
}

.features-tab-grid__decor--bounce {
    top: 50%;
    left: 25%;
    transform: rotate(-6deg);
    animation: features-tab-grid-bounce-kf 1s infinite;
}

.features-tab-grid__decor--line {
    top: 33.333333%;
    right: 25%;
    transform: rotate(6deg);
}

.features-tab-grid__tab {
    cursor: pointer;
}

.features-tab-grid__tab--active {
    border-bottom-color: var(--bs-primary, #0d6efd);
    color: var(--bs-primary, #0d6efd);
}

.features-tab-grid__tab--inactive {
    border-bottom-color: transparent;
    color: inherit;
}

.features-tab-grid__tab:hover {
    border-bottom-color: var(--bs-primary, #0d6efd);
    opacity: 0.8;
}

.features-tab-grid__card {
    transition: all 0.3s ease;
}

.features-tab-grid__card:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.features-tab-grid__card:hover .features-tab-grid__title {
    color: var(--bs-primary, #0d6efd);
}

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

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

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

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

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

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

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

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

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

/* -- Deck button hover -- */
.feat-deck-btn {
    transition: filter 0.2s ease, transform 0.15s ease;
}
.feat-deck-btn:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

/* -- BS-mode decorative shapes � subtle, non-intrusive -- */
.features-decor__bs-blob {
    background-color: var(--bs-primary-bg-subtle);
    opacity: 0.35;
    filter: blur(48px);
}
.features-decor__bs-shape {
    opacity: 0.15;
}
.features-decor__bs-line {
    border-left: 1px solid var(--bs-primary-border-subtle);
    opacity: 0.18;
}
/* glossary wire — row nudge on hover */
.glossary-wire__row {
    transition: transform 0.18s ease;
}

.glossary-wire__row:hover {
    transform: translateX(3px);
}

.digest-pair-fan__tile {
    max-width: 45%;
}

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

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

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

.backdrop-grid-min-h { min-height: 30vh; }

.backdrop-sq-12 { width: 3rem; height: 3rem; flex-shrink: 0; }

.backdrop-card-hover {
    transition: transform 0.3s ease;
}

.backdrop-card-hover:hover {
    transform: scale(1.05);
}

/* values datatable v18 - grid layout only, no colors */
.values-datatable__row {
    display: grid;
    width: 100%;
    grid-template-columns: auto 1fr auto;
    column-gap: 1rem;
    row-gap: 0.75rem;
    align-items: start;
    box-sizing: border-box;
}

@media (min-width: 640px) {
    .values-datatable__row {
        grid-template-columns: 3rem 10rem 1fr 5rem;
        column-gap: 1.5rem;
        row-gap: 0;
    }
}

.values-datatable__num {
    grid-column: 1;
}

.values-datatable__title {
    grid-column: 2;
    margin: 0;
}

.values-datatable__desc {
    grid-column: 1 / -1;
    margin: 0;
    min-width: 0;
}

.values-datatable__rank {
    grid-column: 1 / -1;
    justify-self: start;
}

@media (min-width: 640px) {
    .values-datatable__desc {
        grid-column: 3;
    }

    .values-datatable__rank {
        grid-column: 4;
        justify-self: end;
    }
}

.diagonal-zigzag-split__portrait {
    width: 8rem;
    height: 8rem;
}

.diagonal-zigzag-split__portrait--tilt-left {
    transform: rotate(-5deg);
}

.diagonal-zigzag-split__portrait--tilt-right {
    transform: rotate(5deg);
}

.diagonal-zigzag-split__portrait:hover {
    transform: rotate(0);
}

.diagonal-zigzag-split__beacon {
    width: 2rem;
    height: 2rem;
    bottom: -0.25rem;
    right: -0.25rem;
}

.diagonal-zigzag-split__beacon-dot {
    width: 0.75rem;
    height: 0.75rem;
}

.diagonal-zigzag-split__frame {
    width: 4rem;
    height: 4rem;
}

.diagonal-zigzag-split__frame--tl {
    top: 0;
    left: 0;
}

.diagonal-zigzag-split__frame--br {
    bottom: 0;
    right: 0;
}

.diagonal-zigzag-split__frame--rotate-45 {
    transform: rotate(45deg);
}

.diagonal-zigzag-split__frame--rotate-minus-45 {
    transform: rotate(-45deg);
}

.diagonal-zigzag-split__wash {
    width: 8rem;
}

.diagonal-zigzag-split__corner {
    width: 5rem;
    height: 5rem;
}

.diagonal-zigzag-split__min-shrink {
    min-width: 0;
}

@media (min-width: 768px) {
    .diagonal-zigzag-split__band--reverse {
        flex-direction: row-reverse;
    }

    .diagonal-zigzag-split__portrait {
        width: 10rem;
        height: 10rem;
    }
}

/* v16 — Numbered Trail + Company Info: step fade-slide, dot pop, responsive */

/*
 * Bootstrap .d-flex / .d-inline-flex с !important перебивают нативный [hidden].
 * Без этого шаг «success» и прочие скрытые шаги остаются видны при bs-разметке.
 */
.wizard-compact-track .wizard-compact-track__pane[hidden],
.wizard-compact-track .wizard-compact-track__toolbar[hidden],
.wizard-compact-track button.wizard-compact-track__retreat[hidden],
.wizard-compact-track button.wizard-compact-track__commit[hidden],
.wizard-compact-track p.wizard-compact-track__alert[hidden],
.wizard-compact-track .wizard-compact-track__tick[hidden] {
    display: none !important;
}

/* Только активный шаг: иначе fill-mode "both" оставляет opacity:1 у всех .wizard-compact-track__pane и «скрытые» шаги остаются видимыми */
.wizard-compact-track__pane:not([hidden]) {
    animation: wizard-compact-track-pane-reveal-kf 0.35s ease both;
}

@keyframes wizard-compact-track-pane-reveal-kf {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Dot activation pop */
.wizard-compact-track__bead.bg-primary-500 {
    animation: wizard-compact-track-bead-pop-kf 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes wizard-compact-track-bead-pop-kf {
    from { transform: scale(0.7); }
    to   { transform: scale(1); }
}

/* Company panel hover items — prevent text overflow */
.wizard-compact-track .flex-1 {
    min-width: 0;
}

/* Responsive: ensure columns don't overflow on small screens */
@media (max-width: 1023px) {
    .wizard-compact-track__aside {
        width: 100%;
    }
}

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

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

.google-map-contact-left__iframe {
    width: 100%;
    min-height: 400px;
}

@media (min-width: 992px) {
    .google-map-contact-left__iframe {
        min-height: 600px;
    }
}

/* iframe-normalized */
.google-map-contact-left__iframe {
    width: 100%;
    max-width: 100%;
    height: 400px;
    min-height: 400px;
    display: block;
    border: 0;
    box-sizing: border-box;
    vertical-align: bottom;
}

@media (min-width: 768px) {
    .google-map-contact-left__iframe {
        height: 600px;
        min-height: 600px;
    }
}


.intro-gradient-card__area {
    max-width: 48rem;
}


/* process film — card image fit */
.process-film__img-wrap {
    aspect-ratio: 4 / 5;
    overflow: hidden;
}

.process-film__img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* process film — full-section animated primary blur */
.process-film__blur {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
}

.process-film__blur--a {
    width: 75%;
    height: 85%;
    top: -25%;
    left: -20%;
    animation: process-film-blur-drift-a 10s ease-in-out infinite;
}

.process-film__blur--b {
    width: 70%;
    height: 80%;
    top: 0;
    right: -25%;
    animation: process-film-blur-drift-b 12s ease-in-out infinite;
}

.process-film__blur--c {
    width: 80%;
    height: 90%;
    bottom: -30%;
    left: 5%;
    animation: process-film-blur-drift-c 14s ease-in-out infinite;
}

.process-film__blur--d {
    width: 65%;
    height: 75%;
    top: 25%;
    left: 25%;
    animation: process-film-blur-drift-d 11s ease-in-out infinite;
}

.process-film__blur--delay {
    animation-delay: 2.5s;
}

@keyframes process-film-blur-drift-a {
    0%,
    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.75;
    }

    50% {
        transform: translate(8%, 6%) scale(1.08);
        opacity: 1;
    }
}

@keyframes process-film-blur-drift-b {
    0%,
    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.7;
    }

    50% {
        transform: translate(-6%, 8%) scale(1.06);
        opacity: 0.95;
    }
}

@keyframes process-film-blur-drift-c {
    0%,
    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.65;
    }

    50% {
        transform: translate(5%, -6%) scale(1.1);
        opacity: 0.9;
    }
}

@keyframes process-film-blur-drift-d {
    0%,
    100% {
        transform: translate(0, 0) scale(1);
        opacity: 0.6;
    }

    50% {
        transform: translate(-4%, 5%) scale(1.07);
        opacity: 0.85;
    }
}

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

.tips-interactive__badge {
    z-index: 20;
}

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

.tips-interactive__panel {
    z-index: 50;
}

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

.tips-interactive__thumb--sm {
    width: 3rem;
    height: 3rem;
}

.tips-interactive__panel--collapsed {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-1rem);
}

.tips-interactive__panel--open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* faq v27 — dark quote wall (static grid) */
.faq-quote-wall__grid {
  align-items: stretch;
}

.faq-quote-wall__col {
  min-width: 0;
}

.faq-quote-wall__card {
  transition:
    transform 220ms ease,
    box-shadow 220ms ease;
}

.faq-quote-wall__card:hover {
  transform: translateY(-0.25rem);
}

.faq-quote-wall__mark--open {
  z-index: 1;
}

.faq-quote-wall__cite {
  min-height: 3rem;
}

.hero-ledger__blob { width: 36rem; height: 36rem; top: -10rem; right: -10rem; filter: blur(70px); opacity: .7; }

.hero-ledger__copy > * { opacity: 0; transform: translateY(1rem); animation: hero-ledger-rise 700ms cubic-bezier(.2, .8, .2, 1) forwards; }
.hero-ledger__copy > *:nth-child(2) { animation-delay: 90ms; }
.hero-ledger__copy > *:nth-child(3) { animation-delay: 180ms; }
.hero-ledger__copy > *:nth-child(4) { animation-delay: 270ms; }
.hero-ledger__copy > *:nth-child(5) { animation-delay: 360ms; }

.hero-ledger__live { width: .5rem; height: .5rem; border-radius: 999px; border: .25rem solid; animation: hero-ledger-pulse 1.8s ease-in-out infinite; }

.hero-ledger__card { opacity: 0; transform: translateY(2rem) rotate(-1deg); transition: opacity 800ms ease, transform 800ms cubic-bezier(.2, .8, .2, 1); }
[data-ledger-dash].is-visible .hero-ledger__card { opacity: 1; transform: none; }

.hero-ledger__chart { display: block; width: 100%; height: 9rem; overflow: visible; }
.hero-ledger__chart [data-line] { transition: stroke-dashoffset 1600ms ease 300ms; }
.hero-ledger__chart [data-area] { transition: opacity 700ms ease 1400ms; }
[data-ledger-dash].is-visible .hero-ledger__chart [data-area] { opacity: .12; }

.hero-ledger__acc { opacity: 0; transform: translateX(1.5rem); transition: opacity 500ms ease, transform 500ms ease; }
[data-ledger-dash].is-visible .hero-ledger__acc { opacity: 1; transform: none; }
[data-ledger-dash].is-visible .hero-ledger__acc:nth-child(1) { transition-delay: 700ms; }
[data-ledger-dash].is-visible .hero-ledger__acc:nth-child(2) { transition-delay: 850ms; }
[data-ledger-dash].is-visible .hero-ledger__acc:nth-child(3) { transition-delay: 1000ms; }

.hero-ledger__badge { left: -1.5rem !important; bottom: -1.5rem !important; animation: hero-ledger-float 5s ease-in-out infinite; }
.hero-ledger__ring { width: 3rem; height: 3rem; }
.hero-ledger__ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.hero-ledger__ring [data-ring-arc] { stroke-dasharray: 126; stroke-dashoffset: 126; transition: stroke-dashoffset 1400ms cubic-bezier(.2, .8, .2, 1) 900ms; }
.hero-ledger__micro { font-size: .7rem; }
.hero-ledger__badge-text { max-width: 11rem; }

@keyframes hero-ledger-rise { to { opacity: 1; transform: none; } }
@keyframes hero-ledger-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.6); opacity: .5; } }
@keyframes hero-ledger-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

@media (prefers-reduced-motion: reduce) {
    .hero-ledger__copy > *, .hero-ledger__card, .hero-ledger__acc { animation: none; opacity: 1; transform: none; transition: none; }
    .hero-ledger__badge, .hero-ledger__live { animation: none; }
}
/* keep the floating badge clear of the last account row; long trust labels must not collide */
.hero-ledger__card { padding-bottom: 3.5rem !important; }
.hero-ledger__trust > * { min-width: 0; overflow-wrap: anywhere; }

/* account rows: the amount never breaks or pushes out, the label shrinks instead */
.hero-ledger__acc { flex-wrap: wrap; row-gap: .25rem; }
.hero-ledger__acc > :first-child { flex: 1 1 7.5rem; min-width: 0; overflow-wrap: anywhere; }
.hero-ledger__acc > :last-child { flex-shrink: 0; white-space: nowrap; margin-left: auto; }

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

/* benefits reel — autoplay carousel, layout/motion only (no colors) */
.benefits-reel { --reel-duration: 5200ms; }
.benefits-reel__count { font-variant-numeric: tabular-nums; min-width: 4.5rem; text-align: right; }

.benefits-reel__ctrl { appearance: none; -webkit-appearance: none; font: inherit; cursor: pointer; width: 3rem; height: 3rem; padding: 0; }

.benefits-reel__track {
    position: relative;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
}
.benefits-reel__track::-webkit-scrollbar { display: none; }

.benefits-reel__slide { width: 85%; scroll-snap-align: start; }
@media (min-width: 576px) { .benefits-reel__slide { width: 22rem; } }
@media (min-width: 1200px) { .benefits-reel__slide { width: 24rem; } }

.benefits-reel__card { transition: transform 400ms ease, box-shadow 400ms ease, opacity 400ms ease; opacity: .72; }
.benefits-reel__slide.is-active .benefits-reel__card { transform: translateY(-.5rem); opacity: 1; }
.benefits-reel__card:hover { opacity: 1; }

.benefits-reel__edge { height: .25rem; transform: scaleX(0); transform-origin: left center; transition: transform 500ms ease; }
.benefits-reel__slide.is-active .benefits-reel__edge { transform: scaleX(1); }

.benefits-reel__ring { width: 4rem; height: 4rem; }
.benefits-reel__ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.benefits-reel__arc { stroke-dasharray: 1; stroke-dashoffset: 1; opacity: .35; }
.benefits-reel__slide.is-active .benefits-reel__arc { opacity: 1; animation: benefits-reel-fill var(--reel-duration) linear forwards; }
.benefits-reel.is-paused .benefits-reel__slide.is-active .benefits-reel__arc { animation-play-state: paused; }
.benefits-reel.is-static .benefits-reel__arc { animation: none; stroke-dashoffset: 0; }

.benefits-reel__dot { display: block; width: .5rem; height: .5rem; opacity: .3; transition: width 300ms ease, opacity 300ms ease; }
.benefits-reel__dot.is-active { width: 2rem; opacity: 1; }

@keyframes benefits-reel-fill { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }

@media (prefers-reduced-motion: reduce) {
    .benefits-reel__track { scroll-behavior: auto; }
    .benefits-reel__card, .benefits-reel__edge, .benefits-reel__dot { transition: none; }
    .benefits-reel__slide.is-active .benefits-reel__arc { animation: none; stroke-dashoffset: 0; }
}

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

/* CTA band: the button group may shrink and wrap so long labels never run past the band */
.benefits-reel :has(> a[href] + a[href]) { flex-shrink: 1 !important; min-width: 0; max-width: 100%; }
.benefits-reel :has(> a[href] + a[href]) > a { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.benefits-reel :has(+ :has(> a[href] + a[href])) { min-width: 0; }

.masonry-grid__card--hover:hover {
    transform: scale(1.05);
}

.masonry-grid__media--xl { height: 20rem; }
.masonry-grid__media--lg { height: 16rem; }
.masonry-grid__media--md { height: 18rem; }
.masonry-grid__media--sm { height: 15rem; }

.masonry-grid__img--zoom {
    transition: transform 0.5s ease;
}
.masonry-grid__card:hover .masonry-grid__img--zoom {
    transform: scale(1.1);
}

.masonry-grid__overlay--fade {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.masonry-grid__card:hover .masonry-grid__overlay--fade {
    opacity: 1;
}

.masonry-grid__badge--fade {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.masonry-grid__card:hover .masonry-grid__badge--fade {
    opacity: 1;
}

.masonry-grid__panel--slide {
    transform: translateY(100%);
    transition: transform 0.3s ease;
}
.masonry-grid__card:hover .masonry-grid__panel--slide {
    transform: translateY(0);
}

.rail-three-quote-split__portrait {
    width: 4rem;
    height: 4rem;
}

.rail-three-quote-split__col {
    padding-bottom: 1.5rem;
}

.rail-three-quote-split__col:last-child {
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .rail-three-quote-split__col {
        padding-bottom: 0;
    }
}

/* slim-path — minimal vertical timeline */
.slim-path__eyebrow {
    letter-spacing: 0.16em;
}

.slim-path__title {
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.slim-path__rail {
    width: 0;
    left: 50%;
    top: 1.5rem;
    bottom: 1.5rem;
    transform: translateX(-50%);
}

.slim-path__icon {
    width: 3.25rem;
    height: 3.25rem;
    z-index: 1;
}

.slim-path__text {
    max-width: 28rem;
}

/* Block: advantages-split-border-bars */
.advantages-split-border-bars__bar--hover {
    transition: transform 0.2s ease;
}

.advantages-split-border-bars__bar--hover:hover {
    transform: scale(1.05);
}

.advantages-split-border-bars__decor-circle--top {
    animation: advantages-split-border-bars-decor-drift-kf 9s ease-in-out infinite;
}

.advantages-split-border-bars__decor-circle--bottom {
    animation: advantages-split-border-bars-decor-drift-kf 12s ease-in-out infinite reverse;
}

@keyframes advantages-split-border-bars-decor-drift-kf {
    0%,
    100% {
        transform: translateY(0px) scale(1);
    }

    50% {
        transform: translateY(-24px) scale(1.04);
    }
}


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

.appeal-signup__shell--py-4xl {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

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

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

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

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

.mailing-tiers__col {
    padding: 2rem;
}

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

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

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

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

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

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

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

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

.mailing-tiers__panel {
    padding: 2rem;
}

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

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

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

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

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

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

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

/* intro — ledger rail: photo-left stack with bar chart */
.intro-ledger__eyebrow {
    letter-spacing: 0.12em;
}

.intro-ledger__title {
    letter-spacing: -0.03em;
}

.intro-ledger__mark {
    height: 0.2em;
    margin-top: 0.15em;
}

.intro-ledger__stack {
    padding-left: 0.75rem;
}

.intro-ledger__avatar {
    width: 2.75rem;
    height: 2.75rem;
    margin-left: -0.7rem;
    line-height: 1;
}

.intro-ledger__rule {
    height: 0;
    border-top-style: solid !important;
}

.intro-ledger__photo {
    min-height: 22rem;
}

.intro-ledger__photo-img {
    object-fit: cover;
}

.intro-ledger__card {
    padding: 1.25rem;
}

.intro-ledger__caption {
    font-size: 0.75rem;
    line-height: 1rem;
}

.intro-ledger__bars {
    height: 5.5rem;
}

.intro-ledger__bar {
    transform-origin: center bottom;
    animation: intro-ledger-bar 3.6s ease-in-out infinite;
}

.intro-ledger__bar--b1 { height: 45%; }
.intro-ledger__bar--b2 { animation-delay: 0.2s; height: 55%; }
.intro-ledger__bar--b3 { animation-delay: 0.4s; height: 85%; }
.intro-ledger__bar--b4 { animation-delay: 0.6s; height: 40%; }
.intro-ledger__bar--b5 { animation-delay: 0.8s; height: 70%; }

@keyframes intro-ledger-bar {
    0%, 100% {
        transform: scaleY(0.55);
        opacity: 0.55;
    }
    50% {
        transform: scaleY(1);
        opacity: 1;
    }
}

@media (min-width: 1024px) {
    .intro-ledger__photo {
        min-height: 36rem;
    }
}

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

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

.gallery-masonry__card {
    transition: all 0.3s ease;
}

.gallery-masonry__card:hover {
    transform: scale(1.05);
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.175);
}

.gallery-masonry__img {
    transition: transform 0.3s ease;
}

.gallery-masonry__card:hover .gallery-masonry__img {
    transform: scale(1.05);
}

.gallery-masonry__overlay {
    opacity: 0;
    transition: opacity 0.3s ease;
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.2), transparent);
}

.gallery-masonry__card:hover .gallery-masonry__overlay {
    opacity: 1;
}

/* Bootstrap Grid Fallbacks */
.gallery-masonry__grid {
    grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 768px) {
    .gallery-masonry__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.gallery-masonry__card--large {
    grid-row: span 2;
    height: 100%;
}

.gallery-masonry__media--square {
    aspect-ratio: 1 / 1;
}

.gallery-masonry__media--full {
    height: 100%;
    min-height: 100%;
}

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

/*
 * Градієнт тільки для BS: наближення до TW from-primary-900/90 → to-primary-800/90
 * (у TW ці класи задані в @sem; спільний клас з color-mix давав інший відтінок, ніж шкала primary-*).
 */
.quote-overlay-gradient {
  opacity: 0.9;
  background: linear-gradient(
    to right,
    color-mix(in srgb, var(--bs-primary) 30%, black),
    color-mix(in srgb, var(--bs-primary) 42%, black)
  );
}

[data-bs-theme="dark"] .quote-overlay-gradient,
.dark .quote-overlay-gradient {
  background: linear-gradient(
    to right,
    color-mix(in srgb, var(--bs-primary) 18%, black),
    color-mix(in srgb, var(--bs-primary) 30%, black)
  );
}

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

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


.node-marker--hover:hover { transform: scale(1.1); transition: transform .2s ease; }

.node-dot--hover:hover { transform: scale(1.1); transition: transform .2s ease; }

.path-header--spacing {
    margin-bottom: 4rem;
}

.path-intro--spacing {
    margin-bottom: 4rem;
}

.path-list--spacing {
    margin-bottom: 4rem;
}

.mxw-3xl { max-width: 48rem !important; }

/* Hover effects moved out of the sem directive (framework-independent) */
.terms-path__item .node-marker--hover { transition: transform 0.2s ease, border-color 0.2s ease; }
.terms-path__item .node-dot--hover { transition: transform 0.2s ease; }
.terms-path__item .terms-path__panel { transition: border-color 0.2s ease; }
.terms-path__item:hover .node-marker--hover { transform: scale(1.1); border-color: var(--bs-primary, rgb(var(--tw-primary-500) / 1)); }
.terms-path__item:hover .node-dot--hover { transform: scale(1.1); }
.terms-path__item:hover .terms-path__panel { border-color: var(--bs-primary, rgb(var(--tw-primary-200) / 1)); }
.dark .terms-path__item:hover .terms-path__panel { border-color: var(--bs-primary, rgb(var(--tw-primary-800) / 1)); }
@media (prefers-reduced-motion: reduce) {
    .terms-path__item:hover .node-marker--hover,
    .terms-path__item:hover .node-dot--hover { transform: none; }
}

.cookie-policy-hero-decor {
    width: 12rem;
    height: 12rem;
    top: -25%;
    right: -20%;
    transform: rotate(45deg);
}
.cookie-policy-badge {
    width: 1.5rem;
    height: 1.5rem;
}
.cookie-policy-retention-text {
    max-width: 48rem;
}

/* Paper stack offset — layout only (no colors) */
.page-disclaimer-v21__stack-far {
    transform: translate(0.25rem, 0.5rem);
}

.page-disclaimer-v21__stack-near {
    transform: translate(0.125rem, 0.25rem);
}


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

.apology-letter__card--padded {
    padding: 4rem;
}
.mxw-xl { max-width: 36rem !important; }