/* The site header's shared rules, on top of /decagon/oldnav.css and the company pages' own copy of it
   (owner, 7 Nov 2026). Its markup is content/site-chrome/header.html, stamped by scripts/site-chrome.mjs.

   Sign in is a plain menu link, the same as Product, Use cases and Company next to it: no border, no fill,
   the menus' type and hover (owner, 7 Nov 2026). The selectors are a step stronger than /decagon/prod.css,
   which made it a white pill on the painted heroes. */
@media (min-width:1024px){
  .site-nav .nav-actions{gap:4px}
  .site-nav .nav-actions a.nav-studio{display:inline-flex;align-items:center;min-height:0;padding:10px 16px;border:1px solid transparent;border-radius:8px;
    background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:var(--ink,#111418);
    font:600 14px/18px var(--sans,"Figtree",system-ui,sans-serif);text-decoration:none;transform:none;transition:background .3s}
  .site-nav .nav-actions a.nav-studio:hover{border-color:transparent;background:rgba(17,20,24,.05);color:var(--ink,#111418);transform:none}
  .site-nav.is-scrolled .nav-actions a.nav-studio{min-height:0}
  /* the general pages' Sign in menu: one column of two rows, hung under the button */
  .site-nav .nav-actions .dd.dd-signin .dd-grid{grid-template-columns:244px}
  /* the button already says Sign in; the label only heads the rows in the phone sheet */
  .site-nav .nav-actions .dd.dd-signin .dd-l{display:none}
  /* its phone copy lives in the menu sheet only */
  .site-nav nav .dd.dd-m{display:none}
}
@media (max-width:1023px){
  .site-nav .nav-actions .dd.dd-signin{display:none}
  /* the phone menu's Sign in (staffing and research pages) is plain text too, above the Book a demo button */
  .site-nav.menu-open .menu-ctas a.mc-ghost{border:1px solid transparent;background:transparent;box-shadow:none;color:var(--ink,#111418)}
}