/* === cards-3-icon === */
.c3ic{width:100%;background:var(--ssla-bg-color, transparent)}
.c3ic-inner{max-width:1000px;margin:0 auto;padding:var(--paint-section-padding,100px) 48px}
.c3ic-eyebrow{text-align:center;font-size:var(--paint-eyebrow-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}
.c3ic-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)}
.c3ic-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 64px}
.c3ic-desc p{margin:0}
.c3ic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.c3ic-card{border:1px solid var(--shell-line,rgba(0,0,0,0.1));padding:36px 28px;transition:all var(--paint-motion-timing,.35s)}
.c3ic-card:hover{transform:translateY(var(--paint-hover-lift,-3px));box-shadow:0 8px 24px rgba(0,0,0,.06)}
.c3ic-icon{font-size:36px;font-weight:900;color:var(--cc);margin:0 0 16px;line-height:1}
.c3ic-card h3{font-size:var(--paint-h3-size, 18px);font-weight:var(--paint-heading-weight,700);color:var(--shell-h,currentColor);margin:0 0 12px;line-height:1.3;letter-spacing:var(--paint-heading-letter-spacing-h3,normal);text-transform:var(--paint-heading-case-h3,none)}
.c3ic-body{font-size:14px;color:var(--shell-t,#1a1a1a);line-height:1.75}
.c3ic-body p{margin:0}
@media(max-width:768px){.c3ic-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}

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