/* ══════════════════════════════════════════════
   NAV v2 — floating pill nav with sliding hover cursor
   (inspired by 21st.dev "Nav Header" · abdulali254), Veox brand tokens
   ══════════════════════════════════════════════ */
.vx-nav{position:fixed;top:14px;left:0;right:0;z-index:1000;display:flex;justify-content:center;padding:0 16px;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.vx-nav.is-hidden{transform:translateY(-140%)}
.vx-nav-bar{pointer-events:auto;width:100%;max-width:1180px;display:flex;align-items:center;gap:1.2rem;padding:8px 8px 8px 22px;border-radius:999px;background:rgba(14,8,10,.55);border:1px solid rgba(250,243,225,.1);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 10px 40px -12px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05);transition:max-width .45s cubic-bezier(.22,1,.36,1),background .3s,padding .3s,box-shadow .3s}
.vx-nav.scrolled .vx-nav-bar{max-width:1040px;background:rgba(10,5,7,.82);box-shadow:0 14px 44px -10px rgba(0,0,0,.75),0 0 0 1px rgba(255,85,85,.12)}

.vx-nav-logo{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:2px;color:var(--cream);white-space:nowrap;flex-shrink:0}
.vx-nav-logo span{color:var(--orange);margin-left:.35em}

.vx-nav-links{position:relative;display:flex;align-items:center;margin:0 auto;padding:4px}
.vx-nav-links a{position:relative;z-index:1;padding:.55rem 1.05rem;border-radius:999px;font-family:var(--font-body);font-size:.88rem;font-weight:700;color:rgba(250,243,225,.68);white-space:nowrap;transition:color .25s}
.vx-nav-links a.is-active{color:var(--cream)}
.vx-nav-links a.is-active::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--orange);transition:opacity .2s}
.vx-nav-links a.is-hot{color:#fff}
.vx-nav-links a.is-hot::after{opacity:0}
.vx-nav-cursor{position:absolute;z-index:0;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:linear-gradient(135deg,#ff5555,#ff7a5c);box-shadow:0 6px 20px -6px rgba(255,85,85,.7);opacity:0;transition:transform .45s cubic-bezier(.34,1.35,.64,1),width .45s cubic-bezier(.34,1.35,.64,1),opacity .25s}

.vx-nav-cta{position:relative;overflow:hidden;flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:999px;background:var(--orange);color:#fff;font-family:var(--font-body);font-size:.9rem;font-weight:800;box-shadow:0 8px 26px -8px rgba(255,85,85,.75),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .25s,box-shadow .25s}
.vx-nav-cta svg{width:15px;height:15px;transition:transform .25s}
.vx-nav-cta:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 12px 32px -8px rgba(255,85,85,.9),inset 0 1px 0 rgba(255,255,255,.25)}
.vx-nav-cta:hover svg{transform:translateX(3px)}
.vx-nav-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-100%);animation:vx-nav-shine 3.5s 2s ease-in-out infinite}
@keyframes vx-nav-shine{55%,100%{transform:translateX(100%)}}

.vx-burger{display:none;position:relative;width:46px;height:46px;flex-shrink:0;margin-left:auto;border-radius:50%;border:1px solid rgba(250,243,225,.14);background:rgba(250,243,225,.06);cursor:pointer}
.vx-burger span{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:var(--cream);transition:transform .35s cubic-bezier(.22,1,.36,1),top .35s}
.vx-burger span:nth-child(1){top:18px}
.vx-burger span:nth-child(2){top:26px}
.vx-burger[aria-expanded="true"] span:nth-child(1){top:22px;transform:rotate(45deg)}
.vx-burger[aria-expanded="true"] span:nth-child(2){top:22px;transform:rotate(-45deg)}

/* mobile full-screen menu */
.vx-menu{position:fixed;inset:0;z-index:999;display:flex;flex-direction:column;justify-content:center;gap:2rem;padding:110px 28px 40px;background:radial-gradient(ellipse 80% 60% at 80% 0%,rgba(255,85,85,.22),transparent 60%),rgba(7,2,6,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);clip-path:circle(0% at calc(100% - 46px) 37px);visibility:hidden;transition:clip-path .6s cubic-bezier(.77,0,.18,1),visibility 0s .6s}
.vx-menu.open{clip-path:circle(150% at calc(100% - 46px) 37px);visibility:visible;transition:clip-path .7s cubic-bezier(.77,0,.18,1),visibility 0s}
.vx-menu-links{display:flex;flex-direction:column;gap:.3rem}
.vx-menu-links a{display:flex;align-items:baseline;gap:.9rem;padding:.45rem 0;font-family:"Unbounded",var(--font-display);font-size:clamp(1.7rem,8vw,2.4rem);font-weight:800;letter-spacing:-.02em;color:var(--cream);opacity:0;transform:translateY(24px);transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1),color .2s}
.vx-menu-links a small{font-family:var(--font-body);font-size:.75rem;font-weight:700;color:var(--orange);letter-spacing:1px}
.vx-menu-links a.is-active{color:var(--orange)}
.vx-menu.open .vx-menu-links a{opacity:1;transform:none;transition-delay:calc(.25s + var(--i) * 55ms)}
.vx-menu-foot{display:flex;flex-direction:column;gap:.8rem;opacity:0;transform:translateY(16px);transition:opacity .4s,transform .5s}
.vx-menu.open .vx-menu-foot{opacity:1;transform:none;transition-delay:.7s}
.vx-menu-foot .vx-nav-cta{justify-content:center;padding:1rem}
.vx-menu-contact{display:flex;gap:.8rem}
.vx-menu-contact a{flex:1;text-align:center;padding:.85rem;border-radius:999px;border:1px solid rgba(250,243,225,.14);background:rgba(250,243,225,.05);color:var(--cream);font-weight:700;font-size:.9rem}
body.vx-menu-lock{overflow:hidden}
body.vx-menu-lock .wa-float,body.vx-menu-lock #vcb-widget,body.vx-menu-lock #vm-chat-btn,body.vx-menu-lock #vm-chat-window{visibility:hidden}

@media (max-width:1100px){
  .vx-nav-links a{padding:.55rem .8rem}
}
@media (max-width:900px){
  .vx-nav-links,.vx-nav-bar>.vx-nav-cta{display:none}
  .vx-burger{display:block}
  .vx-nav-bar{padding:6px 6px 6px 20px}
}
@media (prefers-reduced-motion:reduce){
  .vx-nav,.vx-nav-bar,.vx-nav-cursor,.vx-menu,.vx-menu-links a,.vx-menu-foot{transition:none !important}
  .vx-nav-cta::after{animation:none}
}