/* ============================================================
   SHARED NAV CONTRACT . one bar on EVERY page . 2026-09-22
   Origin: the 2026-09-17 contract that put one bar on the three home pages
   (sept-ptrhome.css, sept-bizhome.css, sept-indhome.css). Yuval, 2026-09-22:
   the same bar on all pages, "so the top nav bar browsing experience is
   seamless". This sheet is the single owner of the bar's geometry and ink.
   Loads after alt-home.css on every page.

     bar        white, 87 tall, shadow 0 1px 1px rgba(20,25,30,.04), no
                hairline; content on the 1280 shell
     logo       99 x 31 at 80, then 32
     lanes      padding 10/20, 16px Inter 500, #121212 at .5, current .8,
                no gap between them (211 / 320 / 434 at 1440)
     text link  same as a lane, at .5
     pills      padding 14/24 on a 1px border, 16px, line-height normal
                (49 tall filled and outline alike); filled #F37F00 700,
                outline #121212 500
     cluster    16 apart, flush right at 1360

   SPECIFICITY. The three home skins still carry earlier generations of this
   bar as `html[data-sept="..."] header.site > ... !important` (up to 7
   class-level parts). Rather than excise them from three 2000-line skins, every
   selector here is prefixed with html:root x6, which outranks all of them by
   construction. Remove the prefix only after those skin blocks are deleted.

   Below 1180 the cluster does not fit the shell, so each page keeps its own
   narrower layout (dd-shell defaults, or the home skins' grid).

   ONE VARIANT, at the bottom: the business home's first view recolours the
   same boxes over its dark hero (Yuval, 2026-09-17: "stay in its current
   colour ... same px placement ... switching seamless"). The partner lane hides
   "Contact sales" (O3, 2026-09-10): its pages carry "Become a partner".
   ============================================================ */
@media (min-width:1180px){
  html:root:root:root:root:root:root header.site{
    padding:0!important;height:87px!important;min-height:0!important;
    background:#fff!important;border-bottom:0!important;
    box-shadow:0 1px 1px rgba(20,25,30,.04)!important;
  }
  html:root:root:root:root:root:root header.site > .wrap.nav{
    display:flex!important;align-items:center!important;
    width:100%!important;max-width:var(--shell-w,1280px)!important;margin:0 auto!important;
    padding:20px 0!important;height:87px!important;column-gap:0!important;gap:0!important;grid-template-columns:none!important;
  }
  html:root:root:root:root:root:root header.site > .wrap.nav > a.brand{margin:0 32px 0 0!important;width:99px!important;height:31px!important;display:block!important;gap:0!important}
  html:root:root:root:root:root:root header.site > .wrap.nav > a.brand img,
  html:root:root:root:root:root:root header.site > .wrap.nav > a.brand .brand-logo{width:99px!important;height:31px!important;display:block!important}
  html:root:root:root:root:root:root header.site > .wrap.nav > .alt-seg{display:flex!important;gap:0!important;background:none!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;height:auto!important}
  html:root:root:root:root:root:root header.site > .wrap.nav > .alt-seg::before,
  html:root:root:root:root:root:root header.site > .wrap.nav > .alt-seg::after{display:none!important}
  html:root:root:root:root:root:root header.site > .wrap.nav > .alt-seg > *,
  html:root:root:root:root:root:root header.site > .wrap.nav > a.nav-hub,
  html:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.txt{
    /* 2026-10-12 designer dropdown pack §3.2 / §4: 47 tall, 16/19 Inter 500, #7B756D, current #2B2926;
       position:relative hosts the chevron alt-home.js puts under the open tab */
    position:relative!important;box-sizing:border-box!important;
    display:inline-flex!important;align-items:center!important;padding:10px 20px!important;margin:0!important;border-radius:100px!important;
    font-size:16px!important;font-weight:500!important;line-height:19px!important;letter-spacing:0!important;
    color:#7B756D!important;opacity:1!important;background:none!important;border:0!important;box-shadow:none!important;
    min-width:0!important;min-height:0!important;height:47px!important;text-shadow:none!important;white-space:nowrap!important;
  }
  html:root:root:root:root:root:root header.site > .wrap.nav > .alt-seg > *::before,
  html:root:root:root:root:root:root header.site > .wrap.nav > .alt-seg > *::after{display:none!important}
  html:root:root:root:root:root:root header.site > .wrap.nav > .alt-seg > [aria-current],
  html:root:root:root:root:root:root header.site > .wrap.nav > .alt-seg > [aria-pressed="true"],
  html:root:root:root:root:root:root header.site > .wrap.nav > .alt-seg > button,
  html:root:root:root:root:root:root header.site > .wrap.nav > a.nav-hub[aria-current]{color:#2B2926!important;opacity:1!important}
  html:root:root:root:root:root:root header.site > .wrap.nav > .alt-seg .segcv{display:none!important}
  html:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta{display:flex!important;align-items:center!important;margin-left:auto!important;margin-right:0!important;gap:16px!important;column-gap:16px!important;height:auto!important}
  html:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    padding:14px 24px!important;height:auto!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;
    font-size:16px!important;line-height:normal!important;letter-spacing:normal!important;border-radius:100px!important;border:1px solid transparent!important;white-space:nowrap!important;gap:0!important;
    transform:none!important;
  }
  html:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-primary{background:#F37F00!important;border-color:#F37F00!important;color:#fff!important;font-weight:700!important}
  html:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-primary:hover{background:#dc7200!important;border-color:#dc7200!important}
  html:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-outline{background:transparent!important;border-color:#121212!important;color:#121212!important;font-weight:500!important}
  html:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-outline:hover{background:#121212!important;color:#fff!important}
  html:root:root:root:root:root:root header.site > .wrap.nav > .burger{display:none!important}

  /* Partner pages only: no text link in the cluster (O3). Keyed on a static
     root attribute (the hub's data-sept, the four children's data-lane), NOT on
     aria-current: alt-home.js also marks the Partner Hub item current on every
     shared page visited in the sticky partner lane, and those keep Contact sales. */
  html:root:root:root:root:root:root[data-sept="ptr"] header.site > .wrap.nav > .nav-cta > a.txt,
  html:root:root:root:root:root:root[data-lane="ptr"] header.site > .wrap.nav > .nav-cta > a.txt{display:none!important}

  /* ---- the one variant: business home, first view, over the dark hero ----
     Same boxes, white ink, no bar. The skin flips .sept-solid on once the hero
     has left the viewport (sept-bizhome.js); from then on the rules above apply
     unchanged. */
  html:root:root:root:root:root:root[data-sept="bizhome"] header.site:not(.sept-solid){background:transparent!important;box-shadow:none!important}
  html:root:root:root:root:root:root[data-sept="bizhome"] header.site:not(.sept-solid) > .wrap.nav > .alt-seg > *,
  html:root:root:root:root:root:root[data-sept="bizhome"] header.site:not(.sept-solid) > .wrap.nav > a.nav-hub,
  html:root:root:root:root:root:root[data-sept="bizhome"] header.site:not(.sept-solid) > .wrap.nav > .nav-cta > a.txt{color:#fff!important;opacity:.6!important}
  html:root:root:root:root:root:root[data-sept="bizhome"] header.site:not(.sept-solid) > .wrap.nav > .alt-seg > button,
  html:root:root:root:root:root:root[data-sept="bizhome"] header.site:not(.sept-solid) > .wrap.nav > .alt-seg > [aria-current]{opacity:1!important;font-weight:600!important}
  html:root:root:root:root:root:root[data-sept="bizhome"] header.site:not(.sept-solid) > .wrap.nav > .nav-cta > a.btn{
    background:transparent!important;color:rgba(255,255,255,.5)!important;border-color:rgba(255,255,255,.5)!important;font-weight:500!important;
  }
  html:root:root:root:root:root:root[data-sept="bizhome"] header.site:not(.sept-solid) > .wrap.nav > .nav-cta > a.btn:hover{color:#fff!important;border-color:#fff!important}
  /* The bolder solid-state label is 3px wider; pin the pill so nothing moves at the switch. */
  html:root:root:root:root:root:root[data-sept="bizhome"] header.site > .wrap.nav > .nav-cta > a.btn-primary{min-width:138px!important}
  /* 2026-10-12 designer dropdown pack §3.1 / §6.1 put the hero-state row at 40..87 with the panel
     20 below it (107), the light bar's row at 20..67 with the panel at 87, and eased the row
     between the two at the flip. 2026-10-14 Yuval: the hero-state bar now carries a visible
     frosted pane once scrolled (sept-bizhome.css), so the row sits where it does on the other two
     homes, 20..67 with the panel at 87, one component, nothing moves at the flip. The three rules
     that held the 40 are gone; the shared rules above apply to both states. */
}


/* 2026-10-05 · Otabek note 2: the partner lane's nav buttons take the Individual home
   style (black primary 47px bold, sand "Log in" 47px). The attribute selector outranks
   the global orange rule above; !important kept for parity with it. Desktop bar only. */
html[data-sept="ptr"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-primary,
html[data-lane="ptr"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-primary{background:#121212!important;border-color:#121212!important;color:#fff!important;font-weight:700!important;height:47px!important;min-height:47px!important;padding:0 24px!important;display:inline-grid!important;place-items:center!important;line-height:normal!important}
html[data-sept="ptr"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-primary:hover,
html[data-lane="ptr"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-primary:hover{background:#2b2b2b!important;border-color:#2b2b2b!important}
html[data-sept="ptr"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-outline,
html[data-lane="ptr"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-outline{background:#F4F3F0!important;border-color:#F4F3F0!important;color:#555049!important;font-weight:500!important;height:47px!important;min-height:47px!important;padding:0 24px!important;display:inline-grid!important;place-items:center!important;line-height:normal!important}
html[data-sept="ptr"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-outline:hover,
html[data-lane="ptr"]:root:root:root:root:root:root header.site > .wrap.nav > .nav-cta > a.btn-outline:hover{background:#121212!important;border-color:#121212!important;color:#fff!important}