:root {
  --ess-white: #fff;
  --ess-black: #000;
  --ess-brand-primary-900: #0f1f33;
  --ess-brand-primary-800: #23334a;
  --ess-brand-primary-700: #374860;
  --ess-brand-primary-600: #4a5d77;
  --ess-brand-primary-500: #5e728e;
  --ess-neutral-700: #5c666e;
  --ess-neutral-600: #8a949c;
  --ess-neutral-500: #b3bcc3;
  --ess-neutral-300: #d9dee2;
  --ess-neutral-200: #e3e7ea;
  --ess-neutral-100: #eef1f3;
  --ess-brand-secondary-700: #830028;
  --ess-brand-secondary-600: #e3144d;
  --ess-brand-secondary-500: #e9668e;
  --ess-hellblau: #c2d9ff;
  --ess-hellblau-200: #adc5e8;
  --ess-primary: var(--ess-black);
  --ess-accent: var(--ess-brand-secondary-600);
  --ess-accent-dark: var(--ess-brand-secondary-700);
  --ess-accent-deeper: var(--ess-brand-primary-800);
  --ess-accent-secondary: var(--ess-brand-secondary-600);
  --ess-bg: var(--ess-white);
  --ess-bg-alt: var(--ess-neutral-100);
  --ess-bg-dark: var(--ess-brand-primary-900);
  --ess-text: var(--ess-brand-primary-800);
  --ess-text-muted: var(--ess-neutral-700);
  --ess-text-on-dark: var(--ess-white);
  --ess-headline-color: var(--ess-brand-primary-900);
  --ess-copytext-color: var(--ess-brand-primary-900);
  --ess-border: var(--ess-neutral-300);
  --ess-border-strong: var(--ess-neutral-500);
  --ess-white-a15: rgba(255, 255, 255, 0.15);
  --ess-white-a30: rgba(255, 255, 255, 0.3);
  --ess-gradient-light: linear-gradient(337deg, var(--ess-neutral-500) -22.53%, var(--ess-neutral-200) 77.56%);
  --ess-gradient-dark: linear-gradient(90deg, var(--ess-brand-primary-900) 0%, var(--ess-hellblau) 100%);
  --ess-gradient-card-dark: linear-gradient(180deg, var(--ess-brand-primary-800) 0%, var(--ess-brand-primary-900) 131.48%);
  --ess-mesh-mid: #7d96b5;
  --ess-gradient-mesh: var(--ess-mesh-mid);
  --ess-mesh-scrim: none;
  --ess-mesh-dur: 18s;
  --ess-mesh-blur: 45px;
  --ess-mesh-size: 1;
  --ess-seam-hellblau: #c9dcfb;
  --ess-gradient-dark-diagonal: linear-gradient(135deg, var(--ess-brand-primary-800) 0%, var(--ess-brand-primary-900) 50%, var(--ess-brand-primary-800) 100%);
  --ess-tagline-color: var(--ess-brand-primary-900);
  --ess-tagline-dot: var(--ess-brand-primary-700);
  --ess-accent-text: var(--ess-brand-primary-700);
  --ess-font-head: "Manrope", system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif;
  --ess-font-body: "Manrope", system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif;
  --ess-h1: 2.25rem;
  --ess-h2: 1.875rem;
  --ess-h3: 1.5rem;
  --ess-h4: 1.25rem;
  --ess-h5: 1.125rem;
  --ess-tagline: 0.75rem;
  --ess-testimonial: 1.25rem;
  --ess-highlight: 1.625rem;
  --ess-lh-highlight: 1.5;
  --ess-lh-h1: 3rem;
  --ess-lh-h2: 2.375rem;
  --ess-lh-h3: 2rem;
  --ess-lh-h4: 1.625rem;
  --ess-lh-h5: 1.75rem;
  --ess-ls-head: -0.08px;
  --ess-ls-lg: 0.08px;
  --ess-ls-tagline: 1.5px;
  --ess-ls-caps-link: 1.92px;
  --ess-text-lg: 1.125rem;
  --ess-text-md: 1rem;
  --ess-text-base: 1rem;
  --ess-text-sm: 0.875rem;
  --ess-text-xs: 0.75rem;
  --ess-lh-body: 1.5;
  --ess-lh-body-md: 1.5;
  --ess-r-sm: 0.75rem;
  --ess-r-lg: 1.5rem;
  --ess-r-btn: var(--ess-r-sm);
  --ess-r-card: var(--ess-r-sm);
  --ess-r-card-lg: var(--ess-r-lg);
  --ess-space-tiny: 0.5rem;
  --ess-space-2xs: 0.75rem;
  --ess-space-xxs: 1rem;
  --ess-space-xs: 1.25rem;
  --ess-space-sm: 1.5rem;
  --ess-space-md: 3rem;
  --ess-space-lg: 4rem;
  --ess-py-small: 3rem;
  --ess-py-big: var(--ess-py-small);
  --ess-px: 1.5rem;
  --ess-gap: 3rem;
  --ess-page-gap: 3rem;
  --ess-grid-gap-lg: clamp(var(--ess-space-sm), 6vw, 120px);
  --ess-section-pt: var(--ess-py-small);
  --ess-section-pb: var(--ess-py-small);
  --ess-section-pt-small: var(--ess-py-small);
  --ess-section-pt-big: var(--ess-py-big);
  --ess-section-pb-small: var(--ess-py-small);
  --ess-section-pb-big: var(--ess-py-big);
  --ess-container-lg: 1900px;
  --ess-narrow-inset: clamp(0px, (100% - 52.5rem) / 2, 17.5rem);
  --ess-container-xl: 1756px;
  --ess-max-w-xxs: 320px;
  --ess-max-w-xs: 400px;
  --ess-max-w-sm: 480px;
  --ess-max-w-md: 560px;
  --ess-max-w-lg: 768px;
  --ess-max-w-xl: 1024px;
  --ess-slider-arrow-color: var(--ess-brand-primary-900);
  --ess-slider-arrow-border: var(--ess-brand-primary-900);
  --ess-slider-arrow-disabled-color: var(--ess-brand-primary-500);
  --ess-slider-arrow-disabled-border: var(--ess-brand-primary-500);
  --ess-slider-dot-color: var(--ess-hellblau-200);
  --ess-slider-dot-active-color: var(--ess-accent);
  --ess-highlight-lit: var(--ess-brand-primary-900);
  --ess-highlight-dim: var(--ess-hellblau);
  --ess-card-ratio: 16 / 9;
  --ess-card-min-w: 280px;
  --ess-card-pad: var(--ess-py-small);
  --ess-btn-min-height: 3rem;
  --ess-btn-sm-min-height: 2.5rem;
  --ess-btn-padding-y: 0.75rem;
  --ess-btn-padding-x: 1.5rem;
  --ess-btn-sm-padding-y: 0.5rem;
  --ess-btn-sm-padding-x: 0.75rem;
  --ess-btn-font-size: var(--ess-text-base);
  --ess-btn-font-weight: 500;
  --ess-btn-font-weight-filled: 500;
  --ess-btn-font-weight-outline: 500;
  --ess-btn-letter-spacing: 1.5px;
  --ess-btn-chamfer: 0.75rem;
  --ess-btn-chamfer-stroke: 1px;
  --ess-btn-dur: 300ms;
  --ess-btn-primary-bg: var(--ess-btn-primary-bg-on-light);
  --ess-btn-primary-border: var(--ess-btn-primary-border-on-light);
  --ess-btn-primary-color: var(--ess-btn-primary-color-on-light);
  --ess-btn-primary-hover-bg: var(--ess-btn-primary-hover-bg-on-light);
  --ess-btn-primary-hover-border: var(--ess-btn-primary-hover-border-on-light);
  --ess-btn-primary-hover-color: var(--ess-btn-primary-hover-color-on-light);
  --ess-btn-secondary-bg: var(--ess-btn-secondary-bg-on-light);
  --ess-btn-secondary-border: var(--ess-btn-secondary-border-on-light);
  --ess-btn-secondary-color: var(--ess-btn-secondary-color-on-light);
  --ess-btn-secondary-hover-bg: var(--ess-btn-secondary-hover-bg-on-light);
  --ess-btn-secondary-hover-border: var(--ess-btn-secondary-hover-border-on-light);
  --ess-btn-secondary-hover-color: var(--ess-btn-secondary-hover-color-on-light);
  --ess-btn-secondary-cell-bg: var(--ess-btn-secondary-cell-bg-on-light);
  --ess-btn-secondary-cell-color: var(--ess-btn-secondary-cell-color-on-light);
  --ess-btn-primary-bg-on-light: var(--ess-accent);
  --ess-btn-primary-border-on-light: var(--ess-accent);
  --ess-btn-primary-color-on-light: var(--ess-white);
  --ess-btn-primary-hover-bg-on-light: var(--ess-btn-primary-bg-on-light);
  --ess-btn-primary-hover-border-on-light: var(--ess-btn-primary-border-on-light);
  --ess-btn-primary-hover-color-on-light: var(--ess-btn-primary-color-on-light);
  --ess-btn-secondary-bg-on-light: var(--ess-white);
  --ess-btn-secondary-border-on-light: var(--ess-accent);
  --ess-btn-secondary-color-on-light: var(--ess-accent);
  --ess-btn-secondary-hover-bg-on-light: var(--ess-btn-secondary-bg-on-light);
  --ess-btn-secondary-hover-border-on-light: var(--ess-btn-secondary-border-on-light);
  --ess-btn-secondary-hover-color-on-light: var(--ess-btn-secondary-color-on-light);
  --ess-btn-secondary-cell-bg-on-light: var(--ess-white);
  --ess-btn-secondary-cell-color-on-light: var(--ess-accent);
  --ess-btn-primary-bg-on-dark: var(--ess-white);
  --ess-btn-primary-border-on-dark: var(--ess-white);
  --ess-btn-primary-color-on-dark: var(--ess-accent);
  --ess-btn-primary-hover-bg-on-dark: var(--ess-btn-primary-bg-on-dark);
  --ess-btn-primary-hover-border-on-dark: var(--ess-btn-primary-border-on-dark);
  --ess-btn-primary-hover-color-on-dark: var(--ess-btn-primary-color-on-dark);
  --ess-btn-secondary-bg-on-dark: var(--ess-brand-primary-900);
  --ess-btn-secondary-border-on-dark: var(--ess-white);
  --ess-btn-secondary-color-on-dark: var(--ess-white);
  --ess-btn-secondary-hover-bg-on-dark: var(--ess-btn-secondary-bg-on-dark);
  --ess-btn-secondary-hover-border-on-dark: var(--ess-btn-secondary-border-on-dark);
  --ess-btn-secondary-hover-color-on-dark: var(--ess-btn-secondary-color-on-dark);
  --ess-btn-secondary-cell-bg-on-dark: var(--ess-accent);
  --ess-btn-secondary-cell-color-on-dark: var(--ess-white);
  --ess-btn-primary-bg-on-hellblau: var(--ess-brand-primary-900);
  --ess-btn-primary-border-on-hellblau: var(--ess-brand-primary-900);
  --ess-btn-primary-color-on-hellblau: var(--ess-white);
  --ess-btn-primary-hover-bg-on-hellblau: var(--ess-btn-primary-bg-on-hellblau);
  --ess-btn-primary-hover-border-on-hellblau: var(--ess-btn-primary-border-on-hellblau);
  --ess-btn-primary-hover-color-on-hellblau: var(--ess-btn-primary-color-on-hellblau);
  --ess-btn-secondary-bg-on-hellblau: var(--ess-hellblau);
  --ess-btn-secondary-border-on-hellblau: var(--ess-brand-primary-900);
  --ess-btn-secondary-color-on-hellblau: var(--ess-brand-primary-900);
  --ess-btn-secondary-hover-bg-on-hellblau: var(--ess-btn-secondary-bg-on-hellblau);
  --ess-btn-secondary-hover-border-on-hellblau: var(--ess-btn-secondary-border-on-hellblau);
  --ess-btn-secondary-hover-color-on-hellblau: var(--ess-btn-secondary-color-on-hellblau);
  --ess-btn-secondary-cell-bg-on-hellblau: var(--ess-white);
  --ess-btn-secondary-cell-color-on-hellblau: var(--ess-brand-primary-900);
  --ess-dur-fast: 150ms;
  --ess-dur-swift: 200ms;
  --ess-dur-normal: 250ms;
  --ess-dur-slow: 400ms;
  --ess-dur-slower: 600ms;
  --ess-dur-reveal: 900ms;
  --ess-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ess-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ess-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ess-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ess-ease-swift: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ess-ease-reveal: cubic-bezier(0.16, 1, 0.3, 1);
  --ess-sr-shift-y: 4.5rem;
  --ess-sr-shift-x: 6rem;
  --ess-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.12);
  --ess-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
  --ess-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
  --ess-focus-ring: 0 0 0 3px color-mix(in srgb, var(--ess-accent) 25%, transparent);
  --ess-danger: #d32f2f;
  --ess-danger-ring: 0 0 0 3px color-mix(in srgb, var(--ess-danger) 15%, transparent);
}

@media (min-width: 992px) {
  :root {
    --ess-text-lg: 1.25rem;
    --ess-text-md: 1.125rem;
    --ess-text-base: 1rem;
    --ess-text-sm: 0.875rem;
    --ess-text-xs: 0.75rem;
    --ess-h1: 3.75rem;
    --ess-h2: 3rem;
    --ess-testimonial: 2.25rem;
    --ess-h3: 2.25rem;
    --ess-h4: 1.5rem;
    --ess-h5: 1.125rem;
    --ess-lh-h1: 4.75rem;
    --ess-lh-h2: 3.625rem;
    --ess-lh-h3: 3rem;
    --ess-lh-h4: 2rem;
    --ess-highlight: 2.25rem;
    --ess-space-xxs: 1rem;
    --ess-space-xs: 1.5rem;
    --ess-space-sm: 1.5rem;
    --ess-space-md: 5rem;
    --ess-space-lg: 7rem;
    --ess-px: 5rem;
    --ess-gap: 4rem;
    --ess-page-gap: 4rem;
    --ess-py-small: 4.5rem;
  }
}
@media (min-width: 1440px) {
  :root {
    --ess-grid-gap-lg: 120px;
  }
}