/* ========== HEADER И NAVIGATION ========== */

header{position:fixed;inset:0 0 auto;z-index:60;transition:.3s;border-bottom:1px solid transparent}
header.sc{background:rgba(4,10,38,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}

.nav{display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,3vw,40px);height:74px}
.nav-links{display:flex;gap:30px;font-size:14px;font-weight:500}
.nav-links a{white-space:nowrap}
.nav-links a:hover{color:#fff}
.nav-links a{position:relative;transition:color .3s ease-out}
.nav-links a::before{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--blue2);transition:width .3s cubic-bezier(.34,1.56,.64,1);z-index:-1}
.nav-links a:hover::before{width:100%}

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

.phone{font-weight:600;color:#fff;font-size:15px;white-space:nowrap}
.phone span{display:block;color:var(--dim);font-size:11px;font-weight:500;letter-spacing:1px}

.burger{display:none;background:rgba(120,168,255,.08);border:1px solid var(--line);border-radius:10px;width:46px;height:46px;color:#fff;cursor:pointer}

/* ========== DRAWER (MOBILE MENU) ========== */

.drawer{position:fixed;inset:0;z-index:70;background:rgba(2,6,26,.97);backdrop-filter:blur(8px);display:flex;flex-direction:column;padding:26px;transform:translateY(-100%);transition:transform .35s;visibility:hidden}
.drawer.open{transform:none;visibility:visible}

.drawer .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.drawer .x{background:none;border:1px solid var(--line);border-radius:10px;width:46px;height:46px;color:#fff;cursor:pointer}

.drawer a.d{font-family:'Oswald',sans-serif;font-weight:600;font-size:24px;text-transform:uppercase;color:#fff;padding:15px 0;border-bottom:1px solid var(--line)}

.drawer .btn{margin-top:24px}
.drawer .dp{margin-top:16px;text-align:center;color:#fff;font-weight:600;font-size:19px}

@media(max-width:980px){
  .nav-links,.phone,.nav-right .btn{display:none}
  .burger{display:grid;place-items:center}
}