:root {
  --site-logo: url("/assets/logo.png");
  --site-desktop-hero: url("/assets/hero.jpeg");
  --site-mobile-hero: url("/uploads/site-assets/mobile_hero-1785154565131.png");
  --site-mobile-how-it-works: url("/uploads/site-assets/mobile_how_it_works-1785154575919.png");
  --site-desktop-how-it-works: url("/assets/howitworks.jpg");
  --site-primary-button-color: #3dbb3d;
  --site-hero-button-x: 3.1vw;
  --site-hero-button-y: calc(94vw + 110px);
  --site-hero-button-width: 52vw;
  --site-hero-button-height: 13vw;
  --site-hero-button-overlay-bg: transparent;
  --site-hero-button-overlay-border: 0;
  --site-hero-button-overlay-shadow: none;
}

.hero {
  background: linear-gradient(90deg, #000000f0 0%, #000000a6 45%, #0003), var(--site-desktop-hero) center / cover no-repeat !important;
}

.intro {
  background-image: linear-gradient(rgba(0,0,0,.36), rgba(0,0,0,.36)), var(--site-desktop-how-it-works) !important;
}

@media (max-width: 760px) {
  .hero {
    height: calc(142.86vw + 168px) !important;
    min-height: calc(142.86vw + 168px) !important;
    margin-top: -88px !important;
    background: var(--site-mobile-hero) center top / 100% 100% no-repeat !important;
  }

  .mobileHowItWorksArt {
    display: none !important;
    background: none !important;
  }
}