/* Shared navigation: the homepage glass surfaces, indicator and folding logo.
   Loaded after page styles. Keep visual changes here so all modules stay in sync. */
.site-nav.kk-navigation {
  --ink: #07111f;
  --ink-2: #243044;
  --container-wide: min(1320px, calc(100% - 44px));
  --ease: cubic-bezier(.2, .9, .2, 1);
  --ease-glass: cubic-bezier(.22, 1, .36, 1);
  --glass-backdrop: url("#kaka-liquid-glass-filter") blur(.25px) contrast(1.2) brightness(1.05) saturate(1.1);
  --glass-backdrop-panel: url("#kaka-liquid-glass-filter") blur(.6px) contrast(1.16) brightness(1.06) saturate(1.16);
  --glass-backdrop-soft: blur(.65px) contrast(1.04) brightness(1.02) saturate(1.08);
  font-family: "Geist", "Noto Sans SC", "PingFang SC", -apple-system, "Microsoft YaHei", sans-serif;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.site-nav.kk-navigation *, .site-nav.kk-navigation *::before,
.site-nav.kk-navigation *::after { box-sizing: border-box; }
.site-nav.kk-navigation [hidden] { display: none !important; }
.site-nav.kk-navigation a { text-decoration: none; }
.site-nav.kk-navigation button { font-family: inherit; cursor: pointer; }
.site-nav.kk-navigation .nav-actions .btn { font-weight: 900; }
.site-nav.kk-navigation .brand { display: inline-flex; align-items: center; justify-self: start; }
.site-nav.kk-navigation .brand .dot { display: none; }
.site-nav.kk-navigation .nav-panels { display: contents; }
.site-nav.kk-navigation {
  position: sticky;
  top: 0;
  z-index: 80;
  border-bottom: 1px solid transparent;
  transition: background .24s var(--ease), border-color .24s var(--ease), box-shadow .24s var(--ease);
}
.site-nav.kk-navigation::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(circle at calc(50% + (var(--mx, 0) * 22%)) calc(10% + (var(--my, 0) * 18%)), rgba(255,255,255,.34), transparent 25rem),
    linear-gradient(135deg, rgba(248,250,255,.18), rgba(255,255,255,.08) 45%, rgba(215,255,53,.08));
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: opacity .26s var(--ease-glass), backdrop-filter .34s var(--ease-glass), -webkit-backdrop-filter .34s var(--ease-glass);
}
body.nav-open .site-nav.kk-navigation::after {
  pointer-events: auto;
  opacity: 1;
  background: rgba(246,247,252,.58);
  -webkit-backdrop-filter: blur(22px) saturate(1.1);
  backdrop-filter: blur(22px) saturate(1.1);
}
/* Keep the sticky canvas transparent while scrolling. The brand, link rail and
   actions already carry the liquid-glass surface; blurring the whole header
   turns that refraction into a flat Gaussian veil. */
.site-nav.kk-navigation.scrolled {
  background: transparent;
  border-bottom-color: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}
/* While the mobile menu is open the fixed ::after veil must own the blur —
   any backdrop-filter on the bar itself would become its containing block
   and clamp the veil (and the fixed panels) to the bar's box. */
body.nav-open .site-nav.kk-navigation,
body.nav-open .site-nav.kk-navigation.scrolled {
  background: transparent;
  border-bottom-color: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}
.site-nav.kk-navigation .nav-inner {
  width: var(--container-wide);
  min-height: 74px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  position: relative;
  z-index: 2;
}
.site-nav.kk-navigation .nav-links,
.site-nav.kk-navigation .nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.site-nav.kk-navigation .nav-actions {
  justify-self: end;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.74);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.32), rgba(255,255,255,.08)),
    rgba(255,255,255,.13);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    inset 0 -11px 22px rgba(7,17,31,.045),
    0 6px 14px rgba(12,31,75,.08);
  -webkit-backdrop-filter: var(--glass-backdrop-panel);
  backdrop-filter: var(--glass-backdrop-panel);
}
.site-nav.kk-navigation .nav-links {
  position: relative;
  width: max-content;
  justify-content: center;
  justify-self: center;
  isolation: isolate;
  overflow: hidden;
  padding: 6px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,.06)),
    rgba(255,255,255,.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.74),
    inset 0 -12px 24px rgba(7,17,31,.045),
    inset 0 0 0 1px rgba(255,255,255,.18),
    0 6px 14px rgba(12,31,75,.08);
  -webkit-backdrop-filter: var(--glass-backdrop-panel);
  backdrop-filter: var(--glass-backdrop-panel);
}
.site-nav.kk-navigation .nav-links::before,
.site-nav.kk-navigation .nav-links::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: inherit;
  z-index: 0;
}
.site-nav.kk-navigation .nav-links::before {
  inset: 1px;
  background:
    linear-gradient(115deg, rgba(255,255,255,.42), transparent 38%),
    radial-gradient(circle at 8% 0%, rgba(255,255,255,.54), transparent 34%);
  opacity: .7;
}
.site-nav.kk-navigation .nav-links::after {
  inset: -90% -18%;
  background:
    conic-gradient(from 120deg, transparent, rgba(0,194,255,.24), rgba(255,255,255,.58), rgba(255,79,57,.2), transparent 72%);
  opacity: .2;
  mix-blend-mode: screen;
  transform: translate3d(calc(var(--mx, 0) * 18px), calc(var(--my, 0) * 10px), 0) rotate(0deg);
}
.site-nav.kk-navigation .nav-glass-indicator {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: var(--nav-pill-w, 0px);
  height: var(--nav-pill-h, 0px);
  border-radius: 999px;
  opacity: var(--nav-pill-o, 0);
  pointer-events: none;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.8);
  background:
    linear-gradient(140deg, rgba(255,255,255,.58), rgba(255,255,255,.16) 48%, rgba(255,255,255,.38)),
    radial-gradient(circle at 16% 0%, rgba(255,255,255,.68), transparent 46%),
    rgba(255,255,255,.12);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.88),
    inset 0 -9px 18px rgba(7,17,31,.055),
    0 5px 12px rgba(12,31,75,.1);
  -webkit-backdrop-filter: var(--glass-backdrop);
  backdrop-filter: var(--glass-backdrop);
  transform: translate3d(var(--nav-pill-x, 0px), var(--nav-pill-y, 0px), 0);
  transition:
    transform .36s var(--ease-glass),
    width .36s var(--ease-glass),
    height .36s var(--ease-glass),
    opacity .18s var(--ease);
  will-change: transform, width, height;
}
.site-nav.kk-navigation .nav-glass-indicator::before,
.site-nav.kk-navigation .nav-glass-indicator::after {
  content: "";
  position: absolute;
  inset: -36%;
  pointer-events: none;
}
.site-nav.kk-navigation .nav-glass-indicator::before {
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.95), transparent 22%),
    linear-gradient(105deg, transparent 30%, rgba(255,255,255,.72) 47%, transparent 60%);
  opacity: .66;
  transform: translateX(calc(var(--mx, 0) * 12px));
}
.site-nav.kk-navigation .nav-glass-indicator::after {
  background:
    conic-gradient(from 70deg, rgba(215,255,53,.34), rgba(0,194,255,.22), rgba(255,79,57,.18), rgba(255,255,255,.5), rgba(215,255,53,.34));
  opacity: .28;
  mix-blend-mode: soft-light;
}
.site-nav.kk-navigation .nav-links a,
.site-nav.kk-navigation .mini-link {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border-radius: 999px;
  color: var(--ink-2);
  font-size: .92rem;
  font-weight: 800;
  transition: background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease), opacity .2s var(--ease);
}
.site-nav.kk-navigation .nav-links a {
  position: relative;
  z-index: 2;
  background: transparent;
}
.site-nav.kk-navigation .nav-links a:hover,
.site-nav.kk-navigation .nav-links a:focus-visible {
  background: transparent;
  color: var(--ink);
  transform: translateY(-2px);
  text-shadow: 0 7px 18px rgba(12,31,75,.18);
}
.site-nav.kk-navigation .nav-links a.active {
  background: transparent;
  color: var(--ink);
  transform: none;
}
.site-nav.kk-navigation .mini-link:hover {
  background: rgba(255,255,255,.18);
  color: var(--ink);
  transform: translateY(-1px);
}
.site-nav.kk-navigation .nav-menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,.74);
  border-radius: 999px;
  background:
    linear-gradient(140deg, rgba(255,255,255,.5), rgba(255,255,255,.12)),
    rgba(255,255,255,.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -10px 20px rgba(7,17,31,.08),
    5px 5px 0 var(--ink);
  -webkit-backdrop-filter: var(--glass-backdrop-panel);
  backdrop-filter: var(--glass-backdrop-panel);
  align-items: center;
  justify-content: center;
  transition: transform .22s var(--ease-glass), box-shadow .22s var(--ease-glass), background .22s var(--ease);
}
.site-nav.kk-navigation .nav-menu-toggle span,
.site-nav.kk-navigation .nav-menu-toggle::before,
.site-nav.kk-navigation .nav-menu-toggle::after {
  content: "";
  width: 18px;
  height: 2px;
  border-radius: 99px;
  background: var(--ink);
  position: absolute;
  transition: transform .18s var(--ease), opacity .18s var(--ease);
}
.site-nav.kk-navigation .nav-menu-toggle::before { transform: translateY(-6px); }
.site-nav.kk-navigation .nav-menu-toggle::after { transform: translateY(6px); }
body.nav-open .site-nav.kk-navigation .nav-menu-toggle span { opacity: 0; }
body.nav-open .site-nav.kk-navigation .nav-menu-toggle::before { transform: rotate(45deg); }
body.nav-open .site-nav.kk-navigation .nav-menu-toggle::after { transform: rotate(-45deg); }
body.nav-open .site-nav.kk-navigation .nav-menu-toggle {
  transform: scale(1.04);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -10px 20px rgba(7,17,31,.08),
    7px 7px 0 var(--ink);
}

.site-nav.kk-navigation {
  --brand-wordmark-max: 116;
  --brand-wordmark-gap-max: 6;
  --brand-wordmark-current: 116px;
  --brand-wordmark-gap-current: 6px;
  --brand-wordmark-opacity: 1;
  --brand-wordmark-shift: 0px;
  --brand-wordmark-scale: 1;
  --brand-mark-scale: 1;
}
.site-nav.kk-navigation .brand {
  width: auto;
  min-width: 0;
  min-height: 46px;
  padding: 0;
  gap: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: transparent;
  font-size: 0;
  white-space: nowrap;
}
.site-nav.kk-navigation .brand::before {
  content: "";
  width: 50px;
  height: 42px;
  flex: 0 0 50px;
  border: 0;
  background: url("brand/identity/kakasqa-mark-master.png") center / contain no-repeat;
  box-shadow: none;
  transform: scale(var(--brand-mark-scale));
}
.site-nav.kk-navigation .brand::after {
  content: "";
  width: var(--brand-wordmark-current);
  max-width: var(--brand-wordmark-current);
  height: 28px;
  flex: 0 0 var(--brand-wordmark-current);
  margin-left: var(--brand-wordmark-gap-current);
  background: url("brand/identity/kakasqa-wordmark.png") left center / contain no-repeat;
  opacity: var(--brand-wordmark-opacity);
  transform: translateX(var(--brand-wordmark-shift)) scale(var(--brand-wordmark-scale));
  transform-origin: left center;
}
.site-nav.kk-navigation .brand .est-badge { display: none; }
.site-nav.kk-navigation .brand:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 4px;
}
@media (min-width: 641px) {
  .site-nav.kk-navigation .brand {
    transform: translateX(calc(20px - max(22px, calc(50vw - 660px))));
  }
}
@media (max-width: 640px) {
  .site-nav.kk-navigation {
    --brand-wordmark-max: 100;
    --brand-wordmark-gap-max: 5;
    --brand-wordmark-current: 100px;
    --brand-wordmark-gap-current: 5px;
  }
  .site-nav.kk-navigation .brand { min-height: 40px; }
  .site-nav.kk-navigation .brand::before {
    width: 44px;
    height: 36px;
    flex-basis: 44px;
  }
  .site-nav.kk-navigation .brand::after { height: 25px; }
}

/* Account functions are secondary; the central rail contains only this module. */
.site-nav.kk-navigation .nav-actions { gap: 8px; }
.site-nav.kk-navigation .nav-account { position: relative; }
.site-nav.kk-navigation .nav-account > summary {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 16px;
  color: var(--ink-2);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  border-radius: 999px;
}
.site-nav.kk-navigation .nav-account > summary::-webkit-details-marker { display: none; }
.site-nav.kk-navigation .nav-account > summary::after { content: '⌄'; font-size: 14px; }
.site-nav.kk-navigation .nav-account[open] > summary::after { transform: rotate(180deg); }
.site-nav.kk-navigation .nav-account-panel {
  position: absolute;
  top: calc(100% + 16px);
  right: -6px;
  min-width: 240px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 22px;
  color: var(--ink-2);
  background: linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.42)), rgba(255,255,255,.76);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 20px 60px rgba(12,31,75,.14);
  -webkit-backdrop-filter: var(--glass-backdrop-panel);
  backdrop-filter: var(--glass-backdrop-panel);
}
.site-nav.kk-navigation .nav-account-copy { padding: 8px 10px 14px; border-bottom: 1px solid rgba(7,17,31,.1); margin-bottom: 6px; }
.site-nav.kk-navigation .nav-identity { display: block; max-width: 260px; color: var(--ink); font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.site-nav.kk-navigation .nav-role { display: block; margin-top: 3px; color: #657083; font-size: 11px; }
.site-nav.kk-navigation .nav-account-panel :is(a, button) {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  border: 0;
  border-radius: 12px;
  color: var(--ink-2);
  background: transparent;
  text-align: left;
  font-size: 13px;
  font-weight: 500;
}
.site-nav.kk-navigation .nav-account-panel :is(a, button):hover,
.site-nav.kk-navigation .nav-account > summary:hover { background: rgba(255,255,255,.45); }
.site-nav.kk-navigation .mini-link { border: 0; background: transparent; cursor: pointer; }
.site-nav.kk-navigation #saveState { max-width: 160px; margin-inline: 10px; color: #657083; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-nav.kk-navigation #saveState.dirty { color: #9a6700; }
.site-nav.kk-navigation #saveState.saving { color: #2457d6; }
.site-nav.kk-navigation #saveState.saved { color: #137a4b; }
.site-nav.kk-navigation :focus-visible { outline: 2px solid var(--ink); outline-offset: 4px; }

@media (max-width: 980px) {
  body.nav-open:has(.kk-navigation) { overflow: hidden; }
  .site-nav.kk-navigation .nav-inner { grid-template-columns: 1fr auto; min-height: 66px; }
  .site-nav.kk-navigation .nav-menu-toggle { display: inline-flex; position: relative; justify-self: end; padding: 0; }
  .site-nav.kk-navigation .nav-panels { display: none; }
  body.nav-open .site-nav.kk-navigation .nav-panels {
    position: fixed;
    top: 82px;
    left: 18px;
    right: 18px;
    z-index: 4;
    display: grid;
    gap: 12px;
    width: calc(100% - 36px);
    max-width: 520px;
    max-height: calc(100dvh - 104px);
    padding: 2px 2px 20px;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  body.nav-open .site-nav.kk-navigation :is(.nav-links, .nav-actions) {
    position: relative;
    inset: auto;
    width: 100%;
    max-width: none;
    display: grid;
    justify-self: stretch;
    justify-items: stretch;
    gap: 8px;
    padding: 10px;
    border-radius: 26px;
    background: linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.42)), rgba(255,255,255,.76);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), inset 0 -18px 34px rgba(7,17,31,.045), inset 0 0 0 1px rgba(255,255,255,.14), 0 12px 26px rgba(12,31,75,.1);
    -webkit-backdrop-filter: blur(20px) saturate(1.2);
    backdrop-filter: blur(20px) saturate(1.2);
    animation: none;
  }
  body.nav-open .site-nav.kk-navigation .nav-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.nav-open .site-nav.kk-navigation .nav-links a { min-height: 48px; padding: 8px 10px; font-size: 14px; }
  body.nav-open .site-nav.kk-navigation .nav-links a.active { background: rgba(255,255,255,.64); box-shadow: inset 0 1px 0 rgba(255,255,255,.8); }
  body.nav-open .site-nav.kk-navigation .nav-actions { grid-template-columns: 1fr; }
  body.nav-open .site-nav.kk-navigation .nav-actions > :is(a, button) { min-height: 44px; }
  body.nav-open .site-nav.kk-navigation .nav-glass-indicator { opacity: 0 !important; }
  .site-nav.kk-navigation .nav-account > summary { min-height: 44px; justify-content: space-between; }
  .site-nav.kk-navigation .nav-account-panel { position: static; min-width: 0; margin-top: 8px; padding: 8px; border: 0; background: rgba(255,255,255,.22); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .site-nav.kk-navigation #saveState { display: block; max-width: none; padding: 8px 6px 0; }
}
@media (min-width: 981px) {
  .site-nav.kk-navigation .nav-panels { display: contents; }
}
@media (max-width: 820px), (pointer: coarse) {
  .site-nav.kk-navigation { --glass-backdrop: var(--glass-backdrop-soft); --glass-backdrop-panel: var(--glass-backdrop-soft); }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav.kk-navigation *, .site-nav.kk-navigation *::before, .site-nav.kk-navigation *::after { transition: none !important; animation: none !important; }
}

:root { --kk-nav-height: 75px; }
@media (max-width: 980px) { :root { --kk-nav-height: 67px; } }