/* ==========================================================================
   TuneDance frontend — commercial rights.

   All copy, no media, and the last thing on the page. Five paragraphs of prose
   would read as a wall, so the section is built as a single centred column at
   a comfortable measure with the closing line pulled out: "All you need to get
   started is your TuneDance license" is the sentence the whole page has been
   walking towards, and it is set as a statement rather than as a fifth
   paragraph.

   Soft green ground, matching the turn section further up. Green has meant
   "this is the way out" everywhere else on this page, and this is the payoff,
   so it belongs to the same family rather than getting a colour of its own.
   ========================================================================== */

.rights {
  --accent: #04a86b;

  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(64px, 7.6vw, 122px) 24px clamp(70px, 8.2vw, 130px);
  background: linear-gradient(180deg, #f5fbf8 0%, #edf7f1 100%);
  color: var(--on-stage);
}

.rights::before {
  content: "";
  position: absolute;
  inset: -22% -12%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(38% 42% at 12% 6%, rgba(0, 201, 126, 0.24) 0%, transparent 68%),
    radial-gradient(36% 40% at 90% 92%, rgba(14, 139, 255, 0.14) 0%, transparent 70%);
  filter: blur(74px);
}

.rights__inner {
  position: relative;
  z-index: 1;
  max-width: 880px;
  margin: 0 auto;
}

.rights__heading {
  margin: 0 auto clamp(30px, 3.8vw, 54px);
  max-width: 22ch;
  font-size: clamp(28px, 4.3vw, 56px);
  font-weight: 900;
  line-height: 1.06;
  letter-spacing: -0.038em;
  text-align: center;
  text-wrap: balance;
}

.rights__body p {
  margin: 0 0 clamp(18px, 2.1vw, 26px);
  font-size: clamp(16px, 1.75vw, 20px);
  line-height: 1.62;
  color: rgba(26, 30, 38, 0.78);
}

/* The sentence the page has been walking towards. Centred, because it is an
   ending rather than another paragraph, with a rule above it doing the work a
   paragraph break cannot at this size. */
.rights__body p.rights__close {
  margin: clamp(30px, 3.8vw, 52px) auto 0;
  padding-top: clamp(28px, 3.4vw, 46px);
  max-width: 24ch;
  border-top: 2px solid rgba(4, 168, 107, 0.28);
  font-size: clamp(21px, 2.6vw, 34px);
  font-weight: 900;
  line-height: 1.24;
  letter-spacing: -0.032em;
  text-align: center;
  color: var(--on-stage);
}