/* ───────────────────────────────────────────────────────────────
   DeftBid — Marketing Landing Page ("Ink" direction)
   B2 · Sticky nav (dark) with scroll state.
   ─────────────────────────────────────────────────────────────── */

.site-nav {
  position: fixed;   /* overlay the hero canvas (transparent) rather than reserve flow space */
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}

/* Transparent over the hero; gains a blurred scrim after ~12px scroll. */
.site-nav[data-scrolled="true"] {
  background: rgba(14, 16, 20, 0.78);
  -webkit-backdrop-filter: saturate(180%) blur(16px);
          backdrop-filter: saturate(180%) blur(16px);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
/* F4: browsers without backdrop-filter get a near-solid scrim instead of a
   see-through tint, so nav text stays legible over scrolling content. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .site-nav[data-scrolled="true"] { background: rgba(14, 16, 20, 0.94); }
}

.site-nav__inner {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

/* F1: pad the brand link vertically for a ≥44px tap target; it stays centered
   in the 70px bar, so there is no visual shift. */
.site-nav__brand { flex-shrink: 0; padding-block: 7px; }

/* Center links */
.site-nav__links {
  display: flex;
  gap: 28px;
}
.site-nav__links a {
  font-family: var(--font-sans, 'Archivo', sans-serif);
  font-weight: 500;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.78);
  text-decoration: none;
  transition: color .15s ease;
  /* F1: ≥44px tap target within the 70px bar (vertical padding only keeps the
     28px horizontal rhythm; links are all wider than 44px). */
  display: inline-flex;
  align-items: center;
  padding-block: 13px;
}
.site-nav__links a:hover { color: #fff; }

/* Right actions */
.site-nav__actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-shrink: 0;
}
.site-nav__signin {
  font-family: var(--font-sans, 'Archivo', sans-serif);
  font-weight: 600;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
  transition: color .15s ease;
  /* F1: match the ≥44px tap target of the adjacent CTA button. */
  display: inline-flex;
  align-items: center;
  padding-block: 13px;
}
.site-nav__signin:hover { color: #fff; }

/* Focus visibility on dark */
.site-nav a:focus-visible {
  outline: 2px solid var(--on-dark, #6FA0FF);
  outline-offset: 3px;
  border-radius: 6px;
}

/* Center links collapse below 780px (CTA + brand stay). */
@media (max-width: 780px) {
  .site-nav__links { display: none; }
}
/* On very small screens, drop the text "Sign in" link; keep the primary CTA. */
@media (max-width: 460px) {
  .site-nav__signin { display: none; }
}