/* ── NAVBAR ── */
.nb{position:fixed;top:0;left:0;right:0;z-index:999;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:rgba(21,29,46,.94);backdrop-filter:blur(20px);border-bottom:1px solid rgba(46,196,243,.1);transition:all .4s}
.nb.sc{background:rgba(15,22,38,.98);box-shadow:0 4px 30px rgba(0,0,0,.45)}
.logo{display:flex;align-items:center;gap:11px;cursor:pointer;z-index:1001}
.lm{width:40px;height:40px;flex-shrink:0}
.lt .l1{font-family:'Clash Display','Arial Black',sans-serif;font-weight:700;font-size:1.05rem;color:#fff}
.lt .l1 em{color:var(--cyan);font-style:normal}
.lt .l2{font-size:.58rem;font-weight:600;color:rgba(46,196,243,.55);letter-spacing:3px;text-transform:uppercase;margin-top:1px}

.nl{display:flex;align-items:center;gap:28px;position:relative}
.nl > li{position:relative}
.nl a{font-size:.87rem;font-weight:600;color:rgba(255,255,255,.65);position:relative;padding:10px 0;transition:color var(--t);display:block}
.nl > li > a::after{content:'';position:absolute;bottom:5px;left:0;width:0;height:1.5px;background:var(--cyan);border-radius:2px;transition:width var(--t)}
.nl a:hover,.nl a.act{color:#fff}.nl a.act{color:var(--cyan)}.nl a.act::after,.nl a:hover::after{width:100%}

/* ── SUBMENU ── */
.has-sub:hover .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.sub-menu{
  position:absolute;top:100%;left:0;
  width:220px;background:var(--navy2);border:1px solid rgba(46,196,243,.2);
  border-radius:8px;padding:8px;opacity:0;visibility:hidden;
  transform:translateY(10px);transition:all .3s var(--ease);box-shadow:0 20px 40px rgba(0,0,0,0.4);
  display:flex;flex-direction:column;gap:0;
}
.sub-item{
  display:block;padding:12px 14px;border-radius:6px;
  font-size:0.9rem;color:rgba(255,255,255,.8);font-weight:500;
  transition:all .2s;
}
.sub-item:hover{background:rgba(46,196,243,0.15);color:#fff}

/* ── HAMBURGER ── */
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;padding:8px;background:transparent;border:none}
.ham span{width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
.ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ham.open span:nth-child(2){opacity:0}
.ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.ncta{background:var(--cyan);color:var(--navy);padding:10px 22px;border-radius:50px;font-weight:700;font-size:.84rem;display:flex;align-items:center;gap:6px;transition:transform var(--t),box-shadow var(--t);animation:glow 3s ease-in-out infinite}
.ncta:hover{transform:translateY(-2px) scale(1.04);background:#fff;color:var(--navy)}

@media(max-width:880px){
  .ham{display:flex}
  .nl{
    position:fixed;top:70px;right:-100%;width:100%;max-width:none;height:calc(100vh - 70px);background:var(--navy);
    flex-direction:column;justify-content:flex-start;align-items:stretch;padding:20px 5%;
    transition:right .4s var(--ease);z-index:1000;gap:0;overflow-y:auto;
  }
  .nl.open{right:0}
  .nl > li{border-bottom:1px solid rgba(46,196,243,.1);padding:14px 0}
  .nl > li > a{font-size:1.1rem;display:flex;justify-content:space-between;align-items:center}
  .nl a{font-size:1.1rem}
  .ncta{display:none}
  .sub-menu{
    position:static;transform:none;opacity:0;visibility:hidden;max-height:0;
    background:transparent;border:none;box-shadow:none;padding:0;
    width:100%;display:flex;overflow:hidden;
  }
  .has-sub.open .sub-menu{opacity:1;visibility:visible;max-height:500px}
  .sub-item{padding:10px 20px;font-size:0.95rem;background:rgba(46,196,243,.06);margin:8px 0;border-radius:6px}
}