.ds24-section--custom-code .pw-optin {
  --pw-bg-overlay-opacity: var(--pw-optin-overlay-opacity);
  --pw-optin-overlay-opacity: .3;
  --pw-optin-pad-block: max(40px, min(24.509px + 3.8536vw, 80px));
  --pw-optin-gap: max(40px, min(32.254px + 1.9268vw, 60px));
  --pw-optin-intro-gap: var(--pw-ds24-space-xs);
  --pw-optin-logo-width: max(140px, min(116.763px + 5.7803vw, 200px));
  --pw-optin-lead-measure: 36em;
  --pw-optin-text-measure: 44em;
  --pw-optin-cols: 1;
  --pw-optin-steps-gap: var(--pw-ds24-space-xs);
  --pw-optin-card-pad: max(24px, min(20.902px + .7707vw, 32px));
  --pw-optin-card-gap: var(--pw-ds24-space-2xs);
  --pw-optin-section-title-size: var(--pw-type-h2-sm-size);
  --pw-optin-card-bg: color-mix(in srgb, var(--pw-color-white) 80%, transparent);
  --pw-optin-signoff-gap: var(--pw-ds24-space-2xs);
  --pw-optin-powered-gap: var(--pw-ds24-space-2xs);
  --pw-optin-powered-pw-width: 140px;
  --pw-optin-powered-ds24-width: 126.563px;
  isolation: isolate;
  gap: var(--pw-optin-gap);
  min-height: 100svh;
  padding: var(--pw-optin-pad-block) var(--pw-pad-inline);
  color: var(--pw-color-black);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ds24-section--custom-code :where(.pw-optin) :where(h1, h2, h3, p, ol, li) {
  margin: 0;
  padding: 0;
}

.ds24-section--custom-code .pw-optin__header, .ds24-section--custom-code .pw-optin__content {
  z-index: var(--pw-ds24-z-base);
  position: relative;
}

.ds24-section--custom-code .pw-optin__logo-link {
  display: inline-block;
}

.ds24-section--custom-code .pw-optin__logo {
  width: var(--pw-optin-logo-width);
  aspect-ratio: 280 / 80;
  height: auto;
  display: block;
}

.ds24-section--custom-code .pw-optin__content {
  align-items: center;
  gap: var(--pw-optin-gap);
  text-align: center;
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .pw-optin__intro {
  align-items: center;
  gap: var(--pw-optin-intro-gap);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .pw-optin__title {
  font-size: var(--pw-type-h1-size);
  font-weight: var(--pw-font-bold);
  line-height: var(--pw-lh-heading);
  letter-spacing: var(--pw-ls-heading);
  text-wrap: balance;
}

.ds24-section--custom-code .pw-optin__lead {
  max-width: var(--pw-optin-lead-measure);
  font-size: var(--pw-type-lead-size);
  line-height: var(--pw-lh-snug);
  color: var(--pw-color-squant);
  text-wrap: pretty;
}

.ds24-section--custom-code .pw-optin__lead strong, .ds24-section--custom-code .pw-optin__text strong, .ds24-section--custom-code .pw-optin__step-text strong {
  color: var(--pw-color-black);
}

.ds24-section--custom-code .pw-optin__section {
  align-items: center;
  gap: var(--pw-optin-intro-gap);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.ds24-section--custom-code .pw-optin__section-title {
  font-size: var(--pw-optin-section-title-size);
  font-weight: var(--pw-font-bold);
  line-height: var(--pw-lh-heading);
  letter-spacing: var(--pw-ls-heading);
  text-wrap: balance;
}

.ds24-section--custom-code .pw-optin__text {
  max-width: var(--pw-optin-text-measure);
  font-size: var(--pw-type-lead-sm-size);
  line-height: var(--pw-lh-body);
  color: var(--pw-color-squant);
  text-wrap: pretty;
}

.ds24-section--custom-code .pw-optin__steps {
  grid-template-columns: repeat(var(--pw-optin-cols), minmax(0, 1fr));
  gap: var(--pw-optin-steps-gap);
  text-align: start;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.ds24-section--custom-code .pw-optin__step {
  gap: var(--pw-optin-card-gap);
  padding: var(--pw-optin-card-pad);
  background: var(--pw-optin-card-bg);
  border-radius: var(--pw-radius-md);
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .pw-optin__step-label {
  font-size: var(--pw-type-title-size);
  font-weight: var(--pw-font-bold);
  line-height: var(--pw-lh-tight);
  color: var(--pw-color-blue-atoll);
}

.ds24-section--custom-code .pw-optin__step-title {
  font-size: var(--pw-type-title-lg-size);
  font-weight: var(--pw-font-bold);
  line-height: var(--pw-lh-tight);
  letter-spacing: var(--pw-ls-heading);
  text-wrap: balance;
}

.ds24-section--custom-code .pw-optin__step-text {
  font-size: var(--pw-type-body-size);
  line-height: var(--pw-lh-body);
  color: var(--pw-color-squant);
  text-wrap: pretty;
}

.ds24-section--custom-code .pw-optin__step-link {
  color: var(--pw-color-black);
  text-underline-offset: .2em;
  font-size: var(--pw-type-body-size);
  line-height: var(--pw-lh-body);
  text-wrap: balance;
  margin-block-start: auto;
  text-decoration: underline;
}

@media (hover: hover) {
  .ds24-section--custom-code .pw-optin__step-link:hover {
    color: var(--pw-color-blue-atoll);
  }
}

.ds24-section--custom-code .pw-optin__signoff {
  gap: var(--pw-optin-signoff-gap);
  font-size: var(--pw-type-lead-sm-size);
  line-height: var(--pw-lh-body);
  text-wrap: balance;
  flex-direction: column;
  display: flex;
}

.ds24-section--custom-code .pw-optin__powered {
  justify-content: center;
  align-items: center;
  gap: var(--pw-optin-powered-gap);
  font-size: var(--pw-type-body-sm-size);
  line-height: var(--pw-lh-normal);
  color: var(--pw-color-squant);
  flex-wrap: wrap;
  display: flex;
}

.ds24-section--custom-code .pw-optin__powered-pw {
  width: var(--pw-optin-powered-pw-width);
  aspect-ratio: 280 / 80;
  height: auto;
}

.ds24-section--custom-code .pw-optin__powered-ds24 {
  width: var(--pw-optin-powered-ds24-width);
  aspect-ratio: 127 / 23;
  height: auto;
}

@media (width <= 401px) {
  .ds24-section--custom-code .pw-optin {
    --pw-optin-card-pad: var(--pw-ds24-space-btn-md);
    --pw-optin-section-title-size: var(--pw-type-h2-phone-sm-size);
  }
}

@media (width >= 1024px) {
  .ds24-section--custom-code .pw-optin {
    --pw-optin-cols: 3;
  }
}