/* ===========================================================================
   InSpace shared site navbar — single source of truth for every page.
   Layout uses Tailwind utility classes from inspace-theme.css; this file holds
   the custom mega-menu + language + mobile-overlay styles. Injected by
   assets/inspace-navbar.js into <div id="site-nav"></div>.
   =========================================================================== */

.inspace-nav-menu{display:flex;align-items:center;justify-content:center;gap:clamp(28px,3.6vw,64px);width:100%}
.inspace-nav-item{position:static;display:flex;align-items:center}

.inspace-nav-trigger,.inspace-nav-link{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#000;font:inherit;font-size:16px;line-height:1;font-weight:400;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color 180ms ease}
.inspace-nav-trigger:hover,.inspace-nav-trigger:focus-visible,.inspace-nav-link:hover,.inspace-nav-link:focus-visible{color:#8511D9;outline:none}
.inspace-nav-trigger svg{width:15px;height:15px;transition:transform 180ms ease}
.inspace-nav-item:hover .inspace-nav-trigger svg{transform:rotate(180deg)}
/* invisible hover bridge: the panel is anchored to the header-bar bottom, well below the
   short, vertically-centred trigger — leaving a dead gap. This pseudo spans that gap so the
   cursor can travel down to the dropdown without dropping :hover. It is gated to hover/focus
   (won't grab empty header space) and only trigger-width (never blocks sibling triggers). */
.inspace-nav-trigger{position:relative}
.inspace-nav-item:hover .inspace-nav-trigger::before{content:"";position:absolute;left:-18px;right:-18px;top:100%;height:84px;z-index:79}

/* active page indicator */
.inspace-nav-link.is-active,.inspace-nav-trigger.is-active{color:#8511D9;font-weight:600;position:relative}
.inspace-nav-link.is-active::after,.inspace-nav-trigger.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:#8511D9;border-radius:2px}
.inspace-nav-trigger.is-active::after{right:21px}

/* Full-width mega: the panel spans the whole page, content is centered, opened via JS .is-open
   (the header is a tall fixed bar, so pure :hover would drop across the gap). */
.inspace-nav-dropdown{position:fixed;top:64px;left:0;right:0;z-index:70;width:auto;min-height:308px;
  padding:42px var(--inspace-mega-pad-r,84px) 52px var(--inspace-mega-pad-l,84px);border:0;border-bottom:1px solid rgba(11,11,12,.07);border-radius:0;
  background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
  box-shadow:0 46px 84px -36px rgba(15,23,42,.24);opacity:0;pointer-events:none;overflow:visible;
  transform:translateY(-12px);transform-origin:top center;
  transition:opacity 340ms cubic-bezier(.22,1,.36,1),transform 340ms cubic-bezier(.22,1,.36,1),visibility 340ms;visibility:hidden;will-change:opacity,transform}
@media (min-width:1024px){.inspace-nav-dropdown{top:80px}}
@media (min-width:1536px){.inspace-nav-dropdown{top:112px}}
#site-nav .inspace-nav-dropdown{gap:clamp(22px,2.6vw,38px);align-content:start}
.inspace-nav-item.is-open .inspace-nav-dropdown,.inspace-nav-item:hover .inspace-nav-dropdown{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}
.inspace-nav-item.is-open .inspace-nav-trigger svg{transform:rotate(180deg)}
.inspace-nav-item.is-open .inspace-nav-trigger{color:#8511D9}
/* full-page blur scrim behind the open mega */
.inspace-nav-scrim{position:fixed;inset:0;z-index:45;background:rgba(245,246,243,.4);backdrop-filter:blur(7px) saturate(1.08);-webkit-backdrop-filter:blur(7px) saturate(1.08);opacity:0;pointer-events:none;transition:opacity 340ms cubic-bezier(.22,1,.36,1)}
.inspace-nav-scrim.is-open{opacity:1}
@media (prefers-reduced-motion:reduce){.inspace-nav-dropdown,.inspace-nav-scrim{transition-duration:1ms}}
/* Real InSpace floaters in the mega spotlights (replace the CSS-drawn fakes) */
#site-nav .inspace-mega-orbit,#site-nav .inspace-mega-visual{background:center/contain no-repeat;border-radius:0;box-shadow:none;padding:0;display:block;filter:drop-shadow(0 12px 22px rgba(11,11,12,.18))}
#site-nav .inspace-mega-orbit::before,#site-nav .inspace-mega-orbit::after,#site-nav .inspace-mega-visual::before,#site-nav .inspace-mega-visual::after,#site-nav .inspace-mega-visual>span{display:none}
#site-nav .inspace-mega-orbit{width:118px;height:118px;right:14px;top:12px;background-image:url(nova-blob.png)}
#site-nav .inspace-mega-visual{width:106px;height:106px;right:14px;top:14px}
#site-nav .inspace-mega-visual--signal{background-image:url(fl-atom.webp);background-size:cover;width:150px;height:106px;right:6px;top:16px}
#site-nav .inspace-mega-visual--map{background-image:url(fl-galaxy.webp);width:200px;height:152px;right:0;top:6px}
#site-nav .inspace-mega-visual--cases{background-image:url(fl-diamond.webp)}
/* match Resources mega height to Cases/About (spotlight row 311 -> dropdown 406) */
#site-nav .inspace-mega-spotlight--resources{min-height:311px}
/* About spotlight: team photo background + legible white text (galaxy hidden) */
#site-nav .inspace-mega-spotlight--about{background:linear-gradient(to top,rgba(11,11,12,.92),rgba(11,11,12,.72) 13%,rgba(11,11,12,.28) 31%,rgba(11,11,12,.04) 50%,transparent 68%),url(team_inspace.jpeg) 50% 90%/auto 250% no-repeat;border-color:rgba(11,11,12,.22)}
#site-nav .inspace-mega-spotlight--about::after{display:none}
#site-nav .inspace-mega-spotlight--about strong{color:#fff;text-shadow:0 1px 12px rgba(11,11,12,.4)}
#site-nav .inspace-mega-spotlight--about p{color:rgba(255,255,255,.92)}
#site-nav .inspace-mega-spotlight--about .inspace-mega-eyebrow{color:#fff;text-shadow:0 1px 3px rgba(11,11,12,.5);box-shadow:0 8px 22px rgba(11,11,12,.34),inset 0 1px 0 rgba(255,255,255,.5)}
#site-nav .inspace-mega-spotlight--about .inspace-mega-visual--map{display:none}

.inspace-mega{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) minmax(0,1.5fr);gap:14px;align-items:stretch}
.inspace-mega-compact{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,.9fr)}
/* Nova: spotlight · product highlights · wide 3-up services grid */
.inspace-mega-nova{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.18fr)}
.inspace-mega > *{min-width:0}
/* vertical column wrapper — stacks service-group cards (Nova: highlights / directory) */
.inspace-mega-stack{display:flex;flex-direction:column;gap:10px;min-width:0}
/* Nova services: CMS / Industry / Growth as ONE combined panel (matches .inspace-mega-res-panel),
   3 borderless columns inside separated by hairline dividers → reads as a single block, not 3 boxes */
.inspace-mega-svcgrid{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid rgba(133,17,217,.1);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,251,247,.82)),linear-gradient(90deg,rgba(133,17,217,.06),transparent 52%,rgba(185,239,163,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.74)}
.inspace-mega-svc-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;min-width:0;padding-bottom:16px}
/* footer CTA — pinned to the bottom edge of the panel to use the unfilled height */
.inspace-mega-svc-foot{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:2px;padding:10px;border-radius:12px;background:rgba(133,17,217,.06);color:#8511D9;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:10.5px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background .16s ease,transform .16s ease}
.inspace-mega-svc-foot:hover{background:rgba(133,17,217,.1);transform:translateY(-1px)}
.inspace-mega-svc-foot svg{width:13px;height:13px;flex:0 0 auto}
.inspace-mega-svcgrid .inspace-mega-service-group{padding:0 13px;border:0;border-radius:0;background:none}
.inspace-mega-svcgrid .inspace-mega-service-group:first-child{padding-left:0}
.inspace-mega-svcgrid .inspace-mega-service-group:last-child{padding-right:0}
.inspace-mega-svcgrid .inspace-mega-service-group + .inspace-mega-service-group{border-left:1px solid rgba(0,0,0,.06)}
.inspace-mega-svcgrid .inspace-mega-service-group > p{margin:0 0 4px;font-size:10.5px;letter-spacing:.04em}
/* service items = padded rows w/ rounded hover highlight, matching .inspace-mega-res-link/.inspace-mega-career.
   equal negative-margin + padding keeps text width intact in the narrow columns while the highlight stays padded */
.inspace-mega-svcgrid .inspace-mega-service-group a{justify-content:flex-start;min-height:0;margin:0 -7px;padding:11px 7px;border-radius:12px;font-size:11px;transition:background .16s ease,color .16s ease,transform .16s ease}
.inspace-mega-svcgrid .inspace-mega-service-group a:hover,.inspace-mega-svcgrid .inspace-mega-service-group a:focus-visible{background:rgba(133,17,217,.06)}
/* Nova "Product highlights" — eyebrow heading + compact card list (matches Resources/About cards) */
.inspace-mega-hl-head{display:flex;align-items:center;gap:5px;margin:0 0 2px;color:#8511D9;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:11px;line-height:1;font-weight:900;text-transform:uppercase}
.inspace-mega-hl-head svg{width:12px;height:12px;flex:0 0 auto}
.inspace-mega-links--hl{gap:6px;flex:1 1 auto;grid-auto-rows:1fr}
.inspace-mega-links--hl .inspace-mega-card{min-height:0;padding:7px 10px;gap:10px;border-radius:14px}
.inspace-mega-links--hl .inspace-mega-card-icon{width:32px;height:32px;border-radius:11px}
.inspace-mega-links--hl .inspace-mega-card-icon svg{width:16px;height:16px}
.inspace-mega-links--hl .inspace-mega-card strong{font-size:14px;line-height:18px;font-weight:400}
.inspace-mega-links--hl .inspace-mega-card span:not(.inspace-mega-card-icon){font-size:10.5px;line-height:13px}
/* "All 9 …" see-more link inside a service group (beats .inspace-mega-service-group a) */
.inspace-mega-service-group .inspace-mega-seeall{display:inline-flex;align-items:center;gap:4px;justify-content:flex-start;min-height:0;margin-top:5px;padding:0;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#8511D9}
.inspace-mega-service-group .inspace-mega-seeall:hover{color:#8511D9;transform:translateX(2px);opacity:.78}
.inspace-mega-spotlight,.inspace-mega-card,.inspace-mega-strip{position:relative;z-index:1}
.inspace-mega-spotlight{min-height:224px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;border-radius:22px;background:radial-gradient(circle at 76% 18%,rgba(185,239,163,.46),transparent 42%),linear-gradient(145deg,rgba(133,17,217,.13),#F4F6F6);border:1px solid rgba(133,17,217,.1);overflow:hidden;isolation:isolate}
.inspace-mega-spotlight::after{content:"";position:absolute;right:-44px;bottom:-48px;width:150px;height:150px;border:18px solid rgba(255,255,255,.42);border-radius:50%;z-index:0;pointer-events:none}
.inspace-mega-spotlight>*{position:relative;z-index:1}
.inspace-mega-eyebrow{width:fit-content;display:inline-flex;min-height:26px;align-items:center;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.42);-webkit-backdrop-filter:blur(12px) saturate(1.7);backdrop-filter:blur(12px) saturate(1.7);border:1px solid rgba(255,255,255,.55);box-shadow:0 6px 18px rgba(11,11,12,.09),inset 0 1px 0 rgba(255,255,255,.6);color:#8511D9;font-size:11px;line-height:1;font-weight:900;text-transform:uppercase}
.inspace-mega-spotlight strong{display:block;max-width:none;color:#000;font-size:23px;line-height:1.02;font-weight:900}
.inspace-mega-spotlight p{max-width:46ch;margin:9px 0 0;color:rgba(0,0,0,.7);font-size:13px;line-height:18px}
/* ---- Product spotlight: live Nova dashboard as animated background ---- */
.inspace-mega-spotlight--nova::after{display:none}
.inspace-mega-spotlight--nova::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(251,252,251,.30) 0%,rgba(251,252,251,0) 16%,rgba(251,252,251,0) 42%,rgba(247,249,247,.64) 57%,rgba(245,247,245,.95) 70%,rgba(244,246,246,1) 83%)}
.inspace-mega-spotlight--nova>.imd-txt{position:relative;z-index:2;margin-top:auto}
.inspace-mega-spotlight--nova .inspace-mega-orbit{display:none}
.imd{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#fbfcfb,#f4f6f6);overflow:hidden;pointer-events:none}
.imd-bar{display:flex;align-items:center;gap:6px;padding:8px 11px;border-bottom:1px solid rgba(11,11,12,.1);background:rgba(251,252,251,.85);flex:none}
.imd-bar span{width:7px;height:7px;border-radius:50%;background:rgba(11,11,12,.13)}
.imd-bar em{margin-left:7px;font-style:normal;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:8.5px;letter-spacing:.28em;font-weight:700;color:#0B0B0C}
.imd-bar i{margin-left:auto;display:flex;align-items:center;gap:6px;font-style:normal;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:7.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#2E9E50}
.imd-bar i b{width:6px;height:6px;border-radius:50%;background:#2E9E50;animation:imdPulse 2s ease infinite}
.imd-shell{display:flex;flex:1;min-height:0}
.imd-side{width:40px;flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 0;border-right:1px solid rgba(11,11,12,.1);background:rgba(251,252,251,.8)}
.imd-mark{width:24px;height:24px;margin-bottom:2px}
.imd-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(133,17,217,.3))}
.imd-ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:rgba(11,11,12,.62)}
.imd-ic svg{width:13px;height:13px}
.imd-ic.on{background:rgba(185,239,163,.4);color:#0B0B0C;box-shadow:inset 0 0 0 1px rgba(62,142,46,.3)}
.imd-sp{flex:1}
.imd-user{width:24px;height:24px;border-radius:50%;background:#0B0B0C;color:#fff;display:grid;place-items:center;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:7.5px;font-weight:700}
.imd-main{flex:1;min-width:0;padding:11px 13px;display:flex;flex-direction:column}
.imd-ht b{display:block;font-size:14px;font-weight:700;letter-spacing:-.01em;color:#0B0B0C}
.imd-ht span{display:block;margin-top:2px;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:7.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(11,11,12,.56)}
.imd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px;flex:none}
.imd-stat{background:#fff;border:1px solid rgba(11,11,12,.1);border-radius:9px;padding:7px 8px}
.imd-stat em{display:block;font-style:normal;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:6.5px;letter-spacing:.08em;font-weight:700;text-transform:uppercase;color:rgba(11,11,12,.56)}
.imd-stat b{display:block;margin-top:3px;font-size:17px;font-weight:700;letter-spacing:-.02em;color:#0B0B0C;line-height:1;font-variant-numeric:tabular-nums;transform-origin:left center}
.imd-stat b.imd-pop{animation:imdPop .32s ease}
.imd-stat span.up{display:inline-block;margin-top:3px;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:6.5px;letter-spacing:.03em;font-weight:700;color:#2E9E50}
.imd-chart{position:relative;margin-top:8px;background:#fff;border:1px solid rgba(11,11,12,.1);border-radius:9px;padding:7px 7px 4px;overflow:hidden;flex:none}
.imd-chart svg{width:100%;height:74px;display:block;overflow:hidden;opacity:0;transition:opacity .8s ease}
.imd-grid{stroke:rgba(11,11,12,.06);stroke-width:1}
.imd-area{fill:url(#imdFill);opacity:0;transition:opacity .9s ease}
.imd-line{fill:none;stroke:url(#imdStroke);stroke-width:2.3;stroke-linecap:round}
.imd-tip{position:absolute;left:0;top:0;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#8511D9;box-shadow:0 0 0 3px rgba(133,17,217,.14),0 0 10px rgba(133,17,217,.5);opacity:0;transition:opacity .4s ease,box-shadow .35s ease}
.imd-tip.flash{box-shadow:0 0 0 7px rgba(133,17,217,.18),0 0 16px rgba(133,17,217,.75)}
.imd-ctag{position:absolute;left:10px;top:7px;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:6.5px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;color:rgba(11,11,12,.56)}
.imd-sh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 2px 6px;flex:none}
.imd-sh b{font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:7.5px;letter-spacing:.13em;font-weight:700;text-transform:uppercase;color:rgba(11,11,12,.62)}
.imd-sh span{font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:6.5px;letter-spacing:.07em;font-weight:700;color:rgba(11,11,12,.56)}
.imd-stream{position:relative;display:flex;flex-direction:column;gap:6px;overflow:hidden;flex:1}
.imd-row{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(11,11,12,.1);border-radius:10px;background:#fff;box-shadow:0 8px 20px -15px rgba(11,11,12,.3);animation:imdRowIn .5s cubic-bezier(.2,.7,.2,1) both}
.imd-row .ic{width:22px;height:22px;flex:none;border-radius:7px;background:rgba(133,17,217,.1);color:#8511D9;display:grid;place-items:center}
.imd-row .ic svg{width:11px;height:11px}
.imd-row .ic.o{background:rgba(185,162,122,.18);color:#8a744c}
.imd-row .tx{flex:1;min-width:0}
.imd-row .tx b{display:block;font-weight:600;font-size:10.5px;letter-spacing:-.01em;color:#0B0B0C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.imd-row .tx .wline{display:block;height:3px;border-radius:3px;background:rgba(11,11,12,.07);margin-top:5px;overflow:hidden;position:relative}
.imd-row .tx .wline u{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:linear-gradient(96deg,#54B86A,#8511D9);transition:width 2.4s ease}
.imd-row .tx .wline u.o{background:linear-gradient(90deg,#B9A27A,#2E9E50)}
.imd-row .stp{flex:none;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:6.5px;letter-spacing:.05em;font-weight:700;text-transform:uppercase;padding:4px 6px;border-radius:99px}
.imd-row .stp.w{color:#8511D9;background:rgba(133,17,217,.09)}
.imd-row .stp.p{color:#2E9E50;background:rgba(46,158,80,.1)}
.imd-row .stp.o{color:#8a744c;background:rgba(185,162,122,.18)}
.imd-row .stp.i{color:#2E9E50;background:rgba(46,158,80,.1)}
@keyframes imdPulse{0%,100%{box-shadow:0 0 0 0 rgba(46,158,80,.45)}70%{box-shadow:0 0 0 5px rgba(46,158,80,0)}}
@keyframes imdRowIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes imdPop{from{transform:scale(1.16)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.imd-bar i b,.imd-row{animation:none}.imd-row .tx .wline u,.imd-chart svg,.imd-area,.imd-tip{transition:none}}
.inspace-mega-orbit{position:absolute;right:18px;top:20px;width:64px;height:64px;border-radius:22px;background:radial-gradient(circle at 35% 28%,#fff,rgba(255,255,255,0) 48%),linear-gradient(145deg,rgba(133,17,217,.9),rgba(185,239,163,.92));box-shadow:0 20px 50px rgba(133,17,217,.18)}
.inspace-mega-orbit::before,.inspace-mega-orbit::after{content:"";position:absolute;inset:13px -20px;border:1px solid rgba(133,17,217,.22);border-radius:999px;transform:rotate(-22deg)}
.inspace-mega-orbit::after{inset:18px -16px;border-color:rgba(0,0,0,.12);transform:rotate(21deg)}
.inspace-mega-spotlight--resources{background:radial-gradient(circle at 76% 18%,rgba(185,239,163,.48),transparent 40%),radial-gradient(circle at 12% 0%,rgba(133,17,217,.13),transparent 38%),linear-gradient(145deg,#fbfcfb,#F4F6F6)}
/* ---- Resources spotlight: live strategy map as animated background ---- */
.inspace-mega-spotlight--resources::after{display:none}
.inspace-mega-spotlight--resources::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(251,252,251,0) 0%,rgba(251,252,251,0) 50%,rgba(248,250,248,.56) 62%,rgba(246,248,246,.92) 74%,rgba(244,246,246,1) 86%)}
.inspace-mega-spotlight--resources>.inspace-mega-eyebrow,.inspace-mega-spotlight--resources>.imm-txt{position:relative;z-index:2}
.inspace-mega-spotlight--resources>.imm-txt{margin-top:auto}
.imm{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(92% 100% at 24% 16%,rgba(185,239,163,.30) 0%,rgba(185,239,163,0) 58%),radial-gradient(85% 92% at 82% 84%,rgba(133,17,217,.10) 0%,rgba(133,17,217,0) 55%),linear-gradient(150deg,#fbfcfb,#f4f6f6)}
.imm-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.inspace-mega-spotlight--about{background:radial-gradient(circle at 72% 24%,rgba(133,17,217,.14),transparent 36%),radial-gradient(circle at 24% 18%,rgba(185,239,163,.42),transparent 34%),linear-gradient(#eef2ef 1px,transparent 1px),linear-gradient(90deg,#eef2ef 1px,transparent 1px),#fff;background-size:auto,auto,28px 28px,28px 28px,auto}
.inspace-mega-visual{position:absolute;right:18px;top:20px;width:74px;height:64px;border-radius:22px;pointer-events:none}
.inspace-mega-visual--signal{display:grid;gap:7px;padding:14px;background:#000;box-shadow:0 20px 50px rgba(0,0,0,.14)}
.inspace-mega-visual--signal span{height:7px;border-radius:999px;background:linear-gradient(90deg,#B9EFA3,rgba(133,17,217,.64))}
.inspace-mega-visual--signal span:nth-child(2){width:72%;background:rgba(255,255,255,.36)}
.inspace-mega-visual--signal span:nth-child(3){width:46%}
.inspace-mega-visual--map{background:radial-gradient(circle at 70% 36%,rgba(185,239,163,.95) 0 8px,transparent 9px),radial-gradient(circle at 34% 66%,rgba(133,17,217,.82) 0 7px,transparent 8px),linear-gradient(145deg,rgba(133,17,217,.1),rgba(185,239,163,.34));box-shadow:0 20px 50px rgba(133,17,217,.14)}
.inspace-mega-visual--map::before,.inspace-mega-visual--map::after{content:"";position:absolute;inset:20px -20px;border:1px solid rgba(133,17,217,.22);border-radius:999px;transform:rotate(-18deg)}
.inspace-mega-visual--map::after{inset:12px -14px;border-color:rgba(185,239,163,.18);transform:rotate(24deg)}
.inspace-mega-links{display:grid;gap:8px}
.inspace-mega-card{display:flex;align-items:center;gap:13px;min-height:68px;padding:12px;border:1px solid rgba(0,0,0,.06);border-radius:18px;background:#fff;color:#000;text-decoration:none;transition:background 180ms ease,border-color 180ms ease,color 180ms ease,transform 180ms ease,box-shadow 180ms ease}
.inspace-mega-card:hover,.inspace-mega-card:focus-visible{background:rgba(255,255,255,.94);border-color:rgba(133,17,217,.18);color:#8511D9;box-shadow:0 16px 42px rgba(133,17,217,.1);outline:none;transform:translateX(4px)}
.inspace-mega-card--demo{min-height:72px;background:radial-gradient(circle at 86% 12%,rgba(255,255,255,.46),transparent 42%),linear-gradient(135deg,#B9EFA3,#B9EFA3);border-color:rgba(185,239,163,.12);color:#000;box-shadow:0 18px 44px rgba(185,239,163,.13)}
.inspace-mega-card--demo:hover,.inspace-mega-card--demo:focus-visible{background:radial-gradient(circle at 86% 12%,rgba(255,255,255,.56),transparent 42%),linear-gradient(135deg,#B9EFA3,#B9EFA3);border-color:rgba(133,17,217,.16);color:#000;box-shadow:0 22px 52px rgba(185,239,163,.18)}
.inspace-mega-card--demo .inspace-mega-card-icon{background:rgba(255,255,255,.48);color:#000}
.inspace-mega-card--demo span:not(.inspace-mega-card-icon){color:rgba(0,0,0,.68)}
.inspace-mega-card-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,rgba(133,17,217,.1),rgba(185,239,163,.3));color:#8511D9}
.inspace-mega-card-icon svg{width:20px;height:20px}
.inspace-mega-card-icon--tools svg{width:23px;height:23px}
.inspace-mega-card strong,.inspace-mega-card span{display:block}
.inspace-mega-card .inspace-mega-card-icon{display:grid;place-items:center}
.inspace-mega-card strong{color:#000;font-size:14px;line-height:18px;font-weight:400}
.inspace-mega-card:not(.inspace-mega-card--demo):hover strong,.inspace-mega-card:not(.inspace-mega-card--demo):focus-visible strong{color:#8511D9}
.inspace-mega-card span:not(.inspace-mega-card-icon){color:rgba(0,0,0,.62);font-size:12px;line-height:16px}
.inspace-mega-flag{display:block;width:22px;height:15px;border-radius:3.5px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16),0 1px 2px rgba(0,0,0,.1)}
.inspace-mega-flag svg{width:100%;height:100%;display:block}
.inspace-mega-services-panel{position:relative;z-index:1;grid-column:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border:1px solid rgba(133,17,217,.1);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,251,247,.82)),linear-gradient(90deg,rgba(133,17,217,.06),transparent 52%,rgba(185,239,163,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.74)}
.inspace-mega-services-panel--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.inspace-mega-service-group{min-width:0;padding:10px;border:1px solid rgba(0,0,0,.055);border-radius:15px;background:rgba(255,255,255,.72)}
.inspace-mega-service-group p{display:flex;align-items:center;gap:5px;margin:0 0 7px;color:#8511D9;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:11px;line-height:1;font-weight:900;text-transform:uppercase}
.inspace-mega-service-group p svg{width:12px;height:12px;flex:0 0 auto}
/* featured "Product highlights" column */
.inspace-mega-service-group--featured{background:linear-gradient(155deg,rgba(133,17,217,.07),rgba(185,239,163,.1));border-color:rgba(133,17,217,.16)}
.inspace-mega-service-group--featured a{font-weight:700}
.inspace-mega-service-group a{display:flex;align-items:center;justify-content:space-between;min-height:24px;color:#000;font-size:12px;line-height:1;font-weight:400;text-decoration:none;transition:color 160ms ease,transform 160ms ease}
.inspace-mega-service-group a:hover,.inspace-mega-service-group a:focus-visible{color:#8511D9;outline:none;transform:translateX(2px)}
/* all service links shown by default (still all in the DOM for SEO interlinking) */
.inspace-mega-service-group a.more{display:flex}
.inspace-mega-service-toggle{display:none}
.inspace-mega-strip{grid-column:auto;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:12px;border:1px solid rgba(133,17,217,.1);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,251,247,.82)),linear-gradient(90deg,rgba(133,17,217,.06),transparent 52%,rgba(185,239,163,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.74)}

/* Resources third column: live tools + latest blog */
.inspace-mega-res-panel{grid-column:auto;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid rgba(133,17,217,.1);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,251,247,.82)),linear-gradient(90deg,rgba(133,17,217,.06),transparent 52%,rgba(185,239,163,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.74)}
.inspace-mega-res-group{padding:11px 11px 7px;border:1px solid rgba(0,0,0,.055);border-radius:15px;background:rgba(255,255,255,.74)}
.inspace-mega-res-group > p{margin:0 0 7px;color:#8511D9;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:10.5px;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.inspace-mega-res-link{display:flex;align-items:center;gap:9px;padding:6px;border-radius:11px;color:#000;text-decoration:none;transition:background .16s ease,transform .16s ease}
.inspace-mega-res-link:hover{background:rgba(133,17,217,.06);transform:translateX(2px)}
.inspace-mega-res-link .ric{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,rgba(133,17,217,.1),rgba(185,239,163,.3));color:#8511D9}
.inspace-mega-res-link .ric svg{width:16px;height:16px}
.inspace-mega-res-link b{display:block;font-size:12.5px;font-weight:400;color:#000;line-height:1.1}
.inspace-mega-res-link small{display:block;font-size:10.5px;font-weight:600;color:rgba(0,0,0,.5);line-height:1.2;margin-top:2px}
.inspace-mega-res-link:hover b{color:#8511D9}
.inspace-mega-res-post{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px;border-radius:9px;color:#000;font-size:12px;font-weight:400;text-decoration:none;line-height:1.25;transition:background .16s ease,color .16s ease,transform .16s ease}
.inspace-mega-res-post:hover{background:rgba(133,17,217,.06);color:#8511D9;transform:translateX(2px)}
.inspace-mega-res-post .tag{flex:0 0 auto;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#8511D9;background:rgba(133,17,217,.08);padding:3px 6px;border-radius:6px}
.inspace-mega-strip span{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.055);color:rgba(0,0,0,.66);font-size:11px;font-weight:800}

/* About-us third column: live open roles (careers) — matches the Resources link list */
.inspace-mega-careers-panel .inspace-mega-res-group{display:flex;flex-direction:column;gap:1px}
/* Resources: Latest-blog group grows to fill the panel; its 3 posts split the leftover height so no dead space below */
.inspace-nav-item-resources .inspace-mega-res-panel > .inspace-mega-res-group:last-child{flex:1 1 auto;display:flex;flex-direction:column}
.inspace-nav-item-resources .inspace-mega-res-panel > .inspace-mega-res-group:last-child .inspace-mega-res-post{flex:1 1 0;min-height:44px}
.inspace-mega-career{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:11px;text-decoration:none;transition:background .16s ease,transform .16s ease}
.inspace-mega-career:hover{background:rgba(133,17,217,.06);transform:translateX(2px)}
.inspace-mega-career .cinfo{min-width:0;overflow:hidden}
.inspace-mega-career b{display:block;font-size:12px;line-height:1.2;font-weight:400;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inspace-mega-career:hover b{color:#8511D9}
.inspace-mega-career small{display:block;margin-top:2px;font-size:10.5px;line-height:1.2;font-weight:600;color:rgba(0,0,0,.5)}
.inspace-mega-career .tag{flex:0 0 auto;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#8511D9;background:rgba(133,17,217,.08);padding:3px 6px;border-radius:6px}
.inspace-mega-allroles{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:2px;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#8511D9;text-decoration:none;transition:opacity .16s ease}
.inspace-mega-allroles:hover{opacity:.66}

/* Case studies dropdown: spotlight gradient, growth-bars visual, green "win" metric chips */
.inspace-mega-spotlight--cases{background:radial-gradient(circle at 78% 16%,rgba(185,239,163,.5),transparent 42%),radial-gradient(circle at 14% 88%,rgba(133,17,217,.14),transparent 40%),linear-gradient(145deg,#fbfcfb,#F4F6F6)}
.inspace-mega-visual--cases{display:flex;align-items:flex-end;gap:5px;padding:13px;background:#000;box-shadow:0 20px 50px rgba(0,0,0,.14)}
.inspace-mega-visual--cases span{flex:1;border-radius:3px;background:linear-gradient(180deg,#B9EFA3,rgba(133,17,217,.7))}
.inspace-mega-visual--cases span:nth-child(1){height:38%}
.inspace-mega-visual--cases span:nth-child(2){height:60%}
.inspace-mega-visual--cases span:nth-child(3){height:80%}
.inspace-mega-visual--cases span:nth-child(4){height:100%}
.inspace-mega-career .tag--win{color:#0c2f15;background:#B9EFA3;text-transform:none;letter-spacing:0;transition:transform .16s ease,box-shadow .16s ease}
.inspace-mega-case:hover .tag--win{transform:scale(1.06);box-shadow:0 6px 16px rgba(133,17,217,.16)}

/* --- Case studies visual upgrade: per-row growth sparkline, draw-in, spotlight hover-preview --- */
.inspace-mega-case{position:relative;overflow:hidden}
.inspace-mega-case .cinfo,.inspace-mega-case .tag{position:relative;z-index:2}
.inspace-mega-case .cinfo{flex:1}
/* client monogram badge (logo stand-in) */
.cavatar{position:relative;z-index:2;flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(145deg,rgba(185,239,163,.62),rgba(133,17,217,.14));color:#1f5c33;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:10px;font-weight:900;letter-spacing:.02em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.cavatar--lg{width:42px;height:42px;border-radius:13px;font-size:16px}
.cavatar--logo{display:block;background:#fff;padding:3px 5px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.09);overflow:hidden}
.cavatar--logo img{width:100%;height:100%;object-fit:contain;display:block}
.cavatar--lg.cavatar--logo{width:118px;height:44px;padding:7px 12px;border-radius:12px}
.cspark{position:absolute;top:0;right:0;bottom:0;width:62%;z-index:1;pointer-events:none;opacity:.5;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%);transition:opacity .2s ease}
.cspark svg{width:100%;height:100%;display:block}
.cspark-area{fill:url(#cgAreaGrad)}
.cspark-line{fill:none;stroke:#5fb83f;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.inspace-mega-case:hover .cspark{opacity:1}
/* staggered reveal + sparkline draw-in when the dropdown opens */
.inspace-nav-item-cases .inspace-mega-case{opacity:0;transform:translateY(7px)}
.inspace-nav-item-cases .cspark-line{stroke-dasharray:1;stroke-dashoffset:1}
.inspace-nav-item-cases.is-open .inspace-mega-case,.inspace-nav-item-cases:hover .inspace-mega-case{animation:caseRowIn .42s cubic-bezier(.22,.61,.36,1) forwards}
.inspace-nav-item-cases.is-open .cspark-line,.inspace-nav-item-cases:hover .cspark-line{animation:caseDraw .9s ease .14s forwards}
.inspace-nav-item-cases.is-open .inspace-mega-case:nth-child(3),.inspace-nav-item-cases:hover .inspace-mega-case:nth-child(3){animation-delay:.05s}
.inspace-nav-item-cases.is-open .inspace-mega-case:nth-child(4),.inspace-nav-item-cases:hover .inspace-mega-case:nth-child(4){animation-delay:.1s}
.inspace-nav-item-cases.is-open .inspace-mega-case:nth-child(5),.inspace-nav-item-cases:hover .inspace-mega-case:nth-child(5){animation-delay:.15s}
.inspace-nav-item-cases.is-open .inspace-mega-case:nth-child(6),.inspace-nav-item-cases:hover .inspace-mega-case:nth-child(6){animation-delay:.2s}
@keyframes caseRowIn{to{opacity:1;transform:none}}
@keyframes caseDraw{to{stroke-dashoffset:0}}
/* live pulsing dot in the spotlight eyebrow */
.inspace-mega-eyebrow .cspot-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3FA45F;margin-right:6px;animation:cspotPulse 2s infinite}
@keyframes cspotPulse{0%{box-shadow:0 0 0 0 rgba(63,164,95,.5)}70%{box-shadow:0 0 0 7px rgba(63,164,95,0)}100%{box-shadow:0 0 0 0 rgba(63,164,95,0)}}
/* spotlight hover-preview (row hover morphs col 1 into that case) */
.inspace-mega-spotlight--cases strong,.inspace-mega-spotlight--cases p{transition:opacity .18s ease}
.cspot-stat{display:block;margin-bottom:3px;color:#2f7d49;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:15px;font-weight:900;letter-spacing:-.01em}
/* preview: stack text at the top + reserve the bottom band for the chart so they never overlap */
.inspace-mega-spotlight--cases.is-preview{justify-content:flex-start;padding-bottom:74px}
.inspace-mega-spotlight--cases.is-preview .cspot-text{margin-top:18px}
.inspace-mega-spotlight--cases.is-preview strong{display:flex;align-items:center;gap:12px}
.cspot-chart{position:absolute;left:20px;right:20px;bottom:14px;height:58px;z-index:0;opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease;pointer-events:none}
.cspot-chart svg{width:100%;height:100%;display:block}
.cspot-chart .cspark-area{fill:url(#cgAreaGrad)}
.cspot-chart .cspark-line{fill:none;stroke:#5fb83f;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.inspace-mega-spotlight--cases.is-preview .cspot-chart{opacity:1;transform:none}
.inspace-mega-spotlight--cases.is-preview .inspace-mega-visual--cases{opacity:0}
/* ---- Cases spotlight: before→after growth-curve background (idle state) ---- */
.inspace-mega-spotlight--cases::after{display:none}
.inspace-mega-spotlight--cases::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:1;transition:opacity .28s ease;background:linear-gradient(180deg,rgba(251,252,251,0) 0%,rgba(251,252,251,0) 54%,rgba(248,250,248,.5) 66%,rgba(246,248,246,.9) 78%,rgba(244,246,246,1) 90%)}
.inspace-mega-spotlight--cases>.inspace-mega-eyebrow,.inspace-mega-spotlight--cases>.cspot-text{position:relative;z-index:2}
.ccg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;transition:opacity .28s ease}
.ccg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.inspace-mega-spotlight--cases.is-preview .ccg{opacity:0}
.inspace-mega-spotlight--cases.is-preview::before{opacity:0}

/* right side: language + globe */
.site-globe{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#fff;color:rgba(0,0,0,.7);cursor:pointer;transition:border-color .2s,background .2s}
.site-globe:hover{border-color:rgba(0,0,0,.28)}
.site-globe svg{width:17px;height:17px}
.site-lang{position:relative}
.site-lang-menu{position:absolute;right:0;top:calc(100% + 8px);width:232px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;box-shadow:0 22px 60px rgba(15,23,42,.16);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;z-index:90}
.site-lang.open .site-lang-menu{opacity:1;visibility:visible;transform:none}
.site-lang-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-radius:9px;font-size:14px;font-weight:500;color:#000;text-decoration:none;transition:background .18s,color .18s}
.site-lang-menu a:hover{background:rgba(0,0,0,.05)}
.site-lang-menu a span.tag{font-size:10px;font-weight:700;background:rgba(0,0,0,.05);padding:2px 6px;border-radius:5px;flex:none;letter-spacing:.02em}
.site-lang-menu a.is-on{background:linear-gradient(96deg,rgba(84,184,106,.14),rgba(133,17,217,.14));color:#8511D9}
.site-lang-menu a.is-on span.tag{background:rgba(133,17,217,.14);color:#8511D9}

/* demo button (matches main file: theme btn secondary-btn) */
#site-nav .site-demo{padding-inline:26px !important;height:46px}
#site-nav .site-login{display:inline-flex;align-items:center;height:46px;padding-inline:16px;border-radius:99px;font-size:.95rem;font-weight:600;color:#0B0B0C;text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease}
#site-nav .site-login:hover{background:rgba(11,11,12,.06)}

/* mobile burger + overlay */
.site-burger{width:44px;height:44px;border:1px solid rgba(11,11,12,.12);border-radius:14px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;justify-content:center;cursor:pointer;color:#0B0B0C;transition:border-color .18s ease,transform .12s ease}
.site-burger:active{transform:scale(.94)}
.site-burger svg{width:20px;height:20px}

/* ===== immersive mobile overlay ===== */
.site-mmenu{position:fixed;inset:0;z-index:120;color:#0B0B0C;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .5s cubic-bezier(.19,1,.22,1),visibility .5s;visibility:hidden;font-family:'Aeonik','Aeonik Fallback',sans-serif;overscroll-behavior:contain;overflow:hidden;
  background:radial-gradient(132% 80% at 100% -8%,rgba(185,239,163,.60),transparent 56%),radial-gradient(106% 72% at -10% 106%,rgba(133,17,217,.26),transparent 56%),radial-gradient(88% 62% at 112% 112%,rgba(133,17,217,.14),transparent 52%),linear-gradient(180deg,#FBFCF9,#F3F5EF)}
.site-mmenu.open{transform:none;visibility:visible}
.site-mmenu::before{content:"";position:absolute;inset:-28% -22% auto -22%;height:66%;pointer-events:none;z-index:0;background:radial-gradient(52% 60% at 28% 22%,rgba(185,239,163,.55),transparent 70%),radial-gradient(46% 56% at 80% 32%,rgba(133,17,217,.24),transparent 72%);filter:blur(16px);animation:mAurora 15s ease-in-out infinite alternate}
@keyframes mAurora{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.14)}}
.site-mmenu>*{position:relative;z-index:2}
@keyframes mFloatA{from{transform:translateY(0)}to{transform:translateY(14px)}}
@keyframes mFloatB{from{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-12px) rotate(7deg)}}

/* top bar: logo + close */
.site-mmenu-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 18px}
.site-mmenu-logo{display:inline-flex;align-items:center}
.site-mmenu-logo img{height:22px;width:auto;display:block}
.site-mmenu-x{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(11,11,12,.12);border-radius:14px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#0B0B0C;cursor:pointer;transition:border-color .18s ease,color .18s ease,transform .12s ease}
.site-mmenu-x:hover,.site-mmenu-x:active{border-color:rgba(133,17,217,.4);color:#8511D9}
.site-mmenu-x:active{transform:scale(.94)}
.site-mmenu-x svg{width:20px;height:20px}

/* hero band: eyebrow + editorial title + floating Nova blob */
.site-mmenu-hero{position:relative;padding:6px 20px 16px;min-height:142px}
.site-mhero-eyebrow{position:relative;z-index:1;display:inline-block;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:.7rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#8511D9;margin-bottom:10px;opacity:0;transform:translateY(10px);transition:opacity .5s ease .06s,transform .5s cubic-bezier(.19,1,.22,1) .06s}
.site-mhero-title{position:relative;z-index:1;display:block;max-width:56%;font-size:2rem;line-height:1.02;font-weight:800;letter-spacing:-.025em;color:#0B0B0C;opacity:0;transform:translateY(12px);transition:opacity .55s ease .12s,transform .55s cubic-bezier(.19,1,.22,1) .12s}
.site-mhero-title em{font-style:normal;background:linear-gradient(96deg,#54B86A,#8511D9);-webkit-background-clip:text;background-clip:text;color:transparent}
.site-mmenu.open .site-mhero-eyebrow,.site-mmenu.open .site-mhero-title{opacity:1;transform:none}
.site-mhero-blob{position:absolute;z-index:0;top:-22px;right:-22px;width:min(45vw,166px);pointer-events:none;filter:drop-shadow(0 22px 46px rgba(133,17,217,.30));opacity:0;transition:opacity .8s ease .1s;animation:mFloatA 9s ease-in-out infinite alternate}
.site-mhero-atom{position:absolute;z-index:0;left:16px;bottom:-2px;width:48px;pointer-events:none;filter:drop-shadow(0 12px 22px rgba(133,17,217,.22));opacity:0;transition:opacity .8s ease .34s;animation:mFloatB 8s ease-in-out infinite alternate}
.site-mmenu.open .site-mhero-blob{opacity:1}
.site-mmenu.open .site-mhero-atom{opacity:.82}

/* nav body: big numbered editorial rows */
.site-mmenu-nav{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 18px 18px}
.site-mmenu-nav>*{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s cubic-bezier(.19,1,.22,1)}
.site-mmenu.open .site-mmenu-nav>*{opacity:1;transform:none}
.site-mmenu.open .site-mmenu-nav>*:nth-child(1){transition-delay:.14s}
.site-mmenu.open .site-mmenu-nav>*:nth-child(2){transition-delay:.20s}
.site-mmenu.open .site-mmenu-nav>*:nth-child(3){transition-delay:.26s}
.site-mmenu.open .site-mmenu-nav>*:nth-child(4){transition-delay:.32s}
.site-mmenu.open .site-mmenu-nav>*:nth-child(5){transition-delay:.38s}
.site-mtop,.site-macc-head{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:17px 6px;border:0;border-bottom:1px solid rgba(11,11,12,.09);background:transparent;color:#0B0B0C;font-family:inherit;font-size:1.5rem;line-height:1.04;font-weight:800;letter-spacing:-.02em;text-decoration:none;text-align:left;cursor:pointer;transition:color .18s ease,opacity .5s ease,transform .5s cubic-bezier(.19,1,.22,1)}
.site-mnum{flex:0 0 auto;width:26px;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:.8rem;font-weight:800;letter-spacing:.02em;color:#8511D9;opacity:.8;transition:opacity .18s ease}
.site-mlabel{flex:1 1 auto;min-width:0}
.site-macc-head svg,.site-mtop svg{width:22px;height:22px;flex:0 0 auto;color:rgba(11,11,12,.4);transition:transform .3s ease,color .18s ease}
.site-macc.open .site-macc-head svg{transform:rotate(180deg);color:#8511D9}
.site-macc.open .site-macc-head,.site-mtop:active,.site-macc-head:active,.site-mtop.is-active,.site-macc-head.is-active{color:#8511D9}
.site-macc.open .site-macc-head .site-mnum,.site-mtop.is-active .site-mnum,.site-macc-head.is-active .site-mnum{opacity:1}
.site-macc.open .site-macc-head::before,.site-mtop.is-active::before,.site-macc-head.is-active::before{content:"";position:absolute;left:-18px;top:15px;bottom:15px;width:3px;border-radius:3px;background:linear-gradient(180deg,#54B86A,#8511D9)}

/* accordion panel (height animated from JS) */
.site-macc-panel{max-height:0;overflow:hidden;transition:max-height .38s cubic-bezier(.2,.7,.2,1)}
.site-macc-in{padding:10px 0 16px;display:flex;flex-direction:column;gap:7px}
.site-msub{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 15px;border-radius:16px;background:rgba(255,255,255,.5);border:1px solid rgba(11,11,12,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#0B0B0C;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .16s ease,box-shadow .18s ease,color .16s ease}
.site-msub small{font-size:.8rem;font-weight:500;color:rgba(11,11,12,.5);letter-spacing:0}
.site-msub:hover,.site-msub:active{background:#fff;border-color:rgba(133,17,217,.28);transform:translateX(4px);box-shadow:0 12px 28px -14px rgba(133,17,217,.45);color:#8511D9}
.site-msub:hover small,.site-msub:active small{color:rgba(133,17,217,.6)}
.site-mchips{display:flex;flex-wrap:wrap;gap:8px;padding:9px 2px 3px}
.site-mchips a{padding:8px 14px;border-radius:999px;border:1px solid transparent;background:linear-gradient(#fbfcf9,#fbfcf9) padding-box,linear-gradient(96deg,#54B86A,#8511D9) border-box;color:#0B0B0C;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;transition:transform .16s ease,box-shadow .18s ease}
.site-mchips a:hover,.site-mchips a:active{transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(133,17,217,.5)}
/* grouped Product panel: section labels + icon rows (highlights) + segmented service tabs */
.site-msubhead{font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#8511D9;padding:2px 4px;margin-top:9px}
.site-macc-in>.site-msubhead:first-child{margin-top:0}
.site-msub--ic{flex-direction:row;align-items:center;gap:12px}
.site-msub-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#8511D9;background:rgba(133,17,217,.08);border:1px solid rgba(133,17,217,.1);transition:background .18s ease}
.site-msub-ic svg{width:18px;height:18px}
.site-msub-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.site-msub--ic:hover .site-msub-ic,.site-msub--ic:active .site-msub-ic{background:rgba(133,17,217,.15)}
.site-mseg{display:flex;flex-direction:column;gap:12px;padding:4px 2px 2px}
/* connected segmented control with a sliding green thumb */
.site-mseg-tabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:4px;border-radius:13px;background:rgba(11,11,12,.05);border:1px solid rgba(11,11,12,.06)}
.site-mseg-thumb{position:absolute;top:4px;left:4px;height:calc(100% - 8px);width:calc((100% - 8px)/3);border-radius:9px;background:linear-gradient(180deg,#C6F2B2,#ABE88E);box-shadow:0 4px 12px -5px rgba(84,184,106,.6),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .27s cubic-bezier(.34,1.3,.5,1)}
.site-mseg-tabs[data-mseg-active="industry"] .site-mseg-thumb{transform:translateX(100%)}
.site-mseg-tabs[data-mseg-active="type"] .site-mseg-thumb{transform:translateX(200%)}
.site-mseg-tab{position:relative;z-index:1;-webkit-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:9px 4px;border-radius:9px;text-align:center;font-family:"TTCommons","TT Commons","TT_Commons_Pro_Mono_Trl",ui-monospace,monospace;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:rgba(11,11,12,.5);transition:color .2s ease}
.site-mseg-tab.is-active{color:#0B0B0C}
.site-mseg-list{display:none;flex-wrap:wrap;gap:8px}
.site-mseg-list.is-active{display:flex}
.site-mseg-list a{padding:9px 14px;border-radius:11px;background:#fff;border:1px solid rgba(11,11,12,.1);box-shadow:0 1px 2px rgba(11,11,12,.05),0 3px 10px -6px rgba(11,11,12,.14);color:#0B0B0C;font-size:.82rem;font-weight:600;line-height:1.1;text-decoration:none;transition:border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .1s ease}
.site-mseg-list a:hover{border-color:rgba(133,17,217,.3);color:#8511D9;box-shadow:0 6px 16px -8px rgba(133,17,217,.45)}
.site-mseg-list a:active{transform:translateY(1px);box-shadow:0 1px 2px rgba(11,11,12,.08)}

/* footer: demo CTA + language + diamond accent */
.site-mmenu-foot{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;padding:16px 18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid rgba(11,11,12,.08);background:linear-gradient(180deg,transparent,rgba(255,255,255,.42));opacity:0;transform:translateY(10px);transition:opacity .5s ease .4s,transform .5s cubic-bezier(.19,1,.22,1) .4s}
.site-mmenu.open .site-mmenu-foot{opacity:1;transform:none}
.site-mmenu-demo,.site-mlang{position:relative;z-index:1}
.site-mmenu-demo{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;gap:9px;height:56px;border-radius:18px;background:linear-gradient(180deg,#C6F2B2,#B9EFA3);color:#0B0B0C;font-size:1.04rem;font-weight:800;text-decoration:none;box-shadow:0 16px 40px -12px rgba(133,17,217,.30),0 8px 22px rgba(185,239,163,.5);transition:box-shadow .2s ease,transform .12s ease}
.site-mmenu-demo:active{transform:scale(.99)}
.site-mmenu-demo svg{width:19px;height:19px}
.site-mlang{flex:none}
.site-mlang-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:56px;height:56px;padding:0;border-radius:18px;border:1px solid rgba(11,11,12,.1);background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(8px) saturate(1.4);backdrop-filter:blur(8px) saturate(1.4);color:#0B0B0C;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.site-mlang-btn>svg{width:22px;height:22px}
.site-mlang.open .site-mlang-btn{border-color:rgba(133,17,217,.35);background:#fff}
.site-mlang-menu{position:absolute;right:0;left:auto;bottom:calc(100% + 10px);width:min(260px,calc(100vw - 36px));transform-origin:bottom right;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;box-shadow:0 -16px 46px rgba(15,23,42,.2);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px) scale(.96);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.3,1),visibility .24s ease;z-index:6;max-height:min(52vh,344px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.site-mlang.open .site-mlang-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.site-mlang-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-radius:9px;font-size:.9rem;font-weight:600;color:#0B0B0C;text-decoration:none;transition:background .16s ease,color .16s ease}
.site-mlang-menu a:hover,.site-mlang-menu a:active{background:rgba(0,0,0,.05)}
.site-mlang-menu a .tag{flex:none;font-size:10px;font-weight:800;letter-spacing:.02em;background:rgba(0,0,0,.05);color:rgba(11,11,12,.6);padding:3px 7px;border-radius:5px}
.site-mlang-menu a.is-on{background:linear-gradient(96deg,rgba(84,184,106,.16),rgba(133,17,217,.16));color:#8511D9}
.site-mlang-menu a.is-on .tag{background:rgba(133,17,217,.15);color:#8511D9}
@media (prefers-reduced-motion:reduce){.site-mmenu::before,.site-mhero-blob,.site-mfoot-gem{animation:none}.site-mmenu,.site-mmenu *{transition-duration:1ms!important}}

/* ONE uniform glass layer on the full-width header — the 1920px inner (.max-w-480) left unpainted gaps on
   ultrawide, and keeping its own backdrop-blur double-blurred the center (whiter than the edges).
   At the top of the page the header stays fully transparent so it blends into the hero; the glass
   fades in once the page scrolls (.is-scrolled, set by inspace-navbar.js) or a mega-menu opens. */
header[data-site-header]{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .35s ease,-webkit-backdrop-filter .35s ease,backdrop-filter .35s ease}
header[data-site-header].is-scrolled,
.inspace-nav-mega-open header[data-site-header]{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
header[data-site-header] .max-w-480{-webkit-backdrop-filter:none;backdrop-filter:none}

/* ===== staging (WordPress) additions ===== */
/* About mega: the roles list shows ALL open Personio roles; cap + scroll when long */
.inspace-mega-careers-panel .inspace-mega-res-group{max-height:56vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
/* the compiled theme JS also toggles .header-scrolled (GSAP); treat it like .is-scrolled */
header[data-site-header].header-scrolled{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
/* whitespace-nowrap is not in the compiled Tailwind build */
#site-nav .site-demo{white-space:nowrap}
/* the header is fixed and must never slide away, whatever other scripts do */
header[data-site-header]{transform:none !important}