/* Shared public navbar for ARES Control and Stock ARES. */
.ares-navbar-shell { background: #081a2e; border-bottom: 1px solid rgb(255 255 255 / 8%); height: 88px; position: sticky; top: 0; transition: background-color .24s var(--ares-ease-standard), border-color .24s var(--ares-ease-standard), box-shadow .24s var(--ares-ease-standard); z-index: 10; }
.ares-navbar-shell.is-scrolled { background: rgb(8 26 46 / 94%); border-bottom-color: rgb(255 255 255 / 12%); box-shadow: 0 10px 28px rgb(0 0 0 / 14%); }
.ares-navbar-inner { align-items: center; display: grid; gap: 24px; grid-template-columns: 1fr auto 1fr; height: 100%; }
.ares-navbar-brand { align-items: center; color: #f7fbff; display: inline-flex; font-family: var(--ares-font-display); font-size: 17px; font-weight: 800; gap: 10px; letter-spacing: -.02em; text-decoration: none; }.ares-navbar-brand__mark { border-radius: 11px; height: 40px; width: 40px; }.ares-navbar-brand__name { color: #f7fbff; font-size: 18px; letter-spacing: -.025em; }.ares-navbar-brand__product { color: var(--ares-navbar-accent); font-size: 11px; letter-spacing: .1em; }
.ares-navbar-links { align-items: center; display: flex; gap: 34px; justify-content: center; }.ares-navbar-links a { color: #bdc9d7; font-size: 14px; font-weight: 600; text-decoration: none; transition: color .2s var(--ares-ease-standard); }.ares-navbar-links a:hover { color: #fff; }
.ares-navbar-cta { align-items: center; border: 1px solid rgb(147 188 216 / 45%); border-radius: 999px; color: #fff; display: inline-flex; font-size: 14px; font-weight: 700; gap: 20px; justify-self: end; min-height: 46px; padding: 0 13px 0 19px; text-decoration: none; transition: background-color .2s var(--ares-ease-standard), border-color .2s var(--ares-ease-standard), transform .2s var(--ares-ease-standard); }.ares-navbar-cta span { color: var(--ares-navbar-accent); font-size: 17px; transition: transform .2s var(--ares-ease-standard); }.ares-navbar-cta:hover { background: rgb(255 255 255 / 7%); border-color: var(--ares-navbar-accent); transform: translateY(-1px); }.ares-navbar-cta:hover span { transform: translate(2px, -2px); }
.ares-navbar-toggle { background: transparent; border: 0; color: #fff; cursor: pointer; display: none; height: 44px; padding: 10px; width: 44px; }.ares-navbar-toggle span { background: currentColor; display: block; height: 2px; margin: 5px 0; transition: transform .2s var(--ares-ease-standard); width: 24px; }.ares-navbar-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }.ares-navbar-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.ares-navbar-brand:focus-visible, .ares-navbar-links a:focus-visible, .ares-navbar-cta:focus-visible, .ares-navbar-toggle:focus-visible { border-radius: 8px; outline: 3px solid rgb(59 130 246 / 48%); outline-offset: 3px; }
@media (max-width: 800px) { .ares-navbar-shell { height: 72px; }.ares-navbar-inner { grid-template-columns: 1fr auto auto; }.ares-navbar-brand__mark { height: 36px; width: 36px; }.ares-navbar-links { background: #0b2037; border: 1px solid rgb(255 255 255 / 12%); border-radius: 12px; box-shadow: 0 16px 28px rgb(0 0 0 / 25%); display: none; flex-direction: column; gap: 0; left: 16px; padding: 8px; position: absolute; right: 16px; top: 78px; }.ares-navbar-links.is-open { display: flex; }.ares-navbar-links a { padding: 12px; width: 100%; }.ares-navbar-toggle { display: block; }.ares-navbar-cta { font-size: 13px; gap: 8px; min-height: 40px; padding: 0 11px 0 13px; }.ares-navbar-cta span { font-size: 15px; } }