.st-radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.st-step{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;flex:1;position:relative;padding:4px}.st-dot{width:44px;height:44px;border-radius:999px;background:#ffffff;border:2px solid #d9ebff;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;z-index:1}.st-dot svg{width:20px;height:20px;fill:none;stroke:#0080ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.st-step:hover .st-dot{transform:scale(1.08);border-color:#0080ff}.st-panel{display:none}.st-fill{height:100%;width:0;background:linear-gradient(90deg,#0080ff,#7b2ff7,#ff1493);border-radius:2px;transition:width .4s ease}.st-visual{border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#f5f9ff,#f8f2ff);border:1px solid #e6e8ea}.st-float{animation:stFloat 3.2s ease-in-out infinite}@keyframes stFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.st-shake{transform-box:fill-box;transform-origin:center;animation:stShake 2.4s ease-in-out infinite}@keyframes stShake{0%,100%{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}}.st-conv{animation:stConv 4s ease-in-out infinite}@keyframes stConv{0%{offset-distance:0%;opacity:0}15%{opacity:1}70%{offset-distance:100%;opacity:1}85%,100%{offset-distance:100%;opacity:0}}.st-glow{transform-box:fill-box;transform-origin:center;animation:stGlow 2.6s ease-in-out infinite}@keyframes stGlow{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.st-flow{stroke-dasharray:4 6;animation:stFlow 1.1s linear infinite}@keyframes stFlow{to{stroke-dashoffset:-20}}.st-dotm{animation:stMove 2.8s linear infinite}@keyframes stMove{0%{offset-distance:0%;opacity:0}10%,90%{opacity:1}100%{offset-distance:100%;opacity:0}}.st-rise{transform-box:fill-box;transform-origin:bottom;animation:stRise 1s cubic-bezier(.2,.8,.2,1) both}@keyframes stRise{from{transform:scaleY(0)}}@keyframes stIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.st-float,.st-shake,.st-conv,.st-glow,.st-flow,.st-dotm,.st-rise,.st-panel{animation:none!important}.st-conv,.st-dotm{display:none}.st-fill,.st-dot{transition:none}}#st-1:checked~.st-rail .st-fill{width:0%}#st-1:checked~.st-steps label[for=st-1] .st-dot{background:#0a1628;border-color:#0a1628;box-shadow:0 8px 20px rgba(10,22,40,.2)}#st-1:checked~.st-steps label[for=st-1] .st-dot svg{stroke:#ffffff}#st-1:checked~.st-steps label[for=st-1] .st-lbl{color:#0a1628}#st-1:checked~.st-panels .st-p1{display:grid;animation:stIn .35s ease}#st-1:focus-visible~.st-steps label[for=st-1] .st-dot{outline:2px solid #0080ff;outline-offset:3px}#st-2:checked~.st-rail .st-fill{width:33%}#st-2:checked~.st-steps label[for=st-2] .st-dot{background:#0a1628;border-color:#0a1628;box-shadow:0 8px 20px rgba(10,22,40,.2)}#st-2:checked~.st-steps label[for=st-2] .st-dot svg{stroke:#ffffff}#st-2:checked~.st-steps label[for=st-2] .st-lbl{color:#0a1628}#st-2:checked~.st-panels .st-p2{display:grid;animation:stIn .35s ease}#st-2:focus-visible~.st-steps label[for=st-2] .st-dot{outline:2px solid #0080ff;outline-offset:3px}#st-2:checked~.st-steps label[for=st-1] .st-dot{border-color:#0080ff;background:#e6f2ff}#st-3:checked~.st-rail .st-fill{width:67%}#st-3:checked~.st-steps label[for=st-3] .st-dot{background:#0a1628;border-color:#0a1628;box-shadow:0 8px 20px rgba(10,22,40,.2)}#st-3:checked~.st-steps label[for=st-3] .st-dot svg{stroke:#ffffff}#st-3:checked~.st-steps label[for=st-3] .st-lbl{color:#0a1628}#st-3:checked~.st-panels .st-p3{display:grid;animation:stIn .35s ease}#st-3:focus-visible~.st-steps label[for=st-3] .st-dot{outline:2px solid #0080ff;outline-offset:3px}#st-3:checked~.st-steps label[for=st-1] .st-dot{border-color:#0080ff;background:#e6f2ff}#st-3:checked~.st-steps label[for=st-2] .st-dot{border-color:#0080ff;background:#e6f2ff}#st-4:checked~.st-rail .st-fill{width:100%}#st-4:checked~.st-steps label[for=st-4] .st-dot{background:#0a1628;border-color:#0a1628;box-shadow:0 8px 20px rgba(10,22,40,.2)}#st-4:checked~.st-steps label[for=st-4] .st-dot svg{stroke:#ffffff}#st-4:checked~.st-steps label[for=st-4] .st-lbl{color:#0a1628}#st-4:checked~.st-panels .st-p4{display:grid;animation:stIn .35s ease}#st-4:focus-visible~.st-steps label[for=st-4] .st-dot{outline:2px solid #0080ff;outline-offset:3px}#st-4:checked~.st-steps label[for=st-1] .st-dot{border-color:#0080ff;background:#e6f2ff}#st-4:checked~.st-steps label[for=st-2] .st-dot{border-color:#0080ff;background:#e6f2ff}#st-4:checked~.st-steps label[for=st-3] .st-dot{border-color:#0080ff;background:#e6f2ff}.ab-old{position:relative;display:inline-block;padding:3px 10px;border-radius:999px;background:#f5f6f7;border:1px dashed #c2c5c9;color:#545c68;font-size:14px;font-weight:600;white-space:nowrap}.ab-old::after{content:'';position:absolute;left:8px;right:8px;top:50%;height:2px;background:#ff1493;transform:scaleX(0);transform-origin:left;animation:abStrike 5s ease-in-out infinite}@keyframes abStrike{0%,15%{transform:scaleX(0)}30%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}.ab-new{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#0080ff,#7b2ff7);color:#ffffff;font-weight:700;font-size:15px;animation:abPop 5s ease-in-out infinite;box-shadow:0 8px 20px rgba(0,128,255,.3)}@keyframes abPop{0%,30%{opacity:.25;transform:scale(.92)}42%,88%{opacity:1;transform:scale(1)}100%{opacity:.25;transform:scale(.92)}}.ab-card{position:relative;background:#ffffff;border:1px solid #e6e8ea;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ab-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(10,22,40,.1);border-color:#8cc6ff}.ab-stat{font-size:40px;line-height:44px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#0080ff,#7b2ff7 60%,#ff1493);-webkit-background-clip:text;background-clip:text;color:transparent}.mv-card{position:relative;border-radius:20px;padding:2px;background:linear-gradient(135deg,rgba(0,128,255,.9),rgba(123,47,247,.9),rgba(255,20,147,.9));background-size:200% 200%;animation:mvShift 8s ease infinite}@keyframes mvShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.mv-in{height:100%;box-sizing:border-box;border-radius:18px;background:rgba(10,22,40,.92);padding:32px;display:flex;flex-direction:column;gap:14px;transition:background .2s ease}.mv-card:hover .mv-in{background:rgba(10,22,40,.82)}.mv-big{font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,#ffffff,#c4a1fb 55%,#ff8fc8);-webkit-background-clip:text;background-clip:text;color:transparent}.mv-tag{font-size:12px;line-height:16px;font-weight:600;color:#ffffff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 10px}@media (prefers-reduced-motion:reduce){.ab-old::after,.ab-new,.mv-card{animation:none}.ab-old::after{transform:scaleX(1)}.ab-new{opacity:1}}.ci-trace{stroke-dasharray:4 8;animation:ciFlow 1.2s linear infinite}@keyframes ciFlow{to{stroke-dashoffset:-24}}.ci-dot{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:999px;background:#ff5ab3;box-shadow:0 0 10px 2px rgba(255,20,147,.65);offset-rotate:0deg;animation:ciMove 2.8s linear infinite}@keyframes ciMove{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}100%{offset-distance:100%;opacity:0}}.ci-chip{position:absolute;transform:translate(-50%,-50%);border-radius:18px;background:linear-gradient(160deg,#2a1a5e,#0a1628);border:1.5px solid rgba(196,161,251,.7);display:flex;align-items:center;justify-content:center;animation:ciGlow 2.8s ease-in-out infinite}@keyframes ciGlow{0%,100%{box-shadow:0 0 24px rgba(123,47,247,.45)}50%{box-shadow:0 0 48px rgba(123,47,247,.85)}}.ci-pin{position:absolute;background:rgba(196,161,251,.8);border-radius:1px}.ci-node{position:absolute;transform:translate(-50%,-50%);border-radius:999px;background:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px rgba(140,198,255,.3),0 8px 20px rgba(0,0,0,.35);animation:ciNode 8.4s ease-in-out infinite}@keyframes ciNode{0%,16%,100%{box-shadow:0 0 0 3px rgba(140,198,255,.3),0 8px 20px rgba(0,0,0,.35)}6%{box-shadow:0 0 0 6px rgba(0,128,255,.5),0 0 28px rgba(0,128,255,.6)}}.ci-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(196,161,251,.18) 1px,transparent 1.2px);background-size:18px 18px}@media (prefers-reduced-motion:reduce){.ci-trace,.ci-dot,.ci-chip,.ci-node{animation:none}.ci-dot{display:none}}
/* mobile view */
.st-radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.st-step{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;flex:1;position:relative;padding:4px}.st-dot{width:44px;height:44px;border-radius:999px;background:#ffffff;border:2px solid #d9ebff;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;z-index:1}.st-dot svg{width:20px;height:20px;fill:none;stroke:#0080ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.st-step:hover .st-dot{transform:scale(1.08);border-color:#0080ff}.st-panel{display:none}.st-fill{height:100%;width:0;background:linear-gradient(90deg,#0080ff,#7b2ff7,#ff1493);border-radius:2px;transition:width .4s ease}.st-visual{border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#f5f9ff,#f8f2ff);border:1px solid #e6e8ea}.st-float{animation:stFloat 3.2s ease-in-out infinite}@keyframes stFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.st-shake{transform-box:fill-box;transform-origin:center;animation:stShake 2.4s ease-in-out infinite}@keyframes stShake{0%,100%{transform:rotate(0)}20%{transform:rotate(-6deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-3deg)}}.st-conv{animation:stConv 4s ease-in-out infinite}@keyframes stConv{0%{offset-distance:0%;opacity:0}15%{opacity:1}70%{offset-distance:100%;opacity:1}85%,100%{offset-distance:100%;opacity:0}}.st-glow{transform-box:fill-box;transform-origin:center;animation:stGlow 2.6s ease-in-out infinite}@keyframes stGlow{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.st-flow{stroke-dasharray:4 6;animation:stFlow 1.1s linear infinite}@keyframes stFlow{to{stroke-dashoffset:-20}}.st-dotm{animation:stMove 2.8s linear infinite}@keyframes stMove{0%{offset-distance:0%;opacity:0}10%,90%{opacity:1}100%{offset-distance:100%;opacity:0}}.st-rise{transform-box:fill-box;transform-origin:bottom;animation:stRise 1s cubic-bezier(.2,.8,.2,1) both}@keyframes stRise{from{transform:scaleY(0)}}@keyframes stIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.st-float,.st-shake,.st-conv,.st-glow,.st-flow,.st-dotm,.st-rise,.st-panel{animation:none!important}.st-conv,.st-dotm{display:none}.st-fill,.st-dot{transition:none}}#m-st-1:checked~.st-rail .st-fill{width:0%}#m-st-1:checked~.st-steps label[for=st-1] .st-dot{background:#0a1628;border-color:#0a1628;box-shadow:0 8px 20px rgba(10,22,40,.2)}#m-st-1:checked~.st-steps label[for=st-1] .st-dot svg{stroke:#ffffff}#m-st-1:checked~.st-steps label[for=st-1] .st-lbl{color:#0a1628}#m-st-1:checked~.st-panels .st-p1{display:grid;animation:stIn .35s ease}#m-st-1:focus-visible~.st-steps label[for=st-1] .st-dot{outline:2px solid #0080ff;outline-offset:3px}#m-st-2:checked~.st-rail .st-fill{width:33%}#m-st-2:checked~.st-steps label[for=st-2] .st-dot{background:#0a1628;border-color:#0a1628;box-shadow:0 8px 20px rgba(10,22,40,.2)}#m-st-2:checked~.st-steps label[for=st-2] .st-dot svg{stroke:#ffffff}#m-st-2:checked~.st-steps label[for=st-2] .st-lbl{color:#0a1628}#m-st-2:checked~.st-panels .st-p2{display:grid;animation:stIn .35s ease}#m-st-2:focus-visible~.st-steps label[for=st-2] .st-dot{outline:2px solid #0080ff;outline-offset:3px}#m-st-2:checked~.st-steps label[for=st-1] .st-dot{border-color:#0080ff;background:#e6f2ff}#m-st-3:checked~.st-rail .st-fill{width:67%}#m-st-3:checked~.st-steps label[for=st-3] .st-dot{background:#0a1628;border-color:#0a1628;box-shadow:0 8px 20px rgba(10,22,40,.2)}#m-st-3:checked~.st-steps label[for=st-3] .st-dot svg{stroke:#ffffff}#m-st-3:checked~.st-steps label[for=st-3] .st-lbl{color:#0a1628}#m-st-3:checked~.st-panels .st-p3{display:grid;animation:stIn .35s ease}#m-st-3:focus-visible~.st-steps label[for=st-3] .st-dot{outline:2px solid #0080ff;outline-offset:3px}#m-st-3:checked~.st-steps label[for=st-1] .st-dot{border-color:#0080ff;background:#e6f2ff}#m-st-3:checked~.st-steps label[for=st-2] .st-dot{border-color:#0080ff;background:#e6f2ff}#m-st-4:checked~.st-rail .st-fill{width:100%}#m-st-4:checked~.st-steps label[for=st-4] .st-dot{background:#0a1628;border-color:#0a1628;box-shadow:0 8px 20px rgba(10,22,40,.2)}#m-st-4:checked~.st-steps label[for=st-4] .st-dot svg{stroke:#ffffff}#m-st-4:checked~.st-steps label[for=st-4] .st-lbl{color:#0a1628}#m-st-4:checked~.st-panels .st-p4{display:grid;animation:stIn .35s ease}#m-st-4:focus-visible~.st-steps label[for=st-4] .st-dot{outline:2px solid #0080ff;outline-offset:3px}#m-st-4:checked~.st-steps label[for=st-1] .st-dot{border-color:#0080ff;background:#e6f2ff}#m-st-4:checked~.st-steps label[for=st-2] .st-dot{border-color:#0080ff;background:#e6f2ff}#m-st-4:checked~.st-steps label[for=st-3] .st-dot{border-color:#0080ff;background:#e6f2ff}.ab-old{position:relative;display:inline-block;padding:3px 10px;border-radius:999px;background:#f5f6f7;border:1px dashed #c2c5c9;color:#545c68;font-size:14px;font-weight:600;white-space:nowrap}.ab-old::after{content:'';position:absolute;left:8px;right:8px;top:50%;height:2px;background:#ff1493;transform:scaleX(0);transform-origin:left;animation:abStrike 5s ease-in-out infinite}@keyframes abStrike{0%,15%{transform:scaleX(0)}30%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}.ab-new{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#0080ff,#7b2ff7);color:#ffffff;font-weight:700;font-size:15px;animation:abPop 5s ease-in-out infinite;box-shadow:0 8px 20px rgba(0,128,255,.3)}@keyframes abPop{0%,30%{opacity:.25;transform:scale(.92)}42%,88%{opacity:1;transform:scale(1)}100%{opacity:.25;transform:scale(.92)}}.ab-card{position:relative;background:#ffffff;border:1px solid #e6e8ea;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ab-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(10,22,40,.1);border-color:#8cc6ff}.ab-stat{font-size:40px;line-height:44px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#0080ff,#7b2ff7 60%,#ff1493);-webkit-background-clip:text;background-clip:text;color:transparent}.mv-card{position:relative;border-radius:20px;padding:2px;background:linear-gradient(135deg,rgba(0,128,255,.9),rgba(123,47,247,.9),rgba(255,20,147,.9));background-size:200% 200%;animation:mvShift 8s ease infinite}@keyframes mvShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.mv-in{height:100%;box-sizing:border-box;border-radius:18px;background:rgba(10,22,40,.92);padding:32px;display:flex;flex-direction:column;gap:14px;transition:background .2s ease}.mv-card:hover .mv-in{background:rgba(10,22,40,.82)}.mv-big{font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,#ffffff,#c4a1fb 55%,#ff8fc8);-webkit-background-clip:text;background-clip:text;color:transparent}.mv-tag{font-size:12px;line-height:16px;font-weight:600;color:#ffffff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 10px}@media (prefers-reduced-motion:reduce){.ab-old::after,.ab-new,.mv-card{animation:none}.ab-old::after{transform:scaleX(1)}.ab-new{opacity:1}}.ci-trace{stroke-dasharray:4 8;animation:ciFlow 1.2s linear infinite}@keyframes ciFlow{to{stroke-dashoffset:-24}}.ci-dot{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:999px;background:#ff5ab3;box-shadow:0 0 10px 2px rgba(255,20,147,.65);offset-rotate:0deg;animation:ciMove 2.8s linear infinite}@keyframes ciMove{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}100%{offset-distance:100%;opacity:0}}.ci-chip{position:absolute;transform:translate(-50%,-50%);border-radius:18px;background:linear-gradient(160deg,#2a1a5e,#0a1628);border:1.5px solid rgba(196,161,251,.7);display:flex;align-items:center;justify-content:center;animation:ciGlow 2.8s ease-in-out infinite}@keyframes ciGlow{0%,100%{box-shadow:0 0 24px rgba(123,47,247,.45)}50%{box-shadow:0 0 48px rgba(123,47,247,.85)}}.ci-pin{position:absolute;background:rgba(196,161,251,.8);border-radius:1px}.ci-node{position:absolute;transform:translate(-50%,-50%);border-radius:999px;background:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px rgba(140,198,255,.3),0 8px 20px rgba(0,0,0,.35);animation:ciNode 8.4s ease-in-out infinite}@keyframes ciNode{0%,16%,100%{box-shadow:0 0 0 3px rgba(140,198,255,.3),0 8px 20px rgba(0,0,0,.35)}6%{box-shadow:0 0 0 6px rgba(0,128,255,.5),0 0 28px rgba(0,128,255,.6)}}.ci-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(196,161,251,.18) 1px,transparent 1.2px);background-size:18px 18px}@media (prefers-reduced-motion:reduce){.ci-trace,.ci-dot,.ci-chip,.ci-node{animation:none}.ci-dot{display:none}}