/* Design Tokens */
      :root {
        --primary-clr-1: #1b75bc;
        --primary-clr-2: #a6ce3c;
        --primary-clr-1-15: #286eb6;
        --secondary-clr-1: #bcbec0;
        --secondary-clr-2: #664199;
        --dark: #222d33;
        --dark-50: #7e8487;
        --secondary-clr-1-50: #d5d7d7;
        --secondary-clr-1-25: #eaebeb;
        --primary-blue-100: #0c3454;
        --primary-blue-90: #114a77;
        --primary-blue-80: #155b92;
        --primary-blue-70: #1869a8;
        --primary-blue-60: #1b75bc;
        --primary-blue-50: #759bcb;
        --primary-blue-40: #a3b9d9;
        --primary-blue-30: #c6d3e7;
        --primary-blue-20: #e4eaf3;
        --primary-blue-10: #f2f5f9;
        --primary-green-100: #4a5c1b;
        --primary-green-90: #667f25;
        --primary-green-80: #81a02e;
        --primary-green-70: #94b836;
        --primary-green-60: #a6ce3c;
        --primary-green-50: #bbd97e;
        --primary-green-40: #cee3a8;
        --primary-green-30: #e0edc9;
        --primary-green-20: #f0f6e6;
        --primary-green-10: #f8fbf3;
        --secondary-gray-100: #1d1d1e;
        --secondary-gray-90: #3b3b3c;
        --secondary-gray-80: #58595a;
        --secondary-gray-70: #747577;
        --secondary-gray-60: #909193;
        --secondary-gray-50: #abacae;
        --secondary-gray-40: #bcbec0;
        --secondary-gray-30: #d8d9da;
        --secondary-gray-20: #eceded;
        --secondary-gray-10: #f6f6f6;
        --bg-clr: #f6f6f7;
        --header-font: "Poppins", sans-serif;
        --body-font: "Poppins", sans-serif;
        --shadow-lg: 0px 16px 48px rgba(0, 0, 0, 0.175);
        --shadow-md: 0px 8px 16px rgba(0, 0, 0, 0.15);
        --shadow-sm: 0px 2px 4px rgba(0, 0, 0, 0.125);
        --radius-sm: 4px;
        --space-1: 4px;
        --space-2: 8px;
        --gutter-xs: 6px;
        --gutter-md: 24px;
        --white: #ffffff;
        --white-55: rgba(255, 255, 255, 0.55);
        --white-40: rgba(255, 255, 255, 0.4);
        --white-0: rgba(255, 255, 255, 0);
        --overlay-scrim: rgba(0, 0, 0, 0.5);
        --peak-bg: var(--secondary-gray-20);
        --peak-border: var(--secondary-gray-40);
        --peak-text: var(--secondary-gray-80);
        --peak-muted: var(--secondary-gray-50);
        --peak-hover: var(--primary-clr-1);
        --peak-height: 52px;
        --peak-overlay-top: var(--peak-height);
        --peak-font: var(--body-font);
        --peak-fs: 12px;
        --peak-menu-bg: var(--white);
        --peak-menu-title: var(--secondary-gray-90);
        --peak-menu-subtle: var(--secondary-gray-70);
      }
      .peaknav-wrap {
        margin: 0;
        font-family: var(--peak-font);
        background: var(--bg-clr);
        color: var(--peak-text);
      }

      .peaknav-wrap {
        position: relative;
        background: var(--peak-bg);
        border-bottom: 1px solid var(--peak-border);
      }

      .peaknav {
        margin: 0 auto;
        min-height: var(--peak-height);
        padding: 0 18px;
        display: flex;
        align-items: stretch;
        gap: 0;
        position: relative;
        overflow: visible;
        white-space: nowrap;
        background: transparent;
        z-index: 10000;
      }

      .peaknav__overlay {
        position: fixed;
        top: var(--peak-overlay-top);
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        background-color: var(--overlay-scrim);
        z-index: 1050;
        pointer-events: none;
        transition:
          opacity 0.3s ease-in-out,
          visibility 0s linear 0.3s;
      }

      body.peaknav-overlay-open .peaknav__overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition:
          opacity 0.3s ease-in-out,
          visibility 0s linear 0s;
      }

      .peaknav [data-slot][hidden] {
        display: none !important;
      }

      .peaknav__cluster {
        display: flex;
        align-items: stretch;
        min-height: var(--peak-height);
        flex: 1 1 50%;
        min-width: 0;
      }

      .peaknav__cluster--left {
        justify-content: flex-start;
        align-items: center;
      }

      .peaknav__cluster--right {
        justify-content: flex-end;
        align-items: center;
      }

      .peaknav__group {
        display: flex;
        align-items: stretch;
        min-height: var(--peak-height);
      }

      .peaknav__group--specialties {
        align-items: center;
      }

      .peaknav__group[hidden] {
        display: none !important;
      }

      .peaknav__group--partner {
        border-right: 1px solid var(--secondary-gray-30);
        border-left: 1px solid var(--secondary-gray-30);
        background: transparent;
      }

      .peaknav__group--partner .peaknav__item {
        background: transparent;
      }

      .peaknav__group--partner .peaknav__item:hover,
      .peaknav__group--partner .peaknav__dropdown.show .peaknav__item {
        background: var(--primary-blue-10);
      }

      .peaknav__dropdown {
        position: static;
      }

      .peaknav__item {
        display: inline-flex;
        align-items: center;
        gap: var(--space-2);
        min-height: var(--peak-height);
        padding: 0 18px;
        color: var(--peak-text);
        font-size: var(--peak-fs);
        font-weight: 400;
        line-height: 1;
        text-decoration: none;
        background: transparent;
        white-space: nowrap;
      }

      .peaknav__trigger {
        border: 0;
        cursor: pointer;
      }

      .peaknav__item:hover,
      .peaknav__dropdown.show .peaknav__item {
        color: var(--peak-hover);
        text-decoration: none;
      }

      .peaknav__item:hover .peaknav__icon,
      .peaknav__dropdown.show .peaknav__icon {
        color: currentColor;
      }

      .peaknav__item:hover .peaknav__chevron,
      .peaknav__dropdown.show .peaknav__chevron {
        color: currentColor;
      }

      .peaknav__icon {
        font-size: 16px;
        color: var(--secondary-gray-70);
      }

      .peaknav__chevron {
        font-size: 11px;
        color: var(--dark-50);
        transform: translateY(1px);
        transition:
          transform 0.22s ease,
          color 0.22s ease;
      }

      .peaknav__dropdown.show .peaknav__chevron {
        transform: translateY(1px) rotate(180deg);
        color: var(--primary-clr-1);
      }

      .peaknav__logo {
        gap: 10px;
        padding-right: 22px;
      }

      .peaknav__logo-mark {
        height: 28px;
        width: auto;
        display: block;
      }

      .peaknav__logo-text {
        color: var(--peak-muted);
        font-size: 35px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0.1px;
      }

      .peaknav__login {
        gap: 8px;
      }

      .peaknav__menu {
        border-radius: 0;
        border-color: var(--peak-border);
        margin: 0;
        padding: 0;
        background: var(--peak-menu-bg);
      }

      .peaknav__menu--mega {
        display: block;
        width: 100vw;
        max-width: 100vw;
        padding: 64px 0;
        position: absolute !important;
        left: 50% !important;
        right: auto !important;
        top: 100% !important;
        margin-top: 0 !important;
        border-top: 1px solid var(--peak-border);
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        background:
          linear-gradient(
            98deg,
            var(--secondary-gray-30) 0%,
            var(--white-55) 58.88%,
            var(--white-0) 107.05%
          ),
          var(--secondary-gray-30);
        box-shadow: none;
        border-radius: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: 1200;
        transform: translateX(-50%) translateY(8px) !important;
        transition:
          opacity 0.2s ease-in,
          transform 0.2s ease-in,
          visibility 0s linear 0.22s;
      }

      .peaknav__menu--mega.show {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0) !important;
        transition:
          opacity 0.2s ease-out,
          transform 0.2s ease-out,
          visibility 0s linear 0s;
        z-index: 10000;
      }

      .peaknav__dropdown.show {
        z-index: 10000;
      }

      .peaknav__mega-container {
        width: 100%;
        margin: 0 auto;
        padding: 0 32px;
      }

      .peaknav__mega {
        display: grid;
        gap: 0;
      }

      .peaknav__mega--cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .peaknav__mega--cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .peaknav__mega-section {
        padding: 18px;
        border-right: 1px solid var(--secondary-gray-20);
      }

      .peaknav__mega-section:last-child {
        border-right: 0;
      }

      .peaknav__mega-title {
        margin: 0 0 10px;
        color: var(--peak-menu-title);
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.04em;
      }

      .peaknav__mega-list {
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .peaknav__mega-list li + li {
        margin-top: 4px;
      }

      .peaknav__mega-link {
        display: block;
        padding: 7px 0;
        color: var(--peak-text);
        font-size: 13px;
        text-decoration: none;
      }

      .peaknav__mega-link:hover {
        color: var(--peak-hover);
      }

      .peaknav__mega-note {
        margin-top: 10px;
        color: var(--peak-menu-subtle);
        font-size: 12px;
        line-height: 1.4;
      }

      .peaknav__region-layout {
        display: flex;
        flex-direction: column;
        gap: 12px;
      }

      .peaknav__region-links {
        display: flex;
        gap: 12px;
      }

      .peaknav__region-links .peaknav__region-card {
        flex: 1 1 0;
      }

      .peaknav__menu-layout {
        display: flex;
        gap: 36px;
        width: fit-content;
        max-width: 100%;
        margin: 0 auto;
        align-items: center;
        justify-content: center;
      }

      .logo__area {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 26px 36px 28px 12px;
        max-width: 420px;
        min-width: 320px;
        width: 100%;
        border-right: 1px solid var(--secondary-clr-1-50);
      }

      .logo__area-headline {
        display: none;
        margin: 0 0 10px;
        color: var(--dark-50);
        font-size: 10px;
        font-weight: 300;
        letter-spacing: 0.03em;
        text-transform: uppercase;
      }

      .logo__area--partner .logo__area-headline {
        display: block;
      }

      .logo__area-logo {
        display: block;
        width: auto;
        max-width: 430px;
        height: auto;
        margin: 0 0 12px;
      }

      .logo__area-copy {
        margin: 0;
        color: var(--secondary-gray-80);
        font-size: 12px;
        line-height: 160%;
        width: 100%;
        max-width: 100%;
        display: block;
        overflow: visible;
        white-space: normal;
        word-break: normal;
        overflow-wrap: break-word;
      }

      .menu-grid__links {
        display: block;
        width: 100%;
        max-width: 520px;
        min-width: 420px;
        padding: 24px 12px 24px 0;
      }

      .menu-grid__links-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: var(--gutter-xs);
        column-gap: var(--gutter-xs);
        grid-auto-flow: column;
        direction: ltr;
      }

      .menu-grid__links-list > li {
        grid-column: auto;
      }

      .menu-grid__links--cols-1 .menu-grid__links-list {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        grid-auto-flow: row;
      }

      .menu-grid__links--cols-2 .menu-grid__links-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(3, minmax(0, auto));
        grid-auto-flow: column;
      }

      .menu-grid__links-link {
        display: block;
        font-weight: 300;
        color: var(--dark);
        font-size: 16px;
        line-height: 1.2;
        padding: 1.025rem 0.9rem;
        width: 100%;
        max-width: 100%;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
      }

      .menu-grid__links-link:hover,
      .menu-grid__links-link.is-active,
      .menu-grid__links-link:focus-visible {
        color: var(--primary-clr-1);
        text-decoration: none;
        background-color: var(--white-40);
        transition: all 0.2s ease-in-out;
      }

      .publications__menu-layout {
        display: flex;
        max-width: 1440px;
        align-items: flex-start;
        align-content: flex-start;
        gap: var(--gutter-md) var(--gutter-md);
        flex: 1 0 0;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto;
      }

      .peaknav__dropdown[data-slot="publications"] .peaknav__menu--mega {
        background-image:
          linear-gradient(
            144deg,
            var(--secondary-gray-30) 0%,
            var(--white-55) 50%,
            var(--white-0) 100%
          ),
          url("https://conexiant.com/media/rkbbrzy1/x-outlined-single.png");
        background-repeat: no-repeat, repeat;
        background-position:
          center,
          center left;
        background-size: cover, 43px;
      }

      .publications__logo-grid {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 34px 26px;
        align-items: start;
      }

      .publications__logo-item {
        display: flex;
        align-items: center;
        min-height: 62px;
        font-weight: 300;
        color: var(--dark);
        padding: 1.025rem 0.9rem;
        border-left: 1px solid var(--secondary-gray-50);
        text-decoration: none;
        justify-content: flex-start;
        transition: all 0.2s ease-in-out;
      }

      .publications__logo-item:hover,
      .publications__logo-item.is-active,
      .publications__logo-item:focus-visible {
        color: var(--primary-clr-1);
        text-decoration: none;
        background-color: var(--white-40);
        border-left: 2px solid var(--primary-clr-2);
        transition: all 0.2s ease-in-out;
      }

      .publications__logo {
        max-width: 100%;
        max-height: 32px;
        width: auto;
        height: auto;
        display: block;
        filter: saturate(0.85) contrast(1.05);
      }

      .peaknav__region-card {
        display: block;
        font-weight: 300;
        color: var(--dark);
        font-size: 17px;
        line-height: 1.2;
        padding: 1.025rem 0.9rem;
        text-decoration: none;
        background-color: transparent;
        transition: all 0.2s ease-in-out;
      }

      .peaknav__region-card:hover,
      .peaknav__region-card.is-active,
      .peaknav__region-card:focus-visible {
        color: var(--primary-clr-1);
        text-decoration: none;
        background-color: var(--white-40);
        transition: all 0.2s ease-in-out;
      }

      .peaknav__region-name {
        display: block;
        font-size: 16px;
        font-weight: 300;
      }

      .peaknav__region-sub {
        display: block;
        margin-top: 6px;
        font-size: 12px;
        color: var(--peak-menu-subtle);
        line-height: 1.35;
      }

      .peaknav__dropdown--mobile-network {
        display: none;
      }

      .peaknav__mobile-network-trigger {
        display: flex;
        border: 0;
        border-radius: var(--radius-sm);
        background: var(--secondary-gray-30);
        padding: var(--space-1) var(--space-2);
        justify-content: center;
        align-items: center;
        gap: var(--space-2);
        font-size: 12px;
        line-height: 160%;
        font-weight: 400;
        color: var(--secondary-gray-100);
      }

      .peaknav__mobile-network-list {
        background: var(--secondary-gray-30);
        padding: 8px 0;
      }

      .peaknav__mobile-network-section {
        border: 0;
      }

      .peaknav__mobile-network-section--partner {
        border-top: 1px solid var(--secondary-gray-40);
      }

      .peaknav__mobile-network-section[hidden] {
        display: none !important;
      }

      .peaknav__mobile-network-toggle {
        width: 100%;
        border: 0;
        background: var(--secondary-gray-30);
        color: var(--dark);
        font-size: 16px;
        font-weight: 400;
        text-align: left;
        padding: 16px 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .peaknav__mobile-network-toggle i {
        font-size: 18px;
        line-height: 1;
        transform: rotate(0deg);
        color: currentColor;
        transition:
          transform 0.2s ease,
          color 0.2s ease;
      }

      .peaknav__mobile-network-section.is-open
        .peaknav__mobile-network-toggle
        i {
        transform: rotate(180deg);
      }

      .peaknav__mobile-network-panel {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0 16px;
        background: var(--secondary-gray-20);
        transition:
          max-height 0.24s ease,
          opacity 0.2s ease,
          padding 0.24s ease;
      }

      .peaknav__mobile-network-section.is-open .peaknav__mobile-network-panel {
        max-height: 420px;
        opacity: 1;
        padding: 16px;
      }

      .peaknav__mobile-network-links {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        row-gap: 10px;
      }

      .peaknav__mobile-network-link {
        display: block;
        font-weight: 300;
        color: var(--dark);
        font-size: 14px;
        line-height: 1.2;
        padding: 1.025rem 0.9rem;
        width: 100%;
        max-width: 100%;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
      }

      .peaknav__mobile-network-link:hover,
      .peaknav__mobile-network-link.is-active,
      .peaknav__mobile-network-link:focus-visible {
        color: var(--primary-clr-1);
        background-color: var(--white-40);
        text-decoration: none;
        transition: all 0.2s ease-in-out;
      }

      .peaknav__pub-icon {
        display: none;
        font-size: 18px;
        line-height: 1;
        transform: translateY(1px);
        transition:
          transform 0.22s ease,
          color 0.22s ease;
      }

      .peaknav__dropdown[data-slot="publications"].show .peaknav__pub-icon {
        transform: translateY(1px) rotate(180deg);
        color: var(--primary-clr-1);
      }

      .peaknav__hint {
        margin: 8px auto 0;
        padding: 0 18px 10px;
        color: var(--dark-50);
        font-size: 12px;
      }

      /* Desktop Down */
      @media (max-width: 1280px) {
        .peaknav {
          overflow: visible;
        }

        .peaknav__logo-text {
          display: none;
        }

        .peaknav__item {
          padding: 0 14px;
        }

        .publications__logo-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      /* Tablet / Mobile */
      @media (max-width: 1024px) {
        .peaknav {
          overflow-x: visible;
          padding: 0 12px;
        }

        .peaknav__group--network,
        .peaknav__group--partner {
          display: none !important;
        }

        .peaknav__cluster--left {
          justify-content: flex-start;
        }

        .peaknav__cluster--right {
          justify-content: flex-end;
          gap: 10px;
        }

        .peaknav__dropdown--mobile-network {
          display: flex;
          align-items: stretch;
        }

        .peaknav__mobile-network-trigger,
        .peaknav__dropdown[data-slot="publications"] .peaknav__trigger {
          min-height: 0;
          height: auto;
          align-self: center;
          padding: 6px 6px;
        }

        .peaknav__menu--mobile-network {
          padding: 0 !important;
          background: var(--secondary-gray-30);
        }

        .peaknav__menu--mobile-network .peaknav__mega-container {
          padding: 0;
        }

        .peaknav__menu--mobile-network .peaknav__menu-layout {
          width: 100%;
          max-width: 100%;
        }

        .peaknav__dropdown[data-slot="publications"] .peaknav__trigger {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: var(--space-2);
          border-radius: var(--radius-sm);
          background: var(--secondary-gray-30);
          padding: 6px;
          min-width: 0;
          aspect-ratio: 1 / 1;
        }

        .peaknav__dropdown[data-slot="publications"] .peaknav__menu--mega {
          padding: 24px 0;
        }

        .peaknav__dropdown[data-slot="publications"]
          .peaknav__menu--mega
          .peaknav__mega-container {
          padding: 0 24px;
        }

        .peaknav__dropdown[data-slot="publications"]
          .publications__menu-layout {
          gap: 10px;
        }

        .peaknav__menu--region {
          padding: 16px 0;
        }

        .peaknav__menu--region .peaknav__mega-container {
          padding: 0 24px;
        }

        .peaknav__menu--region .peaknav__region-layout {
          gap: 10px;
        }

        .peaknav__dropdown[data-slot="publications"] .peaknav__pub-text,
        .peaknav__dropdown[data-slot="publications"] .peaknav__chevron {
          display: none;
        }

        .peaknav__pub-icon {
          display: inline-flex;
          font-size: inherit;
        }

        .peaknav__group--action .peaknav__item {
          border-left: 1px solid var(--secondary-gray-40);
          min-width: 48px;
          justify-content: center;
          padding: 0 12px;
        }

        .peaknav__login-label {
          display: none;
        }

        .peaknav__menu-layout {
          grid-template-columns: 1fr;
        }

        .peaknav__region-links {
          flex-direction: column;
        }

        .logo__area {
          border-right: 0;
          border-bottom: 1px solid var(--secondary-gray-30);
          padding-right: 0;
          padding-left: 0;
          min-width: 0;
        }

        .logo__area-copy {
          font-size: 15px;
        }

        .menu-grid__links {
          padding-left: 0;
          padding-right: 0;
          max-width: 100%;
          min-width: 0;
        }

        .menu-grid__links-list {
          grid-template-columns: 1fr;
          grid-template-rows: none;
          grid-auto-flow: row;
          row-gap: 14px;
          column-gap: 0;
        }

        .publications__logo-grid {
          grid-template-columns: 1fr;
          gap: 16px;
        }

        .publications__logo-item {
          min-height: 48px;
          padding: 0.75rem;
        }

        .menu-grid__links-link {
          font-size: 16px;
        }
      }