.nav-solutions{position:relative;display:flex;align-items:center;height:42px}
.nav-solutions-trigger{display:flex;align-items:center;gap:8px;height:42px;padding:0;border:0;background:transparent;color:rgba(255,255,255,.72);font:600 10px/1 "IBM Plex Sans",sans-serif;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:color .2s}
.nav-solutions-trigger:hover,.nav-solutions-trigger[aria-expanded="true"]{color:#fff}.nav-solutions-trigger i{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}.nav-solutions-trigger[aria-expanded="true"] i{transform:rotate(225deg) translate(-1px,-1px)}
.nav-solutions-panel{position:fixed;z-index:122;top:88px;left:50vw;width:min(390px,calc(100vw - 36px));max-height:min(680px,calc(100vh - 110px));overflow:hidden;border:1px solid rgba(132,188,215,.24);border-radius:18px;background:rgba(4,19,29,.985);box-shadow:0 40px 100px rgba(0,0,0,.42);color:#fff;opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:width .34s var(--ease),opacity .22s,transform .28s,visibility .22s}.nav-solutions-panel.open{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-solutions-panel.has-solution{width:min(880px,calc(100vw - 36px))}
.nav-solutions-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.nav-solutions-head small{color:#6dc6eb;font-size:9px;font-weight:700;letter-spacing:.19em}.nav-solutions-head a{margin-left:auto;margin-right:46px;color:#7bd3f4;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.nav-solutions-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:transparent;color:#fff;font-size:19px;cursor:pointer}
.nav-solutions-browser{display:grid;grid-template-columns:1fr;min-height:245px;max-height:570px;transition:grid-template-columns .34s var(--ease),min-height .34s var(--ease)}.nav-solutions-panel.has-solution .nav-solutions-browser{grid-template-columns:275px minmax(0,1fr);min-height:420px}.nav-solution-types,.nav-solution-detail{min-width:0;padding:15px;overflow:auto}.nav-solution-types{border-right:1px solid rgba(255,255,255,.09)}.nav-solution-detail{display:none;opacity:0;transform:translateX(-8px);animation:solutionColumnIn .26s var(--ease) forwards}.nav-solutions-panel.has-solution .nav-solution-detail{display:block}@keyframes solutionColumnIn{to{opacity:1;transform:none}}
.nav-solution-types button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:15px 13px;border:0;border-radius:9px;background:transparent;color:#a9bec9;text-align:left;font-size:13px;font-weight:500;line-height:1.3;cursor:pointer;transition:background .2s,color .2s}.nav-solution-types button.active,.nav-solution-types button:hover,.nav-solution-types button:focus-visible{background:rgba(83,195,238,.12);color:#fff}.nav-solution-types button.active{box-shadow:inset 3px 0 #58bce6}.nav-solution-types b{color:#66c1e7}
.nav-solution-detail article{padding:18px 22px 22px}.nav-solution-detail small{color:#63c3e9;font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.nav-solution-detail h3{margin:18px 0 10px;font-size:30px;font-weight:500;letter-spacing:-.035em}.nav-solution-detail p{max-width:520px;margin:0;color:#91a8b3;font-size:12px;line-height:1.65}.nav-solution-detail ul{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:25px 0;padding:1px;background:rgba(255,255,255,.1);list-style:none}.nav-solution-detail li{min-height:67px;padding:14px;background:#071d2b;color:#b8cbd4;font-size:11px;line-height:1.45}.nav-solution-detail a{display:inline-flex;align-items:center;gap:25px;padding:13px 0;color:#70caed;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
html[dir="rtl"] .nav-solutions-close{right:auto;left:14px}html[dir="rtl"] .nav-solutions-head a{margin-left:46px;margin-right:auto}html[dir="rtl"] .nav-solution-types{border-right:0;border-left:1px solid rgba(255,255,255,.09)}html[dir="rtl"] .nav-solution-types button{text-align:right}html[dir="rtl"] .nav-solution-types button.active{box-shadow:inset -3px 0 #58bce6}
@media(max-width:820px){.nav-solutions{display:block;width:100%;height:auto}.nav-solutions-trigger{justify-content:center;width:100%;height:42px;font-size:11px}.nav-solutions-panel{position:relative;top:auto;left:auto;display:none;width:100%;max-height:none;margin-top:10px;border-radius:12px;opacity:1;visibility:visible;transform:none!important;box-shadow:none}.nav-solutions-panel.open{display:block}.nav-solutions-panel.has-solution{width:100%}.nav-solutions-head{padding:14px}.nav-solutions-browser,.nav-solutions-panel.has-solution .nav-solutions-browser{display:block;min-height:0;max-height:none}.nav-solution-types,.nav-solution-detail{border:0!important;padding:9px}.nav-solution-types{display:grid;grid-template-columns:1fr;gap:5px}.nav-solution-detail{border-top:1px solid rgba(255,255,255,.09)!important;max-height:380px}.nav-solution-detail article{padding:13px}.nav-solution-detail h3{font-size:24px}.nav-solution-detail ul{grid-template-columns:1fr}.nav-solutions-close{display:none}}
