/* Home hero actions (Paul, 15 October 2026): "Get started" to the application
   form and "Try the demo" to the live product demo, side by side, like Mercury.
   They replaced the hero email box. Both buttons reuse the exported Webflow
   button classes (`button is-new-home business`, plus `is-secondary` for the
   outlined one); this file only lays them out.

   The wrapper keeps `div-block-89`, whose 40% max-width was sized for the email
   box and is too narrow for two buttons, so it is lifted here. */
.home-hero_actions-wrapper {
  width: auto;
  max-width: none;
}

.home-hero_actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

/* The outlined button gets the same hover feedback weight as a filled one. */
.home-hero_actions .button.is-secondary:hover {
  background-color: var(--black);
  color: #fff;
}

/* The outlined button's 1px border would make it 2px taller than the filled
   one, which shows once they stack. Its padding gives that pixel back. */
.home-hero_actions .button.is-secondary {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .home-hero_actions .button.is-secondary {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}

/* Phones: stacked, full width, primary first. */
@media screen and (max-width: 479px) {
  .home-hero_actions-wrapper {
    width: 100%;
  }

  .home-hero_actions {
    flex-direction: column;
  }
}