/* KitzLabs Global Floating Header V7.3 — 2026-10-06 */
.kitz-global-header,
.kitz-global-header *{box-sizing:border-box}
.kitz-global-header{
  position:fixed;
  z-index:10000;
  top:14px;
  left:50%;
  transform:translateX(-50%);
  width:min(1360px,calc(100% - 32px));
  height:64px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:"brand nav actions";
  align-items:center;
  gap:28px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  font-family:Inter,Sora,"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#0c0d0d;
}
.kitz-header-brand{
  grid-area:brand;
  min-width:0;
  min-height:50px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  width:max-content;
  padding:5px 13px 5px 8px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 30px rgba(15,23,42,.07);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
  color:#0c0d0d;
  text-decoration:none;
  font-size:1.02rem;
  font-weight:720;
  letter-spacing:-.035em;
  line-height:1;
}
.kitz-header-brand img{
  display:block;
  width:38px;
  height:38px;
  object-fit:contain;
  border-radius:11px;
}
.kitz-header-nav{
  grid-area:nav;
  justify-self:center;
  width:max-content;
  max-width:100%;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(12px,1.5vw,22px);
  margin:0;
  padding:5px 15px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 30px rgba(15,23,42,.07);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
}
.kitz-header-nav>a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 3px;
  color:rgba(12,13,13,.70);
  text-decoration:none;
  white-space:nowrap;
  font-size:.77rem;
  font-weight:650;
  line-height:1;
  letter-spacing:-.01em;
}
.kitz-header-nav>a::after{
  content:"";
  position:absolute;
  left:3px;
  right:calc(100% - 3px);
  bottom:5px;
  height:1.5px;
  border-radius:10px;
  background:linear-gradient(90deg,#3577ff,#7b5cff,#e744b7);
  transition:right .22s ease;
}
.kitz-header-nav>a:hover,
.kitz-header-nav>a:focus-visible,
.kitz-header-nav>a[aria-current="page"]{color:#0c0d0d}
.kitz-header-nav>a:hover::after,
.kitz-header-nav>a:focus-visible::after,
.kitz-header-nav>a[aria-current="page"]::after{right:3px}
.kitz-header-actions{
  grid-area:actions;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.kitz-header-lang{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:4px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 30px rgba(15,23,42,.06);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
}
.kitz-header-lang a{
  min-width:34px;
  min-height:34px;
  display:grid;
  place-items:center;
  padding:0 8px;
  border:0;
  border-radius:999px;
  color:#0c0d0d;
  text-decoration:none;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  font-size:.64rem;
  font-weight:760;
  letter-spacing:.02em;
}
.kitz-header-lang a.is-active,
.kitz-header-lang a[aria-current="page"]{
  background:#fff;
  box-shadow:0 3px 12px rgba(15,23,42,.08);
}
.kitz-header-cta{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px;
  border:1px solid #0a0b0d;
  border-radius:999px;
  background:#0a0b0d;
  box-shadow:0 12px 30px rgba(10,11,13,.17);
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
  font-size:.75rem;
  font-weight:680;
  letter-spacing:-.01em;
  transition:transform .2s ease,box-shadow .2s ease;
}
.kitz-header-cta:hover{transform:translateY(-1px);box-shadow:0 16px 36px rgba(10,11,13,.21)}
.kitz-header-menu{
  grid-area:toggle;
  display:none;
  align-items:center;
  justify-content:center;
  min-width:72px;
  height:40px;
  gap:5px;
  padding:0 12px;
  border:1px solid rgba(12,13,13,.11);
  border-radius:999px;
  background:#fff;
  color:#0c0d0d;
  font:700 .72rem/1 Inter,Sora,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
}
.kitz-header-menu-lines{
  width:16px;
  height:12px;
  position:relative;
  display:inline-block;
}
.kitz-header-menu-lines::before,
.kitz-header-menu-lines::after{
  content:"";
  position:absolute;
  left:0;
  width:16px;
  height:1.5px;
  border-radius:4px;
  background:#0c0d0d;
  transition:transform .22s ease,top .22s ease;
}
.kitz-header-menu-lines::before{top:2px}
.kitz-header-menu-lines::after{top:9px}
.kitz-header-mobile-footer{display:none}
.kitz-header-spacer{height:92px}
body.v7-home>.kitz-header-spacer{height:0}
@media(max-width:1120px){
  .kitz-global-header{gap:16px}
  .kitz-header-nav{gap:12px;padding-inline:12px}
  .kitz-header-nav>a{font-size:.70rem}
  .kitz-header-lang a{min-width:30px;padding:0 6px}
  .kitz-header-cta{padding-inline:15px}
}
@media(max-width:900px){
  .kitz-global-header{
    top:10px;
    width:calc(100% - 20px);
    height:64px;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"brand toggle";
    gap:10px;
    padding:8px 9px 8px 12px;
    border:1px solid rgba(15,23,42,.09);
    border-radius:20px;
    background:rgba(255,255,255,.97);
    box-shadow:0 10px 34px rgba(15,23,42,.07);
    -webkit-backdrop-filter:blur(20px) saturate(145%);
    backdrop-filter:blur(20px) saturate(145%);
  }
  .kitz-header-brand{
    min-height:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  .kitz-header-brand img{width:38px;height:38px}
  .kitz-header-actions{display:none}
  .kitz-header-menu{display:flex}
  .kitz-header-nav{
    position:absolute;
    z-index:10001;
    top:72px;
    left:0;
    right:0;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    min-height:0;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:10px;
    border:1px solid rgba(15,23,42,.10);
    border-radius:20px;
    background:rgba(255,255,255,.985);
    box-shadow:0 22px 54px rgba(15,23,42,.14);
    -webkit-backdrop-filter:blur(22px) saturate(145%);
    backdrop-filter:blur(22px) saturate(145%);
  }
  .kitz-global-header.is-menu-open .kitz-header-nav{display:flex}
  .kitz-header-nav>a{
    width:100%;
    min-height:45px;
    padding:0 12px;
    border-radius:12px;
    font-size:.90rem;
  }
  .kitz-header-nav>a::after{display:none}
  .kitz-header-nav>a:hover,
  .kitz-header-nav>a:focus-visible{background:#f3f4f1}
  .kitz-header-mobile-footer{
    display:grid;
    gap:10px;
    margin-top:8px;
    padding-top:10px;
    border-top:1px solid rgba(15,23,42,.08);
  }
  .kitz-header-mobile-footer .kitz-header-lang{
    width:100%;
    justify-content:center;
    box-shadow:none;
    background:#f6f7f4;
  }
  .kitz-header-mobile-footer .kitz-header-cta{width:100%}
  .kitz-global-header.is-menu-open .kitz-header-menu-lines::before{top:5px;transform:rotate(45deg)}
  .kitz-global-header.is-menu-open .kitz-header-menu-lines::after{top:5px;transform:rotate(-45deg)}
  .kitz-header-spacer{height:82px}
  body.v7-home>.kitz-header-spacer{height:0}
}
@media(max-width:380px){
  .kitz-header-brand{font-size:.95rem}
  .kitz-header-brand img{width:36px;height:36px}
  .kitz-header-menu{min-width:66px;padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){
  .kitz-global-header *,
  .kitz-global-header *::before,
  .kitz-global-header *::after{transition:none!important}
}
/* Consistent worldwide KitzLabs header | derived from original logo | 2026-10-11 */
.kitz-global-header{--kl-head-ink:#101a34;color:#101a34}
.kitz-header-brand img{object-fit:contain}
.kitz-header-cta{background:#0a1024!important;color:#fff!important;border-color:transparent!important;box-shadow:0 10px 28px rgba(16,28,58,.15)}
.kitz-header-cta:hover{background:#20356e!important;box-shadow:0 14px 30px rgba(18,44,96,.21)}
.kitz-header-nav a:hover{color:#175ca6}
.kitz-header-language.is-active{color:#0a1024}
.kitz-header-brand:focus-visible,.kitz-header-nav a:focus-visible,.kitz-header-language:focus-visible,.kitz-header-cta:focus-visible,.kitz-header-menu:focus-visible{outline:3px solid #198dd9;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.kitz-global-header *, .kitz-global-header *:before,.kitz-global-header *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}