/* PWXTDCO-28 — Floating glassmorphism sticky header */
.site-header{
  position:fixed; top:16px; left:50%; transform:translateX(-50%);
  width:calc(100% - 32px); max-width:1100px; z-index:1000;
  border-radius:50px;
  background-color:rgba(10,10,10,.55);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 8px 32px rgba(0,0,0,.25);
  padding:10px 24px;
}
.nav-inner{display:flex; align-items:center; justify-content:space-between; gap:24px;}
.nav-logo-img{height:36px; width:auto; display:block;}
#nav-menu{display:flex; align-items:center; gap:28px;}
#nav-menu a{font-family:'Montserrat',sans-serif; font-weight:500; font-size:15px;
  color:#fff; text-decoration:none; transition:opacity .2s ease;}
#nav-menu a:hover{opacity:.7;}
#nav-menu a.active{opacity:1; font-weight:600;}
.nav-cta{font-family:'Poppins',sans-serif; font-weight:600; font-size:14px;
  background:#E5007D; color:#fff; border-radius:50px; padding:10px 24px;
  transition:opacity .2s ease, transform .2s ease;}
.nav-cta:hover{opacity:.9; transform:translateY(-1px);}
/* hamburger — hidden on desktop */
.nav-toggle{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:8px;}
.nav-toggle span{display:block; width:24px; height:2px; background:#fff; border-radius:2px; transition:transform .25s, opacity .25s;}
.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.active span:nth-child(2){opacity:0;}
.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Tablet/desktop keep full layout; Mobile <768px = hamburger */
@media (max-width:768px){
  .nav-toggle{display:flex;}
  #nav-menu{
    display:none; position:absolute; top:calc(100% + 8px); left:0; right:0;
    flex-direction:column; align-items:stretch; gap:0; padding:12px 20px;
    background-color:rgba(10,10,10,.85);
    -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,.08); border-radius:24px;
  }
  #nav-menu.active{display:flex;}
  #nav-menu a{padding:12px 0; border-bottom:1px solid rgba(255,255,255,.08);}
  #nav-menu a:last-child{border-bottom:none;}
  .nav-cta{text-align:center; margin-top:8px;}
}