/* === cta-card === */
.ctac-outer{background:var(--ssla-bg-color, transparent);padding:80px 48px;display:flex;justify-content:center}
.ctac-card{text-align:center;padding:60px 48px;max-width:600px;border:1px solid var(--shell-line,rgba(255,255,255,.06));background:var(--shell-card,rgba(255,255,255,.02))}
.ctac-card h2{font-family:var(--shell-hf);font-size:var(--paint-h2-size, 2rem);font-weight:700;color:var(--shell-h);margin-bottom:12px}
.ctac-card p{font-size:var(--paint-body-size, .85rem);color:var(--shell-m);margin-bottom:28px;line-height:var(--paint-body-line-height, 1.7)}
.ctac-btn{display:inline-block;padding:14px 36px;background:var(--sc,var(--shell-accent));color:var(--shell-cta-t,#111);font-size:var(--paint-button-size, .72rem);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:.3s}
/* v3.12.24 (#5) — button-hover paint retired (Glenn 2026-05-21 walk).
 * Unified hover treatment now ships from 0-shared.css (lift only,
 * no paint shift). Original rule preserved here for reference.
 * Original:
 * .ctac-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}
 */
.ctac-btn:hover{/* paint retired; global rule provides lift */}
@media(max-width:768px){.ctac-outer{padding:40px 24px}.ctac-card{padding:40px 24px}}

/* v3.12.02 — tone override classes. ssla-tone-dark inverts text
 * to read against dark bgs; ssla-tone-light inverts to read against
 * light bgs. Surgical inversion of headings/body/eyebrow; complete
 * coverage will iterate per Glenn's walks. */
.ssla-tone-dark .ctac-card h2{color: #ffffff}
.ssla-tone-dark .ctac-card p{color: rgba(255, 255, 255, 0.78)}
.ssla-tone-light .ctac-card h2{color: var(--shell-h, #1a1d21)}
.ssla-tone-light .ctac-card p{color: var(--shell-m, #6b7280)}