/* ==============================================================
   NISEC 3.7.3 · SHARED HEADER / RESPONSIVE BRAND LOCKUP
   Logo modes: classic | modern | minimal via data-logo-variant.
   ============================================================== */
.site-header{
  position:fixed;z-index:100;inset:0 0 auto 0;height:var(--header-height);
  display:flex;align-items:center;justify-content:space-between;gap:28px;
  padding:0 clamp(18px,3.2vw,54px);
  background:linear-gradient(90deg,rgba(2,15,31,.97),rgba(4,34,65,.92) 58%,rgba(10,69,111,.84));
  border-bottom:1px solid rgba(111,205,255,.15);box-shadow:0 12px 40px rgba(0,0,0,.25);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:.25s ease;
}
.site-header::after{content:"";position:absolute;left:3%;right:3%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(70,190,255,.7),transparent);opacity:.55}
.site-header.is-scrolled{background:linear-gradient(90deg,rgba(1,11,24,.99),rgba(4,28,54,.97) 60%,rgba(7,54,91,.94));box-shadow:0 16px 42px rgba(0,0,0,.34)}

/* Brand architecture -------------------------------------------------- */
.brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;flex:0 1 auto;color:#fff;isolation:isolate}
.brand-mark-shell{position:relative;display:grid;place-items:center;flex:0 0 auto;width:clamp(54px,4.6vw,72px);aspect-ratio:1;border-radius:22px;transition:.24s ease}
.brand-logo{display:block;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 7px 16px rgba(0,169,255,.24));transition:.24s ease}
.brand-lockup-text{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1}
.brand-word{font-family:"Source Sans 3",Inter,Arial,sans-serif;font-size:clamp(34px,3.05vw,49px);font-weight:700;letter-spacing:-.055em;color:#fff;white-space:nowrap;text-shadow:0 3px 18px rgba(0,0,0,.18)}
.brand-claim{margin-top:7px;color:rgba(203,230,247,.62);font-size:clamp(6.5px,.48vw,8.5px);font-weight:600;letter-spacing:.21em;white-space:nowrap;transition:.2s ease}
.brand-claim i{font-style:normal;color:#55c7ff;margin:0 .35em}

/* CLASSIC: closest to legacy asset, no tile and no micro-claim. */
.site-header[data-logo-variant="classic"] .brand-mark-shell{width:clamp(52px,4.4vw,74px);border-radius:0;background:transparent;box-shadow:none}
.site-header[data-logo-variant="classic"] .brand-logo{width:100%;height:100%}
.site-header[data-logo-variant="classic"] .brand-claim{display:none}

/* MODERN (default): original mark remains intact inside a restrained glass halo. */
.site-header[data-logo-variant="modern"] .brand-mark-shell{background:radial-gradient(circle at 35% 25%,rgba(79,201,255,.18),rgba(11,55,86,.08) 58%,rgba(4,21,38,.04));border:1px solid rgba(121,211,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.12)}
.site-header[data-logo-variant="modern"] .brand-mark-shell::after{content:"";position:absolute;inset:7%;border-radius:18px;border:1px solid rgba(85,199,255,.08);pointer-events:none}

/* MINIMAL: no tile; claim is omitted and the icon/wordmark carry equal hierarchy. */
.site-header[data-logo-variant="minimal"] .brand-mark-shell{width:clamp(48px,4vw,64px);background:transparent;border:0;box-shadow:none}
.site-header[data-logo-variant="minimal"] .brand-word{font-size:clamp(31px,2.65vw,43px)}
.site-header[data-logo-variant="minimal"] .brand-claim{display:none}

/* On scroll the brand becomes quieter, preserving space and navigation priority. */
.site-header.is-scrolled .brand-mark-shell{transform:scale(.92)}
.site-header.is-scrolled .brand-logo{filter:drop-shadow(0 4px 10px rgba(0,169,255,.18))}
.site-header.is-scrolled .brand-claim{opacity:0;transform:translateY(-2px);max-height:0;margin-top:0;overflow:hidden}
.site-header.is-scrolled .brand-word{font-size:clamp(30px,2.5vw,40px)}

.header-actions{display:flex;align-items:center;gap:clamp(9px,1.2vw,18px)}
.main-nav{display:flex;align-items:center;gap:clamp(18px,2.6vw,45px)}
.nav-text-link{position:relative;color:rgba(239,247,255,.8);text-decoration:none;font-size:clamp(10px,.73vw,12px);font-weight:600;letter-spacing:.15em;white-space:nowrap;transition:.2s ease}
.nav-text-link::after{content:"";position:absolute;left:50%;right:50%;bottom:-17px;height:2px;background:#55c7ff;box-shadow:0 0 10px #55c7ff;transition:.22s ease}
.nav-text-link:hover,.nav-text-link.is-active{color:#fff}.nav-text-link:hover::after,.nav-text-link.is-active::after{left:0;right:0}
.nav-user-link,.language-current{height:44px;border:1px solid rgba(132,206,247,.2);border-radius:999px;background:rgba(2,18,38,.42);color:#eef9ff;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;padding:0 16px;font-size:11px;font-weight:600;letter-spacing:.11em;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:.2s ease}
.nav-user-link:hover,.language-current:hover{border-color:rgba(104,202,255,.48);background:rgba(15,64,103,.52)}
.user-glyph{width:15px;height:15px;border:1.7px solid currentColor;border-radius:50%;position:relative}.user-glyph::after{content:"";position:absolute;width:20px;height:9px;border:1.7px solid currentColor;border-bottom:0;border-radius:12px 12px 0 0;left:50%;top:14px;transform:translateX(-50%)}
.language-selector{position:relative}.language-current{border:0;cursor:pointer;padding:0 14px}.globe-glyph{font-size:20px;line-height:1}.language-arrow{width:6px;height:6px;border-right:1.5px solid #bfeaff;border-bottom:1.5px solid #bfeaff;transform:rotate(45deg) translateY(-2px);transition:.2s}.language-selector.is-open .language-arrow{transform:rotate(225deg) translateY(-1px)}
.language-menu{display:none;position:absolute;top:calc(100% + 10px);right:0;padding:7px;border:1px solid rgba(122,211,255,.2);border-radius:14px;background:rgba(2,20,39,.96);box-shadow:0 18px 38px rgba(0,0,0,.34);backdrop-filter:blur(14px)}.language-selector.is-open .language-menu{display:grid;gap:4px}.language-option{width:52px;height:34px;border:0;border-radius:9px;background:transparent;color:#dff5ff;font-weight:700;cursor:pointer}.language-option:hover,.language-option.is-active{background:rgba(64,177,238,.18);color:white}
.menu-toggle{display:none;width:46px;height:46px;border:1px solid rgba(117,207,255,.16);border-radius:13px;background:rgba(2,18,38,.45);padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;background:#eefaff;border-radius:2px;transition:.22s}

/* Keep full navigation usable before compressing the identity. */
@media(max-width:1180px){.brand-claim{display:none}.brand-word{font-size:38px}.main-nav{gap:20px}.brand-mark-shell{width:58px}}
@media(max-width:1080px){.main-nav{gap:18px}.nav-user-link{display:none}.brand-word{font-size:35px}.brand-mark-shell{width:54px}}
@media(max-width:820px){
  .site-header{height:var(--header-height);padding:0 18px}.brand{gap:9px}.brand-mark-shell{width:48px}.brand-word{font-size:31px}.brand-claim{display:none}.header-actions{gap:8px}.menu-toggle{display:flex}.language-current{height:44px}
  .site-header.is-scrolled .brand-mark-shell{transform:none}.site-header.is-scrolled .brand-word{font-size:29px}
  .main-nav{position:fixed;top:var(--header-height);right:12px;left:12px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:1px solid rgba(116,206,255,.16);border-radius:0 0 20px 20px;background:rgba(2,17,34,.98);box-shadow:0 24px 50px rgba(0,0,0,.42);transform:translateY(-16px);opacity:0;pointer-events:none;transition:.22s ease}
  .main-nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-text-link,.nav-user-link{display:flex;height:48px;align-items:center;padding:0 14px;border-radius:10px;font-size:12px;color:#e8f7ff}.nav-text-link::after{display:none}.nav-text-link:hover,.nav-text-link.is-active{background:rgba(41,150,214,.12)}.nav-user-link{border:0;justify-content:flex-start;margin-top:4px}.user-glyph{margin-right:4px}
  .site-header.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.menu-open .menu-toggle span:nth-child(2){opacity:0}.site-header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media(max-width:430px){.site-header{padding:0 12px}.brand{gap:7px}.brand-mark-shell{width:42px}.brand-word{font-size:27px}.language-current{height:40px;padding:0 10px}.menu-toggle{width:40px;height:40px}.globe-glyph{font-size:17px}}
@media(max-width:360px){.brand-word{display:none}.brand-mark-shell{width:44px}}

/* logged account chip */
.nav-user-link [data-account-label]{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-user-link.is-authenticated{transform:translateY(-2px);border-color:rgba(85,199,255,.48);background:rgba(17,78,116,.62);box-shadow:0 8px 22px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.06)}
.nav-user-link.is-authenticated::before{content:"";width:6px;height:6px;border-radius:50%;background:#65dfa1;box-shadow:0 0 10px rgba(101,223,161,.72)}
@media(max-width:820px){.nav-user-link [data-account-label]{max-width:none}.nav-user-link.is-authenticated{transform:none}}