@layer plexivo {

.mg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;counter-reset:mg}
.mg-steps li{counter-increment:mg;display:flex;flex-direction:column;padding:24px 18px;border-radius:24px;background:rgb(255 255 255 / 5%);box-shadow:0 0 0 1px rgb(255 255 255 / 10%) inset;text-align:left}
.mg-steps li::before{content:counter(mg);font-size:40px;line-height:1;font-weight:760;letter-spacing:-.05em;background:linear-gradient(120deg,#60a5fa,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.mg-steps b{margin-top:16px;font-size:19px;letter-spacing:-.02em;color:#f5f5f7}
.mg-steps span{margin-top:8px;font-size:14.5px;line-height:1.5;color:#a1a1a6}
.mg-steps li:nth-child(5){background:linear-gradient(160deg,rgb(37 99 235 / 35%),rgb(124 58 237 / 30%))}
.sx-tile ul.mg-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.mg-list li{display:flex;gap:12px;font-size:17px;line-height:1.45;color:var(--text-2)}
.mg-list li::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/14px no-repeat}
@media (max-width:1000px){.mg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

}