/* Shared bonus offer beneath the hero on ISP course landing pages. */
.bonus-cta { padding-top: 18px; }
.sound-app-offer { display: grid; grid-template-columns: minmax(0, .58fr) minmax(0, 1fr); align-items: center; gap: 28px; padding: 20px 24px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--bg-teal, #E6EFEC); box-shadow: var(--shadow-sm); }
.sound-app-lead { display: grid; justify-items: start; gap: 8px; }
.sound-app-label { color: var(--accent); font-size: 13px; font-weight: 700; }
.sound-app-offer .btn { padding: 10px 20px; font-size: 14px; background: var(--accent); color: #fff; border-color: var(--accent); box-shadow: var(--shadow-sm); }
.sound-app-offer .btn:hover { background: var(--ink); border-color: var(--ink); transform: translateY(-1px); }
.sound-app-offer p { margin: 0; max-width: 65ch; color: var(--ink-soft); font-size: 16px; line-height: 1.5; }

@media (max-width: 640px) {
  .sound-app-offer { grid-template-columns: 1fr; gap: 14px; padding: 20px; }
}