@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --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-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-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-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-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-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-ease: initial
    }
  }
}

@layer theme {

  :root,
  :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: var(--font-mono);
    --color-red-50: oklch(97.1% .013 17.38);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-500: oklch(63.7% .237 25.331);
    --color-orange-50: oklch(98% .016 73.684);
    --color-orange-100: oklch(95.4% .038 75.164);
    --color-orange-200: oklch(90.1% .076 70.697);
    --color-orange-300: oklch(83.7% .128 66.29);
    --color-orange-400: oklch(75% .183 55.934);
    --color-orange-500: oklch(70.5% .213 47.604);
    --color-orange-600: oklch(64.6% .222 41.116);
    --color-orange-700: oklch(55.3% .195 38.402);
    --color-green-200: oklch(92.5% .084 155.995);
    --color-green-400: oklch(79.2% .209 151.711);
    --color-green-500: oklch(72.3% .219 149.579);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-emerald-500: oklch(69.6% .17 162.48);
    --color-emerald-600: oklch(59.6% .145 163.225);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-cyan-300: oklch(86.5% .127 207.078);
    --color-cyan-500: oklch(71.5% .143 215.221);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-sky-500: oklch(68.5% .169 237.323);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-500: oklch(62.3% .214 259.815);
    --color-slate-50: oklch(98.4% .003 247.858);
    --color-slate-100: oklch(96.8% .007 247.896);
    --color-slate-200: oklch(92.9% .013 255.508);
    --color-slate-300: oklch(86.9% .022 252.894);
    --color-slate-400: oklch(70.4% .04 256.788);
    --color-slate-500: oklch(55.4% .046 257.417);
    --color-slate-600: oklch(44.6% .043 257.281);
    --color-slate-700: oklch(37.2% .044 257.287);
    --color-slate-800: oklch(27.9% .041 260.031);
    --color-slate-900: oklch(20.8% .042 265.755);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --drop-shadow-sm: 0 1px 2px #00000026;
    --drop-shadow-md: 0 3px 3px #0000001f;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --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);
    --color-primary: var(--color-primary);
    --color-secondary: var(--color-secondary);
    --color-accent: var(--color-accent);
    --color-bg-light: var(--color-bg-light);
    --color-bg-dark: var(--color-bg-dark);
    --color-bg-muted: var(--color-bg-muted);
    --color-text-primary: var(--color-text-primary);
    --color-text-secondary: var(--color-text-secondary);
    --color-text-muted: var(--color-text-muted);
    --color-text-inverse: var(--color-text-inverse);
    --color-success: var(--color-success);
    --color-warning: var(--color-warning);
    --color-error: var(--color-error);
    --font-display: var(--font-display);
    --font-body: var(--font-body)
  }
}

@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, ui-sans-serif, system-ui, 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;
    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 {
    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-auto {
    pointer-events: auto
  }

  .pointer-events-none {
    pointer-events: none
  }

  .invisible {
    visibility: hidden
  }

  .visible {
    visibility: visible
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
  }

  .absolute {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .relative {
    position: relative
  }

  .static {
    position: static
  }

  .sticky {
    position: sticky
  }

  .-inset-0\.5 {
    inset: calc(var(--spacing) * -.5)
  }

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

  .inset-0 {
    inset: calc(var(--spacing) * 0)
  }

  .inset-\[6px\] {
    inset: 6px
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0)
  }

  .inset-x-5 {
    inset-inline: calc(var(--spacing) * 5)
  }

  .inset-x-6 {
    inset-inline: calc(var(--spacing) * 6)
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0)
  }

  .inset-y-5 {
    inset-block: calc(var(--spacing) * 5)
  }

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

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

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

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

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

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

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

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

  .-top-\[18vh\] {
    top: -18vh
  }

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

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

  .top-1\/2 {
    top: 50%
  }

  .top-1\/3 {
    top: 33.3333%
  }

  .top-1\/4 {
    top: 25%
  }

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

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

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

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

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

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

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

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

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

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

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

  .top-\[1\.375rem\] {
    top: 1.375rem
  }

  .top-\[15px\] {
    top: 15px
  }

  .top-\[18\%\] {
    top: 18%
  }

  .top-\[19px\] {
    top: 19px
  }

  .top-\[20px\] {
    top: 20px
  }

  .top-full {
    top: 100%
  }

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

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

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

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

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

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

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

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

  .-right-\[18\%\] {
    right: -18%
  }

  .-right-\[70px\] {
    right: -70px
  }

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

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

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

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

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

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

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

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

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

  .right-\[-10\%\] {
    right: -10%
  }

  .right-\[4\.5rem\] {
    right: 4.5rem
  }

  .right-\[5vw\] {
    right: 5vw
  }

  .right-\[6\%\] {
    right: 6%
  }

  .right-\[30\%\] {
    right: 30%
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bottom-\[-1px\] {
    bottom: -1px
  }

  .bottom-\[-8px\] {
    bottom: -8px
  }

  .bottom-\[-140px\] {
    bottom: -140px
  }

  .bottom-\[0\.9vh\] {
    bottom: .9vh
  }

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

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

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

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

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

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

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

  .-left-\[3\.5px\] {
    left: -3.5px
  }

  .-left-\[10vw\] {
    left: -10vw
  }

  .-left-\[18\%\] {
    left: -18%
  }

  .-left-\[70px\] {
    left: -70px
  }

  .-left-px {
    left: -1px
  }

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

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

  .left-1\/2 {
    left: 50%
  }

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

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

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

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

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

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

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

  .left-\[-6\%\] {
    left: -6%
  }

  .left-\[5px\] {
    left: 5px
  }

  .left-\[42\%\] {
    left: 42%
  }

  .z-0 {
    z-index: 0
  }

  .z-10 {
    z-index: 10
  }

  .z-20 {
    z-index: 20
  }

  .z-30 {
    z-index: 30
  }

  .z-40 {
    z-index: 40
  }

  .z-50 {
    z-index: 50
  }

  .order-1 {
    order: 1
  }

  .order-2 {
    order: 2
  }

  .col-span-full {
    grid-column: 1/-1
  }

  .container {
    width: 100%
  }

  @media(min-width:40rem) {
    .container {
      max-width: 40rem
    }
  }

  @media(min-width:48rem) {
    .container {
      max-width: 48rem
    }
  }

  @media(min-width:64rem) {
    .container {
      max-width: 64rem
    }
  }

  @media(min-width:80rem) {
    .container {
      max-width: 80rem
    }
  }

  @media(min-width:96rem) {
    .container {
      max-width: 96rem
    }
  }

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

  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2)
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4)
  }

  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6)
  }

  .-mx-8 {
    margin-inline: calc(var(--spacing) * -8)
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1)
  }

  .mx-6 {
    margin-inline: calc(var(--spacing) * 6)
  }

  .mx-7 {
    margin-inline: calc(var(--spacing) * 7)
  }

  .mx-10 {
    margin-inline: calc(var(--spacing) * 10)
  }

  .mx-\[4vw\] {
    margin-inline: 4vw
  }

  .mx-auto {
    margin-inline: auto
  }

  .my-\[2vh\] {
    margin-block: 2vh
  }

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

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

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

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

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

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

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

  .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-8 {
    margin-top: calc(var(--spacing) * 8)
  }

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

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

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

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

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

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

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

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

  .mt-\[-1px\] {
    margin-top: -1px
  }

  .mt-\[0\.6vh\] {
    margin-top: .6vh
  }

  .mt-\[2\.6vh\] {
    margin-top: 2.6vh
  }

  .mt-\[3vh\] {
    margin-top: 3vh
  }

  .mt-\[4\.5vh\] {
    margin-top: 4.5vh
  }

  .mt-\[5vh\] {
    margin-top: 5vh
  }

  .mt-\[8px\] {
    margin-top: 8px
  }

  .mt-auto {
    margin-top: auto
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2)
  }

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

  .mr-6 {
    margin-right: calc(var(--spacing) * 6)
  }

  .-mb-\[0\.08em\] {
    margin-bottom: -.08em
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mb-\[0\.5vh\] {
    margin-bottom: .5vh
  }

  .mb-\[1\.2vh\] {
    margin-bottom: 1.2vh
  }

  .mb-\[1vh\] {
    margin-bottom: 1vh
  }

  .mb-\[2\.2vh\] {
    margin-bottom: 2.2vh
  }

  .mb-\[3vh\] {
    margin-bottom: 3vh
  }

  .-ml-\[0\.2vw\] {
    margin-left: -.2vw
  }

  .-ml-\[25px\] {
    margin-left: -25px
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5)
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2)
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4)
  }

  .ml-\[0\.35vw\] {
    margin-left: .35vw
  }

  .ml-auto {
    margin-left: auto
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
  }

  .block {
    display: block
  }

  .contents {
    display: contents
  }

  .flex {
    display: flex
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .inline {
    display: inline
  }

  .inline-block {
    display: inline-block
  }

  .inline-flex {
    display: inline-flex
  }

  .table {
    display: table
  }

  .aspect-\[2\/1\] {
    aspect-ratio: 2
  }

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

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

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

  .aspect-\[16\/9\] {
    aspect-ratio: 16/9
  }

  .aspect-\[111\/56\] {
    aspect-ratio: 111/56
  }

  .aspect-square {
    aspect-ratio: 1
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[1px\] {
    height: 1px
  }

  .h-\[2\.2vh\] {
    height: 2.2vh
  }

  .h-\[2px\] {
    height: 2px
  }

  .h-\[3\.2vw\] {
    height: 3.2vw
  }

  .h-\[3px\] {
    height: 3px
  }

  .h-\[4px\] {
    height: 4px
  }

  .h-\[5vh\] {
    height: 5vh
  }

  .h-\[6\.5vh\] {
    height: 6.5vh
  }

  .h-\[9\.4vh\] {
    height: 9.4vh
  }

  .h-\[11px\] {
    height: 11px
  }

  .h-\[12vh\] {
    height: 12vh
  }

  .h-\[18px\] {
    height: 18px
  }

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

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

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

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

  .h-\[30vh\] {
    height: 30vh
  }

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

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

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

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

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

  .h-\[150\%\] {
    height: 150%
  }

  .h-\[300px\] {
    height: 300px
  }

  .h-\[320px\] {
    height: 320px
  }

  .h-\[380px\] {
    height: 380px
  }

  .h-\[420px\] {
    height: 420px
  }

  .h-\[430px\] {
    height: 430px
  }

  .h-\[520px\] {
    height: 520px
  }

  .h-\[clamp\(440px\,62vh\,640px\)\] {
    height: clamp(440px, 62vh, 640px)
  }

  .h-auto {
    height: auto
  }

  .h-full {
    height: 100%
  }

  .h-px {
    height: 1px
  }

  .h-screen {
    height: 100vh
  }

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

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

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

  .max-h-\[60vh\] {
    max-height: 60vh
  }

  .min-h-\[16rem\] {
    min-height: 16rem
  }

  .min-h-\[20rem\] {
    min-height: 20rem
  }

  .min-h-\[44vh\] {
    min-height: 44vh
  }

  .min-h-\[52vh\] {
    min-height: 52vh
  }

  .min-h-\[70vh\] {
    min-height: 70vh
  }

  .min-h-\[80vh\] {
    min-height: 80vh
  }

  .min-h-\[88vh\] {
    min-height: 88vh
  }

  .min-h-\[92vh\] {
    min-height: 92vh
  }

  .min-h-\[150px\] {
    min-height: 150px
  }

  .min-h-\[160px\] {
    min-height: 160px
  }

  .min-h-\[240px\] {
    min-height: 240px
  }

  .min-h-\[400px\] {
    min-height: 400px
  }

  .min-h-\[480px\] {
    min-height: 480px
  }

  .min-h-\[600px\] {
    min-height: 600px
  }

  .min-h-screen {
    min-height: 100vh
  }

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

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

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

  .w-1\/2 {
    width: 50%
  }

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

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

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

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

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

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

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

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

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

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

  .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-20 {
    width: calc(var(--spacing) * 20)
  }

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

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

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

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

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

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

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

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

  .w-\[0\.7vw\] {
    width: .7vw
  }

  .w-\[1\.1vw\] {
    width: 1.1vw
  }

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

  .w-\[2\.5vw\] {
    width: 2.5vw
  }

  .w-\[2vw\] {
    width: 2vw
  }

  .w-\[3\.2vw\] {
    width: 3.2vw
  }

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

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

  .w-\[6vw\] {
    width: 6vw
  }

  .w-\[8vw\] {
    width: 8vw
  }

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

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

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

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

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

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

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

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

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

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

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

  .w-\[40vw\] {
    width: 40vw
  }

  .w-\[44\%\] {
    width: 44%
  }

  .w-\[50vw\] {
    width: 50vw
  }

  .w-\[63\%\] {
    width: 63%
  }

  .w-\[66\%\] {
    width: 66%
  }

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

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

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

  .w-\[calc\(100\%-1\.25vw\)\] {
    width: calc(100% - 1.25vw)
  }

  .w-\[calc\(100\%-3rem\)\] {
    width: calc(100% - 3rem)
  }

  .w-auto {
    width: auto
  }

  .w-fit {
    width: fit-content
  }

  .w-full {
    width: 100%
  }

  .w-max {
    width: max-content
  }

  .w-px {
    width: 1px
  }

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

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

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

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

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

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

  .max-w-\[20rem\] {
    max-width: 20rem
  }

  .max-w-\[26rem\] {
    max-width: 26rem
  }

  .max-w-\[30rem\] {
    max-width: 30rem
  }

  .max-w-\[32rem\] {
    max-width: 32rem
  }

  .max-w-\[34rem\] {
    max-width: 34rem
  }

  .max-w-\[36vw\] {
    max-width: 36vw
  }

  .max-w-\[160px\] {
    max-width: 160px
  }

  .max-w-\[200px\] {
    max-width: 200px
  }

  .max-w-\[240px\] {
    max-width: 240px
  }

  .max-w-\[260px\] {
    max-width: 260px
  }

  .max-w-\[560px\] {
    max-width: 560px
  }

  .max-w-full {
    max-width: 100%
  }

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

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

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

  .min-w-\[640px\] {
    min-width: 640px
  }

  .min-w-\[1040px\] {
    min-width: 1040px
  }

  .flex-1 {
    flex: 1
  }

  .flex-shrink-0 {
    flex-shrink: 0
  }

  .shrink {
    flex-shrink: 1
  }

  .shrink-0 {
    flex-shrink: 0
  }

  .flex-grow,
  .grow {
    flex-grow: 1
  }

  .basis-0 {
    flex-basis: calc(var(--spacing) * 0)
  }

  .border-collapse {
    border-collapse: collapse
  }

  .origin-bottom-left {
    transform-origin: 0 100%
  }

  .origin-left {
    transform-origin: 0
  }

  .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

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

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

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

  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

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

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

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

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

  .-rotate-6 {
    rotate: -6deg
  }

  .-rotate-45 {
    rotate: -45deg
  }

  .-rotate-\[135deg\] {
    rotate: -135deg
  }

  .rotate-12 {
    rotate: 12deg
  }

  .rotate-45 {
    rotate: 45deg
  }

  .rotate-90 {
    rotate: 90deg
  }

  .rotate-180 {
    rotate: 180deg
  }

  .rotate-\[-6deg\] {
    rotate: -6deg
  }

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

  .animate-ping {
    animation: var(--animate-ping)
  }

  .animate-pulse {
    animation: var(--animate-pulse)
  }

  .cursor-pointer {
    cursor: pointer
  }

  .resize {
    resize: both
  }

  .resize-none {
    resize: none
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
  }

  .snap-center {
    scroll-snap-align: center
  }

  .snap-start {
    scroll-snap-align: start
  }

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

  .\[scroll-padding-inline\:1\.5rem\] {
    scroll-padding-inline: 1.5rem
  }

  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin
  }

  .\[scrollbar-color\:rgba\(255\,255\,255\,0\.2\)_transparent\] {
    scrollbar-color: #fff3 transparent
  }

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

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

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

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

  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr
  }

  .flex-col {
    flex-direction: column
  }

  .flex-row {
    flex-direction: row
  }

  .flex-wrap {
    flex-wrap: wrap
  }

  .items-baseline {
    align-items: baseline
  }

  .items-center {
    align-items: center
  }

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

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

  .items-stretch {
    align-items: stretch
  }

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

  .justify-center {
    justify-content: center
  }

  .justify-end {
    justify-content: flex-end
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-\[0\.2vh\] {
    gap: .2vh
  }

  .gap-\[0\.5vw\] {
    gap: .5vw
  }

  .gap-\[0\.6vw\] {
    gap: .6vw
  }

  .gap-\[0\.8vw\] {
    gap: .8vw
  }

  .gap-\[0\.9vw\] {
    gap: .9vw
  }

  .gap-\[0\.45vw\] {
    gap: .45vw
  }

  .gap-\[0\.55vw\] {
    gap: .55vw
  }

  .gap-\[1\.8vh\] {
    gap: 1.8vh
  }

  .gap-\[2\.8vw\] {
    gap: 2.8vw
  }

  .gap-\[2vw\] {
    gap: 2vw
  }

  .gap-px {
    gap: 1px
  }

  :where(.space-y-1>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-1\.5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))
  }

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

  :where(.space-y-2\.5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))
  }

  :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)))
  }

  :where(.space-y-5>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-6>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-10>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-12>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-16>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-24>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)))
  }

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

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

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

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

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

  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12)
  }

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

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

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

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

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

  .gap-y-9 {
    row-gap: calc(var(--spacing) * 9)
  }

  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12)
  }

  :where(.divide-x>:not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
  }

  :where(.divide-y>: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(.divide-slate-100>:not(:last-child)) {
    border-color: var(--color-slate-100)
  }

  :where(.divide-slate-200>:not(:last-child)) {
    border-color: var(--color-slate-200)
  }

  :where(.divide-white\/5>:not(:last-child)) {
    border-color: #ffffff0d
  }

  @supports (color:color-mix(in lab, red, red)) {
    :where(.divide-white\/5>:not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent)
    }
  }

  :where(.divide-white\/10>:not(:last-child)) {
    border-color: #ffffff1a
  }

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

  :where(.divide-white\/15>:not(:last-child)) {
    border-color: #ffffff26
  }

  @supports (color:color-mix(in lab, red, red)) {
    :where(.divide-white\/15>:not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent)
    }
  }

  :where(.divide-white\/\[0\.06\]>:not(:last-child)) {
    border-color: #ffffff0f
  }

  @supports (color:color-mix(in lab, red, red)) {
    :where(.divide-white\/\[0\.06\]>:not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent)
    }
  }

  :where(.divide-white\/\[0\.07\]>:not(:last-child)) {
    border-color: #ffffff12
  }

  @supports (color:color-mix(in lab, red, red)) {
    :where(.divide-white\/\[0\.07\]>:not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-white) 7%, transparent)
    }
  }

  .self-center {
    align-self: center
  }

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

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
  }

  .overflow-clip {
    overflow: clip
  }

  .overflow-hidden {
    overflow: hidden
  }

  .overflow-visible {
    overflow: visible
  }

  .overflow-x-auto {
    overflow-x: auto
  }

  .overflow-y-auto {
    overflow-y: auto
  }

  .rounded {
    border-radius: .25rem
  }

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

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

  .rounded-\[0\.3vw\] {
    border-radius: .3vw
  }

  .rounded-\[2px\] {
    border-radius: 2px
  }

  .rounded-\[2rem\] {
    border-radius: 2rem
  }

  .rounded-\[3px\] {
    border-radius: 3px
  }

  .rounded-\[3rem\] {
    border-radius: 3rem
  }

  .rounded-\[6px\] {
    border-radius: 6px
  }

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

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

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

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

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

  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg)
  }

  .rounded-tl-sm {
    border-top-left-radius: var(--radius-sm)
  }

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

  .rounded-tr-none {
    border-top-right-radius: 0
  }

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

  .rounded-bl-none {
    border-bottom-left-radius: 0
  }

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

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

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px
  }

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

  .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-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px
  }

  .border-r-2 {
    border-right-style: var(--tw-border-style);
    border-right-width: 2px
  }

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

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

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

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

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

  .border-\[\#34A853\]\/30 {
    border-color: #34a8534d
  }

  .border-\[\#058B31\] {
    border-color: #058b31
  }

  .border-\[\#16315C\] {
    border-color: #16315c
  }

  .border-\[\#16315C\]\/15 {
    border-color: #16315c26
  }

  .border-\[\#16315C\]\/30 {
    border-color: #16315c4d
  }

  .border-\[\#F37121\] {
    border-color: #f37121
  }

  .border-\[\#F37121\]\/10 {
    border-color: #f371211a
  }

  .border-\[\#F37121\]\/20 {
    border-color: #f3712133
  }

  .border-\[\#F37121\]\/30 {
    border-color: #f371214d
  }

  .border-\[\#F37121\]\/60 {
    border-color: #f3712199
  }

  .border-\[var\(--color-secondary\)\]\/30 {
    border-color: var(--color-secondary)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-\[var\(--color-secondary\)\]\/30 {
      border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent)
    }
  }

  .border-current {
    border-color: currentColor
  }

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

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

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

  .border-orange-500\/30 {
    border-color: #fe6e004d
  }

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

  .border-orange-500\/50 {
    border-color: #fe6e0080
  }

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

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

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

  .border-slate-200\/50 {
    border-color: #e2e8f080
  }

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

  .border-slate-200\/60 {
    border-color: #e2e8f099
  }

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

  .border-slate-200\/80 {
    border-color: #e2e8f0cc
  }

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

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

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

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

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

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

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

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

  .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-white\/15 {
    border-color: #ffffff26
  }

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

  .border-white\/20 {
    border-color: #fff3
  }

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

  .border-white\/25 {
    border-color: #ffffff40
  }

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

  .border-white\/30 {
    border-color: #ffffff4d
  }

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

  .border-white\/40 {
    border-color: #fff6
  }

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

  .border-white\/\[0\.06\] {
    border-color: #ffffff0f
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/\[0\.06\] {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent)
    }
  }

  .border-white\/\[0\.07\] {
    border-color: #ffffff12
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/\[0\.07\] {
      border-color: color-mix(in oklab, var(--color-white) 7%, transparent)
    }
  }

  .bg-\[\#0A0E17\] {
    background-color: #0a0e17
  }

  .bg-\[\#0A1628\] {
    background-color: #0a1628
  }

  .bg-\[\#0D101E\] {
    background-color: #0d101e
  }

  .bg-\[\#0E121C\] {
    background-color: #0e121c
  }

  .bg-\[\#00A9CE\]\/15 {
    background-color: #00a9ce26
  }

  .bg-\[\#34A853\]\/10 {
    background-color: #34a8531a
  }

  .bg-\[\#058B31\]\/15 {
    background-color: #058b3126
  }

  .bg-\[\#080C14\] {
    background-color: #080c14
  }

  .bg-\[\#535F9F\]\/15 {
    background-color: #535f9f26
  }

  .bg-\[\#05080c\] {
    background-color: #05080c
  }

  .bg-\[\#06080C\] {
    background-color: #06080c
  }

  .bg-\[\#06080C\]\/40 {
    background-color: #06080c66
  }

  .bg-\[\#06080C\]\/85 {
    background-color: #06080cd9
  }

  .bg-\[\#06080C\]\/95 {
    background-color: #06080cf2
  }

  .bg-\[\#16315C\] {
    background-color: #16315c
  }

  .bg-\[\#F1F5F9\] {
    background-color: #f1f5f9
  }

  .bg-\[\#F5F8FB\] {
    background-color: #f5f8fb
  }

  .bg-\[\#F6F7F9\] {
    background-color: #f6f7f9
  }

  .bg-\[\#F6F8FB\] {
    background-color: #f6f8fb
  }

  .bg-\[\#F8FAFC\] {
    background-color: #f8fafc
  }

  .bg-\[\#F26207\] {
    background-color: #f26207
  }

  .bg-\[\#F37121\] {
    background-color: #f37121
  }

  .bg-\[\#F37121\]\/10 {
    background-color: #f371211a
  }

  .bg-\[\#FF7B33\]\/15 {
    background-color: #ff7b3326
  }

  .bg-\[var\(--color-primary\)\] {
    background-color: var(--color-primary)
  }

  .bg-\[var\(--color-secondary\)\] {
    background-color: var(--color-secondary)
  }

  .bg-\[var\(--ink\)\] {
    background-color: var(--ink)
  }

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

  .bg-black\/20 {
    background-color: #0003
  }

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

  .bg-black\/35 {
    background-color: #00000059
  }

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

  .bg-black\/40 {
    background-color: #0006
  }

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

  .bg-black\/50 {
    background-color: #00000080
  }

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

  .bg-black\/55 {
    background-color: #0000008c
  }

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

  .bg-black\/60 {
    background-color: #0009
  }

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

  .bg-green-500\/10 {
    background-color: #00c7581a
  }

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

  .bg-orange-50 {
    background-color: var(--color-orange-50)
  }

  .bg-orange-100 {
    background-color: var(--color-orange-100)
  }

  .bg-orange-400 {
    background-color: var(--color-orange-400)
  }

  .bg-orange-500 {
    background-color: var(--color-orange-500)
  }

  .bg-orange-500\/5 {
    background-color: #fe6e000d
  }

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

  .bg-orange-500\/10 {
    background-color: #fe6e001a
  }

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

  .bg-orange-500\/50 {
    background-color: #fe6e0080
  }

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

  .bg-sky-400 {
    background-color: var(--color-sky-400)
  }

  .bg-slate-50 {
    background-color: var(--color-slate-50)
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100)
  }

  .bg-slate-200 {
    background-color: var(--color-slate-200)
  }

  .bg-slate-300 {
    background-color: var(--color-slate-300)
  }

  .bg-slate-500 {
    background-color: var(--color-slate-500)
  }

  .bg-slate-800 {
    background-color: var(--color-slate-800)
  }

  .bg-slate-800\/50 {
    background-color: #1d293d80
  }

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

  .bg-slate-900 {
    background-color: var(--color-slate-900)
  }

  .bg-transparent {
    background-color: #0000
  }

  .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\/10 {
    background-color: #ffffff1a
  }

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

  .bg-white\/15 {
    background-color: #ffffff26
  }

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

  .bg-white\/20 {
    background-color: #fff3
  }

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

  .bg-white\/25 {
    background-color: #ffffff40
  }

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

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

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

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

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

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

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

  .bg-white\/85 {
    background-color: #ffffffd9
  }

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

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

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/90 {
      background-color: color-mix(in oklab, var(--color-white) 90%, 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-white\/\[0\.02\] {
    background-color: #ffffff05
  }

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

  .bg-white\/\[0\.03\] {
    background-color: #ffffff08
  }

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

  .bg-white\/\[0\.04\] {
    background-color: #ffffff0a
  }

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

  .bg-white\/\[0\.05\] {
    background-color: #ffffff0d
  }

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

  .bg-white\/\[0\.06\] {
    background-color: #ffffff0f
  }

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

  .bg-white\/\[0\.07\] {
    background-color: #ffffff12
  }

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

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

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

  .bg-gradient-to-l {
    --tw-gradient-position: to left 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))
  }

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

  .bg-\[radial-gradient\(circle_at_center\,var\(--color-bg-muted\)_0\%\,black_100\%\)\] {
    background-image: radial-gradient(circle at center, var(--color-bg-muted) 0%, black 100%)
  }

  .bg-\[radial-gradient\(ellipse_40\%_40\%_at_15\%_85\%\,rgba\(34\,211\,238\,0\.10\)\,transparent_70\%\)\] {
    background-image: radial-gradient(40% 40% at 15% 85%, #22d3ee1a, #0000 70%)
  }

  .bg-\[radial-gradient\(ellipse_50\%_40\%_at_80\%_100\%\,rgba\(243\,113\,33\,0\.10\)\,transparent_70\%\)\] {
    background-image: radial-gradient(50% 40% at 80% 100%, #f371211a, #0000 70%)
  }

  .bg-\[radial-gradient\(ellipse_60\%_50\%_at_50\%_0\%\,rgba\(56\,130\,246\,0\.18\)\,transparent_70\%\)\] {
    background-image: radial-gradient(60% 50% at 50% 0, #3882f62e, #0000 70%)
  }

  .bg-\[radial-gradient\(ellipse_at_center\,rgba\(243\,113\,33\,0\.08\)_0\%\,transparent_70\%\)\] {
    background-image: radial-gradient(#f3712114, #0000 70%)
  }

  .bg-\[url\(\'\/images\/industries\/es-hero\.jpg\'\)\] {
    background-image: url(/images/industries/es-hero.jpg)
  }

  .bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPjxyZWN0IHdpZHRoPSI0IiBoZWlnaHQ9IjEiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wNSkiLz48L3N2Zz4\=\'\)\] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPjxyZWN0IHdpZHRoPSI0IiBoZWlnaHQ9IjEiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wNSkiLz48L3N2Zz4=)
  }

  .from-\[\#0A0A0C\] {
    --tw-gradient-from: #0a0a0c;
    --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-\[\#0A1628\] {
    --tw-gradient-from: #0a1628;
    --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-\[\#0A1628\]\/60 {
    --tw-gradient-from: oklab(19.9764% -.00817466 -.0394435/.6);
    --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-\[\#0E121C\] {
    --tw-gradient-from: #0e121c;
    --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-\[\#080C14\]\/80 {
    --tw-gradient-from: oklab(15.4209% -.00218482 -.018411/.8);
    --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-\[\#080C14\]\/96 {
    --tw-gradient-from: oklab(15.4209% -.00218482 -.018411/.96);
    --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-\[\#191C24\] {
    --tw-gradient-from: #191c24;
    --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-\[\#04070D\] {
    --tw-gradient-from: #04070d;
    --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-\[\#06080C\] {
    --tw-gradient-from: #06080c;
    --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-\[\#06080C\]\/90 {
    --tw-gradient-from: oklab(13.3697% -.00164781 -.010001/.9);
    --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-\[\#121722\] {
    --tw-gradient-from: #121722;
    --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-\[\#121722\]\/85 {
    --tw-gradient-from: oklab(20.5023% -.00184706 -.0233043/.85);
    --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-\[\#F4F7FB\] {
    --tw-gradient-from: #f4f7fb;
    --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-black {
    --tw-gradient-from: var(--color-black);
    --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-black\/40 {
    --tw-gradient-from: #0006
  }

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

  .from-black\/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))
  }

  .from-black\/45 {
    --tw-gradient-from: #00000073
  }

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

  .from-black\/45 {
    --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-black\/60 {
    --tw-gradient-from: #0009
  }

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

  .from-black\/60 {
    --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-black\/75 {
    --tw-gradient-from: #000000bf
  }

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

  .from-black\/75 {
    --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-black\/80 {
    --tw-gradient-from: #000c
  }

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

  .from-black\/80 {
    --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-black\/85 {
    --tw-gradient-from: #000000d9
  }

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

  .from-black\/85 {
    --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-black\/90 {
    --tw-gradient-from: #000000e6
  }

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

  .from-black\/90 {
    --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-black\/95 {
    --tw-gradient-from: #000000f2
  }

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

  .from-black\/95 {
    --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-blue-500\/5 {
    --tw-gradient-from: #3080ff0d
  }

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

  .from-blue-500\/5 {
    --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-orange-400 {
    --tw-gradient-from: var(--color-orange-400);
    --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-orange-500\/5 {
    --tw-gradient-from: #fe6e000d
  }

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

  .from-orange-500\/5 {
    --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-orange-500\/20 {
    --tw-gradient-from: #fe6e0033
  }

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

  .from-orange-500\/20 {
    --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-orange-500\/60 {
    --tw-gradient-from: #fe6e0099
  }

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

  .from-orange-500\/60 {
    --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-sky-400 {
    --tw-gradient-from: var(--color-sky-400);
    --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-slate-900 {
    --tw-gradient-from: var(--color-slate-900);
    --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-transparent {
    --tw-gradient-from: 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))
  }

  .via-\[\#0A1628\]\/55 {
    --tw-gradient-via: oklab(19.9764% -.00817466 -.0394435/.55);
    --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)
  }

  .via-\[\#0E121C\]\/20 {
    --tw-gradient-via: oklab(18.3165% -.00096903 -.0215634/.2);
    --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)
  }

  .via-\[\#080C14\]\/75 {
    --tw-gradient-via: oklab(15.4209% -.00218482 -.018411/.75);
    --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)
  }

  .via-\[\#06080C\]\/30 {
    --tw-gradient-via: oklab(13.3697% -.00164781 -.010001/.3);
    --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)
  }

  .via-\[\#06080C\]\/80 {
    --tw-gradient-via: oklab(13.3697% -.00164781 -.010001/.8);
    --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)
  }

  .via-\[\#121722\]\/20 {
    --tw-gradient-via: oklab(20.5023% -.00184706 -.0233043/.2);
    --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)
  }

  .via-\[\#121722\]\/30 {
    --tw-gradient-via: oklab(20.5023% -.00184706 -.0233043/.3);
    --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)
  }

  .via-\[\#121722\]\/40 {
    --tw-gradient-via: oklab(20.5023% -.00184706 -.0233043/.4);
    --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)
  }

  .via-black\/20 {
    --tw-gradient-via: #0003
  }

  @supports (color:color-mix(in lab, red, red)) {
    .via-black\/20 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent)
    }
  }

  .via-black\/20 {
    --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)
  }

  .via-black\/30 {
    --tw-gradient-via: #0000004d
  }

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

  .via-black\/30 {
    --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)
  }

  .via-black\/40 {
    --tw-gradient-via: #0006
  }

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

  .via-black\/40 {
    --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)
  }

  .via-black\/55 {
    --tw-gradient-via: #0000008c
  }

  @supports (color:color-mix(in lab, red, red)) {
    .via-black\/55 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 55%, transparent)
    }
  }

  .via-black\/55 {
    --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)
  }

  .via-black\/60 {
    --tw-gradient-via: #0009
  }

  @supports (color:color-mix(in lab, red, red)) {
    .via-black\/60 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 60%, transparent)
    }
  }

  .via-black\/60 {
    --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)
  }

  .via-black\/70 {
    --tw-gradient-via: #000000b3
  }

  @supports (color:color-mix(in lab, red, red)) {
    .via-black\/70 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 70%, transparent)
    }
  }

  .via-black\/70 {
    --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)
  }

  .via-black\/80 {
    --tw-gradient-via: #000c
  }

  @supports (color:color-mix(in lab, red, red)) {
    .via-black\/80 {
      --tw-gradient-via: color-mix(in oklab, var(--color-black) 80%, transparent)
    }
  }

  .via-black\/80 {
    --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)
  }

  .via-cyan-300\/60 {
    --tw-gradient-via: #53eafd99
  }

  @supports (color:color-mix(in lab, red, red)) {
    .via-cyan-300\/60 {
      --tw-gradient-via: color-mix(in oklab, var(--color-cyan-300) 60%, transparent)
    }
  }

  .via-cyan-300\/60 {
    --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)
  }

  .via-slate-900\/40 {
    --tw-gradient-via: #0f172b66
  }

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

  .via-slate-900\/40 {
    --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)
  }

  .via-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)
  }

  .to-\[\#0A0A0C\]\/80 {
    --tw-gradient-to: oklab(14.5735% .00116894 -.0041153/.8);
    --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-\[\#080C14\]\/35 {
    --tw-gradient-to: oklab(15.4209% -.00218482 -.018411/.35);
    --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-\[\#080C14\]\/40 {
    --tw-gradient-to: oklab(15.4209% -.00218482 -.018411/.4);
    --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-\[\#04070D\]\/60 {
    --tw-gradient-to: oklab(12.7422% -.00338179 -.0156928/.6);
    --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-\[\#06080C\]\/30 {
    --tw-gradient-to: oklab(13.3697% -.00164781 -.010001/.3);
    --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-black\/20 {
    --tw-gradient-to: #0003
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-black\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 20%, transparent)
    }
  }

  .to-black\/20 {
    --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-black\/30 {
    --tw-gradient-to: #0000004d
  }

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

  .to-black\/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))
  }

  .to-black\/45 {
    --tw-gradient-to: #00000073
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-black\/45 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 45%, transparent)
    }
  }

  .to-black\/45 {
    --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-black\/60 {
    --tw-gradient-to: #0009
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-black\/60 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 60%, transparent)
    }
  }

  .to-black\/60 {
    --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-black\/80 {
    --tw-gradient-to: #000c
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-black\/80 {
      --tw-gradient-to: color-mix(in oklab, var(--color-black) 80%, transparent)
    }
  }

  .to-black\/80 {
    --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-cyan-500 {
    --tw-gradient-to: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .to-orange-500\/10 {
    --tw-gradient-to: #fe6e001a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .to-orange-500\/10 {
      --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 10%, transparent)
    }
  }

  .to-orange-500\/10 {
    --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-orange-600 {
    --tw-gradient-to: var(--color-orange-600);
    --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-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))
  }

  .bg-cover {
    background-size: cover
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
  }

  .bg-center {
    background-position: 50%
  }

  .object-contain {
    object-fit: contain
  }

  .object-cover {
    object-fit: cover
  }

  .object-center {
    object-position: center
  }

  .object-left {
    object-position: left
  }

  .object-top {
    object-position: top
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .px-\[0\.5vw\] {
    padding-inline: .5vw
  }

  .px-\[1\.8vw\] {
    padding-inline: 1.8vw
  }

  .px-\[2\.2vw\] {
    padding-inline: 2.2vw
  }

  .px-\[3vw\] {
    padding-inline: 3vw
  }

  .px-\[6vw\] {
    padding-inline: 6vw
  }

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

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

  .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-5 {
    padding-block: calc(var(--spacing) * 5)
  }

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

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

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

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

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

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

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

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

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

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

  .py-\[0\.6vh\] {
    padding-block: .6vh
  }

  .py-\[0\.7vh\] {
    padding-block: .7vh
  }

  .py-\[1\.05vh\] {
    padding-block: 1.05vh
  }

  .py-\[1\.8vh\] {
    padding-block: 1.8vh
  }

  .py-\[2vh\] {
    padding-block: 2vh
  }

  .py-\[3vh\] {
    padding-block: 3vh
  }

  .py-\[7vh\] {
    padding-block: 7vh
  }

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

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5)
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pt-\[3\.8vh\] {
    padding-top: 3.8vh
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1)
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2)
  }

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

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

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

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

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

  .pr-7 {
    padding-right: calc(var(--spacing) * 7)
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8)
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12)
  }

  .pr-14 {
    padding-right: calc(var(--spacing) * 14)
  }

  .pr-\[0\.4vw\] {
    padding-right: .4vw
  }

  .pr-\[2\.6vw\] {
    padding-right: 2.6vw
  }

  .pr-\[7vw\] {
    padding-right: 7vw
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pb-\[0\.08em\] {
    padding-bottom: .08em
  }

  .pb-\[3\.4vh\] {
    padding-bottom: 3.4vh
  }

  .pb-px {
    padding-bottom: 1px
  }

  .pl-0 {
    padding-left: calc(var(--spacing) * 0)
  }

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

  .pl-2 {
    padding-left: calc(var(--spacing) * 2)
  }

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

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

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

  .pl-5 {
    padding-left: calc(var(--spacing) * 5)
  }

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

  .pl-8 {
    padding-left: calc(var(--spacing) * 8)
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9)
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10)
  }

  .pl-14 {
    padding-left: calc(var(--spacing) * 14)
  }

  .pl-16 {
    padding-left: calc(var(--spacing) * 16)
  }

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

  .pl-\[0\.2vw\] {
    padding-left: .2vw
  }

  .pl-\[1vw\] {
    padding-left: 1vw
  }

  .pl-\[2\.1rem\] {
    padding-left: 2.1rem
  }

  .pl-\[3\.4vw\] {
    padding-left: 3.4vw
  }

  .pl-\[4\.25rem\] {
    padding-left: 4.25rem
  }

  .pl-\[5vw\] {
    padding-left: 5vw
  }

  .text-center {
    text-align: center
  }

  .text-left {
    text-align: left
  }

  .text-right {
    text-align: right
  }

  .align-baseline {
    vertical-align: baseline
  }

  .align-bottom {
    vertical-align: bottom
  }

  .align-middle {
    vertical-align: middle
  }

  .font-heading {
    text-transform: uppercase;
    letter-spacing: -.01em;
    font-family: Oswald, Inter, sans-serif;
    font-weight: 700
  }

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

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

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

  .text-2xl {
    font-size: 1.5rem;
    line-height: var(--tw-leading, calc(2 / 1.5))
  }

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

  .text-4xl {
    font-size: 2.25rem;
    line-height: var(--tw-leading, calc(2.5 / 2.25))
  }

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

  .text-6xl {
    font-size: 3.75rem;
    line-height: var(--tw-leading, 1)
  }

  .text-7xl {
    font-size: 4.5rem;
    line-height: var(--tw-leading, 1)
  }

  .text-8xl {
    font-size: 6rem;
    line-height: var(--tw-leading, 1)
  }

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

  .text-lg {
    font-size: 1.125rem;
    line-height: var(--tw-leading, calc(1.75 / 1.125))
  }

  .text-sm {
    font-size: .875rem;
    line-height: var(--tw-leading, calc(1.25 / .875))
  }

  .text-xl {
    font-size: 1.25rem;
    line-height: var(--tw-leading, calc(1.75 / 1.25))
  }

  .text-xs {
    font-size: .75rem;
    line-height: var(--tw-leading, calc(1 / .75))
  }

  .text-\[0\.5rem\] {
    font-size: .5rem
  }

  .text-\[0\.6rem\] {
    font-size: .6rem
  }

  .text-\[0\.7rem\] {
    font-size: .7rem
  }

  .text-\[0\.8rem\] {
    font-size: .8rem
  }

  .text-\[0\.8vw\] {
    font-size: .8vw
  }

  .text-\[0\.62rem\] {
    font-size: .62rem
  }

  .text-\[0\.65rem\] {
    font-size: .65rem
  }

  .text-\[0\.68rem\] {
    font-size: .68rem
  }

  .text-\[0\.75rem\] {
    font-size: .75rem
  }

  .text-\[0\.78rem\] {
    font-size: .78rem
  }

  .text-\[1\.2vw\] {
    font-size: 1.2vw
  }

  .text-\[1\.05vw\] {
    font-size: 1.05vw
  }

  .text-\[1\.5vw\] {
    font-size: 1.5vw
  }

  .text-\[1\.12vw\] {
    font-size: 1.12vw
  }

  .text-\[1\.15vw\] {
    font-size: 1.15vw
  }

  .text-\[1\.35vw\] {
    font-size: 1.35vw
  }

  .text-\[1vw\] {
    font-size: 1vw
  }

  .text-\[3vw\] {
    font-size: 3vw
  }

  .text-\[4vw\] {
    font-size: 4vw
  }

  .text-\[5\.6vw\] {
    font-size: 5.6vw
  }

  .text-\[7px\] {
    font-size: 7px
  }

  .text-\[8px\] {
    font-size: 8px
  }

  .text-\[8vw\] {
    font-size: 8vw
  }

  .text-\[9px\] {
    font-size: 9px
  }

  .text-\[10px\] {
    font-size: 10px
  }

  .text-\[11px\] {
    font-size: 11px
  }

  .text-\[14px\] {
    font-size: 14px
  }

  .text-\[15px\] {
    font-size: 15px
  }

  .text-\[120px\] {
    font-size: 120px
  }

  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8)
  }

  .leading-\[0\.9\] {
    --tw-leading: .9;
    line-height: .9
  }

  .leading-\[0\.92\] {
    --tw-leading: .92;
    line-height: .92
  }

  .leading-\[0\.95\] {
    --tw-leading: .95;
    line-height: .95
  }

  .leading-\[0\.98\] {
    --tw-leading: .98;
    line-height: .98
  }

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

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

  .leading-\[1\.02\] {
    --tw-leading: 1.02;
    line-height: 1.02
  }

  .leading-\[1\.04\] {
    --tw-leading: 1.04;
    line-height: 1.04
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4
  }

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

  .leading-\[1\],
  .leading-none {
    --tw-leading: 1;
    line-height: 1
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal)
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight)
  }

  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter)
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide)
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider)
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest)
  }

  .text-balance {
    text-wrap: balance
  }

  .break-all {
    word-break: break-all
  }

  .whitespace-nowrap {
    white-space: nowrap
  }

  .text-\[\#0A1628\] {
    color: #0a1628
  }

  .text-\[\#3FB35F\] {
    color: #3fb35f
  }

  .text-\[\#6ED3E8\] {
    color: #6ed3e8
  }

  .text-\[\#34A853\] {
    color: #34a853
  }

  .text-\[\#058B31\] {
    color: #058b31
  }

  .text-\[\#535F9F\] {
    color: #535f9f
  }

  .text-\[\#06202e\] {
    color: #06202e
  }

  .text-\[\#16315C\] {
    color: #16315c
  }

  .text-\[\#DC2626\] {
    color: #dc2626
  }

  .text-\[\#F0B35C\] {
    color: #f0b35c
  }

  .text-\[\#F37121\] {
    color: #f37121
  }

  .text-\[var\(--color-primary\)\] {
    color: var(--color-primary)
  }

  .text-\[var\(--color-secondary\)\] {
    color: var(--color-secondary)
  }

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

  .text-blue-100 {
    color: var(--color-blue-100)
  }

  .text-blue-400 {
    color: var(--color-blue-400)
  }

  .text-blue-500 {
    color: var(--color-blue-500)
  }

  .text-emerald-600 {
    color: var(--color-emerald-600)
  }

  .text-green-500 {
    color: var(--color-green-500)
  }

  .text-green-600 {
    color: var(--color-green-600)
  }

  .text-orange-300 {
    color: var(--color-orange-300)
  }

  .text-orange-400 {
    color: var(--color-orange-400)
  }

  .text-orange-400\/80 {
    color: #ff8b1acc
  }

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

  .text-orange-500 {
    color: var(--color-orange-500)
  }

  .text-orange-500\/60 {
    color: #fe6e0099
  }

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

  .text-orange-500\/70 {
    color: #fe6e00b3
  }

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

  .text-orange-600 {
    color: var(--color-orange-600)
  }

  .text-red-400 {
    color: var(--color-red-400)
  }

  .text-sky-500 {
    color: var(--color-sky-500)
  }

  .text-slate-100 {
    color: var(--color-slate-100)
  }

  .text-slate-200 {
    color: var(--color-slate-200)
  }

  .text-slate-300 {
    color: var(--color-slate-300)
  }

  .text-slate-400 {
    color: var(--color-slate-400)
  }

  .text-slate-500 {
    color: var(--color-slate-500)
  }

  .text-slate-600 {
    color: var(--color-slate-600)
  }

  .text-slate-700 {
    color: var(--color-slate-700)
  }

  .text-slate-800 {
    color: var(--color-slate-800)
  }

  .text-slate-900 {
    color: var(--color-slate-900)
  }

  .text-transparent {
    color: #0000
  }

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

  .text-white\/20 {
    color: #fff3
  }

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

  .text-white\/40 {
    color: #fff6
  }

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

  .text-white\/45 {
    color: #ffffff73
  }

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

  .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\/55 {
    color: #ffffff8c
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/55 {
      color: color-mix(in oklab, var(--color-white) 55%, 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\/65 {
    color: #ffffffa6
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/65 {
      color: color-mix(in oklab, var(--color-white) 65%, 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\/75 {
    color: #ffffffbf
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/75 {
      color: color-mix(in oklab, var(--color-white) 75%, 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\/85 {
    color: #ffffffd9
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/85 {
      color: color-mix(in oklab, var(--color-white) 85%, 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)
    }
  }

  .normal-case {
    text-transform: none
  }

  .uppercase {
    text-transform: uppercase
  }

  .line-through {
    text-decoration-line: line-through
  }

  .underline {
    text-decoration-line: underline
  }

  .decoration-slate-300 {
    -webkit-text-decoration-color: var(--color-slate-300);
    text-decoration-color: var(--color-slate-300)
  }

  .decoration-2 {
    text-decoration-thickness: 2px
  }

  .underline-offset-2 {
    text-underline-offset: 2px
  }

  .underline-offset-4 {
    text-underline-offset: 4px
  }

  .placeholder-slate-600::placeholder {
    color: var(--color-slate-600)
  }

  .opacity-0 {
    opacity: 0
  }

  .opacity-5 {
    opacity: .05
  }

  .opacity-10 {
    opacity: .1
  }

  .opacity-15 {
    opacity: .15
  }

  .opacity-20 {
    opacity: .2
  }

  .opacity-25 {
    opacity: .25
  }

  .opacity-30 {
    opacity: .3
  }

  .opacity-35 {
    opacity: .35
  }

  .opacity-40 {
    opacity: .4
  }

  .opacity-45 {
    opacity: .45
  }

  .opacity-50 {
    opacity: .5
  }

  .opacity-55 {
    opacity: .55
  }

  .opacity-60 {
    opacity: .6
  }

  .opacity-70 {
    opacity: .7
  }

  .opacity-80 {
    opacity: .8
  }

  .opacity-85 {
    opacity: .85
  }

  .opacity-90 {
    opacity: .9
  }

  .opacity-100 {
    opacity: 1
  }

  .opacity-\[0\.2\] {
    opacity: .2
  }

  .opacity-\[0\.03\] {
    opacity: .03
  }

  .opacity-\[0\.04\] {
    opacity: .04
  }

  .opacity-\[0\.05\] {
    opacity: .05
  }

  .opacity-\[0\.5\] {
    opacity: .5
  }

  .opacity-\[0\.06\] {
    opacity: .06
  }

  .opacity-\[0\.6\] {
    opacity: .6
  }

  .opacity-\[0\.07\] {
    opacity: .07
  }

  .opacity-\[0\.08\] {
    opacity: .08
  }

  .opacity-\[0\.12\] {
    opacity: .12
  }

  .opacity-\[0\.13\] {
    opacity: .13
  }

  .opacity-\[0\.14\] {
    opacity: .14
  }

  .opacity-\[0\.15\] {
    opacity: .15
  }

  .opacity-\[0\.16\] {
    opacity: .16
  }

  .opacity-\[0\.22\] {
    opacity: .22
  }

  .mix-blend-color {
    mix-blend-mode: color
  }

  .mix-blend-luminosity {
    mix-blend-mode: luminosity
  }

  .mix-blend-overlay {
    mix-blend-mode: overlay
  }

  .mix-blend-screen {
    mix-blend-mode: screen
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_0_10px_\#38BDF8\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, #38bdf8);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_0_10px_\#F37121\] {
    --tw-shadow: 0 0 10px var(--tw-shadow-color, #f37121);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_0_40px_rgba\(243\,113\,33\,0\.35\)\] {
    --tw-shadow: 0 0 40px var(--tw-shadow-color, #f3712159);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_0_50px_-12px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 0 50px -12px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_0_50px_-12px_rgba\(243\,113\,33\,0\.25\)\] {
    --tw-shadow: 0 0 50px -12px var(--tw-shadow-color, #f3712140);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_0_50px_rgba\(255\,94\,0\,0\.5\)\] {
    --tw-shadow: 0 0 50px var(--tw-shadow-color, #ff5e0080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_0_60px_-15px_rgba\(243\,113\,33\,0\.15\)\] {
    --tw-shadow: 0 0 60px -15px var(--tw-shadow-color, #f3712126);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_0_80px_rgba\(255\,94\,0\,0\.6\)\] {
    --tw-shadow: 0 0 80px var(--tw-shadow-color, #ff5e0099);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_1px_3px_rgba\(18\,23\,34\,0\.05\)\,0_10px_30px_rgba\(18\,23\,34\,0\.07\)\] {
    --tw-shadow: 0 1px 3px var(--tw-shadow-color, #1217220d), 0 10px 30px var(--tw-shadow-color, #12172212);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 8px 30px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_10px_30px_rgba\(18\,23\,34\,0\.06\)\] {
    --tw-shadow: 0 10px 30px var(--tw-shadow-color, #1217220f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_10px_40px_rgba\(18\,23\,34\,0\.08\)\] {
    --tw-shadow: 0 10px 40px var(--tw-shadow-color, #12172214);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_18px_32px_-24px_rgba\(0\,0\,0\,0\.95\)\] {
    --tw-shadow: 0 18px 32px -24px var(--tw-shadow-color, #000000f2);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_18px_40px_-18px_rgba\(243\,113\,33\,0\.8\)\] {
    --tw-shadow: 0 18px 40px -18px var(--tw-shadow-color, #f37121cc);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_18px_48px_-34px_rgba\(16\,49\,92\,0\.5\)\] {
    --tw-shadow: 0 18px 48px -34px var(--tw-shadow-color, #10315c80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_18px_50px_-36px_rgba\(16\,49\,92\,0\.5\)\] {
    --tw-shadow: 0 18px 50px -36px var(--tw-shadow-color, #10315c80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_20px_40px_-15px_rgba\(22\,49\,92\,0\.1\)\] {
    --tw-shadow: 0 20px 40px -15px var(--tw-shadow-color, #16315c1a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_20px_45px_-20px_rgba\(16\,49\,92\,0\.35\)\] {
    --tw-shadow: 0 20px 45px -20px var(--tw-shadow-color, #10315c59);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_20px_50px_-12px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 20px 50px -12px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_20px_50px_-32px_rgba\(16\,49\,92\,0\.25\)\] {
    --tw-shadow: 0 20px 50px -32px var(--tw-shadow-color, #10315c40);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_20px_50px_-38px_rgba\(16\,49\,92\,0\.5\)\] {
    --tw-shadow: 0 20px 50px -38px var(--tw-shadow-color, #10315c80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_20px_50px_-40px_rgba\(16\,49\,92\,0\.5\)\] {
    --tw-shadow: 0 20px 50px -40px var(--tw-shadow-color, #10315c80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_24px_60px_-40px_rgba\(16\,49\,92\,0\.6\)\] {
    --tw-shadow: 0 24px 60px -40px var(--tw-shadow-color, #10315c99);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_24px_70px_-40px_rgba\(16\,49\,92\,0\.45\)\] {
    --tw-shadow: 0 24px 70px -40px var(--tw-shadow-color, #10315c73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_25px_60px_-35px_rgba\(16\,49\,92\,0\.45\)\] {
    --tw-shadow: 0 25px 60px -35px var(--tw-shadow-color, #10315c73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_30px_60px_-15px_rgba\(0\,0\,0\,0\.8\)\,0_0_40px_rgba\(243\,113\,33\,0\.15\)\] {
    --tw-shadow: 0 30px 60px -15px var(--tw-shadow-color, #000c), 0 0 40px var(--tw-shadow-color, #f3712126);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_30px_70px_-40px_rgba\(16\,49\,92\,0\.5\)\] {
    --tw-shadow: 0 30px 70px -40px var(--tw-shadow-color, #10315c80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_30px_70px_-50px_rgba\(16\,49\,92\,0\.6\)\] {
    --tw-shadow: 0 30px 70px -50px var(--tw-shadow-color, #10315c99);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0_30px_80px_-44px_rgba\(0\,0\,0\,0\.75\)\] {
    --tw-shadow: 0 30px 80px -44px var(--tw-shadow-color, #000000bf);
    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-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px 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,
  .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)
  }

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

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

  .shadow-black\/40 {
    --tw-shadow-color: #0006
  }

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

  .shadow-green-500\/25 {
    --tw-shadow-color: #00c75840
  }

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

  .shadow-orange-500\/20 {
    --tw-shadow-color: #fe6e0033
  }

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

  .shadow-orange-500\/25 {
    --tw-shadow-color: #fe6e0040
  }

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

  .shadow-red-500\/20 {
    --tw-shadow-color: #fb2c3633
  }

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

  .shadow-red-500\/25 {
    --tw-shadow-color: #fb2c3640
  }

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

  .shadow-slate-200\/50 {
    --tw-shadow-color: #e2e8f080
  }

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

  .ring-orange-500\/30 {
    --tw-ring-color: #fe6e004d
  }

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

  .ring-slate-100 {
    --tw-ring-color: var(--color-slate-100)
  }

  .ring-slate-200 {
    --tw-ring-color: var(--color-slate-200)
  }

  .ring-white {
    --tw-ring-color: var(--color-white)
  }

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

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

  .ring-white\/20 {
    --tw-ring-color: #fff3
  }

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

  .ring-white\/40 {
    --tw-ring-color: #fff6
  }

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

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

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

  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
  }

  .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, )
  }

  .blur-\[1px\] {
    --tw-blur: blur(1px);
    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, )
  }

  .blur-\[2px\] {
    --tw-blur: blur(2px);
    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, )
  }

  .blur-\[60px\] {
    --tw-blur: blur(60px);
    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, )
  }

  .blur-\[70px\] {
    --tw-blur: blur(70px);
    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, )
  }

  .blur-\[80px\] {
    --tw-blur: blur(80px);
    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, )
  }

  .blur-\[110px\] {
    --tw-blur: blur(110px);
    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, )
  }

  .blur-\[120px\] {
    --tw-blur: blur(120px);
    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, )
  }

  .blur-\[130px\] {
    --tw-blur: blur(130px);
    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, )
  }

  .blur-\[140px\] {
    --tw-blur: blur(140px);
    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, )
  }

  .blur-md {
    --tw-blur: blur(var(--blur-md));
    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, )
  }

  .drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, #0000001f));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
    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, )
  }

  .drop-shadow-sm {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #00000026));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));
    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, )
  }

  .grayscale {
    --tw-grayscale: grayscale(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, )
  }

  .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, )
  }

  .filter {
    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-\[2px\] {
    --tw-backdrop-blur: blur(2px);
    -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, )
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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, )
  }

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

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

  .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-\[flex-grow\] {
    transition-property: flex-grow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    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-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

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

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

  .delay-150 {
    transition-delay: .15s
  }

  .delay-200 {
    transition-delay: .2s
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s
  }

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

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s
  }

  .duration-\[900ms\] {
    --tw-duration: .9s;
    transition-duration: .9s
  }

  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(.22, 1, .36, 1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1)
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in)
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out)
  }

  .will-change-transform {
    will-change: transform
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none
  }

  .ring-inset {
    --tw-ring-inset: inset
  }

  .group-focus-within\:translate-x-1:is(:where(.group):focus-within *) {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .group-focus-within\:-translate-y-1:is(:where(.group):focus-within *) {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .group-focus-within\:scale-\[1\.06\]:is(:where(.group):focus-within *) {
    scale: 1.06
  }

  .group-focus-within\:border-transparent:is(:where(.group):focus-within *) {
    border-color: #0000
  }

  .group-focus-within\:bg-black\/40:is(:where(.group):focus-within *) {
    background-color: #0006
  }

  @supports (color:color-mix(in lab, red, red)) {
    .group-focus-within\:bg-black\/40:is(:where(.group):focus-within *) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent)
    }
  }

  .group-focus-within\:bg-white\/10:is(:where(.group):focus-within *) {
    background-color: #ffffff1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .group-focus-within\:bg-white\/10:is(:where(.group):focus-within *) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
    }
  }

  .group-focus-within\:text-white:is(:where(.group):focus-within *) {
    color: var(--color-white)
  }

  .group-focus-within\:text-white\/70:is(:where(.group):focus-within *) {
    color: #ffffffb3
  }

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

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 1
  }

  .group-focus-within\:shadow-\[0_40px_80px_-40px_rgba\(18\,23\,34\,0\.75\)\]:is(:where(.group):focus-within *) {
    --tw-shadow: 0 40px 80px -40px var(--tw-shadow-color, #121722bf);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .group-focus-within\:\[text-shadow\:0_1px_8px_rgba\(0\,0\,0\,0\.8\)\]:is(:where(.group):focus-within *) {
    text-shadow: 0 1px 8px #000c
  }

  .group-focus-within\:\[text-shadow\:0_1px_10px_rgba\(0\,0\,0\,0\.8\)\]:is(:where(.group):focus-within *) {
    text-shadow: 0 1px 10px #000c
  }

  .group-focus-within\:\[text-shadow\:0_2px_18px_rgba\(0\,0\,0\,0\.85\)\,0_0_2px_rgba\(0\,0\,0\,0\.9\)\]:is(:where(.group):focus-within *) {
    text-shadow: 0 2px 18px #000000d9, 0 0 2px #000000e6
  }

  @media(hover:hover) {
    .group-hover\:top-4:is(:where(.group):hover *) {
      top: calc(var(--spacing) * 4)
    }

    .group-hover\:bottom-4:is(:where(.group):hover *) {
      bottom: calc(var(--spacing) * 4)
    }

    .group-hover\:w-16:is(:where(.group):hover *) {
      width: calc(var(--spacing) * 16)
    }

    .group-hover\:w-full:is(:where(.group):hover *) {
      width: 100%
    }

    .group-hover\:translate-x-0:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

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

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

    .group-hover\:translate-x-\[3px\]:is(:where(.group):hover *) {
      --tw-translate-x: 3px;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

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

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

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

    .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-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .group-hover\:scale-125:is(:where(.group):hover *) {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      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)
    }

    .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) {
      scale: 1.02
    }

    .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) {
      scale: 1.03
    }

    .group-hover\:scale-\[1\.06\]:is(:where(.group):hover *) {
      scale: 1.06
    }

    .group-hover\:grid-rows-\[1fr\]:is(:where(.group):hover *) {
      grid-template-rows: 1fr
    }

    .group-hover\:border-transparent:is(:where(.group):hover *) {
      border-color: #0000
    }

    .group-hover\:border-white\/20:is(:where(.group):hover *) {
      border-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
      .group-hover\:border-white\/20:is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
      }
    }

    .group-hover\:bg-\[\#16315C\]:is(:where(.group):hover *) {
      background-color: #16315c
    }

    .group-hover\:bg-\[\#F37121\]:is(:where(.group):hover *) {
      background-color: #f37121
    }

    .group-hover\:bg-black\/40:is(:where(.group):hover *) {
      background-color: #0006
    }

    @supports (color:color-mix(in lab, red, red)) {
      .group-hover\:bg-black\/40:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent)
      }
    }

    .group-hover\:bg-red-50:is(:where(.group):hover *) {
      background-color: var(--color-red-50)
    }

    .group-hover\:bg-white\/10:is(:where(.group):hover *) {
      background-color: #ffffff1a
    }

    @supports (color:color-mix(in lab, red, red)) {
      .group-hover\:bg-white\/10:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
      }
    }

    .group-hover\:from-\[\#0A1628\]:is(:where(.group):hover *) {
      --tw-gradient-from: #0a1628;
      --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))
    }

    .group-hover\:via-\[\#0A1628\]\/35:is(:where(.group):hover *) {
      --tw-gradient-via: oklab(19.9764% -.00817466 -.0394435/.35);
      --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)
    }

    .group-hover\:text-2xl:is(:where(.group):hover *) {
      font-size: 1.5rem;
      line-height: var(--tw-leading, calc(2 / 1.5))
    }

    .group-hover\:text-\[\#6ED3E8\]:is(:where(.group):hover *) {
      color: #6ed3e8
    }

    .group-hover\:text-\[\#34A853\]:is(:where(.group):hover *) {
      color: #34a853
    }

    .group-hover\:text-\[\#058B31\]:is(:where(.group):hover *) {
      color: #058b31
    }

    .group-hover\:text-\[\#535F9F\]:is(:where(.group):hover *) {
      color: #535f9f
    }

    .group-hover\:text-\[\#C4551A\]:is(:where(.group):hover *) {
      color: #c4551a
    }

    .group-hover\:text-\[\#DC2626\]:is(:where(.group):hover *) {
      color: #dc2626
    }

    .group-hover\:text-\[\#F0B35C\]:is(:where(.group):hover *) {
      color: #f0b35c
    }

    .group-hover\:text-\[\#F37121\]:is(:where(.group):hover *) {
      color: #f37121
    }

    .group-hover\:text-\[var\(--orange\)\]:is(:where(.group):hover *) {
      color: var(--orange)
    }

    .group-hover\:text-emerald-700:is(:where(.group):hover *) {
      color: var(--color-emerald-700)
    }

    .group-hover\:text-green-400:is(:where(.group):hover *) {
      color: var(--color-green-400)
    }

    .group-hover\:text-green-600:is(:where(.group):hover *) {
      color: var(--color-green-600)
    }

    .group-hover\:text-orange-400:is(:where(.group):hover *) {
      color: var(--color-orange-400)
    }

    .group-hover\:text-orange-400\/80:is(:where(.group):hover *) {
      color: #ff8b1acc
    }

    @supports (color:color-mix(in lab, red, red)) {
      .group-hover\:text-orange-400\/80:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--color-orange-400) 80%, transparent)
      }
    }

    .group-hover\:text-orange-500:is(:where(.group):hover *) {
      color: var(--color-orange-500)
    }

    .group-hover\:text-orange-600:is(:where(.group):hover *) {
      color: var(--color-orange-600)
    }

    .group-hover\:text-orange-700:is(:where(.group):hover *) {
      color: var(--color-orange-700)
    }

    .group-hover\:text-slate-500:is(:where(.group):hover *) {
      color: var(--color-slate-500)
    }

    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--color-white)
    }

    .group-hover\:text-white\/40:is(:where(.group):hover *) {
      color: #fff6
    }

    @supports (color:color-mix(in lab, red, red)) {
      .group-hover\:text-white\/40:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--color-white) 40%, transparent)
      }
    }

    .group-hover\:text-white\/70:is(:where(.group):hover *) {
      color: #ffffffb3
    }

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

    .group-hover\:text-white\/75:is(:where(.group):hover *) {
      color: #ffffffbf
    }

    @supports (color:color-mix(in lab, red, red)) {
      .group-hover\:text-white\/75:is(:where(.group):hover *) {
        color: color-mix(in oklab, var(--color-white) 75%, transparent)
      }
    }

    .group-hover\:opacity-40:is(:where(.group):hover *) {
      opacity: .4
    }

    .group-hover\:opacity-70:is(:where(.group):hover *) {
      opacity: .7
    }

    .group-hover\:opacity-75:is(:where(.group):hover *) {
      opacity: .75
    }

    .group-hover\:opacity-90:is(:where(.group):hover *) {
      opacity: .9
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1
    }

    .group-hover\:shadow-\[0_40px_80px_-40px_rgba\(18\,23\,34\,0\.75\)\]:is(:where(.group):hover *) {
      --tw-shadow: 0 40px 80px -40px var(--tw-shadow-color, #121722bf);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .group-hover\:grayscale-0:is(:where(.group):hover *) {
      --tw-grayscale: grayscale(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, )
    }

    .group-hover\:\[text-shadow\:0_1px_8px_rgba\(0\,0\,0\,0\.8\)\]:is(:where(.group):hover *) {
      text-shadow: 0 1px 8px #000c
    }

    .group-hover\:\[text-shadow\:0_1px_10px_rgba\(0\,0\,0\,0\.8\)\]:is(:where(.group):hover *) {
      text-shadow: 0 1px 10px #000c
    }

    .group-hover\:\[text-shadow\:0_2px_18px_rgba\(0\,0\,0\,0\.85\)\,0_0_2px_rgba\(0\,0\,0\,0\.9\)\]:is(:where(.group):hover *) {
      text-shadow: 0 2px 18px #000000d9, 0 0 2px #000000e6
    }

    .group-hover\/c\:w-\[1\.1vw\]:is(:where(.group\/c):hover *) {
      width: 1.1vw
    }

    .group-hover\/c\:bg-\[\#F37121\]:is(:where(.group\/c):hover *) {
      background-color: #f37121
    }

    .group-hover\/c\:text-white\/85:is(:where(.group\/c):hover *) {
      color: #ffffffd9
    }

    @supports (color:color-mix(in lab, red, red)) {
      .group-hover\/c\:text-white\/85:is(:where(.group\/c):hover *) {
        color: color-mix(in oklab, var(--color-white) 85%, transparent)
      }
    }

    .group-hover\/cta\:translate-x-\[3px\]:is(:where(.group\/cta):hover *) {
      --tw-translate-x: 3px;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\/cta\:text-white:is(:where(.group\/cta):hover *) {
      color: var(--color-white)
    }

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

    .group-hover\/panel\:opacity-0:is(:where(.group\/panel):hover *) {
      opacity: 0
    }

    .group-hover\/panel\:opacity-100:is(:where(.group\/panel):hover *) {
      opacity: 1
    }

    .group-hover\/sub\:translate-x-0:is(:where(.group\/sub):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\/sub\:text-white:is(:where(.group\/sub):hover *) {
      color: var(--color-white)
    }

    .group-hover\/sub\:opacity-100:is(:where(.group\/sub):hover *) {
      opacity: 1
    }
  }

  .group-focus-visible\/panel\:opacity-0:is(:where(.group\/panel):focus-visible *) {
    opacity: 0
  }

  .group-focus-visible\/panel\:opacity-100:is(:where(.group\/panel):focus-visible *) {
    opacity: 1
  }

  .selection\:bg-\[\#F37121\] ::selection {
    background-color: #f37121
  }

  .selection\:bg-\[\#F37121\]::selection {
    background-color: #f37121
  }

  .selection\:bg-orange-500\/30 ::selection {
    background-color: #fe6e004d
  }

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

  .selection\:bg-orange-500\/30::selection {
    background-color: #fe6e004d
  }

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

  .selection\:text-orange-200 ::selection {
    color: var(--color-orange-200)
  }

  .selection\:text-orange-200::selection {
    color: var(--color-orange-200)
  }

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

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

  .placeholder\:text-slate-400::placeholder {
    color: var(--color-slate-400)
  }

  .placeholder\:text-slate-500::placeholder {
    color: var(--color-slate-500)
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0
  }

  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0
  }

  .last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0)
  }

  .focus-within\:border-\[\#F37121\]:focus-within {
    border-color: #f37121
  }

  @media(hover:hover) {
    .hover\:flex-\[2\.6\]:hover {
      flex: 2.6
    }

    .hover\:flex-\[3\.2\]:hover {
      flex: 3.2
    }

    .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\:-translate-y-\[1px\]:hover {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .hover\:scale-\[1\.03\]:hover {
      scale: 1.03
    }

    .hover\:border-\[\#34A853\]:hover {
      border-color: #34a853
    }

    .hover\:border-\[\#058B31\]:hover {
      border-color: #058b31
    }

    .hover\:border-\[\#C4551A\]:hover {
      border-color: #c4551a
    }

    .hover\:border-\[\#DC2626\]:hover {
      border-color: #dc2626
    }

    .hover\:border-\[\#F37121\]:hover {
      border-color: #f37121
    }

    .hover\:border-\[\#F37121\]\/40:hover {
      border-color: #f3712166
    }

    .hover\:border-blue-400\/50:hover {
      border-color: #54a2ff80
    }

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

    .hover\:border-emerald-500:hover {
      border-color: var(--color-emerald-500)
    }

    .hover\:border-orange-400:hover {
      border-color: var(--color-orange-400)
    }

    .hover\:border-orange-500:hover {
      border-color: var(--color-orange-500)
    }

    .hover\:border-orange-500\/30:hover {
      border-color: #fe6e004d
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-orange-500\/30:hover {
        border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent)
      }
    }

    .hover\:border-orange-500\/50:hover {
      border-color: #fe6e0080
    }

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

    .hover\:border-slate-300:hover {
      border-color: var(--color-slate-300)
    }

    .hover\:border-white\/20:hover {
      border-color: #fff3
    }

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

    .hover\:border-white\/25:hover {
      border-color: #ffffff40
    }

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

    .hover\:border-white\/30:hover {
      border-color: #ffffff4d
    }

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

    .hover\:border-white\/40:hover {
      border-color: #fff6
    }

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

    .hover\:bg-\[\#34A853\]\/5:hover {
      background-color: #34a8530d
    }

    .hover\:bg-\[\#121826\]:hover {
      background-color: #121826
    }

    .hover\:bg-\[\#F5F8FB\]:hover {
      background-color: #f5f8fb
    }

    .hover\:bg-black\/40:hover {
      background-color: #0006
    }

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

    .hover\:bg-black\/\[0\.02\]:hover {
      background-color: #00000005
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-black\/\[0\.02\]:hover {
        background-color: color-mix(in oklab, var(--color-black) 2%, transparent)
      }
    }

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

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

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

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

    .hover\:bg-slate-50\/50:hover {
      background-color: #f8fafc80
    }

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

    .hover\:bg-slate-50\/80:hover {
      background-color: #f8fafccc
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-slate-50\/80:hover {
        background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent)
      }
    }

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

    .hover\:bg-slate-100\/50:hover {
      background-color: #f1f5f980
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-slate-100\/50:hover {
        background-color: color-mix(in oklab, var(--color-slate-100) 50%, transparent)
      }
    }

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

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

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

    .hover\:bg-white\/10:hover {
      background-color: #ffffff1a
    }

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

    .hover\:bg-white\/20:hover {
      background-color: #fff3
    }

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

    .hover\:bg-white\/50:hover {
      background-color: #ffffff80
    }

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

    .hover\:bg-white\/\[0\.04\]:hover {
      background-color: #ffffff0a
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.04\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 4%, transparent)
      }
    }

    .hover\:bg-white\/\[0\.06\]:hover {
      background-color: #ffffff0f
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.06\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 6%, transparent)
      }
    }

    .hover\:bg-white\/\[0\.07\]:hover {
      background-color: #ffffff12
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.07\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 7%, transparent)
      }
    }

    .hover\:bg-white\/\[0\.08\]:hover {
      background-color: #ffffff14
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.08\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 8%, transparent)
      }
    }

    .hover\:text-\[\#058B31\]:hover {
      color: #058b31
    }

    .hover\:text-\[\#66C97F\]:hover {
      color: #66c97f
    }

    .hover\:text-\[\#C4551A\]:hover {
      color: #c4551a
    }

    .hover\:text-\[\#F37121\]:hover {
      color: #f37121
    }

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

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

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

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

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

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

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

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

    .hover\:opacity-70:hover {
      opacity: .7
    }

    .hover\:opacity-80:hover {
      opacity: .8
    }

    .hover\:opacity-90:hover {
      opacity: .9
    }

    .hover\:opacity-100:hover {
      opacity: 1
    }

    .hover\:shadow-\[0_4px_10px_rgba\(18\,23\,34\,0\.08\)\,0_22px_50px_rgba\(18\,23\,34\,0\.14\)\]:hover {
      --tw-shadow: 0 4px 10px var(--tw-shadow-color, #12172214), 0 22px 50px var(--tw-shadow-color, #12172224);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hover\:shadow-\[0_20px_40px_-20px_rgba\(16\,49\,92\,0\.15\)\]:hover {
      --tw-shadow: 0 20px 40px -20px var(--tw-shadow-color, #10315c26);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hover\:shadow-\[0_30px_60px_-40px_rgba\(16\,49\,92\,0\.5\)\]:hover {
      --tw-shadow: 0 30px 60px -40px var(--tw-shadow-color, #10315c80);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }

    .hover\:shadow-lg:hover {
      --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)
    }

    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px 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)
    }

    .hover\:shadow-red-500\/40:hover {
      --tw-shadow-color: #fb2c3666
    }

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

    .hover\:shadow-slate-200\/60:hover {
      --tw-shadow-color: #e2e8f099
    }

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

    .hover\:grayscale-0:hover {
      --tw-grayscale: grayscale(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, )
    }
  }

  .focus\:border-\[\#F37121\]:focus {
    border-color: #f37121
  }

  .focus\:border-orange-500\/50:focus {
    border-color: #fe6e0080
  }

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

  .focus\:border-white\/40:focus {
    border-color: #fff6
  }

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

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

  .focus\:ring-orange-500\/50:focus {
    --tw-ring-color: #fe6e0080
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus\:ring-orange-500\/50:focus {
      --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent)
    }
  }

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

  .focus-visible\:z-30:focus-visible {
    z-index: 30
  }

  .focus-visible\:flex-\[3\.2\]:focus-visible {
    flex: 3.2
  }

  .focus-visible\:bg-slate-50:focus-visible {
    background-color: var(--color-slate-50)
  }

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

  .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-\[\#DC2626\]:focus-visible {
    --tw-ring-color: #dc2626
  }

  .focus-visible\:ring-\[\#F37121\]:focus-visible {
    --tw-ring-color: #f37121
  }

  .focus-visible\:ring-orange-400:focus-visible {
    --tw-ring-color: var(--color-orange-400)
  }

  .focus-visible\:ring-white:focus-visible {
    --tw-ring-color: var(--color-white)
  }

  .focus-visible\:ring-white\/70:focus-visible {
    --tw-ring-color: #ffffffb3
  }

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

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
  }

  .focus-visible\:ring-offset-\[\#0A0E17\]:focus-visible {
    --tw-ring-offset-color: #0a0e17
  }

  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
  }

  .focus-visible\:outline-\[\#F37121\]:focus-visible {
    outline-color: #f37121
  }

  .focus-visible\:outline-orange-500\/60:focus-visible {
    outline-color: #fe6e0099
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-visible\:outline-orange-500\/60:focus-visible {
      outline-color: color-mix(in oklab, var(--color-orange-500) 60%, transparent)
    }
  }

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

  @media(prefers-reduced-motion:no-preference) {
    .motion-safe\:animate-ping {
      animation: var(--animate-ping)
    }
  }

  @media not all and (min-width:64rem) {
    .max-lg\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px
    }
  }

  @media not all and (min-width:48rem) {
    .max-md\:hidden {
      display: none
    }
  }

  @media(min-width:1920px) {
    .min-\[1920px\]\:max-w-3xl {
      max-width: var(--container-3xl)
    }

    .min-\[1920px\]\:max-w-4xl {
      max-width: var(--container-4xl)
    }

    .min-\[1920px\]\:max-w-\[1760px\] {
      max-width: 1760px
    }

    .min-\[1920px\]\:text-\[5\.5rem\] {
      font-size: 5.5rem
    }
  }

  @media(min-width:40rem) {
    .sm\:col-span-1 {
      grid-column: span 1/span 1
    }

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

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

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

    .sm\:block {
      display: block
    }

    .sm\:grid {
      display: grid
    }

    .sm\:inline-block {
      display: inline-block
    }

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

    .sm\:h-7 {
      height: calc(var(--spacing) * 7)
    }

    .sm\:h-9 {
      height: calc(var(--spacing) * 9)
    }

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

    .sm\:h-56 {
      height: calc(var(--spacing) * 56)
    }

    .sm\:h-\[380px\] {
      height: 380px
    }

    .sm\:w-1\/3 {
      width: 33.3333%
    }

    .sm\:w-2\/3 {
      width: 66.6667%
    }

    .sm\:w-7 {
      width: calc(var(--spacing) * 7)
    }

    .sm\:w-9 {
      width: calc(var(--spacing) * 9)
    }

    .sm\:w-20 {
      width: calc(var(--spacing) * 20)
    }

    .sm\:rotate-0 {
      rotate: 0deg
    }

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

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

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

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

    .sm\:grid-cols-\[1fr_auto_1fr\] {
      grid-template-columns: 1fr auto 1fr
    }

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

    .sm\:flex-wrap {
      flex-wrap: wrap
    }

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

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

    .sm\:items-end {
      align-items: flex-end
    }

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

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

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

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

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

    .sm\:gap-x-12 {
      column-gap: calc(var(--spacing) * 12)
    }

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

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

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

    .sm\:pr-10 {
      padding-right: calc(var(--spacing) * 10)
    }

    .sm\:pl-10 {
      padding-left: calc(var(--spacing) * 10)
    }

    .sm\:text-right {
      text-align: right
    }

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

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

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

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

    .sm\:whitespace-nowrap {
      white-space: nowrap
    }
  }

  @media(min-width:48rem) {
    .md\:sticky {
      position: sticky
    }

    .md\:inset-x-10 {
      inset-inline: calc(var(--spacing) * 10)
    }

    .md\:top-28 {
      top: calc(var(--spacing) * 28)
    }

    .md\:top-\[18\.5vh\] {
      top: 18.5vh
    }

    .md\:bottom-36 {
      bottom: calc(var(--spacing) * 36)
    }

    .md\:left-8 {
      left: calc(var(--spacing) * 8)
    }

    .md\:col-span-1 {
      grid-column: span 1/span 1
    }

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

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

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

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

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

    .md\:-mx-10 {
      margin-inline: calc(var(--spacing) * -10)
    }

    .md\:mx-0 {
      margin-inline: calc(var(--spacing) * 0)
    }

    .md\:mt-24 {
      margin-top: calc(var(--spacing) * 24)
    }

    .md\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0)
    }

    .md\:mb-16 {
      margin-bottom: calc(var(--spacing) * 16)
    }

    .md\:mb-24 {
      margin-bottom: calc(var(--spacing) * 24)
    }

    .md\:block {
      display: block
    }

    .md\:flex {
      display: flex
    }

    .md\:hidden {
      display: none
    }

    .md\:inline {
      display: inline
    }

    .md\:h-0 {
      height: calc(var(--spacing) * 0)
    }

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

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

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

    .md\:h-14 {
      height: calc(var(--spacing) * 14)
    }

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

    .md\:h-28 {
      height: calc(var(--spacing) * 28)
    }

    .md\:h-32 {
      height: calc(var(--spacing) * 32)
    }

    .md\:h-56 {
      height: calc(var(--spacing) * 56)
    }

    .md\:h-64 {
      height: calc(var(--spacing) * 64)
    }

    .md\:max-h-14 {
      max-height: calc(var(--spacing) * 14)
    }

    .md\:w-1\/3 {
      width: 33.3333%
    }

    .md\:w-2\/3 {
      width: 66.6667%
    }

    .md\:w-5\/12 {
      width: 41.6667%
    }

    .md\:w-7\/12 {
      width: 58.3333%
    }

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

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

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

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

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

    .md\:w-max {
      width: max-content
    }

    .md\:min-w-\[240px\] {
      min-width: 240px
    }

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

    .md\:rotate-0 {
      rotate: 0deg
    }

    .md\:snap-start {
      scroll-snap-align: start
    }

    .md\:\[scroll-padding-inline\:2\.5rem\] {
      scroll-padding-inline: 2.5rem
    }

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

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

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

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

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

    .md\:grid-cols-\[1\.2fr_1fr\] {
      grid-template-columns: 1.2fr 1fr
    }

    .md\:grid-cols-\[1\.5fr_1fr_2fr\] {
      grid-template-columns: 1.5fr 1fr 2fr
    }

    .md\:grid-cols-\[1\.5fr_7rem_2fr\] {
      grid-template-columns: 1.5fr 7rem 2fr
    }

    .md\:grid-cols-\[1fr_1fr\] {
      grid-template-columns: 1fr 1fr
    }

    .md\:grid-cols-\[1fr_7rem_1fr\] {
      grid-template-columns: 1fr 7rem 1fr
    }

    .md\:grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto
    }

    .md\:grid-cols-\[1fr_auto_1fr\] {
      grid-template-columns: 1fr auto 1fr
    }

    .md\:flex-col {
      flex-direction: column
    }

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

    .md\:items-baseline {
      align-items: baseline
    }

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

    .md\:items-end {
      align-items: flex-end
    }

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

    .md\:items-stretch {
      align-items: stretch
    }

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

    .md\:gap-0 {
      gap: calc(var(--spacing) * 0)
    }

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

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

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

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

    .md\:gap-16 {
      gap: calc(var(--spacing) * 16)
    }

    .md\:gap-24 {
      gap: calc(var(--spacing) * 24)
    }

    .md\:gap-28 {
      gap: calc(var(--spacing) * 28)
    }

    :where(.md\:space-y-6>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.md\:space-y-24>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)))
    }

    .md\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6)
    }

    :where(.md\:divide-x>:not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
    }

    :where(.md\:divide-y-0>: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(0px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)))
    }

    :where(.md\:divide-white\/15>:not(:last-child)) {
      border-color: #ffffff26
    }

    @supports (color:color-mix(in lab, red, red)) {
      :where(.md\:divide-white\/15>:not(:last-child)) {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent)
      }
    }

    .md\:self-start {
      align-self: flex-start
    }

    .md\:justify-self-end {
      justify-self: flex-end
    }

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

    .md\:p-7 {
      padding: calc(var(--spacing) * 7)
    }

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

    .md\:p-9 {
      padding: calc(var(--spacing) * 9)
    }

    .md\:p-10 {
      padding: calc(var(--spacing) * 10)
    }

    .md\:px-0 {
      padding-inline: calc(var(--spacing) * 0)
    }

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

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

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

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10)
    }

    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12)
    }

    .md\:px-14 {
      padding-inline: calc(var(--spacing) * 14)
    }

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

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

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

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

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

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

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

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

    .md\:pt-8 {
      padding-top: calc(var(--spacing) * 8)
    }

    .md\:pt-14 {
      padding-top: calc(var(--spacing) * 14)
    }

    .md\:pt-16 {
      padding-top: calc(var(--spacing) * 16)
    }

    .md\:pt-20 {
      padding-top: calc(var(--spacing) * 20)
    }

    .md\:pt-32 {
      padding-top: calc(var(--spacing) * 32)
    }

    .md\:pt-48 {
      padding-top: calc(var(--spacing) * 48)
    }

    .md\:pt-80 {
      padding-top: calc(var(--spacing) * 80)
    }

    .md\:pr-4 {
      padding-right: calc(var(--spacing) * 4)
    }

    .md\:pr-8 {
      padding-right: calc(var(--spacing) * 8)
    }

    .md\:pr-12 {
      padding-right: calc(var(--spacing) * 12)
    }

    .md\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0)
    }

    .md\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8)
    }

    .md\:pb-14 {
      padding-bottom: calc(var(--spacing) * 14)
    }

    .md\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16)
    }

    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20)
    }

    .md\:pb-32 {
      padding-bottom: calc(var(--spacing) * 32)
    }

    .md\:pl-4 {
      padding-left: calc(var(--spacing) * 4)
    }

    .md\:pl-7 {
      padding-left: calc(var(--spacing) * 7)
    }

    .md\:pl-12 {
      padding-left: calc(var(--spacing) * 12)
    }

    .md\:pl-\[4\.5rem\] {
      padding-left: 4.5rem
    }

    .md\:pl-\[4\.75rem\] {
      padding-left: 4.75rem
    }

    .md\:pl-\[5\.5rem\] {
      padding-left: 5.5rem
    }

    .md\:text-right {
      text-align: right
    }

    .md\:text-2xl {
      font-size: 1.5rem;
      line-height: var(--tw-leading, calc(2 / 1.5))
    }

    .md\:text-3xl {
      font-size: 1.875rem;
      line-height: var(--tw-leading, 1.2)
    }

    .md\:text-4xl {
      font-size: 2.25rem;
      line-height: var(--tw-leading, calc(2.5 / 2.25))
    }

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

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

    .md\:text-7xl {
      font-size: 4.5rem;
      line-height: var(--tw-leading, 1)
    }

    .md\:text-base {
      font-size: 1rem;
      line-height: var(--tw-leading, 1.5)
    }

    .md\:text-lg {
      font-size: 1.125rem;
      line-height: var(--tw-leading, calc(1.75 / 1.125))
    }

    .md\:text-xl {
      font-size: 1.25rem;
      line-height: var(--tw-leading, calc(1.75 / 1.25))
    }

    .md\:text-\[2\.6rem\] {
      font-size: 2.6rem
    }

    .md\:text-\[15px\] {
      font-size: 15px
    }

    .first\:md\:pl-0:first-child {
      padding-left: calc(var(--spacing) * 0)
    }

    .last\:md\:pr-0:last-child {
      padding-right: calc(var(--spacing) * 0)
    }
  }

  @media(min-width:64rem) {
    .lg\:sticky {
      position: sticky
    }

    .lg\:top-0 {
      top: calc(var(--spacing) * 0)
    }

    .lg\:top-6 {
      top: calc(var(--spacing) * 6)
    }

    .lg\:top-28 {
      top: calc(var(--spacing) * 28)
    }

    .lg\:top-32 {
      top: calc(var(--spacing) * 32)
    }

    .lg\:top-44 {
      top: calc(var(--spacing) * 44)
    }

    .lg\:right-6 {
      right: calc(var(--spacing) * 6)
    }

    .lg\:right-auto {
      right: auto
    }

    .lg\:bottom-0 {
      bottom: calc(var(--spacing) * 0)
    }

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

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

    .lg\:left-\[-1px\] {
      left: -1px
    }

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

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

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

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

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

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

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

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

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

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

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

    .lg\:mt-24 {
      margin-top: calc(var(--spacing) * 24)
    }

    .lg\:mr-0 {
      margin-right: calc(var(--spacing) * 0)
    }

    .lg\:ml-auto {
      margin-left: auto
    }

    .lg\:block {
      display: block
    }

    .lg\:flex {
      display: flex
    }

    .lg\:hidden {
      display: none
    }

    .lg\:aspect-\[16\/11\] {
      aspect-ratio: 16/11
    }

    .lg\:aspect-auto {
      aspect-ratio: auto
    }

    .lg\:h-\[360px\] {
      height: 360px
    }

    .lg\:h-\[380px\] {
      height: 380px
    }

    .lg\:h-\[400px\] {
      height: 400px
    }

    .lg\:h-\[460px\] {
      height: 460px
    }

    .lg\:h-\[500px\] {
      height: 500px
    }

    .lg\:h-auto {
      height: auto
    }

    .lg\:h-full {
      height: 100%
    }

    .lg\:min-h-\[22rem\] {
      min-height: 22rem
    }

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

    .lg\:w-1\/3 {
      width: 33.3333%
    }

    .lg\:w-2\/3 {
      width: 66.6667%
    }

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

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

    .lg\:w-\[24rem\] {
      width: 24rem
    }

    .lg\:max-w-none {
      max-width: none
    }

    .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-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
    }

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

    .lg\:grid-cols-\[0\.9fr_1\.1fr\] {
      grid-template-columns: .9fr 1.1fr
    }

    .lg\:grid-cols-\[0\.85fr_1\.15fr\] {
      grid-template-columns: .85fr 1.15fr
    }

    .lg\:grid-cols-\[1\.1fr_2fr\] {
      grid-template-columns: 1.1fr 2fr
    }

    .lg\:grid-cols-\[1\.05fr_0\.95fr\] {
      grid-template-columns: 1.05fr .95fr
    }

    .lg\:grid-cols-\[1\.15fr_0\.85fr\] {
      grid-template-columns: 1.15fr .85fr
    }

    .lg\:grid-cols-\[1\.15fr_1fr\] {
      grid-template-columns: 1.15fr 1fr
    }

    .lg\:grid-cols-\[1\.25fr_0\.8fr\] {
      grid-template-columns: 1.25fr .8fr
    }

    .lg\:grid-cols-\[1\.35fr_1fr\] {
      grid-template-columns: 1.35fr 1fr
    }

    .lg\:grid-cols-\[1fr_1\.1fr\] {
      grid-template-columns: 1fr 1.1fr
    }

    .lg\:grid-cols-\[1fr_1\.05fr\] {
      grid-template-columns: 1fr 1.05fr
    }

    .lg\:grid-cols-\[1fr_1fr\] {
      grid-template-columns: 1fr 1fr
    }

    .lg\:grid-cols-\[1fr_16rem\] {
      grid-template-columns: 1fr 16rem
    }

    .lg\:grid-cols-\[280px_1fr\] {
      grid-template-columns: 280px 1fr
    }

    .lg\:grid-cols-\[360px_1fr\] {
      grid-template-columns: 360px 1fr
    }

    .lg\:flex-col {
      flex-direction: column
    }

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

    .lg\:flex-row-reverse {
      flex-direction: row-reverse
    }

    .lg\:flex-nowrap {
      flex-wrap: nowrap
    }

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

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

    .lg\:items-stretch {
      align-items: stretch
    }

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

    .lg\:justify-end {
      justify-content: flex-end
    }

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

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

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

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

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

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

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

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

    .lg\:self-start {
      align-self: flex-start
    }

    .lg\:justify-self-end {
      justify-self: flex-end
    }

    .lg\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px
    }

    .lg\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0
    }

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

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

    .lg\:border-slate-200 {
      border-color: var(--color-slate-200)
    }

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

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

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

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

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

    .lg\:pt-0 {
      padding-top: calc(var(--spacing) * 0)
    }

    .lg\:pt-10 {
      padding-top: calc(var(--spacing) * 10)
    }

    .lg\:pt-36 {
      padding-top: calc(var(--spacing) * 36)
    }

    .lg\:pr-0 {
      padding-right: calc(var(--spacing) * 0)
    }

    .lg\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24)
    }

    .lg\:pl-8 {
      padding-left: calc(var(--spacing) * 8)
    }

    .lg\:pl-12 {
      padding-left: calc(var(--spacing) * 12)
    }

    .lg\:text-right {
      text-align: right
    }

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

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

    .lg\:text-7xl {
      font-size: 4.5rem;
      line-height: var(--tw-leading, 1)
    }

    .lg\:text-xl {
      font-size: 1.25rem;
      line-height: var(--tw-leading, calc(1.75 / 1.25))
    }

    .lg\:whitespace-normal {
      white-space: normal
    }

    .lg\:whitespace-nowrap {
      white-space: nowrap
    }

    .lg\:last\:border-r-0:last-child {
      border-right-style: var(--tw-border-style);
      border-right-width: 0
    }
  }

  @media(min-width:80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

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

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

  @media(min-width:96rem) {
    .\32xl\:-mx-16 {
      margin-inline: calc(var(--spacing) * -16)
    }

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

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

    .\32xl\:max-w-\[1600px\] {
      max-width: 1600px
    }

    .\32xl\:px-16 {
      padding-inline: calc(var(--spacing) * 16)
    }

    .\32xl\:text-3xl {
      font-size: 1.875rem;
      line-height: var(--tw-leading, 1.2)
    }

    .\32xl\:text-lg {
      font-size: 1.125rem;
      line-height: var(--tw-leading, calc(1.75 / 1.125))
    }

    .\32xl\:text-\[5rem\] {
      font-size: 5rem
    }
  }
}

:root {
  --color-primary: #0a1628;
  --color-secondary: #8a9bb4;
  --color-accent: #f37121;
  --color-bg-light: #f0f4f8;
  --color-bg-dark: #080c14;
  --color-bg-muted: #0d1f3c;
  --color-text-primary: #f0f4f8;
  --color-text-secondary: #8a9bb4;
  --color-text-muted: #4a5568;
  --color-text-inverse: #080c14;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --font-display: "Bebas Neue", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "JetBrains Mono", monospace
}

html {
  scroll-behavior: smooth
}

body {
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-width: none;
  background-color: #fff;
  overflow-x: clip
}

body::-webkit-scrollbar {
  display: none
}

@keyframes flowDotX {
  0% {
    opacity: 0;
    left: 0%
  }

  12% {
    opacity: 1
  }

  88% {
    opacity: 1
  }

  to {
    opacity: 0;
    left: 100%
  }
}

@keyframes flowDotY {
  0% {
    opacity: 0;
    top: 0%
  }

  12% {
    opacity: 1
  }

  88% {
    opacity: 1
  }

  to {
    opacity: 0;
    top: 100%
  }
}

@keyframes pulseDot {

  0%,
  to {
    opacity: 1;
    transform: scale(1)
  }

  50% {
    opacity: .35;
    transform: scale(.7)
  }
}

@keyframes marquee {
  0% {
    transform: translate(0)
  }

  to {
    transform: translate(-50%)
  }
}

.flow-dot-x {
  animation: 2.6s linear infinite flowDotX
}

.flow-dot-y {
  animation: 2.2s linear infinite flowDotY
}

.pulse-dot {
  animation: 1.6s ease-in-out infinite pulseDot
}

.animate-marquee {
  animation: 32s linear infinite marquee
}

.animate-marquee:hover {
  animation-play-state: paused
}

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

  .flow-dot-x,
  .flow-dot-y,
  .pulse-dot,
  .animate-marquee {
    animation: none
  }
}

@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-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-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity
}

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

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

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

@property --tw-divide-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-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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes ping {

  75%,
  to {
    opacity: 0;
    transform: scale(2)
  }
}

@keyframes pulse {
  50% {
    opacity: .5
  }
}

/* Interactive Tabs & Accordions helper */
.tab-content-panel {
  display: none;
}

.tab-content-panel.active {
  display: block;
}

.faq-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease-out, opacity 0.25s ease;
  opacity: 0;
}

.faq-accordion-item.active .faq-accordion-content {
  max-height: 600px;
  opacity: 1;
}

.faq-accordion-item.active .faq-chevron {
  transform: rotate(180deg);
}

/* ==========================================================================
   Hero Bottom Marquee Strip (Parity, Horizontal Flow & Explicit Visibility)
   ========================================================================== */

@keyframes energy-marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.elementor-element-2ef26d4,
.energy-marquee-container {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
}

.energy-marquee-track,
.elementor-element-e379a37 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: max-content !important;
  min-width: max-content !important;
  animation: energy-marquee 35s linear infinite !important;
  will-change: transform !important;
}

.energy-marquee-track:hover,
.elementor-element-e379a37:hover {
  animation-play-state: paused !important;
}

.energy-marquee-track span.bg-orange-500\/50 {
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  min-height: 6px !important;
  border-radius: 9999px !important;
  background-color: rgba(243, 113, 33, 0.5) !important;
  flex-shrink: 0 !important;
}

/* Fix Elementor wrappers that cause wrapping */
.energy-marquee-track .e-con,
.energy-marquee-track .elementor-widget,
.energy-marquee-track .elementor-widget-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: max-content !important;
  min-width: max-content !important;
}

/* Hide duplicate dot background if Elementor duplicated the classes on the wrapper */
.energy-marquee-track div.bg-orange-500\/50 {
  background-color: transparent !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

/* Restore container styles since Tailwind classes like bg-black/40 aren't compiled */
.bg-black\/40 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.backdrop-blur-sm {
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

.border-white\/10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.border-t {
  border-top-width: 1px !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

/* Ensure text spans do not word wrap and are visible */
.energy-marquee-track span.font-mono {
  display: inline-block !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  flex-shrink: 0 !important;
  color: #94a3b8 !important;
  /* text-slate-400 */
  font-family: var(--font-mono, 'JetBrains Mono', monospace) !important;
  font-size: 12px !important;
  /* text-xs */
  font-weight: 700 !important;
  /* font-bold */
  letter-spacing: 0.1em !important;
  /* tracking-widest */
  text-transform: uppercase !important;
  margin-left: 1.5rem !important;
  /* mx-6 */
  margin-right: 1.5rem !important;
  /* mx-6 */
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.animate-marquee {
  display: flex !important;
  width: max-content !important;
  white-space: nowrap !important;
}

.animate-marquee * {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

@keyframes energy-trace {
  0% {
    stroke-dashoffset: 400;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.animate-energy-trace {
  animation: energy-trace 6s linear infinite !important;
}

@keyframes energy-pulse {

  0%,
  100% {
    opacity: 0.4;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.6);
  }
}

.animate-energy-pulse {
  animation: energy-pulse 1.6s ease-in-out infinite !important;
}

@keyframes pulseDot {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.35;
    transform: scale(0.7);
  }
}

.pulse-dot {
  animation: pulseDot 1.6s ease-in-out infinite !important;
}

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

  .energy-marquee-track,
  .animate-energy-trace,
  .animate-energy-pulse,
  .pulse-dot {
    animation: none !important;
  }
}

/* ==========================================================================
   Wider Section Containers (Custom widened width requested by user on page 1555)
   ========================================================================== */
body.page-id-1555 section .max-w-7xl,
body.page-id-1555 section .max-w-\[1440px\],
.elementor-1555 section .max-w-7xl,
.elementor-1555 section .max-w-\[1440px\],
.elementor-1555 section .e-con.max-w-7xl,
.elementor-1555 .elementor-element-49c1964,
.elementor-1555 .elementor-element-b9964d4,
.elementor-1555 .elementor-element-7c3f136,
.elementor-1555 .elementor-element-f2ccd8c,
.elementor-1555 .elementor-element-0ec0175,
.elementor-1555 .elementor-element-de2b9a1,
.elementor-1555 .elementor-element-6b9b528,
.elementor-1555 .elementor-element-e4167f3,
.elementor-1555 .elementor-element-14dc61b,
.elementor-1555 .elementor-element-ab1894f,
body.page-id-1555 #equipment-families>div,
body.page-id-1555 #customer-stories>div,
body.page-id-1555 #why-mes>div,
body.page-id-1555 #capabilities>div,
body.page-id-1555 #fit-criteria>div,
body.page-id-1555 #mes-difference>div,
body.page-id-1555 #faq>div,
body.page-id-1555 #send-drawing>div,
body.page-id-1555 #oem-logos>div {
  max-width: 1440px !important;
  width: 100% !important;
}

@media (min-width: 1536px) {

  body.page-id-1555 section .max-w-7xl,
  body.page-id-1555 section .max-w-\[1440px\],
  .elementor-1555 section .max-w-7xl,
  .elementor-1555 section .max-w-\[1440px\],
  .elementor-1555 section .e-con.max-w-7xl,
  .elementor-1555 .elementor-element-49c1964,
  .elementor-1555 .elementor-element-b9964d4,
  .elementor-1555 .elementor-element-7c3f136,
  .elementor-1555 .elementor-element-f2ccd8c,
  .elementor-1555 .elementor-element-0ec0175,
  .elementor-1555 .elementor-element-de2b9a1,
  .elementor-1555 .elementor-element-6b9b528,
  .elementor-1555 .elementor-element-e4167f3,
  .elementor-1555 .elementor-element-14dc61b,
  .elementor-1555 .elementor-element-ab1894f,
  body.page-id-1555 #equipment-families>div,
  body.page-id-1555 #customer-stories>div,
  body.page-id-1555 #why-mes>div,
  body.page-id-1555 #capabilities>div,
  body.page-id-1555 #fit-criteria>div,
  body.page-id-1555 #mes-difference>div,
  body.page-id-1555 #faq>div,
  body.page-id-1555 #send-drawing>div,
  body.page-id-1555 #oem-logos>div {
    max-width: 1600px !important;
  }
}

@media (min-width: 1920px) {

  body.page-id-1555 section .max-w-7xl,
  body.page-id-1555 section .max-w-\[1440px\],
  .elementor-1555 section .max-w-7xl,
  .elementor-1555 section .max-w-\[1440px\],
  .elementor-1555 section .e-con.max-w-7xl,
  .elementor-1555 .elementor-element-49c1964,
  .elementor-1555 .elementor-element-b9964d4,
  .elementor-1555 .elementor-element-7c3f136,
  .elementor-1555 .elementor-element-f2ccd8c,
  .elementor-1555 .elementor-element-0ec0175,
  .elementor-1555 .elementor-element-de2b9a1,
  .elementor-1555 .elementor-element-6b9b528,
  .elementor-1555 .elementor-element-e4167f3,
  .elementor-1555 .elementor-element-14dc61b,
  .elementor-1555 .elementor-element-ab1894f,
  body.page-id-1555 #equipment-families>div,
  body.page-id-1555 #customer-stories>div,
  body.page-id-1555 #why-mes>div,
  body.page-id-1555 #capabilities>div,
  body.page-id-1555 #fit-criteria>div,
  body.page-id-1555 #mes-difference>div,
  body.page-id-1555 #faq>div,
  body.page-id-1555 #send-drawing>div,
  body.page-id-1555 #oem-logos>div {
    max-width: 1760px !important;
  }
}

/* Component Maps Tabs & Accordions Helper Styles */
.tab-content-panel {
  transition: opacity 0.3s ease-in-out;
}

.tab-content-panel.active {
  display: block !important;
}

.tab-content-panel.hidden {
  display: none !important;
}

.tab-indicator {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==========================================================================
   Outcome Metrics Card & Layered Reticles (Case Studies Section)
   ========================================================================== */
.mes-outcome-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid rgba(22, 49, 92, 0.15);
  box-shadow: 0 20px 40px -15px rgba(22, 49, 92, 0.12), 0 2px 8px -2px rgba(22, 49, 92, 0.05);
  border-radius: 2px;
  padding: 1.75rem 2rem;
}

.mes-outcome-bg-card {
  position: absolute;
  inset: 0;
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 2px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.07), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
  transform: translate(14px, 8px) rotate(4deg);
  pointer-events: none;
  z-index: 0;
}

.mes-reticle-tl {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 8px;
  height: 8px;
  border-top: 1.5px solid rgba(22, 49, 92, 0.35);
  border-left: 1.5px solid rgba(22, 49, 92, 0.35);
  pointer-events: none;
}

.mes-reticle-tr {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 8px;
  height: 8px;
  border-top: 1.5px solid rgba(22, 49, 92, 0.35);
  border-right: 1.5px solid rgba(22, 49, 92, 0.35);
  pointer-events: none;
}

.mes-reticle-bl {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 8px;
  height: 8px;
  border-bottom: 1.5px solid rgba(22, 49, 92, 0.35);
  border-left: 1.5px solid rgba(22, 49, 92, 0.35);
  pointer-events: none;
}

.mes-reticle-br {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 8px;
  height: 8px;
  border-bottom: 1.5px solid rgba(22, 49, 92, 0.35);
  border-right: 1.5px solid rgba(22, 49, 92, 0.35);
  pointer-events: none;
}

/* ==========================================================================
   Fit Assessment Card (Straight Answers / Fit Matrix Section)
   ========================================================================== */
.mes-fit-card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid rgba(22, 49, 92, 0.15);
  box-shadow: 0 20px 40px -15px rgba(22, 49, 92, 0.12), 0 2px 8px -2px rgba(22, 49, 92, 0.05);
  border-radius: 2px;
  padding: 1.75rem 2rem;
}

.mes-fit-bg-card {
  position: absolute;
  inset: 0;
  background-color: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 2px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.07), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
  transform: translate(-14px, 8px) rotate(-4deg);
  pointer-events: none;
  z-index: 0;
}

/* ==========================================================================
   FAQ Accordion Plus / Minus Toggle Icons
   ========================================================================== */
.faq-accordion-item.active .faq-vertical-line {
  transform: rotate(90deg);
  opacity: 0;
}

/* ==========================================================================
   Floating Section Tracker / Navigation Menu
   ========================================================================== */
.custom-scrollbar::-webkit-scrollbar {
  width: 5px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* ==========================================================================
   UPS Power Distribution Custom Interactive Styles
   ========================================================================== */
.pulse-dot {
  animation: pulseDot 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulseDot {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .4;
    transform: scale(0.85);
  }
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* FAQ accordion styling */
.faq-accordion-item .faq-answer {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.35s ease-in-out, opacity 0.3s ease-in-out;
}

.faq-accordion-item.is-open .faq-answer {
  max-height: 500px;
  opacity: 1;
}

.faq-accordion-item .faq-vert-bar {
  transition: transform 0.25s ease, opacity 0.2s ease;
  transform-origin: center;
}

.faq-accordion-item.is-open .faq-vert-bar {
  opacity: 0;
  transform: scale(0);
}

/* Engineering questions accordion */
.eq-accordion-item .eq-answer {
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
}

.eq-accordion-item.is-open .eq-answer {
  max-height: 600px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.eq-accordion-item.is-open .eq-closed-text {
  display: none !important;
}


/* Quality verification accordion */
.qv-accordion-item .qv-answer {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
}

.qv-accordion-item.is-open .qv-answer {
  max-height: 1200px;
  opacity: 1;
}

/* Component tabs indicator & display */
.component-tab-panel {
  display: none;
  animation: fadeInTab 0.3s ease-in-out forwards;
}

.component-tab-panel.is-active {
  display: flex;
}

@keyframes fadeInTab {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

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

/* ==========================================================================
   HERO SECTION - EXACT REFERENCE PARITY & ZERO UNWANTED SPACE
   ========================================================================== */

.h-\[40rem\] {
  height: 40rem !important;
}

.w-\[40rem\] {
  width: 40rem !important;
}

.blur-\[140px\] {
  filter: blur(140px) !important;
  -webkit-filter: blur(140px) !important;
}

.h-\[30rem\] {
  height: 30rem !important;
}

.w-\[30rem\] {
  width: 30rem !important;
}

.blur-\[120px\] {
  filter: blur(120px) !important;
  -webkit-filter: blur(120px) !important;
}

.min-h-\[92vh\] {
  min-height: 92vh !important;
}

.tracking-\[0\.28em\] {
  letter-spacing: 0.28em !important;
}

@media (min-width: 1536px) {
  .\32xl\:max-w-\[1600px\] {
    max-width: 1600px !important;
  }

  .\32xl\:text-\[5rem\] {
    font-size: 5rem !important;
  }

  .\32xl\:px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .\32xl\:max-w-3xl {
    max-width: 48rem !important;
  }

  .\32xl\:text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important;
  }
}

@media (min-width: 1920px) {
  .min-\[1920px\]\:max-w-\[1760px\] {
    max-width: 1760px !important;
  }

  .min-\[1920px\]\:text-\[5\.5rem\] {
    font-size: 5.5rem !important;
  }

  .min-\[1920px\]\:max-w-4xl {
    max-width: 56rem !important;
  }
}

/* Zero-out any container / page level padding & margins on Hero */
.elementor-1571 {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.elementor-element.elementor-element-mes-granular-import-root {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  --gap: 0px !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --padding-block-start: 0px !important;
  --padding-block-end: 0px !important;
  --padding-inline-start: 0px !important;
  --padding-inline-end: 0px !important;
  --margin-top: 0px !important;
  --margin-right: 0px !important;
  --margin-bottom: 0px !important;
  --margin-left: 0px !important;
}

/* Hero Section Container - 100% full bleed, zero white space */
/*
.elementor-element.elementor-element-sec_293546c,
.elementor-element[data-id="sec_293546c"],
.elementor-1571 #hero,
#hero,
[data-section-id="hero"] {
  position: relative !important;
  overflow: hidden !important;
  background-color: #000000 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  --gap: 0px !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --padding-block-start: 0px !important;
  --padding-block-end: 0px !important;
  --padding-inline-start: 0px !important;
  --padding-inline-end: 0px !important;
  --margin-top: 0px !important;
  --margin-right: 0px !important;
  --margin-bottom: 0px !important;
  --margin-left: 0px !important;
  display: block !important;
}
  */

/* HTML Widget & Widget Container */
.elementor-element-sec_293546c .elementor-widget-html,
.elementor-element-sec_293546c .elementor-widget-container,
[data-id="sec_293546c"] .elementor-widget-html,
[data-id="sec_293546c"] .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

/* Background image & overlays wrapper - 100% full bleed coverage */
.elementor-element-sec_293546c .absolute.inset-0:first-child,
[data-id="sec_293546c"] .absolute.inset-0:first-child,
#hero .absolute.inset-0:first-child {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  overflow: hidden !important;
  z-index: 0 !important;
}

/* Background Image Cover */
.elementor-element-sec_293546c .absolute.inset-0:first-child img,
[data-id="sec_293546c"] .absolute.inset-0:first-child img,
#hero .absolute.inset-0:first-child img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 0.45 !important;
  pointer-events: none !important;
  max-width: none !important;
}

/* Linear Gradient Overlay */
.elementor-element-sec_293546c .absolute.inset-0[style*="linear-gradient"],
[data-id="sec_293546c"] .absolute.inset-0[style*="linear-gradient"],
#hero .absolute.inset-0[style*="linear-gradient"] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(105deg, #000000 8%, rgba(6, 8, 12, 0.92) 40%, rgba(6, 8, 12, 0.3) 76%, rgba(6, 8, 12, 0.7) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Bottom Fade Overlay */
.elementor-element-sec_293546c .absolute.inset-x-0.bottom-0.h-40,
[data-id="sec_293546c"] .absolute.inset-x-0.bottom-0.h-40,
#hero .absolute.inset-x-0.bottom-0.h-40 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 10rem !important;
  background: linear-gradient(180deg, transparent, #06080C) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Ambient Glow Orbs */
.elementor-element-sec_293546c .blur-\[140px\],
[data-id="sec_293546c"] .blur-\[140px\],
#hero .blur-\[140px\] {
  position: absolute !important;
  right: -10rem !important;
  top: 25% !important;
  width: 40rem !important;
  height: 40rem !important;
  border-radius: 9999px !important;
  background: #F37121 !important;
  opacity: 0.15 !important;
  filter: blur(140px) !important;
  -webkit-filter: blur(140px) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.elementor-element-sec_293546c .blur-\[120px\],
[data-id="sec_293546c"] .blur-\[120px\],
#hero .blur-\[120px\] {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 30rem !important;
  height: 30rem !important;
  border-radius: 9999px !important;
  background: #38BDF8 !important;
  opacity: 0.10 !important;
  filter: blur(120px) !important;
  -webkit-filter: blur(120px) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* ==========================================================================
   SHARED COMMON CONTENT CONTAINER WIDTH (Sections 1, 2, 3 & Standard Sections)
   ========================================================================== */
.elementor-1571,
.elementor-1571 .elementor-element.mes-granular-root,
.elementor-1571 .elementor-element.e-con-full,
.elementor-1571 .elementor-element[data-element_type="container"] {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.elementor-1571 .elementor-widget-html,
.elementor-1571 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.mes-container-width,
.mes-content-container,
body.page-id-1571 section>.mx-auto,
.elementor-1571 section>.mx-auto,
.elementor-1571 .elementor-widget-container>.mx-auto {
  width: 100% !important;
  max-width: 80rem !important;
  /* 1280px max-w-7xl */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important;
  /* 24px px-6 */
  padding-right: 1.5rem !important;
  box-sizing: border-box !important;
  position: relative !important;
}

@media (min-width: 768px) {

  .mes-container-width,
  .mes-content-container,
  body.page-id-1571 section>.mx-auto,
  .elementor-1571 section>.mx-auto,
  .elementor-1571 .elementor-widget-container>.mx-auto {
    padding-left: 2.5rem !important;
    /* 40px md:px-10 */
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 1536px) {

  .mes-container-width,
  .mes-content-container,
  body.page-id-1571 section>.mx-auto,
  .elementor-1571 section>.mx-auto,
  .elementor-1571 .elementor-widget-container>.mx-auto {
    max-width: 1600px !important;
    /* 2xl:max-w-[1600px] */
    padding-left: 4rem !important;
    /* 64px 2xl:px-16 */
    padding-right: 4rem !important;
  }
}

@media (min-width: 1920px) {

  .mes-container-width,
  .mes-content-container,
  body.page-id-1571 section>.mx-auto,
  .elementor-1571 section>.mx-auto,
  .elementor-1571 .elementor-widget-container>.mx-auto {
    max-width: 1760px !important;
    /* min-[1920px]:max-w-[1760px] */
  }
}


/* Hero Content Wrapper - Vertical & Flex specific styles, sharing .mes-container-width */
.elementor-element-sec_293546c .relative.mx-auto.flex,
[data-id="sec_293546c"] .relative.mx-auto.flex,
#hero .relative.mx-auto.flex {
  z-index: 10 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 92vh !important;
  padding-top: 10rem !important;
  /* 160px pt-40 */
  padding-bottom: 6rem !important;
  /* 96px pb-24 */
}

@media (min-width: 768px) {

  .elementor-element-sec_293546c .relative.mx-auto.flex,
  [data-id="sec_293546c"] .relative.mx-auto.flex,
  #hero .relative.mx-auto.flex {
    padding-top: 12rem !important;
    /* 192px md:pt-48 */
  }
}


/* Eyebrow Pill */
.ups-hero-eyebrow,
#hero .font-mono.tracking-\[0\.28em\],
.elementor-element[data-id="sec_293546c"] .font-mono.tracking-\[0\.28em\] {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
  color: #F37121 !important;
}

/* Main Hero Title */
.ups-hero-title,
#hero h1,
.elementor-element[data-id="sec_293546c"] h1 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.0 !important;
  letter-spacing: -0.025em !important;
  color: #ffffff !important;
  max-width: 56rem !important;
  font-size: 3rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 640px) {

  .ups-hero-title,
  #hero h1,
  .elementor-element[data-id="sec_293546c"] h1 {
    font-size: 3.75rem !important;
  }
}

@media (min-width: 1024px) {

  .ups-hero-title,
  #hero h1,
  .elementor-element[data-id="sec_293546c"] h1 {
    font-size: 4.5rem !important;
  }
}

@media (min-width: 1536px) {

  .ups-hero-title,
  #hero h1,
  .elementor-element[data-id="sec_293546c"] h1 {
    font-size: 5rem !important;
  }
}

@media (min-width: 1920px) {

  .ups-hero-title,
  #hero h1,
  .elementor-element[data-id="sec_293546c"] h1 {
    font-size: 5.5rem !important;
  }
}

/* Gradient text span */
.ups-hero-gradient-text,
#hero .bg-clip-text,
.elementor-element[data-id="sec_293546c"] .bg-clip-text {
  background: linear-gradient(to right, #fb923c, #ea580c) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline !important;
}

/* Subtitle & Description */
.ups-hero-sub,
#hero p.text-xl,
.elementor-element[data-id="sec_293546c"] p.text-xl {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  line-height: 1.625 !important;
  color: #e2e8f0 !important;
  margin-top: 1.75rem !important;
}

@media (min-width: 768px) {

  .ups-hero-sub,
  #hero p.text-xl,
  .elementor-element[data-id="sec_293546c"] p.text-xl {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 1024px) {

  .ups-hero-sub,
  #hero p.text-xl,
  .elementor-element[data-id="sec_293546c"] p.text-xl {
    white-space: nowrap !important;
  }
}

@media (min-width: 1536px) {

  .ups-hero-sub,
  #hero p.text-xl,
  .elementor-element[data-id="sec_293546c"] p.text-xl {
    font-size: 1.875rem !important;
  }
}

.ups-hero-desc,
#hero p.text-slate-400,
.elementor-element[data-id="sec_293546c"] p.text-slate-400 {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.625 !important;
  color: #94a3b8 !important;
  margin-top: 1rem !important;
  max-width: 42rem !important;
}

@media (min-width: 1536px) {

  .ups-hero-desc,
  #hero p.text-slate-400,
  .elementor-element[data-id="sec_293546c"] p.text-slate-400 {
    max-width: 48rem !important;
  }
}

@media (min-width: 1920px) {

  .ups-hero-desc,
  #hero p.text-slate-400,
  .elementor-element[data-id="sec_293546c"] p.text-slate-400 {
    max-width: 56rem !important;
  }
}

/* CTA Button */
.ups-hero-cta,
#hero a[href*="contact"],
.elementor-element[data-id="sec_293546c"] a[href*="contact"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  border-radius: 9999px !important;
  padding: 1rem 2rem !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  position: relative !important;
  background: linear-gradient(180deg, #f97316 0%, #ea580c 100%) !important;
  box-shadow: 0 10px 30px -5px rgba(234, 88, 12, 0.4), 0 0 24px rgba(249, 115, 22, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ups-hero-cta:hover,
#hero a[href*="contact"]:hover,
.elementor-element[data-id="sec_293546c"] a[href*="contact"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 34px -5px rgba(234, 88, 12, 0.5), 0 0 28px rgba(249, 115, 22, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

.ups-hero-cta svg,
#hero a[href*="contact"] svg,
.elementor-element[data-id="sec_293546c"] a[href*="contact"] svg {
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ups-hero-cta:hover svg,
#hero a[href*="contact"]:hover svg,
.elementor-element[data-id="sec_293546c"] a[href*="contact"]:hover svg {
  transform: translateX(4px) !important;
}

/* ==========================================================================
   SECTION 1: 5 PRESSURES ON CRITICAL POWER SOURCING (#market-pressures)
   ========================================================================== */

/* Outer Section Container */
#market-pressures,
[data-section-id="market-pressures"],
.elementor-element[data-id="sec_1b3b063"],
.elementor-element.elementor-element-sec_1b3b063 {
  position: relative !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 4rem !important;
  /* py-16 (64px) */
  padding-bottom: 4rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  scroll-margin-top: 6rem !important;
  /* scroll-mt-24 */
  display: block !important;
  --gap: 0px !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --margin-top: 0px !important;
  --margin-right: 0px !important;
  --margin-bottom: 0px !important;
  --margin-left: 0px !important;
}

@media (min-width: 768px) {

  #market-pressures,
  [data-section-id="market-pressures"],
  .elementor-element[data-id="sec_1b3b063"],
  .elementor-element.elementor-element-sec_1b3b063 {
    padding-top: 6rem !important;
    /* md:py-24 (96px) */
    padding-bottom: 6rem !important;
  }
}

/* HTML Widget & Widget Container for Section 1 */
.elementor-element-sec_1b3b063 .elementor-widget-html,
.elementor-element-sec_1b3b063 .elementor-widget-container,
[data-id="sec_1b3b063"] .elementor-widget-html,
[data-id="sec_1b3b063"] .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

/* Grid & Rows in Section 1 */
#market-pressures .divide-y>*+*,
.elementor-element[data-id="sec_1b3b063"] .divide-y>*+* {
  border-top-width: 1px !important;
  border-top-color: #e2e8f0 !important;
}

#market-pressures .border-t,
.elementor-element[data-id="sec_1b3b063"] .border-t {
  border-top-width: 1px !important;
  border-top-color: #e2e8f0 !important;
}

#market-pressures .group.grid,
.elementor-element[data-id="sec_1b3b063"] .group.grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.5rem !important;
  /* gap-2 (8px) */
  padding-top: 1.75rem !important;
  /* py-7 (28px) */
  padding-bottom: 1.75rem !important;
}

@media (min-width: 768px) {

  #market-pressures .group.grid,
  .elementor-element[data-id="sec_1b3b063"] .group.grid {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 2rem !important;
    /* md:gap-8 (32px) */
    align-items: baseline !important;
  }

  #market-pressures .md\:col-span-1,
  .elementor-element[data-id="sec_1b3b063"] .md\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }

  #market-pressures .md\:col-span-4,
  .elementor-element[data-id="sec_1b3b063"] .md\:col-span-4 {
    grid-column: span 4 / span 4 !important;
  }

  #market-pressures .md\:col-span-7,
  .elementor-element[data-id="sec_1b3b063"] .md\:col-span-7 {
    grid-column: span 7 / span 7 !important;
  }
}

/* Number 01-05 Hover Transition */
#market-pressures .group:hover .group-hover\:text-\[\#F37121\],
.elementor-element[data-id="sec_1b3b063"] .group:hover .group-hover\:text-\[\#F37121\] {
  color: #F37121 !important;
}

/* Typography in Section 1 */
#market-pressures h2,
.elementor-element[data-id="sec_1b3b063"] h2 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #16315C !important;
  font-size: 2.25rem !important;
  /* text-4xl (36px) */
  line-height: 1.15 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {

  #market-pressures h2,
  .elementor-element[data-id="sec_1b3b063"] h2 {
    font-size: 3rem !important;
    /* md:text-5xl (48px) */
  }
}

#market-pressures h3,
.elementor-element[data-id="sec_1b3b063"] h3 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  color: #16315C !important;
  font-size: 1.5rem !important;
  /* text-2xl (24px) */
  line-height: 1.25 !important;
  margin: 0 !important;
}

#market-pressures p,
.elementor-element[data-id="sec_1b3b063"] p {
  font-family: 'Inter', sans-serif !important;
  margin: 0 !important;
}

.h-1\.5 {
  height: 0.375rem !important;
}

.w-1\.5 {
  width: 0.375rem !important;
}

.mt-1\.5 {
  margin-top: 0.375rem !important;
}

.py-2\.5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

/* ==========================================================================
   SECTION 4: THREE APPLICATIONS (#applications)
   ========================================================================== */

/* Outer Section Container */
.elementor-element[data-id="sec_f37d7d0"],
.elementor-element.elementor-element-sec_f37d7d0 {
  position: relative !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 6rem !important;
  /* pt-24 (96px) */
  padding-bottom: 4rem !important;
  /* pb-16 (64px) */
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  scroll-margin-top: 6rem !important;
  /* scroll-mt-24 */
  display: block !important;
  --gap: 0px !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --margin-top: 0px !important;
  --margin-right: 0px !important;
  --margin-bottom: 0px !important;
  --margin-left: 0px !important;
}

@media (min-width: 768px) {

  .elementor-element[data-id="sec_f37d7d0"],
  .elementor-element.elementor-element-sec_f37d7d0 {
    padding-top: 8rem !important;
    /* md:pt-32 (128px) */
    padding-bottom: 4rem !important;
    /* md:pb-16 (64px) */
  }
}

/* HTML Widget & Widget Container for Section 4 */
.elementor-element-sec_f37d7d0 .elementor-widget-html,
.elementor-element-sec_f37d7d0 .elementor-widget-container,
[data-id="sec_f37d7d0"] .elementor-widget-html,
[data-id="sec_f37d7d0"] .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

/* 3-Column Applications Grid - Responsive 1 -> 2 -> 3 columns */
.elementor-element[data-id="sec_f37d7d0"] .grid,
.elementor-element[data-id="sec_f37d7d0"] .grid-cols-1 {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  gap: 2rem !important;
  width: 100% !important;
}

@media (min-width: 768px) {

  .elementor-element[data-id="sec_f37d7d0"] .grid,
  .elementor-element[data-id="sec_f37d7d0"] .grid-cols-1 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2rem !important;
  }
}

@media (min-width: 1024px) {

  .elementor-element[data-id="sec_f37d7d0"] .grid,
  .elementor-element[data-id="sec_f37d7d0"] .grid-cols-1,
  .elementor-element[data-id="sec_f37d7d0"] .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 2.5rem !important;
  }
}

/* Aspect ratio & image zoom */
.aspect-\[4\/3\] {
  aspect-ratio: 4 / 3 !important;
}

.group:hover .group-hover\:scale-105 {
  transform: scale(1.05) !important;
}

.from-black\/80 {
  --tw-gradient-from: rgba(0, 0, 0, 0.8) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.via-black\/20 {
  --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgba(0, 0, 0, 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

.text-white\/50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Headings in Section 4 */
.elementor-element[data-id="sec_f37d7d0"] h2 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #16315C !important;
  font-size: 2.25rem !important;
  /* text-4xl (36px) */
  line-height: 1.15 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {

  .elementor-element[data-id="sec_f37d7d0"] h2 {
    font-size: 3rem !important;
    /* md:text-5xl (48px) */
  }
}

.elementor-element[data-id="sec_f37d7d0"] h3 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  font-size: 1.25rem !important;
  /* text-xl (20px) */
  line-height: 1.25 !important;
  margin: 0 !important;
}

/* ==========================================================================
   SECTION 6: HOW WE PROVE IT BEFORE IT SHIPS (#quality-verification)
   ========================================================================== */

/* Outer Section Container */
#quality-verification,
[data-section-id="quality-verification"],
.elementor-element[data-id="sec_122edbd"],
.elementor-element.elementor-element-sec_122edbd {
  position: relative !important;
  overflow: hidden !important;
  background-color: #f8fafc !important;
  /* bg-slate-50 */
  border-top: 1px solid #e2e8f0 !important;
  /* border-slate-200 */
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 6rem !important;
  /* py-24 (96px) */
  padding-bottom: 6rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  scroll-margin-top: 6rem !important;
  /* scroll-mt-24 */
  display: block !important;
  --gap: 0px !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --margin-top: 0px !important;
  --margin-right: 0px !important;
  --margin-bottom: 0px !important;
  --margin-left: 0px !important;
}

@media (min-width: 768px) {

  #quality-verification,
  [data-section-id="quality-verification"],
  .elementor-element[data-id="sec_122edbd"],
  .elementor-element.elementor-element-sec_122edbd {
    padding-top: 8rem !important;
    /* md:py-32 (128px) */
    padding-bottom: 8rem !important;
  }
}

/* HTML Widget & Widget Container for Section 6 */
.elementor-element-sec_122edbd .elementor-widget-html,
.elementor-element-sec_122edbd .elementor-widget-container,
[data-id="sec_122edbd"] .elementor-widget-html,
[data-id="sec_122edbd"] .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

/* Quality Verification Accordion */
.qv-accordion-item .qv-answer {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
}

.qv-accordion-item.is-open .qv-answer {
  max-height: 1200px;
  opacity: 1;
}

/* Headings in Section 6 */
#quality-verification>div>div:first-child h2,
.elementor-element[data-id="sec_122edbd"]>div>div:first-child h2,
.elementor-element-sec_122edbd>div>div:first-child h2 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #16315C !important;
  font-size: 2.25rem !important;
  /* text-4xl (36px) */
  line-height: 1.15 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {

  #quality-verification>div>div:first-child h2,
  .elementor-element[data-id="sec_122edbd"]>div>div:first-child h2,
  .elementor-element-sec_122edbd>div>div:first-child h2 {
    font-size: 3rem !important;
    /* md:text-5xl (48px) */
  }
}

#quality-verification h3,
.elementor-element[data-id="sec_122edbd"] h3 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 600 !important;
  font-size: 1.5rem !important;
  /* text-2xl (24px) */
  color: #16315C !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

/* Accordion Row Numbers & Spec Text */
#quality-verification .group:hover .group-hover\:text-orange-600,
.elementor-element[data-id="sec_122edbd"] .group:hover .group-hover\:text-orange-600 {
  color: #ea580c !important;
}

/* Lead Times / Schedule Section */
#quality-verification .mt-32 h2,
.elementor-element[data-id="sec_122edbd"] .mt-32 h2,
.elementor-element-sec_122edbd .mt-32 h2 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #16315C !important;
  font-size: 1.875rem !important;
  /* text-3xl (30px) */
  line-height: 2.25rem !important;
  margin-top: 1.5rem !important;
  /* mt-6 */
  margin-bottom: 3rem !important;
  /* mb-12 (48px) */
}

@media (min-width: 768px) {

  #quality-verification .mt-32 h2,
  .elementor-element[data-id="sec_122edbd"] .mt-32 h2,
  .elementor-element-sec_122edbd .mt-32 h2 {
    font-size: 2.25rem !important;
    /* md:text-4xl (36px) */
    line-height: 2.5rem !important;
    margin-bottom: 3rem !important;
    /* mb-12 (48px) */
  }
}

#quality-verification .mt-32 h4,
.elementor-element[data-id="sec_122edbd"] .mt-32 h4,
.elementor-element-sec_122edbd .mt-32 h4 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.875rem !important;
  /* text-3xl */
  line-height: 2.25rem !important;
  color: #16315C !important;
  margin-bottom: 0.25rem !important;
  /* mb-1 */
  transition: color 0.15s ease-in-out !important;
}

#quality-verification .mt-32 .group:hover h4,
.elementor-element[data-id="sec_122edbd"] .mt-32 .group:hover h4,
.elementor-element-sec_122edbd .mt-32 .group:hover h4 {
  color: #ea580c !important;
  /* text-orange-600 */
}

#quality-verification .mt-32 h4 span,
.elementor-element[data-id="sec_122edbd"] .mt-32 h4 span,
.elementor-element-sec_122edbd .mt-32 h4 span {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.125rem !important;
  /* text-lg */
  line-height: 1.75rem !important;
  color: #94a3b8 !important;
  /* text-slate-400 */
  font-weight: 400 !important;
  text-transform: none !important;
}

/* Lead Times Steps Timeline */
.top-\[1\.375rem\] {
  top: 1.375rem !important;
}

.h-2\.5 {
  height: 0.625rem !important;
}

.w-2\.5 {
  width: 0.625rem !important;
}

.border-\[1\.5px\] {
  border-width: 1.5px !important;
}

.group:hover .group-hover\:bg-\[\#16315C\] {
  background-color: #16315C !important;
}

.group:hover .group-hover\:scale-125 {
  transform: scale(1.25) !important;
}

/* ==========================================================================
   FOUR ASSEMBLIES / ENERGY COMPONENTS EXPLORER (SECTION 6)
   ========================================================================== */

#components,
[data-section-id="components"],
.elementor-element[data-id="sec_11f9e0b"],
.elementor-element.elementor-element-sec_11f9e0b {
  position: relative !important;
  background-color: #f8fafc !important;
  /* bg-slate-50 */
  border-top: 1px solid #e2e8f0 !important;
  /* border-slate-200 */
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 6rem !important;
  /* py-24 (96px) */
  padding-bottom: 6rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  scroll-margin-top: 6rem !important;
  /* scroll-mt-24 */
  display: block !important;
  --gap: 0px !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --margin-top: 0px !important;
  --margin-right: 0px !important;
  --margin-bottom: 0px !important;
  --margin-left: 0px !important;
}

@media (min-width: 768px) {

  #components,
  [data-section-id="components"],
  .elementor-element[data-id="sec_11f9e0b"],
  .elementor-element.elementor-element-sec_11f9e0b {
    padding-top: 8rem !important;
    /* md:py-32 (128px) */
    padding-bottom: 8rem !important;
  }
}

.elementor-element-sec_11f9e0b .elementor-widget-html,
.elementor-element-sec_11f9e0b .elementor-widget-container,
[data-id="sec_11f9e0b"] .elementor-widget-html,
[data-id="sec_11f9e0b"] .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

/* Headings in Four Assemblies Section */
#components h2,
.elementor-element[data-id="sec_11f9e0b"] h2,
.elementor-element-sec_11f9e0b h2 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #16315C !important;
  font-size: 2.25rem !important;
  /* text-4xl (36px) */
  line-height: 1.15 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {

  #components h2,
  .elementor-element[data-id="sec_11f9e0b"] h2,
  .elementor-element-sec_11f9e0b h2 {
    font-size: 3rem !important;
    /* md:text-5xl (48px) */
  }
}

#components h3,
.elementor-element[data-id="sec_11f9e0b"] h3,
.elementor-element-sec_11f9e0b h3 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.875rem !important;
  /* text-3xl (30px) */
  color: #16315C !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

#components h4,
.elementor-element[data-id="sec_11f9e0b"] h4,
.elementor-element-sec_11f9e0b h4 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  /* text-xl (20px) */
  color: #16315C !important;
  line-height: 1.3 !important;
  margin-bottom: 1.5rem !important;
  /* mb-6 */
}

/* Tabs Sidebar Navigation */
#component-tabs-container {
  width: 100% !important;
  flex-shrink: 0 !important;
}

@media (min-width: 1024px) {
  #component-tabs-container {
    width: 18rem !important;
    /* lg:w-72 (288px) */
    position: sticky !important;
    top: 8rem !important;
    /* lg:top-32 (128px) */
    align-self: flex-start !important;
  }
}

.component-tab-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-align: left !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 0.875rem !important;
  /* text-sm (14px) */
  font-weight: 600 !important;
  letter-spacing: 0.025em !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  white-space: nowrap !important;
  padding: 1rem 1rem !important;
  /* px-4 py-4 */
  transition: color 0.15s ease-in-out !important;
}

@media (min-width: 1024px) {
  .component-tab-btn {
    white-space: normal !important;
    width: 100% !important;
    padding: 1.25rem 1.5rem !important;
    /* lg:px-6 lg:py-5 */
  }
}

.component-tab-btn[aria-selected="true"] {
  color: #16315C !important;
}

.component-tab-btn[aria-selected="false"] {
  color: #64748b !important;
  /* text-slate-500 */
}

.component-tab-btn[aria-selected="false"]:hover {
  color: #334155 !important;
  /* text-slate-700 */
}

.component-tab-btn span.relative {
  display: inline-block !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.component-tab-btn:hover span.relative {
  transform: translateX(4px) !important;
}

/* Tab Indicators */
.tab-indicator {
  position: absolute !important;
  background-color: #f97316 !important;
  /* bg-orange-500 */
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  /* h-0.5 */
  width: auto !important;
}

@media (min-width: 1024px) {
  .tab-indicator {
    top: 0 !important;
    bottom: 0 !important;
    left: -1px !important;
    right: auto !important;
    width: 2px !important;
    /* lg:w-0.5 */
    height: 100% !important;
    /* lg:h-auto */
  }
}

/* Component Tab Panels */
.component-tab-panel {
  display: none !important;
}

.component-tab-panel.is-active {
  display: flex !important;
  flex-direction: column !important;
  gap: 2.5rem !important;
  /* gap-10 (40px) */
  animation: fadeInTab 0.3s ease-in-out forwards;
}

/* Part by Part Items */
#components .grid .relative.pl-4 p.font-semibold {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  /* text-slate-900 */
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

#components .grid .relative.pl-4 p.text-sm {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  color: #475569 !important;
  /* text-slate-600 */
  font-size: 0.875rem !important;
  line-height: 1.625 !important;
  /* leading-relaxed */
  margin-top: 0.25rem !important;
  /* mt-1 */
  margin-bottom: 0 !important;
}

/* ==========================================================================
   ENGINEERING QUESTIONS (SECTION 7: #engineering-questions)
   ========================================================================== */

#engineering-questions,
[data-section-id="engineering-questions"],
.elementor-element[data-id="sec_cc9ba2c"],
.elementor-element.elementor-element-sec_cc9ba2c {
  position: relative !important;
  overflow: hidden !important;
  background-color: #0A0E17 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 6rem !important;
  /* py-24 (96px) */
  padding-bottom: 6rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  scroll-margin-top: 6rem !important;
  /* scroll-mt-24 */
  display: block !important;
  --gap: 0px !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --margin-top: 0px !important;
  --margin-right: 0px !important;
  --margin-bottom: 0px !important;
  --margin-left: 0px !important;
}

@media (min-width: 768px) {

  #engineering-questions,
  [data-section-id="engineering-questions"],
  .elementor-element[data-id="sec_cc9ba2c"],
  .elementor-element.elementor-element-sec_cc9ba2c {
    padding-top: 8rem !important;
    /* md:py-32 (128px) */
    padding-bottom: 8rem !important;
  }
}

.elementor-element-sec_cc9ba2c .elementor-widget-html,
.elementor-element-sec_cc9ba2c .elementor-widget-container,
[data-id="sec_cc9ba2c"] .elementor-widget-html,
[data-id="sec_cc9ba2c"] .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

/* Headings in Engineering Questions */
#engineering-questions h2,
.elementor-element[data-id="sec_cc9ba2c"] h2,
.elementor-element-sec_cc9ba2c h2 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #ffffff !important;
  font-size: 1.875rem !important;
  /* text-3xl (30px) */
  line-height: 1.2 !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {

  #engineering-questions h2,
  .elementor-element[data-id="sec_cc9ba2c"] h2,
  .elementor-element-sec_cc9ba2c h2 {
    font-size: 2.25rem !important;
    /* md:text-4xl (36px) */
  }
}

#engineering-questions h3,
.elementor-element[data-id="sec_cc9ba2c"] h3,
.elementor-element-sec_cc9ba2c h3 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.125rem !important;
  /* text-lg (18px) */
  line-height: 1.35 !important;
  margin: 0 !important;
  letter-spacing: 0.02em !important;
}

#engineering-questions .eq-accordion-item button:hover h3,
.elementor-element[data-id="sec_cc9ba2c"] .eq-accordion-item button:hover h3 {
  color: #fb923c !important;
  /* text-orange-400 */
}

/* Question numbering */
#engineering-questions .eq-accordion-item button span.font-heading,
.elementor-element[data-id="sec_cc9ba2c"] .eq-accordion-item button span.font-heading {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  color: #64748b !important;
  /* text-slate-500 */
  transition: color 0.15s ease-in-out !important;
}

#engineering-questions .eq-accordion-item button:hover span.font-heading,
.elementor-element[data-id="sec_cc9ba2c"] .eq-accordion-item button:hover span.font-heading {
  color: #f97316 !important;
  /* text-orange-500 */
}

/* Accordion body & closed preview */
#engineering-questions .eq-closed-text,
.elementor-element[data-id="sec_cc9ba2c"] .eq-closed-text {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
  /* text-slate-400 */
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  margin-top: 0.25rem !important;
}

#engineering-questions .eq-answer p,
.elementor-element[data-id="sec_cc9ba2c"] .eq-answer p {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  color: #cbd5e1 !important;
  /* text-slate-300 */
  font-size: 1rem !important;
  /* text-base */
  line-height: 1.625 !important;
  /* leading-relaxed */
  margin: 0 !important;
}

/* Chevron icon */
.eq-icon {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s ease-in-out !important;
}

.eq-accordion-item.is-open .eq-icon,
.eq-icon.rotate-180 {
  transform: rotate(180deg) !important;
  color: #f97316 !important;
}

/* Right Sidebar Stat Cards */
#engineering-questions .rounded-xl.bg-\[\#0E121C\],
.elementor-element[data-id="sec_cc9ba2c"] .rounded-xl.bg-\[\#0E121C\] {
  background-color: #0E121C !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0.75rem !important;
  /* rounded-xl (12px) */
  padding: 2rem !important;
  /* p-8 (32px) */
  position: relative !important;
  overflow: hidden !important;
}

#engineering-questions .rounded-xl span.font-heading,
.elementor-element[data-id="sec_cc9ba2c"] .rounded-xl span.font-heading {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 3rem !important;
  /* text-5xl (48px) */
  letter-spacing: -0.05em !important;
  /* tracking-tighter */
  color: #ffffff !important;
  line-height: 1.0 !important;
  display: block !important;
}

#engineering-questions .rounded-xl p,
.elementor-element[data-id="sec_cc9ba2c"] .rounded-xl p {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  color: #94a3b8 !important;
  /* text-slate-400 */
  font-size: 0.875rem !important;
  /* text-sm (14px) */
  line-height: 1.625 !important;
  margin-top: 1rem !important;
  /* mt-4 (16px) */
  margin-bottom: 0 !important;
}

/* ==========================================================================
   MATERIALS COMPARISON (SECTION 8: #materials)
   ========================================================================== */

#materials,
[data-section-id="materials"],
.elementor-element[data-id="sec_7cc45dc"],
.elementor-element.elementor-element-sec_7cc45dc {
  position: relative !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 6rem !important;
  /* py-24 (96px) */
  padding-bottom: 6rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  scroll-margin-top: 6rem !important;
  /* scroll-mt-24 */
  display: block !important;
  --gap: 0px !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --margin-top: 0px !important;
  --margin-right: 0px !important;
  --margin-bottom: 0px !important;
  --margin-left: 0px !important;
}

@media (min-width: 768px) {

  #materials,
  [data-section-id="materials"],
  .elementor-element[data-id="sec_7cc45dc"],
  .elementor-element.elementor-element-sec_7cc45dc {
    padding-top: 8rem !important;
    /* md:py-32 (128px) */
    padding-bottom: 8rem !important;
  }
}

.elementor-element-sec_7cc45dc .elementor-widget-html,
.elementor-element-sec_7cc45dc .elementor-widget-container,
[data-id="sec_7cc45dc"] .elementor-widget-html,
[data-id="sec_7cc45dc"] .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

/* Headings in Materials Section */
#materials h2,
.elementor-element[data-id="sec_7cc45dc"] h2,
.elementor-element-sec_7cc45dc h2 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #16315C !important;
  font-size: 2.25rem !important;
  /* text-4xl (36px) */
  line-height: 2.5rem !important;
  /* 40px */
  margin: 0 !important;
}

@media (min-width: 768px) {

  #materials h2,
  .elementor-element[data-id="sec_7cc45dc"] h2,
  .elementor-element-sec_7cc45dc h2 {
    font-size: 3rem !important;
    /* md:text-5xl (48px) */
    line-height: 1 !important;
  }
}

#materials .text-center p,
.elementor-element[data-id="sec_7cc45dc"] .text-center p {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.125rem !important;
  /* text-lg (18px) */
  line-height: 1.625 !important;
  /* leading-relaxed */
  color: #475569 !important;
  /* text-slate-600 */
  margin-top: 1.5rem !important;
  /* mt-6 */
  margin-bottom: 0 !important;
}

/* Cards */
#materials .rounded-2xl.bg-slate-50,
.elementor-element[data-id="sec_7cc45dc"] .rounded-2xl.bg-slate-50 {
  background-color: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 1rem !important;
  /* rounded-2xl */
  padding: 2rem !important;
  /* p-8 */
  height: 100% !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {

  #materials .rounded-2xl.bg-slate-50,
  .elementor-element[data-id="sec_7cc45dc"] .rounded-2xl.bg-slate-50 {
    padding: 2.5rem !important;
    /* md:p-10 */
  }
}

#materials .border-b.border-slate-200,
.elementor-element[data-id="sec_7cc45dc"] .border-b.border-slate-200 {
  border-bottom: 1px solid #e2e8f0 !important;
  padding-bottom: 1.5rem !important;
  /* pb-6 */
}

#materials h3.font-heading,
.elementor-element[data-id="sec_7cc45dc"] h3.font-heading {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
  /* text-2xl (24px) */
  line-height: 2rem !important;
  /* 32px */
  color: #16315C !important;
  margin: 0 !important;
}

#materials .rounded-2xl.bg-slate-50 .space-y-4 p,
.elementor-element[data-id="sec_7cc45dc"] .rounded-2xl.bg-slate-50 .space-y-4 p {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1.625 !important;
  color: #475569 !important;
  /* text-slate-600 */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#materials .rounded-2xl.bg-slate-50 .space-y-4 p+p,
.elementor-element[data-id="sec_7cc45dc"] .rounded-2xl.bg-slate-50 .space-y-4 p+p {
  margin-top: 1rem !important;
}

/* Icon Badges */
#materials .rounded-full.bg-orange-100,
.elementor-element[data-id="sec_7cc45dc"] .rounded-full.bg-orange-100 {
  background-color: #ffedd5 !important;
  color: #ea580c !important;
}

#materials .rounded-full.bg-slate-200,
.elementor-element[data-id="sec_7cc45dc"] .rounded-full.bg-slate-200 {
  background-color: #e2e8f0 !important;
  color: #475569 !important;
}

/* The Rule Box */
#materials .bg-\[\#16315C\],
.elementor-element[data-id="sec_7cc45dc"] .bg-\[\#16315C\] {
  background-color: #16315C !important;
  border-radius: 1rem !important;
  /* rounded-2xl */
  padding: 2rem !important;
  /* p-8 */
  position: relative !important;
  overflow: hidden !important;
  text-align: center !important;
  color: #ffffff !important;
}

@media (min-width: 768px) {

  #materials .bg-\[\#16315C\],
  .elementor-element[data-id="sec_7cc45dc"] .bg-\[\#16315C\] {
    padding: 2.5rem !important;
    /* md:p-10 */
  }
}

#materials .bg-\[\#16315C\] h4,
.elementor-element[data-id="sec_7cc45dc"] .bg-\[\#16315C\] h4 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  /* text-xl (20px) */
  line-height: 1.75rem !important;
  /* 28px */
  color: #fb923c !important;
  /* text-orange-400 */
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  /* mb-4 */
  position: relative !important;
  z-index: 10 !important;
}

#materials .bg-\[\#16315C\] p,
.elementor-element[data-id="sec_7cc45dc"] .bg-\[\#16315C\] p {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.125rem !important;
  /* text-lg (18px) */
  line-height: 1.625 !important;
  color: #e2e8f0 !important;
  /* text-slate-200 */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: relative !important;
  z-index: 10 !important;
}

/* ==========================================================================
   WHERE WE ARE NOT THE RIGHT ANSWER (SECTION 9: #where-we-are-not)
   ========================================================================== */

#where-we-are-not,
[data-section-id="where-we-are-not"],
.elementor-element[data-id="sec_4f4c478"],
.elementor-element.elementor-element-sec_4f4c478 {
  position: relative !important;
  overflow: hidden !important;
  background-color: #f8fafc !important;
  /* bg-slate-50 */
  border-top: 1px solid #e2e8f0 !important;
  /* border-slate-200 */
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 6rem !important;
  /* py-24 (96px) */
  padding-bottom: 6rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  scroll-margin-top: 6rem !important;
  /* scroll-mt-24 */
  display: block !important;
  --gap: 0px !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --margin-top: 0px !important;
  --margin-right: 0px !important;
  --margin-bottom: 0px !important;
  --margin-left: 0px !important;
}

@media (min-width: 768px) {

  #where-we-are-not,
  [data-section-id="where-we-are-not"],
  .elementor-element[data-id="sec_4f4c478"],
  .elementor-element.elementor-element-sec_4f4c478 {
    padding-top: 8rem !important;
    /* md:py-32 (128px) */
    padding-bottom: 8rem !important;
  }
}

.elementor-element-sec_4f4c478 .elementor-widget-html,
.elementor-element-sec_4f4c478 .elementor-widget-container,
[data-id="sec_4f4c478"] .elementor-widget-html,
[data-id="sec_4f4c478"] .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

/* Badge in Section 9 */
#where-we-are-not span.font-mono,
.elementor-element[data-id="sec_4f4c478"] span.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  font-size: 0.75rem !important;
  /* text-xs (12px) */
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
}

/* Heading */
#where-we-are-not h2,
.elementor-element[data-id="sec_4f4c478"] h2,
.elementor-element-sec_4f4c478 h2 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #16315C !important;
  font-size: 2.25rem !important;
  /* text-4xl (36px) */
  line-height: 2.5rem !important;
  /* 40px */
  margin-top: 1.5rem !important;
  /* mt-6 */
  margin-bottom: 0 !important;
}

/* Subtitle */
#where-we-are-not .max-w-3xl,
.elementor-element[data-id="sec_4f4c478"] .max-w-3xl {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.125rem !important;
  /* text-lg (18px) */
  line-height: 1.75rem !important;
  /* 28px */
  color: #475569 !important;
  /* text-slate-600 */
  max-width: 48rem !important;
  /* max-w-3xl (768px) */
  margin-top: 1rem !important;
  /* mt-4 (16px) */
  margin-bottom: 0 !important;
}

/* Grid of 6 items */
#where-we-are-not .grid,
.elementor-element[data-id="sec_4f4c478"] .grid {
  margin-top: 4rem !important;
  /* mt-16 */
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  column-gap: 2rem !important;
  /* gap-x-8 */
  row-gap: 3rem !important;
  /* gap-y-12 */
}

@media (min-width: 768px) {

  #where-we-are-not .grid,
  .elementor-element[data-id="sec_4f4c478"] .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1024px) {

  #where-we-are-not .grid,
  .elementor-element[data-id="sec_4f4c478"] .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Item cards */
#where-we-are-not .border-l-2.border-orange-500,
.elementor-element[data-id="sec_4f4c478"] .border-l-2.border-orange-500 {
  height: 100% !important;
  border-left: 2px solid #f97316 !important;
  /* border-orange-500 */
  padding-left: 1.5rem !important;
  /* pl-6 */
  padding-top: 0.5rem !important;
  /* py-2 */
  padding-bottom: 0.5rem !important;
  /* py-2 */
  box-sizing: border-box !important;
}

#where-we-are-not .border-l-2.border-orange-500 p,
.elementor-element[data-id="sec_4f4c478"] .border-l-2.border-orange-500 p {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  color: #334155 !important;
  /* text-slate-700 */
  font-size: 0.875rem !important;
  /* text-sm (14px) */
  line-height: 1.625 !important;
  /* leading-relaxed */
  margin: 0 !important;
}

/* ==========================================================================
   OUR PROCESSES (SECTION 10: #processes)
   ========================================================================== */

#processes,
[data-section-id="processes"],
.elementor-element[data-id="sec_03acfca"],
.elementor-element.elementor-element-sec_03acfca {
  position: relative !important;
  overflow: hidden !important;
  background-color: #121826 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 6rem !important;
  /* py-24 (96px) */
  padding-bottom: 6rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  scroll-margin-top: 6rem !important;
  /* scroll-mt-24 */
  display: block !important;
  --gap: 0px !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --margin-top: 0px !important;
  --margin-right: 0px !important;
  --margin-bottom: 0px !important;
  --margin-left: 0px !important;
}

@media (min-width: 768px) {

  #processes,
  [data-section-id="processes"],
  .elementor-element[data-id="sec_03acfca"],
  .elementor-element.elementor-element-sec_03acfca {
    padding-top: 8rem !important;
    /* md:py-32 (128px) */
    padding-bottom: 8rem !important;
  }
}

.elementor-element-sec_03acfca .elementor-widget-html,
.elementor-element-sec_03acfca .elementor-widget-container,
[data-id="sec_03acfca"] .elementor-widget-html,
[data-id="sec_03acfca"] .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

/* Badge in Section 10 */
#processes span.font-mono,
.elementor-element[data-id="sec_03acfca"] span.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  font-size: 0.75rem !important;
  /* text-xs (12px) */
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
}

/* Heading */
#processes h2,
.elementor-element[data-id="sec_03acfca"] h2,
.elementor-element-sec_03acfca h2 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #ffffff !important;
  font-size: 2.25rem !important;
  /* text-4xl (36px) */
  line-height: 2.5rem !important;
  /* 40px */
  margin-top: 1.5rem !important;
  /* mt-6 */
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {

  #processes h2,
  .elementor-element[data-id="sec_03acfca"] h2,
  .elementor-element-sec_03acfca h2 {
    font-size: 3rem !important;
    /* md:text-5xl (48px) */
    line-height: 1 !important;
  }
}

/* Trust Badges in Header */
#processes .text-slate-300,
.elementor-element[data-id="sec_03acfca"] .text-slate-300 {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #cbd5e1 !important;
}

/* 5 Process Cards Grid */
#processes .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-5,
.elementor-element[data-id="sec_03acfca"] .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-5 {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  column-gap: 2rem !important;
  /* gap-x-8 */
  row-gap: 3rem !important;
  /* gap-y-12 */
}

@media (min-width: 768px) {

  #processes .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-5,
  .elementor-element[data-id="sec_03acfca"] .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1024px) {

  #processes .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-5,
  .elementor-element[data-id="sec_03acfca"] .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1280px) {

  #processes .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-5,
  .elementor-element[data-id="sec_03acfca"] .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* Process Card Items */
#processes .border-l.border-white\/10,
.elementor-element[data-id="sec_03acfca"] .border-l.border-white\/10 {
  height: 100% !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-left: 1.5rem !important;
  /* pl-6 */
  box-sizing: border-box !important;
}

#processes .border-l.border-white\/10 .rounded-lg.bg-white\/5,
.elementor-element[data-id="sec_03acfca"] .border-l.border-white\/10 .rounded-lg.bg-white\/5 {
  width: 2.5rem !important;
  /* h-10 w-10 */
  height: 2.5rem !important;
  border-radius: 0.5rem !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 1.5rem !important;
  /* mb-6 */
}

#processes .border-l.border-white\/10 h3.font-heading,
.elementor-element[data-id="sec_03acfca"] .border-l.border-white\/10 h3.font-heading {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  /* text-xl (20px) */
  line-height: 1.75rem !important;
  /* 28px */
  color: #ffffff !important;
  margin: 0 !important;
}

#processes .border-l.border-white\/10 p,
.elementor-element[data-id="sec_03acfca"] .border-l.border-white\/10 p {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  /* text-sm (14px) */
  line-height: 1.625 !important;
  /* leading-relaxed */
  color: #94a3b8 !important;
  /* text-slate-400 */
  margin-top: 0.75rem !important;
  /* mt-3 */
  margin-bottom: 0 !important;
}

/* Bottom Materials Section */
#processes .mt-24.border-t.border-white\/10,
.elementor-element[data-id="sec_03acfca"] .mt-24.border-t.border-white\/10 {
  margin-top: 6rem !important;
  /* mt-24 */
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-top: 4rem !important;
  /* pt-16 */
}

#processes .mt-24 h3.font-heading,
.elementor-element[data-id="sec_03acfca"] .mt-24 h3.font-heading {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.5rem !important;
  /* text-2xl (24px) */
  line-height: 2rem !important;
  /* 32px */
  color: #ffffff !important;
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
  /* mb-8 */
}

/* 4 Materials Cards */
#processes .bg-\[\#0E121C\],
.elementor-element[data-id="sec_03acfca"] .bg-\[\#0E121C\] {
  background-color: #0E121C !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 0.75rem !important;
  /* rounded-xl (12px) */
  padding: 1.5rem !important;
  /* p-6 */
  height: 100% !important;
  box-sizing: border-box !important;
}

#processes .bg-\[\#0E121C\] h4.font-heading,
.elementor-element[data-id="sec_03acfca"] .bg-\[\#0E121C\] h4.font-heading {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.125rem !important;
  /* text-lg (18px) */
  line-height: 1.75rem !important;
  /* 28px */
  color: #ffffff !important;
  margin-top: 0 !important;
  margin-bottom: 0.75rem !important;
  /* mb-3 */
}

#processes .bg-\[\#0E121C\] ul li,
.elementor-element[data-id="sec_03acfca"] .bg-\[\#0E121C\] ul li {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  /* text-sm (14px) */
  color: #94a3b8 !important;
  /* text-slate-400 */
  line-height: 1.625 !important;
  /* leading-relaxed */
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.5rem !important;
  /* gap-2 */
}

#processes .bg-\[\#0E121C\] ul li+li,
.elementor-element[data-id="sec_03acfca"] .bg-\[\#0E121C\] ul li+li {
  margin-top: 0.5rem !important;
  /* space-y-2 */
}

/* ==========================================================================
   SUPPLY CHAIN & LEAD TIMES (SECTION 11: #lead-times)
   ========================================================================== */

#lead-times,
[data-section-id="lead-times"],
.elementor-element[data-id="sec_f62ce09"],
.elementor-element.elementor-element-sec_f62ce09 {
  position: relative !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 6rem !important;
  /* py-24 (96px) */
  padding-bottom: 6rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  scroll-margin-top: 6rem !important;
  /* scroll-mt-24 */
  display: block !important;
  --gap: 0px !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --margin-top: 0px !important;
  --margin-right: 0px !important;
  --margin-bottom: 0px !important;
  --margin-left: 0px !important;
}

@media (min-width: 768px) {

  #lead-times,
  [data-section-id="lead-times"],
  .elementor-element[data-id="sec_f62ce09"],
  .elementor-element.elementor-element-sec_f62ce09 {
    padding-top: 8rem !important;
    /* md:py-32 (128px) */
    padding-bottom: 8rem !important;
  }
}

.elementor-element-sec_f62ce09 .elementor-widget-html,
.elementor-element-sec_f62ce09 .elementor-widget-container,
[data-id="sec_f62ce09"] .elementor-widget-html,
[data-id="sec_f62ce09"] .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

/* Badge in Section 11 */
#lead-times span.font-mono,
.elementor-element[data-id="sec_f62ce09"] span.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  font-size: 0.75rem !important;
  /* text-xs (12px) */
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
  color: #38BDF8 !important;
}

/* Heading */
#lead-times h2,
.elementor-element[data-id="sec_f62ce09"] h2,
.elementor-element-sec_f62ce09 h2 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #16315C !important;
  font-size: 2.25rem !important;
  /* text-4xl (36px) */
  line-height: 2.5rem !important;
  /* 40px */
  margin: 0 !important;
}

@media (min-width: 768px) {

  #lead-times h2,
  .elementor-element[data-id="sec_f62ce09"] h2,
  .elementor-element-sec_f62ce09 h2 {
    font-size: 3rem !important;
    /* md:text-5xl (48px) */
    line-height: 1 !important;
  }
}

/* 4 Cards Grid */
#lead-times .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4,
.elementor-element[data-id="sec_f62ce09"] .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4 {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  gap: 2rem !important;
  /* gap-8 (32px) */
}

@media (min-width: 768px) {

  #lead-times .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4,
  .elementor-element[data-id="sec_f62ce09"] .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1024px) {

  #lead-times .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4,
  .elementor-element[data-id="sec_f62ce09"] .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Card Items */
#lead-times .border-slate-200.rounded-2xl,
.elementor-element[data-id="sec_f62ce09"] .border-slate-200.rounded-2xl {
  border: 1px solid #e2e8f0 !important;
  border-radius: 1rem !important;
  /* rounded-2xl (16px) */
  padding: 2rem !important;
  /* p-8 (32px) */
  height: 100% !important;
  background-color: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  transition: border-color 0.15s ease-in-out !important;
}

#lead-times .border-slate-200.rounded-2xl:hover,
.elementor-element[data-id="sec_f62ce09"] .border-slate-200.rounded-2xl:hover {
  border-color: rgba(249, 115, 22, 0.3) !important;
}

#lead-times h3.font-heading,
.elementor-element[data-id="sec_f62ce09"] h3.font-heading {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  /* text-xl (20px) */
  line-height: 1.75rem !important;
  /* 28px */
  color: #16315C !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  /* mb-4 (16px) */
}

#lead-times p.text-slate-600,
.elementor-element[data-id="sec_f62ce09"] p.text-slate-600 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  /* text-sm (14px) */
  line-height: 1.625 !important;
  /* leading-relaxed */
  color: #475569 !important;
  /* text-slate-600 */
  margin: 0 !important;
}

/* ==========================================================================
   CASE STUDIES / PROOF IN PRODUCTION (SECTION 12: #case-studies)
   ========================================================================== */

#case-studies,
[data-section-id="case-studies"],
.elementor-element[data-id="sec_bdf4c61"],
.elementor-element.elementor-element-sec_bdf4c61 {
  position: relative !important;
  overflow: hidden !important;
  background-color: #f8fafc !important;
  /* bg-slate-50 */
  border-top: 1px solid #e2e8f0 !important;
  /* border-slate-200 */
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 6rem !important;
  /* py-24 (96px) */
  padding-bottom: 6rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  scroll-margin-top: 6rem !important;
  /* scroll-mt-24 */
  display: block !important;
  --gap: 0px !important;
  --padding-top: 0px !important;
  --padding-right: 0px !important;
  --padding-bottom: 0px !important;
  --padding-left: 0px !important;
  --margin-top: 0px !important;
  --margin-right: 0px !important;
  --margin-bottom: 0px !important;
  --margin-left: 0px !important;
}

.elementor-element-sec_bdf4c61 .elementor-widget-html,
.elementor-element-sec_bdf4c61 .elementor-widget-container,
[data-id="sec_bdf4c61"] .elementor-widget-html,
[data-id="sec_bdf4c61"] .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

/* Badge in Section 12 */
#case-studies span.font-mono,
.elementor-element[data-id="sec_bdf4c61"] span.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  font-size: 0.75rem !important;
  /* text-xs (12px) */
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
}

/* Heading */
#case-studies h2,
.elementor-element[data-id="sec_bdf4c61"] h2,
.elementor-element-sec_bdf4c61 h2 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #16315C !important;
  font-size: 2.25rem !important;
  /* text-4xl (36px) */
  line-height: 2.5rem !important;
  /* 40px */
  margin-top: 1.5rem !important;
  /* mt-6 */
  margin-bottom: 0 !important;
}

/* Subtitle */
#case-studies p.text-lg,
.elementor-element[data-id="sec_bdf4c61"] p.text-lg {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.125rem !important;
  /* text-lg (18px) */
  line-height: 1.75rem !important;
  /* 28px */
  color: #475569 !important;
  /* text-slate-600 */
  margin-top: 1rem !important;
  /* mt-4 */
  margin-bottom: 0 !important;
}

/* 3 Case Study Cards Grid */
#case-studies .grid-cols-1.md\:grid-cols-3,
.elementor-element[data-id="sec_bdf4c61"] .grid-cols-1.md\:grid-cols-3 {
  margin-top: 3rem !important;
  /* mt-12 */
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  gap: 2rem !important;
  /* gap-8 (32px) */
}

@media (min-width: 768px) {

  #case-studies .grid-cols-1.md\:grid-cols-3,
  .elementor-element[data-id="sec_bdf4c61"] .grid-cols-1.md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Case Study Card Box */
#case-studies .bg-white.rounded-2xl.border-slate-200,
.elementor-element[data-id="sec_bdf4c61"] .bg-white.rounded-2xl.border-slate-200 {
  background-color: #ffffff !important;
  border-radius: 1rem !important;
  /* rounded-2xl (16px) */
  border: 1px solid #e2e8f0 !important;
  /* border-slate-200 */
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
  transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out !important;
}

#case-studies .bg-white.rounded-2xl.border-slate-200:hover,
.elementor-element[data-id="sec_bdf4c61"] .bg-white.rounded-2xl.border-slate-200:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
}

#case-studies .bg-white.rounded-2xl.border-slate-200 .p-8,
.elementor-element[data-id="sec_bdf4c61"] .bg-white.rounded-2xl.border-slate-200 .p-8 {
  padding: 2rem !important;
  /* p-8 (32px) */
  flex: 1 1 0% !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

#case-studies h3.font-heading,
.elementor-element[data-id="sec_bdf4c61"] h3.font-heading {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  /* text-xl (20px) */
  line-height: 1.75rem !important;
  /* 28px */
  color: #16315C !important;
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  /* mb-4 (16px) */
}

#case-studies p.text-slate-600.text-sm,
.elementor-element[data-id="sec_bdf4c61"] p.text-slate-600.text-sm {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  /* text-sm (14px) */
  line-height: 1.625 !important;
  /* leading-relaxed */
  color: #475569 !important;
  /* text-slate-600 */
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
  /* mb-8 (32px) */
  flex: 1 1 0% !important;
}

#case-studies a.inline-flex,
.elementor-element[data-id="sec_bdf4c61"] a.inline-flex {
  display: inline-flex !important;
  align-items: center !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.875rem !important;
  /* text-sm (14px) */
  font-weight: 600 !important;
  color: #ea580c !important;
  /* text-orange-600 */
  text-decoration: none !important;
  margin-top: auto !important;
  transition: color 0.15s ease-in-out !important;
}

#case-studies a.inline-flex:hover,
.elementor-element[data-id="sec_bdf4c61"] a.inline-flex:hover {
  color: #c2410c !important;
  /* text-orange-700 */
}