/* Shared popup layout. Legacy page-specific selectors cannot change its scale. */
.site-menu.site-menu {
  position:fixed!important;z-index:150;top:var(--menu-top,100px)!important;
  left:50%!important;right:auto!important;inset-inline-end:auto;
  display:block!important;width:min(390px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - var(--menu-top,100px) - 16px)!important;
  margin:0!important;padding:0!important;overflow:auto;overscroll-behavior:contain;
  border:1px solid #29434f;border-radius:18px;background:#07141e;color:#e5eef3;
  box-shadow:0 24px 65px #0006;opacity:0;visibility:hidden;
  transform:translate(-50%,-8px)!important;
  transition:width .3s cubic-bezier(.2,.8,.2,1),opacity .2s,transform .25s,visibility .2s;
  font-family:"IBM Plex Sans",Arial,sans-serif;
}
html[lang=ar] .site-menu {font-family:"Noto Kufi Arabic",Arial,sans-serif}
.site-menu.site-menu.open {opacity:1;visibility:visible;transform:translate(-50%,0)!important}
.site-menu.site-menu.has-kind {width:min(680px,calc(100vw - 32px))!important}
.site-menu.site-menu.has-category {width:min(1040px,calc(100vw - 32px))!important}
.site-menu.site-menu.has-solution {width:min(960px,calc(100vw - 32px))!important}
.site-menu .site-menu-head {display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:18px 68px 18px 22px;border:0;border-bottom:1px solid #ffffff16}
html[dir=rtl] .site-menu .site-menu-head {padding:18px 22px 18px 68px}
.site-menu .site-menu-head small {font-size:12px;font-weight:600;letter-spacing:.04em;color:#7bc4e4}
.site-menu .site-menu-head a {display:block;flex-shrink:0;margin:0;padding:0;font-size:13px;line-height:1.6;letter-spacing:0;text-transform:none;color:#b8d4e2}
.site-menu .site-menu-head a,.site-menu .site-menu-head a span {font-family:inherit;font-size:13px;font-weight:600;line-height:1.6;letter-spacing:0}
.site-menu .site-menu-close {position:absolute;z-index:3;inset:17px 17px auto auto;display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid #ffffff30;border-radius:50%;background:#07141e;color:#fff;font-size:24px;cursor:pointer}
html[dir=rtl] .site-menu .site-menu-close {right:auto;left:17px}
.site-menu .site-menu-body {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0;min-height:0!important;max-height:none!important;background:transparent}
.site-menu.has-kind .site-menu-body {grid-template-columns:190px minmax(0,1fr)!important}
.site-menu.has-category .site-menu-body {grid-template-columns:190px 280px minmax(0,1fr)!important}
.site-menu.has-solution .site-menu-body {grid-template-columns:290px minmax(0,1fr)!important}
.site-menu .site-menu-body>div {min-width:0;padding:14px;border:0;background:transparent;overflow:visible;max-height:none}
.site-menu .menu-choices {display:flex;flex-direction:column;gap:2px}
.site-menu .menu-categories,.site-menu .menu-products,.site-menu .menu-details {display:none!important}
.site-menu.has-kind .menu-categories,.site-menu.has-solution .menu-details {display:block!important}
.site-menu.has-category .menu-products {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px}
.site-menu :is(.menu-categories,.menu-products,.menu-details) {opacity:1;transform:none;border-inline-start:1px solid #ffffff16!important;animation:siteMenuColumn .24s ease both}
@keyframes siteMenuColumn {from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.site-menu :is(.menu-choices,.menu-categories)>:is(a,button) {
  display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;
  margin:0;padding:14px 12px;border:0;border-radius:9px;background:transparent;color:#b6c5cd;
  font-family:inherit;font-size:15px;font-weight:500;line-height:1.65;letter-spacing:0;text-transform:none;text-align:start;cursor:pointer;transition:background .2s,color .2s;
}
.site-menu :is(.menu-choices,.menu-categories) small {display:none}
.site-menu :is(.menu-choices,.menu-categories)>:is(a,button):is(.active,:hover,:focus-visible) {background:#152c3a;color:#fff}
.site-menu :is(.menu-choices,.menu-categories)>:is(a,button):after {content:"";position:absolute;inset:auto 12px 0;height:2px;background:linear-gradient(90deg,#74c4e5 76%,#c8333d 76%);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.site-menu :is(.menu-choices,.menu-categories)>:is(a,button):is(.active,:hover,:focus-visible):after {right:12px;transform:scaleX(1)}
html[dir=rtl] .site-menu :is(.menu-choices,.menu-categories)>:is(a,button):after {transform-origin:right}
.site-menu :is(.menu-choices,.menu-categories)>:is(a,button).active {box-shadow:inset 3px 0 #74c4e5}
html[dir=rtl] .site-menu :is(.menu-choices,.menu-categories)>:is(a,button).active {box-shadow:inset -3px 0 #74c4e5}
.site-menu b {font-weight:500;color:#79c4e3;transition:transform .2s}
.site-menu :is(a,button):hover>b {transform:translate(2px,-2px)}
.site-menu .menu-products>:is(a,button) {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:76px;padding:12px;border:0;border-radius:8px;background:transparent;color:#c3d3db;font:500 14px/1.6 "IBM Plex Sans",Arial,sans-serif;text-align:start;letter-spacing:0;cursor:pointer}
.site-menu .menu-products small {display:block;margin-bottom:5px;font:600 11px/1.5 "IBM Plex Sans",Arial,sans-serif;letter-spacing:.03em;color:#78c4e4}
.site-menu .menu-products>:is(a,button)>span {font:inherit;color:inherit;letter-spacing:0}
html[dir=rtl] .site-menu .mp-product-kinds button>b {transform:rotate(180deg)}
.site-menu .menu-products>:is(a,button):is(:hover,:focus-visible) {background:#152c3a;color:#fff}
.site-menu .menu-products>:is(a,button):after {display:none}
/* Detached flyout. Each column sizes to its own content, never to its neighbour. */
@media(min-width:701px){
 .site-menu.site-menu[data-menu-kind=products].has-kind {background:transparent;border:0;box-shadow:none;border-radius:0}
 .site-menu[data-menu-kind=products].has-kind .site-menu-head {width:100%;background:#07141e;border:1px solid #29434f;border-radius:18px 18px 0 0}
 .site-menu[data-menu-kind=products].has-category .site-menu-head {width:470px;background:#07141e;border:1px solid #29434f;border-radius:18px 18px 0 0}
 .site-menu[data-menu-kind=products].has-kind .menu-choices,
 .site-menu[data-menu-kind=products].has-kind .menu-categories {align-self:start;background:#07141e;border-bottom:1px solid #29434f;border-radius:0 0 12px 12px}
 .site-menu[data-menu-kind=products].has-category .site-menu-close {left:417px;right:auto}
 html[dir=rtl] .site-menu[data-menu-kind=products].has-category .site-menu-close {left:auto;right:417px}
 .site-menu[data-menu-kind=products] .site-menu-body {align-items:start}
 .site-menu[data-menu-kind=products] .site-menu-body>div {max-height:calc(100dvh - var(--menu-top,100px) - 96px);overflow:auto;scrollbar-width:thin;scrollbar-color:#426579 transparent}
 .site-menu.has-category .menu-products {align-self:start;position:relative;align-content:start;background:#102330;border:1px solid #29434f!important;border-radius:10px;padding:8px;margin-inline-start:8px;overflow:auto}
 .site-menu.has-category.few-products .menu-products {width:min(310px,100%);justify-self:start}
 .site-menu.has-category .menu-products>:is(a,button) {min-width:0;min-height:64px;overflow-wrap:anywhere}
 .site-menu :is(.menu-choices,.menu-categories)>:is(a,button) {position:relative;flex-shrink:0}
 .site-menu .menu-products>:is(a,button)>span {min-width:0}
 .site-menu .menu-products>:is(a,button)>b {flex-shrink:0}
}
@media(min-width:701px) and (max-width:1050px){
 .site-menu[data-menu-kind=products].has-category .site-menu-head {width:360px}
 .site-menu[data-menu-kind=products].has-category .site-menu-close {left:307px}
 html[dir=rtl] .site-menu[data-menu-kind=products].has-category .site-menu-close {left:auto;right:307px}
 .site-menu.has-category .site-menu-body {grid-template-columns:140px 220px minmax(0,1fr)!important}
 .site-menu.has-category .menu-products {grid-template-columns:minmax(0,1fr)!important}
}
.site-menu .menu-details article {padding:12px}
.site-menu .menu-details small {font-size:12px;letter-spacing:0;color:#7bc4e4}
.site-menu .menu-details h3 {margin:16px 0 10px;font-family:inherit;font-size:28px;font-weight:500;line-height:1.5;letter-spacing:0;color:#fff}
.site-menu .menu-details p {margin:0;font-size:15px;line-height:1.8;color:#9db1bc}
.site-menu .menu-details ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:24px 0;padding:1px;list-style:none;background:#ffffff20}
.site-menu .menu-details li {padding:0;min-height:0;background:#0c202d}
.site-menu .menu-details li>a {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:80px;padding:14px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.8;letter-spacing:0;text-transform:none;color:#c3d3db}
.site-menu .menu-details article>a {display:inline-flex;gap:24px;padding:12px 0;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:#79c4e3}
.site-menu :is(a,button):focus-visible {outline:2px solid #79c4e3;outline-offset:-3px}
html[dir=rtl] .site-menu :is(.site-menu-head small,.menu-details h3) {letter-spacing:0}
@media(max-width:820px){
 body:has(.site-menu.open) :is(.floating-nav>nav,.mp-nav) {visibility:hidden;pointer-events:none}
}
@media(max-width:700px){
 .site-menu.site-menu {width:calc(100vw - 24px)!important;border-radius:14px}
 .site-menu.site-menu .site-menu-body {grid-template-columns:minmax(0,1fr)!important}
 .site-menu :is(.menu-categories,.menu-products,.menu-details) {border-inline-start:0!important;border-top:1px solid #ffffff16!important}
 .site-menu .site-menu-body>div {padding:10px}
 .site-menu .site-menu-head {padding-inline-start:16px;gap:10px}
 .site-menu .site-menu-head a {font-size:12px}
 .site-menu .menu-details h3 {font-size:23px}
 .site-menu .menu-details ul {grid-template-columns:minmax(0,1fr)}
 .site-menu .menu-products {grid-template-columns:minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){.site-menu.site-menu,.site-menu *{transition:none!important;animation:none!important}}
.menu-mobile-bar {display:none}
@media(max-width:700px){
 .site-menu .menu-mobile-bar {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid #29434f}
 .menu-mobile-bar :is(button,a) {min-height:44px;display:inline-flex;align-items:center;padding:8px 4px;border:0;background:none;color:#8ed2ed;font-family:inherit;font-size:14px;font-weight:500;line-height:1.6;text-decoration:none;cursor:pointer}
 .site-menu[data-mobile-stage=choices] .menu-mobile-bar {display:none}
 .site-menu.site-menu .site-menu-body>:is(.menu-choices,.menu-categories,.menu-products,.menu-details) {display:none!important}
 .site-menu.site-menu[data-mobile-stage=choices] .menu-choices {display:flex!important}
 .site-menu.site-menu[data-mobile-stage=categories] .menu-categories {display:flex!important;flex-direction:column}
 .site-menu.site-menu[data-mobile-stage=products] .menu-products {display:grid!important;max-height:none!important;margin:0!important}
 .site-menu.site-menu[data-mobile-stage=details] .menu-details {display:block!important}
 .site-menu.site-menu {overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100dvh - var(--menu-top) - 12px)}
 .site-menu :is(.menu-choices,.menu-categories)>:is(a,button) {position:relative;min-height:54px;font-size:15px}
 .site-menu .site-menu-head small {font-size:11px}
}