/* navbar: centre options replaced (see hi-hello-nav.js) */
header ul[class*="-translate-x-1/2"]:not(.hh-nav){display:none !important}
.hh-nav{gap:0 !important}
.hh-nav a.button{padding-left:10px;padding-right:10px;color:#475a7a;font-weight:600;white-space:nowrap;text-decoration:none}
.hh-nav a.button:hover{color:#142b55}
.hh-nav a.button.hh-on{color:#2f6fe0}
.hh-nav-more{position:relative}
.hh-nav-more>summary{display:inline-flex;align-items:center;gap:6px;padding-inline:9px;color:#101626;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:-.035em;white-space:nowrap;cursor:pointer;list-style:none}
.hh-nav-more>summary::-webkit-details-marker{display:none}
.hh-nav-more>summary::after{content:"";width:6px;height:6px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .18s}
.hh-nav-more[open]>summary::after{margin-top:3px;transform:rotate(225deg)}
.hh-nav-more.hh-more-active>summary{color:#2f6fe0}
.hh-nav-more-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:60;display:grid;gap:3px;min-width:290px;max-height:calc(100svh - 120px);overflow-y:auto;padding:9px;border:1px solid #d5e6f8;border-radius:18px;background:#f9fcfff5;box-shadow:0 12px 35px #1d497c24;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hh-nav .hh-nav-more-panel a.button{justify-content:flex-start;width:100%;height:auto;min-height:40px;padding:10px 13px;border-radius:11px;font-size:13px;text-align:left}
.hh-nav .hh-nav-more-panel a.button:hover,.hh-nav .hh-nav-more-panel a.button.hh-on{background:#e7f2ff}
.hh-nav-more>summary:focus-visible{outline:2px solid #1878e7;outline-offset:3px}
section[data-track-section],section[data-track-view]{scroll-margin-top:84px}
#ai-agents-platform{scroll-margin-top:84px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (prefers-reduced-motion:reduce){.hh-nav-more>summary::after{transition:none}}

/* mobile / tablet menu (see hi-hello-mobile-nav.js): same options as the desktop navbar */
.hh-mhide{display:none !important}
.hh-mnav .hh-mlogout{display:none;margin-top:6px;padding-top:6px;border-top:1px solid rgba(20,43,85,.1)}
html.hh-authed .hh-mnav .hh-mlogout{display:list-item}
.hh-mnav .hh-mitem a.button{color:#475a7a;text-decoration:none}
.hh-mnav .hh-mitem a.button:hover{color:#142b55}
.hh-mnav .hh-mitem a.button.hh-on{color:#2f6fe0;background:rgba(47,111,224,.09)}