@media (prefers-reduced-motion: reduce) {
  [data-astro-cid-sckkx6r4],
  [data-astro-cid-sckkx6r4]:before,
  [data-astro-cid-sckkx6r4]:after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.logo-scroll[data-astro-cid-2xxwpcru] {
  display: flex;
  overflow-x: auto;
  gap: 0.75rem;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  margin-right: -1rem;
  padding-right: 1rem;
}
.logo-scroll[data-astro-cid-2xxwpcru]::-webkit-scrollbar {
  display: none;
}
.logo-card[data-astro-cid-2xxwpcru] {
  flex: 0 0 64vw;
  scroll-snap-align: start;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem 1rem;
  background: #fff;
  border: 1px solid oklch(0.9553 0.0083 271.3);
  border-radius: 1rem;
}
.dark .logo-card[data-astro-cid-2xxwpcru] {
  background: #252333;
  border-color: #ffffff0f;
}
.pain-scroll-wrap[data-astro-cid-qvha5uy4] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 2rem;
}
@media (max-width: 1023px) {
  .pain-scroll-wrap[data-astro-cid-qvha5uy4] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    padding-bottom: 1rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin-right: -1.5rem;
    padding-right: 1.5rem;
  }
  .pain-scroll-wrap[data-astro-cid-qvha5uy4]::-webkit-scrollbar {
    display: none;
  }
  .pain-card[data-astro-cid-qvha5uy4] {
    flex: 0 0 64vw;
    scroll-snap-align: start;
  }
}
@media (max-width: 639px) {
  .pain-scroll-wrap[data-astro-cid-qvha5uy4] {
    margin-right: -1rem;
    padding-right: 1rem;
  }
}
.anim-item[data-astro-cid-ubllpuo5] {
  opacity: 0;
}
.dark .platform-img[data-astro-cid-ubllpuo5] {
  filter: brightness(0.72);
}
.cert-grid[data-astro-cid-dslujalr] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.cert-card[data-astro-cid-dslujalr] {
  border-radius: 14px;
  background: #f8f9fb;
  border: 1px solid color-mix(in srgb, var(--accent) 30%, #e8eaf0);
  overflow: hidden;
  position: relative;
}
.dark .cert-card[data-astro-cid-dslujalr] {
  background: #ffffff0a;
  border-color: color-mix(in srgb, var(--accent) 35%, transparent);
}
.cert-card--wide[data-astro-cid-dslujalr] {
  grid-column: 1 / -1;
}
.cert-body[data-astro-cid-dslujalr] {
  padding: 18px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cert-body--wide[data-astro-cid-dslujalr] {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
}
.cert-icon-wrap[data-astro-cid-dslujalr] {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cert-icon[data-astro-cid-dslujalr] {
  font-size: 22px;
  color: var(--accent);
}
.cert-text[data-astro-cid-dslujalr] {
  flex: 1;
}
.cert-name[data-astro-cid-dslujalr] {
  font-size: 17px;
  font-weight: 700;
  color: #1a1f2e;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.dark .cert-name[data-astro-cid-dslujalr] {
  color: #ffffffde;
}
.cert-label[data-astro-cid-dslujalr] {
  font-size: 12px;
  color: #6b7280;
  margin-top: 3px;
  line-height: 1.4;
}
.dark .cert-label[data-astro-cid-dslujalr] {
  color: #ffffff6b;
}
.cert-badge[data-astro-cid-dslujalr] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 20%, transparent);
  border-radius: 99px;
  padding: 4px 10px 4px 6px;
  width: fit-content;
}
.cert-check[data-astro-cid-dslujalr] {
  font-size: 14px;
}
@media (max-width: 640px) {
  .cert-body--wide[data-astro-cid-dslujalr] {
    padding: 16px;
  }
}
.t-track[data-astro-cid-zzqkys7x] {
  display: flex;
  overflow-x: auto;
  gap: 1.5rem;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.t-track[data-astro-cid-zzqkys7x]::-webkit-scrollbar {
  display: none;
}
@media (max-width: 639px) {
  .t-card[data-astro-cid-zzqkys7x] {
    flex: 0 0 85vw;
    scroll-snap-align: start;
  }
  .t-track[data-astro-cid-zzqkys7x] {
    margin-right: -1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .t-card[data-astro-cid-zzqkys7x] {
    flex: 0 0 calc(50% - 0.75rem);
    scroll-snap-align: start;
  }
}
@media (min-width: 1024px) {
  .t-card[data-astro-cid-zzqkys7x] {
    flex: 0 0 calc(33.333% - 1rem);
    scroll-snap-align: start;
  }
} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-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: "Inter", system-ui, sans-serif;
    --font-mono:
      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --tracking-heading: -0.02em;
    --radius-pill: 100px;
    --color-mq-orange-400: oklch(75.85% 0.1545 48.3);
    --color-mq-orange: oklch(70.26% 0.1774 48.3);
    --color-mq-orange-600: oklch(63.94% 0.1734 48.3);
    --color-mq-blue-400: oklch(70.27% 0.1551 252.4);
    --color-mq-blue: oklch(63.66% 0.1844 252.4);
    --color-mq-green: oklch(66.07% 0.1591 155.8);
    --color-mq-green-light: oklch(73.67% 0.1735 155.8);
    --color-mq-bg-50: oklch(98.59% 0.004 292);
    --color-mq-bg-100: oklch(94.56% 0.0081 292);
    --color-mq-bg-200: oklch(88.74% 0.0164 292);
    --color-mq-bg-300: oklch(82.96% 0.0208 292);
    --color-mq-bg-400: oklch(74.37% 0.0286 292);
    --color-mq-bg-500: oklch(61.95% 0.0405 292);
    --color-mq-bg-600: oklch(49.37% 0.0477 292);
    --color-mq-bg-700: oklch(41.02% 0.0482 292);
    --color-mq-bg-800: oklch(35.23% 0.0449 292);
    --color-mq-bg-900: oklch(30.98% 0.0375 292);
    --color-dark-base: oklch(23.54% 0.0268 290.7);
    --color-dark-elevated: oklch(26.57% 0.0297 290);
    --color-dark-footer: oklch(19.09% 0.0281 286.7);
    --color-mq-blob-coral: oklch(90.27% 0.0454 24.7);
    --color-mq-blob-coral-dark: oklch(31.9% 0.0533 34.1);
    --color-mq-blob-blue: oklch(90.54% 0.0455 270.4);
    --color-mq-blob-blue-dark: oklch(29.15% 0.0609 267.1);
    --color-mq-blob-warm: oklch(94.06% 0.0533 79);
    --color-mq-blob-warm-dark: oklch(32.65% 0.034 83);
    --shadow-orange-sm: 0 4px 12px oklch(70.26% 0.1774 48.3/0.3);
    --shadow-orange-md: 0 8px 24px oklch(70.26% 0.1774 48.3/0.25);
    --shadow-orange-card: 0 8px 24px oklch(70.26% 0.1774 48.3/0.1);
    --shadow-card: 0 4px 20px oklch(30.98% 0.0375 290.6/0.1);
    --shadow-overlay: 0 8px 32px oklch(0% 0 0/0.12);
    --shadow-form: 0 24px 64px oklch(0% 0 0/0.25);
    --shadow-glow: 0 0 60px oklch(35.23% 0.0449 291/0.12);
    --animate-fade-up-d1: fadeUp 0.5s ease both 0.1s;
    --animate-fade-up-d2: fadeUp 0.6s ease both 0.25s;
    --animate-fade-up-d3: fadeUp 0.6s ease both 0.4s;
    --animate-fade-up-d4: fadeUp 0.6s ease both 0.55s;
    --animate-fade-in: fadeInAnim 0.8s ease both 0.6s;
    --animate-drift: drift 8s ease-in-out infinite;
    --animate-drift-d4: drift 8s ease-in-out infinite -4s;
    --animate-drift-d8: drift 8s ease-in-out infinite -8s;
    --animate-pulse-dot: pulseOpacity 2s infinite;
    --animate-float-in: floatIn 0.5s ease-out forwards;
  }
}
@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: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    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;
  }
  *,
  :before,
  :after {
    box-sizing: border-box;
    border-color: var(--color-mq-bg-200);
    margin: 0;
    padding: 0;
  }
  html {
    -webkit-font-smoothing: antialiased;
  }
}
@layer components {
  .btn-primary {
    cursor: pointer;
    --tw-border-style: none;
    background-color: var(--color-mq-orange);
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    border-style: none;
    border-radius: 3.40282e38px;
    transition-duration: 0.2s;
  }
  .btn-primary:hover {
    background-color: var(--color-mq-orange-600);
  }
  .btn-ghost {
    cursor: pointer;
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: var(--color-mq-bg-300);
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-mq-bg-700);
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    background-color: #0000;
    border-radius: 3.40282e38px;
    transition-duration: 0.2s;
  }
  .btn-ghost:hover {
    --tw-translate-y: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-color: var(--color-mq-bg-400);
    --tw-shadow: 0 4px 20px
      var(--tw-shadow-color, oklch(30.98% 0.0375 290.6/0.1));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .btn-icon {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    cursor: pointer;
    --tw-border-style: none;
    color: var(--color-mq-bg-600);
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    background-color: #0000;
    border-style: none;
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    transition-duration: 0.2s;
    display: flex;
  }
  .btn-icon:hover {
    color: var(--color-mq-bg-800);
    background-color: #0000000d;
  }
  .mq-input {
    height: calc(var(--spacing) * 11);
    appearance: none;
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: var(--color-mq-bg-200);
    background-color: var(--color-mq-bg-50);
    padding-inline: calc(var(--spacing) * 3.5);
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-mq-bg-800);
    transition-property: border-color, box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    --tw-outline-style: none;
    border-radius: 10px;
    outline-style: none;
    transition-duration: 0.2s;
  }
  .mq-input::placeholder {
    color: var(--color-mq-bg-400);
  }
  .mq-input:focus {
    border-color: var(--color-mq-orange);
    background-color: var(--color-white);
    box-shadow: 0 0 0 3px #f476231f;
  }
  .oc-card-label {
    margin-bottom: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-bold);
    font-size: 10px;
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.5px;
    letter-spacing: 0.5px;
    color: var(--color-mq-bg-400);
    text-transform: uppercase;
  }
  .form-label {
    --tw-font-weight: var(--font-weight-semibold);
    font-size: 13px;
    font-weight: var(--font-weight-semibold);
    color: var(--color-mq-bg-800);
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .-top-\[10\%\] {
    top: -10%;
  }
  .-top-\[20\%\] {
    top: -20%;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-\[38\%\] {
    top: 38%;
  }
  .-right-\[5\%\] {
    right: -5%;
  }
  .-right-\[10\%\] {
    right: -10%;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-\[-7\.5\%\] {
    right: -7.5%;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-\[-4\%\] {
    bottom: -4%;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-\[-5\%\] {
    left: -5%;
  }
  .left-\[16\%\] {
    left: 16%;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[1000\] {
    z-index: 1000;
  }
  .z-\[1050\] {
    z-index: 1050;
  }
  .z-\[1100\] {
    z-index: 1100;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .row-start-1 {
    grid-row-start: 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;
    }
  }
  .mx-10 {
    margin-inline: calc(var(--spacing) * 10);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.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-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-auto {
    margin-left: auto;
  }
  .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;
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .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-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[600px\] {
    height: 600px;
  }
  .h-\[700px\] {
    height: 700px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .min-h-\[36px\] {
    min-height: 36px;
  }
  .min-h-\[42px\] {
    min-height: 42px;
  }
  .min-h-\[52px\] {
    min-height: 52px;
  }
  .min-h-\[56px\] {
    min-height: 56px;
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-\[25\%\] {
    width: 25%;
  }
  .w-\[600px\] {
    width: 600px;
  }
  .w-\[700px\] {
    width: 700px;
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[60\%\] {
    max-width: 60%;
  }
  .max-w-\[320px\] {
    max-width: 320px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[720px\] {
    max-width: 720px;
  }
  .max-w-\[761px\] {
    max-width: 761px;
  }
  .max-w-\[1100px\] {
    max-width: 1100px;
  }
  .max-w-\[1200px\] {
    max-width: 1200px;
  }
  .max-w-\[1280px\] {
    max-width: 1280px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    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);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-drift {
    animation: var(--animate-drift);
  }
  .animate-drift-d4 {
    animation: var(--animate-drift-d4);
  }
  .animate-drift-d8 {
    animation: var(--animate-drift-d8);
  }
  .animate-fade-in {
    animation: var(--animate-fade-in);
  }
  .animate-fade-up-d1 {
    animation: var(--animate-fade-up-d1);
  }
  .animate-fade-up-d2 {
    animation: var(--animate-fade-up-d2);
  }
  .animate-fade-up-d3 {
    animation: var(--animate-fade-up-d3);
  }
  .animate-fade-up-d4 {
    animation: var(--animate-fade-up-d4);
  }
  .animate-float-in {
    animation: var(--animate-float-in);
  }
  .animate-pulse-dot {
    animation: var(--animate-pulse-dot);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-\[2fr_1fr_1fr_1fr\] {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .gap-20 {
    gap: calc(var(--spacing) * 20);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-full {
    border-radius: 3.40282e38px;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-\[16px\] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .rounded-tl-\[16px\] {
    border-top-left-radius: 16px;
  }
  .rounded-tr-\[16px\] {
    border-top-right-radius: 16px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-black\/5 {
    border-color: #0000000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/5 {
      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .border-black\/8 {
    border-color: #00000014;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/8 {
      border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-mq-bg-100 {
    border-color: var(--color-mq-bg-100);
  }
  .border-mq-orange {
    border-color: var(--color-mq-orange);
  }
  .border-mq-orange\/30 {
    border-color: #f476234d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-mq-orange\/30 {
      border-color: color-mix(
        in oklab,
        var(--color-mq-orange) 30%,
        transparent
      );
    }
  }
  .border-transparent {
    border-color: #0000;
  }
  .border-white\/4 {
    border-color: #ffffff0a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/4 {
      border-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }
  .border-white\/6 {
    border-color: #ffffff0f;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/6 {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .border-white\/7 {
    border-color: #ffffff12;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/7 {
      border-color: color-mix(in oklab, var(--color-white) 7%, transparent);
    }
  }
  .border-white\/8 {
    border-color: #ffffff14;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/8 {
      border-color: color-mix(in oklab, var(--color-white) 8%, 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\/12 {
    border-color: #ffffff1f;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/12 {
      border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  .border-white\/14 {
    border-color: #ffffff24;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/14 {
      border-color: color-mix(in oklab, var(--color-white) 14%, 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\/18 {
    border-color: #ffffff2e;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/18 {
      border-color: color-mix(in oklab, var(--color-white) 18%, 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\/35 {
    border-color: #ffffff59;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/35 {
      border-color: color-mix(in oklab, var(--color-white) 35%, 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\/50 {
    border-color: #ffffff80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/50 {
      border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .border-white\/55 {
    border-color: #ffffff8c;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/55 {
      border-color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
  .border-white\/65 {
    border-color: #ffffffa6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/65 {
      border-color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }
  .border-white\/75 {
    border-color: #ffffffbf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/75 {
      border-color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .border-white\/80 {
    border-color: #fffc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/80 {
      border-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .border-white\/87 {
    border-color: #ffffffde;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/87 {
      border-color: color-mix(in oklab, var(--color-white) 87%, transparent);
    }
  }
  .bg-\[\#0ea5a0\] {
    background-color: #0ea5a0;
  }
  .bg-\[\#e05a7a\] {
    background-color: #e05a7a;
  }
  .bg-black\/5 {
    background-color: #0000000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/5 {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .bg-black\/8 {
    background-color: #00000014;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/8 {
      background-color: color-mix(in oklab, var(--color-black) 8%, 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-mq-bg-50 {
    background-color: var(--color-mq-bg-50);
  }
  .bg-mq-bg-100 {
    background-color: var(--color-mq-bg-100);
  }
  .bg-mq-bg-600 {
    background-color: var(--color-mq-bg-600);
  }
  .bg-mq-bg-900 {
    background-color: var(--color-mq-bg-900);
  }
  .bg-mq-blob-blue {
    background-color: var(--color-mq-blob-blue);
  }
  .bg-mq-blob-coral {
    background-color: var(--color-mq-blob-coral);
  }
  .bg-mq-blob-warm {
    background-color: var(--color-mq-blob-warm);
  }
  .bg-mq-blue {
    background-color: var(--color-mq-blue);
  }
  .bg-mq-green {
    background-color: var(--color-mq-green);
  }
  .bg-mq-green-light {
    background-color: var(--color-mq-green-light);
  }
  .bg-mq-orange {
    background-color: var(--color-mq-orange);
  }
  .bg-mq-orange-400 {
    background-color: var(--color-mq-orange-400);
  }
  .bg-mq-orange\/10 {
    background-color: #f476231a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-mq-orange\/10 {
      background-color: color-mix(
        in oklab,
        var(--color-mq-orange) 10%,
        transparent
      );
    }
  }
  .bg-mq-orange\/15 {
    background-color: #f4762326;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-mq-orange\/15 {
      background-color: color-mix(
        in oklab,
        var(--color-mq-orange) 15%,
        transparent
      );
    }
  }
  .bg-mq-orange\/18 {
    background-color: #f476232e;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-mq-orange\/18 {
      background-color: color-mix(
        in oklab,
        var(--color-mq-orange) 18%,
        transparent
      );
    }
  }
  .bg-mq-orange\/20 {
    background-color: #f4762333;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-mq-orange\/20 {
      background-color: color-mix(
        in oklab,
        var(--color-mq-orange) 20%,
        transparent
      );
    }
  }
  .bg-mq-orange\/25 {
    background-color: #f4762340;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-mq-orange\/25 {
      background-color: color-mix(
        in oklab,
        var(--color-mq-orange) 25%,
        transparent
      );
    }
  }
  .bg-transparent {
    background-color: #0000;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/4 {
    background-color: #ffffff0a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/4 {
      background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }
  .bg-white\/6 {
    background-color: #ffffff0f;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/6 {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .bg-white\/7 {
    background-color: #ffffff12;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/7 {
      background-color: color-mix(in oklab, var(--color-white) 7%, transparent);
    }
  }
  .bg-white\/8 {
    background-color: #ffffff14;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/8 {
      background-color: color-mix(in oklab, var(--color-white) 8%, 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\/12 {
    background-color: #ffffff1f;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/12 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 12%,
        transparent
      );
    }
  }
  .bg-white\/14 {
    background-color: #ffffff24;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/14 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 14%,
        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\/18 {
    background-color: #ffffff2e;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/18 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 18%,
        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\/30 {
    background-color: #ffffff4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/30 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 30%,
        transparent
      );
    }
  }
  .bg-white\/35 {
    background-color: #ffffff59;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/35 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 35%,
        transparent
      );
    }
  }
  .bg-white\/40 {
    background-color: #fff6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/40 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 40%,
        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\/55 {
    background-color: #ffffff8c;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/55 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 55%,
        transparent
      );
    }
  }
  .bg-white\/65 {
    background-color: #ffffffa6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/65 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 65%,
        transparent
      );
    }
  }
  .bg-white\/75 {
    background-color: #ffffffbf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/75 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 75%,
        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\/87 {
    background-color: #ffffffde;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/87 {
      background-color: color-mix(
        in oklab,
        var(--color-white) 87%,
        transparent
      );
    }
  }
  .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));
  }
  .from-\[\#c2410c\] {
    --tw-gradient-from: #c2410c;
    --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\/15 {
    --tw-gradient-from: #00000026;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .from-black\/15 {
      --tw-gradient-from: color-mix(
        in oklab,
        var(--color-black) 15%,
        transparent
      );
    }
  }
  .from-black\/15 {
    --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-\[\#6d28d9\] {
    --tw-gradient-via: #6d28d9;
    --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-\[\#1a56db\] {
    --tw-gradient-to: #1a56db;
    --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-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }
  .object-contain {
    object-fit: contain;
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-9 {
    padding: calc(var(--spacing) * 9);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .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-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.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-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pt-\[60px\] {
    padding-top: 60px;
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-\[60px\] {
    padding-bottom: 60px;
  }
  .text-center {
    text-align: center;
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[40px\] {
    font-size: 40px;
  }
  .text-\[52px\] {
    font-size: 52px;
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  .leading-\[1\.8\] {
    --tw-leading: 1.8;
    line-height: 1.8;
  }
  .leading-\[1\.12\] {
    --tw-leading: 1.12;
    line-height: 1.12;
  }
  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.03em\] {
    --tw-tracking: -0.03em;
    letter-spacing: -0.03em;
  }
  .tracking-\[0\.5px\] {
    --tw-tracking: 0.5px;
    letter-spacing: 0.5px;
  }
  .tracking-\[1px\] {
    --tw-tracking: 1px;
    letter-spacing: 1px;
  }
  .tracking-heading {
    --tw-tracking: var(--tracking-heading);
    letter-spacing: var(--tracking-heading);
  }
  .text-black\/5 {
    color: #0000000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/5 {
      color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  .text-black\/8 {
    color: #00000014;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-black\/8 {
      color: color-mix(in oklab, var(--color-black) 8%, transparent);
    }
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-mq-bg-400 {
    color: var(--color-mq-bg-400);
  }
  .text-mq-bg-500 {
    color: var(--color-mq-bg-500);
  }
  .text-mq-bg-600 {
    color: var(--color-mq-bg-600);
  }
  .text-mq-bg-800 {
    color: var(--color-mq-bg-800);
  }
  .text-mq-blue {
    color: var(--color-mq-blue);
  }
  .text-mq-blue-400 {
    color: var(--color-mq-blue-400);
  }
  .text-mq-green {
    color: var(--color-mq-green);
  }
  .text-mq-orange {
    color: var(--color-mq-orange);
  }
  .text-mq-orange-400 {
    color: var(--color-mq-orange-400);
  }
  .text-mq-orange-600 {
    color: var(--color-mq-orange-600);
  }
  .text-transparent {
    color: #0000;
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/4 {
    color: #ffffff0a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/4 {
      color: color-mix(in oklab, var(--color-white) 4%, transparent);
    }
  }
  .text-white\/6 {
    color: #ffffff0f;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/6 {
      color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .text-white\/7 {
    color: #ffffff12;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/7 {
      color: color-mix(in oklab, var(--color-white) 7%, transparent);
    }
  }
  .text-white\/8 {
    color: #ffffff14;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/8 {
      color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .text-white\/10 {
    color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/10 {
      color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .text-white\/12 {
    color: #ffffff1f;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/12 {
      color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  .text-white\/14 {
    color: #ffffff24;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/14 {
      color: color-mix(in oklab, var(--color-white) 14%, transparent);
    }
  }
  .text-white\/15 {
    color: #ffffff26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/15 {
      color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .text-white\/18 {
    color: #ffffff2e;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/18 {
      color: color-mix(in oklab, var(--color-white) 18%, transparent);
    }
  }
  .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\/25 {
    color: #ffffff40;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/25 {
      color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .text-white\/30 {
    color: #ffffff4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/30 {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .text-white\/35 {
    color: #ffffff59;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/35 {
      color: color-mix(in oklab, var(--color-white) 35%, 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\/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\/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\/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\/87 {
    color: #ffffffde;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-white\/87 {
      color: color-mix(in oklab, var(--color-white) 87%, transparent);
    }
  }
  .uppercase {
    text-transform: uppercase;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-\[3px\] {
    text-underline-offset: 3px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-45 {
    opacity: 0.45;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-100 {
    opacity: 1;
  }
  .shadow {
    --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-\[0_8px_32px_rgba\(0\,0\,0\,0\.4\)\] {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, #0006);
    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_32px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, #00000073);
    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_32px_rgba\(48\,45\,66\,0\.12\)\,0_2px_8px_rgba\(48\,45\,66\,0\.06\)\] {
    --tw-shadow:
      0 8px 32px var(--tw-shadow-color, #302d421f),
      0 2px 8px var(--tw-shadow-color, #302d420f);
    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_12px_40px_rgba\(0\,0\,0\,0\.5\)\,0_2px_8px_rgba\(0\,0\,0\,0\.3\)\] {
    --tw-shadow:
      0 12px 40px var(--tw-shadow-color, #00000080),
      0 2px 8px var(--tw-shadow-color, #0000004d);
    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_12px_40px_rgba\(48\,45\,66\,0\.2\)\,0_2px_8px_rgba\(48\,45\,66\,0\.1\)\] {
    --tw-shadow:
      0 12px 40px var(--tw-shadow-color, #302d4233),
      0 2px 8px var(--tw-shadow-color, #302d421a);
    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_60px_rgba\(48\,45\,66\,0\.13\)\,0_4px_16px_rgba\(48\,45\,66\,0\.08\)\] {
    --tw-shadow:
      0 20px 60px var(--tw-shadow-color, #302d4221),
      0 4px 16px var(--tw-shadow-color, #302d4214);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-card {
    --tw-shadow: 0 4px 20px
      var(--tw-shadow-color, oklch(30.98% 0.0375 290.6/0.1));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-form {
    --tw-shadow: 0 24px 64px var(--tw-shadow-color, oklch(0% 0 0/0.25));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-orange-card {
    --tw-shadow: 0 8px 24px
      var(--tw-shadow-color, oklch(70.26% 0.1774 48.3/0.1));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-orange-md {
    --tw-shadow: 0 8px 24px
      var(--tw-shadow-color, oklch(70.26% 0.1774 48.3/0.25));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-orange-sm {
    --tw-shadow: 0 4px 12px
      var(--tw-shadow-color, oklch(70.26% 0.1774 48.3/0.3));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-overlay {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, oklch(0% 0 0/0.12));
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .\[box-shadow\:0_-14px_30px_rgba\(0\,0\,0\,0\.3\)\,_-10px_0_24px_rgba\(0\,0\,0\,0\.15\)\,_10px_0_24px_rgba\(0\,0\,0\,0\.15\)\] {
    box-shadow:
      0 -14px 30px #0000004d,
      -10px 0 24px #00000026,
      10px 0 24px #00000026;
  }
  .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-\[90px\] {
    --tw-blur: blur(90px);
    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-filter {
    -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-\[background\,border-color\,box-shadow\] {
    transition-property: background, border-color, box-shadow;
    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-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: 0.15s;
    transition-duration: 0.15s;
  }
  .duration-200 {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  .duration-300 {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .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);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[clip-path\:inset\(-40px_-40px_0_-40px\)\] {
    clip-path: inset(-40px -40px 0);
  }
  .placeholder\:text-mq-bg-400::placeholder {
    color: var(--color-mq-bg-400);
  }
  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:-translate-y-px:hover {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:border-mq-orange:hover {
      border-color: var(--color-mq-orange);
    }
    .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\:bg-black\/5:hover {
      background-color: #0000000d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/5:hover {
        background-color: color-mix(
          in oklab,
          var(--color-black) 5%,
          transparent
        );
      }
    }
    .hover\:bg-black\/\[0\.03\]:hover {
      background-color: #00000008;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-black\/\[0\.03\]:hover {
        background-color: color-mix(
          in oklab,
          var(--color-black) 3%,
          transparent
        );
      }
    }
    .hover\:text-mq-bg-800:hover {
      color: var(--color-mq-bg-800);
    }
    .hover\:text-mq-orange:hover {
      color: var(--color-mq-orange);
    }
    .hover\:text-white:hover {
      color: var(--color-white);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:decoration-white\/40:hover {
      text-decoration-color: #fff6;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:decoration-white\/40:hover {
        -webkit-text-decoration-color: color-mix(
          in oklab,
          var(--color-white) 40%,
          transparent
        );
        text-decoration-color: color-mix(
          in oklab,
          var(--color-white) 40%,
          transparent
        );
      }
    }
    .hover\:shadow-orange-card:hover {
      --tw-shadow: 0 8px 24px
        var(--tw-shadow-color, oklch(70.26% 0.1774 48.3/0.1));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-orange-md:hover {
      --tw-shadow: 0 8px 24px
        var(--tw-shadow-color, oklch(70.26% 0.1774 48.3/0.25));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-orange-sm:hover {
      --tw-shadow: 0 4px 12px
        var(--tw-shadow-color, oklch(70.26% 0.1774 48.3/0.3));
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  @media not all and (min-width: 480px) {
    .max-\[480px\]\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }
  @media not all and (min-width: 64rem) {
    .max-lg\:hidden {
      display: none;
    }
    .max-lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-lg\:justify-start {
      justify-content: flex-start;
    }
    .max-lg\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .max-lg\:gap-12 {
      gap: calc(var(--spacing) * 12);
    }
    .max-lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .max-lg\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10);
    }
    .max-lg\:text-\[32px\] {
      font-size: 32px;
    }
  }
  @media not all and (min-width: 40rem) {
    .max-sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .max-sm\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
    .max-sm\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
    .max-sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
    .max-sm\:flex {
      display: flex;
    }
    .max-sm\:hidden {
      display: none;
    }
    .max-sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .max-sm\:flex-col {
      flex-direction: column;
    }
    .max-sm\:items-center {
      align-items: center;
    }
    .max-sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
    .max-sm\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .max-sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .max-sm\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
    .max-sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .max-sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .max-sm\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
    .max-sm\:pt-10 {
      padding-top: calc(var(--spacing) * 10);
    }
    .max-sm\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
    .max-sm\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8);
    }
    .max-sm\:text-center {
      text-align: center;
    }
    .max-sm\:text-\[13px\] {
      font-size: 13px;
    }
    .max-sm\:text-\[15px\] {
      font-size: 15px;
    }
    .max-sm\:text-\[28px\] {
      font-size: 28px;
    }
    .max-sm\:text-\[32px\] {
      font-size: 32px;
    }
  }
  @media (min-width: 40rem) {
    .sm\:block {
      display: block;
    }
    .sm\:hidden {
      display: none;
    }
  }
  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:text-\[52px\] {
      font-size: 52px;
    }
  }
  .dark\:block:where(.dark, .dark *) {
    display: block;
  }
  .dark\:hidden:where(.dark, .dark *) {
    display: none;
  }
  .dark\:border:where(.dark, .dark *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .dark\:border-white\/6:where(.dark, .dark *) {
    border-color: #ffffff0f;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/6:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .dark\:border-white\/7:where(.dark, .dark *) {
    border-color: #ffffff12;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/7:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-white) 7%, transparent);
    }
  }
  .dark\:border-white\/8:where(.dark, .dark *) {
    border-color: #ffffff14;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/8:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .dark\:border-white\/10:where(.dark, .dark *) {
    border-color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-white\/10:where(.dark, .dark *) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .dark\:bg-\[\#1F1F1F\]:where(.dark, .dark *) {
    background-color: #1f1f1f;
  }
  .dark\:bg-dark-base:where(.dark, .dark *) {
    background-color: var(--color-dark-base);
  }
  .dark\:bg-dark-elevated:where(.dark, .dark *) {
    background-color: var(--color-dark-elevated);
  }
  .dark\:bg-dark-footer:where(.dark, .dark *) {
    background-color: var(--color-dark-footer);
  }
  .dark\:bg-mq-blob-blue-dark:where(.dark, .dark *) {
    background-color: var(--color-mq-blob-blue-dark);
  }
  .dark\:bg-mq-blob-coral-dark:where(.dark, .dark *) {
    background-color: var(--color-mq-blob-coral-dark);
  }
  .dark\:bg-mq-blob-warm-dark:where(.dark, .dark *) {
    background-color: var(--color-mq-blob-warm-dark);
  }
  .dark\:text-mq-bg-300:where(.dark, .dark *) {
    color: var(--color-mq-bg-300);
  }
  .dark\:text-white\/30:where(.dark, .dark *) {
    color: #ffffff4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/30:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .dark\:text-white\/35:where(.dark, .dark *) {
    color: #ffffff59;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/35:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-white) 35%, transparent);
    }
  }
  .dark\:text-white\/40:where(.dark, .dark *) {
    color: #fff6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/40:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .dark\:text-white\/50:where(.dark, .dark *) {
    color: #ffffff80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/50:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  .dark\:text-white\/55:where(.dark, .dark *) {
    color: #ffffff8c;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/55:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
  .dark\:text-white\/65:where(.dark, .dark *) {
    color: #ffffffa6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/65:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }
  .dark\:text-white\/80:where(.dark, .dark *) {
    color: #fffc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/80:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .dark\:text-white\/87:where(.dark, .dark *) {
    color: #ffffffde;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/87:where(.dark, .dark *) {
      color: color-mix(in oklab, var(--color-white) 87%, transparent);
    }
  }
  .dark\:shadow-\[0_8px_32px_rgba\(0\,0\,0\,0\.4\)\]:where(.dark, .dark *) {
    --tw-shadow: 0 8px 32px var(--tw-shadow-color, #0006);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.5\)\,0_4px_16px_rgba\(0\,0\,0\,0\.3\)\]:where(
      .dark,
      .dark *
    ) {
    --tw-shadow:
      0 20px 60px var(--tw-shadow-color, #00000080),
      0 4px 16px var(--tw-shadow-color, #0000004d);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:shadow-none:where(.dark, .dark *) {
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .dark\:placeholder\:text-white\/30:where(.dark, .dark *)::placeholder {
    color: #ffffff4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:placeholder\:text-white\/30:where(.dark, .dark *)::placeholder {
      color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:border-mq-orange:where(.dark, .dark *):hover {
      border-color: var(--color-mq-orange);
    }
    .dark\:hover\:bg-white\/5:where(.dark, .dark *):hover {
      background-color: #ffffff0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-white\/5:where(.dark, .dark *):hover {
        background-color: color-mix(
          in oklab,
          var(--color-white) 5%,
          transparent
        );
      }
    }
    .dark\:hover\:bg-white\/10:where(.dark, .dark *):hover {
      background-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-white\/10:where(.dark, .dark *):hover {
        background-color: color-mix(
          in oklab,
          var(--color-white) 10%,
          transparent
        );
      }
    }
    .dark\:hover\:text-white:where(.dark, .dark *):hover {
      color: var(--color-white);
    }
    .dark\:hover\:shadow-\[0_8px_24px_rgba\(244\,118\,35\,0\.18\)\]:where(
        .dark,
        .dark *
      ):hover {
      --tw-shadow: 0 8px 24px var(--tw-shadow-color, #f476232e);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInAnim {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes drift {
  0%,
  to {
    transform: translate(0);
  }
  50% {
    transform: translate(30px, 20px);
  }
}
@keyframes pulseOpacity {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes floatIn {
  0% {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.dark body,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark [class~="text-mq-bg-800"] {
  color: #ffffffde;
}
.dark [class~="text-mq-bg-800"][class~="dark:text-white/65"] {
  color: #ffffffa6;
}
.dark [class~="border-mq-bg-100"],
.dark [class~="border-mq-bg-200"],
.dark [class~="border-mq-bg-300"],
.dark [class~="dark:border"] {
  border-color: #ffffff0f;
}
.dark [class~="border-gray-200"],
.dark input,
.dark select {
  border-color: #ffffff14;
}
footer[class~="bg-mq-bg-900"],
footer[class~="bg-mq-bg-900"] [class~="border-t"] {
  border-top-color: #ffffff0f;
}
.dark .btn-primary,
.dark .bg-mq-orange {
  color: #140602e0;
  background-color: #c05510;
}
.dark .btn-primary:hover,
.dark .bg-mq-orange:hover {
  background-color: #a84a0d;
}
.dark .btn-ghost {
  color: #fffc;
  border-color: #ffffff40;
}
.dark .btn-ghost:hover {
  background-color: #ffffff0f;
  border-color: #ffffff80;
}
.dark .btn-icon {
  color: #ffffffa6;
}
.dark .btn-icon:hover {
  color: #fff;
  background-color: #ffffff1a;
}
.dark .mq-input {
  color: #ffffffde;
  background-color: #1e1c2a;
  border-color: #ffffff0f;
}
.dark .mq-input::placeholder {
  color: #ffffff4d;
}
.dark .mq-input:focus {
  background-color: #1e1c2a;
}
.dark .oc-card-label {
  color: #c7c5d4;
}
.dark .form-label {
  color: #ffffffa6;
}
.blob-1 {
  width: 760px;
  height: 760px;
  animation-delay: 0s;
  top: -10%;
  right: 10%;
}
.blob-2 {
  width: 650px;
  height: 650px;
  animation-delay: -4s;
  bottom: 5%;
  left: 5%;
}
.blob-3 {
  width: 540px;
  height: 540px;
  animation-delay: -8s;
  top: 30%;
  left: 35%;
}
.header-scrolled-light {
  -webkit-backdrop-filter: blur(20px) saturate(1.6);
  backdrop-filter: blur(20px) saturate(1.6);
  background: #ffffffd1;
  border-bottom-color: #00000014;
  box-shadow: 0 1px 12px #00000014;
}
.header-scrolled-dark {
  -webkit-backdrop-filter: blur(20px) saturate(1.6);
  backdrop-filter: blur(20px) saturate(1.6);
  background: #1e1c2ad1;
  border-bottom-color: #ffffff14;
  box-shadow: 0 1px 8px #0000004d;
}
.testimonial-track {
  gap: 24px;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
}
.testimonial-card {
  flex: 0 0 calc(33.333% - 16px);
  min-width: 0;
}
@media (max-width: 1024px) {
  .testimonial-card {
    flex: 0 0 calc(50% - 12px);
  }
}
@media (max-width: 640px) {
  .testimonial-card {
    flex: 0 0 100%;
  }
}
.t-dot-inactive {
  background: #dedbe8;
}
.dark .t-dot-inactive {
  background: #ffffff38;
}
.cf-oc-languages {
  min-width: 192px;
  top: -16px;
  left: 32px;
}
.cf-oc-progress {
  width: 220px;
  bottom: -20px;
  left: 48px;
}
.cf-oc-tm {
  top: 20px;
  right: 40px;
}
.cf-oc-ai {
  top: 50%;
  right: -16px;
  transform: translateY(-50%);
}
.cf-oc-ai:hover {
  transform: translateY(calc(-50% - 4px));
}
.cf-oc-security {
  bottom: -20px;
  right: 48px;
}
@media (max-width: 1024px) {
  .cf-oc-languages {
    top: -12px;
    left: 16px;
  }
  .cf-oc-progress {
    width: 200px;
    bottom: -16px;
    left: 20px;
  }
  .cf-oc-tm {
    top: 16px;
    right: 20px;
  }
  .cf-oc-ai {
    right: -8px;
  }
  .cf-oc-security {
    bottom: -16px;
    right: 20px;
  }
}
@media (max-width: 640px) {
  .cf-overlay-cards {
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
    margin-top: 12px;
    padding-bottom: 4px;
    overflow: auto visible;
    inset: unset !important;
    flex-direction: row !important;
    display: flex !important;
    position: relative !important;
  }
  .cf-overlay-cards::-webkit-scrollbar {
    display: none;
  }
  .cf-overlay-cards .overlay-card {
    opacity: 1;
    flex-shrink: 0;
    min-width: 160px;
    animation: none;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
  }
}
.oc-pbar-track {
  background: #dad8e4;
  border-radius: 3px;
  flex: 1;
  height: 4px;
  overflow: hidden;
}
.dark .oc-pbar-track {
  background: #ffffff1a;
}
.oc-pbar-fill {
  border-radius: 3px;
  height: 100%;
}
select.mq-select {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239CA3AF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: right 14px center;
  background-repeat: no-repeat;
  padding-right: 40px;
}
.demo-benefit:before {
  content: "";
  background: #1dc979
    url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L4.5 7.5L11 1' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    50% no-repeat;
  border-radius: 50%;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.mq-drawer-overlay {
  transition: opacity 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .blob-1,
  .blob-2,
  .blob-3,
  .pulse-dot,
  .overlay-card {
    opacity: 1 !important;
    animation: none !important;
  }
  * {
    transition-duration: 0.01ms !important;
  }
}
nav li.has-mega.active > a {
  color: #f47623;
}
.mega-backdrop {
  z-index: 998;
  opacity: 0;
  pointer-events: none;
  background: #0000002e;
  transition: opacity 0.25s;
  position: fixed;
  inset: 60px 0 0;
}
.mega-backdrop.visible {
  opacity: 1;
  pointer-events: auto;
}
.dark .mega-backdrop {
  background: #0006;
}
.mega-panel {
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: #fff;
  border-bottom: 1px solid oklch(95.53% 0.0083 271.3);
  transition:
    opacity 0.2s,
    transform 0.2s,
    visibility 0.2s;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  transform: translateY(-8px);
  box-shadow:
    0 12px 48px #302d421a,
    0 2px 8px #302d420a;
}
.mega-panel.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.dark .mega-panel {
  background: #252333;
  border-bottom-color: #ffffff14;
  box-shadow: 0 12px 48px #00000059;
}
.mega-inner {
  gap: 40px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 40px 32px;
  display: grid;
}
.mega-inner.cols-2-featured,
.mega-inner.cols-3-featured {
  grid-template-columns: 1fr 1fr 280px;
}
.mega-col-title {
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #aca9bd;
  margin-bottom: 20px;
  padding-left: 4px;
  font-size: 11px;
  font-weight: 700;
}
.dark .mega-col-title {
  color: #aca9bd;
}
.mega-item {
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  gap: 14px;
  padding: 10px 12px;
  text-decoration: none;
  transition: background 0.15s;
  display: flex;
}
.mega-item:hover {
  background: #f8f7fc;
}
.dark .mega-item:hover {
  background: #ffffff0d;
}
.mega-item-icon {
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 18px;
  display: flex;
}
.mega-item-icon.mi-orange {
  color: #f47623;
  background: #fff7f0;
}
.mega-item-icon.mi-blue {
  color: #178cf6;
  background: #e8f4ff;
}
.mega-item-icon.mi-green {
  color: #0aae67;
  background: #edfcf4;
}
.mega-item-icon.mi-purple {
  color: #625d7b;
  background: #f0edf5;
}
.dark .mega-item-icon.mi-orange {
  background: #f4762326;
}
.dark .mega-item-icon.mi-blue {
  background: #178cf626;
}
.dark .mega-item-icon.mi-green {
  background: #1dc97926;
}
.dark .mega-item-icon.mi-purple {
  color: #c7c5d4;
  background: #625d7b33;
}
.mega-item-title {
  color: #3b3751;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}
.mega-item-desc {
  color: #625d7b;
  font-size: 13px;
  line-height: 1.5;
}
.dark .mega-item-title {
  color: #ffffffde;
}
.dark .mega-item-desc {
  color: #c7c5d4;
}
.mega-item-tag {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  vertical-align: middle;
  border-radius: 4px;
  margin-left: 8px;
  padding: 2px 7px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  display: inline-block;
}
.mega-item-tag.tag-new {
  color: #047857;
  background: #edfcf4;
}
.mega-item-tag.tag-popular {
  color: #f47623;
  background: #fff7f0;
}
.mega-item-tag.tag-beta {
  color: #178cf6;
  background: #e8f4ff;
}
.mega-item-tag.tag-free {
  color: #625d7b;
  background: #f0edf5;
}
.dark .mega-item-tag.tag-new {
  color: #6ee7b7;
  background: #1dc9792e;
}
.dark .mega-item-tag.tag-popular {
  color: #febc91;
  background: #f476232e;
}
.dark .mega-item-tag.tag-beta {
  color: #93c5fd;
  background: #178cf62e;
}
.dark .mega-item-tag.tag-free {
  color: #c7c5d4;
  background: #625d7b33;
}
.mega-footer {
  border-top: 1px solid oklch(95.53% 0.0083 271.3);
  grid-column: 1/-1;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  padding-top: 20px;
  display: flex;
}
.mega-footer a {
  color: #f47623;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.15s;
}
.mega-footer a:hover {
  color: #d4631a;
}
.dark .mega-footer {
  border-top-color: #ffffff14;
}
.mega-featured {
  background: linear-gradient(135deg, #fff7f0, #fef5ee);
  border: 1px solid oklch(70.26% 0.1774 48.3/0.12);
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  padding: 28px 24px;
  display: flex;
}
.mega-featured-tag {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #f47623;
  margin-bottom: 16px;
  font-size: 10px;
  font-weight: 700;
}
.mega-featured h4 {
  color: #3b3751;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
}
.mega-featured p {
  color: #625d7b;
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.6;
}
.mega-featured a {
  color: #f47623;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.mega-featured a:hover {
  color: #d4631a;
}
.mega-featured-blue {
  background: linear-gradient(135deg, #e8f4ff, #f0f7ff);
  border-color: #178cf61f;
}
.mega-featured-blue .mega-featured-tag,
.mega-featured-blue a {
  color: #178cf6;
}
.mega-featured-green {
  background: linear-gradient(135deg, #edfcf4, #f2fdf7);
  border-color: #0aae671f;
}
.mega-featured-green .mega-featured-tag,
.mega-featured-green a {
  color: #0aae67;
}
.mega-featured-purple {
  background: linear-gradient(135deg, #f0edf5, #f5f3f9);
  border-color: #625d7b1f;
}
.mega-featured-purple .mega-featured-tag,
.mega-featured-purple a {
  color: #625d7b;
}
.dark .mega-featured {
  background: linear-gradient(135deg, #f4762314, #f476230a);
  border-color: #f4762326;
}
.dark .mega-featured h4 {
  color: #ffffffde;
}
.dark .mega-featured p {
  color: #c7c5d4;
}
.dark .mega-featured-blue {
  background: linear-gradient(135deg, #178cf614, #178cf60a);
  border-color: #178cf626;
}
.dark .mega-featured-green {
  background: linear-gradient(135deg, #0aae6714, #0aae670a);
  border-color: #0aae6726;
}
.dark .mega-featured-purple {
  background: linear-gradient(135deg, #625d7b1f, #625d7b0f);
  border-color: #625d7b33;
}
.search-panel {
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: #fff;
  border-bottom: 1px solid oklch(95.53% 0.0083 271.3);
  transition:
    opacity 0.2s,
    transform 0.2s,
    visibility 0.2s;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  transform: translateY(-8px);
  box-shadow:
    0 12px 48px #302d421a,
    0 2px 8px #302d420a;
}
.search-panel.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.dark .search-panel {
  background: #252333;
  border-bottom-color: #ffffff14;
  box-shadow: 0 12px 48px #00000059;
}
.search-inner {
  max-width: 720px;
  margin: 0 auto;
  padding: 32px 40px 36px;
}
.search-input-wrap {
  margin-bottom: 28px;
  position: relative;
}
.search-input-wrap > i {
  color: #aca9bd;
  pointer-events: none;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.dark .search-input-wrap > i {
  color: #aca9bd;
}
.search-input {
  color: #3b3751;
  background: #f8f7fc;
  border: 1.5px solid oklch(89.71% 0.0191 292.6);
  border-radius: 14px;
  outline: none;
  width: 100%;
  height: 52px;
  padding: 0 16px 0 48px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}
.search-input:focus {
  background: #fff;
  border-color: #f47623;
  box-shadow: 0 0 0 3px #f476231f;
}
.search-input::placeholder {
  color: #aca9bd;
}
.dark .search-input {
  color: #ffffffde;
  background: #1e1c2a;
  border-color: #ffffff1f;
}
.dark .search-input:focus {
  background: #1e1c2a;
}
.dark .search-input::placeholder {
  color: #ffffff4d;
}
.search-shortcut {
  color: #aca9bd;
  pointer-events: none;
  background: #eef0f6;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}
.dark .search-shortcut {
  color: #aca9bd;
  background: #ffffff14;
}
.search-sections {
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  display: grid;
}
.search-section-title {
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #aca9bd;
  margin-bottom: 14px;
  font-size: 11px;
  font-weight: 700;
}
.search-links {
  flex-direction: column;
  gap: 4px;
  list-style: none;
  display: flex;
}
.search-links a {
  color: #4f4b6b;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition:
    background 0.15s,
    color 0.15s;
  display: flex;
}
.search-links a:hover {
  color: #3b3751;
  background: #f8f7fc;
}
.search-links a i {
  color: #aca9bd;
  font-size: 16px;
}
.dark .search-links a {
  color: #c7c5d4;
}
.dark .search-links a:hover {
  color: #ffffffde;
  background: #ffffff0d;
}
.search-tags {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}
.search-tag {
  color: #625d7b;
  background: #f8f7fc;
  border: 1px solid oklch(95.53% 0.0083 271.3);
  border-radius: 100px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.15s;
  display: inline-block;
}
.search-tag:hover {
  color: #3b3751;
  background: #eef0f6;
  border-color: #dddbe9;
}
.dark .search-tag {
  color: #c7c5d4;
  background: #ffffff0d;
  border-color: #ffffff1a;
}
.dark .search-tag:hover {
  color: #ffffffde;
  background: #ffffff1a;
  border-color: #ffffff26;
}
@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-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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-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;
}