/* Secondary navigation stays light; the filled orange CTA owns the emphasis. */
.sp-hero,
.nh-proof,
.nh-footer--quiet {
  --nh-link-text: #bec1b7;
  --nh-link-hover: #fff;
  --nh-link-line: #ffffff38;
}
.nh-page :is(.nh-text-link, .sp-back, .sp-scroll-link) {
  --nh-link-x: 3px;
  --nh-link-y: -3px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  min-height: 44px;
  padding: 7px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--nh-link-text, #555b4c);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: color 350ms ease;
}
.nh-page :is(.nh-text-link, .sp-back, .sp-scroll-link)::after { content: none; }
.nh-page :is(.nh-text-link, .sp-back, .sp-scroll-link) > span:not([aria-hidden]) {
  min-width: 0;
  padding-block: 3px;
  overflow-wrap: anywhere;
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(var(--nh-link-line, #20231a38), var(--nh-link-line, #20231a38));
  background-size: 0 1px, 100% 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size 650ms cubic-bezier(.22, 1, .36, 1);
}
.nh-page :is(.nh-text-link, .sp-back, .sp-scroll-link) > span[aria-hidden] {
  display: grid;
  place-items: center;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: 0;
  background: transparent;
  color: inherit;
  transform: none;
  transition: transform 650ms cubic-bezier(.22, 1, .36, 1);
}
.nh-page :is(.nh-text-link, .sp-back, .sp-scroll-link) .nh-arrow {
  display: block;
  width: 18px;
  height: 18px;
}
.nh-page .sp-back { --nh-link-x: -4px; --nh-link-y: 0px; gap: 10px; font-size: 13px; }
.sp-back .nh-arrow { rotate: -135deg; }
.nh-page .sp-scroll-link { --nh-link-x: 0px; --nh-link-y: 4px; }
.sp-scroll-link .nh-arrow { rotate: 135deg; }
.nh-page .sp-related a { display: flex; justify-content: space-between; padding-block: 14px; font-size: 18px; }
.nh-page .lp-kit > .nh-text-link { display: flex; justify-content: space-between; }
.nh-page .nh-proof__case-link .nh-arrow { padding: 0; border-radius: 0; background: transparent; transform: none; }
@media (hover: hover) and (pointer: fine) {
  .nh-page :is(.nh-text-link, .sp-back, .sp-scroll-link):hover {
    color: var(--nh-link-hover, #20231a);
    text-decoration: none;
  }
  .nh-page :is(.nh-text-link, .sp-back, .sp-scroll-link):hover > span:not([aria-hidden]) { background-size: 100% 1px, 100% 1px; }
  .nh-page :is(.nh-text-link, .sp-back, .sp-scroll-link):hover > span[aria-hidden] { transform: translate(var(--nh-link-x), var(--nh-link-y)); }
}
.nh-page :is(.nh-text-link, .sp-back, .sp-scroll-link):focus-visible {
  outline: 2px solid #ff6418;
  outline-offset: 4px;
}
.nh-page :is(.nh-text-link, .sp-back, .sp-scroll-link):focus-visible > span:not([aria-hidden]) { background-size: 100% 1px, 100% 1px; }
@media (prefers-reduced-motion: reduce) {
  .nh-page :is(.nh-text-link, .sp-back, .sp-scroll-link),
  .nh-page :is(.nh-text-link, .sp-back, .sp-scroll-link) > span {
    transition: none !important;
    transform: none !important;
  }
}