.ss-wrap{padding:60px 24px;background:#f8fafc;border-radius:24px}.ss-header{text-align:center;margin-bottom:56px}.ss-header h2{font-size:44px;font-weight:800;color:#0f172a;letter-spacing:-1px;line-height:1.2;font-family:sans-serif;margin:0 0 16px}.ss-header h2 span{color:#16a34a}.ss-header p{font-size:19px;color:#64748b;font-family:sans-serif;margin:0}.ss-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:960px;margin:0 auto}.ss-steps-list{display:flex;flex-direction:column;gap:4px}.ss-step{border-radius:16px;padding:18px 20px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;background:#fff}.ss-step.active{border-color:var(--c);background:#fff;box-shadow:0 4px 20px #00000014}.ss-step-head{display:flex;align-items:center;gap:12px}.ss-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--cb)}.ss-icon-box svg{width:20px;height:20px}.ss-step-name{font-size:15px;font-weight:700;color:#0f172a;font-family:sans-serif}.ss-step-sub{font-size:12px;color:#94a3b8;margin-top:1px;font-family:sans-serif}.ss-step-bar{height:3px;border-radius:2px;background:#e2e8f0;margin-top:14px;overflow:hidden;display:none}.ss-step.active .ss-step-bar{display:block}.ss-step-bar-fill{height:100%;border-radius:2px;background:var(--c);width:0%;animation:ssFill 3s linear forwards}@keyframes ssFill{to{width:100%}}.ss-view-all{display:block;margin-top:16px;padding:13px 24px;border-radius:12px;border:2px solid #22c55e;background:#22c55e;text-align:center;font-size:14px;font-weight:600;color:#fff;font-family:sans-serif;text-decoration:none;transition:border-color .2s,background .2s}.ss-view-all:hover{border-color:#16a34a;background:#16a34a;color:#fff;text-decoration:none}.ss-visual{border-radius:24px;overflow:hidden;background:#0f172a;height:420px;position:relative}.ss-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.ss-scene.active{opacity:1}.ss-scene-label{position:absolute;bottom:20px;left:20px;right:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 16px}.ss-scene-label h3{font-size:15px;font-weight:700;color:#fff;margin:0 0 3px;font-family:sans-serif}.ss-scene-label p{font-size:12px;color:#fff9;margin:0;font-family:sans-serif}@media(max-width:768px){.ss-wrap{padding:40px 16px;border-radius:16px}.ss-header{margin-bottom:36px}.ss-header h2{font-size:32px}.ss-header p{font-size:17px}.ss-layout{grid-template-columns:1fr;gap:24px}.ss-visual{height:300px;order:-1}}