/* ─── NAV ─── */
 nav {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 100;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 20px 48px;
     background: var(--navy);
     transition: background 0.4s, backdrop-filter 0.4s, box-shadow 0.4s;
 }

  

 nav.scrolled {
     background: rgba(13, 17, 23, 0.85);
     backdrop-filter: blur(14px);
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
 }

 .nav-logo img {
     height: 46px;
     width: auto;
     display: block;
     transition: transform 0.25s ease;
 }

 .nav-logo:hover img {
     transform: scale(1.22);
 }

 .nav-logo span {
     color: var(--coral2);
 }

 .nav-links {
     display: flex;
     align-items: center;
     gap: 36px;
     list-style: none;
 }

 .nav-links a {
     font-size: 14px;
     font-weight: 500;
     color: rgba(255, 255, 255, 0.65);
     transition: color 0.2s;
 }

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

 .nav-cta {
     background: var(--coral);
     color: var(--white) !important;
     padding: 10px 22px;
     border-radius: 50px;
     font-weight: 600 !important;
     font-size: 14px !important;
     transition: background 0.2s, transform 0.2s !important;
 }

 .nav-cta:hover {
     background: var(--coral2) !important;
     transform: translateY(-1px);
 }

 .hamburger {
     display: none;
     flex-direction: column;
     gap: 5px;
     cursor: pointer;
     padding: 4px;
 }

 .hamburger span {
     display: block;
     width: 24px;
     height: 2px;
     background: var(--white);
     border-radius: 2px;
     transition: all 0.3s;
 }