#stage{container-type:size;width:100%;max-width:1000px;margin:0 auto;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:8px;color:var(--ink);background:repeating-linear-gradient(0deg,#14110f0d 0 1px,transparent 1px 3.4cqw),radial-gradient(circle at 50% 40%,#f6efe1,var(--paper) 70%,#dccfb8)}
#stage.shake{animation:shake .4s}
@keyframes shake{10%{transform:translate(-1.4cqw,.7cqw)}30%{transform:translate(1.2cqw,-.9cqw)}50%{transform:translate(-.8cqw,-.5cqw)}70%{transform:translate(.6cqw,.5cqw)}}
.sc{position:absolute;inset:0;opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sc.on{opacity:1;animation:push 9s linear both}
@keyframes push{to{transform:scale(1.05)}}
.row{flex-direction:row;gap:5cqw}
.hl,.big,.kw,.stp,.pcta .h{font-family:var(--hd);font-weight:900}
.hl{font-size:8.4cqw;line-height:1;margin:0 0 2.4cqw;text-align:center;opacity:0}
.hl i,.big i{font-style:normal;color:var(--red)}
.slam{animation:slam .32s cubic-bezier(.2,1.4,.4,1) both}
@keyframes slam{0%{transform:scale(2.6) rotate(-3deg);opacity:0;filter:blur(.8cqw)}60%{transform:scale(.95);opacity:1;filter:none}100%{transform:none;opacity:1}}
.pile{position:relative;width:32cqw;height:32cqw;opacity:0;transform:translateY(6cqw)}
.pile.in{opacity:1;transform:none;transition:all .35s cubic-bezier(.2,.9,.3,1)}
.sheet{position:absolute;inset:0;background:#fffdf8;border-radius:.6cqw;box-shadow:0 1cqw 3cqw #0003}
.s1{transform:rotate(6deg) translate(2cqw,.6cqw)}.s2{transform:rotate(-7deg) translate(-2cqw,.4cqw)}
.doc{position:absolute;inset:0;background:#fffdf8;border-radius:.6cqw;box-shadow:0 1.4cqw 4cqw #0004;padding:2cqw 2.4cqw;transform:rotate(-2deg)}
.doc b{font-size:1.9cqw;letter-spacing:.25cqw}
.doc div{height:100%;margin-top:1cqw;background:repeating-linear-gradient(#0000 0 2.1cqw,#14110f1c 2.1cqw 2.4cqw)}
.stp{position:absolute;white-space:nowrap;text-transform:uppercase;letter-spacing:.3cqw;color:var(--red);border:.6cqw solid var(--red);border-radius:1cqw;padding:.1cqw 1.5cqw;opacity:0;z-index:4}
.stp.g{color:var(--green);border-color:var(--green)}
.stp.in{animation:stp .38s cubic-bezier(.2,1.3,.4,1) both}
@keyframes stp{0%{transform:scale(3.4) rotate(var(--r));opacity:0}55%{transform:scale(.92) rotate(var(--r));opacity:.95}100%{transform:scale(1) rotate(var(--r));opacity:.93}}
.r1{left:-3cqw;top:1cqw;font-size:6.2cqw;--r:-9deg}.r2{left:3cqw;top:14cqw;font-size:6.6cqw;--r:6deg}.r3{left:-2cqw;top:27cqw;font-size:5.2cqw;--r:-5deg}
.bub{font-size:4.6cqw;font-weight:800;padding:1.3cqw 2.8cqw;border-radius:2.8cqw;opacity:0;transform:scale(.7);transform-origin:bottom;transition:all .3s cubic-bezier(.3,1.6,.5,1)}
.bub.in{opacity:1;transform:none}
.me{background:#25d366;color:#04301a;align-self:flex-end;min-width:12cqw;min-height:7.4cqw}
.me.sent{transform:translateY(-1cqw);transition:transform .3s}
.you{background:#fff;border:.25cqw solid var(--ink);align-self:flex-start}
.cb{display:flex;flex-direction:column;gap:2cqw;width:62cqw}
.big{font-size:8cqw;line-height:1;margin:0;width:44cqw;opacity:0}
.card3{position:relative;width:40cqw;background:#fffdf8;border-radius:.8cqw;box-shadow:0 1.4cqw 4cqw #0004;padding:1.4cqw 2.4cqw 12cqw;transform:rotate(2deg) translateY(6cqw);opacity:0;transition:all .35s cubic-bezier(.2,.9,.3,1)}
.card3.in{transform:rotate(2deg);opacity:1}
.card3 .ch{font-size:2cqw;margin:0 0 .6cqw;letter-spacing:.25cqw;color:#14110f99}
.rw{position:relative;font-size:3cqw;font-weight:800;padding:1.6cqw 0;border-bottom:.2cqw dashed #14110f33}
.rw .stp{right:0;top:.9cqw;font-size:2.4cqw;border-width:.4cqw;--r:-6deg}
.stp.big2{left:3cqw;top:31cqw;font-size:6.6cqw;--r:-11deg;border-width:.7cqw;background:#fffdf8ee}
#d{transition:none}
.kw{font-size:10.5cqw;line-height:1.02;text-align:center;padding:0 4cqw;margin:0;opacity:0}
.kw i{font-style:normal;color:var(--red)}
.kw.slam{animation:ws .22s cubic-bezier(.2,1.5,.4,1) both}
@keyframes ws{0%{transform:scale(1.6);opacity:0}100%{transform:none;opacity:1}}
.lw{position:relative;width:62cqh;height:62cqh;flex:none;opacity:0;transform:scale(.6);transition:all .6s cubic-bezier(.2,1.2,.4,1)}
.lw.in{opacity:1;transform:none}
.lw>div:first-child{position:absolute;inset:0;background:var(--logo) center/contain no-repeat}
.stp.fin{left:1cqw;top:34cqw;font-size:4.6cqw;--r:-8deg;border-width:.6cqw}
.pcta{display:flex;flex-direction:column;align-items:flex-start;gap:.8cqw}
.pcta .h{font-family:var(--hd);font-size:5.6cqw;line-height:1.05}.pcta .h.r{color:var(--red);font-size:6.4cqw;margin-top:.8cqw}
.pop{opacity:0;transform:translateY(3cqw);transition:all .35s cubic-bezier(.2,.9,.3,1)}
.pop.in{opacity:1;transform:none}
.wab{display:flex;align-items:center;gap:1.2cqw;background:var(--red);color:#fff;border-radius:5cqw;padding:1.3cqw 3.2cqw;font-size:3cqw;font-weight:900;margin-top:1.4cqw}
.wab svg{width:3.4cqw;height:3.4cqw}
.wab.in{animation:pl 1s ease-in-out infinite}
@keyframes pl{50%{transform:scale(1.05);box-shadow:0 0 3cqw #d8341fcc}}
.wab.press{animation:none;transform:scale(.88)}
.psub{font-size:2.4cqw;font-weight:800;margin-top:.4cqw}
.contact{font-size:2.2cqw;font-weight:700;margin-top:1cqw}
#toast{position:absolute;top:3cqw;right:3cqw;background:var(--ink);color:var(--paper);border-radius:1.4cqw;padding:1.2cqw 2cqw;font-size:2cqw;font-weight:800;transform:translateY(-12cqw);transition:transform .4s cubic-bezier(.3,1.5,.5,1);z-index:6}
#toast.in{transform:none}
#cur{position:absolute;width:3cqw;height:3cqw;left:90cqw;top:50cqw;z-index:5;transition:left .8s cubic-bezier(.5,0,.2,1),top .8s cubic-bezier(.5,0,.2,1);opacity:0}
#flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:7}
#flash.go{animation:fl .4s ease-out}
@keyframes fl{from{opacity:.8}to{opacity:0}}
#stage{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}#stage[data-static] .sc{transition:none}