/* Only the additional navigation hierarchy needs new rules. */
.new-navigation .site-structure-number{display:none}
.new-navigation .site-structure-list summary,.new-navigation .site-structure-leaf{grid-template-columns:minmax(0,1fr) auto;white-space:normal}
.new-navigation-panel{grid-template-columns:1fr;gap:0}
.new-navigation-panel>.new-nav-grid{width:min(1456px,100%);margin:0}
.new-navigation-panel .new-nav-grid{padding:0;list-style:none;white-space:normal}
.new-navigation-panel .new-nav-grid>li{list-style:none;min-width:0}
.new-navigation-panel .new-nav-depth-0{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;align-items:start}
.new-navigation-panel .new-nav-label{display:flex;align-items:baseline;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-family:"Funnel Sans";font-size:27px;line-height:1.25;font-weight:500;letter-spacing:-.025em}
.new-navigation-panel .new-nav-depth-0>li>.new-nav-label>.mega-number{flex:0 0 20px;font-size:12px;letter-spacing:0}
.new-navigation-panel .new-nav-depth-1{margin:0 0 0 40px}
.new-navigation-panel .new-nav-depth-1 .new-nav-label{font-size:21px;padding:13px 0}
.new-navigation-panel .new-nav-depth-2{margin:0 0 8px 24px}
.new-navigation-panel .new-nav-depth-2 .new-nav-label{font-size:16px;font-weight:400;padding:9px 0}
.new-navigation .site-structure-list--level-1>li>details{border-top:0}
.site-header:has(.new-navigation)>.site-structure-toggle{margin-left:0}
.legacy-navigation nav{padding-top:24px}
.legacy-navigation nav>a,.legacy-navigation nav>details>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:26px;border-bottom:1px solid var(--line);cursor:pointer;list-style:none}
.legacy-navigation summary::-webkit-details-marker{display:none}
.legacy-navigation .mobile-disclosure{width:22px;height:22px}
.legacy-navigation details[open]>summary>.mobile-disclosure{transform:rotate(180deg)}
@media(max-width:1320px){.site-header:has(.new-navigation)>.mobile-toggle{margin-left:auto}.site-header:has(.new-navigation)>.site-structure-toggle{margin-left:0}.mobile-dialog .new-navigation .site-structure-list summary{display:grid;font-size:20px;min-height:52px;padding:14px 0}.mobile-dialog .new-navigation .site-structure-list--level-1>li>details>summary{font-size:27px}.mobile-dialog .new-navigation .site-structure-list--level-4 .site-structure-leaf{font-size:15px}}
.business-children{padding:0 0 18px 30px;display:grid;gap:0}
.business-children>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:19px}
.business-children .arrow{width:18px}
.mobile-products>div>.mega-product{display:flex}

.mobile-menu-label{padding:20px 0;min-height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;font-family:var(--font-display);font-size:27px}

/* Plain detail links below the existing placeholder heading. */
.detail-links{display:grid;justify-items:start;gap:18px;margin-top:28px}
.detail-links .text-link{max-width:100%;overflow-wrap:anywhere}

/* Distinct mobile actions, with matching icon size, stroke and alignment. */
.mobile-dialog nav .arrow,.mobile-dialog nav .mobile-disclosure{width:22px;height:22px;flex:0 0 22px;display:block}
.mobile-dialog details>summary>.mobile-disclosure{transform:rotate(0);transform-origin:center}
.mobile-dialog details[open]>summary>.mobile-disclosure{transform:rotate(180deg)}

/* One shared menu-control geometry: the dialog takes over at the identical
   header position, then continues the burger into its close state. */
.mobile-toggle,.mobile-close{position:relative;width:40px;height:40px;padding:0;border:0;border-radius:0;background:transparent}
.mobile-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.mobile-close{display:grid;place-items:center}
.mobile-toggle span,.mobile-close span{width:21px;height:1px;background:var(--ink)}
.site-header{border-bottom:0}
.mega-menu{border-bottom:0;box-shadow:none}
.mobile-close span{position:absolute;transform-origin:center;transition:transform 220ms cubic-bezier(.2,.8,.2,1),opacity 160ms ease}
.mobile-close span:first-child{transform:translateY(-5px)}
.mobile-close span:nth-child(2){transform:translateY(0)}
.mobile-close span:last-child{transform:translateY(5px)}
.mobile-dialog{opacity:0;visibility:hidden;transition:opacity 220ms cubic-bezier(.2,.8,.2,1),visibility 0s linear 220ms}
.mobile-dialog[open]{visibility:visible;transition-delay:0s}
.mobile-dialog[open][data-state="open"]{opacity:1}
.mobile-dialog[open][data-state="open"] .mobile-close span:first-child{transform:rotate(45deg)}
.mobile-dialog[open][data-state="open"] .mobile-close span:nth-child(2){opacity:0;transform:scaleX(.35)}
.mobile-dialog[open][data-state="open"] .mobile-close span:last-child{transform:rotate(-45deg)}
.mobile-dialog[open][data-state="closing"]{opacity:0}
@media(prefers-reduced-motion:reduce){.mobile-close span,.mobile-dialog{transition:none}}

@media(min-width:1501px){.desktop-nav{gap:18px}.site-header{gap:22px}}
@media(min-width:1321px) and (max-width:1500px){.desktop-nav{gap:11px}.site-header{gap:14px}}
@media(max-width:1320px){.mobile-toggle{display:flex}}
@media(min-width:601px) and (max-width:1320px){.site-header{gap:16px}}
@media(max-width:600px){
 :root{--header:72px}
 .site-header{height:var(--header);min-height:var(--header);display:flex;align-items:center;gap:16px;padding-block:0}
 .site-header>.mobile-toggle{margin-left:auto}
}

/* Header only: logo is 15% larger while footer and in-content marks retain their own sizes. */
.site-header .brand img,.mobile-head .brand img{width:220.526875px}
@media(max-width:1279px){.site-header .brand img,.mobile-head .brand img{width:197.71375px}}
@media(max-width:1140px){.site-header .brand img,.mobile-head .brand img{width:220.526875px}}
@media(max-width:360px){.site-header .brand img,.mobile-head .brand img{width:194.672px}}

/* Mobile: the logo's SVG artwork has an 8px inner left inset. Offset the
   header shell by that amount so the visible mark aligns with the 24px
   content gutter on every page, while retaining the approved Start_new size. */
@media(max-width:600px){.site-header,.mobile-dialog{padding-inline:16px}.site-header .brand img,.mobile-head .brand img{width:176.4215px}}

/* Start_new navigation overview: it is deliberately non-navigating until the
   destination pages are connected. The styles remain isolated to this dialog. */
.site-structure-toggle{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;margin-left:auto;padding:0;border:0;background:transparent;border-radius:50%;color:var(--ink)}
.site-structure-toggle span{width:10px;height:10px;display:block;border-radius:50%;background:currentColor}
.site-structure-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.site-structure-dialog{width:min(1100px,calc(100vw - 48px));max-width:none;height:min(800px,calc(100dvh - 48px));max-height:none;margin:auto;padding:clamp(24px,4vw,56px);border:0;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 24px 80px rgb(0 0 0 / .28);overflow:auto}
.site-structure-dialog::backdrop{background:rgb(1 7 32 / .62);backdrop-filter:blur(4px)}
.site-structure-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
.site-structure-head .eyebrow{margin:0 0 10px}
.site-structure-head h2{margin:0;font-family:var(--font-display);font-size:clamp(38px,5vw,64px);line-height:.96;letter-spacing:-.045em}
.site-structure-close{position:relative;width:40px;height:40px;flex:0 0 40px;padding:0;border:0;background:transparent;color:var(--ink)}
.site-structure-close span{position:absolute;top:50%;left:50%;width:22px;height:1px;background:currentColor}
.site-structure-close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}
.site-structure-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.site-structure-note{margin:18px 0 34px;color:color-mix(in srgb,var(--ink) 67%,transparent);font-size:15px;line-height:1.4}
.site-structure-list{margin:0;padding:0;list-style:none}
.site-structure-list li{margin:0;padding:0;list-style:none}
.site-structure-list details{border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
.site-structure-list summary,.site-structure-leaf{display:grid;grid-template-columns:minmax(48px,.22fr) 1fr auto;align-items:center;gap:16px;min-height:58px;padding:12px 0;color:inherit;font-family:var(--font-display);font-size:20px;line-height:1.16;font-weight:600;letter-spacing:-.02em}
.site-structure-list summary{cursor:pointer;list-style:none}
.site-structure-list summary::-webkit-details-marker{display:none}
.site-structure-number{font-family:var(--font-sans);font-size:12px;letter-spacing:.08em;color:color-mix(in srgb,var(--ink) 56%,transparent)}
.site-structure-disclosure{width:9px;height:9px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform 180ms ease}
.site-structure-list details[open]>summary .site-structure-disclosure{transform:rotate(225deg) translate(-3px,-3px)}
.mobile-dialog .new-navigation .site-structure-list summary{grid-template-columns:16px minmax(0,1fr);column-gap:12px;justify-content:start}
.mobile-dialog .new-navigation .site-structure-list summary>.site-structure-disclosure{grid-column:1;grid-row:1;justify-self:center}
.mobile-dialog .new-navigation .site-structure-list summary>.site-structure-label{grid-column:2;grid-row:1}
.mobile-dialog .new-navigation .site-structure-leaf{display:block;padding-left:28px}
.site-structure-list--level-1>li>details{border-top:2px solid var(--ink)}
.site-structure-list--level-1>li>details>summary{font-size:clamp(24px,3vw,34px);min-height:72px}
.site-structure-list--level-2{margin:0 0 8px clamp(20px,4vw,54px)}
.site-structure-list--level-3{margin-left:clamp(18px,3vw,42px)}
.site-structure-list--level-4{margin-left:clamp(16px,2vw,32px)}
.site-structure-list--level-3 summary,.site-structure-list--level-3 .site-structure-leaf{font-size:17px;min-height:50px}
.site-structure-list--level-4 .site-structure-leaf{font-family:var(--font-sans);font-size:15px;font-weight:500;min-height:44px}
@media(max-width:1320px){.site-structure-toggle{order:3;margin-left:auto}.site-header>.site-structure-toggle+.mobile-toggle{margin-left:0}}
@media(max-width:600px){.site-structure-dialog{width:calc(100vw - 24px);height:calc(100dvh - 24px);padding:24px 20px;border-radius:16px}.site-structure-head{padding-bottom:20px}.site-structure-list summary,.site-structure-leaf{grid-template-columns:46px 1fr auto;gap:10px;font-size:18px}.site-structure-list--level-1>li>details>summary{font-size:26px}.site-structure-list--level-2{margin-left:18px}.site-structure-list--level-3{margin-left:16px}.site-structure-list--level-4{margin-left:12px}.site-structure-list--level-3 summary,.site-structure-list--level-3 .site-structure-leaf{font-size:16px}.site-structure-list--level-4 .site-structure-leaf{font-size:14px}.site-structure-note{margin-bottom:24px}}

/* Start_new navigation draft. It remains separate from the legacy menu behind
   the black dot and intentionally contains text labels only – no destinations. */
body[data-design-variant="design-01"] .site-header{position:sticky;top:0;z-index:30}
body[data-design-variant="design-01"] .header-static-labels{display:flex;align-self:stretch;align-items:stretch;gap:20px;margin-left:auto;color:#052F4A;font:400 14px/1.3 "Funnel Sans"}
body[data-design-variant="design-01"] .site-header>.new-navigation-language{display:flex;align-items:center;gap:7px;flex:none;margin-left:12px;color:#020618;font:400 14px/1.2 "Funnel Sans",sans-serif;letter-spacing:.08em;white-space:nowrap}
.new-navigation-language a{text-decoration:none;color:inherit}
.new-navigation-language a[aria-current]{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.new-navigation-language [aria-disabled="true"]{color:#8992a5}
@media(min-width:1321px){body[data-design-variant="design-01"]{--header:86px}}
body[data-design-variant="design-01"] .new-navigation-trigger{position:relative;align-self:stretch;appearance:none;display:grid;align-items:center;justify-items:stretch;padding:0;border:0;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}
body[data-design-variant="design-01"] .new-navigation-trigger::after{position:absolute;right:0;bottom:-1px;left:0;height:2px;content:"";background:linear-gradient(90deg,#CB294F,#F09403);opacity:0;transform:translateY(0);transition:opacity 160ms ease;pointer-events:none}
body[data-design-variant="design-01"] .new-navigation-trigger[data-selected="true"]::after{opacity:1}
body[data-design-variant="design-01"] .new-navigation-trigger:hover::after{opacity:1}
body[data-design-variant="design-01"] .new-navigation-trigger[aria-expanded="true"]::after{opacity:1}
body[data-design-variant="design-01"] .new-navigation-trigger:focus-visible,.new-navigation-mobile-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
body[data-design-variant="design-01"] .new-navigation-contact{margin-left:0}
.new-navigation-panel{position:fixed;z-index:25;top:var(--new-navigation-header-height,var(--header));right:0;left:0;max-height:calc(100dvh - var(--new-navigation-header-height,var(--header)));overflow-y:auto;overscroll-behavior:contain;padding:44px max(var(--gutter),calc((100vw - 1640px)/2));border-top:1px solid color-mix(in srgb,var(--ink) 13%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 13%,transparent);background:rgb(255 255 255 / .98);color:var(--ink);box-shadow:0 22px 34px rgb(1 7 32 / .08)}
@media(min-width:1024px){body[data-design-variant="design-01"]:has(.new-navigation-panel:not([hidden]))::before{content:"";position:fixed;inset:var(--new-navigation-header-height,var(--header)) 0 0;z-index:24;background:rgb(2 6 24 / .18);pointer-events:none}}
.new-navigation-panel-inner{width:min(1640px,100%);margin-inline:auto}
.new-navigation-panel-heading{margin-bottom:28px;font:500 12px/1.2 "Funnel Sans";letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 55%,transparent)}
.new-navigation-groups{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px}
.new-navigation-group{min-width:0}
.new-navigation-group h2{margin:0 0 15px;color:#07143b;font:500 18px/1.2 "Funnel Sans";letter-spacing:-.025em}
.new-navigation-group h2 a,.new-navigation-group li a,.new-navigation-mobile-group-content h3 a,.new-navigation-mobile-group-content li a{color:inherit;text-decoration:none}
.new-navigation-group h2 a:focus-visible,.new-navigation-group li a:focus-visible,.new-navigation-mobile-group-content h3 a:focus-visible,.new-navigation-mobile-group-content li a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.new-navigation-unavailable{color:color-mix(in srgb,var(--ink) 48%,transparent)}
.new-navigation-group ul{margin:0;padding:0;list-style:none}
.new-navigation-group li{padding:7px 0;color:#132a5f;font:400 15px/1.34 "Funnel Sans"}
.new-navigation-group li span{display:block}
/* The three simple flyouts start at the visible Products label in the header.
   Its left edge is measured once in client.js because the flex navigation
   changes width with its labels, font loading and viewport width. */
body[data-design-variant="design-01"] .new-navigation-panel:not(.products-mega-panel){padding-inline-start:var(--new-navigation-products-left,var(--nw-layout-inline));padding-inline-end:var(--nw-layout-inline)}
body[data-design-variant="design-01"] .new-navigation-panel:not(.products-mega-panel) .new-navigation-panel-inner{width:100%;max-width:none;margin:0}
.new-navigation-panel:not(.products-mega-panel) .new-navigation-groups{grid-template-columns:minmax(0,360px);justify-content:start}
.new-navigation-panel:not(.products-mega-panel) .new-navigation-group{padding:0;border:0}
.new-navigation-panel:not(.products-mega-panel) .new-navigation-group li{min-height:48px;padding:7px 0;font:400 28px/1.18 "Funnel Sans";letter-spacing:-.035em}
.new-navigation-panel:not(.products-mega-panel) .new-navigation-group li a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}
.new-navigation-mobile-toggle,.new-navigation-mobile-dialog{display:none}
/* One desktop flyout baseline: Every Suite is the tallest content state:
   32px top, 169px feature, 34px list gap, four 48px rows and 60px below
   the last row (plus the panel border) = 488px. Short viewports scroll inside.
   At 768–1100px the two-column Overview is tallest: three 169px card rows,
   two 12px gaps, 24px top and 60px bottom. */
@media(min-width:768px){
 body[data-design-variant="design-01"]{--nw-flyout-desktop-height:488px}
 body[data-design-variant="design-01"] .new-navigation-panel:not(.products-mega-panel){height:min(var(--nw-flyout-desktop-height),calc(100dvh - var(--new-navigation-header-height,var(--header))));padding-block:32px 60px}
}
@media(min-width:768px) and (max-width:1320px){
 body[data-design-variant="design-01"] .site-header>.new-navigation-contact{display:inline-flex}
}
@media(max-width:1500px) and (min-width:1101px){
 .products-category-trigger{font-size:14px}
 .new-navigation-groups{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
 .new-navigation-group h2{font-size:17px}
}
@media(min-width:768px) and (max-width:1100px){
 body[data-design-variant="design-01"] .header-static-labels{gap:15px;font-size:13px}
 .new-navigation-panel{padding:32px max(24px,var(--gutter))}
 .new-navigation-groups{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:24px}
 .new-navigation-group h2{font-size:16px}
 .new-navigation-panel:not(.products-mega-panel) .new-navigation-group li{font-size:22px}
}
@media(max-width:1023px){
 body[data-design-variant="design-01"]{--header:76px}
 body[data-design-variant="design-01"]{--nw-mobile-header-edge:var(--nw-layout-inline,16px)}
 body[data-design-variant="design-01"]:has(.nw-content-page){--nw-mobile-header-edge:var(--nw-content-gutter)}
 body[data-design-variant="design-01"] .site-header{padding-inline:24px}
 body[data-design-variant="design-01"] .site-header .brand img{width:120px;height:auto;aspect-ratio:auto}
 body[data-design-variant="design-01"] .header-static-labels{display:none}
 body[data-design-variant="design-01"] .site-header>.new-navigation-language{display:none}
 body[data-design-variant="design-01"] .site-header>.new-navigation-contact{display:none}
 body[data-design-variant="design-01"] .new-navigation-mobile-toggle{position:relative;display:block;margin-left:auto;width:44px;height:44px;padding:0;border:0;background:transparent;color:#020618;cursor:pointer}
 body[data-design-variant="design-01"] .new-navigation-mobile-toggle[data-pointer-focus]:focus-visible{outline:none}
 .new-navigation-mobile-toggle span{position:absolute;top:50%;left:50%;width:18px;height:1.3px;background:currentColor;transform:translate(-50%,-50%)}
 .new-navigation-mobile-toggle span:first-child{transform:translate(-50%,-50%) translateY(-6px)}
 .new-navigation-mobile-toggle span:last-child{transform:translate(-50%,-50%) translateY(6px)}
 .new-navigation-panel{display:none}
 .new-navigation-mobile-dialog{--nw-mobile-menu-content-start:20px;position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:#020618;box-shadow:none;overflow-y:auto;overscroll-behavior:contain}
 .new-navigation-mobile-dialog[open]{display:block}
 .new-navigation-mobile-dialog[open] nav{animation:nw-mobile-menu-enter 220ms cubic-bezier(.22,1,.36,1) both}
 .new-navigation-mobile-dialog[open].is-closing nav{animation:nw-mobile-menu-exit 220ms ease-in both}
 body:has(.new-navigation-mobile-dialog[open]){overflow:hidden}
 .new-navigation-mobile-dialog::backdrop{background:#fff}
 .new-navigation-mobile-dialog:focus{outline:none}
 .new-navigation-mobile-head{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--header);padding:0 var(--nw-mobile-header-edge);box-shadow:inset 0 -1px #e0e8f0}
 .new-navigation-mobile-head .brand{display:flex;align-items:center;min-height:44px;width:120px;height:44px}
 .new-navigation-mobile-head .brand img{display:block;width:120px;height:auto;aspect-ratio:auto}
 .new-navigation-mobile-head button{position:relative;flex:0 0 44px;margin-left:auto;width:44px;height:44px;padding:0;border:0;background:transparent;color:#020618;cursor:pointer}
 .new-navigation-mobile-head button span{position:absolute;top:50%;left:50%;width:18px;height:1.3px;background:currentColor}
 .new-navigation-mobile-head button span:first-child{transform:translate(-50%,-50%) rotate(45deg)}
 .new-navigation-mobile-head button span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
 .new-navigation-mobile-head button:focus-visible,.new-navigation-mobile-dialog :is(button,a,summary):focus-visible{outline:2px solid #020618;outline-offset:2px;border-radius:2px}
 .new-navigation-mobile-dialog[data-input-mode="pointer"] :is(button,a,summary):focus-visible{outline:none}
 .new-navigation-mobile-dialog nav:not(.new-navigation-language){position:relative;padding:var(--nw-mobile-menu-content-start) 0 48px}
 .new-navigation-mobile-screen{padding-inline:26px 32px}
 .new-navigation-mobile-screen--root{display:flex;flex-direction:column;min-height:calc(100dvh - var(--header) - var(--nw-mobile-menu-content-start) - 60px - env(safe-area-inset-bottom, 0px))}
 .new-navigation-mobile-root-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:32px}
 .new-navigation-mobile-contact.button.primary{flex:0 0 192px;min-height:44px;padding:10px 16px;background:#020618;font:400 16.2px/1 "Funnel Sans",sans-serif;letter-spacing:.1em;white-space:nowrap}
 .new-navigation-mobile-contact .arrow{width:18px;height:18px}
 .new-navigation-mobile-root-actions .new-navigation-language{display:flex;align-items:center;gap:8px;font:400 20px/1.2 "Funnel Sans",sans-serif;letter-spacing:0;white-space:nowrap}
 @media(max-width:350px){.new-navigation-mobile-root-actions{flex-wrap:wrap}.new-navigation-mobile-contact.button.primary{flex-basis:192px}}
 .new-navigation-mobile-screen[hidden]{display:none}
 .new-navigation-mobile-screen.is-exiting{position:absolute;top:var(--nw-mobile-menu-content-start);inset-inline:0;width:100%;pointer-events:none}
 .new-navigation-mobile-screen.is-entering-forward{animation:nw-mobile-screen-enter-forward 240ms cubic-bezier(.22,1,.36,1) both}
 .new-navigation-mobile-screen.is-exiting-forward{animation:nw-mobile-screen-exit-forward 240ms ease-in both}
 .new-navigation-mobile-screen.is-entering-back{animation:nw-mobile-screen-enter-back 240ms cubic-bezier(.22,1,.36,1) both}
 .new-navigation-mobile-screen.is-exiting-back{animation:nw-mobile-screen-exit-back 240ms ease-in both}
 .new-navigation-mobile-arrow,.new-navigation-mobile-chevron{display:block;width:18px;height:18px;flex:none}
 .new-navigation-mobile-root-link,.new-navigation-mobile-back,.new-navigation-mobile-product summary,.new-navigation-mobile-link{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;column-gap:16px;width:100%;min-height:55px;margin:0;padding:10px 0;border:0;background:transparent;color:#020618;text-align:left;text-decoration:none;font:400 28px/35px "Funnel Sans",sans-serif;cursor:pointer}
 .new-navigation-mobile-root-link,.new-navigation-mobile-link{grid-template-columns:minmax(0,1fr)}
 .new-navigation-mobile-back{display:flex;align-items:flex-start;gap:8px;padding-top:7px;font-size:12px;line-height:24px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
 .new-navigation-mobile-back .new-navigation-mobile-arrow{width:24px;height:24px;transform:rotate(180deg)}
 .new-navigation-mobile-products{margin-right:0}
 .new-navigation-mobile-product summary{grid-template-columns:24px minmax(0,1fr) 18px;column-gap:18px;padding-right:0;list-style:none}
 .new-navigation-mobile-product-icon{display:block;width:24px;height:24px;object-fit:contain}
 .new-navigation-mobile-product summary::-webkit-details-marker{display:none}
 .new-navigation-mobile-product summary .new-navigation-mobile-chevron{justify-self:end;transition:transform 160ms ease}
 .new-navigation-mobile-product[open] summary .new-navigation-mobile-chevron{transform:rotate(180deg)}
 .new-navigation-mobile-product ul,.new-navigation-mobile-section-links{margin:0;padding:0;list-style:none}
 .new-navigation-mobile-product ul{padding:10px 0 36px 42px}
 .new-navigation-mobile-product li .new-navigation-mobile-link{min-height:47px;padding:10px 0;font-size:20px;line-height:27px}
 .new-navigation-mobile-section-links{margin-top:5px}
 .new-navigation-mobile-unavailable{color:#8992a5;cursor:default}
 @keyframes nw-mobile-menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
 @keyframes nw-mobile-menu-exit{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}
 @keyframes nw-mobile-screen-enter-forward{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
 @keyframes nw-mobile-screen-exit-forward{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-24px)}}
 @keyframes nw-mobile-screen-enter-back{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
 @keyframes nw-mobile-screen-exit-back{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(24px)}}
 @media(prefers-reduced-motion:reduce){.new-navigation-mobile-dialog[open] nav,.new-navigation-mobile-dialog[open].is-closing nav,.new-navigation-mobile-screen.is-entering-forward,.new-navigation-mobile-screen.is-exiting-forward,.new-navigation-mobile-screen.is-entering-back,.new-navigation-mobile-screen.is-exiting-back{animation:none}.new-navigation-mobile-product summary .new-navigation-mobile-chevron{transition:none}}
}

/* Products mega menu — visual placeholders are isolated here and can be
   replaced without changing the navigation structure or destinations. */
@media(min-width:768px){
 body[data-design-variant="design-01"] .header-static-labels{color:#052F4A}
 body[data-design-variant="design-01"] .new-navigation-trigger{display:flex;align-items:center;min-height:0;padding:0;font-weight:400}
 body[data-design-variant="design-01"] .new-navigation-trigger[data-selected="true"],body[data-design-variant="design-01"] .new-navigation-trigger:hover,body[data-design-variant="design-01"] .new-navigation-trigger:focus-visible{color:#052F4A;font-weight:400}
 .products-mega-panel{--products-tile-min-height:169px;height:min(var(--nw-flyout-desktop-height),calc(100dvh - var(--new-navigation-header-height,var(--header))));max-height:calc(100dvh - var(--new-navigation-header-height,var(--header)));padding:0;border-top:1px solid #e7eaf0;border-bottom:0;background:#fff;box-shadow:none;overflow:hidden}
 /* The background spans the viewport; its content uses the header's outer edge exactly once. */
 .products-mega-panel .products-mega-inner{inline-size:100%;max-inline-size:none;height:100%;padding-inline:var(--nw-layout-inline);margin:0}
 .products-mega-layout{display:grid;grid-template-columns:434px minmax(0,1fr);height:100%;min-height:0}
 .products-category-list{display:grid;align-content:start;gap:4px;overflow-y:auto;padding:32px 48px max(32px,4vh) 0;border-right:1px solid #e3e7ee}
 .products-category-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:0 26px;border:0;border-radius:999px;background:transparent;color:#07143b;font:400 16px/1.2 "Funnel Sans";letter-spacing:-.025em;text-align:left;white-space:nowrap;cursor:pointer}
.products-category-trigger:hover,.products-category-trigger:focus-visible,.products-category-trigger[aria-selected="true"]{border-radius:8px;background:#F1F5F9;color:#052F4A}
 .products-category-trigger:focus-visible{outline:2px solid #02091e;outline-offset:3px}
 .products-mega-content{min-width:0;overflow-y:auto;padding:32px 0 32px 48px}
 .products-category-content[hidden]{display:none}
 .products-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.products-overview-card,.products-feature{position:relative;isolation:isolate;overflow:hidden;display:flex;text-decoration:none;color:#fff;background-color:#052F4A;border-radius:8px}
.products-overview-card--platform{--products-tile-image:url("../img/category-card-platform.1280.webp")}
.products-overview-card--technological-products{--products-tile-image:url("../img/category-card-technological-products.1280.webp")}
.products-overview-card--every-ai{--products-tile-image:url("../img/category-card-platform-every-ai.1280.webp")}
.products-overview-card--digital-workforce{--products-tile-image:url("../img/category-card-digital-workforce.1280.webp")}
.products-overview-card--every-suite{--products-tile-image:url("../img/category-card-every-suite.1280.webp")}
.products-overview-card--agentic-business-solutions{--products-tile-image:url("../img/category-card-agentic-business-solutions.1280.webp")}
.products-feature--1{--products-tile-image:url("../img/featured-product-platform.1280.webp")}
.products-feature--2{--products-tile-image:url("../img/featured-product-technological-products.1280.webp")}
.products-feature--3{--products-tile-image:url("../img/featured-product-every-ai.1280.webp")}
.products-feature--4{--products-tile-image:url("../img/featured-product-digital-workforce.1280.webp")}
.products-feature--5{--products-tile-image:url("../img/featured-product-every-suite.1280.webp")}
.products-feature--6{--products-tile-image:url("../img/featured-product-agentic-business-solutions.1280.webp")}
.products-overview-card::before,.products-feature::before{position:absolute;z-index:0;inset:0;content:"";background:var(--products-tile-image) center/cover no-repeat;transition:transform 220ms ease-out}
.products-overview-card>* ,.products-feature>*{position:relative;z-index:1}
 .products-overview-card>.products-tile-icon,.products-feature>.products-tile-icon{position:absolute;z-index:1;inline-size:28px;block-size:28px;object-fit:contain}
 .products-overview-card>.products-tile-icon,.products-feature>.products-tile-icon{inset-block-start:24px;inset-inline-start:26px}
 .products-overview-card{min-height:var(--products-tile-min-height);align-items:flex-end;justify-content:space-between;padding:22px 24px;border:0;text-align:left;cursor:pointer}
 @media (hover:hover) and (prefers-reduced-motion:no-preference){.products-overview-card:hover::before,.products-overview-card:focus-visible::before,.products-feature:hover::before,.products-feature:focus-visible::before{transform:scale(1.04)}}
 .products-overview-card.new-navigation-unavailable{cursor:default;color:#fff;opacity:.52}
 .products-overview-card-copy{display:grid;gap:5px;min-width:0}
 .products-overview-card strong,.products-feature strong{font:400 25px/1.14 "Funnel Sans";letter-spacing:-.035em}
 .products-overview-card small,.products-feature small{font:400 14px/1.3 "Funnel Sans";color:rgb(255 255 255 / .7)}
 .products-feature small[hidden]{display:none}
 .products-overview-card .arrow{display:block;flex:0 0 auto;width:22px;height:22px;transition:translate 200ms ease-out}
 .products-overview-card:hover .arrow,.products-overview-card:focus-visible .arrow,.products-feature:hover .arrow,.products-feature:focus-visible .arrow{translate:4px}
 .products-feature{min-height:var(--products-tile-min-height);align-items:flex-end;justify-content:space-between;padding:22px 24px}
 .products-feature>span{display:grid;gap:7px}
 .products-feature em{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:11px 16px;border-radius:999px;background:#fff;color:#07143b;font:var(--nw-primary-button-weight,400) 11px/1 "Funnel Sans";font-style:normal;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
 .products-feature em .arrow{width:18px;height:18px}
 .products-detail-columns{margin-top:34px;padding:0 42px}
 .products-detail-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;list-style:none}
 .products-detail-list--two-columns{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--products-detail-rows),auto);grid-auto-flow:column;column-gap:32px}
 .products-detail-list li{display:flex;align-items:center;min-width:0;min-height:48px;padding-block:7px}
 .products-detail-link{display:block;min-width:0;color:#07143b;font:400 28px/1.18 "Funnel Sans";letter-spacing:-.035em;text-decoration:none}
 .products-detail-link:hover{text-decoration:underline;text-underline-offset:4px}
 .products-detail-link.new-navigation-unavailable{opacity:.46;cursor:default}
}
@media(min-width:768px) and (max-width:1100px){
 body[data-design-variant="design-01"]{--nw-flyout-desktop-height:615px}
 .products-mega-layout{grid-template-columns:280px minmax(0,1fr)}
 .products-category-list{padding:24px 20px 24px 0}
 .products-category-trigger{min-height:44px;padding-inline:16px;font-size:13px}
 .products-mega-content{padding:24px 0 24px 28px}
 .products-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .products-overview-card{padding:18px}
 .products-overview-card>.products-tile-icon,.products-feature>.products-tile-icon{inset-block-start:20px;inset-inline-start:20px}
 .products-overview-card strong{font-size:22px}
 .products-feature{padding:18px}
 .products-detail-columns{margin-top:26px;padding:0}
 .products-detail-list--two-columns{column-gap:22px}
 .products-detail-link{font-size:22px}
}

.future-product-page{min-height:calc(100dvh - var(--header))}
