.section-heading--compact { align-items: center; }
.outcome-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #e1e4ef; border-radius: 22px; overflow: hidden; }
.outcome-grid article { --pointer-x: 50%; --pointer-y: 50%; position: relative; min-height: 330px; padding: 25px 24px; border-right: 1px solid #e1e4ef; background: #fff; transition: background .35s ease, transform .5s var(--ease-out), box-shadow .45s ease; overflow: hidden; }
.outcome-grid article::before { content: ""; position: absolute; inset: 0; background: radial-gradient(280px circle at var(--pointer-x) var(--pointer-y), rgba(44,88,245,.13), transparent 55%); opacity: 0; transition: opacity .4s ease; pointer-events: none; }
.outcome-grid article::after { content: ""; position: absolute; left: 24px; right: 24px; bottom: 0; height: 2px; background: linear-gradient(90deg, var(--blue), var(--violet)); transform: scaleX(0); transform-origin: left; transition: transform .55s var(--ease-out); }
.outcome-grid article:last-child { border: 0; }
.outcome-grid article:hover { z-index: 2; background: #f7f8ff; transform: translateY(-7px); box-shadow: 0 22px 50px rgba(29,42,92,.11); }
.outcome-grid article:hover::before { opacity: 1; }
.outcome-grid article:hover::after { transform: scaleX(1); }
.outcome-grid article > span { color: #a1a7b8; font: 600 10px "Manrope"; }
.outcome-icon { position: relative; display: grid; place-items: center; width: 53px; height: 53px; margin-top: 61px; border: 1px solid #dbe0f0; border-radius: 15px; background: #f4f6ff; color: var(--blue); font: 600 20px "Manrope"; transition: transform .55s var(--ease-out), background .35s ease, color .35s ease, box-shadow .35s ease; }
.outcome-grid article:hover .outcome-icon { color: #fff; background: linear-gradient(135deg,var(--orange),var(--coral) 55%,var(--violet)); box-shadow: 0 12px 28px rgba(224,70,72,.23); transform: rotate(-7deg) scale(1.08); }
.outcome-grid h3 { margin: 24px 0 10px; font: 600 18px "Manrope"; letter-spacing: -.6px; }
.outcome-grid p { margin: 0; color: #697188; font-size: 13px; line-height: 1.65; }