/* The base layer the capsule must bring itself. Inherited properties (font,
 * letter-spacing) cross the shadow boundary, so they are reset here. Sticky lives on
 * :host — the element that is actually in the page flow. `.header-v2` background
 * mirrors the original HeaderNav scoped style.
 *
 * Prepended to the compiled Tailwind by scripts/build-wc-css.mjs. The handful of rules
 * that must apply before this stylesheet has loaded are duplicated inline in
 * SiteHeaderEmbed.astro — keep the two in sync.
 */
:host {
  display: block;
  position: sticky;
  top: 0;
  z-index: 200;
}

.header-v2 {
  background: #fff;
  font-family: var(--font-sans, 'Inter', ui-sans-serif, system-ui, sans-serif);
  letter-spacing: normal;
  -webkit-font-smoothing: auto;
}

.header-v2 * {
  letter-spacing: normal;
}

/* `top-header` (= var(--spacing-header)) isn't generated under source(none); pin the
   backdrop below the bar. */
[data-desktop-backdrop] {
  top: var(--spacing-header, 4.25rem);
}

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--font-inter), ui-sans-serif, sans-serif, system-ui;
    --color-red-500: #ff3b30;
    --color-red-600: #d9352b;
    --color-green-500: #2ec977;
    --color-green-600: #28b06a;
    --color-green-950: #062e1c;
    --color-blue-50: #e8eeff;
    --color-blue-400: #6687ff;
    --color-blue-500: #3d56ff;
    --color-blue-600: #1e35ff;
    --color-blue-700: #0006ff;
    --color-blue-950: #0a0d5c;
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-gray-50: #ffffff;
    --color-gray-100: #f5f5f5;
    --color-gray-200: #e2e4e4;
    --color-gray-300: #c8cbcb;
    --color-gray-400: #9ca0a0;
    --color-gray-500: #686d6d;
    --color-gray-600: #3c3e3e;
    --color-gray-700: #2a2c2c;
    --color-gray-800: #202222;
    --color-gray-900: #161717;
    --color-gray-950: #040505;
    --color-black: #000;
    --color-white: #fff;
    --spacing: var(--spacing);
    --tracking-normal: var(--tracking-normal);
    --shadow-2xs: var(--shadow-2xs);
    --shadow-xs: var(--shadow-xs);
    --shadow-sm: var(--shadow-sm);
    --shadow-md: var(--shadow-md);
    --shadow-lg: var(--shadow-lg);
    --shadow-xl: var(--shadow-xl);
    --shadow-2xl: var(--shadow-2xl);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: 'IBM Plex Mono', monospace;
    --shadow: var(--shadow);
    --font-display: 'Inter', system-ui, -apple-system, sans-serif;
    --font-body: 'Roboto Flex', system-ui, -apple-system, sans-serif;
    --color-gold-400: #ffe30d;
    --color-gold-500: #ffd400;
    --color-gold-600: #d19c00;
    --color-gold-950: #442504;
    --color-gray-80: #fafafa;
    --color-off-white: #f9f9fd;
    --color-tag-gray-dot: #737373;
    --color-tag-violet-dot: #9e77ed;
    --color-tag-red-dot: #fb2c36;
    --color-tag-yellow-dot: #edb200;
    --color-tag-green-dot: #00c758;
    --color-tag-blue-gray-dot: #62748e;
    --color-tag-light-blue-dot: #00a5ef;
    --color-tag-blue-dot: #3080ff;
    --color-tag-indigo-dot: #625fff;
    --color-tag-purple-dot: #ac4bff;
    --color-tag-pink-dot: #f6339a;
    --color-tag-orange-dot: #fe6e00;
    --radius-corners-4: 4px;
    --radius-corners-8: 8px;
    --radius-corners-12: 12px;
    --radius-corners-16: 16px;
    --spacing-header: 4.25rem;
    --scale-overlay-enter: 0.93;
    --letter-spacing: var(--letter-spacing);
    --shadow-offset-y: var(--shadow-offset-y);
    --shadow-offset-x: var(--shadow-offset-x);
    --shadow-spread: var(--shadow-spread);
    --shadow-blur: var(--shadow-blur);
    --shadow-opacity: var(--shadow-opacity);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: 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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .top-\[1px\] {
    top: 1px;
  }
  .top-full {
    top: 100%;
  }
  .top-header {
    top: var(--spacing-header);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-\[68px\] {
    height: 68px;
  }
  .min-h-\[500px\] {
    min-height: 500px;
  }
  .min-h-\[570px\] {
    min-height: 570px;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-\[294px\] {
    width: 294px;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[938px\] {
    max-width: 938px;
  }
  .max-w-\[1300px\] {
    max-width: 1300px;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    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 {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[13px\] {
    --tw-translate-y: calc(13px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[6px\] {
    --tw-translate-y: 6px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[15px\] {
    --tw-translate-y: 15px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .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-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .-space-x-1 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.7rem;
  }
  .rounded-corners-4 {
    border-radius: var(--radius-corners-4);
  }
  .rounded-corners-8 {
    border-radius: var(--radius-corners-8);
  }
  .rounded-corners-12 {
    border-radius: var(--radius-corners-12);
  }
  .rounded-corners-16 {
    border-radius: var(--radius-corners-16);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-x-\[9px\] {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 9px;
  }
  .border-x-\[10px\] {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 10px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-\[9px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 9px;
  }
  .border-b-\[10px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 10px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-blue-700 {
    border-color: var(--color-blue-700);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-x-transparent {
    border-inline-color: transparent;
  }
  .border-b-gray-100 {
    border-bottom-color: var(--color-gray-100);
  }
  .border-b-white {
    border-bottom-color: var(--color-white);
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #000 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-700 {
    background-color: var(--color-blue-700);
  }
  .bg-foreground {
    background-color: var(--foreground);
  }
  .bg-gold-400 {
    background-color: var(--color-gold-400);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-80 {
    background-color: var(--color-gray-80);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-950\/20 {
    background-color: color-mix(in srgb, #040505 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gray-950) 20%, transparent);
    }
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-off-white {
    background-color: var(--color-off-white);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .object-cover {
    object-fit: cover;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .pad-block-horizontal {
    padding-inline: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .font-overline {
    font-family: var(--font-body);
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 0.75rem;
    line-height: 1.125rem;
    text-transform: uppercase;
  }
  .font-body-default-b {
    font-family: var(--font-body);
    font-weight: 600;
    letter-spacing: 0;
    font-size: 1rem;
    line-height: 1.375rem;
  }
  .font-body-default-m {
    font-family: var(--font-body);
    font-weight: 500;
    letter-spacing: 0;
    font-size: 1rem;
    line-height: 1.375rem;
  }
  .font-body-small {
    font-family: var(--font-body);
    font-weight: 400;
    letter-spacing: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .font-body-small-b {
    font-family: var(--font-body);
    font-weight: 600;
    letter-spacing: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .font-body-small-m {
    font-family: var(--font-body);
    font-weight: 500;
    letter-spacing: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .font-caption {
    font-family: var(--font-body);
    font-weight: 400;
    letter-spacing: 0;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .font-caption-b {
    font-family: var(--font-body);
    font-weight: 700;
    letter-spacing: 0;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .font-caption-compact {
    font-family: var(--font-body);
    font-weight: 500;
    letter-spacing: 0;
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
  .font-h5 {
    font-family: var(--font-display);
    font-weight: 500;
    letter-spacing: 0;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-gray-50 {
    color: var(--color-gray-50);
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-950 {
    color: var(--color-gray-950);
  }
  .text-white {
    color: var(--color-white);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: var(--shadow);
    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_16px_rgba\(46\,47\,77\,0\.05\)\] {
    --tw-shadow: 0 8px 16px var(--tw-shadow-color, rgba(46,47,77,0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .group-hover\:translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * 0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:bg-blue-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
  .group-hover\:text-blue-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue-700);
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:-translate-y-1 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:bg-\[\#0077B5\] {
    &:hover {
      @media (hover: hover) {
        background-color: #0077B5;
      }
    }
  }
  .hover\:bg-\[\#1877F2\] {
    &:hover {
      @media (hover: hover) {
        background-color: #1877F2;
      }
    }
  }
  .hover\:bg-\[\#24292e\] {
    &:hover {
      @media (hover: hover) {
        background-color: #24292e;
      }
    }
  }
  .hover\:bg-\[\#E4405F\] {
    &:hover {
      @media (hover: hover) {
        background-color: #E4405F;
      }
    }
  }
  .hover\:bg-\[\#FF0000\] {
    &:hover {
      @media (hover: hover) {
        background-color: #FF0000;
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-gray-950 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-950);
      }
    }
  }
  .hover\:bg-off-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-off-white);
      }
    }
  }
  .hover\:text-blue-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-700);
      }
    }
  }
  .hover\:text-gray-50 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-50);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:opacity-50 {
    &:hover {
      @media (hover: hover) {
        opacity: 50%;
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:pt-0 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:pt-2 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .lg\:pt-4 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .lg\:pt-6 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .lg\:pt-10 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 10);
    }
  }
  .lg\:pr-0 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .lg\:pr-2 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 2);
    }
  }
  .lg\:pr-4 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .lg\:pr-6 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 6);
    }
  }
  .lg\:pr-10 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 10);
    }
  }
  .lg\:pb-0 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .lg\:pb-2 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 2);
    }
  }
  .lg\:pb-4 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .lg\:pb-6 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:pb-10 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 10);
    }
  }
  .lg\:pl-0 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .lg\:pl-2 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 2);
    }
  }
  .lg\:pl-4 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .lg\:pl-6 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 6);
    }
  }
  .lg\:pl-10 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 10);
    }
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
.theme-corefy-dark [data-blog-post] {
  --color-blog-breadcrumb: var(--color-gray-500);
  --color-blog-breadcrumb-chevron: var(--color-gray-600);
  --color-blog-border: var(--color-gray-700);
  --color-blog-meta-dot: var(--color-gray-700);
  --color-tag-neutral-bg: transparent;
  --color-tag-neutral-border: var(--color-gray-700);
  --color-tag-neutral-fg: var(--color-gray-400);
  --color-tag-icon-fg: var(--color-gray-400);
  --color-tag-goal-icon-fg: var(--color-violet-500);
  --color-tag-industry-icon-fg: var(--color-green-600);
  --color-tag-corefy-icon-fg: var(--color-blue-400);
  --color-blog-lead: var(--color-gray-300);
  --color-blog-toc-heading: var(--color-gray-50);
  --color-blog-toc-rail-track: var(--color-gray-600);
  --color-blog-toc-rail-fill: var(--color-gold-500);
  --color-blog-toc-label: var(--color-gray-500);
  --color-blog-toc-label-active: var(--color-gold-500);
  --color-blog-toc-hover-bg: var(--color-gray-800);
  --color-blog-toc-hover-fg: var(--color-gray-100);
  --color-blog-icon-muted: var(--color-gray-400);
  --color-blog-primary: var(--color-gold-500);
  --color-blog-sidebar-rule: var(--color-gray-700);
  --color-blog-callout-border: var(--color-gray-600);
  --color-blog-callout-bg: var(--color-gray-900);
  --color-blog-callout-border-hover: var(--color-blue-400);
  --color-blog-callout-bg-hover: var(--color-gray-800);
  --color-blog-pt-callout-bg: color-mix(in srgb, #0a0d5c 35%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-blog-pt-callout-bg: color-mix(in srgb, var(--color-blue-950) 35%, transparent);
  }
  --color-blog-pt-callout-border: color-mix(in srgb, #3d56ff 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-blog-pt-callout-border: color-mix(in srgb, var(--color-blue-500) 50%, transparent);
  }
  --color-blog-pt-note-bg: color-mix(in srgb, #ffd400 12%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --color-blog-pt-note-bg: color-mix(in srgb, var(--color-gold-500) 12%, transparent);
  }
  --color-blog-pt-note-border: transparent;
  --color-blog-pt-note-accent: var(--color-gold-600);
  --color-blog-pt-note-fg: var(--color-gray-200);
  --color-blog-blockquote-border: var(--color-gray-500);
  --color-blog-note-border: var(--color-blue-500);
  --color-blog-note-bg: var(--color-blue-950);
  --color-blog-note-fg: var(--color-gray-100);
  --color-blog-surface-muted: var(--color-gray-900);
  --color-blog-important-border: var(--color-blue-400);
  --color-blog-body: var(--color-gray-300);
  --color-blog-heading: var(--color-gray-100);
  --color-blog-table-header: var(--color-gray-400);
}
.theme-corefy-dark .thin-scrollbar {
  scrollbar-color: var(--color-gray-700) transparent;
}
.theme-corefy-dark .thin-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-700);
}
.theme-corefy-dark .thin-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-gray-600);
}
::view-transition-old(root), ::view-transition-new(root) {
  animation-duration: 0.38s;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) {
    animation-duration: 1ms;
  }
}
.theme-corefy-light {
  color-scheme: light;
  --avatar-monogram-stroke: rgb(255 255 255 / 0.6);
  --background: var(--color-gray-50);
  --foreground: var(--color-gray-950);
  --card: var(--color-gray-50);
  --card-foreground: var(--color-gray-950);
  --popover: var(--color-gray-50);
  --popover-foreground: var(--color-gray-950);
  --tooltip: var(--color-gray-950);
  --tooltip-foreground: var(--color-gray-50);
  --primary: var(--color-blue-600);
  --primary-foreground: var(--color-gray-50);
  --secondary: var(--color-gray-100);
  --secondary-foreground: var(--color-gray-600);
  --muted: var(--color-gray-100);
  --muted-foreground: var(--color-gray-500);
  --accent: var(--color-blue-600);
  --accent-foreground: var(--color-gray-50);
  --destructive: var(--color-red-500);
  --destructive-foreground: var(--color-gray-50);
  --border: var(--color-gray-200);
  --input: var(--color-gray-200);
  --ring: var(--color-blue-500);
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-tooltip: var(--tooltip);
  --color-tooltip-foreground: var(--tooltip-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-success: var(--color-green-500);
  --color-success-foreground: var(--color-green-950);
  --color-warning: var(--color-gold-500);
  --color-warning-foreground: var(--color-gold-950);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  font-family: var(--font-body);
}
.theme-corefy-dark {
  color-scheme: dark;
  --avatar-monogram-stroke: rgb(4 5 5 / 0.2);
  --background: var(--color-gray-950);
  --foreground: var(--color-gray-50);
  --card: var(--color-gray-900);
  --card-foreground: var(--color-gray-50);
  --popover: var(--color-gray-900);
  --popover-foreground: var(--color-gray-50);
  --tooltip: var(--color-gray-80);
  --tooltip-foreground: var(--color-gray-950);
  --primary: var(--color-blue-400);
  --primary-foreground: var(--color-gray-950);
  --secondary: var(--color-gray-800);
  --secondary-foreground: var(--color-gray-400);
  --muted: var(--color-gray-800);
  --muted-foreground: var(--color-gray-500);
  --accent: var(--color-blue-500);
  --accent-foreground: var(--color-gray-950);
  --destructive: var(--color-red-600);
  --destructive-foreground: var(--color-gray-50);
  --border: var(--color-gray-700);
  --input: var(--color-gray-700);
  --ring: var(--color-blue-400);
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-tooltip: var(--tooltip);
  --color-tooltip-foreground: var(--tooltip-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-success: var(--color-green-500);
  --color-success-foreground: var(--color-green-950);
  --color-warning: var(--color-gold-400);
  --color-warning-foreground: var(--color-gold-950);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-tag-gray-fill: color-mix(in srgb, #737373 14%, #040505);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-gray-fill: color-mix(in srgb, var(--color-tag-gray-dot) 14%, var(--color-gray-950));
  }
  --color-tag-gray-stroke: color-mix(in srgb, #737373 32%, #040505);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-gray-stroke: color-mix(in srgb, var(--color-tag-gray-dot) 32%, var(--color-gray-950));
  }
  --color-tag-gray-text: color-mix(in srgb, #737373 45%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-gray-text: color-mix(in srgb, var(--color-tag-gray-dot) 45%, white);
  }
  --color-tag-violet-fill: color-mix(
    in srgb,
    #9e77ed 14%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-violet-fill: color-mix(
    in srgb,
    var(--color-tag-violet-dot) 14%,
    var(--color-gray-950)
  );
  }
  --color-tag-violet-stroke: color-mix(
    in srgb,
    #9e77ed 32%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-violet-stroke: color-mix(
    in srgb,
    var(--color-tag-violet-dot) 32%,
    var(--color-gray-950)
  );
  }
  --color-tag-violet-text: color-mix(in srgb, #9e77ed 45%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-violet-text: color-mix(in srgb, var(--color-tag-violet-dot) 45%, white);
  }
  --color-tag-red-fill: color-mix(in srgb, #fb2c36 14%, #040505);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-red-fill: color-mix(in srgb, var(--color-tag-red-dot) 14%, var(--color-gray-950));
  }
  --color-tag-red-stroke: color-mix(in srgb, #fb2c36 32%, #040505);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-red-stroke: color-mix(in srgb, var(--color-tag-red-dot) 32%, var(--color-gray-950));
  }
  --color-tag-red-text: color-mix(in srgb, #fb2c36 45%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-red-text: color-mix(in srgb, var(--color-tag-red-dot) 45%, white);
  }
  --color-tag-yellow-fill: color-mix(
    in srgb,
    #edb200 14%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-yellow-fill: color-mix(
    in srgb,
    var(--color-tag-yellow-dot) 14%,
    var(--color-gray-950)
  );
  }
  --color-tag-yellow-stroke: color-mix(
    in srgb,
    #edb200 32%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-yellow-stroke: color-mix(
    in srgb,
    var(--color-tag-yellow-dot) 32%,
    var(--color-gray-950)
  );
  }
  --color-tag-yellow-text: color-mix(in srgb, #edb200 45%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-yellow-text: color-mix(in srgb, var(--color-tag-yellow-dot) 45%, white);
  }
  --color-tag-green-fill: color-mix(in srgb, #00c758 14%, #040505);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-green-fill: color-mix(in srgb, var(--color-tag-green-dot) 14%, var(--color-gray-950));
  }
  --color-tag-green-stroke: color-mix(
    in srgb,
    #00c758 32%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-green-stroke: color-mix(
    in srgb,
    var(--color-tag-green-dot) 32%,
    var(--color-gray-950)
  );
  }
  --color-tag-green-text: color-mix(in srgb, #00c758 45%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-green-text: color-mix(in srgb, var(--color-tag-green-dot) 45%, white);
  }
  --color-tag-blue-gray-fill: color-mix(
    in srgb,
    #62748e 14%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-blue-gray-fill: color-mix(
    in srgb,
    var(--color-tag-blue-gray-dot) 14%,
    var(--color-gray-950)
  );
  }
  --color-tag-blue-gray-stroke: color-mix(
    in srgb,
    #62748e 32%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-blue-gray-stroke: color-mix(
    in srgb,
    var(--color-tag-blue-gray-dot) 32%,
    var(--color-gray-950)
  );
  }
  --color-tag-blue-gray-text: color-mix(in srgb, #62748e 45%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-blue-gray-text: color-mix(in srgb, var(--color-tag-blue-gray-dot) 45%, white);
  }
  --color-tag-light-blue-fill: color-mix(
    in srgb,
    #00a5ef 14%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-light-blue-fill: color-mix(
    in srgb,
    var(--color-tag-light-blue-dot) 14%,
    var(--color-gray-950)
  );
  }
  --color-tag-light-blue-stroke: color-mix(
    in srgb,
    #00a5ef 32%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-light-blue-stroke: color-mix(
    in srgb,
    var(--color-tag-light-blue-dot) 32%,
    var(--color-gray-950)
  );
  }
  --color-tag-light-blue-text: color-mix(in srgb, #00a5ef 45%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-light-blue-text: color-mix(in srgb, var(--color-tag-light-blue-dot) 45%, white);
  }
  --color-tag-blue-fill: color-mix(in srgb, #3080ff 14%, #040505);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-blue-fill: color-mix(in srgb, var(--color-tag-blue-dot) 14%, var(--color-gray-950));
  }
  --color-tag-blue-stroke: color-mix(in srgb, #3080ff 32%, #040505);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-blue-stroke: color-mix(in srgb, var(--color-tag-blue-dot) 32%, var(--color-gray-950));
  }
  --color-tag-blue-text: color-mix(in srgb, #3080ff 45%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-blue-text: color-mix(in srgb, var(--color-tag-blue-dot) 45%, white);
  }
  --color-tag-indigo-fill: color-mix(
    in srgb,
    #625fff 14%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-indigo-fill: color-mix(
    in srgb,
    var(--color-tag-indigo-dot) 14%,
    var(--color-gray-950)
  );
  }
  --color-tag-indigo-stroke: color-mix(
    in srgb,
    #625fff 32%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-indigo-stroke: color-mix(
    in srgb,
    var(--color-tag-indigo-dot) 32%,
    var(--color-gray-950)
  );
  }
  --color-tag-indigo-text: color-mix(in srgb, #625fff 45%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-indigo-text: color-mix(in srgb, var(--color-tag-indigo-dot) 45%, white);
  }
  --color-tag-purple-fill: color-mix(
    in srgb,
    #ac4bff 14%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-purple-fill: color-mix(
    in srgb,
    var(--color-tag-purple-dot) 14%,
    var(--color-gray-950)
  );
  }
  --color-tag-purple-stroke: color-mix(
    in srgb,
    #ac4bff 32%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-purple-stroke: color-mix(
    in srgb,
    var(--color-tag-purple-dot) 32%,
    var(--color-gray-950)
  );
  }
  --color-tag-purple-text: color-mix(in srgb, #ac4bff 45%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-purple-text: color-mix(in srgb, var(--color-tag-purple-dot) 45%, white);
  }
  --color-tag-pink-fill: color-mix(in srgb, #f6339a 14%, #040505);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-pink-fill: color-mix(in srgb, var(--color-tag-pink-dot) 14%, var(--color-gray-950));
  }
  --color-tag-pink-stroke: color-mix(in srgb, #f6339a 32%, #040505);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-pink-stroke: color-mix(in srgb, var(--color-tag-pink-dot) 32%, var(--color-gray-950));
  }
  --color-tag-pink-text: color-mix(in srgb, #f6339a 45%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-pink-text: color-mix(in srgb, var(--color-tag-pink-dot) 45%, white);
  }
  --color-tag-orange-fill: color-mix(
    in srgb,
    #fe6e00 14%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-orange-fill: color-mix(
    in srgb,
    var(--color-tag-orange-dot) 14%,
    var(--color-gray-950)
  );
  }
  --color-tag-orange-stroke: color-mix(
    in srgb,
    #fe6e00 32%,
    #040505
  );
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-orange-stroke: color-mix(
    in srgb,
    var(--color-tag-orange-dot) 32%,
    var(--color-gray-950)
  );
  }
  --color-tag-orange-text: color-mix(in srgb, #fe6e00 45%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --color-tag-orange-text: color-mix(in srgb, var(--color-tag-orange-dot) 45%, white);
  }
}
@keyframes overlay-in {
  from {
    opacity: 0;
    transform: scale(var(--scale-overlay-enter));
  }
}
@keyframes overlay-out {
  to {
    opacity: 0;
    transform: scale(var(--scale-overlay-enter));
  }
}
@media (prefers-reduced-motion: reduce) {
  .overlay-motion, .overlay-motion[data-state='open'], .overlay-motion[data-state='closed'] {
    animation: none;
  }
}
@keyframes logo-marquee {
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .logo-marquee-track {
    animation: none;
  }
}
@keyframes cta-floating-card-drift-a {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes cta-floating-card-drift-b {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes cta-floating-card-drift-c {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}
.cta-floating-card-float-a {
  animation: cta-floating-card-drift-a 5.6s ease-in-out infinite;
}
.cta-floating-card-float-b {
  animation: cta-floating-card-drift-b 6.4s ease-in-out 0.35s infinite;
}
.cta-floating-card-float-c {
  animation: cta-floating-card-drift-c 5.1s ease-in-out 0.2s infinite;
}
.cta-floating-card-parallax-a {
  transform: translate3d( calc(var(--floating-parallax-x, 0px) * 0.12), calc(var(--floating-parallax-y, 0px) * 0.12), 0 );
}
.cta-floating-card-parallax-b {
  transform: translate3d( calc(var(--floating-parallax-x, 0px) * 0.18), calc(var(--floating-parallax-y, 0px) * 0.18), 0 );
}
.cta-floating-card-parallax-c {
  transform: translate3d( calc(var(--floating-parallax-x, 0px) * 0.24), calc(var(--floating-parallax-y, 0px) * 0.24), 0 );
}
@media (prefers-reduced-motion: reduce) {
  .cta-floating-card-float-a, .cta-floating-card-float-b, .cta-floating-card-float-c {
    animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .animate-marquee, .animate-marquee-vertical {
    animation: none;
  }
}
.fa-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.fa-icon svg, .svg-inline--fa {
  display: inline-block;
  vertical-align: -0.125em;
  overflow: visible;
  width: 100%;
  height: 100%;
}
.fa-icon .svg-inline--fa {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.svg-inline--fa .fa-primary, .svg-inline--fa .fa-duotone-group .fa-primary, .svg-inline--fa g .fa-primary, path.fa-primary {
  fill: currentColor !important;
  opacity: 1 !important;
}
.svg-inline--fa .fa-secondary, .svg-inline--fa .fa-duotone-group .fa-secondary, .svg-inline--fa g .fa-secondary, path.fa-secondary {
  fill: currentColor !important;
  opacity: 0.4 !important;
}
.fa-icon--gradient .svg-inline--fa .fa-duotone-group .fa-primary, .fa-icon--gradient .svg-inline--fa .fa-duotone-group .fa-secondary, .fa-icon--gradient .svg-inline--fa g .fa-primary, .fa-icon--gradient .svg-inline--fa g .fa-secondary, .fa-icon--gradient .svg-inline--fa .fa-primary, .fa-icon--gradient .svg-inline--fa .fa-secondary, .fa-icon--gradient .svg-inline--fa path {
  fill: var(--fa-fill) !important;
}
@media (prefers-reduced-motion: no-preference) {
  .icon-sliders__knob {
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .icon-sliders:hover .icon-sliders__knob--a, button:hover .icon-sliders__knob--a, a:hover .icon-sliders__knob--a, .group:hover .icon-sliders__knob--a {
    transform: translateX(128px);
  }
  .icon-sliders:hover .icon-sliders__knob--b, button:hover .icon-sliders__knob--b, a:hover .icon-sliders__knob--b, .group:hover .icon-sliders__knob--b {
    transform: translateX(-192px);
    transition-delay: 0.05s;
  }
  .icon-sliders:hover .icon-sliders__knob--c, button:hover .icon-sliders__knob--c, a:hover .icon-sliders__knob--c, .group:hover .icon-sliders__knob--c {
    transform: translateX(192px);
    transition-delay: 0.1s;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .icon-arrow-right-animated__shaft {
    transform-box: fill-box;
    transform-origin: left center;
  }
  .icon-arrow-right-animated:hover .icon-arrow-right-animated__shaft, button:hover .icon-arrow-right-animated__shaft, a:hover .icon-arrow-right-animated__shaft, .group:hover .icon-arrow-right-animated__shaft {
    animation: icon-arrow-right-shaft 0.4s ease-in-out;
  }
  .icon-arrow-right-animated:hover .icon-arrow-right-animated__head, button:hover .icon-arrow-right-animated__head, a:hover .icon-arrow-right-animated__head, .group:hover .icon-arrow-right-animated__head {
    animation: icon-arrow-right-head 0.4s ease-in-out;
  }
  @keyframes icon-arrow-right-shaft {
    0%, 100% {
      transform: scaleX(1);
    }
    50% {
      transform: scaleX(0.8);
    }
  }
  @keyframes icon-arrow-right-head {
    0%, 100% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-64px);
    }
  }
}
@media (prefers-reduced-motion: no-preference) {
  .icon-arrow-up-right-animated__shaft {
    transform-box: fill-box;
    transform-origin: left bottom;
  }
  .icon-arrow-up-right-animated:hover .icon-arrow-up-right-animated__shaft, button:hover .icon-arrow-up-right-animated__shaft, a:hover .icon-arrow-up-right-animated__shaft, .group:hover .icon-arrow-up-right-animated__shaft {
    animation: icon-arrow-up-right-shaft 0.4s ease-in-out;
  }
  .icon-arrow-up-right-animated:hover .icon-arrow-up-right-animated__head, button:hover .icon-arrow-up-right-animated__head, a:hover .icon-arrow-up-right-animated__head, .group:hover .icon-arrow-up-right-animated__head {
    animation: icon-arrow-up-right-head 0.4s ease-in-out;
  }
  @keyframes icon-arrow-up-right-shaft {
    0%, 100% {
      transform: rotate(-45deg) scaleX(1) rotate(45deg);
    }
    50% {
      transform: rotate(-45deg) scaleX(0.8) rotate(45deg);
    }
  }
  @keyframes icon-arrow-up-right-head {
    0%, 100% {
      transform: translate(0, 0);
    }
    50% {
      transform: translate(-45px, 45px);
    }
  }
}
@media (prefers-reduced-motion: no-preference) {
  .icon-arrow-up-from-bracket-animated__arrow {
    transform-box: fill-box;
    transform-origin: center bottom;
  }
  .icon-arrow-up-from-bracket-animated:hover .icon-arrow-up-from-bracket-animated__arrow, button:hover .icon-arrow-up-from-bracket-animated__arrow, a:hover .icon-arrow-up-from-bracket-animated__arrow, .group:hover .icon-arrow-up-from-bracket-animated__arrow {
    animation: icon-arrow-up-from-bracket-arrow 0.65s ease-in-out;
  }
  @keyframes icon-arrow-up-from-bracket-arrow {
    0% {
      transform: scale(1, 1) translateY(0);
    }
    12% {
      transform: scale(1.15, 0.85) translateY(0);
    }
    40% {
      transform: scale(0.88, 1.18) translateY(-48px);
    }
    68% {
      transform: scale(1.08, 0.92) translateY(0);
    }
    84% {
      transform: scale(0.97, 1.04) translateY(-10px);
    }
    100% {
      transform: scale(1, 1) translateY(0);
    }
  }
}
@media (prefers-reduced-motion: no-preference) {
  .icon-chevron-up-animated:hover .icon-chevron-up-animated__glyph, button:hover .icon-chevron-up-animated__glyph, a:hover .icon-chevron-up-animated__glyph, .group:hover .icon-chevron-up-animated__glyph {
    animation: icon-chevron-up 0.5s ease-in-out;
  }
  .icon-chevron-down-animated:hover .icon-chevron-down-animated__glyph, button:hover .icon-chevron-down-animated__glyph, a:hover .icon-chevron-down-animated__glyph, .group:hover .icon-chevron-down-animated__glyph {
    animation: icon-chevron-down 0.5s ease-in-out;
  }
  @keyframes icon-chevron-up {
    0% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-85px);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes icon-chevron-down {
    0% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(85px);
    }
    100% {
      transform: translateY(0);
    }
  }
}
@media (prefers-reduced-motion: no-preference) {
  .icon-book-animated__glyph {
    transform-box: fill-box;
    transform-origin: center;
  }
  .icon-book-animated:hover .icon-book-animated__glyph, button:hover .icon-book-animated__glyph, a:hover .icon-book-animated__glyph, .group:hover .icon-book-animated__glyph {
    animation: icon-book 0.6s ease-in-out;
  }
  @keyframes icon-book {
    0% {
      transform: translateY(0) rotate(0deg) scale(1);
    }
    20% {
      transform: translateY(-10px) rotate(-8deg) scale(1.016);
    }
    50% {
      transform: translateY(-24px) rotate(8deg) scale(1.04);
    }
    80% {
      transform: translateY(-10px) rotate(-8deg) scale(1.016);
    }
    100% {
      transform: translateY(0) rotate(0deg) scale(1);
    }
  }
}
@media (prefers-reduced-motion: no-preference) {
  .icon-layer-group-animated:hover .icon-layer-group-animated__middle, button:hover .icon-layer-group-animated__middle, a:hover .icon-layer-group-animated__middle, .group:hover .icon-layer-group-animated__middle {
    animation: icon-layer-group-middle 1s;
  }
  .icon-layer-group-animated:hover .icon-layer-group-animated__bottom, button:hover .icon-layer-group-animated__bottom, a:hover .icon-layer-group-animated__bottom, .group:hover .icon-layer-group-animated__bottom {
    animation: icon-layer-group-bottom 1s;
  }
  @keyframes icon-layer-group-middle {
    0% {
      transform: translateY(0);
      animation-timing-function: ease-in-out;
    }
    42% {
      transform: translateY(-128px);
      animation-timing-function: linear;
    }
    55% {
      transform: translateY(-128px);
      animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes icon-layer-group-bottom {
    0% {
      transform: translateY(0);
      animation-timing-function: ease-in-out;
    }
    42% {
      transform: translateY(-256px);
      animation-timing-function: linear;
    }
    55% {
      transform: translateY(-256px);
      animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    100% {
      transform: translateY(0);
    }
  }
}
@media (prefers-reduced-motion: no-preference) {
  .icon-file-lines-animated__glyph {
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 0.3s ease-out;
  }
  .icon-file-lines-animated:hover .icon-file-lines-animated__glyph, button:hover .icon-file-lines-animated__glyph, a:hover .icon-file-lines-animated__glyph, .group:hover .icon-file-lines-animated__glyph {
    transform: scale(1.05);
  }
  .icon-file-lines-animated__line {
    transform-box: fill-box;
    transform-origin: right;
  }
  .icon-file-lines-animated:hover .icon-file-lines-animated__line-1, button:hover .icon-file-lines-animated__line-1, a:hover .icon-file-lines-animated__line-1, .group:hover .icon-file-lines-animated__line-1 {
    animation: icon-file-lines-wipe 0.7s ease-in-out 0.3s;
  }
  .icon-file-lines-animated:hover .icon-file-lines-animated__line-2, button:hover .icon-file-lines-animated__line-2, a:hover .icon-file-lines-animated__line-2, .group:hover .icon-file-lines-animated__line-2 {
    animation: icon-file-lines-wipe 0.7s ease-in-out 0.5s;
  }
  @keyframes icon-file-lines-wipe {
    0%, 100% {
      transform: scaleX(1);
    }
    50% {
      transform: scaleX(0);
    }
  }
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes icon-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .icon-chevron-right-animated:hover .icon-chevron-right-animated__glyph, button:hover .icon-chevron-right-animated__glyph, a:hover .icon-chevron-right-animated__glyph, .group:hover .icon-chevron-right-animated__glyph {
    animation: icon-chevron-right 0.5s ease-in-out;
  }
  @keyframes icon-chevron-right {
    0% {
      transform: translateX(0);
    }
    40% {
      transform: translateX(100px);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes icon-spin-reverse {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }
  .icon-gear-animated__glyph, .icon-arrows-rotate-animated__glyph {
    transform-box: fill-box;
    transform-origin: center;
  }
  .icon-gear-animated:hover .icon-gear-animated__glyph, button:hover .icon-gear-animated__glyph, a:hover .icon-gear-animated__glyph, .group:hover .icon-gear-animated__glyph {
    animation: icon-spin 0.8s ease-in-out;
  }
  .icon-arrows-rotate-animated:hover .icon-arrows-rotate-animated__glyph, button:hover .icon-arrows-rotate-animated__glyph, a:hover .icon-arrows-rotate-animated__glyph, .group:hover .icon-arrows-rotate-animated__glyph {
    animation: icon-spin 0.7s ease-in-out;
  }
  .icon-gears-animated__gear {
    transform-box: fill-box;
    transform-origin: center;
  }
  .icon-gears-animated:hover .icon-gears-animated__gear--a, button:hover .icon-gears-animated__gear--a, a:hover .icon-gears-animated__gear--a, .group:hover .icon-gears-animated__gear--a {
    animation: icon-spin 1s ease-in-out;
  }
  .icon-gears-animated:hover .icon-gears-animated__gear--b, button:hover .icon-gears-animated__gear--b, a:hover .icon-gears-animated__gear--b, .group:hover .icon-gears-animated__gear--b {
    animation: icon-spin-reverse 1s ease-in-out;
  }
  .icon-bell-animated__glyph {
    transform-box: fill-box;
    transform-origin: top center;
  }
  .icon-bell-animated:hover .icon-bell-animated__glyph, button:hover .icon-bell-animated__glyph, a:hover .icon-bell-animated__glyph, .group:hover .icon-bell-animated__glyph {
    animation: icon-bell-ring 0.8s ease-in-out;
  }
  @keyframes icon-bell-ring {
    0%, 100% {
      transform: rotate(0deg);
    }
    15% {
      transform: rotate(14deg);
    }
    30% {
      transform: rotate(-12deg);
    }
    45% {
      transform: rotate(9deg);
    }
    60% {
      transform: rotate(-6deg);
    }
    75% {
      transform: rotate(3deg);
    }
  }
  .icon-rocket-launch-animated__glyph {
    transform-box: fill-box;
    transform-origin: center;
  }
  .icon-rocket-launch-animated:hover .icon-rocket-launch-animated__glyph, button:hover .icon-rocket-launch-animated__glyph, a:hover .icon-rocket-launch-animated__glyph, .group:hover .icon-rocket-launch-animated__glyph {
    animation: icon-rocket-launch 0.8s ease-in-out;
  }
  @keyframes icon-rocket-launch {
    0% {
      transform: translate(0, 0) rotate(0deg);
    }
    25% {
      transform: translate(-6px, 6px) rotate(-4deg);
    }
    60% {
      transform: translate(26px, -40px) rotate(4deg);
    }
    100% {
      transform: translate(0, 0) rotate(0deg);
    }
  }
  .icon-rocket-launch-animated__flame {
    transform-box: fill-box;
    transform-origin: right top;
  }
  .icon-rocket-launch-animated:hover .icon-rocket-launch-animated__flame, button:hover .icon-rocket-launch-animated__flame, a:hover .icon-rocket-launch-animated__flame, .group:hover .icon-rocket-launch-animated__flame {
    animation: icon-rocket-flame 0.8s ease-in-out;
  }
  @keyframes icon-rocket-flame {
    0% {
      transform: scale(1);
    }
    25% {
      transform: scale(0.85);
    }
    60% {
      transform: scale(1.55);
    }
    100% {
      transform: scale(1);
    }
  }
  .icon-paper-plane-animated__plane {
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 0.5s ease-out;
  }
  .icon-paper-plane-animated__trail {
    stroke-dashoffset: 1;
    opacity: 0;
    transform: translate(-16px, 16px);
    transition: stroke-dashoffset 0.55s ease-out 0.1s, opacity 0.3s ease-out 0.1s, transform 0.5s ease-out 0.1s;
  }
  .icon-paper-plane-animated:hover .icon-paper-plane-animated__plane, button:hover .icon-paper-plane-animated__plane, a:hover .icon-paper-plane-animated__plane, .group:hover .icon-paper-plane-animated__plane {
    transform: translate(72px, -72px) scale(0.8);
  }
  .icon-paper-plane-animated:hover .icon-paper-plane-animated__trail, button:hover .icon-paper-plane-animated__trail, a:hover .icon-paper-plane-animated__trail, .group:hover .icon-paper-plane-animated__trail {
    stroke-dashoffset: 0;
    opacity: 1;
    transform: translate(0, 0);
  }
  .icon-bolt-animated__glyph {
    transform-box: fill-box;
    transform-origin: center;
  }
  .icon-bolt-animated:hover .icon-bolt-animated__glyph, button:hover .icon-bolt-animated__glyph, a:hover .icon-bolt-animated__glyph, .group:hover .icon-bolt-animated__glyph {
    animation: icon-bolt-zap 0.5s ease-in-out;
  }
  @keyframes icon-bolt-zap {
    0% {
      transform: scale(1) rotate(0deg);
    }
    20% {
      transform: scale(1.2) rotate(-8deg);
    }
    45% {
      transform: scale(0.95) rotate(6deg);
    }
    100% {
      transform: scale(1) rotate(0deg);
    }
  }
  .icon-magnifying-glass-animated__glyph {
    transform-box: fill-box;
    transform-origin: center;
  }
  .icon-magnifying-glass-animated:hover .icon-magnifying-glass-animated__glyph, button:hover .icon-magnifying-glass-animated__glyph, a:hover .icon-magnifying-glass-animated__glyph, .group:hover .icon-magnifying-glass-animated__glyph {
    animation: icon-mag-scan 0.8s ease-in-out;
  }
  @keyframes icon-mag-scan {
    0%, 100% {
      transform: translate(0, 0);
    }
    25% {
      transform: translate(6px, -6px);
    }
    50% {
      transform: translate(8px, 5px);
    }
    75% {
      transform: translate(-5px, 6px);
    }
  }
  .icon-hand-wave-animated__glyph {
    transform-box: fill-box;
    transform-origin: 70% 80%;
  }
  .icon-hand-wave-animated:hover .icon-hand-wave-animated__glyph, button:hover .icon-hand-wave-animated__glyph, a:hover .icon-hand-wave-animated__glyph, .group:hover .icon-hand-wave-animated__glyph {
    animation: icon-hand-wave 0.8s ease-in-out;
  }
  @keyframes icon-hand-wave {
    0%, 100% {
      transform: rotate(0deg);
    }
    20% {
      transform: rotate(-16deg);
    }
    40% {
      transform: rotate(12deg);
    }
    60% {
      transform: rotate(-12deg);
    }
    80% {
      transform: rotate(8deg);
    }
  }
}
@media (prefers-reduced-motion: no-preference) {
  .icon-cart-shopping-animated__glyph {
    transform-box: fill-box;
    transform-origin: center;
  }
  .icon-cart-shopping-animated:hover .icon-cart-shopping-animated__glyph, button:hover .icon-cart-shopping-animated__glyph, a:hover .icon-cart-shopping-animated__glyph, .group:hover .icon-cart-shopping-animated__glyph {
    animation: icon-cart-bounce 0.8s;
  }
  @keyframes icon-cart-bounce {
    0% {
      transform: scale(1, 1) translateY(0);
    }
    10% {
      transform: scale(1.1, 0.9) translateY(0);
    }
    30% {
      transform: scale(0.9, 1.1) translateY(-60px);
    }
    50% {
      transform: scale(1.05, 0.95) translateY(0);
    }
    57% {
      transform: scale(1, 1) translateY(-15px);
    }
    64% {
      transform: scale(1, 1) translateY(0);
    }
    100% {
      transform: scale(1, 1) translateY(0);
    }
  }
  .icon-bullhorn-animated__glyph {
    transform-box: fill-box;
    transform-origin: left center;
  }
  .icon-bullhorn-animated:hover .icon-bullhorn-animated__glyph, button:hover .icon-bullhorn-animated__glyph, a:hover .icon-bullhorn-animated__glyph, .group:hover .icon-bullhorn-animated__glyph {
    animation: icon-bullhorn-shake 0.7s ease-in-out;
  }
  @keyframes icon-bullhorn-shake {
    0%, 100% {
      transform: rotate(0deg);
    }
    15% {
      transform: rotate(-13deg);
    }
    30% {
      transform: rotate(11deg);
    }
    45% {
      transform: rotate(-8deg);
    }
    60% {
      transform: rotate(5deg);
    }
    75% {
      transform: rotate(-3deg);
    }
  }
  .icon-lightbulb-on-animated__glyph {
    transform-box: fill-box;
    transform-origin: center;
  }
  .icon-lightbulb-on-animated:hover .icon-lightbulb-on-animated__glyph, button:hover .icon-lightbulb-on-animated__glyph, a:hover .icon-lightbulb-on-animated__glyph, .group:hover .icon-lightbulb-on-animated__glyph {
    animation: icon-lightbulb-surge 0.6s ease-in-out;
  }
  @keyframes icon-lightbulb-surge {
    0%, 100% {
      transform: scale(1);
      opacity: 1;
    }
    25% {
      transform: scale(0.96);
      opacity: 0.7;
    }
    55% {
      transform: scale(1.14);
      opacity: 1;
    }
  }
  .icon-envelope-animated__glyph {
    transform-box: fill-box;
    transform-origin: center;
  }
  .icon-envelope-animated:hover .icon-envelope-animated__glyph, button:hover .icon-envelope-animated__glyph, a:hover .icon-envelope-animated__glyph, .group:hover .icon-envelope-animated__glyph {
    animation: icon-envelope-ping 0.7s ease-in-out;
  }
  @keyframes icon-envelope-ping {
    0%, 100% {
      transform: scale(1) rotate(0deg);
    }
    20% {
      transform: scale(1.08) rotate(-4deg);
    }
    40% {
      transform: scale(1.02) rotate(4deg);
    }
    60% {
      transform: scale(1.06) rotate(-2deg);
    }
    80% {
      transform: scale(1.01) rotate(1deg);
    }
  }
  .icon-shield-check-animated__glyph {
    transform-box: fill-box;
    transform-origin: center;
  }
  .icon-shield-check-animated:hover .icon-shield-check-animated__glyph, button:hover .icon-shield-check-animated__glyph, a:hover .icon-shield-check-animated__glyph, .group:hover .icon-shield-check-animated__glyph {
    animation: icon-shield-beat 0.6s ease-in-out;
  }
  @keyframes icon-shield-beat {
    0%, 90% {
      transform: scale(1);
    }
    45% {
      transform: scale(1.12);
    }
  }
  .icon-wand-magic-sparkles-animated__spark {
    transform-box: fill-box;
    transform-origin: center;
  }
  .icon-wand-magic-sparkles-animated:hover .icon-wand-magic-sparkles-animated__spark--sm, button:hover .icon-wand-magic-sparkles-animated__spark--sm, a:hover .icon-wand-magic-sparkles-animated__spark--sm, .group:hover .icon-wand-magic-sparkles-animated__spark--sm {
    animation: icon-spark-grow 0.7s ease-in-out;
  }
  .icon-wand-magic-sparkles-animated:hover .icon-wand-magic-sparkles-animated__spark--lg, button:hover .icon-wand-magic-sparkles-animated__spark--lg, a:hover .icon-wand-magic-sparkles-animated__spark--lg, .group:hover .icon-wand-magic-sparkles-animated__spark--lg {
    animation: icon-spark-shrink 0.7s ease-in-out;
  }
  .icon-wand-magic-sparkles-animated:hover .icon-wand-magic-sparkles-animated__spark--1, button:hover .icon-wand-magic-sparkles-animated__spark--1, a:hover .icon-wand-magic-sparkles-animated__spark--1, .group:hover .icon-wand-magic-sparkles-animated__spark--1 {
    animation-delay: 0.15s;
  }
  .icon-wand-magic-sparkles-animated:hover .icon-wand-magic-sparkles-animated__spark--2, button:hover .icon-wand-magic-sparkles-animated__spark--2, a:hover .icon-wand-magic-sparkles-animated__spark--2, .group:hover .icon-wand-magic-sparkles-animated__spark--2 {
    animation-delay: 0.3s;
  }
  .icon-wand-magic-sparkles-animated:hover .icon-wand-magic-sparkles-animated__spark--3, button:hover .icon-wand-magic-sparkles-animated__spark--3, a:hover .icon-wand-magic-sparkles-animated__spark--3, .group:hover .icon-wand-magic-sparkles-animated__spark--3 {
    animation-delay: 0s;
  }
  @keyframes icon-spark-grow {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.6);
    }
  }
  @keyframes icon-spark-shrink {
    0%, 100% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.55);
    }
  }
}
@media (prefers-reduced-motion: no-preference) {
  .icon-sparkles-animated__spark {
    transform-box: fill-box;
    transform-origin: center;
  }
  .icon-sparkles-animated:hover .icon-sparkles-animated__spark--1, button:hover .icon-sparkles-animated__spark--1, a:hover .icon-sparkles-animated__spark--1, .group:hover .icon-sparkles-animated__spark--1 {
    animation: icon-sparkles-exit-a 1.1s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .icon-sparkles-animated:hover .icon-sparkles-animated__spark--2, button:hover .icon-sparkles-animated__spark--2, a:hover .icon-sparkles-animated__spark--2, .group:hover .icon-sparkles-animated__spark--2 {
    animation: icon-sparkles-exit-b 1.1s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .icon-sparkles-animated:hover .icon-sparkles-animated__spark--lg, button:hover .icon-sparkles-animated__spark--lg, a:hover .icon-sparkles-animated__spark--lg, .group:hover .icon-sparkles-animated__spark--lg {
    animation: icon-sparkles-pulse 1.1s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  @keyframes icon-sparkles-exit-a {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    14% {
      transform: scale(0);
      opacity: 0;
    }
    42% {
      transform: scale(0);
      opacity: 0;
    }
    58% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes icon-sparkles-exit-b {
    0%, 22% {
      transform: scale(1);
      opacity: 1;
    }
    36% {
      transform: scale(0);
      opacity: 0;
    }
    42% {
      transform: scale(0);
      opacity: 0;
    }
    58% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes icon-sparkles-pulse {
    0%, 14% {
      transform: scale(1);
    }
    36% {
      transform: scale(1.28);
    }
    52% {
      transform: scale(0.92);
    }
    66% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }
}
@media (prefers-reduced-motion: no-preference) {
  .icon-hand-holding-dollar-animated:hover .icon-hand-holding-dollar-animated__coin, button:hover .icon-hand-holding-dollar-animated__coin, a:hover .icon-hand-holding-dollar-animated__coin, .group:hover .icon-hand-holding-dollar-animated__coin {
    animation: icon-hhd-coin-drop 0.75s linear( 0 0%, 0.0867 5%, 0.2809 10%, 0.5055 15%, 0.7119 20%, 0.8752 25%, 0.988 30%, 1.0542 35%, 1.0833 40%, 1.0867 45%, 1.0749 50%, 1.0563 55%, 1.0368 60%, 1.0198 65%, 1.007 70%, 0.9986 75%, 0.994 80%, 0.9924 85%, 0.9926 90%, 0.994 95%, 1 100% ), icon-hhd-coin-fade 0.25s ease-out;
  }
  @keyframes icon-hhd-coin-drop {
    from {
      transform: translateY(-220px);
    }
    to {
      transform: translateY(0);
    }
  }
  @keyframes icon-hhd-coin-fade {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}
[data-slot='checkbox']:has(:checked) .icon-check-animated__mark {
  stroke-dashoffset: 0;
  opacity: 1;
}
[data-slot='checkbox']:not(:has(:checked)) .icon-check-animated__mark {
  stroke-dashoffset: 1;
  opacity: 0;
}
.icon-check-animated__mark {
  fill: none;
  stroke: currentColor;
}
@media (prefers-reduced-motion: no-preference) {
  .icon-check-animated__mark {
    transition: stroke-dashoffset 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.15s ease-out;
  }
  .icon-check-animated:hover .icon-check-animated__mark, button:hover .icon-check-animated__mark, a:hover .icon-check-animated__mark, .group:hover .icon-check-animated__mark {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  [data-slot='checkbox-box'] {
    transform-origin: center;
  }
  [data-slot='checkbox']:has(:checked) [data-slot='checkbox-box'] {
    animation: icon-checkbox-pop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  [data-slot='checkbox']:not(:has(:checked)) .icon-check-animated__mark {
    stroke-dashoffset: 1;
    opacity: 0;
  }
  @keyframes icon-checkbox-pop {
    0% {
      transform: scale(1);
    }
    45% {
      transform: scale(0.9);
    }
    100% {
      transform: scale(1);
    }
  }
}
@keyframes flow-svg-march {
  to {
    stroke-dashoffset: -20;
  }
}
@keyframes flow-svg-pulse {
  to {
    stroke-dashoffset: -100;
  }
}
[data-flow] {
  will-change: stroke-dashoffset;
}
[data-flow="march"] {
  stroke-dasharray: 8 12;
  animation: flow-svg-march var(--flow-duration, 1.4s) linear infinite;
}
[data-flow="pulse"] {
  stroke-dasharray: 12 88;
  stroke-dashoffset: 0;
  animation: flow-svg-pulse var(--flow-duration, 2.4s) linear infinite;
}
[data-flow="glow"] {
  stroke-dasharray: 14 86;
  stroke-dashoffset: 0;
  animation: flow-svg-pulse var(--flow-duration, 2.4s) linear infinite;
  filter: drop-shadow(0 0 4px var(--flow-color, currentColor));
}
[data-flow][style*="--flow-color"] {
  stroke: var(--flow-color);
}
@media (prefers-reduced-motion: reduce) {
  [data-flow] {
    animation: none !important;
  }
  [data-flow="glow"] {
    filter: none;
  }
}
.bento-border-glow {
  --bento-glow-opacity: 0;
  --bento-halo-background: none;
  --bento-stroke-enabled: 0;
  --bento-halo-blur: 36px;
  --bento-halo-strength: 0.5;
  --bento-halo-spread: 16px;
  position: relative;
  overflow: visible;
}
.bento-border-glow::after {
  content: '';
  position: absolute;
  inset: calc(-1 * var(--bento-halo-spread));
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: calc(var(--bento-glow-opacity) * var(--bento-halo-strength));
  filter: blur(var(--bento-halo-blur));
  will-change: opacity;
  background: var(--bento-halo-background);
}
.bento-border-glow__stroke {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: calc(var(--bento-glow-opacity) * var(--bento-stroke-enabled));
  padding: var(--bento-stroke-layer-width, 1px);
  background: var(--bento-stroke-layer-background, none);
  background-clip: padding-box;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.bento-border-glow__stroke--layer-0 {
  z-index: 2;
  --bento-stroke-layer-width: var(--bento-stroke-layer-0-width, 1px);
  --bento-stroke-layer-background: var(--bento-stroke-layer-0-background, none);
}
.bento-border-glow__stroke--layer-1 {
  z-index: 3;
  --bento-stroke-layer-width: var(--bento-stroke-layer-1-width, 1px);
  --bento-stroke-layer-background: var(--bento-stroke-layer-1-background, none);
}
.bento-border-glow__content {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
:root, :host {
  --radius: 0.7rem;
  --background: var(--color-gray-50);
  --foreground: var(--color-gray-950);
  --card: var(--color-gray-50);
  --card-foreground: var(--color-gray-950);
  --popover: var(--color-gray-50);
  --popover-foreground: var(--color-gray-950);
  --tooltip: var(--color-gray-950);
  --tooltip-foreground: var(--color-gray-50);
  --primary: var(--color-blue-600);
  --primary-foreground: var(--color-gray-50);
  --secondary: var(--color-gray-100);
  --secondary-foreground: var(--color-blue-600);
  --muted: var(--color-gray-100);
  --muted-foreground: var(--color-gray-500);
  --accent: var(--color-blue-600);
  --accent-foreground: var(--color-gray-50);
  --destructive: var(--color-red-500);
  --destructive-foreground: var(--color-gray-50);
  --border: var(--color-gray-200);
  --input: var(--color-gray-200);
  --ring: var(--color-blue-500);
  --chart-1: oklch(0.658 0.1811 269.3579);
  --chart-2: oklch(0.7392 0.1721 154.2975);
  --chart-3: oklch(0.8114 0.1402 65.0198);
  --chart-4: oklch(0.7135 0.2781 326.5536);
  --chart-5: oklch(0.8017 0.1334 191.1841);
  --sidebar: oklch(0.9851 0 0);
  --sidebar-foreground: oklch(0.2035 0.0016 197.0331);
  --sidebar-primary: oklch(0.549 0.2489 269.2583);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.9702 0 0);
  --sidebar-accent-foreground: oklch(0.2035 0.0016 197.0331);
  --sidebar-border: oklch(0.9173 0.0022 197.1191);
  --sidebar-ring: oklch(0.7025 0.0046 197.0516);
  --destructive-foreground: oklch(1 0 0);
  --font-inter: 'Inter', sans-serif;
  --font-sans: var(--font-inter), ui-sans-serif, sans-serif, system-ui;
  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.05;
  --shadow-blur: 7.5px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 2px;
  --letter-spacing: -0.025em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.03);
  --shadow-xs: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.03);
  --shadow-sm: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow-md: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05);
  --shadow-lg: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05);
  --shadow-xl: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05);
  --shadow-2xl: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.13);
  --tracking-normal: -0.025em;
}
.dark {
  --background: oklch(0.1472 0.0034 196.789);
  --foreground: oklch(0.9832 0.0053 286.3021);
  --card: oklch(0.2035 0.0016 197.0331);
  --card-foreground: oklch(0.9832 0.0053 286.3021);
  --popover: oklch(0.2499 0.003 196.9663);
  --popover-foreground: oklch(0.9832 0.0053 286.3021);
  --primary: oklch(0.658 0.1811 269.3579);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.2499 0.003 196.9663);
  --secondary-foreground: oklch(0.9832 0.0053 286.3021);
  --muted: oklch(0.2911 0.0029 196.999);
  --muted-foreground: oklch(0.7025 0.0046 197.0516);
  --accent: oklch(0.3414 0.2038 266.8985);
  --accent-foreground: oklch(0.9832 0.0053 286.3021);
  --destructive: oklch(0.6542 0.2321 28.6592);
  --border: oklch(0.2911 0.0029 196.999);
  --input: oklch(0.3619 0.0027 197.0363);
  --ring: oklch(0.658 0.1811 269.3579);
  --chart-1: oklch(0.7317 0.138 269.125);
  --chart-2: oklch(0.796 0.1382 163.7452);
  --chart-3: oklch(0.8644 0.1221 77.4621);
  --chart-4: oklch(0.7799 0.1898 326.2255);
  --chart-5: oklch(0.8737 0.1229 191.9222);
  --sidebar: oklch(0.2035 0.0016 197.0331);
  --sidebar-foreground: oklch(0.9832 0.0053 286.3021);
  --sidebar-primary: oklch(0.549 0.2489 269.2583);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.2499 0.003 196.9663);
  --sidebar-accent-foreground: oklch(0.9832 0.0053 286.3021);
  --sidebar-border: oklch(0.2911 0.0029 196.999);
  --sidebar-ring: oklch(0.5304 0.0061 196.9708);
  --destructive-foreground: oklch(1 0 0);
  --radius: 0.7rem;
  --font-inter: 'Inter', sans-serif;
  --font-sans: var(--font-inter), ui-sans-serif, sans-serif, system-ui;
  --font-serif: 'Lora', serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --shadow-color: hsl(0 0% 0%);
  --shadow-opacity: 0.05;
  --shadow-blur: 7.5px;
  --shadow-spread: 0px;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 2px;
  --letter-spacing: -0.025em;
  --spacing: 0.25rem;
  --shadow-2xs: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.03);
  --shadow-xs: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.03);
  --shadow-sm: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.05), 0px 1px 2px -1px hsl(0 0% 0% / 0.05);
  --shadow-md: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.05), 0px 2px 4px -1px hsl(0 0% 0% / 0.05);
  --shadow-lg: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.05), 0px 4px 6px -1px hsl(0 0% 0% / 0.05);
  --shadow-xl: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.05), 0px 8px 10px -1px hsl(0 0% 0% / 0.05);
  --shadow-2xl: 0px 2px 7.5px 0px hsl(0 0% 0% / 0.13);
}
@layer base {
  * {
    border-color: var(--border);
    outline-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  body {
    background-color: var(--background);
    font-family: var(--font-sans);
    color: var(--foreground);
    letter-spacing: var(--tracking-normal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  button:not(:disabled):not([aria-disabled='true']) {
    cursor: pointer;
  }
  button:disabled, button[disabled], button[aria-disabled='true'] {
    cursor: not-allowed;
  }
}
@layer utilities {
  .container {
    width: 100%;
    margin-inline: auto;
    max-width: 80rem;
  }
}
@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-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  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: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@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-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: 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-duration: initial;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

/* Dark theme for the isolated header — matched to the legacy Vue header
 * (corefy.com), expressed with corefy gray-scale values. Each value is the
 * nearest corefy token to the Vue colour; deltas are sub-perceptible.
 *
 *   Vue #0b0c0d (panel)   -> gray-930 #090b0b
 *   Vue #1a1a1a (border)  -> gray-900 #161717
 *   Vue #222    (info col)-> gray-800 #202222
 *   Vue #040505 (bar/icon)-> gray-950 #040505 (exact)
 *   Vue #fff    (text/CTA)-> gray-50  #ffffff (exact)
 *
 * Toggled by SiteHeader.toggleTheme() adding `theme-corefy-dark` to the wrapper.
 * Tweak freely — all values are corefy tokens.
 */

/* --- Surfaces --- */
.theme-corefy-dark.header-v2 {
  background: #040505;
} /* bar  — gray-950 (Vue hero) */
.theme-corefy-dark .bg-white {
  background-color: #090b0b;
} /* panel container / center — gray-930 */
.theme-corefy-dark .bg-gray-80 {
  background-color: #202222;
} /* side rails (left = right) — gray-800 */
.theme-corefy-dark .bg-gray-50 {
  background-color: #040505;
} /* mobile drawer */
.theme-corefy-dark .bg-gray-100,
.theme-corefy-dark .bg-gray-200,
.theme-corefy-dark .bg-blue-50 {
  background-color: #202222;
}
.theme-corefy-dark .bg-foreground {
  background-color: #040505;
} /* icon circles — gray-950 (Vue #040505) */
.theme-corefy-dark .bg-off-white,
.theme-corefy-dark .hover\:bg-off-white:hover {
  background-color: #202222;
}

/* Social icons ("Follow us"): light theme uses per-brand hover colours; on dark we
   want a neutral grey lift (matching the Vue dark header). The socials carry
   bg-gray-200, so override their hover here (beats the per-brand hover utilities,
   which are layered while this is not). SVGs use currentColor → icon brightens. */
.theme-corefy-dark .bg-gray-200:hover {
  background-color: #3c3e3e; /* gray-600 — lighter than the #202222 box */
  color: #ffffff;
}

/* --- Text --- */
.theme-corefy-dark .text-gray-950,
.theme-corefy-dark .text-gray-800 {
  color: #ffffff;
} /* titles + links — gray-50 (Vue #fff) */
.theme-corefy-dark .text-gray-500,
.theme-corefy-dark .text-gray-400 {
  color: #9ca0a0;
} /* descriptions — gray-400 */
.theme-corefy-dark .text-gray-300 {
  color: #686d6d;
} /* disabled — gray-500 */

/* --- Blue accents (non-CTA) + link hovers --- */
.theme-corefy-dark .text-blue-700,
.theme-corefy-dark .text-blue-600 {
  color: #6687ff;
} /* blue-400 */
.theme-corefy-dark .border-blue-700 {
  border-color: #6687ff;
}
.theme-corefy-dark .hover\:text-blue-700:hover,
.theme-corefy-dark .group:hover .group-hover\:text-blue-700 {
  color: #6687ff;
}

/* Icon circles: blue fill on hover — mirrors light's group-hover:bg-blue-600.
   (Our dark overrides are unlayered, so they beat the layered hover utility;
   re-assert it here.) */
.theme-corefy-dark .group:hover .group-hover\:bg-blue-600 {
  background-color: #1e35ff;
}

/* --- Primary CTA ("Get started") — mirrors the light theme, in white --- */
/* default: white stroke (like light's blue outline, but white) */
.theme-corefy-dark [data-desktop-nav] a[href='/request-a-demo'] {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
/* hover: full white fill (like light's blue fill, but white) */
.theme-corefy-dark [data-desktop-nav] a[href='/request-a-demo']:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #040505;
}

/* --- Yellow/gold tags ("soon", "we're hiring") keep dark text in dark theme --- */
.theme-corefy-dark .bg-gold-400.text-gray-950 {
  color: #040505;
}

/* --- Borders --- */
.theme-corefy-dark .border-gray-100,
.theme-corefy-dark .border-gray-200 {
  border-color: #161717;
} /* gray-900 (Vue #1a1a1a) */
.theme-corefy-dark .border-b-gray-100 {
  border-bottom-color: #161717;
}
.theme-corefy-dark .border-b-white {
  border-bottom-color: #090b0b;
} /* arrow tip → panel */

/* --- Logo → white (Vue swaps to header__logo-white) --- */
.theme-corefy-dark [data-desktop-nav] a[href='/'] img {
  filter: brightness(0) invert(1);
}