.dropdown{position:static}.dropdown>button{position:relative}.dropdown>button:after{content:'';position:absolute;bottom:6px;left:0;right:0;height:2px;background:#8596ff;transform:scaleX(0);transition:transform .18s}.dropdown.open>button:after{transform:scaleX(1)}.dropdown>button span{display:inline-block;transition:transform .18s}.dropdown.open>button span{transform:rotate(180deg)}
.submenu.mega-panel{position:absolute;top:100%;left:0;right:0;width:100%;min-width:0;margin:0;padding:44px 6% 64px;background:#f7f7fa;color:#202230;border:0;border-radius:0 0 12px 12px;box-shadow:0 16px 28px #0003;display:block}.submenu.mega-panel[hidden]{display:none!important}.mega-columns{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;min-height:160px}.mega-columns section{min-width:0}.mega-columns h3{font-size:22px;font-weight:600;letter-spacing:-.4px;margin:0;padding:0 0 19px;border-bottom:1px solid #dcdde5;line-height:1.3}.dropdown.open>button{color:#a8b6ff}
/* Bridge is outside the scrollable panel so overflow cannot clip it. */
@media(min-width:851px){.dropdown.open:before{content:'';position:absolute;left:var(--bridge-left);top:var(--bridge-top);width:var(--bridge-width);height:var(--bridge-height);background:transparent}}
.mega-items{list-style:none;padding:22px 0 0;margin:0;display:grid;gap:22px}.mega-items li{font-size:16px;line-height:1.45;color:#353747;font-weight:500}
.feature-name{display:block;font-weight:600}.mega-items .feature-description{font-size:15px;font-weight:400;line-height:1.5;color:#636575;margin:5px 0 0}
@media(max-width:1000px) and (min-width:851px){.mega-columns{gap:25px}.mega-columns h3{font-size:18px}header{padding-left:3%;padding-right:3%}.brand img.brand-icon{width:65px}.brand img:not(.brand-icon){width:145px}nav{gap:18px}}
@media(max-width:850px){nav.open{max-height:calc(100svh - 85px);overflow:auto}.submenu.mega-panel{position:static;padding:25px 20px;margin-top:10px;border-radius:10px;box-shadow:none;width:100%}.mega-columns{grid-template-columns:1fr;gap:24px;min-height:0}.mega-columns h3{font-size:19px;padding-bottom:13px}.dropdown>button{width:100%;text-align:left;display:flex;justify-content:space-between}.dropdown>button:after{bottom:0}}
/* Linked feature families and section anchors. */
.submenu.mega-panel{max-height:calc(100svh - 110px);overflow-y:auto;padding-top:30px;padding-bottom:36px}.mega-columns h3 a{display:flex;justify-content:space-between;gap:8px;padding:0;color:#202230}.mega-columns h3 a span{font-size:18px;color:#777c9c}.mega-items li a{padding:0;border:0!important;display:block}.mega-items li a:hover .feature-name,.mega-columns h3 a:hover{color:#4859ac}.mega-items{gap:20px}.mega-items a:focus-visible{outline-color:#4859ac}@media(max-width:850px){.submenu.mega-panel{max-height:none;overflow:visible}}
/* Keep category labels, feature titles and descriptions on one left edge. */
.mega-items .feature-name{margin-left:0}.mega-columns h3{min-height:49px}.mega-columns h3 a{align-items:baseline}.mega-items li,.mega-items li a,.mega-items .feature-description{text-align:left;margin-left:0;padding-left:0}
@media(max-width:1000px) and (min-width:851px){.mega-columns h3{min-height:44px}}
@media(max-width:850px){.mega-columns h3{min-height:0}}

/* Reserve two title lines so longer family names keep all columns aligned. */
@media(min-width:851px){.mega-columns h3{min-height:78px}.mega-columns h3 a{overflow-wrap:anywhere}.mega-columns h3 a span{flex-shrink:0}}

/* Share the natural title row height instead of reserving excess blank space. */
@media(min-width:851px){.mega-columns{grid-template-rows:auto 1fr;row-gap:0}.mega-columns>section{display:grid;grid-template-rows:subgrid;grid-row:span 2}.mega-columns h3{min-height:0;padding-bottom:10px}.mega-items{padding-top:16px;align-content:start}}

/* Two distinct feature families; SaaS owns the three product columns. */
.submenu.mega-panel{padding:22px 4% 30px;background:#f7f7fa}
.mega-groups{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 3fr;gap:26px}
.mega-group{min-width:0}.mega-group-heading{height:62px;display:flex;align-items:center;border-bottom:2px solid #dcdfee;margin-bottom:22px}
.mega-group-heading h2{font-size:24px;font-weight:650;letter-spacing:-.6px;color:#242743;margin:0;line-height:1.2}
.mega-group-heading h2 a{display:flex;align-items:center;gap:12px;padding:0;color:inherit}.mega-group-heading h2 a span{font-size:19px;color:#727ca5}
.saas-group{border-left:1px solid #dcdfee;padding-left:26px}.saas-group>.mega-group-heading{justify-content:center;background:#eceef8;border-radius:8px 8px 0 0;border-bottom-color:#8e9bd5}
.saas-group>.mega-group-heading h2{font-size:28px;color:#48588e;letter-spacing:.4px}
.saas-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;min-height:0}
.saas-columns h3{font-size:18px;letter-spacing:-.3px;padding-bottom:12px;border-bottom:1px solid #dcdfee;min-height:0}
.saas-columns h3 a span{font-size:16px}.cloud-group .mega-items{padding-top:0}.mega-group .group-toggle{display:none}
@media(max-width:1000px) and (min-width:851px){.mega-groups{gap:18px}.saas-group{padding-left:18px}.saas-columns{gap:0 18px}.mega-group-heading h2{font-size:19px}.saas-columns h3{font-size:16px}.saas-group>.mega-group-heading h2{font-size:25px}}
@media(max-width:850px){.mega-groups{display:block}.mega-group-heading{height:auto;min-height:57px;margin-bottom:0;gap:12px}.mega-group-heading h2{font-size:19px;flex:1}.mega-group .group-toggle{display:block;background:none;border:0;color:#48588e;font-size:25px;padding:9px;min-width:42px}.mega-group-body{display:none;padding-top:20px}.mega-group.is-expanded>.mega-group-body{display:block}.saas-group{border-left:0;padding-left:0;margin-top:18px}.saas-group>.mega-group-heading{padding-left:14px}.saas-group>.mega-group-heading h2{font-size:23px;text-align:center}.saas-columns{display:grid;grid-template-columns:1fr;gap:26px}.saas-columns h3{font-size:18px}.cloud-group .mega-items{padding-top:0}}

/* Consistent first-level family titles, without decorative link arrows. */
.mega-group>.mega-group-heading{justify-content:center;background:#eceef8;border-radius:8px 8px 0 0;border-bottom:2px solid #8e9bd5}
.mega-group>.mega-group-heading h2{font-size:24px;color:#48588e;letter-spacing:-.4px;text-align:center}
.mega-group-heading h2 a{justify-content:center}
@media(max-width:1000px) and (min-width:851px){.mega-group>.mega-group-heading h2{font-size:21px}}
@media(max-width:850px){.mega-group>.mega-group-heading{padding-left:14px}.mega-group>.mega-group-heading h2{font-size:21px}}

/* Separate Cloud-Exhibition destination and SaaS-only disclosure. */
header #nav{gap:24px;font-size:14px}header #nav>a, #features-trigger{white-space:nowrap}
#features-panel .saas-columns{max-width:1200px;gap:0 44px}
@media(min-width:851px) and (max-width:1150px){header #nav{gap:15px;font-size:12px}.brand img.brand-icon{width:55px}.brand img:not(.brand-icon){width:125px}header{padding-left:3%;padding-right:3%}#features-panel .saas-columns{gap:0 28px}}
@media(max-width:850px){header{padding:16px 6%}.menu-toggle{display:flex;gap:12px;background:none;border:0}.menu-toggle span{font-size:19px}header #nav{display:none;position:absolute;top:85px;left:0;right:0;padding:22px 7%;background:#0b0d1d;align-items:stretch;flex-direction:column;font-size:15px;gap:20px}header #nav.open{display:flex}.brand img.brand-icon{width:60px;height:50px}.brand img:not(.brand-icon){width:130px;height:50px}#features-panel .saas-columns{grid-template-columns:1fr;gap:26px}#features-panel .saas-columns>section{display:block}.submenu.mega-panel{max-height:none;overflow:visible}}