.solution-page {
  --solution-header-height: 72px;
}

.solution-page main > section[id] {
  scroll-margin-top: calc(var(--solution-header-height) + 24px);
}

.solution-header-anchor {
  position: relative;
}

.solution-header-sentinel {
  position: absolute;
  top: -1px;
  left: 50%;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

.aitia-header {
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  width: calc(100% - var(--aitia-dialog-scrollbar-width, 0px));
  height: var(--solution-header-height);
  backdrop-filter: blur(2px);
  transition: background-color 160ms ease;
}

.aitia-header.is-scrolled {
  background-color: var(--solution-color-surface);
  box-shadow: 0 4px 16px rgb(0 0 0 / 6%);
}

.aitia-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: auto;
  padding-inline: clamp(60px, 4.166667vw, 80px);
  margin-inline: auto;
}

.aitia-header__logo {
  display: flex;
  align-items: center;
  width: 160px;
  height: 32px;
}

.aitia-header__logo img {
  width: 160px;
  height: auto;
}

.aitia-header__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 397px;
  color: var(--solution-color-text-muted);
  font: var(--solution-typography-body-large-reading-medium);
  line-height: 26px;
}

.aitia-header__nav a,
.aitia-header__cta,
.aitia-button {
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.aitia-header__nav a:hover {
  color: var(--solution-color-text);
}

.aitia-header__cta {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  min-width: 114px;
  min-height: 44px;
  padding-inline: 16px;
  color: #fff;
  background: var(--solution-color-navy-800);
  border-radius: var(--solution-radius-md);
  font: var(--solution-typography-body-medium-normal-semibold);
}

.aitia-header__cta-icon {
  display: grid;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  place-items: center;
}

.aitia-header__cta-icon img {
  width: 10.5px;
  height: 10.5px;
}

.aitia-header__cta:hover,
.aitia-button--solid:hover {
  background: var(--solution-color-navy-950);
}

@media (max-width: 1023px) {
  .aitia-header__inner {
    padding-inline: 60px;
  }

  .aitia-header__nav {
    display: none;
  }

}

@media (max-width: 767px) {
  .aitia-header__inner {
    padding-inline: 20px;
  }

  .aitia-header__logo {
    width: 120px;
    height: 24px;
  }

  .aitia-header__logo img {
    width: 120px;
  }

  .aitia-header__cta {
    gap: 4px;
    min-width: 97px;
    min-height: 36px;
    padding-inline: 14px;
    font: var(--solution-typography-body-xsmall-normal-medium);
  }

  .aitia-header__cta-icon {
    flex-basis: 16px;
    width: 16px;
    height: 16px;
  }

}

@media (prefers-reduced-motion: reduce) {
  .aitia-header {
    transition: none;
  }
}