.site-header{
position:sticky;
top:0;
width:100%;
background:rgba(255,255,255,0.85);
backdrop-filter:blur(10px);
border-bottom:1px solid var(--color-border);
z-index:1000;
}

.nav-container{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:18px 20px;
}

/* Logo */

.logo a{
font-size:20px;
font-weight:700;
text-decoration:none;
color:var(--color-text-main);
}

/* Navigation Links */

.nav-links{
display:flex;
gap:28px;
list-style:none;
}

.nav-links a{
text-decoration:none;
color:var(--color-text-muted);
font-weight:500;
transition:0.25s ease;
}

.nav-links a:hover{
color:var(--color-primary);
}

/* CTA + Actions */

.nav-actions{
display:flex;
align-items:center;
gap:20px;
}

/* CTA Button */

.cta-btn{
background:var(--color-primary);
color:#fff;
padding:10px 18px;
border-radius:8px;
text-decoration:none;
font-weight:600;
transition:0.25s ease;
}

.cta-btn:hover{
transform:translateY(-2px);
box-shadow:var(--shadow-soft);
}

/* Mobile Menu Button */

.menu-toggle{
display:none;
flex-direction:column;
gap:5px;
cursor:pointer;
}

.menu-toggle span{
width:25px;
height:3px;
background:var(--color-text-main);
display:block;
}

/* Mobile Navigation */

@media (max-width:900px){

.nav-links{
position:absolute;
top:70px;
left:0;
width:100%;
background:var(--color-bg-main);
flex-direction:column;
align-items:center;
padding:30px 0;
gap:20px;
display:none;
border-bottom:1px solid var(--color-border);
}

.nav-links.active{
display:flex;
}

.menu-toggle{
display:flex;
}

}