/* Shared mobile nav + UI polish (Winziya) */
.nav{position:sticky;top:0}
.nav-toggle{display:none;width:46px;height:46px;border-radius:12px;border:1px solid rgba(11,27,63,0.096);background:rgba(11,27,63,0.04);color:#fff;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s}
.nav-toggle:hover{background:rgba(10,157,116,.15);border-color:rgba(10,157,116,.4)}
.nav-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s ease,opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-toggle:focus-visible,.nav-links a:focus-visible{outline:2px solid #077A5A;outline-offset:2px}
@media(max-width:820px){
  .nav-toggle{display:inline-flex}
  .nav-in{position:relative}
  .nav .nav-links{position:absolute;top:calc(100% + 1px);left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:12px 16px 18px;background:rgba(255,255,255,0.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(10,157,116,.2);box-shadow:0 24px 50px rgba(11,27,63,0.132);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s ease,transform .3s ease,visibility 0s linear .3s;pointer-events:none}
  .nav.menu-open .nav-links{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .3s ease;pointer-events:auto}
  .nav .nav-links a,.nav .nav-links a:not(.nav-cta),.nav .nav-links a:not(.nav-cta):not(.active){display:flex;align-items:center;min-height:48px;padding:12px 16px;font-size:1rem;border-radius:12px}
  .nav .nav-links a.nav-cta{justify-content:center;margin-top:6px}
  .nav .nav-links a::after{display:none}
}
@media(prefers-reduced-motion:reduce){.nav .nav-links,.nav-toggle span{transition:none!important}}
img{max-width:100%;height:auto}
/* v2 premium nav */
.nav .nav-links{gap:4px;align-items:center}
.nav .nav-links a:not(.nav-cta){display:inline-flex;align-items:center;gap:6px;padding:8px 13px!important;border-radius:999px!important;font-size:.92rem;transition:background .2s,color .2s}
.nav .nav-links a .ni{font-size:.95em;line-height:1}
.nav .nav-links a:not(.nav-cta):hover{background:#EEF2F7!important;color:#0B1B3F!important}
.nav .nav-links a.active:not(.nav-cta){background:rgba(10,157,116,.12)!important;color:#077A5A!important}
.nav .nav-links a.nav-cta{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0A9D74,#12B886 55%,#F4A11D)!important;padding:9px 20px!important;margin-left:4px}
.nav .nav-links a.nav-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}
.nav .wz-login-btn{border-radius:999px!important;border:1.5px solid #0A9D74!important;background:#fff!important;color:#077A5A!important;font-weight:700}
.nav .wz-login-btn:hover{background:rgba(10,157,116,.08)!important}
.nav-ov{display:none}
@media(max-width:1100px) and (min-width:821px){.nav .nav-links a .ni{display:none}.nav .nav-links a:not(.nav-cta){padding:8px 10px!important}}
@media(max-width:820px){
  .nav{z-index:1000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(255,255,255,.97)!important}
  .nav-toggle{position:relative;z-index:1002}
  .nav .nav-links{position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0;width:min(84vw,330px);height:100dvh;overflow-y:auto;padding:76px 16px 22px!important;gap:6px!important;align-items:stretch!important;background:#fff!important;border-left:1px solid rgba(11,27,63,.08);box-shadow:-20px 0 50px -10px rgba(11,27,63,.25)!important;transform:translateX(105%)!important;opacity:1!important;z-index:1001;border-radius:22px 0 0 22px;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s!important}
  .nav.menu-open .nav-links{transform:none!important;transition:transform .32s cubic-bezier(.2,.8,.2,1)!important}
  .nav .nav-links a:not(.nav-cta){display:flex!important;gap:12px;min-height:52px;padding:12px 16px!important;font-size:1.02rem!important;border-radius:14px!important}
  .nav .nav-links a .ni{font-size:1.2em;width:26px;text-align:center}
  .nav .wz-auth-nav{margin-top:auto!important;padding-top:14px;border-top:1px solid #EEF2F7}
  .nav .nav-links a.nav-cta{justify-content:center;min-height:52px;margin:8px 0 0!important;font-size:1.02rem}
  .nav-ov{display:block;position:fixed;inset:0;background:rgba(11,27,63,.42);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s;z-index:999}
  .nav-ov.on{opacity:1;visibility:visible;transition:opacity .3s}
  html.nav-lock,html.nav-lock body{overflow:hidden}
}
html .nav .nav-links a.nav-cta{background:linear-gradient(135deg,#0A9D74,#12B886 60%,#F4A11D)!important;white-space:nowrap}
html .nav .nav-links a.active:not(.nav-cta){background:rgba(10,157,116,.12)!important;color:#077A5A!important;font-weight:700}
html .nav .nav-links a{white-space:nowrap}

/* Winziya AI gradient chip */
.nav .nav-links a.nav-ai,.nav .nav-links a.nav-ai:not(.nav-cta){background:linear-gradient(135deg,#7C3AED,#4F46E5 55%,#2563EB);color:#fff!important;border-radius:999px;box-shadow:0 4px 14px rgba(99,102,241,.35)}
.nav .nav-links a.nav-ai:hover,.nav .nav-links a.nav-ai.active,.nav .nav-links a.nav-ai:not(.nav-cta).active{filter:brightness(1.08);color:#fff!important;background:linear-gradient(135deg,#6D28D9,#4338CA 55%,#1D4ED8)}

/* Winziya AI as a proper menu item (overrides the old chip look; additive) */
html .nav .nav-links a.nav-ai:not(.nav-cta){background:linear-gradient(135deg,rgba(124,58,237,.10),rgba(37,99,235,.10))!important;color:#5B21B6!important;box-shadow:none!important;border:1px solid rgba(124,58,237,.22);border-radius:12px!important;font-weight:700;position:relative;filter:none}
html .nav .nav-links a.nav-ai:not(.nav-cta):hover{background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(37,99,235,.18))!important;color:#4C1D95!important}
html .nav .nav-links a.nav-ai.active:not(.nav-cta){background:linear-gradient(135deg,#7C3AED,#2563EB)!important;color:#fff!important;border-color:transparent;box-shadow:0 4px 14px rgba(99,102,241,.35)!important}
html .nav .nav-links a.nav-ai::after{content:'NEW';margin-left:6px;font-size:.6rem;font-weight:800;letter-spacing:.04em;line-height:1;padding:3px 5px;border-radius:6px;color:#fff;background:linear-gradient(135deg,#EC4899,#8B5CF6);align-self:center}
html .nav .nav-links a.nav-ai.active::after{background:rgba(255,255,255,.25)}
@media(max-width:820px){html .nav .nav-links a.nav-ai:not(.nav-cta){align-items:center}html .nav .nav-links a.nav-ai::after{margin-left:auto}}
html body .nav .nav-links a.nav-ai::after{display:inline-block!important;position:static!important;width:auto!important;height:auto!important;transform:none!important;content:'NEW'!important}
@media(max-width:1280px) and (min-width:821px){html body .nav .nav-links a.nav-ai::after{display:none!important}}