{{#
/**
 * @name hero/logo-title-text-cta
 * @todo Document property vars
 */
#}}
<section class="px-5 bg-ocean">
  <div class="mw-grid mx-auto pt-8 pb-11 m--pt-9">
    <div class="ta-center">
      <a href="{{ homepage }}" class="fill-white">{{ theme:output src="images/ac-logo.svg" }}</a>
    </div>
    <h1 class="title-4 m--title-6 l--title-7 white ta-center l--px-1-col mt-10">{{ hero_headline }}</h1>
    <p class="body-5 white ta-center l--px-2-col mb-9">{{ hero_subheadline }}</p>
    <div class="mw-32 mx-auto">
      {{ partial:form-free-trial }}
      <p class="ta-center body-2 fw-500 white mt-5">
        {{ global_free_trial_form:global_free_trial_banner_copy }}
      </p>
    </div>
  </div>
</section>