/* Homepage-specific layout: hero background image and the market CTA banner. */

@layer pages {
  .hero--home {
    background-image: url("../../assets/images/hero/home-hero.svg");
  }

  .home-markets-cta {
    display: flex;
    justify-content: center;
    margin-block-start: var(--space-6);
  }

  .home-cta-banner {
    text-align: center;
    max-width: 40rem;
    margin-inline: auto;
  }

  .home-cta-banner .hero__actions {
    justify-content: center;
  }
}