@layer theme {
  :where(:root) {
    --c6-color-brand-1: #0026c5;
    --c6-color-brand-2: #88dbdf;
    --c6-color-brand-3: #00256d;
    --c6-color-brand-4: #e564b1;
    --c6-color-brand-5: #00b388;
    --c6-color-brand-6: #7664b1;
    --c6-color-hero-grad-1: var(--c6-color-brand-3);
    --c6-color-hero-grad-2: var(--c6-color-brand-6);
    --c6-font-family-display: 'Silka', var(--c6-font-family-system-ui);
    --c6-bg-pattern-preventx: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath d='m24.999 15.448-2.947-2.947L25 9.553v-.354l-2.948-2.947 1.911-1.911c.446-.447.692-1.033.692-1.651s-.246-1.204-.692-1.651a2.314 2.314 0 0 0-3.303 0L18.749 2.95 15.802.002h-.354L12.501 2.95 9.553.002h-.354L6.252 2.95 4.341 1.039a2.314 2.314 0 0 0-3.304-.002C.591 1.484.345 2.07.345 2.688s.246 1.204.692 1.651L2.948 6.25 0 9.197v.354l2.948 2.947L0 15.446v.354l2.948 2.947-1.911 1.911c-.446.447-.692 1.033-.692 1.651s.246 1.204.692 1.651c.463.462 1.058.693 1.651.693s1.188-.231 1.651-.693l1.911-1.911 2.948 2.948h.354l2.947-2.948 2.948 2.948h.354l2.947-2.948 1.911 1.911c.463.462 1.058.693 1.651.693s1.188-.231 1.651-.693c.446-.447.692-1.033.692-1.651s-.246-1.204-.692-1.651l-1.911-1.911 2.948-2.947v-.354Zm-.176-6.073-2.948 2.948-2.948-2.948 2.948-2.948zm-9.198 9.198-1.912-1.912c-.4-.399-.62-.923-.62-1.474s.22-1.074.62-1.474c.413-.414.943-.62 1.474-.62s1.061.206 1.474.62l1.912 1.912-2.947 2.947Zm3.125-2.771 2.948 2.948-2.947 2.947-2.948-2.948zm-1.911-2.266a2.314 2.314 0 0 0-3.303 0c-.446.447-.692 1.033-.692 1.651s.246 1.204.692 1.651l1.912 1.912-2.948 2.948-2.948-2.948 1.912-1.912c.446-.447.692-1.033.692-1.651s-.246-1.204-.692-1.651a2.314 2.314 0 0 0-3.303 0l-1.912 1.912L3.301 12.5l2.948-2.948 1.912 1.912c.463.462 1.058.693 1.651.693s1.188-.231 1.651-.693c.446-.447.692-1.033.692-1.651s-.246-1.204-.692-1.651L9.551 6.25l2.948-2.948 2.948 2.948-1.912 1.912c-.446.447-.692 1.033-.692 1.651s.246 1.204.692 1.651c.463.462 1.058.693 1.651.693s1.188-.231 1.651-.693l1.912-1.912 2.948 2.948-2.948 2.948-1.912-1.912ZM6.427 15.625l1.912-1.912c.413-.414.943-.62 1.474-.62s1.06.206 1.474.62c.4.399.62.923.62 1.474s-.22 1.074-.62 1.474l-1.912 1.912-2.947-2.947Zm2.771 3.125L6.25 21.698l-2.947-2.947 2.948-2.948zm.177-12.323 1.912 1.912c.4.399.62.923.62 1.474s-.22 1.074-.62 1.474a2.06 2.06 0 0 1-2.947 0L6.428 9.375l2.947-2.947ZM6.25 9.198 3.302 6.25l2.947-2.947 2.948 2.948zm12.323.177-1.912 1.912a2.06 2.06 0 0 1-2.947 0c-.4-.399-.62-.923-.62-1.474s.22-1.074.62-1.474l1.912-1.912 2.947 2.947ZM15.802 6.25l2.948-2.948 2.947 2.947-2.948 2.948zm5.037-5.036c.413-.414.943-.62 1.474-.62s1.06.206 1.474.62c.4.399.62.923.62 1.474s-.22 1.074-.62 1.474l-1.911 1.911-2.947-2.947 1.911-1.911ZM15.625.177l2.948 2.948-2.948 2.948-2.948-2.948zm-6.25 0 2.948 2.948-2.948 2.948-2.948-2.948zM1.214 4.161c-.4-.399-.62-.923-.62-1.474s.22-1.074.62-1.474c.413-.414.943-.62 1.474-.62s1.061.206 1.474.62l1.911 1.911-2.947 2.947L1.215 4.16ZM.177 9.375l2.948-2.948 2.948 2.948-2.948 2.948zm0 6.25 2.948-2.948 2.948 2.948-2.948 2.948zm3.984 8.161a2.06 2.06 0 0 1-2.947 0c-.4-.399-.62-.923-.62-1.474s.22-1.074.62-1.474l1.911-1.911 2.947 2.947-1.911 1.911Zm5.214 1.037-2.948-2.948 2.948-2.948 2.948 2.948zm6.25 0-2.948-2.948 2.948-2.948 2.948 2.948zm8.161-3.984c.4.399.62.923.62 1.474s-.22 1.074-.62 1.474a2.06 2.06 0 0 1-2.947 0l-1.911-1.911 2.947-2.947 1.911 1.911Zm-1.911-2.266-2.948-2.948 2.948-2.948 2.948 2.948z'/%3E%3C/svg%3E");
    --c6-bg-pattern-graph: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-opacity='.42' fill-rule='evenodd'%3E%3Cpath d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4zm-1 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-9-10h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm9-10v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-9-10h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm9-10v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-9-10h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm9-10v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-10 0v-9h-9v9zm-9-10h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9zm10 0h9v-9h-9z' opacity='.5'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5z'/%3E%3C/g%3E%3C/svg%3E");
    --c6-color-surface-content--light: #fff;
    --c6-color-primary--light: var(--c6-color-brand-1);
    --c6-color-ui-primary--light: var(--c6-color-indigo-1);
    --c6-color-highlight-primary--light: var(--c6-color-indigo-2);
    --c6-color-text-primary--light: var(--c6-color-indigo-7);
    --c6-color-border-primary--light: var(--c6-color-indigo-2);
    --c6-color-ui-accent--light: var(--c6-color-cyan-1);
    --c6-color-highlight-accent--light: var(--c6-color-cyan-2);
    --c6-color-text-accent--light: var(--c6-color-cyan-7);
    --c6-color-border-accent--light: var(--c6-color-cyan-2);
    --c6-color-bg-1--light: var(--c6-color-brand-1);
    --c6-color-bg-2--light: var(--c6-color-brand-2);
    --c6-color-bg-3--light: var(--c6-color-brand-3);
    --c6-color-bg-4--light: var(--c6-color-brand-4);
    --c6-color-bg-5--light: var(--c6-color-brand-5);
    --c6-color-bg-6--light: var(--c6-color-brand-6);
    --c6-color-comp-1--light: var(--c6-color-brand-6);
    --c6-color-brand--light: var(--c6-color-brand-1);
    --c6-color-accent--light: var(--c6-color-brand-2);
    --c6-color-action--light: var(--c6-color-brand-1);
    --c6-color-px-masthead--light: var(--c6-color-brand-1);
    --c6-color-px-marquee--light: var(--c6-color-bg-2);
    --c6-color-px-partner--light: var(--c6-color-brand-3);
    --c6-bg-masthead-color-block-hero: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' aria-label='px hero colour block' viewBox='0 0 1100 1075'%3E%3Cpath fill='none' d='M0 0h1100v1075H0z'/%3E%3Cpath d='M166.768 673.27 51.553 1075h1009.079L1100 939.398z'/%3E%3C/svg%3E");
    --c6-bg-masthead-color-block-hero-color--light: invert(77%) sepia(40%)
      saturate(323%) hue-rotate(134deg) brightness(99%) contrast(89%);
    --c6-color-footer-logo--light: var(--c6-color-brand-1);
    --c6-color-ui-card-shuk--light: var(--c6-color-blue-1);
    --c6-color-hover-card-shuk--light: var(--c6-color-blue-2);
    --c6-color-ui-card-shl--light: var(--c6-color-sky-1);
    --c6-color-hover-card-shl--light: var(--c6-color-sky-2);
    --c6-color-ui-card-ftm--light: var(--c6-color-orange-1);
    --c6-color-hover-card-ftm--light: var(--c6-color-orange-2);
    --c6-color-ui-card-tm--light: var(--c6-color-purple-1);
    --c6-color-hover-card-tm--light: var(--c6-color-purple-2);
    --c6-color-surface-content--dark: var(--c6-color-indigo-9);
    --c6-color-surface-0--dark: color-mix(
      in srgb,
      var(--c6-color-indigo-9) 70%,
      #000
    );
    --c6-table-color--dark: color-mix(
      in srgb,
      var(--c6-color-indigo-9) 70%,
      #000
    );
    --c6-color-primary--dark: var(--c6-color-brand-2);
    --c6-color-ui-primary--dark: var(--c6-color-indigo-10);
    --c6-color-highlight-primary--dark: var(--c6-color-indigo-8);
    --c6-color-text-primary--dark: var(--c6-color-indigo-3);
    --c6-color-border-primary--dark: var(--c6-color-indigo-8);
    --c6-color-ui-accent--dark: var(--c6-color-cyan-10);
    --c6-color-highlight-accent--dark: var(--c6-color-cyan-8);
    --c6-color-text-accent--dark: var(--c6-color-cyan-3);
    --c6-color-border-accent--dark: var(--c6-color-cyan-8);
    --c6-color-bg-1--dark: var(--c6-color-brand-1);
    --c6-color-bg-2--dark: var(--c6-color-sky-8);
    --c6-color-bg-3--dark: color-mix(
      in srgb,
      var(--c6-color-indigo-9) 70%,
      #000
    );
    --c6-color-bg-4--dark: var(--c6-color-brand-4);
    --c6-color-bg-5--dark: var(--c6-color-brand-5);
    --c6-color-bg-6--dark: var(--c6-color-brand-6);
    --c6-color-comp-1--dark: var(--c6-color-brand-4);
    --c6-color-brand--dark: var(--c6-color-brand-1);
    --c6-color-accent--dark: var(--c6-color-brand-2);
    --c6-color-action--dark: var(--c6-color-brand-2);
    --c6-color-px-masthead--dark: color-mix(
      in srgb,
      var(--c6-color-indigo-9) 80%,
      #000
    );
    --c6-color-px-marquee--dark: var(--c6-color-bg-2);
    --c6-color-px-partner--dark: var(--c6-color-brand-3);
    --c6-bg-masthead-color-block-hero-color--dark: invert(60%) sepia(71%)
      saturate(1934%) hue-rotate(290deg) brightness(94%) contrast(91%);
    --c6-color-footer-logo--dark: var(--c6-color-brand-2);
    --c6-color-ui-card-shuk--dark: color-mix(
      in srgb,
      var(--c6-color-blue-9) 80%,
      #000
    );
    --c6-color-hover-card-shuk--dark: var(--c6-color-blue-8);
    --c6-color-ui-card-shl--dark: color-mix(
      in srgb,
      var(--c6-color-sky-9) 80%,
      #000
    );
    --c6-color-hover-card-shl--dark: var(--c6-color-sky-8);
    --c6-color-ui-card-ftm--dark: color-mix(
      in srgb,
      var(--c6-color-orange-9) 80%,
      #000
    );
    --c6-color-hover-card-ftm--dark: var(--c6-color-orange-8);
    --c6-color-ui-card-tm--dark: color-mix(
      in srgb,
      var(--c6-color-blue-9) 80%,
      #000
    );
    --c6-color-hover-card-tm--dark: var(--c6-color-purple-8);
  }
  :where(:root),
  [color-scheme='light'] {
    color-scheme: light;
    --c6-color-primary: var(--c6-color-primary--light);
    --c6-color-ui-primary: var(--c6-color-ui-primary--light);
    --c6-color-highlight-primary: var(--c6-color-highlight-primary--light);
    --c6-color-text-primary: var(--c6-color-text-primary--light);
    --c6-color-border-primary: var(--c6-color-border-primary--light);
    --c6-color-bg-1: var(--c6-color-bg-1--light);
    --c6-color-bg-2: var(--c6-color-bg-2--light);
    --c6-color-bg-3: var(--c6-color-bg-3--light);
    --c6-color-bg-4: var(--c6-color-bg-4--light);
    --c6-color-bg-5: var(--c6-color-bg-5--light);
    --c6-color-bg-6: var(--c6-color-bg-6--light);
    --c6-color-comp-1: var(--c6-color-comp-1--light);
    --c6-color-brand: var(--c6-color-brand--light);
    --c6-color-accent: var(--c6-color-accent--light);
    --c6-color-action: var(--c6-color-action--light);
    --c6-color-px-masthead: var(--c6-color-px-masthead--light);
    --c6-color-px-marquee: var(--c6-color-px-marquee--light);
    --c6-color-px-partner: var(--c6-color-px-partner--light);
    --c6-bg-masthead-color-block-hero-color: var(
      --c6-bg-masthead-color-block-hero-color--light
    );
    --c6-color-footer-logo: var(--c6-color-footer-logo--light);
    --c6-color-ui-card-shuk: var(--c6-color-ui-card-shuk--light);
    --c6-color-hover-card-shuk: var(--c6-color-hover-card-shuk--light);
    --c6-color-ui-card-shl: var(--c6-color-ui-card-shl--light);
    --c6-color-hover-card-shl: var(--c6-color-hover-card-shl--light);
    --c6-color-ui-card-ftm: var(--c6-color-ui-card-ftm--light);
    --c6-color-hover-card-ftm: var(--c6-color-hover-card-ftm--light);
    --c6-color-ui-card-tm: var(--c6-color-ui-card-tm--light);
    --c6-color-hover-card-tm: var(--c6-color-hover-card-tm--light);
  }
  @media (prefers-color-scheme: dark) {
    :where(:root) {
      color-scheme: dark;
      --c6-color-primary: var(--c6-color-primary--dark);
      --c6-color-ui-primary: var(--c6-color-ui-primary--dark);
      --c6-color-highlight-primary: var(--c6-color-highlight-primary--dark);
      --c6-color-text-primary: var(--c6-color-text-primary--dark);
      --c6-color-border-primary: var(--c6-color-border-primary--dark);
      --c6-color-bg-1: var(--c6-color-bg-1--dark);
      --c6-color-bg-2: var(--c6-color-bg-2--dark);
      --c6-color-bg-3: var(--c6-color-bg-3--dark);
      --c6-color-bg-4: var(--c6-color-bg-4--dark);
      --c6-color-bg-5: var(--c6-color-bg-5--dark);
      --c6-color-bg-6: var(--c6-color-bg-6--dark);
      --c6-color-comp-1: var(--c6-color-comp-1--dark);
      --c6-color-brand: var(--c6-color-brand--dark);
      --c6-color-accent: var(--c6-color-accent--dark);
      --c6-color-action: var(--c6-color-action--dark);
      --c6-color-px-masthead: var(--c6-color-px-masthead--dark);
      --c6-color-px-marquee: var(--c6-color-px-marquee--dark);
      --c6-color-px-partner: var(--c6-color-px-partner--dark);
      --c6-bg-masthead-color-block-hero-color: var(
        --c6-bg-masthead-color-block-hero-color--dark
      );
      --c6-color-footer-logo: var(--c6-color-footer-logo--dark);
      --c6-color-ui-card-shuk: var(--c6-color-ui-card-shuk--dark);
      --c6-color-hover-card-shuk: var(--c6-color-hover-card-shuk--dark);
      --c6-color-ui-card-shl: var(--c6-color-ui-card-shl--dark);
      --c6-color-hover-card-shl: var(--c6-color-hover-card-shl--dark);
      --c6-color-ui-card-ftm: var(--c6-color-ui-card-ftm--dark);
      --c6-color-hover-card-ftm: var(--c6-color-hover-card-ftm--dark);
      --c6-color-ui-card-tm: var(--c6-color-ui-card-tm--dark);
      --c6-color-hover-card-tm: var(--c6-color-hover-card-tm--dark);
    }
  }
  [color-scheme='dark'] {
    color-scheme: dark;
    --c6-color-primary: var(--c6-color-primary--dark);
    --c6-color-ui-primary: var(--c6-color-ui-primary--dark);
    --c6-color-highlight-primary: var(--c6-color-highlight-primary--dark);
    --c6-color-text-primary: var(--c6-color-text-primary--dark);
    --c6-color-border-primary: var(--c6-color-border-primary--dark);
    --c6-color-bg-1: var(--c6-color-bg-1--dark);
    --c6-color-bg-2: var(--c6-color-bg-2--dark);
    --c6-color-bg-3: var(--c6-color-bg-3--dark);
    --c6-color-bg-4: var(--c6-color-bg-4--dark);
    --c6-color-bg-5: var(--c6-color-bg-5--dark);
    --c6-color-bg-6: var(--c6-color-bg-6--dark);
    --c6-color-comp-1: var(--c6-color-comp-1--dark);
    --c6-color-brand: var(--c6-color-brand--dark);
    --c6-color-accent: var(--c6-color-accent--dark);
    --c6-color-action: var(--c6-color-action--dark);
    --c6-color-px-masthead: var(--c6-color-px-masthead--dark);
    --c6-color-px-marquee: var(--c6-color-px-marquee--dark);
    --c6-color-px-partner: var(--c6-color-px-partner--dark);
    --c6-bg-masthead-color-block-hero-color: var(
      --c6-bg-masthead-color-block-hero-color--dark
    );
    --c6-color-footer-logo: var(--c6-color-footer-logo--dark);
    --c6-color-ui-card-shuk: var(--c6-color-ui-card-shuk--dark);
    --c6-color-hover-card-shuk: var(--c6-color-hover-card-shuk--dark);
    --c6-color-ui-card-shl: var(--c6-color-ui-card-shl--dark);
    --c6-color-hover-card-shl: var(--c6-color-hover-card-shl--dark);
    --c6-color-ui-card-ftm: var(--c6-color-ui-card-ftm--dark);
    --c6-color-hover-card-ftm: var(--c6-color-hover-card-ftm--dark);
    --c6-color-ui-card-tm: var(--c6-color-ui-card-tm--dark);
    --c6-color-hover-card-tm: var(--c6-color-hover-card-tm--dark);
  }
  .bg-brand-1 {
    background-color: var(--c6-color-brand-1);
  }
  .bg-brand-2 {
    background-color: var(--c6-color-brand-2);
  }
  .bg-brand-3 {
    background-color: var(--c6-color-brand-3);
  }
  .bg-brand-4 {
    background-color: var(--c6-color-brand-4);
  }
  .bg-brand-5 {
    background-color: var(--c6-color-brand-5);
  }
  .bg-brand-6 {
    background-color: var(--c6-color-brand-6);
  }
  .t-brand-1 {
    color: var(--c6-color-brand-1);
  }
  .t-brand-2 {
    color: var(--c6-color-brand-2);
  }
  .t-brand-3 {
    color: var(--c6-color-brand-3);
  }
  .t-brand-4 {
    color: var(--c6-color-brand-4);
  }
  .t-brand-5 {
    color: var(--c6-color-brand-5);
  }
  .t-brand-6 {
    color: var(--c6-color-brand-6);
  }
  .bg-color-1 {
    background-color: var(--c6-color-bg-1);
  }
  .bg-color-2 {
    background-color: var(--c6-color-bg-2);
  }
  .bg-color-3 {
    background-color: var(--c6-color-bg-3);
  }
  .bg-color-4 {
    background-color: var(--c6-color-bg-4);
  }
  .bg-color-5 {
    background-color: var(--c6-color-bg-5);
  }
  .bg-color-6 {
    background-color: var(--c6-color-bg-6);
  }
  .t-color-1 {
    color: var(--c6-color-brand-1);
  }
  .t-color-2 {
    color: var(--c6-color-brand-2);
  }
  .t-color-3 {
    color: var(--c6-color-brand-3);
  }
  .t-color-4 {
    color: var(--c6-color-brand-4);
  }
  .t-color-5 {
    color: var(--c6-color-brand-5);
  }
  .t-color-6 {
    color: var(--c6-color-brand-6);
  }
  .brand-logo {
    --c6-brand-logo-height: var(--c6-size-5);
    block-size: var(--c6-brand-logo-height);
    fill: var(--c6-color-accent);
    * {
      transition: all var(--c6-duration-base) ease-out;
    }
  }
  .brand-icon {
    inline-size: var(--c6-size-fluid-base);
  }
  .brand-icon-bg,
  .brand-logo-text {
    fill: var(--c6-color-brand);
  }
  .preventx {
    background-color: var(--c6-color-surface-content);
    :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4) {
      font-weight: var(--c6-font-weight-semibold);
      letter-spacing: -1px;
    }
    .site-head {
      --c6-header-min-height: 6.25rem;
      :is(.site-head .button, .site-head__link) {
        color: #fff;
      }
      .brand-logo {
        --c6-brand-logo-height: var(--c6-size-6);
      }
      .brand-icon-bg,
      .brand-logo-text {
        fill: var(--c6-color-accent);
      }
    }
    .site-head:after {
      background: var(--c6-color-px-masthead);
    }
    .dropdown__panel {
      outline: 0;
      &.active {
        border-block-start-color: var(--c6-color-accent);
      }
    }
    @media (max-width: 991px) {
      .nav-drawer nav {
        background-color: var(--c6-color-px-masthead);
      }
    }
    .button[data-type='accent'] {
      color: var(--c6-color-gray-10);
    }
    .masthead {
      --c6-masthead-height: 450px;
      background-color: var(--c6-color-bg-2);
    }
    @media (max-width: 991px) {
      .masthead {
        min-block-size: 25vh;
      }
    }
    .site-content {
      border: none;
    }
  }
  .preventx:not(.home) {
    .masthead {
      block-size: var(--c6-masthead-height);
    }
    .hero-mask {
      img {
        block-size: var(--c6-masthead-height);
        inline-size: var(--c6-hero-col);
      }
    }
  }
  .preventx.home {
    .site-head {
      backdrop-filter: blur(5px);
    }
    main {
      overflow-x: hidden;
    }
    .masthead {
      background-color: var(--c6-color-px-masthead);
      color: #fff;
      min-block-size: 90vh;
      .hero__content {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
      }
      .hero__title {
        font-size: var(--c6-font-size-fluid-6);
        place-self: center;
        em {
          background: var(--c6-color-px-masthead);
        }
      }
      .hero__graphic {
        grid-template-rows: 1fr 1fr;
        &:before {
          background-image: var(--c6-bg-masthead-color-block-hero);
          background-position: 100% 100%;
          background-repeat: no-repeat;
          content: '';
          display: block;
          filter: var(--c6-bg-masthead-color-block-hero-color);
          grid-row: 1/3;
          inline-size: 1100px;
        }
      }
      .hero-mask {
        grid-row: 1/3;
        img {
          mask-image: var(--c6-bg-masthead-mask-hero-main);
        }
      }
    }
    @media (max-width: 991px) {
      .hero.masthead {
        min-block-size: 50vh;
        .hero__content {
          grid-template-columns: 1fr;
          grid-template-rows: 20vh 1fr;
        }
        .hero__title {
          place-self: start;
        }
        .hero__graphic {
          grid-template-columns: 1fr;
          grid-template-rows: 1fr;
          margin-inline-start: 0;
          &:before {
            display: none;
          }
        }
        .hero-mask {
          img {
            mask-size: 120%;
          }
        }
      }
    }
    .region--heading {
      h2 {
        em {
          &:after {
            background-color: var(--c6-color-brand-6);
            block-size: var(--c6-border-size-md);
            content: '';
            inline-size: 50%;
            inset-block-end: calc(var(--c6-border-size-thick) * -1);
            inset-inline-end: 0;
            inset-inline-start: 0;
            margin: 0 auto;
            position: absolute;
            @media (prefers-reduced-motion: no-preference) {
              transition: 0.5s;
            }
          }
        }
        &:hover {
          em:after {
            background-color: var(--c6-color-brand-4);
            block-size: var(--c6-border-size-thick);
            inline-size: 100%;
          }
        }
      }
    }
    [id='end-to-end'] .region--icons {
      .headline__title {
        &:after {
          color: var(--c6-color-primary);
          content: '_';
          font-weight: var(--c6-font-weight-bold);
          opacity: 1;
          @media (prefers-reduced-motion: no-preference) {
            animation: blink 1.5s infinite;
          }
        }
      }
    }
  }
  :is(.prose) :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4) {
    max-inline-size: var(--c6-size-header-4);
  }
  figcaption {
    font-style: normal;
  }
  blockquote {
    border-inline-start-color: var(--c6-color-primary);
  }
  .headline__title {
    color: var(--c6-color-primary);
  }
}
.region--heading {
  color: var(--c6-color-comp-1);
  text-align: center;
  h2 {
    font-size: var(--c6-font-size-fluid-5);
    line-height: inherit;
    em {
      font-style: normal;
      position: relative;
    }
  }
}
.region--marquee {
  align-items: center;
  background-color: var(--c6-color-px-marquee);
  border-radius: var(--c6-border-radius-lg);
  gap: 6rem;
  padding: 0 4rem;
  @media (max-width: 991px) {
    padding-bottom: 4rem;
    padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 4rem;
  }
  .marquee-wrapper-vertical {
    display: flex;
    gap: 1.5rem;
    margin: auto;
    max-block-size: 60vh;
    @media (max-width: 991px) {
      display: none;
    }
  }
  .animate .marquee__content {
    --c6-marquee-duration: 40s;
  }
}
.marquee__title {
  color: var(--c6-color-brand);
  font-size: var(--c6-font-size-fluid-3);
}
.region--features {
  .headline__title {
    color: var(--c6-color-primary);
    font-size: var(--c6-font-size-fluid-5);
  }
  .headline__sub {
    max-inline-size: unset;
  }
  .card {
    border: 0;
    border-radius: var(--c6-border-radius-lg);
    box-shadow: none;
    text-align: center;
    transition: all var(--c6-duration-base) ease-out;
    &:hover {
      border-radius: var(--c6-border-radius-xl);
    }
  }
  .card__hero {
    aspect-ratio: var(--c6-ratio-widescreen);
  }
  .card__content {
    margin-block-start: 0;
    padding: var(--c6-size-wide);
    padding-block-start: 0;
  }
  .card__footer {
    border: none;
    inline-size: 100%;
    padding: var(--c6-size-wide);
  }
  .card__action {
    color: var(--c6-text-1);
  }
  :is(
    .button[data-type='link']:where(
        :not(:active, .active, [disabled], :disabled, .disabled):hover
      )
  ).card__action {
    background-color: hsla(0, 0%, 100%, 0.25);
  }
  .auto-grid {
    margin-block-end: var(--c6-size-fluid-7);
  }
  :is(.card--shuk, .card--shl, .card--ftm, .card--tm) {
    border-style: var(--c6-border-style-base);
    border-width: var(--c6-border-size-base);
  }
  .card--shuk {
    background-color: var(--c6-color-ui-card-shuk);
    border-color: var(--c6-color-ui-card-shuk);
    &:hover {
      background-color: var(--c6-color-hover-card-shuk);
    }
  }
  .card--shl {
    background-color: var(--c6-color-ui-card-shl);
    border-color: var(--c6-color-ui-card-shl);
    &:hover {
      background-color: var(--c6-color-hover-card-shl);
    }
  }
  .card--ftm {
    background-color: var(--c6-color-ui-card-ftm);
    border-color: var(--c6-color-ui-card-ftm);
    &:hover {
      background-color: var(--c6-color-hover-card-ftm);
    }
  }
  .card--tm {
    background-color: var(--c6-color-ui-card-tm);
    border-color: var(--c6-color-ui-card-tm);
    &:hover {
      background-color: var(--c6-color-hover-card-tm);
    }
  }
}
.region--icons {
  background: radial-gradient(
    farthest-side at 50% 100%,
    rgba(0, 38, 197, 0.15) 0,
    rgba(0, 38, 197, 0) 100%
  );
  border-block-end: var(--c6-border-stroke);
  padding: var(--c6-size-fluid-8) var(--c6-size-fluid-4);
  position: relative;
  &:before {
    background: radial-gradient(
      ellipse farthest-side at 50% 100%,
      rgba(0, 0, 0, 0.1) 0,
      transparent 100%
    );
    block-size: 100%;
    content: '';
    display: block;
    inline-size: 100%;
    inset: 0;
    mask-image: var(--c6-bg-pattern-preventx);
    mask-repeat: repeat;
    mask-size: 50px 50px;
    position: absolute;
  }
  .headline__title {
    background: linear-gradient(120deg, #0026c5, #00256d);
    background-clip: text;
    color: transparent;
    font-size: var(--c6-font-size-fluid-5);
    &:after {
      color: var(--c6-color-brand-2);
    }
  }
  @keyframes blink {
    50% {
      opacity: 0;
    }
  }
  .headline__sub {
    font-size: var(--c6-font-size-lg);
    opacity: 0.8;
  }
  .auto-grid {
    --c6-grid-min-item-size: 10rem;
    z-index: 1;
  }
  figure {
    display: grid;
    gap: 0;
    justify-items: center;
  }
  svg {
    aspect-ratio: var(--c6-ratio-square);
    inline-size: 4rem;
  }
  svg,
  svg * {
    fill: var(--c6-color-primary);
  }
}
.region--brands {
  .headline__title {
    color: var(--c6-color-brand-4);
    font-size: var(--c6-font-size-fluid-4);
    margin-block-end: var(--c6-region-space);
    text-align: center;
  }
  .wrapper {
    padding-block: var(--c6-size-fluid-7);
  }
  .auto-grid {
    --c6-grid-placement: auto-fit;
  }
  figure {
    display: grid;
    gap: 0;
    justify-items: center;
  }
}
.region--partner {
  --c6-switcher-vertical-alignment: center;
  align-items: center;
  border: var(--c6-border-ui);
  border-radius: var(--c6-border-radius-lg);
  color: #fff;
  gap: 6rem;
  padding: var(--c6-size-fluid-6);
  position: relative;
  z-index: 1;
  &:before {
    background-clip: padding-box;
    background-image: var(--c6-bg-pattern-preventx);
    background-position: 100% 0;
    background-repeat: repeat;
    background-size: 50px, 50px;
    content: '';
    filter: invert(1);
    inset: 0;
    opacity: 0.1;
    position: absolute;
    z-index: -1;
  }
  .headline__title {
    color: #fff;
    font-size: var(--c6-font-size-fluid-5);
  }
  p {
    font-size: 1.2rem;
  }
  .grid-img {
    overflow: hidden;
  }
  .grid-img img {
    block-size: 100%;
    border-radius: var(--c6-border-radius-lg);
    inline-size: 100%;
    object-fit: cover;
  }
}
.site-footer {
  padding: var(--c6-size-fluid-base);
  padding-block-start: var(--c6-size-fluid-7);
  text-align: unset;
  .brand-logo {
    --c6-brand-logo-height: var(--c6-size-3);
  }
  .brand-logo,
  .brand-logo-text {
    fill: var(--c6-color-footer-logo);
  }
  hr {
    margin-block-start: var(--c6-size-fluid-base);
  }
  .repel {
    --c6-repel-vertical-alignment: flex-end;
  }
}
.service--shuk {
  --c6-service-logo-height: 2rem;
  --c6-color-service--light: var(--c6-color-text-1);
  --c6-color-service-logo-main--light: #005eb8;
  --c6-color-service--dark: var(--c6-color-text-1);
  --c6-color-service-logo-main--dark: color-mix(
    in srgb,
    var(--c6-color-service-logo-main--light) 60%,
    #fff
  );
}
.service--shl {
  --c6-service-logo-height: 4rem;
  --c6-color-service--light: var(--c6-color-text-1);
  --c6-color-service-logo-main--light: #6e93b1;
  --c6-color-service-logo-2--light: #50a5cd;
  --c6-color-service-logo-3--light: #68b0b5;
  --c6-color-service--dark: var(--c6-color-text-1);
  --c6-color-service-logo-main--dark: #6e93b1;
  --c6-color-service-logo-2--dark: #50a5cd;
  --c6-color-service-logo-3--dark: #68b0b5;
}
.service--freetestme {
  --c6-service-logo-height: 2.5rem;
  --c6-color-service--light: var(--c6-color-text-1);
  --c6-color-service-logo-main--light: #ff8f1c;
  --c6-color-service--dark: var(--c6-color-text-1);
  --c6-color-service-logo-main--dark: color-mix(
    in srgb,
    var(--c6-color-service-logo-main--light) 60%,
    #fff
  );
}
.service--testme {
  --c6-service-logo-height: 2rem;
  --c6-color-service--light: var(--c6-color-text-1);
  --c6-color-service-logo-main--light: #6b69af;
  --c6-color-service--dark: var(--c6-color-text-1);
  --c6-color-service-logo-main--dark: color-mix(
    in srgb,
    var(--c6-color-service-logo-main--light) 60%,
    #fff
  );
}
.service--nhs {
  --c6-service-logo-height: 4rem;
  --c6-color-service--light: #fff;
  --c6-color-service-logo-main--light: #005eb8;
  --c6-color-service--dark: #fff;
  --c6-color-service-logo-main--dark: #005eb8;
}
.service--cqc {
  --c6-service-logo-height: 4rem;
  --c6-color-service--light: #fff;
  --c6-color-service-logo-main--light: #6c276a;
  --c6-color-service--dark: #6c276a;
  --c6-color-service-logo-main--dark: #fff;
}
.service--cyber-essentials {
  --c6-service-logo-height: 4rem;
  --c6-color-service--light: #fff;
  --c6-color-service-logo-main--light: #2f3055;
  --c6-color-service-logo-2--light: #98cc6a;
  --c6-color-service-logo-3--light: #6dcff6;
  --c6-color-service--dark: var(--c6-color-text-1);
  --c6-color-service-logo-main--dark: #2f3055;
  --c6-color-service-logo-2--dark: #98cc6a;
  --c6-color-service-logo-3--dark: #6dcff6;
}
.service--ukas {
  --c6-service-logo-height: 11.5rem;
  --c6-color-service--light: var(--c6-text-1);
  --c6-color-service-logo-main--light: #322668;
  --c6-color-service--dark: #fff;
  --c6-color-service-logo-main--dark: #fff;
}
.service--hotc {
  --c6-service-logo-height: 6rem;
  --c6-color-service--light: #fff;
  --c6-color-service-logo-main--light: #4f1752;
  --c6-color-service-logo-2--light: #ed7b23;
  --c6-color-service--dark: #4f1752;
  --c6-color-service-logo-main--dark: #fff;
  --c6-color-service-logo-2--dark: #4f1752;
}
:is(
  .service--shuk,
  .service--shl,
  .service--freetestme,
  .service--testme,
  .service--nhs,
  .service--cqc,
  .service--cyber-essentials,
  .service--ukas,
  .service--hotc
) {
  color-scheme: light;
  --c6-color-service: var(--c6-color-service--light);
  --c6-color-service-logo-main: var(--c6-color-service-logo-main--light);
}
:is(.service--hotc) {
  color-scheme: light;
  --c6-color-service-logo-2: var(--c6-color-service-logo-2--light);
}
:is(.service--shl, .service--cyber-essentials) {
  color-scheme: light;
  --c6-color-service-logo-2: var(--c6-color-service-logo-2--light);
  --c6-color-service-logo-3: var(--c6-color-service-logo-3--light);
}
[color-scheme='light']
  :is(
    .service--shuk,
    .service--shl,
    .service--freetestme,
    .service--testme,
    .service--nhs,
    .service--cqc,
    .service--cyber-essentials,
    .service--ukas,
    .service--hotc
  ) {
  color-scheme: light;
  --c6-color-service: var(--c6-color-service--light);
  --c6-color-service-logo-main: var(--c6-color-service-logo-main--light);
}
[color-scheme='light'] :is(.service--hotc) {
  color-scheme: light;
  --c6-color-service-logo-2: var(--c6-color-service-logo-2--light);
}
[color-scheme='light'] :is(.service--shl, .service--cyber-essentials) {
  color-scheme: light;
  --c6-color-service-logo-2: var(--c6-color-service-logo-2--light);
  --c6-color-service-logo-3: var(--c6-color-service-logo-3--light);
}
@media (prefers-color-scheme: dark) {
  :is(
    .service--shuk,
    .service--shl,
    .service--freetestme,
    .service--testme,
    .service--nhs,
    .service--cqc,
    .service--cyber-essentials,
    .service--ukas,
    .service--hotc
  ) {
    color-scheme: dark;
    --c6-color-service: var(--c6-color-service--dark);
    --c6-color-service-logo-main: var(--c6-color-service-logo-main--dark);
  }
  :is(.service--hotc) {
    color-scheme: dark;
    --c6-color-service-logo-2: var(--c6-color-service-logo-2--dark);
  }
  :is(.service--shl, .service--cyber-essentials) {
    color-scheme: dark;
    --c6-color-service-logo-2: var(--c6-color-service-logo-2--dark);
    --c6-color-service-logo-3: var(--c6-color-service-logo-3--dark);
  }
}
[color-scheme='dark']
  :is(
    .service--shuk,
    .service--shl,
    .service--freetestme,
    .service--testme,
    .service--nhs,
    .service--cqc,
    .service--cyber-essentials,
    .service--ukas,
    .service--hotc
  ) {
  color-scheme: dark;
  --c6-color-service: var(--c6-color-service--dark);
  --c6-color-service-logo-main: var(--c6-color-service-logo-main--dark);
}
[color-scheme='dark'] :is(.service--hotc) {
  color-scheme: dark;
  --c6-color-service-logo-2: var(--c6-color-service-logo-2--dark);
}
[color-scheme='dark'] :is(.service--shl, .service--cyber-essentials) {
  color-scheme: dark;
  --c6-color-service-logo-2: var(--c6-color-service-logo-2--dark);
  --c6-color-service-logo-3: var(--c6-color-service-logo-3--dark);
}
.service-logo {
  block-size: var(--c6-service-logo-height);
}
.service-logo * {
  transition: all var(--c6-duration-base) ease-out;
}
.service-icon {
  inline-size: var(--c6-size-fluid-base);
}
.service-icon-bg {
  fill: var(--c6-surface-1);
}
.service-logo-text--accent {
  fill: var(--c6-color-accent);
}
.service-logo-text {
  fill: var(--c6-color-service);
}
.service-logo-main {
  fill: var(--c6-color-service-logo-main);
}
.service-logo-2 {
  fill: var(--c6-color-service-logo-2);
}
.service-logo-3 {
  fill: var(--c6-color-service-logo-3);
}
@media (prefers-color-scheme: dark) {
  .brand-logo-text,
  :not(.home) .brand-icon-bg {
    fill: var(--c6-color-accent);
  }
  .link {
    &[data-type='secondary'] {
      color: var(--c6-color-white);
      text-decoration-color: var(--c6-color-white);
    }
  }
  .service--nhs {
    outline: var(--c6-border-size-heavy) var(--c6-border-style-base) #fff;
  }
  [id='about'] .region--marquee {
    .marquee__title {
      color: var(--c6-color-primary);
    }
  }
  [id='services'] .region--features {
    .headline__title {
      color: var(--c6-color-primary);
    }
    .headline__sub {
      font-size: 1.2em;
    }
  }
  [id='partner'] .region--partner {
    .button {
      background-color: var(--c6-color-primary);
    }
  }
  [id='end-to-end'] .region--icons {
    .headline__title {
      background: linear-gradient(120deg, #88dbdf, #00b388);
      background-clip: text;
    }
  }
}
[color-scheme='dark'] {
  .brand-logo-text,
  :not(.home) .brand-icon-bg {
    fill: var(--c6-color-accent);
  }
  .link {
    &[data-type='secondary'] {
      color: var(--c6-color-white);
      text-decoration-color: var(--c6-color-white);
    }
  }
  .hero__graphic {
    &:before {
      filter: invert(60%) sepia(71%) saturate(1934%) hue-rotate(290deg)
        brightness(94%) contrast(91%);
    }
  }
  .service--nhs {
    outline: var(--c6-border-size-heavy) var(--c6-border-style-base) #fff;
  }
  [id='about'] .region--marquee {
    .marquee__title {
      color: var(--c6-color-primary);
    }
  }
  [id='services'] .region--features {
    .headline__title {
      color: var(--c6-color-primary);
    }
    .headline__sub {
      font-size: 1.2em;
    }
  }
  [id='partner'] .region--partner {
    .button {
      background-color: var(--c6-color-primary);
    }
  }
  [id='end-to-end'] .region--icons {
    background: radial-gradient(
      farthest-side at 50% 100%,
      rgba(136, 219, 223, 0.15) 0,
      rgba(136, 219, 223, 0) 100%
    );
    .headline__title {
      background: linear-gradient(120deg, #88dbdf, #00b388);
      background-clip: text;
      &:after {
        color: var(--c6-color-brand-4);
      }
    }
  }
}