:root{--page-max:960px;--xpq-nav-z:2147483000}
.site-header.xpq-shared-header{position:relative;z-index:var(--xpq-nav-z)!important;width:100%;max-width:var(--page-max);margin:0 auto}
.site-header.xpq-shared-header .brand-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:109px;margin-bottom:18px;transition:opacity 180ms ease,transform 180ms ease}
.site-header.xpq-shared-header .brand-row img{width:109px;height:109px;object-fit:contain;display:block}
.site-header.xpq-shared-header .brand-row span{font-size:20px;line-height:1;font-weight:800;color:#fff}
.site-header.xpq-shared-header .pill-nav{position:relative;z-index:var(--xpq-nav-z)!important;width:100%;min-height:46px;padding:6px;border-radius:999px;background:#fff;box-shadow:0 20px 60px rgba(28,17,82,.2);display:flex;align-items:center;justify-content:center;gap:6px;will-change:width;overflow:visible;transition:width 260ms ease,padding 260ms ease,box-shadow 260ms ease}
@keyframes pillNavDrop{from{opacity:0;transform:translate(-50%,-18px)}to{opacity:1;transform:translate(-50%,0)}}
.site-header.xpq-shared-header .nav-indicator{position:absolute;left:0;top:6px;z-index:0;width:96px;height:34px;border-radius:999px;background:var(--mint);opacity:0;transform:translateX(0);transition:transform 260ms cubic-bezier(.2,.8,.2,1),width 220ms ease,opacity 160ms ease;pointer-events:none}
.site-header.xpq-shared-header .nav-sticky-brand{width:0;max-width:0;opacity:0;transform:translateX(-10px);overflow:hidden;display:inline-flex;align-items:center;gap:8px;color:var(--purple);font-size:12px;line-height:1;font-weight:800;white-space:nowrap;transition:width 260ms ease,max-width 260ms ease,opacity 220ms ease,transform 260ms ease}
.site-header.xpq-shared-header .nav-sticky-brand img{width:28px;height:28px;object-fit:contain;flex:0 0 auto;display:block}
.site-header.xpq-shared-header .pill-nav .nav-item{min-width:78px!important;height:34px;padding:0 14px!important;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--purple);font-size:12px;line-height:1;font-weight:700;background:transparent;transition:background 180ms ease,color 180ms ease;position:relative;z-index:1}
.site-header.xpq-shared-header .nav-menu{position:relative;z-index:2;display:inline-flex;align-items:center}
.site-header.xpq-shared-header .nav-submenu{position:fixed;left:var(--xpq-submenu-left,50vw);top:var(--xpq-submenu-top,0px);z-index:calc(var(--xpq-nav-z) + 1);min-width:166px;padding:8px;border-radius:14px;background:#fff;color:var(--purple);box-shadow:0 18px 48px rgba(28,17,82,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-6px);transition:opacity 160ms ease,transform 160ms ease,visibility 160ms ease}
.site-header.xpq-shared-header .nav-submenu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.site-header.xpq-shared-header .nav-subitem{height:34px;padding:0 12px;border-radius:10px;display:flex;align-items:center;justify-content:flex-start;color:var(--purple);font-size:12px;font-weight:800;white-space:nowrap;transition:background 160ms ease,color 160ms ease}
.site-header.xpq-shared-header .nav-subitem:hover,.site-header.xpq-shared-header .nav-subitem:focus-visible{background:rgba(67,207,137,.14);color:#22a866;outline:none}
.site-header.xpq-shared-header .nav-menu:hover .nav-submenu,.site-header.xpq-shared-header .nav-menu:focus-within .nav-submenu,.site-header.xpq-shared-header .nav-menu.is-open .nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.site-header.xpq-shared-header.is-stuck .pill-nav{position:fixed;top:10px;left:50%;z-index:var(--xpq-nav-z)!important;width:min(var(--page-max),calc(100vw - 48px));transform:translateX(-50%);padding:5px 8px;box-shadow:0 22px 70px rgba(28,17,82,.28);animation:pillNavDrop 260ms cubic-bezier(.2,.8,.2,1) both}
.site-header.xpq-shared-header.is-stuck .nav-sticky-brand{width:104px;max-width:104px;opacity:1;transform:translateX(0);margin-right:auto}
.site-header.xpq-shared-header.is-stuck .nav-sticky-brand span{font-size:14.4px}
.site-header.xpq-shared-header.is-stuck .pill-nav .nav-item{min-width:70px!important;padding:0 12px!important}
.site-header.xpq-shared-header.is-stuck .pill-nav .nav-item-last{margin-right:54px}
.site-header.xpq-shared-header.is-stuck .brand-row{opacity:0;transform:translateY(-8px)}
.site-header.xpq-shared-header .pill-nav .nav-item.active,.site-header.xpq-shared-header .nav-item.active,.site-header.xpq-shared-header .pill-nav .nav-item:hover,.site-header.xpq-shared-header .pill-nav .nav-item:focus-visible{color:#fff;background:var(--mint);outline:none}
.site-header.xpq-shared-header .pill-nav.is-tracking .nav-item.active:not(:hover){color:var(--purple);background:transparent}
.site-header.xpq-shared-header .pill-nav.is-tracking .nav-indicator{opacity:1}
.site-header.xpq-shared-header .user-entry{position:absolute;right:6px;top:50%;z-index:3;flex:0 0 34px;min-width:34px!important;width:34px;height:34px;margin-left:0;border:0;border-radius:999px;background:rgba(96,74,197,.1);color:var(--purple);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transform:translateY(-50%);transition:background 180ms ease,color 180ms ease,transform 180ms ease}
.site-header.xpq-shared-header .user-entry:hover,.site-header.xpq-shared-header .user-entry:focus-visible{background:var(--mint);color:#fff;outline:none;transform:translateY(calc(-50% - 1px))}
.site-header.xpq-shared-header .user-entry img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.site-header.xpq-shared-header .user-entry svg{width:18px;height:18px;stroke-width:2.2}
