/*
 * Etelligens header — original Etelligens logo artwork with a structured,
 * enterprise mega-menu presentation tailored for the Etelligens website.
 * This stylesheet is intentionally scoped to .header-v3 so page layouts stay intact.
 */
:root{--header-h:104px!important}
.header-v3{
  position:fixed!important;
  inset:0 0 auto!important;
  z-index:1200!important;
  height:104px!important;
  padding:0!important;
  color:#0b1116!important;
  background:rgba(255,255,255,.98)!important;
  border:0!important;
  border-bottom:1px solid rgba(7,16,22,.12)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.header-v3:before{display:none!important}
.header-v3.scrolled,
.header-v3.mega-open{box-shadow:0 8px 30px rgba(7,16,22,.08)!important}
.header-v3 .nav{
  width:min(100% - 48px,1480px)!important;
  max-width:1480px!important;
  height:104px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
/* Keep the exact original vertical Etelligens logo. Only its display size changes. */
.header-v3 .brand{
  width:148px!important;
  min-width:148px!important;
  height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  z-index:3!important;
}
.header-v3 .brand-stack{
  width:140px!important;
  height:98px!important;
  display:grid!important;
  place-items:center start!important;
  overflow:visible!important;
}
.header-v3 .brand-stack img{
  grid-area:1/1!important;
  width:140px!important;
  height:98px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:none!important;
  filter:none!important;
}
.header-v3 .brand-stack .logo-dark,
.header-v3.is-dark .brand-stack .logo-dark{display:block!important}
.header-v3 .brand-stack .logo-light,
.header-v3.is-dark .brand-stack .logo-light{display:none!important}
.header-v3 .nav-links{
  height:104px!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
  font-family:Manrope,'DM Sans',Arial,sans-serif!important;
  font-size:16.75px!important;
  font-weight:800!important;
}
.header-v3 .nav-item{height:104px!important;display:flex!important;align-items:center!important}
.header-v3 .nav-links>a,
.header-v3 .nav-trigger{
  height:104px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0!important;
  border:0!important;
  color:#071016!important;
  background:transparent!important;
  font:800 16.75px/1 Manrope,'DM Sans',Arial,sans-serif!important;
  letter-spacing:-.012em!important;
  white-space:nowrap!important;
  transition:color .2s ease!important;
}
.header-v3 .nav-trigger span{font-size:15px!important;color:#41505a!important;transition:transform .2s ease!important}
.header-v3 .nav-links>a:after,
.header-v3 .nav-trigger:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:25px!important;
  height:2px!important;
  border-radius:0!important;
  background:#e56f61!important;
  transform:scaleX(0)!important;
  transform-origin:right!important;
  transition:transform .22s ease!important;
}
.header-v3 .nav-links>a:hover:after,
.header-v3 .nav-trigger:hover:after,
.header-v3 .has-mega.open>.nav-trigger:after{transform:scaleX(1)!important;transform-origin:left!important}
.header-v3 .nav-links>a:hover,
.header-v3 .nav-trigger:hover,
.header-v3 .has-mega.open>.nav-trigger{color:#008f91!important}
.header-v3 .nav-actions{display:flex!important;align-items:center!important;gap:10px!important;z-index:3!important}
.header-v3 .nav-actions .btn{
  min-height:48px!important;
  padding:15px 24px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid #071016!important;
  border-radius:0!important;
  background:#071016!important;
  color:#fff!important;
  box-shadow:none!important;
  font:800 15px/1 Manrope,'DM Sans',Arial,sans-serif!important;
  letter-spacing:.01em!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease!important;
}
.header-v3 .nav-actions .btn:hover{background:#13aeb0!important;border-color:#13aeb0!important;transform:none!important}
.header-v3 .nav-actions .arrow{color:#83eee1!important;font-size:15px!important}
.header-v3 .menu-toggle{display:none!important;width:48px!important;height:48px!important;border:1px solid #071016!important;border-radius:0!important;background:#071016!important}

/* Full-width enterprise mega menu. */
.header-v3 .mega{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:104px!important;
  width:100%!important;
  max-height:calc(100vh - 104px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border:0!important;
  border-top:1px solid rgba(7,16,22,.10)!important;
  border-bottom:1px solid rgba(7,16,22,.12)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 28px 65px rgba(7,16,22,.16)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-8px)!important;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease!important;
}
.header-v3 .has-mega.open .mega{opacity:1!important;visibility:visible!important;transform:none!important}
.header-v3 .mega-inner{
  width:min(100% - 64px,1400px)!important;
  max-width:1400px!important;
  margin:0 auto!important;
  padding:36px 0 0!important;
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:38px 54px!important;
}
.header-v3 .mega-intro{
  position:relative!important;
  top:auto!important;
  align-self:stretch!important;
  padding:4px 38px 32px 0!important;
  border-right:1px solid rgba(7,16,22,.13)!important;
}
.header-v3 .mega-intro .eyebrow{color:#00989a!important;font-size:11px!important;letter-spacing:.14em!important;font-weight:850!important}
.header-v3 .mega-intro h2{margin:16px 0 17px!important;font:750 29px/1.05 Manrope,'DM Sans',sans-serif!important;letter-spacing:-.045em!important;color:#071016!important}
.header-v3 .mega-intro p{margin:0 0 19px!important;color:#61707a!important;font-size:14px!important;line-height:1.6!important}
.header-v3 .mega-intro .text-link{display:inline-flex!important;color:#071016!important;font-size:13.5px!important;font-weight:850!important;border-bottom:1px solid #071016!important;padding-bottom:3px!important}
.header-v3 .mega-feature{margin-top:25px!important;padding-top:18px!important;border-top:1px solid rgba(7,16,22,.12)!important;display:grid!important;gap:8px!important}
.header-v3 .mega-feature b{color:#e36e61!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.14em!important}
.header-v3 .mega-feature a{color:#3d4b54!important;font-size:13px!important;font-weight:750!important}
.header-v3 .mega-feature a:hover{color:#008f91!important}
.header-v3 .mega-grid{align-content:start!important;display:grid!important;gap:24px 30px!important}
.header-v3 .services-grid{grid-template-columns:repeat(3,minmax(180px,1fr))!important}
.header-v3 .industries-mega-grid{grid-template-columns:repeat(3,minmax(180px,1fr))!important}
.header-v3 .tech-grid{grid-template-columns:repeat(4,minmax(150px,1fr))!important}
.header-v3 .company-mega-grid{grid-template-columns:minmax(260px,520px)!important;max-width:520px!important}
.header-v3 .mega-col h3{margin:0 0 12px!important;color:#00989a!important;font-size:10.5px!important;font-weight:850!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.header-v3 .mega-col a{padding:6.5px 0!important;color:#25323a!important;font-size:14.25px!important;line-height:1.42!important;font-weight:700!important;transition:color .18s ease,transform .18s ease!important}
.header-v3 .mega-col a:hover{color:#071016!important;transform:translateX(3px)!important}
.header-v3 .mega-col small{color:#e36e61!important}
.header-v3 .mega-callout{border-radius:0!important;background:#071016!important;padding:27px!important}
.header-v3 .mega-callout h3{font-size:24px!important;line-height:1.08!important;color:#fff!important}
.header-v3 .mega-callout p{font-size:13px!important;line-height:1.5!important}
.header-v3 .mega-callout .text-link{color:#83eee1!important}
.header-v3 .mega-footer{
  grid-column:1/-1!important;
  min-height:66px!important;
  margin-top:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  border-top:1px solid rgba(7,16,22,.13)!important;
  color:#3f4d56!important;
  font-size:13px!important;
}
.header-v3 .mega-footer a{display:inline-flex!important;align-items:center!important;gap:12px!important;color:#071016!important;font-weight:800!important}
.header-v3 .mega-footer a:hover{color:#00989a!important}
.header-v3 .mega-footer b{color:#e36e61!important}

/* Portfolio representation. */
.header-v3 .mega-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.header-v3 .mega-story-card{
  min-height:275px!important;
  padding:25px!important;
  display:flex!important;
  flex-direction:column!important;
  color:#071016!important;
  background:#e8faf7!important;
  border:1px solid rgba(7,16,22,.08)!important;
  text-decoration:none!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.header-v3 .mega-story-card.story-dark{background:#071016!important;color:#fff!important}
.header-v3 .mega-story-card.story-coral{background:#f6ddd6!important}
.header-v3 .mega-story-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 35px rgba(7,16,22,.13)!important}
.header-v3 .mega-story-card>span{font-size:9px!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:800!important;color:#008f91!important}
.header-v3 .mega-story-card.story-dark>span{color:#83eee1!important}
.header-v3 .mega-story-card strong{margin-top:50px!important;font:750 23px/1.08 Manrope,'DM Sans',sans-serif!important;letter-spacing:-.035em!important}
.header-v3 .mega-story-card p{margin:14px 0 20px!important;font-size:12px!important;line-height:1.5!important;color:inherit!important;opacity:.72!important}
.header-v3 .mega-story-card em{margin-top:auto!important;font-size:11px!important;font-style:normal!important;font-weight:800!important}

/* Resources / insights representation. */
.header-v3 .resource-grid{grid-template-columns:minmax(190px,.7fr) repeat(2,minmax(0,1fr))!important;gap:18px!important}
.header-v3 .resource-list{padding-right:20px!important}
.header-v3 .mega-insight-card{
  min-height:260px!important;
  padding:27px!important;
  display:flex!important;
  flex-direction:column!important;
  background:#f2f4f2!important;
  border:1px solid rgba(7,16,22,.09)!important;
  color:#071016!important;
  text-decoration:none!important;
  transition:background .2s ease,transform .2s ease!important;
}
.header-v3 .mega-insight-card.alt{background:#e8faf7!important}
.header-v3 .mega-insight-card:hover{background:#fff2ed!important;transform:translateY(-3px)!important}
.header-v3 .mega-insight-card>span{color:#e36e61!important;font-size:9px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-weight:850!important}
.header-v3 .mega-insight-card strong{margin:40px 0 13px!important;font:750 22px/1.1 Manrope,'DM Sans',sans-serif!important;letter-spacing:-.035em!important}
.header-v3 .mega-insight-card p{font-size:12px!important;line-height:1.5!important;color:#5e6b73!important}
.header-v3 .mega-insight-card em{margin-top:auto!important;font-size:11px!important;font-style:normal!important;font-weight:800!important}

@media(max-width:1320px){
  .header-v3 .nav{width:calc(100% - 32px)!important;gap:20px!important}
  .header-v3 .nav-links{gap:20px!important}
  .header-v3 .nav-links>a,.header-v3 .nav-trigger{font-size:15.5px!important}
  .header-v3 .brand{width:138px!important;min-width:138px!important}
  .header-v3 .brand-stack,.header-v3 .brand-stack img{width:132px!important}
  .header-v3 .brand-stack img{height:93px!important}
  .header-v3 .mega-inner{width:calc(100% - 48px)!important;grid-template-columns:250px minmax(0,1fr)!important;gap:34px!important}
  .header-v3 .tech-grid{grid-template-columns:repeat(3,minmax(160px,1fr))!important}
}

/* Mobile/tablet navigation uses the same categories as desktop. */
@media(max-width:1080px){
  :root{--header-h:86px!important}
  body.menu-open{overflow:hidden!important}
  .header-v3{height:86px!important}
  .header-v3 .nav{width:calc(100% - 28px)!important;height:86px!important;gap:16px!important}
  .header-v3 .brand{width:122px!important;min-width:122px!important;height:82px!important}
  .header-v3 .brand-stack{width:116px!important;height:82px!important}
  .header-v3 .brand-stack img{width:116px!important;height:82px!important}
  .header-v3 .menu-toggle{display:block!important}
  .header-v3 .nav-actions .btn{display:inline-flex!important;min-height:44px!important;padding:12px 15px!important;font-size:12.5px!important;gap:8px!important}
  .header-v3 .nav-links{
    position:fixed!important;
    inset:86px 0 0!important;
    width:100%!important;
    height:calc(100dvh - 86px)!important;
    margin:0!important;
    padding:15px 24px 60px!important;
    display:block!important;
    overflow:auto!important;
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:translateX(100%)!important;
    transition:transform .32s cubic-bezier(.2,.7,.2,1)!important;
  }
  .menu-open .header-v3 .nav-links{transform:none!important}
  .header-v3 .nav-item{height:auto!important;display:block!important}
  .header-v3 .nav-links>a,
  .header-v3 .nav-trigger{
    width:100%!important;
    height:auto!important;
    min-height:62px!important;
    justify-content:space-between!important;
    padding:18px 0!important;
    border-bottom:1px solid rgba(7,16,22,.12)!important;
    color:#071016!important;
    font-size:20px!important;
  }
  .header-v3 .nav-links>a:after,.header-v3 .nav-trigger:after{display:none!important}
  .header-v3 .mega{
    position:static!important;
    inset:auto!important;
    width:auto!important;
    max-height:0!important;
    overflow:hidden!important;
    border:0!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    background:#f6f7f5!important;
  }
  .header-v3 .has-mega.open .mega{max-height:9000px!important}
  .header-v3 .mega-inner{
    width:100%!important;
    display:block!important;
    padding:24px 18px 18px!important;
  }
  .header-v3 .mega-intro{padding:0 0 24px!important;border-right:0!important;border-bottom:1px solid rgba(7,16,22,.12)!important}
  .header-v3 .mega-intro h2{font-size:25px!important;max-width:520px!important}
  .header-v3 .mega-feature{display:none!important}
  .header-v3 .mega-grid,
  .header-v3 .services-grid,
  .header-v3 .industries-mega-grid,
  .header-v3 .tech-grid,
  .header-v3 .company-mega-grid,
  .header-v3 .mega-card-grid,
  .header-v3 .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 20px!important;margin-top:24px!important}
  .header-v3 .mega-col a{font-size:15px!important;padding:8px 0!important;color:#25323a!important}
  .header-v3 .mega-footer{margin-top:24px!important;min-height:58px!important}
  .header-v3 .mega-story-card,.header-v3 .mega-insight-card{min-height:230px!important}
}
@media(max-width:620px){
  .header-v3 .nav{width:calc(100% - 22px)!important}
  .header-v3 .brand{width:116px!important;min-width:116px!important}
  .header-v3 .brand-stack,.header-v3 .brand-stack img{width:110px!important}
  .header-v3 .brand-stack img{height:78px!important}
  .header-v3 .nav-links{padding:10px 18px 45px!important}
  .header-v3 .mega-inner{padding:20px 14px 16px!important}
  .header-v3 .mega-grid,
  .header-v3 .services-grid,
  .header-v3 .industries-mega-grid,
  .header-v3 .tech-grid,
  .header-v3 .company-mega-grid,
  .header-v3 .mega-card-grid,
  .header-v3 .resource-grid{grid-template-columns:1fr!important}
  .header-v3 .mega-footer{align-items:flex-start!important;flex-direction:column!important;padding:18px 0!important;gap:8px!important}
  .header-v3 .mega-story-card,.header-v3 .mega-insight-card{min-height:215px!important}
}

@media(max-width:620px){
  .header-v3 .nav-actions{gap:7px!important}
  .header-v3 .nav-actions .btn{min-height:42px!important;padding:11px 12px!important;font-size:11.5px!important;gap:6px!important}
  .header-v3 .nav-actions .arrow{font-size:13px!important}
  .header-v3 .menu-toggle{width:44px!important;height:44px!important}
}

/* ===== etelligensAi navigation v8 ===== */
.header-v3 .ai-nav-trigger{color:#007f82!important}
.header-v3 .ai-nav-trigger:hover,.header-v3 .ai-nav-item.open>.ai-nav-trigger{color:#005f61!important}
.header-v3 .ai-nav-trigger:after{background:#17b8b8!important}
.header-v3 .ai-mega-grid{grid-template-columns:repeat(3,minmax(190px,1fr))!important;gap:26px 34px!important}
.header-v3 .mega-ai .mega-intro h2{max-width:245px!important}
.header-v3 .ai-quick-links{display:grid!important;gap:10px!important;margin-top:20px!important}
.header-v3 .ai-quick-links .text-link{width:max-content!important;max-width:100%!important}
.header-v3 .mega-ai .mega-col a{padding:7px 0!important}
@media(max-width:1480px) and (min-width:1321px){
  .header-v3 .nav-links{gap:22px!important}
  .header-v3 .nav{gap:22px!important}
}
@media(max-width:1320px) and (min-width:1081px){
  .header-v3 .nav-links{gap:16px!important}
  .header-v3 .nav-links>a,.header-v3 .nav-trigger{font-size:14.75px!important}
  .header-v3 .nav-actions .btn{padding-inline:18px!important}
  .header-v3 .ai-mega-grid{grid-template-columns:repeat(3,minmax(170px,1fr))!important}
}
@media(max-width:1080px){
  .header-v3 .ai-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .header-v3 .ai-quick-links{margin-top:16px!important}
}
@media(max-width:620px){
  .header-v3 .ai-mega-grid{grid-template-columns:1fr!important}
}