@property --ia-m{syntax:"<integer>";inherits:true;initial-value:0}.ia{color:#fff;width:480px;height:300px;position:relative}.ia-head{justify-content:space-between;align-items:flex-start;height:48px;display:flex;position:absolute;inset:0 0 auto}.ia-label{letter-spacing:.12em;text-transform:uppercase;color:#8f97a8;padding-top:10px;font-size:12px;font-weight:600;line-height:16px}.ia-val{min-width:200px;height:36px;position:relative}.ia-val>span{letter-spacing:-.01em;white-space:nowrap;font-size:28px;font-weight:700;line-height:36px;transition:opacity .3s,transform .45s cubic-bezier(.22,1,.36,1);position:absolute;top:0;right:0}.ia-val .b{color:#c8ccd5}.ia-val .a{color:#fff;opacity:0;transform:translateY(12px)}.ia[data-phase=after] .ia-val .b{opacity:0;transform:translateY(-12px)}.ia[data-phase=after] .ia-val .a{opacity:1;transition-delay:.15s;transform:none}.ia-ico{flex:none;width:10px;height:10px;display:inline-block}.ia-cal-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid;position:absolute;inset:64px 0 0}.ia-cal-over{pointer-events:none}.ia-cell{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;transition:opacity .45s,border-color .3s,background-color .3s;position:relative}.ia-cell .n{color:#8f97a8;font-variant-numeric:tabular-nums;font-size:11px;line-height:14px;position:absolute;top:7px;left:9px}.ia[data-phase=before] .ia-cell{transition-delay:calc(var(--i) * .11s);background:#ffffff0d;border-color:#ffffff21}.ia[data-phase=after] .ia-cell.kept{background:#9cb7fa12;border-color:#9cb7fa66}.ia[data-phase=after] .ia-cell.gone{opacity:.25;transition-delay:calc(.35s + var(--k) * 30ms)}.ia-chip{white-space:nowrap;opacity:0;border-radius:6px;justify-content:center;align-items:center;gap:3px;max-width:calc(100% - 6px);padding:3px 6px;font-size:10px;font-weight:600;line-height:14px;transition:opacity .22s,transform .36s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:5px;left:3px;transform:translateY(6px)scale(.96)}.ia-chip.b{color:#c8ccd5;background:#8f97a833}.ia-chip.b.done{color:#fff;background:#ffffff24}.ia-chip.a{color:#0b1530;background:#9cb7fa}.ia-chip.a.stack{flex-direction:column;gap:0}.ia-chip.a.done{color:#2f62d8;background:#fff}.ia[data-phase=before] .ia-chip.b{opacity:1;transition-delay:calc(var(--i) * .11s + .14s);transform:none}.ia[data-phase=after] .ia-chip.a{opacity:1;transition-delay:var(--d);transform:none}.ia-cell .ok{opacity:0;border-radius:50%;place-items:center;width:16px;height:16px;transition:opacity .22s,transform .36s cubic-bezier(.34,1.5,.64,1);display:grid;position:absolute;top:6px;right:6px;transform:scale(.6)}.ia-cell .ok.b{color:#fff;background:#fff3}.ia-cell .ok.a{color:#2f62d8;background:#fff}.ia[data-phase=before] .ia-cell .ok.b{opacity:1;transition-delay:calc(var(--i) * .11s + .14s);transform:none}.ia[data-phase=after] .ia-cell .ok.a{opacity:1;transition-delay:var(--d);transform:none}.ia-review{color:#fff;opacity:0;clip-path:inset(0 100% 0 0);background:linear-gradient(90deg,#9cb7fa99 50%,#9cb7fa1f);border-radius:6px;grid-area:1/2/auto/4;align-self:center;align-items:center;height:22px;margin:0 7px;padding-left:9px;font-size:10.5px;font-weight:600;transition:clip-path .25s,opacity .2s;display:flex}.ia[data-phase=after] .ia-review{opacity:1;clip-path:inset(0);transition:clip-path .7s cubic-bezier(.45,0,.25,1) .5s,opacity .1s .5s}.ia-clock{--ia-m:0;transition:--ia-m 1.8s cubic-bezier(.45,0,.25,1)}.ia-clock[data-phase=before]{--ia-m:40}.ia-clock[data-phase=after]{--ia-m:5;transition-duration:1.1s}.ia-count-val{text-align:right;color:#c8ccd5;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:36px;transition:color .4s}.ia-clock[data-phase=after] .ia-count-val{color:#fff}.ia-count{counter-reset:ia-m var(--ia-m)}.ia-count:before{content:counter(ia-m)}.ia-dial{width:232px;height:232px;position:absolute;top:62px;left:0;overflow:visible}.ia-dial .plate{fill:none}.ia-dial .hub{fill:#fff}.ia-dial .tick{stroke:#ffffff29;stroke-width:1.5px}.ia-dial .tick.major{stroke:#ffffff61;stroke-width:2px}.ia-arc{fill:none;stroke-width:14px;stroke-dasharray:60 60;stroke-dashoffset:60px;transition:stroke-dashoffset 1.8s cubic-bezier(.45,0,.25,1),opacity .5s}.ia-arc.b{stroke:#8f97a899}.ia-arc.a{stroke:#9cb7fa;filter:drop-shadow(0 0 6px #9cb7fabf)}.ia[data-phase=before] .ia-arc.b,.ia[data-phase=after] .ia-arc.b{stroke-dashoffset:20px}.ia[data-phase=after] .ia-arc.b{opacity:.3}.ia[data-phase=after] .ia-arc.a{stroke-dashoffset:55px;transition:stroke-dashoffset .9s cubic-bezier(.45,0,.25,1) .6s,opacity .5s}.ia-hand{stroke:#fff;stroke-width:3px;stroke-linecap:round;transform-origin:116px 116px;transition:transform 1.8s cubic-bezier(.45,0,.25,1)}.ia[data-phase=before] .ia-hand{transform:rotate(240deg)}.ia[data-phase=after] .ia-hand{transition-duration:1.1s;transform:rotate(30deg)}.ia-bars{flex-direction:column;gap:26px;width:200px;display:flex;position:absolute;top:128px;right:0}.ia-bars .lab{color:#8f97a8;justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:600;line-height:16px;display:flex}.ia-bars .lab b{opacity:0;font-weight:600;transition:opacity .3s}.ia-bars .a .lab b{color:#fff}.ia[data-phase=before] .ia-bars .b .lab b,.ia[data-phase=after] .ia-bars .b .lab b{opacity:1;transition-delay:1.5s}.ia[data-phase=after] .ia-bars .b .lab b{transition-delay:0s}.ia[data-phase=after] .ia-bars .a .lab b{opacity:1;transition-delay:1.3s}.ia-bar{background:#ffffff0f;border-radius:5px;height:10px;overflow:hidden}.ia-bar i{border-radius:5px;width:0;height:100%;transition:width 1.8s cubic-bezier(.45,0,.25,1);display:block}.ia-bar.b i{background:#8f97a899}.ia-bar.a i{background:#9cb7fa;box-shadow:0 0 10px #9cb7facc}.ia[data-phase=before] .ia-bar.b i,.ia[data-phase=after] .ia-bar.b i{width:100%}.ia[data-phase=after] .ia-bar.a i{width:12.5%;transition:width .9s cubic-bezier(.45,0,.25,1) .6s}.ia-ch svg{width:480px;height:252px;position:absolute;top:48px;left:0;overflow:visible}.ia-ch .node circle.bg{fill:#ffffff0d;stroke:#ffffff2e}.ia-ch .node path,.ia-ch .node rect,.ia-ch .node .glyph circle{fill:none;stroke:#c8ccd5;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.ia-ch text{font-family:inherit;font-weight:600}.ia-ch .node text{fill:#8f97a8;text-anchor:middle;font-size:11px}.ia-ch .wire{fill:none;stroke:#fff3;stroke-width:1.5px;stroke-dasharray:2 5;stroke-linecap:round;opacity:0;transition:opacity .3s}.ia-ch .pulse{fill:none;stroke:#c8ccd5;stroke-width:5px;stroke-linecap:round;stroke-dasharray:2 200;opacity:0;animation:ia-shuttle var(--dur) ease-in-out var(--delay) infinite alternate;transition:opacity .3s}@keyframes ia-shuttle{0%{stroke-dashoffset:0}to{stroke-dashoffset:-98px}}.ia[data-phase=before] .ia-ch-old .wire{opacity:1;transition-delay:calc(var(--i) * .16s + .2s)}.ia[data-phase=before] .ia-ch-old .pulse{opacity:.9;transition-delay:calc(var(--i) * .16s + .6s)}.ia-ch .pill{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .3s,transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(8px)}.ia-ch .pill rect.bg{fill:#ffffff0d;stroke:#ffffff29}.ia-ch .pill text{fill:#c8ccd5;font-size:12px}.ia-ch .pill .glyph path,.ia-ch .pill .glyph rect,.ia-ch .pill .glyph circle{fill:none;stroke:#c8ccd5;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.ia-ch[data-phase=before] .pill{opacity:1;transition-delay:calc(var(--i) * .16s);transform:none}.ia-ch[data-phase=after] .pill{opacity:0;transform:translateY(var(--dy)) scale(.7);transition:opacity .35s .25s,transform .6s cubic-bezier(.65,0,.35,1)}.ia-ch .site{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .25s,transform .3s;transform:scale(.8)}.ia-ch .site rect.bg{fill:#9cb7fa1f;stroke:#9cb7fa;stroke-width:1.5px}.ia-ch .site text{fill:#fff;font-size:13px}.ia-ch .site .glyph path,.ia-ch .site .glyph rect{fill:none;stroke:#9cb7fa;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.ia-ch[data-phase=after] .site{opacity:1;transition:opacity .4s .45s,transform .6s cubic-bezier(.34,1.4,.64,1) .45s;transform:none}.ia-ch .line{fill:none;stroke:#9cb7fa8c;stroke-width:2px;opacity:0;transition:opacity .25s}.ia-ch .flow{fill:none;stroke:#fff;stroke-width:5px;stroke-linecap:round;stroke-dasharray:2 200;opacity:0;animation:ia-flow 1.4s linear var(--delay) infinite;transition:opacity .25s}@keyframes ia-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-98px}}.ia-ch[data-phase=after] .line{opacity:1;transition-delay:.8s}.ia-ch[data-phase=after] .flow{opacity:1;transition-delay:1.1s}.ia-mon{background:#161b27;border:1px solid #ffffff29;border-radius:12px;width:296px;height:184px;padding:8px;position:absolute;top:70px;left:16px}.ia-stand{background:#161b27;border-inline:1px solid #ffffff1f;width:32px;height:22px;position:absolute;top:254px;left:148px}.ia-base{background:#232a3a;border-radius:4px;width:108px;height:8px;position:absolute;top:276px;left:110px}.ia-ph{border:1.5px dashed #ffffff38;border-radius:22px;width:112px;height:214px;padding:7px;transition:border-color .4s,background-color .4s,transform .6s cubic-bezier(.22,1,.36,1);position:absolute;top:70px;left:350px}.ia[data-phase=after] .ia-ph{background:#161b27;border:1.5px solid #fff3;transform:translateY(-8px)}.ia-ph .ia-scr{border-radius:16px}.ia-scr{opacity:0;background:#f4f7fd;border-radius:6px;height:100%;transition:opacity .3s;position:relative;overflow:hidden}.ia[data-phase=before] .ia-mon .ia-scr,.ia[data-phase=after] .ia-mon .ia-scr{opacity:1}.ia[data-phase=after] .ia-ph .ia-scr{opacity:1;transition-delay:.3s}.ia-ui{flex-direction:column;gap:9px;height:100%;padding:14px 16px;display:flex}.ia-ui.compact{gap:7px;padding:18px 9px 10px}.ia-ui>*{opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1);transform:translateY(5px)}.ia[data-phase=before] .ia-mon .ia-ui>*,.ia[data-phase=after] .ia-mon .ia-ui>*{opacity:1;transition-delay:calc(var(--i) * .14s + .2s);transform:none}.ia[data-phase=after] .ia-mon .ia-ui>*{transition-delay:0s}.ia[data-phase=after] .ia-ph .ia-ui>*{opacity:1;transition-delay:calc(var(--i) * .14s + .6s);transform:none}.ia-ui .steps{gap:4px;display:flex}.ia-ui .steps i{background:#dfe6f3;border-radius:2px;flex:1;height:4px}.ia-ui .steps i.on{background:#387efe}.ia-ui .q{background:#2b3445;border-radius:4px;height:8px}.ia-ui .q.s{background:#b4bccb;width:55%}.ia-ui .opts{gap:8px;display:flex}.ia-ui.compact .opts{flex-direction:column;gap:6px}.ia-ui .opt{background:#fff;border:1px solid #e1e7f1;border-radius:6px;flex:1;align-items:center;gap:7px;height:30px;padding:0 9px;display:flex}.ia-ui.compact .opt{flex:none;height:24px;padding:0 7px}.ia-ui .opt i{border:1.5px solid #c3cddd;border-radius:50%;flex:none;width:10px;height:10px}.ia-ui .opt b{background:#dbe2ee;border-radius:3px;width:60%;height:5px}.ia-ui .opt.sel{transition:border-color .25s,background-color .25s}.ia-ui .opt.sel i{transition:border .25s,background-color .25s}.ia[data-phase=before] .ia-mon .opt.sel,.ia[data-phase=after] .ia-mon .opt.sel,.ia[data-phase=after] .ia-ph .opt.sel{background:#eef3ff;border-color:#387efe}.ia[data-phase=before] .ia-mon .opt.sel i,.ia[data-phase=after] .ia-mon .opt.sel i,.ia[data-phase=after] .ia-ph .opt.sel i{background:#fff;border:3px solid #387efe}.ia[data-phase=before] .ia-mon .opt.sel,.ia[data-phase=before] .ia-mon .opt.sel i{transition-delay:1.1s}.ia[data-phase=after] .ia-ph .opt.sel,.ia[data-phase=after] .ia-ph .opt.sel i{transition-delay:1.4s}.ia-ui .btn{color:#fff;background:#387efe;border-radius:999px;align-self:flex-end;margin-top:auto;padding:0 12px;font-size:9px;font-weight:600;line-height:20px}.ia-ui.compact .btn{text-align:center;align-self:stretch}.ia-dev .tag{text-align:center;color:#8f97a8;width:112px;font-size:11px;font-weight:600;line-height:14px;transition:opacity .3s;position:absolute;top:170px;left:350px}.ia-dev[data-phase=after] .tag{opacity:0}@media (prefers-reduced-motion:reduce){.ia *,.ia{transition:none!important;animation:none!important}}
.ia-light{--il-ink:#0a2540;--il-slate:#425466;--il-mute:#8792a2;--il-line:#e3e8ee;--il-soft:#f6f9fc;--il-accent:#3370f2;--il-deep:#1d4fc4;--il-tint:#a8c3fb;--il-sel:#edf2ff;--il-meter:linear-gradient(90deg, #1d4fc4, #3370f2 55%, #9dbdff);--il-stage:linear-gradient(25.6deg, #e4f2fe 26.8%, #fdf3e8 95.4%);--il-panel:linear-gradient(180deg, #f2f8fd 4.5%, #fafcff 13.3%);--il-float:0 6px 34px #1d40a033;--il-lift:0 2px 6px #1d40a01a}.ia-light .ia{color:var(--il-ink)}.ia-light .ia-label{letter-spacing:0;text-transform:none;color:var(--il-slate);padding-top:8px;font-size:15px;font-weight:500;line-height:20px}.ia-light .ia-val>span{letter-spacing:-.02em;font-weight:600}.ia-light .ia-val .b{color:var(--il-mute)}.ia-light .ia-val .a{color:var(--il-ink)}.ia-light .ia-cell{border-color:var(--il-line);box-shadow:var(--il-lift);background:#fff}.ia-light .ia-cell .n{color:var(--il-mute)}.ia-light .ia[data-phase=before] .ia-cell{background:#fff;border-color:#d5dbe3}.ia-light .ia[data-phase=after] .ia-cell.kept{border-color:var(--il-tint);background:var(--il-panel)}.ia-light .ia[data-phase=after] .ia-cell.gone{opacity:.35;box-shadow:none}.ia-light .ia-chip.b{color:var(--il-slate);background:#eef1f5}.ia-light .ia-chip.b.done{background:var(--il-slate);color:#fff}.ia-light .ia-chip.a{background:var(--il-accent);color:#fff}.ia-light .ia-chip.a.done{background:var(--il-deep);color:#fff}.ia-light .ia-cell .ok.b{color:var(--il-slate);background:#d5dbe3}.ia-light .ia-cell .ok.a{background:var(--il-accent);color:#fff}.ia-light .ia-review{color:#fff;background:linear-gradient(90deg,#1d4fc4,#3370f2 55%,#9dbdff73)}.ia-light .ia-count-val{color:var(--il-mute);letter-spacing:-.02em;font-weight:600}.ia-light .ia-clock[data-phase=after] .ia-count-val{color:var(--il-ink)}.ia-light .ia-dial .plate{fill:#fafcff;filter:drop-shadow(0 12px 24px #1d40a029)}.ia-light .ia-dial .tick{stroke:#d5dbe3}.ia-light .ia-dial .tick.major{stroke:#8792a2}.ia-light .ia-dial circle[stroke]{stroke:#eef1f5}.ia-light .ia-arc.b{stroke:#c1c9d2}.ia-light .ia-arc.a{stroke:url(#ia-meter);filter:drop-shadow(0 2px 6px #066dce66)}.ia-light .ia[data-phase=after] .ia-arc.b{opacity:.45}.ia-light .ia-hand{stroke:var(--il-deep)}.ia-light .ia-dial .hub{fill:var(--il-deep)}.ia-light .ia-bars .lab{color:var(--il-slate);font-weight:500}.ia-light .ia-bars .lab b{color:var(--il-mute)}.ia-light .ia-bars .a .lab b{color:var(--il-ink)}.ia-light .ia-bar{background:#eef1f5}.ia-light .ia-bar.b i{background:#c1c9d2}.ia-light .ia-bar.a i{background:var(--il-meter);box-shadow:0 2px 8px #066dce59}.ia-light .ia-ch .node circle.bg{fill:#fff;stroke:#d6e1fb;filter:drop-shadow(0 6px 10px #1d40a024)}.ia-light .ia-ch .node path,.ia-light .ia-ch .node rect,.ia-light .ia-ch .node .glyph circle{stroke:var(--il-slate)}.ia-light .ia-ch .node text{fill:var(--il-slate);font-weight:500}.ia-light .ia-ch .wire{stroke:#c1c9d2}.ia-light .ia-ch .pulse{stroke:var(--il-mute)}.ia-light .ia-ch .pill rect.bg{fill:#fff;stroke:#d6e1fb;filter:drop-shadow(0 4px 8px #1d40a01f)}.ia-light .ia-ch .pill text{fill:var(--il-slate);font-weight:500}.ia-light .ia-ch .pill .glyph path,.ia-light .ia-ch .pill .glyph rect,.ia-light .ia-ch .pill .glyph circle{stroke:var(--il-slate)}.ia-light .ia-ch .site rect.bg{fill:#fafcff;stroke:var(--il-accent);filter:drop-shadow(0 6px 20px #1d40a033)}.ia-light .ia-ch .site text{fill:var(--il-ink)}.ia-light .ia-ch .site .glyph path,.ia-light .ia-ch .site .glyph rect{stroke:var(--il-accent)}.ia-light .ia-ch .line{stroke:var(--il-tint)}.ia-light .ia-ch .flow{stroke:var(--il-accent)}.ia-light .ia-mon{border-color:var(--il-line);box-shadow:var(--il-float);background:#fff}.ia-light .ia-stand{background:#e9edf2;border-color:#dde3ea}.ia-light .ia-base{background:#dde3ea}.ia-light .ia-ph{border-color:#c1c9d2}.ia-light .ia[data-phase=after] .ia-ph{border-color:var(--il-line);box-shadow:var(--il-float);background:#fff}.ia-light .ia-scr{background:var(--il-panel);border-top:4px solid var(--il-accent)}.ia-light .ia-ui .steps i{background:#e3e8ee}.ia-light .ia-ui .steps i.on{background:var(--il-accent)}.ia-light .ia-ui .q{background:#26365f}.ia-light .ia-ui .q.s{background:#c1c9d2}.ia-light .ia-ui .btn{background:var(--il-accent)}.ia-light .ia[data-phase=before] .ia-mon .opt.sel,.ia-light .ia[data-phase=after] .ia-mon .opt.sel,.ia-light .ia[data-phase=after] .ia-ph .opt.sel{border-color:var(--il-accent);background:var(--il-sel)}.ia-light .ia[data-phase=before] .ia-mon .opt.sel i,.ia-light .ia[data-phase=after] .ia-mon .opt.sel i,.ia-light .ia[data-phase=after] .ia-ph .opt.sel i{border-color:var(--il-accent)}.ia-light .ia-dev .tag{color:var(--il-mute);font-weight:500}.il-wash{isolation:isolate;position:relative;overflow:hidden}.il-wash:before{content:"";z-index:-1;background:radial-gradient(55% 60% at 4% 0%, #60a0ff8c, transparent 70%), radial-gradient(50% 55% at 100% 100%, #ffb27899, transparent 70%), linear-gradient(var(--wa,25.6deg), #cfe5fe 20%, #e8effc 55%, #fee2c6 95%);animation:16s ease-in-out infinite alternate il-drift;position:absolute;inset:-20%}@keyframes il-drift{0%{transform:translate(0,0)rotate(0)scale(1)}to{transform:translate(-3%,-2%)rotate(-4deg)scale(1.04)}}@media (prefers-reduced-motion:reduce){.il-wash:before{animation:none}}.ia-light .ia-label{display:none}.ia-light .ia-val>span{left:0;right:auto}.ia-light .ia-count-val{text-align:left}
.bd{--ink:#0a2540;--slate:#425466;--mute:#8792a2;--line:#e3e8ee;--blue:#3370f2;--deep:#1d4fc4;--peri:#a8c3fb;--sky:#edf2ff;--peach:#fde4d0;--latte:#e7b089;--skin:#f6d7c0;--lift:0 6px 16px #1d40a029;--spring:cubic-bezier(.34, 1.56, .64, 1);--out:cubic-bezier(.22, 1, .36, 1);width:480px;height:330px;color:var(--ink);position:relative}.bd-stage{width:480px;height:300px;position:absolute;top:30px;left:0}.bd *,.bd :before,.bd :after{box-sizing:border-box}.bd svg{overflow:visible}.bd text{font-family:inherit}.bd-val{z-index:5;width:320px;height:40px;position:absolute;top:30px;left:0;overflow:hidden}.bd-val>span{letter-spacing:-.02em;white-space:nowrap;transition:transform .5s var(--out), opacity .3s ease;font-size:28px;font-weight:600;line-height:36px;position:absolute;top:0;left:0}.bd-val .b{color:var(--mute)}.bd-val .a{opacity:0;transform:translateY(100%)}.bd[data-phase=after] .bd-val .b{opacity:0;transform:translateY(-100%)}.bd[data-phase=after] .bd-val .a{opacity:1;transition-delay:.15s;transform:none}.bd-chip{white-space:nowrap;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;line-height:15px;display:inline-flex}.bd-chip.blue{background:var(--blue);color:#fff}.bd-chip.deep{background:var(--deep);color:#fff}.bd-chip.soft{color:var(--slate);box-shadow:var(--lift);background:#fff}.bd-chip.grey{color:var(--slate);background:#eef1f5}.bd-state{z-index:6;align-items:center;gap:10px;height:26px;display:flex;position:absolute;top:0;left:0}.bd-switch{background:#ffffffb3;border-radius:999px;padding:2px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0a25400f}.bd-switch>span{z-index:1;text-align:center;width:60px;color:var(--mute);font-size:12.5px;font-weight:700;line-height:22px;transition:color .3s;position:relative}.bd-switch .thumb{background:var(--slate);width:60px;height:22px;transition:transform .45s var(--out), background-color .3s ease;border-radius:999px;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #0a25402e}.bd:not([data-phase=after]) .bd-switch .b{color:#fff}.bd[data-phase=after] .bd-switch .thumb{background:var(--blue);transform:translate(60px);box-shadow:0 2px 8px #3370f266}.bd[data-phase=after] .bd-switch .a{color:#fff}.bd-note{white-space:nowrap;font-size:13.5px;font-weight:600;line-height:18px;display:grid;position:relative}.bd-note>span{transition:opacity .3s ease, transform .4s var(--out);grid-area:1/1}.bd-note .b{color:var(--slate)}.bd-note .a{color:var(--deep);opacity:0;transform:translateY(6px)}.bd[data-phase=after] .bd-note .b{opacity:0;transform:translateY(-6px)}.bd[data-phase=after] .bd-note .a{opacity:1;transition-delay:.15s;transform:none}@keyframes bd-pop{0%{opacity:0;transform:translateY(6px)scale(.6)}to{opacity:1;transform:none}}@keyframes bd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bd-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.bd *,.bd :before,.bd :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.bd-glass{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(160deg,#fffffff7,#ffffffbd);border:1px solid #fffffff2;box-shadow:inset 0 1px #fffffff2,0 12px 26px -10px #1d40a052,0 2px 6px #1d40a014}.bd-glow{box-shadow:0 0 0 1.5px #3370f28c,0 14px 30px -8px #3370f299,inset 0 1px #fffffff2}.bd-streak{opacity:0;background:linear-gradient(90deg,#fff0,#fffffff2 60%,#9dbdff00);border-radius:2px;height:2px;position:absolute}.bd-streak.blue{background:linear-gradient(90deg,#3370f200,#3370f2bf 60%,#3370f200)}@keyframes bd-streak{0%{opacity:0;transform:translate(-60px)scaleX(.4)}30%{opacity:1}to{opacity:0;transform:translate(80px)scaleX(1)}}
.c1-stage{transform-origin:50% 80%;transform-style:preserve-3d;position:absolute;inset:0;transform:perspective(900px)rotateX(14deg)}.c1-cell{transition:opacity .45s ease, transform .5s var(--spring), box-shadow .4s ease;border-radius:12px;position:absolute}.c1-cell .n{color:var(--mute);font-variant-numeric:tabular-nums;font-size:11px;line-height:14px;position:absolute;top:7px;left:9px}.c1-slash{width:100%;height:100%;position:absolute;inset:0}.c1-slash path{fill:none;stroke:#b6c7ee;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:opacity .3s}.c1[data-phase=before] .c1-slash path{animation:.18s ease-out both bd-draw;animation-delay:calc(var(--i) * .2s + .16s)}.c1[data-phase=before] .c1-slash path.two{animation-delay:calc(var(--i) * .2s + .26s)}.c1[data-phase=after] .c1-slash path{stroke-dashoffset:0;opacity:0}.c1[data-phase=after] .c1-cell.gone{opacity:.28;box-shadow:none;transition-delay:.45s;transform:translateY(4px)}.c1[data-phase=after] .c1-cell.kept{transition-delay:calc(var(--i) * 80ms + .5s);transform:translateY(-8px);box-shadow:0 0 0 1.5px #3370f280,0 18px 30px -10px #3370f28c,inset 0 1px #fff}.c1[data-phase=after] :is(.c1-hl,.c1-applied,.c1-stamp){margin-top:-8px}.c1[data-phase=after] .c1-streak{animation:.9s ease-out both bd-streak;animation-delay:calc(var(--k) * .12s + .6s)}.c1-note{z-index:2;width:68px;color:var(--slate);opacity:0;transform:rotate(var(--r));border-radius:3px;justify-content:center;align-items:center;gap:3px;padding:9px 4px 7px;font-size:10.5px;font-weight:600;line-height:13px;display:flex;position:absolute;box-shadow:0 5px 12px #1d40a029}.c1-note:before{content:"";background:#ffffffb8;width:26px;height:9px;margin-left:-13px;position:absolute;top:-5px;left:50%;transform:rotate(-5deg);box-shadow:0 1px 2px #0a254014}.c1-note.sky{background:#e2eaff}.c1-note.peach{background:var(--peach)}.c1-note.done{background:var(--slate);color:#fff}.c1[data-phase=before] .c1-note{animation:c1-slap .42s var(--spring) both;animation-delay:calc(var(--i) * .2s + .22s)}.c1[data-phase=after] .c1-note{animation:.52s cubic-bezier(.55,0,.8,.4) both c1-peel;animation-delay:calc((13 - var(--i)) * 28ms)}@keyframes c1-slap{0%{opacity:0;transform:translateY(-22px) rotate(calc(var(--r) * 3)) scale(1.4)}to{opacity:1;transform:rotate(var(--r))}}@keyframes c1-peel{0%{opacity:1;transform:rotate(var(--r))}to{opacity:0;transform:translate(30px, -96px) rotate(calc(var(--r) + 30deg)) scale(.85)}}.c1-hl{z-index:3;color:#fff;clip-path:inset(0 100% 0 0 round 9px);opacity:0;background:linear-gradient(90deg,#1d4fc4f2,#3370f2d9 60%,#9dbdff8c);border-radius:9px;justify-content:center;align-items:center;height:28px;font-size:11px;font-weight:600;display:flex;position:absolute}.c1[data-phase=after] .c1-hl{animation:c1-swipe .65s var(--out) .6s both}@keyframes c1-swipe{0%{opacity:1;clip-path:inset(0 100% 0 0 round 9px)}to{opacity:1;clip-path:inset(0 round 9px)}}.c1-applied{z-index:3;opacity:0;position:absolute}.c1[data-phase=after] .c1-applied{animation:bd-pop .45s var(--spring) 1.05s both}.c1-stamp{z-index:4;border:2px solid var(--deep);outline:1px solid var(--deep);outline-offset:2px;color:var(--deep);opacity:0;background:#ffffffe6;border-radius:6px;padding:2px 5px;font-size:10px;font-weight:800;line-height:13px;position:absolute;transform:rotate(-8deg)}.c1[data-phase=after] .c1-stamp{animation:.42s ease-out 1.45s both c1-stamp}@keyframes c1-stamp{0%{opacity:0;transform:scale(2.4)rotate(-22deg)}60%{opacity:1;transform:scale(.9)rotate(-6deg)}to{opacity:1;transform:rotate(-8deg)}}.c2-scene{transform-origin:50% 75%;position:absolute;inset:0;transform:perspective(820px)rotateX(34deg)translateY(10px)}.c2-roads{position:absolute;inset:0}.c2-old{transition:opacity .4s}.c2-old .road{fill:none;stroke:#fff;stroke-width:22px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 10px #1d40a02e)}.c2-old .dash{fill:none;stroke:#c9d6f3;stroke-width:1.6px;stroke-dasharray:5 6}.c2[data-phase=after] .c2-old{opacity:.3}.c2-new{fill:none;stroke:var(--blue);stroke-width:20px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;filter:drop-shadow(0 0 10px #3370f2a6)}.c2[data-phase=after] .c2-new{opacity:1;animation:bd-draw .6s var(--out) .2s both}.c2-on{offset-path:var(--path);offset-rotate:0deg;offset-anchor:0 0;width:0;height:0;position:absolute;top:0;left:0}.c2-dot{width:22px;height:22px;color:var(--mute);background:linear-gradient(160deg,#fff,#eef3fd);border-radius:50%;place-items:center;font-size:9px;font-weight:700;transition:opacity .3s;display:grid;position:absolute;top:-11px;left:-11px;box-shadow:0 0 0 1px #e1e8f5,0 5px 10px -2px #1d40a04d,inset 0 1px #fff}.c2-dot.blue{background:linear-gradient(160deg, #4f86f7, var(--deep));color:#fff;box-shadow:0 0 0 2px #fff,0 6px 16px -2px #3370f2b3}.c2-sign{opacity:0;position:absolute;bottom:14px;left:0;transform:translate(-50%)}.c2-sign.end{bottom:14px}.c2-on.new .c2-sign{bottom:16px}.c2-on.old .c2-sign{animation:none}.c2[data-phase=before] .c2-on.old .c2-dot{animation:.25s both c2-pass;animation-delay:var(--t)}.c2[data-phase=before] .c2-on.old .c2-sign{animation:c2-sign .4s var(--spring) both;animation-delay:var(--t)}@keyframes c2-pass{50%{transform:translateY(-6px)}to{background:var(--slate);color:#fff;transform:none}}@keyframes c2-sign{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.6)}to{opacity:1;transform:translate(-50%)}}.c2[data-phase=after] .c2-on.old .c2-dot{opacity:.35}.c2-on.new{opacity:0}.c2[data-phase=after] .c2-on.new{opacity:1;transition:opacity .2s .3s}.c2[data-phase=after] .c2-on.new .c2-dot{animation:bd-pop .35s var(--spring) both;animation-delay:var(--t)}.c2[data-phase=after] .c2-on.new .c2-sign{animation:c2-sign .42s var(--spring) both;animation-delay:var(--t)}.c2-me{z-index:2;background:var(--blue);color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-14px;left:-14px;box-shadow:0 4px 12px #1d40a059}.c2-me.grey{background:var(--slate)}.c2-on.runner{z-index:3;offset-distance:0%}.c2[data-phase=before] .c2-on.runner.old{animation:2.8s cubic-bezier(.45,.05,.55,.95) .4s both c2-run}.c2[data-phase=after] .c2-on.runner.old,.c2-on.runner.new{opacity:0}.c2[data-phase=after] .c2-on.runner.new{opacity:1;animation:c2-run 1.1s var(--out) .7s both}@keyframes c2-run{0%{offset-distance:0%}to{offset-distance:100%}}.c3-pad{perspective:700px;width:196px;height:220px;position:absolute;top:62px;left:30px}.c3-back{background:#fff;border-radius:16px;position:absolute;inset:12px 0 0;box-shadow:0 4px #f1f4fa,0 8px #e3e9f4,0 18px 30px #1d40a033}.c3-stack{transition:opacity .25s;position:absolute;inset:12px 0 0}.c3-stack.new,.c3[data-phase=after] .c3-stack.old{opacity:0}.c3[data-phase=after] .c3-stack.new{opacity:1;transition-delay:.15s}.c3-page{transform-origin:50% 0;backface-visibility:hidden;background:#fff;border-radius:16px;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.c3-page .top{text-align:center;width:100%;color:var(--slate);background:#eef2fb;padding:16px 0 8px;font-size:11px;font-weight:600;line-height:14px}.c3-page .top.blue{background:linear-gradient(180deg, #3f7cf5, var(--blue));color:#fff}.c3-page .num{letter-spacing:-.04em;color:var(--ink);margin-top:16px;font-size:68px;font-weight:700;line-height:70px}.c3-page .lbl{color:var(--slate);background:#eef1f5;border-radius:8px;margin-top:10px;padding:4px 10px;font-size:12px;font-weight:600;line-height:16px}.c3-page .lbl.done{background:var(--slate);color:#fff}.c3-page .lbl.blue{background:var(--sky);color:var(--deep)}.c3[data-phase=before] .c3-stack.old .c3-page:not(:last-child){animation:.3s ease-in both c3-flip;animation-delay:calc(var(--i) * .19s + .25s)}.c3[data-phase=after] .c3-stack.new .c3-page:not(:last-child){animation:.42s ease-in both c3-flip;animation-delay:calc(var(--i) * .45s + .7s)}@keyframes c3-flip{0%{opacity:1;transform:rotateX(0)}80%{opacity:1}to{opacity:0;transform:rotateX(-115deg)}}.c3-stamp{border:2px solid var(--deep);outline:1px solid var(--deep);outline-offset:2px;color:var(--deep);opacity:0;background:#ffffffeb;border-radius:7px;margin-top:10px;padding:3px 8px;font-size:12px;font-weight:800;position:relative}.c3[data-phase=after] .c3-stamp{animation:.42s ease-out 1.7s both c1-stamp}.c3-rings{z-index:40;justify-content:space-between;display:flex;position:absolute;top:0;left:20px;right:20px}.c3-rings i{background:linear-gradient(#26365f,#0a2540);border-radius:4px;width:8px;height:22px;box-shadow:0 2px 3px #0a25404d}.c3-strip{grid-template-columns:repeat(7,26px);gap:8px;display:grid;position:absolute;top:116px;left:256px}.c3-strip i{color:#fff;width:26px;height:26px;transition:transform .35s var(--out), background .3s ease, box-shadow .3s ease, opacity .3s ease;background:linear-gradient(160deg,#fff,#eef3fb);border-radius:8px;place-items:center;display:grid;box-shadow:0 0 0 1px #e1e8f5,0 5px 10px -3px #1d40a038,inset 0 1px #fff}.c3-strip i svg{opacity:0;transition:opacity .2s}.c3[data-phase=before] .c3-strip i{animation:.2s both c3-tick;animation-delay:calc(var(--i) * .19s + .3s)}@keyframes c3-tick{50%{transform:translateY(-4px)}to{background:#9aa6b8;transform:none}}.c3[data-phase=after] .c3-strip i.gone{opacity:0;transition-delay:calc((var(--i) - 3) * 30ms + .2s);transform:scale(0)}.c3[data-phase=after] .c3-strip i.kept{background:linear-gradient(160deg, #4f86f7, var(--deep));transition-delay:calc(var(--i) * .45s + .7s);transform:translateY(-4px);box-shadow:0 0 0 2px #fff,0 8px 18px -4px #3370f2b3}.c3[data-phase=after] .c3-strip i.kept svg{opacity:1;transition-delay:1.8s}.c3-cap{width:220px;transition:opacity .3s ease, transform .4s var(--out);font-size:13px;font-weight:500;line-height:18px;position:absolute;top:196px;left:256px}.c3-cap.b{color:var(--slate)}.c3-cap.a{color:var(--deep);opacity:0;font-weight:600;transform:translateY(8px)}.c3[data-phase=after] .c3-cap.b{opacity:0;transform:translateY(-8px)}.c3[data-phase=after] .c3-cap.a{opacity:1;transition-delay:1.7s;transform:none}.c2-streak{z-index:1}.c2[data-phase=after] .c2-streak{animation:.7s ease-out both bd-streak;animation-delay:calc(var(--k) * .11s + .75s)}.c3[data-phase=after] .c3-stack.new .c3-page{box-shadow:inset 0 0 0 1.5px #3370f273}.c3[data-phase=after] .c3-back{transition:box-shadow .5s .6s;box-shadow:0 4px #f1f4fa,0 8px #e3e9f4,0 0 0 1.5px #3370f259,0 20px 40px -6px #3370f273}.c3-streak{z-index:1}.c3[data-phase=after] .c3-streak{animation:.8s ease-out both bd-streak;animation-delay:calc(var(--k) * .14s + .65s)}
.ch-fill{position:absolute;inset:0}.ch-node{z-index:4;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%,-24px)}.ch-node .disc{width:48px;height:48px;color:var(--ink);background:linear-gradient(160deg,#fff,#ffffffb3);border:1px solid #fffffff2;border-radius:50%;place-items:center;transition:color .4s,box-shadow .4s;display:grid;box-shadow:0 8px 22px #1d40a02e,inset 0 1px #fff}.ch-node .lbl{color:var(--slate);white-space:nowrap;font-size:11px;font-weight:600;line-height:14px}.ch-glass{background:linear-gradient(160deg,#fffffff5,#ffffffb8);border:1px solid #fffffff2;box-shadow:0 12px 30px #1d40a029,inset 0 1px #fff}.ch1-wires .wire{fill:none;stroke:#b9c9e8;stroke-width:2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transition:opacity .4s}.ch1[data-phase=before] .ch1-wires .wire{animation:ch-wire .7s var(--out) both;animation-delay:calc(var(--i) * .12s)}@keyframes ch-wire{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.ch1[data-phase=after] .ch1-wires .wire{animation:.6s both ch-unwire;animation-delay:calc(var(--i) * 60ms)}@keyframes ch-unwire{to{opacity:0;stroke-dashoffset:-.5px}}.ch1-glow,.ch1-beam{fill:none;stroke-linecap:round;opacity:0}.ch1-glow{stroke:#3370f2;stroke-width:14px;filter:blur(7px)}.ch1-beam{stroke-width:4px;stroke-dasharray:1;stroke-dashoffset:1px}.ch1[data-phase=after] .ch1-beam{opacity:1;animation:ch-beam .7s var(--out) 1s both}.ch1[data-phase=after] .ch1-glow{animation:.9s 1.2s both ch-glow}@keyframes ch-beam{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes ch-glow{to{opacity:.35}}.ch1-packet{z-index:2;background:var(--blue);color:#fff;offset-rotate:0deg;opacity:0;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:0;left:0;box-shadow:0 0 0 4px #3370f22e}.ch1[data-phase=before] .ch1-packet{animation:ch-bounce var(--dur) ease-in-out var(--delay) infinite alternate both}@keyframes ch-bounce{0%{opacity:1;offset-distance:4%}to{opacity:1;offset-distance:96%}}.ch1-stream{z-index:2;offset-rotate:0deg;opacity:0;background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #3370f280,0 0 12px #3370f2}.ch1[data-phase=after] .ch1-stream{animation:ch-stream 1.8s linear var(--delay) infinite}@keyframes ch-stream{0%{offset-distance:0%;opacity:0}10%,90%{opacity:1}to{offset-distance:100%;opacity:0}}.ch1-pill{z-index:3;color:var(--ink);white-space:nowrap;background:linear-gradient(160deg,#fff,#ffffffc7);border:1px solid #fffffff2;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;line-height:15px;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 20px #1d40a029}.ch1-pill svg{color:var(--blue)}.ch1[data-phase=before] .ch1-pill{animation:ch1-pill-in .5s var(--spring) both, ch-bob 1.6s ease-in-out infinite alternate;animation-delay:calc(var(--i) * .12s + .25s), calc(var(--i) * -.4s)}@keyframes ch1-pill-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}}@keyframes ch-bob{0%{translate:0 -2px}to{translate:0 3px}}.ch1[data-phase=after] .ch1-pill{animation:.65s cubic-bezier(.55,0,.6,1) both ch1-suck;animation-delay:calc(var(--i) * 80ms + .15s)}@keyframes ch1-suck{to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.35)}}.ch1-site{z-index:3;opacity:0;background:linear-gradient(160deg,#fff,#ffffffd1);border:1px solid #fffffff2;border-radius:16px;align-items:center;gap:10px;padding:11px 16px 11px 12px;display:flex;position:absolute;top:178px;left:240px;transform:translate(-50%,-50%)scale(.6);box-shadow:0 14px 34px #1d40a038,0 0 0 6px #3370f214,inset 0 1px #fff}.ch1-site .ico{background:linear-gradient(150deg, #5b8df7, var(--deep));color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 6px 14px #1d4fc459}.ch1-site .txt{flex-direction:column;gap:5px;display:flex}.ch1-site b{color:var(--ink);white-space:nowrap;font-size:13px;font-weight:700;line-height:16px}.ch1-site .row{gap:4px;display:flex}.ch1-site .row i{background:var(--sky);width:18px;height:18px;color:var(--blue);opacity:0;border-radius:5px;place-items:center;display:grid}.ch1[data-phase=after] .ch1-site{animation:ch1-site .6s var(--spring) .55s both}@keyframes ch1-site{to{opacity:1;transform:translate(-50%,-50%)}}.ch1[data-phase=after] .ch1-site .row i{animation:bd-pop .38s var(--spring) both;animation-delay:calc(var(--i) * 90ms + .85s)}.ch1[data-phase=after] .ch1-n .disc{color:var(--blue);transition-delay:1.5s;box-shadow:0 8px 22px #1d40a02e,0 0 0 5px #3370f224,inset 0 1px #fff}.ch2-stage{perspective:900px;position:absolute;inset:0}.ch2-win{width:150px;transform:rotate(var(--r));background:linear-gradient(160deg,#fffffff7,#ffffffbd);border:1px solid #fffffff2;border-radius:14px;padding:0 10px 10px;position:absolute;box-shadow:0 14px 30px #1d40a029,inset 0 1px #fff}.ch2-win header{border-bottom:1px solid var(--line);height:30px;color:var(--ink);align-items:center;gap:6px;margin:0 -10px 8px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.ch2-win header svg{color:var(--blue)}.ch2-win .badge{background:var(--blue);color:#fff;border-radius:9px;place-items:center;min-width:17px;height:17px;margin-left:auto;font-size:10px;display:grid}.ch2-win.call{width:104px}.ch2[data-phase=before] .ch2-win{animation:ch2-in .52s var(--spring) both, ch2-float 2.4s ease-in-out infinite alternate;animation-delay:calc(var(--i) * .28s), calc(var(--i) * -.7s)}@keyframes ch2-in{0%{opacity:0;transform:translateY(18px) rotate(calc(var(--r) * 2)) scale(.7)}}@keyframes ch2-float{0%{translate:0 -3px}to{translate:0 4px}}.ch2[data-phase=after] .ch2-win{animation:.7s cubic-bezier(.6,0,.3,1) both ch2-square;animation-delay:calc(var(--i) * 70ms)}@keyframes ch2-square{70%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(0deg) scale(.85)}}.ch2-win .mrow{color:var(--slate);align-items:center;gap:6px;margin-top:5px;font-size:10px;font-weight:600;line-height:13px;display:flex}.ch2-win .mrow i{background:var(--peri);border-radius:50%;flex:none;width:12px;height:12px}.ch2[data-phase=before] .ch2-win .mrow{animation:ch2-row .36s var(--out) both;animation-delay:calc(var(--k) * .65s + .6s)}@keyframes ch2-row{0%{opacity:0;transform:translateY(-6px)}}.ch2[data-phase=before] .ch2-win .badge{animation:ch2-badge .4s var(--spring) 1.9s both}@keyframes ch2-badge{0%{transform:scale(0)}}.ch2-win .ringer{place-items:center;width:56px;height:56px;margin:4px auto 6px;display:grid;position:relative}.ch2-win .ringer span{z-index:1;background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:relative}.ch2-win .ringer i{border:2px solid var(--peri);opacity:0;border-radius:50%;position:absolute;inset:11px}.ch2[data-phase=before] .ch2-win .ringer i{animation:1.3s ease-out infinite ch2-ring}.ch2[data-phase=before] .ch2-win .ringer i+i{animation-delay:.65s}@keyframes ch2-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.ch2[data-phase=before] .ch2-win .ringer span{animation:1.3s ease-in-out infinite ch2-buzz}@keyframes ch2-buzz{0%,60%,to{rotate:none}66%{rotate:-14deg}74%{rotate:12deg}82%{rotate:-8deg}90%{rotate:5deg}}.ch2-win .cap{text-align:center;color:var(--slate);font-size:10px;font-weight:600}.ch2-win .ln{background:#e6ebf3;border-radius:3px;width:90%;height:6px;margin-top:4px;display:block}.ch2-win .ln.s{width:60%}.ch2-win .squig{width:100%;height:24px;margin-top:6px;display:block}.ch2-win .squig path{fill:none;stroke:var(--deep);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.ch2-win .squig .base{stroke:#cfd8e6;stroke-width:1px;stroke-dasharray:none}.ch2[data-phase=before] .ch2-win .squig path:first-child{animation:.9s ease-in-out 1.6s both bd-draw}.ch2-win .flag{background:var(--latte);color:#fff;border-radius:6px 0 0 6px;padding:3px 7px;font-size:9.5px;font-weight:700;position:absolute;top:40px;right:-8px}.ch2[data-phase=before] .ch2-win .flag{animation:1s ease-in-out .9s infinite alternate ch2-flag}@keyframes ch2-flag{0%{translate:0}to{translate:-5px}}.ch2-win .fld{border:1px solid var(--line);background:#fff;border-radius:5px;height:16px;margin-top:6px;display:block}.ch2-win .login{color:var(--slate);background:#eef1f5;border-radius:6px;margin-top:8px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.ch2[data-phase=before] .ch2-win.web .fld:first-of-type{animation:.42s 2.4s both ch2-shake}@keyframes ch2-shake{25%{border-color:var(--latte);translate:-4px}50%{translate:4px}75%{translate:-2px}}.ch2-site{z-index:3;opacity:0;background:linear-gradient(160deg,#fff,#ffffffe0);border:1px solid #fffffff2;border-radius:16px;width:300px;position:absolute;top:74px;left:90px;overflow:hidden;transform:translateY(14px)scale(.92);box-shadow:0 20px 44px #1d40a038,inset 0 1px #fff}.ch2-site header{border-bottom:1px solid var(--line);background:#edf2ff99;align-items:center;gap:10px;height:30px;padding:0 12px;display:flex}.ch2-site .dots{gap:4px;display:flex}.ch2-site .dots i{background:#d3dcea;border-radius:50%;width:7px;height:7px}.ch2-site .url{color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0a254014}.ch2-site .url svg{color:var(--blue)}.ch2-site .body{gap:12px;padding:12px;display:flex}.ch2-site ul{flex-direction:column;gap:7px;width:96px;display:flex}.ch2-site li{color:var(--slate);align-items:center;gap:7px;font-size:11px;font-weight:600;line-height:14px;display:flex}.ch2-site .tick{color:#0000;border:1.5px solid #cfd8e6;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.ch2-site .pane{background:var(--sky);border-radius:10px;flex:1;height:104px;padding:10px;position:relative}.ch2-site .pane .q{background:#b9c9e8;border-radius:4px;width:78%;height:7px;display:block}.ch2-site .pane .q.s{background:#d3def3;width:52%;margin-top:5px}.ch2-site .pane .opt{background:#fff;border:1.5px solid #d3def3;border-radius:7px;width:calc(50% - 4px);height:26px;margin-top:10px;display:inline-block}.ch2-site .pane .opt+.opt{margin-left:8px}.ch2-site .pane .go{background:var(--blue);color:#fff;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;bottom:10px;right:10px}.ch2[data-phase=after] .ch2-site{animation:ch2-site .65s var(--spring) .52s both}@keyframes ch2-site{to{opacity:1;transform:none}}.ch2[data-phase=after] .ch2-site li{animation:.4s both ch2-li;animation-delay:calc(var(--i) * .52s + 1.3s)}@keyframes ch2-li{to{color:var(--ink)}}.ch2[data-phase=after] .ch2-site .tick{animation:ch2-tick .4s var(--spring) both;animation-delay:calc(var(--i) * .52s + 1.3s)}@keyframes ch2-tick{0%{transform:scale(.4)}to{border-color:var(--blue);background:var(--blue);color:#fff;transform:none}}.ch2[data-phase=after] .ch2-site .opt.on{animation:.3s 1.1s both ch2-opt}@keyframes ch2-opt{to{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}}.ch2-ghost{z-index:2;opacity:0;background:#ffffff8c;border:1px solid #fffc;border-radius:16px;width:300px;height:150px;position:absolute;top:74px;left:90px;box-shadow:0 10px 24px #1d40a01a}.ch2[data-phase=after] .ch2-ghost.g1{animation:ch2-ghost1 .6s var(--out) .7s both}.ch2[data-phase=after] .ch2-ghost.g2{animation:ch2-ghost2 .6s var(--out) .76s both}@keyframes ch2-ghost1{to{opacity:1;transform:translateY(14px)scale(.95)}}@keyframes ch2-ghost2{to{opacity:.8;transform:translateY(26px)scale(.9)}}.ch3-pool{opacity:0}.ch3[data-phase=after] .ch3-pool{animation:.9s .4s both bd-fade-in}.ch3-footprint{fill:none;stroke:#a8c3fb;stroke-width:1.4px;stroke-dasharray:5 6;transition:opacity .3s}.ch3[data-phase=after] .ch3-footprint{opacity:0}.ch3-run{fill:none;stroke:#9db6e6;stroke-width:1.6px;stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round}.ch3[data-phase=before] .ch3-run{animation:3.2s linear .3s both bd-draw}.ch3[data-phase=after] .ch3-run{stroke-dashoffset:0;animation:.4s both ch3-out}@keyframes ch3-out{to{opacity:0}}.ch3-runner{z-index:5;background:var(--slate);offset-rotate:0deg;opacity:0;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:0;box-shadow:0 0 0 4px #4254662e}.ch3[data-phase=before] .ch3-runner{animation:3.2s linear .3s both ch3-run}@keyframes ch3-run{0%{offset-distance:0%;opacity:1}97%{opacity:1}to{offset-distance:100%;opacity:0}}.ch3-layer{opacity:0}.ch3-layer .face{fill:#ffffffd1;stroke:#fff;stroke-width:1.2px}.ch3-layer .side.l{fill:#c9daf9}.ch3-layer .side.r{fill:#a8c3fb}.ch3-layer .hot{opacity:0}.ch3[data-phase=after] .ch3-layer{animation:ch3-rise .65s var(--spring) both;animation-delay:calc(var(--i) * .14s + .25s)}@keyframes ch3-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.ch3[data-phase=after] .ch3-layer .hot{animation:.7s 1.5s both ch3-hot}@keyframes ch3-hot{to{opacity:1}}.ch3-mark{opacity:0}.ch3[data-phase=after] .ch3-mark{animation:bd-pop .45s var(--spring) 1.75s both;transform-box:fill-box;transform-origin:50%}.ch3-col{opacity:0;filter:blur(3px);transform-box:fill-box;transform-origin:bottom}.ch3[data-phase=after] .ch3-col{animation:.9s both ch3-col;animation-delay:calc(var(--i) * 90ms + .7s)}@keyframes ch3-col{0%{opacity:0;transform:scaleY(.2)}30%{opacity:1;transform:none}to{opacity:0}}.ch3-orb{z-index:3;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;transform:translate(-50%,-20px)}.ch3-orb .disc{width:40px;height:40px;color:var(--blue);background:linear-gradient(160deg,#fff,#ffffffbf);border:1px solid #fffffff2;border-radius:12px;place-items:center;display:grid;box-shadow:0 10px 22px #1d40a02e,inset 0 1px #fff}.ch3-orb .lbl{color:var(--slate);font-size:10.5px;font-weight:600;line-height:13px}.ch3[data-phase=before] .ch3-orb{animation:1.8s ease-in-out infinite alternate ch-bob;animation-delay:calc(var(--i) * -.45s)}.ch3[data-phase=before] .ch3-orb .disc{animation:.5s both ch3-hit;animation-delay:calc(var(--i) * .8s + .5s)}@keyframes ch3-hit{40%{background:var(--slate);color:#fff;transform:scale(1.12)}}.ch3[data-phase=after] .ch3-orb{animation:.7s cubic-bezier(.5,0,.75,0) both ch3-sink;animation-delay:calc(var(--i) * 90ms + .6s)}@keyframes ch3-sink{70%{opacity:1}to{opacity:0;transform:translate(-50%, calc(-20px + var(--drop))) scale(.45)}}.ch3-link{fill:none;stroke:var(--blue);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.ch3[data-phase=after] .ch3-link{opacity:1;animation:bd-draw .5s var(--out) 1.8s both}.ch3[data-phase=after] .ch3-link.r{animation-delay:2s}.ch3-flow{z-index:2;offset-rotate:0deg;opacity:0;background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #3370f28c,0 0 12px #3370f2}.ch3[data-phase=after] .ch3-flow{animation:ch-stream 1.8s linear var(--delay) infinite}.ch3-tag{z-index:4;opacity:0;position:absolute;transform:translate(-50%)}.ch3[data-phase=after] .ch3-tag{animation:ch3-tag .45s var(--spring) 1.9s both}@keyframes ch3-tag{0%{opacity:0;transform:translate(-50%,8px)scale(.7)}to{opacity:1;transform:translate(-50%)}}.ch3[data-phase=after] .ch3-n .disc{color:var(--blue);transition-delay:2s}
.k1-mug{position:absolute;inset:0}.k1-level{transform:translateY(0)}.k1[data-phase=before] .k1-level{animation:2.7s cubic-bezier(.4,0,.7,1) .3s both k1-drain}@keyframes k1-drain{to{transform:translateY(124px)}}.k1[data-phase=after] .k1-level{animation:k1-refill 1.8s var(--out) both}@keyframes k1-refill{0%{transform:translateY(124px)}40%{transform:translateY(0)}70%{transform:translateY(0)}to{transform:translateY(14px)}}.k1-ring{opacity:0}.k1[data-phase=before] .k1-ring{animation:.4s 2.9s both bd-fade-in}.k1-pour{opacity:0;transform-box:fill-box;transform-origin:50% 0;transform:scaleY(0)}.k1[data-phase=after] .k1-pour{animation:.9s .1s both k1-pour}@keyframes k1-pour{0%{opacity:1;transform:scaleY(0)}25%{opacity:1;transform:scaleY(1)}75%{opacity:1;transform:scaleY(1)translateY(0)}to{opacity:0;transform:scaleY(.2)translateY(-20px)}}.k1-steam path{fill:none;stroke:#c3d3f5;stroke-width:4px;stroke-linecap:round;opacity:0}.k1-steam{transition:opacity .6s}.k1[data-phase=idle] .k1-steam path,.k1[data-phase=before] .k1-steam path,.k1[data-phase=after] .k1-steam path{animation:1.8s ease-in-out infinite k1-steam;animation-delay:calc(var(--i) * .5s)}@keyframes k1-steam{0%{opacity:0;transform:translateY(6px)}40%{opacity:.9}to{opacity:0;transform:translateY(-14px)}}.k1[data-phase=before] .k1-steam{opacity:0;transition-duration:.9s;transition-delay:1.2s}.k1[data-phase=after] .k1-steam{opacity:0;animation:.5s .9s both bd-fade-in}.k1-cold path{fill:none;stroke:#a8c3fb;stroke-width:2px;stroke-linecap:round;opacity:0;transform-box:fill-box;transform-origin:50%}.k1[data-phase=before] .k1-cold path{animation:k1-frost .5s var(--spring) both;animation-delay:calc(var(--i) * .15s + 2.3s)}@keyframes k1-frost{0%{opacity:0;transform:scale(0)rotate(-45deg)}to{opacity:1;transform:none}}.k1-notes{flex-direction:column;gap:26px;display:flex;position:absolute;top:102px;left:290px}.k1-notes .row{transition:opacity .4s ease, transform .5s var(--out);flex-direction:column;gap:4px;display:flex}.k1-notes .row span{color:var(--mute);font-size:12px;font-weight:500;line-height:16px}.k1-notes .row b{color:var(--slate);font-size:16px;font-weight:600;line-height:21px}.k1-notes .row.a b{color:var(--deep)}.k1-notes .row.a{opacity:0;transform:translateY(10px)}.k1[data-phase=after] .k1-notes .row.b{opacity:.4}.k1[data-phase=after] .k1-notes .row.a{opacity:1;transition-delay:1.4s;transform:none}.k2 .bd-stage>svg{position:absolute;inset:0}.k2-dial{transform-origin:160px 178px}.k2-body{transform-origin:160px 280px}.k2-arc{fill:none;stroke:var(--blue);stroke-width:7px;stroke-linecap:round;stroke-dasharray:360 360;stroke-dashoffset:360px;filter:drop-shadow(0 0 6px #3370f2b3)}.k2[data-phase=before] .k2-arc{animation:3.3s .2s both k2-arc-long}@keyframes k2-arc-long{0%{stroke-dashoffset:360px;animation-timing-function:cubic-bezier(.3,1.5,.6,1)}14%{stroke-dashoffset:120px;animation-timing-function:steps(40,end)}to{stroke-dashoffset:360px}}.k2[data-phase=after] .k2-arc{animation:1.3s .2s both k2-arc-short}@keyframes k2-arc-short{0%{stroke-dashoffset:360px;animation-timing-function:cubic-bezier(.3,1.6,.6,1)}32%{stroke-dashoffset:330px;animation-timing-function:steps(5,end)}to{stroke-dashoffset:360px}}.k2[data-phase=before] .k2-dial{animation:3.3s .2s both k2-long}@keyframes k2-long{0%{animation-timing-function:cubic-bezier(.3,1.5,.6,1);transform:rotate(0)}14%{animation-timing-function:steps(40,end);transform:rotate(-240deg)}to{transform:rotate(0)}}.k2[data-phase=before] .k2-body{animation:.4s ease-in-out 3.5s 2 k2-buzz}.k2[data-phase=after] .k2-dial{animation:1.3s .2s both k2-short}@keyframes k2-short{0%{animation-timing-function:cubic-bezier(.3,1.6,.6,1);transform:rotate(0)}32%{animation-timing-function:steps(5,end);transform:rotate(-30deg)}to{transform:rotate(0)}}.k2[data-phase=after] .k2-body{animation:.6s ease-in-out 1.5s k2-ring}@keyframes k2-buzz{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes k2-ring{0%,to{transform:rotate(0)}15%{transform:rotate(-7deg)}35%{transform:rotate(6deg)}55%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}}.k2-ding path{opacity:0;transform-box:fill-box;transform-origin:0 100%}.k2[data-phase=after] .k2-ding path{animation:k2-ding .7s var(--spring) 1.5s both}.k2[data-phase=after] .k2-ding path:nth-child(2){animation-delay:1.58s}.k2[data-phase=after] .k2-ding path:nth-child(3){animation-delay:1.66s}@keyframes k2-ding{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}.k2-done{opacity:0;position:absolute;top:40px;left:270px}.k2-pills{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:98px;left:312px}.k2-pills .pill{min-width:150px;transition:box-shadow .4s ease, opacity .4s ease, transform .5s var(--spring);border-radius:16px;flex-direction:column;gap:2px;padding:10px 16px;display:flex}.k2-pills .pill span{color:var(--mute);font-size:12px;font-weight:500;line-height:15px}.k2-pills .pill b{color:var(--slate);font-size:18px;font-weight:600;line-height:23px}.k2-pills .pill.a{padding-left:34px;position:relative}.k2-pills .pill.a i{background:var(--blue);border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:14px;box-shadow:0 0 0 4px #3370f22e}.k2-pills .pill.a b{color:var(--ink)}.k2-pills .arrow{margin-left:22px}.k2-pills .arrow path{fill:none;stroke:#9fb5e8;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.k2-pills .pill.a{opacity:.5}.k2[data-phase=before] .k2-pills .pill.b{box-shadow:0 0 0 1.5px #8792a266,0 12px 26px -10px #1d40a052}.k2[data-phase=after] .k2-pills .pill.b{opacity:.55}.k2[data-phase=after] .k2-pills .pill.a{opacity:1;transition-delay:1.4s;transform:translateY(-3px);box-shadow:0 0 0 1.5px #3370f28c,0 14px 30px -8px #3370f299,inset 0 1px #fff}.k2[data-phase=after] .k2-done{animation:bd-pop .45s var(--spring) 1.7s both}.k3-scale span{color:var(--mute);white-space:nowrap;font-size:11px;font-weight:600;position:absolute;top:76px;transform:translate(-50%)}.k3-grid{background:repeating-linear-gradient(#d6deea 0 4px,#0000 4px 8px);width:1px;height:180px;position:absolute;top:96px}.k3-lane{border-radius:29px;width:430px;height:58px;position:absolute;left:30px}.k3-lane.one{top:108px}.k3-lane.two{top:194px}.k3-lane .tag{color:var(--mute);font-size:11px;font-weight:600;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.k3-lane .trail{transform-origin:0;border-radius:4px;width:352px;height:8px;position:absolute;top:25px;left:62px;transform:scaleX(0)}.k3-lane.one .trail{background:#c9d1de}.k3-lane.two .trail{background:linear-gradient(90deg, var(--deep), var(--blue));box-shadow:0 0 12px #3370f2b3}.k3[data-phase=after] .k3-streak{animation:.65s ease-out both bd-streak;animation-delay:calc(var(--k) * 80ms + .3s)}.k3-streak{z-index:1}.k3[data-phase=before] .k3-lane.one .trail{animation:2.8s cubic-bezier(.45,.05,.55,.95) .3s both k3-trail}.k3[data-phase=after] .k3-lane.one .trail{opacity:.5;transform:scaleX(1)}@keyframes k3-trail{to{transform:scaleX(1)}}.k3[data-phase=after] .k3-lane.two .trail{animation:.45s cubic-bezier(.2,.8,.3,1) .3s both k3-trail-short}@keyframes k3-trail-short{to{transform:scaleX(.125)}}.k3-lane .flag{background:repeating-conic-gradient(#0a2540 0 25%, #fff 0 50%) 0 0 / 10px 10px;opacity:.35;border-radius:3px;width:10px;height:42px;transition:opacity .3s;position:absolute;top:8px}.k3[data-phase=before] .k3-lane .flag{opacity:1;transition-delay:2.9s}.k3-lane .tape{background:var(--blue);transform-origin:50% 0;opacity:0;border-radius:2px;width:3px;height:23px;position:absolute;top:6px}.k3-lane .tape.r{transform-origin:50% 100%;top:29px}.k3[data-phase=after] .k3-lane .tape{opacity:1;animation:.4s ease-out .75s both k3-snap}@keyframes k3-snap{to{opacity:0;transform:rotate(-60deg)translateY(-4px)}}.k3[data-phase=after] .k3-lane .tape.r{animation-name:k3-snap-r}@keyframes k3-snap-r{to{opacity:0;transform:rotate(60deg)translateY(4px)}}.k3-runner{z-index:2;width:34px;height:34px;position:absolute;left:75px}.k3-runner.old{top:120px}.k3-runner.new{top:206px}.k3-runner .bob{border:3px solid #fff;border-radius:50%;position:absolute;inset:0;box-shadow:0 4px 10px #1d40a04d}.k3-runner.old .bob{background:linear-gradient(160deg,#a3adbd,#7c8798)}.k3-runner.new .bob{background:linear-gradient(160deg, #5b8ff7, var(--deep));box-shadow:0 6px 16px #3370f28c}.k3-runner .eye{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:10px}.k3-runner .eye.l{left:8px}.k3-runner .eye.r{right:8px}.k3-runner .mouth{position:absolute;top:17px;left:8px}.k3-runner .mouth path{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round}.k3-runner .mouth.smile{opacity:0}.k3[data-phase=before] .k3-runner.old{animation:2.8s cubic-bezier(.45,.05,.55,.95) .3s both k3-run}.k3[data-phase=before] .k3-runner.old .bob{animation:.28s ease-in-out infinite alternate k3-bob}@keyframes k3-run{to{transform:translate(352px)}}@keyframes k3-bob{to{transform:translateY(-4px)}}.k3[data-phase=after] .k3-runner.old{opacity:.45;transform:translate(352px)}.k3[data-phase=after] .k3-runner.new{animation:.45s cubic-bezier(.2,.8,.3,1) .3s both k3-dash}@keyframes k3-dash{to{transform:translate(44px)}}.k3[data-phase=after] .k3-runner.new .mouth.flat{opacity:0;transition:opacity .2s .8s}.k3[data-phase=after] .k3-runner.new .mouth.smile{opacity:1;transition:opacity .2s .8s}.k3[data-phase=after] .k3-runner.new .bob{animation:k3-hop .5s var(--spring) .8s both}@keyframes k3-hop{0%{transform:none}40%{transform:translateY(-10px)scale(1.08)}to{transform:none}}.k3-speed{opacity:0;background:repeating-linear-gradient(180deg, var(--peri) 0 2px, transparent 2px 6px);border-radius:2px;width:40px;height:14px;position:absolute;top:216px;left:62px}.k3[data-phase=after] .k3-speed{animation:.6s ease-out .3s both k3-speed}@keyframes k3-speed{0%{opacity:0;transform:translate(0)scaleX(.3)}40%{opacity:1}to{opacity:0;transform:translate(30px)scaleX(1)}}.k3-bit{opacity:0;border-radius:1.5px;width:6px;height:9px;position:absolute}.k3[data-phase=after] .k3-bit{animation:.9s cubic-bezier(.2,.8,.3,1) .76s both k3-burst}@keyframes k3-burst{0%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--r))}}
.dv-fill{position:absolute;inset:0}.dv1-win,.dv1-mon .scr,.dv2-mon .scr,.dv2-ph,.dv3-mon .scr,.dv3-ph{background:linear-gradient(160deg,#fff,#ffffffdb);border:1px solid #fffffff2;box-shadow:0 16px 36px #1d40a02e,inset 0 1px #fff}.dv1-mon,.dv2-mon,.dv3-mon{flex-direction:column;align-items:center;width:220px;display:flex;position:absolute}.dv1-mon .scr,.dv2-mon .scr,.dv3-mon .scr{border-radius:12px;width:100%;height:140px;position:relative;overflow:hidden}.dv1-mon .neck,.dv2-mon .neck,.dv3-mon .neck{clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:linear-gradient(#dfe7f5,#c7d5ee);width:26px;height:22px}.dv1-mon .foot,.dv2-mon .foot,.dv3-mon .foot{background:#c7d5ee;border-radius:3px;width:92px;height:6px;box-shadow:0 6px 14px #1d40a029}.dv-qna{flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:absolute;inset:0}.dv-qna i,.dv-qna b{display:block}.dv-qna .steps{gap:4px;width:52%;display:flex}.dv-qna .steps i{background:#e3e8ee;border-radius:2px;flex:1;height:4px}.dv-qna .steps .on{background:var(--blue)}.dv-qna .q{background:#b9c9e8;border-radius:4px;width:66%;height:7px}.dv-qna .q.s{background:#d3def3;width:42%;height:5px}.dv-qna .opts{gap:8px;margin-top:4px;display:flex}.dv-qna .opt,.dv1-b.opt{background:#fff;border:1.5px solid #dbe3f0;border-radius:8px;flex:1;align-items:center;gap:6px;height:34px;padding:0 8px;display:flex}.dv-qna .opt i,.dv1-b.opt i{border:1.5px solid #c2cee2;border-radius:50%;flex:none;width:10px;height:10px}.dv-qna .opt b,.dv1-b.opt b{background:#e3e8ee;border-radius:3px;flex:1;height:5px}.dv-qna .opt.a,.dv1-b.opt.a{border-color:var(--blue);background:#f3f7ff}.dv-qna .opt.a i,.dv1-b.opt.a i{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 2px #fff}.dv-qna .go,.dv1-b.go{background:var(--blue);color:#fff;text-align:center;border-radius:999px;align-self:flex-end;margin-top:auto;padding:4px 11px;font-size:9.5px;font-weight:700;line-height:13px}.dv-qna.compact{gap:6px;padding:14px 10px 12px}.dv-qna.compact .steps{width:100%}.dv-qna.compact .q{width:90%}.dv-qna.compact .q.s{width:60%}.dv-qna.compact .opts{flex-direction:column;gap:6px}.dv-qna.compact .opt{flex:none;height:30px}.dv-qna.compact .go{align-self:stretch;padding:5px 0}@keyframes dv-pick-b{to{border-color:var(--blue);background:#f3f7ff}}@keyframes dv-pick-bi{to{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 2px #fff}}@keyframes dv-drop-a{to{background:#fff;border-color:#dbe3f0}}@keyframes dv-drop-ai{to{box-shadow:none;background:0 0;border-color:#c2cee2}}@keyframes dv-press{50%{transform:scale(.9)}}@keyframes dv-fill{to{background:var(--blue)}}.dv1-win{z-index:3;border-radius:14px;width:300px;height:190px;position:absolute;top:70px;left:90px;overflow:hidden}.dv1-win header{border-bottom:1px solid var(--line);background:#edf2ff99;align-items:center;gap:10px;height:26px;padding:0 10px;display:flex;position:relative}.dv1 .dots{gap:4px;display:flex}.dv1 .dots i{background:#d3dcea;border-radius:50%;width:6px;height:6px}.dv1-win .url{color:var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:9.5px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0a254014}.dv1-win .url svg{color:var(--blue)}.dv1-win .notch{background:var(--ink);opacity:0;border-radius:5px;width:36px;height:9px;margin-left:-18px;position:absolute;top:9px;left:50%}.dv1-content{width:300px;height:190px;position:absolute;top:26px;left:0}.dv1-b{top:var(--wt);left:var(--wl);width:var(--ww);height:var(--wh);position:absolute}.dv1-b.steps{gap:4px;display:flex}.dv1-b.steps i{background:#e3e8ee;border-radius:2px;flex:1}.dv1-b.steps .on{background:var(--blue)}.dv1-b.q{background:#b9c9e8;border-radius:4px}.dv1-b.q.s{background:#d3def3}.dv1-b.go{place-items:center;padding:0;display:grid}.dv1-scroll{opacity:0;background:#9db0d3;border-radius:2px;width:46px;height:4px;position:absolute;bottom:4px;left:6px}.dv1[data-phase=before] .dv1-win{animation:1s cubic-bezier(.65,0,.35,1) .9s both dv1-narrow}@keyframes dv1-narrow{to{border-radius:22px;width:124px;height:214px;top:62px;left:178px}}.dv1[data-phase=before] .dv1-content{animation:1.6s ease-in-out 2.1s both dv1-pan}@keyframes dv1-pan{35%,60%{transform:translate(-150px)}}.dv1[data-phase=before] .dv1-scroll{animation:1.6s ease-in-out 2.1s both dv1-thumb}@keyframes dv1-thumb{0%{opacity:1}35%,60%{opacity:1;transform:translate(66px)}to{opacity:1}}.dv1[data-phase=before] .dv1-win .url{animation:.3s 1.1s both dv1-clip}@keyframes dv1-clip{to{opacity:.4}}.dv1-tag{z-index:4;opacity:0;position:absolute;top:140px;left:316px}.dv1[data-phase=before] .dv1-tag{animation:bd-pop .42s var(--spring) 2.3s both}.dv1-guide{z-index:4;border:solid var(--blue);opacity:0;border-width:2.5px 2.5px 0 0;width:14px;height:14px;position:absolute;top:160px}.dv1-guide.l{left:64px;transform:rotate(45deg)}.dv1-guide.r{left:402px;transform:rotate(-135deg)}.dv1[data-phase=before] .dv1-guide.l{animation:1s cubic-bezier(.65,0,.35,1) .9s both dv1-in-l}.dv1[data-phase=before] .dv1-guide.r{animation:1s cubic-bezier(.65,0,.35,1) .9s both dv1-in-r}.dv1[data-phase=after] .dv1-guide.l{animation:1s cubic-bezier(.65,0,.35,1) .5s both dv1-in-l}.dv1[data-phase=after] .dv1-guide.r{animation:1s cubic-bezier(.65,0,.35,1) .5s both dv1-in-r}@keyframes dv1-in-l{0%{opacity:0}20%,80%{opacity:1}to{opacity:0;transform:translate(80px)rotate(45deg)}}@keyframes dv1-in-r{0%{opacity:0}20%,80%{opacity:1}to{opacity:0;transform:translate(-80px)rotate(-135deg)}}.dv1[data-phase=after] .dv1-win{animation:2.6s .3s both dv1-phone}@keyframes dv1-phone{0%,8%{border-radius:14px;width:300px;height:190px;animation-timing-function:cubic-bezier(.65,0,.35,1);top:70px;left:90px}46%,54%{border-radius:22px;width:124px;height:214px;animation-timing-function:cubic-bezier(.65,0,.35,1);top:62px;left:178px}81%,to{border-radius:22px;width:124px;height:214px;top:66px;left:318px}}.dv1[data-phase=after] .dv1-b{animation:.95s cubic-bezier(.65,0,.35,1) .52s both dv1-flow}@keyframes dv1-flow{0%{top:var(--wt);left:var(--wl);width:var(--ww);height:var(--wh)}to{top:var(--nt);left:var(--nl);width:var(--nw);height:var(--nh)}}.dv1[data-phase=after] .dv1-win .dots,.dv1[data-phase=after] .dv1-win .url{animation:.25s .6s both dv-fade-out}@keyframes dv-fade-out{to{opacity:0}}.dv1[data-phase=after] .dv1-win .notch{animation:.3s 1.2s both bd-fade-in}.dv1[data-phase=after] .dv1-win header{animation:.3s 1.2s both dv1-bar}@keyframes dv1-bar{to{background:0 0;border-bottom-color:#0000}}.dv1-mon{z-index:2;opacity:0;top:76px;left:34px}.dv1-mon .scr header{border-bottom:1px solid var(--line);background:#edf2ff99;align-items:center;height:20px;padding:0 9px;display:flex}.dv1-mon .dv-qna{padding:10px 14px;top:20px}.dv1-mon .dv-qna .opts{margin-top:2px}.dv1[data-phase=after] .dv1-mon{animation:dv1-mon .7s var(--out) 1.9s both}@keyframes dv1-mon{0%{opacity:0;transform:translate(-24px)scale(.92)}to{opacity:1;transform:none}}.dv1[data-phase=after] .dv1-mon .opt.b{animation:.25s 3.1s both dv-pick-b}.dv1[data-phase=after] .dv1-mon .opt.a{animation:.25s 3.1s both dv-drop-a}.dv1[data-phase=after] .dv1-b.opt.b{animation:.95s cubic-bezier(.65,0,.35,1) .52s both dv1-flow,.25s 3.1s both dv-pick-b}.dv1[data-phase=after] .dv1-b.opt.a{animation:.95s cubic-bezier(.65,0,.35,1) .52s both dv1-flow,.25s 3.1s both dv-drop-a}.dv1[data-phase=after] .dv1-b.opt.b i,.dv1[data-phase=after] .dv1-mon .opt.b i{animation:.25s 3.1s both dv-pick-bi}.dv1[data-phase=after] .dv1-b.opt.a i,.dv1[data-phase=after] .dv1-mon .opt.a i{animation:.25s 3.1s both dv-drop-ai}.dv1[data-phase=after] .dv1-mon .go{animation:.26s 3.7s both dv-press}.dv1[data-phase=after] .dv1-b.go{animation:.95s cubic-bezier(.65,0,.35,1) .52s both dv1-flow,.26s 3.7s dv1-press}@keyframes dv1-press{50%{filter:brightness(.82)}}.dv2-mon{z-index:2;top:72px;left:16px}.dv2-ph{z-index:2;border-radius:24px;width:110px;height:210px;padding:5px;position:absolute;top:62px;left:332px}.dv2-ph .scr{background:#fff;border-radius:19px;height:100%;position:relative;overflow:hidden}.dv2-ph .off{z-index:3;color:#c9d4e3;background:linear-gradient(165deg,#52627a,#2b3a52);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:10.5px;font-weight:700;display:flex;position:absolute;inset:0}.dv2-ph .off .ico{background:#ffffff1a;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.dv2-ph .dv-qna.on{opacity:0}.dv2-ph .w9{opacity:0;flex-direction:column;gap:6px;padding:16px 11px 12px;display:flex;position:absolute;inset:0}.dv2-ph .w9 .hd{color:var(--ink);align-items:center;gap:5px;margin-bottom:4px;font-size:10.5px;font-weight:700;line-height:13px;display:flex}.dv2-ph .w9 .hd svg{color:var(--blue)}.dv2-ph .w9 .ln{background:#e3e8ee;border-radius:3px;width:92%;height:5px;display:block}.dv2-ph .w9 .ln.s{width:64%}.dv2-ph .w9 .sig{width:100%;height:28px;margin-top:10px;display:block}.dv2-ph .w9 .sig path{fill:none;stroke:var(--deep);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.dv2-ph .w9 .sig .base{stroke:#cfd8e6;stroke-width:1px;stroke-dasharray:none;stroke-dashoffset:0}.dv2-ph .w9 .done{background:var(--deep);color:#fff;opacity:0;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;margin-top:auto;padding:4px 9px;font-size:9.5px;font-weight:700;display:inline-flex}.dv2-arc{fill:none;stroke-linecap:round}.dv2-arc.old{stroke:#b6c3da;stroke-width:2px;stroke-dasharray:3 6}.dv2-arc.new{stroke:var(--blue);stroke-width:3px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;filter:drop-shadow(0 0 4px #3370f299)}.dv2-dot{z-index:4;offset-rotate:0deg;opacity:0;border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:0}.dv2-dot.old{background:var(--slate);box-shadow:0 0 0 4px #42546629}.dv2-dot.new{box-shadow:0 0 0 4px var(--blue), 0 0 16px 4px #3370f299;background:#fff}.dv2[data-phase=before] .dv2-mon .steps .nx{animation:.3s .5s both dv-fill}.dv2[data-phase=before] .dv2-dot.old{animation:1.3s ease-in-out .9s 2 dv2-bounce}@keyframes dv2-bounce{0%{offset-distance:0%;opacity:1;animation-timing-function:ease-in}62%{offset-distance:88%;opacity:1;animation-timing-function:ease-out}85%{offset-distance:58%;opacity:1}to{offset-distance:52%;opacity:0}}.dv2[data-phase=before] .dv2-ph{animation:1.3s .9s 2 dv2-nope}@keyframes dv2-nope{0%,60%,to{translate:0}66%{translate:-5px}74%{translate:5px}82%{translate:-3px}90%{translate:2px}}.dv2[data-phase=after] .dv2-mon .steps .nx{background:var(--blue)}.dv2[data-phase=after] .dv2-arc.old{opacity:0;transition:opacity .3s}.dv2[data-phase=after] .dv2-arc.new{opacity:1;animation:bd-draw .6s var(--out) .25s both}.dv2[data-phase=after] .dv2-dot.new{animation:.75s cubic-bezier(.45,0,.25,1) .8s both dv2-hop}@keyframes dv2-hop{0%{offset-distance:0%;opacity:1}92%{opacity:1}to{offset-distance:100%;opacity:0}}.dv2-ripple{z-index:3;border:2px solid var(--blue);opacity:0;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:100px;left:358px}.dv2[data-phase=after] .dv2-ripple{animation:.7s ease-out 1.5s both dv2-ripple}@keyframes dv2-ripple{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(3.4)}}.dv2[data-phase=after] .dv2-ph{animation:.9s 1.5s both dv2-glow}@keyframes dv2-glow{40%{box-shadow:0 16px 36px #1d40a02e,0 0 0 6px #3370f240,inset 0 1px #fff}}.dv2[data-phase=after] .dv2-ph .off{animation:.45s 1.55s both dv2-wake}@keyframes dv2-wake{to{opacity:0;transform:scale(1.06)}}.dv2[data-phase=after] .dv2-ph .dv-qna.on{animation:2.9s 1.6s both dv2-screen}@keyframes dv2-screen{0%{opacity:0;transform:translateY(8px)}12%,82%{opacity:1;transform:none}to{opacity:0;transform:translate(-30px)}}.dv2[data-phase=after] .dv2-ph .dv-qna.on .opt.b{animation:.22s 2.5s both dv-pick-b}.dv2[data-phase=after] .dv2-ph .dv-qna.on .opt.b i{animation:.22s 2.5s both dv-pick-bi}.dv2[data-phase=after] .dv2-ph .dv-qna.on .opt.a{animation:.22s 2.5s both dv-drop-a}.dv2[data-phase=after] .dv2-ph .dv-qna.on .opt.a i{animation:.22s 2.5s both dv-drop-ai}.dv2[data-phase=after] .dv2-ph .dv-qna.on .go{animation:.26s 3.1s both dv-press}.dv2[data-phase=after] .dv2-ph .w9{animation:dv2-w9 .5s var(--out) 3.8s both}@keyframes dv2-w9{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.dv2[data-phase=after] .dv2-ph .w9 .sig path:first-child{animation:.85s ease-in-out 4.25s both bd-draw}.dv2[data-phase=after] .dv2-ph .w9 .done{animation:bd-pop .38s var(--spring) 5.05s both}.dv2[data-phase=after] .dv2-mon .steps i:last-child{animation:.3s 5.1s both dv-fill}.dv3-ring{fill:none;stroke-width:1.6px;opacity:.6;transition:opacity .6s}.dv3-ring.inner{stroke:#3370f24d;stroke-width:1px;stroke-dasharray:2 5}.dv3[data-phase=after] .dv3-ring{opacity:1;transition-delay:.5s}.dv3-ripple{fill:none;stroke:var(--blue);stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%}.dv3[data-phase=after] .dv3-ripple{animation:.9s ease-out .25s both dv3-ripple}@keyframes dv3-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}.dv3-shadow{fill:#1d40a029;filter:blur(4px)}.dv3-shadow.ph{opacity:0;transform-box:fill-box;transform-origin:50%}.dv3[data-phase=after] .dv3-shadow.ph{animation:dv3-shadow .8s var(--out) .5s both}@keyframes dv3-shadow{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.dv3-orbit{z-index:1;offset-rotate:0deg;background:#9db0d3;border-radius:50%;width:9px;height:9px;position:absolute;top:0;left:0;box-shadow:0 0 10px 2px #9db0d399}.dv3[data-phase=idle] .dv3-orbit,.dv3[data-phase=before] .dv3-orbit{animation:7s linear infinite dv3-orbit}.dv3[data-phase=after] .dv3-orbit{box-shadow:0 0 0 3px var(--blue), 0 0 16px 4px #3370f2b3;background:#fff;animation:3.2s linear infinite dv3-orbit}@keyframes dv3-orbit{0%{offset-distance:0%}to{offset-distance:100%}}.dv3-mon{z-index:3;transform-origin:100%;top:64px;left:76px;transform:perspective(900px)rotateY(16deg)}.dv3-ph{z-index:3;opacity:0;transform-origin:0;border-radius:20px;width:92px;height:170px;padding:4px;position:absolute;top:80px;left:320px;transform:perspective(900px)rotateY(-16deg)translateY(70px)}.dv3-ph .scr{background:#fff;border-radius:16px;height:100%;position:relative;overflow:hidden}.dv3-ph .dv-qna.compact{gap:5px;padding:12px 8px 10px}.dv3-ph .dv-qna.compact .opt{height:26px}.dv3-slot{z-index:2;transform-origin:0;border:1.5px dashed #a8c3fb;border-radius:20px;place-items:center;width:92px;height:170px;transition:opacity .3s;display:grid;position:absolute;top:80px;left:320px;transform:perspective(900px)rotateY(-16deg)}.dv3[data-phase=before] .dv3-slot{animation:1.6s ease-in-out infinite alternate dv3-breathe}@keyframes dv3-breathe{0%{border-color:#c9d8f6}to{border-color:#7fa2ee}}.dv3[data-phase=after] .dv3-slot{opacity:0}.dv3[data-phase=before] .dv3-mon .steps .nx{animation:.3s .9s both dv-fill}.dv3[data-phase=after] .dv3-mon .steps .nx{background:var(--blue)}.dv3[data-phase=after] .dv3-ph{animation:dv3-rise .9s var(--spring) .45s both}@keyframes dv3-rise{to{opacity:1;transform:perspective(900px)rotateY(-16deg)}}.dv3[data-phase=after] .dv3-ph .dv-qna>*{animation:dv3-build .38s var(--out) both}.dv3[data-phase=after] .dv3-ph .dv-qna>:first-child{animation-delay:1.1s}.dv3[data-phase=after] .dv3-ph .dv-qna>:nth-child(2){animation-delay:1.18s}.dv3[data-phase=after] .dv3-ph .dv-qna>:nth-child(3){animation-delay:1.26s}.dv3[data-phase=after] .dv3-ph .dv-qna>:nth-child(4){animation-delay:1.34s}.dv3[data-phase=after] .dv3-ph .dv-qna>:nth-child(5){animation-delay:1.42s}@keyframes dv3-build{0%{opacity:0;transform:translateY(6px)}}.dv3-spark{fill:none;stroke:var(--blue);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:.3 1;stroke-dashoffset:.3px;opacity:0;filter:drop-shadow(0 0 4px #3370f2b3)}.dv3[data-phase=after] .dv3-spark{animation:.6s ease-in-out 2.3s both dv3-spark}@keyframes dv3-spark{0%{opacity:1;stroke-dashoffset:.3px}85%{opacity:1}to{opacity:0;stroke-dashoffset:-1px}}.dv3[data-phase=after] .dv3-mon .opt.b,.dv3[data-phase=after] .dv3-ph .opt.b{animation:.25s 2.65s both dv-pick-b}.dv3[data-phase=after] .dv3-mon .opt.b i,.dv3[data-phase=after] .dv3-ph .opt.b i{animation:.25s 2.65s both dv-pick-bi}.dv3[data-phase=after] .dv3-mon .opt.a,.dv3[data-phase=after] .dv3-ph .opt.a{animation:.25s 2.65s both dv-drop-a}.dv3[data-phase=after] .dv3-mon .opt.a i,.dv3[data-phase=after] .dv3-ph .opt.a i{animation:.25s 2.65s both dv-drop-ai}.dv3[data-phase=after] .dv3-mon .go,.dv3[data-phase=after] .dv3-ph .go{animation:.26s 3.3s both dv-press}.dv3[data-phase=after] .dv3-mon .steps i:last-child,.dv3[data-phase=after] .dv3-ph .steps i:last-child{animation:.3s 3.6s both dv-fill}.dv3[data-phase=after] .dv3-ph .dv-qna>.go{animation:dv3-build .38s var(--out) 1.42s both, dv-press .26s ease 3.3s}