:root {
  --v5-header-height: 124px;
  --v5-nav-ink: var(--v5-neutral-950, #171918);
  --v5-nav-muted: var(--v5-neutral-700, #4f5c59);
  --v5-nav-accent: var(--niklas-color-accent, #00cdbd);
  --v5-nav-accent-dark: #006f68;
  --v5-content-width: 1800px;
  --v5-gutter: clamp(20px, 4.2vw, 64px);
  --v5-process-product-image-height: clamp(450px, 42.5vw, 625px);
}

@media (max-width: 991px) {
  :root {
    --v5-header-height: 128px;
  }
}

body.v5-alpha {
  --v5-neutral-0: #ffffff;
  --v5-neutral-50: #f3f7f6;
  --v5-neutral-100: #e8eeec;
  --v5-neutral-200: #dfe6e3;
  --v5-neutral-300: #cfdad7;
  --v5-neutral-600: #65706d;
  --v5-neutral-700: #4f5c59;
  --v5-neutral-950: #171918;
  --v5-primary-soft: #e7f7f4;
  --v5-ink: var(--v5-neutral-950, #171918);
  --v5-muted: var(--v5-neutral-700, #4f5c59);
  --v5-turquoise: var(--niklas-color-accent, #00cdbd);
  --v5-turquoise-dark: #006f68;
  --v5-paper: var(--v5-white);
  --v5-content-width: 1800px;
  --v5-gutter: clamp(20px, 4.2vw, 64px);
  --v5-white: var(--v5-neutral-0, #ffffff);
  --v5-process-card-gradient: linear-gradient(145deg, var(--v5-neutral-0) 0%, var(--v5-neutral-50) 58%, var(--v5-primary-soft) 100%);
  --v5-process-card-hover-gradient: linear-gradient(145deg, var(--v5-neutral-0) 0%, var(--v5-primary-soft) 58%, rgba(0,205,189,.16) 100%);
  --v5-shadow-header: 0 4px 14px rgba(23,25,24,.08);
  --v5-shadow-footer: 0 -4px 14px rgba(23,25,24,.08);
  --v5-shadow-card: 0 6px 20px rgba(23,25,24,.06);
  --v5-shadow-card-hover: 0 12px 28px rgba(23,25,24,.10);
  --v5-shadow-card-raised: 0 12px 32px rgba(23,25,24,.09);
  --v5-card-border: 1px solid var(--v5-neutral-200);
  --v5-card-accent-width: 3px;
  --v5-card-hover-translate: -3px;
  --v5-card-motion: 220ms ease;
  --v5-shell-font-size: clamp(18px, 1.35vw, 19px);
  --v5-shell-font-weight: 400;
  --v5-shell-label-weight: 400;
  --v5-shell-line-height: 1.4;
  --v5-shell-tracking: .005em;
  --bs-secondary-color: var(--v5-muted, #4f5c59);
  --v5-product-system-stage-height: 480px;
  --v5-home-image-edge-mask: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%), linear-gradient(to top, transparent 0%, #000 7%, #000 100%);
  --v5-page-surround: #f5f5f5;
  --v5-inner-width: calc(var(--v5-content-width) - 2 * var(--v5-gutter));
  --v5-service-hero-background: linear-gradient(112deg, var(--v5-neutral-50) 0%, var(--v5-white) 54%, var(--v5-primary-soft) 100%);
  --v5-service-surface: var(--v5-neutral-50);
  --v5-service-content-columns: minmax(0, .85fr) minmax(0, 1.35fr);
  --v5-type-emphasis-weight: 500;
  --v5-type-action-weight: 400;
  --v5-type-eyebrow-weight: 400;
  --niklas-button-primary-font-family: var(--niklas-font-body);
  --bs-body-font-family: var(--niklas-font-body);
  --v5-hero-copy-width: 650px;
}

body.v5-alpha {
  --niklas-font-body: "Roboto", Helvetica, Arial, sans-serif;
  --niklas-font-heading: "Roboto", Helvetica, Arial, sans-serif;
  --niklas-font-weight-body: 400;
  --niklas-font-weight-heading: 300;
  --niklas-line-height-body: 1.65;
  --niklas-line-height-heading: 1.16;
  --niklas-color-text: var(--v5-ink);
  --niklas-color-muted: var(--v5-muted);
  --niklas-color-surface: var(--v5-paper);
  --niklas-container-width: var(--v5-inner-width);
  --niklas-page-gutter: var(--v5-gutter);
  --niklas-shadow-card: var(--v5-shadow-card);
  --niklas-radius-default: 0;
  --niklas-section-space: var(--v5-space-section);
  --v5-space-1: 8px;
  --v5-space-2: 12px;
  --v5-space-3: 16px;
  --v5-space-4: 24px;
  --v5-space-5: 32px;
  --v5-space-6: 48px;
  --v5-space-7: 64px;
  --v5-space-section: clamp(48px, 5vw, 72px);
  --v5-space-column: clamp(32px, 4vw, 64px);
  --v5-button-font-size: var(--v5-font-size-small, .84rem);
  --v5-eyebrow-font-size: var(--v5-font-size-small, .84rem);
  --v5-control-height: 48px;
  --v5-diagram-stage-height: 700px;
  --v5-product-photo-background: var(--v5-neutral-0, #ffffff);
  --v5-product-photo-hover: #d9eee6;
  --niklas-space-xs: 4px;
  --niklas-space-sm: var(--v5-space-1);
  --niklas-space-md: var(--v5-space-2);
  --niklas-space-lg: var(--v5-space-4);
  --niklas-space-xl: var(--v5-space-5);
  --niklas-space-2xl: var(--v5-space-6);
  --niklas-space-3xl: var(--v5-space-7);
  --niklas-button-primary-font-size: var(--v5-button-font-size, .84rem);
  --niklas-button-primary-min-height: 52px;
  --niklas-action-control-min-height: 52px;
  --niklas-action-control-padding-block: var(--v5-space-3);
  --niklas-action-control-padding-inline: var(--v5-space-4);
  --bs-border-radius: 0;
  --cc-btn-border-radius: 0;
  --cc-modal-border-radius: 0;
  --v5-font-size-small: .84rem;
  --v5-eyebrow-tracking: .12em;
  --v5-eyebrow-line-width: 42px;
  --v5-type-section-size: clamp(30px, 3.15vw, 46px);
  --v5-type-section-line-height: 1.16;
  --v5-type-section-weight: 300;
  --v5-type-card-size: clamp(21px, 1.9vw, 27px);
  --v5-type-card-line-height: 1.27;
  --v5-type-card-weight: 300;
  --v5-type-detail-size: 1.05rem;
  --v5-type-detail-line-height: 1.3;
  --v5-type-detail-weight: 400;
  --v5-type-body-size: 16px;
  --v5-type-lead-size: 18px;
  --v5-type-editorial-copy-size: 17px;
  --cc-font-family: var(--niklas-font-body);
  --v5-type-hero-fact-size: clamp(18px, 1.4vw, 20px);
  --v5-type-hero-fact-line-height: 1.3;
  --v5-type-hero-fact-weight: 400;
  --v5-home-image-edge-mask: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%), linear-gradient(to top, transparent 0%, #000 7%, #000 100%);
  --v5-hero-min-height: clamp(720px, 88vh, 900px);
}

@media (max-width: 991px) {
  body.v5-alpha {
    --v5-shell-font-size: 17px;
    --v5-eyebrow-line-width: 28px;
  }
}

body.v5-alpha {
  --v5-type-h1-size: clamp(32px, 3.9vw, 56px);
  --v5-home-image-edge-mask: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%), linear-gradient(to top, transparent 0%, #000 7%, #000 100%);
  --v5-type-hero-h1-size: clamp(32px, calc(3.8vw - 4.56px), 51px);
}

@media (max-width: 767.98px) {
  body.v5-alpha {
    --v5-type-h1-size: clamp(28px, 6.9vw, 34px);
    --v5-type-hero-h1-size: var(--v5-type-h1-size);
  }
}

@media (min-width: 992px) and (max-width: 1330px) {
  body.v5-alpha {
    --v5-shell-font-size: clamp(15px, 1.35vw, 18px);
  }
}

@media (max-width: 1199.98px) {
  body.v5-alpha {
    --v5-hero-min-height: max(0px, calc(100svh - var(--v5-header-height)));
  }
}