/* Phone and tablet menu (menu.js) */
.menu-btn{display:none;position:relative;width:40px;height:40px;margin-left:4px;border:0;background:transparent;cursor:pointer;color:inherit;padding:0}
.menu-btn span{position:absolute;left:10px;right:10px;height:1.5px;background:#F7F7F5;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s}
.menu-btn span:first-child{top:15px}.menu-btn span:last-child{top:23px}
.bar.light .menu-btn span{background:#121614}
.menu-btn[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.menu-btn:focus-visible{outline:2px solid #B0E1B6;outline-offset:2px}
.bar.menu-open{background:#121614!important}
.bar.menu-open a{color:#F7F7F5!important}
.bar.menu-open .logo{background-image:url(/assets/korravo-logo-horizontal-small-mark-on-dark.svg)!important}
.bar.menu-open .menu-btn span{background:#F7F7F5}
.bar.menu-open .btn{background:#B0E1B6!important;color:#121614!important}
.mnav{position:fixed;left:0;right:0;top:var(--nav-h);bottom:0;z-index:39;background:#121614;padding:16px var(--gutter,16px) 32px;overflow-y:auto;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .3s cubic-bezier(.22,1,.36,1)}
.mnav.on{opacity:1;transform:none}
.mnav nav{display:flex;flex-direction:column}
.mnav a{color:#F7F7F5;text-decoration:none;font-size:24px;font-weight:500;letter-spacing:-.015em;padding:16px 0;border-bottom:1px solid rgba(247,247,245,.12)}
.mnav a.mnav-sub{font-size:18px;color:#C9CCC9;border-bottom:0;margin-top:12px}
.mnav a .arw{display:inline-block;margin-left:6px}
@media(max-width:1010px){.menu-btn{display:block}}
/* phones: Request a Demo moves from the bar into the menu (menu.js adds it at the end of the panel) */
.mnav-cta{display:none}
@media(max-width:520px){
  .bar .right>.btn{display:none}
  .mnav a.mnav-cta{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:28px;padding:16px 20px;border:0;background:#B0E1B6;color:#121614!important;font-size:18px;font-weight:500;letter-spacing:0}
}
@media (prefers-reduced-motion:reduce){.mnav,.menu-btn span{transition:none}}
/* Oct 23 (Brian): a shorter panel, so the whole menu fits a phone screen without scrolling: smaller links, tighter rows */
.mnav{padding-top:8px;padding-bottom:24px}
.mnav a{font-size:20px;padding:12px 0}
.mnav a.mnav-sub{font-size:17px;margin-top:8px}
.mnav .mnav-uc{padding:4px 0 8px}
.mnav nav .mnav-uc a{font-size:16px;padding:6px 0}
@media(max-width:520px){.mnav a.mnav-cta{margin-top:20px;padding:14px 20px}}