/* =============================================================================
   HERO CENTER — FULL FILE FORCE UPDATE v=force4
   Center badge + title + subtitle + CTAs in EVERY page hero.
   HOME title + lede forced centered with maximum specificity.
   Loads LAST. Overrides mobile-badges-left + pricing-left-align for heroes only.
   ============================================================================= */

/* ============================================================================
   HOME FORCE — #hero-title + .hero-lede centered (beats all prior sheets)
   ============================================================================ */

html body #top.hero.hero-editorial .hero-editorial-copy,
html body #top .hero-copy.hero-editorial-copy,
html body.home-page #top.hero.hero-editorial .hero-editorial-copy,
html body.home-page #top .hero-editorial-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  justify-items:center!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

html body #top #hero-title,
html body #top.hero #hero-title,
html body #top.hero.hero-editorial #hero-title,
html body.home-page #top #hero-title,
html body #top .hero-editorial-copy h1,
html body #top.hero.hero-editorial .hero-editorial-copy > h1{
  display:block!important;
  width:100%!important;
  max-width:min(100%,18em)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  align-self:center!important;
  justify-self:center!important;
}

html body #top .hero-lede,
html body #top.hero .hero-lede,
html body #top.hero.hero-editorial .hero-lede,
html body.home-page #top .hero-lede,
html body #top .hero-editorial-copy > p.hero-lede,
html body #top.hero.hero-editorial .hero-editorial-copy > p{
  display:block!important;
  width:100%!important;
  max-width:46ch!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  align-self:center!important;
  justify-self:center!important;
}

html body #top .hero-eyebrow,
html body #top.hero.hero-editorial .hero-eyebrow,
html body.home-page #top .hero-eyebrow,
html body #top .hero-editorial-copy > .eyebrow,
html body #top .hero-editorial-copy > .hero-eyebrow{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-inline:auto!important;
  align-self:center!important;
  justify-self:center!important;
  text-align:center!important;
}

html body #top .hero-actions,
html body #top.hero.hero-editorial .hero-actions,
html body.home-page #top .hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

html body #top .hero-actions .btn{
  text-align:center!important;
  justify-content:center!important;
}

@media (max-width:980px){
  html body #top.hero.hero-editorial .hero-editorial-copy,
  html body #top .hero-editorial-copy,
  html body.home-page #top .hero-editorial-copy{
    align-items:center!important;
    text-align:center!important;
  }

  html body #top #hero-title,
  html body #top.hero.hero-editorial #hero-title,
  html body.home-page #top #hero-title,
  html body #top .hero-lede,
  html body #top.hero.hero-editorial .hero-lede,
  html body.home-page #top .hero-lede,
  html body #top .hero-eyebrow,
  html body.home-page #top .hero-eyebrow{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-inline:auto!important;
    align-self:center!important;
  }

  html body #top .hero-actions,
  html body.home-page #top .hero-actions{
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
  }

  html body #top .hero-actions .btn{
    width:100%!important;
    text-align:center!important;
  }
}

/* ============================================================================
   UNIVERSAL — all other page heroes
   ============================================================================ */

#top.hero .hero-editorial-copy,
#top .hero-editorial-copy,
.hero.hero-editorial .hero-editorial-copy,
body.home-page #top .hero-editorial-copy,
#page-overview.about-premium-hero .about-hero-copy,
.about-premium-hero .about-hero-copy,
#pricing-overview .pricing-decision-hero,
body.pricing-page main #pricing-overview .pricing-decision-hero,
body.pricing-page main .pricing-decision-hero,
#page-overview.page-intro-section .page-intro-shell,
#page-overview .page-intro-shell,
.page-intro-section .page-intro-shell,
.page-hero-fill .page-intro-shell,
.legal-hero.page-hero-fill,
.legal-hero,
main.missing,
main.missing > div{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  justify-items:center!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

#top .hero-eyebrow,
#top .hero-editorial-copy > .eyebrow,
#top .hero-editorial-copy > .hero-eyebrow,
.hero.hero-editorial .hero-eyebrow,
.hero-editorial-copy > .eyebrow,
.hero-editorial-copy > .hero-eyebrow,
body.home-page #top .hero-eyebrow,
body.home-page .hero-editorial-copy > .hero-eyebrow,
body.home-page .hero-editorial-copy > .eyebrow,
#page-overview.about-premium-hero .retention-kicker,
#page-overview .about-hero-copy > .retention-kicker,
.about-hero-copy > .retention-kicker,
.about-hero-copy > .eyebrow,
#pricing-overview .pricing-decision-hero > .retention-kicker,
#pricing-overview .pricing-decision-hero > .eyebrow,
body.pricing-page main #pricing-overview .pricing-decision-hero > .retention-kicker,
body.pricing-page main .pricing-decision-hero > .retention-kicker,
body.pricing-page main .pricing-decision-hero > .eyebrow,
#page-overview .page-intro-shell > .retention-kicker,
#page-overview .page-intro-shell > .eyebrow,
.page-intro-shell > .retention-kicker,
.page-intro-shell > .eyebrow,
.legal-hero > .eyebrow,
.legal-hero .eyebrow,
.legal-hero > .legal-meta,
.legal-hero .legal-meta,
main.missing .hero-brand-mark{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-inline:auto!important;
  align-self:center!important;
  justify-self:center!important;
  text-align:center!important;
  float:none!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}

#top h1,
#hero-title,
.hero-editorial-copy h1,
body.home-page #top h1,
#about-hero-title,
#page-overview.about-premium-hero h1,
.about-hero-copy h1,
#pricing-page-title,
#pricing-overview .pricing-decision-hero h1,
body.pricing-page main #pricing-overview .pricing-decision-hero h1,
body.pricing-page main .pricing-decision-hero h1,
#page-intro-title,
#page-overview .page-intro-shell h1,
.page-intro-shell h1,
.legal-hero h1,
main.missing h1{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  align-self:center!important;
}

#top .hero-lede,
.hero-editorial-copy > p,
.hero-editorial-copy .hero-lede,
body.home-page .hero-editorial-copy > p,
body.home-page .hero-editorial-copy .hero-lede,
#page-overview.about-premium-hero .about-hero-copy > p,
.about-hero-copy > p,
#pricing-overview .pricing-decision-hero > p,
body.pricing-page main #pricing-overview .pricing-decision-hero > p,
body.pricing-page main .pricing-decision-hero > p,
#page-overview .page-intro-shell > p,
.page-intro-shell > p,
.legal-hero > p,
main.missing p{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  align-self:center!important;
}

#top .hero-actions,
.hero-editorial-copy .hero-actions,
body.home-page #top .hero-actions,
#page-overview.about-premium-hero .about-hero-actions,
.about-hero-actions,
#pricing-overview .pricing-primary-actions,
body.pricing-page main #pricing-overview .pricing-primary-actions,
body.pricing-page main .pricing-primary-actions,
#page-overview .page-intro-actions,
.page-intro-actions,
.legal-hero .hero-actions,
main.missing .actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  align-self:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  width:auto!important;
  max-width:100%!important;
  text-align:center!important;
}

#top .hero-actions .btn,
.about-hero-actions .btn,
.pricing-primary-actions .btn,
body.pricing-page main .pricing-primary-actions .btn,
.page-intro-actions .btn,
main.missing .actions .btn{
  text-align:center!important;
  justify-content:center!important;
}

/* ABOUT */
#page-overview.about-premium-hero .about-hero-copy{
  text-align:center!important;
  align-items:center!important;
}
#page-overview.about-premium-hero .retention-kicker,
#page-overview.about-premium-hero #about-hero-title,
#page-overview.about-premium-hero .about-hero-copy > p,
#page-overview.about-premium-hero .about-hero-actions{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-self:center!important;
}
#page-overview.about-premium-hero .about-hero-actions{
  justify-content:center!important;
}

/* PRICING */
body.pricing-page main #pricing-overview .pricing-decision-hero,
body.pricing-page #pricing-overview .pricing-decision-hero{
  text-align:center!important;
  align-items:center!important;
  justify-items:center!important;
  justify-content:flex-start!important;
}
body.pricing-page main #pricing-overview .pricing-decision-hero > .retention-kicker,
body.pricing-page main #pricing-overview .pricing-decision-hero h1,
body.pricing-page main #pricing-overview .pricing-decision-hero > p,
body.pricing-page main #pricing-overview .pricing-primary-actions,
body.pricing-page main #pricing-page-title{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-self:center!important;
  justify-self:center!important;
}
body.pricing-page main #pricing-overview .pricing-primary-actions{
  justify-content:center!important;
}
body.pricing-page main #pricing-overview .pricing-decision-hero > .retention-kicker,
body.pricing-page main #pricing-overview .pricing-decision-hero > .eyebrow{
  margin-left:auto!important;
  margin-right:auto!important;
  margin-inline:auto!important;
  align-self:center!important;
}

/* PAGE INTROS */
#page-overview.page-intro-section .page-intro-shell{
  text-align:center!important;
  align-items:center!important;
}
#page-overview.page-intro-section .retention-kicker,
#page-overview.page-intro-section #page-intro-title,
#page-overview.page-intro-section .page-intro-shell > p,
#page-overview.page-intro-section .page-intro-actions{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-self:center!important;
}
#page-overview.page-intro-section .page-intro-actions{
  justify-content:center!important;
}

/* LEGAL + 404 */
.legal-hero.page-hero-fill,
main.legal-page .legal-hero{
  text-align:center!important;
  align-items:center!important;
}
.legal-hero > .legal-meta,
.legal-hero > h1,
.legal-hero > p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-self:center!important;
}
main.missing,
main.missing > div{
  text-align:center!important;
  align-items:center!important;
  place-items:center!important;
}
main.missing .actions{
  justify-content:center!important;
}

@media (max-width:980px){
  #top.hero.hero-editorial .hero-editorial-copy,
  #top .hero-editorial-copy,
  body.home-page #top .hero-editorial-copy,
  #page-overview.about-premium-hero .about-hero-copy,
  #pricing-overview .pricing-decision-hero,
  body.pricing-page main #pricing-overview .pricing-decision-hero,
  #page-overview.page-intro-section .page-intro-shell,
  .page-intro-section .page-intro-shell,
  .legal-hero.page-hero-fill,
  .legal-hero{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
  }

  #top .hero-eyebrow,
  body.home-page #top .hero-eyebrow,
  #page-overview.about-premium-hero .retention-kicker,
  #pricing-overview .pricing-decision-hero > .retention-kicker,
  body.pricing-page main .pricing-decision-hero > .retention-kicker,
  .page-intro-shell > .retention-kicker,
  .legal-hero > .legal-meta{
    margin-left:auto!important;
    margin-right:auto!important;
    margin-inline:auto!important;
    align-self:center!important;
    text-align:center!important;
  }

  #top h1,
  #hero-title,
  #about-hero-title,
  #pricing-page-title,
  #page-intro-title,
  .hero-lede,
  .about-hero-copy > p,
  .pricing-decision-hero > p,
  .page-intro-shell > p,
  .legal-hero > p{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-self:center!important;
  }

  #top .hero-actions,
  .about-hero-actions,
  .pricing-primary-actions,
  .page-intro-actions{
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
  }

  #top .hero-actions .btn,
  .about-hero-actions .btn,
  .pricing-primary-actions .btn,
  .page-intro-actions .btn{
    width:100%!important;
    text-align:center!important;
  }
}