.sc{--navy:var(--color-ebop-navy);--ink:var(--color-text-ink);--blue:var(--color-ebop-blue-light);--blue-d:var(--color-ebop-blue);--green:var(--color-ebop-green-light);--green-d:var(--color-ebop-green);--s-blue:var(--color-surface-blue);--s-gray:var(--color-surface-gray);--muted:#5b7083;--line:#dde6ee;--red:#d9645c;--ease:cubic-bezier(0.2,0.8,0.2,1);position:relative;width:1040px;height:600px;font-family:var(--font-body),system-ui,sans-serif;font-size:19px;line-height:1.35;color:var(--ink);transform-origin:0 0}.sc *{box-sizing:border-box}.sc.play .a-click,.sc.play .a-fade,.sc.play .a-fill,.sc.play .a-fly,.sc.play .a-grow,.sc.play .a-hl,.sc.play .a-left,.sc.play .a-out,.sc.play .a-pop,.sc.play .a-row-ok,.sc.play .a-stamp,.sc.play .a-up,.sc.play .a-wipe,.sc.play .cursor,.sc.play .scan{animation-duration:var(--dur,.6s);animation-timing-function:var(--ease);animation-fill-mode:both;animation-delay:calc(var(--t0, 0s) + var(--d, 0s))}.sc.play .a-up{animation-name:aUp}.sc.play .a-pop{animation-name:aPop}.sc.play .a-fade{animation-name:aFade}.sc.play .a-left{animation-name:aLeft}.sc.play .a-wipe{animation-name:aWipe;--dur:.9s;animation-timing-function:linear}.sc.play .a-out{animation-name:aOut;--dur:.25s}.sc.play .a-fill{animation-name:aFill;--dur:.9s}.sc.play .a-hl{animation-name:aHl;--dur:.5s}.sc.play .a-click{animation-name:aClick;--dur:.35s}.sc.play .a-grow{animation-name:aGrow;--dur:.8s}.sc.play .a-row-ok{animation-name:aRowOk;--dur:.5s}.sc.play .a-stamp{animation-name:aStamp;--dur:.45s}.sc.play .a-fly{animation-name:aFly;--dur:.8s}@keyframes aUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes aPop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes aFade{0%{opacity:0}to{opacity:1}}@keyframes aLeft{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}@keyframes aWipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes aOut{0%{opacity:1}to{opacity:0}}@keyframes aFill{0%{opacity:0;transform:translateX(-10px);background:rgba(58,143,209,.28)}35%{opacity:1;transform:none;background:rgba(58,143,209,.28)}to{opacity:1;background:rgba(58,143,209,0)}}@keyframes aHl{0%{background:rgba(58,143,209,0);box-shadow:0 0 0 0 rgba(58,143,209,0)}to{background:rgba(58,143,209,.16);box-shadow:0 0 0 2px rgba(58,143,209,.55)}}@keyframes aClick{0%{transform:scale(1)}45%{transform:scale(.93)}to{transform:scale(1)}}@keyframes aGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes aRowOk{0%{background:#fff;border-color:var(--line)}to{background:#EEF9F3;border-color:rgba(71,167,122,.55)}}@keyframes aStamp{0%{opacity:0;transform:rotate(-8deg) scale(1.7)}to{opacity:1;transform:rotate(-8deg) scale(1)}}@keyframes aFly{0%{opacity:0;transform:translate(-60px,20px) scale(.8)}to{opacity:1;transform:none}}.sc .card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 50px -22px rgba(20,52,82,.35);padding:26px 28px}.sc .card-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sc .card-h b{font-size:22px;font-weight:600;color:var(--navy)}.sc .eyebrow{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-d)}.sc .badge{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;padding:7px 14px;border-radius:999px;white-space:nowrap}.sc .badge.blue{color:var(--blue-d);background:var(--s-blue)}.sc .badge.green{color:#2C7D58;background:#E3F5EC}.sc .badge.red{color:#B4473F;background:#FBEAE8}.sc .badge.gray{color:var(--muted);background:var(--s-gray)}.sc .btn{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:#fff;padding:13px 24px;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--green-d));box-shadow:0 10px 24px -10px rgba(71,167,122,.8)}.sc .swap{position:relative}.sc .swap>*+*{position:absolute;left:0;top:0}.sc .ai-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff;padding:10px 16px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--blue-d));box-shadow:0 12px 26px -10px rgba(23,104,178,.8)}.sc .ai-chip svg{width:18px;height:18px}.sc .link{position:absolute;height:0;border-top:3px dashed #b9d3ea;z-index:1}.sc .cursor{position:absolute;left:0;top:0;z-index:9;width:30px;height:30px;animation-name:aCursor;--dur:.7s;filter:drop-shadow(0 4px 6px rgba(20,52,82,.35))}@keyframes aCursor{0%{opacity:0;transform:translate(var(--x0),var(--y0))}20%{opacity:1}to{opacity:1;transform:translate(var(--x1),var(--y1))}}.sc .foot{position:absolute;left:28px;right:28px;bottom:24px;display:flex;align-items:center;justify-content:space-between}.sc .list{left:30px;top:70px;width:570px;height:460px}.sc .rj{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px;background:#fff}.sc .rj .ref{font-weight:600;color:var(--navy);font-size:17px}.sc .rj .sub{font-size:14px;color:var(--muted)}.sc .panel{left:630px;top:80px;width:380px;height:440px}.sc .fix{border-left:3px solid var(--blue);padding:2px 0 2px 14px;margin:14px 0}.sc .fix small{display:block;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.sc .fix span{font-size:17px;font-weight:500}.sc .fix.ok{border-left-color:var(--green-d)}.sc.play .rj-first{animation-name:aUp,aRowOk;animation-duration:.6s,.5s;animation-timing-function:var(--ease);animation-fill-mode:both;animation-delay:calc(var(--t0, 0s) + .35s),calc(var(--t0, 0s) + 4.3s)}.sc .rj .swap>*+*{left:auto;right:0}