/* Global BinaryGenes theme. Loaded after the copied Arc/NAAS bundles. */
:root {
  --binarygenes-ink: #071827;
  --binarygenes-ink-soft: #0a2238;
  --binarygenes-navy: #0b366a;
  --binarygenes-navy-mid: #0f477d;
  --binarygenes-blue: #01c7fd;
  --binarygenes-blue-soft: #dff6ff;
  --binarygenes-green: #62d84e;
  --binarygenes-green-soft: #e6fbdf;
  --binarygenes-surface: #f6fbff;
  --binarygenes-surface-strong: #ffffff;
  --binarygenes-border: rgba(7, 24, 39, 0.14);
  --binarygenes-border-on-dark: rgba(255, 255, 255, 0.16);
  --binarygenes-shadow: 0 18px 48px rgba(7, 24, 39, 0.12);
  --binarygenes-gradient-dark: linear-gradient(135deg, #061d38 0%, #0b366a 46%, #075f73 72%, #0b6c47 100%);
  --binarygenes-gradient-mid: linear-gradient(135deg, #0b366a 0%, #017dae 56%, #168a65 100%);
  --binarygenes-gradient-light: linear-gradient(135deg, #f6fbff 0%, #dff6ff 48%, #e6fbdf 100%);
  --binarygenes-footer-background: var(--binarygenes-ink);
  --binarygenes-footer-frame: #061925;

  --arc-font-letter-spacing-heading: 0;
  --arc-font-letter-spacing-heading-jumbo: 0;
  --arc-font-letter-spacing-heading-anthemic: 0;
  --arc-font-letter-spacing-stat: 0;
  --arc-font-letter-spacing-footnote: 0;

  --arc-color-text-primary-on-light: var(--binarygenes-ink);
  --arc-color-text-secondary-on-light: #33566d;
  --arc-color-text-primary-on-dark: #ffffff;
  --arc-color-text-secondary-on-dark: #01C7FD;
  --arc-color-ui-focus: var(--binarygenes-blue);
  --arc-color-blue: var(--binarygenes-blue);
  --arc-color-green: #017dae;
  --arc-color-wasabigreen: var(--binarygenes-blue);
  --arc-color-infiniteblue: var(--binarygenes-navy);
  --arc-color-infiniteblue-dark: var(--binarygenes-ink);
  --arc-color-infiniteblue-light: var(--binarygenes-navy-mid);
  --arc-color-midblue: #017dae;
  --arc-color-midindigo: var(--binarygenes-navy);
  --arc-color-midwasabigreen: #017dae;
  --arc-color-lightblue: var(--binarygenes-blue-soft);
  --arc-color-lightwasabigreen: var(--binarygenes-blue-soft);
  --arc-color-brandblue-900: var(--binarygenes-navy);
  --arc-color-brandblue-800: var(--binarygenes-navy-mid);
  --arc-color-brandblue-700: #145d93;
  --arc-color-brandblue-600: #1971aa;
  --arc-color-brandblue-500: #2588c3;
  --arc-color-brandblue-400: #55a7d4;
  --arc-color-brandblue-300: #8bc7e4;
  --arc-color-brandblue-200: #bde1f1;
  --arc-color-brandblue-100: #dff1fb;
  --arc-color-brandblue-50: #f2f9ff;
  --arc-color-brandgreen-900: #05304f;
  --arc-color-brandgreen-800: #06476c;
  --arc-color-brandgreen-700: #006d94;
  --arc-color-brandgreen-600: #017dae;
  --arc-color-brandgreen-500: var(--binarygenes-blue);
  --arc-color-brandgreen-400: #4dddff;
  --arc-color-brandgreen-300: #8ff0ff;
  --arc-color-brandgreen-200: #bfefff;
  --arc-color-brandgreen-100: var(--binarygenes-blue-soft);
  --arc-color-brandgreen-50: #f2fbff;
  --arc-color-link-default-on-light: #006d94;
  --arc-color-link-hover-on-light: var(--binarygenes-navy);
  --arc-color-link-active-on-light: var(--binarygenes-ink);
  --arc-color-link-default-on-dark: var(--binarygenes-blue);
  --arc-color-link-hover-on-dark: #8ff0ff;
  --arc-color-link-active-on-dark: #c8f8de;
  --arc-color-link-visited-on-dark: #bfe7ff;
  --arc-color-link-visited-on-light: #23558f;

  --arc-color-gradient-brand-dark-green-at-xs: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-green-at-sm: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-green-at-md: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-green-at-lg: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-green-at-xl: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-green-at-xxl: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-blue-at-xs: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-blue-at-sm: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-blue-at-md: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-blue-at-lg: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-blue-at-xl: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-blue-at-xxl: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-mid-green-at-xs: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-green-at-sm: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-green-at-md: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-green-at-lg: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-green-at-xl: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-green-at-xxl: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-blue-at-xs: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-blue-at-sm: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-blue-at-md: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-blue-at-lg: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-blue-at-xl: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-blue-at-xxl: var(--binarygenes-gradient-mid);
  --arc-color-gradient-diagonal-infiniteblue: var(--binarygenes-gradient-dark);
  --arc-color-gradient-vertical-infiniteblue: var(--binarygenes-gradient-dark);
  --arc-color-gradient-horizontal-infiniteblue: var(--binarygenes-gradient-dark);
}

html[data-brand-theme="binarygenes"] body {
  color: var(--binarygenes-ink);
}

html[data-brand-theme="binarygenes"] ::selection {
  background: rgba(1, 199, 253, 0.26);
  color: var(--binarygenes-ink);
}

.cmp-image__image {
  height: auto;
  width: 100%;
}

.arc-background-container .background-container {
  --arc-color-gradient-brand-dark-green-at-xs: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-green-at-sm: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-green-at-md: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-green-at-lg: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-green-at-xl: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-green-at-xxl: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-blue-at-xs: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-blue-at-sm: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-blue-at-md: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-blue-at-lg: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-blue-at-xl: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-dark-blue-at-xxl: var(--binarygenes-gradient-dark);
  --arc-color-gradient-brand-mid-green-at-xs: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-green-at-sm: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-green-at-md: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-green-at-lg: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-green-at-xl: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-green-at-xxl: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-blue-at-xs: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-blue-at-sm: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-blue-at-md: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-blue-at-lg: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-blue-at-xl: var(--binarygenes-gradient-mid);
  --arc-color-gradient-brand-mid-blue-at-xxl: var(--binarygenes-gradient-mid);
}

#naas-header-v3,
#naas-header-v3[data-theme="dark"] {
  --naas-wrapper-section-bkg-color: rgba(6, 29, 56, 0.96);
  --naas-title-color: #ffffff;
  --naas-subtitle-color: #d6edf7;
  --naas-focus-visible: var(--binarygenes-blue);
  --naas-button-bkg-color: var(--binarygenes-blue);
  --naas-button-bkg-color-hover: #8ff0ff;
  --naas-button-outline: var(--binarygenes-blue);
  --naas-button-font-color: var(--binarygenes-ink);
  --naas-link-default-font-color: var(--binarygenes-blue);
  --naas-link-default-font-color-hover: #8ff0ff;
  --naas-link-solid-bkg-color: var(--binarygenes-blue);
  --naas-link-solid-hover-bkg-color: #8ff0ff;
  --naas-link-solid-active-bkg-color: #4dddff;
  --naas-link-solid-font-color: var(--binarygenes-ink);
  --naas-link-outline-color: var(--binarygenes-ink);
  --naas-link-outline-color-hover: var(--binarygenes-ink);
  --naas-link-outline-color-active: var(--binarygenes-ink);
  --naas-link-outline-border-color: var(--binarygenes-blue);
  --naas-link-outline-border-color-hover: var(--binarygenes-blue);
  --naas-link-outline-border-color-active: var(--binarygenes-blue);
  --naas-link-outline-background-color-hover: rgba(1, 199, 253, 0.12);
  --naas-link-outline-background-color-active: rgba(1, 199, 253, 0.18);
  --naas-link-outline-dark-border-color: var(--binarygenes-blue);
  --naas-link-outline-dark-border-color-hover: #8ff0ff;
  --naas-link-outline-dark-border-color-active: #4dddff;
  --naas-link-outline-dark-color: #ffffff;
  --naas-link-outline-dark-color-hover: var(--binarygenes-blue);
  --naas-link-outline-dark-color-active: #8ff0ff;
  --naas-link-pill-bkg-color-hover: #8ff0ff;
  --naas-link-pill-outline-hover: var(--binarygenes-blue);
  --naas-link-pill-bkg-color-active: #4dddff;
  --naas-link-pill-outline-active: var(--binarygenes-blue);
  --naas-link-pill-light-outline: var(--binarygenes-blue);
  --naas-link-pill-light-bkg-color: transparent;
  --naas-link-pill-v2-bkg-color-hover: #8ff0ff;
  --naas-link-pill-v2-outline-hover: var(--binarygenes-blue);
  --naas-link-pill-v2-bkg-color-active: #4dddff;
  --naas-link-pill-v2-outline-active: var(--binarygenes-blue);
  --naas-link-pill-v2-focus-visible-outline: var(--binarygenes-blue);
  --naas-header-l1-section-links-active-bar-color: var(--binarygenes-blue);
  --naas-header-l1-section-links-hover-bar-color: #8ff0ff;
  --naas-header-l2-active-link-bkg-color: rgba(1, 199, 253, 0.12);
  --naas-header-l2-section-links-hover-color: var(--binarygenes-blue);
  --naas-dropdown-bottom-btns-outline-active: var(--binarygenes-blue);
  --naas-dropdown-bottom-btns-outline-hover: var(--binarygenes-blue);
  --naas-dropdown-bottom-btns-font-color-hover: var(--binarygenes-ink);
  --aux-cta-bottom-L2-hover-color: var(--binarygenes-blue);
  --aux-cta-bottom-L2-active-color: var(--binarygenes-navy);
  --naas-header-wrapper-section-after-overlay-bkg-color: var(--binarygenes-ink);
  --naas-header-logo-filter: none;
}

#naas-header-v3 .cmp-nav__top-nav-wrapper {
  background: var(--naas-wrapper-section-bkg-color, var(--arc-color-white, #fff));
  border-bottom: 1px solid var(--binarygenes-border-on-dark);
  box-shadow: 0 12px 36px rgba(7, 24, 39, 0.18);
}

@supports (backdrop-filter: blur(16px)) {
  #naas-header-v3 .cmp-nav__top-nav-wrapper {
    backdrop-filter: blur(16px);
    background: var(--naas-wrapper-section-bkg-color, var(--arc-color-white, #fff));
  }
}

#naas-header-v3 .cmp-nav__logo-link {
  min-width: 132px;
}

#naas-header-v3 .cmp-nav__logo-icon {
  filter: none !important;
  height: 24px !important;
  max-width: 150px;
  object-fit: contain;
  width: auto !important;
}

#naas-header-v3 .cmp-nav__tab-item,
#naas-header-v3 .cmp-nav__tab-item-text,
#naas-header-v3 .naas-link {
  letter-spacing: 0;
}

#naas-header-v3 .cmp-nav__tab-item:hover,
#naas-header-v3 .cmp-nav__tab-item:focus-visible {
  background-color: rgba(255, 255, 255, 0.08);
}

#naas-header-v3 .cmp-nav__dropdown-container,
#naas-header-v3 .cmp-nav__dropdown-inner-content {
  border-color: rgba(255, 255, 255, 0.12);
}

#naas-header-v3 .cmp-nav__main-tabs .cmp-nav__tab-item.active-tab::after,
#naas-header-v3 .cmp-nav__main-tabs .cmp-nav__tab-item.clickable.selected::after {
  background: var(--binarygenes-blue);
}

#naas-header-v3 .cmp-nav__dropdown-tabs ul li.active button,
#naas-header-v3 .cmp-nav__dropdown-tabs ul li.active button.level-1-link {
  background-color: rgba(1, 199, 253, 0.12);
  color: var(--binarygenes-blue);
}

#naas-header-v3 .cmp-nav__dropdown-tabs ul li.active button [class*="fa-"],
#naas-header-v3 .cmp-nav__dropdown-tabs ul li.active button [class*="icon-custom"]::before {
  background-color: var(--binarygenes-blue);
  color: var(--binarygenes-blue);
}

#naas-header-v3 .cmp-nav__dropdown-section-button-container .dropdown-l3-cta.naas-link.link--outline,
#naas-header-v3 .cmp-nav__dropdown-section-button-container .products-overview-cta.naas-link.link--outline {
  border-color: var(--binarygenes-blue);
  color: var(--binarygenes-surface);
}

#naas-header-v3 .cmp-nav__dropdown-section-button-container .dropdown-l3-cta.naas-link.link--outline:hover,
#naas-header-v3 .cmp-nav__dropdown-section-button-container .dropdown-l3-cta.naas-link.link--outline:focus-visible,
#naas-header-v3 .cmp-nav__dropdown-section-button-container .products-overview-cta.naas-link.link--outline:hover,
#naas-header-v3 .cmp-nav__dropdown-section-button-container .products-overview-cta.naas-link.link--outline:focus-visible,
#naas-header-v3 .cmp-nav__dropdown-section-button-container .industries-overview-cta.naas-link.link--outline:hover,
#naas-header-v3 .cmp-nav__dropdown-section-button-container .industries-overview-cta.naas-link.link--outline:focus-visible {
  background-color: rgba(1, 199, 253, 0.12);
  border-color: var(--binarygenes-blue);
  color: var(--binarygenes-surface);
}

#naas-header-v3 .cmp-nav__dropdown-section-button-container .dropdown-l3-cta.naas-link.link--outline:active,
#naas-header-v3 .cmp-nav__dropdown-section-button-container .products-overview-cta.naas-link.link--outline:active,
#naas-header-v3 .cmp-nav__dropdown-section-button-container .industries-overview-cta.naas-link.link--outline:active {
  background-color: rgba(1, 199, 253, 0.18);
  border-color: var(--binarygenes-blue);
  color: var(--binarygenes-surface);
}

#naas-header-v3 .cmp-nav__dropdown-bottom-buttons a.naas-link:hover,
#naas-header-v3 .cmp-nav__dropdown-bottom-buttons a.naas-link:focus-visible {
  color: var(--binarygenes-blue);
}

#cmp-nav__dropdown--IndustriesNav .industries-nav-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: inherit;
  text-decoration: none;
  transition: border-color 0.2s ease;
}

#cmp-nav__dropdown--IndustriesNav .industries-nav-card:hover {
  cursor: pointer;
}

#cmp-nav__dropdown--IndustriesNav .industries-nav-card:hover .cmp-card__title {
  text-decoration: underline;
}

#cmp-nav__dropdown--IndustriesNav .industries-nav-card:focus-visible {
  outline: 2px solid var(--binarygenes-blue);
  outline-offset: 4px;
}

@media (min-width: 1024px) {
  #cmp-nav__dropdown--IndustriesNav .cmp-nav__dropdown-group-links {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px clamp(24px, 3vw, 48px);
  }

  #cmp-nav__dropdown--IndustriesNav .cmp-nav__dropdown-group-links > li {
    width: auto;
    min-width: 0;
    margin: 0;
  }
}

#naas-header-v3 .get-started-link.link--solid,
#naas-header-v3 .cmp-nav__utilities .get-started .get-started-link.link--solid {
  background-color: var(--binarygenes-blue);
  border-color: var(--binarygenes-blue);
  color: var(--binarygenes-ink);
}

#naas-header-v3 .get-started-link.link--solid:hover,
#naas-header-v3 .get-started-link.link--solid:focus-visible,
#naas-header-v3 .cmp-nav__utilities .get-started .get-started-link.link--solid:hover,
#naas-header-v3 .cmp-nav__utilities .get-started .get-started-link.link--solid:focus-visible {
  background-color: #8ff0ff;
  border-color: var(--binarygenes-blue);
  color: var(--binarygenes-ink);
}

.cmp-footer__wrapper,
.cmp-footer__wrapper [data-theme="dark"],
#naas-footer,
#naas-footer[data-theme="dark"],
.theme-binarygenes-footer {
  --naas-wrapper-section-bkg-color: var(--binarygenes-ink);
  --naas-title-color: #ffffff;
  --naas-subtitle-color: #d6edf7;
  --naas-focus-visible: var(--binarygenes-blue);
  --naas-button-bkg-color: var(--binarygenes-blue);
  --naas-button-bkg-color-hover: #8ff0ff;
  --naas-button-outline: var(--binarygenes-blue);
  --naas-button-font-color: var(--binarygenes-ink);
  --naas-link-default-font-color: var(--binarygenes-blue);
  --naas-link-default-font-color-hover: #8ff0ff;
  --naas-link-pill-light-outline: var(--binarygenes-blue);
  --naas-link-pill-light-bkg-color: transparent;
  --naas-link-pill-light-font-color: #ffffff;
  --naas-footer-divider-logo-color: rgba(255, 255, 255, 0.26);
  --naas-divider-default-border-color: var(--binarygenes-border-on-dark);
  --naas-footer-icon-color: #ffffff;
  --naas-footer-text-color: #d6edf7;
}

.cmp-footer__wrapper,
.cmp-footer__wrapper > .aem-Grid,
.cmp-footer__wrapper .experiencefragment.footer,
.cmp-footer__wrapper .cmp-container,
.cmp-footer__wrapper .cmp-experiencefragment--footer,
.cmp-footer__wrapper .xf-content-height,
.cmp-footer__wrapper .contentFragmentFooter,
#naas-footer,
.theme-binarygenes-footer {
  background: var(--binarygenes-footer-background);
  background-color: var(--binarygenes-footer-background);
  background-image: none;
  color: #ffffff;
}

#naas-footer .footer {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff;
}

#naas-footer .group-links-section {
  display: grid;
  grid-template-columns: minmax(0, 280px);
  gap: 40px;
  justify-content: center;
  justify-items: center;
  text-align: center;
}

#naas-footer .group-links-section .column-links,
#naas-footer .group-links-section .column-links:nth-child(odd),
#naas-footer .group-links-section .column-links:last-of-type {
  width: 100%;
  margin: 0;
}

#naas-footer .group-links-section .column-links > div {
  margin-bottom: 0;
}

#naas-footer .group-links-section .column-links h5 {
  text-align: left;
}

#naas-footer .group-links-section .column-links ul,
#naas-footer .group-links-section .column-links li {
  text-align: left;
}

@media (min-width: 768px) {
  #naas-footer .group-links-section {
    grid-template-columns: repeat(3, minmax(180px, 260px));
    gap: clamp(36px, 6vw, 96px);
  }
}

#naas-footer .naas-divider {
  border-color: var(--binarygenes-border-on-dark);
}

#naas-footer h1,
#naas-footer h2,
#naas-footer h3,
#naas-footer h4,
#naas-footer h5,
#naas-footer h6,
#naas-footer .subscribe__title,
#naas-footer .contact-us__title,
#naas-footer .title,
#naas-footer .group-links-section .column-links h5,
#naas-footer .footnote__section .bottom .link-list li,
#naas-footer .footnote__section .bottom .link-list li span {
  color: #ffffff;
  letter-spacing: 0;
}

#naas-footer,
#naas-footer p,
#naas-footer span,
#naas-footer label,
#naas-footer li,
#naas-footer .footer,
#naas-footer .contact-us__copy,
#naas-footer .subscribe__subtitle,
#naas-footer .group-links-section {
  color: #d6edf7;
}

#naas-footer h1 span,
#naas-footer h2 span,
#naas-footer h3 span,
#naas-footer h4 span,
#naas-footer h5 span,
#naas-footer h6 span,
#naas-footer .subscribe__title span,
#naas-footer .contact-us__title span,
#naas-footer .title span,
#naas-footer .group-links-section .column-links h5 span {
  color: #ffffff;
}

#naas-footer .component__input-field {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: transparent;
  box-shadow: 0 0 0 1px var(--binarygenes-border-on-dark);
  color: #ffffff;
}

#naas-footer .component__input-field::placeholder,
#naas-footer .floating-label {
  color: rgba(255, 255, 255, 0.72);
}

#naas-footer .component__input-field:focus {
  background-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 0 0 2px var(--binarygenes-blue);
}

#naas-footer .subscribe__section .subscribe__button.button--active,
#naas-footer .contact-us__link.link--pill {
  background-color: var(--binarygenes-blue);
  border-color: var(--binarygenes-blue);
  color: var(--binarygenes-ink);
}

#naas-footer .contact-us__link.link--pill:hover,
#naas-footer .subscribe__section .subscribe__button.button--active:hover {
  background-color: #8ff0ff;
  border-color: var(--binarygenes-blue);
}

#naas-footer .footnote__section .top .left img {
  filter: none;
  height: 24px;
  max-width: 160px;
}

#naas-footer .footnote__section .top .left img + span {
  color: rgba(255, 255, 255, 0.82);
}

#naas-footer a,
#naas-footer a.naas-link,
#naas-footer a.naas-link.link--default,
#naas-footer .footnote__section .bottom .link-list li a.naas-link {
  color: #cfefff;
}

#naas-footer a:hover,
#naas-footer a.naas-link:hover,
#naas-footer a.naas-link.link--default:hover,
#naas-footer .footnote__section .bottom .link-list li a.naas-link:hover {
  color: #8ff0ff;
}

#naas-footer .contact-us__link.link--pill,
#naas-footer .subscribe__section .subscribe__button.button--active {
  color: var(--binarygenes-ink) !important;
}

#naas-footer .social,
#naas-footer .social a,
#naas-footer [class*="social"] svg,
#naas-footer [class*="social"] path {
  color: #ffffff;
  fill: currentColor;
}

@media (min-width: 1200px) {
  #naas-footer .footnote__section {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: clamp(24px, 3vw, 52px);
    align-items: center;
  }

  #naas-footer .footnote__section .top {
    display: contents;
  }

  #naas-footer .footnote__section .top .left {
    grid-row: 1;
    grid-column: 1;
    margin: 0;
  }

  #naas-footer .footnote__section .top .left h3,
  #naas-footer .footnote__section .top .left img + span {
    white-space: nowrap;
  }

  #naas-footer .footnote__section .bottom {
    grid-row: 1;
    grid-column: 2;
    justify-self: center;
    margin: 0;
  }

  #naas-footer .footnote__section .bottom .link-list {
    display: flex;
    flex-wrap: nowrap;
    gap: clamp(16px, 1.8vw, 32px);
    align-items: center;
    margin: 0;
  }

  #naas-footer .footnote__section .bottom .link-list li {
    margin: 0;
    white-space: nowrap;
  }

  #naas-footer .footnote__section .top .right {
    grid-row: 1;
    grid-column: 3;
    margin: 0;
  }
}

#naas-footer .cmp-nav__language-selector-popup,
#naas-footer .cmp-nav__language-selector-popup * {
  background-color: #ffffff;
  color: var(--binarygenes-ink);
}

#naas-footer .cmp-nav__language-selector-popup a,
#naas-footer .cmp-nav__language-selector-popup button {
  color: var(--binarygenes-ink) !important;
}

/* BinaryGenes full-width footer */
.cmp-footer__wrapper.theme-binarygenes-footer-frame,
.cmp-footer__wrapper.theme-binarygenes-footer-frame > .aem-Grid,
.cmp-footer__wrapper.theme-binarygenes-footer-frame .experiencefragment.footer,
.cmp-footer__wrapper.theme-binarygenes-footer-frame .cmp-experiencefragment--footer,
.cmp-footer__wrapper.theme-binarygenes-footer-frame .xf-content-height,
.cmp-footer__wrapper.theme-binarygenes-footer-frame .aem-Grid,
.cmp-footer__wrapper.theme-binarygenes-footer-frame .reference,
.cmp-footer__wrapper.theme-binarygenes-footer-frame .cq-dd-paragraph,
.cmp-footer__wrapper.theme-binarygenes-footer-frame .root,
.cmp-footer__wrapper.theme-binarygenes-footer-frame .container.responsivegrid,
.cmp-footer__wrapper.theme-binarygenes-footer-frame .cmp-container,
.cmp-footer__wrapper.theme-binarygenes-footer-frame .contentFragmentFooter {
  background: var(--binarygenes-footer-frame) !important;
  background-color: var(--binarygenes-footer-frame) !important;
  background-image: none !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#naas-footer.binarygenes-footer-v2 {
  --footer-frame: #061925;
  --footer-surface: #061925;
  --footer-surface-deep: #061925;
  --footer-copy: #d6edf7;
  --footer-accent: var(--binarygenes-blue);
  background: var(--footer-frame) !important;
  color: #ffffff;
  width: 100%;
  max-width: none;
  padding: 0 !important;
}

#naas-footer.binarygenes-footer-v2 .binarygenes-footer {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0;
  background: transparent !important;
}

#naas-footer .binarygenes-footer__shell {
  overflow: hidden;
  width: 100%;
  border: 0;
  border-radius: 0;
  background: var(--footer-surface-deep);
  box-shadow: none;
}

#naas-footer .binarygenes-footer__main {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  padding-block: clamp(40px, 5vw, 80px);
  padding-inline: clamp(24px, 6vw, 96px);
  background: var(--footer-surface-deep);
}

#naas-footer .binarygenes-footer__grid {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  gap: clamp(48px, 7vw, 112px);
}

#naas-footer .binarygenes-footer__brand {
  max-width: 430px;
}

#naas-footer .binarygenes-footer__logo {
  display: inline-flex;
  align-items: center;
}

#naas-footer .binarygenes-footer__logo img {
  display: block;
  width: clamp(170px, 16vw, 215px);
  height: auto;
}

#naas-footer .binarygenes-footer__brand p {
  max-width: 400px;
  margin: clamp(24px, 3vw, 36px) 0 0;
  color: var(--footer-copy);
  font-family: var(--arc-font-family-regular, ServiceNowSansLight, sans-serif);
  font-size: clamp(15px, 1.15vw, 18px);
  line-height: 1.55;
}

#naas-footer .binarygenes-footer__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

#naas-footer .binarygenes-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
  transition:
    color 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease,
    transform 160ms ease;
}

#naas-footer .binarygenes-footer__social-link:hover,
#naas-footer .binarygenes-footer__social-link:focus-visible {
  border-color: var(--footer-accent);
  background: var(--footer-accent);
  color: var(--binarygenes-ink);
  transform: translateY(-2px);
}

#naas-footer .binarygenes-footer__back-to-top {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  margin-top: 28px;
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  color: #ffffff;
  font-family: var(--arc-font-family-semibold, ServiceNowSansBook, sans-serif);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    color 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease;
}

#naas-footer .binarygenes-footer__back-to-top:hover,
#naas-footer .binarygenes-footer__back-to-top:focus-visible {
  border-color: var(--footer-accent);
  background: var(--footer-accent);
  color: var(--binarygenes-ink);
}

#naas-footer .binarygenes-footer__back-to-top i {
  font-size: 14px;
}

#naas-footer .binarygenes-footer__links {
  display: grid;
  gap: 40px;
}

#naas-footer .binarygenes-footer__links nav {
  min-width: 0;
}

#naas-footer .binarygenes-footer__links h2 {
  margin: 0 0 22px;
  color: #ffffff;
  font-family: var(--arc-font-family-bold, ServiceNowSansMedium, sans-serif);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.3;
}

#naas-footer .binarygenes-footer__links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#naas-footer .binarygenes-footer__links li + li {
  margin-top: 14px;
}

#naas-footer .binarygenes-footer__links a {
  display: inline-block;
  color: var(--footer-copy);
  font-family: var(--arc-font-family-regular, ServiceNowSansLight, sans-serif);
  font-size: 15px;
  line-height: 1.45;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition:
    color 160ms ease,
    text-decoration-color 160ms ease;
}

#naas-footer .binarygenes-footer__links a:hover,
#naas-footer .binarygenes-footer__links a:focus-visible {
  color: #ffffff;
  text-decoration-color: var(--footer-accent);
}

#naas-footer .binarygenes-footer__copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 20px;
  background: #040f18;
  border-top: 1px solid rgba(1, 199, 253, 0.15);
  color: rgba(214, 237, 247, 0.5);
  font-family: var(--arc-font-family-medium, ServiceNowSansRegular, sans-serif);
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

#naas-footer .binarygenes-footer__social-link:focus-visible,
#naas-footer .binarygenes-footer__back-to-top:focus-visible,
#naas-footer .binarygenes-footer__links a:focus-visible,
#naas-footer .binarygenes-footer__logo:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 4px;
}

@media (min-width: 640px) {
  #naas-footer .binarygenes-footer__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(48px, 9vw, 112px);
  }

  #naas-footer .binarygenes-footer__links nav:last-child {
    justify-self: end;
  }
}

@media (min-width: 960px) {
  #naas-footer .binarygenes-footer__grid {
    grid-template-columns: minmax(340px, 1.1fr) minmax(420px, 0.9fr);
    align-items: start;
  }
}

@media (max-width: 639px) {
  #naas-footer .binarygenes-footer__links {
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
  }
}

@media (prefers-reduced-motion: reduce) {
  #naas-footer .binarygenes-footer__social-link,
  #naas-footer .binarygenes-footer__back-to-top,
  #naas-footer .binarygenes-footer__links a {
    transition: none;
  }
}

:is(.page_arc_homepage, .page_arc_service, .page_arc_solution) .body-content-wrapper {
  background: transparent;
}

:is(.page_arc_service, .page_arc_solution) .northern-lights-container {
  background: var(--binarygenes-gradient-dark);
}

arc-row-container[background="white"],
arc-content-switcher[background="white"] {
  background: var(--binarygenes-surface-strong);
}

:focus-visible {
  outline-color: var(--binarygenes-blue);
}

html {
  scroll-behavior: smooth;
}

@media (max-width: 767px) {
  #naas-header-v3 .cmp-nav__logo-link {
    min-width: 118px;
  }

  #naas-header-v3 .cmp-nav__logo-icon {
    height: 22px !important;
    max-width: 128px;
  }
}