/* ============================================================ header v7
   the client area, the sliding highlight, the current page. Linked on every page by
   tools/build.py (the homepage inlines its own copy of nav.css). */
.nv-portal{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 16px 0 14px;border-radius:999px;
  font-size:15px;font-weight:800;color:var(--ink,#0A1128);text-decoration:none;white-space:nowrap;
  background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(10,17,40,.12),0 1px 2px rgba(10,17,40,.05);
  transition:background .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1)}
.nv-portal svg{width:20px;height:20px;flex:none}
.nv-portal:hover{background:#fff;box-shadow:inset 0 0 0 1px rgba(10,17,40,.28),0 8px 20px -12px rgba(10,17,40,.35)}
.nv-portal:active{transform:scale(.97)}
.nv-portal:focus-visible,.nv-portal-m:focus-visible,.nv-sh-portal:focus-visible{outline:2px solid #F2761B;outline-offset:3px}
@media (max-width:1180px){.nv-portal{width:48px;padding:0;justify-content:center}.nv-portal span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}

.nv-portal-m{display:none;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;color:var(--ink,#0A1128);
  background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(10,17,40,.12);text-decoration:none}
.nv-portal-m svg{width:21px;height:21px}
@media (max-width:1020px){.nv-portal-m{display:inline-flex;margin-inline-start:auto}.nv-portal-m + .nv-burger{margin-inline-start:8px}}

/* the highlight: one pill that glides to whatever the pointer or focus is on */
.nv-nav{position:relative}
.nv-ind{position:absolute;top:50%;left:0;height:40px;width:0;margin-top:-20px;border-radius:12px;pointer-events:none;z-index:0;
  background:rgba(10,17,40,.06);opacity:0;
  transition:transform .28s cubic-bezier(.22,1,.36,1),width .28s cubic-bezier(.22,1,.36,1),opacity .18s ease-out}
.nv-ind.on{opacity:1}
.nv-nav .nv-item{position:relative;z-index:1}
/* the current page: a short ember line under its name */
.nv-nav .nv-item[aria-current="page"]{color:var(--ink,#0A1128)}
.nv-nav .nv-item[aria-current="page"]::after{content:"";position:absolute;inset-inline:30%;bottom:4px;height:2px;border-radius:2px;background:#F2761B}

/* the drawer's first row: the way back in for existing clients */
.nv-sh-portal{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;
  border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(180deg,#141C36,#0A1128);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 14px 30px -18px rgba(10,17,40,.7)}
.nv-sh-portal .nv-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.1)}
.nv-sh-portal .nv-ic svg{width:22px;height:22px}
.nv-sh-portal b{display:block;font-size:16px;font-weight:800}
.nv-sh-portal em{display:block;font-style:normal;font-size:13px;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nv-sh-portal > i svg{width:18px;height:18px;opacity:.7}
@media (prefers-reduced-motion:reduce){.nv-ind{transition:none}}

/* phones: the six solution tiles keep their names on one line */
@media (max-width:430px){.nv-sh-sol a span:last-child{white-space:nowrap;font-size:14px;letter-spacing:-.01em}}

/* menu names never break (צור קשר at 1024px) */
.nv-nav .nv-item{white-space:nowrap}