html{overflow-x:clip!important}
body{overflow-x:clip!important}
.leadNav-Main-Large{position:sticky!important;top:0!important;z-index:9999!important;background:#fff!important;box-shadow:0 2px 8px #0000000f!important;width:100%!important;transform:none!important;opacity:1!important;visibility:visible!important;transition:box-shadow .3s ease!important;animation:none!important}
.leadNav-Main-Large.nav-hide,.leadNav-Main-Large.nav-top,.leadNav-Main-Large.nav-compact,.leadNav-Main-Large.nav-show,.leadNav-Main-Large.nav-slide-in{transform:none!important;opacity:1!important;visibility:visible!important;position:sticky!important;animation:none!important}
.leadNav-Main-Large.nav-slide-in,.leadNav-Main-Large.scrolled{box-shadow:0 4px 16px #0000001a!important}
@media (min-width: 992px) {
body{padding-top:0!important}
.gn-landing-wrapper{padding-top:0!important}
}
@media (max-width: 991px) {
.leadNav-Main-Large{position:fixed!important;top:0!important;left:0!important;right:0!important}
body{padding-top:70px!important}
.gn-landing-wrapper{padding-top:0!important}
}

@media (max-width:768px){
.gn-panorama-frame{aspect-ratio:16/13!important}
.gn-panorama-captions{grid-template-columns:1fr!important;gap:12px!important;padding:18px 20px!important}
.partner-slider-sectionField{padding:50px 0 60px!important}
.Trustedbyagil-heading{font-size:1.5rem!important;margin-bottom:2rem!important}
.partner-imgmain{width:120px!important;height:40px!important}
}

@media (max-width:520px){
.Trustedbyagil-heading{font-size:1.25rem!important}
.partner-imgmain{width:100px!important;height:35px!important}
}

@media (max-width:991px){
.gn-workflow-wrap{grid-template-columns:1fr!important}
.gn-analytics-wrap{grid-template-columns:1fr!important}
.gn-trust-wrap{grid-template-columns:1fr!important}
.gn-compare{grid-template-columns:1fr!important}
.gn-stats-grid{grid-template-columns:1fr 1fr!important}
.gn-industries-grid{grid-template-columns:1fr 1fr!important}
.gn-section{padding:60px 0!important}
.gn-hero{padding:48px 0 30px!important}
.gn-ihero{padding:48px 0 30px!important}
.gn-ihero + section.gn-section{padding-top:48px!important}
}

@media (max-width:768px){
.gn-hero-inner{gap:36px!important}
.gn-hero h1{font-size:30px!important;max-width:none!important}
.gn-hero p.gn-lede{font-size:16px!important}
.gn-hero-ctas{justify-content:center!important}
.gn-lifecycle{grid-template-columns:1fr!important}
.gn-industries-grid{grid-template-columns:1fr 1fr!important}
.gn-workflow-rail{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:8px!important}
/* The progress line/tail/end-dot are positioned with JS-measured
   vertical (top/height) coordinates for the desktop rail's stacked
   layout - on this horizontal scrollable pill row those coordinates
   are meaningless (every step sits at roughly the same Y), which made
   the line render as a near-invisible sliver totally disconnected from
   where the steps actually are. The step pills' own is-active style is
   the feedback here instead. */
.gn-rail-track,.gn-rail-fill,.gn-rail-end{display:none!important}
.gn-rail-step{flex:0 0 auto!important;width:auto!important;padding:8px 14px!important;min-height:0!important}
.gn-rail-text span{display:none!important}
.gn-workflow-visual-channels{justify-content:center!important}
}

@media (max-width:520px){
.gn-field-row{grid-template-columns:1fr!important}
.gn-field{border-right:none!important;border-bottom:1px solid var(--gn-border)}
.gn-field-row:last-child .gn-field:last-child{border-bottom:none}
.gn-wrap{padding:0 18px!important}
.gn-stats-grid{grid-template-columns:1fr!important;padding:0 18px!important}
.gn-industries-grid{grid-template-columns:1fr!important}
}