/* Navigation v2. Approved mockup: _audit/08-growth/nav-options/nav-options.html (dark ground, Panel 1, grouping A).
   Flat on purpose: no glow, gradient, blur, pulse or heavy shadow. Scoped under .nv2. */
.nv2{--ink:#000313;--coral:#ff5247;--coral-d:#e8463c;--sans:var(--bd-font-body,'Urbanist',system-ui,sans-serif);--mono:var(--bd-font-mono,'JetBrains Mono',ui-monospace,Menlo,monospace);
  --bg:#000313;--fg:#fff;--mut:#aab2cf;--line:#151d44;--hov:#0e1536;--line2:#2a3463;
  --p-bg:#070c26;--p-line:#1b2350;--p-line2:#2a3463;--p-hov:#10183d;--p-fg:#fff;--p-mut:#98a0bf;--p-lab:#7b84a7;--p-chip:#121a40;--p-chipfg:#d4d9ec;--p-band:#0a1030;--p-art1:#0f173d;--p-art2:#28325f;--p-art3:#3a4577;--p-acc:#ff6a60;
  font-family:var(--sans);color:var(--fg);-webkit-font-smoothing:antialiased}
.nv2,.nv2 *,.nv2 *::before,.nv2 *::after{box-sizing:border-box}
.nv2 a{color:inherit;text-decoration:none}
.nv2 button{font:inherit;color:inherit;margin:0;cursor:pointer;background:none;border:0;text-transform:none;letter-spacing:normal}
.nv2 [hidden]{display:none!important}
.nv2 svg.nv2-i{flex:none;display:block}
.nv2 :focus-visible{outline:2px solid var(--coral);outline-offset:2px}
.nv2-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nv2-eb{font:500 11px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}

/* ---------- bar ---------- */
.nv2-hd{position:fixed;top:var(--bd4-top,0px);left:0;right:0;z-index:60;font-family:var(--sans)}
.nv2-bar{background:var(--bg);border-bottom:1px solid var(--line)}
.nv2-wrap{max-width:1344px;margin:0 auto;padding:0 32px;display:flex;align-items:center;height:72px;gap:4px}
.nv2-logo{display:inline-flex;align-items:center;margin-right:26px;flex:none}
.nv2-logo img{display:block;width:auto;height:18px;max-width:none;filter:brightness(0) invert(1)}
.nv2-tabs{display:flex;align-items:stretch;justify-content:center;flex:1 1 auto;min-width:0;height:72px}
.nv2-tlink{display:inline-flex;align-items:center;padding:0 12px;color:var(--fg);font-size:15.5px;font-weight:500;line-height:1;opacity:.88;white-space:nowrap}
.nv2-tlink:hover{opacity:1}
.nv2-tabw{display:flex}
.nv2-tab{position:relative;display:inline-flex;align-items:center;gap:5px;padding:0 12px;color:var(--fg);font-size:15.5px;font-weight:500;line-height:1;opacity:.88;white-space:nowrap}
.nv2-tab:hover,.nv2-tab[aria-expanded="true"]{opacity:1}
.nv2-tab .nv2-i{opacity:.55;transition:transform .15s}
.nv2-tab[aria-expanded="true"] .nv2-i{transform:rotate(180deg)}
.nv2-tab[aria-expanded="true"]::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--coral)}
.nv2-right{margin-left:26px;display:flex;align-items:center;gap:6px;flex:none}
.nv2-ib{width:40px;height:40px;border-radius:6px;display:inline-grid;place-items:center;color:var(--fg)}
.nv2-ib:hover{background:var(--hov)}
.nv2-tl{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 9px;border-radius:6px;font-size:15px;font-weight:500;line-height:1;color:var(--fg);opacity:.88;white-space:nowrap}
.nv2-tl:hover,.nv2-more[aria-expanded="true"]{opacity:1;background:var(--hov)}
.nv2-more .nv2-i{opacity:.55;transition:transform .15s}
.nv2-more[aria-expanded="true"] .nv2-i{transform:rotate(180deg)}
.nv2-dot{width:6px;height:6px;border-radius:50%;background:var(--coral);flex:none;margin-left:-2px}
.nv2-inc{gap:0}.nv2-inc .nv2-dot{margin:0 7px 0 0}
.nv2-cta{height:42px;padding:0 18px;border-radius:6px;font-weight:600;font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;margin-left:4px;color:var(--fg)}
.nv2-fill{background:var(--coral);color:#fff!important}
.nv2-fill:hover{background:var(--coral-d)}
.nv2-ghost{box-shadow:inset 0 0 0 1px var(--line2)}
.nv2-ghost:hover{background:var(--hov)}
.nv2-right .nv2-ghost{margin-left:2px}
.nv2-mr{display:none;margin-left:auto;align-items:center;gap:2px}
.nv2-morew{position:relative}

/* ---------- panels (Panel 1) ---------- */
.nv2-pn{position:absolute;left:0;right:0;top:100%;width:calc(100% - 64px);max-width:1280px;margin:8px auto 0;background:var(--p-bg);color:var(--p-fg);border:1px solid var(--p-line);border-radius:8px}
.nv2-pn:not([hidden]){animation:nv2in .16s ease-out both}
.nv2-pn::before{content:"";position:absolute;left:0;right:0;top:-9px;height:9px}
@keyframes nv2in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.nv2-p1{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);padding:26px 12px 22px}
.nv2-p1.nv2-wf{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(260px,300px)}
.nv2-half{padding:0 14px;display:flex;flex-direction:column;min-width:0}
.nv2-vdiv{background:var(--p-line)}
.nv2-hfeat{padding:0 6px 0 18px;align-self:start}
.nv2-hh{font-size:19px;font-weight:700;margin:0 12px 10px;letter-spacing:-.005em;line-height:1.3}
.nv2-g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 8px;align-content:start}
.nv2-sub{grid-column:1/-1;padding:14px 12px 4px;color:var(--p-lab)}
.nv2-g2>.nv2-sub:first-child{padding-top:2px}
.nv2-hf{margin-top:auto;padding:16px 12px 0}
.nv2-obtn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;box-shadow:inset 0 0 0 1px var(--p-line2);border-radius:6px;font-weight:600;font-size:14.5px;color:var(--p-fg)}
.nv2-obtn:hover{background:var(--p-hov)}
.nv2-it{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px;border-radius:6px;color:var(--p-fg)}
.nv2-it:hover{background:var(--p-hov)}
.nv2-tx{min-width:0}
.nv2-tt{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:1.3}
.nv2-dd{display:block;font-size:13.5px;color:var(--p-mut);line-height:1.4;margin-top:2px}
.nv2-ico{color:var(--p-fg);opacity:.8;padding-top:1px}
.nv2-x{opacity:.5;display:inline-flex}
.nv2-chip{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:6px;border:1px solid var(--p-line);color:var(--p-chipfg)}
.nv2-pill{font:500 9.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:3px 6px;border-radius:8px;border:1px solid var(--p-acc);color:var(--p-acc)}

/* featured card + latest articles */
.nv2 .a1{fill:var(--p-art1)}.nv2 .a2{fill:var(--p-art2)}.nv2 .a3{fill:var(--p-art3)}.nv2 .ac{fill:var(--coral)}
.nv2 .s2{fill:none;stroke:var(--p-art2);stroke-width:1.4}.nv2 .s3{fill:none;stroke:var(--p-art3);stroke-width:1.4}
.nv2-fcard{background:var(--p-band);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px var(--p-line)}
.nv2-fart{height:124px;flex:none}
.nv2-fart svg{display:block;width:100%;height:100%}
.nv2-fb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.nv2-fb .nv2-eb{color:var(--p-lab)}
.nv2-ft{font-size:16px;font-weight:700;line-height:1.3}
.nv2-fd{margin:0;font-size:13.5px;color:var(--p-mut);line-height:1.45}
.nv2-fl{display:flex;gap:16px;align-items:center;margin-top:auto;padding-top:8px;flex-wrap:wrap}
.nv2-fl a{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.nv2-fa{color:var(--p-fg)}.nv2-fbk{color:var(--p-mut)}
.nv2-fl a:hover{text-decoration:underline}
.nv2-fposts{display:flex;flex-direction:column;gap:2px}
.nv2-fph{display:flex;justify-content:space-between;align-items:center;padding:4px 10px 8px}
.nv2-fph .nv2-eb{color:var(--p-lab)}
.nv2-fph a{font-size:13.5px;font-weight:600;color:var(--p-fg);display:inline-flex;gap:6px;align-items:center}
.nv2-fph a:hover{text-decoration:underline}
.nv2-fp{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:8px 10px;border-radius:6px;color:var(--p-fg);align-items:center}
.nv2-fp:hover{background:var(--p-hov)}
.nv2-th{width:64px;height:52px;border-radius:5px;overflow:hidden;display:block}
.nv2-th svg,.nv2-th img{width:100%;height:100%;display:block;object-fit:cover}
.nv2-fpd{display:block;font:500 10.5px/1.2 var(--mono);color:var(--p-lab);letter-spacing:.04em;margin-bottom:4px}
.nv2-fptt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;line-height:1.35}

/* More dropdown */
.nv2-mdd{position:absolute;right:0;top:calc(100% + 24px);min-width:260px;padding:6px;border:1px solid var(--p-line);border-radius:8px;background:var(--p-bg);color:var(--p-fg);z-index:5}
.nv2-mdd:not([hidden]){animation:nv2in .16s ease-out both}
.nv2-mdd::before{content:"";position:absolute;left:0;right:0;top:-25px;height:25px}
.nv2-mdd .nv2-it{padding:8px 10px;align-items:center}

/* ---------- phone sheet ---------- */
.nv2-sheet{position:fixed;left:0;right:0;bottom:0;top:var(--bd4-top,0px);z-index:300;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);--mut:#9aa2c1;--lab:#7b84a7;--fld:#0a1030}
.nv2-sheet:not([hidden]){animation:nv2sin .2s ease-out both}
@keyframes nv2sin{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
.nv2-shd{height:60px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 18px;border-bottom:1px solid var(--line)}
.nv2-shd .nv2-logo{margin:0}
.nv2-sbody{flex:1;overflow-y:auto;padding:14px 20px 8px;-webkit-overflow-scrolling:touch}
.nv2-sfield{display:flex;align-items:center;gap:10px;width:100%;height:46px;padding:0 14px;border-radius:6px;background:var(--fld);box-shadow:inset 0 0 0 1px var(--line);color:var(--mut);font-size:15px;margin-bottom:6px;text-align:left}
.nv2-acc{border-bottom:1px solid var(--line)}
.nv2-accb{width:100%;display:flex;justify-content:space-between;align-items:center;height:58px;font-size:19px;font-weight:600;padding:0 2px;color:var(--fg);text-align:left}
.nv2-accb .nv2-i{opacity:.55;transition:transform .15s}
.nv2-accb[aria-expanded="true"] .nv2-i{transform:rotate(180deg)}
.nv2-accp{padding:0 0 14px}
.nv2-mg .nv2-eb{display:block;color:var(--lab);padding:12px 0 2px}
.nv2-mli{display:flex;align-items:center;gap:12px;min-height:44px;font-size:16px;font-weight:500;color:var(--fg)}
.nv2-mli .nv2-i{color:var(--mut)}
.nv2-mli.nv2-alls{color:var(--mut);font-size:15px}
.nv2-mql{display:block;color:var(--lab);padding:20px 0 6px}
.nv2-quick{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:0 0 10px}
.nv2-quick a{font-size:14.5px;color:var(--mut);min-height:42px;display:flex;align-items:center;gap:8px}
.nv2-quick a .nv2-i{opacity:.75}
.nv2-mbtns{flex:none;padding:12px 20px 20px;background:var(--bg);border-top:1px solid var(--line);display:grid;gap:10px}
.nv2-mbtns .nv2-cta{width:100%;height:50px;margin:0;font-size:16px}
html.nv2-lock{overflow:hidden}

/* ---------- widths ---------- */
@media (max-width:1359px){.nv2-logo img{height:16px}.nv2-logo{margin-right:12px}.nv2-tab,.nv2-tlink{padding:0 9px}.nv2-tab[aria-expanded="true"]::after{left:9px;right:9px}.nv2-tl{padding:0 7px}}
@media (max-width:1179px){
  .nv2-tabs,.nv2-right{display:none}
  .nv2-mr{display:flex}
  .nv2-wrap{height:60px;padding:0 10px 0 18px}
  .nv2-logo{margin:0}
}
@media (min-width:1180px){.nv2-sheet{display:none!important}}
@media (prefers-reduced-motion:reduce){.nv2-pn,.nv2-mdd,.nv2-sheet{animation:none!important}.nv2-tab .nv2-i,.nv2-accb .nv2-i,.nv2-more .nv2-i{transition:none}}
@media (max-width:600px){.nv2-logo img{height:14px}}
/* Panel wider (about 20%) so lines don't wrap; type sizes unchanged (owner, 16 Oct 2026) */
.nv2-pn{max-width:1536px}
.nv2-p1.nv2-wf{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(280px,330px)}
.nv2-th{width:72px;height:56px}
.nv2-fp{grid-template-columns:72px minmax(0,1fr)}
@media (max-width:1359px){.nv2-p1.nv2-wf{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(230px,270px)}}

/* owner 16 Oct, sitewide 17 Oct (DIG-221): on every page the bar is see-through at the top; once scrolled, or while a panel is open, it takes the panel colour so bar and panel read as one surface. */
.nv2-bar{background:transparent;border-bottom-color:transparent;transition:background-color .25s ease,border-color .25s ease}
.nv2-hd.nv2-solid .nv2-bar,
.nv2-hd:has(.nv2-tab[aria-expanded="true"]) .nv2-bar,
.nv2-hd:has(.nv2-mdd:not([hidden])) .nv2-bar{background:var(--p-bg);border-bottom-color:var(--p-line)}
@media (prefers-reduced-motion:reduce){.nv2-bar{transition:none}}
/* DIG-221: Knowledge Hub hub page puts the stacked "On this page" box at the very top of the page. With a see-through bar it would show through it, so on 1000-1739 px push the box below the bar. */
@media (min-width:1000px) and (max-width:1739px){html:root body.dc-kh-hub nav.bd-toc.bd-toc--rail{margin-top:calc(var(--bd4-top,0px) + 84px)}}

/* owner 18 Oct (launch night): the see-through bar sat over a 32px dark strip left from the old 132px header, so a seam showed under
   the menu on every page. With this bar the strip is not needed. Knowledge Hub heroes kept the old 100px page offset as a margin
   (dark band between bar and hero): turned into padding so the hero ground starts at the very top, text stays where it was. */
.bd-nav-v2 .bd4-hd-gap{height:0}
body.bd-nav-v2 .dc-kh .hp-kb-hero{margin-top:0;padding-top:calc(clamp(40px,4.4vw,64px) + 88px)}
@media (min-width:1024px){body.bd-nav-v2 .dc-kh .hp-kb-hero{padding-top:calc(clamp(40px,4.4vw,64px) + 100px)}}
@media (max-width:600px){body.bd-nav-v2 .dc-kh .hp-kb-hero{padding-top:calc(108px + 88px)}}

/* owner 18 Oct (launch night): no visible breadcrumb on the general pages (products, modules, solutions, use cases, roles,
   industries, free tools, company, legal, trackers, listing pages). Blog posts and Knowledge Hub articles keep theirs.
   The trail keeps its space (hidden, not removed) so each hero keeps its designed distance from the menu; the
   BreadcrumbList schema is unchanged. */
.dcc-crumb,.dcb-crumbs,.pd3-crumbs,.dc-crumbs,.ri-crumbs,.bdft-crumbs{visibility:hidden!important}
/* solutions hub, modules and use cases already sit low under the menu: there the trail is taken out so the eyebrow moves up into its place. */
.pd-crumbs,.pdm-crumbs,.uc-crumbs,.ucl-crumbs{display:none!important}