@import "./vendor/cfa_ui_components/cfa_ui_components.tailwind.css";
@import "tailwindcss";


html {
  scrollbar-gutter: stable;
}

main.landing-page {
  @apply block max-w-none mx-0 p-0 bg-transparent;
  gap: 0;
}

.landing-bound {
  @apply mx-auto w-full max-w-[368px] md:max-w-[688px] xl:max-w-[944px] 2xl:max-w-[1072px] px-4;
}

.type-heading {
  font-family: "Geologica", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
}

.landing-hero-mask,
.landing-benefits-mask {
  width: 100%;
  height: 390px;
  border-radius: 16px;
}

@media (min-width: 768px) {
  .landing-hero-mask {
    width: 378px;
    height: 484.489px;
    border-radius: 0;
    clip-path: path("M28.8 0L28.057 0.00976562C12.494 0.404052 0 13.1426 0 28.7998V369.993C0 380.797 6.047 390.692 15.661 395.621L179.72 479.731C185.819 482.858 192.575 484.489 199.429 484.489H349.2C365.106 484.489 378 471.595 378 455.689V114.497C378 103.693 371.953 93.7981 362.339 88.8691L198.28 4.75781C192.181 1.63086 185.425 0 178.571 0H28.8Z");
  }
  .landing-benefits-mask {
    width: 362px;
    height: 471.49px;
    border-radius: 0;
    clip-path: path("M0 37.44C0 16.7625 16.7625 0 37.44 0H167.248C176.283 0 185.184 2.17965 193.196 6.35396L341.859 83.8046C354.237 90.2533 362 103.052 362 117.009V434.049C362 454.727 345.238 471.49 324.56 471.49H37.44C16.7625 471.49 0 454.727 0 434.049V37.44Z");
  }
}

.landing-cta .btn--large {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

main.landing-page a:not(.btn) {
  display: inline;
  border-bottom-width: 0;
  text-decoration-line: underline;
}