/* ============================================================
   Nav Bar — Figma node 24:79
   Sticky header, 1440px design-width coordinate system.
   All children are positioned absolutely to match Figma pixel
   values exactly (nested: each offset is local to its own
   positioned parent). Flex is used only for leaf-level content
   centering (button label, matching the project's existing
   .cta-button precedent in styles.css).
   ============================================================ */

.navbar,
.navbar * {
  box-sizing: border-box;
}

.navbar {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
  font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar__inner {
  position: relative;
  width: 100%;
  height: 88px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
}

/* ---------- Logo lockup ---------- */
.navbar__logo {
  position: absolute;
  left: 96px;
  top: 23px;
  width: 189px;
  height: 42px;
  display: block;
  text-decoration: none;
}

.navbar__logo-icon-crop {
  position: absolute;
  left: 0;
  top: 0.01px;
  width: 34.689px;
  height: 41.845px;
  overflow: hidden;
  display: block;
}
.navbar__logo-icon-inner {
  position: absolute;
  left: -11.203px;
  top: -6.354px;
  width: 200.147px;
  height: 54.658px;
  display: block;
  background-image: url(../assets/navbar-logo-icon-color.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-mask-image: url(../assets/navbar-logo-mask.png);
  mask-image: url(../assets/navbar-logo-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  mask-mode: luminance;
  -webkit-mask-mode: luminance;
}

.navbar__logo-text-crop {
  position: absolute;
  left: 34.741px;
  top: 0.01px;
  width: 154.103px;
  height: 41.845px;
  overflow: hidden;
  display: block;
}
.navbar__logo-text-inner {
  position: absolute;
  left: -11.23px;
  top: -6.354px;
  width: 200.147px;
  height: 54.658px;
  display: block;
  background-image: url(../assets/navbar-logo-text-color.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-mask-image: url(../assets/navbar-logo-mask.png);
  mask-image: url(../assets/navbar-logo-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  mask-mode: luminance;
  -webkit-mask-mode: luminance;
}

/* ---------- Primary links ---------- */
.navbar__links {
  position: absolute;
  left: 357px;
  top: 35.5px;
  width: 691px;
  height: 17px;
}
.navbar__links a {
  position: absolute;
  top: 0;
  white-space: nowrap;
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
  color: #4f4f4f;
  text-decoration: none;
}
.navbar__links a:hover {
  color: #002a5a;
}
.navbar__links a[data-node-id="4:11"]     { left: 0px; }
.navbar__links a[data-node-id="4:12"]     { left: 121px; }
.navbar__links a[data-node-id="322:43729"] { left: 226px; }
.navbar__links a[data-node-id="322:43731"] { left: 347px; }
.navbar__links a[data-node-id="322:43733"] { left: 464px; }
.navbar__links a[data-node-id="4:13"]     { left: 573px; }
.navbar__links a[data-node-id="4:14"]     { left: 652px; }

/* ---------- CTA button ---------- */
.navbar__cta {
  position: absolute;
  left: 1120px;
  top: 21.5px;
  width: 226px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #002a5a;
  text-decoration: none;
  cursor: pointer;
  transition: filter 0.2s ease, transform 0.2s ease;
}
.navbar__cta:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}
.navbar__cta span {
  font-weight: 600;
  font-size: 14px;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
}