/* CoController AI — floating glass nav v2 (homepage header) */
.nav.nav2{position:sticky;top:12px;z-index:80;margin:22px auto 0;max-width:1560px;width:calc(100% - 28px);
 background:rgba(9,16,13,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
 border:1px solid rgba(52,211,153,.20);border-radius:999px;
 box-shadow:0 12px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);
 transform:translateZ(0);transform-origin:50% 0;
 transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,background-color .35s ease}
.nav.nav2.is-scrolled{transform:translateY(-4px) scale(.965);background:rgba(9,16,13,.86);
 box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 0 1px rgba(52,211,153,.12),inset 0 1px 0 rgba(255,255,255,.06)}
.nav2 .wrap{max-width:none;height:70px;padding:0 12px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.nav2 .brand{color:#fff;font-size:19.5px}
.nav2 .brand .mark{background:linear-gradient(135deg,#34d399,#059669);color:#04120c;box-shadow:0 0 18px rgba(52,211,153,.35)}
.nav2 .nav-links{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav2 .brand{flex-shrink:0;white-space:nowrap}
.nav2 .nav-tabs{position:relative;display:flex;align-items:center;gap:2px;margin-right:2px;flex-shrink:0}
.nav2 .nav-tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:5px;padding:9px 11px;border-radius:999px;
 font:inherit;font-size:16px;font-weight:500;color:#c3d3cb;background:none;border:0;cursor:pointer;text-decoration:none;white-space:nowrap;
 transition:color .2s ease}
.nav2 .nav-tab:hover,.nav2 .nav-tab[aria-expanded="true"]{color:#fff}
.nav2 .nav-tab:focus-visible,.nav2 .pop-item:focus-visible,.nav2 .btn:focus-visible,.nav2 .nav-toggle:focus-visible{outline:2px solid #34d399;outline-offset:2px}
.nav2 .nav-tab .chev{width:12px;height:12px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);opacity:.75}
.nav2 .nav-tab[aria-expanded="true"] .chev{transform:rotate(180deg)}
.nav2 .nav-ind{position:absolute;z-index:0;top:50%;left:0;height:40px;width:60px;margin-top:-20px;border-radius:999px;
 background:rgba(52,211,153,.14);box-shadow:inset 0 0 0 1px rgba(52,211,153,.30);opacity:0;pointer-events:none;
 transition:transform .38s cubic-bezier(.34,1.3,.64,1),width .38s cubic-bezier(.34,1.3,.64,1),opacity .2s ease}
.nav2 .nav-ind.on{opacity:1}
.nav2 .btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);color:#fff}
.nav2 .btn-ghost:hover{border-color:#34d399}
.nav2 .btn-primary{background:linear-gradient(135deg,#34d399,#059669);color:#04120c;border-radius:999px}
.nav2 .btn-primary:hover{filter:brightness(1.08)}
.nav2 #navAuthSlot .btn{border-radius:999px}
.nav2 .nav-avatar{box-shadow:0 0 0 2px rgba(52,211,153,.4)}
/* dropdowns */
.nav2 .nav-dd{position:relative}
.nav2 .nav-pop{position:absolute;top:calc(100% + 14px);left:50%;width:min(380px,calc(100vw - 32px));margin-left:calc(min(380px,calc(100vw - 32px))/-2);padding:8px;border-radius:18px;
 background:linear-gradient(180deg,#0e1813,#0a120e);
 border:1px solid rgba(52,211,153,.22);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 40px rgba(16,185,129,.08);
 opacity:0;visibility:hidden;transform:translateY(-8px) scale(.94);transform-origin:50% 0;
 transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.nav2 .nav-pop::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px} /* hover bridge */
.nav2 .nav-pop.wide{width:min(520px,calc(100vw - 32px));margin-left:calc(min(520px,calc(100vw - 32px))/-2);display:grid;grid-template-columns:1fr 1fr;gap:2px;min-width:0}
.nav2 .nav-pop.wide .pop-item{min-width:0}
.nav2 .nav-pop.wide .pop-item>span:last-child{min-width:0;overflow-wrap:anywhere}
.nav2 .nav-dd.open .nav-pop{opacity:1;visibility:visible;transform:none;
 transition:opacity .2s ease,transform .45s cubic-bezier(.34,1.56,.64,1),visibility 0s}
.nav2 .pop-item{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;text-decoration:none;color:#e6efea;
 transition:background-color .15s ease,transform .2s ease}
.nav2 .pop-item:hover,.nav2 .pop-item:focus-visible{background:rgba(52,211,153,.10)}
.nav2 .pop-item:hover .pi-ic{transform:scale(1.08) rotate(-4deg)}
.nav2 .pi-ic{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#34d399;
 background:linear-gradient(135deg,rgba(52,211,153,.18),rgba(5,150,105,.06));border:1px solid rgba(52,211,153,.25);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.nav2 .pi-ic svg{width:18px;height:18px}
.nav2 .pi-t{display:block;font-size:14px;font-weight:650;line-height:1.3;color:#fff}
.nav2 .pi-d{display:block;font-size:12.5px;line-height:1.4;color:#93a79e;margin-top:2px;white-space:normal}
.nav2 .pop-foot{grid-column:1/-1;display:block;margin-top:4px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.07);font-size:13px;font-weight:700;color:#34d399;text-decoration:none;border-radius:0 0 12px 12px}
.nav2 .pop-foot:hover{color:#6ee7b7}
.nav2 .nav-dd.open .pop-item{animation:navItemIn .38s cubic-bezier(.2,.8,.2,1) both}
.nav2 .nav-dd.open .pop-item:nth-child(2){animation-delay:.03s}.nav2 .nav-dd.open .pop-item:nth-child(3){animation-delay:.06s}
.nav2 .nav-dd.open .pop-item:nth-child(4){animation-delay:.09s}.nav2 .nav-dd.open .pop-item:nth-child(5){animation-delay:.12s}
.nav2 .nav-dd.open .pop-item:nth-child(n+6){animation-delay:.15s}
@keyframes navItemIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.nav2 .nav-toggle{display:none;width:42px;height:42px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff;cursor:pointer;place-items:center}
.nav2 .nav-toggle span{position:relative;display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:background-color .2s}
.nav2 .nav-toggle span::before,.nav2 .nav-toggle span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.nav2 .nav-toggle span::before{transform:translateY(-6px)}.nav2 .nav-toggle span::after{transform:translateY(6px)}
.nav2 .nav-toggle[aria-expanded="true"] span{background:transparent}
.nav2 .nav-toggle[aria-expanded="true"] span::before{transform:rotate(45deg)}
.nav2 .nav-toggle[aria-expanded="true"] span::after{transform:rotate(-45deg)}
/* v3: slightly larger pill buttons */
.nav2 .wrap .btn-sm{padding:10px 18px;font-size:15px}
/* compact desktop */
@media (max-width:1439px) and (min-width:1081px){.nav2 .nav-tab{padding:9px 11px;font-size:15.5px}.nav2 .wrap{gap:10px}}
@media (max-width:1365px) and (min-width:1081px){.nav2 .nav-tab-bk{display:none}}
@media (max-width:1279px) and (min-width:1081px){.nav2 .nav-tab{padding:8px 9px;font-size:15px}.nav2 .brand{font-size:18px}.nav2 .wrap{padding:0 10px 0 18px}.nav2 .nav-links{gap:8px}.nav2 .wrap .btn-sm{padding:9px 14px;font-size:14px}.nav2 .nav-avatar{display:none}}
/* mobile sheet */
@media (max-width:1080px){
 .nav.nav2{border-radius:22px}
 .nav.nav2.is-scrolled{transform:translateY(-4px) scale(.985)}
 .nav2 .wrap{height:66px;min-height:0;padding:0 10px 0 16px}
 .nav2 .nav-links{flex-wrap:nowrap;gap:8px;justify-content:flex-end}
 .nav2 .nav-links a:not(.btn){display:flex;width:auto;border-top:0;padding:10px 12px}
 .nav2 .nav-toggle{display:grid}
 .nav2 .nav-tabs{position:absolute;top:calc(100% + 10px);left:0;right:0;margin:0;flex-direction:column;align-items:stretch;gap:2px;
  max-height:calc(100vh - 110px);overflow:auto;overscroll-behavior:contain;padding:10px;border-radius:22px;
  background:linear-gradient(180deg,#0e1813,#0a120e);
  border:1px solid rgba(52,211,153,.22);box-shadow:0 24px 60px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transform:translateY(-14px) scale(.98);transform-origin:50% 0;
  transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
 .nav2 .nav-links.menu-open .nav-tabs{opacity:1;visibility:visible;transform:none;
  transition:opacity .25s ease,transform .45s cubic-bezier(.34,1.4,.64,1),visibility 0s}
 .nav2 .nav-links.menu-open{padding-bottom:0}
 .nav2 .nav-tab{width:100%;justify-content:space-between;padding:13px 14px;font-size:16px;border-radius:14px}
 .nav2 a.nav-tab:hover,.nav2 .nav-tab[aria-expanded="true"]{background:rgba(52,211,153,.08)}
 .nav2 .nav-ind{display:none}
 .nav2 .nav-pop,.nav2 .nav-pop.wide{position:static;width:auto;margin:0;padding:0 0 6px 6px;display:none;grid-template-columns:1fr;
  background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;visibility:visible;transform:none;transition:none}
 .nav2 .nav-pop::before{display:none}
 .nav2 .nav-dd.open .nav-pop{display:grid;animation:navItemIn .3s ease both}
 .nav2 .pop-item{padding:9px 10px}
}
@media (max-width:520px){
 .nav2 .brand{font-size:0;gap:0}
 .nav2 .brand .mark{font-size:17px}
 .nav2 .wrap .btn-sm{padding:9px 14px;font-size:14px}
 .nav2 #navAuthSlot{gap:6px !important}
 .nav2 .nav-avatar{display:none}
}
@media (prefers-reduced-motion:reduce){
 .nav.nav2,.nav2 .nav-ind,.nav2 .nav-pop,.nav2 .nav-tabs,.nav2 .pop-item,.nav2 .chev,.nav2 .pi-ic{transition:none !important;animation:none !important}
 .nav.nav2.is-scrolled{transform:none}
}

/* Mobile header repair: retain full branding and all account actions. */
@media (max-width:1080px){
 .nav2 .wrap{min-width:0}
 .nav2 .nav-links{min-width:0}
 .nav2 #navAuthSlot{display:inline-flex!important}
 .nav2 #navSigninMobile{display:none!important}
 .nav2 .nav-toggle{flex-shrink:0}
}
@media (max-width:520px){
 .nav.nav2 .wrap{height:auto;min-height:0;flex-wrap:wrap;gap:8px;padding:12px}
 .nav2 .brand{font-size:18px;gap:8px;flex-basis:100%}
 .nav2 .nav-links{width:100%;justify-content:flex-start;gap:8px}
 .nav2 .nav-toggle{margin-left:auto}
 .nav2 .nav-tabs{max-height:calc(100vh - 180px);max-height:calc(100dvh - 180px)}
}

/* 2026-10-20: fit safety on mid-width screens — trim tab padding/type before anything can spill */
@media (max-width:1560px){.nav2 .nav-tab{padding:9px 9px;font-size:15px}.nav2 .brand{font-size:18px}}