.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--primary);color:#fff;
  padding:.7em 1.2em;border-radius:0 0 8px 0;font-weight:700}
.skip-link:focus{left:0}

.site-header{position:sticky;top:0;z-index:60;isolation:isolate;background:rgba(11,17,33,.82);
  backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;gap:26px;height:72px;position:static}
.nav__logo{flex:0 0 auto;display:flex;align-items:center}
.nav__logo img{height:28px;width:auto}
.nav__menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0 auto 0 8px;padding:0}
.nav__menu > li{position:relative}
.nav__menu > li.has-mega{position:static}
.nav__menu > li > a{display:flex;align-items:center;gap:.45em;color:var(--muted);font-weight:600;
  font-size:.93rem;padding:.6em .85em;border-radius:9px;transition:.16s color,.16s background}
.nav__menu > li > a:hover,.nav__menu > li > a:focus-visible{color:var(--text);background:rgba(255,255,255,.06)}
.nav__actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.btn--sm{padding:.6em 1.1em;font-size:.88rem}

.caret{width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:.18s transform;opacity:.75}
.has-mega:hover .caret,.has-mega:focus-within .caret{transform:rotate(-135deg) translateY(-2px)}

.mega{position:absolute;left:0;right:0;top:100%;z-index:70;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;padding-top:10px}
.has-mega:hover .mega,.has-mega:focus-within .mega{opacity:1;visibility:visible;transform:translateY(0)}
.mega__inner{max-width:var(--maxw);margin:0 22px;background:#0f1728;border:1px solid var(--border-2);
  border-radius:16px;box-shadow:0 28px 70px rgba(0,0,0,.6);overflow:hidden}
.mega__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.mega__col{padding:24px 26px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.mega__col:nth-child(3n){border-right:0}
.mega__col:nth-last-child(-n+3){border-bottom:0}
.mega__col h4{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);margin:0 0 12px;font-weight:700}
.mega__col ul{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.mega__col a{display:block;color:var(--muted);font-size:.9rem;font-weight:500;padding:.42em .6em;
  margin-left:-.6em;border-radius:7px;transition:.14s color,.14s background}
.mega__col a:hover,.mega__col a:focus-visible{color:var(--text);background:rgba(99,102,241,.14)}
.mega__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 26px;background:rgba(255,255,255,.025);border-top:1px solid var(--border)}
.mega__foot span{color:var(--muted-2);font-size:.84rem}
.mega__all{color:var(--primary-2);font-weight:700;font-size:.88rem;white-space:nowrap}
.mega__all:hover{color:var(--accent)}

.nav__toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;flex:0 0 auto}
.nav__toggle span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;
  margin:4px 0;transition:.22s transform,.22s opacity}
.nav.open .nav__toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav.open .nav__toggle span:nth-child(2){opacity:0}
.nav.open .nav__toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media(max-width:1100px){
  .nav__menu > li > a{padding:.55em .6em;font-size:.88rem}
  .mega__grid{grid-template-columns:repeat(2,1fr)}
  .mega__col:nth-child(3n){border-right:1px solid var(--border)}
  .mega__col:nth-child(2n){border-right:0}
}
@media(max-width:940px){
  .nav__toggle{display:block;margin-left:auto}
  .nav__actions{display:none}
  .nav__menu{display:none}
  .nav.open .nav__menu{display:block;position:absolute;top:72px;left:0;right:0;
    background:#0d1526;border-bottom:1px solid var(--border);padding:12px 18px 20px;
    max-height:calc(100vh - 72px);overflow-y:auto;margin:0}
  .nav.open .nav__menu > li > a{padding:.85em .2em;font-size:1rem;border-radius:0}
  .mega{position:static;opacity:1;visibility:visible;transform:none;padding-top:0;
    max-height:0;overflow:hidden;transition:max-height .28s ease}
  .has-mega.open .mega{max-height:1600px}
  .mega__inner{background:transparent;border:0;box-shadow:none;border-radius:0}
  .mega__grid{grid-template-columns:1fr}
  .mega__col{padding:10px 0 4px;border:0}
  .mega__col:nth-child(n){border:0}
  .mega__foot{display:none}
}