.wlst{--wlst-accent:#9c78ff;--wlst-soft:#ece4ff;--wlst-ink:#0d082b;--wlst-muted:#8b879c;--wlst-size:120px;--wlst-gap:44px;--wlst-radius:26px;position:relative;isolation:isolate;overflow:hidden;padding:36px 28px 44px;background:radial-gradient(ellipse at 40% 70%,#f8f5ff,#fff 80%);font-family:inherit;color:var(--wlst-ink)}.wlst,.wlst *{box-sizing:border-box}
.wlst__header{margin-bottom:34px;text-align:right}.wlst .wlst__heading{margin:0;font-size:clamp(24px,2.7vw,36px);font-weight:800;line-height:1.65;color:var(--wlst-ink);overflow-wrap:anywhere}.wlst__heading span{color:var(--wlst-accent)}.wlst .wlst__subtitle{margin:8px 0 0;font-size:16px;color:var(--wlst-muted);line-height:1.8}.wlst__marker{display:block;position:relative;width:48px;height:3px;background:var(--wlst-accent);border-radius:8px;margin-top:16px}.wlst__marker:after{content:"";position:absolute;right:54px;top:-2px;width:7px;height:7px;border-radius:50%;background:var(--wlst-accent)}
.wlst .wlst__steps{display:grid;grid-template-columns:repeat(var(--wlst-count),minmax(0,1fr));gap:var(--wlst-gap);direction:rtl;list-style:none;margin:0;padding:0}.wlst--ltr .wlst__steps{direction:ltr}.wlst .wlst__step{position:relative;display:flex;flex-direction:column;align-items:center;list-style:none;min-width:0;margin:0;padding:0;direction:rtl}
.wlst__circle{position:relative;z-index:2;display:grid;place-items:center;flex:none;width:var(--wlst-size);height:var(--wlst-size);border:1.5px solid var(--wlst-accent);border-radius:50%;background:linear-gradient(140deg,#faf8ff,var(--wlst-soft));box-shadow:inset 0 0 16px #aa86e638,0 8px 24px #b498e633}.wlst__icon{display:grid;place-items:center;width:78%;height:78%;border:1px solid #fff;border-radius:50%;background:linear-gradient(145deg,var(--wlst-soft),#fff);box-shadow:0 7px 15px #a581da38;color:var(--wlst-accent)}.wlst__icon svg,.wlst__icon img{width:48%;height:48%;object-fit:contain}.wlst__icon i{font-size:calc(var(--wlst-size)*.34)}.wlst__number{position:absolute;top:0;right:-4px;display:grid;place-items:center;width:calc(var(--wlst-size)*.32);height:calc(var(--wlst-size)*.32);border:1px solid #fff;border-radius:50%;background:#ffffffed;color:var(--wlst-accent);font-size:calc(var(--wlst-size)*.17);font-weight:800;box-shadow:0 4px 14px #a581da24}
.wlst__card{position:relative;z-index:1;flex:1;width:100%;margin-top:-12px;padding:30px 16px 22px;border-radius:var(--wlst-radius);background:#ffffffeb;box-shadow:0 14px 32px -15px #b498e63b;text-align:center}.wlst .wlst__title{margin:0 0 10px;font-size:21px;line-height:1.6;font-weight:750;color:var(--wlst-ink);overflow-wrap:anywhere}.wlst .wlst__description{margin:0;font-size:14px;line-height:1.9;color:var(--wlst-muted);overflow-wrap:anywhere}
.wlst__connector{position:absolute;z-index:0;top:calc(var(--wlst-size)/2);left:calc(-50% - var(--wlst-gap));width:calc(100% + var(--wlst-gap));height:3px;background:linear-gradient(to left,var(--wlst-accent),var(--wlst-soft),var(--wlst-accent))}.wlst__connector svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;padding:4px;color:#fff;background:var(--wlst-accent);border-radius:50%}.wlst--ltr .wlst__connector{left:auto;right:calc(-50% - var(--wlst-gap))}.wlst--ltr .wlst__connector svg{transform:translate(-50%,-50%) rotate(180deg)}
.wlst__decor{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.wlst__decor:before,.wlst__decor:after{content:"";position:absolute;width:550px;height:340px;border:1px solid var(--wlst-soft);border-radius:50%;transform:rotate(-20deg)}.wlst__decor:before{left:-230px;top:-220px}.wlst__decor:after{right:-200px;bottom:-230px}.wlst__decor i,.wlst__decor b{position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,var(--wlst-soft),transparent 70%)}.wlst__decor i{left:-35px;top:45px}.wlst__decor b{right:-30px;bottom:-20px}.wlst__decor span{position:absolute;left:12px;top:45%;width:62px;height:100px;background:radial-gradient(circle,var(--wlst-accent) 2px,transparent 2.5px) 0 0/16px 16px;opacity:.2}
.wlst--motion .wlst__circle{animation:wlst-in .7s ease both;transition:transform .3s ease}.wlst--motion .wlst__card{animation:wlst-in .8s ease both}@keyframes wlst-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(hover:hover){.wlst--motion .wlst__step:hover .wlst__circle{transform:translateY(-3px)}}
.wlst--vertical .wlst__steps{grid-template-columns:minmax(0,1fr);direction:rtl}.wlst--vertical .wlst__step{display:grid;grid-template-columns:var(--wlst-size) minmax(0,1fr);align-items:center;gap:20px}.wlst--vertical .wlst__card{margin:0;padding:20px;text-align:right}.wlst--vertical .wlst__connector{left:auto;right:calc(var(--wlst-size)/2);top:calc(var(--wlst-size)/2);width:3px;height:calc(100% + var(--wlst-gap));background:linear-gradient(to bottom,var(--wlst-accent),var(--wlst-soft),var(--wlst-accent))}.wlst--vertical .wlst__connector svg{top:calc(100% - var(--wlst-size)/2 - var(--wlst-gap)/2);left:50%;transform:translate(-50%,-50%) rotate(-90deg)}
@media(max-width:1024px){.wlst{--wlst-size:100px;--wlst-gap:26px}.wlst .wlst__steps{grid-template-columns:minmax(0,1fr);direction:rtl}.wlst .wlst__step{display:grid;grid-template-columns:var(--wlst-size) minmax(0,1fr);align-items:center;gap:20px}.wlst .wlst__card{margin:0;padding:20px;text-align:right}.wlst .wlst__connector{left:auto;right:calc(var(--wlst-size)/2);top:calc(var(--wlst-size)/2);width:3px;height:calc(100% + var(--wlst-gap));background:linear-gradient(to bottom,var(--wlst-accent),var(--wlst-soft),var(--wlst-accent))}.wlst .wlst__connector svg{top:calc(100% - var(--wlst-size)/2 - var(--wlst-gap)/2);left:50%;transform:translate(-50%,-50%) rotate(-90deg)}}
@media(max-width:767px){.wlst{--wlst-size:76px;--wlst-gap:22px;padding:24px 14px 30px}.wlst .wlst__step{gap:14px}.wlst .wlst__heading{font-size:24px}.wlst .wlst__subtitle{font-size:14px}.wlst .wlst__title{font-size:18px}.wlst .wlst__description{font-size:13px}.wlst .wlst__card{padding:16px 12px}.wlst__header{margin-bottom:26px}.wlst__connector svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.wlst--motion .wlst__circle,.wlst--motion .wlst__card{animation:none;transition:none}.wlst--motion .wlst__step:hover .wlst__circle{transform:none}}