.cpcr-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%}
.cpcr-card{position:relative;overflow:hidden;min-height:225px;padding:24px 18px;background:#fff;border:1px solid #c7cfda;border-radius:12px;box-sizing:border-box}
.cpcr-number{position:absolute;top:4px;right:16px;z-index:0;color:rgba(213,221,235,.65);font-size:68px;font-weight:600;line-height:1;pointer-events:none}
.cpcr-icon{position:relative;z-index:1;width:34px;height:34px;margin-bottom:18px;display:inline-flex;align-items:center;justify-content:center;background:#2e8bb1;color:#fff;border-radius:50%;font-size:13px}
.cpcr-icon svg{width:1em;height:1em;display:block;fill:currentColor}
.cpcr-icon i{font-size:1em;line-height:1;width:1em;height:1em;display:flex;align-items:center;justify-content:center}
.cpcr-icon svg path{fill:currentColor}
.cpcr-title{position:relative;z-index:1;margin:0 0 8px;color:#26374d;font-size:22px;font-weight:600;line-height:1.3}
.cpcr-description{position:relative;z-index:1;color:#687386;font-size:15px;line-height:1.6}
@media(max-width:1024px){.cpcr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.cpcr-cards{grid-template-columns:1fr}.cpcr-card{min-height:auto}}


/* Icon visibility fallback */
.cpcr-icon {
    font-size: 18px;
    line-height: 1;
}
.cpcr-icon > i,
.cpcr-icon > svg {
    display: block;
    max-width: 100%;
    max-height: 100%;
}