/* One authoritative header design for every Adsoftware page */
.topbar,.top{height:32px!important;min-height:32px!important;background:#071b3d!important;color:#dce9ff!important;font-size:12px!important}
.topbar .wrap,.top .wrap{height:32px!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
.topbar .wrap>span:first-child,.top .wrap>span:first-child{display:flex!important;align-items:center!important;gap:9px!important}
.topbar .wrap>span:first-child:before,.top .wrap>span:first-child:before{content:""!important;width:8px!important;height:8px!important;flex:0 0 8px!important;border-radius:50%!important;background:#51d58a!important;box-shadow:0 0 0 5px rgba(81,213,138,.13)!important}
header{position:sticky!important;top:0!important;z-index:30!important;background:rgba(255,255,255,.97)!important;border:0!important;box-shadow:0 10px 35px rgba(7,27,61,.07)!important;backdrop-filter:blur(12px)!important}
header:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;background:linear-gradient(90deg,transparent 3%,#1268e8 18%,#55b7ff 50%,#1268e8 82%,transparent 97%)!important}
header nav,header nav.wrap,header .nav{height:70px!important;min-height:70px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding-top:0!important;padding-bottom:0!important}
header .brand{display:flex!important;align-items:center!important}
header .brand-logo{position:relative!important;display:block!important;width:155px!important;height:62px!important;flex:0 0 155px!important;overflow:hidden!important;background:#fff!important;border:0!important}
header .brand-logo:after{display:none!important}
header .brand-logo img{position:absolute!important;width:245px!important;height:245px!important;max-width:none!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;object-fit:contain!important;filter:none!important}
header .links{display:flex;align-items:center;gap:5px!important;padding:6px 7px!important;border:1px solid #c5dcfb!important;border-radius:999px!important;background:linear-gradient(135deg,#edf5ff 0%,#dcecff 100%)!important;box-shadow:inset 0 1px 0 #fff,0 10px 28px rgba(18,104,232,.10)!important;font-size:14px!important;font-weight:800!important}
header .links>a:not(.btn){padding:9px 15px!important;border-radius:999px!important;color:#0b2144!important;transition:.2s!important}
header .links>a:not(.btn):hover,header .links>a.active{background:#fff!important;color:#1268e8!important;box-shadow:0 8px 22px rgba(18,104,232,.14)!important}
header .links .btn{min-height:44px!important;margin-left:6px!important;padding:7px 10px 7px 22px!important;border:2px solid rgba(255,255,255,.72)!important;border-radius:999px!important;background:linear-gradient(135deg,#1268e8,#0d54c2)!important;color:#fff!important;box-shadow:0 12px 25px rgba(18,104,232,.25)!important;display:inline-flex!important;align-items:center!important;gap:9px!important;font-size:14px!important;font-weight:800!important}
header .links .btn .arrow{position:relative!important;width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:50%!important;display:block!important;background:rgba(255,255,255,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;font-size:0!important;transition:transform .25s ease,background .25s ease!important}
header .links .btn .arrow:before{content:""!important;position:absolute!important;width:9px!important;height:9px!important;right:8px!important;top:7px!important;border-top:2px solid #fff!important;border-right:2px solid #fff!important;border-radius:1px!important}
header .links .btn .arrow:after{content:""!important;position:absolute!important;width:12px!important;height:2px!important;left:8px!important;bottom:9px!important;border-radius:2px!important;background:#fff!important;transform:rotate(-45deg)!important;transform-origin:center!important}
header .links .btn:hover .arrow{transform:translate(2px,-2px)!important;background:rgba(255,255,255,.27)!important}
header .menu{display:none!important;border:0!important;width:42px!important;height:42px!important;border-radius:10px!important;background:#edf5ff!important;color:#071b3d!important;font-size:21px!important}
@media(max-width:900px){.topbar,.top{display:none!important}header nav,header nav.wrap,header .nav{height:66px!important;min-height:66px!important}.brand-logo,header .brand-logo{width:138px!important;height:56px!important;flex-basis:138px!important}.brand-logo img,header .brand-logo img{width:220px!important;height:220px!important}header .menu{display:block!important}header .links{display:none!important;position:absolute!important;left:20px!important;right:20px!important;top:66px!important;flex-direction:column!important;align-items:stretch!important;padding:16px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 20px 45px #001c3c2b!important}header .links.open{display:flex!important}header .links>a:not(.btn){padding:11px 14px!important}header .links .btn{margin-left:0!important;justify-content:center!important}}
@media(max-width:600px){header .brand-logo{width:124px!important;height:54px!important;flex-basis:124px!important}header .brand-logo img{width:200px!important;height:200px!important}}

/* Shared solutions mega menu */
.solution-menu{position:relative}.solution-menu>.solution-trigger{display:flex;align-items:center;gap:10px;padding:9px 15px;border:0;border-radius:999px;background:transparent;color:#0b2144;font:inherit;font-weight:800;cursor:pointer}.solution-menu>.solution-trigger:after{content:"";width:7px;height:7px;margin-top:-4px;border-right:2px solid #1268e8;border-bottom:2px solid #1268e8;transform:rotate(45deg);transition:transform .22s ease,margin .22s ease}.solution-menu:hover>.solution-trigger,.solution-menu.open>.solution-trigger,.solution-menu>.solution-trigger.active{background:#fff;color:#1268e8;box-shadow:0 8px 22px rgba(18,104,232,.14)}.solution-menu.open>.solution-trigger:after{margin-top:4px;transform:rotate(225deg)}
.solution-mega{position:absolute;top:calc(100% + 18px);left:50%;width:min(820px,82vw);padding:18px;border:1px solid #d4e2f5;border-radius:20px;background:#fff;box-shadow:0 28px 70px #071b3d2b;opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:.22s;z-index:60}.solution-menu:hover .solution-mega,.solution-menu.open .solution-mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 12px 17px;border-bottom:1px solid #e4edf8}.mega-head strong{color:#071b3d;font-size:15px}.mega-head a{color:#1268e8;font-size:12px;font-weight:900}.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:12px}.mega-item{display:grid!important;grid-template-columns:43px 1fr;gap:12px;padding:13px!important;border-radius:12px!important;color:#0b2144!important}.mega-item:hover{background:#edf5ff!important}.mega-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e8f2ff;color:#1268e8;font-size:12px;font-weight:900}.mega-item strong{display:block;font-size:13px;line-height:1.25}.mega-item small{display:block;margin-top:4px;color:#738198;font-size:10px;line-height:1.35;font-weight:600}
@media(max-width:900px){.solution-menu>.solution-trigger{justify-content:space-between;padding:11px 14px}.solution-mega{position:static;width:100%;max-height:0;padding:0 10px;border:0;box-shadow:none;opacity:1;visibility:visible;overflow:hidden;transform:none;background:#f5f9ff}.solution-menu:hover .solution-mega{max-height:0}.solution-menu.open .solution-mega{max-height:700px;padding:10px}.mega-head{display:none}.mega-grid{grid-template-columns:1fr}.mega-item{grid-template-columns:36px 1fr!important}.mega-icon{width:36px;height:36px}}

/* Four solution families supplied in the updated website content. */
.solution-mega{width:min(1120px,94vw)}.mega-families{display:grid;grid-template-columns:1.2fr 1.2fr .9fr 1.15fr;gap:12px;padding-top:14px}.mega-family{padding:13px;border-radius:14px;background:#f7faff}.mega-family>span{display:block;margin-bottom:9px;color:#1268e8;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mega-family>a{display:block;padding:7px 8px;border-radius:8px;color:#263d61;font-size:11px;font-weight:750;line-height:1.25}.mega-family>a:hover{background:#fff;color:#1268e8;box-shadow:0 6px 18px #071b3d0d}
@media(max-width:900px){.solution-menu.open .solution-mega{max-height:76vh;overflow-y:auto}.mega-families{grid-template-columns:1fr;padding-top:4px}.mega-family{padding:10px}.mega-family>a{padding:8px}}

/* Viewport-safe mega menu: prevents the dropdown from widening or shifting the page. */
html,body{max-width:100%;overflow-x:hidden}
header .solution-mega{position:fixed!important;left:50vw!important;right:auto!important;top:112px!important;width:min(1100px,calc(100vw - 36px))!important;max-width:1100px!important;max-height:calc(100vh - 132px)!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;transform:translate(-50%,12px)!important}
header .solution-menu:hover .solution-mega,header .solution-menu.open .solution-mega{transform:translate(-50%,0)!important}
header .mega-families{grid-template-columns:1.18fr 1.18fr .9fr 1.12fr!important;gap:10px!important}
header .mega-family{min-width:0!important;padding:12px!important}
header .mega-family>a{white-space:normal!important;overflow-wrap:anywhere!important}
@media(max-width:900px){html,body{overflow-x:hidden}header .solution-mega{position:static!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;max-width:100%!important;max-height:0!important;overflow:hidden!important;transform:none!important}header .solution-menu:hover .solution-mega{max-height:0!important;transform:none!important}header .solution-menu.open .solution-mega{max-height:70vh!important;overflow-y:auto!important;transform:none!important}header .mega-families{grid-template-columns:1fr!important}}
