/**
Styles for the Audience Grid landing page
*/
.aglp-no-margin {
  margin: 0;
}

/**
Typography
*/
.page h1,
.page h2,
.page h3,
.page h4,
.page h5,
.page h6 {
  font-style: normal;
  font-weight: 500;
  margin: 0;
}

.page h1 strong {
  font-weight: 700;
}

/* font sizes */
.page h1 {
  font-size: 40px;
  line-height: 1.3;
}

.page h2 {
  font-size: 32px;
  line-height: 1.25;
}

.page h4 {
  font-size: 24px;
  line-height: 1.25;
}

@media screen and (min-width: 1024px) {
  .page h1 {
    font-size: 52px;
    line-height: 1.24;
  }

  .page h2 {
    font-size: 40px;
    line-height: 1.3;
  }
}


/**
Buttons 
*/
.aglp-button,
.gform_wrapper.gravity-theme .gform_footer input,
.gform_wrapper.gravity-theme .gform_page_footer input {
  padding: 20px 36px;
  background-color: var(--ak-color-gray-600);
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  color: var(--ak-color-text-lite-800);
  transition: .4s ease-in-out;
}

.gform_wrapper.gravity-theme .gform_footer input:hover,
.gform_wrapper.gravity-theme .gform_footer input:active {
  background-color: var(--ak-color-gray-800);
}

@media screen and (min-width: 1024px) {

  .aglp-button,
  .gform_wrapper.gravity-theme .gform_footer input,
  .gform_wrapper.gravity-theme .gform_page_footer input {
    font-size: 20px;
  }
}

/**
Hgroup (manual/pseudo)
*/

.aglp-hgroup {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}

.aglp-hgroup>*:last-child {
  font-size: 20px;
  line-height: 1.6;
}

@media screen and (min-width: 1024px) {
  .aglp-hgroup>*:last-child {
    font-size: 24px;
    line-height: 1.5;
  }
}

/**
Hero
*/
.aglp-hero {
  position: relative;
}

.aglp-hero p {
  font-size: 24px;
  line-height: 1.5;
}

.aglp-hero__image--mobile {
  margin-top: 20px;
}

.aglp-hero__bg-image {
  position: absolute;
  z-index: -1;
}

.aglp-hero__bg-image--mobile {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  z-index: -1;
}

.aglp-hero__image--desktop,
.aglp-hero__bg-image--desktop {
  display: none;
}

@media screen and (min-width: 1024px) {

  .aglp-hero p {
    font-size: 32px;
    line-height: 1.6;
  }

  .aglp-hero__image--desktop {
    display: block;
    position: relative;
    transform: translateX(30px);
  }

  .aglp-hero__bg-image--desktop {
    display: block;
    top: calc(50% - 328px);
    left: calc(45vw - 680px);
  }

  .aglp-hero__image--mobile,
  .aglp-hero__bg-image--mobile {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .aglp-hero__bg-image--desktop {
    left: calc(45vw - 850px);
  }
}

/**
Product Showcase section
*/
.aglp-product-showcase {
  position: relative;
}

.aglp-product-showcase::before,
.aglp-product-showcase::after,
.aglp-signup-form__wrapper::before,
.aglp-signup-form__wrapper::after {
  display: block;
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  transform: rotate(0deg);
  bottom: 0;
}

.aglp-product-showcase::before {
  right: 11.93vw;
  border-width: 56.143vw 0 0 100vw;
  border-color: transparent transparent transparent var(--ak-color-primary-100);
  z-index: -1;
}

.aglp-product-showcase::after {
  right: 0;
  border-width: 0 0 50.81vw 90.45vw;
  border-color: transparent transparent var(--ak-color-primary-700) transparent;
  opacity: 0.15;
  z-index: -2;
}

/**
Sign up form
*/
.aglp-signup-form__wrapper {
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(109, 142, 160, 0.07), 
    0px 2px 4px 0px rgba(109, 142, 160, 0.10), 
    0px 4px 8px 0px rgba(109, 142, 160, 0.07), 
    0px 8px 16px 0px rgba(109, 142, 160, 0.07), 
    0px 16px 32px 0px rgba(109, 142, 160, 0.07), 
    0px 32px 64px 0px rgba(109, 142, 160, 0.07);
}

.aglp-signup-form__wrapper::before,
.aglp-signup-form__wrapper::after {
  bottom: unset;
  top: 0;
  right: 0;
  border-radius: 0 12px 0 0;
}

.aglp-signup-form__wrapper::before {
  border-width: 0 168px 95px 0;
  border-color: transparent var(--ak-color-primary-700) transparent transparent;
  opacity: 0.15;
  z-index: 2;
}

.aglp-signup-form__wrapper::after {
  border-width: 0 97px 174px 0;
  border-color: transparent var(--ak-color-primary-100) transparent transparent;
  z-index: 1;
}

.aglp-signup-form__logo {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 20px;
  right: 20px;
  z-index: 3;
}

.aglp-icon-group {
  gap: 4px;
  font-size: 12px;
  line-height: 1.33;
}

.aglp-icon-group h4 {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  .aglp-signup-form__wrapper::before {
    border-width: 0 256px 144px 0;
  }

  .aglp-signup-form__wrapper::after {
    border-width: 0 148px 264px 0;
  }

  .aglp-signup-form__logo {
    width: 40px;
    height: 40px;
    top: 32px;
    right: 32px;
  }

  .aglp-icon-group {
    gap: 8px;
    font-size: 16px;
    line-height: 1.5;
  }

  .aglp-icon-group h4 {
    font-size: 20px;
    line-height: 1.25;
    font-weight: 500;
  }
}


/**
Gravity Form Overrides
*/

.gform_heading,
.gfield_required_asterisk {
  display: none;
}

.gform_wrapper.gravity-theme .gfield_label,
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme textarea {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-style: normal;
  color: var(--ak-color-text-dark-800);
}

.gform_wrapper.gravity-theme .gfield_label {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.2px;
}

.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme textarea {
  border-radius: 8px;
  border: 1px solid rgba(47, 64, 78, 0.20);
  background: var(--ak-color-text-lite-800);
  padding: 16px;
}

.gform_button .button:hover {
  border-radius: 4px;
  background: var(--ak-color-gray-800);
}

.gform_wrapper.gravity-theme div.gfield_validation_message,
.gform_wrapper.gravity-theme div.validation_message {
  background: transparent;
  border: none;
  font-size: 12px;
  margin-block-start: 0;
  padding: 0;
}

.gform_wrapper.gravity-theme div.description,
.gform_wrapper.gravity-theme div.gfield_description,
.gform_wrapper.gravity-theme div.gsection_description,
.gform_wrapper.gravity-theme div.instruction {
  padding-top: 4px;
  font-size: 12px;
}

.gform_wrapper.gravity-theme div.gform_validation_errors>ol {
  margin: 0;
}

.gform_wrapper.gravity-theme div.gform_validation_errors>h2 .gform-icon {
  align-items: flex-start;
  padding-block-start: 18px;
}

.gravity-theme .gform_confirmation_message {
  text-align: center;
  margin-bottom: 60px;
}

.gravity-theme .gform_confirmation_message h3 {
  margin-bottom: 4px;
}

.gravity-theme .ak_submit_success_image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 30vh;
  height: 30vh;
  border-radius: 12px;
  background-color: #EAF7F6;
  margin: 0 auto 28px;
}