.skx .w{max-width:1240px}
.skx .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.skx .st{position:relative;overflow:hidden;background:#fff;border:1px solid #e3e7f5;border-radius:20px;padding:30px 30px 28px;box-shadow:0 18px 40px -32px rgba(40,60,160,.45);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.skx .st:before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,#2f5bea,#6a4cf0,#e5383b);transform:scaleX(0);transform-origin:left;transition:transform .45s ease}
.skx .st:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(40,60,160,.55);border-color:#c9d1f5}
.skx .st:hover:before{transform:scaleX(1)}
.skx .st .n{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#2f5bea,#6a4cf0);font-size:18px;margin-bottom:16px;box-shadow:0 10px 22px -10px rgba(79,70,229,.7);transition:transform .35s ease}
.skx .st:hover .n{transform:rotate(-8deg) scale(1.08)}
.skx .st h3{font-size:19px;font-weight:800;margin-bottom:10px}
.skx .st p{font-size:15.5px;line-height:1.65}
.skx .st .ex{margin-top:16px;padding:12px 14px;background:#f2f4ff;border-left:3px solid #6a4cf0;border-radius:10px;font-size:14.5px;line-height:1.5}
.skx .steps.skx-anim .st{opacity:0;transform:translateY(34px)}
.skx .steps.skx-anim .st.in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}
.skx .steps.skx-anim .st.in:hover{transform:translateY(-6px)}
@media(max-width:1024px){.skx .steps{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.skx .steps{grid-template-columns:1fr;gap:18px}.skx .st{padding:24px 22px}}
@media(prefers-reduced-motion:reduce){.skx .steps.skx-anim .st{opacity:1;transform:none}}