.section-sho-steps,.sho-steps-section{margin-top:0!important;margin-bottom:0!important}.sho-steps-section{background:#fff;padding:clamp(56px,8vw,100px) 0;font-family:var(--sho-body)}.sho-steps-section__wrap{max-width:var(--sho-maxw);margin:0 auto;padding:0 24px}.sho-flow{position:relative;max-width:1000px;margin:0 auto}.sho-flow-line{position:absolute;top:70px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,#e4004629,#5f249f4d);border-radius:2px;z-index:0}.sho-flow-pulse{position:absolute;top:50%;left:0;width:9px;height:9px;border-radius:50%;background:var(--sho-magenta);box-shadow:0 0 0 4px #e400462e;transform:translate(-50%,-50%);animation:sho-flow-pulse 4.6s ease-in-out infinite}@keyframes sho-flow-pulse{0%{left:0;opacity:0}9%{opacity:1}91%{opacity:1}to{left:100%;opacity:0}}@media(max-width:760px){.sho-flow-line{display:none}}.sho-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:1}@media(max-width:760px){.sho-steps{grid-template-columns:1fr;max-width:440px;margin:0 auto}}@media(max-width:720px){.sho-steps{display:flex;grid-template-columns:none;max-width:none;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:24px;padding:4px 24px 16px;margin-left:-24px;margin-right:-24px;scrollbar-width:none}.sho-steps::-webkit-scrollbar{display:none}.sho-steps .sho-step{flex:0 0 82%;scroll-snap-align:start}}.sho-step-viz{position:relative;height:104px;border-radius:11px;background:linear-gradient(150deg,#191a1f,#242429);overflow:hidden;margin-bottom:16px;display:flex;align-items:center;justify-content:center}.sho-step-meta{display:flex;align-items:center;gap:10px;margin-bottom:6px}.sho-step h4{font-family:var(--sho-head);font-size:19px;line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:0}.sho-step p{font-size:14.5px;line-height:1.6;color:var(--sho-muted);margin:0}.sho-step-no{font-family:var(--sho-head);font-weight:800;font-size:13px;color:#fff;background:linear-gradient(135deg,var(--sho-magenta),var(--sho-purple));width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none}.sho-vz-plug{gap:8px}.sho-vz-plug .sho-vz-screen{position:relative;width:76px;height:50px;border-radius:6px;background:linear-gradient(135deg,#2b2118,#3a2a1a);border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 3px #00000038;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;animation:sho-vz-wake 4.4s ease-in-out infinite}@keyframes sho-vz-wake{0%,10%{filter:brightness(.55)}22%,88%{filter:brightness(1)}to{filter:brightness(.55)}}.sho-vz-plug .sho-vz-sign .k{display:block;width:18px;height:2px;background:#ffb347;border-radius:1px;margin:0 auto 3px}.sho-vz-plug .sho-vz-sign b{font-family:var(--sho-head);font-weight:800;font-size:11px;color:#fff;letter-spacing:.02em}.sho-vz-plug .sho-vz-sign .r{display:block;width:28px;height:2px;background:#ffffff6b;border-radius:1px;margin:3px auto 0}.sho-vz-plug .sho-vz-dot{position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:#39d98a;animation:sho-pulse 2.2s infinite}.sho-vz-plug .sho-vz-stick{display:flex;align-items:center}.sho-vz-plug .sho-vz-cable{width:12px;height:3px;background:#ffffff52;border-radius:2px}.sho-vz-plug .sho-vz-body{font-family:var(--sho-btn);font-size:6.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--sho-magenta),var(--sho-purple));border-radius:3px;padding:4px 6px}.sho-vz-design{padding:0 14px}.sho-vz-board{position:relative;width:112px;height:68px;border-radius:6px;background:#fff;box-shadow:0 8px 20px #0000006b;padding:9px 10px;display:flex;flex-direction:column;gap:5px;overflow:hidden}.sho-vz-board .sho-vz-kick{width:20px;height:3px;border-radius:2px;background:var(--sho-magenta)}.sho-vz-board .sho-vz-head{width:56px;height:7px;border-radius:2px;background:#141414}.sho-vz-board .sho-vz-sub{width:38px;height:4px;border-radius:2px;background:#14141447}.sho-vz-slot{position:absolute;right:9px;bottom:9px;width:34px;height:27px;border-radius:4px;border:1.5px dashed rgba(228,0,70,.5);background:#e400460f}.sho-vz-tile{position:absolute;right:9px;bottom:9px;width:34px;height:27px;border-radius:4px;background:linear-gradient(135deg,var(--sho-magenta),var(--sho-purple));box-shadow:0 4px 12px -2px #e4004699;animation:sho-vz-place var(--vz-place,3.4s) cubic-bezier(.3,.7,.2,1) infinite}.sho-vz-tile .sho-vz-cur{position:absolute;right:-5px;bottom:-7px;width:11px;height:11px;color:#141414;filter:drop-shadow(0 1px 2px rgba(255,255,255,.9))}@keyframes sho-vz-place{0%{transform:translate(-40px,6px) scale(.85);opacity:0}16%{opacity:1}46%,86%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-40px,6px) scale(.85);opacity:0}}.sho-vz-push{padding:0 14px;justify-content:space-between}.sho-vz-push .sho-vz-rays{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.sho-vz-push .sho-vz-rays path{stroke:var(--sho-magenta);stroke-width:1.5;fill:none;stroke-dasharray:3 3;opacity:.55;animation:sho-vz-ray 1.3s linear infinite}@keyframes sho-vz-ray{to{stroke-dashoffset:-12}}.sho-vz-push .sho-vz-hub{position:relative;z-index:2;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--sho-magenta),var(--sho-purple));display:flex;align-items:center;justify-content:center;color:#fff;flex:none;box-shadow:0 6px 16px -6px #e4004699}.sho-vz-push .sho-vz-hub svg{width:16px;height:16px}.sho-vz-push .sho-vz-fleet{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px}.sho-vz-push .sho-vz-mini{width:34px;height:20px;border-radius:4px;background:#101013;border:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden}.sho-vz-push .sho-vz-mini:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:2px;background:linear-gradient(135deg,var(--sho-magenta),var(--sho-purple))}.sho-vz-push .sho-vz-mini:before{content:"";position:absolute;top:5px;left:5px;width:14px;height:2px;border-radius:1px;background:#fff9;z-index:1}.sho-step{--step-glow:0 0 0 0 rgba(228,0,70,0);border:1px solid transparent;border-radius:16px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,#e400468c,#5f249f73) border-box;box-shadow:0 1px #ffffffe6 inset,0 2px 4px -2px #14141424,0 12px 22px -14px #14141438,var(--step-glow);padding:16px 22px 24px}.sho-steps .sho-step{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease}.sho-steps .sho-step:hover{--step-glow:0 26px 60px -26px rgba(228,0,70,.42);transform:translateY(-6px) scale(1.015);box-shadow:0 1px #ffffffe6 inset,0 4px 8px -3px #14141429,0 30px 60px -26px #14141457,var(--step-glow)}.sho-step-viz{border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 6px #00000047 inset}.sho-step-viz:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 22%),radial-gradient(120% 80% at 50% 120%,rgba(0,0,0,.35),transparent 60%)}.sho-vz-plug .sho-vz-screen{animation-duration:var(--vz-wake,4.4s)}.sho-step:hover .sho-vz-plug .sho-vz-screen{--vz-wake:2.4s;box-shadow:0 0 0 3px #00000038,0 0 20px -4px #e4004680}.sho-vz-plug .sho-vz-dot{animation-duration:var(--vz-dot,2.2s)}.sho-step:hover .sho-vz-plug .sho-vz-dot{--vz-dot:1.1s}.sho-step:hover .sho-vz-tile{--vz-place:1.9s}.sho-vz-slot{transition:border-color .3s ease,background .3s ease}.sho-step:hover .sho-vz-slot{border-color:#e40046cc;background:#e400461f}.sho-vz-push .sho-vz-rays path{animation-duration:var(--vz-ray,1.3s)}.sho-step:hover .sho-vz-push .sho-vz-rays path{--vz-ray:.55s;opacity:.85}.sho-vz-push .sho-vz-hub{transition:box-shadow .3s ease,transform .3s ease}.sho-step:hover .sho-vz-push .sho-vz-hub{transform:scale(1.06);box-shadow:0 8px 22px -6px #e40046cc}.sho-vz-push .sho-vz-mini:after{transition:filter .3s ease}.sho-step:hover .sho-vz-push .sho-vz-mini:after{animation:sho-vz-fleet-shimmer 1.2s ease-in-out infinite}.sho-step:hover .sho-vz-push .sho-vz-mini:nth-child(2):after{animation-delay:.12s}.sho-step:hover .sho-vz-push .sho-vz-mini:nth-child(3):after{animation-delay:.24s}@keyframes sho-vz-fleet-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.35) saturate(1.2)}}@media(prefers-reduced-motion:reduce){.sho-flow-pulse,.sho-vz-screen,.sho-vz-rays path,.sho-vz-plug .sho-vz-dot,.sho-vz-tile,.sho-vz-push .sho-vz-mini:after,.sho-step:hover .sho-vz-push .sho-vz-mini:after,.sho-step:hover .sho-vz-plug .sho-vz-screen,.sho-step:hover .sho-vz-plug .sho-vz-dot{animation:none!important}.sho-vz-tile{transform:none!important;opacity:1!important}.sho-step{transition:none!important}.sho-step:hover{transform:none!important}.sho-step:hover .sho-vz-push .sho-vz-rays path{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-sho-steps.css.map */