/* Component isolation and mobile layout corrections. */
.seo-discovery nav{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  transition:none!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.seo-discovery__inner>div,.seo-discovery nav,.seo-discovery a{min-width:0}

@media(max-width:1100px){
  /* Keep data-icon badges beside submenu text instead of over it. */
  .header .mega-cards>a[data-icon],
  .header .mega-audience>div:not(.audience-call)>a[data-icon],
  .header .mega-company>a[data-icon]{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:62px!important;
    padding:11px 12px 11px 58px!important;
  }
  .header .mega-cards>a[data-icon]:before,
  .header .mega-audience>div:not(.audience-call)>a[data-icon]:before,
  .header .mega-company>a[data-icon]:before{
    content:attr(data-icon)!important;
    position:absolute!important;
    left:11px!important;
    top:50%!important;
    display:grid!important;
    place-items:center!important;
    width:35px!important;
    height:35px!important;
    margin:0!important;
    border:1px solid rgba(30,96,165,.1)!important;
    border-radius:11px!important;
    background:#eaf4ff!important;
    color:#176fcf!important;
    font:700 15px var(--display)!important;
    transform:translateY(-50%)!important;
    box-shadow:none!important;
  }
  .header .mega-cards>a[data-icon]:nth-child(2):before{background:#e7f7f2!important;color:#278d73!important}
  .header .mega-cards>a[data-icon]:nth-child(3):before{background:#f0ecff!important;color:#6c58c7!important}

  /* The shared discovery component must remain a complete content block. */
  .seo-discovery{position:relative!important;overflow:visible!important;padding:64px 22px!important}
  .seo-discovery__inner{width:min(760px,100%)!important;grid-template-columns:1fr!important;gap:28px!important}
  .seo-discovery nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .seo-discovery a{display:block!important;min-height:92px!important;padding:18px 14px!important}
  .seo-discovery a:first-child{padding-left:0!important}.seo-discovery a+a{padding-left:14px!important}

  /* Prevent the homepage route chooser from exceeding its grid track. */
  .cta,.cta-shell,.cta-copy,.cta-routes{min-width:0!important;max-width:100%!important}
  .cta-shell{width:100%!important;grid-template-columns:minmax(0,1fr)!important}
  .cta-routes{width:100%!important;transform:none!important}
  .cta-routes>a{width:100%!important;grid-template-columns:42px minmax(0,1fr) 28px!important}
  .cta-routes>a>span{min-width:0!important;overflow-wrap:anywhere!important}
  .routes-top,.routes-foot{min-width:0!important}
}
@media(max-width:800px){
  .seo-discovery nav{grid-template-columns:1fr!important}
  .seo-discovery a,.seo-discovery a:first-child,.seo-discovery a+a{min-height:0!important;padding:17px 0!important;border-left:0!important}
}
@media(max-width:620px){
  .cta{padding-inline:12px!important}
  .cta-shell{padding:34px 16px!important;border-radius:22px!important}
  .cta-routes{border-radius:17px!important}
  .cta-routes>a{grid-template-columns:38px minmax(0,1fr) 24px!important;gap:10px!important;padding:15px 11px!important}
  .cta-routes>a>i{width:36px!important;height:36px!important}
  .cta-routes>a>b{width:24px!important;height:24px!important}
  .cta-routes strong{font-size:14px!important}.cta-routes a em{font-size:9px!important;line-height:1.4!important}
}


/* Mobile Who-it-serves CTA contrast */
@media(max-width:1100px){
  .header .mega-audience .audience-call{background:linear-gradient(145deg,#176fc8,#4b96dc)!important;border-color:rgba(16,89,158,.12)!important}
  .header .mega-audience .audience-call>em{color:#d9edff!important}
  .header .mega-audience .audience-call>strong{color:#fff!important}
  .header .mega-audience .audience-call>p{color:#e7f3ff!important}
  .header .mega-audience .audience-call>a{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:flex-start!important;
    width:auto!important;
    min-width:150px!important;
    min-height:40px!important;
    margin-top:11px!important;
    padding:9px 14px!important;
    border:1px solid rgba(255,255,255,.75)!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#145f9f!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.2!important;
    opacity:1!important;
  }
  .header .mega-audience .industry-open>a{
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:start!important;
    width:auto!important;
    min-width:170px!important;
    min-height:40px!important;
    height:auto!important;
    padding:7px 8px 7px 14px!important;
    border:1px solid #243754!important;
    border-radius:999px!important;
    background:#263754!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.2!important;
    opacity:1!important;
  }
  .header .mega-audience .industry-open>a:before{content:none!important;display:none!important}
  .header .mega-audience .industry-open>a .usecase-arrow{background:rgba(255,255,255,.12)!important;color:#fff!important}
}

/* Homepage CTA legacy-flex isolation */
.cta>.cta-shell{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  justify-content:normal!important;
  gap:70px!important;
  margin-top:0!important;
}
@media(max-width:950px){
  .cta>.cta-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:38px!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    margin-top:0!important;
  }
  .cta>.cta-shell>.cta-copy,
  .cta>.cta-shell>.cta-routes{display:block!important;width:100%!important;min-width:0!important;max-width:none!important}
  .cta>.cta-shell>.cta-routes>a{display:grid!important}
  .cta>.cta-shell>.cta-routes>a>span{display:flex!important;width:auto!important;min-width:0!important;word-break:normal!important;overflow-wrap:break-word!important;white-space:normal!important}
  .cta>.cta-shell>.cta-routes small,
  .cta>.cta-shell>.cta-routes strong,
  .cta>.cta-shell>.cta-routes a em{word-break:normal!important;overflow-wrap:break-word!important;white-space:normal!important}
}
@media(max-width:620px){.cta>.cta-shell{gap:30px!important}}