/* Owner reference: a broad blue light wave dissolving into the white page. */
body[data-route="home"] .clean-hero {
  position: relative;
  isolation: isolate;
}
body[data-route="home"] .clean-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset: -28px calc((100% - 100vw) / 2) -75px;
  background:
    radial-gradient(ellipse 58% 22% at 75% 67%, #719bff 0%, #a9c8ff 35%, transparent 76%),
    radial-gradient(ellipse 65% 21% at 12% 75%, #b4d8ff 0%, #dfedff 48%, transparent 83%),
    linear-gradient(180deg, #fff 20%, #f7faff 48%, #eaf2ff 65%, #fff 96%);
}
body[data-route="home"] .clean-hero-mascot::before {
  background: transparent;
}
@media (max-width: 760px) {
  body[data-route="home"] .clean-hero::before {
    inset-block: -24px -30px;
    background:
      radial-gradient(ellipse 100% 23% at 75% 64%, #91b6ff 0%, #cee1ff 50%, transparent 85%),
      linear-gradient(180deg, #fff 22%, #eff5ff 53%, #fff 96%);
  }
}

/* Keep the quote ribbon and rewards above the hero's decorative fade. */
body[data-route="home"] .landing-market {
  position: relative;
  z-index: 1;
  background: #fff;
}
body[data-route="home"] .growth-invite-strip-large {
  position: relative;
  z-index: 1;
  isolation: isolate;
  box-sizing: border-box;
  height: auto;
  overflow: visible;
  margin: 20px auto 56px;
  padding: 32px;
  background: #edf3ff;
  border: 1px solid #cbdafa;
  border-radius: 24px;
}
body[data-route="home"] .growth-invite-strip-large h2 {
  margin: 0 0 12px;
  line-height: 1.25;
}
@media (max-width: 650px) {
  body[data-route="home"] .growth-invite-strip-large {
    width: calc(100% - 32px);
    margin: 12px auto 32px;
    padding: 24px 20px;
    border-radius: 20px;
  }
}