/* Nova vivid: presentation only. The parent owns image URLs and stylesheet loading.
   Body-qualified selectors deliberately outrank sales CSS loaded after this file. */
body.li-sales,
body:is(.music-experience, :has(#music-brief)) {
  --nova-surface: #061a27;
  --nova-surface-2: #102a3a;
  --nova-card: #10232f;
  --nova-palm: #48ddb2;
  --nova-turquoise: #38e8dc;
  --nova-pink: #ff70b5;
  --nova-violet: #be9bff;
  --nova-sunset: #ffad67;
  --nova-gold: #f4c76b;
  --nova-ivory: #fff5e9;
  --nova-muted: #c7d7e2;
  --nova-primary: linear-gradient(115deg, #ffe6a2, #f4c76b 58%, #eba24c);
  --brand-muted: var(--nova-muted);
  --brand-primary: var(--nova-primary);
  color: var(--nova-ivory);
}

body.li-sales main,
body:is(.music-experience, :has(#music-brief)) main {
  background: radial-gradient(ellipse at 0 8%, #0b777b70, transparent 28%),
    radial-gradient(ellipse at 100% 45%, #9f1d884d, transparent 32%), var(--nova-surface);
}

body.li-sales h1,
body.li-sales h2,
body.li-sales h3,
body:is(.music-experience, :has(#music-brief)) h1,
body:is(.music-experience, :has(#music-brief)) h2,
body:is(.music-experience, :has(#music-brief)) h3 {
  color: var(--nova-ivory);
}

body.li-sales p,
body:is(.music-experience, :has(#music-brief)) .section-title > p,
body:is(.music-experience, :has(#music-brief)) .muted {
  color: var(--nova-muted);
}

body.li-sales .sales-eyebrow,
body:is(.music-experience, :has(#music-brief)) .eyebrow {
  color: var(--nova-turquoise);
}

body.li-sales .sales-small,
body:is(.music-experience, :has(#music-brief)) small {
  color: #d8cfe0;
}

/* A portrait panel with its own vivid frame; copy never crosses the face. */
body.li-sales .sales-hero {
  min-height: 800px;
  background: radial-gradient(ellipse at 90% 8%, #e72b9d85, transparent 48%),
    radial-gradient(ellipse at 65% 95%, #027f8da8, transparent 50%),
    linear-gradient(115deg, #101d30 12%, #29204d 57%, #65305d);
  border-bottom: 2px solid #38e8dc80;
}

body.li-sales .sales-hero::after { display: none; }

body.li-sales .sales-hero-art {
  position: absolute;
  display: block;
  inset: 32px 3% 32px auto;
  z-index: -1;
  width: 44%;
  max-width: 460px;
  height: auto;
  padding: 8px;
  border: 1px solid #ffdab08c;
  border-radius: 140px 140px 28px 28px;
  overflow: hidden;
  background: linear-gradient(155deg, #38e8dc, #267ea6 32%, #a445dd 67%, #ff70b5 85%, #ffad71);
  box-shadow: 0 24px 60px #0006, 0 0 45px #c63bb33d;
}

body.li-sales .sales-hero-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 0%;
  border-radius: 132px 132px 21px 21px;
}

body.li-sales .sales-hero-inner { min-height: 800px; }
body.li-sales .sales-hero-copy { width: 49%; max-width: 570px; min-width: 0; }
body.li-sales h1 { font-size: clamp(42px, 4.8vw, 76px); text-wrap: balance; }
body.li-sales h1 em { color: #ffc7ec; }

@supports (background-clip: text) {
  body.li-sales h1 em {
    background: linear-gradient(100deg, #8dffe4, #ffd6f3 48%, #cfafff 78%, #ffd2a4);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
}

body.li-sales .sales-lead { color: #f6ecf4; }
body.li-sales .sales-notice {
  max-width: 100%;
  background: #102b35;
  border-color: #38e8dc80;
  color: #d4fff1;
  border-radius: 16px 16px 16px 4px;
}
body.li-sales .sales-notice i { flex: 0 0 6px; background: #38e8dc; box-shadow: 0 0 12px #38e8dc99; }
body.li-sales .sales-photo-caption { right: 3%; bottom: 12px; max-width: 44%; color: #fff0dd; }

/* Full section surfaces, rather than faint light on near-black. */
body.li-sales .sales-pain { background: radial-gradient(ellipse at 100% 45%, #6b347160, transparent 70%); }
body.li-sales .sales-thought { border-left: 3px solid var(--nova-pink); }
body.li-sales .sales-mark { color: var(--nova-pink); opacity: .85; }
body.li-sales .sales-after {
  background: radial-gradient(ellipse at 90% 20%, #22cdb23b, transparent 64%),
    linear-gradient(120deg, #073d44, #123945 48%, #24264a);
  border-block: 1px solid #38e8dc5c;
}
body.li-sales .sales-proof {
  background: radial-gradient(ellipse at 90% 0, #b92da75c, transparent 62%),
    linear-gradient(125deg, #302357, #422254 55%, #3b2046);
  border-block: 1px solid #d58fff80;
}
body.li-sales .sales-offer-grid { background: radial-gradient(ellipse at 0 40%, #be593d45, transparent 68%); }
body.li-sales .sales-risk { background: linear-gradient(115deg, #102e3e, #193f4b); border-block: 1px solid #38e8dc61; }
body.li-sales .sales-expansion {
  max-width: 1100px;
  background: radial-gradient(ellipse at 50% 50%, #8b30834d, transparent 75%);
}
body.li-sales .sales-final {
  background: radial-gradient(ellipse at 100% 0, #f16b5e47, transparent 60%),
    linear-gradient(120deg, #3d234c, #49253f 50%, #56302e);
  border-top: 2px solid #ffb876b3;
}
body.li-sales .sales-orbit { color: var(--nova-pink); text-shadow: 0 0 28px #ff70b57a; }
body.li-sales .sales-list { color: #f0e6e6; }
body.li-sales .sales-list li::before { color: var(--nova-turquoise); }

body.li-sales .sales-portrait {
  width: 100%;
  padding: 7px;
  background: linear-gradient(155deg, #2de3cb, #835bd4 48%, #f57bc7);
  border-color: #85ffe5;
  border-radius: 90px 90px 24px 24px;
  box-shadow: 0 22px 50px #0005, 0 0 28px #38e8dc29;
}
body.li-sales .sales-portrait img { object-position: 50% 0%; border-radius: 83px 83px 12px 12px; }
body.li-sales .sales-portrait figcaption { background: #142633; border-radius: 0 0 18px 18px; color: var(--nova-ivory); }

body.li-sales .sales-steps { gap: 22px; }
body.li-sales .sales-steps article {
  padding: 26px;
  border: 1px solid #38e8dc8c;
  border-top: 3px solid var(--nova-turquoise);
  border-radius: 22px 22px 22px 6px;
  background: linear-gradient(145deg, #19454f, #122433 70%);
}
body.li-sales .sales-steps article:nth-child(2) { border-color: #ff70b59c; background: linear-gradient(145deg, #512746, #271c35 70%); }
body.li-sales .sales-steps article:nth-child(3) { border-color: #be9bffab; background: linear-gradient(145deg, #3d2e65, #20223c 70%); }
body.li-sales .sales-step-number { color: var(--nova-turquoise); }
body.li-sales .sales-steps article:nth-child(2) .sales-step-number { color: var(--nova-pink); }
body.li-sales .sales-steps article:nth-child(3) .sales-step-number { color: var(--nova-violet); }
body.li-sales .sales-example { background: linear-gradient(145deg, #19283e, #241a38); border-color: #cf93ee; border-radius: 24px; }
body.li-sales .sales-offer {
  background: radial-gradient(ellipse at 90% 0, #ffad7138, transparent 70%), #251d32;
  border: 2px solid #f4c76bbf;
  border-radius: 28px 28px 28px 8px;
  box-shadow: 0 22px 48px #0005, 0 0 36px #ffad6726;
}
body.li-sales .sales-price strong { color: #ffdb92; }
body.li-sales .sales-form { background: #10232f; border-color: #4fe5d4b3; border-radius: 24px; }
body.li-sales .sales-faq details { border-color: #75e7d459; }
body.li-sales .sales-faq summary { color: #fff0da; }
body.li-sales .sales-faq details[open] { border-top-color: var(--nova-turquoise); }
body.li-sales .sales-example-choices button { background: #211e38; border-color: #ca8ded; color: #f4e9ff; }
body.li-sales .sales-example-choices button[aria-pressed=true] {
  background: #15524f;
  color: #e5fff4;
  border-color: #60ffe1;
  box-shadow: inset 0 0 0 1px #60ffe1, 0 0 18px #38e8dc26;
}

/* Parent-supplied figures: creator, studio, fitness and evening. */
body.li-sales .sales-vibe-gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 36px 0 30px;
  text-align: left;
}
body.li-sales .sales-vibe-gallery figure {
  --vibe-accent: var(--nova-turquoise);
  min-width: 0;
  margin: 0;
  padding: 5px;
  background: linear-gradient(145deg, #25434d, #192333);
  border: 1px solid var(--vibe-accent);
  border-radius: 24px 24px 24px 6px;
  overflow: hidden;
  box-shadow: 0 12px 26px #0004;
}
body.li-sales .sales-vibe-gallery figure:nth-child(2) { --vibe-accent: var(--nova-pink); background: linear-gradient(145deg, #54284d, #251d35); }
body.li-sales .sales-vibe-gallery figure:nth-child(3) { --vibe-accent: var(--nova-violet); background: linear-gradient(145deg, #463268, #24203a); }
body.li-sales .sales-vibe-gallery figure:nth-child(4) { --vibe-accent: var(--nova-sunset); background: linear-gradient(145deg, #653d36, #302032); }
body.li-sales .sales-vibe-gallery img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 19px 19px 15px 3px;
}
body.li-sales .sales-vibe-gallery figcaption { padding: 14px 9px 12px; color: #fff2e9; font-size: 13px; line-height: 1.5; }

/* Covers the plain-body landing via its existing form; no markup change needed.
   Music template: keep the parent's background-image mappings intact. */
body:is(.music-experience, :has(#music-brief)) .hero {
  background: radial-gradient(ellipse at 85% 0, #ee379b88, transparent 55%),
    linear-gradient(120deg, #0d2e3d, #352255 58%, #742d65);
  border-bottom: 2px solid #38e8dc80;
}
body:is(.music-experience, :has(#music-brief)) .hero-photo {
  inset: 24px 3% 24px 53%;
  background-color: #21485b;
  background-size: cover;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  opacity: 1;
  border: 2px solid #eaa0e6;
  border-radius: 120px 120px 24px 24px;
  box-shadow: 0 0 40px #ff70b540;
}
body:is(.music-experience, :has(#music-brief)) .hero-layout { min-height: 660px; grid-template-columns: minmax(0, 49%) minmax(0, 51%); }
body:is(.music-experience, :has(#music-brief)) .hero-copy { min-width: 0; padding-right: 24px; }
body:is(.music-experience, :has(#music-brief)) .hero h1 { color: var(--nova-ivory); font-size: clamp(40px, 4.7vw, 65px); text-shadow: none; }
body:is(.music-experience, :has(#music-brief)) .hero .lead { color: #f4eaf4; text-shadow: none; }
body:is(.music-experience, :has(#music-brief)) .hero-art { min-width: 0; min-height: 580px; }
body:is(.music-experience, :has(#music-brief)) .hero-art > .handwritten { top: auto; bottom: 155px; left: 8%; max-width: 72%; padding: 12px; background: #10232fed; border-radius: 16px; color: #ffe3b1; transform: rotate(-3deg); }
body:is(.music-experience, :has(#music-brief)) .hero .phone { top: auto; bottom: 0; right: 0; transform: rotate(3deg); border-color: #f3bb89; box-shadow: 0 0 24px #ff70b559; }
body:is(.music-experience, :has(#music-brief)) .phone-photo { background-size: cover; background-position: 50% 0% !important; }
body:is(.music-experience, :has(#music-brief)) .sound-ribbon { left: 0; bottom: 12px; width: 55%; padding: 8px; border-radius: 14px; background: #122737ed; }
body:is(.music-experience, :has(#music-brief)) .highlights { flex-wrap: wrap; }
body:is(.music-experience, :has(#music-brief)) .highlights b { color: #8dffe4; }
body:is(.music-experience, :has(#music-brief)) .launch-offer { background: linear-gradient(110deg, #18494f, #28234b 60%, #542b54); }
body:is(.music-experience, :has(#music-brief)) .band { padding-block: 48px; }
body:is(.music-experience, :has(#music-brief)) main > .band:nth-of-type(3n) { background: linear-gradient(120deg, #163a48, #20354e); }
body:is(.music-experience, :has(#music-brief)) main > .band:nth-of-type(3n + 1) { background: linear-gradient(120deg, #30244c, #432343); }
body:is(.music-experience, :has(#music-brief)) main > .band:nth-of-type(3n + 2) { background: linear-gradient(120deg, #3c293f, #443137); }
body:is(.music-experience, :has(#music-brief)) .band::after { background: linear-gradient(90deg, transparent, #38e8dc 25%, #ff70b5 65%, #be9bff, transparent); }
body:is(.music-experience, :has(#music-brief)) #zodiac { background: radial-gradient(ellipse at 80% 0, #a139ad66, transparent 75%), #30234e; }
body:is(.music-experience, :has(#music-brief)) .price-card { background: linear-gradient(145deg, #20424c, #142231 70%); border-color: #38e8dca6; border-radius: 24px; }
body:is(.music-experience, :has(#music-brief)) .price-card:nth-child(even) { background: linear-gradient(145deg, #4d2c52, #281e35 70%); border-color: #ff70b5b3; }
body:is(.music-experience, :has(#music-brief)) .price-card strong { color: #ffdc94; }
body:is(.music-experience, :has(#music-brief)) .price-card p { color: #e4dbe6; }
body:is(.music-experience, :has(#music-brief)) .price-extras { color: #eee3ef; }

/* These declarations must beat the canonical theme's important card paint. */
body:is(.music-experience, :has(#music-brief)) .card:not(.voice-card) {
  --vivid-card: #38e8dc;
  background-color: #152c39 !important;
  background-image: linear-gradient(145deg, #20505b, #152432 74%) !important;
  border-color: var(--vivid-card) !important;
  box-shadow: inset 0 1px #ffffff1a, 0 12px 26px #0004;
}
body:is(.music-experience, :has(#music-brief)) .card:not(.voice-card):nth-child(3n + 2) { --vivid-card: #ff70b5; background-image: linear-gradient(145deg, #542c51, #281e36 74%) !important; }
body:is(.music-experience, :has(#music-brief)) .card:not(.voice-card):nth-child(3n) { --vivid-card: #be9bff; background-image: linear-gradient(145deg, #453368, #23263e 74%) !important; }
body:is(.music-experience, :has(#music-brief)) .voice-card {
  --accent: 56 232 220;
  --mode-accent: #38e8dc;
  background: radial-gradient(ellipse at 50% 0, rgb(var(--accent) / .24), transparent 80%), #10232f !important;
  border-color: rgb(var(--accent) / .8) !important;
  box-shadow: inset 0 1px #fff2, 0 12px 26px #0005, 0 0 18px rgb(var(--accent) / .15) !important;
}
body:is(.music-experience, :has(#music-brief)) .voice-card[data-voice-mode="duet"] { --accent: 255 112 181; --mode-accent: #ff70b5; }
body:is(.music-experience, :has(#music-brief)) .voice-card[data-voice-mode="group"] { --accent: 190 155 255; --mode-accent: #be9bff; }
body:is(.music-experience, :has(#music-brief)) .voice-card[data-voice-mode="zodiac"] { --accent: 255 173 103; --mode-accent: #ffad67; }
body:is(.music-experience, :has(#music-brief)) .voice-card[aria-pressed="true"] {
  background: radial-gradient(ellipse at 50% 0, rgb(var(--accent) / .4), transparent 90%), #10232f !important;
  border-color: rgb(var(--accent)) !important;
  box-shadow: inset 0 0 0 2px rgb(var(--accent)), 0 0 24px rgb(var(--accent) / .28) !important;
}
body:is(.music-experience, :has(#music-brief)) .zodiac-grid button {
  --sign-accent: 190 155 255;
  background: linear-gradient(145deg, #463563, #20263c) !important;
  border-color: #be9bffb3 !important;
}
body:is(.music-experience, :has(#music-brief)) .zodiac-grid button:nth-child(3n + 2) { --sign-accent: 56 232 220; background: linear-gradient(145deg, #1e4e54, #192e40) !important; border-color: #38e8dcb3 !important; }
body:is(.music-experience, :has(#music-brief)) .zodiac-grid button:nth-child(3n) { --sign-accent: 255 112 181; background: linear-gradient(145deg, #572b50, #2c223c) !important; border-color: #ff70b5b3 !important; }
body:is(.music-experience, :has(#music-brief)) .zodiac-grid button[aria-pressed="true"] { background: linear-gradient(145deg, #56442a, #30283c) !important; border-color: #ffe1a2 !important; box-shadow: inset 0 0 0 2px #ffe1a2, 0 0 24px #f4c76b40; }
body:is(.music-experience, :has(#music-brief)) .zodiac-grid span { color: rgb(var(--sign-accent)); text-shadow: 0 0 14px rgb(var(--sign-accent) / .4); }
body:is(.music-experience, :has(#music-brief)) .zodiac-detail { background: linear-gradient(120deg, #292b44, #342541); border-color: #be9bff; }
body:is(.music-experience, :has(#music-brief)) .symbol { color: var(--vivid-card, var(--nova-turquoise)); }
body:is(.music-experience, :has(#music-brief)) .format-art {
  height: auto;
  aspect-ratio: 3 / 4;
  align-items: end;
  padding: 12px;
  background-color: #433461;
  background-size: cover;
  background-position: 50% 0% !important;
  border: 2px solid #38e8dcb3;
  border-radius: 24px 24px 24px 6px;
}
body:is(.music-experience, :has(#music-brief)) .format-art span { max-width: 100%; padding: 4px 10px; border-radius: 10px; color: #fff1d4; background: #10232ff0; }
body:is(.music-experience, :has(#music-brief)) .format:nth-child(3n + 2) .format-art { border-color: var(--nova-pink); }
body:is(.music-experience, :has(#music-brief)) .format:nth-child(3n) .format-art { border-color: var(--nova-violet); }
body:is(.music-experience, :has(#music-brief)) .steps b { background: #155053; border-color: #38e8dc; color: #c9fff1; }
body:is(.music-experience, :has(#music-brief)) .steps > div:nth-child(2) b { background: #512b50; border-color: #ff70b5; color: #ffe1f6; }
body:is(.music-experience, :has(#music-brief)) .steps > div:nth-child(3) b { background: #423360; border-color: #be9bff; color: #f2e6ff; }
body:is(.music-experience, :has(#music-brief)) .steps h3 { color: #fff0dd; }
body:is(.music-experience, :has(#music-brief)) .offers { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
body:is(.music-experience, :has(#music-brief)) .trust { background-color: #163644; border: 1px solid #38e8dc80; padding: 26px; }
body:is(.music-experience, :has(#music-brief)) .final { background: linear-gradient(115deg, #164551, #4d2b58 62%, #6a3846); border-top: 2px solid #ffb985; }

/* Gold stays the primary action; secondary actions sit on opaque dark ink. */
body.li-sales .sales-button,
body:is(.music-experience, :has(#music-brief)) .button,
body:is(.music-experience, :has(#music-brief)) .li-button {
  background: var(--nova-primary) !important;
  border-color: #ffdc93 !important;
  color: #21150b !important;
  border-radius: 14px 14px 14px 5px;
  box-shadow: inset 0 1px #fff8, 0 9px 24px #0005, 0 0 24px #ffb66c33 !important;
  transition: transform .18s ease, box-shadow .18s ease;
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
body.li-sales .sales-secondary,
body:is(.music-experience, :has(#music-brief)) .button.secondary,
body:is(.music-experience, :has(#music-brief)) .li-button.secondary {
  background: #102a3a !important;
  color: #d1fff2 !important;
  border-color: #58e6d5 !important;
  box-shadow: inset 0 1px #fff1, 0 8px 18px #0003 !important;
}
body.li-sales .sales-wave i,
body:is(.music-experience, :has(#music-brief)) .wave i,
body:is(.music-experience, :has(#music-brief)) .voice-card .wave i {
  background: linear-gradient(0deg, #12bda9, #71ffe0 48%, #ff8bd6);
  box-shadow: 0 0 8px #38e8dc5c;
  animation: none !important;
}
body.li-sales .sales-wave i:nth-child(3n),
body:is(.music-experience, :has(#music-brief)) .wave i:nth-child(3n) { background: linear-gradient(#cfabff, #ff70b5); box-shadow: 0 0 8px #ff70b57a; }
/* Disable legacy shimmer/pulse; interaction uses only small lifts and focus. */
body:is(.music-experience, :has(#music-brief)) .voice-card::before,
body:is(.music-experience, :has(#music-brief)) .button::before { content: none; animation: none !important; }
body.li-sales :focus-visible,
body:is(.music-experience, :has(#music-brief)) :focus-visible { outline: 3px solid #91ffe8 !important; outline-offset: 4px !important; }

/* Min-content sizing must not force either template beyond its viewport. */
body.li-sales .sales-wrap,
body:is(.music-experience, :has(#music-brief)) .wrap { min-width: 0; max-width: 100%; }
body.li-sales .sales-wrap > *,
body:is(.music-experience, :has(#music-brief)) .wrap > *,
body:is(.music-experience, :has(#music-brief)) .split > *,
body:is(.music-experience, :has(#music-brief)) .formats > *,
body:is(.music-experience, :has(#music-brief)) .business-grid > *,
body:is(.music-experience, :has(#music-brief)) .form-grid > * { min-width: 0; }
body.li-sales .sales-hero-copy,
body.li-sales .sales-vibe-gallery figcaption,
body:is(.music-experience, :has(#music-brief)) .format,
body:is(.music-experience, :has(#music-brief)) .card { overflow-wrap: anywhere; }

@media (hover: hover) and (pointer: fine) {
  body.li-sales .sales-button:hover,
  body:is(.music-experience, :has(#music-brief)) .button:hover,
  body:is(.music-experience, :has(#music-brief)) .li-button:hover,
  body:is(.music-experience, :has(#music-brief)) .voice-card:hover,
  body:is(.music-experience, :has(#music-brief)) .zodiac-grid button:hover,
  body:is(.music-experience, :has(#music-brief)) .occasion:hover,
  body:is(.music-experience, :has(#music-brief)) .offers a:hover,
  body:is(.music-experience, :has(#music-brief)) .format:hover .format-art { transform: translateY(-2px); }
}

@media (max-width: 1000px) {
  body:is(.music-experience, :has(#music-brief)) .formats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body:is(.music-experience, :has(#music-brief)) .occasions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body:is(.music-experience, :has(#music-brief)) .business-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body:is(.music-experience, :has(#music-brief)) .hero .phone { width: 145px; }
  body.li-sales .sales-steps article { padding: 22px; }
}

@media (max-width: 820px) {
  body.li-sales .sales-hero { min-height: 0; }
  body.li-sales .sales-hero-art {
    position: relative;
    inset: auto;
    z-index: auto;
    width: 100%;
    max-width: none;
    height: clamp(360px, 92vw, 400px);
    padding: 6px;
    border-radius: 0 0 30px 30px;
  }
  body.li-sales .sales-hero-art img { object-fit: cover; object-position: 50% 0%; border-radius: 0 0 24px 24px; }
  body.li-sales .sales-hero-inner { display: block; min-height: 0; padding-block: 32px 48px; }
  body.li-sales .sales-hero-copy { width: 100%; max-width: none; }
  body.li-sales .sales-photo-caption { display: none; }
  body.li-sales h1 { font-size: clamp(43px, 8vw, 64px); line-height: 1.04; }
  body.li-sales .sales-notice { margin-bottom: 26px; }
  body.li-sales .sales-pain,
  body.li-sales .sales-after-grid,
  body.li-sales .sales-offer-grid,
  body.li-sales .sales-final-grid,
  body.li-sales .sales-example-layout { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  body.li-sales .sales-vibe-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  body:is(.music-experience, :has(#music-brief)) .hero-photo { inset: 0 0 auto; height: 390px; border-radius: 0 0 28px 28px; background-size: cover; background-position: 50% 0%; }
  body:is(.music-experience, :has(#music-brief)) .hero-layout { grid-template-columns: minmax(0, 1fr); padding-top: 422px; min-height: 0; }
  body:is(.music-experience, :has(#music-brief)) .hero-copy { padding: 0; }
  body:is(.music-experience, :has(#music-brief)) .hero-art { min-height: 305px; margin-top: 24px; }
  body:is(.music-experience, :has(#music-brief)) .hero-art > .handwritten { top: 18px; bottom: auto; left: 0; max-width: 48%; padding: 10px; font-size: 24px; }
  body:is(.music-experience, :has(#music-brief)) .hero .phone { top: 10px; bottom: auto; right: 10px; width: 145px; height: 275px; }
  body:is(.music-experience, :has(#music-brief)) .phone h3 { font-size: 23px; }
  body:is(.music-experience, :has(#music-brief)) .phone p { margin-top: 65px; }
  body:is(.music-experience, :has(#music-brief)) .sound-ribbon { width: 48%; bottom: 15px; }
}

@media (max-width: 700px) {
  body.li-sales .sales-wrap { width: calc(100% - 36px); }
  body.li-sales .sales-section { padding-block: 52px; }
  body.li-sales .sales-steps { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  body.li-sales .sales-step-number { float: none; margin: 0 0 16px; }
  body.li-sales .sales-example,
  body.li-sales .sales-offer,
  body.li-sales .sales-form { padding: 24px; }
  body.li-sales .sales-expansion { padding-inline: 0; }
  body.li-sales .sales-vibe-gallery figcaption { font-size: 12px; padding-inline: 6px; }
  body.li-sales .sales-portrait { max-width: 310px; }
  body:is(.music-experience, :has(#music-brief)) .wrap { padding-inline: 18px; }
  body:is(.music-experience, :has(#music-brief)) .hero h1 { font-size: clamp(38px, 10vw, 52px); }
  body:is(.music-experience, :has(#music-brief)) .band { padding-block: 36px; }
  body:is(.music-experience, :has(#music-brief)) .section-title { display: block; }
  body:is(.music-experience, :has(#music-brief)) .split,
  body:is(.music-experience, :has(#music-brief)) .occasion-layout,
  body:is(.music-experience, :has(#music-brief)) .price-grid { grid-template-columns: minmax(0, 1fr); }
  body:is(.music-experience, :has(#music-brief)) .formats,
  body:is(.music-experience, :has(#music-brief)) .occasions,
  body:is(.music-experience, :has(#music-brief)) .voice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body:is(.music-experience, :has(#music-brief)) .format-art { height: auto; }
  body:is(.music-experience, :has(#music-brief)) .form-grid { grid-template-columns: minmax(0, 1fr); }
  body:is(.music-experience, :has(#music-brief)) .steps:not(.compact) { grid-template-columns: minmax(0, 1fr); }
  body:is(.music-experience, :has(#music-brief)) .trust { padding: 24px; }
  body:is(.music-experience, :has(#music-brief)) .final > .wrap { display: block; }
}

@media (max-width: 390px) {
  body.li-sales .sales-form-row { grid-template-columns: minmax(0, 1fr); }
  body.li-sales .sales-actions .sales-button { flex: 1 1 100%; }
  body.li-sales .sales-vibe-gallery { gap: 10px; }
  body.li-sales .sales-vibe-gallery figure { padding: 4px; }
  body:is(.music-experience, :has(#music-brief)) .hero .actions .button { flex-wrap: wrap; gap: 5px 10px; }
  body:is(.music-experience, :has(#music-brief)) .hero .phone { width: 132px; }
}

@media (hover: none) {
  body.li-sales .sales-button:hover,
  body:is(.music-experience, :has(#music-brief)) .button:hover,
  body:is(.music-experience, :has(#music-brief)) .li-button:hover,
  body:is(.music-experience, :has(#music-brief)) .voice-card:hover,
  body:is(.music-experience, :has(#music-brief)) .zodiac-grid button:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  body.li-sales *, body.li-sales *::before, body.li-sales *::after,
  body:is(.music-experience, :has(#music-brief)) *, body:is(.music-experience, :has(#music-brief)) *::before, body:is(.music-experience, :has(#music-brief)) *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
    transform: none !important;
  }
}

@media (forced-colors: active) {
  body.li-sales h1 em { background: none; color: CanvasText; }
}