/* Easton Automations — unified site header (matches the home page exactly).
   Self-contained: hardcoded tokens + scoped under header.nav so it wins over the
   legacy .nav rules in styles.css by specificity, regardless of load order.
   One source of truth so every page (any SEO entry point) shows the same header. */
header.nav{
  position:sticky; top:0; z-index:9999; height:48px;
  background:rgba(255,255,255,0.72);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid rgba(0,0,0,0.08);
}
header.nav .nav__inner{
  max-width:1024px; margin:0 auto; height:100%; padding:0 22px;
  display:flex; align-items:center; justify-content:space-between;
}
header.nav .nav__brand{ display:flex; align-items:center; gap:8px; font-size:18px; font-weight:600; color:#1d1d1f; text-decoration:none; }
header.nav .nav__brand img{ height:22px; width:auto; }
header.nav .nav__links{ display:flex; gap:32px; align-items:center; }
header.nav .nav__link{ font-size:12px; font-weight:400; color:#1d1d1f; opacity:0.82; transition:opacity 0.2s ease; text-decoration:none; }
header.nav .nav__link:hover{ opacity:1; }
header.nav .nav__cta{ font-size:12px; font-weight:400; color:#fff; background:#0071e3; padding:5px 12px; border-radius:980px; transition:background-color 0.2s ease; text-decoration:none; }
header.nav .nav__cta:hover{ background:#0077ed; color:#fff; }
header.nav .nav__toggle{ display:none; background:none; border:0; cursor:pointer; padding:6px; }
header.nav .nav__toggle span{ display:block; width:18px; height:1.5px; background:#1d1d1f; margin:4px 0; transition:transform 0.25s ease, opacity 0.25s ease; }
@media (max-width:833px){
  header.nav .nav__links{
    position:fixed; inset:48px 0 auto 0; flex-direction:column; align-items:flex-start; gap:0;
    background:rgba(255,255,255,0.96);
    -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px);
    padding:8px 22px 24px; border-bottom:1px solid #d2d2d7;
    transform:translateY(-110%); transition:transform 0.3s cubic-bezier(0.28,0.11,0.32,1);
    max-height:calc(100vh - 48px); overflow-y:auto;
  }
  header.nav .nav__links.is-open{ transform:translateY(0); }
  header.nav .nav__link, header.nav .nav__cta{ font-size:17px; padding:14px 0; width:100%; }
  header.nav .nav__cta{ display:inline-block; margin-top:10px; padding:12px 22px; width:auto; }
  header.nav .nav__toggle{ display:block; }
}