.shpx-wrap{max-width:1280px;margin:0 auto;padding:46px 20px}.shpx-head{text-align:center;max-width:720px;margin:0 auto 26px}
.shpx-label{font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#0E9166}.shpx-head h2{font-size:32px;font-weight:900;margin:6px 0 8px;color:#14141F}.shpx-head p{color:#4b5563;font-size:15.5px;line-height:1.6;margin:0}
.shpx-sc{position:relative;height:96px;border-radius:14px;background:linear-gradient(135deg,#ecfdf5,#eff6ff);display:flex;align-items:center;justify-content:center;overflow:hidden;gap:8px}
.shpx-ico{font-size:34px;line-height:1;display:inline-block;position:relative;z-index:2}
@keyframes shpx-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes shpx-grow{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes shpx-fan{0%,100%{transform:rotate(0)}50%{transform:rotate(var(--r))}}
@keyframes shpx-ring{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.6);opacity:0}}@keyframes shpx-swap{0%,100%{transform:translateX(-26px)}50%{transform:translateX(26px)}}@keyframes shpx-slide{0%{transform:translateX(-34px);opacity:.2}50%{opacity:1}100%{transform:translateX(34px);opacity:.2}}
@keyframes shpx-fall{0%{transform:translateY(-70px);opacity:0}30%{opacity:1}100%{transform:translateY(60px);opacity:0}}@keyframes shpx-line{0%,15%{transform:scaleX(0)}40%,100%{transform:scaleX(1)}}@keyframes shpx-pop{0%,20%{transform:scale(0)}50%{transform:scale(1.25)}70%,100%{transform:scale(1)}}
.shpx-pulse .shpx-ico{animation:shpx-pulse 2.2s ease-in-out infinite}
.shpx-bars{align-items:flex-end;padding-bottom:12px}.shpx-bars i{width:13px;height:60px;background:#0E9166;border-radius:5px 5px 0 0;transform-origin:bottom;animation:shpx-grow 2.6s ease-in-out infinite}.shpx-bars i:nth-child(2){animation-delay:.3s;background:#34d399}.shpx-bars i:nth-child(3){animation-delay:.6s}.shpx-bars i:nth-child(4){animation-delay:.9s;background:#34d399}.shpx-bars .shpx-ico{position:absolute;top:8px;right:14px;font-size:22px}
.shpx-cards i{width:34px;height:48px;background:#fff;border:2px solid #0E9166;border-radius:8px;position:absolute;animation:shpx-fan 3s ease-in-out infinite}.shpx-cards i:nth-child(1){--r:-18deg}.shpx-cards i:nth-child(2){--r:0deg}.shpx-cards i:nth-child(3){--r:18deg}.shpx-cards .shpx-ico{font-size:24px}
.shpx-ring b{position:absolute;width:56px;height:56px;border:3px solid #0E9166;border-radius:50%;animation:shpx-ring 2s ease-out infinite}
.shpx-swap em{font-style:normal;font-weight:900;background:#fff;border:2px solid #0E9166;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#0E9166;position:absolute;animation:shpx-swap 3s ease-in-out infinite}.shpx-swap em:nth-child(2){animation-direction:reverse;border-color:#14141F;color:#14141F}.shpx-swap .shpx-ico{font-size:24px;opacity:.55}
.shpx-slide u{width:34px;height:4px;background:#0E9166;border-radius:4px;animation:shpx-slide 2.4s ease-in-out infinite}.shpx-slide u:last-child{animation-delay:1.2s;background:#34d399}
.shpx-coins s{text-decoration:none;position:absolute;font-size:20px;animation:shpx-fall 2.4s ease-in infinite}.shpx-coins s:nth-of-type(1){left:28%}.shpx-coins s:nth-of-type(2){left:50%;animation-delay:.8s}.shpx-coins s:nth-of-type(3){left:70%;animation-delay:1.6s}
.shpx-stack{flex-direction:column;gap:6px;align-items:flex-start;padding-left:22px}.shpx-stack i{height:9px;width:60%;background:#0E9166;border-radius:5px;transform-origin:left;animation:shpx-line 3s ease-out infinite}.shpx-stack i:nth-child(2){animation-delay:.5s;width:48%;background:#34d399}.shpx-stack i:nth-child(3){animation-delay:1s;width:36%;background:#f87171}.shpx-stack .shpx-ico{position:absolute;right:18px;top:26px}
.shpx-check b{position:absolute;width:62px;height:62px;border-radius:50%;background:#bbf7d0;animation:shpx-pop 2.6s ease-in-out infinite}
.shpx-card{background:#fff;border:1.5px solid #e4e8ed;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:transform .18s,box-shadow .18s}.shpx-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(20,20,31,.1)}
.shpx-card h3{margin:0;font-size:17px;color:#14141F}.shpx-card p{margin:0;color:#4b5563;font-size:13.5px;line-height:1.5;flex:1}
.shpx-btn{display:inline-block;border:0;border-radius:10px;padding:10px 16px;font-weight:800;font-size:13px;cursor:pointer;text-decoration:none;font-family:inherit;line-height:1.2}.shpx-btn.pri{background:#14141F;color:#fff!important}.shpx-btn.alt{background:#f3f4f6;color:#14141F!important}.shpx-btn.grn{background:#0E9166;color:#fff!important}
.shpx-row{display:flex;gap:8px;flex-wrap:wrap}.shpx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.shpx-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 0 22px}.shpx-tab{border:1.5px solid #e4e8ed;background:#fff;border-radius:99px;padding:10px 20px;font-weight:800;font-size:14px;cursor:pointer;color:#14141F;font-family:inherit}.shpx-tab[aria-selected=true]{background:#14141F;color:#fff;border-color:#14141F}
.shpx-ex{position:absolute;top:8px;left:8px;z-index:4;background:rgba(20,20,31,.8);color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:6px}
.shpx-split{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}@media(max-width:820px){.shpx-split{grid-template-columns:1fr}.shpx-head h2{font-size:26px}}
.shpx-steps{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}.shpx-steps li{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#374151}.shpx-steps b{flex:none;width:28px;height:28px;border-radius:50%;background:#0E9166;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}.shpx-steps strong{color:#14141F}
.shpx-phone{position:relative;width:min(270px,70vw);margin:0 auto;background:#14141F;border-radius:34px;padding:12px;box-shadow:0 26px 60px rgba(20,20,31,.28)}.shpx-screen{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#0E9166,#14141F 70%);aspect-ratio:9/16;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;background-size:cover;background-position:center}
.shpx-tag{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:3px 9px;border-radius:99px}.shpx-rocket{position:absolute;right:14px;top:46px;font-size:40px;animation:shpx-pulse 2.4s ease-in-out infinite}
.shpx-stats{display:flex;gap:14px;margin-top:10px;font-size:12px}.shpx-stats strong{display:block;font-size:20px;font-weight:900}
.shpx-ad{position:relative;border-radius:16px;overflow:hidden;min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;color:#fff}.shpx-ad.b{background:linear-gradient(120deg,#0E9166,#065f46)}.shpx-ad.v{background:linear-gradient(120deg,#4f46e5,#14141F)}.shpx-ad.c{background:#fff;color:#14141F;border:1.5px solid #e4e8ed;flex-direction:row;align-items:center;gap:14px;justify-content:flex-start}
.shpx-play{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.9);color:#14141F;display:flex;align-items:center;justify-content:center;font-size:20px;animation:shpx-pulse 2.4s ease-in-out infinite}
.shpx-role{text-align:left}.shpx-role ul{margin:0;padding:0 0 0 18px;color:#374151;font-size:13.5px;line-height:1.7}.shpx-role .up{font-size:12.5px;color:#065f46;background:#ecfdf5;border-radius:10px;padding:8px 10px;margin:0}
#shpx-tour-back{position:fixed;inset:0;background:rgba(20,20,31,.6);z-index:99998;display:none;align-items:center;justify-content:center;padding:14px}#shpx-tour{background:#fff;border-radius:20px;width:min(560px,100%);max-height:94vh;overflow:auto;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
#shpx-tour h3{margin:0;font-size:20px;color:#14141F}#shpx-tour .sub{color:#6b7280;font-size:13.5px;margin:2px 0 14px}#shpx-tour .st{font-size:17px;font-weight:800;margin:14px 0 4px;color:#14141F}#shpx-tour .tx{color:#4b5563;font-size:14.5px;line-height:1.6;min-height:46px}
#shpx-tour .dots{display:flex;gap:6px;justify-content:center;margin:12px 0}#shpx-tour .dots i{width:9px;height:9px;border-radius:50%;background:#d1d5db}#shpx-tour .dots i.on{background:#0E9166;width:22px;border-radius:6px}
#shpx-tour .media{border-radius:14px;overflow:hidden;background:#000;margin-bottom:12px;position:relative;padding-top:56.25%}#shpx-tour .media iframe,#shpx-tour .media video{position:absolute;inset:0;width:100%;height:100%;border:0}#shpx-tour img.pic{width:100%;border-radius:14px;margin-bottom:12px;display:block}
.shpx-adm{background:#fff;border:1px solid #e4e8ed;border-radius:12px;padding:12px 16px;margin:12px 0;max-width:1000px}.shpx-adm summary{cursor:pointer;font-weight:800;font-size:14.5px}.shpx-adm .shpx-grid{margin-top:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.shpx-adm .shpx-card{padding:10px}.shpx-adm h4{margin:2px 0;font-size:14px}.shpx-adm p{font-size:12.5px;margin:0;color:#4b5563}
.shpx-example{opacity:.78}.shpx-exnote{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;padding:8px 12px;font-size:12.5px;margin:8px 0;max-width:1000px}
@media(prefers-reduced-motion:reduce){.shpx-sc *,.shpx-sc,.shpx-play,.shpx-rocket{animation:none!important}}