.reader-revenue-inline-cta {
  position: relative;
  width: min(100%, 900px);
  min-height: 430px;
  margin: 36px auto 12px;
  overflow: hidden;
  color-scheme: light;
  background: #f7f9fb;
  border: 1px solid #283548;
  border-top: 4px solid #087a60;
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
}
.reader-revenue-google-form { position: relative; z-index: 1; }
.reader-revenue-google-form > [rrm-inline-cta] { display: block; width: 100%; min-height: 1px; }
.reader-revenue-cta-cover {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(34px, 7vw, 74px);
  color: #f5f7fa;
  background:
    radial-gradient(circle at 88% 15%, rgba(8, 122, 96, 0.34), transparent 36%),
    linear-gradient(135deg, #101824, #0b111a 58%, #0b1717);
  transition: opacity 180ms ease, visibility 180ms ease;
}
.reader-revenue-cta-kicker {
  color: #58e1bd;
  font: 600 11px/1.2 var(--font-mono);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.reader-revenue-cta-cover h2 {
  max-width: 650px;
  margin: 16px 0 12px;
  color: #f5f7fa;
  font: 700 clamp(38px, 6vw, 66px)/0.96 var(--font-display);
  letter-spacing: -0.025em;
}
.reader-revenue-cta-cover p {
  max-width: 600px;
  margin: 0 0 28px;
  color: #c3cfde;
  font-size: clamp(16px, 2vw, 19px);
  line-height: 1.55;
}
.reader-revenue-cta-action {
  min-height: 50px;
  padding: 0 24px;
  border: 1px solid #58e1bd;
  border-radius: 8px;
  color: #fff;
  background: #087a60;
  font: 700 13px/1 var(--font-text);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
}
.reader-revenue-cta-action:hover,
.reader-revenue-cta-action:focus-visible { background: #0a9473; box-shadow: 0 0 0 3px rgba(88, 225, 189, 0.22); }
.reader-revenue-cta-cover small {
  margin-top: 15px;
  color: #9aa9bc;
  font: 500 10px/1.5 var(--font-mono);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.reader-revenue-inline-cta.is-provider-open .reader-revenue-cta-cover {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 620px) {
  .reader-revenue-inline-cta { min-height: 470px; border-radius: 14px; }
  .reader-revenue-cta-cover { align-items: stretch; padding: 32px 24px; }
  .reader-revenue-cta-cover h2 { font-size: clamp(38px, 13vw, 54px); }
  .reader-revenue-cta-action { width: 100%; }
}