@font-face {
  font-family: "Selfgrow Navigation";
  src: url("/landing/reference/assets/3cf9e493065e-mvOWBEsXQbfj0Pa2mcbZGDLE6GM.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

.sg-main-nav,
.sg-main-nav * { box-sizing: border-box; }

.sg-main-nav {
  position: relative;
  display: flex;
  align-items: center;
  gap: 26px;
  width: 100%;
  height: 64px;
  padding-inline: max(24px, calc((100vw - 1200px) / 2));
  border-bottom: 1px solid rgb(5 19 67 / 7%);
  background: var(--brand-white);
  color: var(--brand-ink);
  font: 420 14px/1.4 "Selfgrow Navigation", sans-serif;
  font-variation-settings: "wght" 420, "opsz" 24;
}

.sg-main-nav a { color: inherit; text-decoration: none; }
.sg-main-brand { display: inline-flex; align-items: center; min-height: 44px; margin-right: auto; }
.sg-main-brand img { display: block; width: 30px; height: 36px; object-fit: contain; }
.sg-main-links { display: flex; align-items: center; gap: 26px; }
.sg-main-links a { display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; }
.sg-main-links a:hover,
.sg-main-links a[aria-current="page"] { color: var(--brand-primary); }
.sg-main-links a[aria-current="page"] { text-decoration: underline; text-underline-offset: 5px; }
.sg-main-nav .sg-main-trial {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 22px;
  border-radius: 40px;
  background: var(--brand-primary);
  color: var(--brand-white);
  white-space: nowrap;
}
.sg-main-nav .sg-main-trial:hover { background: var(--brand-primary-hover); }
.sg-main-toggle { display: none; }
.sg-menu-close { display: none; }

/* Direct links remain available when JavaScript is disabled. */
@media (max-width: 599.98px) {
  .sg-main-nav { gap: 12px; }
  .sg-main-links { gap: 16px; }
  .sg-main-nav:not([data-sg-nav-ready]) { flex-wrap: wrap; height: auto; min-height: 64px; padding-block: 10px; }
  .sg-main-nav:not([data-sg-nav-ready]) .sg-main-links { order: 3; width: 100%; }
  .sg-main-nav[data-sg-nav-ready] .sg-main-links {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px 24px 16px;
    border-bottom: 1px solid var(--brand-border);
    background: var(--brand-white);
    box-shadow: 0 12px 24px rgb(5 19 67 / 5%);
  }
  .sg-main-nav[data-sg-nav-open] .sg-main-links { display: flex; }
  .sg-main-nav .sg-main-toggle:not([hidden]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
  }
  .sg-main-toggle[aria-expanded="true"] .sg-menu-lines { display: none; }
  .sg-main-toggle[aria-expanded="true"] .sg-menu-close { display: block; }
}