/* Global navigation and footer directory, as on the other pages (the Nova page brought back on 21 Oct 2026) */
/* ── Global navigation ──
   A preselector by job: Software, Products, OEM and Help each open a flyout under the bar.
   Nova keeps its own link next to the shop, so it stays one tap away on every screen. */
.gnav{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:rgba(28,29,26,.82);-webkit-backdrop-filter:saturate(150%) blur(20px);backdrop-filter:saturate(150%) blur(20px);border-bottom:1px solid var(--hairline)}
.gnav__in{display:flex;align-items:center;gap:4px;min-height:56px}
.gnav__logo{display:inline-flex;align-items:center;min-height:48px;margin-right:auto;color:var(--ink);text-decoration:none}
.gnav__logo .wm{width:104px;height:auto}
.gnav__groups{display:flex;gap:2px;margin:0;padding:0;list-style:none}
.gnav__btn{display:inline-flex;align-items:center;gap:4px;min-height:48px;padding:0 8px 0 12px;border:0;border-radius:12px;background:none;font:500 1rem/1.375rem var(--font);color:var(--ink-2);cursor:pointer;transition:color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}
.gnav__btn:hover,.gnav__btn[aria-expanded="true"]{color:var(--ink);background:rgba(255,255,255,.06)}
.gnav__btn[data-current]{color:var(--ink)}
.gnav__btn svg{width:16px;height:16px;color:var(--ink-2);transition:transform var(--dur) var(--ease)}
.gnav__btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.gnav__nova{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding-inline:12px;margin-left:4px;border-radius:12px;font-size:1rem;line-height:1.375rem;font-weight:600;color:var(--ink);text-decoration:none}
.gnav__nova:hover{background:rgba(255,255,255,.06)}
.gnav__new{padding:1px 7px;border-radius:9999px;background:var(--green-tint);border:1px solid rgba(81,178,137,.5);font-size:1rem;line-height:1.375rem;font-weight:600;letter-spacing:.04em;color:var(--green-hi)}
.gnav__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;color:var(--ink-2);text-decoration:none;background:none;border:0;cursor:pointer}
.gnav__icon:hover{color:var(--ink);background:var(--fill-hover,rgba(255,255,255,.06))}
.gnav__icon svg{width:22px;height:22px}
/* Flyouts: full width under the bar, content on the page grid */
.gnav__fly{position:absolute;left:0;right:0;top:100%;background:var(--deep);border-bottom:1px solid var(--hairline);box-shadow:0 40px 60px -30px rgba(0,0,0,.85)}
.gnav__fly-in{display:grid;gap:16px;padding-block:20px 24px}
.gnav__items{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none}
.gnav__items a{display:grid;align-content:start;gap:2px;height:100%;box-sizing:border-box;padding:14px 16px;border-radius:16px;text-decoration:none;transition:background-color var(--dur-fast) var(--ease)}
.gnav__items a:hover{background:var(--surface)}
.gnav__items b{display:flex;align-items:center;gap:8px;font-size:1.0625rem;line-height:1.5rem;font-weight:600;color:var(--ink)}
.gnav__items span:not(.gnav__new){font-size:1rem;line-height:1.375rem;color:var(--ink-2)}
.gnav__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.gnav__col p{margin:0 0 4px;padding:14px 16px 0;font:600 1rem/1.375rem var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.gnav__col ul{display:grid;margin:0;padding:0;list-style:none}
.gnav__col a{display:flex;align-items:center;min-height:44px;padding-inline:16px;border-radius:12px;font-size:1.0625rem;line-height:1.5rem;font-weight:600;color:var(--ink);text-decoration:none;transition:background-color var(--dur-fast) var(--ease)}
.gnav__col a:hover{background:var(--surface)}
.gnav__more{display:flex;flex-wrap:wrap;gap:0 28px;margin:0;padding:12px 16px 0;border-top:1px solid var(--hairline);list-style:none}
.gnav__more a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:1rem;line-height:1.375rem;font-weight:500;color:var(--ink-2);text-decoration:none}
.gnav__more a:hover{color:var(--ink)}
.gnav__more svg{width:18px;height:18px;color:var(--green)}
@media (prefers-reduced-motion:no-preference){.gnav__fly:not([hidden]) .gnav__fly-in{animation:drop 220ms var(--ease) both}}
@keyframes drop{from{opacity:0;transform:translateY(-6px)}}
/* Narrow screens: the same four groups, listed in the menu panel */
.gnav__menu{display:none}
.gnav__panel{display:none}
@media (max-width:900px){
  .gnav__groups,.gnav__fly{display:none!important}
  .gnav__menu{display:grid}
  .gnav__panel{display:block;max-height:calc(100svh - 57px - env(safe-area-inset-top,0px));overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--hairline)}
  .gnav__panel[hidden]{display:none!important}
  .gnav__panel-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 32px;padding-block:8px 24px}
  .gnav__ph{margin:16px 0 2px;font:600 1rem/1.375rem var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
  .gnav__panel ul{display:grid;margin:0;padding:0;list-style:none}
  .gnav__panel a{display:flex;align-items:center;gap:10px;min-height:48px;font-size:1.125rem;line-height:1.625rem;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hairline)}
}
@media (max-width:560px){.gnav__panel-in{grid-template-columns:minmax(0,1fr)}}

/* ── Footer directory ── */
.foot{background:var(--canvas);padding-block:40px 48px;border-top:1px solid var(--hairline)}
.dir{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.dir h2{margin:0 0 10px;font-size:1rem;line-height:1.375rem;font-weight:600;color:var(--ink)}
.dir ul{display:grid;margin:0;padding:0;list-style:none}
.dir a{display:inline-block;font-size:1rem;line-height:2.125rem;color:var(--ink-2);text-decoration:none}
.dir a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:36px;padding-top:20px;border-top:1px solid var(--hairline);font-size:1rem;line-height:1.375rem;color:var(--ink-2)}
.legal .wm{width:96px;height:auto}
@media (max-width:760px){.dir{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Feature chapters: the sticky stage sits below the global bar and Nova's own bar (both measured by the site-bars script);
   under 961 px the stage is not sticky (Nova sets top:auto there) */
@media (min-width:961px){.stagecard{top:calc(env(safe-area-inset-top,0px) + var(--gnav-h) + var(--lbar-h) + 32px)}}