/* v186: use dependable light surfaces for the content-heavy panels that were dark. */

html[data-theme] body.revamp-page .revamp-snapshot-preview,
html body.revamp-page .revamp-snapshot-preview,
html[data-theme] body.revamp-page .growth-proof-copy,
html body.revamp-page .growth-proof-copy,
html[data-theme] body.revamp-page .growth-platform-panel,
html body.revamp-page .growth-platform-panel,
html[data-theme] body.revamp-page .revamp-special-banner,
html body.revamp-page .revamp-special-banner,
html[data-theme] body.revamp-page .growth-cta-box,
html body.revamp-page .growth-cta-box {
  border-color: rgba(80, 39, 126, .24) !important;
  background: linear-gradient(145deg, #fffaf2, #f4eef9) !important;
  color: #24133c !important;
  -webkit-text-fill-color: #24133c !important;
  box-shadow: 0 24px 54px rgba(7, 4, 18, .24) !important;
}

html[data-theme] body.revamp-page :is(
  .revamp-snapshot-preview,
  .growth-proof-copy,
  .growth-platform-panel,
  .revamp-special-banner,
  .growth-cta-box
) :is(h2, h3, h4, b, strong),
html body.revamp-page :is(
  .revamp-snapshot-preview,
  .growth-proof-copy,
  .growth-platform-panel,
  .revamp-special-banner,
  .growth-cta-box
) :is(h2, h3, h4, b, strong) {
  color: #24133c !important;
  -webkit-text-fill-color: #24133c !important;
  text-shadow: none !important;
}

html[data-theme] body.revamp-page :is(
  .revamp-snapshot-preview,
  .growth-proof-copy,
  .growth-platform-panel,
  .revamp-special-banner,
  .growth-cta-box
) :is(p, li, small),
html body.revamp-page :is(
  .revamp-snapshot-preview,
  .growth-proof-copy,
  .growth-platform-panel,
  .revamp-special-banner,
  .growth-cta-box
) :is(p, li, small) {
  color: #51425f !important;
  -webkit-text-fill-color: #51425f !important;
  text-shadow: none !important;
}

html[data-theme] body.revamp-page :is(
  .revamp-snapshot-preview,
  .growth-proof-copy,
  .growth-platform-panel,
  .revamp-special-banner,
  .growth-cta-box
) .eyebrow,
html body.revamp-page :is(
  .revamp-snapshot-preview,
  .growth-proof-copy,
  .growth-platform-panel,
  .revamp-special-banner,
  .growth-cta-box
) .eyebrow {
  color: #5a2f83 !important;
  -webkit-text-fill-color: #5a2f83 !important;
}

html body.revamp-page .revamp-snapshot-preview {
  border-top-color: #f3cb75 !important;
}

html body.revamp-page .revamp-snapshot-preview li {
  border-bottom-color: rgba(80, 39, 126, .14) !important;
}

html body.revamp-page .revamp-snapshot-preview li::before,
html body.revamp-page .revamp-snapshot-preview .text-link {
  color: #0b666b !important;
  -webkit-text-fill-color: #0b666b !important;
  text-shadow: none !important;
}

html body.revamp-page .revamp-snapshot-preview::before {
  border-color: rgba(11, 102, 107, .24);
  box-shadow: 0 0 0 24px rgba(106, 58, 156, .07), 0 0 0 48px rgba(11, 102, 107, .04);
}

html[data-theme] body.revamp-page .growth-platform-panel .revamp-boundary-link,
html body.revamp-page .growth-platform-panel .revamp-boundary-link {
  border-color: rgba(80, 39, 126, .18) !important;
  border-left-color: #6a3a9c !important;
  background: rgba(255, 255, 255, .76) !important;
  color: #24133c !important;
  -webkit-text-fill-color: #24133c !important;
}

html body.revamp-page .growth-platform-panel .revamp-boundary-link p {
  color: #51425f !important;
  -webkit-text-fill-color: #51425f !important;
}

html body.revamp-page .growth-platform-panel .revamp-boundary-link b,
html body.revamp-page .growth-platform-panel .revamp-boundary-link::after {
  color: #5a2f83 !important;
  -webkit-text-fill-color: #5a2f83 !important;
}

html body.revamp-page .growth-platform-panel .revamp-boundary-action {
  color: #0b666b !important;
  -webkit-text-fill-color: #0b666b !important;
}

html body.revamp-page .growth-platform-panel .revamp-boundary-link:is(:hover, :focus-visible) {
  border-color: #6a3a9c !important;
  border-left-color: #0b666b !important;
  background: #fff7d9 !important;
}

html[data-theme] body.revamp-page .revamp-special-deadline,
html body.revamp-page .revamp-special-deadline {
  border-color: rgba(80, 39, 126, .22) !important;
  background: #eee4f5 !important;
  color: #24133c !important;
  -webkit-text-fill-color: #24133c !important;
}

html body.revamp-page .revamp-special-deadline :is(span, strong, small) {
  color: #3f3150 !important;
  -webkit-text-fill-color: #3f3150 !important;
}

html[data-theme] body.revamp-page .growth-cta-box .btn.secondary,
html body.revamp-page .growth-cta-box .btn.secondary {
  border-color: rgba(80, 39, 126, .3) !important;
  background: #ffffff !important;
  color: #24133c !important;
  -webkit-text-fill-color: #24133c !important;
}

html body.revamp-page .growth-cta-box .btn.secondary:is(:hover, :focus-visible) {
  border-color: #6a3a9c !important;
  background: #eee4f5 !important;
  color: #24133c !important;
  -webkit-text-fill-color: #24133c !important;
}