.stpu{--stpu-cycle:11.4s;aspect-ratio:470/340;width:100%;position:relative}.stpu__stage{transform-origin:top;width:470px;height:340px;position:absolute;top:0;left:50%}.stpu__scene{box-sizing:border-box;background:#fefefe;border:1px solid #e7e7ea;border-radius:20px;position:absolute;inset:16px;overflow:hidden;box-shadow:0 1px 2px #0a0a140a,0 8px 24px #0a0a140f}.stpu__badge{box-sizing:border-box;min-width:32px;height:22px;font-family:var(--font-sans,Inter, sans-serif);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.stpu__badge--blue{color:#1b4fe0;background:#2567ff1a;border-color:#2567ff33}.stpu__badge--neutral{color:#4b5058;background:#7878801a;border-color:#78788033}.stpu__badge--green{color:#1f6d44;background:#41d97f1a;border-color:#41d97f33}.stpu__badge--amber{color:#b4500f;background:#ff74261a;border-color:#ff742633}.stpu__badge--red{color:#8c2020;background:#ff41411a;border-color:#ff414133}.stpu__action{opacity:0;border:1px solid #ececf0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;height:56px;margin:16px 18px 0;padding:0 14px;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(10px)}.stpu__action.is-in{opacity:1;transform:none}.stpu__action-txt{flex-direction:column;gap:3px;min-width:0;display:flex}.stpu__action-title{letter-spacing:-.3px;color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.stpu__action-meta{letter-spacing:-.1px;color:#6e6e73;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.stpu__action-meta:empty{display:none}.stpu__action-right{flex:none;align-items:center;gap:8px;display:flex}.stpu__risk.is-off{display:none}.stpu__gatewrap{place-items:center end;height:22px;display:inline-grid}.stpu__gate-held,.stpu__gate-rel{opacity:0;grid-area:1/1;align-items:center;gap:6px;transition:opacity .38s cubic-bezier(.34,1.56,.64,1),transform .38s cubic-bezier(.34,1.56,.64,1);display:inline-flex;transform:scale(.82)}.stpu__gate-held.is-in{opacity:1;transform:scale(1)}.stpu__scene.is-approved .stpu__gate-held.is-in,.stpu__scene.is-settled .stpu__gate-held{opacity:0;transform:scale(.85)}.stpu__scene.is-approved .stpu__gate-rel,.stpu__scene.is-settled .stpu__gate-rel{opacity:1;transform:scale(1)}.stpu__comp,.stpu__face{box-sizing:border-box;opacity:0;background:#fefefe;border:1px solid #ececf0;border-radius:12px;width:194px;min-height:146px;padding:12px;transition:opacity .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1),box-shadow .62s cubic-bezier(.16,1,.3,1);position:absolute;top:90px;transform:translateY(12px)}.stpu__comp{left:18px}.stpu__face{right:18px}.stpu__comp.is-in,.stpu__face.is-in{opacity:1;transform:none}.stpu__scene--req .stpu__comp{width:252px;min-height:156px;padding:11px 12px}.stpu__scene--req .stpu__face{width:164px;min-height:156px}.stpu__scene--req .stpu__m-name{font-size:12px}.stpu__m-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.stpu__m-name{letter-spacing:-.3px;color:#1a1a1a;white-space:nowrap;font-size:13px;font-weight:500;transition:opacity .52s cubic-bezier(.16,1,.3,1)}.stpu__scene.is-focus .stpu__face.is-in{transform:translateY(-3px);box-shadow:0 10px 26px #0a0a1414}.stpu__comp--retire-sms .stpu__comp-badge{opacity:0;transition:opacity .36s cubic-bezier(.34,1.56,.64,1),transform .36s cubic-bezier(.34,1.56,.64,1);transform:scale(.85)}.stpu__scene.is-focus .stpu__comp--retire-sms .stpu__comp-badge,.stpu__scene.is-settled .stpu__comp--retire-sms .stpu__comp-badge{opacity:1;transform:scale(1)}.stpu__scene.is-focus .stpu__comp--retire-sms .stpu__m-name,.stpu__scene.is-focus .stpu__comp--retire-sms .stpu__code,.stpu__scene.is-focus .stpu__comp--retire-sms .stpu__note,.stpu__scene.is-settled .stpu__comp--retire-sms .stpu__m-name,.stpu__scene.is-settled .stpu__comp--retire-sms .stpu__code,.stpu__scene.is-settled .stpu__comp--retire-sms .stpu__note{opacity:.5}.stpu__code{gap:5px;margin-top:12px;transition:opacity .52s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.stpu__code span{color:#1a1a1a;font-variant-numeric:tabular-nums;border:1px solid #ececf0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:26px;font-size:13px;font-weight:500;display:flex}.stpu__code:after{content:"";transform-origin:0;background:#6e6e73;border-radius:1px;width:100%;height:1.6px;transition:transform .52s cubic-bezier(.16,1,.3,1) .12s;position:absolute;top:50%;left:0;transform:scaleX(0)}.stpu__scene.is-focus .stpu__comp--retire-sms .stpu__code:after,.stpu__scene.is-settled .stpu__comp--retire-sms .stpu__code:after{transform:scaleX(1)}.stpu__note{letter-spacing:-.1px;color:#6e6e73;margin-top:11px;font-size:11px;transition:opacity .52s cubic-bezier(.16,1,.3,1)}.stpu__pre{flex-direction:column;align-items:center;gap:8px;padding:12px 0 2px;display:flex}.stpu__pre-ring{width:44px;height:44px;position:relative}.stpu__pre-ring svg{width:44px;height:44px;position:absolute;inset:0}.stpu__pre-track{stroke:#ececf0}.stpu__pre-arc{stroke:#2567ff;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transform-origin:50%;transition:stroke-dashoffset .7s cubic-bezier(.16,1,.3,1) .25s;transform:rotate(-90deg)}.stpu__pre-tick{stroke:#2567ff;fill:none;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .42s cubic-bezier(.16,1,.3,1) .78s}.stpu__comp--pre-screen-tick.is-in .stpu__pre-arc,.stpu__scene.is-settled .stpu__pre-arc,.stpu__comp--pre-screen-tick.is-in .stpu__pre-tick,.stpu__scene.is-settled .stpu__pre-tick{stroke-dashoffset:0}.stpu.is-playing .stpu__scene.is-focus .stpu__pre-ring{animation:.7s cubic-bezier(.34,1.56,.64,1) stpu-pre-pulse}@keyframes stpu-pre-pulse{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.stpu__pre-note{letter-spacing:-.1px;color:#6e6e73;white-space:nowrap;font-size:11px}.stpu__reqs{flex-direction:column;margin-top:7px;display:flex}.stpu__req{align-items:center;gap:7px;height:23px;display:flex}.stpu__req-tick{box-sizing:border-box;border:1.4px solid #d9d9de;border-radius:50%;flex:none;width:14px;height:14px;transition:border-color .36s cubic-bezier(.16,1,.3,1),background-color .36s cubic-bezier(.16,1,.3,1);position:relative}.stpu__req-ticksvg{color:#2567ff;width:8px;height:8px;position:absolute;inset:1.6px}.stpu__tick-path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .36s cubic-bezier(.16,1,.3,1) 80ms}.stpu__req.is-done .stpu__req-tick{background:#2567ff12;border-color:#2567ff73}.stpu__req.is-done .stpu__tick-path{stroke-dashoffset:0}.stpu__req.is-stale .stpu__req-tick{background:#ff742617;border-color:#ff742699}.stpu__req.is-stale .stpu__req-tick:after{content:"";background:#ff7426;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.stpu__req-label{letter-spacing:-.1px;color:#4b5058;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;font-weight:500;transition:color .36s cubic-bezier(.16,1,.3,1);overflow:hidden}.stpu__req.is-stale .stpu__req-label{color:#b4500f}.stpu__req-right{flex:none;align-items:baseline;gap:4px;margin-left:auto;display:inline-flex}.stpu__req-val{color:#1a1a1a;font-variant-numeric:tabular-nums;opacity:0;font-size:10.5px;font-weight:500;transition:opacity .36s cubic-bezier(.16,1,.3,1)}.stpu__req.is-done .stpu__req-val,.stpu__req.is-stale .stpu__req-val{opacity:1}.stpu__req-hint{color:#9da1a1;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9.5px}.stpu__face-badges{height:22px;display:inline-flex;position:relative}.stpu__face-live,.stpu__face-ok{opacity:0;transition:opacity .36s cubic-bezier(.34,1.56,.64,1),transform .36s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;right:0;transform:scale(.85)}.stpu__scene.is-scan .stpu__face-live,.stpu__scene.is-approved .stpu__face-ok,.stpu__scene.is-settled .stpu__face-ok{opacity:1;transform:scale(1)}.stpu__cap{justify-content:center;align-items:center;gap:9px;padding:10px 0 0;display:flex}.stpu__thumbwrap{flex-direction:column;align-items:center;gap:3px;display:flex}.stpu__thumb{box-sizing:border-box;color:#6e6e73;background:#f9f9fb;border:1px solid #ececf0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.stpu__thumb-portrait{width:18px;height:18px}.stpu__thumb-cap{text-transform:uppercase;letter-spacing:.08em;color:#9da1a1;white-space:nowrap;font-size:7.5px;font-weight:500}.stpu__thumb-link{background:#e3e3e8;border-radius:1px;flex:none;width:12px;height:1.6px;transition:background-color .52s cubic-bezier(.16,1,.3,1)}.stpu__scene.is-approved .stpu__thumb-link,.stpu__scene.is-settled .stpu__thumb-link{background:#2567ff}.stpu__ring{justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.stpu__ring>svg:first-child{width:64px;height:64px;position:absolute;inset:0;transform:rotate(-90deg)}.stpu__ring-track{stroke:#ececf0}.stpu__ring-arc{stroke:#2567ff;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px}.stpu.is-playing .stpu__scene.is-scan .stpu__ring-arc{stroke-dasharray:26 74;animation:1.6s linear infinite stpu-ring-spin}@keyframes stpu-ring-spin{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100px}}.stpu__scene.is-approved .stpu__ring-arc,.stpu__scene.is-settled .stpu__ring-arc{stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .64s cubic-bezier(.16,1,.3,1);animation:none}.stpu__cap-portrait{color:#1a1a1a;width:30px;height:30px}.stpu__sim{opacity:0;justify-content:center;align-items:baseline;gap:4px;margin-top:8px;transition:opacity .46s cubic-bezier(.16,1,.3,1),transform .46s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(4px)}.stpu__scene.is-scan .stpu__sim,.stpu__scene.is-approved .stpu__sim,.stpu__scene.is-settled .stpu__sim{opacity:1;transform:none}.stpu__sim-val{color:#1a1a1a;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.stpu__sim-unit{text-transform:uppercase;letter-spacing:.08em;color:#6e6e73;font-size:9px;font-weight:500}.stpu__foot{border-top:1px solid #f1f1f4;align-items:center;gap:10px;padding-top:13px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.stpu__foot-label{letter-spacing:1.3px;text-transform:uppercase;color:#6e6e73;white-space:nowrap;align-self:center;font-size:9px;font-weight:500}.stpu__foot-value{color:#1a1a1a;opacity:0;align-items:baseline;gap:2px;transition:opacity .56s cubic-bezier(.16,1,.3,1),transform .56s cubic-bezier(.16,1,.3,1);display:inline-flex;transform:translateY(6px)}.stpu__scene.is-approved .stpu__foot-value,.stpu__scene.is-settled .stpu__foot-value{opacity:1;transform:none}.stpu__latency{letter-spacing:-.44px;font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.stpu__foot-unit{color:#6e6e73;font-size:13px;font-weight:500}.stpu__foot-right{flex:none;align-items:center;gap:6px;margin-left:auto;display:flex}.stpu__rail{align-items:center;gap:4px;display:inline-flex}.stpu__rail-chip{box-sizing:border-box;color:#4b5058;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;border:1px solid #ececf0;border-radius:6px;align-items:center;height:20px;padding:0 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:500;transition:opacity .36s cubic-bezier(.34,1.56,.64,1),transform .36s cubic-bezier(.34,1.56,.64,1);display:inline-flex;transform:scale(.85)}.stpu__rail-chip.is-on{opacity:1;transform:scale(1)}.stpu__rail-chip:last-child{color:#1b4fe0;background:#2567ff0f;border-color:#2567ff40}@media (prefers-reduced-motion:reduce){.stpu *{transition-duration:1ms!important;animation:none!important}}