.cards .card,
.studio-features article {
  --otg-glow: #d8a63e;
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

.cards .card:nth-child(2) { --otg-glow: #39b8d0; }
.cards .card:nth-child(3) { --otg-glow: #c84f78; }
.studio-features article:nth-child(2) { --otg-glow: #c84f78; }
.studio-features article:nth-child(3) { --otg-glow: #39b8b1; }

.cards .card::before,
.studio-features article::before {
  background: radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--otg-glow) 38%, transparent), transparent 51%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.cards .card::after,
.studio-features article::after,
.listen-card::after {
  background: url('/assets/brand/otg-watermark.png') center / contain no-repeat;
  content: "";
  height: 116px;
  opacity: .1;
  pointer-events: none;
  position: absolute;
  right: -20px;
  top: -17px;
  width: 176px;
  z-index: 0;
}

.cards .card > *,
.studio-features article > *,
.listen-card > * {
  position: relative;
  z-index: 1;
}

.listen-card::after { opacity: .085; }

.song-offer {
  background: linear-gradient(145deg, #17140f, #160d13);
  isolation: isolate;
  position: relative;
}

.song-offer::before {
  background: radial-gradient(circle at 76% 10%, rgba(200, 79, 120, .34), transparent 48%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.song-offer::after {
  background: url('/assets/brand/otg-watermark.png') center / contain no-repeat;
  content: "";
  height: 130px;
  opacity: .1;
  pointer-events: none;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 196px;
  z-index: 0;
}

.song-offer > * { position: relative; z-index: 1; }
.song-offer .song-offer-price { background: transparent; padding: 20px 24px; }
.song-offer .song-offer-price strong { font-size: clamp(38px, 5vw, 54px); letter-spacing: -3px; margin: 0; }
.song-offer .song-offer-details { padding: 20px 24px; }
.song-offer .song-offer-details h2 { font-size: 20px; margin-bottom: 10px; }
.song-offer .song-offer-details ul { gap: 8px; }
.song-offer .song-offer-details li { line-height: 1.35; }
.studio-features h3 { margin-top: 12px; }

@media (max-width: 760px) {
  .cards .card::after,
  .studio-features article::after,
  .listen-card::after {
    height: 90px;
    right: -25px;
    top: -16px;
    width: 142px;
  }

  .song-offer::after {
    height: 94px;
    right: -26px;
    top: -17px;
    width: 148px;
  }

  .song-offer .song-offer-price { padding: 18px 20px 8px; }
  .song-offer .song-offer-details { padding: 8px 20px 20px; }
}