/**
 * Site header — tek kaynak (anasayfa + Next).
 * Token: Next (--ink) ↔ kruv.html (--frost, --silver) fallback zinciri.
 */
:root {
  --site-nav-gutter-x: clamp(16px, 2.5vw, 32px);
  --site-nav-pad-y: 24px;
  --site-nav-pad-y-compact: 12px;
  --site-nav-links-gap: 36px;
  --site-nav-links-gap-compact: 24px;
  --site-nav-col-gap-scrolled: 16px;
  /* Mobil pill iç boşluk — navbar genişliğini değil yalnızca inset’i ayarlar */
  --site-nav-pill-inset-mobile: clamp(10px, 2.5vw, 16px);
  /* Mobil scroll pill — yatay dış boşluk */
  --site-nav-pill-gutter-x: clamp(10px, 2vw, 14px);
  /* Mobil üst bar (scroll yok) */
  --site-nav-bar-bg: var(--surface, var(--midnight));
  --site-nav-bar-border: 1px solid var(--border, var(--gray-100));
  /* Mobil oval pill (scroll var) */
  --site-nav-pill-bg: color-mix(in srgb, var(--midnight, var(--surface)) 82%, transparent);
  --site-nav-pill-radius: 999px;
  /* Sabit nav altı — tüm sayfa içerikleri (works, contact, proje detay) */
  --site-nav-clearance: calc(
    env(safe-area-inset-top, 0px) + var(--site-nav-pad-y) + var(--nav-bar-ctrl-h) + var(--site-nav-pad-y)
  );
  /* Wordmark + amblem — nav kontrol yüksekliğinin %80’i (üstten kesilme yok) */
  --nav-logo-scale: 0.8;
  --nav-logo-slot-h: calc(var(--nav-bar-ctrl-h) * var(--nav-logo-scale));
  /* Bayrak amblem (308×373) */
  --nav-logo-emblem-w: calc(var(--nav-logo-slot-h) * 308 / 373);
  /* Wordmark SVG viewBox 168×57 (üst/sağ nefes payı) */
  --nav-logo-wordmark-w: calc(var(--nav-logo-slot-h) * 168 / 57);
  --nav-logo-slot-w: var(--nav-logo-wordmark-w);
}

/* Works (globals) ile aynı — sayfa geçişinde nav kaymasın */
html {
  scrollbar-gutter: stable;
}

#nav-sentinel,
.marketing-nav-sentinel {
  height: 1px;
  width: 100%;
  margin: 0 0 -1px;
  padding: 0;
  border: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
}

.marketing-navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: var(--site-nav-pad-y) var(--site-nav-gutter-x);
  overflow: visible;
  isolation: isolate;
  transition:
    filter var(--dur-slow) var(--ease, var(--ease-standard)),
    opacity var(--dur-slow) var(--ease, var(--ease-standard));
}

.marketing-navbar-inner {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  overflow: visible;
}

.marketing-navbar-inner > * {
  position: relative;
  z-index: 1;
}

.marketing-navbar-inner::before {
  content: "";
  position: absolute;
  left: calc(var(--space-3) * -1);
  right: calc(var(--space-3) * -1);
  top: calc(var(--site-nav-pad-y) * -1);
  bottom: calc(var(--site-nav-pad-y) * -1);
  z-index: 0;
  pointer-events: none;
  opacity: 0.92;
  transform: translateY(0) scale(1);
  transition:
    opacity var(--nav-compact-dur) var(--nav-compact-ease),
    transform var(--nav-compact-dur) var(--nav-compact-ease),
    top var(--nav-compact-dur) var(--nav-compact-ease),
    bottom var(--nav-compact-dur) var(--nav-compact-ease);
  background: transparent;
  backdrop-filter: blur(22px) saturate(1.2);
  -webkit-backdrop-filter: blur(22px) saturate(1.2);
  border: none;
  border-radius: 999px;
  box-shadow: none;
}

.marketing-navbar.is-scrolled .marketing-navbar-inner {
  width: fit-content;
  max-width: 100%;
}

.marketing-navbar.is-scrolled .marketing-navbar-inner::before {
  top: calc(var(--site-nav-pad-y-compact) * -1);
  bottom: calc(var(--site-nav-pad-y-compact) * -1);
  opacity: 1;
}

.marketing-navbar.is-scrolled {
  padding: var(--site-nav-pad-y-compact) var(--site-nav-gutter-x);
}

/* Varyasyonlar: yalnızca `.marketing-navbar` (üst) ve `.marketing-navbar.is-scrolled` (compact) */

.marketing-navbar-cols {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  width: 100%;
  max-width: 100%;
  row-gap: var(--space-3);
}

.marketing-navbar.is-scrolled .marketing-navbar-cols {
  display: flex;
  justify-content: center;
  gap: var(--site-nav-col-gap-scrolled, var(--nav-col-gap-scrolled, 16px));
  width: max-content;
  max-width: 100%;
}

.marketing-navbar-col {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  min-width: 0;
}

.marketing-navbar-col--brand {
  justify-content: flex-start;
  flex-shrink: 0;
  min-width: auto;
}

.marketing-navbar-col--links {
  justify-content: center;
  min-width: 0;
}

.marketing-navbar-col--cta {
  justify-content: flex-end;
}

.marketing-navbar-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  flex: 0 0 auto;
  width: var(--nav-logo-slot-w);
  min-width: var(--nav-logo-slot-w);
  height: var(--nav-logo-slot-h);
  overflow: visible;
}

.marketing-navbar-logo-stack {
  position: relative;
  display: flex;
  align-items: center;
  width: var(--nav-logo-slot-w);
  min-width: var(--nav-logo-slot-w);
  height: var(--nav-logo-slot-h);
  flex-shrink: 0;
  overflow: visible;
}

/* Üstte wordmark, scroll’da bayrak amblem */
.marketing-navbar-logo-wordmark {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 100%;
  height: 92%;
  transform: translateY(-50%);
  display: block;
  opacity: 1;
  transition: opacity var(--nav-compact-dur) var(--nav-compact-ease);
  background-color: var(--color-accent);
  -webkit-mask-image: url("/assets/kruv-wordmark.svg");
  mask-image: url("/assets/kruv-wordmark.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: left center;
  mask-position: left center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.marketing-navbar-logo-emblem {
  position: absolute;
  inset: 0;
  display: block;
  opacity: 0;
  transition: opacity var(--nav-compact-dur) var(--nav-compact-ease);
  pointer-events: none;
}

.marketing-navbar-logo-emblem::before,
.marketing-navbar-logo-emblem::after {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: left center;
  mask-position: left center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.marketing-navbar-logo-emblem::before {
  background-color: var(--color-accent);
  -webkit-mask-image: url("/assets/kruv-nav-emblem-shape.svg");
  mask-image: url("/assets/kruv-nav-emblem-shape.svg");
}

.marketing-navbar-logo-emblem::after {
  background-color: var(--white-fixed);
  -webkit-mask-image: url("/assets/kruv-nav-emblem-mark.svg");
  mask-image: url("/assets/kruv-nav-emblem-mark.svg");
}

.marketing-navbar.is-scrolled .marketing-navbar-logo-wordmark {
  opacity: 0;
}

.marketing-navbar.is-scrolled .marketing-navbar-logo-emblem {
  opacity: 1;
}

/* Scroll: wordmark gizli — yuva amblem genişliğine daralır */
.marketing-navbar.is-scrolled .marketing-navbar-logo,
.marketing-navbar.is-scrolled .marketing-navbar-logo-stack {
  width: var(--nav-logo-emblem-w);
  min-width: var(--nav-logo-emblem-w);
}

.marketing-navbar-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: var(--site-nav-links-gap);
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
  max-width: 100%;
}

.marketing-navbar.is-scrolled .marketing-navbar-links {
  gap: var(--site-nav-links-gap-compact);
}

.marketing-navbar-item {
  font-family: var(--b1-font-family);
  font-size: var(--b1-font-size);
  font-weight: var(--b1-font-weight);
  line-height: var(--b1-line-height);
  letter-spacing: var(--b1-letter-spacing);
  text-transform: var(--b1-text-transform);
  color: var(--ink-soft, var(--silver));
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease, var(--ease-standard));
}

/* Scroll (navbar2): menü linkleri b1 / type style 1 */
.marketing-navbar.is-scrolled .marketing-navbar-item {
  font-family: var(--b1-font-family);
  font-size: var(--b1-font-size);
  font-weight: var(--b1-font-weight);
  line-height: var(--b1-line-height);
  letter-spacing: var(--b1-letter-spacing);
  text-transform: var(--b1-text-transform);
}

.marketing-navbar-item:hover {
  color: var(--ink, var(--frost));
}

/* Aktif sayfa rengi değişir; kalınlık / genişlik aynı kalır */
.marketing-navbar-item[aria-current="page"] {
  color: var(--ink, var(--frost));
  font-weight: var(--b1-font-weight, 400);
}

.marketing-navbar-actions {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: var(--space-3);
}

.lang-switch {
  position: relative;
}

.lang-switch__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  gap: var(--space-2, 8px);
  height: var(--nav-bar-ctrl-h);
  min-height: var(--nav-bar-ctrl-h);
  max-height: var(--nav-bar-ctrl-h);
  padding: 0 var(--space-3, 12px);
  border-radius: var(--btn-radius);
  border: 1px solid var(--border, var(--gray-100));
  background: transparent;
  color: var(--ink-soft, var(--silver));
  font-family: var(--b3-font-family);
  font-size: var(--b3-font-size);
  font-weight: var(--b3-font-weight);
  line-height: 1;
  letter-spacing: var(--ls-2xs);
  text-transform: none;
  cursor: pointer;
  transition:
    color var(--dur-fast, 0.15s) var(--ease, var(--ease-standard)),
    border-color var(--dur-fast, 0.15s) var(--ease, var(--ease-standard)),
    background var(--dur-fast, 0.15s) var(--ease, var(--ease-standard));
}

.lang-switch__trigger:hover {
  color: var(--ink, var(--frost));
  border-color: var(--border-md, var(--gray-250));
}

.lang-switch__trigger:focus-visible {
  outline: 2px solid var(--accent, var(--purple));
  outline-offset: 2px;
}

.lang-switch__menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 132px;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 4px;
  background: var(--surface);
  box-shadow: 0 4px 12px var(--gray-180);
  z-index: 30;
}

.lang-switch__item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 8px;
  padding: 8px 10px;
  background: transparent;
  color: var(--ink-soft);
  font-family: var(--b3-font-family);
  font-size: var(--b3-font-size);
  font-weight: var(--b3-font-weight);
  text-align: left;
  cursor: pointer;
  transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
}

.lang-switch__item:hover {
  background: var(--gray-70);
  color: var(--ink);
}

.lang-switch__item[aria-checked="true"] {
  background: var(--gray-80);
  color: var(--ink);
}

/* Theme toggle — navbar satırında CTA ile aynı kutu yüksekliği */
.marketing-navbar-theme-toggle,
.nav-theme-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  width: var(--nav-bar-ctrl-h);
  height: var(--nav-bar-ctrl-h);
  padding: 0;
  overflow: hidden;
  border-radius: var(--btn-radius);
  border: 1px solid var(--border, var(--gray-100));
  background: transparent;
  color: var(--ink-soft, var(--silver));
  cursor: pointer;
  transition:
    color var(--dur-fast, 0.15s) var(--ease, var(--ease-standard)),
    border-color var(--dur-fast, 0.15s) var(--ease, var(--ease-standard));
}

.marketing-navbar-theme-toggle:hover,
.nav-theme-toggle:hover {
  color: var(--ink, var(--frost));
  border-color: var(--border-md, var(--gray-250));
}

.marketing-navbar-theme-toggle:focus-visible,
.nav-theme-toggle:focus-visible {
  outline: 2px solid var(--accent, var(--purple));
  outline-offset: 2px;
}

.marketing-navbar-theme-toggle svg,
.nav-theme-toggle svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: 0;
  transform: translate(-50%, -50%);
  display: block;
  pointer-events: none;
}

.marketing-navbar-theme-toggle .icon-sun,
.nav-theme-toggle .icon-sun {
  display: none;
}

.marketing-navbar-theme-toggle .icon-moon,
.nav-theme-toggle .icon-moon {
  display: block;
}

[data-theme="light"] .marketing-navbar-theme-toggle .icon-sun,
[data-theme="light"] .nav-theme-toggle .icon-sun {
  display: block;
}

[data-theme="light"] .marketing-navbar-theme-toggle .icon-moon,
[data-theme="light"] .nav-theme-toggle .icon-moon {
  display: none;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .marketing-navbar-theme-toggle .icon-sun,
  :root:not([data-theme="dark"]) .nav-theme-toggle .icon-sun {
    display: block;
  }

  :root:not([data-theme="dark"]) .marketing-navbar-theme-toggle .icon-moon,
  :root:not([data-theme="dark"]) .nav-theme-toggle .icon-moon {
    display: none;
  }
}

.marketing-navbar-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  height: var(--nav-bar-ctrl-h);
  min-height: var(--nav-bar-ctrl-h);
  max-height: var(--nav-bar-ctrl-h);
  gap: var(--btn-gap);
  font-family: var(--btn-font-family), system-ui, sans-serif;
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  line-height: 1;
  letter-spacing: var(--ls-2xs);
  text-transform: none;
  padding: 0 var(--btn-pad-x);
  background: transparent;
  border: var(--btn-border-width) solid var(--accent, var(--purple));
  color: var(--accent, var(--purple));
  text-decoration: none;
  border-radius: var(--btn-radius);
  transition:
    background var(--dur-fast) var(--ease, var(--ease-standard)),
    color var(--dur-fast) var(--ease, var(--ease-standard)),
    border-color var(--dur-fast) var(--ease, var(--ease-standard));
}

.marketing-navbar-cta:hover {
  background: var(--accent, var(--purple));
  color: var(--white-fixed);
  border-color: var(--accent, var(--purple));
}

/* Mobil hamburger — masaüstünde gizli (detay: site-nav-shared.css) */
.marketing-navbar-menu-btn {
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  width: max(44px, var(--nav-bar-ctrl-h));
  height: max(44px, var(--nav-bar-ctrl-h));
  min-width: max(44px, var(--nav-bar-ctrl-h));
  min-height: max(44px, var(--nav-bar-ctrl-h));
  padding: 0;
  margin: 0;
  border: 1px solid var(--border, var(--gray-100));
  border-radius: var(--btn-radius);
  background: transparent;
  color: var(--ink-soft, var(--silver));
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  transition:
    color var(--dur-fast) var(--ease, var(--ease-standard)),
    border-color var(--dur-fast) var(--ease, var(--ease-standard)),
    background var(--dur-fast) var(--ease, var(--ease-standard));
}

.marketing-navbar-menu-btn:hover {
  color: var(--ink, var(--frost));
  border-color: var(--border-md, var(--gray-180));
}

.marketing-navbar-menu-btn:focus-visible {
  outline: 2px solid var(--accent, var(--purple));
  outline-offset: 2px;
}

/* Masaüstü: logo | linkler | CTA — grid ile sayfalar arası sabit hizalama */
@media (min-width: 769px) {
  .marketing-navbar:not(.is-scrolled) .marketing-navbar-cols {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    justify-content: stretch;
    width: 100%;
    max-width: 100%;
    flex-wrap: nowrap;
    row-gap: 0;
  }

  .marketing-navbar:not(.is-scrolled) .marketing-navbar-col--brand {
    justify-self: start;
  }

  .marketing-navbar:not(.is-scrolled) .marketing-navbar-col--links {
    justify-self: center;
    width: auto;
    min-width: 0;
  }

  .marketing-navbar:not(.is-scrolled) .marketing-navbar-col--cta {
    justify-self: end;
  }

  .marketing-navbar-links {
    flex-shrink: 0;
  }

  .marketing-navbar-cols,
  .marketing-navbar-col--brand {
    overflow: visible;
  }

}

/* Hamburger / overlay / panel: public/site-nav-shared.css */

@media (max-width: 768px) {
  /* ── Üst bar (scroll yok): tam genişlik, üst/sol/sağa yapışık ── */
  .marketing-navbar {
    z-index: 150;
    box-sizing: border-box;
    width: 100%;
    max-width: 100vw;
    padding-top: max(var(--site-nav-pad-y), env(safe-area-inset-top, 0px));
    padding-bottom: var(--site-nav-pad-y);
    padding-inline: 0;
    background: var(--site-nav-bar-bg);
    border-bottom: var(--site-nav-bar-border);
    transition:
      padding var(--nav-compact-dur) var(--nav-compact-ease),
      background var(--nav-compact-dur) var(--nav-compact-ease),
      border-color var(--nav-compact-dur) var(--nav-compact-ease);
  }

  .marketing-navbar:not(.is-scrolled) .marketing-navbar-inner {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    padding: 0 var(--container-gutter, var(--section-pad-x));
    box-sizing: border-box;
    min-height: var(--nav-bar-ctrl-h);
  }

  .marketing-navbar:not(.is-scrolled) .marketing-navbar-inner::before {
    opacity: 0;
    background: transparent;
    border-radius: 0;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  /* ── Oval pill (scroll var) ── */
  .marketing-navbar.is-scrolled {
    padding-top: max(var(--site-nav-pad-y-compact), env(safe-area-inset-top, 0px));
    padding-bottom: var(--site-nav-pad-y-compact);
    padding-inline: max(
      var(--site-nav-pill-gutter-x),
      env(safe-area-inset-left, 0px),
      env(safe-area-inset-right, 0px)
    );
    background: transparent;
    border-bottom: none;
  }

  .marketing-navbar.is-scrolled .marketing-navbar-inner,
  .marketing-navbar.is-menu-open.is-scrolled .marketing-navbar-inner {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    padding: var(--site-nav-pill-inset-mobile, var(--nav-pill-inset, 16px));
    box-sizing: border-box;
    min-height: var(--nav-bar-ctrl-h);
  }

  .marketing-navbar.is-scrolled .marketing-navbar-inner::before,
  .marketing-navbar.is-menu-open.is-scrolled .marketing-navbar-inner::before {
    inset: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1;
    border-radius: var(--site-nav-pill-radius);
    background: var(--site-nav-pill-bg);
    backdrop-filter: blur(22px) saturate(1.2);
    -webkit-backdrop-filter: blur(22px) saturate(1.2);
  }

  /* Menü açık + scroll yok: tam bar korunur */
  .marketing-navbar.is-menu-open:not(.is-scrolled) .marketing-navbar-inner {
    width: 100%;
    max-width: 100%;
    padding: 0 var(--container-gutter, var(--section-pad-x));
    min-height: var(--nav-bar-ctrl-h);
  }

  .marketing-navbar.is-menu-open:not(.is-scrolled) .marketing-navbar-inner::before {
    opacity: 0;
    background: transparent;
  }

  .marketing-navbar-cols,
  .marketing-navbar.is-scrolled .marketing-navbar-cols {
    width: 100%;
    max-width: 100%;
    padding: 0;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, 12px);
    box-sizing: border-box;
  }

  /* Orta sütun: tam ekran drawer; yatay yer kaplamasın */
  .marketing-navbar-col--links {
    flex: 0 0 0;
    width: 0;
    min-width: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
  }

  .marketing-navbar-col--brand,
  .marketing-navbar-col--cta {
    align-items: center;
  }

  .marketing-navbar-col--brand {
    flex: 0 1 auto;
    min-width: 0;
    overflow: visible;
  }

  .marketing-navbar-col--cta {
    flex: 0 0 auto;
    min-width: 0;
    margin-inline-start: auto;
  }

  .marketing-navbar-links a {
    transition: color var(--dur-fast) var(--ease-standard);
  }

  .marketing-navbar-actions {
    align-items: center;
    gap: var(--space-3, 12px);
    max-width: 100%;
    min-width: 0;
    margin-inline-end: 0;
    flex-shrink: 0;
  }

  .marketing-navbar-menu-btn {
    display: inline-flex;
    position: relative;
    z-index: 10;
  }

  .marketing-navbar.is-menu-open .marketing-navbar-menu-btn {
    color: var(--ink, var(--frost));
    border-color: var(--border-md, var(--gray-180));
  }

  /* Menü açık: logo ↔ X sabit; dil seçici ortada (display:contents Safari’de tıklamayı kırar) */
  .marketing-navbar.is-menu-open .marketing-navbar-cols {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    gap: var(--space-3, 12px);
  }

  .marketing-navbar.is-menu-open .marketing-navbar-col--brand {
    flex: 0 0 auto;
  }

  .marketing-navbar.is-menu-open .marketing-navbar-cta {
    display: none;
  }

  /* Mobil: wordmark geçici kapalı — yalnızca bayrak amblem */
  .marketing-navbar .marketing-navbar-logo-wordmark {
    opacity: 0;
    pointer-events: none;
  }

  .marketing-navbar .marketing-navbar-logo-emblem {
    opacity: 1;
  }

  .marketing-navbar .marketing-navbar-logo,
  .marketing-navbar .marketing-navbar-logo-stack {
    width: var(--nav-logo-emblem-w);
    min-width: var(--nav-logo-emblem-w);
    max-width: var(--nav-logo-emblem-w);
    height: var(--nav-logo-slot-h);
    max-height: var(--nav-logo-slot-h);
    aspect-ratio: auto;
    flex-shrink: 0;
    overflow: visible;
  }

  .marketing-navbar-logo-emblem::before,
  .marketing-navbar-logo-emblem::after {
    -webkit-mask-position: center center;
    mask-position: center center;
  }

  /* Dar ekranda CTA hamburger’ı sıkıştırmasın — menüde zaten var */
  .marketing-navbar:not(.is-menu-open) .marketing-navbar-cta {
    display: none;
  }

  .marketing-navbar-cta {
    padding-inline: var(--space-4, 16px);
    white-space: nowrap;
    font-size: var(--b1-font-size, 14px);
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .marketing-navbar-item {
    transition: color var(--dur-fast, 0.15s) var(--ease, var(--ease-standard));
  }
}