/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme {
  :root, :host {
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-950: oklch(14.1% 0.005 285.823);
    --color-neutral-200: oklch(92.2% 0 none);
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-normal: 0em;
    --tracking-widest: 0.1em;
    --leading-normal: 1.5;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --font-display: "Plus Jakarta Sans", -apple-system, system-ui, sans-serif;
    --font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, sans-serif;
    --text-display: max(28px, min(5vw, 38px));
    --text-display--line-height: 1.2;
    --text-h1: max(26px, min(4vw, 32px));
    --text-h1--line-height: 1.2;
    --text-h2: max(21px, min(3vw, 26px));
    --text-h3: 21px;
    --text-h3--line-height: 1.3;
    --text-h4: 18px;
    --text-h4--line-height: 24px;
    --text-lede: 17px;
    --text-lede--line-height: 1.6;
    --text-body: 16px;
    --text-body--line-height: 24px;
    --text-body-sm: 14px;
    --text-body-sm--line-height: 20px;
    --text-caption: 12px;
    --text-caption--line-height: 16px;
    --leading-display: 1.2;
    --leading-h2: 1.25;
    --leading-h3: 1.3;
    --leading-lede: 1.6;
    --leading-body: 24px;
    --tracking-display: -0.025em;
    --tracking-h2: -0.02em;
    --tracking-h4: -0.015em;
    --color-navy: #17114f;
    --color-nav-ink: #2a2451;
    --color-nav-muted: #6e6a87;
    --color-navy-raised: #251d75;
    --color-ink: #17114f;
    --color-ink-2: #3d3863;
    --color-page: #fbfaf7;
    --color-section-warm: #f4efe6;
    --color-card: #fdfbf6;
    --color-surface: #fff;
    --color-card-quiet: rgba(0, 0, 0, 0.02);
    --color-subtle: #3d3863;
    --color-ink-3: #5e5a77;
    --color-line: #eae3d2;
    --color-border-warm: #eae3d2;
    --color-line-strong: #cfcaba;
    --color-chip: #f6f5f1;
    --color-chip-line: #e8e5dc;
    --color-brand: #0ea5e0;
    --color-commerce: #0ea5e0;
    --color-commerce-hover: #0890c7;
    --tracking-btn-nav: -0.005em;
    --leading-btn-nav: 14px;
    --color-accent: #17a79b;
    --color-accent-deep: #138f84;
    --color-accent-tint: rgba(23, 167, 155, 0.14);
    --color-trustpilot-tint: rgba(0, 182, 122, 0.14);
    --radius-btn: 12px;
    --radius-btn-nav: 999px;
    --radius-card: 16px;
    --radius-section: 24px;
    --shadow-card-rest: 0 1px 2px rgba(23, 17, 79, 0.04);
    --shadow-card-lift: 0 8px 24px -8px rgba(23, 17, 79, 0.16),
    0 2px 4px -1px rgba(23, 17, 79, 0.06);
    --shadow-btn-lift: 0 4px 10px -2px rgba(23, 17, 79, 0.16),
    0 2px 4px -1px rgba(23, 17, 79, 0.06);
    --shadow-commerce-rest: 0 1px 2px 0 rgba(14, 165, 224, 0.18);
    --shadow-commerce-lift: 0 4px 10px -2px rgba(14, 165, 224, 0.26),
    0 2px 4px -1px rgba(14, 165, 224, 0.1);
    --spacing-mkt-6: 80px;
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  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-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;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@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-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-content: "";
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-border-style: solid;
      --tw-duration: initial;
      --tw-ease: 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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
    }
  }
}
