.ap{color:var(--ink)}.lx .ap em{font-family:var(--sans);letter-spacing:normal;padding-right:0;font-style:normal}@keyframes au-float{50%{transform:translateY(-8px)}}.ap-rphone{aspect-ratio:482/1016;border-radius:16.2%/7.7%;width:266px;margin-left:-140px;position:absolute;top:0;left:50%;overflow:hidden;translate:0 0 40px;box-shadow:0 70px 120px -50px rgba(10,19,34,.65),0 20px 40px -20px rgba(10,19,34,.4)}.ap-rot .ap-doc,.ap-rot .ap-badge{opacity:1}.ap-rphone img{width:224.1%;max-width:none;height:106.3%;position:absolute;top:-3.15%;left:-62.03%}.ap{height:560px;transform-style:preserve-3d;position:relative}.ap-doc{z-index:4;width:240px;box-shadow:0 0 0 1px var(--line), 0 40px 70px -36px rgba(10,19,34,.5);opacity:0;transition:opacity .8s var(--ease) .2s;background:#fff;border-radius:16px;gap:8px;padding:18px 18px 16px;font-size:12.5px;display:grid;position:absolute;top:108px;right:-24px;translate:0 0 80px;rotate:4deg}.ap-doc .hd{gap:2px;margin-bottom:4px;display:grid}.ap-doc .hd b{font-size:14px}.ap-doc .hd small{color:var(--ink-3);font-size:11.5px}.ap-doc .row{color:var(--ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;gap:10px;display:flex}.ap-doc .row.tot{border-top:1px solid var(--line);color:var(--ink);margin-top:4px;padding-top:9px;font-weight:700}.lx .ap-doc .ok{background:var(--blue-soft);color:var(--blue);border-radius:999px;justify-self:start;margin-top:6px;padding:6px 12px;font-size:11.5px;font-weight:600}.ap-badge{z-index:3;box-shadow:0 0 0 1px var(--line), 0 24px 40px -18px rgba(10,19,34,.45);opacity:0;transition:opacity .7s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;animation:6s ease-in-out infinite au-float;display:inline-flex;position:absolute}.ap-badge svg{width:15px;height:15px;color:var(--blue)}.ap-badge.b1{top:40%;left:0;translate:0 0 110px}.ap-badge.b2{background:var(--ink);color:#fff;animation-delay:-3s;bottom:50px;right:4%;translate:0 0 130px}.ap-badge.b2 svg{color:#8ab9ff}.sv-night{background:radial-gradient(45% 55% at 78% 45%,rgba(11,99,229,.12),transparent 70%),linear-gradient(#fff 0,#e9f0fb 240px,#f4f7fc 50%,#eaf0fa calc(100% - 240px),#fff 100%)}.au2{width:640px;height:480px;box-shadow:0 0 0 1px var(--line), 0 60px 110px -50px rgba(10,19,34,.4);background:radial-gradient(60% 50% at 80% 10%,rgba(11,99,229,.06),transparent 70%),#fff;border-radius:28px;font-size:15px;position:relative;overflow:hidden}.au2-scene{opacity:0;transition:opacity .4s var(--ease);pointer-events:none;flex-direction:column;justify-content:center;gap:18px;padding:44px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.au2-scene.is-on{opacity:1}.au2-scene :-webkit-any(.p1,.p2,.p3,.p5){opacity:0;transition:opacity .5s var(--ease), transform .55s var(--ease);transform:translateY(14px)scale(.97)}.au2-scene :-moz-any(.p1,.p2,.p3,.p5){opacity:0;transition:opacity .5s var(--ease), transform .55s var(--ease);transform:translateY(14px)scale(.97)}.au2-scene :is(.p1,.p2,.p3,.p5){opacity:0;transition:opacity .5s var(--ease), transform .55s var(--ease);transform:translateY(14px)scale(.97)}.au2-scene.is-on :-webkit-any(.p1,.p2,.p3,.p5){opacity:1;transform:none}.au2-scene.is-on :-moz-any(.p1,.p2,.p3,.p5){opacity:1;transform:none}.au2-scene.is-on :is(.p1,.p2,.p3,.p5){opacity:1;transform:none}.au2-scene.is-on .p2{transition-delay:.6s}.au2-scene.is-on .p3{transition-delay:1.9s}.au2-scene.is-on .p5{transition-delay:2.4s}.au2-scene.s3.is-on .p2{transition-delay:.3s}.au2-scene.s3.is-on .p3{transition-delay:.85s}.au2 small{opacity:.6;font-variant-numeric:tabular-nums;margin-bottom:3px;font-size:12px;font-weight:500;display:block}.au2 .av{width:36px;height:36px;color:var(--blue);background:#e8eefb;border-radius:50%;flex:none;align-items:center;justify-items:center;font-size:12px;font-weight:700;display:grid}.au2 .bub{letter-spacing:-.01em;border-radius:20px;align-items:center;gap:12px;max-width:82%;padding:14px 18px;font-size:17px;font-weight:600;line-height:1.3;display:inline-flex}.au2 .bub.in{background:var(--paper-2);color:var(--ink);border-bottom-left-radius:6px;align-self:flex-start}.au2 .bub.out{background:var(--blue);color:#fff;border-bottom-right-radius:6px;align-self:flex-end;box-shadow:0 18px 30px -18px rgba(11,99,229,.7)}.au2 .bub .ok{width:24px;height:24px;color:var(--blue);background:#fff;border-radius:50%;align-items:center;justify-items:center;font-size:13px;display:grid}.au2 .timer{color:var(--blue);background:rgba(11,99,229,.08);border-radius:999px;align-self:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.au2 .timer>i{transform-origin:0;background:rgba(11,99,229,.14);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.au2-scene.is-on .timer>i{animation:1.2s linear .7s forwards au2-fill}.au2 .timer svg{width:13px;height:13px;position:relative}@keyframes au2-fill{to{transform:none}}.au2 .typing{background:var(--paper-2);border-radius:16px;align-self:flex-end;gap:5px;padding:12px 16px;display:inline-flex}.au2 .typing i{background:var(--ink-3);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite au2-dot}.au2 .typing i:nth-child(2){animation-delay:.15s}.au2 .typing i:nth-child(3){animation-delay:.3s}@keyframes au2-dot{50%{opacity:.4;transform:translateY(-4px)}}.au2-scene.s1.is-on .typing{animation:.3s 1.8s forwards au2-gone}.au2-scene.s1 .typing{margin:-6px 0}@keyframes au2-gone{to{opacity:0;height:0;margin:0;padding:0}}.au2 .doc{width:340px;box-shadow:0 0 0 1px var(--line), 0 30px 50px -30px rgba(10,19,34,.4);background:#fff;border-radius:18px;align-self:center;gap:10px;padding:22px 24px;display:grid}.au2 .doc .hd b{font-size:18px}.au2 .doc .row{color:var(--ink-2);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);justify-content:space-between;display:flex;transform:translate(-8px)}.au2-scene.is-on .doc .row{opacity:1;transform:none}.au2-scene.is-on .doc .r0{transition-delay:.3s}.au2-scene.is-on .doc .r1{transition-delay:.5s}.au2-scene.is-on .doc .r2{transition-delay:.7s}.au2-scene.is-on .doc .tot{transition-delay:.9s}.au2 .doc .tot{border-top:1px solid var(--line);color:var(--ink);margin-top:4px;padding-top:10px;font-weight:700}.au2 .approve{align-self:center;height:48px;display:grid;position:relative}.au2 .approve .a,.au2 .approve .b{border-radius:999px;grid-area:1/1;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:16px;font-weight:600;display:inline-flex}.au2 .approve .a{background:var(--blue);color:#fff;box-shadow:0 0 0 6px rgba(11,99,229,.14)}.au2 .approve .a svg{width:16px;height:16px}.au2 .approve .b{color:#138a43;opacity:0;background:#e8f8ee}.au2 .cursor{background:var(--ink);-webkit-clip-path:polygon(0 0,100% 62%,58% 66%,40% 100%);clip-path:polygon(0 0,100% 62%,58% 66%,40% 100%);opacity:0;width:22px;height:22px;position:absolute;bottom:-30px;right:-30px}.au2-scene.s2.is-on .cursor{animation:au2-cursor 1s var(--ease) 1.3s forwards}.au2-scene.s2.is-on .approve .a{animation:.25s 2.2s au2-press,.2s 2.45s forwards au2-out}.au2-scene.s2.is-on .approve .b{animation:au2-in .3s var(--ease) 2.45s forwards}@keyframes au2-cursor{0%{opacity:0;transform:translate(40px,40px)}30%{opacity:1}to{opacity:1;transform:translate(-60px,-36px)}}@keyframes au2-press{50%{transform:scale(.94)}}@keyframes au2-out{to{opacity:0}}@keyframes au2-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.au2 .days{align-self:center;align-items:center;gap:8px;display:inline-flex}.au2 .days i{background:var(--paper-2);width:40px;height:40px;color:var(--ink-3);border-radius:12px;align-items:center;justify-items:center;font-size:13px;font-style:normal;font-weight:600;display:grid}.au2 .days em{color:var(--ink-3);font-family:var(--sans);margin-left:6px;font-size:13px;font-style:normal}.au2 .bell{font-size:20px;display:inline-block}.au2-scene.s3.is-on .bell{animation:.8s .5s 2 au2-ring}@keyframes au2-ring{20%{transform:rotate(18deg)}40%{transform:rotate(-14deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}.au2 .card{width:100%;box-shadow:0 0 0 1px var(--line), 0 30px 50px -30px rgba(10,19,34,.35);background:#fff;border-radius:20px;align-self:center;gap:26px;padding:26px 28px;display:grid}.au2 .card .hd{align-items:center;gap:12px;display:flex}.au2 .card .hd b{font-size:17px}.au2 .track{grid-template-columns:repeat(4,1fr);display:grid;position:relative}.au2 .seg{background:var(--line);border-radius:2px;width:25%;height:2px;position:absolute;top:21px;overflow:hidden}.au2 .seg.g0{left:12.5%}.au2 .seg.g1{left:37.5%}.au2 .seg.g2{left:62.5%}.au2 .seg:after{content:"";background:var(--blue);transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.au2-scene.s4.is-on .seg:after{transition:transform .4s cubic-bezier(.45,0,.55,1);transform:none}.au2-scene.s4.is-on .seg.g0:after{transition-delay:.45s}.au2-scene.s4.is-on .seg.g1:after{transition-delay:1s}.au2-scene.s4.is-on .seg.g2:after{transition-delay:1.55s}.au2 .st{color:var(--ink-3);justify-items:center;gap:8px;font-size:13px;font-weight:600;transition:color .3s;display:grid;position:relative}.au2 .st i{width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--line);background:#fff;border-radius:50%;align-items:center;justify-items:center;transition:background .25s,box-shadow .25s;display:grid}.au2 .st svg,.au2 .won svg{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.au2 .st path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .3s}.au2-scene.s4.is-on .st{color:var(--ink)}.au2-scene.s4.is-on .st i{background:var(--blue);box-shadow:inset 0 0 0 2px var(--blue), 0 0 0 6px rgba(11,99,229,.12);animation:au2-pop .35s var(--ease) both}.au2-scene.s4.is-on .st path{stroke-dashoffset:0}.au2-scene.s4.is-on .t0,.au2-scene.s4.is-on .t0 i,.au2-scene.s4.is-on .t0 path{transition-delay:.3s;animation-delay:.3s}.au2-scene.s4.is-on .t1,.au2-scene.s4.is-on .t1 i,.au2-scene.s4.is-on .t1 path{transition-delay:.85s;animation-delay:.85s}.au2-scene.s4.is-on .t2,.au2-scene.s4.is-on .t2 i,.au2-scene.s4.is-on .t2 path{transition-delay:1.4s;animation-delay:1.4s}.au2-scene.s4.is-on .t3,.au2-scene.s4.is-on .t3 i,.au2-scene.s4.is-on .t3 path{transition-delay:1.95s;animation-delay:1.95s}@keyframes au2-pop{0%{transform:scale(.85)}60%{transform:scale(1.1)}to{transform:scale(1)}}.au2-scene.s4.is-on .p5{transition-delay:2.35s}.au2 .won svg{stroke:#138a43}.au2 .won{color:#138a43;background:#e8f8ee;border-radius:999px;align-self:center;align-items:center;gap:8px;padding:12px 24px;font-size:17px;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){.au2 *,.au2 :before,.au2 :after{transition:none!important;animation:none!important}}@media (max-width:900px){.au2{width:100%;height:360px}.au2-scene{gap:12px;padding:22px}.au2 .bub{padding:10px 14px;font-size:14px}.au2 .doc{width:100%}.au2 .card{padding:18px}.au2 .st{font-size:11px}.au2 .st i{width:34px;height:34px}.au2 .seg{top:16px}.ap{height:440px}.ap-rphone{width:208px;margin-left:-104px}.ap-doc{display:none}.ap-badge{padding:7px 11px;font-size:11px}.ap-badge.b1{left:0;translate:0 0 40px}.ap-badge.b2{right:0;translate:0 0 50px}}