.site-header{
  position:sticky;
  top:0;
  z-index:9999;
  height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 clamp(20px,5vw,72px);
  border-bottom:1px solid rgba(255,255,255,.12);
  background:rgba(3,7,17,.74);
  backdrop-filter:blur(18px);
  box-sizing:border-box;
}

.brand{
  display:flex;
  align-items:center;
  gap:14px;
  color:#fff;
  text-decoration:none;
}

.brand-mark{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,213,255,.4);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(0,213,255,.2),rgba(37,99,235,.1));
  overflow:hidden;
}

.brand-mark img{
  width:30px;
  height:30px;
  object-fit:contain;
}

.brand strong{
  display:block;
  font-size:14px;
  letter-spacing:.12em;
}

.brand small{
  display:block;
  color:#9fb0c6;
  font-size:11px;
  margin-top:3px;
}

.nav{
  display:flex;
  align-items:center;
  gap:24px;
}

.nav a,
.nav-item>a{
  color:#9fb0c6;
  text-decoration:none;
  font-size:14px;
  font-weight:500;
}

.nav a:hover,
.nav-item>a:hover{
  color:#fff;
}

.nav-item{
  position:relative;
}

.dropdown{
  display:none;
  position:absolute;
  top:36px;
  left:0;
  min-width:260px;
  background:#040914;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:24px;
  box-shadow:0 24px 70px rgba(0,0,0,.5);
}

.nav-item:hover .dropdown{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.dropdown a{
  font-size:14px;
  color:#c6d0dc;
  white-space:nowrap;
}

.dropdown a:hover{
  color:#fff;
}

.nav-cta{
  padding:11px 16px !important;
  border:1px solid rgba(0,213,255,.35);
  border-radius:999px;
  background:rgba(0,213,255,.08);
  color:#fff !important;
}

@media(max-width:980px){
  .nav{
    display:none;
  }
}

@media(max-width:560px){
  .site-header{
    height:74px;
  }

  .brand small{
    display:none;
  }
}

/* HEADER ALIGNMENT FIX 2026-07-11 */
.site-header{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  flex-wrap:nowrap !important;
}

.site-header .brand{
  flex:0 0 auto !important;
  min-width:max-content !important;
  white-space:nowrap !important;
}

.site-header .brand > span:last-child,
.site-header .brand strong,
.site-header .brand small{
  width:auto !important;
  max-width:none !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
}

.site-header .nav{
  flex:0 0 auto !important;
  margin-left:auto !important;
}