/* =====================================================
   Premium Navigation
===================================================== */

.navbar{

    width:min(94%,1360px);

    margin:18px auto;

    padding:18px 40px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    background:#fff;

    border-radius:22px;

    box-shadow:0 18px 45px rgba(15,23,42,.08);

    position:relative;

    z-index:1000;

}
/* =====================================================
   Brand
===================================================== */

.brand{

    flex-shrink:0;

}

.brand-link{

    display:flex;

    align-items:center;

    text-decoration:none;

}

.brand-logo{

    width:300px;

    max-width:100%;

    height:auto;

    display:block;

    object-fit:contain;

    transition:transform .25s ease;

}

.brand-link:hover .brand-logo{

    transform:scale(1.02);

}

/* =====================================================
   Navigation
===================================================== */

.nav-links{

    display:flex;

    align-items:center;

    justify-content:center;

    list-style:none;

    gap:42px;

    margin:0;

    padding:0;

}

.nav-links li{

    list-style:none;

}

.nav-links a{

    text-decoration:none;

    color:#111827;

    font-size:17px;

    font-weight:600;

    transition:.25s;

}

.nav-links a:hover{

    color:#2563EB;

}

/* =====================================================
   CTA
===================================================== */

.nav-cta{

    margin-left:42px;

    white-space:nowrap;

}

/* =====================================================
   Mobile Button
===================================================== */

.menu-toggle{

    display:none;

    background:none;

    border:none;

    cursor:pointer;

    padding:8px;

}

.menu-toggle span{

    display:block;

    width:30px;

    height:3px;

    background:#0B3D91;

    margin:6px 0;

    border-radius:999px;

    transition:.3s;

}

.menu-open .menu-toggle span:nth-child(1){

    transform:translateY(9px) rotate(45deg);

}

.menu-open .menu-toggle span:nth-child(2){

    opacity:0;

}

.menu-open .menu-toggle span:nth-child(3){

    transform:translateY(-9px) rotate(-45deg);

}

/* =====================================================
   Mobile Menu
===================================================== */

.mobile-menu{

    display:none;

}

/* =====================================================
   Overlay
===================================================== */

.menu-overlay{

    position:fixed;

    inset:0;

    background:rgba(15,23,42,.35);

    backdrop-filter:blur(3px);

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transition:.28s;

    z-index:998;

}

body.menu-open .menu-overlay{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

}