/* === cards-2-path === */
.c2p{width:100%;background:var(--ssla-bg-color, transparent)}
.c2p-inner{max-width:1000px;margin:0 auto;padding:var(--paint-section-padding,100px) 48px}
.c2p-eyebrow{text-align:center;font-size:11px;font-weight:var(--paint-eyebrow-weight,700);letter-spacing:var(--paint-eyebrow-letter-spacing,3px);text-transform:var(--paint-eyebrow-case,uppercase);color:var(--shell-accent,currentColor);margin:0 0 16px}
.c2p-heading{text-align:center;font-size:var(--paint-h2-size, 36px);font-weight:var(--paint-heading-weight,800);color:var(--shell-h,currentColor);margin:0 0 16px;letter-spacing:var(--paint-heading-letter-spacing-h2,-1px);text-transform:var(--paint-heading-case-h2,none)}
.c2p-desc{text-align:center;font-size:var(--paint-body-size, 16px);color:var(--shell-t,#1a1a1a);line-height:var(--paint-body-line-height, 1.7);margin:0 0 48px}
.c2p-desc p{margin:0}
.c2p-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.c2p-card{border:1px solid var(--shell-line,rgba(0,0,0,0.1));border-top:4px solid var(--cc);padding:40px 32px}
.c2p-badge{font-size:10px;font-weight:var(--paint-eyebrow-weight,800);letter-spacing:var(--paint-eyebrow-letter-spacing,2.5px);text-transform:var(--paint-eyebrow-case,uppercase);color:var(--cc);margin:0 0 16px}
.c2p-card h3{font-size:var(--paint-h3-size, 24px);font-weight:var(--paint-heading-weight,800);color:var(--shell-h,currentColor);margin:0 0 8px;letter-spacing:var(--paint-heading-letter-spacing-h3,normal);text-transform:var(--paint-heading-case-h3,none)}
.c2p-tagline{font-size:14px;color:var(--shell-m,#6b7280);font-style:italic;margin:0 0 20px}
.c2p-body{font-size:14px;color:var(--shell-t,#1a1a1a);line-height:1.75;margin-bottom:28px}
.c2p-body p{margin:0}
.c2p-cta{display:inline-block;background:var(--cc);color:#fff!important;padding:14px 32px;font-size:var(--paint-button-size, 12px);font-weight:700;letter-spacing:1.5px;text-decoration:none!important;text-transform:uppercase;border-radius:var(--paint-button-radius,0);transition:all var(--paint-motion-timing,.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:
 * .c2p-cta:hover{filter:brightness(.9);transform:translateY(var(--paint-hover-lift,-2px))}
 */
.c2p-cta:hover{/* paint retired; global rule provides lift */}
.c2p-cta:empty{display:none}
@media(max-width:768px){.c2p-grid{grid-template-columns:1fr}}

/* 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 .c2p-heading{color: #ffffff}
.ssla-tone-dark .c2p-desc{color: rgba(255, 255, 255, 0.78)}
.ssla-tone-dark .c2p-card h3{color: #ffffff}
.ssla-tone-dark .c2p-body{color: rgba(255, 255, 255, 0.78)}
.ssla-tone-light .c2p-heading{color: var(--shell-h, #1a1d21)}
.ssla-tone-light .c2p-desc{color: var(--shell-t, #1a1a1a)}
.ssla-tone-light .c2p-card h3{color: var(--shell-h, #1a1d21)}
.ssla-tone-light .c2p-body{color: var(--shell-t, #1a1a1a)}