@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
  }
}

.faq-item .faq-answer {
  color: #475569 !important;
}

.faq-item .faq-answer.hidden {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.faq-toggle-btn[aria-expanded="true"]~.faq-answer,
.faq-item .faq-answer.is-open,
.faq-answer.mes-faq-panel-open {
  display: block !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #475569 !important;
}

#case-studies .grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  gap: 1.5rem !important;
}

@media (min-width: 768px) {
  #case-studies .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

#case-studies .grid>a {
  width: 100% !important;
  display: block !important;
}



/* Liquid Cooling Specific Styles & Animations */
/* Liquid Cooling Hero Text & Custom Animations */
.lcw-root {
  filter: drop-shadow(0 0 22px rgba(56, 189, 248, 0.28)) drop-shadow(0 0 60px rgba(30, 100, 200, 0.18));
}

.lcw-water {
  color: #7dd3fc;
}

.lcw-frost,
.lcw-shimmer,
.lcw-ice {
  visibility: hidden;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {

  .lcw-frost,
  .lcw-shimmer,
  .lcw-ice {
    visibility: visible;
  }

  .lcw-water {
    color: transparent;
    -webkit-text-fill-color: transparent;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 40' width='160' height='40'%3E%3Cpath d='M0 20 Q20 8 40 20 T80 20 T120 20 T160 20 V40 H0 Z' fill='rgba(125,211,252,0.55)'/%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 44' width='220' height='44'%3E%3Cpath d='M0 22 Q27 34 55 22 T110 22 T165 22 T220 22 V44 H0 Z' fill='rgba(14,165,233,0.5)'/%3E%3C/svg%3E"),
      linear-gradient(180deg, #eaf9ff 0%, #bae6fd 22%, #7dd3fc 42%, #38bdf8 60%, #0ea5e9 76%, #1d4ed8 100%);
    background-repeat: repeat-x, repeat-x, no-repeat;
    background-size: 160px 40px, 220px 44px, 100% 100%;
    background-position: 0 32%, 0 40%, 0 0;
    -webkit-background-clip: text;
    background-clip: text;
    animation: lcw-waves 7s linear infinite;
  }
}

@keyframes lcw-waves {
  0% {
    background-position: 0 32%, 0 40%, 0 0;
  }

  50% {
    background-position: 160px 38%, -110px 34%, 0 0;
  }

  100% {
    background-position: 320px 32%, -220px 40%, 0 0;
  }
}

.lcw-frost {
  color: transparent;
  background-image: linear-gradient(180deg, rgba(240, 250, 255, 0.95) 0%, rgba(220, 242, 255, 0.65) 18%, rgba(200, 235, 255, 0.25) 38%, rgba(200, 235, 255, 0) 55%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: blur(0.4px) drop-shadow(0 0 8px rgba(220, 245, 255, 0.5));
  animation: lcw-frost-pulse 5.5s ease-in-out infinite;
}

@keyframes lcw-frost-pulse {

  0%,
  100% {
    opacity: 0.85;
  }

  50% {
    opacity: 1;
    filter: blur(0.6px) drop-shadow(0 0 14px rgba(225, 246, 255, 0.75));
  }
}

.lcw-ice {
  color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.32' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.88  0 0 0 0 0.96  0 0 0 0 1  0 0 0 0.9 -0.35'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23f)'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.55) 40%, rgba(0, 0, 0, 0.12) 75%, transparent 100%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.55) 40%, rgba(0, 0, 0, 0.12) 75%, transparent 100%);
  mix-blend-mode: screen;
  opacity: 0.5;
}

.lcw-shimmer {
  color: transparent;
  background-image: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, 0.7) 45%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.7) 55%, transparent 80%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: lcw-shimmer 6s ease-in-out infinite;
}

@keyframes lcw-shimmer {

  0%,
  30% {
    background-position: 200% 0;
  }

  70%,
  100% {
    background-position: -200% 0;
  }
}

.lcw-spark {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 8px #7dd3fc, 0 0 14px #38bdf8;
  pointer-events: none;
  animation: lcw-sparkle 4s ease-in-out infinite;
}

.lcw-spark-1 {
  top: 15%;
  left: 8%;
  animation-delay: 0.2s;
}

.lcw-spark-2 {
  top: 22%;
  right: 12%;
  animation-delay: 1.8s;
}

.lcw-spark-3 {
  bottom: 18%;
  left: 45%;
  animation-delay: 3.1s;
}

@keyframes lcw-sparkle {

  0%,
  100% {
    opacity: 0;
    transform: scale(0.3);
  }

  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}

/* Icicle Drips */
.lcw-drop {
  position: absolute;
  top: calc(100% + 10px);
  width: 5px;
  height: 7px;
  border-radius: 50% 50% 60% 60% / 40% 40% 60% 60%;
  background: linear-gradient(180deg, rgba(186, 230, 253, 0.9), rgba(56, 189, 248, 0.85));
  box-shadow: 0 0 6px rgba(125, 211, 252, 0.5);
  opacity: 0;
  pointer-events: none;
  animation: lcw-drip 3.6s ease-in infinite;
}

.lcw-drop-1 {
  left: 32%;
  top: calc(100% + 20px);
  animation-delay: 0.4s;
}

.lcw-drop-2 {
  left: 51%;
  top: calc(100% + 23px);
  animation-delay: 1.7s;
  animation-duration: 4.2s;
}

.lcw-drop-3 {
  left: 84%;
  top: calc(100% + 21px);
  animation-delay: 2.9s;
  width: 4px;
  height: 6px;
}

@keyframes lcw-drip {

  0%,
  8% {
    opacity: 0;
    transform: translateY(-4px) scaleY(0.6);
  }

  14% {
    opacity: 0.9;
    transform: translateY(0) scaleY(1.15);
  }

  38% {
    opacity: 0.85;
    transform: translateY(22px) scaleY(1.05);
  }

  48% {
    opacity: 0;
    transform: translateY(34px) scaleY(1);
  }

  100% {
    opacity: 0;
    transform: translateY(34px);
  }
}

.cta-scan {
  left: -5%;
  animation: ctaScan 9s linear infinite;
}

@keyframes ctaScan {
  0% {
    left: -5%;
  }

  100% {
    left: 105%;
  }
}

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

.faq-item .faq-answer {
  color: #475569 !important;
}

.faq-item .faq-answer.hidden {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.faq-toggle-btn[aria-expanded="true"]~.faq-answer,
.faq-item .faq-answer.is-open,
.faq-answer.mes-faq-panel-open {
  display: block !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #475569 !important;
}

#case-studies .grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  gap: 1.5rem !important;
}

@media (min-width: 768px) {
  #case-studies .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

#case-studies .grid>a {
  width: 100% !important;
  display: block !important;
}

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

  .lcw-drop,
  .cta-scan {
    animation: none;
    display: none;
  }
}

/* ==========================================================================
   HERO SECTION (#hero) - LIQUID COOLING
   ========================================================================== */

#hero {
  position: relative !important;
  overflow: hidden !important;
  background-color: #000000 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#hero .elementor-widget-container,
#hero .elementor-widget-html {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Background image and overlays container */
#hero .elementor-element-0e9435a,
#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 */
#hero .elementor-element-81d279e,
#hero .elementor-element-81d279e .elementor-widget-container,
#hero .elementor-element-81d279e figure,
#hero .elementor-element-81d279e img,
#hero img[src*="lc-hero.jpg"] {
  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.7 !important;
  pointer-events: none !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Gradient Overlays */
#hero .elementor-element-328f3bb,
#hero .absolute.inset-0>div.absolute.inset-0:not(.lcw-frost):not(.lcw-ice):not(.lcw-shimmer) {
  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;
}

#hero .elementor-element-d14a9fb,
#hero .absolute.inset-x-0.bottom-0.h-40 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 10rem !important;
  background: linear-gradient(180deg, transparent, #06080C) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Ambient Radial Glows */
#hero .elementor-element-22289b2,
#hero .h-\[40rem\].w-\[40rem\] {
  position: absolute !important;
  right: -10rem !important;
  top: 25% !important;
  width: 40rem !important;
  height: 40rem !important;
  border-radius: 9999px !important;
  background-color: #F37121 !important;
  opacity: 0.15 !important;
  filter: blur(140px) !important;
  -webkit-filter: blur(140px) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

#hero .elementor-element-a57edb4,
#hero .h-\[30rem\].w-\[30rem\] {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 30rem !important;
  height: 30rem !important;
  border-radius: 9999px !important;
  background-color: #16315C !important;
  opacity: 0.10 !important;
  filter: blur(120px) !important;
  -webkit-filter: blur(120px) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Precision Header Badge */
#hero .flex.items-center.gap-3 svg {
  color: #F37121 !important;
}

#hero .flex.items-center.gap-3 span.h-px {
  background-color: #F37121 !important;
}

#hero .flex.items-center.gap-3 span.font-mono {
  color: #F37121 !important;
}

/* Hero Title Water / Frost / Ice Effects */
#hero h1 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #ffffff !important;
  line-height: 1.0 !important;
}

.lcw-root,
#hero .lcw-root {
  position: relative !important;
  display: inline-block !important;
  vertical-align: baseline !important;
  white-space: nowrap !important;
  filter: drop-shadow(0 0 22px rgba(56, 189, 248, 0.28)) drop-shadow(0 0 60px rgba(30, 100, 200, 0.18)) !important;
}

.lcw-water,
#hero .lcw-water {
  position: relative !important;
  display: inline-block !important;
  vertical-align: baseline !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 40' width='160' height='40'%3E%3Cpath d='M0 20 Q20 8 40 20 T80 20 T120 20 T160 20 V40 H0 Z' fill='rgba(125,211,252,0.55)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 44' width='220' height='44'%3E%3Cpath d='M0 22 Q27 34 55 22 T110 22 T165 22 T220 22 V44 H0 Z' fill='rgba(14,165,233,0.5)'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #eaf9ff 0%, #bae6fd 22%, #7dd3fc 42%, #38bdf8 60%, #0ea5e9 76%, #1d4ed8 100%) !important;
  background-repeat: repeat-x, repeat-x, no-repeat !important;
  background-size: 160px 40px, 220px 44px, 100% 100% !important;
  background-position: 0 32%, 0 40%, 0 0 !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  animation: lcw-waves 7s linear infinite !important;
}

.lcw-frost,
#hero .lcw-frost {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: inline-block !important;
  visibility: visible !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background-image: linear-gradient(180deg, rgba(240, 250, 255, 0.95) 0%, rgba(220, 242, 255, 0.65) 18%, rgba(200, 235, 255, 0.25) 38%, rgba(200, 235, 255, 0) 55%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  filter: blur(0.4px) drop-shadow(0 0 8px rgba(220, 245, 255, 0.5)) !important;
  animation: lcw-frost-pulse 5.5s ease-in-out infinite !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  white-space: inherit !important;
}

.lcw-ice,
#hero .lcw-ice {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: inline-block !important;
  visibility: visible !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.32' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.88  0 0 0 0 0.96  0 0 0 0 1  0 0 0 0.9 -0.35'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23f)'/%3E%3C/svg%3E") !important;
  background-size: 180px 180px !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.55) 40%, rgba(0, 0, 0, 0.12) 75%, transparent 100%) !important;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.55) 40%, rgba(0, 0, 0, 0.12) 75%, transparent 100%) !important;
  mix-blend-mode: screen !important;
  opacity: 0.5 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  white-space: inherit !important;
}

.lcw-shimmer,
#hero .lcw-shimmer {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: inline-block !important;
  visibility: visible !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background-image: linear-gradient(115deg, transparent 20%, rgba(255, 255, 255, 0.7) 45%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.7) 55%, transparent 80%) !important;
  background-size: 200% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  animation: lcw-shimmer 6s ease-in-out infinite !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  white-space: inherit !important;
}

.lcw-spark,
#hero .lcw-spark {
  position: absolute !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  box-shadow: 0 0 8px #7dd3fc, 0 0 14px #38bdf8 !important;
  pointer-events: none !important;
  z-index: 5 !important;
  animation: lcw-sparkle 4s ease-in-out infinite !important;
}

.lcw-spark-1,
#hero .lcw-spark-1 {
  top: 15% !important;
  left: 8% !important;
  right: auto !important;
  bottom: auto !important;
  animation-delay: 0.2s !important;
}

.lcw-spark-2,
#hero .lcw-spark-2 {
  top: 22% !important;
  right: 12% !important;
  left: auto !important;
  bottom: auto !important;
  animation-delay: 1.8s !important;
}

.lcw-spark-3,
#hero .lcw-spark-3 {
  bottom: 18% !important;
  left: 45% !important;
  top: auto !important;
  right: auto !important;
  animation-delay: 3.1s !important;
}

/* CTA Button Assembly & Dripping Icicles */
#hero .elementor-element-0530355,
#hero .mt-10.flex {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  margin-top: 2.5rem !important;
  /* mt-10 (40px) */
  width: 100% !important;
}

@media (min-width: 640px) {

  #hero .elementor-element-0530355,
  #hero .mt-10.flex {
    flex-direction: row !important;
  }
}

#hero .elementor-element-7241e83,
#hero .relative.inline-block {
  position: relative !important;
  display: inline-block !important;
  width: fit-content !important;
  max-width: fit-content !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#hero .elementor-element-dba1bbf,
#hero a[href*="contact"],
#hero a.group {
  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-size: 1rem !important;
  font-weight: 600 !important;
  color: #06202e !important;
  text-decoration: none !important;
  background: linear-gradient(180deg, #eaf9ff 0%, #bae6fd 30%, #7dd3fc 55%, #38bdf8 78%, #0ea5e9 100%) !important;
  box-shadow: 0 10px 30px -5px rgba(56, 189, 248, 0.45), 0 0 24px rgba(125, 211, 252, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
  position: relative !important;
  z-index: 2 !important;
  width: fit-content !important;
  max-width: fit-content !important;
}

#hero a[href*="contact"]:hover,
#hero a.group:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 34px -4px rgba(56, 189, 248, 0.55), 0 0 28px rgba(125, 211, 252, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

#hero a[href*="contact"] svg,
#hero a.group svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  transition: transform 0.2s ease-in-out !important;
}

#hero a[href*="contact"]:hover svg,
#hero a.group:hover svg {
  transform: translateX(4px) !important;
}

/* Icicle SVG & Drops Underline */
#hero .elementor-element-38c4343 {
  position: absolute !important;
  left: 1.5rem !important;
  right: 1.5rem !important;
  top: 100% !important;
  margin-top: -2px !important;
  height: 1.75rem !important;
  /* 28px / h-7 */
  width: calc(100% - 3rem) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
}

#hero .elementor-element-38c4343 .elementor-widget-container,
#hero .elementor-element-38c4343 svg,
#hero svg.pointer-events-none {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  filter: drop-shadow(0 2px 5px rgba(56, 189, 248, 0.35)) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#hero .elementor-element-c262fb6,
#hero .elementor-element-940d54a,
#hero .elementor-element-035f8be {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#hero .elementor-element-c262fb6 .elementor-widget-container,
#hero .elementor-element-940d54a .elementor-widget-container,
#hero .elementor-element-035f8be .elementor-widget-container {
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
}

#hero .lcw-drop {
  position: absolute !important;
  width: 5px !important;
  height: 7px !important;
  border-radius: 50% 50% 60% 60% / 40% 40% 60% 60% !important;
  background: linear-gradient(180deg, rgba(186, 230, 253, 0.9), rgba(56, 189, 248, 0.85)) !important;
  box-shadow: 0 0 6px rgba(125, 211, 252, 0.5) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
  animation: lcw-drip 3.6s ease-in infinite !important;
}

#hero .lcw-drop-1 {
  left: 32% !important;
  top: calc(100% + 20px) !important;
  animation-delay: 0.4s !important;
}

#hero .lcw-drop-2 {
  left: 51% !important;
  top: calc(100% + 23px) !important;
  animation-delay: 1.7s !important;
  animation-duration: 4.2s !important;
}

#hero .lcw-drop-3 {
  left: 84% !important;
  top: calc(100% + 21px) !important;
  animation-delay: 2.9s !important;
  width: 4px !important;
  height: 6px !important;
}

/* ==========================================================================
   SECTION 2: THE 5 FORCES RESHAPING THERMAL DESIGN (#market-pressures)
   ========================================================================== */

/* Outer Section Container */
#market-pressures,
[data-section-id="market-pressures"],
.elementor-element[data-id="24c727c"],
.elementor-element.elementor-element-24c727c {
  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="24c727c"],
  .elementor-element.elementor-element-24c727c {
    padding-top: 6rem !important;
    /* md:py-24 (96px) */
    padding-bottom: 6rem !important;
  }
}

/* Background Decorative Overlays */
#market-pressures .elementor-element-8e6b510,
.elementor-element[data-id="8e6b510"] {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background-image: linear-gradient(rgba(22, 49, 92, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(22, 49, 92, 0.05) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  mask-image: radial-gradient(ellipse 90% 80% at 50% 40%, black 30%, transparent 100%) !important;
  -webkit-mask-image: radial-gradient(ellipse 90% 80% at 50% 40%, black 30%, transparent 100%) !important;
  z-index: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#market-pressures .elementor-element-b656ecf,
.elementor-element[data-id="b656ecf"] {
  position: absolute !important;
  top: -8rem !important;
  /* -top-32 (-128px) */
  right: -10% !important;
  width: 420px !important;
  height: 420px !important;
  border-radius: 9999px !important;
  background: radial-gradient(circle, rgba(243, 113, 33, 0.08), transparent 65%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#market-pressures .elementor-element-3060c30,
.elementor-element[data-id="3060c30"] {
  position: absolute !important;
  bottom: -140px !important;
  left: -6% !important;
  width: 380px !important;
  height: 380px !important;
  border-radius: 9999px !important;
  background: radial-gradient(circle, rgba(56, 189, 248, 0.09), transparent 65%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Big Number 5 Watermark */
#market-pressures .elementor-element-bb75bd0,
.elementor-element[data-id="bb75bd0"] {
  position: absolute !important;
  right: -1.5rem !important;
  /* -right-6 (-24px) */
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  user-select: none !important;
  z-index: 0 !important;
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 1024px) {

  #market-pressures .elementor-element-bb75bd0,
  .elementor-element[data-id="bb75bd0"] {
    display: block !important;
  }
}

#market-pressures .elementor-element-bb75bd0 span,
.elementor-element[data-id="bb75bd0"] span {
  font-family: 'Oswald', sans-serif !important;
  font-size: 30rem !important;
  line-height: 1 !important;
  color: rgba(22, 49, 92, 0.04) !important;
  display: block !important;
  position: static !important;
  transform: none !important;
  user-select: none !important;
  pointer-events: none !important;
}

/* Content Container */
#market-pressures .elementor-element-91ac139,
.elementor-element[data-id="91ac139"] {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Title Container & Heading */
#market-pressures .elementor-element-f1c0974,
.elementor-element[data-id="f1c0974"] {
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

#market-pressures h2,
#market-pressures .elementor-element-38e1964,
#market-pressures .elementor-element-38e1964 .elementor-heading-title,
.elementor-element[data-id="38e1964"] .elementor-heading-title {
  font-family: 'Oswald', sans-serif !important;
  font-size: 2.25rem !important;
  /* text-4xl (36px) */
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  /* tracking-tight */
  color: #16315C !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 768px) {

  #market-pressures h2,
  #market-pressures .elementor-element-38e1964,
  #market-pressures .elementor-element-38e1964 .elementor-heading-title,
  .elementor-element[data-id="38e1964"] .elementor-heading-title {
    font-size: 3rem !important;
    /* md:text-5xl (48px) */
  }
}

#market-pressures h2 .underline,
#market-pressures .elementor-heading-title .underline {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 4px !important;
  text-decoration-color: #F37121 !important;
}

/* List Container (Divide-y & Border-t) */
#market-pressures .elementor-element-6125790,
.elementor-element[data-id="6125790"] {
  margin-top: 3rem !important;
  /* mt-12 (48px) */
  border-top: 1px solid #e2e8f0 !important;
  /* border-t border-slate-200 */
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
}

#market-pressures .elementor-element-6125790>.e-con+.e-con,
#market-pressures .divide-y>*+* {
  border-top: 1px solid #e2e8f0 !important;
  /* divide-slate-200 */
}

/* Rows (Grid Items) */
#market-pressures .group.grid,
#market-pressures .elementor-element-d34afca,
#market-pressures .elementor-element-9980768,
#market-pressures .elementor-element-d703482,
#market-pressures .elementor-element-2fe7df1,
#market-pressures .elementor-element-dde9254,
.elementor-element[data-id="d34afca"],
.elementor-element[data-id="9980768"],
.elementor-element[data-id="d703482"],
.elementor-element[data-id="2fe7df1"],
.elementor-element[data-id="dde9254"] {
  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;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {

  #market-pressures .group.grid,
  #market-pressures .elementor-element-d34afca,
  #market-pressures .elementor-element-9980768,
  #market-pressures .elementor-element-d703482,
  #market-pressures .elementor-element-2fe7df1,
  #market-pressures .elementor-element-dde9254,
  .elementor-element[data-id="d34afca"],
  .elementor-element[data-id="9980768"],
  .elementor-element[data-id="d703482"],
  .elementor-element[data-id="2fe7df1"],
  .elementor-element[data-id="dde9254"] {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 2rem !important;
    /* md:gap-8 (32px) */
    align-items: baseline !important;
  }
}

/* Col 1: Number (01-05) */
#market-pressures .md\:col-span-1,
#market-pressures .elementor-element-b4044d3,
#market-pressures .elementor-element-0939a6b,
#market-pressures .elementor-element-fcc6706,
#market-pressures .elementor-element-23d3301,
#market-pressures .elementor-element-9b6b7f7,
.elementor-element[data-id="b4044d3"],
.elementor-element[data-id="0939a6b"],
.elementor-element[data-id="fcc6706"],
.elementor-element[data-id="23d3301"],
.elementor-element[data-id="9b6b7f7"] {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}

@media (min-width: 768px) {

  #market-pressures .md\:col-span-1,
  #market-pressures .elementor-element-b4044d3,
  #market-pressures .elementor-element-0939a6b,
  #market-pressures .elementor-element-fcc6706,
  #market-pressures .elementor-element-23d3301,
  #market-pressures .elementor-element-9b6b7f7,
  .elementor-element[data-id="b4044d3"],
  .elementor-element[data-id="0939a6b"],
  .elementor-element[data-id="fcc6706"],
  .elementor-element[data-id="23d3301"],
  .elementor-element[data-id="9b6b7f7"] {
    grid-column: span 1 / span 1 !important;
  }
}

#market-pressures .elementor-widget-mesn-tag,
#market-pressures .elementor-widget-mesn-tag .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}

#market-pressures .font-heading.text-sm,
#market-pressures .elementor-widget-mesn-tag span {
  font-family: 'Oswald', sans-serif !important;
  font-size: 0.875rem !important;
  /* text-sm (14px) */
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  /* tracking-widest */
  color: #64748b !important;
  /* text-slate-500 */
  line-height: 1.25 !important;
  transition: color 0.15s ease !important;
  display: inline-block !important;
}

#market-pressures .group:hover .elementor-widget-mesn-tag span,
#market-pressures .group:hover .group-hover\:text-\[\#F37121\] {
  color: #F37121 !important;
}

/* Col 2: Heading (h3) */
#market-pressures .md\:col-span-4,
#market-pressures .elementor-element-8187ef0,
#market-pressures .elementor-element-28b5081,
#market-pressures .elementor-element-5aeeb89,
#market-pressures .elementor-element-90fa937,
#market-pressures .elementor-element-479082e,
.elementor-element[data-id="8187ef0"],
.elementor-element[data-id="28b5081"],
.elementor-element[data-id="5aeeb89"],
.elementor-element[data-id="90fa937"],
.elementor-element[data-id="479082e"] {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media (min-width: 768px) {

  #market-pressures .md\:col-span-4,
  #market-pressures .elementor-element-8187ef0,
  #market-pressures .elementor-element-28b5081,
  #market-pressures .elementor-element-5aeeb89,
  #market-pressures .elementor-element-90fa937,
  #market-pressures .elementor-element-479082e,
  .elementor-element[data-id="8187ef0"],
  .elementor-element[data-id="28b5081"],
  .elementor-element[data-id="5aeeb89"],
  .elementor-element[data-id="90fa937"],
  .elementor-element[data-id="479082e"] {
    grid-column: span 4 / span 4 !important;
  }
}

#market-pressures h3,
#market-pressures .elementor-element-8187ef0 .elementor-heading-title,
#market-pressures .elementor-element-28b5081 .elementor-heading-title,
#market-pressures .elementor-element-5aeeb89 .elementor-heading-title,
#market-pressures .elementor-element-90fa937 .elementor-heading-title,
#market-pressures .elementor-element-479082e .elementor-heading-title {
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.5rem !important;
  /* text-2xl (24px) */
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #16315C !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Col 3: Paragraph (p) */
#market-pressures .md\:col-span-7,
#market-pressures .elementor-element-0e49c73,
#market-pressures .elementor-element-895fbb7,
#market-pressures .elementor-element-feabbd0,
#market-pressures .elementor-element-af40bfc,
#market-pressures .elementor-element-4e01fa7,
.elementor-element[data-id="0e49c73"],
.elementor-element[data-id="895fbb7"],
.elementor-element[data-id="feabbd0"],
.elementor-element[data-id="af40bfc"],
.elementor-element[data-id="4e01fa7"] {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media (min-width: 768px) {

  #market-pressures .md\:col-span-7,
  #market-pressures .elementor-element-0e49c73,
  #market-pressures .elementor-element-895fbb7,
  #market-pressures .elementor-element-feabbd0,
  #market-pressures .elementor-element-af40bfc,
  #market-pressures .elementor-element-4e01fa7,
  .elementor-element[data-id="0e49c73"],
  .elementor-element[data-id="895fbb7"],
  .elementor-element[data-id="feabbd0"],
  .elementor-element[data-id="af40bfc"],
  .elementor-element[data-id="4e01fa7"] {
    grid-column: span 7 / span 7 !important;
  }
}

#market-pressures p,
#market-pressures .elementor-widget-text-editor,
#market-pressures .elementor-widget-text-editor .elementor-widget-container,
#market-pressures .elementor-widget-text-editor p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important;
  /* 16px */
  line-height: 1.625 !important;
  /* leading-relaxed */
  color: #334155 !important;
  /* text-slate-700 */
  margin: 0 !important;
  padding: 0 !important;
}

/* ==========================================================================
   SECTION 3: WHY COOLING MANUFACTURERS WORK WITH MES (#why-mes)
   ========================================================================== */

/* Outer Section Container */
#why-mes,
[data-section-id="why-mes"],
.elementor-element[data-id="c62e2bd"],
.elementor-element.elementor-element-c62e2bd {
  position: relative !important;
  background: linear-gradient(180deg, #06080C 0%, #0A0E17 40%, #06080C 100%) !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 6rem !important; /* pt-24 (96px) */
  padding-bottom: 3rem !important; /* pb-12 (48px) */
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  scroll-margin-top: 6rem !important; /* scroll-mt-24 */
  display: block !important;
}

@media (min-width: 768px) {
  #why-mes,
  [data-section-id="why-mes"],
  .elementor-element[data-id="c62e2bd"],
  .elementor-element.elementor-element-c62e2bd {
    padding-top: 8rem !important; /* md:pt-32 (128px) */
    padding-bottom: 3.5rem !important; /* md:pb-14 (56px) */
  }
}

/* Eyebrow Row */
#why-mes .elementor-element-b1294ff,
.elementor-element[data-id="b1294ff"] {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.75rem !important; /* gap-3 (12px) */
  margin-bottom: 0 !important;
}

#why-mes .elementor-element-b1294ff .elementor-widget,
#why-mes .elementor-element-b1294ff .elementor-widget-container {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
}

#why-mes .elementor-element-d44a74a,
.elementor-element[data-id="d44a74a"] {
  width: 6px !important;
  height: 6px !important;
  flex: 0 0 6px !important;
  background: transparent !important;
}

#why-mes .elementor-element-d44a74a span,
.elementor-element[data-id="d44a74a"] span {
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 9999px !important;
  background-color: #F37121 !important;
  animation: 1.6s ease-in-out infinite pulseDot !important;
  flex-shrink: 0 !important;
}

#why-mes .elementor-element-a9ca895,
.elementor-element[data-id="a9ca895"] {
  width: 24px !important;
  height: 1px !important;
  flex: 0 0 24px !important;
  background: transparent !important;
}

#why-mes .elementor-element-a9ca895 span,
.elementor-element[data-id="a9ca895"] span {
  display: block !important;
  width: 24px !important;
  height: 1px !important;
  background-color: #F37121 !important;
}

#why-mes .elementor-element-7f62f33 span,
.elementor-element[data-id="7f62f33"] span {
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace) !important;
  font-size: 0.75rem !important; /* 12px / text-xs */
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
  color: #F37121 !important;
  line-height: 1 !important;
}

/* Heading Typography */
#why-mes h2,
#why-mes .elementor-element-69b93d0 .elementor-heading-title,
.elementor-element[data-id="69b93d0"] .elementor-heading-title {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 2.25rem !important; /* text-4xl (36px) */
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  color: #ffffff !important;
  margin-top: 1.5rem !important; /* mt-6 (24px) */
  margin-bottom: 0 !important;
  text-transform: uppercase !important;
}

@media (min-width: 768px) {
  #why-mes h2,
  #why-mes .elementor-element-69b93d0 .elementor-heading-title,
  .elementor-element[data-id="69b93d0"] .elementor-heading-title {
    font-size: 3rem !important; /* md:text-5xl (48px) */
  }
}

@media (min-width: 1024px) {
  #why-mes h2,
  #why-mes .elementor-element-69b93d0 .elementor-heading-title,
  .elementor-element[data-id="69b93d0"] .elementor-heading-title {
    white-space: nowrap !important;
  }
}

/* Two-Column Narrative / Certified Grid */
#why-mes .elementor-element-91c3c06,
.elementor-element[data-id="91c3c06"] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2.5rem !important; /* gap-10 (40px) */
  margin-top: 1.5rem !important; /* mt-6 (24px) */
  width: 100% !important;
}

@media (min-width: 1024px) {
  #why-mes .elementor-element-91c3c06,
  .elementor-element[data-id="91c3c06"] {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 4rem !important; /* lg:gap-16 (64px) */
  }
}

/* Left Column Narrative (lg:col-span-7) */
#why-mes .elementor-element-4dd95be,
.elementor-element[data-id="4dd95be"] {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

@media (min-width: 1024px) {
  #why-mes .elementor-element-4dd95be,
  .elementor-element[data-id="4dd95be"] {
    grid-column: span 7 / span 7 !important;
  }
}

#why-mes .elementor-element-4dd95be p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.125rem !important; /* text-lg (18px) */
  line-height: 1.625 !important; /* leading-relaxed */
  margin: 0 !important;
}

#why-mes .elementor-element-f8ef962 p,
.elementor-element[data-id="f8ef962"] p {
  color: #cbd5e1 !important; /* text-slate-300 */
}

#why-mes .elementor-element-cdc5ea2 p,
#why-mes .elementor-element-2014e22 p,
.elementor-element[data-id="cdc5ea2"] p,
.elementor-element[data-id="2014e22"] p {
  color: #94a3b8 !important; /* text-slate-400 */
  margin-top: 1rem !important; /* mt-4 (16px) */
}

/* Right Column Certified & Global (lg:col-span-5) */
#why-mes .elementor-element-e42802b,
.elementor-element[data-id="e42802b"] {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

@media (min-width: 1024px) {
  #why-mes .elementor-element-e42802b,
  .elementor-element[data-id="e42802b"] {
    grid-column: span 5 / span 5 !important;
  }
}

#why-mes .elementor-element-f3baf6f,
.elementor-element[data-id="f3baf6f"] {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

@media (min-width: 1024px) {
  #why-mes .elementor-element-f3baf6f,
  .elementor-element[data-id="f3baf6f"] {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important; /* lg:border-l lg:border-white/10 */
    padding-left: 2rem !important; /* lg:pl-8 (32px) */
  }
}

#why-mes .elementor-element-9d60ffa p,
.elementor-element[data-id="9d60ffa"] p {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important; /* text-xs (12px) */
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important; /* tracking-widest */
  color: #F37121 !important;
  margin: 0 !important;
}

#why-mes .elementor-element-77cf2d8,
.elementor-element[data-id="77cf2d8"] {
  list-style: none !important;
  margin: 1rem 0 0 0 !important; /* mt-4 (16px) */
  padding: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

#why-mes .elementor-element-77cf2d8 > .elementor-element,
.elementor-element[data-id="77cf2d8"] > .elementor-element {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 0.75rem !important; /* gap-3 (12px) */
  padding-top: 0.625rem !important; /* py-2.5 (10px) */
  padding-bottom: 0.625rem !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

#why-mes .elementor-element-77cf2d8 > .elementor-element + .elementor-element,
.elementor-element[data-id="77cf2d8"] > .elementor-element + .elementor-element {
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important; /* divide-white/[0.06] */
}

/* Green Dot (First Child Widget) */
#why-mes .elementor-element-77cf2d8 .elementor-element > .elementor-widget-mesn-tag:first-child,
#why-mes .elementor-element-77cf2d8 .mes-cert-dot,
#why-mes .elementor-element-96b9b43,
#why-mes .elementor-element-3bf6c07,
#why-mes .elementor-element-c831e54,
#why-mes .elementor-element-fd33be6 {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  min-width: 6px !important;
  min-height: 6px !important;
  width: 6px !important;
  height: auto !important;
  display: flex !important;
  align-items: flex-start !important;
  flex: 0 0 6px !important;
}

#why-mes .elementor-element-77cf2d8 .elementor-element > .elementor-widget-mesn-tag:first-child .elementor-widget-container,
#why-mes .elementor-element-77cf2d8 .mes-cert-dot .elementor-widget-container {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
}

#why-mes .elementor-element-77cf2d8 span.mes-cert-dot,
#why-mes .elementor-element-77cf2d8 span.rounded-full,
.elementor-element[data-id="77cf2d8"] span.rounded-full {
  display: block !important;
  width: 6px !important; /* 6px / h-1.5 w-1.5 */
  height: 6px !important;
  margin-top: 0.4375rem !important; /* mt-1.5 (6px-7px) */
  border-radius: 9999px !important;
  background-color: #34A853 !important;
  flex-shrink: 0 !important;
}

/* Text (Second / Last Child Widget) */
#why-mes .elementor-element-77cf2d8 .elementor-element > .elementor-widget-mesn-tag:last-child,
#why-mes .elementor-element-a59616f,
#why-mes .elementor-element-80af256,
#why-mes .elementor-element-956873f,
#why-mes .elementor-element-46c605b,
.elementor-element[data-id="a59616f"],
.elementor-element[data-id="80af256"],
.elementor-element[data-id="956873f"],
.elementor-element[data-id="46c605b"] {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  display: block !important;
}

#why-mes .elementor-element-77cf2d8 .elementor-element > .elementor-widget-mesn-tag:last-child .elementor-widget-container,
#why-mes .elementor-element-77cf2d8 .elementor-element > .elementor-widget-mesn-tag:last-child span,
#why-mes .elementor-element-a59616f span,
#why-mes .elementor-element-80af256 span,
#why-mes .elementor-element-956873f span,
#why-mes .elementor-element-46c605b span {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.875rem !important; /* text-sm (14px) */
  line-height: 1.5 !important;
  color: #cbd5e1 !important; /* text-slate-300 */
  display: inline-block !important;
  background: transparent !important;
  width: 100% !important;
}


/* 4 Numbered Cards 2x2 Grid */
#why-mes .elementor-element-4afaec8,
.elementor-element[data-id="4afaec8"] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important; /* border-t border-white/10 */
  margin-top: 3rem !important; /* mt-12 (48px) */
  width: 100% !important;
  padding: 0 !important;
}

@media (min-width: 640px) {
  #why-mes .elementor-element-4afaec8,
  .elementor-element[data-id="4afaec8"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* sm:grid-cols-2 */
  }
}

#why-mes .elementor-element-f24cea9,
#why-mes .elementor-element-a435dd3,
#why-mes .elementor-element-732db91,
#why-mes .elementor-element-39b4c0c,
.elementor-element[data-id="f24cea9"],
.elementor-element[data-id="a435dd3"],
.elementor-element[data-id="732db91"],
.elementor-element[data-id="39b4c0c"] {
  display: flex !important;
  flex-direction: row !important;
  height: 100% !important;
  align-items: flex-start !important;
  gap: 1.25rem !important; /* gap-5 (20px) */
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* border-b border-white/10 */
  padding-top: 1.75rem !important; /* py-7 (28px) */
  padding-bottom: 1.75rem !important;
  padding-right: 0.5rem !important; /* pr-2 (8px) */
  padding-left: 0 !important;
  box-sizing: border-box !important;
}

@media (min-width: 640px) {
  #why-mes .elementor-element-f24cea9,
  #why-mes .elementor-element-732db91,
  .elementor-element[data-id="f24cea9"],
  .elementor-element[data-id="732db91"] {
    padding-right: 2.5rem !important; /* sm:pr-10 (40px) */
    border-left: none !important;
    padding-left: 0 !important;
  }

  #why-mes .elementor-element-a435dd3,
  #why-mes .elementor-element-39b4c0c,
  .elementor-element[data-id="a435dd3"],
  .elementor-element[data-id="39b4c0c"] {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important; /* sm:border-l sm:border-white/10 */
    padding-left: 2.5rem !important; /* sm:pl-10 (40px) */
  }
}

/* Numbers 01, 02, 03, 04 */
#why-mes .elementor-element-dd6f657 span,
#why-mes .elementor-element-f0f5908 span,
#why-mes .elementor-element-94a0d1d span,
#why-mes .elementor-element-756bb89 span,
.elementor-element[data-id="dd6f657"] span,
.elementor-element[data-id="f0f5908"] span,
.elementor-element[data-id="94a0d1d"] span,
.elementor-element[data-id="756bb89"] span {
  font-family: 'Oswald', sans-serif !important;
  font-size: 0.875rem !important; /* text-sm (14px) */
  font-weight: 600 !important;
  letter-spacing: 0.1em !important; /* tracking-widest */
  user-select: none !important;
  display: inline-block !important;
  line-height: 1.5 !important;
  margin-top: 0.125rem !important;
}

#why-mes .elementor-element-dd6f657 span,
.elementor-element[data-id="dd6f657"] span { color: #F37121 !important; }

#why-mes .elementor-element-f0f5908 span,
.elementor-element[data-id="f0f5908"] span { color: #38BDF8 !important; }

#why-mes .elementor-element-94a0d1d span,
.elementor-element[data-id="94a0d1d"] span { color: #34A853 !important; }

#why-mes .elementor-element-756bb89 span,
.elementor-element[data-id="756bb89"] span { color: #F37121 !important; }

/* Card Title & Hover slide */
#why-mes .elementor-element-67a610a p,
#why-mes .elementor-element-176662e p,
#why-mes .elementor-element-dee61cf p,
#why-mes .elementor-element-4bcf5a2 p,
.elementor-element[data-id="67a610a"] p,
.elementor-element[data-id="176662e"] p,
.elementor-element[data-id="dee61cf"] p,
.elementor-element[data-id="4bcf5a2"] p {
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.125rem !important; /* text-lg (18px) */
  font-weight: 700 !important;
  line-height: 1.375 !important; /* leading-snug */
  color: #ffffff !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#why-mes .elementor-element-f24cea9:hover .elementor-element-67a610a p,
#why-mes .elementor-element-a435dd3:hover .elementor-element-176662e p,
#why-mes .elementor-element-732db91:hover .elementor-element-dee61cf p,
#why-mes .elementor-element-39b4c0c:hover .elementor-element-4bcf5a2 p,
.elementor-element[data-id="f24cea9"]:hover .elementor-element[data-id="67a610a"] p,
.elementor-element[data-id="a435dd3"]:hover .elementor-element[data-id="176662e"] p,
.elementor-element[data-id="732db91"]:hover .elementor-element[data-id="dee61cf"] p,
.elementor-element[data-id="39b4c0c"]:hover .elementor-element[data-id="4bcf5a2"] p {
  transform: translateX(4px) !important; /* group-hover:translate-x-1 */
}

/* Card Paragraph text */
#why-mes .elementor-element-ae46698 p,
#why-mes .elementor-element-b70c675 p,
#why-mes .elementor-element-b21a8ae p,
#why-mes .elementor-element-c51e6cc p,
.elementor-element[data-id="ae46698"] p,
.elementor-element[data-id="b70c675"] p,
.elementor-element[data-id="b21a8ae"] p,
.elementor-element[data-id="c51e6cc"] p {
  font-family: 'Inter', sans-serif !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.5rem !important; /* mt-2 (8px) */
  margin-bottom: 0 !important;
}

/* ==========================================================================
   SUPPORTING METRICS BAR (#capability-snapshot)
   ========================================================================== */

#capability-snapshot,
[data-section-id="capability-snapshot"],
.elementor-element[data-id="4a504e6"],
.elementor-element.elementor-element-4a504e6 {
  position: relative !important;
  background: linear-gradient(180deg, #06080C 0%, #0A0E17 40%, #06080C 100%) !important;
  width: 100% !important;
  max-width: 100% !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding-top: 0 !important;
  padding-bottom: 3.5rem !important; /* pb-14 (56px) */
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  display: block !important;
}

#capability-snapshot .elementor-element-120aeab,
.elementor-element[data-id="120aeab"] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#capability-snapshot .elementor-element-3231420,
.elementor-element[data-id="3231420"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media (min-width: 640px) {
  #capability-snapshot .elementor-element-3231420,
  .elementor-element[data-id="3231420"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 3rem !important; /* sm:gap-x-12 (48px) */
    row-gap: 1rem !important;
  }
}

#capability-snapshot .elementor-element-3231420 > .elementor-element,
#capability-snapshot .elementor-element-24d58ff,
#capability-snapshot .elementor-element-ce185b3,
#capability-snapshot .elementor-element-7aa917a,
#capability-snapshot .elementor-element-d2b90b2,
.elementor-element[data-id="24d58ff"],
.elementor-element[data-id="ce185b3"],
.elementor-element[data-id="7aa917a"],
.elementor-element[data-id="d2b90b2"] {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 0.625rem !important; /* gap-2.5 (10px) */
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#capability-snapshot .elementor-widget-mesn-tag,
#capability-snapshot .elementor-widget-container {
  display: inline-flex !important;
  align-items: baseline !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

#capability-snapshot .elementor-element-744bd87 span,
.elementor-element[data-id="744bd87"] span {
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.25rem !important; /* text-xl (20px) */
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
  color: #F37121 !important;
  white-space: nowrap !important;
}

#capability-snapshot .elementor-element-1977758 span,
#capability-snapshot .elementor-element-2255d81 span,
.elementor-element[data-id="1977758"] span,
.elementor-element[data-id="2255d81"] span {
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.25rem !important; /* text-xl (20px) */
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
  color: #38BDF8 !important;
  white-space: nowrap !important;
}

#capability-snapshot .elementor-element-e4566eb span,
#capability-snapshot .elementor-element-da1e64d span,
.elementor-element[data-id="e4566eb"] span,
.elementor-element[data-id="da1e64d"] span {
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.25rem !important; /* text-xl (20px) */
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
  color: #34A853 !important;
  white-space: nowrap !important;
}

#capability-snapshot .elementor-element-bc87583 span,
#capability-snapshot .elementor-element-efecfdd span,
#capability-snapshot .elementor-element-143a286 span,
#capability-snapshot .elementor-element-f4501a7 span,
#capability-snapshot .elementor-element-27d3596 span,
.elementor-element[data-id="bc87583"] span,
.elementor-element[data-id="efecfdd"] span,
.elementor-element[data-id="143a286"] span,
.elementor-element[data-id="f4501a7"] span,
.elementor-element[data-id="27d3596"] span {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important; /* text-xs (12px) */
  line-height: 1.375 !important;
  color: #94a3b8 !important; /* text-slate-400 */
}

/* ==========================================================================
   SECTION 5: SIX APPLICATIONS. ONE THERMAL CAPABILITY. (#applications)
   ========================================================================== */

/* Outer Section Container */
#applications,
[data-section-id="applications"],
.elementor-element[data-id="e3199f8"],
.elementor-element.elementor-element-e3199f8 {
  position: relative !important;
  background-color: #0A0E17 !important;
  background: #0A0E17 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 6rem !important; /* pt-24 (96px) */
  padding-bottom: 3.5rem !important; /* pb-14 (56px) */
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  scroll-margin-top: 6rem !important; /* scroll-mt-24 */
  display: block !important;
}

@media (min-width: 768px) {
  #applications,
  [data-section-id="applications"],
  .elementor-element[data-id="e3199f8"],
  .elementor-element.elementor-element-e3199f8 {
    padding-top: 8rem !important; /* md:pt-32 (128px) */
    padding-bottom: 4rem !important; /* md:pb-16 (64px) */
  }
}

/* Eyebrow Row */
#applications .elementor-element-87d4960,
.elementor-element[data-id="87d4960"] {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.75rem !important; /* gap-3 (12px) */
  margin-bottom: 0 !important;
}

#applications .elementor-element-87d4960 .elementor-widget,
#applications .elementor-element-87d4960 .elementor-widget-container {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
}

#applications .elementor-element-abd1cac,
.elementor-element[data-id="abd1cac"] {
  width: 6px !important;
  height: 6px !important;
  flex: 0 0 6px !important;
  background: transparent !important;
}

#applications .elementor-element-abd1cac span,
.elementor-element[data-id="abd1cac"] span {
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 9999px !important;
  background-color: #F37121 !important;
  animation: 1.6s ease-in-out infinite pulseDot !important;
  flex-shrink: 0 !important;
}

#applications .elementor-element-d0b3c53,
.elementor-element[data-id="d0b3c53"] {
  width: 24px !important;
  height: 1px !important;
  flex: 0 0 24px !important;
  background: transparent !important;
}

#applications .elementor-element-d0b3c53 span,
.elementor-element[data-id="d0b3c53"] span {
  display: block !important;
  width: 24px !important;
  height: 1px !important;
  background-color: #F37121 !important;
}

#applications .elementor-element-6076447 span,
.elementor-element[data-id="6076447"] span {
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace) !important;
  font-size: 0.75rem !important; /* 12px / text-xs */
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
  color: #F37121 !important;
  line-height: 1 !important;
}

/* Heading Typography */
#applications h2,
#applications .elementor-element-1dc31d2 .elementor-heading-title,
.elementor-element[data-id="1dc31d2"] .elementor-heading-title {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 2.25rem !important; /* text-4xl (36px) */
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  color: #ffffff !important;
  margin-top: 1.5rem !important; /* mt-6 (24px) */
  margin-bottom: 0 !important;
  max-width: 56rem !important; /* max-w-4xl */
}

@media (min-width: 768px) {
  #applications h2,
  #applications .elementor-element-1dc31d2 .elementor-heading-title,
  .elementor-element[data-id="1dc31d2"] .elementor-heading-title {
    font-size: 3rem !important; /* md:text-5xl (48px) */
  }
}

/* Intro Paragraph */
#applications .elementor-element-2487a2b p,
.elementor-element[data-id="2487a2b"] p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.125rem !important; /* text-lg (18px) */
  line-height: 1.625 !important; /* leading-relaxed */
  color: #94a3b8 !important; /* text-slate-400 */
  max-width: 48rem !important; /* max-w-3xl */
  margin-top: 1.5rem !important; /* mt-6 (24px) */
  margin-bottom: 0 !important;
}

/* 6-Card Grid (1 col mobile, 2 cols md, 3 cols xl) */
#applications .elementor-element-14ca093,
.elementor-element[data-id="14ca093"] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.5rem !important; /* gap-6 (24px) */
  margin-top: 3.5rem !important; /* mt-14 (56px) */
  width: 100% !important;
  padding: 0 !important;
}

@media (min-width: 768px) {
  #applications .elementor-element-14ca093,
  .elementor-element[data-id="14ca093"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* md:grid-cols-2 */
  }
}

@media (min-width: 1280px) {
  #applications .elementor-element-14ca093,
  .elementor-element[data-id="14ca093"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* xl:grid-cols-3 */
  }
}

/* Individual Card Styling */
#applications .elementor-element-14ca093 > .elementor-element,
#applications .elementor-element-6d295d9,
#applications .elementor-element-2111e08,
#applications .elementor-element-9cc6948,
#applications .elementor-element-3de7124,
#applications .elementor-element-a655c97,
#applications .elementor-element-dbf42da {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  background-color: #0E121C !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important; /* border-white/10 */
  border-radius: 1rem !important; /* rounded-2xl (16px) */
  overflow: hidden !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#applications .elementor-element-14ca093 > .elementor-element:hover {
  border-color: rgba(255, 255, 255, 0.25) !important; /* hover:border-white/25 */
}

/* Card Top Image Container (h-44, relative, overflow-hidden) */
#applications .elementor-element-e0cc322,
#applications .elementor-element-f8d0a82,
#applications .elementor-element-374afe0,
#applications .elementor-element-4a85bb8,
#applications .elementor-element-e17bfa8,
#applications .elementor-element-d7ab91d {
  position: relative !important;
  height: 11rem !important; /* h-44 (176px) */
  width: 100% !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Top Image */
#applications .elementor-element-e0cc322 .elementor-widget-image,
#applications .elementor-element-f8d0a82 .elementor-widget-image,
#applications .elementor-element-374afe0 .elementor-widget-image,
#applications .elementor-element-4a85bb8 .elementor-widget-image,
#applications .elementor-element-e17bfa8 .elementor-widget-image,
#applications .elementor-element-d7ab91d .elementor-widget-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#applications .elementor-element-e0cc322 img,
#applications .elementor-element-f8d0a82 img,
#applications .elementor-element-374afe0 img,
#applications .elementor-element-4a85bb8 img,
#applications .elementor-element-e17bfa8 img,
#applications .elementor-element-d7ab91d img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#applications .elementor-element-14ca093 > .elementor-element:hover .elementor-element-e0cc322 img,
#applications .elementor-element-14ca093 > .elementor-element:hover .elementor-element-f8d0a82 img,
#applications .elementor-element-14ca093 > .elementor-element:hover .elementor-element-374afe0 img,
#applications .elementor-element-14ca093 > .elementor-element:hover .elementor-element-4a85bb8 img,
#applications .elementor-element-14ca093 > .elementor-element:hover .elementor-element-e17bfa8 img,
#applications .elementor-element-14ca093 > .elementor-element:hover .elementor-element-d7ab91d img {
  transform: scale(1.05) !important; /* group-hover:scale-105 */
}

/* Gradient Overlay on Top Image */
#applications .elementor-element-654bd31,
#applications .elementor-element-bd62d55,
#applications .elementor-element-1b7f75c,
#applications .elementor-element-1349de4,
#applications .elementor-element-e0be46d,
#applications .elementor-element-70d4799 {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, #0E121C 0%, rgba(14, 18, 28, 0.2) 50%, transparent 100%) !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Number Badge (01 to 06) */
#applications .elementor-element-5dc0721,
#applications .elementor-element-caf8e51,
#applications .elementor-element-9dffbc2,
#applications .elementor-element-45ec2b1,
#applications .elementor-element-f1d424b,
#applications .elementor-element-b96e8c6 {
  position: absolute !important;
  left: 1rem !important; /* left-4 (16px) */
  top: 1rem !important; /* top-4 (16px) */
  z-index: 10 !important;
}

#applications .elementor-element-5dc0721 span,
#applications .elementor-element-caf8e51 span,
#applications .elementor-element-9dffbc2 span,
#applications .elementor-element-45ec2b1 span,
#applications .elementor-element-f1d424b span,
#applications .elementor-element-b96e8c6 span {
  display: inline-block !important;
  border-radius: 9999px !important; /* rounded-full */
  border: 1px solid rgba(255, 255, 255, 0.2) !important; /* border-white/20 */
  background: rgba(0, 0, 0, 0.5) !important; /* bg-black/50 */
  backdrop-filter: blur(4px) !important; /* backdrop-blur-sm */
  -webkit-backdrop-filter: blur(4px) !important;
  padding: 0.25rem 0.75rem !important; /* px-3 py-1 */
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace) !important;
  font-size: 0.75rem !important; /* text-xs (12px) */
  color: #F37121 !important;
  line-height: 1.25 !important;
}

/* Card Body (p-6 pt-4 flex-1 flex flex-col) */
#applications .elementor-element-129fd79,
#applications .elementor-element-26d7235,
#applications .elementor-element-d173f23,
#applications .elementor-element-fd51b5a,
#applications .elementor-element-28850d1,
#applications .elementor-element-6f7d5c3 {
  display: flex !important;
  flex: 1 1 0% !important;
  flex-direction: column !important;
  padding: 1.5rem !important; /* p-6 (24px) */
  padding-top: 1rem !important; /* pt-4 (16px) */
  box-sizing: border-box !important;
}

/* Card Title */
#applications .elementor-element-129fd79 h3,
#applications .elementor-element-26d7235 h3,
#applications .elementor-element-d173f23 h3,
#applications .elementor-element-fd51b5a h3,
#applications .elementor-element-28850d1 h3,
#applications .elementor-element-6f7d5c3 h3,
#applications .elementor-element-129fd79 .elementor-heading-title,
#applications .elementor-element-26d7235 .elementor-heading-title,
#applications .elementor-element-d173f23 .elementor-heading-title,
#applications .elementor-element-fd51b5a .elementor-heading-title,
#applications .elementor-element-28850d1 .elementor-heading-title,
#applications .elementor-element-6f7d5c3 .elementor-heading-title {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important; /* text-xl (20px) */
  line-height: 1.3 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

@media (min-width: 768px) {
  #applications .elementor-element-129fd79 h3,
  #applications .elementor-element-26d7235 h3,
  #applications .elementor-element-d173f23 h3,
  #applications .elementor-element-fd51b5a h3,
  #applications .elementor-element-28850d1 h3,
  #applications .elementor-element-6f7d5c3 h3,
  #applications .elementor-element-129fd79 .elementor-heading-title,
  #applications .elementor-element-26d7235 .elementor-heading-title,
  #applications .elementor-element-d173f23 .elementor-heading-title,
  #applications .elementor-element-fd51b5a .elementor-heading-title,
  #applications .elementor-element-28850d1 .elementor-heading-title,
  #applications .elementor-element-6f7d5c3 .elementor-heading-title {
    font-size: 1.5rem !important; /* md:text-2xl (24px) */
  }
}

/* Card Subtitle / Problem Statement */
#applications .elementor-element-d70566d p,
#applications .elementor-element-ed9ae13 p,
#applications .elementor-element-326c83b p,
#applications .elementor-element-e245760 p,
#applications .elementor-element-37f7430 p,
#applications .elementor-element-1ce5151 p {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.875rem !important; /* text-sm (14px) */
  font-weight: 500 !important;
  line-height: 1.625 !important; /* leading-relaxed */
  color: #cbd5e1 !important; /* text-slate-300 */
  margin-top: 0.5rem !important; /* mt-2 (8px) */
  margin-bottom: 0 !important;
}

/* 3-Column Thumbnail Gallery (grid grid-cols-3 gap-2 mt-4) */
#applications .elementor-element-32e264e,
#applications .elementor-element-46f393c,
#applications .elementor-element-7e58c68,
#applications .elementor-element-e0b8a99,
#applications .elementor-element-787af4b,
#applications .elementor-element-b36bc91 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.5rem !important; /* gap-2 (8px) */
  margin-top: 1rem !important; /* mt-4 (16px) */
  width: 100% !important;
  padding: 0 !important;
}

/* Thumbnail Item Wrapper */
#applications .elementor-element-32e264e > .elementor-element,
#applications .elementor-element-46f393c > .elementor-element,
#applications .elementor-element-7e58c68 > .elementor-element,
#applications .elementor-element-e0b8a99 > .elementor-element,
#applications .elementor-element-787af4b > .elementor-element,
#applications .elementor-element-b36bc91 > .elementor-element {
  overflow: hidden !important;
  border-radius: 0.5rem !important; /* rounded-lg (8px) */
  border: 1px solid rgba(255, 255, 255, 0.1) !important; /* ring-1 ring-white/10 */
  background: rgba(0, 0, 0, 0.2) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Aspect-Square Image Box */
#applications .elementor-element-32e264e > .elementor-element > .elementor-element:first-child,
#applications .elementor-element-46f393c > .elementor-element > .elementor-element:first-child,
#applications .elementor-element-7e58c68 > .elementor-element > .elementor-element:first-child,
#applications .elementor-element-e0b8a99 > .elementor-element > .elementor-element:first-child,
#applications .elementor-element-787af4b > .elementor-element > .elementor-element:first-child,
#applications .elementor-element-b36bc91 > .elementor-element > .elementor-element:first-child {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

#applications .elementor-element-32e264e img,
#applications .elementor-element-46f393c img,
#applications .elementor-element-7e58c68 img,
#applications .elementor-element-e0b8a99 img,
#applications .elementor-element-787af4b img,
#applications .elementor-element-b36bc91 img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Thumbnail Caption (truncate bg-black/40 px-1.5 py-1 text-center text-[10px] text-slate-400) */
#applications .elementor-element-32e264e p,
#applications .elementor-element-46f393c p,
#applications .elementor-element-7e58c68 p,
#applications .elementor-element-e0b8a99 p,
#applications .elementor-element-787af4b p,
#applications .elementor-element-b36bc91 p {
  background: rgba(0, 0, 0, 0.4) !important;
  padding: 0.25rem 0.375rem !important; /* px-1.5 py-1 */
  text-align: center !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important; /* text-[10px] */
  line-height: 1.25 !important; /* leading-tight */
  color: #94a3b8 !important; /* text-slate-400 */
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; /* truncate */
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Components Summary Line */
#applications .elementor-element-9c8e458 p,
#applications .elementor-element-72c65df p,
#applications .elementor-element-fa46be2 p,
#applications .elementor-element-46343ae p,
#applications .elementor-element-2b031bb p,
#applications .elementor-element-8440e47 p {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important; /* text-xs (12px) */
  line-height: 1.625 !important; /* leading-relaxed */
  color: #94a3b8 !important; /* text-slate-400 */
  margin-top: 1rem !important; /* mt-4 (16px) */
  margin-bottom: 0 !important;
}

/* Materials Line */
#applications .elementor-element-4399755 p,
#applications .elementor-element-53bbece p,
#applications .elementor-element-99f5c9e p,
#applications .elementor-element-cea807a p,
#applications .elementor-element-3765dbf p,
#applications .elementor-element-28df7c0 p {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important; /* text-xs (12px) */
  line-height: 1.625 !important; /* leading-relaxed */
  color: #64748b !important; /* text-slate-500 */
  margin-top: 0.5rem !important; /* mt-2 (8px) */
  margin-bottom: 0 !important;
}

#applications .elementor-element-4399755 span,
#applications .elementor-element-53bbece span,
#applications .elementor-element-99f5c9e span,
#applications .elementor-element-cea807a span,
#applications .elementor-element-3765dbf span,
#applications .elementor-element-28df7c0 span {
  font-weight: 600 !important;
  color: #94a3b8 !important; /* text-slate-400 */
}

/* Spec Callout Box */
#applications .elementor-element-6f014ed,
#applications .elementor-element-83ae453,
#applications .elementor-element-521ba4d,
#applications .elementor-element-6f89568,
#applications .elementor-element-8205f77,
#applications .elementor-element-c1bbbbc {
  border-left: 2px solid #F37121 !important;
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-radius: 0.5rem !important; /* rounded-lg (8px) */
  padding: 0.625rem 0.875rem !important; /* px-3.5 py-2.5 */
  margin-top: 1rem !important; /* mt-4 (16px) */
  box-sizing: border-box !important;
  width: 100% !important;
}

#applications .elementor-element-6f014ed p,
#applications .elementor-element-83ae453 p,
#applications .elementor-element-521ba4d p,
#applications .elementor-element-6f89568 p,
#applications .elementor-element-8205f77 p,
#applications .elementor-element-c1bbbbc p,
#applications .elementor-element-6f014ed .elementor-widget-container,
#applications .elementor-element-83ae453 .elementor-widget-container,
#applications .elementor-element-521ba4d .elementor-widget-container,
#applications .elementor-element-6f89568 .elementor-widget-container,
#applications .elementor-element-8205f77 .elementor-widget-container,
#applications .elementor-element-c1bbbbc .elementor-widget-container {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important; /* text-xs (12px) */
  line-height: 1.625 !important; /* leading-relaxed */
  color: #cbd5e1 !important; /* text-slate-300 */
  margin: 0 !important;
}

#applications .elementor-element-6f014ed span,
#applications .elementor-element-83ae453 span,
#applications .elementor-element-521ba4d span,
#applications .elementor-element-6f89568 span,
#applications .elementor-element-8205f77 span,
#applications .elementor-element-c1bbbbc span {
  font-weight: 600 !important;
  color: #ffffff !important;
}

/* Bottom Link (Card 04) */
#applications a.inline-flex,
#applications .elementor-element-57e3a10 a,
#applications [data-id="57e3a10"] a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.375rem !important; /* gap-1.5 */
  font-family: 'Inter', sans-serif !important;
  font-size: 0.875rem !important; /* text-sm (14px) */
  font-weight: 600 !important;
  color: #F37121 !important;
  text-decoration: none !important;
  margin-top: 0.75rem !important; /* mt-3 (12px) */
  transition: color 0.2s ease !important;
}

#applications a.inline-flex:hover,
#applications .elementor-element-57e3a10 a:hover,
#applications [data-id="57e3a10"] a:hover {
  color: #ffffff !important;
}

/* ==========================================================================
   SECTION 6: COMPONENTS WE ENGINEER & DELIVER (#components)
   ========================================================================== */

/* Section Outer Container */
#components,
[data-section-id="components"],
.elementor-element[data-id="6b74740"],
.elementor-element.elementor-element-6b74740 {
  position: relative !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 6rem !important; /* pt-24 (96px) */
  padding-bottom: 3rem !important; /* pb-12 (48px) */
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  scroll-margin-top: 6rem !important; /* scroll-mt-24 */
  display: block !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  #components,
  [data-section-id="components"],
  .elementor-element[data-id="6b74740"],
  .elementor-element.elementor-element-6b74740 {
    padding-top: 8rem !important; /* md:pt-32 (128px) */
    padding-bottom: 3.5rem !important; /* md:pb-14 (56px) */
  }
}

/* Inner Container Width & Boundaries */
#components .elementor-element-01d694f,
#components [data-id="01d694f"] {
  width: 100% !important;
  max-width: 80rem !important; /* max-w-7xl (1280px) */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important; /* px-6 (24px) */
  padding-right: 1.5rem !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  #components .elementor-element-01d694f,
  #components [data-id="01d694f"] {
    padding-left: 2.5rem !important; /* md:px-10 (40px) */
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 1536px) {
  #components .elementor-element-01d694f,
  #components [data-id="01d694f"] {
    max-width: 1600px !important; /* 2xl:max-w-[1600px] */
    padding-left: 4rem !important; /* 2xl:px-16 (64px) */
    padding-right: 4rem !important;
  }
}

@media (min-width: 1920px) {
  #components .elementor-element-01d694f,
  #components [data-id="01d694f"] {
    max-width: 1760px !important; /* min-[1920px]:max-w-[1760px] */
  }
}

/* Header Container */
#components .elementor-element-588f24f,
#components [data-id="588f24f"] {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

/* Eyebrow Row */
#components .elementor-element-dcfb883,
#components [data-id="dcfb883"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.75rem !important; /* gap-3 (12px) */
  width: 100% !important;
  margin-bottom: 0 !important;
}

#components .elementor-element-6b7dccd,
#components [data-id="6b7dccd"],
#components .elementor-element-6b7dccd .elementor-widget-container,
#components [data-id="6b7dccd"] .elementor-widget-container {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#components .elementor-element-6b7dccd span.pulse-dot,
#components [data-id="6b7dccd"] span.pulse-dot,
#components span.pulse-dot {
  display: inline-block !important;
  width: 0.375rem !important; /* 6px */
  height: 0.375rem !important;
  border-radius: 9999px !important;
  background-color: #F37121 !important;
  background: #F37121 !important;
  flex-shrink: 0 !important;
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}

#components .elementor-element-f339c4b,
#components [data-id="f339c4b"],
#components .elementor-element-f339c4b .elementor-widget-container,
#components [data-id="f339c4b"] .elementor-widget-container {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#components .elementor-element-f339c4b span,
#components [data-id="f339c4b"] span {
  display: inline-block !important;
  height: 1px !important;
  width: 1.5rem !important; /* 24px (w-6) */
  background-color: #F37121 !important;
  background: #F37121 !important;
}

#components .elementor-element-65a8e73,
#components [data-id="65a8e73"],
#components .elementor-element-65a8e73 .elementor-widget-container,
#components [data-id="65a8e73"] .elementor-widget-container {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#components .elementor-element-65a8e73 span,
#components [data-id="65a8e73"] span {
  font-family: monospace, monospace !important;
  font-size: 0.75rem !important; /* text-xs (12px) */
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
  color: #F37121 !important;
  line-height: 1 !important;
}

/* Heading */
#components .elementor-element-83e390a,
#components [data-id="83e390a"] {
  margin-top: 1.5rem !important; /* mt-6 (24px) */
  max-width: 56rem !important; /* max-w-4xl */
  width: 100% !important;
}

#components .elementor-element-83e390a h2,
#components [data-id="83e390a"] h2,
#components .elementor-element-83e390a .elementor-heading-title,
#components [data-id="83e390a"] .elementor-heading-title {
  font-family: 'Oswald', sans-serif !important;
  font-size: 2.25rem !important; /* text-4xl (36px) */
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  color: #16315C !important;
  margin: 0 !important;
}

@media (min-width: 768px) {
  #components .elementor-element-83e390a h2,
  #components [data-id="83e390a"] h2,
  #components .elementor-element-83e390a .elementor-heading-title,
  #components [data-id="83e390a"] .elementor-heading-title {
    font-size: 3rem !important; /* md:text-5xl (48px) */
  }
}

/* Intro Paragraph */
#components .elementor-element-8ce57d2,
#components [data-id="8ce57d2"] {
  margin-top: 1.5rem !important; /* mt-6 (24px) */
  max-width: 48rem !important; /* max-w-3xl */
  width: 100% !important;
}

#components .elementor-element-8ce57d2 p,
#components [data-id="8ce57d2"] p,
#components .elementor-element-8ce57d2 .elementor-widget-container,
#components [data-id="8ce57d2"] .elementor-widget-container {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.125rem !important; /* text-lg (18px) */
  line-height: 1.75rem !important; /* 28px */
  color: #475569 !important; /* text-slate-600 */
  margin: 0 !important;
}

/* Sticky Tabs Bar Container */
#components .elementor-element-97fe310,
#components [data-id="97fe310"] {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  margin-top: 4rem !important; /* mt-16 (64px) */
  margin-left: -1.5rem !important; /* -mx-6 */
  margin-right: -1.5rem !important;
  padding-left: 1.5rem !important; /* px-6 */
  padding-right: 1.5rem !important;
  padding-bottom: 1px !important; /* pb-px */
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.5rem !important; /* gap-2 */
  border-bottom: 1px solid #e2e8f0 !important; /* border-slate-200 */
  background-color: rgba(255, 255, 255, 0.95) !important; /* bg-white/95 */
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  #components .elementor-element-97fe310,
  #components [data-id="97fe310"] {
    margin-left: -2.5rem !important; /* md:-mx-10 */
    margin-right: -2.5rem !important;
    padding-left: 2.5rem !important; /* md:px-10 */
    padding-right: 2.5rem !important;
    gap: 1rem !important; /* md:gap-4 */
  }
}

@media (min-width: 1536px) {
  #components .elementor-element-97fe310,
  #components [data-id="97fe310"] {
    padding-left: 4rem !important; /* 2xl:px-16 */
    padding-right: 4rem !important;
  }
}

/* Tab Widgets & Buttons */
#components .category-tab-btn,
#components button.category-tab-btn,
#components .elementor-widget-mesn-action .category-tab-btn,
#components .elementor-element-85b02d7 button,
#components .elementor-element-d788008 button,
#components .elementor-element-ffa78d6 button,
#components .elementor-element-d06c3bf button {
  position: relative !important;
  padding: 0.75rem 1rem !important; /* px-4 py-3 */
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.125rem !important; /* text-lg (18px) */
  line-height: 1.75rem !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
  margin-bottom: -1px !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

#components .elementor-element-85b02d7,
#components .elementor-element-d788008,
#components .elementor-element-ffa78d6,
#components .elementor-element-d06c3bf,
#components [data-id="85b02d7"],
#components [data-id="d788008"],
#components [data-id="ffa78d6"],
#components [data-id="d06c3bf"] {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Inactive Tab Buttons */
#components .category-tab-btn.text-slate-500,
#components button.category-tab-btn.text-slate-500,
#components .category-tab-btn:not(.border-b-2):not(.is-active) {
  color: #64748b !important; /* text-slate-500 */
  font-weight: 400 !important;
  border-bottom: 2px solid transparent !important;
}

#components .category-tab-btn.text-slate-500:hover,
#components button.category-tab-btn.text-slate-500:hover,
#components .category-tab-btn:not(.border-b-2):not(.is-active):hover {
  color: #334155 !important; /* text-slate-700 */
}

/* Active Tab Button */
#components .category-tab-btn.border-b-2,
#components button.category-tab-btn.border-b-2,
#components .category-tab-btn.is-active,
#components button.category-tab-btn.is-active,
#components .category-tab-btn.text-\[\#16315C\],
#components button.category-tab-btn.text-\[\#16315C\] {
  color: #16315C !important;
  border-bottom: 2px solid #F37121 !important;
  font-weight: 600 !important;
}

/* Tab Panels Container */
#components .elementor-element-cae54f2,
#components [data-id="cae54f2"] {
  margin-top: 3rem !important; /* mt-12 (48px) */
  min-height: 500px !important;
  width: 100% !important;
  position: relative !important;
  display: block !important;
}

/* Tab Panels Visibility */
#components .category-tab-panel,
#components .elementor-element-15a7acf,
#components .elementor-element-1711d1b,
#components .elementor-element-1d22c3a,
#components .elementor-element-e4c2c06,
#components [data-id="15a7acf"],
#components [data-id="1711d1b"],
#components [data-id="1d22c3a"],
#components [data-id="e4c2c06"] {
  width: 100% !important;
  display: block !important;
}

#components .category-tab-panel.hidden,
#components .elementor-element-15a7acf.hidden,
#components .elementor-element-1711d1b.hidden,
#components .elementor-element-1d22c3a.hidden,
#components .elementor-element-e4c2c06.hidden,
#components [data-id="15a7acf"].hidden,
#components [data-id="1711d1b"].hidden,
#components [data-id="1d22c3a"].hidden,
#components [data-id="e4c2c06"].hidden {
  display: none !important;
}

/* 2-Column Grid inside Each Panel */
#components .elementor-element-13526fc,
#components .elementor-element-f1e6e0a,
#components .elementor-element-9b2fc21,
#components .elementor-element-cc05163,
#components [data-id="13526fc"],
#components [data-id="f1e6e0a"],
#components [data-id="9b2fc21"],
#components [data-id="cc05163"] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 3rem !important; /* gap-12 (48px) */
  width: 100% !important;
  align-items: start !important;
}

@media (min-width: 1024px) {
  #components .elementor-element-13526fc,
  #components .elementor-element-f1e6e0a,
  #components .elementor-element-9b2fc21,
  #components .elementor-element-cc05163,
  #components [data-id="13526fc"],
  #components [data-id="f1e6e0a"],
  #components [data-id="9b2fc21"],
  #components [data-id="cc05163"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* lg:grid-cols-2 */
  }
}

/* Left Narrative Column (Sticky) */
#components .elementor-element-950ea2a,
#components .elementor-element-0bbf2bf,
#components .elementor-element-60c95e5,
#components .elementor-element-f33faef,
#components [data-id="950ea2a"],
#components [data-id="0bbf2bf"],
#components [data-id="60c95e5"],
#components [data-id="f33faef"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important; /* gap-6 (24px) */
  width: 100% !important;
}

@media (min-width: 1024px) {
  #components .elementor-element-950ea2a,
  #components .elementor-element-0bbf2bf,
  #components .elementor-element-60c95e5,
  #components .elementor-element-f33faef,
  #components [data-id="950ea2a"],
  #components [data-id="0bbf2bf"],
  #components [data-id="60c95e5"],
  #components [data-id="f33faef"] {
    position: sticky !important;
    top: 8rem !important; /* lg:top-32 (128px) */
    align-self: flex-start !important; /* lg:self-start */
  }
}

/* Narrative Paragraphs */
#components .elementor-element-950ea2a p,
#components .elementor-element-0bbf2bf p,
#components .elementor-element-60c95e5 p,
#components .elementor-element-f33faef p,
#components [data-id="950ea2a"] p,
#components [data-id="0bbf2bf"] p,
#components [data-id="60c95e5"] p,
#components [data-id="f33faef"] p,
#components .elementor-element-357aee3 p,
#components .elementor-element-d18df23 p,
#components .elementor-element-82163c2 p,
#components .elementor-element-63b97ec p,
#components .elementor-element-2720771 p,
#components .elementor-element-524031a p,
#components .elementor-element-bd56486 p,
#components .elementor-element-3f6847b p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.125rem !important; /* text-lg (18px) */
  line-height: 1.625 !important; /* leading-relaxed */
  color: #334155 !important; /* text-slate-700 */
  margin: 0 !important;
}

/* Right Cards Grid (2 cols x 3 rows) */
#components .elementor-element-48755eb,
#components .elementor-element-00e813d,
#components .elementor-element-025a104,
#components .elementor-element-4155713,
#components [data-id="48755eb"],
#components [data-id="00e813d"],
#components [data-id="025a104"],
#components [data-id="4155713"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* grid-cols-2 */
  gap: 1rem !important; /* gap-4 (16px) */
  width: 100% !important;
}

/* Individual Card */
#components .group.aspect-square,
#components .elementor-element-942d635,
#components .elementor-element-75e7de7,
#components .elementor-element-a465202,
#components .elementor-element-f1db670,
#components .elementor-element-c266850,
#components .elementor-element-7222677,
#components .elementor-element-3cd3672,
#components .elementor-element-44960e5,
#components .elementor-element-e5ded04,
#components .elementor-element-0a6ed47,
#components .elementor-element-855476b,
#components .elementor-element-a3a0631,
#components .elementor-element-a3c04e3,
#components .elementor-element-acab5ac,
#components .elementor-element-1e4e199,
#components .elementor-element-93ce019,
#components .elementor-element-5ed989f,
#components .elementor-element-f72e08f,
#components .elementor-element-fe47247,
#components .elementor-element-e38e755,
#components .elementor-element-fac9ed3,
#components .elementor-element-4c84a5c,
#components .elementor-element-38aa2bb,
#components .elementor-element-3a9b15d,
#components [data-id="48755eb"] > .e-con,
#components [data-id="00e813d"] > .e-con,
#components [data-id="025a104"] > .e-con,
#components [data-id="4155713"] > .e-con {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0.5rem !important; /* rounded-lg (8px) */
  background-color: #000000 !important; /* bg-black */
  box-shadow: 0 0 0 1px #e2e8f0 !important; /* ring-1 ring-slate-200 */
  aspect-ratio: 1 / 1 !important; /* aspect-square */
  width: 100% !important;
  height: auto !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Card Image Widget */
#components .group.aspect-square .elementor-widget-image,
#components [data-id="48755eb"] .elementor-widget-image,
#components [data-id="00e813d"] .elementor-widget-image,
#components [data-id="025a104"] .elementor-widget-image,
#components [data-id="4155713"] .elementor-widget-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#components .group.aspect-square .elementor-widget-image .elementor-widget-container,
#components .group.aspect-square .elementor-widget-image figure,
#components .group.aspect-square .elementor-widget-image .wp-caption {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

#components .group.aspect-square img,
#components [data-id="48755eb"] img,
#components [data-id="00e813d"] img,
#components [data-id="025a104"] img,
#components [data-id="4155713"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; /* object-cover */
  display: block !important;
  transition: transform 0.5s ease !important; /* transition-transform duration-500 */
}

/* Hover Zoom on Card Image */
#components .group.aspect-square:hover img,
#components [data-id="48755eb"] > .e-con:hover img,
#components [data-id="00e813d"] > .e-con:hover img,
#components [data-id="025a104"] > .e-con:hover img,
#components [data-id="4155713"] > .e-con:hover img {
  transform: scale(1.05) !important; /* group-hover:scale-105 */
}

/* Gradient Overlay */
#components .group.aspect-square .absolute.inset-0,
#components .group.aspect-square .bg-gradient-to-t,
#components .elementor-element-c949143,
#components .elementor-element-0e46427,
#components .elementor-element-a6aecd1,
#components .elementor-element-314ca68,
#components .elementor-element-93d55af,
#components .elementor-element-238b819,
#components .elementor-element-d8180b2,
#components .elementor-element-d46ded1,
#components .elementor-element-dd268d2,
#components .elementor-element-a0b679a,
#components .elementor-element-2b1a06a,
#components .elementor-element-350e65e,
#components .elementor-element-f7ee143,
#components .elementor-element-7eb70a9,
#components .elementor-element-2b23979,
#components .elementor-element-88dbef3,
#components .elementor-element-7737c6d,
#components .elementor-element-6a75e16,
#components .elementor-element-8e0530d,
#components .elementor-element-ce00135,
#components .elementor-element-89b99a2,
#components .elementor-element-11ca8f1,
#components .elementor-element-b598df1,
#components .elementor-element-1694246 {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%) !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

/* Caption Container */
#components .group.aspect-square .absolute.bottom-0,
#components .elementor-element-d224524,
#components .elementor-element-7bece1c,
#components .elementor-element-db3d818,
#components .elementor-element-5972856,
#components .elementor-element-abf0bf6,
#components .elementor-element-8f59b0d,
#components .elementor-element-d4e6358,
#components .elementor-element-abcf5bb,
#components .elementor-element-8918e5c,
#components .elementor-element-5de4cc8,
#components .elementor-element-7a34ba6,
#components .elementor-element-7e986ad,
#components .elementor-element-5aca315,
#components .elementor-element-8d063b3,
#components .elementor-element-d2d58bf,
#components .elementor-element-5213905,
#components .elementor-element-e6cc469,
#components .elementor-element-0ff4129,
#components .elementor-element-70e5cb2,
#components .elementor-element-439db82,
#components .elementor-element-7081544,
#components .elementor-element-8da7e23,
#components .elementor-element-36b3865,
#components .elementor-element-92700cc {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 0.75rem !important; /* p-3 (12px) */
  pointer-events: none !important;
  z-index: 20 !important;
  box-sizing: border-box !important;
}

/* Caption Text */
#components .group.aspect-square .absolute.bottom-0 p,
#components .group.aspect-square .elementor-widget-text-editor p,
#components .elementor-element-c2cd887 p,
#components .elementor-element-9f194ef p,
#components .elementor-element-3e3b354 p,
#components .elementor-element-60fa415 p,
#components .elementor-element-a642d70 p,
#components .elementor-element-bcb1960 p,
#components .elementor-element-9583386 p,
#components .elementor-element-a834afb p,
#components .elementor-element-da24875 p,
#components .elementor-element-64e1de5 p,
#components .elementor-element-029d81a p,
#components .elementor-element-7d7ece8 p,
#components .elementor-element-42b9e96 p,
#components .elementor-element-9298f16 p,
#components .elementor-element-acdf4e2 p,
#components .elementor-element-1738707 p,
#components .elementor-element-c597c02 p,
#components .elementor-element-d28758a p,
#components .elementor-element-8ca594c p,
#components .elementor-element-7153afe p,
#components .elementor-element-ad6b428 p,
#components .elementor-element-add63a4 p,
#components .elementor-element-79e8ecf p,
#components .elementor-element-d96c803 p {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.75rem !important; /* text-xs (12px) */
  font-weight: 500 !important;
  line-height: 1.25 !important; /* leading-tight */
  color: rgba(255, 255, 255, 0.9) !important; /* text-white/90 */
  margin: 0 !important;
  transition: color 0.2s ease !important;
}

#components .group.aspect-square:hover .absolute.bottom-0 p,
#components .group.aspect-square:hover .elementor-widget-text-editor p,
#components [data-id="48755eb"] > .e-con:hover p,
#components [data-id="00e813d"] > .e-con:hover p,
#components [data-id="025a104"] > .e-con:hover p,
#components [data-id="4155713"] > .e-con:hover p {
  color: #ffffff !important; /* group-hover:text-white */
}

/* ==========================================================================
   SECTION 7: WHAT ENGINEERS ASK US ABOUT THERMAL COMPONENT MANUFACTURING (#engineering-questions)
   ========================================================================== */

/* Outer Section */
#engineering-questions,
[data-section-id="engineering-questions"],
.elementor-element[data-id="dca6f5d"],
.elementor-element.elementor-element-dca6f5d {
  position: relative !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  background: #ffffff !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 4rem !important; /* pt-16 (64px) */
  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;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  #engineering-questions,
  [data-section-id="engineering-questions"],
  .elementor-element[data-id="dca6f5d"],
  .elementor-element.elementor-element-dca6f5d {
    padding-top: 5rem !important; /* md:pt-20 (80px) */
    padding-bottom: 5rem !important; /* md:pb-20 (80px) */
  }
}

/* Inner Container Width & Alignment */
#engineering-questions .elementor-element-ebbd633,
#engineering-questions [data-id="ebbd633"] {
  position: relative !important;
  width: 100% !important;
  max-width: 80rem !important; /* max-w-7xl (1280px) */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important; /* px-6 (24px) */
  padding-right: 1.5rem !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  #engineering-questions .elementor-element-ebbd633,
  #engineering-questions [data-id="ebbd633"] {
    padding-left: 2.5rem !important; /* md:px-10 (40px) */
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 1536px) {
  #engineering-questions .elementor-element-ebbd633,
  #engineering-questions [data-id="ebbd633"] {
    max-width: 1600px !important; /* 2xl:max-w-[1600px] */
    padding-left: 4rem !important; /* 2xl:px-16 (64px) */
    padding-right: 4rem !important;
  }
}

@media (min-width: 1920px) {
  #engineering-questions .elementor-element-ebbd633,
  #engineering-questions [data-id="ebbd633"] {
    max-width: 1760px !important; /* min-[1920px]:max-w-[1760px] */
  }
}

/* Eyebrow Container */
#engineering-questions .elementor-element-02a20df,
#engineering-questions [data-id="02a20df"] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.75rem !important; /* gap-3 (12px) */
  width: 100% !important;
}

#engineering-questions .elementor-element-409851a,
#engineering-questions [data-id="409851a"],
#engineering-questions .elementor-element-409851a .elementor-widget-container,
#engineering-questions [data-id="409851a"] .elementor-widget-container {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#engineering-questions .elementor-element-409851a span.pulse-dot,
#engineering-questions [data-id="409851a"] span.pulse-dot,
#engineering-questions span.pulse-dot {
  display: inline-block !important;
  width: 0.375rem !important; /* 6px */
  height: 0.375rem !important;
  border-radius: 9999px !important;
  background-color: #4A7BD0 !important;
  background: #4A7BD0 !important;
  flex-shrink: 0 !important;
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}

#engineering-questions .elementor-element-e048bab,
#engineering-questions [data-id="e048bab"],
#engineering-questions .elementor-element-e048bab .elementor-widget-container,
#engineering-questions [data-id="e048bab"] .elementor-widget-container {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#engineering-questions .elementor-element-e048bab span,
#engineering-questions [data-id="e048bab"] span {
  display: inline-block !important;
  height: 1px !important;
  width: 1.5rem !important; /* 24px (w-6) */
  background-color: #4A7BD0 !important;
  background: #4A7BD0 !important;
}

#engineering-questions .elementor-element-b076f15,
#engineering-questions [data-id="b076f15"],
#engineering-questions .elementor-element-b076f15 .elementor-widget-container,
#engineering-questions [data-id="b076f15"] .elementor-widget-container {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#engineering-questions .elementor-element-b076f15 span,
#engineering-questions [data-id="b076f15"] span {
  font-family: monospace, monospace !important;
  font-size: 0.75rem !important; /* text-xs (12px) */
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
  color: #4A7BD0 !important;
  line-height: 1 !important;
}

/* Heading */
#engineering-questions .elementor-element-b7143f1,
#engineering-questions [data-id="b7143f1"] {
  margin-top: 1.5rem !important; /* mt-6 (24px) */
  max-width: 48rem !important; /* max-w-3xl */
  width: 100% !important;
}

#engineering-questions .elementor-element-b7143f1 h2,
#engineering-questions [data-id="b7143f1"] h2,
#engineering-questions .elementor-element-b7143f1 .elementor-heading-title,
#engineering-questions [data-id="b7143f1"] .elementor-heading-title {
  font-family: 'Oswald', sans-serif !important;
  font-size: 2.25rem !important; /* text-4xl (36px) */
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
  color: #16315C !important;
  margin: 0 !important;
}

@media (min-width: 768px) {
  #engineering-questions .elementor-element-b7143f1 h2,
  #engineering-questions [data-id="b7143f1"] h2,
  #engineering-questions .elementor-element-b7143f1 .elementor-heading-title,
  #engineering-questions [data-id="b7143f1"] .elementor-heading-title {
    font-size: 3rem !important; /* md:text-5xl (48px) */
  }
}

/* Intro Paragraph */
#engineering-questions .elementor-element-dece968,
#engineering-questions [data-id="dece968"] {
  margin-top: 1.5rem !important; /* mt-6 (24px) */
  max-width: 42rem !important; /* max-w-2xl */
  width: 100% !important;
}

#engineering-questions .elementor-element-dece968 p,
#engineering-questions [data-id="dece968"] p,
#engineering-questions .elementor-element-dece968 .elementor-widget-container,
#engineering-questions [data-id="dece968"] .elementor-widget-container {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.125rem !important; /* text-lg (18px) */
  line-height: 1.625 !important; /* leading-relaxed */
  color: #475569 !important; /* text-slate-600 */
  margin: 0 !important;
}

/* Two-Column Grid Container */
#engineering-questions .elementor-element-8a97650,
#engineering-questions [data-id="8a97650"] {
  margin-top: 3rem !important; /* mt-12 (48px) */
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 2.5rem !important; /* gap-10 (40px) */
  align-items: start !important;
  width: 100% !important;
}

@media (min-width: 1024px) {
  #engineering-questions .elementor-element-8a97650,
  #engineering-questions [data-id="8a97650"] {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important; /* lg:grid-cols-12 */
  }
}

/* Accordion Wrapper (Left 7 Cols) */
#engineering-questions .elementor-element-400c96a,
#engineering-questions [data-id="400c96a"] {
  border-radius: 0.75rem !important; /* rounded-xl (12px) */
  border: 1px solid #e2e8f0 !important; /* border-slate-200 */
  background-color: #f8fafc !important; /* bg-slate-50 */
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (min-width: 1024px) {
  #engineering-questions .elementor-element-400c96a,
  #engineering-questions [data-id="400c96a"] {
    grid-column: span 7 / span 7 !important; /* lg:col-span-7 */
  }
}

/* Accordion Item Separator */
#engineering-questions .eng-accordion-item,
#engineering-questions .elementor-element-644eecd,
#engineering-questions .elementor-element-c308a3f,
#engineering-questions .elementor-element-b57e138,
#engineering-questions .elementor-element-9ea090f,
#engineering-questions .elementor-element-2c427ca,
#engineering-questions [data-id="644eecd"],
#engineering-questions [data-id="c308a3f"],
#engineering-questions [data-id="b57e138"],
#engineering-questions [data-id="9ea090f"],
#engineering-questions [data-id="2c427ca"] {
  border-bottom: 1px solid #e2e8f0 !important; /* border-slate-200 */
  width: 100% !important;
  display: block !important;
}

#engineering-questions .eng-accordion-item:last-child,
#engineering-questions .elementor-element-2c427ca,
#engineering-questions [data-id="2c427ca"] {
  border-bottom: none !important;
}

/* Accordion Widget Wrappers */
#engineering-questions .elementor-widget-mesn-action,
#engineering-questions [data-id="ef51515"],
#engineering-questions [data-id="1ae9516"],
#engineering-questions [data-id="224f1b1"],
#engineering-questions [data-id="2781ddb"],
#engineering-questions [data-id="039e44a"] {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

#engineering-questions .elementor-widget-mesn-action .elementor-widget-container,
#engineering-questions .elementor-widget-mesn-action > .elementor-widget-container {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Accordion Trigger Button */
#engineering-questions .eng-accordion-item button,
#engineering-questions .elementor-widget-mesn-action button,
#engineering-questions [data-widget_type="mesn-action.default"] button,
#engineering-questions button.eng-accordion-btn,
#engineering-questions button {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 1rem !important; /* gap-4 (16px) */
  width: 100% !important;
  padding: 1.25rem 1.25rem !important; /* px-5 py-5 (20px 20px) */
  text-align: left !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
}

@media (min-width: 768px) {
  #engineering-questions .eng-accordion-item button,
  #engineering-questions .elementor-widget-mesn-action button,
  #engineering-questions [data-widget_type="mesn-action.default"] button,
  #engineering-questions button.eng-accordion-btn,
  #engineering-questions button {
    padding: 1.25rem 1.75rem !important; /* py-5 md:px-7 (20px 28px) */
  }
}

#engineering-questions .eng-accordion-item button:hover,
#engineering-questions .elementor-widget-mesn-action button:hover,
#engineering-questions [data-widget_type="mesn-action.default"] button:hover,
#engineering-questions button.eng-accordion-btn:hover,
#engineering-questions button:hover {
  background-color: #f1f5f9 !important; /* hover:bg-slate-100 */
}

/* Number Badge */
#engineering-questions .eng-idx,
#engineering-questions button .eng-idx,
#engineering-questions .elementor-widget-mesn-action .eng-idx {
  margin-top: 0.125rem !important; /* mt-0.5 (2px) */
  display: inline-flex !important;
  width: 2rem !important; /* h-8 w-8 (32px) */
  height: 2rem !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  max-width: 2rem !important;
  max-height: 2rem !important;
  flex: 0 0 2rem !important;
  flex-shrink: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9999px !important;
  border: 1px solid #cbd5e1 !important; /* border-slate-300 */
  background-color: transparent !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 0.875rem !important; /* text-sm (14px) */
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #64748b !important; /* text-slate-500 */
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease !important;
}

#engineering-questions .eng-idx.border-\[\#F37121\],
#engineering-questions .eng-idx.text-\[\#F37121\],
#engineering-questions .eng-accordion-item:first-child .eng-idx,
#engineering-questions .eng-idx.active {
  border-color: #F37121 !important;
  color: #F37121 !important;
}

/* Center Content Span */
#engineering-questions .eng-accordion-item button > span.flex-1,
#engineering-questions .elementor-widget-mesn-action button > span.flex-1,
#engineering-questions button.eng-accordion-btn > span.flex-1,
#engineering-questions .eng-accordion-btn > span.flex-1,
#engineering-questions button > span.flex-1,
#engineering-questions span.flex-1,
#engineering-questions .flex-1 {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Question Title */
#engineering-questions .eng-accordion-item button .font-heading,
#engineering-questions .elementor-widget-mesn-action button .font-heading,
#engineering-questions button.eng-accordion-btn .font-heading,
#engineering-questions .eng-accordion-btn .font-heading,
#engineering-questions .eng-accordion-btn span.block.font-heading,
#engineering-questions button .font-heading,
#engineering-questions .elementor-widget-mesn-action .font-heading,
#engineering-questions .font-heading {
  display: block !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.125rem !important; /* text-lg (18px) */
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.01em !important;
  color: #16315C !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

@media (min-width: 768px) {
  #engineering-questions .eng-accordion-item button .font-heading,
  #engineering-questions .elementor-widget-mesn-action button .font-heading,
  #engineering-questions button.eng-accordion-btn .font-heading,
  #engineering-questions .eng-accordion-btn .font-heading,
  #engineering-questions .eng-accordion-btn span.block.font-heading,
  #engineering-questions button .font-heading,
  #engineering-questions .elementor-widget-mesn-action .font-heading,
  #engineering-questions .font-heading {
    font-size: 1.25rem !important; /* md:text-xl (20px) */
  }
}

/* Takeaway Preview (Subtitle on collapsed state) */
#engineering-questions .eng-takeaway-preview {
  display: block !important;
  margin-top: 0.25rem !important; /* mt-1 (4px) */
  font-family: 'Inter', sans-serif !important;
  font-size: 0.875rem !important; /* text-sm (14px) */
  line-height: 1.375 !important; /* leading-snug */
  color: #64748b !important; /* text-slate-500 */
  text-transform: none !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-align: left !important;
}

#engineering-questions .eng-takeaway-preview.hidden {
  display: none !important;
}

/* Chevron Icon */
#engineering-questions .eng-icon,
#engineering-questions svg.eng-icon,
#engineering-questions .eng-accordion-item button svg,
#engineering-questions .elementor-widget-mesn-action button svg,
#engineering-questions button svg {
  margin-top: 0.25rem !important; /* mt-1 (4px) */
  margin-left: auto !important;
  width: 1.25rem !important; /* h-5 w-5 (20px) */
  height: 1.25rem !important;
  min-width: 1.25rem !important;
  min-height: 1.25rem !important;
  max-width: 1.25rem !important;
  max-height: 1.25rem !important;
  flex: 0 0 1.25rem !important;
  flex-shrink: 0 !important;
  color: #94a3b8 !important; /* text-slate-400 */
  stroke: currentColor !important;
  fill: none !important;
  transform-origin: center center !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease !important;
  transform: rotate(0deg) !important;
  display: inline-block !important;
}

#engineering-questions .eng-icon.rotate-180,
#engineering-questions svg.eng-icon.rotate-180,
#engineering-questions .eng-accordion-item button svg.rotate-180,
#engineering-questions .elementor-widget-mesn-action button svg.rotate-180,
#engineering-questions button svg.rotate-180 {
  transform: rotate(180deg) !important;
}

/* Accordion Content Container */
#engineering-questions .eng-content {
  overflow: hidden !important;
  width: 100% !important;
  display: block !important;
}

#engineering-questions .eng-content.hidden {
  display: none !important;
}

/* Inner Content Padding */
#engineering-questions .elementor-element-6f39b6f,
#engineering-questions .elementor-element-52b567d,
#engineering-questions .elementor-element-569f76e,
#engineering-questions .elementor-element-0eb97d3,
#engineering-questions .elementor-element-561020a,
#engineering-questions [data-id="6f39b6f"],
#engineering-questions [data-id="52b567d"],
#engineering-questions [data-id="569f76e"],
#engineering-questions [data-id="0eb97d3"],
#engineering-questions [data-id="561020a"] {
  padding-left: 4.25rem !important; /* pl-[4.25rem] (68px) */
  padding-right: 1.25rem !important; /* px-5 (20px) */
  padding-bottom: 1.5rem !important; /* pb-6 (24px) */
  box-sizing: border-box !important;
  width: 100% !important;
}

@media (min-width: 768px) {
  #engineering-questions .elementor-element-6f39b6f,
  #engineering-questions .elementor-element-52b567d,
  #engineering-questions .elementor-element-569f76e,
  #engineering-questions .elementor-element-0eb97d3,
  #engineering-questions .elementor-element-561020a,
  #engineering-questions [data-id="6f39b6f"],
  #engineering-questions [data-id="52b567d"],
  #engineering-questions [data-id="569f76e"],
  #engineering-questions [data-id="0eb97d3"],
  #engineering-questions [data-id="561020a"] {
    padding-left: 4.75rem !important; /* md:pl-[4.75rem] (76px) */
    padding-right: 1.75rem !important; /* md:px-7 (28px) */
  }
}

/* Highlight Takeaway Paragraph */
#engineering-questions .elementor-element-39d8104,
#engineering-questions .elementor-element-7e34475,
#engineering-questions .elementor-element-4b553d8,
#engineering-questions .elementor-element-151585f,
#engineering-questions .elementor-element-7a10cb0,
#engineering-questions [data-id="39d8104"],
#engineering-questions [data-id="7e34475"],
#engineering-questions [data-id="4b553d8"],
#engineering-questions [data-id="151585f"],
#engineering-questions [data-id="7a10cb0"] {
  width: 100% !important;
  margin: 0 !important;
}

#engineering-questions .elementor-element-39d8104 p,
#engineering-questions .elementor-element-7e34475 p,
#engineering-questions .elementor-element-4b553d8 p,
#engineering-questions .elementor-element-151585f p,
#engineering-questions .elementor-element-7a10cb0 p,
#engineering-questions [data-id="39d8104"] p,
#engineering-questions [data-id="7e34475"] p,
#engineering-questions [data-id="4b553d8"] p,
#engineering-questions [data-id="151585f"] p,
#engineering-questions [data-id="7a10cb0"] p {
  border-left: 2px solid #F37121 !important;
  padding-left: 1rem !important; /* pl-4 (16px) */
  font-family: 'Inter', sans-serif !important;
  font-size: 0.9375rem !important; /* text-[15px] */
  font-weight: 500 !important;
  line-height: 1.625 !important; /* leading-relaxed */
  color: #1e293b !important; /* text-slate-800 */
  margin: 0 !important;
}

/* Body Explanation Paragraph */
#engineering-questions .elementor-element-b0277fc,
#engineering-questions .elementor-element-df809a3,
#engineering-questions .elementor-element-cdb2169,
#engineering-questions .elementor-element-8c0393f,
#engineering-questions .elementor-element-65ab940,
#engineering-questions [data-id="b0277fc"],
#engineering-questions [data-id="df809a3"],
#engineering-questions [data-id="cdb2169"],
#engineering-questions [data-id="8c0393f"],
#engineering-questions [data-id="65ab940"] {
  width: 100% !important;
  margin-top: 0.75rem !important; /* mt-3 (12px) */
}

#engineering-questions .elementor-element-b0277fc p,
#engineering-questions .elementor-element-df809a3 p,
#engineering-questions .elementor-element-cdb2169 p,
#engineering-questions .elementor-element-8c0393f p,
#engineering-questions .elementor-element-65ab940 p,
#engineering-questions [data-id="b0277fc"] p,
#engineering-questions [data-id="df809a3"] p,
#engineering-questions [data-id="cdb2169"] p,
#engineering-questions [data-id="8c0393f"] p,
#engineering-questions [data-id="65ab940"] p {
  font-family: 'Inter', sans-serif !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;
}

@media (min-width: 768px) {
  #engineering-questions .elementor-element-b0277fc p,
  #engineering-questions .elementor-element-df809a3 p,
  #engineering-questions .elementor-element-cdb2169 p,
  #engineering-questions .elementor-element-8c0393f p,
  #engineering-questions .elementor-element-65ab940 p,
  #engineering-questions [data-id="b0277fc"] p,
  #engineering-questions [data-id="df809a3"] p,
  #engineering-questions [data-id="cdb2169"] p,
  #engineering-questions [data-id="8c0393f"] p,
  #engineering-questions [data-id="65ab940"] p {
    font-size: 0.9375rem !important; /* md:text-[15px] */
  }
}

/* Right Sticky Image Card (5 Cols) */
#engineering-questions .elementor-element-654a61c,
#engineering-questions [data-id="654a61c"] {
  display: none !important;
}

@media (min-width: 1024px) {
  #engineering-questions .elementor-element-654a61c,
  #engineering-questions [data-id="654a61c"] {
    display: block !important; /* lg:block */
    grid-column: span 5 / span 5 !important; /* lg:col-span-5 */
    position: sticky !important;
    top: 8rem !important; /* lg:top-32 (128px) */
    width: 100% !important;
  }
}

/* Card Container */
#engineering-questions .elementor-element-b28a994,
#engineering-questions [data-id="b28a994"] {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0.75rem !important; /* rounded-xl (12px) */
  box-shadow: 0 0 0 1px #e2e8f0, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important; /* ring-1 ring-slate-200 shadow-lg */
  width: 100% !important;
  background-color: #000000 !important;
}

/* Card Image */
#engineering-questions .elementor-element-69ab2c4,
#engineering-questions [data-id="69ab2c4"],
#engineering-questions .elementor-element-69ab2c4 .elementor-widget-container,
#engineering-questions .elementor-element-69ab2c4 figure,
#engineering-questions .elementor-element-69ab2c4 .wp-caption {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

#engineering-questions .elementor-element-69ab2c4 img,
#engineering-questions [data-id="69ab2c4"] img {
  aspect-ratio: 4 / 5 !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}

/* Gradient Overlay */
#engineering-questions .elementor-element-865117b,
#engineering-questions [data-id="865117b"] {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%) !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

/* Caption Container */
#engineering-questions .elementor-element-f57c44e,
#engineering-questions [data-id="f57c44e"] {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 1.5rem !important; /* p-6 (24px) */
  pointer-events: none !important;
  z-index: 20 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Caption Title */
#engineering-questions .elementor-element-0577627 p,
#engineering-questions [data-id="0577627"] p {
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.125rem !important; /* text-lg (18px) */
  font-weight: 600 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

/* Caption Description */
#engineering-questions .elementor-element-17c9190 p,
#engineering-questions [data-id="17c9190"] p {
  margin-top: 0.25rem !important; /* mt-1 (4px) */
  font-family: 'Inter', sans-serif !important;
  font-size: 0.875rem !important; /* text-sm (14px) */
  line-height: 1.4 !important;
  color: #cbd5e1 !important; /* text-slate-300 */
  margin-bottom: 0 !important;
}

/* ==========================================================================
   8. MANUFACTURING PROCESSES SECTION (#processes)
   ========================================================================== */

#processes {
  position: relative !important;
  scroll-margin-top: 6rem !important; /* scroll-mt-24 */
  background-color: #0A0E17 !important;
  padding-top: 6rem !important; /* py-24 (96px) */
  padding-bottom: 6rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  #processes {
    padding-top: 8rem !important; /* md:py-32 (128px) */
    padding-bottom: 8rem !important;
  }
}

/* Inner Container */
#processes .elementor-element-076eb05,
#processes [data-id="076eb05"] {
  max-width: 80rem !important; /* max-w-7xl */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important; /* px-6 (24px) */
  padding-right: 1.5rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  #processes .elementor-element-076eb05,
  #processes [data-id="076eb05"] {
    padding-left: 2.5rem !important; /* md:px-10 (40px) */
    padding-right: 2.5rem !important;
  }
}

@media (min-width: 1536px) {
  #processes .elementor-element-076eb05,
  #processes [data-id="076eb05"] {
    max-width: 1600px !important; /* 2xl:max-w-[1600px] */
    padding-left: 4rem !important; /* 2xl:px-16 (64px) */
    padding-right: 4rem !important;
  }
}

@media (min-width: 1920px) {
  #processes .elementor-element-076eb05,
  #processes [data-id="076eb05"] {
    max-width: 1760px !important; /* min-[1920px]:max-w-[1760px] */
  }
}

/* Header Container */
#processes .elementor-element-66bab3a,
#processes [data-id="66bab3a"] {
  text-align: center !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Tag / Eyebrow Row */
#processes .elementor-element-006f904,
#processes [data-id="006f904"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important; /* gap-3 (12px) */
  margin-bottom: 0 !important;
  width: 100% !important;
}

#processes .elementor-element-006f904 .elementor-widget,
#processes .elementor-element-006f904 .elementor-widget-container,
#processes [data-id="006f904"] .elementor-widget,
#processes [data-id="006f904"] .elementor-widget-container {
  background-color: transparent !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Eyebrow Dot Widget & Inner Span */
#processes .elementor-element-0616ea1,
#processes [data-id="0616ea1"] {
  width: 0.375rem !important; /* 6px */
  height: 0.375rem !important;
  flex: 0 0 0.375rem !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#processes .elementor-element-0616ea1 span,
#processes [data-id="0616ea1"] span,
#processes .elementor-element-0616ea1 span.pulse-dot,
#processes [data-id="0616ea1"] span.pulse-dot {
  display: inline-block !important;
  width: 0.375rem !important; /* 6px */
  height: 0.375rem !important;
  border-radius: 9999px !important;
  background-color: #F37121 !important;
  background: #F37121 !important;
  flex-shrink: 0 !important;
  animation: pulseDot 1.6s ease-in-out infinite !important;
}

/* Eyebrow Line Widget & Inner Span */
#processes .elementor-element-798aaa8,
#processes [data-id="798aaa8"] {
  width: 1.5rem !important; /* 24px (w-6) */
  height: 1px !important; /* h-px */
  flex: 0 0 1.5rem !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
}

#processes .elementor-element-798aaa8 span,
#processes [data-id="798aaa8"] span {
  display: block !important;
  width: 1.5rem !important; /* 24px */
  height: 1px !important;
  background-color: #F37121 !important;
  background: #F37121 !important;
  flex-shrink: 0 !important;
}

/* Eyebrow Text Widget & Inner Span */
#processes .elementor-element-410cda4,
#processes [data-id="410cda4"] {
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
}

#processes .elementor-element-410cda4 span,
#processes [data-id="410cda4"] span {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.75rem !important; /* text-xs (12px) */
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.28em !important;
  color: #F37121 !important;
  line-height: 1 !important;
}

/* Main Heading (H2) */
#processes .elementor-element-9886ddb,
#processes [data-id="9886ddb"],
#processes .elementor-element-9886ddb h2,
#processes [data-id="9886ddb"] h2,
#processes .elementor-element-9886ddb .elementor-heading-title,
#processes [data-id="9886ddb"] .elementor-heading-title {
  margin-top: 1.5rem !important; /* mt-6 (24px) */
  font-family: 'Oswald', sans-serif !important;
  font-size: 2.25rem !important; /* text-4xl (36px) */
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important; /* tracking-tight */
  color: #ffffff !important;
  text-align: center !important;
}

@media (min-width: 768px) {
  #processes .elementor-element-9886ddb,
  #processes [data-id="9886ddb"],
  #processes .elementor-element-9886ddb h2,
  #processes [data-id="9886ddb"] h2,
  #processes .elementor-element-9886ddb .elementor-heading-title,
  #processes [data-id="9886ddb"] .elementor-heading-title {
    font-size: 3rem !important; /* md:text-5xl (48px) */
  }
}

/* Badges / Pills Row */
#processes .elementor-element-f8cd667,
#processes [data-id="f8cd667"] {
  margin-top: 2.5rem !important; /* mt-10 (40px) */
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 1rem !important; /* gap-4 (16px) */
  width: 100% !important;
}

#processes .elementor-element-0c4f265 span,
#processes .elementor-element-134c299 span,
#processes .elementor-element-abad6c4 span,
#processes .elementor-element-509006c span,
#processes .elementor-element-e81c9a5 span,
#processes [data-id="0c4f265"] span,
#processes [data-id="134c299"] span,
#processes [data-id="abad6c4"] span,
#processes [data-id="509006c"] span,
#processes [data-id="e81c9a5"] span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  padding: 0.375rem 1rem !important; /* px-4 py-1.5 (6px 16px) */
  font-family: 'Inter', sans-serif !important;
  font-size: 0.875rem !important; /* text-sm (14px) */
  font-weight: 500 !important;
  color: #cbd5e1 !important; /* text-slate-300 */
  line-height: 1.4 !important;
  transition: border-color 0.2s ease, background-color 0.2s ease !important;
}

/* Desktop Accordion Cards Container */
#processes .elementor-element-c5dc663,
#processes [data-id="c5dc663"] {
  margin-top: 4rem !important; /* mt-16 (64px) */
  display: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (min-width: 1024px) {
  #processes .elementor-element-c5dc663,
  #processes [data-id="c5dc663"] {
    display: flex !important;
    gap: 0.75rem !important; /* gap-3 (12px) */
    height: 380px !important; /* lg:h-[380px] */
  }
}

/* Each Desktop Card */
#processes .proc-desktop-card,
#processes .elementor-element-e1663a9,
#processes .elementor-element-87ab330,
#processes .elementor-element-d1c1298,
#processes .elementor-element-798478e,
#processes .elementor-element-b8f9bf8,
#processes [data-id="e1663a9"],
#processes [data-id="87ab330"],
#processes [data-id="d1c1298"],
#processes [data-id="798478e"],
#processes [data-id="b8f9bf8"] {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  flex: 1 1 0% !important;
  cursor: pointer !important;
  overflow: hidden !important;
  border-radius: 0.75rem !important; /* rounded-xl (12px) */
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background-color: #0E121C !important;
  padding: 1.5rem !important; /* p-6 (24px) */
  transition: flex 0.5s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.5s ease, background-color 0.5s ease !important;
  box-sizing: border-box !important;
}

#processes .proc-desktop-card:hover,
#processes .elementor-element-e1663a9:hover,
#processes .elementor-element-87ab330:hover,
#processes .elementor-element-d1c1298:hover,
#processes .elementor-element-798478e:hover,
#processes .elementor-element-b8f9bf8:hover,
#processes [data-id="e1663a9"]:hover,
#processes [data-id="87ab330"]:hover,
#processes [data-id="d1c1298"]:hover,
#processes [data-id="798478e"]:hover,
#processes [data-id="b8f9bf8"]:hover {
  flex: 2.6 1 0% !important; /* hover:flex-[2.6] */
  border-color: rgba(255, 255, 255, 0.25) !important;
}

/* Desktop Card Image */
#processes .proc-desktop-card .elementor-widget-image,
#processes [data-id="e1663a9"] .elementor-widget-image,
#processes [data-id="87ab330"] .elementor-widget-image,
#processes [data-id="d1c1298"] .elementor-widget-image,
#processes [data-id="798478e"] .elementor-widget-image,
#processes [data-id="b8f9bf8"] .elementor-widget-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#processes .proc-desktop-card .elementor-widget-image figure,
#processes .proc-desktop-card .elementor-widget-image .elementor-widget-container,
#processes [data-id="e1663a9"] .elementor-widget-image figure,
#processes [data-id="87ab330"] .elementor-widget-image figure,
#processes [data-id="d1c1298"] .elementor-widget-image figure,
#processes [data-id="798478e"] .elementor-widget-image figure,
#processes [data-id="b8f9bf8"] .elementor-widget-image figure {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#processes .proc-desktop-card img,
#processes [data-id="9e5ba22"] img,
#processes [data-id="efdd2e9"] img,
#processes [data-id="febcb08"] img,
#processes [data-id="d5f1d31"] img,
#processes [data-id="1f2ecac"] img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0.45 !important;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s ease !important;
  pointer-events: none !important;
}

#processes .proc-desktop-card:hover img,
#processes [data-id="e1663a9"]:hover img,
#processes [data-id="87ab330"]:hover img,
#processes [data-id="d1c1298"]:hover img,
#processes [data-id="798478e"]:hover img,
#processes [data-id="b8f9bf8"]:hover img {
  transform: scale(1.05) !important;
  opacity: 0.7 !important;
}

/* Desktop Card Gradient Overlay */
#processes .elementor-element-fa37b8e,
#processes .elementor-element-6aa25dc,
#processes .elementor-element-5831acc,
#processes .elementor-element-3e264f3,
#processes .elementor-element-bd79fe1,
#processes [data-id="fa37b8e"],
#processes [data-id="6aa25dc"],
#processes [data-id="5831acc"],
#processes [data-id="3e264f3"],
#processes [data-id="bd79fe1"] {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.2) 100%) !important;
  pointer-events: none !important;
  transition: opacity 0.5s ease !important;
  z-index: 2 !important;
}

/* Desktop Card Top Orange Accent Highlight Bar */
#processes .elementor-element-9310642,
#processes .elementor-element-41fec37,
#processes .elementor-element-58a6cb2,
#processes .elementor-element-46c461b,
#processes .elementor-element-060d948,
#processes [data-id="9310642"],
#processes [data-id="41fec37"],
#processes [data-id="58a6cb2"],
#processes [data-id="46c461b"],
#processes [data-id="060d948"] {
  pointer-events: none !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  opacity: 0 !important;
  transition: opacity 0.5s ease !important;
  background: linear-gradient(90deg, #F37121 0%, transparent 75%) !important;
  z-index: 5 !important;
}

#processes .proc-desktop-card:hover .elementor-element-9310642,
#processes .proc-desktop-card:hover .elementor-element-41fec37,
#processes .proc-desktop-card:hover .elementor-element-58a6cb2,
#processes .proc-desktop-card:hover .elementor-element-46c461b,
#processes .proc-desktop-card:hover .elementor-element-060d948,
#processes [data-id="e1663a9"]:hover [data-id="9310642"],
#processes [data-id="87ab330"]:hover [data-id="41fec37"],
#processes [data-id="d1c1298"]:hover [data-id="58a6cb2"],
#processes [data-id="798478e"]:hover [data-id="46c461b"],
#processes [data-id="b8f9bf8"]:hover [data-id="060d948"] {
  opacity: 1 !important;
}

/* Desktop Card Number (01, 02, 03, 04, 05) */
#processes .elementor-element-cd244ff,
#processes .elementor-element-303392d,
#processes .elementor-element-48d5f64,
#processes .elementor-element-7ae87f8,
#processes .elementor-element-5080811,
#processes [data-id="cd244ff"],
#processes [data-id="303392d"],
#processes [data-id="48d5f64"],
#processes [data-id="7ae87f8"],
#processes [data-id="5080811"],
#processes .elementor-element-cd244ff span,
#processes .elementor-element-303392d span,
#processes .elementor-element-48d5f64 span,
#processes .elementor-element-7ae87f8 span,
#processes .elementor-element-5080811 span {
  position: absolute !important;
  left: 1.5rem !important; /* left-6 (24px) */
  top: 1.5rem !important; /* top-6 (24px) */
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.5rem !important; /* text-2xl (24px) */
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.4) !important;
  transition: color 0.5s ease !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

#processes .proc-desktop-card:hover .elementor-element-cd244ff,
#processes .proc-desktop-card:hover .elementor-element-303392d,
#processes .proc-desktop-card:hover .elementor-element-48d5f64,
#processes .proc-desktop-card:hover .elementor-element-7ae87f8,
#processes .proc-desktop-card:hover .elementor-element-5080811,
#processes .proc-desktop-card:hover .elementor-element-cd244ff span,
#processes .proc-desktop-card:hover .elementor-element-303392d span,
#processes .proc-desktop-card:hover .elementor-element-48d5f64 span,
#processes .proc-desktop-card:hover .elementor-element-7ae87f8 span,
#processes .proc-desktop-card:hover .elementor-element-5080811 span,
#processes [data-id="e1663a9"]:hover [data-id="cd244ff"],
#processes [data-id="87ab330"]:hover [data-id="303392d"],
#processes [data-id="d1c1298"]:hover [data-id="48d5f64"],
#processes [data-id="798478e"]:hover [data-id="7ae87f8"],
#processes [data-id="b8f9bf8"]:hover [data-id="5080811"],
#processes [data-id="e1663a9"]:hover [data-id="cd244ff"] span,
#processes [data-id="87ab330"]:hover [data-id="303392d"] span,
#processes [data-id="d1c1298"]:hover [data-id="48d5f64"] span,
#processes [data-id="798478e"]:hover [data-id="7ae87f8"] span,
#processes [data-id="b8f9bf8"]:hover [data-id="5080811"] span {
  color: rgba(251, 146, 60, 0.8) !important; /* text-orange-400/80 */
}

/* Desktop Card Text Container */
#processes .elementor-element-0225d6f,
#processes .elementor-element-1724351,
#processes .elementor-element-7cec650,
#processes .elementor-element-460f612,
#processes .elementor-element-ecacf62,
#processes [data-id="0225d6f"],
#processes [data-id="1724351"],
#processes [data-id="7cec650"],
#processes [data-id="460f612"],
#processes [data-id="ecacf62"] {
  position: relative !important;
  width: 100% !important;
  z-index: 5 !important;
}

/* Desktop Card Title (H3) */
#processes .proc-desktop-card h3,
#processes .elementor-element-20bb831 h3,
#processes .elementor-element-5533e62 h3,
#processes .elementor-element-55c2f4e h3,
#processes .elementor-element-5b51484 h3,
#processes .elementor-element-0021318 h3,
#processes [data-id="20bb831"] h3,
#processes [data-id="5533e62"] h3,
#processes [data-id="55c2f4e"] h3,
#processes [data-id="5b51484"] h3,
#processes [data-id="0021318"] h3,
#processes .proc-desktop-card .elementor-heading-title {
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.125rem !important; /* text-lg (18px) */
  line-height: 1.25 !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin: 0 !important;
  transition: font-size 0.3s ease !important;
}

#processes .proc-desktop-card:hover h3,
#processes .proc-desktop-card:hover .elementor-heading-title,
#processes [data-id="e1663a9"]:hover h3,
#processes [data-id="87ab330"]:hover h3,
#processes [data-id="d1c1298"]:hover h3,
#processes [data-id="798478e"]:hover h3,
#processes [data-id="b8f9bf8"]:hover h3 {
  font-size: 1.5rem !important; /* text-2xl (24px) */
}

/* Desktop Expanding Grid Rows */
#processes .proc-desktop-card .grid,
#processes .elementor-element-60427ec,
#processes .elementor-element-3bad9e3,
#processes .elementor-element-6770b80,
#processes .elementor-element-0c5e2db,
#processes .elementor-element-3bf9c38,
#processes [data-id="60427ec"],
#processes [data-id="3bad9e3"],
#processes [data-id="6770b80"],
#processes [data-id="0c5e2db"],
#processes [data-id="3bf9c38"] {
  display: grid !important;
  grid-template-rows: 0fr !important;
  transition: grid-template-rows 0.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
  width: 100% !important;
}

#processes .proc-desktop-card:hover .grid,
#processes .proc-desktop-card:hover .elementor-element-60427ec,
#processes .proc-desktop-card:hover .elementor-element-3bad9e3,
#processes .proc-desktop-card:hover .elementor-element-6770b80,
#processes .proc-desktop-card:hover .elementor-element-0c5e2db,
#processes .proc-desktop-card:hover .elementor-element-3bf9c38,
#processes [data-id="e1663a9"]:hover [data-id="60427ec"],
#processes [data-id="87ab330"]:hover [data-id="3bad9e3"],
#processes [data-id="d1c1298"]:hover [data-id="6770b80"],
#processes [data-id="798478e"]:hover [data-id="0c5e2db"],
#processes [data-id="b8f9bf8"]:hover [data-id="3bf9c38"] {
  grid-template-rows: 1fr !important;
}

#processes .proc-desktop-card .overflow-hidden,
#processes .elementor-element-40eeee1,
#processes .elementor-element-1c5c462,
#processes .elementor-element-6429963,
#processes .elementor-element-042ce0b,
#processes .elementor-element-8890515,
#processes [data-id="40eeee1"],
#processes [data-id="1c5c462"],
#processes [data-id="6429963"],
#processes [data-id="042ce0b"],
#processes [data-id="8890515"] {
  overflow: hidden !important;
  min-height: 0 !important;
}

/* Desktop Card Expanded Paragraph */
#processes .proc-desktop-card .elementor-widget-text-editor p,
#processes .elementor-element-0829634 p,
#processes .elementor-element-9cbd59a p,
#processes .elementor-element-87d1a6d p,
#processes .elementor-element-61a1629 p,
#processes .elementor-element-ce853fa p,
#processes [data-id="0829634"] p,
#processes [data-id="9cbd59a"] p,
#processes [data-id="87d1a6d"] p,
#processes [data-id="61a1629"] p,
#processes [data-id="ce853fa"] p {
  margin-top: 0.75rem !important; /* mt-3 (12px) */
  font-family: 'Inter', sans-serif !important;
  font-size: 0.875rem !important; /* text-sm (14px) */
  line-height: 1.625 !important; /* leading-relaxed */
  color: #cbd5e1 !important; /* text-slate-300 */
  opacity: 0 !important;
  transition: opacity 0.3s ease 0.15s !important;
  margin-bottom: 0 !important;
}

#processes .proc-desktop-card:hover .elementor-widget-text-editor p,
#processes .proc-desktop-card:hover .elementor-element-0829634 p,
#processes .proc-desktop-card:hover .elementor-element-9cbd59a p,
#processes .proc-desktop-card:hover .elementor-element-87d1a6d p,
#processes .proc-desktop-card:hover .elementor-element-61a1629 p,
#processes .proc-desktop-card:hover .elementor-element-ce853fa p,
#processes [data-id="e1663a9"]:hover [data-id="0829634"] p,
#processes [data-id="87ab330"]:hover [data-id="9cbd59a"] p,
#processes [data-id="d1c1298"]:hover [data-id="87d1a6d"] p,
#processes [data-id="798478e"]:hover [data-id="61a1629"] p,
#processes [data-id="b8f9bf8"]:hover [data-id="ce853fa"] p {
  opacity: 1 !important;
}

/* Desktop Card Expanded Footer Tags */
#processes .proc-desktop-card .border-t,
#processes .elementor-element-da6f44c,
#processes .elementor-element-87fb111,
#processes .elementor-element-5a0d7b2,
#processes .elementor-element-df42635,
#processes .elementor-element-2cf13dc,
#processes [data-id="da6f44c"],
#processes [data-id="87fb111"],
#processes [data-id="5a0d7b2"],
#processes [data-id="df42635"],
#processes [data-id="2cf13dc"] {
  margin-top: 1.25rem !important; /* mt-5 (20px) */
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  padding-top: 1rem !important; /* pt-4 (16px) */
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.75rem !important; /* text-xs (12px) */
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important; /* tracking-wide */
  color: #94a3b8 !important; /* text-slate-400 */
  opacity: 0 !important;
  transition: opacity 0.3s ease 0.2s !important;
}

#processes .proc-desktop-card:hover .border-t,
#processes .proc-desktop-card:hover .elementor-element-da6f44c,
#processes .proc-desktop-card:hover .elementor-element-87fb111,
#processes .proc-desktop-card:hover .elementor-element-5a0d7b2,
#processes .proc-desktop-card:hover .elementor-element-df42635,
#processes .proc-desktop-card:hover .elementor-element-2cf13dc,
#processes [data-id="e1663a9"]:hover [data-id="da6f44c"],
#processes [data-id="87ab330"]:hover [data-id="87fb111"],
#processes [data-id="d1c1298"]:hover [data-id="5a0d7b2"],
#processes [data-id="798478e"]:hover [data-id="df42635"],
#processes [data-id="b8f9bf8"]:hover [data-id="2cf13dc"] {
  opacity: 1 !important;
}

/* ==========================================================================
   Mobile & Tablet Cards Grid (lg:hidden)
   ========================================================================== */

#processes .elementor-element-50b5274,
#processes [data-id="50b5274"] {
  margin-top: 4rem !important; /* mt-16 (64px) */
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important; /* gap-4 (16px) */
  width: 100% !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  #processes .elementor-element-50b5274,
  #processes [data-id="50b5274"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* md:grid-cols-2 */
  }
}

@media (min-width: 1024px) {
  #processes .elementor-element-50b5274,
  #processes [data-id="50b5274"] {
    display: none !important; /* lg:hidden */
  }
}

/* Each Mobile Card */
#processes .elementor-element-349c3e6,
#processes .elementor-element-a8f4d0c,
#processes .elementor-element-9f2920a,
#processes .elementor-element-15f9614,
#processes .elementor-element-d2f8909,
#processes [data-id="349c3e6"],
#processes [data-id="a8f4d0c"],
#processes [data-id="9f2920a"],
#processes [data-id="15f9614"],
#processes [data-id="d2f8909"] {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 0.75rem !important; /* rounded-xl (12px) */
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background-color: #0E121C !important;
  transition: border-color 0.2s ease !important;
  box-sizing: border-box !important;
}

#processes .elementor-element-349c3e6:hover,
#processes .elementor-element-a8f4d0c:hover,
#processes .elementor-element-9f2920a:hover,
#processes .elementor-element-15f9614:hover,
#processes .elementor-element-d2f8909:hover,
#processes [data-id="349c3e6"]:hover,
#processes [data-id="a8f4d0c"]:hover,
#processes [data-id="9f2920a"]:hover,
#processes [data-id="15f9614"]:hover,
#processes [data-id="d2f8909"]:hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Mobile Card Image Top Half */
#processes .elementor-element-0bd3a74,
#processes .elementor-element-e986f67,
#processes .elementor-element-f050f7b,
#processes .elementor-element-4366bdd,
#processes .elementor-element-d4ef34e,
#processes [data-id="0bd3a74"],
#processes [data-id="e986f67"],
#processes [data-id="f050f7b"],
#processes [data-id="4366bdd"],
#processes [data-id="d4ef34e"] {
  position: relative !important;
  height: 10rem !important; /* h-40 (160px) */
  width: 100% !important;
  overflow: hidden !important;
}

#processes .elementor-element-0bd3a74 img,
#processes .elementor-element-e986f67 img,
#processes .elementor-element-f050f7b img,
#processes .elementor-element-4366bdd img,
#processes .elementor-element-d4ef34e img,
#processes [data-id="fb8a9ee"] img,
#processes [data-id="afa5f80"] img,
#processes [data-id="5b8447e"] img,
#processes [data-id="ef907e4"] img,
#processes [data-id="be771c5"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Mobile Card Image Gradient */
#processes .elementor-element-e3ac273,
#processes .elementor-element-1ac030c,
#processes .elementor-element-14118fa,
#processes .elementor-element-24e9726,
#processes .elementor-element-53d1796,
#processes [data-id="e3ac273"],
#processes [data-id="1ac030c"],
#processes [data-id="14118fa"],
#processes [data-id="24e9726"],
#processes [data-id="53d1796"] {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, #0E121C 0%, transparent 60%) !important;
  pointer-events: none !important;
}

/* Mobile Card Number (01, 02, 03, 04, 05) */
#processes .elementor-element-b87d588,
#processes .elementor-element-06bb409,
#processes .elementor-element-69c68f5,
#processes .elementor-element-23a9d2d,
#processes .elementor-element-66af725,
#processes [data-id="b87d588"],
#processes [data-id="06bb409"],
#processes [data-id="69c68f5"],
#processes [data-id="23a9d2d"],
#processes [data-id="66af725"] {
  position: absolute !important;
  left: 1.5rem !important; /* left-6 (24px) */
  top: 1rem !important; /* top-4 (16px) */
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.5rem !important; /* text-2xl (24px) */
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.4) !important;
  pointer-events: none !important;
}

/* Mobile Card Content Body */
#processes .elementor-element-2a391d2,
#processes .elementor-element-f0c2e95,
#processes .elementor-element-eb1c665,
#processes .elementor-element-5f78ab9,
#processes .elementor-element-21620d6,
#processes [data-id="2a391d2"],
#processes [data-id="f0c2e95"],
#processes [data-id="eb1c665"],
#processes [data-id="5f78ab9"],
#processes [data-id="21620d6"] {
  display: flex !important;
  flex: 1 1 0% !important;
  flex-direction: column !important;
  padding: 1.5rem !important; /* p-6 (24px) */
  padding-top: 0.75rem !important; /* pt-3 (12px) */
  box-sizing: border-box !important;
}

#processes .elementor-element-303c8fc h3,
#processes .elementor-element-058bc2f h3,
#processes .elementor-element-6a608a2 h3,
#processes .elementor-element-8e9c0e4 h3,
#processes .elementor-element-f7604e4 h3,
#processes [data-id="303c8fc"] h3,
#processes [data-id="058bc2f"] h3,
#processes [data-id="6a608a2"] h3,
#processes [data-id="8e9c0e4"] h3,
#processes [data-id="f7604e4"] h3 {
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.25rem !important; /* text-xl (20px) */
  line-height: 1.3 !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

#processes .elementor-element-2759d60 p,
#processes .elementor-element-6d48398 p,
#processes .elementor-element-cf94bcd p,
#processes .elementor-element-17adc2f p,
#processes .elementor-element-898d2cb p,
#processes [data-id="2759d60"] p,
#processes [data-id="6d48398"] p,
#processes [data-id="cf94bcd"] p,
#processes [data-id="17adc2f"] p,
#processes [data-id="898d2cb"] p {
  margin-top: 0.75rem !important; /* mt-3 (12px) */
  flex: 1 1 0% !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.875rem !important; /* text-sm (14px) */
  line-height: 1.625 !important; /* leading-relaxed */
  color: #94a3b8 !important; /* text-slate-400 */
  margin-bottom: 0 !important;
}

#processes .elementor-element-8d64d54,
#processes .elementor-element-bb86291,
#processes .elementor-element-6081c42,
#processes .elementor-element-93a238b,
#processes .elementor-element-700f9fa,
#processes [data-id="8d64d54"],
#processes [data-id="bb86291"],
#processes [data-id="6081c42"],
#processes [data-id="93a238b"],
#processes [data-id="700f9fa"] {
  margin-top: 1.5rem !important; /* mt-6 (24px) */
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding-top: 1rem !important; /* pt-4 (16px) */
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.75rem !important; /* text-xs (12px) */
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #64748b !important; /* text-slate-500 */
}

/* ==========================================================================
   CONTACT / FINAL CTA SECTION (#contact) - LIQUID COOLING
   ========================================================================== */
#contact {
  position: relative !important;
  overflow: hidden !important;
  background: #04070D !important;
  background-color: #04070D !important;
  width: 100% !important;
  padding-top: 6rem !important; /* py-24 */
  padding-bottom: 6rem !important;
}

@media (min-width: 768px) {
  #contact {
    padding-top: 8rem !important; /* py-32 */
    padding-bottom: 8rem !important;
  }
}

#contact .absolute.inset-0 {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

#contact .opacity-\[0\.15\] {
  opacity: 0.15 !important;
}

#contact [data-id="667f27f"],
#contact .elementor-element-667f27f,
#contact .mes-cta-grid-overlay {
  background-image: linear-gradient(rgba(96, 165, 250, 0.35) 1px, transparent 1px), linear-gradient(90deg, rgba(96, 165, 250, 0.35) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 30%, transparent 75%) !important;
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 30%, transparent 75%) !important;
}

#contact [data-id="d9b5173"] svg,
#contact .elementor-element-d9b5173 svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

#contact [data-id="d9b5173"] .elementor-widget-container,
#contact .elementor-element-d9b5173 .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
}

#contact .cta-scan {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 1px !important;
  background: linear-gradient(to bottom, transparent, rgba(103, 232, 249, 0.6), transparent) !important;
  animation: ctaScan 9s linear infinite !important;
  pointer-events: none !important;
}

#contact [data-id="cbb48ee"],
#contact .elementor-element-cbb48ee {
  max-width: 80rem !important; /* max-w-7xl / 1280px to accommodate all 6 pill badges comfortably in one line */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  text-align: center !important;
}

@media (min-width: 768px) {
  #contact [data-id="cbb48ee"],
  #contact .elementor-element-cbb48ee {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

#contact [data-id="5001387"] h2,
#contact .elementor-element-5001387 h2 {
  font-family: 'Oswald', 'Bebas Neue', sans-serif !important;
  font-size: clamp(2.25rem, 5vw, 3.75rem) !important; /* 4xl -> 6xl */
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  text-align: center !important;
  margin: 0 !important;
}

#contact [data-id="08c10c7"] p,
#contact .elementor-element-08c10c7 p {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.125rem !important; /* text-lg */
  line-height: 1.75 !important;
  color: #dbeafe !important; /* text-blue-100 */
  text-align: center !important;
  max-width: 48rem !important; /* max-w-3xl */
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 1.5rem !important; /* mt-6 */
  margin-bottom: 0 !important;
}

/* Pill Badges Container - Single Line on Desktop */
#contact [data-id="9338a2e"],
#contact .elementor-element-9338a2e {
  margin-top: 2.5rem !important; /* mt-10 */
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  width: 100% !important;
}

@media (min-width: 1024px) {
  #contact [data-id="9338a2e"],
  #contact .elementor-element-9338a2e {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }
}

#contact [data-id="9338a2e"] .elementor-widget,
#contact .elementor-element-9338a2e .elementor-widget {
  flex-shrink: 0 !important;
  width: auto !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  outline: none !important;
}

#contact [data-id="9338a2e"] .elementor-widget-container,
#contact .elementor-element-9338a2e .elementor-widget-container {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  outline: none !important;
  display: flex !important;
}

#contact [data-id="9338a2e"] button,
#contact .elementor-element-9338a2e button {
  white-space: nowrap !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  padding: 0.5rem 1.25rem !important; /* px-5 py-2 */
  font-family: 'Inter', sans-serif !important;
  font-size: 0.875rem !important; /* text-sm (14px) */
  font-weight: 500 !important;
  color: #ffffff !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  transition: background-color 0.15s ease, border-color 0.15s ease !important;
  cursor: pointer !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

#contact [data-id="9338a2e"] button:hover,
#contact .elementor-element-9338a2e button:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}

/* Action Buttons Container - Side by Side */
#contact [data-id="14f8981"],
#contact .elementor-element-14f8981 {
  margin-top: 3rem !important; /* mt-12 */
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1rem !important;
  width: 100% !important;
}

@media (min-width: 640px) {
  #contact [data-id="14f8981"],
  #contact .elementor-element-14f8981 {
    flex-direction: row !important;
  }
}

#contact [data-id="14f8981"] .elementor-widget,
#contact .elementor-element-14f8981 .elementor-widget {
  width: auto !important;
  flex-shrink: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  outline: none !important;
}

#contact [data-id="14f8981"] .elementor-widget-container,
#contact .elementor-element-14f8981 .elementor-widget-container {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  outline: none !important;
  display: flex !important;
}

#contact .mes-cta-primary-btn,
#contact [data-id="cbd9143"] a,
#contact .elementor-element-cbd9143 a,
#contact a.elementor-element-cbd9143,
#contact a.mes-cta-primary-btn {
  display: inline-flex !important;
  height: 3.5rem !important; /* h-14 */
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  border-radius: 9999px !important;
  padding-left: 2rem !important; /* px-8 */
  padding-right: 2rem !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important; /* text-base */
  font-weight: 600 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  background: #F37121 !important;
  box-shadow: 0 0 32px rgba(243, 113, 33, 0.35) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  border: none !important;
  outline: none !important;
}

#contact .mes-cta-primary-btn:hover,
#contact [data-id="cbd9143"] a:hover,
#contact .elementor-element-cbd9143 a:hover,
#contact a.elementor-element-cbd9143:hover,
#contact a.mes-cta-primary-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 40px rgba(243, 113, 33, 0.5) !important;
}

#contact .mes-cta-secondary-btn,
#contact [data-id="dbbf210"] a,
#contact .elementor-element-dbbf210 a,
#contact a.mes-cta-secondary-btn {
  display: inline-flex !important;
  height: 3.5rem !important; /* h-14 */
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  border-radius: 9999px !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  padding-left: 2rem !important; /* px-8 */
  padding-right: 2rem !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 1rem !important; /* text-base */
  font-weight: 600 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
  box-shadow: none !important;
  outline: none !important;
}

#contact .mes-cta-secondary-btn:hover,
#contact [data-id="dbbf210"] a:hover,
#contact .elementor-element-dbbf210 a:hover,
#contact a.mes-cta-secondary-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}