/* Shared navigation additions only. The protected hero CSS remains unchanged. */
.mobile-referral{display:none}
.mobile-menu:not([hidden]) .mobile-referral{display:inline-flex;height:44px;margin:0;padding:0 20px;font-size:13px}
.desktop-links a[aria-current="page"],.mobile-menu a[aria-current="page"]{opacity:1}

/* Keep both links together over the quieter left side of the glass. */
@media(min-width:1100px){.hero .nav .desktop-links{justify-content:flex-start;gap:clamp(30px,3.2vw,64px);margin-right:auto}.nav .desktop-links a{opacity:1}}
.mobile-bottom-cta{display:none}
@media(max-width:599px){
 .mobile-bottom-cta{display:inline-flex;position:absolute;z-index:4;left:7%;bottom:max(22px,env(safe-area-inset-bottom));width:86%;height:58px;padding:0 24px;font-size:16px;font-weight:500;color:#fff;background:linear-gradient(115deg,#d1dcce26,#d5d1bc30);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffff75;box-shadow:inset 0 1px 0 #ffffff24,0 8px 28px #07140e26;justify-content:center;gap:24px}
 .copy .hero-cta,.mobile-menu:not([hidden]) .mobile-referral{display:none}
 .hero .scroll-cue{bottom:96px}
}