/* Final compact public navigation layer. */
body.landing-home-simple .topbar,
body.public-pro-page .topbar,
body.landing-subpage .topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 120 !important;
  min-height: 56px !important;
  border: 0 !important;
  border-bottom: 1px solid #e1e7e3 !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
}

body.landing-home-simple .nav,
body.public-pro-page .nav,
body.landing-subpage .nav {
  width: min(calc(100% - 32px), 1240px) !important;
  min-height: 56px !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  gap: 24px !important;
  padding: 0 !important;
}

body.landing-home-simple .brand,
body.public-pro-page .brand,
body.landing-subpage .brand {
  min-height: 56px !important;
  gap: 9px !important;
  color: #101914 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body.landing-home-simple .brand-mark,
body.public-pro-page .brand-mark,
body.landing-subpage .brand-mark {
  width: 28px !important;
  height: 28px !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #0b9b8d !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

body.landing-home-simple .nav-links,
body.public-pro-page .nav-links,
body.landing-subpage .nav-links {
  align-self: stretch !important;
  justify-content: flex-end !important;
  gap: 0 !important;
}

body.landing-home-simple .nav-links > a,
body.public-pro-page .nav-links > a,
body.landing-subpage .nav-links > a,
.public-mega-trigger {
  min-height: 56px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #46524b !important;
  font-size: 11px !important;
  font-weight: 630 !important;
  box-shadow: none !important;
}

body.landing-home-simple .nav-links > a:hover,
body.public-pro-page .nav-links > a:hover,
body.landing-subpage .nav-links > a:hover,
.public-mega-trigger:hover,
.public-mega-trigger:focus-visible,
.public-mega.is-open .public-mega-trigger,
.public-mega-trigger.is-current {
  background: transparent !important;
  color: #07110c !important;
  box-shadow: inset 0 -2px #0b9b8d !important;
}

.public-mega-trigger::after,
body.landing-home-simple .nav-links > a::after,
body.public-pro-page .nav-links > a::after,
body.landing-subpage .nav-links > a::after {
  display: none !important;
}

.public-mega {
  position: relative !important;
}

.public-mega-panel {
  position: absolute !important;
  top: calc(100% + 7px) !important;
  right: auto !important;
  left: 0 !important;
  z-index: 140 !important;
  width: min(680px, calc(100vw - 32px)) !important;
  max-height: min(620px, calc(100dvh - 82px)) !important;
  padding: 0 !important;
  overflow: auto !important;
  border: 1px solid #d8e1da !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #101914 !important;
  box-shadow: 0 18px 48px rgba(16, 35, 25, .14) !important;
}

.public-solutions-panel {
  width: min(620px, calc(100vw - 32px)) !important;
}

.public-mega-heading {
  min-height: 58px !important;
  padding: 10px 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  border: 0 !important;
  border-bottom: 1px solid #e4eae5 !important;
  background: #f8faf8 !important;
}

.public-mega-heading > div {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.public-mega-heading span {
  color: #078579 !important;
  font-size: 8px !important;
  font-weight: 760 !important;
  text-transform: uppercase !important;
}

.public-mega-heading strong {
  color: #152019 !important;
  font-size: 13px !important;
  font-weight: 660 !important;
  line-height: 1.25 !important;
}

.public-mega-heading > a {
  min-height: 31px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #bdc9c0 !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: #26332b !important;
  font-size: 9.5px !important;
  font-weight: 680 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.public-mega-links {
  padding: 8px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
  background: #fff !important;
}

.public-mega-links > a {
  min-width: 0 !important;
  min-height: 66px !important;
  padding: 9px !important;
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  align-content: center !important;
  gap: 2px 8px !important;
  border: 1px solid transparent !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: #17221b !important;
  text-decoration: none !important;
}

.public-mega-links > a:hover,
.public-mega-links > a:focus-visible,
.public-mega-links > a[aria-current="page"] {
  border-color: #dce5df !important;
  background: #f4f8f5 !important;
  outline: none !important;
  box-shadow: none !important;
}

.public-mega-links > a span {
  grid-row: 1 / 3 !important;
  color: #0b9b8d !important;
  font-size: 8px !important;
  font-weight: 760 !important;
}

.public-mega-links > a strong {
  color: #17221b !important;
  font-size: 11px !important;
  font-weight: 680 !important;
  line-height: 1.25 !important;
}

.public-mega-links > a small {
  color: #6a756e !important;
  font-size: 9px !important;
  font-weight: 430 !important;
  line-height: 1.35 !important;
}

.public-solution-grid {
  padding: 8px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  background: #fff !important;
}

.public-solution-grid > a {
  min-width: 0 !important;
  min-height: 92px !important;
  padding: 11px !important;
  display: grid !important;
  align-content: start !important;
  gap: 4px !important;
  border: 1px solid #dce4de !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: #17221b !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body .public-solutions-panel .public-solution-grid > a {
  border-color: #dce4de !important;
  background: #fff !important;
  color: #17221b !important;
}

.public-solution-grid > a:hover,
.public-solution-grid > a:focus-visible,
.public-solution-grid > a[aria-current="page"] {
  border-color: #94c9ba !important;
  background: #f2f8f5 !important;
  outline: none !important;
  box-shadow: inset 2px 0 #0b9b8d !important;
}

body .public-solutions-panel .public-solution-grid > a:hover,
body .public-solutions-panel .public-solution-grid > a:focus-visible,
body .public-solutions-panel .public-solution-grid > a[aria-current="page"] {
  border-color: #94c9ba !important;
  background: #f2f8f5 !important;
  color: #17221b !important;
  box-shadow: inset 2px 0 #0b9b8d !important;
}

.public-solution-grid span {
  color: #078579 !important;
  font-size: 8px !important;
  font-weight: 760 !important;
}

.public-solution-grid strong {
  color: #17221b !important;
  font-size: 11px !important;
  font-weight: 680 !important;
  line-height: 1.25 !important;
}

.public-solution-grid small {
  color: #68746c !important;
  font-size: 9px !important;
  font-weight: 430 !important;
  line-height: 1.35 !important;
}

body.landing-home-simple .nav-actions,
body.public-pro-page .nav-actions,
body.landing-subpage .nav-actions {
  gap: 6px !important;
  padding-left: 10px !important;
  border-left: 1px solid #e0e6e1 !important;
}

.public-command-trigger {
  min-height: 32px !important;
  padding: 0 9px !important;
  border: 1px solid #d8e0da !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: #3a473f !important;
  box-shadow: none !important;
}

body.landing-home-simple .nav-actions .button,
body.public-pro-page .nav-actions .button,
body.landing-subpage .nav-actions .button {
  min-height: 32px !important;
  padding: 0 11px !important;
  border-radius: 3px !important;
  font-size: 10px !important;
}

@media (min-width: 901px) {
  body.landing-home-simple .topbar,
  body.public-pro-page .topbar,
  body.landing-subpage .topbar,
  body.landing-home-simple .nav,
  body.public-pro-page .nav,
  body.landing-subpage .nav,
  body.landing-home-simple .nav-links,
  body.public-pro-page .nav-links,
  body.landing-subpage .nav-links {
    overflow: visible !important;
  }
}

@media (max-width: 900px) {
  body.landing-home-simple .nav,
  body.public-pro-page .nav,
  body.landing-subpage .nav {
    width: calc(100% - 20px) !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 8px !important;
  }

  body.landing-home-simple .nav-links,
  body.public-pro-page .nav-links,
  body.landing-subpage .nav-links {
    top: 56px !important;
    padding: 6px !important;
    border: 1px solid #d8e1da !important;
    border-radius: 3px !important;
    background: #fff !important;
    box-shadow: 0 18px 44px rgba(16, 35, 25, .14) !important;
  }

  body.landing-home-simple .nav-links > a,
  body.public-pro-page .nav-links > a,
  body.landing-subpage .nav-links > a,
  .public-mega-trigger {
    min-height: 40px !important;
    color: #344139 !important;
  }

  .public-mega {
    width: 100% !important;
  }

  .public-mega-panel {
    position: static !important;
    width: 100% !important;
    max-height: none !important;
    margin: 3px 0 6px !important;
    box-shadow: none !important;
  }
}

@media (max-width: 620px) {
  .public-mega-heading {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .public-mega-heading strong {
    font-size: 11px !important;
  }

  .public-mega-heading > a {
    padding: 0 7px !important;
    font-size: 9px !important;
  }

  .public-mega-links,
  .public-solution-grid {
    grid-template-columns: 1fr !important;
  }

  .public-solution-grid > a {
    min-height: 0 !important;
  }

  body.landing-home-simple .nav-actions,
  body.public-pro-page .nav-actions,
  body.landing-subpage .nav-actions {
    padding-left: 0 !important;
    border-left: 0 !important;
  }
}