.ffw-site .ffp-qr-hero {
  background: #183b31;
  color: #fff;
  padding: clamp(36px, 5vw, 72px) 0 clamp(24px, 4vw, 48px);
}

.ffw-site .ffp-qr-hero__inner {
  max-width: 800px;
}

.ffw-site .ffp-qr-hero .ffw-eyebrow,
.ffw-site .ffp-qr-hero h1,
.ffw-site .ffp-qr-hero p {
  color: #fff !important;
}

.ffw-site .ffp-qr-hero .ffw-btn--primary {
  background: #f7f3ea !important;
  color: #183b31 !important;
}

.ffw-site .ffp-qr-hero h1 {
  max-width: 700px;
  margin: 12px 0 16px;
  font-size: clamp(2.25rem, 6vw, 4.5rem);
  line-height: 1.08;
}

.ffw-site .ffp-qr-hero p:not(.ffw-eyebrow) {
  max-width: 650px;
  margin: 0 0 24px;
  font-size: clamp(1rem, 2vw, 1.2rem);
  line-height: 1.55;
}

.ffw-site .ffp-qr-form {
  background: #f7f3ea;
  padding: clamp(20px, 4vw, 56px) 0 clamp(48px, 6vw, 88px);
}

.ffw-site .ffp-qr-form__inner {
  max-width: 800px !important;
}

.ffw-site .ffp-qr-form .ffw-crm-form {
  margin: 0 auto;
  width: 100%;
  max-width: 760px !important;
}

.ffw-site .ffp-qr-form .ffw-crm-stepper__label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

@media (max-width: 640px) {
  .ffw-site .ffp-qr-hero {
    padding: 30px 0 24px;
  }

  .ffw-site .ffp-qr-hero h1 {
    margin: 8px 0 12px;
    font-size: clamp(2rem, 9vw, 2.8rem);
  }

  .ffw-site .ffp-qr-hero p:not(.ffw-eyebrow) {
    margin-bottom: 18px;
  }
}