/* === cta-3-button === */
.cta3{width:100%;position:relative;overflow:hidden}
.cta3-inner{max-width:1000px;margin:0 auto;padding:var(--paint-section-padding,100px) 48px;text-align:center;position:relative;z-index:1}
.cta3-heading{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:-1px}
.cta3-body{font-size:var(--paint-body-size,16px);color:var(--shell-t,#1a1a1a);line-height:var(--paint-body-line-height,1.7);max-width:500px;margin:0 auto 40px}
.cta3-body p{margin:0}
.cta3-actions{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.cta3-btn{display:inline-block;font-size:var(--paint-button-size,13px);font-weight:800;letter-spacing:2px;text-decoration:none!important;text-transform:uppercase;transition:all .3s;border-radius:var(--paint-button-radius,0)}
.cta3-btn:empty{display:none}
.cta3-btn-primary{background:var(--paint-button-primary-fill,var(--shell-accent,currentColor));color:var(--paint-button-primary-text,var(--shell-bg,#fff))!important;padding:16px 38px}
/* 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:
 * .cta3-btn-primary:hover{filter:brightness(.9);transform:translateY(-2px)}
 */
.cta3-btn-primary:hover{/* paint retired; global rule provides lift */}
/* Secondary solid — paint-button-secondary-fill resolves to a palette slug or "transparent";
   when it resolves to transparent (common default), fall back to shell-h for a filled navy
   button rather than rendering as near-invisible text. */
.cta3-btn-solid{background:var(--shell-h,currentColor);color:var(--shell-bg,#fff)!important;padding:16px 38px}
/* 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:
 * .cta3-btn-solid:hover{filter:brightness(1.15);transform:translateY(-2px)}
 */
.cta3-btn-solid:hover{/* paint retired; global rule provides lift */}
/* Outline — the A4 "near-invisible" fix: when secondary_fill=transparent (painting default),
   keep the outline visible by pinning text+border to secondary_text with a readable navy
   fallback, rather than letting undefined vars collapse to inherited color. */
.cta3-btn-outline{background:transparent;border:2px solid var(--paint-button-secondary-text,var(--shell-h,currentColor));color:var(--paint-button-secondary-text,var(--shell-h,currentColor))!important;padding:14px 36px;font-weight:700}
/* 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:
 * .cta3-btn-outline:hover{background:var(--paint-button-secondary-text,var(--shell-h,currentColor));color:#fff!important}
 */
.cta3-btn-outline:hover{/* paint retired; global rule provides lift */}

/* v3.16.0 / Band 2a — button_style=chip variant.
 * When variant attribute button_style=chip is set, all three buttons render
 * as uniform pill-style outline chips. Hides the primary/solid/outline
 * hierarchy in favor of an equal-treatment row of pills. This unblocks the
 * consulting-tech → cta-3-button canonical conversion (per Band 2c map).
 * Selector specificity uses the wrapper class; per-button overrides hold
 * for solid mode.
 */
.ssla-cta-3-button--button_style-chip .cta3-btn{
  background:transparent;
  color:var(--shell-h,currentColor)!important;
  border:1.5px solid var(--shell-h,currentColor);
  padding:10px 22px;
  font-size:var(--paint-button-size,12px);
  font-weight:700;
  letter-spacing:1.5px;
  border-radius:999px;
}
.ssla-cta-3-button--button_style-chip .cta3-btn-primary,
.ssla-cta-3-button--button_style-chip .cta3-btn-solid,
.ssla-cta-3-button--button_style-chip .cta3-btn-outline{
  /* Force-reset the per-button paint set so chip treatment wins. */
  background:transparent;
  color:var(--shell-h,currentColor)!important;
  border:1.5px solid var(--shell-h,currentColor);
}

@media(max-width:600px){.cta3-heading{font-size:var(--paint-h2-size-mobile,28px)}.cta3-actions{gap:12px}}