/* Payment Processing Radar hero. Scoped to preserve the rest of the site. */
.payment-processing-trial-hero {
  min-height: calc(100vh - 72px);
  padding: 0;
  background: #fffdf7;
}

.payment-processing-trial-hero .payment-processing-hero-media {
  background-image: url("/assets/permitpub-hero-payment-processing-20260802.webp?v=20260802-payment-photo-hero-v1");
  background-position: center;
  filter: brightness(1.08) saturate(1.02) contrast(1.01);
  transform: scale(1.01);
}

.payment-processing-trial-hero .hero-overlay {
  background: linear-gradient(
    90deg,
    rgba(10, 12, 11, 0.36) 0%,
    rgba(10, 12, 11, 0.28) 30%,
    rgba(10, 12, 11, 0.12) 48%,
    rgba(10, 12, 11, 0.02) 66%,
    rgba(10, 12, 11, 0) 100%
  );
}

.payment-processing-trial-hero .payment-processing-trial-layout {
  width: min(1280px, calc(100% - 40px));
  min-height: calc(100vh - 72px);
  grid-template-columns: minmax(0, 0.82fr) minmax(450px, 0.72fr);
  gap: clamp(24px, 3.4vw, 52px);
  align-items: start;
  padding-top: clamp(58px, 8vh, 92px);
  padding-bottom: clamp(42px, 6vh, 72px);
}

.payment-processing-trial-hero .payment-processing-trial-copy {
  width: auto;
  max-width: 650px;
  margin: 0;
  color: #fffdf7;
  text-align: left;
  transform: none;
}

.payment-processing-trial-hero .payment-processing-trial-copy h1 {
  max-width: 640px;
  margin: 0 0 20px;
  color: #fffdf7;
}

.payment-processing-trial-hero .payment-processing-trial-copy .pricing-hero-copy {
  max-width: 620px;
  margin: 0;
  color: rgba(255, 253, 247, 0.94);
  font-size: 1.12rem;
  font-weight: 720;
  line-height: 1.48;
}

.payment-processing-trial-hero .payment-processing-trial-card {
  align-self: center;
}

@media (max-width: 980px) {
  .payment-processing-trial-hero {
    min-height: auto;
  }

  .payment-processing-trial-hero .payment-processing-trial-layout {
    width: min(680px, calc(100% - 28px));
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 18px;
    padding-top: 42px;
    padding-bottom: 30px;
  }
}

@media (max-width: 720px) {
  .payment-processing-trial-hero .payment-processing-hero-media {
    background-image: url("/assets/permitpub-hero-payment-processing-20260802.webp?v=20260802-payment-photo-hero-v1");
    background-position: center top;
    filter: brightness(1.12) saturate(1.02) contrast(1.01);
  }

  .payment-processing-trial-hero .hero-overlay {
    background: linear-gradient(180deg, rgba(10, 12, 11, 0.22), rgba(10, 12, 11, 0.28));
  }

  .payment-processing-trial-hero .payment-processing-trial-layout {
    width: calc(100% - 24px);
    gap: 14px;
    padding-top: 18px;
    padding-bottom: 24px;
  }

  .payment-processing-trial-hero .payment-processing-trial-copy h1,
  body .payment-processing-trial-hero .payment-processing-trial-copy h1 {
    max-width: 360px !important;
    margin: 0 0 8px;
    font-size: 1.72rem !important;
    line-height: 1.02 !important;
  }

  .payment-processing-trial-hero .payment-processing-trial-copy .pricing-hero-copy {
    max-width: 390px;
    margin: 0;
    color: rgba(255, 253, 247, 0.96);
    font-size: 0.78rem;
    line-height: 1.32;
  }
}