/* Template sections: CTA variants (template-sections/cta.html). V1 is the homepage CTA (css/sections/cta.css). */
.ts-cta p { color: var(--text-medium); }

/* V2 dark banner */
.ts-cta__banner { position: relative; display: grid; justify-items: center; gap: var(--space-5); text-align: center; isolation: isolate; }
.ts-cta__banner > p { max-width: 520px; }
.ts-cta__banner .ts-actions { justify-content: center; margin-top: var(--space-2); }
.ts-cta__glow { position: absolute; inset: auto -20% -60% -20%; height: 120%; z-index: -1; background: radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--accent) 45%, transparent), transparent 70%); pointer-events: none; }
@media (min-width: 768px) { .ts-cta__banner { padding-block: var(--space-24); } }

/* V3 split + image */
.ts-cta__split { display: grid; gap: var(--space-10); align-items: center; }
.ts-cta__split-copy { display: grid; gap: var(--space-5); justify-items: start; }
.ts-cta__split-media { overflow: hidden; border-radius: var(--radius-xl); aspect-ratio: 4 / 3; }
.ts-cta__split-media img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 1024px) { .ts-cta__split { grid-template-columns: 1fr 1fr; gap: var(--space-20); } }

/* V4 card + email */
.ts-cta__card { display: grid; gap: var(--space-8); padding: var(--space-8) var(--space-6); border-radius: var(--radius-xl); background: var(--peach-100); }
.ts-cta__card-copy { display: grid; gap: var(--space-3); justify-items: start; }
.ts-cta__card .ts-avatars { margin-bottom: var(--space-2); }
.ts-cta__card .ts-avatars img { width: 40px; height: 40px; object-position: 50% 35%; }
.ts-cta__card .input { background: var(--base-high); }
@media (min-width: 1024px) {
  .ts-cta__card { grid-template-columns: 1fr auto; align-items: end; padding: var(--space-16); }
  .ts-cta__form { width: 440px; }
}

/* V5 inline strip */
.ts-cta--v5 { padding-block: var(--space-10); }
.ts-cta__strip { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: var(--space-3) var(--space-4); padding: var(--space-4) var(--space-5); border: 1px solid var(--border-thin); border-radius: var(--radius-lg); background: var(--base-high); }
.ts-cta__strip b { font-weight: var(--fw-medium); color: var(--text-strong); }
.ts-cta__strip .btn { grid-column: 1 / -1; justify-self: start; }
@media (min-width: 768px) { .ts-cta__strip { grid-template-columns: auto 1fr auto; } .ts-cta__strip .btn { grid-column: auto; } }

/* V6 two paths */
.ts-cta__paths { display: grid; gap: var(--space-4); }
.ts-cta__path { display: grid; align-content: start; justify-items: start; gap: var(--space-3); padding: var(--space-8); }
.ts-cta__path .ts-icon { margin-bottom: var(--space-6); }
.ts-cta__path .link { margin-top: var(--space-4); }
.ts-cta__path--dark { border-color: transparent; background: var(--ts-surface); }
@media (min-width: 768px) { .ts-cta__paths { grid-template-columns: 1fr 1fr; } .ts-cta__path { padding: var(--space-12); min-height: 340px; } }