*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",SegoeUI,Arial,sans-serif;color:#0d1b43;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1335px,92%);margin:auto}.header{position:absolute;top:0;left:0;right:0;height:58px;border-bottom:1px solid rgba(255,255,255,.10);z-index:20;color:#fff}.nav{height:58px;display:flex;align-items:center;justify-content:space-between}.logo{display:block;width:205px;height:48px;overflow:hidden}.logo img{width:205px;height:48px;object-fit:cover;object-position:left center;mix-blend-mode:screen}.navigation{display:flex;align-items:center;gap:31px;font-size:12px;font-weight:600}.navigation>a{position:relative;padding:21px 0 20px}.navigation>a:not(.start-btn):hover,.navigation>a.active{color:#fff}.navigation>a:not(.start-btn):hover:after,.navigation>a.active:after{content:"";position:absolute;left:0;right:0;bottom:9px;height:2px;background:#55a0ff}.start-btn{background:#0965eb;padding:9px 17px!important;border-radius:10px}.start-btn strong{font-size:17px;margin-left:9px}.circle-menu{width:32px;height:32px;border-radius:50%;border:1px solid #7383a2;background:transparent;color:#fff;font-size:16px}.hamburger{display:none}
.hero{height:397px;position:relative;background:#020c2b;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url("/assets/hero.jpg");background-size:cover;background-position:center right;opacity:.88}.hero-glow{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,10,37,.99) 0%,rgba(1,12,42,.88) 34%,rgba(0,20,70,.16) 70%,rgba(0,9,35,.28));}.hero-content{height:100%;position:relative;z-index:2;display:flex;align-items:center}.hero-text{padding-top:39px;width:51%}.label{font-size:10px;letter-spacing:1.1px;color:#0871ff;font-weight:800;margin:0 0 8px}.hero .label{color:#2b93ff}.hero h1{font-size:37px;line-height:1.06;letter-spacing:-1.4px;margin:0 0 12px;font-weight:800}.hero h1 span{color:#086fff}.hero-description{font-size:11.5px;line-height:1.7;max-width:485px;margin:0 0 16px;color:#eaf0ff}.hero-buttons{display:flex;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:7px;padding:10px 17px;font-size:11px;font-weight:700;border:1px solid transparent;cursor:pointer}.button span{font-size:16px}.button.blue{background:#0768f4;color:#fff}.button.outline{border-color:#8594b2;color:#fff;background:rgba(0,0,0,.08)}.button.white{background:#fff;color:#075be5}.trusted{margin-top:18px}.trusted p{font-size:8px;letter-spacing:1px;font-weight:700;margin:0 0 9px}.brands{display:flex;align-items:center;gap:17px;font-size:10px;color:#eaf0ff}.brands i{width:1px;height:15px;background:#6c7896}
.section-white{background:#fff;padding:42px 0}.heading{text-align:center;margin-bottom:20px}.heading h2{font-size:24px;letter-spacing:-.7px;margin:3px 0 6px}.heading>p:last-child{font-size:10.5px;color:#5a6681;margin:0}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.service-card{height:147px;border:1px solid #dce5f3;border-radius:8px;padding:14px 14px 12px;position:relative;background:linear-gradient(145deg,#fff,#fbfdff);transition:.25s;box-shadow:0 5px 16px rgba(28,64,120,.025)}.service-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(30,90,180,.10);border-color:#b9d1ff}.service-icon{height:35px;width:35px;display:grid;place-items:center;border-radius:8px;background:#eef4ff;color:#075fff;font-weight:800;font-size:16px;margin-bottom:7px}.service-card h3{font-size:11.5px;line-height:1.35;margin:0 0 7px}.service-card p{font-size:9px;line-height:1.55;color:#586681;margin:0}.service-card>a{position:absolute;bottom:11px;left:14px;width:19px;height:19px;border-radius:50%;background:#eaf1ff;color:#0865ff;text-align:center;line-height:19px;font-weight:800;font-size:12px}
.why{background:#f8faff;padding:22px 0}.why-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center}.why h2{font-size:18px;line-height:1.15;margin:4px 0 8px}.why-copy>p:not(.label){font-size:10px;line-height:1.6;color:#586681;margin:0;max-width:430px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;margin-top:12px;font-size:8.5px;color:#31405f}.checks span:first-letter{color:#0870ff}.counter-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.counter-card{height:64px;border:1px solid #dce5f3;border-radius:7px;background:#fff;display:flex;align-items:center;padding:10px 16px;gap:15px}.counter-card strong{font-size:19px;min-width:48px;color:#081847}.counter-card small{font-size:8.5px;color:#596680}
.featured{background:#f7f9fd;height:190px}.featured-grid{height:100%;display:grid;grid-template-columns:40% 60%;align-items:center}.featured-copy .label{margin-bottom:6px}.featured-copy h2{font-size:18px;margin:0 0 7px}.featured-copy>p:not(.label){font-size:10px;line-height:1.6;color:#56637f;max-width:360px;margin:0 0 12px}.case-link{font-size:10px;font-weight:700;color:#0867ff}.case-link span{font-size:15px;margin-left:5px}.dashboard{height:190px;overflow:hidden;border-left:1px solid #e1e7f1}.dashboard img{width:100%;height:100%;object-fit:cover;object-position:center}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.industry-grid a{border:1px solid #dce5f3;border-radius:8px;padding:17px;font-size:11px;font-weight:700;transition:.2s}.industry-grid a:hover{border-color:#9fc2ff;box-shadow:0 8px 20px rgba(20,80,180,.08)}.industry-grid span,.solution-list span{float:right;color:#0868ff;font-size:16px}.solutions{padding:43px 0;background:#f8faff}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.solution-grid h2{font-size:24px;line-height:1.15;margin:5px 0 9px}.solution-grid>div>p:not(.label){font-size:10.5px;line-height:1.7;color:#596680;max-width:470px}.solution-list{border-top:1px solid #dce5f3}.solution-list a{display:block;padding:13px 2px;border-bottom:1px solid #dce5f3;font-size:11px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.insight-grid article{border:1px solid #dce5f3;border-radius:8px;padding:18px;min-height:130px;transition:.2s}.insight-grid article:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(20,80,180,.08)}.insight-grid small{font-size:8px;color:#0868ff;font-weight:800}.insight-grid h3{font-size:13px;line-height:1.4;margin:8px 0 17px}.insight-grid a{font-size:9px;color:#0868ff;font-weight:700}
.cta{background:linear-gradient(100deg,#0758e6,#003cb9);color:#fff;padding:21px 0;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:500px;height:140px;left:5%;top:-70px;border-radius:50%;background:rgba(0,180,255,.18);filter:blur(20px)}.cta-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.cta h2{font-size:18px;margin:0 0 3px}.cta p{font-size:10px;margin:0;color:#d9e8ff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.contact h2{font-size:27px;line-height:1.15;max-width:520px;margin:5px 0 8px}.contact-grid>div>p:not(.label){font-size:10.5px;color:#596680;line-height:1.7}.contact-info{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#3d4a68;margin-top:20px}#contactForm{display:grid;grid-template-columns:1fr 1fr;gap:10px}#contactForm label{display:block;font-size:9px;font-weight:700;margin:0 0 5px;color:#3b4864}#contactForm input,#contactForm textarea{width:100%;font:inherit;font-size:10px;border:1px solid #dce5f3;border-radius:6px;padding:10px 11px;outline:none}#contactForm input:focus,#contactForm textarea:focus{border-color:#75a8ff}#contactForm textarea{resize:vertical}.full{grid-column:1/-1}#contactForm .button{width:max-content}.form-status{font-size:9px!important;color:#0870ff!important;font-weight:700!important;margin:10px 0 0!important}
footer{background:#031b5b;color:#fff;padding-top:25px}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr 1.25fr .9fr 1.25fr;gap:28px;padding-bottom:22px}.footer-grid h4{font-size:10.5px;margin:0 0 9px}.footer-grid a{display:block;font-size:8.7px;color:#d5e0f7;margin:5px 0}.footer-brand img{width:145px;height:35px;object-fit:cover;object-position:left center;mix-blend-mode:screen}.footer-brand p,.footer-grid>div>p{font-size:9px;line-height:1.55;color:#c9d7f0;max-width:250px}.social{display:flex;gap:7px;margin-top:9px}.social span{width:22px;height:22px;border:1px solid #5573ac;border-radius:50%;display:grid;place-items:center;font-size:8px}.newsletter{display:flex;margin-top:12px}.newsletter input{height:30px;min-width:0;flex:1;border:0;border-radius:6px 0 0 6px;padding:0 10px;font-size:9px}.newsletter button{width:34px;border:0;background:#0868ff;color:#fff;border-radius:0 6px 6px 0}.copyright{border-top:1px solid rgba(255,255,255,.12);padding:9px 0;font-size:8px;color:#c6d4ed}.copyright .container{display:flex;justify-content:space-between}
@media(max-width:1120px){.navigation{gap:17px}.service-grid{grid-template-columns:repeat(3,1fr)}.hero-text{width:57%}.hero h1{font-size:33px}}
@media(max-width:1024px){.header{height:58px}.hamburger{display:flex;flex-direction:column;gap:4px;width:34px;height:34px;justify-content:center;align-items:center;background:transparent;border:1px solid #687b9d;border-radius:50%}.hamburger span{width:13px;height:1px;background:#fff}.navigation{display:none;position:absolute;top:58px;left:0;right:0;background:#03133d;padding:12px 5%;flex-direction:column;align-items:flex-start;gap:0}.navigation.open{display:flex}.navigation>a{width:100%;padding:10px 0}.navigation>a.active:after{display:none}.start-btn{width:max-content!important;margin-top:5px}.circle-menu{display:none}.hero{height:650px}.hero-content{align-items:flex-start}.hero-text{width:100%;padding-top:92px}.hero h1{font-size:33px}.hero-image{background-position:65% center}.hero-glow{background:linear-gradient(180deg,rgba(1,10,37,.96) 0%,rgba(1,12,42,.86) 45%,rgba(0,8,30,.42) 100%)}.trusted{margin-top:18px}.brands{flex-wrap:wrap;gap:10px}.brands i{display:none}.service-grid{grid-template-columns:1fr 1fr}.why-grid,.solution-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.featured{height:auto;padding:20px 0}.featured-grid{grid-template-columns:1fr;gap:10px}.dashboard{height:180px;border:0}.industry-grid,.insight-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.copyright .container{flex-direction:column;gap:5px}}
@media(max-width:480px){.container{width:90%}.service-grid,.industry-grid,.insight-grid,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:29px}.hero-buttons{flex-wrap:wrap}.counter-card{height:58px;padding:8px 10px}.counter-card strong{font-size:17px}.checks{font-size:8px}.contact h2{font-size:23px}#contactForm{grid-template-columns:1fr}.full{grid-column:auto}.footer-grid{gap:20px}}
/* ===== Loading screen ===== */
body.is-loading{overflow:hidden}
.preloader{position:fixed;inset:0;z-index:9999;background:#020c2b;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease}
.preloader.hide{opacity:0;visibility:hidden;pointer-events:none}
.loader-inner{text-align:center;width:min(360px,78vw);display:flex;flex-direction:column;align-items:center}
.loader-inner img{width:210px;height:50px;object-fit:cover;object-position:left center;mix-blend-mode:screen;margin-bottom:18px}
.loader-slogan{font-size:10px;letter-spacing:2px;color:#4aa0ff;font-weight:800;margin:0 0 22px}
.loader-progress{width:100%;height:4px;border-radius:20px;background:rgba(255,255,255,.14);overflow:hidden;box-shadow:0 0 18px rgba(0,102,255,.22)}
.loader-progress span{display:block;width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,#0870ff,#4bb3ff);box-shadow:0 0 14px rgba(37,132,255,.75);transition:width .12s linear}
.loader-percent{margin-top:10px;font-size:9px;color:#dce9ff;letter-spacing:1px}
/* ===== Sticky header ===== */
.header{position:fixed;top:0;transition:background .28s ease,box-shadow .28s ease,backdrop-filter .28s ease}
.header.scrolled{background:rgba(2,12,43,.94);backdrop-filter:blur(12px);box-shadow:0 8px 25px rgba(0,0,0,.18);border-bottom-color:rgba(102,154,255,.18)}
.scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;z-index:5;transform-origin:left center;transform:scaleX(0);background:#1680ff;box-shadow:0 0 8px rgba(22,128,255,.65)}
@media(max-width:1024px){
.header{background:rgba(2,12,43,.82);backdrop-filter:blur(10px)}
.header.scrolled{background:rgba(2,12,43,.97)}
}
/* ===== V5 NAVIGATION REPAIR ===== */
html,body{font-family:"Segoe UI",SegoeUI,Arial,sans-serif}
.header{position:fixed!important;top:0;left:0;right:0;height:58px;z-index:1000}
.navigation{display:flex;align-items:center;justify-content:flex-end;gap:28px;height:58px;white-space:nowrap}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-family:"Segoe UI",SegoeUI,Arial,sans-serif;font-size:12px;font-weight:600;color:#fff;text-decoration:none}
.nav-item{position:relative!important;display:flex!important;align-items:center!important;height:58px!important}
.nav-item>.nav-link{display:flex!important;align-items:center!important;gap:5px!important;height:58px!important;padding:0!important;position:relative!important}
.nav-item>.nav-link .chevron{font-size:12px;line-height:1;display:inline-block;transition:transform .2s ease}
.nav-item:hover>.nav-link .chevron{transform:rotate(180deg)}
.dropdown{position:absolute!important;top:54px!important;left:50%!important;transform:translate(-50%,8px)!important;width:255px!important;display:flex!important;flex-direction:column!important;gap:2px!important;padding:8px!important;margin:0!important;background:#fff!important;border:1px solid #dce6f4!important;border-radius:9px!important;box-shadow:0 18px 40px rgba(0,18,65,.20)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:2000!important;white-space:normal!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important}
.dropdown:before{content:""!important;position:absolute!important;top:-6px!important;left:50%!important;width:10px!important;height:10px!important;background:#fff!important;border-left:1px solid #dce6f4!important;border-top:1px solid #dce6f4!important;transform:translateX(-50%) rotate(45deg)!important}
.nav-item:hover>.dropdown,.nav-item:focus-within>.dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
.dropdown a{display:block!important;width:100%!important;height:auto!important;padding:9px 11px!important;margin:0!important;border-radius:6px!important;background:transparent!important;color:#1c2947!important;font-size:10.5px!important;font-weight:600!important;line-height:1.25!important;white-space:nowrap!important}
.dropdown a:hover{background:#edf5ff!important;color:#0868ff!important}
.navigation>.nav-link{height:58px;display:flex;align-items:center;position:relative}
.navigation>.nav-link:after,.nav-item>.nav-link:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:8px!important;height:2px!important;background:#55a0ff!important;transform:scaleX(0)!important;transform-origin:center!important;transition:transform .18s ease!important}
.navigation>.nav-link:hover:after,.navigation>.nav-link.active:after,.nav-item:hover>.nav-link:after,.nav-item:focus-within>.nav-link:after{transform:scaleX(1)!important}
.start-btn{height:44px!important;display:flex!important;align-items:center!important;margin-left:2px!important;padding:0 17px!important;border-radius:10px!important}
.circle-menu{flex:none!important}
.logo{flex:none!important}
/* keep hero artwork below the sticky header */
.hero{z-index:1}
/* Mobile */
@media(max-width:1120px) and (min-width:761px){
.navigation{gap:16px}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:10px}
}
@media(max-width:1024px){
.navigation{display:none!important;position:absolute!important;top:58px!important;left:0!important;right:0!important;height:auto!important;max-height:calc(100vh - 58px)!important;overflow:auto!important;background:#03133d!important;padding:12px 5%!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;white-space:normal!important}
.navigation.open{display:flex!important}
.navigation>.nav-link,.nav-item{width:100%!important;height:auto!important}
.navigation>.nav-link{padding:11px 0!important;height:auto!important}
.nav-item{display:block!important}
.nav-item>.nav-link{width:100%!important;height:auto!important;padding:11px 0!important;justify-content:space-between!important}
.navigation>.nav-link:after,.nav-item>.nav-link:after{display:none!important}
.dropdown{position:static!important;display:none!important;width:100%!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:#061c4c!important;border:0!important;border-radius:6px!important;box-shadow:none!important;padding:5px!important}
.nav-item.dropdown-open>.dropdown{display:flex!important}
.dropdown:before{display:none!important}
.dropdown a{color:#dbe7ff!important;font-size:10px!important;padding:9px 12px!important;white-space:normal!important}
.dropdown a:hover{background:#0b2f6d!important;color:#fff!important}
.start-btn{width:max-content!important;height:40px!important;margin-top:7px!important}
}
/* ===== Version 6 visual refinement ===== */
:root{
--ui-blue:#0868ff;
--ui-blue-dark:#031b5b;
--ui-text:#0b1839;
--ui-muted:#5a6783;
--ui-border:#d9e3f2;
}
body{font-family:"Segoe UI",SegoeUI,Arial,sans-serif;font-size:16px;color:var(--ui-text)}
button,input,textarea{font-family:"Segoe UI",SegoeUI,Arial,sans-serif}
.hero h1{font-size:clamp(42px,3.1vw,54px);line-height:1.04;letter-spacing:-1.8px}
.hero-description{font-size:14px;line-height:1.7;max-width:580px}
.label{font-size:12px}
.button{font-size:13px;padding:12px 20px;border-radius:8px}
.trusted p{font-size:10px}.brands{font-size:12px;gap:22px}
.heading h2,.solution-grid h2{font-size:30px}.heading>p:last-child{font-size:13px}
.section-white{padding:62px 0}
.service-grid{gap:16px}
.service-card{height:205px;padding:20px 18px 16px;border-radius:12px}
.service-icon{width:44px;height:44px;font-size:19px;margin-bottom:13px}
.service-card h3{font-size:15px;line-height:1.35;margin-bottom:10px}
.service-card p{font-size:12px;line-height:1.65}
.service-card>a{bottom:16px;left:18px;width:25px;height:25px;line-height:25px;font-size:14px}
.why{padding:40px 0}.why h2{font-size:25px}.why-copy>p:not(.label){font-size:13px}.checks{font-size:11px;gap:10px 18px}
.counter-grid{gap:15px}.counter-card{height:90px;padding:14px 18px;border-radius:10px;gap:14px}.counter-icon{width:42px;height:42px;font-size:19px}.counter-card strong{font-size:25px}.counter-card small{font-size:11px}
.featured{height:245px}.featured-copy h2{font-size:25px}.featured-copy>p:not(.label){font-size:12px}.dashboard{height:245px}
.industry-grid{gap:16px}.industry-grid a{padding:21px;font-size:14px;border-radius:10px}
.solutions{padding:62px 0}.solution-grid h2{line-height:1.15}.solution-grid>div>p:not(.label){font-size:13px}.solution-list a{padding:18px 2px;font-size:14px}
.insight-grid{gap:16px}.insight-grid article{padding:22px;min-height:175px;border-radius:10px}.insight-grid h3{font-size:16px}.insight-grid a{font-size:11px}
.cta{padding:30px 0}.cta h2{font-size:25px}.cta p{font-size:13px}
.contact{padding:62px 0}.contact h2{font-size:34px}.contact-grid>div>p:not(.label){font-size:13px}.contact-info{font-size:13px}#contactForm label{font-size:11px}#contactForm input,#contactForm textarea{font-size:13px;padding:13px}
.capability-strip{background:linear-gradient(100deg,#f4f8ff,#ffffff);border-top:1px solid #e0e8f5;border-bottom:1px solid #dce5f3;padding:28px 0}
.capability-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.mini-label{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#0868ff}.capability-strip h2{font-size:22px;margin:5px 0 0}.capability-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.capability-pills span{font-size:11px;font-weight:700;color:#203052;border:1px solid #d7e2f2;background:#fff;padding:9px 12px;border-radius:999px}
.footer-grid{gap:40px;padding-top:6px;padding-bottom:34px}.footer-grid h4{font-size:13px;margin-bottom:12px}.footer-grid a{font-size:11px;margin:7px 0}.footer-brand p,.footer-grid>div>p{font-size:11px;line-height:1.65}.social span{width:28px;height:28px;font-size:10px}.newsletter input{height:38px;font-size:11px}.newsletter button{width:42px}.copyright{font-size:10px;padding:12px 0}
.navigation{font-family:"Segoe UI",SegoeUI,Arial,sans-serif;font-size:14px;gap:28px}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:14px;font-weight:600}
.nav-item{position:relative;height:58px;display:flex;align-items:center}
.nav-item>.nav-link{display:flex;align-items:center;gap:8px}
.chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease;margin-left:3px}
.nav-item:hover .chevron,.nav-item:focus-within .chevron{transform:rotate(225deg) translate(-1px,-1px)}
.dropdown{top:59px!important;width:520px!important;padding:12px!important;border-radius:18px!important;gap:5px!important;display:grid!important;grid-template-columns:1fr 1fr;box-shadow:0 24px 55px rgba(2,17,60,.22)!important}
.dropdown.small-dropdown{width:390px!important}
.dropdown.compact-dropdown{width:500px!important}
.dropdown a{padding:14px 15px!important;border-radius:12px!important;min-height:76px;display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;white-space:normal!important}
.dropdown a b{font-size:14px;font-weight:650;line-height:1.3}
.dropdown a small{font-size:11px;line-height:1.4;color:#68738c;margin-top:5px}
.dropdown a:hover{background:#eef4ff!important}
.dropdown a.drop-featured{background:#f4f0fb!important}
.dropdown a.drop-featured:hover{background:#eaf2ff!important}
.dropdown:before{top:-7px!important;width:12px!important;height:12px!important}
.marquee-window{width:100%;overflow:hidden}.marquee-track{display:flex!important;width:max-content!important;flex-wrap:nowrap!important;animation:clientMarquee 30s linear infinite}.marquee-track span{white-space:nowrap}.marquee-track i{flex:none}
@keyframes clientMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Progressive-enhancement reveal: content remains visible if JS fails. */
.reveal-section{opacity:1;transform:none}
.js-ready .reveal-section{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js-ready .reveal-section.is-visible{opacity:1;transform:none}
.js-ready .service-card,.js-ready .industry-grid a,.js-ready .insight-grid article,.js-ready .counter-card{opacity:0;transform:translateY(24px)}
.js-ready .reveal-section.is-visible .service-card,.js-ready .reveal-section.is-visible .industry-grid a,.js-ready .reveal-section.is-visible .insight-grid article,.js-ready .reveal-section.is-visible .counter-card{opacity:1;transform:none}
/* Content should never disappear on hover; hover only enhances cards. */
.service-card:hover,.industry-grid a:hover,.insight-grid article:hover{transform:translateY(-3px)}
@media(max-width:1120px){
.navigation{gap:17px}.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:12px}
.dropdown{width:460px!important}.dropdown.small-dropdown{width:360px!important}
}
@media(max-width:1024px){
.hero h1{font-size:38px}.hero-description{font-size:13px}
.section-white{padding:48px 0}.service-card{height:190px}
.heading h2,.solution-grid h2{font-size:27px}
.capability-inner{flex-direction:column;align-items:flex-start}.capability-pills{justify-content:flex-start}
.navigation{font-size:14px}.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:14px}
.dropdown,.dropdown.small-dropdown,.dropdown.compact-dropdown{width:100%!important}
.dropdown{grid-template-columns:1fr!important}
.dropdown a{min-height:auto;padding:12px!important}
}
@media(max-width:480px){
.hero h1{font-size:33px}.hero-description{font-size:12px}
.service-card{height:185px}.service-card h3{font-size:14px}.service-card p{font-size:11px}
.counter-card{height:78px}.counter-card strong{font-size:21px}.counter-card small{font-size:10px}
.contact h2{font-size:28px}
}
/* ===== V7 reference-inspired navigation ===== */
.navigation{font-family:"Segoe UI",SegoeUI,Arial,sans-serif;gap:30px}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:16px;font-weight:650;letter-spacing:-.1px}
.nav-item{height:72px;display:flex;align-items:center}
.nav-item>.nav-link{height:72px;display:flex;align-items:center;gap:8px}
.chevron{
width:9px;height:9px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;
transform:rotate(45deg);transition:transform .22s ease;position:relative;top:-2px;
}
.nav-item:hover .chevron,.nav-item:focus-within .chevron{transform:rotate(225deg);top:2px}
.nav-item>.nav-link:after,.navigation>.nav-link:after{
bottom:2px!important;height:3px!important;border-radius:4px;
}
.dropdown{
top:72px!important;
border-radius:22px!important;
overflow:hidden;
background:#fff!important;
border:1px solid #e0e5ed!important;
box-shadow:0 25px 65px rgba(10,24,55,.22)!important;
z-index:100!important;
}
.mega-dropdown{
width:650px!important;
padding:24px!important;
grid-template-columns:1fr 1fr!important;
gap:14px!important;
}
.drop-column{display:flex;flex-direction:column;gap:3px}
.drop-heading{font-size:15px;font-weight:750;color:#192235;padding:5px 12px 10px}
.dropdown .drop-column a{
min-height:65px!important;
padding:11px 12px!important;
border-radius:12px!important;
justify-content:center!important;
}
.dropdown a b{font-size:15px!important;line-height:1.25}
.dropdown a small{font-size:12px!important;line-height:1.35;margin-top:4px;color:#6b7487}
.dropdown .drop-column a:hover{background:#eef5ff!important}
.small-dropdown{width:410px!important;grid-template-columns:1fr!important;padding:12px!important}
.small-dropdown a{min-height:68px!important}
.products-dropdown{
width:920px!important;
padding:0!important;
display:grid!important;
grid-template-columns:1fr 315px!important;
gap:0!important;
}
.product-menu-list{
padding:24px 28px;
display:grid;
grid-template-columns:1fr 1fr;
column-gap:18px;
row-gap:3px;
}
.product-menu-list .drop-heading{grid-column:1/-1;padding-left:0;font-size:19px}
.drop-intro{grid-column:1/-1;margin:0 0 10px;color:#68748a;font-size:14px}
.product-menu-list>a{
min-height:78px!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
gap:14px;
padding:10px!important;
border-radius:13px!important;
}
.product-menu-list>a:hover{background:#eef5ff!important}
.product-icon{
width:46px;height:46px;flex:none;border-radius:13px;background:#eef6ff;color:#0877ff;
display:grid;place-items:center;font-size:21px;font-weight:700;
}
.product-menu-list>a span:last-child{display:flex;flex-direction:column}
.product-menu-list>a b{font-size:15px!important}
.product-menu-list>a small{font-size:12px!important}
.products-callout{
padding:48px 34px;
color:#fff;
background:linear-gradient(150deg,#2e8ff0,#0061dc);
display:flex;flex-direction:column;align-items:flex-start;
}
.products-callout>span{font-size:13px;letter-spacing:2px;font-weight:600;opacity:.92}
.products-callout h3{font-size:32px;line-height:1.12;margin:20px 0 16px}
.products-callout p{font-size:15px;line-height:1.7;margin:0 0 32px;opacity:.94}
.products-callout>a{
background:#fff!important;color:#0874ed!important;border-radius:999px!important;
padding:16px 23px!important;min-height:auto!important;font-size:15px!important;
display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%;
}
.products-callout>a b{font-size:20px!important}
.products-callout>a:hover{background:#f4f8ff!important}
/* ===== Separate client section ===== */
.clients-section{
background:#fff;
padding:42px 0 38px;
border-top:1px solid #e0e7f1;
border-bottom:1px solid #e0e7f1;
}
.clients-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:25px}
.mini-label{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#0872ff}
.clients-heading h2{font-size:27px;letter-spacing:-.5px;margin:5px 0 0}
.clients-heading p{max-width:440px;font-size:13px;line-height:1.6;color:#647089;margin:0}
.client-marquee-window{overflow:hidden;width:100%;position:relative}
.client-marquee{width:max-content;display:flex;align-items:center;gap:0;animation:clientMarqueeV7 28s linear infinite}
.client-marquee:hover{animation-play-state:paused}
.client-logo{
min-width:190px;height:65px;padding:0 30px;display:flex;align-items:center;justify-content:center;gap:10px;
color:#263552;font-size:16px;font-weight:650;border-right:1px solid #e0e6ef;white-space:nowrap;
}
.client-logo b{color:#1677f4;font-size:20px}
@keyframes clientMarqueeV7{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* ===== Larger page typography ===== */
body{font-family:"Segoe UI",SegoeUI,Arial,sans-serif}
.hero h1{font-size:clamp(46px,3.5vw,60px)}
.hero-description{font-size:15px}
.service-card h3{font-size:16px}.service-card p{font-size:12px}
.heading h2{font-size:32px}.heading>p:last-child{font-size:14px}
.why h2{font-size:28px}.why-copy>p:not(.label){font-size:14px}.checks{font-size:12px}
.counter-card strong{font-size:27px}.counter-card small{font-size:12px}
.featured-copy h2{font-size:28px}.featured-copy>p:not(.label){font-size:13px}
.industry-grid a{font-size:15px}.solution-list a{font-size:15px}
.insight-grid h3{font-size:18px}.insight-grid a{font-size:12px}
.cta h2{font-size:27px}.cta p{font-size:14px}
.contact h2{font-size:38px}.contact-grid>div>p:not(.label){font-size:14px}
.footer-grid h4{font-size:14px}.footer-grid a{font-size:12px}.footer-brand p,.footer-grid>div>p{font-size:12px}
@media(max-width:1180px){
.navigation{gap:18px}.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:13px}
.mega-dropdown{width:600px!important}.products-dropdown{width:820px!important}
}
@media(max-width:1024px){
.nav-item{height:auto}.nav-item>.nav-link{height:auto}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:15px}
.dropdown,.mega-dropdown,.products-dropdown,.small-dropdown{width:100%!important;top:auto!important;position:static!important}
.mega-dropdown{grid-template-columns:1fr!important;padding:10px!important}
.products-dropdown{grid-template-columns:1fr!important}
.product-menu-list{grid-template-columns:1fr;padding:14px}
.products-callout{display:none}
.clients-heading{flex-direction:column;align-items:flex-start;gap:10px}
.clients-heading h2{font-size:24px}.client-logo{min-width:160px;font-size:14px}
}
/* =========================================================
AIZENEXA V8 — ULTRA PREMIUM UI
========================================================= */
html{scroll-padding-top:76px}
body{font-family:"Segoe UI",SegoeUI,Arial,sans-serif;font-size:16px;background:#fff}
.container{width:min(1440px,92%)}
/* Header: refined Microsoft-style desktop navigation */
.header{height:76px}
.nav{height:76px}
.logo{width:218px;height:54px}
.logo img{width:218px;height:54px}
.navigation{height:76px;gap:31px}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:16px;font-weight:650;height:76px}
.nav-item{height:76px}
.nav-item>.nav-link{height:76px}
.navigation>.nav-link:after,.nav-item>.nav-link:after{bottom:9px!important;height:3px!important}
.start-btn{font-size:14px!important;padding:13px 20px!important;border-radius:10px!important}
/* Proper V chevron, and click-pinned dropdown support */
.chevron{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);top:-2px;transition:transform .22s ease}
.nav-item:hover .chevron,.nav-item:focus-within .chevron{transform:rotate(225deg);top:2px}
.nav-item.dropdown-pinned>.nav-link .chevron{transform:rotate(225deg);top:2px}
.nav-item.dropdown-pinned>.nav-link:after{transform:scaleX(1)!important}
/* Dropdowns: larger, cleaner, premium, not cramped */
.dropdown{
top:76px!important;
border-radius:22px!important;
border:1px solid #e2e7ef!important;
box-shadow:0 28px 70px rgba(7,20,50,.24)!important;
}
.nav-item.dropdown-pinned .dropdown{
opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important;
}
.mega-dropdown{width:720px!important;padding:28px!important;gap:20px!important}
.drop-heading{font-size:16px;padding:5px 14px 11px}
.dropdown .drop-column a{min-height:78px!important;padding:13px 14px!important;border-radius:13px!important}
.dropdown a b{font-size:16px!important}
.dropdown a small{font-size:13px!important}
.small-dropdown{width:470px!important}
.small-dropdown a{min-height:76px!important}
/* Products menu inspired by supplied reference */
.products-dropdown{width:1040px!important;grid-template-columns:1fr 340px!important}
.product-menu-list{padding:30px 32px}
.product-menu-list .drop-heading{font-size:21px}
.drop-intro{font-size:15px}
.product-menu-list>a{min-height:88px!important;padding:12px!important;border-radius:14px!important}
.product-icon{width:50px;height:50px;border-radius:14px;font-size:22px}
.product-menu-list>a b{font-size:16px!important}
.product-menu-list>a small{font-size:13px!important}
.products-callout{padding:50px 34px}
.products-callout>span{font-size:14px}
.products-callout h3{font-size:35px}
.products-callout p{font-size:16px}
.products-callout>a{font-size:16px!important;padding:17px 22px!important}
/* Hero */
.hero{height:520px}
.hero-content{padding-top:25px}
.hero-text{width:52%;padding-top:60px}
.hero h1{font-size:clamp(48px,4vw,64px);max-width:720px}
.hero-description{font-size:15px;max-width:620px}
.hero-buttons{gap:15px}
.button{font-size:14px;padding:13px 21px}
.hero-image{background-position:center right}
/* Separate stats band directly below hero */
.hero-stats{
position:relative;z-index:4;
background:#061a4b;
padding:0;
margin-top:-1px;
}
.hero-stats-grid{
display:grid;grid-template-columns:repeat(4,1fr);
background:linear-gradient(100deg,#071c50,#07163d);
border:1px solid rgba(102,157,255,.18);
border-radius:0 0 14px 14px;
}
.hero-stat{
min-height:105px;padding:20px 30px;display:flex;align-items:center;gap:16px;
border-right:1px solid rgba(140,180,255,.15)
}
.hero-stat:last-child{border-right:0}
.hero-stat .stat-icon{
width:50px;height:50px;border-radius:50%;display:grid;place-items:center;
background:rgba(20,100,255,.16);border:1px solid rgba(71,143,255,.35);
color:#4ea0ff;font-size:22px;flex:none
}
.hero-stat strong{display:block;font-size:29px;color:#fff;line-height:1}
.hero-stat small{display:block;color:#c3d1ea;font-size:12px;margin-top:5px}
/* Main sections: larger, more breathing room */
.section-white{padding:78px 0}
.heading{margin-bottom:34px}
.heading h2{font-size:35px}
.heading>p:last-child{font-size:14px}
.service-grid{gap:18px}
.service-card{height:220px;padding:23px 20px;border-radius:14px}
.service-icon{width:48px;height:48px;border-radius:12px;font-size:20px}
.service-card h3{font-size:16px}
.service-card p{font-size:12.5px}
.service-card>a{width:28px;height:28px;line-height:28px;bottom:18px;font-size:15px}
.why{padding:58px 0;background:linear-gradient(110deg,#f5f8fe,#fff)}
.why h2{font-size:30px}.why-copy>p:not(.label){font-size:14px}.checks{font-size:12px}
.counter-card{height:98px;border-radius:12px}
.counter-card strong{font-size:29px}.counter-card small{font-size:12px}
.featured{height:300px}
.featured-copy h2{font-size:29px}.featured-copy>p:not(.label){font-size:13px}
.dashboard{height:300px}
.products-section{background:#fff}
.product-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-cards article{border:1px solid #dce5f2;border-radius:14px;padding:24px;background:linear-gradient(145deg,#fff,#f9fbff);box-shadow:0 10px 28px rgba(20,60,120,.05);transition:.25s}
.product-cards article:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(20,80,180,.10);border-color:#b7d2ff}
.product-cards article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#eef5ff;color:#0872ff;font-size:22px}
.product-cards h3{font-size:18px;margin:15px 0 5px}.product-cards p{font-size:13px;color:#68748a;margin:0}
.industry-grid{grid-template-columns:repeat(6,1fr);gap:14px}
.industry-grid a{text-align:center;padding:22px 12px;font-size:13px}
.industry-grid span{float:none;display:block;margin-top:8px}
.solutions{padding:78px 0}
.solution-grid h2{font-size:35px}
.solution-grid>div>p:not(.label){font-size:14px}
.solution-list a{font-size:16px;padding:20px 2px}
.insight-grid{gap:18px}.insight-grid article{min-height:200px;padding:25px}.insight-grid h3{font-size:19px}
/* Success stories */
.success-section{padding:78px 0;background:#fff}
.success-grid{display:grid;grid-template-columns:1.65fr .75fr;gap:50px;align-items:start}
.success-section h2,.insight-panel h2{font-size:34px;margin:6px 0}
.section-lead{font-size:14px;line-height:1.65;color:#647089;margin:0 0 25px}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.testimonial-grid article{border:1px solid #dce5f2;border-radius:14px;padding:22px;min-height:225px;background:#fff;box-shadow:0 8px 22px rgba(20,60,120,.035)}
.quote{font-size:35px;color:#0874ff;font-weight:800;line-height:1}
.testimonial-grid p{font-size:13px;line-height:1.7;color:#4f5d78}
.testimonial-grid strong{display:block;font-size:12px;margin-top:15px}
.testimonial-grid small{display:block;font-size:10px;color:#6b768b;margin-top:3px}
.insight-panel{padding:10px 0 0}
.insight-panel>a:not(.all-insights){display:flex;flex-direction:column;padding:15px 0;border-bottom:1px solid #e1e7f0;font-size:13px;color:#243251}
.insight-panel>a:not(.all-insights) b{color:#0874ff;font-size:8px;margin-right:5px}
.insight-panel>a:not(.all-insights) small{font-size:10px;color:#778198;margin-top:4px;margin-left:13px}
.all-insights{display:block;color:#0874ff;font-weight:700;font-size:12px;margin-top:18px}
/* Separate client marquee */
.clients-section{padding:48px 0 44px;background:#071b4d;color:#fff;border:0}
.clients-heading{align-items:center}
.clients-heading h2{font-size:29px;color:#fff}
.clients-heading p{color:#b9c8e4}
.mini-label{font-size:11px}
.client-marquee-window{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:4px 0}
.client-marquee{animation-duration:32s}
.client-logo{min-width:210px;height:82px;border-right:1px solid rgba(255,255,255,.12);color:#fff;font-size:17px}
.client-logo b{color:#66a9ff}
/* Capability strip */
.capability-strip{padding:34px 0;background:linear-gradient(110deg,#f4f8ff,#fff)}
.capability-strip h2{font-size:25px}
/* CTA + footer */
.cta{padding:36px 0}
.cta h2{font-size:29px}.cta p{font-size:14px}
footer{padding-top:38px}
.footer-grid{padding-bottom:40px}
.footer-grid h4{font-size:15px}.footer-grid a{font-size:12px}.footer-brand p,.footer-grid>div>p{font-size:12px;line-height:1.7}
/* Floating WhatsApp + Back to top */
.floating-tools{position:fixed;right:22px;bottom:22px;z-index:120;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.whatsapp-float{display:flex;flex-direction:column;align-items:center;gap:4px}
.wa-symbol{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;border:4px solid #fff;box-shadow:0 8px 24px rgba(10,80,40,.28);font-size:28px}
.wa-label{font-size:9px;font-weight:700;color:#fff;background:#163663;padding:5px 9px;border-radius:6px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.back-top{width:52px;height:52px;border:0;border-radius:50%;background:#0767ee;color:#fff;box-shadow:0 8px 22px rgba(0,70,190,.28);display:grid;place-items:center;cursor:pointer;transition:.2s}
.back-top:hover{transform:translateY(-3px)}
.back-top span{font-size:25px;line-height:1}.back-top small{font-size:8px;position:absolute;transform:translateY(47px);white-space:nowrap;background:#173b72;padding:5px 8px;border-radius:6px}
/* Smooth click-pinned dropdown */
.nav-item.dropdown-pinned:hover .dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-item.dropdown-pinned .dropdown{display:grid}
/* Scroll reveal is visible by default until JS initializes */
.reveal-section{opacity:1;transform:none}
.js-ready .reveal-section{opacity:0;transform:translateY(35px)}
.js-ready .reveal-section.is-visible{opacity:1;transform:none}
@media(max-width:1180px){
.navigation{gap:16px}.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:13px}
.products-dropdown{width:850px!important}
.hero h1{font-size:48px}
.industry-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1024px){
.header,.nav{height:64px}.navigation{top:64px}
.hero{height:670px}.hero-text{width:100%;padding-top:115px}
.hero h1{font-size:40px}.hero-description{font-size:13px}
.hero-stats-grid{grid-template-columns:1fr 1fr}.hero-stat{min-height:82px;padding:13px}.hero-stat strong{font-size:22px}.hero-stat small{font-size:10px}.hero-stat .stat-icon{width:38px;height:38px}
.product-cards{grid-template-columns:1fr 1fr}
.industry-grid{grid-template-columns:repeat(2,1fr)}
.success-grid{grid-template-columns:1fr;gap:30px}.testimonial-grid{grid-template-columns:1fr}
.clients-heading{flex-direction:column;align-items:flex-start}
.clients-heading h2{font-size:25px}.client-logo{min-width:170px;height:65px;font-size:14px}
.floating-tools{right:12px;bottom:14px}.wa-symbol{width:50px;height:50px}
}
@media(max-width:480px){
.hero h1{font-size:34px}.hero-stats-grid{grid-template-columns:1fr}.hero-stat{border-right:0;border-bottom:1px solid rgba(140,180,255,.12)}
.product-cards{grid-template-columns:1fr}.industry-grid{grid-template-columns:1fr 1fr}
.heading h2{font-size:29px}.section-white{padding:55px 0}
}
/* ===== V9 dropdown stability + true V chevrons ===== */
.navigation{position:relative;z-index:300}
.nav-item{z-index:301}
.nav-item:hover,.nav-item:focus-within,.nav-item.dropdown-pinned{z-index:400}
.dropdown{z-index:500!important;isolation:isolate}
.nav-item.dropdown-pinned ~ .nav-item .dropdown{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.nav-item.dropdown-pinned ~ .nav-item:hover .dropdown,
.nav-item.dropdown-pinned ~ .nav-item:focus-within .dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.chevron{
position:relative!important;
width:18px!important;height:12px!important;
border:0!important;
transform:none!important;
top:0!important;
margin-left:3px;
display:inline-block;
}
.chevron:before,.chevron:after{
content:"";
position:absolute;
top:3px;
width:10px;
height:2px;
border-radius:3px;
background:currentColor;
transition:transform .22s ease;
}
.chevron:before{left:0;transform:rotate(45deg);transform-origin:right center}
.chevron:after{right:0;transform:rotate(-45deg);transform-origin:left center}
.nav-item:hover>.nav-link .chevron:before,
.nav-item:focus-within>.nav-link .chevron:before,
.nav-item.dropdown-pinned>.nav-link .chevron:before{transform:rotate(-45deg)}
.nav-item:hover>.nav-link .chevron:after,
.nav-item:focus-within>.nav-link .chevron:after,
.nav-item.dropdown-pinned>.nav-link .chevron:after{transform:rotate(45deg)}
/* Larger page type and touch targets */
.hero h1{font-size:clamp(50px,4.25vw,68px);line-height:1.03}
.hero-description{font-size:16px;line-height:1.75}
.heading h2{font-size:38px}
.heading>p:last-child{font-size:15px}
.service-card h3{font-size:17px}
.service-card p{font-size:13px}
.why h2{font-size:32px}.why-copy>p:not(.label){font-size:15px}.checks{font-size:13px}
.counter-card strong{font-size:31px}.counter-card small{font-size:13px}
.featured-copy h2{font-size:31px}.featured-copy>p:not(.label){font-size:14px}
.industry-grid a{font-size:14px}.solution-list a{font-size:17px}
.insight-grid h3{font-size:20px}.insight-grid a{font-size:13px}
.contact h2{font-size:42px}.contact-grid>div>p:not(.label){font-size:15px}
.footer-grid h4{font-size:15px}.footer-grid a{font-size:13px}.footer-brand p,.footer-grid>div>p{font-size:13px}
.product-cards h3{font-size:19px}.product-cards p{font-size:14px}
.capability-strip h2{font-size:27px}
.clients-heading h2{font-size:31px}.clients-heading p{font-size:14px}
.client-logo{font-size:18px}
/* Keep mega menu visually below the fixed header and centered within viewport */
@media(min-width:1025px){
.dropdown{max-width:min(1040px,calc(100vw - 32px))!important}
.mega-dropdown{max-height:calc(100vh - 100px);overflow:auto}
.products-dropdown{max-height:calc(100vh - 100px)}
}
@media(max-width:1024px){
.chevron{width:18px!important;height:12px!important}
.navigation{overflow-y:auto;max-height:calc(100vh - 64px);padding-bottom:24px}
.dropdown,.mega-dropdown,.products-dropdown,.small-dropdown{
max-height:none!important;overflow:visible!important;
box-shadow:none!important;border:0!important;border-radius:12px!important;
}
.nav-item.dropdown-open>.nav-link .chevron:before{transform:rotate(-45deg)}
.nav-item.dropdown-open>.nav-link .chevron:after{transform:rotate(45deg)}
.hero h1{font-size:42px}
.hero-description{font-size:14px}
.heading h2{font-size:31px}
.service-card h3{font-size:16px}.service-card p{font-size:12px}
.why h2{font-size:29px}.why-copy>p:not(.label){font-size:14px}
.contact h2{font-size:34px}
}
@media(max-width:480px){
.hero h1{font-size:35px}
.hero-description{font-size:13px}
.heading h2{font-size:28px}
.section-white{padding:58px 0}
}
/* =========================================================
V10 — FINAL NAVIGATION + MOBILE PREMIUM REFINEMENT
========================================================= */
/* Arrows stay perfectly centered in their menu item.
No top/bottom jumping while rotating. */
.navigation .chevron{
position:relative!important;
display:inline-block!important;
width:18px!important;
height:14px!important;
flex:0 0 18px!important;
margin:0 0 0 4px!important;
top:0!important;
transform:none!important;
border:0!important;
}
.navigation .chevron:before,
.navigation .chevron:after{
content:"";
position:absolute;
top:6px;
width:9px;
height:2px;
border-radius:2px;
background:currentColor;
transition:transform .22s cubic-bezier(.2,.8,.2,1);
}
.navigation .chevron:before{
left:0;
transform:rotate(45deg);
transform-origin:right center;
}
.navigation .chevron:after{
right:0;
transform:rotate(-45deg);
transform-origin:left center;
}
/* Down V -> Up V, without changing its position */
.nav-item:hover>.nav-link .chevron:before,
.nav-item:focus-within>.nav-link .chevron:before,
.nav-item.dropdown-pinned>.nav-link .chevron:before,
.nav-item.dropdown-open>.nav-link .chevron:before{
transform:rotate(-45deg);
}
.nav-item:hover>.nav-link .chevron:after,
.nav-item:focus-within>.nav-link .chevron:after,
.nav-item.dropdown-pinned>.nav-link .chevron:after,
.nav-item.dropdown-open>.nav-link .chevron:after{
transform:rotate(45deg);
}
/* Desktop menu: hover opens and is deliberately held.
It closes only when another menu is hovered, the same item is clicked,
or the user clicks outside the navigation. */
@media(min-width:1025px){
.nav-item:hover .dropdown,
.nav-item:focus-within .dropdown,
.nav-item.dropdown-pinned .dropdown{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translate(-50%,0)!important;
}
.nav-item:hover .dropdown,
.nav-item:focus-within .dropdown{
/* Keep it visually stable while the pointer travels into the panel. */
transition-delay:0s;
}
.nav-item .dropdown{
transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.nav-item:hover>.nav-link:after,
.nav-item:focus-within>.nav-link:after,
.nav-item.dropdown-pinned>.nav-link:after{
transform:scaleX(1)!important;
}
}
/* Ultra-premium section typography */
.heading h2{font-size:40px;letter-spacing:-1.1px}
.heading>p:last-child{font-size:16px}
.section-white{padding-top:88px;padding-bottom:88px}
.service-card{min-height:235px;height:auto;padding:26px 23px 20px}
.service-card h3{font-size:18px}
.service-card p{font-size:13.5px;line-height:1.7}
.why h2{font-size:34px}
.why-copy>p:not(.label){font-size:15px;line-height:1.75}
.checks{font-size:13px}
.counter-card{height:106px}
.counter-card strong{font-size:32px}
.counter-card small{font-size:13px}
.featured-copy h2{font-size:32px}
.featured-copy>p:not(.label){font-size:14px;line-height:1.7}
.industry-grid a{font-size:15px;padding:25px 14px}
.solution-grid h2{font-size:40px}
.solution-grid>div>p:not(.label){font-size:15px}
.solution-list a{font-size:18px}
.insight-grid h3{font-size:21px}
.contact h2{font-size:44px}
.footer-grid h4{font-size:16px}
.footer-grid a{font-size:13px}
.footer-brand p,.footer-grid>div>p{font-size:13px}
/* Desktop navigation spacing */
@media(min-width:1100px){
.navigation{gap:34px}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:17px}
}
/* =========================================================
Mobile — do not let desktop navigation leak into the page
========================================================= */
@media(max-width:1024px){
.header,.nav{height:68px}
.header{position:fixed!important}
.nav{width:92%;display:flex}
.logo{width:172px;height:45px}
.logo img{width:172px;height:45px}
/* Critical fix: hide desktop links until hamburger is opened. */
.hamburger{
display:flex!important;
flex:0 0 40px;
width:40px!important;
height:40px!important;
align-items:center;
justify-content:center;
flex-direction:column;
gap:5px;
background:rgba(255,255,255,.06);
border:1px solid rgba(151,187,245,.45);
border-radius:10px;
z-index:20;
}
.hamburger span{display:block;width:16px;height:2px;background:#fff;border-radius:2px}
.navigation{
display:none!important;
position:fixed!important;
top:68px!important;
left:0!important;
right:0!important;
width:100%!important;
height:auto!important;
max-height:calc(100vh - 68px)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
padding:12px 5% 28px!important;
background:rgba(3,16,48,.98)!important;
backdrop-filter:blur(18px);
flex-direction:column!important;
align-items:stretch!important;
gap:0!important;
box-shadow:0 22px 50px rgba(0,0,0,.28);
z-index:1000;
}
.navigation.open{display:flex!important}
.navigation>.nav-link,
.navigation>.nav-item>.nav-link{
width:100%!important;
min-height:52px!important;
height:auto!important;
padding:14px 4px!important;
font-size:17px!important;
justify-content:space-between!important;
}
.nav-item{
width:100%!important;
height:auto!important;
display:block!important;
}
.navigation>.nav-link:after,
.nav-item>.nav-link:after{display:none!important}
.nav-item>.nav-link{display:flex!important}
.nav-item>.dropdown{
position:static!important;
top:auto!important;
left:auto!important;
transform:none!important;
width:100%!important;
max-width:none!important;
max-height:none!important;
overflow:visible!important;
display:none!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
box-shadow:none!important;
border:0!important;
border-radius:12px!important;
margin:0 0 7px!important;
background:#0a2258!important;
}
.nav-item.dropdown-open>.dropdown{display:grid!important}
.nav-item.dropdown-open>.nav-link{color:#5eb1ff!important}
.mega-dropdown{grid-template-columns:1fr!important;padding:10px!important;gap:4px!important}
.small-dropdown{grid-template-columns:1fr!important;padding:8px!important}
.products-dropdown{grid-template-columns:1fr!important;padding:0!important}
.drop-column{padding:4px}
.drop-heading{color:#fff!important;font-size:14px!important;padding:10px 11px!important}
.dropdown .drop-column a,
.small-dropdown a{
min-height:auto!important;
padding:12px 11px!important;
background:rgba(255,255,255,.045)!important;
}
.dropdown a b{font-size:14px!important;color:#fff!important}
.dropdown a small{font-size:11px!important;color:#b9c8e4!important}
.product-menu-list{padding:15px!important;grid-template-columns:1fr!important}
.product-menu-list .drop-heading{color:#fff!important}
.drop-intro{font-size:12px;color:#b9c8e4}
.product-menu-list>a{min-height:64px!important}
.products-callout{display:none!important}
.start-btn{
align-self:flex-start!important;
margin:10px 0 4px!important;
font-size:14px!important;
min-height:45px!important;
}
.circle-menu{display:none!important}
/* Mobile hero: reduce vertical bulk and prevent clipping */
.hero{height:auto;min-height:640px}
.hero-content{min-height:640px;padding-top:110px;padding-bottom:45px}
.hero-text{width:100%;padding-top:0}
.hero h1{font-size:clamp(35px,10vw,48px);line-height:1.04;letter-spacing:-1.2px}
.hero-description{font-size:14px;line-height:1.65}
.hero-buttons{flex-wrap:wrap}
.button{font-size:13px;padding:12px 17px}
.hero-stats-grid{grid-template-columns:1fr 1fr}
.hero-stat{min-height:92px;padding:14px 12px}
.hero-stat strong{font-size:24px}
.hero-stat small{font-size:10px}
.section-white{padding:58px 0}
.heading h2{font-size:31px}
.heading>p:last-child{font-size:13px;line-height:1.6}
.service-grid{grid-template-columns:1fr}
.service-card{min-height:205px}
.counter-grid{grid-template-columns:1fr 1fr}
.featured{height:auto;padding:30px 0}
.featured-grid{grid-template-columns:1fr}
.dashboard{height:220px}
.product-cards{grid-template-columns:1fr 1fr}
.industry-grid{grid-template-columns:1fr 1fr}
.solution-grid{grid-template-columns:1fr;gap:35px}
.success-grid{grid-template-columns:1fr}
.testimonial-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr 1fr}
.copyright .container{flex-direction:column;gap:7px}
}
@media(max-width:480px){
.logo{width:150px;height:42px}
.logo img{width:150px;height:42px}
.hero{min-height:620px}
.hero-content{min-height:620px}
.hero h1{font-size:35px}
.hero-description{font-size:13px}
.hero-stats-grid{grid-template-columns:1fr 1fr}
.hero-stat{min-height:86px}
.hero-stat .stat-icon{width:35px;height:35px;font-size:15px}
.hero-stat strong{font-size:21px}
.hero-stat small{font-size:9px}
.product-cards,.industry-grid{grid-template-columns:1fr}
.counter-grid{grid-template-columns:1fr}
.heading h2{font-size:28px}
.contact h2{font-size:32px}
.footer-grid{grid-template-columns:1fr}
.floating-tools{right:9px;bottom:10px}
}
/* =========================================================
V11 — COMPACT PREMIUM SECTIONS + REFINED CARDS
========================================================= */
/* Compact vertical rhythm */
.section-white{padding:58px 0}
.services.section-white,.products-section.section-white{padding-top:58px;padding-bottom:58px}
.why{padding:42px 0}
.solutions{padding:58px 0}
.success-section{padding:58px 0}
.clients-section{padding:34px 0 32px}
.capability-strip{padding:24px 0}
.contact{padding:58px 0}
.cta{padding:28px 0}
/* Section headers: tighter but still premium */
.heading{margin-bottom:25px}
.heading h2,.solution-grid h2{font-size:34px;line-height:1.15;margin-top:5px}
.heading>p:last-child{font-size:14px;line-height:1.55}
.label,.mini-label{font-size:10px;letter-spacing:1.6px}
/* Service cards */
.service-grid{gap:14px}
.service-card{
position:relative;
min-height:190px;
height:auto;
padding:19px 18px 17px;
border:1px solid #dce6f3;
border-radius:14px;
background:
radial-gradient(circle at 100% 0%,rgba(20,112,255,.055),transparent 42%),
linear-gradient(145deg,#fff,#fbfdff);
box-shadow:0 7px 20px rgba(14,46,93,.055);
transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
overflow:hidden;
}
.service-card:before{
content:"";
position:absolute;left:0;top:0;width:100%;height:3px;
background:linear-gradient(90deg,#0875ff,#66b2ff);
transform:scaleX(0);transform-origin:left;transition:transform .25s ease;
}
.service-card:hover{
transform:translateY(-4px);
border-color:#bdd6fb;
box-shadow:0 16px 30px rgba(16,76,160,.11);
}
.service-card:hover:before{transform:scaleX(1)}
.service-icon{
width:42px;height:42px;
margin-bottom:11px;
border-radius:11px;
background:linear-gradient(145deg,#edf5ff,#e5f0ff);
border:1px solid #d6e6fb;
color:#0874ff;
box-shadow:0 5px 13px rgba(28,105,220,.08);
}
.service-card h3{font-size:15px;line-height:1.35;margin-bottom:7px}
.service-card p{font-size:11.5px;line-height:1.55;max-width:245px}
.service-card>a{
width:24px;height:24px;line-height:24px;
left:18px;bottom:15px;font-size:13px;
border:1px solid #cfe0f8;
}
/* Use polished line-style icons without external dependencies */
.service-icon,
.product-icon,
.stat-icon{
position:relative;
}
.service-icon{font-size:0}
.service-icon:after{
font-family:"Segoe UI Symbol","Segoe UI",sans-serif;
font-size:20px;font-weight:600;
}
.service-card:nth-child(1) .service-icon:after{content:"⌘"}
.service-card:nth-child(2) .service-icon:after{content:"✦"}
.service-card:nth-child(3) .service-icon:after{content:"▱"}
.service-card:nth-child(4) .service-icon:after{content:"▯"}
.service-card:nth-child(5) .service-icon:after{content:"☁"}
.service-card:nth-child(6) .service-icon:after{content:"◫"}
/* Compact statistics */
.hero-stats-grid{border-radius:0 0 12px 12px}
.hero-stat{min-height:90px;padding:16px 23px}
.hero-stat .stat-icon{width:43px;height:43px;font-size:18px}
.hero-stat strong{font-size:27px}
.hero-stat small{font-size:11px}
/* Why / counters */
.counter-grid{gap:12px}
.counter-card{
height:86px;
padding:12px 15px;
border-radius:11px;
gap:12px;
}
.counter-icon{width:38px;height:38px;font-size:17px}
.counter-card strong{font-size:25px}
.counter-card small{font-size:11px}
/* Featured case study */
.featured{height:255px}
.featured-copy h2{font-size:27px}
.featured-copy>p:not(.label){font-size:12px;line-height:1.6}
.dashboard{height:255px}
/* Products */
.product-cards{gap:14px}
.product-cards article{
padding:18px;
border-radius:13px;
min-height:155px;
}
.product-cards article>span{
width:42px;height:42px;border-radius:11px;font-size:19px
}
.product-cards h3{font-size:16px;margin:11px 0 4px}
.product-cards p{font-size:11.5px}
.product-icon{width:44px;height:44px}
/* Industries */
.industry-grid{gap:12px}
.industry-grid a{
padding:17px 12px;
border-radius:11px;
font-size:13px;
}
/* Solutions */
.solution-list a{padding:15px 2px;font-size:15px}
/* Insights */
.insight-grid{gap:14px}
.insight-grid article{
min-height:165px;
padding:19px;
border-radius:12px;
}
.insight-grid h3{font-size:17px}
/* Success / testimonials */
.success-grid{gap:35px}
.success-section h2,.insight-panel h2{font-size:30px}
.section-lead{font-size:13px;margin-bottom:18px}
.testimonial-grid{gap:12px}
.testimonial-grid article{
min-height:190px;
padding:18px;
border-radius:12px;
}
.testimonial-grid p{font-size:12px;line-height:1.6}
.testimonial-grid strong{font-size:11px}
/* Clients */
.clients-heading{margin-bottom:18px}
.clients-heading h2{font-size:26px}
.client-logo{min-width:185px;height:65px;font-size:15px}
/* Capability */
.capability-inner{min-height:48px}
.capability-strip h2{font-size:22px}
/* Footer */
.footer-grid{padding-top:0;padding-bottom:27px;gap:28px}
.footer-grid h4{font-size:13px;margin-bottom:9px}
.footer-grid a{font-size:11px;margin:5px 0}
.footer-brand p,.footer-grid>div>p{font-size:11px;line-height:1.55}
/* Premium icon badges for other cards */
.industry-grid a,
.insight-grid article,
.testimonial-grid article,
.product-cards article{
position:relative;
}
.industry-grid a:before,
.insight-grid article:before,
.testimonial-grid article:before{
content:"";
position:absolute;
width:7px;height:7px;border-radius:50%;
background:#0b75ff;
box-shadow:0 0 0 5px rgba(11,117,255,.08);
top:17px;right:17px;
}
.industry-grid a:hover,
.insight-grid article:hover,
.testimonial-grid article:hover{
box-shadow:0 13px 28px rgba(20,70,140,.08);
}
/* Responsive compact spacing */
@media(max-width:1024px){
.section-white{padding:45px 0}
.services.section-white,.products-section.section-white{padding:45px 0}
.why,.solutions,.success-section{padding:45px 0}
.heading{margin-bottom:20px}
.heading h2,.solution-grid h2{font-size:29px}
.service-card{min-height:178px;padding:17px}
.service-card h3{font-size:15px}
.service-card p{font-size:11px}
.hero-stat{min-height:82px;padding:12px}
.hero-stat strong{font-size:22px}
.hero-stat small{font-size:10px}
.product-cards{gap:11px}
.product-cards article{padding:15px;min-height:140px}
.industry-grid{gap:10px}
.industry-grid a{padding:15px 10px}
.clients-section{padding:28px 0}
.contact{padding:45px 0}
}
@media(max-width:480px){
.section-white,.services.section-white,.products-section.section-white,
.why,.solutions,.success-section{padding:40px 0}
.heading h2,.solution-grid h2{font-size:27px}
.service-card{min-height:170px}
.product-cards article{min-height:135px}
}
/* =========================================================
V12 — REFERENCE-ALIGNED MEGA MENUS + TABLET/MOBILE
========================================================= */
/* The dropdown belongs below the active menu, not centered over
unrelated navigation items. JS clamps its left edge to the viewport. */
@media(min-width:1025px){
.navigation{position:relative;overflow:visible}
.nav-item{position:relative;overflow:visible}
.nav-item>.dropdown{
left:0!important;
right:auto!important;
top:76px!important;
transform:translateY(8px)!important;
margin:0!important;
}
.nav-item:hover>.dropdown,
.nav-item:focus-within>.dropdown,
.nav-item.dropdown-pinned>.dropdown{
transform:translateY(0)!important;
}
.nav-item>.dropdown:before{
left:34px!important;
transform:rotate(45deg)!important;
}
/* Large menus sit cleanly under the navigation and remain within screen */
.mega-dropdown{width:720px!important}
.products-dropdown{width:1040px!important}
.small-dropdown{width:470px!important}
}
/* Keep the header items vertically aligned on one clean baseline. */
.header,.nav{height:76px}
.navigation>.nav-link,
.navigation>.nav-item>.nav-link{
height:76px!important;
display:flex!important;
align-items:center!important;
padding-top:0!important;
padding-bottom:0!important;
}
.navigation .chevron{
top:0!important;
transform:none!important;
vertical-align:middle!important;
align-self:center!important;
}
.navigation .chevron:before,
.navigation .chevron:after{
top:6px!important;
}
/* Ultra-clean active underline */
.navigation>.nav-link:after,
.nav-item>.nav-link:after{
bottom:8px!important;
height:3px!important;
border-radius:4px!important;
}
/* Tablet/mobile header */
@media(max-width:1024px){
.header,.nav{height:68px!important}
.nav{width:92%;margin:auto}
.hamburger{
display:flex!important;
width:42px!important;height:42px!important;
border-radius:11px!important;
background:rgba(255,255,255,.06)!important;
border:1px solid rgba(150,185,240,.42)!important;
}
.navigation{
top:68px!important;
max-height:calc(100vh - 68px)!important;
overflow-y:auto!important;
overscroll-behavior:contain;
-webkit-overflow-scrolling:touch;
padding:10px 5% 28px!important;
}
.navigation>.nav-link,
.navigation>.nav-item>.nav-link{
min-height:54px!important;
height:auto!important;
font-size:16px!important;
}
.nav-item>.dropdown{
position:static!important;
left:auto!important;right:auto!important;
transform:none!important;
}
}
/* Mobile/tablet mega menu: clean reference-style cards */
@media(max-width:1024px){
.nav-item>.dropdown{
width:100%!important;
margin:0 0 8px!important;
border-radius:14px!important;
padding:10px!important;
background:#0b235b!important;
box-shadow:none!important;
}
.nav-item>.dropdown:before{display:none!important}
.mega-dropdown,
.products-dropdown,
.small-dropdown{
grid-template-columns:1fr!important;
max-height:none!important;
}
.drop-heading{font-size:14px!important;color:#fff!important}
.dropdown .drop-column a,
.small-dropdown a{
min-height:58px!important;
padding:11px!important;
background:rgba(255,255,255,.045)!important;
}
.dropdown a b{font-size:14px!important;color:#fff!important}
.dropdown a small{font-size:11px!important;color:#b8c7e4!important}
.product-menu-list{grid-template-columns:1fr!important;padding:12px!important}
.product-menu-list>a{min-height:62px!important}
.products-callout{display:none!important}
}
/* Small phones: make the whole page comfortable to read */
@media(max-width:600px){
.container{width:91%}
.hero h1{font-size:36px!important}
.hero-description{font-size:13px!important}
.heading h2,.solution-grid h2{font-size:28px!important}
.service-card{min-height:172px!important}
.service-card h3{font-size:15px!important}
.service-card p{font-size:11px!important}
.hero-stats-grid{grid-template-columns:1fr 1fr!important}
.hero-stat{min-height:82px!important}
.hero-stat strong{font-size:21px!important}
.hero-stat small{font-size:9px!important}
.floating-tools{right:8px!important}
}
/* =========================================================
V13 — FINAL DROPDOWN FIX / COMPACT MEGA MENUS
========================================================= */
/* Compact desktop mega menus */
@media(min-width:1025px){
.mega-dropdown{
width:650px!important;
padding:18px!important;
gap:10px!important;
border-radius:18px!important;
}
.small-dropdown{
width:390px!important;
padding:10px!important;
border-radius:18px!important;
}
.products-dropdown{
width:790px!important;
padding:0!important;
grid-template-columns:1fr 255px!important;
border-radius:18px!important;
}
.product-menu-list{
padding:20px 22px!important;
column-gap:12px!important;
row-gap:0!important;
}
.product-menu-list .drop-heading{font-size:18px!important;padding-bottom:6px!important}
.drop-intro{font-size:12px!important;margin-bottom:6px!important}
.product-menu-list>a{
min-height:64px!important;
padding:7px!important;
gap:10px!important;
}
.product-icon{width:39px!important;height:39px!important;border-radius:10px!important;font-size:17px!important}
.product-menu-list>a b{font-size:14px!important}
.product-menu-list>a small{font-size:10.5px!important}
.products-callout{padding:30px 24px!important}
.products-callout>span{font-size:11px!important}
.products-callout h3{font-size:27px!important;margin:12px 0!important}
.products-callout p{font-size:12px!important;line-height:1.55!important;margin-bottom:18px!important}
.products-callout>a{font-size:12px!important;padding:12px 15px!important}
.dropdown .drop-column a,
.small-dropdown a{
min-height:61px!important;
padding:9px 11px!important;
}
.drop-heading{font-size:14px!important;padding:4px 10px 7px!important}
.dropdown a b{font-size:14px!important}
.dropdown a small{font-size:10.5px!important}
}
/* The menu is pinned by JS on hover/click, so it does not disappear
while the user moves the mouse from the nav item into the panel. */
@media(min-width:1025px){
.nav-item.dropdown-pinned>.dropdown{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateY(0)!important;
}
.nav-item.dropdown-pinned>.nav-link .chevron:before{transform:rotate(-45deg)!important}
.nav-item.dropdown-pinned>.nav-link .chevron:after{transform:rotate(45deg)!important}
.nav-item.dropdown-pinned>.nav-link:after{transform:scaleX(1)!important}
/* Dynamic right alignment is applied by JS to menus close to the right edge. */
.nav-item.dropdown-align-right>.dropdown{
left:auto!important;
right:0!important;
}
.nav-item.dropdown-align-right>.dropdown:before{
left:auto!important;
right:32px!important;
}
}
/* =========================================================
Tablet + mobile dropdowns
========================================================= */
@media(max-width:1024px){
.navigation{
display:none!important;
position:fixed!important;
top:68px!important;
left:0!important;
right:0!important;
width:100%!important;
max-height:calc(100vh - 68px)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
padding:10px 5% 28px!important;
background:rgba(3,16,48,.985)!important;
z-index:1000!important;
}
.navigation.open{display:flex!important}
.nav-item>.dropdown{
position:static!important;
display:none!important;
width:100%!important;
max-width:none!important;
margin:0 0 7px!important;
padding:8px!important;
transform:none!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
background:#0a2258!important;
border:1px solid rgba(130,174,240,.18)!important;
border-radius:13px!important;
box-shadow:none!important;
}
.nav-item.dropdown-open>.dropdown{
display:grid!important;
}
.nav-item.dropdown-open>.nav-link{
color:#63b0ff!important;
}
.nav-item.dropdown-open>.nav-link .chevron:before{transform:rotate(-45deg)!important}
.nav-item.dropdown-open>.nav-link .chevron:after{transform:rotate(45deg)!important}
.mega-dropdown,.products-dropdown,.small-dropdown{
grid-template-columns:1fr!important;
}
.drop-column{padding:2px}
.drop-heading{color:#fff!important;font-size:13px!important;padding:8px 9px!important}
.dropdown .drop-column a,.small-dropdown a{
min-height:54px!important;
padding:9px!important;
border-radius:9px!important;
background:rgba(255,255,255,.045)!important;
}
.dropdown a b{font-size:13px!important;color:#fff!important}
.dropdown a small{font-size:10.5px!important;color:#b8c8e5!important}
.product-menu-list{
display:grid!important;
grid-template-columns:1fr!important;
padding:10px!important;
}
.product-menu-list .drop-heading{color:#fff!important}
.drop-intro{font-size:11px!important;color:#b8c8e5!important}
.product-menu-list>a{
min-height:57px!important;
padding:7px!important;
background:rgba(255,255,255,.045)!important;
}
.product-menu-list>a b{font-size:13px!important;color:#fff!important}
.product-menu-list>a small{font-size:10px!important;color:#b8c8e5!important}
.product-icon{width:37px!important;height:37px!important}
.products-callout{display:none!important}
}
/* Mobile menu text / page typography */
@media(max-width:600px){
.navigation>.nav-link,.navigation>.nav-item>.nav-link{
min-height:50px!important;
font-size:16px!important;
}
.hero h1{font-size:35px!important}
.heading h2,.solution-grid h2{font-size:28px!important}
}
/* =========================================================
V14 — REFERENCE ARROWS + SIMPLE MOBILE ACCORDION
========================================================= */
/* Desktop arrow: compact, centered V like the supplied reference.
It never changes its position while rotating. */
@media(min-width:1025px){
.navigation>.nav-item>.nav-link{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
}
.navigation .chevron{
width:13px!important;
height:9px!important;
flex:0 0 13px!important;
margin:0!important;
top:0!important;
}
.navigation .chevron:before,
.navigation .chevron:after{
top:3px!important;
width:8px!important;
height:2px!important;
background:#fff!important;
}
.navigation .chevron:before{
left:0!important;
transform:rotate(45deg)!important;
transform-origin:right center!important;
}
.navigation .chevron:after{
right:0!important;
transform:rotate(-45deg)!important;
transform-origin:left center!important;
}
.nav-item:hover>.nav-link .chevron:before,
.nav-item.dropdown-pinned>.nav-link .chevron:before{
transform:rotate(-45deg)!important;
}
.nav-item:hover>.nav-link .chevron:after,
.nav-item.dropdown-pinned>.nav-link .chevron:after{
transform:rotate(45deg)!important;
}
/* A little more breathing room inside compact dropdowns */
.mega-dropdown{width:620px!important}
.products-dropdown{width:760px!important;grid-template-columns:1fr 245px!important}
.small-dropdown{width:370px!important}
}
/* Larger page section typography */
.section-white .heading h2,
.products-section .heading h2{font-size:38px!important}
.service-card h3{font-size:17px!important}
.service-card p{font-size:12.5px!important}
.why h2{font-size:33px!important}
.featured-copy h2{font-size:30px!important}
.solution-grid h2{font-size:38px!important}
.solution-list a{font-size:16px!important}
.insight-grid h3{font-size:19px!important}
.success-section h2,.insight-panel h2{font-size:32px!important}
.testimonial-grid p{font-size:13px!important}
.clients-heading h2{font-size:29px!important}
.capability-strip h2{font-size:25px!important}
/* =========================================================
MOBILE: simple accordion only.
Do NOT reproduce desktop mega-menu cards on phones.
========================================================= */
@media(max-width:1024px){
.navigation{
background:#031332!important;
padding:8px 18px 30px!important;
}
.navigation>.nav-link,
.navigation>.nav-item>.nav-link{
min-height:58px!important;
padding:15px 2px!important;
font-size:17px!important;
font-weight:700!important;
border-bottom:1px solid rgba(160,190,235,.12);
justify-content:space-between!important;
align-items:center!important;
}
.navigation>.nav-item>.nav-link .chevron{
width:15px!important;
height:10px!important;
flex:0 0 15px!important;
margin:0 3px 0 0!important;
}
.navigation>.nav-item>.nav-link .chevron:before,
.navigation>.nav-item>.nav-link .chevron:after{
top:3px!important;
width:9px!important;
height:2px!important;
background:#fff!important;
}
/* Closed by default. JS controls the open class. */
.nav-item>.dropdown{
display:none!important;
position:static!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0 0 8px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.nav-item.dropdown-open>.dropdown{display:block!important}
/* Simple text rows, not desktop cards */
.mega-dropdown,
.small-dropdown,
.products-dropdown{
display:block!important;
grid-template-columns:none!important;
}
.dropdown .drop-column,
.product-menu-list{
padding:0!important;
display:block!important;
}
.drop-heading{
display:none!important;
}
.drop-intro,
.products-callout{
display:none!important;
}
.dropdown .drop-column a,
.small-dropdown a,
.product-menu-list>a{
display:block!important;
min-height:0!important;
padding:10px 12px 10px 15px!important;
margin:0!important;
border:0!important;
border-radius:7px!important;
background:transparent!important;
}
.dropdown .drop-column a:hover,
.small-dropdown a:hover,
.product-menu-list>a:hover{
background:rgba(82,151,255,.10)!important;
}
.dropdown a b,
.product-menu-list>a b{
display:block!important;
color:#eaf2ff!important;
font-size:14px!important;
line-height:1.35!important;
font-weight:600!important;
}
.dropdown a small,
.product-menu-list>a small{
display:block!important;
color:#91a6c8!important;
font-size:10.5px!important;
margin-top:2px!important;
line-height:1.35!important;
}
.product-icon{display:none!important}
/* Ensure the mobile dropdown arrow is a clean V, never an icon box. */
.nav-item.dropdown-open>.nav-link .chevron:before{
transform:rotate(-45deg)!important;
}
.nav-item.dropdown-open>.nav-link .chevron:after{
transform:rotate(45deg)!important;
}
/* Keep logo and hamburger clean */
.header,.nav{height:68px!important}
.nav{width:92%!important}
}
/* Phones: larger section headings but compact spacing */
@media(max-width:600px){
.section-white{padding:42px 0!important}
.heading{margin-bottom:20px!important}
.heading h2,
.section-white .heading h2,
.products-section .heading h2{font-size:29px!important}
.service-card h3{font-size:16px!important}
.service-card p{font-size:11.5px!important}
.why h2,.solution-grid h2{font-size:29px!important}
.featured-copy h2{font-size:27px!important}
.success-section h2,.insight-panel h2{font-size:29px!important}
.clients-heading h2{font-size:27px!important}
}
/* =========================================================
V15 — SINGLE ACTIVE DROPDOWN ARCHITECTURE
========================================================= */
/* Every nav item owns its dropdown. Only .dropdown-active or
.dropdown-pinned is allowed to display it. */
@media(min-width:1025px){
.nav-item{position:relative!important}
.nav-item>.dropdown{
display:none!important;
position:absolute!important;
top:calc(100% + 10px)!important;
z-index:900!important;
transform:translateY(0)!important;
}
.nav-item.dropdown-active>.dropdown,
.nav-item.dropdown-pinned>.dropdown{
display:grid!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
/* Important: remove the old hover selector that allowed two menus
to remain visible simultaneously. */
.nav-item:hover>.dropdown,
.nav-item:focus-within>.dropdown{
display:none!important;
}
.nav-item.dropdown-active:hover>.dropdown,
.nav-item.dropdown-pinned:hover>.dropdown,
.nav-item.dropdown-active:focus-within>.dropdown,
.nav-item.dropdown-pinned:focus-within>.dropdown{
display:grid!important;
}
/* Navigation labels and chevrons share one exact center line. */
.navigation>.nav-item>.nav-link{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
vertical-align:middle!important;
gap:7px!important;
line-height:1!important;
white-space:nowrap!important;
}
.navigation>.nav-item>.nav-link .chevron{
display:inline-block!important;
position:relative!important;
top:0!important;
margin:0!important;
transform:none!important;
vertical-align:middle!important;
}
/* Small reference-style V */
.navigation .chevron{
width:12px!important;
height:9px!important;
flex:0 0 12px!important;
}
.navigation .chevron:before,
.navigation .chevron:after{
top:3px!important;
width:7px!important;
height:2px!important;
}
/* Active arrow is an upward V, without changing its position. */
.nav-item.dropdown-active>.nav-link .chevron:before,
.nav-item.dropdown-pinned>.nav-link .chevron:before{
transform:rotate(-45deg)!important;
}
.nav-item.dropdown-active>.nav-link .chevron:after,
.nav-item.dropdown-pinned>.nav-link .chevron:after{
transform:rotate(45deg)!important;
}
/* Keep the underline tied only to the active menu. */
.navigation>.nav-item>.nav-link:after{
transform:scaleX(0)!important;
}
.nav-item.dropdown-active>.nav-link:after,
.nav-item.dropdown-pinned>.nav-link:after{
transform:scaleX(1)!important;
}
/* Compact architecture: consistent menu widths. */
.mega-dropdown{width:620px!important}
.small-dropdown{width:370px!important}
.products-dropdown{width:760px!important}
}
/* Mobile keeps the simple accordion architecture from V14. */
@media(max-width:1024px){
.nav-item>.dropdown{
display:none!important;
position:static!important;
}
.nav-item.dropdown-open>.dropdown{
display:block!important;
}
.navigation>.nav-item>.nav-link{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
}
}
/* =========================================================
V16 — LOGO-ONLY CLIENT MARQUEE + REFERENCE CHEVRONS
========================================================= */
/* Exact small reference-style chevron: two thin strokes forming a V.
It rotates around its own center and never changes vertical position. */
@media(min-width:1025px){
.navigation .chevron{
width:12px!important;
height:8px!important;
flex:0 0 12px!important;
margin:0 0 0 3px!important;
top:0!important;
transform:none!important;
}
.navigation .chevron:before,
.navigation .chevron:after{
top:3px!important;
width:7px!important;
height:2px!important;
border-radius:2px!important;
background:currentColor!important;
}
.navigation .chevron:before{
left:0!important;
transform:rotate(45deg)!important;
transform-origin:right center!important;
}
.navigation .chevron:after{
right:0!important;
transform:rotate(-45deg)!important;
transform-origin:left center!important;
}
.nav-item.dropdown-active>.nav-link .chevron:before,
.nav-item.dropdown-pinned>.nav-link .chevron:before{
transform:rotate(-45deg)!important;
}
.nav-item.dropdown-active>.nav-link .chevron:after,
.nav-item.dropdown-pinned>.nav-link .chevron:after{
transform:rotate(45deg)!important;
}
}
/* Client marquee: no cards, no descriptions, no testimonials —
just clean logo marks moving continuously above the footer. */
.clients-section{
padding:38px 0 34px!important;
background:linear-gradient(180deg,#071d50,#06183f)!important;
overflow:hidden!important;
}
.clients-heading-centered{
display:flex!important;
justify-content:center!important;
text-align:center!important;
margin-bottom:22px!important;
}
.clients-heading-centered h2{
color:#fff!important;
font-size:28px!important;
margin:5px 0 0!important;
}
.clients-heading-centered .mini-label{
color:#6db0ff!important;
}
.client-marquee-window{
width:100%!important;
overflow:hidden!important;
border-top:1px solid rgba(255,255,255,.10)!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
background:rgba(255,255,255,.015)!important;
}
.client-marquee-logo-only{
display:flex!important;
width:max-content!important;
align-items:center!important;
gap:0!important;
animation:clientLogoFlow 30s linear infinite!important;
will-change:transform;
}
.client-marquee-logo-only:hover{
animation-play-state:paused!important;
}
.client-logo{
min-width:205px!important;
height:76px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:11px!important;
border-right:1px solid rgba(255,255,255,.10)!important;
color:#fff!important;
opacity:.88;
transition:opacity .2s ease,transform .2s ease;
}
.client-logo:hover{
opacity:1;
transform:scale(1.035);
}
.client-logo b{
color:#f4f7ff!important;
font-size:16px!important;
font-weight:650!important;
letter-spacing:.15px;
}
.client-mark{
width:30px!important;
height:30px!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(108,169,255,.55)!important;
border-radius:8px!important;
color:#72b4ff!important;
background:rgba(36,110,220,.10)!important;
font-size:16px!important;
}
@keyframes clientLogoFlow{
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
@media(max-width:1024px){
.clients-section{padding:30px 0 28px!important}
.clients-heading-centered h2{font-size:25px!important}
.client-logo{min-width:170px!important;height:62px!important}
.client-logo b{font-size:14px!important}
.client-mark{width:27px!important;height:27px!important;font-size:14px!important}
}
@media(max-width:600px){
.client-logo{min-width:145px!important;height:56px!important}
.client-logo b{font-size:12px!important}
.client-mark{width:24px!important;height:24px!important;font-size:12px!important}
}
/* Remove any residual success-story spacing if present in inherited markup. */
.success-section,.testimonial-grid,.success-grid,.insight-panel{
margin:0!important;
}
/* =========================================================
V17 — FINAL NAV ALIGNMENT + MOBILE DROPDOWN REPAIR
========================================================= */
/* ---------------- DESKTOP ---------------- */
@media(min-width:1025px){
/* The dropdown is architecturally attached to its own nav item.
Never center it against the whole header. */
.navigation>.nav-item{
position:relative!important;
}
.navigation>.nav-item>.dropdown{
top:calc(100% + 10px)!important;
left:0!important;
right:auto!important;
transform:none!important;
margin:0!important;
}
.navigation>.nav-item.dropdown-align-right>.dropdown{
left:auto!important;
right:0!important;
}
/* Only the JS active state can reveal a dropdown. */
.navigation>.nav-item:hover>.dropdown,
.navigation>.nav-item:focus-within>.dropdown{
display:none!important;
}
.navigation>.nav-item.dropdown-active>.dropdown,
.navigation>.nav-item.dropdown-pinned>.dropdown{
display:grid!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
/* Reference arrow: two equal thin strokes, centered beside label. */
.navigation>.nav-item>.nav-link{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
line-height:1!important;
white-space:nowrap!important;
}
.navigation>.nav-item>.nav-link .chevron{
position:relative!important;
display:inline-block!important;
width:13px!important;
height:9px!important;
flex:0 0 13px!important;
margin:0!important;
top:0!important;
border:0!important;
transform:none!important;
}
.navigation>.nav-item>.nav-link .chevron:before,
.navigation>.nav-item>.nav-link .chevron:after{
content:""!important;
position:absolute!important;
top:4px!important;
width:8px!important;
height:2px!important;
border:0!important;
border-radius:2px!important;
background:#fff!important;
box-shadow:none!important;
}
.navigation>.nav-item>.nav-link .chevron:before{
left:0!important;
transform:rotate(45deg)!important;
transform-origin:right center!important;
}
.navigation>.nav-item>.nav-link .chevron:after{
right:0!important;
transform:rotate(-45deg)!important;
transform-origin:left center!important;
}
.navigation>.nav-item.dropdown-active>.nav-link .chevron:before,
.navigation>.nav-item.dropdown-pinned>.nav-link .chevron:before{
transform:rotate(-45deg)!important;
}
.navigation>.nav-item.dropdown-active>.nav-link .chevron:after,
.navigation>.nav-item.dropdown-pinned>.nav-link .chevron:after{
transform:rotate(45deg)!important;
}
/* Compact, consistent dropdown widths */
.navigation>.nav-item .mega-dropdown{
width:620px!important;
}
.navigation>.nav-item .products-dropdown{
width:760px!important;
}
.navigation>.nav-item .small-dropdown{
width:370px!important;
}
}
/* ---------------- MOBILE / TABLET ---------------- */
@media(max-width:1024px){
/* Full-width navigation panel. No desktop positioning/hover offsets. */
.navigation{
position:fixed!important;
top:68px!important;
left:0!important;
right:0!important;
width:100%!important;
max-width:none!important;
min-height:0!important;
max-height:calc(100vh - 68px)!important;
box-sizing:border-box!important;
padding:8px 24px 28px!important;
overflow-x:hidden!important;
overflow-y:auto!important;
align-items:stretch!important;
background:#031332!important;
}
/* Every row uses the same left edge and the arrow uses the same right edge. */
.navigation>.nav-link,
.navigation>.nav-item>.nav-link{
width:100%!important;
box-sizing:border-box!important;
min-height:58px!important;
height:58px!important;
padding:0 2px!important;
margin:0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
text-align:left!important;
line-height:1!important;
border-bottom:1px solid rgba(160,190,235,.13)!important;
position:relative!important;
}
/* Exact same arrow design as desktop, simply positioned at the right. */
.navigation>.nav-item>.nav-link .chevron{
position:relative!important;
display:block!important;
width:14px!important;
height:10px!important;
flex:0 0 14px!important;
margin:0 3px 0 12px!important;
top:0!important;
border:0!important;
transform:none!important;
}
.navigation>.nav-item>.nav-link .chevron:before,
.navigation>.nav-item>.nav-link .chevron:after{
content:""!important;
position:absolute!important;
top:4px!important;
width:9px!important;
height:2px!important;
border:0!important;
border-radius:2px!important;
background:#fff!important;
box-shadow:none!important;
}
.navigation>.nav-item>.nav-link .chevron:before{
left:0!important;
transform:rotate(45deg)!important;
transform-origin:right center!important;
}
.navigation>.nav-item>.nav-link .chevron:after{
right:0!important;
transform:rotate(-45deg)!important;
transform-origin:left center!important;
}
.navigation>.nav-item.dropdown-open>.nav-link .chevron:before{
transform:rotate(-45deg)!important;
}
.navigation>.nav-item.dropdown-open>.nav-link .chevron:after{
transform:rotate(45deg)!important;
}
/* Simple mobile accordion — no giant desktop mega-menu box. */
.navigation>.nav-item>.dropdown{
position:static!important;
left:auto!important;
right:auto!important;
top:auto!important;
width:100%!important;
max-width:none!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
box-sizing:border-box!important;
display:none!important;
transform:none!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
margin:0!important;
padding:5px 0 9px!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
overflow:visible!important;
}
.navigation>.nav-item.dropdown-open>.dropdown{
display:block!important;
}
/* Flatten every desktop dropdown layout. */
.navigation>.nav-item>.dropdown.mega-dropdown,
.navigation>.nav-item>.dropdown.products-dropdown,
.navigation>.nav-item>.dropdown.small-dropdown{
display:none!important;
grid-template-columns:none!important;
}
.navigation>.nav-item.dropdown-open>.dropdown.mega-dropdown,
.navigation>.nav-item.dropdown-open>.dropdown.products-dropdown,
.navigation>.nav-item.dropdown-open>.dropdown.small-dropdown{
display:block!important;
}
.navigation .drop-column,
.navigation .product-menu-list{
width:100%!important;
display:block!important;
padding:0!important;
margin:0!important;
}
.navigation .drop-heading,
.navigation .drop-intro,
.navigation .products-callout{
display:none!important;
}
.navigation .dropdown a,
.navigation .product-menu-list>a{
display:block!important;
width:100%!important;
min-height:0!important;
height:auto!important;
box-sizing:border-box!important;
padding:9px 14px 9px 14px!important;
margin:0!important;
border:0!important;
border-radius:7px!important;
background:transparent!important;
color:#dce8ff!important;
white-space:normal!important;
}
.navigation .dropdown a:hover,
.navigation .product-menu-list>a:hover{
background:rgba(77,148,255,.10)!important;
}
.navigation .dropdown a b,
.navigation .product-menu-list>a b{
display:block!important;
color:#edf4ff!important;
font-size:14px!important;
font-weight:600!important;
line-height:1.35!important;
}
.navigation .dropdown a small,
.navigation .product-menu-list>a small{
display:block!important;
color:#8ea5c9!important;
font-size:10.5px!important;
line-height:1.35!important;
margin-top:2px!important;
}
.navigation .product-icon{
display:none!important;
}
/* Remove every inherited desktop hover transformation on mobile. */
.navigation>.nav-item:hover>.dropdown{
display:none!important;
transform:none!important;
}
.navigation>.nav-item.dropdown-open:hover>.dropdown{
display:block!important;
}
.navigation>.nav-item:hover>.nav-link .chevron{
transform:none!important;
}
}
/* Small screens: slightly larger menu text while preserving compact rows. */
@media(max-width:600px){
.navigation{padding-left:20px!important;padding-right:20px!important}
.navigation>.nav-link,
.navigation>.nav-item>.nav-link{
min-height:56px!important;
height:56px!important;
font-size:17px!important;
}
.navigation .dropdown a b,
.navigation .product-menu-list>a b{
font-size:14px!important;
}
}
/* =========================================================
V18 — CHEVRON LOCK
The arrow is one fixed-size element. It rotates as a whole,
so its bounding box never moves up/down or left/right.
========================================================= */
@media(min-width:1025px){
.navigation>.nav-item>.nav-link{
display:inline-flex!important;
align-items:center!important;
vertical-align:middle!important;
gap:8px!important;
line-height:1!important;
}
.navigation>.nav-item>.nav-link .chevron{
/* Fixed geometry: never changes size or position */
display:inline-block!important;
width:8px!important;
height:8px!important;
flex:0 0 8px!important;
position:relative!important;
top:0!important;
margin:0 1px 0 1px!important;
box-sizing:border-box!important;
/* One L-shape rotated into a V. */
border:0!important;
border-right:2px solid currentColor!important;
border-bottom:2px solid currentColor!important;
border-radius:0!important;
transform:rotate(45deg)!important;
transform-origin:50% 50%!important;
transition:transform .18s ease!important;
background:transparent!important;
box-shadow:none!important;
}
/* Disable every old two-stroke pseudo-arrow definition. */
.navigation>.nav-item>.nav-link .chevron:before,
.navigation>.nav-item>.nav-link .chevron:after{
content:none!important;
display:none!important;
}
/* Up chevron: SAME element, SAME size, SAME center point. */
.navigation>.nav-item.dropdown-active>.nav-link .chevron,
.navigation>.nav-item.dropdown-pinned>.nav-link .chevron{
transform:rotate(225deg)!important;
}
}
@media(max-width:1024px){
.navigation>.nav-item>.nav-link{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
line-height:1!important;
}
.navigation>.nav-item>.nav-link .chevron{
display:block!important;
width:9px!important;
height:9px!important;
flex:0 0 9px!important;
position:relative!important;
top:0!important;
margin:0 4px 0 12px!important;
box-sizing:border-box!important;
border:0!important;
border-right:2px solid currentColor!important;
border-bottom:2px solid currentColor!important;
border-radius:0!important;
transform:rotate(45deg)!important;
transform-origin:50% 50%!important;
transition:transform .18s ease!important;
background:transparent!important;
box-shadow:none!important;
}
.navigation>.nav-item>.nav-link .chevron:before,
.navigation>.nav-item>.nav-link .chevron:after{
content:none!important;
display:none!important;
}
.navigation>.nav-item.dropdown-open>.nav-link .chevron{
transform:rotate(225deg)!important;
}
}
/* Prevent generic nav rules from applying vertical offsets to the arrow. */
.navigation .chevron,
.navigation .nav-item .chevron{
align-self:center!important;
translate:none!important;
}
/* =========================================================
V19 — FULL-WIDTH SECTION RHYTHM + PREMIUM TYPOGRAPHY
========================================================= */
/* Sections touch vertically; only the content gets horizontal gutters. */
.section-white,
.services,
.products-section,
.why,
.solutions,
.success-section,
.contact,
.capability-strip,
.clients-section,
.insights-section{
margin-top:0!important;
margin-bottom:0!important;
}
/* Keep only left/right breathing room on the viewport. */
.container{
width:min(calc(100% - 40px),1240px)!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* Larger, clearer section typography */
.section-white .heading h2,
.products-section .heading h2,
.solution-grid h2{
font-size:40px!important;
line-height:1.12!important;
letter-spacing:-.4px!important;
}
.heading>p:last-child,
.section-lead{
font-size:15px!important;
line-height:1.65!important;
}
.service-card h3{font-size:18px!important}
.service-card p{font-size:13px!important;line-height:1.6!important}
.why h2,.success-section h2,.insight-panel h2{font-size:34px!important}
.solution-list a{font-size:17px!important}
.insight-grid h3{font-size:20px!important}
.clients-heading-centered h2{font-size:30px!important}
.capability-strip h2{font-size:26px!important}
/* Compact vertical padding: sections touch but content remains readable. */
.section-white{padding:46px 0!important}
.services.section-white,
.products-section.section-white{padding:46px 0!important}
.why,.solutions,.contact{padding:46px 0!important}
.clients-section{padding:34px 0!important}
/* Scroll animations: smooth reveal, no permanent hidden content. */
.scroll-reveal{
opacity:0;
transform:translateY(28px);
transition:
opacity .72s cubic-bezier(.22,.61,.36,1),
transform .72s cubic-bezier(.22,.61,.36,1);
transition-delay:var(--reveal-delay,0ms);
will-change:opacity,transform;
}
.scroll-reveal.is-visible{
opacity:1;
transform:translateY(0);
}
/* Sections use a slightly stronger entrance than individual cards. */
.reveal-section.scroll-reveal{
transform:translateY(34px);
transition-duration:.8s;
}
.reveal-section.scroll-reveal.is-visible{
transform:translateY(0);
}
/* Premium logo strip */
.client-marquee-window{
position:relative;
}
.client-marquee-window:before,
.client-marquee-window:after{
content:"";
position:absolute;
top:0;
bottom:0;
width:80px;
z-index:2;
pointer-events:none;
}
.client-marquee-window:before{
left:0;
background:linear-gradient(90deg,#071d50,transparent);
}
.client-marquee-window:after{
right:0;
background:linear-gradient(270deg,#071d50,transparent);
}
.client-logo{
min-width:210px!important;
height:78px!important;
border-right:1px solid rgba(255,255,255,.08)!important;
}
.client-logo .client-mark{
background:linear-gradient(145deg,rgba(54,131,255,.20),rgba(54,131,255,.04))!important;
border-color:rgba(102,172,255,.55)!important;
box-shadow:0 6px 18px rgba(25,112,255,.10)!important;
}
.client-logo b{
font-size:16px!important;
letter-spacing:.3px!important;
}
/* Respect accessibility preferences. */
@media(prefers-reduced-motion:reduce){
.scroll-reveal{
opacity:1!important;
transform:none!important;
transition:none!important;
}
}
/* Mobile: only side padding, no artificial vertical section gaps. */
@media(max-width:1024px){
.container{
width:calc(100% - 32px)!important;
}
.section-white,
.services.section-white,
.products-section.section-white,
.why,.solutions,.contact{
padding-top:38px!important;
padding-bottom:38px!important;
}
.section-white .heading h2,
.products-section .heading h2,
.solution-grid h2{
font-size:31px!important;
}
.service-card h3{font-size:17px!important}
.service-card p{font-size:12px!important}
}
@media(max-width:600px){
.container{width:calc(100% - 28px)!important}
.section-white,
.services.section-white,
.products-section.section-white,
.why,.solutions,.contact{
padding-top:34px!important;
padding-bottom:34px!important;
}
.section-white .heading h2,
.products-section .heading h2,
.solution-grid h2{
font-size:28px!important;
}
.heading>p:last-child,.section-lead{font-size:13px!important}
.service-card h3{font-size:16px!important}
.service-card p{font-size:11.5px!important}
.clients-section{padding:28px 0!important}
.client-logo{min-width:155px!important;height:58px!important}
.client-logo b{font-size:13px!important}
.client-marquee-window:before,
.client-marquee-window:after{width:45px}
}
/* =========================================================
V19 FIX — REFERENCE-ALIGNED CHEVRON + TYPOGRAPHY
Keep V19 architecture; change only arrow alignment and type.
========================================================= */
/* The arrow is a single fixed-size inline element aligned by
the same flex line as the menu label. It must never move vertically. */
@media(min-width:1025px){
.navigation>.nav-item>.nav-link{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
line-height:1!important;
transform:none!important;
}
.navigation>.nav-item>.nav-link:hover{
transform:none!important;
}
.navigation>.nav-item>.nav-link .chevron{
position:relative!important;
top:0!important;
bottom:auto!important;
align-self:center!important;
display:block!important;
width:8px!important;
height:8px!important;
min-width:8px!important;
max-width:8px!important;
flex:0 0 8px!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
border:0!important;
border-right:2px solid currentColor!important;
border-bottom:2px solid currentColor!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
transform:rotate(45deg)!important;
transform-origin:center center!important;
transition:transform .18s ease!important;
}
/* Remove old pseudo arrows so they cannot jump independently. */
.navigation>.nav-item>.nav-link .chevron:before,
.navigation>.nav-item>.nav-link .chevron:after{
content:none!important;
display:none!important;
}
/* Same element, same center: down V -> up V. */
.navigation>.nav-item.dropdown-active>.nav-link .chevron,
.navigation>.nav-item.dropdown-pinned>.nav-link .chevron{
transform:rotate(225deg)!important;
}
}
/* Mobile/tablet: same arrow design, aligned at the far right of the row. */
@media(max-width:1024px){
.navigation>.nav-item>.nav-link{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
line-height:1!important;
transform:none!important;
}
.navigation>.nav-item>.nav-link .chevron{
position:relative!important;
top:0!important;
bottom:auto!important;
align-self:center!important;
display:block!important;
width:9px!important;
height:9px!important;
min-width:9px!important;
flex:0 0 9px!important;
margin:0 4px 0 12px!important;
padding:0!important;
box-sizing:border-box!important;
border:0!important;
border-right:2px solid currentColor!important;
border-bottom:2px solid currentColor!important;
border-radius:0!important;
background:transparent!important;
transform:rotate(45deg)!important;
transform-origin:center center!important;
transition:transform .18s ease!important;
}
.navigation>.nav-item>.nav-link .chevron:before,
.navigation>.nav-item>.nav-link .chevron:after{
content:none!important;
display:none!important;
}
.navigation>.nav-item.dropdown-open>.nav-link .chevron{
transform:rotate(225deg)!important;
}
}
/* Larger section typography — moderate increase, not oversized. */
.section-white .heading h2,
.products-section .heading h2,
.solution-grid h2{
font-size:40px!important;
line-height:1.12!important;
}
.heading>p:last-child,
.section-lead{
font-size:15.5px!important;
line-height:1.65!important;
}
.service-card h3{
font-size:18px!important;
line-height:1.3!important;
}
.service-card p{
font-size:13px!important;
line-height:1.6!important;
}
.why h2,
.insight-panel h2{
font-size:34px!important;
}
.solution-list a{
font-size:17px!important;
}
.insight-grid h3{
font-size:20px!important;
}
.clients-heading-centered h2{
font-size:30px!important;
}
/* Footer: slightly larger and more readable without making it bulky. */
footer h3,
.footer h3,
.site-footer h3{
font-size:16px!important;
}
footer,
.footer,
.site-footer{
font-size:13px!important;
line-height:1.55!important;
}
footer a,
.footer a,
.site-footer a{
font-size:13px!important;
}
@media(max-width:1024px){
.section-white .heading h2,
.products-section .heading h2,
.solution-grid h2{
font-size:33px!important;
}
.service-card h3{font-size:17px!important}
.service-card p{font-size:12.5px!important}
}
@media(max-width:600px){
.section-white .heading h2,
.products-section .heading h2,
.solution-grid h2{
font-size:29px!important;
}
.heading>p:last-child,
.section-lead{
font-size:13.5px!important;
}
.service-card h3{font-size:16px!important}
.service-card p{font-size:12px!important}
footer,
.footer,
.site-footer{
font-size:12.5px!important;
}
}
/* =========================================================
V19 FIX — ARROW ONLY
DO NOT CHANGE ANY OTHER V19 DESIGN.
========================================================= */
/* Reset every old V19 chevron rule. */
.navigation .nav-item > .nav-link.has-dropdown .chevron,
.navigation .nav-item > .nav-link .chevron{
position:static !important;
top:auto !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
align-self:center !important;
vertical-align:middle !important;
width:12px !important;
height:16px !important;
min-width:12px !important;
max-width:12px !important;
flex:0 0 12px !important;
margin:0 0 0 7px !important;
padding:0 !important;
box-sizing:border-box !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
transform:none !important;
translate:none !important;
rotate:none !important;
scale:none !important;
line-height:0 !important;
}
/* Kill ALL legacy pseudo-element arrows. */
.navigation .nav-item > .nav-link .chevron::before,
.navigation .nav-item > .nav-link .chevron::after{
content:none !important;
display:none !important;
border:0 !important;
transform:none !important;
}
/* The SVG owns the arrow geometry. Fixed box, fixed center. */
.navigation .nav-item > .nav-link .chevron svg{
display:block !important;
width:12px !important;
height:7px !important;
min-width:12px !important;
max-width:12px !important;
flex:0 0 12px !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
transform:rotate(0deg) !important;
transform-origin:50% 50% !important;
transition:transform .18s ease !important;
}
/* V shape. */
.navigation .nav-item > .nav-link .chevron svg path{
fill:none !important;
stroke:currentColor !important;
stroke-width:1.8 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
/* Open: only the SVG rotates around its own center.
The span and the menu line NEVER move. */
.navigation .nav-item.dropdown-active > .nav-link .chevron svg,
.navigation .nav-item.dropdown-pinned > .nav-link .chevron svg{
transform:rotate(180deg) !important;
}
/* Prevent old hover transforms from moving the complete link. */
.navigation .nav-item > .nav-link.has-dropdown:hover,
.navigation .nav-item > .nav-link.has-dropdown:focus,
.navigation .nav-item > .nav-link.has-dropdown:active{
transform:none !important;
translate:none !important;
}
/* Desktop: menu label + arrow are one centered flex line. */
@media(min-width:1025px){
.navigation .nav-item > .nav-link.has-dropdown{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:0 !important;
line-height:1 !important;
height:100% !important;
}
}
/* Mobile/tablet: arrow stays on the same row, at the far right. */
@media(max-width:1024px){
.navigation .nav-item > .nav-link.has-dropdown{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
line-height:1 !important;
}
.navigation .nav-item > .nav-link .chevron{
width:14px !important;
height:18px !important;
min-width:14px !important;
max-width:14px !important;
flex:0 0 14px !important;
margin:0 3px 0 12px !important;
}
}
/* =========================================================
AIZENEXA V19 — FINAL DROPDOWN / TOGGLE ARCHITECTURE
========================================================= */
:root{
--nav-blue:#0877ff;
--nav-ink:#16233f;
--nav-muted:#6d7a91;
--menu-border:#dbe5f2;
}
/* Keep the arrow physically inside the menu row. */
.navigation .nav-item > .nav-link.has-dropdown{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
white-space:nowrap!important;
vertical-align:middle!important;
}
.navigation .nav-item > .nav-link.has-dropdown .chevron{
position:static!important;
top:auto!important;
right:auto!important;
width:12px!important;
height:12px!important;
min-width:12px!important;
min-height:12px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
padding:0!important;
transform:none!important;
border:0!important;
}
.navigation .nav-item > .nav-link.has-dropdown .chevron svg{
display:block!important;
width:12px!important;
height:7px!important;
overflow:visible!important;
transform:rotate(0deg)!important;
transform-origin:center!important;
transition:transform .22s ease!important;
}
.navigation .nav-item > .nav-link.has-dropdown .chevron svg path{
fill:none!important;
stroke:currentColor!important;
stroke-width:1.8!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.navigation .nav-item:hover > .nav-link.has-dropdown .chevron svg,
.navigation .nav-item:focus-within > .nav-link.has-dropdown .chevron svg,
.navigation .nav-item.dropdown-active > .nav-link.has-dropdown .chevron svg,
.navigation .nav-item.dropdown-pinned > .nav-link.has-dropdown .chevron svg,
.navigation .nav-item.dropdown-open > .nav-link.has-dropdown .chevron svg{
transform:rotate(180deg)!important;
}
/* The underline belongs ONLY to the nav-link itself. */
.navigation > .nav-link:after,
.navigation > .nav-item > .nav-link:after{
left:0!important;
right:0!important;
bottom:2px!important;
height:3px!important;
transform-origin:center!important;
}
/* All desktop dropdowns share one Products-style shell. */
@media (min-width:1025px){
.navigation > .nav-item > .dropdown{
position:absolute!important;
top:72px!important;
transform:none!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
z-index:3000!important;
overflow:hidden!important;
background:#fff!important;
border:1px solid var(--menu-border)!important;
border-radius:20px!important;
box-shadow:0 24px 60px rgba(7,24,61,.24)!important;
}
.navigation > .nav-item:hover > .dropdown,
.navigation > .nav-item:focus-within > .dropdown,
.navigation > .nav-item.dropdown-active > .dropdown,
.navigation > .nav-item.dropdown-pinned > .dropdown{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:none!important;
}
/* Non-product menus: two tightly packed columns + the same right callout. */
.navigation > .nav-item > .premium-dropdown{
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) 225px!important;
column-gap:0!important;
row-gap:0!important;
width:min(850px,calc(100vw - 28px))!important;
min-width:0!important;
}
/* Products: two item columns + 225px callout. */
.navigation > .nav-item > .products-dropdown{
display:grid!important;
grid-template-columns:minmax(0,1fr) 225px!important;
column-gap:0!important;
width:min(850px,calc(100vw - 28px))!important;
min-width:0!important;
}
/* Kill the old giant "rails" between columns. */
.premium-dropdown > .drop-column{
min-width:0!important;
width:auto!important;
padding:17px 5px 17px 14px!important;
margin:0!important;
box-sizing:border-box!important;
}
.premium-dropdown > .drop-column + .drop-column{
padding-left:5px!important;
padding-right:5px!important;
}
.premium-dropdown .drop-heading{
padding:2px 7px 6px!important;
margin:0!important;
font-size:15px!important;
line-height:1.2!important;
font-weight:800!important;
color:var(--nav-ink)!important;
}
.premium-dropdown .drop-column a{
display:flex!important;
flex-direction:row!important;
align-items:center!important;
gap:9px!important;
width:100%!important;
min-width:0!important;
min-height:56px!important;
padding:6px 7px!important;
margin:0!important;
border-radius:11px!important;
box-sizing:border-box!important;
color:var(--nav-ink)!important;
background:transparent!important;
white-space:normal!important;
}
.premium-dropdown .drop-column a:hover{
background:#edf5ff!important;
}
.premium-dropdown .drop-icon{
flex:0 0 36px!important;
width:36px!important;
height:36px!important;
display:grid!important;
place-items:center!important;
border-radius:10px!important;
background:#eef6ff!important;
color:#0877ff!important;
font-size:15px!important;
font-weight:800!important;
line-height:1!important;
}
.premium-dropdown .drop-column a > span:not(.drop-icon){
min-width:0!important;
flex:1 1 auto!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
.premium-dropdown .drop-column a b{
display:block!important;
font-size:14px!important;
line-height:1.18!important;
font-weight:800!important;
color:var(--nav-ink)!important;
overflow-wrap:anywhere!important;
}
.premium-dropdown .drop-column a small{
display:block!important;
margin-top:3px!important;
font-size:10.5px!important;
line-height:1.22!important;
color:var(--nav-muted)!important;
overflow-wrap:anywhere!important;
}
/* Same blue panel as Products. */
.premium-dropdown > .dropdown-callout{
min-width:0!important;
width:auto!important;
min-height:100%!important;
padding:23px 18px!important;
box-sizing:border-box!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
background:linear-gradient(150deg,#2e90ef,#0668e7)!important;
color:#fff!important;
}
.premium-dropdown .dropdown-callout > span{
font-size:9px!important;
line-height:1!important;
letter-spacing:1.8px!important;
font-weight:800!important;
color:#dceeff!important;
margin:0 0 10px!important;
}
.premium-dropdown .dropdown-callout h3{
margin:0 0 10px!important;
font-size:25px!important;
line-height:1.04!important;
letter-spacing:-.3px!important;
color:#fff!important;
}
.premium-dropdown .dropdown-callout p{
margin:0 0 16px!important;
font-size:11px!important;
line-height:1.45!important;
color:rgba(255,255,255,.93)!important;
}
.premium-dropdown .dropdown-callout > a{
width:100%!important;
min-height:43px!important;
padding:0 13px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
box-sizing:border-box!important;
border-radius:999px!important;
background:#fff!important;
color:#0871ee!important;
font-size:11px!important;
font-weight:800!important;
}
/* Products gets the same compact dimensions. */
.products-dropdown .product-menu-list{
min-width:0!important;
padding:17px 12px!important;
margin:0!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
column-gap:0!important;
row-gap:0!important;
box-sizing:border-box!important;
}
.products-dropdown .product-menu-list .drop-heading,
.products-dropdown .product-menu-list .drop-intro{
grid-column:1/-1!important;
}
.products-dropdown .product-menu-list .drop-heading{
padding:2px 7px 5px!important;
margin:0!important;
font-size:18px!important;
}
.products-dropdown .product-menu-list .drop-intro{
padding:0 7px!important;
margin:0 0 5px!important;
font-size:11px!important;
}
.products-dropdown .product-menu-list > a{
min-width:0!important;
min-height:56px!important;
padding:6px 7px!important;
margin:0!important;
gap:9px!important;
border-radius:11px!important;
box-sizing:border-box!important;
}
.products-dropdown .product-icon{
width:36px!important;
height:36px!important;
flex:0 0 36px!important;
border-radius:10px!important;
font-size:17px!important;
}
.products-dropdown .product-menu-list > a b{
font-size:14px!important;
line-height:1.18!important;
}
.products-dropdown .product-menu-list > a small{
font-size:10.5px!important;
margin-top:3px!important;
line-height:1.22!important;
}
.products-dropdown > .products-callout{
min-width:0!important;
width:auto!important;
padding:23px 18px!important;
box-sizing:border-box!important;
}
.products-dropdown .products-callout h3{
font-size:25px!important;
line-height:1.04!important;
margin:13px 0 10px!important;
}
.products-dropdown .products-callout p{
font-size:11px!important;
line-height:1.45!important;
margin-bottom:16px!important;
}
.products-dropdown .products-callout > a{
min-height:43px!important;
padding:0 13px!important;
font-size:11px!important;
}
}
/* Desktop narrow screens: preserve the architecture but reduce width. */
@media (min-width:1025px) and (max-width:1200px){
.navigation{gap:19px!important}
.navigation > .nav-item > .premium-dropdown,
.navigation > .nav-item > .products-dropdown{
width:min(760px,calc(100vw - 24px))!important;
}
.navigation > .nav-item > .premium-dropdown{
grid-template-columns:minmax(0,1fr) minmax(0,1fr) 205px!important;
}
.navigation > .nav-item > .products-dropdown{
grid-template-columns:minmax(0,1fr) 205px!important;
}
}
/* Mobile: never let desktop hover CSS open an accordion.
Only .dropdown-open opens a mobile dropdown. */
@media (max-width:1024px){
.navigation{
z-index:4000!important;
}
.navigation .nav-item:hover > .dropdown,
.navigation .nav-item:focus-within > .dropdown{
display:none!important;
}
.navigation .nav-item.dropdown-open > .dropdown{
display:block!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.navigation .dropdown,
.navigation .premium-dropdown,
.navigation .products-dropdown,
.navigation .company-dropdown{
position:static!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
transform:none!important;
display:none!important;
padding:7px 0 8px!important;
margin:0!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
background:#061b46!important;
overflow:visible!important;
}
.navigation .premium-dropdown{
grid-template-columns:1fr!important;
}
.navigation .premium-dropdown > .drop-column{
padding:0!important;
}
.navigation .premium-dropdown .drop-heading{
display:none!important;
}
.navigation .premium-dropdown .drop-column a,
.navigation .product-menu-list > a{
min-height:54px!important;
width:100%!important;
padding:7px 18px!important;
margin:0!important;
border-radius:0!important;
box-sizing:border-box!important;
}
.navigation .premium-dropdown .drop-icon{
width:35px!important;
height:35px!important;
flex-basis:35px!important;
}
.navigation .premium-dropdown .drop-column a b,
.navigation .product-menu-list > a b{
font-size:14px!important;
color:#fff!important;
}
.navigation .premium-dropdown .drop-column a small,
.navigation .product-menu-list > a small{
font-size:10.5px!important;
color:#9db5d9!important;
}
.navigation .premium-dropdown .dropdown-callout,
.navigation .products-callout{
display:none!important;
}
.navigation .product-menu-list{
display:block!important;
padding:0!important;
}
.navigation .product-menu-list .drop-heading,
.navigation .product-menu-list .drop-intro{
display:none!important;
}
.navigation .product-menu-list > a:hover,
.navigation .premium-dropdown .drop-column a:hover{
background:#0b2d67!important;
}
.navigation .nav-item > .nav-link.has-dropdown{
width:100%!important;
justify-content:space-between!important;
padding-right:8px!important;
}
}
/* Very small phones: keep the menu readable and never horizontally scroll. */
@media (max-width:480px){
.navigation{
padding-left:14px!important;
padding-right:14px!important;
}
.navigation .nav-item > .nav-link.has-dropdown{
font-size:15px!important;
}
}
/* =========================================================
V19 FINAL POLISH — SCREEN FIT / NAV UNDERLINE / FLOATING TOOLS
========================================================= */
/* One fixed geometry for every desktop nav item.
This prevents the underline from jumping when a chevron rotates. */
@media (min-width:1025px){
.header{
height:76px!important;
}
.nav{
height:76px!important;
align-items:center!important;
}
.navigation{
height:76px!important;
align-items:center!important;
gap:24px!important;
flex-wrap:nowrap!important;
}
.navigation > .nav-link,
.navigation > .nav-item > .nav-link{
height:76px!important;
min-height:76px!important;
box-sizing:border-box!important;
display:inline-flex!important;
align-items:center!important;
position:relative!important;
padding:0!important;
line-height:1!important;
}
.navigation > .nav-item{
height:76px!important;
min-height:76px!important;
display:flex!important;
align-items:center!important;
position:relative!important;
flex:0 0 auto!important;
}
/* Underline is anchored to the exact same baseline for EVERY item. */
.navigation > .nav-link:after,
.navigation > .nav-item > .nav-link:after{
top:auto!important;
bottom:7px!important;
left:0!important;
right:0!important;
width:100%!important;
height:3px!important;
min-height:3px!important;
margin:0!important;
border-radius:99px!important;
transform:scaleX(0)!important;
transform-origin:center!important;
}
.navigation > .nav-link:hover:after,
.navigation > .nav-link.active:after,
.navigation > .nav-item:hover > .nav-link:after,
.navigation > .nav-item:focus-within > .nav-link:after,
.navigation > .nav-item.dropdown-active > .nav-link:after,
.navigation > .nav-item.dropdown-pinned > .nav-link:after{
transform:scaleX(1)!important;
}
/* Dropdown starts from the bottom edge of its own trigger. */
.navigation > .nav-item > .dropdown{
top:calc(100% + 8px)!important;
}
/* Long menus are contained inside the viewport rather than covering it. */
.navigation > .nav-item > .dropdown{
max-height:calc(100vh - 100px)!important;
overflow-x:hidden!important;
overflow-y:auto!important;
scrollbar-width:thin;
scrollbar-color:#9bb5d8 transparent;
}
.navigation > .nav-item > .dropdown::-webkit-scrollbar{
width:7px;
}
.navigation > .nav-item > .dropdown::-webkit-scrollbar-track{
background:transparent;
}
.navigation > .nav-item > .dropdown::-webkit-scrollbar-thumb{
background:#a8bddb;
border-radius:99px;
}
/* Short screens: compact the menu enough to show the complete content
whenever practical, while retaining an internal scroll as a fallback. */
.premium-dropdown .drop-column a,
.products-dropdown .product-menu-list > a{
min-height:52px!important;
}
.premium-dropdown > .drop-column{
padding-top:13px!important;
padding-bottom:13px!important;
}
.products-dropdown .product-menu-list{
padding-top:14px!important;
padding-bottom:14px!important;
}
}
@media (min-width:1025px) and (max-height:760px){
.navigation > .nav-item > .dropdown{
max-height:calc(100vh - 94px)!important;
}
.premium-dropdown .drop-column a,
.products-dropdown .product-menu-list > a{
min-height:48px!important;
padding-top:4px!important;
padding-bottom:4px!important;
}
.premium-dropdown .drop-icon,
.products-dropdown .product-icon{
width:32px!important;
height:32px!important;
flex-basis:32px!important;
}
.premium-dropdown .drop-column a small,
.products-dropdown .product-menu-list > a small{
font-size:10px!important;
}
}
/* Premium floating controls: icon-only, balanced and never overlap each other. */
.floating-tools{
position:fixed!important;
right:18px!important;
bottom:18px!important;
z-index:5000!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
gap:12px!important;
}
.whatsapp-float{
width:58px!important;
height:58px!important;
padding:0!important;
margin:0!important;
display:grid!important;
place-items:center!important;
border-radius:50%!important;
background:#25D366!important;
border:3px solid #fff!important;
box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 0 2px rgba(37,211,102,.20)!important;
transition:transform .22s ease,box-shadow .22s ease!important;
text-decoration:none!important;
}
.whatsapp-float:hover{
transform:translateY(-3px) scale(1.04)!important;
box-shadow:0 16px 36px rgba(0,0,0,.30),0 0 0 5px rgba(37,211,102,.14)!important;
}
.whatsapp-float .wa-logo{
width:34px!important;
height:34px!important;
display:block!important;
}
.whatsapp-float .wa-logo circle{
fill:#25D366!important;
stroke:#fff!important;
stroke-width:3!important;
}
.whatsapp-float .wa-logo path{
fill:#fff!important;
}
.back-top{
position:relative!important;
width:58px!important;
height:58px!important;
padding:0!important;
margin:0!important;
border:1px solid rgba(130,176,255,.55)!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
background:linear-gradient(145deg,#116ff2,#0757c9)!important;
color:#fff!important;
box-shadow:0 12px 30px rgba(0,50,150,.30)!important;
cursor:pointer!important;
transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.back-top:hover{
transform:translateY(-3px)!important;
background:linear-gradient(145deg,#2381ff,#0865df)!important;
box-shadow:0 16px 36px rgba(0,50,150,.34)!important;
}
.back-top span{
font-size:27px!important;
line-height:1!important;
font-weight:500!important;
transform:translateY(-1px)!important;
}
.back-top small{
display:none!important;
}
/* Remove any legacy WhatsApp text if a cached/older DOM is present. */
.wa-label{display:none!important}
/* Mobile header/toggle: one stable button with a clear open state. */
@media (max-width:1024px){
.header{
height:68px!important;
}
.nav{
height:68px!important;
}
.hamburger{
position:relative!important;
width:44px!important;
height:44px!important;
flex:0 0 44px!important;
padding:0!important;
margin:0!important;
border-radius:12px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
background:rgba(255,255,255,.06)!important;
border:1px solid rgba(160,194,244,.48)!important;
cursor:pointer!important;
z-index:5001!important;
}
.hamburger span{
width:18px!important;
height:2px!important;
margin:0!important;
display:block!important;
border-radius:4px!important;
background:#fff!important;
transition:transform .22s ease,opacity .18s ease!important;
}
.hamburger[aria-expanded="true"] span:nth-child(1){
transform:translateY(7px) rotate(45deg)!important;
}
.hamburger[aria-expanded="true"] span:nth-child(2){
opacity:0!important;
}
.hamburger[aria-expanded="true"] span:nth-child(3){
transform:translateY(-7px) rotate(-45deg)!important;
}
.navigation{
top:68px!important;
max-height:calc(100vh - 68px)!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
}
.floating-tools{
right:12px!important;
bottom:12px!important;
gap:9px!important;
}
.whatsapp-float,
.back-top{
width:52px!important;
height:52px!important;
}
.whatsapp-float .wa-logo{
width:31px!important;
height:31px!important;
}
}
@media (max-width:480px){
.floating-tools{
right:10px!important;
bottom:10px!important;
}
.whatsapp-float,
.back-top{
width:50px!important;
height:50px!important;
}
}
/* Mobile accordion stays inside the scrolling navigation panel. */
@media (max-width:1024px){
.navigation .nav-item.dropdown-open > .dropdown{
max-height:none!important;
overflow:visible!important;
}
}
/* =========================================================
V19.1 — FINAL NAV GEOMETRY FIX
========================================================= */
/* Desktop dropdown horizontal position is controlled by JS through
--dropdown-left. This overrides the old left:0!important rule. */
@media (min-width:1025px){
.navigation > .nav-item > .dropdown{
left:var(--dropdown-left, 0px)!important;
right:auto!important;
top:calc(100% + 8px)!important;
}
/* Put the active underline immediately beneath the text line. */
.navigation > .nav-link:after,
.navigation > .nav-item > .nav-link:after{
bottom:17px!important;
height:3px!important;
min-height:3px!important;
}
/* Do not show the responsive hamburger on desktop. */
.hamburger{
display:none!important;
}
}
/* Mobile has ONE menu control and a reliable full-width navigation drawer. */
@media (max-width:1024px){
.header{
position:relative!important;
z-index:5000!important;
height:68px!important;
}
.nav{
position:relative!important;
z-index:5001!important;
height:68px!important;
}
.hamburger{
display:flex!important;
position:relative!important;
z-index:5002!important;
pointer-events:auto!important;
cursor:pointer!important;
}
.navigation{
position:fixed!important;
z-index:4999!important;
top:68px!important;
left:0!important;
right:0!important;
width:100%!important;
max-height:calc(100vh - 68px)!important;
overflow-x:hidden!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
display:none!important;
}
.navigation.open{
display:flex!important;
}
/* Mobile underlines are intentionally removed; accordion rows use borders. */
.navigation > .nav-link:after,
.navigation > .nav-item > .nav-link:after{
display:none!important;
}
/* Keep dropdowns in the document flow on mobile. */
.navigation > .nav-item > .dropdown{
position:static!important;
left:auto!important;
right:auto!important;
top:auto!important;
max-height:none!important;
overflow:visible!important;
}
body.mobile-menu-open{
overflow:hidden!important;
}
}
/* =========================================================
V19.2 — COMPACT COLUMNS + RELIABLE MOBILE HAMBURGER
========================================================= */
/* Desktop: compact the two content columns so there are no giant
empty rails between the menu groups. */
@media (min-width:1025px){
.navigation > .nav-item > .premium-dropdown{
grid-template-columns:minmax(0,330px) minmax(0,330px) 225px!important;
column-gap:0!important;
width:min(885px,calc(100vw - 24px))!important;
}
.navigation > .nav-item > .premium-dropdown > .drop-column{
padding-left:10px!important;
padding-right:4px!important;
}
.navigation > .nav-item > .premium-dropdown > .drop-column + .drop-column{
padding-left:4px!important;
padding-right:4px!important;
}
/* Products keeps the same compact two-column rhythm as the other
mega menus. */
.navigation > .nav-item > .products-dropdown{
grid-template-columns:minmax(0,660px) 225px!important;
width:min(885px,calc(100vw - 24px))!important;
}
.navigation > .nav-item > .products-dropdown .product-menu-list{
grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
column-gap:0!important;
padding-left:18px!important;
padding-right:10px!important;
}
.navigation > .nav-item > .products-dropdown .product-menu-list > a{
padding-left:6px!important;
padding-right:6px!important;
}
}
/* Mobile: always show the hamburger button; never let older rules
accidentally hide it. */
@media (max-width:1024px){
.header .nav{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
width:92%!important;
margin:0 auto!important;
min-width:0!important;
}
.header .hamburger{
display:flex!important;
visibility:visible!important;
opacity:1!important;
position:relative!important;
flex:0 0 44px!important;
width:44px!important;
height:44px!important;
margin-left:auto!important;
align-items:center!important;
justify-content:center!important;
pointer-events:auto!important;
z-index:6001!important;
}
.header .hamburger span{
display:block!important;
visibility:visible!important;
opacity:1!important;
}
/* User requested a clean mobile menu without the desktop-style
item icons. */
.navigation .drop-icon,
.navigation .product-icon{
display:none!important;
}
.navigation .premium-dropdown .drop-column a,
.navigation .product-menu-list > a{
padding-left:8px!important;
padding-right:8px!important;
gap:0!important;
}
.navigation .premium-dropdown .drop-column a > span:last-child,
.navigation .product-menu-list > a > span:last-child{
width:100%!important;
}
}
/* =========================================================
V19.4 — POLISHED, COMPACT, CONSISTENT DROPDOWN SYSTEM
========================================================= */
@media (min-width:1025px){
/* Shared mega-menu shell */
.navigation > .nav-item > .premium-dropdown,
.navigation > .nav-item > .products-dropdown{
position:absolute!important;
top:calc(100% + 12px)!important;
width:min(760px,calc(100vw - 32px))!important;
max-width:calc(100vw - 32px)!important;
min-width:0!important;
margin:0!important;
padding:0!important;
border-radius:22px!important;
overflow:hidden!important;
box-sizing:border-box!important;
column-gap:0!important;
row-gap:0!important;
align-items:stretch!important;
}
/* Keep dropdowns visually connected to their menu item. */
.navigation > .nav-item > .premium-dropdown{
grid-template-columns:260px 260px 240px!important;
}
.navigation > .nav-item > .products-dropdown{
grid-template-columns:520px 240px!important;
}
/* Standard dropdown content columns */
.navigation > .nav-item > .premium-dropdown > .drop-column{
width:260px!important;
min-width:260px!important;
max-width:260px!important;
padding:22px 8px 18px 18px!important;
margin:0!important;
box-sizing:border-box!important;
}
.navigation > .nav-item > .premium-dropdown > .drop-column + .drop-column{
padding-left:8px!important;
padding-right:8px!important;
}
/* Compact heading rhythm */
.navigation > .nav-item > .premium-dropdown .drop-heading{
margin:0 0 8px!important;
padding:0 6px!important;
line-height:1.2!important;
}
/* Item rows align icon, title and description on one clean grid */
.navigation > .nav-item > .premium-dropdown .drop-column a{
width:100%!important;
min-width:0!important;
min-height:58px!important;
height:58px!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
padding:6px!important;
margin:0!important;
box-sizing:border-box!important;
border-radius:12px!important;
}
.navigation > .nav-item > .premium-dropdown .drop-column a + a{
margin-top:2px!important;
}
.navigation > .nav-item > .premium-dropdown .drop-icon{
flex:0 0 38px!important;
width:38px!important;
height:38px!important;
margin:0!important;
display:grid!important;
place-items:center!important;
}
.navigation > .nav-item > .premium-dropdown .drop-column a > span:last-child{
min-width:0!important;
flex:1 1 auto!important;
}
.navigation > .nav-item > .premium-dropdown b,
.navigation > .nav-item > .premium-dropdown small{
display:block!important;
max-width:100%!important;
min-width:0!important;
}
.navigation > .nav-item > .premium-dropdown small{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
/* Shared callout panel */
.navigation > .nav-item > .premium-dropdown > .dropdown-callout,
.navigation > .nav-item > .products-dropdown > .products-callout{
width:240px!important;
min-width:240px!important;
max-width:240px!important;
min-height:100%!important;
padding:28px 22px!important;
box-sizing:border-box!important;
margin:0!important;
}
/* Products content: two truly equal columns, no middle rail */
.navigation > .nav-item > .products-dropdown .product-menu-list{
width:520px!important;
min-width:520px!important;
max-width:520px!important;
display:grid!important;
grid-template-columns:260px 260px!important;
column-gap:0!important;
row-gap:0!important;
align-content:start!important;
padding:22px 8px 18px 18px!important;
margin:0!important;
box-sizing:border-box!important;
}
.navigation > .nav-item > .products-dropdown .drop-heading{
grid-column:1 / -1!important;
margin:0 0 2px!important;
padding:0 6px!important;
}
.navigation > .nav-item > .products-dropdown .drop-intro{
grid-column:1 / -1!important;
margin:0 0 10px!important;
padding:0 6px!important;
}
.navigation > .nav-item > .products-dropdown .product-menu-list > a{
width:260px!important;
min-width:260px!important;
max-width:260px!important;
min-height:62px!important;
height:62px!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
padding:7px 6px!important;
margin:0!important;
box-sizing:border-box!important;
border-radius:12px!important;
}
.navigation > .nav-item > .products-dropdown .product-icon{
flex:0 0 38px!important;
width:38px!important;
height:38px!important;
margin:0!important;
display:grid!important;
place-items:center!important;
}
.navigation > .nav-item > .products-dropdown .product-menu-list > a > span:last-child{
min-width:0!important;
flex:1 1 auto!important;
}
.navigation > .nav-item > .products-dropdown b,
.navigation > .nav-item > .products-dropdown small{
display:block!important;
max-width:100%!important;
min-width:0!important;
}
.navigation > .nav-item > .products-dropdown small{
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
/* Keep every dropdown inside the viewport regardless of active item. */
.navigation > .nav-item > .dropdown{
right:auto!important;
}
/* Right-side menu items anchor toward the right edge. */
.navigation > .nav-item:nth-last-child(-n+2) > .dropdown{
left:auto!important;
right:0!important;
}
/* Mid/right items stay centered without spilling off screen. */
.navigation > .nav-item:nth-child(n+4):nth-child(-n+7) > .dropdown{
transform:translateX(-8%)!important;
}
/* Active menu underline remains directly beneath its text. */
.navigation .nav-link{
position:relative!important;
}
.navigation .nav-link::after{
bottom:-9px!important;
height:3px!important;
border-radius:999px!important;
}
}
/* Compact desktop/tablet fallback */
@media (min-width:769px) and (max-width:1024px){
.navigation > .nav-item > .premium-dropdown,
.navigation > .nav-item > .products-dropdown{
width:min(700px,calc(100vw - 24px))!important;
max-width:calc(100vw - 24px)!important;
}
}
/* Mobile keeps the accordion simple: no desktop columns or icons. */
@media (max-width:768px){
.navigation > .nav-item > .premium-dropdown,
.navigation > .nav-item > .products-dropdown{
width:100%!important;
max-width:100%!important;
min-width:0!important;
left:0!important;
right:0!important;
transform:none!important;
}
.navigation .drop-icon,
.navigation .product-icon{
display:none!important;
}
.navigation .premium-dropdown,
.navigation .products-dropdown{
grid-template-columns:1fr!important;
}
}
/* =========================================================
V19.5 — DEFINITIVE NAV UNDERLINE GEOMETRY
========================================================= */
@media (min-width:1025px){
.navigation{
align-items:center!important;
height:76px!important;
}
.navigation > .nav-link,
.navigation > .nav-item > .nav-link{
position:relative!important;
height:76px!important;
min-height:76px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
box-sizing:border-box!important;
padding:0!important;
margin:0!important;
line-height:1!important;
top:0!important;
}
.navigation > .nav-item{
position:relative!important;
height:76px!important;
min-height:76px!important;
display:flex!important;
align-items:center!important;
flex:0 0 auto!important;
margin:0!important;
padding:0!important;
}
/* One identical baseline for Home, Solutions, Services,
Products, Industries, Portfolio, Company and Contact. */
.navigation > .nav-link::after,
.navigation > .nav-item > .nav-link::after{
content:""!important;
position:absolute!important;
top:auto!important;
bottom:9px!important;
left:0!important;
right:auto!important;
width:100%!important;
height:3px!important;
min-height:3px!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:999px!important;
background:#55a0ff!important;
transform:scaleX(0)!important;
transform-origin:center!important;
transition:transform .18s ease!important;
pointer-events:none!important;
}
/* Dropdown items reserve only the chevron + its gap.
The underline therefore sits directly under the text,
not under the arrow. */
.navigation > .nav-item > .nav-link.has-dropdown::after{
width:calc(100% - 18px)!important;
}
.navigation > .nav-link:hover::after,
.navigation > .nav-link.active::after,
.navigation > .nav-item:hover > .nav-link::after,
.navigation > .nav-item:focus-within > .nav-link::after,
.navigation > .nav-item.dropdown-active > .nav-link::after,
.navigation > .nav-item.dropdown-pinned > .nav-link::after,
.navigation > .nav-item.dropdown-open > .nav-link::after{
transform:scaleX(1)!important;
}
/* Fixed chevron box: rotating the arrow can no longer
move the menu text or its underline. */
.navigation > .nav-item > .nav-link.has-dropdown .chevron{
flex:0 0 10px!important;
width:10px!important;
height:10px!important;
min-width:10px!important;
margin:0 0 0 8px!important;
padding:0!important;
position:relative!important;
top:0!important;
transform-origin:center!important;
}
.navigation > .nav-item > .nav-link.has-dropdown .chevron svg{
width:12px!important;
height:8px!important;
display:block!important;
margin:0!important;
transform-origin:center!important;
}
.start-btn{
margin-left:10px!important;
flex:0 0 auto!important;
}
}
@media (max-width:1024px){
.navigation > .nav-link::after,
.navigation > .nav-item > .nav-link::after{
display:none!important;
}
}
/* =========================================================
V19.6 — MOBILE HEADER / NAVIGATION FIX
========================================================= */
@media (max-width:1024px){
/* Header remains available after scrolling to any section. */
.site-header,
header.site-header,
.header{
position:sticky!important;
top:0!important;
z-index:10000!important;
}
/* Stable mobile header row */
.site-header .header-inner,
.site-header .container,
.header .header-inner{
min-height:72px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
}
/* Logo never consumes the hamburger area. */
.site-logo,
.logo{
flex:0 0 auto!important;
max-width:205px!important;
margin-right:18px!important;
}
.site-logo img,
.logo img{
display:block!important;
max-width:100%!important;
height:auto!important;
}
/* Hamburger is always visible and stays at the right edge. */
.mobile-toggle,
.menu-toggle,
.hamburger,
button[aria-label*="menu" i],
button[aria-label*="navigation" i]{
flex:0 0 46px!important;
width:46px!important;
min-width:46px!important;
height:46px!important;
min-height:46px!important;
margin-left:auto!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
position:relative!important;
z-index:10002!important;
}
/* Mobile navigation must be reachable from every page section. */
.mobile-nav,
.mobile-menu,
.navigation.mobile-open,
.navigation.is-open{
position:fixed!important;
top:72px!important;
left:0!important;
right:0!important;
width:100%!important;
max-width:100%!important;
height:calc(100dvh - 72px)!important;
max-height:calc(100dvh - 72px)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
z-index:9999!important;
}
/* Prevent the open menu from becoming trapped behind page content. */
body.mobile-menu-open{
overflow:hidden!important;
}
/* Clear spacing between logo and first Home row. */
.mobile-nav .nav-link:first-child,
.mobile-menu .nav-link:first-child{
margin-top:8px!important;
}
/* Mobile rows have predictable height and arrow alignment. */
.mobile-nav .nav-link,
.mobile-menu .nav-link{
min-height:62px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
padding:0 18px!important;
box-sizing:border-box!important;
}
.mobile-nav .nav-item,
.mobile-menu .nav-item{
width:100%!important;
margin:0!important;
}
}
/* Small phones */
@media (max-width:480px){
.site-header .header-inner,
.site-header .container,
.header .header-inner{
min-height:64px!important;
}
.site-logo,
.logo{
max-width:185px!important;
margin-right:14px!important;
}
.mobile-toggle,
.menu-toggle,
.hamburger,
button[aria-label*="menu" i],
button[aria-label*="navigation" i]{
width:44px!important;
min-width:44px!important;
height:44px!important;
}
.mobile-nav,
.mobile-menu,
.navigation.mobile-open,
.navigation.is-open{
top:64px!important;
height:calc(100dvh - 64px)!important;
max-height:calc(100dvh - 64px)!important;
}
}
/* =========================================================
V19.7 — NAV SPACING + PREMIUM SECTION MOTION
========================================================= */
@media (min-width:1025px){
.site-header .logo,
.site-header .site-logo,
.header .logo,
.header .site-logo{
margin-right:32px!important;
padding-right:8px!important;
flex:0 0 auto!important;
}
.navigation{
gap:22px!important;
margin-left:0!important;
}
.navigation > .nav-item,
.navigation > .nav-link{
flex:0 0 auto!important;
}
/* Keep the underline beneath each text label after adding the gap. */
.navigation > .nav-link::after,
.navigation > .nav-item > .nav-link::after{
bottom:8px!important;
}
.navigation > .nav-item > .nav-link.has-dropdown::after{
width:calc(100% - 18px)!important;
}
}
/* Tablet and mobile: comfortable logo-to-menu separation. */
@media (max-width:1024px){
.site-header .logo,
.site-header .site-logo,
.header .logo,
.header .site-logo{
margin-right:20px!important;
padding-right:4px!important;
}
.navigation{
gap:0!important;
}
}
/* =========================================================
Premium scroll reveal
========================================================= */
.reveal,
.scroll-reveal,
.animate-on-scroll,
[data-reveal]{
opacity:0;
transform:translateY(28px);
transition:
opacity .75s cubic-bezier(.22,1,.36,1),
transform .75s cubic-bezier(.22,1,.36,1);
will-change:opacity,transform;
}
.reveal.is-visible,
.scroll-reveal.is-visible,
.animate-on-scroll.is-visible,
[data-reveal].is-visible{
opacity:1;
transform:none;
}
/* Cards get a restrained premium hover treatment. */
.service-card,
.solution-card,
.product-card,
.industry-card,
.stat-card,
.feature-card,
.case-card,
.portfolio-card{
transition:
transform .35s cubic-bezier(.22,1,.36,1),
box-shadow .35s ease,
border-color .35s ease;
}
.service-card:hover,
.solution-card:hover,
.product-card:hover,
.industry-card:hover,
.stat-card:hover,
.feature-card:hover,
.case-card:hover,
.portfolio-card:hover{
transform:translateY(-5px);
}
/* Respect accessibility preferences. */
@media (prefers-reduced-motion:reduce){
.reveal,
.scroll-reveal,
.animate-on-scroll,
[data-reveal],
.service-card,
.solution-card,
.product-card,
.industry-card,
.stat-card,
.feature-card,
.case-card,
.portfolio-card{
transition:none!important;
transform:none!important;
opacity:1!important;
}
}
/* =========================================================
V19.8 — PRODUCTS DROPDOWN TYPOGRAPHY / DESIGN MATCH
Products now uses the exact same visual language as the
Services / Solutions / Industries / Company dropdowns.
========================================================= */
@media (min-width:1025px){
/* One font stack and text hierarchy across EVERY mega menu. */
.navigation .premium-dropdown,
.navigation .products-dropdown,
.navigation .premium-dropdown *,
.navigation .products-dropdown *{
font-family:"Segoe UI",SegoeUI,Arial,sans-serif!important;
}
/* Products heading matches the other dropdown headings. */
.navigation .products-dropdown .drop-heading{
font-size:15px!important;
line-height:1.2!important;
font-weight:800!important;
letter-spacing:0!important;
color:var(--nav-ink)!important;
padding:2px 7px 6px!important;
margin:0!important;
}
.navigation .products-dropdown .drop-intro{
font-size:10.5px!important;
line-height:1.3!important;
font-weight:500!important;
color:var(--nav-muted)!important;
padding:0 7px!important;
margin:0 0 5px!important;
}
/* Product rows now exactly match standard dropdown rows. */
.navigation .products-dropdown .product-menu-list > a{
display:flex!important;
flex-direction:row!important;
align-items:center!important;
gap:9px!important;
width:100%!important;
min-width:0!important;
min-height:56px!important;
height:56px!important;
padding:6px 7px!important;
margin:0!important;
border-radius:11px!important;
box-sizing:border-box!important;
color:var(--nav-ink)!important;
background:transparent!important;
white-space:normal!important;
}
.navigation .products-dropdown .product-menu-list > a:hover{
background:#edf5ff!important;
}
/* Same icon size, radius and blue treatment as other dropdowns. */
.navigation .products-dropdown .product-icon{
flex:0 0 36px!important;
width:36px!important;
height:36px!important;
min-width:36px!important;
margin:0!important;
display:grid!important;
place-items:center!important;
border-radius:10px!important;
background:#eef6ff!important;
color:#0877ff!important;
font-family:"Segoe UI Symbol","Segoe UI",sans-serif!important;
font-size:15px!important;
font-weight:800!important;
line-height:1!important;
}
.navigation .products-dropdown .product-menu-list > a > span:last-child{
min-width:0!important;
flex:1 1 auto!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
.navigation .products-dropdown .product-menu-list > a b{
display:block!important;
font-family:"Segoe UI",SegoeUI,Arial,sans-serif!important;
font-size:14px!important;
line-height:1.18!important;
font-weight:800!important;
letter-spacing:0!important;
color:var(--nav-ink)!important;
overflow-wrap:anywhere!important;
}
.navigation .products-dropdown .product-menu-list > a small{
display:block!important;
margin-top:3px!important;
font-family:"Segoe UI",SegoeUI,Arial,sans-serif!important;
font-size:10.5px!important;
line-height:1.22!important;
font-weight:500!important;
color:var(--nav-muted)!important;
overflow-wrap:anywhere!important;
}
/* Remove the visually different oversized product title spacing. */
.navigation .products-dropdown .product-menu-list{
padding:17px 12px!important;
row-gap:0!important;
column-gap:0!important;
}
/* Match the other dropdown callouts too. */
.navigation .products-dropdown .products-callout{
padding:23px 18px!important;
background:linear-gradient(150deg,#2e90ef,#0668e7)!important;
color:#fff!important;
}
.navigation .products-dropdown .products-callout > span{
font-family:"Segoe UI",SegoeUI,Arial,sans-serif!important;
font-size:9px!important;
line-height:1!important;
letter-spacing:1.8px!important;
font-weight:800!important;
}
.navigation .products-dropdown .products-callout h3{
font-family:"Segoe UI",SegoeUI,Arial,sans-serif!important;
font-size:25px!important;
line-height:1.04!important;
letter-spacing:-.3px!important;
font-weight:800!important;
margin:13px 0 10px!important;
}
.navigation .products-dropdown .products-callout p{
font-family:"Segoe UI",SegoeUI,Arial,sans-serif!important;
font-size:11px!important;
line-height:1.45!important;
font-weight:500!important;
margin:0 0 16px!important;
}
.navigation .products-dropdown .products-callout > a{
min-height:43px!important;
padding:0 13px!important;
border-radius:999px!important;
font-family:"Segoe UI",SegoeUI,Arial,sans-serif!important;
font-size:11px!important;
font-weight:800!important;
}
}
@media (max-width:1024px){
/* Mobile products accordion uses the same typography as the other
mobile accordion items. */
.navigation .products-dropdown,
.navigation .products-dropdown *{
font-family:"Segoe UI",SegoeUI,Arial,sans-serif!important;
}
}
/* =========================================================
V19.9 — DROPDOWN CLOSE / POINTER-HOLD FIX
Portfolio + Contact never keep a mega-menu open.
Dropdown-capable items stay open only while their trigger
or dropdown is actually under the pointer.
========================================================= */
@media (min-width:1025px){
.navigation > .nav-item:not(:has(> .dropdown)):hover ~ *{
/* no visual state is allowed to leak from non-dropdown items */
}
.navigation > .nav-item.no-dropdown > .nav-link::after{
transform:scaleX(0)!important;
}
.navigation > .nav-item.no-dropdown:hover > .nav-link::after,
.navigation > .nav-item.no-dropdown > .nav-link.active::after{
transform:scaleX(1)!important;
}
/* Remove any legacy pinned/open visual state from Portfolio/Contact. */
.navigation > .nav-item[data-menu="portfolio"] .dropdown,
.navigation > .nav-item[data-menu="contact"] .dropdown{
display:none!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
/* No accidental gap between trigger and dropdown. */
.navigation > .nav-item > .premium-dropdown,
.navigation > .nav-item > .products-dropdown{
transition:opacity .16s ease, transform .16s ease, visibility .16s ease!important;
}
}
/* Never allow an old hover/pinned class to leave a menu visible
after its owner has been left. */
/* =========================================================
V19.10 DROPDOWN HOLD / CLICK CSS
JS controls the open state so the menu does not disappear
in the small gap between trigger and dropdown.
========================================================= */
@media (min-width:1025px){
.navigation > .nav-item.dropdown-open > .dropdown,
.navigation > .nav-item.dropdown-open > .premium-dropdown,
.navigation > .nav-item.dropdown-open > .products-dropdown,
.navigation > .nav-item.dropdown-pinned > .dropdown,
.navigation > .nav-item.dropdown-pinned > .premium-dropdown,
.navigation > .nav-item.dropdown-pinned > .products-dropdown{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translate(-50%,0)!important;
z-index:500!important;
}
/* A tiny transparent bridge under the trigger removes the visual
dead-zone without changing the menu's layout. */
.navigation > .nav-item.dropdown-open::after,
.navigation > .nav-item.dropdown-pinned::after{
content:"";
position:absolute;
left:0;
right:0;
top:100%;
height:12px;
z-index:499;
}
}
/* =========================================================
V19.11 — FINAL DESKTOP DROPDOWN GEOMETRY + BRAND LOCKUP
---------------------------------------------------------
Fixes:
• Services / Products / Industries / Company dropdowns
are positioned from the viewport, not from the trigger's
narrow flex box.
• Each menu is centered near its trigger and clamped to the
viewport so it cannot run off the left/right edge.
• Products gets a slightly wider panel; other mega menus
stay compact.
• No artificial middle "rail" or giant column spacing.
• Mobile rules remain untouched.
========================================================= */
@media (min-width:1025px){
.navigation > .nav-item > .dropdown{
position:fixed!important;
top:var(--dropdown-top,76px)!important;
left:var(--dropdown-left,20px)!important;
right:auto!important;
transform:none!important;
margin:0!important;
z-index:5000!important;
}
.navigation > .nav-item.dropdown-active > .dropdown,
.navigation > .nav-item.dropdown-pinned > .dropdown{
transform:none!important;
}
/* Compact, consistent panel widths. */
.navigation > .nav-item:nth-child(2) > .premium-dropdown, /* Solutions */
.navigation > .nav-item:nth-child(3) > .premium-dropdown, /* Services */
.navigation > .nav-item:nth-child(5) > .premium-dropdown, /* Industries */
.navigation > .nav-item:nth-child(7) > .premium-dropdown{ /* Company */
width:min(760px,calc(100vw - 32px))!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) 215px!important;
column-gap:0!important;
}
.navigation > .nav-item:nth-child(4) > .products-dropdown{
width:min(820px,calc(100vw - 32px))!important;
grid-template-columns:minmax(0,1fr) 245px!important;
column-gap:0!important;
}
.navigation > .nav-item > .premium-dropdown > .drop-column{
padding:16px 7px!important;
}
.navigation > .nav-item > .premium-dropdown > .drop-column:first-child{
padding-left:16px!important;
padding-right:7px!important;
}
.navigation > .nav-item > .premium-dropdown > .drop-column:nth-child(2){
padding-left:7px!important;
padding-right:7px!important;
}
.navigation > .nav-item > .premium-dropdown .drop-column a{
min-height:54px!important;
padding:5px 7px!important;
gap:8px!important;
}
.navigation > .nav-item > .premium-dropdown .drop-icon{
width:34px!important;
height:34px!important;
flex-basis:34px!important;
}
.navigation > .nav-item > .premium-dropdown .drop-heading{
padding:2px 5px 6px!important;
}
.navigation > .nav-item > .premium-dropdown > .dropdown-callout{
width:auto!important;
min-width:0!important;
max-width:none!important;
padding:22px 18px!important;
}
.navigation > .nav-item > .products-dropdown .product-menu-list{
width:auto!important;
min-width:0!important;
padding:17px 12px!important;
column-gap:0!important;
}
.navigation > .nav-item > .products-dropdown .products-callout{
min-width:0!important;
width:auto!important;
padding:24px 18px!important;
}
/* Ensure the active arrow and underline never move with the panel. */
.navigation > .nav-item > .nav-link{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
white-space:nowrap!important;
}
.navigation > .nav-item > .nav-link .chevron{
flex:0 0 9px!important;
width:9px!important;
height:9px!important;
margin-left:7px!important;
position:relative!important;
top:0!important;
transform-origin:center!important;
}
.navigation > .nav-item > .nav-link::after{
bottom:7px!important;
}
}
/* Loading/brand lockup: icon on top, AIZENEXA text underneath. */
.loader-brand-lockup{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
margin-bottom:16px;
}
.loader-brand-mark{
width:72px;
height:54px;
object-fit:cover;
object-position:left center;
display:block;
}
.loader-brand-name{
color:#fff;
font-size:18px;
line-height:1;
font-weight:800;
letter-spacing:5px;
padding-left:5px;
}
.loader-brand-lockup + .loader-slogan{
margin-top:0!important;
}
/* Never let the brand lockup alter the desktop navbar logo. */
.header .logo img{
object-fit:cover!important;
object-position:left center!important;
}
/* Mobile remains a simple accordion and does not inherit fixed positioning. */
@media (max-width:1024px){
.navigation > .nav-item > .dropdown{
position:static!important;
left:auto!important;
top:auto!important;
right:auto!important;
transform:none!important;
width:100%!important;
max-width:none!important;
}
}
/* =========================================================
V19 PRODUCT DROPDOWN — COMPACT / ALIGNED FINAL FIX
========================================================= */
@media (min-width:1025px){
.products-dropdown{
width:min(920px,calc(100vw - 32px)) !important;
grid-template-columns:minmax(0,1fr) 300px !important;
column-gap:0 !important;
padding:0 !important;
overflow:hidden !important;
}
.product-menu-list{
min-width:0 !important;
padding:22px 24px !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
column-gap:10px !important;
row-gap:2px !important;
}
.product-menu-list .drop-heading{
margin:0 !important;
padding:0 0 4px !important;
font-size:19px !important;
}
.product-menu-list .drop-intro{
margin:0 0 7px !important;
padding:0 !important;
font-size:13px !important;
}
.product-menu-list>a{
min-width:0 !important;
min-height:70px !important;
padding:8px 7px !important;
gap:10px !important;
border-radius:10px !important;
}
.product-menu-list>a .product-icon{
width:44px !important;
height:44px !important;
flex:0 0 44px !important;
border-radius:11px !important;
font-size:19px !important;
}
.product-menu-list>a span:last-child{
min-width:0 !important;
}
.product-menu-list>a b{
font-size:15px !important;
line-height:1.2 !important;
}
.product-menu-list>a small{
font-size:12px !important;
line-height:1.25 !important;
margin-top:2px !important;
white-space:nowrap !important;
}
.products-callout{
min-width:0 !important;
padding:30px 22px !important;
overflow:hidden !important;
}
.products-callout>span{font-size:12px !important}
.products-callout h3{font-size:31px !important;line-height:1.08 !important;margin:14px 0 12px !important}
.products-callout p{font-size:13px !important;line-height:1.45 !important;margin:0 0 22px !important}
.products-callout>a{font-size:14px !important;padding:13px 17px !important}
.products-callout>a b{font-size:17px !important}
}
@media (min-width:1025px) and (max-width:1200px){
.products-dropdown{
width:calc(100vw - 32px) !important;
grid-template-columns:minmax(0,1fr) 275px !important;
}
.product-menu-list{padding:20px 20px !important;column-gap:6px !important}
.product-menu-list>a small{font-size:11px !important}
.products-callout{padding:26px 19px !important}
}
/* AIZENEXA V19 — full menu destination pages */
.destination-page{background:#f6f9fe;color:#0a183b;min-height:100vh}
.destination-hero{position:relative;overflow:hidden;padding:130px 0 92px;background:#03143a;color:#fff;isolation:isolate}
.destination-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 30%,rgba(13,124,255,.35),transparent 30%),linear-gradient(125deg,#021033 0%,#052b6a 65%,#07183b 100%);z-index:-2}
.destination-hero:after{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(80,160,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(80,160,255,.25) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 88%);z-index:-1}
.dest-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.dest-copy{max-width:820px}
.dest-copy .mini-label{color:#4ca7ff}.dest-copy h1{font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:14px 0 22px;color:#fff}.dest-copy h1 span{color:#0b7dff}
.dest-copy>p{font-size:20px;line-height:1.75;color:#c7d8f3;max-width:760px}.dest-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.dest-visual{min-height:370px;display:grid;place-items:center}.dest-panel{width:min(440px,92vw);padding:34px;border:1px solid rgba(130,193,255,.28);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));box-shadow:0 30px 100px rgba(0,0,0,.3);backdrop-filter:blur(16px)}
.dest-panel-label{font-size:11px;letter-spacing:.18em;color:#73bbff;font-weight:800}.dest-panel h3{font-size:36px;line-height:1.05;margin:15px 0}.dest-panel p{color:#c7d8f3;line-height:1.65}
.dest-panel-bar{height:9px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:28px}.dest-panel-bar i{display:block;width:78%;height:100%;background:linear-gradient(90deg,#0b7dff,#65c3ff);border-radius:99px;animation:destPulse 3s ease-in-out infinite alternate}@keyframes destPulse{to{width:92%}}
.dest-body{padding:86px 0}.dest-intro{text-align:center;max-width:900px;margin:0 auto 48px}.dest-intro h2{font-size:clamp(34px,4.2vw,56px);letter-spacing:-.04em;line-height:1.06;margin:12px 0 18px}.dest-intro p{font-size:18px;line-height:1.8;color:#687793}
.dest-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dest-card{background:#fff;border:1px solid #dbe5f3;border-radius:22px;padding:28px;min-height:220px;box-shadow:0 12px 35px rgba(9,34,72,.06);transition:.35s}.dest-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(9,34,72,.12);border-color:#9fc8ff}
.dest-card-icon{width:48px;height:48px;border-radius:15px;background:#edf5ff;color:#0878ff;display:grid;place-items:center;font-weight:800;font-size:20px}.dest-card h3{font-size:22px;margin:20px 0 9px}.dest-card p{color:#687793;line-height:1.65;font-size:15px}
.dest-feature{margin-top:70px;background:#04163f;color:#fff;border-radius:28px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;overflow:hidden;position:relative}.dest-feature:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-120px;top:-150px;background:#0878ff;filter:blur(90px);opacity:.3}
.dest-feature h2{font-size:clamp(30px,3.5vw,48px);line-height:1.08;margin:12px 0}.dest-feature p{color:#bfd0ea;line-height:1.75}.feature-list{display:grid;gap:12px}.feature-list div{padding:17px 20px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.04);color:#dbe8fb}
.dest-bottom-cta{padding:72px 0;text-align:center}.dest-bottom-cta h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;margin:0 0 22px}
.mini-label{font-size:11px;letter-spacing:.17em;font-weight:800;color:#0878ff}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;text-decoration:none;font-weight:800;border-radius:14px;padding:15px 22px}.button.blue{background:#0b72ee;color:#fff}.button.outline{border:1px solid rgba(255,255,255,.45);color:#fff}.button span{font-size:18px}
@media(max-width:900px){.dest-grid,.dest-feature{grid-template-columns:1fr;gap:38px}.dest-visual{min-height:280px}.dest-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.destination-hero{padding:105px 0 62px}.dest-copy h1{font-size:48px}.dest-copy>p{font-size:17px}.dest-cards{grid-template-columns:1fr}.dest-feature{padding:28px}.dest-body{padding:60px 0}}
/* Supplied AIZENEXA logo — premium transparent lockup */
.logo{width:205px;height:48px;display:flex;align-items:center;overflow:visible}
.logo img{width:205px;height:48px;object-fit:contain;object-position:center;mix-blend-mode:normal}
.loader-brand-lockup{display:flex;align-items:center;justify-content:center}
.loader-brand-mark{width:330px!important;height:auto!important;object-fit:contain!important;mix-blend-mode:normal!important}
@media(max-width:900px){
.logo{width:176px;height:44px}
.logo img{width:176px;height:44px}
}
/* Purpose-led page sections */
.purpose-hero .dest-copy h1{max-width:920px}
.purpose-statement{padding:92px 0;background:#f7faff}
.purpose-statement-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:70px;align-items:start}
.purpose-statement h2{font-size:clamp(38px,4.8vw,68px);line-height:1.02;letter-spacing:-.055em;margin:0;color:#081842}
.purpose-statement h2 span{color:#0878ff}
.purpose-statement p{font-size:19px;line-height:1.85;color:#60718f;margin:0 0 18px}
.purpose-quote{margin-top:32px;padding:26px 28px;border-left:4px solid #0878ff;background:#fff;border-radius:0 18px 18px 0;box-shadow:0 14px 40px rgba(7,38,85,.07);font-size:22px;line-height:1.5;color:#0a183b;font-weight:700}
.purpose-pillars{padding:86px 0;background:#fff}
.purpose-pillars-head{text-align:center;max-width:900px;margin:0 auto 44px}
.purpose-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.purpose-pillar{padding:30px;border:1px solid #dce7f6;border-radius:24px;background:linear-gradient(180deg,#fff,#f9fbff);transition:transform .35s,box-shadow .35s,border-color .35s}
.purpose-pillar:hover{transform:translateY(-7px);border-color:#9ec8ff;box-shadow:0 24px 55px rgba(12,53,108,.10)}
.purpose-number{font-size:12px;letter-spacing:.18em;font-weight:800;color:#0878ff}
.purpose-pillar h3{font-size:25px;margin:22px 0 10px}.purpose-pillar p{color:#657590;line-height:1.75;margin:0}
.purpose-impact{padding:86px 0;background:#03143a;color:#fff}
.purpose-impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.purpose-impact h2{font-size:clamp(36px,4.4vw,62px);line-height:1.04;letter-spacing:-.05em;margin:12px 0 20px}
.purpose-impact p{color:#c4d4eb;font-size:18px;line-height:1.8}
.purpose-impact-list{display:grid;gap:14px}
.purpose-impact-list div{padding:20px 22px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid rgba(147,196,255,.18);color:#e6effc}
.purpose-impact-list b{color:#65b4ff;margin-right:8px}
@media(max-width:800px){
.purpose-statement-grid,.purpose-impact-grid{grid-template-columns:1fr;gap:35px}
.purpose-pillars-grid{grid-template-columns:1fr}
}
/* ===== FINAL LOGO / PRELOADER FIX ===== */
.logo,
.logo img{
width:205px;
height:52px;
}
.logo{
display:flex;
align-items:center;
justify-content:flex-start;
overflow:visible;
flex:0 0 auto;
}
.logo img{
display:block;
object-fit:contain !important;
object-position:center !important;
mix-blend-mode:normal !important;
}
.footer-brand img{
width:205px;
height:auto;
max-height:60px;
object-fit:contain;
}
/* Smaller, calmer premium loader */
.loader-inner{width:min(330px,78vw)}
.loader-brand-mark{
width:178px !important;
height:auto !important;
max-height:74px;
object-fit:contain !important;
object-position:center !important;
mix-blend-mode:normal !important;
margin-bottom:16px !important;
}
.loader-page-label{
margin:0 0 10px;
color:#f2f7ff;
font-size:13px;
font-weight:700;
letter-spacing:.08em;
}
.loader-slogan{margin-bottom:17px !important}
.loader-progress{height:4px !important}
.loader-percent{margin-top:9px !important;font-size:11px !important;color:#dbe8fb}
/* Purpose / approach page */
.approach-purpose .dest-intro h2{
max-width:980px;
}
.approach-purpose .dest-intro > p{
max-width:900px;
}
.approach-purpose .dest-cards .dest-card{
min-height:245px;
}
.approach-purpose .dest-feature{
margin-top:28px;
}
@media(max-width:900px){
.logo,.logo img{width:176px;height:46px}
.footer-brand img{width:176px}
}
@media(max-width:600px){
.loader-brand-mark{width:150px !important}
.loader-inner{width:min(290px,78vw)}
}
/* ===== V20 HORIZONTAL NAV BRAND ALIGNMENT ===== */
.header .logo{
width:215px !important;
height:58px !important;
display:flex !important;
align-items:center !important;
overflow:visible !important;
flex:0 0 215px !important;
}
.header .logo img{
width:215px !important;
height:58px !important;
display:block !important;
object-fit:contain !important;
object-position:center !important;
mix-blend-mode:normal !important;
}
@media(max-width:1024px){
.header .logo,.header .logo img{
width:176px !important;
height:48px !important;
}
.header .logo{flex-basis:176px !important}
}
/* ===== V20 PAGE-SPECIFIC CONTENT PRESENTATION ===== */
.page-specific-content .dest-intro{
max-width:980px;
}
.page-specific-content .dest-intro h2{
max-width:960px;
}
.page-specific-content .dest-intro > p{
max-width:900px;
}
.page-specific-content .dest-cards .dest-card{
min-height:230px;
}
.page-specific-content .dest-card-icon{
font-variant-numeric:tabular-nums;
font-size:12px;
font-weight:800;
letter-spacing:.08em;
}
/* ===== V22 COMPACT PREMIUM LOGO =====
One consistent logo treatment across the complete site.
*/
.header .logo{
width:170px !important;
height:54px !important;
flex:0 0 170px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
overflow:hidden !important;
margin-right:22px !important;
}
.header .logo img{
width:170px !important;
height:54px !important;
display:block !important;
object-fit:contain !important;
object-position:left center !important;
mix-blend-mode:normal !important;
}
@media(max-width:1100px){
.header .logo{
width:150px !important;
height:50px !important;
flex-basis:150px !important;
margin-right:16px !important;
}
.header .logo img{width:150px !important;height:50px !important}
}
@media(max-width:1024px){
.header .logo{
width:128px !important;
height:46px !important;
flex-basis:128px !important;
margin-right:12px !important;
}
.header .logo img{width:128px !important;height:46px !important}
}
/* ===== V21 ULTRA-PREMIUM OUTCOME BAND ===== */
.ultra-outcomes{
padding:92px 0 86px;
background:
radial-gradient(circle at 85% 10%, rgba(24,119,255,.10), transparent 34%),
linear-gradient(180deg,#f7faff 0%,#eef5fd 100%);
border-top:1px solid #e2ebf6;
}
.ultra-outcomes-head{
max-width:920px;
margin:0 auto 38px;
text-align:center;
}
.ultra-outcomes-head h2{
margin:11px 0 15px;
color:#07183f;
font-size:clamp(34px,4.2vw,56px);
line-height:1.05;
letter-spacing:-.045em;
}
.ultra-outcomes-head h2 em{
font-style:normal;
color:#0878ff;
}
.ultra-outcomes-head p{
margin:0 auto;
max-width:760px;
color:#687793;
font-size:17px;
line-height:1.75;
}
.ultra-outcomes-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
}
.ultra-outcomes-grid article{
position:relative;
min-height:205px;
padding:28px;
border:1px solid #d9e5f4;
border-radius:24px;
background:rgba(255,255,255,.88);
box-shadow:0 18px 45px rgba(13,42,82,.07);
overflow:hidden;
transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.ultra-outcomes-grid article:after{
content:"";
position:absolute;
width:130px;height:130px;
right:-55px;bottom:-60px;
border-radius:50%;
background:rgba(8,120,255,.09);
}
.ultra-outcomes-grid article:hover{
transform:translateY(-7px);
border-color:#9fc8ff;
box-shadow:0 26px 60px rgba(13,42,82,.12);
}
.ultra-outcomes-grid span{
color:#0878ff;
font-size:11px;
font-weight:900;
letter-spacing:.16em;
}
.ultra-outcomes-grid h3{
margin:30px 0 9px;
color:#081a40;
font-size:21px;
line-height:1.15;
}
.ultra-outcomes-grid p{
margin:0;
color:#687793;
font-size:14px;
line-height:1.65;
max-width:340px;
}
@media(max-width:900px){
.ultra-outcomes-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
.ultra-outcomes{padding:65px 0}
.ultra-outcomes-grid article{min-height:180px;padding:23px}
}
/* ===== V22 ULTRA PREMIUM SYSTEM ===== */
:root{
--ultra-ink:#07183f;
--ultra-blue:#0878ff;
--ultra-border:#dce7f5;
--ultra-muted:#667692;
}
html{scroll-behavior:smooth}
body{
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
.section-white,
.destination-page{
position:relative;
}
.section-white:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
radial-gradient(circle at 92% 8%,rgba(8,120,255,.045),transparent 24%),
radial-gradient(circle at 5% 90%,rgba(24,91,220,.035),transparent 25%);
}
.dest-card,
.ultra-outcomes-grid article{
backdrop-filter:blur(8px);
}
.dest-card h3,
.ultra-outcomes-grid h3{
letter-spacing:-.025em;
}
.button{
transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.button:hover{
transform:translateY(-2px);
box-shadow:0 12px 28px rgba(8,120,255,.20);
}
/* ===== V22 PAGE STORY BAND ===== */
.ultra-detail{
position:relative;
padding:78px 0;
background:#fff;
overflow:hidden;
}
.ultra-detail:after{
content:"";
position:absolute;
width:420px;height:420px;
right:-180px;top:-220px;
border-radius:50%;
background:rgba(8,120,255,.07);
filter:blur(10px);
}
.ultra-detail-grid{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:70px;
align-items:end;
padding:38px 0;
border-top:1px solid var(--ultra-border);
border-bottom:1px solid var(--ultra-border);
}
.ultra-detail-grid h2{
max-width:620px;
margin:10px 0 0;
color:var(--ultra-ink);
font-size:clamp(34px,4vw,58px);
line-height:1.02;
letter-spacing:-.045em;
}
.ultra-detail-grid p{
max-width:620px;
margin:0;
color:var(--ultra-muted);
font-size:18px;
line-height:1.75;
}
.ultra-detail-meta{
display:flex;
flex-wrap:wrap;
gap:9px;
margin-top:24px;
}
.ultra-detail-meta span{
padding:8px 12px;
border-radius:999px;
background:#eef5ff;
color:#1268d8;
font-size:11px;
font-weight:800;
letter-spacing:.07em;
text-transform:uppercase;
}
@media(max-width:800px){
.ultra-detail-grid{grid-template-columns:1fr;gap:28px}
.ultra-detail{padding:58px 0}
}
/* ===== V22 HOME PREMIUM STORY ===== */
.ultra-home-story{
padding:100px 0;
background:
radial-gradient(circle at 50% 0%,rgba(8,120,255,.08),transparent 34%),
#f5f9fe;
}
.ultra-home-story-head{text-align:center;max-width:900px;margin:0 auto 46px}
.ultra-home-story-head h2{
color:#07183f;
font-size:clamp(36px,5vw,64px);
line-height:1.02;
letter-spacing:-.05em;
margin:12px 0 18px;
}
.ultra-home-story-head p{
color:#687793;font-size:18px;line-height:1.75;margin:0 auto;max-width:790px;
}
.ultra-home-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ultra-home-story-grid article{
padding:30px;
min-height:220px;
background:#fff;
border:1px solid #dce7f5;
border-radius:24px;
box-shadow:0 18px 45px rgba(9,34,72,.06);
transition:.35s ease;
}
.ultra-home-story-grid article:hover{transform:translateY(-7px);box-shadow:0 28px 60px rgba(9,34,72,.12);border-color:#9fc8ff}
.ultra-home-story-grid span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#0878ff}
.ultra-home-story-grid h3{font-size:24px;color:#07183f;margin:34px 0 10px}
.ultra-home-story-grid p{font-size:15px;line-height:1.7;color:#687793;margin:0}
@media(max-width:800px){.ultra-home-story-grid{grid-template-columns:1fr}.ultra-home-story{padding:70px 0}}
/* =========================================================
AIZENEXA V25 — DATABASE NAV + REFERENCE HOME FINALIZATION
========================================================= */
:root{--aiz-blue:#0878ff;--aiz-navy:#03143a;--aiz-line:rgba(255,255,255,.12)}
html,body{overflow-x:hidden!important}
body{background:#fff}
.header{position:fixed!important;top:0;left:0;right:0;height:72px!important;z-index:1000!important;background:rgba(2,12,43,.76)!important;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.10)!important}
.nav{height:72px!important;width:min(1420px,96%)!important}
.header .logo,.header .logo img{width:168px!important;height:56px!important}
.header .logo img{object-fit:contain!important;object-position:left center!important;mix-blend-mode:screen!important}
.navigation{height:72px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:28px!important;white-space:nowrap!important;min-width:0}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:16px!important;font-weight:700!important;color:#fff!important;height:72px!important}
.nav-item{height:72px!important;position:relative!important;display:flex!important;align-items:center!important}
.nav-item>.nav-link{display:flex!important;align-items:center!important;gap:7px!important}
.nav-item>.nav-link .chevron svg{width:12px;height:7px;display:block;stroke:currentColor;fill:none;stroke-width:1.8}
.nav-item>.nav-link .chevron{width:12px!important;height:7px!important;display:inline-flex!important;align-items:center!important;transform:none!important;position:static!important}
.navigation>.nav-link:after,.nav-item>.nav-link:after{bottom:7px!important;height:3px!important;border-radius:4px!important}
.nav-cta{height:46px!important;padding:0 22px!important;border-radius:12px!important;font-size:14px!important;gap:16px!important;background:#0878ff!important;color:#fff!important;box-shadow:0 10px 26px rgba(8,120,255,.22)}
.nav-cms-login{display:none!important}
/* All public mega menus stay inside the viewport. */
.navigation>.nav-item>.premium-dropdown,.navigation>.nav-item>.products-dropdown{
position:fixed!important;
top:80px!important;
left:50%!important;
transform:translateX(-50%)!important;
max-width:calc(100vw - 32px)!important;
max-height:calc(100vh - 96px)!important;
overflow:auto!important;
z-index:3000!important;
}
.navigation>.nav-item>.premium-dropdown{width:min(900px,calc(100vw - 32px))!important;grid-template-columns:1fr 1fr 255px!important}
.navigation>.nav-item>.products-dropdown{width:min(1100px,calc(100vw - 32px))!important;grid-template-columns:minmax(0,1fr) 320px!important}
.navigation>.nav-item>.premium-dropdown .drop-column{min-width:0}
.navigation>.nav-item>.premium-dropdown .drop-column a{min-width:0!important}
.navigation>.nav-item>.premium-dropdown .drop-column a>span:last-child{min-width:0}
.navigation>.nav-item>.premium-dropdown .drop-column a b,.navigation>.nav-item>.premium-dropdown .drop-column a small{overflow:hidden;text-overflow:ellipsis}
.navigation>.nav-item>.premium-dropdown .dropdown-callout{min-width:0}
.navigation>.nav-item>.products-dropdown .product-menu-list{min-width:0}
.navigation>.nav-item>.products-dropdown .products-callout{min-width:0}
/* Reference hero: large, highly visible, artwork fully represented without clipping. */
.site-main.home .hero.hero-slideshow{height:620px!important;min-height:620px!important;padding-top:72px!important;overflow:hidden!important;background:#03143a!important}
.site-main.home .hero-slides,.site-main.home .hero-slide{position:absolute!important;inset:0!important}
.site-main.home .hero-slide{background-size:contain!important;background-repeat:no-repeat!important;background-position:center right!important;background-color:#03143a!important}
.site-main.home .hero-slide-dashboard{background-size:contain!important;background-position:center!important}
.site-main.home .hero-glow{background:linear-gradient(90deg,rgba(1,10,37,.98) 0%,rgba(1,12,42,.91) 38%,rgba(0,20,70,.34) 68%,rgba(0,9,35,.30) 100%)!important}
.site-main.home .hero-slide-content{width:min(1420px,96%)!important}
.site-main.home .hero-copy{width:min(700px,54vw)!important;padding-top:20px!important}
.site-main.home .hero-copy h1{font-size:clamp(50px,4.55vw,74px)!important;line-height:.99!important;letter-spacing:-.055em!important;margin:12px 0 18px!important}
.site-main.home .hero-copy .hero-description{font-size:17px!important;line-height:1.7!important;max-width:650px!important}
.site-main.home .hero-buttons .button{font-size:15px!important;padding:14px 22px!important;border-radius:10px!important}
.site-main.home .hero-stats-grid{width:min(1420px,96%)!important;min-height:104px!important}
.site-main.home .hero-stat{min-height:104px!important;padding:20px 28px!important}
/* Compact page rhythm after the hero. */
.site-main.home .section-white{padding:58px 0!important}
.site-main.home .ultra-home-story{padding:58px 0!important}
.site-main.home .why{padding:50px 0!important}
.site-main.home .featured{height:280px!important}
.site-main.home .dashboard{height:280px!important}
.site-main.home .solutions{padding:58px 0!important}
.site-main.home .success-section{padding:58px 0!important}
.site-main.home .contact{padding:58px 0!important}
/* Loading screen — centered logo + progress, matching the supplied reference. */
body.is-loading{overflow:hidden!important}
.preloader{position:fixed!important;inset:0!important;z-index:99999!important;background:#020c2b!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1;visibility:visible;transition:opacity .55s ease,visibility .55s ease}
.preloader.hide{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.loader-inner{width:min(420px,78vw)!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.loader-inner img{width:220px!important;height:58px!important;object-fit:contain!important;object-position:center!important;margin-bottom:22px!important;mix-blend-mode:screen!important}
.loader-progress{width:100%!important;height:5px!important;border-radius:99px!important;background:rgba(255,255,255,.14)!important;overflow:hidden!important}
.loader-progress span{display:block!important;width:0;height:100%;background:linear-gradient(90deg,#0878ff,#57b5ff)!important;box-shadow:0 0 18px rgba(8,120,255,.65)!important}
.loader-percent{margin-top:11px!important;color:#dce9ff!important;font-size:10px!important;letter-spacing:.15em!important}
.loader-page-label{color:#b9c9e3!important;font-size:11px!important;letter-spacing:.08em!important;margin:0 0 16px!important;text-transform:uppercase}
/* Public footer logo uses the same crisp purpose-built asset. */
footer .footer-brand img{object-fit:contain!important;object-position:left center!important;mix-blend-mode:screen!important}
@media(max-width:1200px){
.navigation{gap:17px!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:13px!important}
.nav-cta{font-size:12px!important;padding:0 15px!important}
.header .logo,.header .logo img{width:150px!important}
.site-main.home .hero-copy{width:60vw!important}
}
@media(max-width:1024px){
.header,.nav{height:64px!important}
.header{background:rgba(2,12,43,.94)!important}
.header .logo,.header .logo img{width:145px!important;height:50px!important}
.hamburger{display:flex!important}
.navigation{display:none!important;position:absolute!important;top:64px!important;left:0!important;right:0!important;width:100%!important;height:auto!important;max-height:calc(100vh - 64px)!important;overflow-y:auto!important;overflow-x:hidden!important;background:#03133d!important;padding:12px 5%!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important}
.navigation.open{display:flex!important}
.navigation>.nav-link,.navigation>.nav-item{width:100%!important;height:auto!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{height:auto!important;padding:13px 0!important;font-size:15px!important}
.nav-item{display:block!important}
.nav-item>.nav-link{justify-content:space-between!important;width:100%!important}
.navigation>.nav-item>.premium-dropdown,.navigation>.nav-item>.products-dropdown{position:static!important;transform:none!important;left:auto!important;top:auto!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin:0!important;display:none!important;grid-template-columns:1fr!important;border-radius:12px!important}
.navigation>.nav-item.dropdown-open>.premium-dropdown,.navigation>.nav-item.dropdown-open>.products-dropdown{display:grid!important}
.navigation>.nav-item>.premium-dropdown .dropdown-callout,.navigation>.nav-item>.products-dropdown .products-callout{display:none!important}
.site-main.home .hero.hero-slideshow{height:680px!important;min-height:680px!important}
.site-main.home .hero-slide{background-size:cover!important;background-position:center!important}
.site-main.home .hero-copy{width:100%!important;padding-top:40px!important}
.site-main.home .hero-copy h1{font-size:clamp(42px,8vw,60px)!important}
.site-main.home .hero-copy .hero-description{font-size:14px!important;max-width:650px!important}
.site-main.home .hero-stats-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
.site-main.home .hero.hero-slideshow{height:620px!important;min-height:620px!important}
.site-main.home .hero-copy h1{font-size:clamp(36px,10vw,50px)!important}
.site-main.home .hero-buttons{flex-wrap:wrap!important}
.site-main.home .hero-stats-grid{grid-template-columns:1fr!important}
}
/* V25 full-artwork hero background: never crop the source image. */
.site-main.home .hero-image{background-size:contain!important;background-repeat:no-repeat!important;background-position:center right!important;background-color:#03143a!important;opacity:1!important}
.site-main.home .hero-glow{z-index:1!important}
.site-main.home .hero-content{z-index:2!important}
/* ===== AIZENEXA V6 brand/logo correction ===== */
.logo{width:190px;height:54px;display:flex;align-items:center;overflow:visible}
.logo img{width:178px;height:54px;object-fit:contain;object-position:left center;mix-blend-mode:normal}
.footer-brand img{width:180px;height:70px;object-fit:contain;object-position:left center;mix-blend-mode:normal}
.loader-inner img{width:240px;height:112px;object-fit:contain;object-position:center;mix-blend-mode:normal}
@media(max-width:1024px){.logo{width:175px}.logo img{width:165px;height:48px}}
/* Prevent mega menus from escaping the viewport. */
.dropdown{max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 90px)!important;overflow-y:auto!important;overflow-x:hidden!important}
.products-dropdown{max-width:calc(100vw - 32px)!important}
/* V6 logo override must win over earlier V25 rules. */
.header .logo{width:190px!important;height:54px!important;overflow:visible!important}
.header .logo img{width:178px!important;height:54px!important;object-fit:contain!important;object-position:left center!important;mix-blend-mode:normal!important}
footer .footer-brand img{width:180px!important;height:70px!important;object-fit:contain!important;object-position:left center!important;mix-blend-mode:normal!important}
.loader-inner img{width:240px!important;height:112px!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:normal!important}
@media(max-width:1024px){.header .logo{width:175px!important}.header .logo img{width:165px!important;height:50px!important}}
/* V7: original supplied AIZENEXA logo — never crop or transform the source asset. */
.original-logo-frame{width:min(430px,82vw);height:auto;background:#fff;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;overflow:hidden}
.original-logo-frame img{display:block;width:100%;height:auto;max-height:220px;object-fit:contain;object-position:center;margin:0;mix-blend-mode:normal;filter:none}
/* V8 hero slideshow + single metric cleanup */
.site-main.home .hero-slides{z-index:0!important;overflow:hidden!important}
.site-main.home .hero-slide{opacity:0!important;visibility:hidden!important;transition:opacity .8s ease,transform 6s ease!important;transform:scale(1.02)!important}
.site-main.home .hero-slide.is-active{opacity:1!important;visibility:visible!important;transform:scale(1)!important}
.site-main.home .hero-slide-two{background-position:72% center!important}
.site-main.home .hero-slide-three{background-position:48% center!important}
.site-main.home .hero-copy{display:none!important;position:relative;z-index:2!important}
.site-main.home .hero-copy.is-active{display:block!important;animation:heroCopyIn .65s ease both}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.site-main.home .hero-dots{position:absolute!important;right:4%!important;bottom:34px!important;z-index:5!important;display:flex!important;align-items:center!important;gap:10px!important;color:#fff!important}
.site-main.home .hero-dot{width:36px!important;height:3px!important;border:0!important;border-radius:99px!important;background:rgba(255,255,255,.35)!important;padding:0!important;cursor:pointer!important}
.site-main.home .hero-dot.is-active{background:#58a8ff!important}
.site-main.home .hero-slide-number,.site-main.home .hero-slide-total{font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;margin-left:8px!important}
.site-main.home .hero-slide-total{opacity:.65!important}
.site-main.home .hero-stats-grid.single-count{grid-template-columns:1fr!important;max-width:520px!important;margin-left:auto!important;margin-right:auto!important}
.site-main.home .hero-stat{justify-content:center!important;border-right:0!important;border-bottom:0!important}
.site-main.home .counter-grid.single-count-grid{grid-template-columns:1fr!important;max-width:520px!important}
.site-main.home .counter-grid.single-count-grid .counter-card{justify-content:center!important}
@media(max-width:1024px){.site-main.home .hero-dots{right:5%!important;bottom:24px!important}.site-main.home .hero-slide{background-size:cover!important}.site-main.home .hero-copy.is-active{padding-bottom:55px!important}}
/* V8: use the supplied original AIZENEXA logo without visual alteration. */
.logo,.logo img,footer .footer-brand img,.admin-brand img,.login-brand img,.original-logo-frame img{object-fit:contain!important;object-position:center!important;mix-blend-mode:normal!important}
.logo img{width:100%!important;height:100%!important}
footer .footer-brand img{width:170px!important;height:auto!important}
/* ===== AIZENEXA V10 FINAL UX FIXES ===== */
/* The branded loader is a first-entry experience only. Internal page navigation must not replay it. */
html.skip-preloader .preloader{display:none!important}
html.skip-preloader body{overflow:auto!important}
/* Desktop dropdowns use stable dimensions and never grow past the browser window. */
@media(min-width:1025px){
.navigation>.nav-item>.dropdown{
width:720px!important;
max-width:calc(100vw - 32px)!important;
max-height:430px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
box-sizing:border-box!important;
}
.navigation>.nav-item>.dropdown.small-dropdown{
width:420px!important;
}
.navigation>.nav-item>.dropdown.products-dropdown{
width:820px!important;
grid-template-columns:minmax(0,1fr) 250px!important;
}
.navigation>.nav-item>.dropdown.mega-dropdown{
width:720px!important;
}
.navigation>.nav-item>.dropdown .drop-column,
.navigation>.nav-item>.dropdown .product-menu-list,
.navigation>.nav-item>.dropdown .dropdown-callout,
.navigation>.nav-item>.dropdown .products-callout{
min-width:0!important;
}
.navigation>.nav-item>.dropdown a,
.navigation>.nav-item>.dropdown b,
.navigation>.nav-item>.dropdown small{
overflow-wrap:anywhere!important;
word-break:normal!important;
}
}
/* Mobile dropdowns remain in document flow and never escape horizontally. */
@media(max-width:1024px){
.navigation>.nav-item>.dropdown,
.navigation>.nav-item>.dropdown.products-dropdown,
.navigation>.nav-item>.dropdown.mega-dropdown,
.navigation>.nav-item>.dropdown.small-dropdown{
width:100%!important;
max-width:100%!important;
max-height:360px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
}
}
/* Contact form server-validated CAPTCHA */
.contact-captcha-row{display:grid;grid-template-columns:minmax(130px,auto) minmax(110px,160px) auto;gap:12px;align-items:center}
.contact-captcha-question{display:flex;align-items:center;min-height:48px;padding:0 16px;border:1px solid rgba(25,61,128,.18);border-radius:10px;background:#f5f8ff;font-size:16px;letter-spacing:.04em}
.contact-captcha-row input{min-width:0}
.contact-captcha-refresh{min-height:48px;padding:0 14px;border:1px solid rgba(25,61,128,.22);border-radius:10px;background:#fff;color:#12213f;font:inherit;font-weight:700;cursor:pointer}
.contact-captcha-refresh:hover{background:#f5f8ff}
@media(max-width:700px){.contact-captcha-row{grid-template-columns:1fr}.contact-captcha-refresh{width:100%}}
/* V15 contact CAPTCHA: compact alphanumeric challenge with refresh + audio controls */
.contact-captcha{margin-top:2px}
.contact-captcha>label{display:block;margin-bottom:8px;font-weight:700;color:#14254a}
.contact-captcha-row{display:grid!important;grid-template-columns:minmax(230px,1fr) minmax(150px,.72fr)!important;gap:12px!important;align-items:stretch!important}
.contact-captcha-question-wrap{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 8px 0 18px;border:1px solid rgba(25,61,128,.18);border-radius:12px;background:linear-gradient(135deg,#f7f9ff,#eef4ff)}
.contact-captcha-question{min-height:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;font-size:19px!important;line-height:1!important;letter-spacing:.24em!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:800;color:#0b2c6f;user-select:none}
.contact-captcha-actions{display:flex;gap:6px;flex:0 0 auto}
.contact-captcha-icon{width:38px;height:38px;min-height:38px!important;padding:0!important;display:grid;place-items:center;border:1px solid rgba(11,44,111,.16)!important;border-radius:10px!important;background:#fff!important;color:#0b4ed7!important;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.contact-captcha-icon:hover{background:#edf4ff!important;border-color:rgba(11,78,215,.34)!important;transform:translateY(-1px)}
.contact-captcha-icon svg{width:19px;height:19px;fill:currentColor}
.contact-captcha-row input{height:52px!important;min-width:0;padding:0 15px!important;border-radius:12px!important;text-transform:uppercase;letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700}
@media(max-width:700px){.contact-captcha-row{grid-template-columns:1fr!important}.contact-captcha-question-wrap{min-height:52px}}
/* V15 footer: structured, compact and responsive */
.site-footer{background:linear-gradient(135deg,#061c54 0%,#08266f 58%,#061b54 100%)!important;padding-top:0!important;color:#fff}
.footer-shell{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(520px,2.2fr) minmax(250px,.95fr);gap:46px;align-items:start;padding:54px 0 46px}
.site-footer .footer-brand img{width:165px!important;height:auto!important;object-fit:contain!important;object-position:left center!important;mix-blend-mode:normal!important;margin-bottom:18px}
.site-footer .footer-brand p{max-width:300px!important;margin:0;color:#c8d8f5!important;font-size:13px!important;line-height:1.7!important}
.site-footer .social{margin-top:20px;display:flex;gap:9px}
.site-footer .social span{width:34px;height:34px;border:1px solid rgba(255,255,255,.24);border-radius:50%;display:grid;place-items:center;font-size:11px;background:rgba(255,255,255,.035)}
.footer-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:28px 34px}
.footer-nav-column h4{margin:0 0 13px;font-size:14px!important;line-height:1.2}
.footer-nav-column h4 a{color:#fff!important;font-weight:800}
.footer-nav-column>a{display:block;margin:0 0 9px!important;color:#cbd9f4!important;font-size:12.5px!important;line-height:1.4;transition:color .15s ease,transform .15s ease}
.footer-nav-column>a:hover{color:#fff!important;transform:translateX(2px)}
.footer-contact-card{padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.footer-kicker{font-size:10px;font-weight:800;letter-spacing:.18em;color:#75adff}
.footer-contact-card h3{margin:8px 0 10px!important;font-size:22px!important;line-height:1.2;color:#fff!important}
.footer-contact-card p{margin:0 0 14px;color:#c8d8f5!important;font-size:12.5px!important;line-height:1.65!important}
.footer-email{display:inline-block!important;margin:0 0 20px!important;font-size:13px!important;color:#fff!important;font-weight:700;word-break:break-word}
.footer-contact-button{display:flex!important;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0!important;padding:12px 14px;border-radius:10px;background:#0b66ff;color:#fff!important;font-size:12px!important;font-weight:800}
.site-footer .copyright{border-top:1px solid rgba(255,255,255,.12);padding:14px 0!important;background:rgba(0,0,0,.08);font-size:10px!important;color:#b9c9e8}
.site-footer .copyright .container{display:flex;justify-content:space-between;gap:18px;align-items:center}
.site-footer .copyright a{display:inline!important;color:#d7e3f8!important;font-size:10px!important;margin:0!important}
@media(max-width:1180px){.footer-shell{grid-template-columns:1fr 2fr;gap:34px}.footer-contact-card{grid-column:1/-1}.footer-nav-grid{grid-template-columns:repeat(3,minmax(130px,1fr))}}
@media(max-width:820px){.footer-shell{grid-template-columns:1fr;padding:42px 0 34px}.footer-nav-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.footer-contact-card{grid-column:auto}.site-footer .copyright .container{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.footer-nav-grid{grid-template-columns:1fr;gap:22px}.footer-shell{gap:30px}.footer-contact-card{padding:20px}.contact-captcha-question{font-size:17px!important;letter-spacing:.18em!important}}
/* ===== AIZENEXA V16 FINAL NAVIGATION + FOOTER ===== */
@media (min-width:1025px){
/* Every desktop dropdown uses the same shell and is anchored inside the viewport. */
.navigation > .nav-item > .dropdown,
.navigation > .nav-item > .premium-dropdown,
.navigation > .nav-item > .products-dropdown{
position:fixed!important;
left:auto!important;
right:18px!important;
top:58px!important;
transform:none!important;
width:min(760px,calc(100vw - 28px))!important;
max-width:calc(100vw - 28px)!important;
height:auto!important;
max-height:min(430px,calc(100dvh - 82px))!important;
overflow-x:hidden!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
border-radius:16px!important;
}
.navigation > .nav-item:hover > .dropdown,
.navigation > .nav-item:focus-within > .dropdown,
.navigation > .nav-item.dropdown-active > .dropdown,
.navigation > .nav-item.dropdown-pinned > .dropdown{
transform:none!important;
}
/* Products deliberately uses the same premium dropdown design as every other menu. */
.navigation > .nav-item[data-menu="products"] > .premium-dropdown{
grid-template-columns:minmax(0,1fr) minmax(0,1fr) 225px!important;
}
.premium-dropdown > .drop-column{
align-self:start!important;
}
.premium-dropdown > .dropdown-callout{
min-height:100%!important;
position:sticky!important;
top:0!important;
}
}
/* Compact footer: brand + all menu groups on one desktop row. Home and Contact groups are filtered in Razor. */
.site-footer .footer-shell.footer-shell-row{
display:grid!important;
grid-template-columns:240px minmax(0,1fr)!important;
gap:44px!important;
align-items:start!important;
padding:44px 0 38px!important;
}
.site-footer .footer-nav-grid.footer-nav-one-row{
display:grid!important;
grid-template-columns:repeat(6,minmax(105px,1fr))!important;
gap:24px!important;
align-items:start!important;
}
.site-footer .footer-nav-column h4{margin-bottom:12px!important}
.site-footer .footer-nav-column>a{font-size:11.5px!important;margin-bottom:7px!important}
.site-footer .footer-brand p{font-size:12px!important;line-height:1.65!important}
.site-footer .footer-contact-card{display:none!important}
@media(max-width:1280px){
.site-footer .footer-shell.footer-shell-row{grid-template-columns:210px minmax(0,1fr)!important;gap:30px!important}
.site-footer .footer-nav-grid.footer-nav-one-row{grid-template-columns:repeat(3,minmax(130px,1fr))!important;row-gap:28px!important}
}
@media(max-width:820px){
.site-footer .footer-shell.footer-shell-row{grid-template-columns:1fr!important}
.site-footer .footer-nav-grid.footer-nav-one-row{grid-template-columns:repeat(2,minmax(130px,1fr))!important}
}
@media(max-width:520px){
.site-footer .footer-nav-grid.footer-nav-one-row{grid-template-columns:1fr!important}
}
/* =========================================================
AIZENEXA V17 — PRODUCTION UI / MOBILE / SEO SUPPORT
Final overrides intentionally consolidate navigation, hero, footer,
contact and legal-page behavior after earlier design iterations.
========================================================= */
:root{
--aiz-v17-navy:#061a4f;
--aiz-v17-deep:#020d2c;
--aiz-v17-blue:#1378ff;
--aiz-v17-line:#dce7f7;
--aiz-v17-text:#0b1c43;
--aiz-v17-muted:#64728d;
}
html{scroll-padding-top:96px}
body{min-width:0;overflow-x:hidden;background:#fff;color:var(--aiz-v17-text)}
img,svg,video{max-width:100%}
.container{width:min(1360px,calc(100% - 48px))!important}
#contact-form{scroll-margin-top:98px}
/* Premium fixed header with a clearer visual separation line. */
.header{
height:78px!important;
background:linear-gradient(180deg,rgba(2,14,47,.96),rgba(3,23,67,.94))!important;
border-bottom:1px solid rgba(145,188,255,.30)!important;
box-shadow:0 8px 30px rgba(0,20,70,.10)!important;
}
.header:after{
content:"";
position:absolute;
left:0;right:0;bottom:-1px;
height:2px;
background:linear-gradient(90deg,transparent 2%,rgba(21,119,255,.35) 18%,#2388ff 50%,rgba(21,119,255,.35) 82%,transparent 98%);
pointer-events:none;
}
.nav{height:78px!important}
.header .logo{height:58px!important;width:184px!important;display:flex!important;align-items:center!important}
.header .logo img{height:52px!important;width:176px!important;object-fit:contain!important}
.navigation{height:78px!important;gap:27px!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{
height:78px!important;
font-family:Inter,"Segoe UI",Arial,sans-serif!important;
font-size:15px!important;
letter-spacing:-.01em;
}
.nav-item{height:78px!important}
.nav-item>.nav-link{height:78px!important}
.navigation>.nav-link:after,.nav-item>.nav-link:after{
bottom:10px!important;
height:3px!important;
background:linear-gradient(90deg,#4ba6ff,#0878ff)!important;
box-shadow:0 0 12px rgba(46,145,255,.38);
}
.nav-cta{
height:48px!important;
padding:0 21px!important;
border-radius:12px!important;
font-size:13.5px!important;
box-shadow:0 12px 26px rgba(8,120,255,.26)!important;
}
/* All desktop dropdowns share one premium shell and sit with a visible gap
below the header. Their dimensions are clamped to the current viewport. */
@media(min-width:1025px){
.navigation>.nav-item>.dropdown,
.navigation>.nav-item>.premium-dropdown,
.navigation>.nav-item[data-menu="products"]>.premium-dropdown{
position:fixed!important;
top:90px!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%) translateY(8px)!important;
width:min(840px,calc(100vw - 40px))!important;
max-width:calc(100vw - 40px)!important;
max-height:min(420px,calc(100dvh - 112px))!important;
min-height:0!important;
overflow-x:hidden!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) 235px!important;
gap:0!important;
padding:0!important;
border:1px solid #cfdcf0!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 30px 80px rgba(2,22,65,.24),0 8px 24px rgba(2,22,65,.10)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
}
.navigation>.nav-item>.dropdown:before,
.navigation>.nav-item>.premium-dropdown:before{display:none!important}
.navigation>.nav-item:hover>.dropdown,
.navigation>.nav-item:focus-within>.dropdown,
.navigation>.nav-item.dropdown-open>.dropdown,
.navigation>.nav-item.dropdown-active>.dropdown,
.navigation>.nav-item.dropdown-pinned>.dropdown{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateX(-50%) translateY(0)!important;
}
.premium-dropdown>.drop-column{
min-width:0!important;
padding:24px 22px 22px!important;
background:#fff!important;
}
.premium-dropdown>.drop-column+ .drop-column{
border-left:1px solid #edf2f9!important;
}
.premium-dropdown .drop-heading{
margin:0 0 12px!important;
padding:0 0 10px!important;
border-bottom:1px solid #e7eef8!important;
color:#0c1c40!important;
font-size:14px!important;
font-weight:800!important;
letter-spacing:-.01em!important;
}
.premium-dropdown .drop-column>a{
display:grid!important;
grid-template-columns:42px minmax(0,1fr)!important;
gap:11px!important;
align-items:center!important;
min-width:0!important;
padding:10px 9px!important;
margin:0!important;
border-radius:11px!important;
white-space:normal!important;
}
.premium-dropdown .drop-column>a:hover{
background:#f1f6ff!important;
color:#075ed7!important;
}
.premium-dropdown .drop-icon{
width:38px!important;height:38px!important;
display:grid!important;place-items:center!important;
border-radius:10px!important;
background:#edf5ff!important;
color:#0a73f5!important;
font-weight:800!important;
}
.premium-dropdown .drop-column a b{
display:block!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
font-size:13.5px!important;
line-height:1.25!important;
}
.premium-dropdown .drop-column a small{
display:block!important;
margin-top:2px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:#6b7890!important;
font-size:10.5px!important;
line-height:1.3!important;
}
.premium-dropdown>.dropdown-callout{
min-width:0!important;
min-height:100%!important;
padding:28px 22px!important;
position:sticky!important;
top:0!important;
align-self:stretch!important;
background:linear-gradient(145deg,#0b72ed,#2b91ef)!important;
border:0!important;
color:#fff!important;
border-radius:0 17px 17px 0!important;
}
.premium-dropdown>.dropdown-callout span{color:#d9ecff!important;font-size:10px!important;font-weight:800!important;letter-spacing:.16em!important}
.premium-dropdown>.dropdown-callout h3{color:#fff!important;font-size:25px!important;line-height:1.08!important;margin:13px 0 10px!important}
.premium-dropdown>.dropdown-callout p{color:#eaf4ff!important;font-size:12px!important;line-height:1.55!important;margin-bottom:20px!important}
.premium-dropdown>.dropdown-callout>a{
display:flex!important;align-items:center!important;justify-content:space-between!important;
padding:12px 14px!important;border-radius:999px!important;background:#fff!important;color:#0664de!important;
white-space:normal!important;font-weight:800!important;text-align:left!important;
}
}
/* Hero slideshow: visible, deterministic transitions and premium controls. */
.site-main.home .hero.hero-slideshow{
height:640px!important;
min-height:640px!important;
padding-top:78px!important;
background:linear-gradient(135deg,#020c2d,#05245f)!important;
}
.site-main.home .hero-slides{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important}
.site-main.home .hero-slide{
position:absolute!important;inset:0!important;
opacity:0!important;visibility:hidden!important;
background-size:contain!important;background-repeat:no-repeat!important;background-position:center right!important;
transition:opacity .8s ease,transform 5s ease!important;
transform:scale(1.018)!important;
}
.site-main.home .hero-slide.is-active{opacity:1!important;visibility:visible!important;transform:scale(1)!important}
.site-main.home .hero-slide-dashboard{background-position:center right!important;background-size:contain!important}
.site-main.home .hero-copy{display:none!important;position:relative!important;z-index:3!important}
.site-main.home .hero-copy.is-active{display:block!important;animation:heroCopyIn .62s cubic-bezier(.2,.7,.2,1) both!important}
.site-main.home .hero-slide-content{position:relative!important;z-index:3!important;width:min(1360px,calc(100% - 48px))!important}
.site-main.home .hero-slider-controls{
position:absolute!important;
left:50%!important;bottom:31px!important;
transform:translateX(-50%)!important;
width:min(1360px,calc(100% - 48px))!important;
z-index:6!important;
display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:16px!important;
pointer-events:none;
}
.site-main.home .hero-slider-dots{display:flex!important;gap:8px!important;align-items:center!important;pointer-events:auto}
.site-main.home .hero-slider-dots .hero-dot{
width:38px!important;height:4px!important;padding:0!important;border:0!important;border-radius:999px!important;
background:rgba(255,255,255,.32)!important;cursor:pointer!important;transition:width .2s ease,background .2s ease!important;
}
.site-main.home .hero-slider-dots .hero-dot.is-active{width:54px!important;background:#4ea7ff!important}
.site-main.home .hero-slider-label{display:flex!important;align-items:center!important;gap:8px!important;color:#fff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important;pointer-events:none}
.site-main.home .hero-slider-label i{display:block!important;width:26px!important;height:1px!important;background:rgba(255,255,255,.45)!important}
.site-main.home .hero-stats-grid.single-count{max-width:560px!important}
.site-main.home .hero-stat strong[data-target]{min-width:68px!important}
/* Contact form and security check. The send button remains disabled until the
visitor has entered all six CAPTCHA characters. */
#contactForm{align-items:start}
#contactForm input,#contactForm textarea{
border-radius:10px!important;
border:1px solid #d8e3f3!important;
background:#fff!important;
transition:border-color .18s ease,box-shadow .18s ease!important;
}
#contactForm input:focus,#contactForm textarea:focus{
border-color:#4c98ff!important;
box-shadow:0 0 0 4px rgba(15,119,255,.10)!important;
}
#contactForm button[type="submit"]:disabled{
opacity:.52!important;
cursor:not-allowed!important;
transform:none!important;
box-shadow:none!important;
}
.contact-captcha-hint{margin:7px 0 0!important;color:#667692!important;font-size:10.5px!important;line-height:1.4!important}
.form-status{min-height:18px!important;line-height:1.45!important}
.form-status[data-state="error"]{color:#b42318!important}
.form-status[data-state="success"]{color:#067647!important}
.form-status[data-state="sending"]{color:#075fd6!important}
/* Production footer: brand + five navigation groups + contact information. */
.site-footer{
background:linear-gradient(135deg,#04184e 0%,#08266d 55%,#051b56 100%)!important;
border-top:1px solid rgba(82,153,255,.26)!important;
}
.site-footer .footer-shell.footer-shell-production{
display:grid!important;
grid-template-columns:220px minmax(0,1fr)!important;
gap:42px!important;
align-items:start!important;
padding:46px 0 38px!important;
}
.site-footer .footer-nav-grid.footer-nav-production{
display:grid!important;
grid-template-columns:repeat(6,minmax(118px,1fr))!important;
gap:24px!important;
align-items:start!important;
}
.site-footer .footer-brand img{width:170px!important;height:auto!important;margin:0 0 17px!important}
.site-footer .footer-brand p{font-size:12px!important;line-height:1.65!important;color:#c9d9f5!important}
.site-footer .footer-nav-column h4{margin:0 0 13px!important;font-size:13.5px!important;color:#fff!important}
.site-footer .footer-nav-column>a{font-size:11.5px!important;line-height:1.42!important;margin:0 0 8px!important;color:#cbd9f3!important}
.site-footer .footer-contact-info p{margin:0 0 10px!important;color:#bfcfea!important;font-size:11.5px!important;line-height:1.55!important}
.site-footer .footer-contact-info .footer-email-link{display:block!important;color:#fff!important;font-weight:800!important;overflow-wrap:anywhere!important}
.site-footer .footer-contact-info .footer-contact-link{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:13px!important;padding:10px 11px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:10px!important;background:rgba(255,255,255,.055)!important;color:#fff!important;font-weight:800!important}
.site-footer .copyright{padding:15px 0!important;background:rgba(0,0,0,.10)!important}
.site-footer .copyright .container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.site-footer .legal-links{display:flex!important;align-items:center!important;gap:18px!important}
.site-footer .legal-links a{color:#d9e7ff!important;text-decoration:none!important}
.site-footer .legal-links a:hover{text-decoration:underline!important}
/* Legal pages used by footer links. */
.legal-page{padding:78px 0!important;background:linear-gradient(180deg,#fff,#f7faff)!important}
.legal-shell{display:grid!important;grid-template-columns:minmax(220px,.6fr) minmax(0,1.55fr)!important;gap:70px!important;align-items:start!important}
.legal-summary{position:sticky;top:112px;padding:26px;border:1px solid var(--aiz-v17-line);border-radius:18px;background:#fff;box-shadow:0 15px 40px rgba(12,45,92,.06)}
.legal-summary h2{margin:8px 0 12px;font-size:31px;letter-spacing:-.03em}
.legal-summary p{margin:0;color:var(--aiz-v17-muted);font-size:13px;line-height:1.7}
.legal-summary a{color:#076beb;font-weight:700}
.legal-content{display:grid;gap:14px}
.legal-content section{padding:24px 26px;border:1px solid var(--aiz-v17-line);border-radius:16px;background:#fff;box-shadow:0 9px 28px rgba(12,45,92,.04)}
.legal-content h3{margin:0 0 8px;color:#0a1b41;font-size:18px}
.legal-content p{margin:0;color:#5e6e89;font-size:14px;line-height:1.75}
/* Responsive navigation and page layout. */
@media(max-width:1180px) and (min-width:1025px){
.navigation{gap:18px!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:14px!important}
.nav-cta{padding:0 16px!important;font-size:12.5px!important}
.site-footer .footer-shell.footer-shell-production{grid-template-columns:190px minmax(0,1fr)!important;gap:30px!important}
.site-footer .footer-nav-grid.footer-nav-production{grid-template-columns:repeat(3,minmax(150px,1fr))!important;row-gap:28px!important}
}
@media(max-width:1024px){
html{scroll-padding-top:84px}
.container{width:min(calc(100% - 30px),900px)!important}
.header{height:70px!important}
.nav{height:70px!important;width:min(calc(100% - 26px),960px)!important}
.header .logo{width:162px!important;height:52px!important}
.header .logo img{width:155px!important;height:48px!important}
.hamburger{
display:flex!important;width:42px!important;height:42px!important;border-radius:12px!important;
border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.05)!important;
}
.hamburger span{width:18px!important;height:2px!important;border-radius:2px!important}
.navigation{
display:none!important;
position:fixed!important;
top:70px!important;left:0!important;right:0!important;bottom:0!important;
height:auto!important;
padding:14px 18px 28px!important;
background:linear-gradient(180deg,#03143d,#061f5d)!important;
flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;
overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
box-shadow:0 20px 50px rgba(0,0,0,.22)!important;
}
.navigation.open{display:flex!important}
body.mobile-menu-open{overflow:hidden!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{
width:100%!important;height:52px!important;min-height:52px!important;
padding:0 4px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;
font-size:16px!important;justify-content:space-between!important;
}
.navigation>.nav-link:after,.nav-item>.nav-link:after{display:none!important}
.nav-item{
width:100%!important;height:auto!important;min-height:52px!important;
display:flex!important;flex-direction:column!important;align-items:stretch!important;
}
.nav-item>.nav-link{width:100%!important}
.navigation>.nav-item>.dropdown,
.navigation>.nav-item>.premium-dropdown{
position:static!important;
top:auto!important;left:auto!important;right:auto!important;transform:none!important;
width:100%!important;max-width:100%!important;max-height:330px!important;
margin:6px 0 11px!important;padding:8px!important;
display:none!important;grid-template-columns:1fr!important;gap:4px!important;
overflow-y:auto!important;overflow-x:hidden!important;
border-radius:12px!important;border:1px solid rgba(255,255,255,.12)!important;
background:#fff!important;box-shadow:none!important;
opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
.navigation>.nav-item.dropdown-open>.dropdown,
.navigation>.nav-item.dropdown-open>.premium-dropdown{display:grid!important}
.premium-dropdown>.drop-column{padding:5px!important;border:0!important}
.premium-dropdown .drop-heading{margin:3px 4px 7px!important;padding:0 0 7px!important;font-size:12px!important;border-bottom:1px solid #e7edf7!important}
.premium-dropdown .drop-column>a{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;padding:8px!important;border-radius:9px!important;white-space:normal!important}
.premium-dropdown .drop-icon{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:#edf5ff!important;color:#0874ff!important}
.premium-dropdown .drop-column a b{display:block!important;font-size:12.5px!important;white-space:normal!important}
.premium-dropdown .drop-column a small{display:block!important;margin-top:2px!important;font-size:10px!important;color:#6d7890!important;white-space:normal!important}
.premium-dropdown>.dropdown-callout{display:none!important}
.nav-cta{width:100%!important;height:48px!important;margin:14px 0 0!important;justify-content:space-between!important}
.site-main.home .hero.hero-slideshow{height:680px!important;min-height:680px!important;padding-top:70px!important}
.site-main.home .hero-slide{background-size:cover!important;background-position:center!important}
.site-main.home .hero-slide-dashboard{background-size:cover!important;background-position:center!important}
.site-main.home .hero-glow{background:linear-gradient(180deg,rgba(1,12,43,.92) 0%,rgba(1,15,50,.78) 52%,rgba(1,10,37,.70) 100%)!important}
.site-main.home .hero-slide-content{width:min(calc(100% - 30px),900px)!important}
.site-main.home .hero-copy{width:100%!important;padding-top:55px!important}
.site-main.home .hero-copy h1{font-size:clamp(40px,7vw,58px)!important}
.site-main.home .hero-slider-controls{width:min(calc(100% - 30px),900px)!important;bottom:24px!important}
.site-footer .footer-shell.footer-shell-production{grid-template-columns:1fr!important;gap:32px!important;padding:40px 0 32px!important}
.site-footer .footer-nav-grid.footer-nav-production{grid-template-columns:repeat(3,minmax(145px,1fr))!important;gap:26px!important}
.legal-shell{grid-template-columns:1fr!important;gap:28px!important}
.legal-summary{position:static!important}
}
@media(max-width:700px){
.container{width:calc(100% - 28px)!important}
.site-main.home .hero.hero-slideshow{height:650px!important;min-height:650px!important}
.site-main.home .hero-slide-content{width:calc(100% - 28px)!important}
.site-main.home .hero-copy{padding-top:46px!important}
.site-main.home .hero-copy h1{font-size:clamp(35px,10vw,48px)!important;line-height:1.02!important}
.site-main.home .hero-copy .hero-description{font-size:14px!important;line-height:1.65!important}
.site-main.home .hero-buttons{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:min(100%,330px)!important}
.site-main.home .hero-buttons .button{width:100%!important;justify-content:space-between!important}
.site-main.home .hero-slider-controls{width:calc(100% - 28px)!important;justify-content:space-between!important}
.site-main.home .hero-slider-dots .hero-dot{width:25px!important}
.site-main.home .hero-slider-dots .hero-dot.is-active{width:40px!important}
.service-grid,.industry-grid,.insight-grid,.product-cards,.ultra-home-story-grid,.dest-cards{grid-template-columns:1fr!important}
.why-grid,.solution-grid,.contact-grid,.featured-grid,.dest-grid{grid-template-columns:1fr!important;gap:28px!important}
#contactForm{grid-template-columns:1fr!important;gap:12px!important}
#contactForm .full{grid-column:auto!important}
.contact-captcha-row{grid-template-columns:1fr!important}
.contact-captcha-question-wrap{min-height:56px!important}
.contact-captcha-question{font-size:18px!important;letter-spacing:.19em!important}
#contactForm button[type="submit"]{width:100%!important}
.destination-hero{padding:106px 0 60px!important}
.dest-copy h1{font-size:clamp(38px,11vw,50px)!important}
.dest-copy>p{font-size:15px!important;line-height:1.65!important}
.dest-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
.dest-actions .button{width:100%!important;justify-content:space-between!important}
.site-footer .footer-nav-grid.footer-nav-production{grid-template-columns:repeat(2,minmax(125px,1fr))!important;gap:24px 18px!important}
.site-footer .copyright .container{flex-direction:column!important;align-items:flex-start!important}
.site-footer .legal-links{flex-wrap:wrap!important;gap:12px 18px!important}
.legal-page{padding:54px 0!important}
.legal-content section{padding:20px!important}
}
@media(max-width:460px){
.header .logo{width:148px!important}.header .logo img{width:142px!important}
.site-main.home .hero.hero-slideshow{height:625px!important;min-height:625px!important}
.site-main.home .hero-copy h1{font-size:34px!important}
.site-main.home .hero-slider-label{display:none!important}
.site-footer .footer-nav-grid.footer-nav-production{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto!important}
*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Prevent desktop navigation clipping on common laptop widths. */
@media(min-width:1025px) and (max-width:1400px){
.nav{width:min(calc(100% - 24px),1320px)!important}
.header .logo{width:164px!important}.header .logo img{width:158px!important}
.navigation{gap:16px!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:13.5px!important}
.nav-cta{padding:0 15px!important;font-size:12.5px!important;gap:10px!important}
}
@media(min-width:1025px) and (max-width:1120px){
.header .logo{width:150px!important}.header .logo img{width:144px!important}
.navigation{gap:12px!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:12.8px!important}
.nav-cta{padding:0 12px!important;font-size:12px!important}
}
/* =========================================================
AIZENEXA V18 — COMPACT MICROSOFT UI + VIEWPORT-SAFE MENUS
========================================================= */
:root{
--aiz-ui-font:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",SegoeUI,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
--aiz-display-font:"Segoe UI Variable Display","Segoe UI Variable","Segoe UI",SegoeUI,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
html,body,button,input,textarea,select,option{
font-family:var(--aiz-ui-font)!important;
}
h1,h2,h3,h4,h5,h6,.button,.nav-link,.drop-heading,.premium-dropdown b{
font-family:var(--aiz-display-font)!important;
}
body{font-size:15px!important;line-height:1.55!important}
/* More compact top navigation; the dropdown begins after a real visual gap. */
@media(min-width:1025px){
.header,.nav,.navigation,.nav-item,.navigation>.nav-link,.navigation>.nav-item>.nav-link{
height:70px!important;
}
.header .logo{width:162px!important;height:52px!important}
.header .logo img{width:156px!important;height:48px!important}
.navigation{gap:20px!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{
font-size:13px!important;
font-weight:650!important;
}
.navigation>.nav-link:after,.nav-item>.nav-link:after{bottom:7px!important;height:2px!important}
.nav-cta{height:42px!important;padding:0 16px!important;font-size:12px!important;border-radius:11px!important}
.navigation>.nav-item>.dropdown,
.navigation>.nav-item>.premium-dropdown,
.navigation>.nav-item[data-menu="products"]>.premium-dropdown{
top:84px!important;
width:min(760px,calc(100vw - 32px))!important;
max-width:calc(100vw - 32px)!important;
max-height:min(318px,calc(100dvh - 104px))!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) 205px!important;
border-radius:15px!important;
box-shadow:0 24px 60px rgba(2,22,65,.22),0 6px 18px rgba(2,22,65,.09)!important;
}
.premium-dropdown>.drop-column{padding:16px 16px 15px!important}
.premium-dropdown .drop-heading{margin:0 0 7px!important;padding:0 0 7px!important;font-size:12px!important}
.premium-dropdown .drop-column>a{
grid-template-columns:32px minmax(0,1fr)!important;
gap:8px!important;
padding:6px 7px!important;
border-radius:9px!important;
}
.premium-dropdown .drop-icon{width:30px!important;height:30px!important;border-radius:8px!important;font-size:12px!important}
.premium-dropdown .drop-column a b{font-size:11.7px!important;line-height:1.2!important}
.premium-dropdown .drop-column a small{font-size:9.6px!important;line-height:1.22!important;margin-top:1px!important}
.premium-dropdown>.dropdown-callout{padding:20px 17px!important;border-radius:0 14px 14px 0!important}
.premium-dropdown>.dropdown-callout span{font-size:9px!important}
.premium-dropdown>.dropdown-callout h3{font-size:20px!important;line-height:1.08!important;margin:9px 0 8px!important}
.premium-dropdown>.dropdown-callout p{font-size:10.5px!important;line-height:1.45!important;margin-bottom:13px!important}
.premium-dropdown>.dropdown-callout>a{padding:10px 12px!important;font-size:10.5px!important}
}
/* Compact homepage hero and general section rhythm. */
.site-main.home .hero.hero-slideshow{height:560px!important;min-height:560px!important;padding-top:70px!important}
.site-main.home .hero-copy{padding-top:28px!important;max-width:690px!important}
.site-main.home .hero-copy h1{font-size:clamp(40px,4vw,58px)!important;line-height:1.01!important;letter-spacing:-.045em!important;margin:9px 0 14px!important}
.site-main.home .hero-copy .hero-description{font-size:14px!important;line-height:1.6!important;max-width:660px!important}
.site-main.home .hero-buttons{margin-top:20px!important}
.site-main.home .hero-slider-controls{bottom:22px!important}
.site-main.home .section-white,.site-main.home .ultra-home-story,.site-main.home .solutions,.site-main.home .success-section,.site-main.home .contact{padding-top:46px!important;padding-bottom:46px!important}
.site-main.home .why{padding:42px 0!important}
.site-main.home .heading h2,.site-main.home .solution-grid h2,.site-main.home .why h2,.site-main.home .contact h2,.site-main.home .featured-copy h2,.site-main.home .cta h2{font-size:clamp(27px,2.5vw,34px)!important;line-height:1.12!important}
.site-main.home .heading>p:last-child,.site-main.home .solution-grid p,.site-main.home .why-copy>p:not(.label),.site-main.home .contact-grid>div>p:not(.label){font-size:13px!important;line-height:1.65!important}
/* Every inner-page masthead uses the same compact production scale. */
.destination-hero{
padding:102px 0 50px!important;
min-height:0!important;
}
.dest-grid{gap:44px!important}
.dest-copy{max-width:760px!important}
.dest-copy h1{
font-size:clamp(36px,4.35vw,58px)!important;
line-height:1.02!important;
letter-spacing:-.045em!important;
margin:10px 0 15px!important;
}
.dest-copy>p{font-size:15.5px!important;line-height:1.62!important;max-width:700px!important}
.dest-actions{margin-top:22px!important;gap:10px!important}
.dest-actions .button{padding:12px 17px!important;font-size:12.5px!important;border-radius:11px!important}
.dest-visual{min-height:245px!important}
.dest-panel{width:min(390px,92vw)!important;padding:25px!important;border-radius:22px!important}
.dest-panel-label{font-size:9.5px!important}
.dest-panel h3{font-size:27px!important;line-height:1.08!important;margin:11px 0!important}
.dest-panel p{font-size:13.5px!important;line-height:1.55!important}
.dest-panel-bar{height:7px!important;margin-top:20px!important}
/* Compact content scale across all destination pages to reduce unnecessary scrolling. */
.dest-body{padding:58px 0!important}
.dest-intro{margin-bottom:34px!important}
.dest-intro h2{font-size:clamp(28px,3vw,40px)!important;line-height:1.1!important;margin:9px 0 12px!important}
.dest-intro p{font-size:14.5px!important;line-height:1.65!important}
.dest-cards{gap:14px!important}
.dest-card{min-height:178px!important;padding:21px!important;border-radius:17px!important}
.dest-card-icon{width:40px!important;height:40px!important;border-radius:12px!important;font-size:16px!important}
.dest-card h3{font-size:18px!important;margin:14px 0 7px!important}
.dest-card p{font-size:13px!important;line-height:1.55!important}
.dest-feature{margin-top:44px!important;padding:31px!important;border-radius:22px!important;gap:30px!important}
.dest-feature h2{font-size:clamp(26px,2.8vw,36px)!important;line-height:1.1!important}
.dest-feature p{font-size:13.5px!important;line-height:1.62!important}
.feature-list{gap:9px!important}.feature-list div{padding:12px 15px!important;border-radius:12px!important;font-size:13px!important}
.dest-bottom-cta{padding:48px 0!important}
.dest-bottom-cta h2{font-size:clamp(27px,3vw,38px)!important;line-height:1.1!important;margin-bottom:17px!important}
.mini-label{font-size:9.5px!important}
.button{padding:12px 18px!important;font-size:12.5px!important;border-radius:11px!important;gap:20px!important}
.button span{font-size:15px!important}
/* Company/purpose and legal pages follow the same compact rhythm. */
.purpose-statement,.purpose-pillars,.purpose-impact{padding:58px 0!important}
.purpose-statement-grid,.purpose-impact-grid{gap:44px!important}
.purpose-statement h2,.purpose-impact h2{font-size:clamp(30px,3.5vw,44px)!important;line-height:1.08!important}
.purpose-statement p,.purpose-impact p{font-size:14.5px!important;line-height:1.68!important}
.purpose-quote{font-size:17px!important;line-height:1.5!important;padding:20px 22px!important;margin-top:22px!important}
.purpose-pillars-head{margin-bottom:30px!important}.purpose-pillars-grid{gap:15px!important}.purpose-pillar{padding:22px!important;border-radius:18px!important}.purpose-pillar h3{font-size:20px!important;margin:15px 0 8px!important}.purpose-pillar p{font-size:13.5px!important;line-height:1.6!important}
.legal-page{padding:54px 0!important}.legal-summary h2{font-size:26px!important}.legal-content section{padding:20px 22px!important}.legal-content h3{font-size:17px!important}.legal-content p{font-size:13.5px!important;line-height:1.65!important}
/* CAPTCHA remains readable but uses the Microsoft UI family too. */
.contact-captcha-question,.contact-captcha-row input{font-family:var(--aiz-ui-font)!important}
@media(max-width:1024px){
.header,.nav{height:66px!important}
.navigation{top:66px!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{height:48px!important;min-height:48px!important;font-size:14px!important}
.nav-item{min-height:48px!important}
.site-main.home .hero.hero-slideshow{height:560px!important;min-height:560px!important;padding-top:66px!important}
.site-main.home .hero-copy{padding-top:34px!important}
.site-main.home .hero-copy h1{font-size:clamp(36px,6vw,48px)!important}
.destination-hero{padding:92px 0 44px!important}
.dest-copy h1{font-size:clamp(34px,6vw,48px)!important}
.dest-visual{min-height:210px!important}
}
@media(max-width:700px){
body{font-size:14px!important}
.site-main.home .hero.hero-slideshow{height:535px!important;min-height:535px!important}
.site-main.home .hero-copy{padding-top:28px!important}
.site-main.home .hero-copy h1{font-size:clamp(32px,9vw,42px)!important}
.destination-hero{padding:86px 0 38px!important}
.dest-copy h1{font-size:clamp(31px,9vw,42px)!important}
.dest-copy>p{font-size:14px!important}
.dest-visual{min-height:190px!important}
.dest-panel{padding:21px!important}.dest-panel h3{font-size:23px!important}
.dest-body{padding:46px 0!important}
.dest-card{min-height:0!important}
.purpose-statement,.purpose-pillars,.purpose-impact{padding:46px 0!important}
}
@media(max-width:460px){
.site-main.home .hero.hero-slideshow{height:515px!important;min-height:515px!important}
.site-main.home .hero-copy h1{font-size:31px!important}
.destination-hero{padding:82px 0 34px!important}
.dest-copy h1{font-size:32px!important}
}
/* =========================================================
AIZENEXA V19 — FINAL COMPACT RESPONSIVE UI
This block is intentionally last so it is authoritative over
legacy iterations above without changing CMS page markup.
========================================================= */
:root{
--aiz-ui-font:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",SegoeUI,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
--aiz-display-font:"Segoe UI Variable Display","Segoe UI Variable","Segoe UI",SegoeUI,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
html{font-size:15px!important;overflow-x:hidden!important}
body{font-family:var(--aiz-ui-font)!important;font-size:14px!important;line-height:1.55!important;overflow-x:hidden!important}
button,input,textarea,select,option{font-family:var(--aiz-ui-font)!important}
h1,h2,h3,h4,h5,h6,.button,.nav-link,.drop-heading,.premium-dropdown b{font-family:var(--aiz-display-font)!important}
p,li{font-size:14px!important;line-height:1.6!important}
h1{font-size:clamp(34px,3.5vw,48px)!important;line-height:1.06!important}
h2{font-size:clamp(25px,2.5vw,34px)!important;line-height:1.12!important}
h3{font-size:clamp(18px,1.7vw,23px)!important;line-height:1.2!important}
/* Desktop header + smaller viewport-safe dropdowns. */
@media(min-width:1025px){
.header,.nav{height:66px!important}
.header .logo{width:150px!important;height:48px!important}
.header .logo img{width:145px!important;height:46px!important;object-fit:contain!important}
.navigation{height:66px!important;gap:18px!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{height:66px!important;font-size:12.5px!important;font-weight:650!important}
.nav-item{height:66px!important}
.nav-cta{height:40px!important;padding:0 15px!important;font-size:11.5px!important;border-radius:10px!important}
.navigation>.nav-link:after,.navigation>.nav-item>.nav-link:after{bottom:8px!important;height:2px!important}
.navigation>.nav-item>.dropdown,
.navigation>.nav-item>.premium-dropdown,
.navigation>.nav-item>.products-dropdown{
border-radius:14px!important;
max-height:min(300px,calc(100dvh - 94px))!important;
box-shadow:0 20px 48px rgba(2,22,65,.19),0 5px 15px rgba(2,22,65,.08)!important;
}
.premium-dropdown>.drop-column{padding:13px 13px 12px!important}
.premium-dropdown .drop-heading{font-size:11.5px!important;margin:0 0 5px!important;padding:0 0 6px!important}
.premium-dropdown .drop-column>a{min-height:0!important;padding:5px 6px!important;gap:7px!important;border-radius:8px!important}
.premium-dropdown .drop-icon{width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:7px!important;font-size:11px!important}
.premium-dropdown .drop-column a b{font-size:11.2px!important;line-height:1.18!important}
.premium-dropdown .drop-column a small{font-size:9.2px!important;line-height:1.2!important;margin-top:1px!important}
.premium-dropdown>.dropdown-callout{padding:16px 15px!important}
.premium-dropdown>.dropdown-callout>span{font-size:8.5px!important}
.premium-dropdown>.dropdown-callout h3{font-size:18px!important;line-height:1.08!important;margin:7px 0!important}
.premium-dropdown>.dropdown-callout p{font-size:10px!important;line-height:1.4!important;margin-bottom:10px!important}
.premium-dropdown>.dropdown-callout>a{min-height:36px!important;padding:8px 10px!important;font-size:9.8px!important}
}
/* Compact homepage. */
.site-main.home .hero.hero-slideshow{height:500px!important;min-height:500px!important;padding-top:66px!important}
.site-main.home .hero-copy{padding-top:18px!important;max-width:640px!important}
.site-main.home .hero-copy h1{font-size:clamp(35px,3.8vw,50px)!important;line-height:1.02!important;margin:7px 0 11px!important}
.site-main.home .hero-copy .hero-description{font-size:13px!important;line-height:1.55!important;max-width:610px!important}
.site-main.home .hero-buttons{margin-top:16px!important;gap:9px!important}
.site-main.home .hero-buttons .button{font-size:11.5px!important;padding:11px 15px!important}
.site-main.home .hero-slider-controls{bottom:17px!important}
.site-main.home .hero-stats{padding:14px 0!important}
.site-main.home .hero-stats-grid.single-count{max-width:390px!important;min-height:72px!important}
.site-main.home .hero-stat{min-height:72px!important;padding:12px 18px!important}
.site-main.home .hero-stat .stat-icon{width:36px!important;height:36px!important;font-size:14px!important}
.site-main.home .hero-stat strong{font-size:22px!important}
.site-main.home .hero-stat small{font-size:10px!important;margin-top:3px!important}
.site-main.home .section-white,.site-main.home .ultra-home-story,.site-main.home .solutions,.site-main.home .success-section,.site-main.home .contact{padding-top:38px!important;padding-bottom:38px!important}
.site-main.home .why{padding:36px 0!important}
.site-main.home .heading h2,.site-main.home .solution-grid h2,.site-main.home .why h2,.site-main.home .contact h2,.site-main.home .featured-copy h2,.site-main.home .cta h2{font-size:clamp(23px,2.2vw,30px)!important}
.site-main.home .heading>p:last-child,.site-main.home .solution-grid p,.site-main.home .why-copy>p:not(.label),.site-main.home .contact-grid>div>p:not(.label){font-size:12.5px!important;line-height:1.58!important}
/* Compact every inner-page masthead/content section. */
.destination-hero{padding:86px 0 38px!important;min-height:0!important}
.dest-grid{gap:32px!important}
.dest-copy{max-width:690px!important}
.dest-copy h1{font-size:clamp(32px,3.7vw,48px)!important;line-height:1.04!important;letter-spacing:-.035em!important;margin:7px 0 11px!important}
.dest-copy h1 span{font-size:inherit!important;line-height:inherit!important}
.dest-copy>p{font-size:13.5px!important;line-height:1.58!important;max-width:650px!important}
.mini-label,.label{font-size:8.5px!important;letter-spacing:.16em!important}
.dest-actions{margin-top:16px!important;gap:8px!important}
.dest-actions .button,.button{padding:10px 14px!important;font-size:11.5px!important;border-radius:10px!important;gap:14px!important}
.dest-visual{min-height:200px!important}
.dest-panel{width:min(350px,92vw)!important;padding:20px!important;border-radius:18px!important}
.dest-panel-label{font-size:8.5px!important}
.dest-panel h3{font-size:22px!important;margin:8px 0!important}
.dest-panel p{font-size:12px!important;line-height:1.5!important}
.dest-panel-bar{height:6px!important;margin-top:14px!important}
.dest-body{padding:42px 0!important}
.dest-intro{margin-bottom:24px!important}
.dest-intro h2{font-size:clamp(23px,2.4vw,32px)!important;margin:6px 0 9px!important}
.dest-intro p{font-size:13px!important;line-height:1.58!important}
.dest-cards{gap:11px!important}
.dest-card{min-height:145px!important;padding:17px!important;border-radius:14px!important}
.dest-card-icon{width:35px!important;height:35px!important;border-radius:10px!important;font-size:14px!important}
.dest-card h3{font-size:16px!important;margin:10px 0 5px!important}
.dest-card p{font-size:12px!important;line-height:1.5!important}
.dest-feature{margin-top:32px!important;padding:23px!important;border-radius:18px!important;gap:22px!important}
.dest-feature h2{font-size:clamp(22px,2.2vw,30px)!important}
.dest-feature p{font-size:12.5px!important;line-height:1.55!important}
.feature-list{gap:7px!important}.feature-list div{padding:9px 12px!important;border-radius:10px!important;font-size:12px!important}
.dest-bottom-cta{padding:36px 0!important}.dest-bottom-cta h2{font-size:clamp(22px,2.3vw,31px)!important;margin-bottom:13px!important}
/* Generic content typography catches CMS-authored headings/paragraphs too. */
.site-main section:not(.hero):not(.hero-stats) h2{font-size:clamp(23px,2.4vw,32px)!important;line-height:1.15!important}
.site-main section:not(.hero):not(.hero-stats) h3{font-size:clamp(16px,1.6vw,21px)!important;line-height:1.22!important}
.site-main section:not(.hero):not(.hero-stats) p{font-size:13px!important;line-height:1.58!important}
.purpose-statement,.purpose-pillars,.purpose-impact{padding:42px 0!important}
.purpose-statement h2,.purpose-impact h2{font-size:clamp(25px,2.8vw,36px)!important}
.purpose-statement p,.purpose-impact p{font-size:13px!important;line-height:1.6!important}
.purpose-quote{font-size:15px!important;line-height:1.45!important;padding:16px 18px!important;margin-top:16px!important}
.purpose-pillar{padding:17px!important}.purpose-pillar h3{font-size:17px!important;margin:10px 0 6px!important}.purpose-pillar p{font-size:12.5px!important}
.legal-page{padding:40px 0!important}.legal-summary h2{font-size:23px!important}.legal-content section{padding:16px 18px!important}.legal-content h3{font-size:15.5px!important}.legal-content p{font-size:12.5px!important;line-height:1.58!important}
/* Mobile/tablet navigation is a true full-height drawer; content cannot leak through. */
@media(max-width:1024px){
html{scroll-padding-top:62px!important}
.header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:62px!important;background:#03143a!important;z-index:5000!important;border-bottom:2px solid rgba(30,130,255,.72)!important}
.nav{height:62px!important;width:calc(100% - 24px)!important}
.header .logo{width:138px!important;height:46px!important}
.header .logo img{width:134px!important;height:44px!important;object-fit:contain!important}
.hamburger{display:flex!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:10px!important}
.hamburger span{width:16px!important;height:2px!important}
.navigation{
display:none!important;
position:fixed!important;
inset:62px 0 0 0!important;
width:100%!important;
height:calc(100dvh - 62px)!important;
max-height:none!important;
padding:8px 14px 22px!important;
margin:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
flex-direction:column!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:0!important;
background:linear-gradient(180deg,#03143a 0%,#041b50 100%)!important;
box-shadow:none!important;
z-index:4999!important;
overscroll-behavior:contain!important;
-webkit-overflow-scrolling:touch!important;
}
.navigation.open{display:flex!important}
body.mobile-menu-open{overflow:hidden!important;touch-action:none!important}
.navigation>.nav-link,.navigation>.nav-item{width:100%!important;height:auto!important;min-height:0!important;margin:0!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{
width:100%!important;height:44px!important;min-height:44px!important;
padding:0 7px!important;margin:0!important;
display:flex!important;align-items:center!important;justify-content:space-between!important;
color:#fff!important;font-size:13px!important;font-weight:650!important;line-height:1.2!important;
border-bottom:1px solid rgba(164,194,240,.13)!important;
}
.navigation>.nav-link:after,.navigation>.nav-item>.nav-link:after{display:none!important}
.nav-item{display:block!important}
.navigation>.nav-item>.dropdown,.navigation>.nav-item>.premium-dropdown,.navigation>.nav-item>.products-dropdown{
position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;
display:none!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;
margin:0!important;padding:4px 0 6px!important;border:0!important;border-radius:0!important;
background:#061b46!important;box-shadow:none!important;overflow:visible!important;
opacity:1!important;visibility:visible!important;pointer-events:auto!important;
grid-template-columns:1fr!important;
}
.navigation>.nav-item.dropdown-open>.dropdown,.navigation>.nav-item.dropdown-open>.premium-dropdown,.navigation>.nav-item.dropdown-open>.products-dropdown{display:block!important}
.premium-dropdown>.drop-column{padding:0!important}
.premium-dropdown .drop-heading{display:none!important}
.premium-dropdown .drop-column>a{
display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;
width:100%!important;min-height:42px!important;padding:5px 10px!important;margin:0!important;border-radius:7px!important;
background:transparent!important;color:#fff!important;
}
.premium-dropdown .drop-icon{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:7px!important;font-size:11px!important}
.premium-dropdown .drop-column a b{font-size:11.5px!important;line-height:1.18!important;color:#fff!important}
.premium-dropdown .drop-column a small{font-size:9px!important;line-height:1.18!important;color:#9eb4d5!important;margin-top:1px!important}
.premium-dropdown>.dropdown-callout{display:none!important}
.nav-cta{width:100%!important;height:42px!important;margin:10px 0 0!important;padding:0 12px!important;font-size:11.5px!important;justify-content:space-between!important}
.site-main{padding-top:0!important}
.site-main.home .hero.hero-slideshow{height:470px!important;min-height:470px!important;padding-top:62px!important}
.site-main.home .hero-copy{width:100%!important;padding-top:24px!important}
.site-main.home .hero-copy h1{font-size:clamp(30px,6vw,40px)!important;line-height:1.04!important}
.site-main.home .hero-copy .hero-description{font-size:12.5px!important;line-height:1.55!important}
.site-main.home .hero-stats-grid.single-count{max-width:330px!important}
.destination-hero{padding:78px 0 28px!important}
.dest-grid{grid-template-columns:1fr!important;gap:18px!important}
.dest-copy{max-width:100%!important}
.dest-copy h1{font-size:clamp(28px,5.7vw,38px)!important;line-height:1.06!important;margin:6px 0 10px!important}
.dest-copy>p{font-size:12.8px!important;line-height:1.55!important}
.dest-actions{margin-top:14px!important}
.dest-actions .button{font-size:11px!important;padding:10px 12px!important}
.dest-visual{min-height:0!important}
.dest-panel{width:100%!important;max-width:460px!important;padding:17px!important;margin:0!important;border-radius:16px!important}
.dest-panel h3{font-size:19px!important;margin:7px 0!important}
.dest-panel p{font-size:11.5px!important}
.dest-body{padding:34px 0!important}
.dest-intro{margin-bottom:18px!important}.dest-intro h2{font-size:23px!important}.dest-intro p{font-size:12.5px!important}
.dest-feature{margin-top:24px!important;padding:18px!important;gap:16px!important}
.dest-bottom-cta{padding:30px 0!important}
.site-main section:not(.hero):not(.hero-stats) h2{font-size:23px!important}
.site-main section:not(.hero):not(.hero-stats) h3{font-size:16px!important}
.site-main section:not(.hero):not(.hero-stats) p{font-size:12.5px!important;line-height:1.55!important}
}
@media(max-width:600px){
body{font-size:13px!important}
.container{width:calc(100% - 24px)!important}
.site-main.home .hero.hero-slideshow{height:440px!important;min-height:440px!important}
.site-main.home .hero-copy{padding-top:18px!important}
.site-main.home .hero-copy h1{font-size:29px!important;line-height:1.05!important;letter-spacing:-.025em!important}
.site-main.home .hero-copy .hero-description{font-size:12px!important}
.site-main.home .hero-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.site-main.home .hero-buttons .button{justify-content:space-between!important;width:100%!important;padding:9px 10px!important;font-size:10.5px!important}
.site-main.home .hero-stats-grid.single-count{max-width:300px!important;min-height:64px!important}
.site-main.home .hero-stat{min-height:64px!important;padding:10px 14px!important}
.site-main.home .hero-stat strong{font-size:20px!important}.site-main.home .hero-stat small{font-size:9px!important}
.destination-hero{padding:74px 0 24px!important}
.dest-copy h1{font-size:28px!important;line-height:1.07!important;letter-spacing:-.025em!important}
.dest-copy>p{font-size:12.2px!important}
.dest-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.dest-actions .button{width:100%!important;justify-content:space-between!important;padding:9px 10px!important;font-size:10.5px!important}
.dest-panel{padding:15px!important}.dest-panel h3{font-size:18px!important}.dest-panel p{font-size:11px!important}
.dest-body{padding:30px 0!important}
.dest-cards{grid-template-columns:1fr!important}.dest-card{padding:14px!important;min-height:0!important}.dest-card h3{font-size:15px!important}.dest-card p{font-size:11.5px!important}
.site-main section:not(.hero):not(.hero-stats) h2{font-size:21px!important;line-height:1.16!important}
.site-main section:not(.hero):not(.hero-stats) h3{font-size:15px!important}
.site-main section:not(.hero):not(.hero-stats) p{font-size:12px!important;line-height:1.52!important}
.contact-captcha-row{grid-template-columns:1fr!important;gap:8px!important}
.contact-captcha-question-wrap{min-height:52px!important}
}
@media(max-width:380px){
.site-main.home .hero-copy h1,.dest-copy h1{font-size:26px!important}
.site-main.home .hero-buttons,.dest-actions{grid-template-columns:1fr!important}
.header .logo{width:124px!important}.header .logo img{width:120px!important}
}
/* =========================================================
AIZENEXA V20 — STABLE MOBILE NAVIGATION + CONTACT FORM
Final overrides intentionally remain last in the stylesheet.
========================================================= */
.mobile-menu-overview{display:none!important}
/* Keep the project counter visibly active and readable. */
[data-target]{font-variant-numeric:tabular-nums;will-change:contents}
.hero-stats-grid.single-count{
grid-template-columns:minmax(260px,700px)!important;
justify-content:center!important;
}
.hero-stats-grid.single-count .hero-stat{
width:100%!important;
justify-content:center!important;
}
/* Contact form: Contact Person / Email and Company / Phone align cleanly. */
#contactForm input[name="Phone"]{width:100%}
#contactForm .form-status{grid-column:1/-1}
@media(max-width:1024px){
html,body{max-width:100%!important;overflow-x:hidden!important}
.header{
height:64px!important;
background:#03143a!important;
border-bottom:2px solid #1678f2!important;
box-shadow:0 8px 26px rgba(1,17,54,.18)!important;
}
.nav{height:64px!important;width:calc(100% - 28px)!important;max-width:none!important}
.header .logo{width:142px!important;height:48px!important;overflow:visible!important}
.header .logo img{width:138px!important;height:46px!important;object-fit:contain!important;mix-blend-mode:normal!important}
.hamburger{
display:flex!important;
width:42px!important;height:42px!important;flex:0 0 42px!important;
border:1px solid rgba(151,188,241,.42)!important;border-radius:12px!important;
background:rgba(255,255,255,.035)!important;
}
.navigation{
display:none!important;
position:fixed!important;
inset:64px 0 0 0!important;
width:100vw!important;
height:calc(100dvh - 64px)!important;
padding:12px 14px max(24px,env(safe-area-inset-bottom))!important;
margin:0!important;
flex-direction:column!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:6px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
overscroll-behavior:contain!important;
background:linear-gradient(180deg,#03143a 0%,#061d50 100%)!important;
border:0!important;
z-index:4999!important;
-webkit-overflow-scrolling:touch!important;
}
.navigation.open{display:flex!important}
body.mobile-menu-open{overflow:hidden!important;touch-action:none!important}
.navigation>.nav-link,
.navigation>.nav-item{
width:100%!important;
min-width:0!important;
height:auto!important;
min-height:0!important;
margin:0!important;
flex:0 0 auto!important;
}
.navigation>.nav-link,
.navigation>.nav-item>.nav-link{
width:100%!important;
height:48px!important;
min-height:48px!important;
padding:0 12px!important;
margin:0!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
color:#fff!important;
font-size:14px!important;
font-weight:650!important;
line-height:1.2!important;
white-space:normal!important;
border:1px solid rgba(153,187,235,.11)!important;
border-radius:10px!important;
background:rgba(255,255,255,.018)!important;
}
.navigation>.nav-link.active,
.navigation>.nav-item.active>.nav-link,
.navigation>.nav-link:hover,
.navigation>.nav-item>.nav-link:hover{
background:rgba(19,112,238,.13)!important;
border-color:rgba(55,145,255,.28)!important;
}
.navigation>.nav-link:after,
.navigation>.nav-item>.nav-link:after{display:none!important}
.navigation>.nav-item{display:block!important;position:static!important}
.navigation>.nav-item>.dropdown,
.navigation>.nav-item>.premium-dropdown,
.navigation>.nav-item>.products-dropdown{
position:static!important;
inset:auto!important;
left:auto!important;right:auto!important;top:auto!important;
transform:none!important;
display:none!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:auto!important;
max-height:46dvh!important;
margin:5px 0 2px!important;
padding:8px!important;
overflow-x:hidden!important;
overflow-y:auto!important;
grid-template-columns:1fr!important;
gap:2px!important;
border:1px solid rgba(126,174,238,.16)!important;
border-radius:12px!important;
background:#071c49!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.navigation>.nav-item.dropdown-open>.dropdown,
.navigation>.nav-item.dropdown-open>.premium-dropdown,
.navigation>.nav-item.dropdown-open>.products-dropdown{display:block!important}
.mobile-menu-overview{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
min-height:38px!important;
padding:8px 10px!important;
margin:0 0 4px!important;
border-radius:8px!important;
background:#0d6ff2!important;
color:#fff!important;
font-size:11.5px!important;
font-weight:700!important;
}
.premium-dropdown>.drop-column{
display:block!important;
width:100%!important;
padding:0!important;
margin:0!important;
border:0!important;
}
.premium-dropdown .drop-heading{display:none!important}
.premium-dropdown .drop-column>a{
display:grid!important;
grid-template-columns:30px minmax(0,1fr)!important;
align-items:center!important;
gap:9px!important;
width:100%!important;
min-width:0!important;
min-height:43px!important;
padding:6px 8px!important;
margin:1px 0!important;
border:0!important;
border-radius:8px!important;
background:transparent!important;
color:#fff!important;
overflow:hidden!important;
}
.premium-dropdown .drop-column>a:hover,
.premium-dropdown .drop-column>a:focus-visible{background:rgba(42,127,244,.13)!important}
.premium-dropdown .drop-icon{
width:30px!important;height:30px!important;
display:grid!important;place-items:center!important;
border-radius:8px!important;
background:#eef5ff!important;
color:#086cf0!important;
font-size:11px!important;
}
.premium-dropdown .drop-column a>span:last-child{min-width:0!important;overflow:hidden!important}
.premium-dropdown .drop-column a b{
display:block!important;
overflow:hidden!important;text-overflow:ellipsis!important;
font-size:11.5px!important;line-height:1.18!important;color:#fff!important;
}
.premium-dropdown .drop-column a small{
display:block!important;
overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
margin-top:2px!important;font-size:9.5px!important;line-height:1.2!important;color:#9fb5d6!important;
}
.premium-dropdown>.dropdown-callout{display:none!important}
.navigation .chevron{flex:0 0 16px!important;margin-left:10px!important}
.nav-cta{
width:100%!important;height:46px!important;min-height:46px!important;
margin:4px 0 0!important;padding:0 13px!important;
border-radius:10px!important;font-size:12px!important;justify-content:space-between!important;
}
/* Compact mobile content; no oversized titles or cards. */
.destination-hero{padding:82px 0 25px!important}
.dest-grid{gap:15px!important}
.dest-copy h1{font-size:clamp(27px,7.6vw,34px)!important;line-height:1.07!important;margin:5px 0 9px!important}
.dest-copy>p{font-size:12px!important;line-height:1.52!important}
.dest-actions{margin-top:12px!important}
.dest-actions .button{min-height:42px!important;padding:9px 11px!important;font-size:10.8px!important}
.dest-panel{padding:15px!important;border-radius:15px!important}
.dest-panel h3{font-size:18px!important}.dest-panel p{font-size:11px!important;line-height:1.5!important}
.dest-body{padding:28px 0!important}
.dest-intro h2,.site-main section:not(.hero):not(.hero-stats) h2{font-size:21px!important;line-height:1.16!important}
.site-main section:not(.hero):not(.hero-stats) h3{font-size:15px!important;line-height:1.22!important}
.site-main section:not(.hero):not(.hero-stats) p{font-size:12px!important;line-height:1.52!important}
.dest-card{padding:14px!important;min-height:0!important}.dest-card h3{font-size:15px!important}.dest-card p{font-size:11.5px!important}
.dest-feature{padding:16px!important;margin-top:22px!important}.feature-list div{font-size:11.5px!important}
.dest-bottom-cta{padding:27px 0!important}.dest-bottom-cta h2{font-size:21px!important}
}
@media(max-width:600px){
.container{width:calc(100% - 24px)!important}
.navigation{padding-left:12px!important;padding-right:12px!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{height:46px!important;min-height:46px!important;font-size:13px!important}
.navigation>.nav-item>.dropdown,.navigation>.nav-item>.premium-dropdown,.navigation>.nav-item>.products-dropdown{max-height:44dvh!important}
.premium-dropdown .drop-column a small{font-size:9px!important}
.site-main.home .hero.hero-slideshow{height:430px!important;min-height:430px!important}
.site-main.home .hero-copy h1{font-size:28px!important}
.site-main.home .hero-copy .hero-description{font-size:11.7px!important}
.hero-stats-grid.single-count{grid-template-columns:1fr!important;max-width:100%!important}
.hero-stats-grid.single-count .hero-stat{min-height:62px!important;padding:10px 14px!important}
.hero-stats-grid.single-count .hero-stat strong{font-size:21px!important}
#contactForm{grid-template-columns:1fr!important}
#contactForm .full{grid-column:auto!important}
#contactForm label{font-size:11.5px!important}
#contactForm input,#contactForm textarea{font-size:13px!important}
}
/* =========================================================
AIZENEXA V21 — AUTHORITATIVE PREMIUM NAVIGATION
Restores the premium desktop dropdown composition while keeping
mobile navigation inside the viewport with clear icon/text spacing.
========================================================= */
@media (min-width:1025px){
.navigation>.nav-item{position:relative!important}
.navigation>.nav-item>.dropdown,
.navigation>.nav-item>.premium-dropdown,
.navigation>.nav-item>.products-dropdown{
position:fixed!important;
left:50%!important;
right:auto!important;
top:76px!important;
width:min(840px,calc(100vw - 40px))!important;
max-width:calc(100vw - 40px)!important;
min-width:0!important;
height:auto!important;
max-height:calc(100dvh - 96px)!important;
margin:0!important;
padding:0!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) 235px!important;
grid-template-rows:auto!important;
gap:0!important;
overflow-x:hidden!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
border:1px solid #cfdcf0!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 30px 80px rgba(2,22,65,.24),0 8px 24px rgba(2,22,65,.10)!important;
transform:translateX(-50%) translateY(7px)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
z-index:5200!important;
transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}
.navigation>.nav-item:hover>.dropdown,
.navigation>.nav-item:focus-within>.dropdown,
.navigation>.nav-item.dropdown-open>.dropdown,
.navigation>.nav-item.dropdown-active>.dropdown,
.navigation>.nav-item.dropdown-pinned>.dropdown,
.navigation>.nav-item:hover>.premium-dropdown,
.navigation>.nav-item:focus-within>.premium-dropdown,
.navigation>.nav-item.dropdown-open>.premium-dropdown,
.navigation>.nav-item.dropdown-active>.premium-dropdown,
.navigation>.nav-item.dropdown-pinned>.premium-dropdown{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
transform:translateX(-50%) translateY(0)!important;
}
.mobile-menu-overview{display:none!important;grid-column:auto!important;grid-row:auto!important}
.premium-dropdown>.drop-column{
grid-row:1!important;
min-width:0!important;
padding:20px 18px 18px!important;
margin:0!important;
background:#fff!important;
border:0!important;
}
.premium-dropdown>.drop-column:nth-of-type(1){grid-column:1!important}
.premium-dropdown>.drop-column:nth-of-type(2){grid-column:2!important;border-left:1px solid #edf2f9!important}
.premium-dropdown>.dropdown-callout{
grid-column:3!important;
grid-row:1!important;
min-width:0!important;
min-height:100%!important;
align-self:stretch!important;
position:sticky!important;
top:0!important;
margin:0!important;
padding:23px 20px!important;
border:0!important;
border-radius:0 17px 17px 0!important;
background:linear-gradient(145deg,#0b72ed,#2b91ef)!important;
color:#fff!important;
}
.premium-dropdown .drop-heading{
margin:0 0 9px!important;
padding:0 0 8px!important;
border-bottom:1px solid #e7eef8!important;
color:#0c1c40!important;
font-size:12px!important;
line-height:1.2!important;
font-weight:800!important;
}
.premium-dropdown .drop-column>a{
display:grid!important;
grid-template-columns:34px minmax(0,1fr)!important;
gap:10px!important;
align-items:center!important;
width:100%!important;
min-width:0!important;
min-height:46px!important;
margin:0!important;
padding:7px 7px!important;
border:0!important;
border-radius:10px!important;
background:transparent!important;
white-space:normal!important;
overflow:hidden!important;
}
.premium-dropdown .drop-column>a:hover,
.premium-dropdown .drop-column>a:focus-visible{background:#f1f6ff!important;color:#075ed7!important}
.premium-dropdown .drop-icon{
width:34px!important;height:34px!important;flex:0 0 34px!important;
display:grid!important;place-items:center!important;
border-radius:9px!important;
background:#edf5ff!important;
color:#0a73f5!important;
font-size:11px!important;font-weight:800!important;
}
.premium-dropdown .drop-column a>span:last-child{min-width:0!important;overflow:hidden!important}
.premium-dropdown .drop-column a b{
display:block!important;
color:#102144!important;
font-size:12px!important;
line-height:1.22!important;
font-weight:750!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.premium-dropdown .drop-column a small{
display:block!important;
margin-top:2px!important;
color:#697891!important;
font-size:9.5px!important;
line-height:1.25!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.premium-dropdown>.dropdown-callout>span{color:#d9ecff!important;font-size:9px!important;font-weight:800!important;letter-spacing:.15em!important}
.premium-dropdown>.dropdown-callout h3{color:#fff!important;font-size:20px!important;line-height:1.08!important;margin:10px 0 8px!important}
.premium-dropdown>.dropdown-callout p{color:#eaf4ff!important;font-size:10.5px!important;line-height:1.5!important;margin:0 0 14px!important}
.premium-dropdown>.dropdown-callout>a{
display:flex!important;align-items:center!important;justify-content:space-between!important;
min-height:38px!important;padding:9px 12px!important;border-radius:999px!important;
background:#fff!important;color:#0664de!important;font-size:10.5px!important;font-weight:800!important;
}
}
@media (max-width:1024px){
.navigation{
display:none!important;
position:fixed!important;
inset:64px 0 0 0!important;
width:100%!important;
height:calc(100dvh - 64px)!important;
max-height:none!important;
padding:12px 14px max(24px,env(safe-area-inset-bottom))!important;
margin:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
flex-direction:column!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:7px!important;
background:linear-gradient(180deg,#03143a 0%,#061d50 100%)!important;
z-index:5100!important;
}
.navigation.open{display:flex!important}
.navigation>.nav-link,
.navigation>.nav-item{width:100%!important;min-width:0!important;height:auto!important;margin:0!important;position:static!important}
.navigation>.nav-link,
.navigation>.nav-item>.nav-link{
width:100%!important;
min-height:48px!important;
height:48px!important;
padding:0 13px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
border:1px solid rgba(152,188,238,.13)!important;
border-radius:10px!important;
background:rgba(255,255,255,.02)!important;
color:#fff!important;
font-size:13.5px!important;
line-height:1.2!important;
font-weight:700!important;
}
.navigation>.nav-item>.dropdown,
.navigation>.nav-item>.premium-dropdown,
.navigation>.nav-item>.products-dropdown{
position:static!important;
inset:auto!important;
left:auto!important;right:auto!important;top:auto!important;
transform:none!important;
display:none!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:auto!important;
max-height:min(52dvh,420px)!important;
margin:5px 0 1px!important;
padding:8px!important;
overflow-y:auto!important;
overflow-x:hidden!important;
grid-template-columns:1fr!important;
grid-template-rows:auto!important;
gap:4px!important;
border:1px solid rgba(128,174,238,.16)!important;
border-radius:12px!important;
background:#071c49!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
.navigation>.nav-item.dropdown-open>.dropdown,
.navigation>.nav-item.dropdown-open>.premium-dropdown,
.navigation>.nav-item.dropdown-open>.products-dropdown{display:block!important}
.mobile-menu-overview{
display:flex!important;
width:100%!important;
min-height:38px!important;
margin:0 0 5px!important;
padding:8px 11px!important;
align-items:center!important;
justify-content:space-between!important;
border-radius:8px!important;
background:#0b73f6!important;
color:#fff!important;
font-size:11.5px!important;
font-weight:750!important;
}
.premium-dropdown>.drop-column{display:block!important;width:100%!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
.premium-dropdown .drop-heading{display:none!important}
.premium-dropdown .drop-column>a{
display:grid!important;
grid-template-columns:38px minmax(0,1fr)!important;
column-gap:12px!important;
align-items:center!important;
width:100%!important;
min-width:0!important;
min-height:48px!important;
padding:7px 9px!important;
margin:2px 0!important;
border:0!important;
border-radius:9px!important;
background:transparent!important;
color:#fff!important;
overflow:hidden!important;
}
.premium-dropdown .drop-column>a:hover,
.premium-dropdown .drop-column>a:focus-visible{background:rgba(42,127,244,.14)!important}
.premium-dropdown .drop-icon{
width:36px!important;height:36px!important;flex:0 0 36px!important;
display:grid!important;place-items:center!important;
margin:0!important;
border-radius:9px!important;
background:#eef5ff!important;
color:#086cf0!important;
font-size:11px!important;
}
.premium-dropdown .drop-column a>span:last-child{min-width:0!important;padding-left:0!important;overflow:hidden!important}
.premium-dropdown .drop-column a b{display:block!important;color:#fff!important;font-size:12px!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.premium-dropdown .drop-column a small{display:block!important;margin-top:2px!important;color:#9fb5d6!important;font-size:9.5px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.premium-dropdown>.dropdown-callout{display:none!important}
.navigation .chevron{flex:0 0 18px!important;margin-left:12px!important}
.nav-cta{width:100%!important;min-height:46px!important;height:46px!important;margin:3px 0 0!important;padding:0 14px!important;border-radius:10px!important;font-size:12px!important}
}
@media (max-width:600px){
.navigation{padding-left:12px!important;padding-right:12px!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{font-size:13px!important}
.premium-dropdown .drop-column>a{grid-template-columns:36px minmax(0,1fr)!important;column-gap:11px!important;padding:7px 8px!important}
.premium-dropdown .drop-icon{width:34px!important;height:34px!important}
}
/* =========================================================
AIZENEXA V22 — COMPACT SCREEN-FIT UI
Final authoritative rules: viewport-safe dropdowns, tighter typography,
no counter block, and compact mobile spacing.
========================================================= */
.home-gradient-divider{
height:2px!important;
width:100%!important;
background:linear-gradient(90deg,transparent 0%,#0a72f6 22%,#45a9ff 50%,#0a72f6 78%,transparent 100%)!important;
opacity:.72!important;
margin:0!important;
padding:0!important;
}
.hero-stats,.counter-grid{display:none!important}
/* Smaller headings and tighter vertical rhythm site-wide. */
.site-main.home .hero.hero-slideshow{height:430px!important;min-height:430px!important}
.site-main.home .hero-copy{padding-top:10px!important;max-width:590px!important}
.site-main.home .hero-copy h1{font-size:clamp(30px,3.1vw,42px)!important;line-height:1.04!important;margin:5px 0 9px!important;letter-spacing:-.032em!important}
.site-main.home .hero-copy .hero-description{font-size:11.5px!important;line-height:1.48!important;max-width:560px!important;margin-bottom:12px!important}
.site-main.home .hero-buttons{margin-top:11px!important;gap:7px!important}
.site-main.home .hero-buttons .button{padding:9px 12px!important;font-size:10.5px!important}
.site-main.home .section-white,.site-main.home .ultra-home-story,.site-main.home .solutions,.site-main.home .success-section,.site-main.home .contact{padding-top:30px!important;padding-bottom:30px!important}
.site-main.home .why{padding:28px 0!important}
.destination-hero{padding:78px 0 30px!important;min-height:0!important}
.dest-grid{gap:24px!important}
.dest-copy h1{font-size:clamp(28px,3vw,40px)!important;line-height:1.06!important;margin:5px 0 9px!important;letter-spacing:-.028em!important}
.dest-copy>p{font-size:11.8px!important;line-height:1.5!important;max-width:620px!important}
.dest-actions{margin-top:12px!important;gap:7px!important}
.dest-actions .button,.button{padding:9px 12px!important;font-size:10.5px!important;gap:11px!important}
.dest-visual{min-height:170px!important}
.dest-panel{width:min(320px,92vw)!important;padding:16px!important;border-radius:15px!important}
.dest-panel h3{font-size:18px!important;margin:6px 0!important}.dest-panel p{font-size:10.8px!important;line-height:1.45!important}
.dest-body{padding:32px 0!important}.dest-intro{margin-bottom:18px!important}
.dest-intro h2,.site-main section:not(.hero):not(.hero-stats) h2{font-size:clamp(20px,2vw,27px)!important;line-height:1.16!important;margin-top:4px!important;margin-bottom:7px!important}
.site-main section:not(.hero):not(.hero-stats) h3{font-size:clamp(14px,1.3vw,17px)!important;line-height:1.22!important}
.site-main section:not(.hero):not(.hero-stats) p{font-size:11.5px!important;line-height:1.5!important}
.dest-cards{gap:8px!important}.dest-card{min-height:118px!important;padding:13px!important;border-radius:12px!important}
.dest-card-icon{width:31px!important;height:31px!important;border-radius:8px!important;font-size:12px!important}
.dest-card h3{font-size:14px!important;margin:7px 0 4px!important}.dest-card p{font-size:10.8px!important;line-height:1.46!important}
.dest-feature{margin-top:24px!important;padding:18px!important;gap:17px!important;border-radius:14px!important}
.dest-bottom-cta{padding:28px 0!important}
.heading{margin-bottom:15px!important}.heading h2{margin:2px 0 5px!important}
.service-grid,.product-cards,.industry-grid,.insight-grid,.ultra-home-story-grid{gap:8px!important}
.service-card{padding:11px!important;height:132px!important}.service-card h3{font-size:10.8px!important;margin-bottom:5px!important}.service-card p{font-size:8.8px!important;line-height:1.45!important}
@media (min-width:1025px){
/* Dropdowns are fixed to the viewport and JS clamps their horizontal position. */
.navigation>.nav-item>.dropdown,
.navigation>.nav-item>.premium-dropdown,
.navigation>.nav-item>.products-dropdown{
position:fixed!important;
left:12px!important;
right:auto!important;
top:81px!important;
transform:none!important;
width:min(720px,calc(100vw - 24px))!important;
max-width:calc(100vw - 24px)!important;
max-height:min(318px,calc(100dvh - 93px))!important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) 180px!important;
overflow-x:hidden!important;
overflow-y:auto!important;
gap:0!important;
border-radius:14px!important;
box-shadow:0 18px 44px rgba(2,22,65,.20),0 4px 12px rgba(2,22,65,.08)!important;
}
.navigation>.nav-item:hover>.dropdown,
.navigation>.nav-item:focus-within>.dropdown,
.navigation>.nav-item.dropdown-open>.dropdown,
.navigation>.nav-item.dropdown-active>.dropdown,
.navigation>.nav-item.dropdown-pinned>.dropdown{
transform:none!important;
}
.premium-dropdown>.drop-column{
padding:10px 8px!important;
}
.premium-dropdown>.drop-column:nth-of-type(2){
border-left:1px solid #edf2f8!important;
}
.premium-dropdown .drop-heading{
margin:0 0 4px!important;
padding:0 4px 5px!important;
font-size:10.5px!important;
line-height:1.15!important;
}
.premium-dropdown .drop-column>a{
grid-template-columns:30px minmax(0,1fr)!important;
gap:7px!important;
min-height:39px!important;
padding:4px!important;
border-radius:7px!important;
}
.premium-dropdown .drop-icon{
width:30px!important;height:30px!important;flex-basis:30px!important;
border-radius:7px!important;font-size:10px!important;
}
.premium-dropdown .drop-column a b{font-size:11px!important;line-height:1.14!important}
.premium-dropdown .drop-column a small{font-size:8.6px!important;line-height:1.15!important;margin-top:1px!important}
.premium-dropdown>.dropdown-callout{
padding:14px 13px!important;
border-radius:0 13px 13px 0!important;
position:static!important;
}
.premium-dropdown>.dropdown-callout>span{font-size:7.8px!important;letter-spacing:.13em!important}
.premium-dropdown>.dropdown-callout h3{font-size:17px!important;line-height:1.06!important;margin:6px 0!important}
.premium-dropdown>.dropdown-callout p{font-size:9px!important;line-height:1.38!important;margin:0 0 9px!important}
.premium-dropdown>.dropdown-callout>a{min-height:32px!important;padding:7px 9px!important;font-size:9px!important}
}
@media (max-width:1024px){
.navigation{gap:3px!important;padding-top:8px!important}
.navigation>.nav-link,.navigation>.nav-item>.nav-link{
height:42px!important;min-height:42px!important;padding:0 10px!important;
border-radius:8px!important;font-size:12.5px!important;
}
.navigation>.nav-item>.dropdown,
.navigation>.nav-item>.premium-dropdown,
.navigation>.nav-item>.products-dropdown{
margin:3px 0 1px!important;
padding:5px!important;
max-height:min(48dvh,360px)!important;
gap:0!important;
border-radius:9px!important;
}
.premium-dropdown .drop-column>a{
grid-template-columns:34px minmax(0,1fr)!important;
column-gap:10px!important;
min-height:43px!important;
padding:5px 7px!important;
margin:0!important;
border-radius:7px!important;
}
.premium-dropdown .drop-icon{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:7px!important}
.premium-dropdown .drop-column a b{font-size:11.2px!important;line-height:1.16!important}
.premium-dropdown .drop-column a small{font-size:9px!important;line-height:1.18!important;margin-top:1px!important}
.navigation .chevron{
width:34px!important;height:34px!important;flex:0 0 34px!important;
display:grid!important;place-items:center!important;margin-right:-7px!important;margin-left:8px!important;
border-radius:7px!important;
}
.navigation .chevron:active{background:rgba(40,132,255,.18)!important}
.site-main.home .hero.hero-slideshow{height:390px!important;min-height:390px!important}
.site-main.home .hero-copy h1{font-size:clamp(27px,6vw,34px)!important}
.destination-hero{padding:70px 0 22px!important}
.dest-copy h1{font-size:clamp(25px,6vw,32px)!important}
.dest-copy>p{font-size:11.2px!important}
.site-main section:not(.hero):not(.hero-stats) h2{font-size:19px!important}
.site-main section:not(.hero):not(.hero-stats) h3{font-size:13.5px!important}
.site-main section:not(.hero):not(.hero-stats) p{font-size:11px!important;line-height:1.48!important}
}
@media (max-width:480px){
.site-main.home .hero.hero-slideshow{height:360px!important;min-height:360px!important}
.site-main.home .hero-copy h1{font-size:26px!important}
.destination-hero{padding:68px 0 20px!important}
.dest-copy h1{font-size:25px!important}
.dest-actions{grid-template-columns:1fr 1fr!important;gap:6px!important}
.dest-actions .button{padding:8px 9px!important;font-size:9.8px!important}
}
/* =========================================================
AIZENEXA V23 — MOBILE ACCORDION + RESTORED SLIDESHOW HEIGHT
Targeted override only: keep the V22 desktop design, make mobile
submenu discovery reliable, add icon/text breathing room, and restore
the slideshow height while keeping slideshow typography compact.
========================================================= */
/* Restore only the homepage slideshow height; typography stays compact. */
.site-main.home .hero.hero-slideshow{
height:500px!important;
min-height:500px!important;
}
.site-main.home .hero-copy{
max-width:560px!important;
padding-top:14px!important;
}
.site-main.home .hero-copy h1{
font-size:clamp(28px,2.8vw,36px)!important;
line-height:1.06!important;
letter-spacing:-.025em!important;
margin:5px 0 9px!important;
}
.site-main.home .hero-copy .hero-description{
max-width:535px!important;
font-size:11.2px!important;
line-height:1.48!important;
}
.site-main.home .hero-buttons .button{
font-size:10px!important;
padding:9px 12px!important;
}
@media (max-width:1024px){
/* Entire parent row is the accordion control on mobile/tablet. */
.navigation>.nav-item>.nav-link.has-dropdown{
cursor:pointer!important;
}
.navigation>.nav-item.dropdown-open>.nav-link.has-dropdown{
background:rgba(30,124,255,.12)!important;
border-color:rgba(82,157,255,.34)!important;
}
.navigation>.nav-item.dropdown-open>.nav-link.has-dropdown .chevron{
transform:rotate(180deg)!important;
}
.navigation .chevron{
transition:transform .2s ease,background .2s ease!important;
}
/* Keep every submenu physically inside the mobile drawer. */
.navigation>.nav-item>.dropdown,
.navigation>.nav-item>.premium-dropdown,
.navigation>.nav-item>.products-dropdown{
position:static!important;
inset:auto!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:5px 0 2px!important;
padding:7px!important;
max-height:min(52dvh,390px)!important;
overflow-x:hidden!important;
overflow-y:auto!important;
border-radius:10px!important;
}
.navigation>.nav-item.dropdown-open>.dropdown,
.navigation>.nav-item.dropdown-open>.premium-dropdown,
.navigation>.nav-item.dropdown-open>.products-dropdown{
display:block!important;
visibility:visible!important;
opacity:1!important;
pointer-events:auto!important;
}
/* Clear separation between submenu icon and text. */
.premium-dropdown>.drop-column{
width:100%!important;
margin:0!important;
padding:0!important;
}
.premium-dropdown .drop-column>a{
display:grid!important;
grid-template-columns:34px minmax(0,1fr)!important;
column-gap:15px!important;
align-items:center!important;
width:100%!important;
min-width:0!important;
min-height:46px!important;
padding:6px 9px!important;
margin:1px 0!important;
}
.premium-dropdown .drop-icon{
width:34px!important;
height:34px!important;
min-width:34px!important;
margin:0!important;
}
.premium-dropdown .drop-column a>span:last-child{
display:block!important;
min-width:0!important;
padding-left:0!important;
}
.premium-dropdown .drop-column a b{
font-size:11.4px!important;
line-height:1.18!important;
}
.premium-dropdown .drop-column a small{
margin-top:2px!important;
font-size:9.1px!important;
line-height:1.2!important;
}
.site-main.home .hero.hero-slideshow{
height:470px!important;
min-height:470px!important;
}
.site-main.home .hero-copy h1{
font-size:clamp(25px,5.4vw,30px)!important;
line-height:1.07!important;
}
.site-main.home .hero-copy .hero-description{
font-size:10.8px!important;
}
}
@media (max-width:600px){
.navigation>.nav-item>.dropdown,
.navigation>.nav-item>.premium-dropdown,
.navigation>.nav-item>.products-dropdown{
padding:6px!important;
max-height:48dvh!important;
}
.premium-dropdown .drop-column>a{
grid-template-columns:32px minmax(0,1fr)!important;
column-gap:14px!important;
min-height:44px!important;
padding:6px 8px!important;
}
.premium-dropdown .drop-icon{
width:32px!important;
height:32px!important;
min-width:32px!important;
}
}
@media (max-width:480px){
.site-main.home .hero.hero-slideshow{
height:440px!important;
min-height:440px!important;
}
.site-main.home .hero-copy h1{
font-size:24px!important;
line-height:1.08!important;
}
.site-main.home .hero-copy .hero-description{
font-size:10.5px!important;
line-height:1.45!important;
}
.site-main.home .hero-buttons .button{
font-size:9.6px!important;
padding:8px 10px!important;
}
}
/* =========================================================
AIZENEXA V24 — MOBILE SUBMENU SPACING + SLIDESHOW IMAGE FIT
Final targeted overrides. Keep V23 slideshow heights, ensure the
background fills that height, and give mobile submenu icons/text
independent columns with visible breathing room.
========================================================= */
/* Fill the complete slideshow canvas without leaving side gutters. */
.site-main.home .hero-slides,
.site-main.home .hero-slide{
width:100%!important;
height:100%!important;
}
.site-main.home .hero-slide,
.site-main.home .hero-slide-dashboard{
background-size:cover!important;
background-position:center center!important;
background-repeat:no-repeat!important;
}
@media (max-width:1024px){
/* A real icon column + a separate text column. These selectors are
intentionally more specific than older mobile-menu rules. */
.navigation > .nav-item > .premium-dropdown .drop-column > a{
display:grid!important;
grid-template-columns:38px minmax(0,1fr)!important;
column-gap:18px!important;
align-items:center!important;
width:100%!important;
min-width:0!important;
padding:8px 12px!important;
margin:2px 0!important;
overflow:hidden!important;
}
.navigation > .nav-item > .premium-dropdown .drop-column > a > .drop-icon{
display:grid!important;
width:34px!important;
height:34px!important;
min-width:34px!important;
max-width:34px!important;
margin:0!important;
padding:0!important;
justify-self:start!important;
align-self:center!important;
transform:none!important;
}
.navigation > .nav-item > .premium-dropdown .drop-column > a > span:not(.drop-icon){
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
width:auto!important;
min-width:0!important;
margin:0!important;
padding:0!important;
transform:none!important;
overflow:hidden!important;
}
.navigation > .nav-item > .premium-dropdown .drop-column > a b,
.navigation > .nav-item > .premium-dropdown .drop-column > a small{
margin-left:0!important;
padding-left:0!important;
transform:none!important;
}
.site-main.home .hero-slide,
.site-main.home .hero-slide-dashboard{
background-size:cover!important;
background-position:center center!important;
}
}
@media (max-width:600px){
.navigation > .nav-item > .premium-dropdown .drop-column > a{
grid-template-columns:36px minmax(0,1fr)!important;
column-gap:17px!important;
padding:8px 10px!important;
}
.navigation > .nav-item > .premium-dropdown .drop-column > a > .drop-icon{
width:32px!important;
height:32px!important;
min-width:32px!important;
max-width:32px!important;
}
}
/* =========================================================
AIZENEXA V25 — USER-SUPPLIED BRAND ASSET
Uses the supplied 1672×941 AIZENEXA artwork as-is. Sizes are
tuned to its taller stacked lockup so it stays readable without
changing the source image.
========================================================= */
.header .logo{
width:160px!important;
height:58px!important;
flex:0 0 160px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
background:#000!important;
border-radius:7px!important;
}
.header .logo img{
width:160px!important;
height:58px!important;
object-fit:contain!important;
object-position:center!important;
mix-blend-mode:normal!important;
filter:none!important;
transform:scale(1.15)!important;
transform-origin:center!important;
}
/* The supplied artwork already has a black presentation canvas. */
.original-logo-frame{
width:min(360px,78vw)!important;
aspect-ratio:1672 / 941!important;
height:auto!important;
padding:0!important;
margin-bottom:18px!important;
background:#000!important;
border:1px solid rgba(106,166,255,.22)!important;
border-radius:14px!important;
overflow:hidden!important;
box-shadow:0 18px 55px rgba(0,0,0,.22)!important;
}
.original-logo-frame img{
display:block!important;
width:100%!important;
height:100%!important;
max-height:none!important;
object-fit:contain!important;
object-position:center!important;
mix-blend-mode:normal!important;
filter:none!important;
transform:none!important;
margin:0!important;
}
.loader-inner img{mix-blend-mode:normal!important;filter:none!important}
footer .footer-brand img{
width:210px!important;
height:118px!important;
object-fit:contain!important;
object-position:center!important;
mix-blend-mode:normal!important;
filter:none!important;
background:#000!important;
border-radius:10px!important;
}
@media(max-width:1024px){
.header .logo{
width:148px!important;
height:58px!important;
flex-basis:148px!important;
}
.header .logo img{
width:148px!important;
height:58px!important;
transform:scale(1.15)!important;
}
}
@media(max-width:600px){
.header .logo{
width:140px!important;
height:56px!important;
flex-basis:140px!important;
}
.header .logo img{
width:140px!important;
height:56px!important;
transform:scale(1.15)!important;
}
footer .footer-brand img{
width:180px!important;
height:101px!important;
}
.original-logo-frame{width:min(310px,82vw)!important}
}
/* =========================================================
AIZENEXA V30 — FULL SLIDESHOW IMAGE + PAGE VIEW COUNTER
========================================================= */
.site-main.home .hero-slides{background:#020d2d!important}
.site-main.home .hero-slide,
.site-main.home .hero-slide-dashboard{
background-size:contain!important;
background-repeat:no-repeat!important;
background-position:center center!important;
background-color:#020d2d!important;
transform:none!important;
}
.site-main.home .hero-slide.is-active{transform:none!important}
.page-visit-count{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10.5px;color:rgba(255,255,255,.72)}
.page-visit-count::before{content:"◉";font-size:8px;color:#4ea7ff}
@media(max-width:1024px){
.site-main.home .hero-slide,.site-main.home .hero-slide-dashboard{background-size:contain!important;background-position:center center!important}
}
@media(max-width:600px){.page-visit-count{font-size:9.5px}}
/* =========================================================
AIZENEXA V31 — SESSION VISITORS + FULL HERO ARTWORK
Desktop slideshow follows the source image ratio closely and
stretches the background to the slide bounds, so no source
artwork is cropped. Mobile keeps contain to avoid distortion.
========================================================= */
.site-main.home .hero.hero-slideshow{
height:clamp(500px,34.53vw,660px)!important;
min-height:500px!important;
max-height:660px!important;
overflow:hidden!important;
background:#020d2d!important;
}
.site-main.home .hero-slides{
position:absolute!important;
inset:0!important;
overflow:hidden!important;
background:#020d2d!important;
}
.site-main.home .hero-slide,
.site-main.home .hero-slide-dashboard{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
background-size:100% 100%!important;
background-repeat:no-repeat!important;
background-position:center center!important;
background-color:#020d2d!important;
transform:none!important;
}
.site-main.home .hero-slide.is-active{transform:none!important}
@media(max-width:1024px){
.site-main.home .hero.hero-slideshow{
height:500px!important;
min-height:500px!important;
max-height:none!important;
}
.site-main.home .hero-slide,
.site-main.home .hero-slide-dashboard{
background-size:contain!important;
background-position:center center!important;
}
}
@media(max-width:600px){
.site-main.home .hero.hero-slideshow{
height:440px!important;
min-height:440px!important;
}
.site-main.home .hero-slide,
.site-main.home .hero-slide-dashboard{
background-size:contain!important;
background-position:center center!important;
}
}
/* =========================================================
AIZENEXA V33 — SECURITY-SAFE CMS PRESENTATION CLASSES
CMS HTML no longer accepts arbitrary inline style attributes.
========================================================= */
.site-main.home .hero-slide-hero-primary,
.site-main.home .hero-slide-hero-secondary{
background-image:url('/assets/hero.jpg')!important;
}
.site-main.home .hero-slide-dashboard{
background-image:url('/assets/dashboard.jpg')!important;
}
.dest-intro-emphasis{
margin:12px auto 0!important;
font-size:clamp(36px,4.2vw,56px)!important;
letter-spacing:-.04em!important;
}
.error-page-section{padding:120px 20px!important}
.contact-captcha-image{display:block;width:190px;max-width:100%;height:62px;object-fit:contain;border-radius:8px;background:#f4f7fb}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}