#solutions-sur-mesure { background: #eee8f0; }
#solutions-sur-mesure .srp-solution-grid article { min-height: 0; box-shadow: inset 0 1px rgba(255,255,255,.72); }
.srp-solution-grid__head .srp-icon { width: 2.8rem; height: 2.8rem; padding: .55rem; border: 1px solid rgba(109,89,203,.2); border-radius: .85rem; background: rgba(255,255,255,.58); }
.srp-solution-visual { position: relative; display: grid; min-height: 11rem; grid-template-columns: 5rem minmax(0,1fr); align-items: center; gap: 1rem; margin-top: 1.4rem; padding: 1.2rem; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 1rem; color: #fff; background: radial-gradient(circle at 18% 20%,rgba(174,182,255,.2),transparent 34%),#171421; }
.srp-solution-visual > span { display: grid; width: 5rem; height: 5rem; place-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; color: #c9c0ff; background: rgba(255,255,255,.05); }
.srp-solution-visual > span .srp-icon { width: 2.8rem; height: 2.8rem; }
.srp-solution-visual code { display: grid; gap: .55rem; }
.srp-solution-visual code i { display: block; height: .42rem; border-radius: 999px; background: linear-gradient(90deg,#8c72ff,#ffe2bf); opacity: .72; }
.srp-solution-visual code i:nth-child(2) { width: 72%; }.srp-solution-visual code i:nth-child(3) { width: 86%; }.srp-solution-visual code i:nth-child(4) { width: 58%; }
.srp-solution-visual > b { position: absolute; right: .8rem; bottom: .65rem; color: rgba(255,255,255,.42); font-size: .58rem; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width:39.9375rem) { .srp-solution-visual { grid-template-columns: 4rem minmax(0,1fr); min-height: 9rem; } .srp-solution-visual > span { width: 4rem; height: 4rem; } }