/* ── NAV ── */
  nav {
    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
    background: rgba(10,22,40,0.97); backdrop-filter: blur(8px);
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 5%; height: 64px; border-bottom: 2px solid var(--orange);
  }
  .nav-brand { display: flex; align-items: center; gap: 10px; }
  .nav-logo { height: 52px; width: auto; display: block; }
  .nav-name { display: none; }
  .nav-links { display: flex; gap: 28px; list-style: none; }
  .nav-links a { color: rgba(255,255,255,.8); text-decoration: none; font-size:.85rem; font-weight: 500; transition: color .3s ease; }
  .nav-links a:hover { color: var(--orange); }
  .nav-cta { background: var(--orange); color: white; border: none; padding: 8px 20px; border-radius: 6px; font-weight: 700; font-size: 0.85rem; cursor: pointer; text-decoration: none; transition: background 0.2s; }
  .nav-cta:hover { background: var(--orange2); }
  .nav-links a.active{color: var(--orange);font-weight:700;}
  .nav-links a:focus-visible,
  .nav-cta:focus-visible{outline:2px solid var(--orange);outline-offset:4px;}
/* Mobile Menu Button */
.menu-toggle{
    display:none;
    width:44px;
    height:44px;
    background:none;
    border:none;
    cursor:pointer;
    flex-direction:column;
    justify-content:center;
    gap:6px;
}
.menu-toggle span{
    width:26px;
    height:3px;
    background:var(--white);
    border-radius:4px;
    transition:0.3s ease;
}
/* Sticky Navigation */

nav{

    transition:
        background .3s ease,
        box-shadow .3s ease,
        height .3s ease;

}

nav.nav-scrolled{

    background: rgba(10,22,40,.98);

    box-shadow: 0 8px 30px rgba(0,0,0,.25);

    height:58px;

}