/* R296c: isolated, decorative capability illustrations; no product UI. */
.cx-attract{box-sizing:border-box;max-width:1200px;margin:64px auto;padding:40px 28px;color:#2b1840;font-family:inherit;position:relative;isolation:isolate}.cx-attract *{box-sizing:border-box}.cx-attract header{margin:0 0 28px}.cx-attract .cx-eyebrow{font-size:12px;letter-spacing:.14em;color:#7a5a9a}.cx-attract h2{font-size:clamp(27px,3vw,40px);line-height:1.25;margin:12px 0 0;font-weight:600;letter-spacing:-.025em}.cx-attract .cx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cx-attract .cx-card{margin:0;padding:22px;border:1px solid rgba(72,36,108,.16);border-radius:18px;background:#faf7fc;min-width:0;overflow:hidden;position:relative}.cx-attract .cx-card-0{grid-column:span 2;background:#2b1840;color:#fff}.cx-attract .cx-card-3{grid-column:span 2;background:#eee7f4}.cx-attract svg{display:block;width:100%;height:130px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:#7a5a9a;margin:0 auto 14px}.cx-attract .cx-card-0 svg{color:#d4b7e7}.cx-attract h3{font-size:20px;line-height:1.35;margin:0 0 9px;font-weight:600}.cx-attract p{font-size:14px;line-height:1.75;margin:0;color:inherit;opacity:.85}.cx-attract .cx-labels{display:flex;justify-content:center;gap:18px;font-size:12px;color:#7a5a9a;margin:-8px 0 16px}.cx-attract .cx-accent{stroke:#b18bcb;stroke-width:4}.cx-attract .cx-pulse{fill:#b18bcb;stroke:none;animation:cx-breathe 3s ease-in-out infinite}.cx-attract .cx-segment{fill:#d4b7e7;animation:cx-edit 4s ease-in-out infinite}@keyframes cx-breathe{50%{opacity:.35}}@keyframes cx-edit{50%{fill:#b18bcb;stroke:#7a5a9a}}@media(prefers-reduced-motion:reduce){.cx-attract .cx-pulse,.cx-attract .cx-segment{animation:none}}@media(max-width:760px){.cx-attract{margin:32px auto;padding:24px 16px}.cx-attract .cx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-attract .cx-card{padding:18px}}@media(max-width:420px){.cx-attract .cx-grid{display:block}.cx-attract .cx-card{margin-bottom:12px}}
.cx-attract .cx-card-6{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr;column-gap:24px;align-items:center}.cx-attract .cx-card-6 svg{grid-row:1/3;margin:0;height:115px}.cx-attract .cx-card-6 h3{align-self:end}.cx-attract .cx-card-6 p{align-self:start}@media(max-width:420px){.cx-attract .cx-card-6{display:block}}
/* Preserve contrast against the dark lead card under the full site typography rules. */
#yohan-attract .cx-card-0 h3,#yohan-attract .cx-card-0 p{color:#fff!important}