.cta { padding-block: var(--space-8); }
@media (min-width: 900px) { .cta { padding-block: var(--space-9); } }

.cta__panel {
  position: relative; overflow: hidden; isolation: isolate;
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: clamp(56px, 9vw, 120px) clamp(24px, 6vw, 80px);
  border: 1px solid var(--line-strong); border-radius: var(--radius-xl);
  background: radial-gradient(70% 90% at 50% 0%, rgba(255, 255, 255, 0.06), transparent 70%), var(--bg-2);
}
.cta__panel::after {
  content: ""; position: absolute; left: 50%; bottom: -55%; z-index: -1;
  width: 70%; aspect-ratio: 1; transform: translateX(-50%);
  background: radial-gradient(closest-side, rgba(229, 57, 47, 0.12), transparent 70%);
}
.cta__mark { display: none; }
.cta__title { font-family: var(--serif); font-weight: 500; font-size: clamp(2.6rem, 6vw, 5rem); letter-spacing: -0.035em; line-height: 0.98; max-width: 16ch; text-wrap: balance; }
.cta__sub { margin-top: var(--space-5); color: var(--text-2); font-size: 1.1rem; max-width: 48ch; }
.cta__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); margin-top: var(--space-6); }
@media (max-width: 520px) { .cta__actions .btn { width: 100%; } }