/* Stage 5: conversion clarity and mobile journey */

#artists .artistCard:has(.artistQuotePending) {
  display: none !important;
}

.heroActions .button.primary[href*="start=web_hero"] {
  min-width: 270px;
  white-space: nowrap;
}

.heroBenefits span {
  color: #aaa5b1;
  font-size: 11px;
}

.stage5SupportLink {
  color: #bdb5c9;
  border-bottom: 1px solid #8f79b7;
  margin-top: 20px;
  padding: 5px 2px;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  transition: color .2s, border-color .2s;
}

.stage5SupportLink:hover,
.stage5SupportLink:focus-visible {
  color: #fff;
  border-color: #c2a5f4;
}

@media (max-width: 760px) {
  .heroActions .button.primary[href*="start=web_hero"] {
    min-width: 0;
    white-space: normal;
  }

  .heroBenefits span {
    color: #b8b3bf;
    min-height: 28px;
    font-size: 11px;
    line-height: 1.4;
  }

  .heroBenefits b {
    font-size: 8px;
  }

  .releaseProcess {
    padding-top: 64px;
  }

  .releaseProcessHead {
    gap: 18px;
  }

  .releaseProcessHead h2 {
    margin-top: 18px;
    font-size: clamp(38px, 11vw, 48px);
    line-height: .9;
  }

  .releaseProcessHead > p:last-child {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.55;
  }

  .releaseSteps {
    margin-top: 34px;
  }
}