/* VISIO build 272 — shared site header (desktop dropdowns + mobile drawer). Namespaced vxh-. */
html{scroll-padding-top:84px}
.vxh,.vxh *{box-sizing:border-box}
.vxh{position:sticky;top:0;z-index:80;width:100%;background:rgba(5,7,11,.82);-webkit-backdrop-filter:saturate(160%) blur(18px);backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid rgba(255,255,255,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.vxhBar{max-width:1240px;margin:0 auto;height:70px;padding:0 24px;display:flex;align-items:center;gap:18px}
.vxhBrand{display:inline-flex;align-items:baseline;gap:7px;text-decoration:none;color:#fff;font-weight:900;font-size:21px;letter-spacing:-.05em;white-space:nowrap;margin-right:8px}
.vxhBrand i{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#8a6dff,#43d9d0);box-shadow:0 0 14px #7c5cff;display:inline-block;align-self:center}
.vxhBrand small{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9a8cff}
.vxhMenu{display:flex;align-items:center;gap:2px;flex:1;list-style:none;margin:0;padding:0}
.vxhItem{position:relative}
.vxhLink,.vxhTrig{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 13px;border-radius:11px;border:0;background:none;color:#b3bccb;font-family:inherit;font-weight:600;font-size:14.5px;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap}
.vxhLink:hover,.vxhTrig:hover,.vxhItem.open>.vxhTrig,.vxhItem:focus-within>.vxhTrig,.vxhLink[aria-current]{color:#fff;background:rgba(255,255,255,.06)}
.vxhTrig svg{transition:transform .2s ease;opacity:.7}
.vxhItem.open>.vxhTrig svg{transform:rotate(180deg)}
.vxhPanel{position:absolute;top:calc(100% + 10px);left:-12px;min-width:340px;padding:10px;border-radius:18px;background:linear-gradient(180deg,#0e1320,#0a0e17);border:1px solid rgba(140,120,255,.22);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02) inset;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.vxhPanel:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.vxhPanel.wide{min-width:580px;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.vxhItem.open>.vxhPanel{opacity:1;visibility:visible;transform:none}
@media(hover:hover) and (min-width:1025px){.vxhItem:hover>.vxhPanel{opacity:1;visibility:visible;transform:none}.vxhItem:hover>.vxhTrig svg{transform:rotate(180deg)}}
.vxhSub{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:12px;text-decoration:none;color:#e8ecf4}
.vxhSub:hover,.vxhSub:focus-visible,.vxhSub[aria-current]{background:rgba(124,92,255,.12)}
.vxhSub b{display:block;font-size:14.5px;font-weight:700;line-height:1.3;color:#f1f3f8}
.vxhSub span{margin:0;display:block;font-size:13px;line-height:1.4;color:#8f9bb0;margin-top:2px}
.vxhIc{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,92,255,.14);color:#c4b8ff}
.vxhIc.t{background:rgba(67,217,208,.12);color:#7eeae3}
.vxhPanelFoot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding:12px 12px 6px;border-top:1px solid rgba(255,255,255,.06);font-size:13px;color:#8f9bb0}
.vxhPanelFoot a{color:#c4b8ff;font-weight:700;text-decoration:none}
.vxhActions{display:flex;align-items:center;gap:8px;margin-left:auto}
.vxhLogin{height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:11px;color:#c9d0dc;text-decoration:none;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.1)}
.vxhLogin:hover{color:#fff;border-color:rgba(255,255,255,.22)}
.vxhCta{height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 18px;border-radius:12px;color:#fff;text-decoration:none;font-size:14px;font-weight:800;background:linear-gradient(135deg,#7c5cff,#5b43dc);box-shadow:0 10px 30px rgba(124,92,255,.35)}
.vxhCta:hover{filter:brightness(1.08)}
.vxhBurger{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;align-items:center;justify-content:center}
/* drawer */
.vxhDrawer{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;background:rgba(5,7,11,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 20px 24px;overflow-y:auto;transform:translateX(100%);transition:transform .3s ease;visibility:hidden}
.vxhDrawer.open{transform:none;visibility:visible}
.vxhDrawerTop{display:flex;align-items:center;justify-content:space-between;height:54px;margin-bottom:10px}
.vxhClose{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font-size:20px;cursor:pointer}
.vxhDrawer details{border-bottom:1px solid rgba(255,255,255,.07)}
.vxhDrawer summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 2px;font-size:18px;font-weight:800;color:#eef1f7;cursor:pointer}
.vxhDrawer summary::-webkit-details-marker{display:none}
.vxhDrawer summary:after{content:"+";font-size:22px;color:#9a8cff;font-weight:600}
.vxhDrawer details[open] summary:after{content:"−"}
.vxhDrawer details .vxhSub{padding:10px 8px}
.vxhDrawer details>div{padding:0 0 10px}
.vxhDrawer>.vxhDLink{display:block;padding:16px 2px;font-size:18px;font-weight:800;color:#eef1f7;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07)}
.vxhDrawerFoot{margin-top:auto;padding-top:22px;display:grid;gap:10px}
.vxhDrawerFoot .vxhLogin,.vxhDrawerFoot .vxhCta{justify-content:center;height:50px;font-size:15px}
body.vxhLock{overflow:hidden}
@media(max-width:1180px){.vxhLink,.vxhTrig{padding:0 10px;font-size:14px}.vxhLogin{display:none}}
@media(max-width:1024px){.vxhMenu,.vxhActions{display:none}.vxhBurger{display:inline-flex}.vxhBar{height:64px;padding:0 16px}html{scroll-padding-top:76px}}
@media(prefers-reduced-motion:reduce){.vxhPanel,.vxhDrawer,.vxhTrig svg{transition:none}}
@media print{.vxh,.vxhDrawer{display:none!important}}
/* isolate from page-level svg/details rules */
.vxh svg,.vxhDrawer svg{display:block;width:18px!important;height:18px!important;min-height:0!important;position:static;flex:none}
.vxhTrig svg{width:12px!important;height:12px!important}
.vxhBurger svg{width:22px!important;height:22px!important}
.vxhDrawerFoot .vxhLogin{display:inline-flex!important}
.vxhDrawer details{margin:0;padding:0;background:none;border-radius:0;border-left:0;border-right:0;border-top:0}

.vxhSub .vxhIc{display:grid;place-items:center;margin:0;width:34px;height:34px;flex:0 0 34px;color:#c4b8ff}
.vxhSub .vxhIc.t{color:#7eeae3}
.vxhSub .vxhIc svg{margin:0}