/* NGKL V11 — clean production pass: reference-aligned header, mega menu and hero */
:root{--blue:#087df2;--navy:#0a2f57;--text:#173a5d;--muted:#5f7690}
html,body{margin:0;overflow-x:hidden}
.header.enterprise-header{height:92px!important;position:sticky!important;top:0!important;z-index:100!important;background:#fff!important;border-bottom:1px solid #e8eef4!important;box-shadow:0 2px 16px rgba(8,35,63,.045)!important}
.enterprise-header .nav{height:92px!important;width:min(1380px,calc(100% - 56px))!important;max-width:none!important;gap:24px!important}
.enterprise-header .brand{flex:0 0 250px!important}
.enterprise-header .brand img{width:205px!important;height:88px!important;object-fit:contain!important;object-position:left center!important}
.enterprise-header .menu{display:flex!important;align-items:stretch!important;justify-content:flex-end!important;gap:2px!important;flex:1!important}
.enterprise-header .nav-link{font-family:'Manrope',sans-serif!important;font-size:15px!important;font-weight:650!important;color:#173a5d!important;padding:31px 15px 28px!important;background:transparent!important;border:0!important;border-radius:0!important;white-space:nowrap!important}
.enterprise-header .nav-link:after{left:15px!important;right:15px!important;bottom:17px!important;height:2px!important;background:var(--blue)!important}
.enterprise-header .nav-link:hover,.enterprise-header .nav-link.active,.enterprise-header .nav-drop:hover>.nav-trigger,.enterprise-header .nav-drop.open>.nav-trigger{color:var(--blue)!important;background:transparent!important}
.enterprise-header .nav-trigger .chevron{display:none!important}
.nav-actions{display:flex!important;align-items:center!important;gap:12px!important}
.enterprise-header .search-trigger{width:42px!important;height:42px!important;margin-left:4px!important;color:#123958!important}
.enterprise-header .nav-cta{background:var(--blue)!important;color:#fff!important;border-radius:999px!important;padding:15px 24px!important;font:800 13px 'Manrope',sans-serif!important;box-shadow:0 8px 24px rgba(8,125,242,.18)!important;white-space:nowrap!important}
/* Desktop mega menu: centered to viewport, 3 columns, no image/card. */
.enterprise-header .nav-drop{position:static!important}
.enterprise-header .mega-menu{position:fixed!important;top:92px!important;left:50%!important;transform:translate(-50%,-8px)!important;width:min(1180px,calc(100vw - 48px))!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:300px 1fr 1fr!important;gap:0!important;padding:30px 32px!important;background:#fff!important;border:1px solid #e2eaf2!important;border-top:2px solid var(--blue)!important;border-radius:0 0 20px 20px!important;box-shadow:0 24px 60px rgba(7,37,68,.15)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important;z-index:150!important;max-height:calc(100vh - 108px)!important;overflow:auto!important}
.enterprise-header .nav-drop:hover>.mega-menu,.enterprise-header .nav-drop.open>.mega-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
.enterprise-header .mega-menu:before{display:none!important}
.mega-intro{padding:2px 30px 4px 0!important;border-right:1px solid #e4ebf2!important}
.mega-intro strong{display:block!important;font:800 29px/1.13 'Plus Jakarta Sans',sans-serif!important;letter-spacing:-.04em!important;color:var(--navy)!important}
.mega-intro p{font:500 14px/1.65 'Manrope',sans-serif!important;color:#647b92!important;margin:15px 0 20px!important}
.mega-intro small{display:block!important;font:800 11px 'Manrope',sans-serif!important;letter-spacing:.2em!important;color:var(--blue)!important;margin-bottom:13px!important}
.mega-intro>a{font:800 13px 'Manrope',sans-serif!important;color:var(--blue)!important}
.mega-column{padding:2px 30px!important;border-right:1px solid #e4ebf2!important}
.mega-column:last-child{border-right:0!important}
.mega-group+ .mega-group{margin-top:28px!important}
.mega-group h4{display:flex!important;align-items:center!important;font:800 16px/1.25 'Plus Jakarta Sans',sans-serif!important;color:var(--navy)!important;margin:0 0 12px!important}
.mega-group h4 i{display:inline-grid!important;place-items:center!important;width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:9px!important;background:#edf6ff!important;color:var(--blue)!important;font-style:normal!important;margin-right:10px!important}
.mega-group a{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:7px 0!important;font:600 13px/1.3 'Manrope',sans-serif!important;color:#526b85!important;text-decoration:none!important}
.mega-group a span{opacity:1!important;transform:none!important;color:#8ca3ba!important}
.mega-group a:hover{color:var(--blue)!important}
/* remove any remaining feature-card markup if inherited */
.enterprise-header .mega-feature,.enterprise-header .solution-feature{display:none!important}
/* Hero slider */
.hero{height:calc(100svh - 92px)!important;min-height:650px!important;max-height:820px!important;position:relative!important;display:block!important;overflow:hidden!important;background:#dbeeff!important}
.hero-slider,.hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.hero-slide{opacity:0!important;visibility:hidden!important;transform:scale(1.035)!important;transition:opacity .75s ease,transform 6.5s cubic-bezier(.2,.7,.2,1),visibility .75s!important}
.hero-slide.active{opacity:1!important;visibility:visible!important;transform:scale(1)!important}
.hero-slide img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
.hero-slide:after{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 30%,rgba(255,255,255,.50) 54%,rgba(255,255,255,.10) 79%,rgba(255,255,255,0) 100%)!important;z-index:1!important}
.hero .container.hero-copy{position:relative!important;z-index:3!important;width:min(1280px,calc(100% - 64px))!important;max-width:none!important;height:100%!important;margin:0 auto!important;padding:0!important;display:block!important}
.hero-copy{padding-top:clamp(105px,14vh,145px)!important}
.hero-copy>*{float:none!important;clear:both!important;position:relative!important;left:auto!important;right:auto!important;transform:none!important}
.hero-kicker{display:block!important;width:max-content!important;margin:0 0 18px!important;font:800 12px/1.4 'Manrope',sans-serif!important;letter-spacing:.24em!important;color:var(--blue)!important;text-transform:uppercase!important}
.hero h1{width:min(760px,100%)!important;max-width:760px!important;margin:0 0 22px!important;font:800 clamp(50px,5.3vw,78px)/1.01 'Plus Jakarta Sans',sans-serif!important;letter-spacing:-.065em!important;color:var(--navy)!important}
.hero h1 span{color:var(--navy)!important}
.hero p{width:min(620px,100%)!important;max-width:620px!important;margin:0 0 30px!important;font:500 18px/1.68 'Manrope',sans-serif!important;color:#41617f!important}
.hero .actions{display:flex!important;align-items:center!important;gap:12px!important;width:max-content!important;max-width:100%!important}
.hero .btn{border-radius:999px!important;padding:15px 24px!important;font:800 14px 'Manrope',sans-serif!important;text-decoration:none!important}
.hero .btn-primary{background:var(--blue)!important;color:#fff!important;border:1px solid var(--blue)!important}
.hero .btn-outline{background:rgba(255,255,255,.78)!important;color:var(--blue)!important;border:1px solid #9cc5eb!important}
.hero .trust{position:absolute!important;z-index:4!important;left:50%!important;bottom:26px!important;transform:translateX(-50%)!important;width:min(1280px,calc(100% - 64px))!important;margin:0!important;background:transparent!important}
.hero .trust-grid{display:flex!important;justify-content:flex-start!important;gap:0!important}
.hero .trust .stat{padding:0 28px!important;border-right:1px solid rgba(16,47,81,.22)!important}
.hero .trust .stat:first-child{padding-left:0!important}.hero .trust .stat:last-child{border-right:0!important}
.hero .trust .stat strong{display:block!important;font:800 28px/1 'Plus Jakarta Sans',sans-serif!important;color:var(--navy)!important}.hero .trust .stat span{display:block!important;margin-top:5px!important;font:600 11px/1.2 'Manrope',sans-serif!important;color:#45617d!important}
.hero-controls{z-index:6!important;right:4%!important;bottom:26px!important}.hero-dot{width:28px!important;height:3px!important;border-radius:3px!important;background:rgba(9,53,88,.25)!important}.hero-dot.active{background:var(--blue)!important}.hero-arrow{width:40px!important;height:40px!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;border:1px solid #c9dbea!important;color:var(--navy)!important}
/* Inner page header and first-section spacing */
.page-hero{min-height:270px!important;height:270px!important;box-sizing:border-box!important}
.page-hero:before{background:linear-gradient(90deg,rgba(6,31,56,.82),rgba(6,31,56,.42)),var(--bg) center/cover!important}
.page-hero .container{padding-top:0!important;padding-bottom:0!important}
.page-hero h1{font-size:clamp(42px,5vw,64px)!important}
.page-hero + .section{padding-top:20px!important}
.section{scroll-margin-top:100px}
/* contact route is deliberately prominent through every primary CTA */
@media(max-width:1120px){.enterprise-header .brand{flex-basis:190px!important}.enterprise-header .brand img{width:175px!important}.enterprise-header .nav-link{padding-left:9px!important;padding-right:9px!important;font-size:13px!important}.enterprise-header .mega-menu{width:calc(100vw - 32px)!important}}
@media(max-width:920px){.header.enterprise-header{height:74px!important}.enterprise-header .nav{height:74px!important;width:calc(100% - 30px)!important}.enterprise-header .brand{flex:1!important}.enterprise-header .brand img{width:145px!important;height:68px!important}.enterprise-header .menu{display:none!important;position:absolute!important;top:74px!important;left:0!important;right:0!important;height:auto!important;padding:12px 20px 22px!important;background:#fff!important;box-shadow:0 20px 40px rgba(0,0,0,.1)!important}.enterprise-header .menu.open{display:flex!important;flex-direction:column!important}.enterprise-header .nav-link{padding:13px 4px!important;text-align:left!important}.enterprise-header .nav-link:after{display:none!important}.enterprise-header .nav-drop{width:100%!important;position:relative!important}.enterprise-header .mega-menu{position:static!important;display:block!important;width:100%!important;max-height:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;transform:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:10px!important;grid-template-columns:1fr!important}.enterprise-header .nav-drop.open>.mega-menu{max-height:900px!important;opacity:1!important;visibility:visible!important;padding:8px!important}.mega-intro,.mega-column{border:0!important;padding:12px!important}.mega-group+ .mega-group{margin-top:20px!important}.hero{height:calc(100svh - 74px)!important;min-height:640px!important}.hero .container.hero-copy{width:calc(100% - 36px)!important}.hero-copy{padding-top:85px!important}.hero h1{font-size:clamp(44px,7.5vw,66px)!important}.hero p{font-size:16px!important;max-width:560px!important}.hero .trust{width:calc(100% - 36px)!important;bottom:18px!important}.hero .trust-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important}.hero .trust .stat{padding:0 12px!important}.hero-controls{right:3%!important}.page-hero{min-height:230px!important;height:230px!important}.page-hero + .section{padding-top:20px!important}}
@media(max-width:620px){.enterprise-header .nav-cta{padding:10px 14px!important;font-size:11px!important}.enterprise-header .brand img{width:125px!important}.hero-copy{padding-top:72px!important}.hero h1{font-size:46px!important}.hero .trust{display:none!important}.hero-slide:after{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.78) 68%,rgba(255,255,255,.15))!important}.page-hero{min-height:210px!important;height:210px!important}}


/* NGKL V12 — final correction pass based on the latest reference screenshots. */
@media (min-width:921px){
  .header.enterprise-header{height:84px!important;min-height:84px!important}
  .enterprise-header .nav{height:84px!important;align-items:center!important}
  .enterprise-header .brand{flex:0 0 220px!important;height:84px!important;display:flex!important;align-items:center!important}
  .enterprise-header .brand img{width:185px!important;height:76px!important;max-height:76px!important}
  .enterprise-header .menu{height:84px!important;align-items:center!important}
  .enterprise-header .nav-link{padding:30px 14px 27px!important;font-size:15px!important}
  .enterprise-header .nav-link:after{bottom:12px!important}
  .enterprise-header .nav-actions{height:84px!important}
  .enterprise-header .mega-menu{top:84px!important}
  .hero{height:calc(100svh - 84px)!important;min-height:620px!important;max-height:800px!important}

  /* The hero copy is vertically centered; it must never stick to the top edge. */
  .hero .container.hero-copy{height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:0!important}
  .hero-copy{padding-top:0!important}
  .hero-kicker{margin-bottom:16px!important}
  .hero h1{margin-bottom:20px!important}
  .hero p{margin-bottom:28px!important}

  /* Solutions has exactly 3 useful columns: intro + Digital Infrastructure + Security & Operations. */
  .enterprise-header .mega-solutions{grid-template-columns:300px 1fr 1fr!important}
  .enterprise-header .mega-solutions .mega-column{min-width:0!important}
  .enterprise-header .mega-solutions .mega-group{margin-top:0!important}
  .enterprise-header .mega-solutions .mega-group h4{margin-top:0!important}
}

/* Contact is a real primary navigation item; the CTA is the quote action. */
.enterprise-header .nav-cta{font-size:13px!important;padding:14px 23px!important}

@media(max-width:920px){
  .header.enterprise-header{height:74px!important}
  .enterprise-header .nav{height:74px!important}
  .enterprise-header .brand img{height:64px!important}
  .enterprise-header .mega-menu{top:74px!important}
  .hero{height:calc(100svh - 74px)!important}
  .hero .container.hero-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:0!important}
}
@media(max-width:620px){
  .header.enterprise-header{height:68px!important}
  .enterprise-header .nav{height:68px!important}
  .enterprise-header .mega-menu{top:68px!important}
  .hero{height:calc(100svh - 68px)!important}
  .hero .container.hero-copy{justify-content:center!important}
}