/* ===================== NAVBAR + TOMBOL MENGAMBANG ===================== */
.nav{position:fixed;inset:0 0 auto 0;z-index:100;padding:16px 0;transition:background .3s,padding .3s}
.nav.scrolled{background:rgba(11,10,18,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.nav .container{display:flex;align-items:center;justify-content:space-between}
.nav-links{display:flex;gap:28px;align-items:center;list-style:none}
.nav-links a{font-weight:600;font-size:.92rem;color:var(--muted);transition:color .2s}
.nav-links a:hover{color:var(--text)}
.nav-links .btn{padding:10px 20px;font-size:.88rem;color:#fff}
.burger{display:none;background:none;border:0;cursor:pointer;width:40px;height:40px;position:relative;z-index:2}
.burger span{position:absolute;left:8px;right:8px;height:2px;background:var(--text);transition:.3s}
.burger span:nth-child(1){top:13px}.burger span:nth-child(2){top:19px}.burger span:nth-child(3){top:25px}
.burger.open span:nth-child(1){top:19px;transform:rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){top:19px;transform:rotate(-45deg)}

.float-cta{position:fixed;bottom:18px;left:50%;transform:translate(-50%,120px);z-index:90;display:none;transition:transform .35s;box-shadow:0 12px 30px -8px rgba(0,0,0,.6)}
.float-cta.show{transform:translate(-50%,0)}

@media (max-width:820px){
  .burger{display:block}
  .nav-links{
    position:fixed;top:0;right:0;height:100vh;width:min(78vw,320px);flex-direction:column;align-items:flex-start;
    background:var(--bg-2);padding:90px 30px 30px;gap:22px;transform:translateX(100%);transition:transform .35s;
    border-left:1px solid rgba(255,255,255,.08);visibility:hidden;
  }
  .nav-links.open{transform:none;visibility:visible}
  .nav-links a{font-size:1.05rem}
  .float-cta{display:inline-flex}
}