/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
    @layer properties {
      @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

        *,
        :before,
        :after,
        ::backdrop {
          --tw-scale-x: 1;
          --tw-scale-y: 1;
          --tw-scale-z: 1;
          --tw-rotate-x: initial;
          --tw-rotate-y: initial;
          --tw-rotate-z: initial;
          --tw-skew-x: initial;
          --tw-skew-y: initial;
          --tw-space-y-reverse: 0;
          --tw-border-style: solid;
          --tw-gradient-position: initial;
          --tw-gradient-from: #0000;
          --tw-gradient-via: #0000;
          --tw-gradient-to: #0000;
          --tw-gradient-stops: initial;
          --tw-gradient-via-stops: initial;
          --tw-gradient-from-position: 0%;
          --tw-gradient-via-position: 50%;
          --tw-gradient-to-position: 100%;
          --tw-leading: initial;
          --tw-font-weight: initial;
          --tw-tracking: initial;
          --tw-shadow: 0 0 #0000;
          --tw-shadow-color: initial;
          --tw-shadow-alpha: 100%;
          --tw-inset-shadow: 0 0 #0000;
          --tw-inset-shadow-color: initial;
          --tw-inset-shadow-alpha: 100%;
          --tw-ring-color: initial;
          --tw-ring-shadow: 0 0 #0000;
          --tw-inset-ring-color: initial;
          --tw-inset-ring-shadow: 0 0 #0000;
          --tw-ring-inset: initial;
          --tw-ring-offset-width: 0px;
          --tw-ring-offset-color: #fff;
          --tw-ring-offset-shadow: 0 0 #0000;
          --tw-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-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-duration: initial;
          --tw-translate-x: 0;
          --tw-translate-y: 0;
          --tw-translate-z: 0
        }
      }
    }

    @layer theme {

      :root,
      :host {
        --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-white: #fff;
        --spacing: .25rem;
        --container-xs: 20rem;
        --container-sm: 24rem;
        --container-md: 28rem;
        --container-xl: 36rem;
        --container-2xl: 42rem;
        --container-7xl: 80rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1 / .75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25 / .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-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;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --leading-tight: 1.25;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --blur-3xl: 64px;
        --aspect-video: 16 / 9;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-display: "Plus Jakarta Sans", sans-serif;
        --font-body: "Inter", sans-serif;
        --color-brand: #61091c;
        --color-brand-dark: #490413;
        --color-brand-soft: #f5e8eb;
        --color-text-primary: #212124;
        --color-text-secondary: #353438;
        --color-text-muted: #666268;
        --color-surface-ivory: #f8f6f3;
        --color-surface-warm: #f2efeb;
        --color-border: #e3e0de;
        --color-premium: #c9a96a;
        --color-premium-light: #e7d8b8;
        --color-whatsapp: #25d366
      }
    }

    @layer base {

      *,
      :after,
      :before,
      ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
      }

      ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
      }

      html,
      :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
      }

      hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
      }

      abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-size: inherit;
        font-weight: inherit
      }

      a {
        color: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: 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 {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
      }

      sub {
        bottom: -.25em
      }

      sup {
        top: -.5em
      }

      table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
      }

      :-moz-focusring:where(:not(iframe)) {
        outline: auto
      }

      progress {
        vertical-align: baseline
      }

      summary {
        display: list-item
      }

      ol,
      ul,
      menu {
        list-style: none
      }

      img,
      svg,
      video,
      canvas,
      audio,
      iframe,
      embed,
      object {
        vertical-align: middle;
        display: block
      }

      img,
      video {
        max-width: 100%;
        height: auto
      }

      button,
      input,
      select,
      optgroup,
      textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
      }

      ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
      }

      :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)) {
          ::placeholder {
            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 {
        padding-block: 0
      }

      ::-webkit-datetime-edit-year-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-month-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-day-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-hour-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-minute-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-second-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
      }

      ::-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]) {
        appearance: button
      }

      ::file-selector-button {
        appearance: button
      }

      ::-webkit-inner-spin-button {
        height: auto
      }

      ::-webkit-outer-spin-button {
        height: auto
      }

      [hidden]:where(:not([hidden=until-found])) {
        display: none !important
      }
    }

    @layer components;

    @layer utilities {
      .pointer-events-none {
        pointer-events: none
      }

      .visible {
        visibility: visible
      }

      .absolute {
        position: absolute
      }

      .fixed {
        position: fixed
      }

      .relative {
        position: relative
      }

      .sticky {
        position: sticky
      }

      .inset-x-0 {
        inset-inline: 0
      }

      .-top-4 {
        top: calc(var(--spacing) * -4)
      }

      .-top-24 {
        top: calc(var(--spacing) * -24)
      }

      .-top-40 {
        top: calc(var(--spacing) * -40)
      }

      .top-0 {
        top: 0
      }

      .top-3 {
        top: calc(var(--spacing) * 3)
      }

      .top-5 {
        top: calc(var(--spacing) * 5)
      }

      .-right-4 {
        right: calc(var(--spacing) * -4)
      }

      .-right-24 {
        right: calc(var(--spacing) * -24)
      }

      .-right-40 {
        right: calc(var(--spacing) * -40)
      }

      .right-3 {
        right: calc(var(--spacing) * 3)
      }

      .right-5 {
        right: calc(var(--spacing) * 5)
      }

      .-bottom-6 {
        bottom: calc(var(--spacing) * -6)
      }

      .-bottom-20 {
        bottom: calc(var(--spacing) * -20)
      }

      .bottom-0 {
        bottom: 0
      }

      .bottom-3 {
        bottom: calc(var(--spacing) * 3)
      }

      .-left-6 {
        left: calc(var(--spacing) * -6)
      }

      .-left-20 {
        left: calc(var(--spacing) * -20)
      }

      .-left-32 {
        left: calc(var(--spacing) * -32)
      }

      .left-3 {
        left: calc(var(--spacing) * 3)
      }

      .z-50 {
        z-index: 50
      }

      .order-1 {
        order: 1
      }

      .order-2 {
        order: 2
      }

      .mx-auto {
        margin-inline: auto
      }

      .mt-0\.5 {
        margin-top: calc(var(--spacing) * .5)
      }

      .mt-1 {
        margin-top: var(--spacing)
      }

      .mt-2 {
        margin-top: calc(var(--spacing) * 2)
      }

      .mt-3 {
        margin-top: calc(var(--spacing) * 3)
      }

      .mt-4 {
        margin-top: calc(var(--spacing) * 4)
      }

      .mt-5 {
        margin-top: calc(var(--spacing) * 5)
      }

      .mt-6 {
        margin-top: calc(var(--spacing) * 6)
      }

      .mt-7 {
        margin-top: calc(var(--spacing) * 7)
      }

      .mt-9 {
        margin-top: calc(var(--spacing) * 9)
      }

      .mt-10 {
        margin-top: calc(var(--spacing) * 10)
      }

      .mb-1\.5 {
        margin-bottom: calc(var(--spacing) * 1.5)
      }

      .mb-4 {
        margin-bottom: calc(var(--spacing) * 4)
      }

      .mb-5 {
        margin-bottom: calc(var(--spacing) * 5)
      }

      .block {
        display: block
      }

      .flex {
        display: flex
      }

      .grid {
        display: grid
      }

      .hidden {
        display: none
      }

      .inline-flex {
        display: inline-flex
      }

      .aspect-\[4\/3\] {
        aspect-ratio: 4/3
      }

      .aspect-\[4\/5\] {
        aspect-ratio: 4/5
      }

      .aspect-square {
        aspect-ratio: 1
      }

      .aspect-video {
        aspect-ratio: var(--aspect-video)
      }

      .h-1 {
        height: var(--spacing)
      }

      .h-1\.5 {
        height: calc(var(--spacing) * 1.5)
      }

      .h-5 {
        height: calc(var(--spacing) * 5)
      }

      .h-8 {
        height: calc(var(--spacing) * 8)
      }

      .h-10 {
        height: calc(var(--spacing) * 10)
      }

      .h-11 {
        height: calc(var(--spacing) * 11)
      }

      .h-12 {
        height: calc(var(--spacing) * 12)
      }

      .h-16 {
        height: calc(var(--spacing) * 16)
      }

      .h-72 {
        height: calc(var(--spacing) * 72)
      }

      .h-96 {
        height: calc(var(--spacing) * 96)
      }

      .h-\[36rem\] {
        height: 36rem
      }

      .h-full {
        height: 100%
      }

      .min-h-11 {
        min-height: calc(var(--spacing) * 11)
      }

      .min-h-12 {
        min-height: calc(var(--spacing) * 12)
      }

      .w-1\.5 {
        width: calc(var(--spacing) * 1.5)
      }

      .w-5 {
        width: calc(var(--spacing) * 5)
      }

      .w-8 {
        width: calc(var(--spacing) * 8)
      }

      .w-10 {
        width: calc(var(--spacing) * 10)
      }

      .w-11 {
        width: calc(var(--spacing) * 11)
      }

      .w-12 {
        width: calc(var(--spacing) * 12)
      }

      .w-14 {
        width: calc(var(--spacing) * 14)
      }

      .w-16 {
        width: calc(var(--spacing) * 16)
      }

      .w-72 {
        width: calc(var(--spacing) * 72)
      }

      .w-96 {
        width: calc(var(--spacing) * 96)
      }

      .w-\[36rem\] {
        width: 36rem
      }

      .w-\[320px\] {
        width: 320px
      }

      .w-auto {
        width: auto
      }

      .w-full {
        width: 100%
      }

      .w-max {
        width: max-content
      }

      .max-w-2xl {
        max-width: var(--container-2xl)
      }

      .max-w-7xl {
        max-width: var(--container-7xl)
      }

      .max-w-md {
        max-width: var(--container-md)
      }

      .max-w-sm {
        max-width: var(--container-sm)
      }

      .max-w-xl {
        max-width: var(--container-xl)
      }

      .max-w-xs {
        max-width: var(--container-xs)
      }

      .flex-1 {
        flex: 1
      }

      .shrink-0 {
        flex-shrink: 0
      }

      .origin-left {
        transform-origin: 0
      }

      .scale-x-0 {
        --tw-scale-x: 0%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
      }

      .transform {
        transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
      }

      .cursor-pointer {
        cursor: pointer
      }

      .grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
      }

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

      .flex-col {
        flex-direction: column
      }

      .flex-wrap {
        flex-wrap: wrap
      }

      .items-center {
        align-items: center
      }

      .items-start {
        align-items: flex-start
      }

      .justify-between {
        justify-content: space-between
      }

      .justify-center {
        justify-content: center
      }

      .gap-2 {
        gap: calc(var(--spacing) * 2)
      }

      .gap-2\.5 {
        gap: calc(var(--spacing) * 2.5)
      }

      .gap-3 {
        gap: calc(var(--spacing) * 3)
      }

      .gap-4 {
        gap: calc(var(--spacing) * 4)
      }

      .gap-5 {
        gap: calc(var(--spacing) * 5)
      }

      .gap-6 {
        gap: calc(var(--spacing) * 6)
      }

      .gap-7 {
        gap: calc(var(--spacing) * 7)
      }

      .gap-8 {
        gap: calc(var(--spacing) * 8)
      }

      .gap-10 {
        gap: calc(var(--spacing) * 10)
      }

      :where(.space-y-3>: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)))
      }

      :where(.space-y-4>: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)))
      }

      .overflow-hidden {
        overflow: hidden
      }

      .scroll-smooth {
        scroll-behavior: smooth
      }

      .rounded-2xl {
        border-radius: var(--radius-2xl)
      }

      .rounded-full {
        border-radius: 3.40282e38px
      }

      .rounded-lg {
        border-radius: var(--radius-lg)
      }

      .rounded-xl {
        border-radius: var(--radius-xl)
      }

      .border {
        border-style: var(--tw-border-style);
        border-width: 1px
      }

      .border-4 {
        border-style: var(--tw-border-style);
        border-width: 4px
      }

      .border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
      }

      .border-t-2 {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px
      }

      .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
      }

      .border-l-4 {
        border-left-style: var(--tw-border-style);
        border-left-width: 4px
      }

      .border-dashed {
        --tw-border-style: dashed;
        border-style: dashed
      }

      .border-border {
        border-color: var(--color-border)
      }

      .border-brand {
        border-color: var(--color-brand)
      }

      .border-premium {
        border-color: var(--color-premium)
      }

      .border-premium\/40 {
        border-color: #c9a96a66
      }

      @supports (color:color-mix(in lab, red, red)) {
        .border-premium\/40 {
          border-color: color-mix(in oklab, var(--color-premium) 40%, transparent)
        }
      }

      .border-premium\/50 {
        border-color: #c9a96a80
      }

      @supports (color:color-mix(in lab, red, red)) {
        .border-premium\/50 {
          border-color: color-mix(in oklab, var(--color-premium) 50%, transparent)
        }
      }

      .border-white {
        border-color: var(--color-white)
      }

      .border-white\/10 {
        border-color: #ffffff1a
      }

      @supports (color:color-mix(in lab, red, red)) {
        .border-white\/10 {
          border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
      }

      .border-l-transparent {
        border-left-color: #0000
      }

      .bg-brand {
        background-color: var(--color-brand)
      }

      .bg-brand-soft {
        background-color: var(--color-brand-soft)
      }

      .bg-brand\/10 {
        background-color: #61091c1a
      }

      @supports (color:color-mix(in lab, red, red)) {
        .bg-brand\/10 {
          background-color: color-mix(in oklab, var(--color-brand) 10%, transparent)
        }
      }

      .bg-brand\/30 {
        background-color: #61091c4d
      }

      @supports (color:color-mix(in lab, red, red)) {
        .bg-brand\/30 {
          background-color: color-mix(in oklab, var(--color-brand) 30%, transparent)
        }
      }

      .bg-premium {
        background-color: var(--color-premium)
      }

      .bg-premium-light\/20 {
        background-color: #e7d8b833
      }

      @supports (color:color-mix(in lab, red, red)) {
        .bg-premium-light\/20 {
          background-color: color-mix(in oklab, var(--color-premium-light) 20%, transparent)
        }
      }

      .bg-premium-light\/40 {
        background-color: #e7d8b866
      }

      @supports (color:color-mix(in lab, red, red)) {
        .bg-premium-light\/40 {
          background-color: color-mix(in oklab, var(--color-premium-light) 40%, transparent)
        }
      }

      .bg-premium\/10 {
        background-color: #c9a96a1a
      }

      @supports (color:color-mix(in lab, red, red)) {
        .bg-premium\/10 {
          background-color: color-mix(in oklab, var(--color-premium) 10%, transparent)
        }
      }

      .bg-premium\/20 {
        background-color: #c9a96a33
      }

      @supports (color:color-mix(in lab, red, red)) {
        .bg-premium\/20 {
          background-color: color-mix(in oklab, var(--color-premium) 20%, transparent)
        }
      }

      .bg-surface-ivory {
        background-color: var(--color-surface-ivory)
      }

      .bg-surface-warm {
        background-color: var(--color-surface-warm)
      }

      .bg-text-primary {
        background-color: var(--color-text-primary)
      }

      .bg-whatsapp {
        background-color: var(--color-whatsapp)
      }

      .bg-white {
        background-color: var(--color-white)
      }

      .bg-white\/5 {
        background-color: #ffffff0d
      }

      @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/5 {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
        }
      }

      .bg-white\/95 {
        background-color: #fffffff2
      }

      @supports (color:color-mix(in lab, red, red)) {
        .bg-white\/95 {
          background-color: color-mix(in oklab, var(--color-white) 95%, transparent)
        }
      }

      .bg-gradient-to-br {
        --tw-gradient-position: to bottom right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
      }

      .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
      }

      .from-brand {
        --tw-gradient-from: var(--color-brand);
        --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))
      }

      .from-brand-dark {
        --tw-gradient-from: var(--color-brand-dark);
        --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))
      }

      .from-premium {
        --tw-gradient-from: var(--color-premium);
        --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))
      }

      .from-premium-light\/30 {
        --tw-gradient-from: #e7d8b84d
      }

      @supports (color:color-mix(in lab, red, red)) {
        .from-premium-light\/30 {
          --tw-gradient-from: color-mix(in oklab, var(--color-premium-light) 30%, transparent)
        }
      }

      .from-premium-light\/30 {
        --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))
      }

      .from-premium-light\/40 {
        --tw-gradient-from: #e7d8b866
      }

      @supports (color:color-mix(in lab, red, red)) {
        .from-premium-light\/40 {
          --tw-gradient-from: color-mix(in oklab, var(--color-premium-light) 40%, transparent)
        }
      }

      .from-premium-light\/40 {
        --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))
      }

      .via-brand {
        --tw-gradient-via: var(--color-brand);
        --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)
      }

      .to-brand-dark {
        --tw-gradient-to: var(--color-brand-dark);
        --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))
      }

      .to-premium {
        --tw-gradient-to: var(--color-premium);
        --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))
      }

      .to-premium-light {
        --tw-gradient-to: var(--color-premium-light);
        --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))
      }

      .to-white {
        --tw-gradient-to: var(--color-white);
        --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))
      }

      .object-cover {
        object-fit: cover
      }

      .object-top {
        object-position: top
      }

      .p-3 {
        padding: calc(var(--spacing) * 3)
      }

      .p-4 {
        padding: calc(var(--spacing) * 4)
      }

      .p-6 {
        padding: calc(var(--spacing) * 6)
      }

      .px-3 {
        padding-inline: calc(var(--spacing) * 3)
      }

      .px-3\.5 {
        padding-inline: calc(var(--spacing) * 3.5)
      }

      .px-4 {
        padding-inline: calc(var(--spacing) * 4)
      }

      .px-5 {
        padding-inline: calc(var(--spacing) * 5)
      }

      .px-6 {
        padding-inline: calc(var(--spacing) * 6)
      }

      .px-7 {
        padding-inline: calc(var(--spacing) * 7)
      }

      .py-1 {
        padding-block: var(--spacing)
      }

      .py-1\.5 {
        padding-block: calc(var(--spacing) * 1.5)
      }

      .py-2 {
        padding-block: calc(var(--spacing) * 2)
      }

      .py-2\.5 {
        padding-block: calc(var(--spacing) * 2.5)
      }

      .py-3 {
        padding-block: calc(var(--spacing) * 3)
      }

      .py-3\.5 {
        padding-block: calc(var(--spacing) * 3.5)
      }

      .py-4 {
        padding-block: calc(var(--spacing) * 4)
      }

      .py-12 {
        padding-block: calc(var(--spacing) * 12)
      }

      .py-16 {
        padding-block: calc(var(--spacing) * 16)
      }

      .pt-6 {
        padding-top: calc(var(--spacing) * 6)
      }

      .pb-5 {
        padding-bottom: calc(var(--spacing) * 5)
      }

      .text-center {
        text-align: center
      }

      .font-body {
        font-family: var(--font-body)
      }

      .font-display {
        font-family: var(--font-display)
      }

      .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
      }

      .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
      }

      .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
      }

      .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
      }

      .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
      }

      .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
      }

      .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
      }

      .leading-\[1\.05\] {
        --tw-leading: 1.05;
        line-height: 1.05
      }

      .leading-\[1\.6\] {
        --tw-leading: 1.6;
        line-height: 1.6
      }

      .leading-\[1\.65\] {
        --tw-leading: 1.65;
        line-height: 1.65
      }

      .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
      }

      .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
      }

      .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
      }

      .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
      }

      .tracking-\[-0\.02em\] {
        --tw-tracking: -.02em;
        letter-spacing: -.02em
      }

      .tracking-\[-0\.03em\] {
        --tw-tracking: -.03em;
        letter-spacing: -.03em
      }

      .tracking-\[0\.1em\] {
        --tw-tracking: .1em;
        letter-spacing: .1em
      }

      .tracking-\[0\.08em\] {
        --tw-tracking: .08em;
        letter-spacing: .08em
      }

      .text-brand {
        color: var(--color-brand)
      }

      .text-brand-dark {
        color: var(--color-brand-dark)
      }

      .text-premium {
        color: var(--color-premium)
      }

      .text-premium\/30 {
        color: #c9a96a4d
      }

      @supports (color:color-mix(in lab, red, red)) {
        .text-premium\/30 {
          color: color-mix(in oklab, var(--color-premium) 30%, transparent)
        }
      }

      .text-text-muted {
        color: var(--color-text-muted)
      }

      .text-text-primary {
        color: var(--color-text-primary)
      }

      .text-text-secondary {
        color: var(--color-text-secondary)
      }

      .text-white {
        color: var(--color-white)
      }

      .text-white\/50 {
        color: #ffffff80
      }

      @supports (color:color-mix(in lab, red, red)) {
        .text-white\/50 {
          color: color-mix(in oklab, var(--color-white) 50%, transparent)
        }
      }

      .text-white\/60 {
        color: #fff9
      }

      @supports (color:color-mix(in lab, red, red)) {
        .text-white\/60 {
          color: color-mix(in oklab, var(--color-white) 60%, transparent)
        }
      }

      .text-white\/70 {
        color: #ffffffb3
      }

      @supports (color:color-mix(in lab, red, red)) {
        .text-white\/70 {
          color: color-mix(in oklab, var(--color-white) 70%, transparent)
        }
      }

      .text-white\/80 {
        color: #fffc
      }

      @supports (color:color-mix(in lab, red, red)) {
        .text-white\/80 {
          color: color-mix(in oklab, var(--color-white) 80%, transparent)
        }
      }

      .text-white\/90 {
        color: #ffffffe6
      }

      @supports (color:color-mix(in lab, red, red)) {
        .text-white\/90 {
          color: color-mix(in oklab, var(--color-white) 90%, transparent)
        }
      }

      .uppercase {
        text-transform: uppercase
      }

      .antialiased {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
      }

      .opacity-90 {
        opacity: .9
      }

      .shadow-card {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #2121240a), 0 1px 3px 0 var(--tw-shadow-color, #2121240f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-xl {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-brand\/20 {
        --tw-shadow-color: #61091c33
      }

      @supports (color:color-mix(in lab, red, red)) {
        .shadow-brand\/20 {
          --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand) 20%, transparent) var(--tw-shadow-alpha), transparent)
        }
      }

      .ring-premium\/30 {
        --tw-ring-color: #c9a96a4d
      }

      @supports (color:color-mix(in lab, red, red)) {
        .ring-premium\/30 {
          --tw-ring-color: color-mix(in oklab, var(--color-premium) 30%, transparent)
        }
      }

      .ring-premium\/40 {
        --tw-ring-color: #c9a96a66
      }

      @supports (color:color-mix(in lab, red, red)) {
        .ring-premium\/40 {
          --tw-ring-color: color-mix(in oklab, var(--color-premium) 40%, transparent)
        }
      }

      .blur-3xl {
        --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, )
      }

      .brightness-0 {
        --tw-brightness: brightness(0%);
        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, )
      }

      .invert {
        --tw-invert: invert(100%);
        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, )
      }

      .backdrop-blur {
        --tw-backdrop-blur: blur(8px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
      }

      .transition {
        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))
      }

      .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-colors {
        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))
      }

      .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
      }

      @media (hover:hover) {
        .group-hover\:scale-105:is(:where(.group):hover *) {
          --tw-scale-x: 105%;
          --tw-scale-y: 105%;
          --tw-scale-z: 105%;
          scale: var(--tw-scale-x) var(--tw-scale-y)
        }

        .group-hover\:scale-x-100:is(:where(.group):hover *) {
          --tw-scale-x: 100%;
          scale: var(--tw-scale-x) var(--tw-scale-y)
        }
      }

      .open\:shadow-card:is([open], :popover-open, :open) {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #2121240a), 0 1px 3px 0 var(--tw-shadow-color, #2121240f);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      @media (hover:hover) {
        .hover\:-translate-y-0\.5:hover {
          --tw-translate-y: calc(var(--spacing) * -.5);
          translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .hover\:-translate-y-1:hover {
          --tw-translate-y: calc(var(--spacing) * -1);
          translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .hover\:bg-brand:hover {
          background-color: var(--color-brand)
        }

        .hover\:bg-brand-dark:hover {
          background-color: var(--color-brand-dark)
        }

        .hover\:text-brand:hover {
          color: var(--color-brand)
        }

        .hover\:text-premium:hover {
          color: var(--color-premium)
        }

        .hover\:text-white:hover {
          color: var(--color-white)
        }

        .hover\:underline:hover {
          text-decoration-line: underline
        }

        .hover\:shadow-xl:hover {
          --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
      }

      .focus-visible\:ring-2:focus-visible {
        --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-visible\:ring-brand:focus-visible {
        --tw-ring-color: var(--color-brand)
      }

      .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
      }

      @media (min-width:40rem) {
        .sm\:-left-10 {
          left: calc(var(--spacing) * -10)
        }

        .sm\:col-span-2 {
          grid-column: span 2/span 2
        }

        .sm\:flex {
          display: flex
        }

        .sm\:w-\[360px\] {
          width: 360px
        }

        .sm\:w-auto {
          width: auto
        }

        .sm\:grid-cols-2 {
          grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .sm\:grid-cols-4 {
          grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .sm\:flex-row {
          flex-direction: row
        }

        .sm\:items-center {
          align-items: center
        }

        .sm\:justify-between {
          justify-content: space-between
        }

        .sm\:p-8 {
          padding: calc(var(--spacing) * 8)
        }

        .sm\:px-6 {
          padding-inline: calc(var(--spacing) * 6)
        }

        .sm\:text-4xl {
          font-size: var(--text-4xl);
          line-height: var(--tw-leading, var(--text-4xl--line-height))
        }

        .sm\:text-5xl {
          font-size: var(--text-5xl);
          line-height: var(--tw-leading, var(--text-5xl--line-height))
        }

        .sm\:text-6xl {
          font-size: var(--text-6xl);
          line-height: var(--tw-leading, var(--text-6xl--line-height))
        }

        .sm\:text-base {
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height))
        }

        .sm\:text-sm {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height))
        }
      }

      @media (min-width:48rem) {
        .md\:grid-cols-4 {
          grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .md\:py-20 {
          padding-block: calc(var(--spacing) * 20)
        }
      }

      @media (min-width:64rem) {
        .lg\:order-1 {
          order: 1
        }

        .lg\:order-2 {
          order: 2
        }

        .lg\:col-span-2 {
          grid-column: span 2/span 2
        }

        .lg\:col-span-4 {
          grid-column: span 4/span 4
        }

        .lg\:col-span-5 {
          grid-column: span 5/span 5
        }

        .lg\:col-span-7 {
          grid-column: span 7/span 7
        }

        .lg\:col-span-8 {
          grid-column: span 8/span 8
        }

        .lg\:flex {
          display: flex
        }

        .lg\:hidden {
          display: none
        }

        .lg\:h-12 {
          height: calc(var(--spacing) * 12)
        }

        .lg\:h-20 {
          height: calc(var(--spacing) * 20)
        }

        .lg\:grid-cols-2 {
          grid-template-columns: repeat(2, minmax(0, 1fr))
        }

        .lg\:grid-cols-3 {
          grid-template-columns: repeat(3, minmax(0, 1fr))
        }

        .lg\:grid-cols-4 {
          grid-template-columns: repeat(4, minmax(0, 1fr))
        }

        .lg\:grid-cols-12 {
          grid-template-columns: repeat(12, minmax(0, 1fr))
        }

        .lg\:gap-10 {
          gap: calc(var(--spacing) * 10)
        }

        .lg\:gap-12 {
          gap: calc(var(--spacing) * 12)
        }

        .lg\:px-8 {
          padding-inline: calc(var(--spacing) * 8)
        }

        .lg\:py-28 {
          padding-block: calc(var(--spacing) * 28)
        }

        .lg\:text-\[4\.5rem\] {
          font-size: 4.5rem
        }
      }
    }

    @property --tw-scale-x {
      syntax: "*";
      inherits: false;
      initial-value: 1
    }

    @property --tw-scale-y {
      syntax: "*";
      inherits: false;
      initial-value: 1
    }

    @property --tw-scale-z {
      syntax: "*";
      inherits: false;
      initial-value: 1
    }

    @property --tw-rotate-x {
      syntax: "*";
      inherits: false
    }

    @property --tw-rotate-y {
      syntax: "*";
      inherits: false
    }

    @property --tw-rotate-z {
      syntax: "*";
      inherits: false
    }

    @property --tw-skew-x {
      syntax: "*";
      inherits: false
    }

    @property --tw-skew-y {
      syntax: "*";
      inherits: false
    }

    @property --tw-space-y-reverse {
      syntax: "*";
      inherits: false;
      initial-value: 0
    }

    @property --tw-border-style {
      syntax: "*";
      inherits: false;
      initial-value: solid
    }

    @property --tw-gradient-position {
      syntax: "*";
      inherits: false
    }

    @property --tw-gradient-from {
      syntax: "<color>";
      inherits: false;
      initial-value: #0000
    }

    @property --tw-gradient-via {
      syntax: "<color>";
      inherits: false;
      initial-value: #0000
    }

    @property --tw-gradient-to {
      syntax: "<color>";
      inherits: false;
      initial-value: #0000
    }

    @property --tw-gradient-stops {
      syntax: "*";
      inherits: false
    }

    @property --tw-gradient-via-stops {
      syntax: "*";
      inherits: false
    }

    @property --tw-gradient-from-position {
      syntax: "<length-percentage>";
      inherits: false;
      initial-value: 0%
    }

    @property --tw-gradient-via-position {
      syntax: "<length-percentage>";
      inherits: false;
      initial-value: 50%
    }

    @property --tw-gradient-to-position {
      syntax: "<length-percentage>";
      inherits: false;
      initial-value: 100%
    }

    @property --tw-leading {
      syntax: "*";
      inherits: false
    }

    @property --tw-font-weight {
      syntax: "*";
      inherits: false
    }

    @property --tw-tracking {
      syntax: "*";
      inherits: false
    }

    @property --tw-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-shadow-color {
      syntax: "*";
      inherits: false
    }

    @property --tw-shadow-alpha {
      syntax: "<percentage>";
      inherits: false;
      initial-value: 100%
    }

    @property --tw-inset-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-inset-shadow-color {
      syntax: "*";
      inherits: false
    }

    @property --tw-inset-shadow-alpha {
      syntax: "<percentage>";
      inherits: false;
      initial-value: 100%
    }

    @property --tw-ring-color {
      syntax: "*";
      inherits: false
    }

    @property --tw-ring-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-inset-ring-color {
      syntax: "*";
      inherits: false
    }

    @property --tw-inset-ring-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-ring-inset {
      syntax: "*";
      inherits: false
    }

    @property --tw-ring-offset-width {
      syntax: "<length>";
      inherits: false;
      initial-value: 0
    }

    @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-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-duration {
      syntax: "*";
      inherits: false
    }

    @property --tw-translate-x {
      syntax: "*";
      inherits: false;
      initial-value: 0
    }

    @property --tw-translate-y {
      syntax: "*";
      inherits: false;
      initial-value: 0
    }

    @property --tw-translate-z {
      syntax: "*";
      inherits: false;
      initial-value: 0
    }
    html {
      font-family: 'Inter', sans-serif;
    }

    body {
      background: #FFFFFF;
      color: #212124;
    }

    @media (prefers-reduced-motion: reduce) {

      *,
      *::before,
      *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
      }
    }

    details>summary {
      list-style: none;
    }

    details>summary::-webkit-details-marker {
      display: none;
    }

    .faq-plus {
      transition: transform .25s ease;
    }

    .faq-details[open] .faq-plus {
      transform: rotate(45deg);
    }

    .faq-details[open] {
      border-left-color: #C9A96A;
    }

    .reviews-marquee-mask {
      -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
      mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    }

    .reviews-track {
      animation: reviews-marquee 46s linear infinite;
    }

    .reviews-track:hover,
    .reviews-track:focus-within {
      animation-play-state: paused;
    }

    @keyframes reviews-marquee {
      from {
        transform: translateX(0);
      }

      to {
        transform: translateX(-50%);
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .reviews-track {
        animation: none;
        overflow-x: auto;
      }
    }

    .cmp-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }

    .tech-specs {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 1.5rem;
      row-gap: 1.5rem;
    }

    .tech-cap {
      padding-left: 0.25rem;
      padding-bottom: 0.25rem;
    }

    .tech-card {
      transition: transform .3s ease, background-color .3s ease, border-color .3s ease;
    }

    .tech-card:hover {
      transform: translateY(-4px);
      background: rgba(255, 255, 255, 0.1);
      border-color: rgba(201, 169, 106, 0.4);
    }

    .tech-img {
      transition: transform .5s ease;
    }

    .tech-card:hover .tech-img {
      transform: scale(1.04);
    }

    @media (min-width: 1024px) {
      .tech-grid {
        column-gap: 3.5rem;
      }

      .tech-left {
        position: sticky;
        top: 7rem;
        align-self: start;
      }
    }

    .cmp-table {
      min-width: 46rem;
    }

    .cmp-hl {
      background: rgba(97, 9, 28, 0.045);
    }

    .cmp-zebra {
      background: #faf9f7;
    }

    [data-reveal] {
      opacity: 0;
      transform: translateY(18px);
      transition: opacity .6s cubic-bezier(.2, .7, .2, 1), transform .6s cubic-bezier(.2, .7, .2, 1);
    }

    [data-reveal].reveal-visible {
      opacity: 1;
      transform: translateY(0);
    }

    @media (prefers-reduced-motion: reduce) {
      [data-reveal] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
      }
    }
    
   
   
   
   @font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/static/Inter_18pt-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
    }
    
   @font-face {
      font-family: "Inter";
      src: url("../fonts/Inter/static/Inter_18pt-Medium.ttf") format("truetype");
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "Inter";
      src: url("../fonts/Inter/static/Inter_18pt-SemiBold.ttf") format("truetype");
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "Inter";
      src: url("../fonts/Inter/static/Inter_18pt-Bold.ttf") format("truetype");
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "Plus Jakarta Sans";
      src: url("../fonts/Plus_Jakarta_Sans/static/PlusJakartaSans-SemiBold.ttf") format("truetype");
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "Plus Jakarta Sans";
      src: url("../fonts/Plus_Jakarta_Sans/static/PlusJakartaSans-Bold.ttf") format("truetype");
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }
    
    @font-face {
      font-family: "Plus Jakarta Sans";
      src: url("../fonts/Plus_Jakarta_Sans/static/PlusJakartaSans-ExtraBold.ttf") format("truetype");
      font-weight: 800;
      font-style: normal;
      font-display: swap;
    }