// m8-nx-shared.jsx — tokens, logo, kicker, glass CTA (liquid fill), nav
// ── sitewide head: favicon + social-share image (injected if absent) ──
(function () {
  const head = document.head;
  if (!head.querySelector('link[rel="icon"]')) {
    const f = document.createElement('link'); f.rel = 'icon'; f.type = 'image/svg+xml'; f.href = 'favicon.svg';
    head.appendChild(f);
  }
  const OG = 'https://m8ric.com/assets/og-default.png';
  function ensureMeta(attr, key, val) {
    if (head.querySelector('meta[' + attr + '="' + key + '"]')) return;
    const m = document.createElement('meta'); m.setAttribute(attr, key); m.setAttribute('content', val); head.appendChild(m);
  }
  ensureMeta('property', 'og:image', OG);
  ensureMeta('property', 'og:image:width', '1200');
  ensureMeta('property', 'og:image:height', '630');
  ensureMeta('name', 'twitter:card', 'summary_large_image');
  ensureMeta('name', 'twitter:image', OG);
  // sitewide responsive + perf safety net (non-destructive)
  if (!document.getElementById('nx-safety')) {
    const st = document.createElement('style'); st.id = 'nx-safety';
    st.textContent = 'img,video,svg,canvas{max-width:100%;}html{overflow-x:clip;}@media (max-width:480px){html{-webkit-text-size-adjust:100%;}}';
    document.head.appendChild(st);
  }
})();
const NX = {
  void0: '#070709', panel: '#0C0D14', card: '#10121A',
  chalk: '#F8F9FA', platinum: '#E2E8F0',
  cyan: '#22D3EE', cyanSoft: '#7DD3FC', violet: '#A855F7', indigo: '#6366F1',
  dim: '#B9BEC9', mute: '#878C9B', faint: '#585C6A',
  border: 'rgba(248,249,250,0.07)', borderDef: 'rgba(248,249,250,0.11)', borderStrong: 'rgba(248,249,250,0.18)',
  gradBrand: 'linear-gradient(90deg,#22D3EE 0%,#A855F7 100%)',
  gradHero: 'linear-gradient(120deg,#7DD3FC 0%,#22D3EE 38%,#A855F7 100%)',
  display: "'Heebo','Space Grotesk',system-ui,sans-serif",
  latin: "'Space Grotesk','Heebo',system-ui,sans-serif",
  body: "'Heebo',system-ui,sans-serif",
  mono: "'Geist Mono','Heebo',ui-monospace,monospace"
};

const NX_BRANDS = ['Memories AI', 'כספות השלום', 'אליווד', 'Lumen Labs', 'מ.מ ניהול פרויקטים', 'Voltic Labs', 'BrightMD', 'Levin & Co'];

function NXLogo({ size = 21, tag = 'STUDIO' }) {
  return (
    <span style={{ fontFamily: NX.latin, fontWeight: 700, fontSize: size, letterSpacing: '-0.005em', color: NX.chalk, direction: 'ltr', display: 'inline-flex', alignItems: 'flex-end', gap: '0.32em', lineHeight: 1 }}>
      <span style={{ display: 'inline-flex', alignItems: 'flex-end' }}>
        <span>M8TRIC</span>
        <i style={{ width: '0.2em', height: '0.2em', background: NX.cyan, display: 'inline-block', borderRadius: '0.03em', marginInlineStart: '0.12em', marginBottom: '0.04em' }}></i>
      </span>
      <span style={{ fontSize: '0.5em', fontWeight: 500, letterSpacing: '0.2em', color: NX.mute, paddingBottom: '0.08em' }}>{tag}</span>
    </span>);

}

// mono system-kicker: [ 02 // המנוע הג'נרטיבי ]
function NXKicker({ children }) {
  return <div className="nx-kicker"><span className="nx-kicker-br">[</span><span>{children}</span><span className="nx-kicker-br">]</span></div>;
}

function NXHead({ kicker, line1, line2, sub, center = false }) {
  return (
    <header className={'nx-head' + (center ? ' nx-head-c' : '')}>
      <h2 className="nx-h2 rv">
        <span>{line1}</span>
        {line2 ? <span className="nx-grad">{line2}</span> : null}
      </h2>
      {sub ? <p className="nx-sub rv">{sub}</p> : null}
    </header>);

}

// glass-morphic CTA with internal liquid fill on hover
function NXGlass({ children, href = '/#contact', id, big = false, submit = false, onClick, className }) {
  const cls = 'nx-glass' + (big ? ' nx-glass-big' : '') + (className ? ' ' + className : '');
  const inner =
  <React.Fragment>
      <i className="nx-glass-liquid" aria-hidden="true"></i>
      <i className="nx-glass-liquid nx-glass-liquid2" aria-hidden="true"></i>
      <span className="nx-glass-txt">{children}</span>
      <span className="nx-glass-arr">←</span>
    </React.Fragment>;

  if (submit) return <button type="submit" id={id} className={cls} onClick={onClick}>{inner}</button>;
  return <a href={href} id={id} className={cls} onClick={onClick}>{inner}</a>;
}

const NX_SERVICES = [
{ t: 'M8TRIC OS', d: 'מערכת ההפעלה לעסק', href: '/services/crm' },
{ t: 'GEO — נראות ב־AI', d: 'להופיע בתשובות של ChatGPT', href: '/services/geo' },
{ t: 'AI Workforce', d: 'סוכני AI שמבצעים עבודה', href: '/services/workforce' },
{ t: 'מעטפת שיווקית', d: 'אורגני · ממומן · אתר — נוכחות מלאה', href: '/services/seo' }];

function NXNav({ logoHref = '/', tag = 'STUDIO', cta = 'לשיחת אבחון', ctaHref = '/#contact', waHref = 'https://wa.me/972526886404' }) {
  const navRef = React.useRef(null);
  const [open, setOpen] = React.useState(false);
  React.useEffect(() => {
    let last = window.scrollY,raf = 0;
    const onScroll = () => {
      if (raf) return;
      raf = requestAnimationFrame(() => {
        raf = 0;
        const el = navRef.current;if (!el) return;
        const y = window.scrollY;
        if (y > last + 6 && y > 360) el.classList.add('nx-nav--hide');else
        if (y < last - 6 || y < 120) el.classList.remove('nx-nav--hide');
        if (y > 60) el.classList.add('nx-nav--solid');else el.classList.remove('nx-nav--solid');
        last = y;
      });
    };
    window.addEventListener('scroll', onScroll, { passive: true });
    return () => {window.removeEventListener('scroll', onScroll);cancelAnimationFrame(raf);};
  }, []);
  return (
    <nav className="nx-nav" ref={navRef} aria-label="ראשי">
      <div className="nx-nav-cap">
        <a href={logoHref} className="nx-nav-logo" dir="ltr">
          <span className="nx-nav-word">M<i className="nx-nav-word-grad">8</i>TRIC</span>
          <span className="nx-nav-word-tag">{tag}</span>
        </a>
        <div className="nx-nav-links">
          <a href="/">בית</a>
          <div className={'nx-nav-drop' + (open ? ' open' : '')}
          onMouseEnter={() => setOpen(true)} onMouseLeave={() => setOpen(false)}>
            <button type="button" className="nx-nav-droptrig" aria-haspopup="true" aria-expanded={open ? 'true' : 'false'}
            onClick={() => setOpen((o) => !o)}>
              שירותים<i className="nx-nav-chev" aria-hidden="true"></i>
            </button>
            <div className="nx-nav-menu" role="menu">
              {NX_SERVICES.map((s) =>
              <a key={s.t} role="menuitem" className="nx-nav-mi" href={encodeURI(s.href)}>
                  <b>{s.t}</b><small>{s.d}</small>
                </a>
              )}
            </div>
          </div>
          <a href="/blog">בלוג</a>
          <a href="/help">עזרה</a>
          <a href="/tools">כלים</a>
        </div>
        <div className="nx-nav-acts">
          <a href={waHref} target="_blank" rel="noopener" className="nx-nav-pill nx-nav-pill--ghost">וואטסאפ</a>
          <a href={ctaHref} className="nx-nav-pill">{cta}</a>
        </div>
      </div>
    </nav>);
}

// ── accessibility widget (IS 5568) ──
function NXA11y() {
  const [open, setOpen] = React.useState(false);
  const [s, setS] = React.useState(() => {
    try {return JSON.parse(localStorage.getItem('nx-a11y') || '{}');} catch (e) {return {};}
  });
  React.useEffect(() => {
    const r = document.documentElement;
    r.classList.toggle('a11y-text', !!s.text);
    r.classList.toggle('a11y-contrast', !!s.contrast);
    r.classList.toggle('a11y-noanim', !!s.noanim);
    r.classList.toggle('a11y-readable', !!s.readable);
    r.classList.toggle('a11y-links', !!s.links);
    try {localStorage.setItem('nx-a11y', JSON.stringify(s));} catch (e) {}
  }, [s]);
  const T = (k, label) =>
  <button type="button" key={k} className={'nx-a11y-opt' + (s[k] ? ' on' : '')} role="switch" aria-checked={s[k] ? 'true' : 'false'}
  onClick={() => setS((p) => ({ ...p, [k]: !p[k] }))}>
      <span>{label}</span><i aria-hidden="true"></i>
    </button>;

  return (
    <div className="nx-a11y" dir="rtl">
      {open ?
      <div className="nx-a11y-panel" role="dialog" aria-label="הגדרות נגישות">
          <div className="nx-a11y-head">
            <strong>נגישות</strong>
            <button type="button" className="nx-a11y-x" aria-label="סגירת תפריט נגישות" onClick={() => setOpen(false)}>×</button>
          </div>
          {T('text', 'הגדלת טקסט')}
          {T('contrast', 'ניגודיות מוגברת')}
          {T('noanim', 'עצירת אנימציות')}
          {T('readable', 'גופן קריא')}
          {T('links', 'הדגשת קישורים')}
          <button type="button" className="nx-a11y-reset" onClick={() => setS({})}>איפוס הגדרות</button>
          <span className="nx-a11y-st">ניווט מלא במקלדת · Tab / Enter</span>
        </div> :
      null}
      <button type="button" className="nx-a11y-btn" aria-label="תפריט נגישות" aria-expanded={open ? 'true' : 'false'}
      onClick={() => setOpen((o) => !o)}>
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.9" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
          <circle cx="12" cy="4.6" r="1.9" fill="currentColor" stroke="none"></circle>
          <path d="M4.5 8.2h15M12 8.2v5.6M12 13.8l-3.6 6.6M12 13.8l3.6 6.6"></path>
        </svg>
      </button>
    </div>);

}

(function () {
  if (document.getElementById('nx-shared-css')) return;
  const s = document.createElement('style');
  s.id = 'nx-shared-css';
  s.textContent = `
  *, *::before, *::after {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path d="M5.5 3.2v17.6c0 .45.54.67.85.35l4.86-4.86c.09-.1.22-.15.35-.15h6.87c.45 0 .67-.54.35-.85L6.35 2.85c-.31-.31-.85-.09-.85.35z" fill="white" stroke="black" stroke-width="1.6" stroke-linejoin="round"/></svg>') 5 3, auto !important;
  }
  input[type="text"], input[type="tel"], input[type="email"], input[type="search"], textarea, [contenteditable="true"] { cursor: text !important; }
  .nx-kicker { display:inline-flex; align-items:center; gap:10px; font-family:${NX.mono}; font-size:12px;
    letter-spacing:0.2em; color:${NX.mute}; text-transform:uppercase; direction:rtl; }
  .nx-kicker-br { color:${NX.cyan}; opacity:0.7; }
  .nx-grad { color:${NX.cyan}; -webkit-text-fill-color:${NX.cyan}; }
  .nx-head { display:flex; flex-direction:column; gap:22px; max-width:880px; }
  .nx-head-c { align-items:center; text-align:center; margin-inline:auto; }
  .nx-h2 { margin:0; font-family:${NX.display}; font-weight:900; letter-spacing:-0.035em;
    font-size:clamp(38px,5.2vw,76px); line-height:1.04; color:${NX.chalk}; display:flex; flex-direction:column; text-wrap:balance; }
  .nx-sub { margin:0; font-family:${NX.body}; font-weight:400; font-size:clamp(16px,1.25vw,19px);
    line-height:1.75; color:${NX.dim}; max-width:620px; text-wrap:pretty; }

  /* ── glass CTA with liquid fill ── */
  .nx-glass { position:relative; overflow:hidden; isolation:isolate; display:inline-flex; align-items:center; gap:12px;
    padding:16px 34px; border-radius:14px; border:1px solid #F4F5F7;
    background:#F4F5F7; color:#0B0C10; font-family:${NX.body}; font-weight:700; font-size:15px; letter-spacing:-0.01em;
    text-decoration:none; cursor:pointer; white-space:nowrap;
    box-shadow:0 18px 40px -18px rgba(248,249,250,0.35), inset 0 1px 0 rgba(255,255,255,0.8);
    transition:transform .5s cubic-bezier(0.16,1,0.3,1), box-shadow .5s cubic-bezier(0.16,1,0.3,1), background .5s; }
  .nx-glass:hover { transform:translateY(-2px); background:#fff;
    box-shadow:0 26px 54px -20px rgba(248,249,250,0.5), 0 0 34px -10px rgba(34,211,238,0.5); }
  .nx-glass-liquid, .nx-glass-liquid2 { display:none; }
  .nx-glass-arr { font-size:15px; transition:transform .5s cubic-bezier(0.16,1,0.3,1); }
  .nx-glass:hover .nx-glass-arr { transform:translateX(-5px); }
  .nx-glass-big { padding:21px 42px; font-size:15px; border-radius:14px; }
  .nx-glass-liquid { position:absolute; left:-15%; right:-15%; top:0; bottom:-10%; z-index:-1; pointer-events:none;
    background:linear-gradient(100deg,rgba(34,211,238,0.85),rgba(99,102,241,0.85) 50%,rgba(168,85,247,0.85));
    border-radius:46% 54% 0 0 / 36px 28px 0 0;
    transform:translateY(108%); transition:transform .9s cubic-bezier(0.16,1,0.3,1); }
  .nx-glass-liquid2 { background:linear-gradient(100deg,rgba(125,211,252,0.5),rgba(168,85,247,0.5));
    border-radius:54% 46% 0 0 / 30px 40px 0 0; transition-duration:1.15s; }
  .nx-glass:hover .nx-glass-liquid, .nx-glass:focus-visible .nx-glass-liquid { transform:translateY(0%); }
  .nx-glass:hover { border-color:rgba(34,211,238,0.5); transform:translateY(-2px);
    box-shadow:0 18px 44px -12px rgba(99,102,241,0.55), 0 0 30px -6px rgba(34,211,238,0.45); }
  .nx-glass-txt, .nx-glass-arr { position:relative; z-index:1; }
  .nx-glass-arr { transition:transform .6s cubic-bezier(0.16,1,0.3,1); font-family:${NX.body}; }
  .nx-glass:hover .nx-glass-arr { transform:translateX(-7px); }
  .nx-glass.charged { animation:nxCharge 1.8s ease-in-out infinite; }
  @keyframes nxCharge {
    0%,100% { box-shadow:0 18px 40px -18px rgba(248,249,250,0.35), 0 0 18px -6px rgba(34,211,238,0.4); }
    50% { box-shadow:0 18px 40px -18px rgba(248,249,250,0.5), 0 0 42px -4px rgba(34,211,238,0.8); }
  }
  

  /* ── floating capsule nav ── */
  .nx-nav { position:fixed; top:16px; right:0; left:0; z-index:60; display:flex; justify-content:center;
    padding-inline:16px; pointer-events:none; }
  .nx-nav-cap { pointer-events:auto; display:flex; align-items:center; gap:clamp(18px,3vw,40px);
    width:min(920px,100%); padding:10px 12px 10px 12px;
    background:transparent; border:1px solid transparent; border-radius:999px;
    transition:background .4s var(--nxease), border-color .4s, backdrop-filter .4s, box-shadow .4s; }
  .nx-nav--solid .nx-nav-cap { background:rgba(11,12,17,0.62); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
    border-color:rgba(255,255,255,0.09); box-shadow:0 18px 44px -28px rgba(0,0,0,0.8); }
  .nx-nav-logo { display:inline-flex; align-items:center; gap:8px; text-decoration:none; padding-inline:6px 4px; }
  .nx-nav-word { font-family:${NX.latin}; font-weight:700; font-size:18px; letter-spacing:-0.01em; color:${NX.chalk}; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
  .nx-nav-word-grad { font-style:normal; background:${NX.gradHero}; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
  .nx-nav-logo { align-items:center !important; }
  .nx-nav-word-tag { display:inline-flex; align-items:center; font-family:${NX.latin}; font-size:10px; font-weight:500; letter-spacing:0.26em; text-indent:0.26em;
    color:${NX.mute}; padding-inline-start:9px; margin-inline-start:1px; border-inline-start:1px solid rgba(248,249,250,0.18); }
  .nx-nav-links { display:flex; align-items:center; gap:26px; margin-inline-end:auto; }
  .nx-nav-links > a, .nx-nav-droptrig { display:inline-flex; align-items:center; line-height:1; }
  .nx-nav-links a { font-family:${NX.body}; font-size:13.5px; font-weight:600; color:rgba(248,249,250,0.7);
    text-decoration:none; white-space:nowrap; transition:color .3s; }
  .nx-nav-links a:hover { color:${NX.chalk}; }
  /* services dropdown */
  .nx-nav-drop { position:relative; }
  .nx-nav-droptrig { appearance:none; background:none; border:none; cursor:pointer; display:inline-flex; align-items:center; gap:6px; line-height:1;
    font-family:${NX.body}; font-size:13.5px; font-weight:600; color:rgba(248,249,250,0.7); transition:color .3s; padding:0; }
  .nx-nav-drop.open .nx-nav-droptrig, .nx-nav-droptrig:hover { color:${NX.chalk}; }
  .nx-nav-chev { width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
    transform:translateY(-1px) rotate(45deg); transition:transform .35s var(--nxease); }
  .nx-nav-drop.open .nx-nav-chev { transform:translateY(1px) rotate(225deg); }
  .nx-nav-menu { position:absolute; top:calc(100% + 16px); right:50%; transform:translateX(50%) translateY(-8px); width:300px;
    background:rgba(10,11,17,0.94); -webkit-backdrop-filter:blur(22px); backdrop-filter:blur(22px);
    border:1px solid rgba(255,255,255,0.1); border-radius:18px; padding:8px; display:flex; flex-direction:column; gap:2px;
    opacity:0; visibility:hidden; pointer-events:none; box-shadow:0 34px 80px -34px rgba(0,0,0,0.9), inset 0 1px 0 rgba(255,255,255,0.04);
    transition:opacity .32s var(--nxease), transform .32s var(--nxease), visibility .32s; z-index:5; }
  .nx-nav-menu::before { content:''; position:absolute; bottom:100%; left:0; right:0; height:18px; }
  .nx-nav-drop.open .nx-nav-menu { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(50%) translateY(0); }
  .nx-nav-mi { display:flex; flex-direction:column; gap:2px; padding:11px 14px; border-radius:12px; text-decoration:none; transition:background .25s; }
  .nx-nav-mi:hover { background:rgba(255,255,255,0.05); }
  .nx-nav-mi b { font-family:${NX.body}; font-size:13.5px; font-weight:700; color:${NX.chalk}; }
  .nx-nav-mi small { font-family:${NX.body}; font-size:11.5px; color:${NX.mute}; }
  .nx-nav-acts { display:flex; gap:8px; }
  .nx-nav-pill { font-family:${NX.body}; font-size:13px; font-weight:700; white-space:nowrap;
    padding:10px 20px; border-radius:999px; text-decoration:none;
    background:#fff; color:#000; border:1px solid #fff;
    transition:background .3s, color .3s, border-color .3s; }
  .nx-nav-pill:hover { background:rgba(255,255,255,0.85); }
  .nx-nav-pill--ghost { background:transparent; color:${NX.chalk}; border-color:rgba(255,255,255,0.25); }
  .nx-nav-pill--ghost:hover { background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.5); }
  @media (max-width: 860px) {
    .nx-nav-links { display:none; }
    .nx-nav-pill--ghost { display:none; }
    .nx-nav-cap { width:auto; gap:18px; background:rgba(0,0,0,0.5); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); border-color:rgba(255,255,255,0.1); }
    .nx-nav-word-tag { display:none; }
  }
  /* small screens: tighter editorial scale */
  @media (max-width: 640px) {
    .nx-h2 { font-size:clamp(28px,8.2vw,38px); }
    .nx-sub { font-size:15px; line-height:1.7; }
    .nx-head { gap:16px; }
    .nx-glass-big { padding:16px 28px; font-size:13.5px; }
  }
  /* ── accessibility ── */
  .nx-a11y { position:fixed; bottom:18px; inset-inline-start:16px; z-index:95; display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
  .nx-a11y-btn { width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,0.22);
    background:rgba(10,11,15,0.88); color:#F8F9FA; cursor:pointer; display:grid; place-items:center;
    -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
    box-shadow:0 10px 30px -10px rgba(0,0,0,0.85); transition:border-color .3s, transform .3s; }
  .nx-a11y-btn:hover { border-color:rgba(34,211,238,0.55); transform:translateY(-2px); }
  .nx-a11y-btn:focus-visible, .nx-a11y-opt:focus-visible, .nx-a11y-x:focus-visible { outline:2px solid #22D3EE; outline-offset:2px; }
  .nx-a11y-panel { width:min(248px, calc(100vw - 34px)); border:1px solid rgba(255,255,255,0.15); border-radius:14px;
    background:rgba(9,10,14,0.97); padding:12px; display:flex; flex-direction:column; gap:6px;
    box-shadow:0 24px 60px -20px rgba(0,0,0,0.9); }
  .nx-a11y-head { display:flex; justify-content:space-between; align-items:center; padding:2px 4px 8px;
    color:#F8F9FA; font-family:${NX.body}; font-size:14px; }
  .nx-a11y-x { background:none; border:none; color:#878C9B; font-size:19px; cursor:pointer; line-height:1; }
  .nx-a11y-opt { display:flex; justify-content:space-between; align-items:center; gap:10px;
    background:rgba(248,249,250,0.04); border:1px solid rgba(248,249,250,0.09); border-radius:9px;
    padding:9px 12px; color:#B9BEC9; font-family:${NX.body}; font-size:13px; cursor:pointer; text-align:start;
    transition:border-color .25s, color .25s; }
  .nx-a11y-opt i { width:30px; height:17px; border-radius:999px; background:rgba(248,249,250,0.16);
    position:relative; transition:background .25s; flex-shrink:0; }
  .nx-a11y-opt i::after { content:''; position:absolute; top:2px; inset-inline-start:2px; width:13px; height:13px;
    border-radius:50%; background:#fff; transition:transform .25s; }
  .nx-a11y-opt.on { color:#F8F9FA; border-color:rgba(34,211,238,0.45); }
  .nx-a11y-opt.on i { background:#22D3EE; }
  .nx-a11y-opt.on i::after { transform:translateX(-13px); }
  .nx-a11y-reset { background:none; border:none; color:#878C9B; font-family:${NX.body}; font-size:12px; cursor:pointer; padding:5px; }
  .nx-a11y-st { font-family:${NX.body}; font-size:11px; color:#585C6A; text-align:center; }
  html.a11y-text body { zoom:1.13; }
  html.a11y-readable *:not(svg):not(path) { font-family:Arial, 'Heebo', sans-serif !important; letter-spacing:0 !important; }
  html.a11y-contrast body { filter:contrast(1.16) brightness(1.07); }
  html.a11y-links a { text-decoration:underline !important; text-underline-offset:3px; }
  html.a11y-noanim *, html.a11y-noanim *::before, html.a11y-noanim *::after { animation:none !important; transition:none !important; }
  .nx-nav { transition:transform .55s cubic-bezier(0.16,1,0.3,1); }
  .nx-nav--hide { transform:translateY(-130%); }
  `;
  document.head.appendChild(s);
})();

Object.assign(window, { NXA11y, NX, NX_BRANDS, NXLogo, NXKicker, NXHead, NXGlass, NXNav });