/* Shared navigation geometry and states for the product and public landing. */
:root{
  --navigation-height:68px;
  --navigation-item-height:44px;
  --navigation-radius:10px;
  --navigation-gap:8px;
  --navigation-font-size:13px;
  --navigation-weight:700;
  --navigation-surface:var(--surface);
  --navigation-border:var(--border);
  --navigation-text:var(--muted);
  --navigation-active-text:var(--accent-hover);
  --navigation-active-bg:var(--accent-soft);
}
[data-theme=dark]{
  --navigation-surface:rgb(5 5 5 / .65);
  --navigation-border:#28282d;
  --navigation-text:#b4b4bb;
  --navigation-active-text:color-mix(in srgb,var(--accent) 55%,#fff);
  --navigation-active-bg:color-mix(in srgb,var(--accent) 12%,#141416);
}
.topbar{height:var(--navigation-height)}
.nav-link,.landing-nav-link{
  display:flex;align-items:center;gap:12px;min-height:var(--navigation-item-height);
  padding:10px 13px;border-radius:var(--navigation-radius);
  color:var(--navigation-text);font:var(--navigation-weight) var(--navigation-font-size)/1.5 var(--font-body);
  transition:background-color var(--motion-feedback,140ms),color var(--motion-feedback,140ms);
}
.nav-link:hover,.landing-nav-link:hover{background:var(--surface-muted,var(--surface-raised));color:var(--navigation-active-text)}
.nav-link.is-active,.landing-nav-link[aria-current=location]{
  background:var(--navigation-active-bg);color:var(--navigation-active-text);font-weight:800;
  box-shadow:inset 3px 0 var(--accent);
}
.landing-header{background:var(--navigation-surface);border-color:var(--navigation-border);backdrop-filter:blur(14px)}
.landing-header-inner{height:var(--navigation-height);gap:24px}
.landing-header .landing-brand{gap:var(--brand-gap);letter-spacing:0;flex:none}
.landing-brand .brand-symbol{width:var(--brand-symbol-size);height:var(--brand-symbol-size)}
.landing-navigation{gap:24px;font-size:var(--navigation-font-size)}
.landing-nav-sections,.landing-nav-account{display:flex;align-items:center;gap:var(--navigation-gap)}
.landing-nav-account{padding-left:24px;border-left:1px solid var(--navigation-border)}
.landing-nav-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--navigation-item-height);
  padding:10px 16px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--navigation-border));
  border-radius:var(--navigation-radius);background:var(--navigation-active-bg);color:var(--navigation-active-text);
  font:var(--navigation-weight) var(--navigation-font-size)/1.5 var(--font-body);
  transition:background-color var(--motion-fast,160ms),border-color var(--motion-fast,160ms),transform var(--motion-fast,160ms);
}
.landing-nav-cta:hover{background:color-mix(in srgb,var(--accent) 20%,#141416);border-color:var(--navigation-active-text)}
.landing-nav-cta:active{transform:scale(.98)}
.landing-menu-button{min-width:44px;min-height:44px;background:var(--surface-raised);border-color:var(--navigation-border);border-radius:var(--navigation-radius)}
.landing-section{scroll-margin-top:96px}
@media(max-width:1100px) and (min-width:1025px){
  .landing-header-inner{gap:16px}.landing-navigation{gap:12px}.landing-nav-sections,.landing-nav-account{gap:4px}
  .landing-nav-account{padding-left:12px}.landing-nav-link{gap:8px;padding-inline:10px}.landing-nav-link svg{width:16px;height:16px}
}
@media(max-width:1024px){
  .landing-header-inner{height:76px;gap:0;flex-wrap:wrap}
  .landing-menu-button:not([hidden]){display:flex}
  .landing-navigation{position:absolute;left:0;top:76px;width:100%;display:grid;gap:16px;padding:16px 20px 20px;background:var(--paper);border-bottom:1px solid var(--navigation-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow)}
  .landing-nav-sections,.landing-nav-account{display:grid;width:100%;gap:var(--navigation-gap)}
  .landing-nav-link{min-height:48px;font-size:14px}
  .landing-nav-account{border-left:0;border-top:1px solid var(--navigation-border);padding:16px 0 0}
  .landing-nav-cta{min-height:48px;justify-content:flex-start;font-size:14px}
  .landing-nav-cta>svg:last-child{margin-left:auto}
  .landing-header:not(.is-enhanced) .landing-header-inner{height:auto;min-height:76px;padding-block:12px;gap:12px}
  .landing-header:not(.is-enhanced) .landing-navigation{position:static;display:flex;flex-wrap:wrap;gap:12px;padding:0;background:transparent;border:0;box-shadow:none}
  .landing-header:not(.is-enhanced) .landing-nav-sections,.landing-header:not(.is-enhanced) .landing-nav-account{display:flex;flex-wrap:wrap;width:auto}
  .landing-header:not(.is-enhanced) .landing-nav-account{padding:0;border:0}
}
@media(prefers-reduced-motion:reduce){.nav-link,.landing-nav-link,.landing-nav-cta{transition:none}.landing-nav-cta:active{transform:none}}