.site-header{
  position:sticky;top:0;z-index:50;
  border-bottom:1px solid rgba(8,224,255,.13);
  background:rgba(5,11,16,.80);
  backdrop-filter:blur(16px);
}
.header-inner{
  width:min(calc(100% - 38px),1180px);margin:auto;
  min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:2rem
}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;min-width:max-content}
.brand-mark{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  flex:0 0 58px;
  transform:none !important;
  rotate:0deg !important;
}
.brand-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transform:none !important;
  rotate:0deg !important;
  filter:drop-shadow(0 0 10px rgba(8,224,255,.28));
}
.brand-copy{display:grid;line-height:1.05}
.brand-copy strong{font-size:.92rem;letter-spacing:.06em}
.brand-copy small{font-size:.58rem;color:#7f99a4;letter-spacing:.12em;margin-top:.3rem}
.main-nav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}
.main-nav a{
  padding:.6rem .75rem;border-radius:9px;text-decoration:none;color:#9bb0b8;
  font-size:.87rem;font-weight:750;border:1px solid transparent
}
.main-nav a:hover{color:#eaf8fb;border-color:rgba(8,224,255,.18)}
.main-nav a.active{color:#031017;background:#08e0ff}
.site-footer{border-top:1px solid rgba(8,224,255,.13);margin-top:4rem}
.footer-inner{
  width:min(calc(100% - 38px),1180px);margin:auto;padding:2.5rem 0;
  display:flex;justify-content:space-between;gap:2rem;align-items:center
}
.footer-inner p{margin:.3rem 0 0;color:#7f99a4;font-size:.88rem}
.footer-links{display:flex;gap:1rem;flex-wrap:wrap}
.footer-links a{color:#9bb0b8;text-decoration:none;font-size:.85rem}
.footer-links a:hover{color:#08e0ff}
@media(max-width:820px){
  .header-inner{padding:.8rem 0;align-items:flex-start;flex-direction:column;gap:.65rem}
  .main-nav{justify-content:flex-start}
}
@media(max-width:620px){
  .header-inner,.footer-inner{width:min(calc(100% - 24px),1180px)}
  .main-nav a{font-size:.8rem;padding:.48rem .6rem}
  .footer-inner{align-items:flex-start;flex-direction:column}
}