.wk-crayon{z-index:0;pointer-events:none;clip-path:inset(-30% -2%);border-radius:.28em .5em .36em .6em/.62em .38em .58em .42em;height:.46em;position:absolute;bottom:-.02em;left:-.12em;right:-.12em;transform:rotate(-.8deg)skew(-10deg)}.wk-crayon:before{content:"";border-radius:inherit;background:var(--c2);opacity:var(--base,.5);position:absolute;inset:5% .5% 4% 0}.wk-crayon:after{content:"";border-radius:inherit;background:linear-gradient(97deg, var(--c1) 0%, var(--c3) 24%, var(--c1) 50%, var(--c2) 78%, var(--c1) 100%);position:absolute;inset:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.045 0.85' numOctaves='3' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.6 2.45'/%3E%3C/filter%3E%3Crect width='180' height='56' filter='url(%23g)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='56'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.045 0.85' numOctaves='3' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.6 2.45'/%3E%3C/filter%3E%3Crect width='180' height='56' filter='url(%23g)'/%3E%3C/svg%3E");-webkit-mask-size:180px 56px;mask-size:180px 56px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.wk-crayon-coral{--c1:#ffa3a3;--c2:#ffc4ba;--c3:#ff8f8f;--base:.62;opacity:.9}.wk-crayon-butter{--c1:#ffe38a;--c2:#fff0b8;--c3:#ffd866;--base:.6;opacity:.88}.wk-crayon-peach{--c1:#ffc6a3;--c2:#ffdcc4;--c3:#ffb48a;--base:.35;opacity:.95}[data-wk-js] [data-wk=mark]{opacity:1;transform:none}[data-wk-js] .wk-mark[data-wk=mark] .wk-crayon{clip-path:inset(-30% 102% -30% -2%)}[data-wk-js] .wk-mark[data-wk=mark][data-in=true] .wk-crayon{clip-path:inset(-30% -2%);transition:clip-path 1.1s cubic-bezier(.62,.04,.3,1);transition-delay:calc(var(--md,0s) + .3s)}.wk-mark-load .wk-crayon{animation:1.1s cubic-bezier(.62,.04,.3,1) both wk-crayon-draw;animation-delay:var(--md,0s)}@keyframes wk-crayon-draw{0%{clip-path:inset(-30% 102% -30% -2%)}to{clip-path:inset(-30% -2%)}}@media (prefers-reduced-motion:reduce){.wk-mark-load .wk-crayon{animation:none!important}[data-wk-js] .wk-mark[data-wk=mark] .wk-crayon{clip-path:inset(-30% -2%);transition:none}}
.wv{--loop:10s;width:100%;max-width:560px;margin-inline:auto;position:relative}.wv-stage{flex-direction:column;align-items:center;display:flex;position:relative}@media (min-width:640px){.wv-stage{height:600px;display:block}}.wv-phone-wrap,.wv-board-wrap,.wv-notif-wrap{will-change:transform;transform:translate3d(0, var(--py,0px), 0)}@media (max-width:1023px){.wv-phone-wrap,.wv-board-wrap,.wv-notif-wrap{will-change:auto;transform:none}}@media (min-width:640px){.wv-phone-wrap{position:absolute;top:0;left:0}.wv-board-wrap{position:absolute;bottom:6px;right:0}.wv-notif-wrap{position:absolute;top:38px;right:8px}}.wv-phone{color:#fff;background:linear-gradient(#14253f,#0b1524);border:1px solid #fff3;border-radius:40px;width:270px;height:540px;padding:22px 20px;position:relative;overflow:hidden;box-shadow:0 50px 90px -26px #000000bf,inset 0 0 0 6px #060b13,0 0 0 1px #0006}.wv-phone:before{content:"";z-index:3;background:#04080e;border-radius:12px;width:80px;height:22px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.wv-phone:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff12,#0000 32%);position:absolute;inset:0}.wv-time{letter-spacing:0;font-variant-numeric:tabular-nums;width:40px;height:16px;font-size:13px;font-weight:800;display:inline-block;position:relative}.wv-time>span{position:absolute;top:0;left:0}.wv-time-a{animation:wv-time-a var(--loop) infinite}.wv-time-b{opacity:0;animation:wv-time-b var(--loop) infinite}@keyframes wv-time-a{0%,31%{opacity:1}33%,96%{opacity:0}98%,to{opacity:1}}@keyframes wv-time-b{0%,31%{opacity:0}33%,96%{opacity:1}98%,to{opacity:0}}.wv-banner{z-index:4;color:#0b1420;opacity:0;animation:wv-banner var(--loop) infinite;background:#fffffff7;border-radius:14px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex;position:absolute;top:40px;left:10px;right:10px;transform:translateY(-120%);box-shadow:0 18px 32px -12px #0009}@keyframes wv-banner{0%{opacity:0;transform:translateY(-120%)}4%,22%{opacity:1;transform:none}27%,to{opacity:0;transform:translateY(-120%)}}.wv-punch-box{width:150px;height:150px;position:relative}.wv-punch,.wv-done{border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.wv-punch{animation:wv-press var(--loop) infinite;background:radial-gradient(circle at 35% 30%,#e8353f,#a5171f 70%);box-shadow:0 16px 38px -8px #d5202abf}.wv-punch:before,.wv-punch:after{content:"";border:1.5px solid #d5202a99;border-radius:50%;animation:3s ease-out infinite wv-ring;position:absolute;inset:-2px}.wv-punch:after{animation-delay:1.5s}@keyframes wv-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes wv-press{0%,30%,38%{opacity:1;transform:scale(1)}34%{opacity:1;transform:scale(.92)}40%,94%{opacity:0;transform:scale(.9)}98%,to{opacity:1;transform:scale(1)}}.wv-done{opacity:0;animation:wv-done var(--loop) infinite;background:radial-gradient(circle at 35% 30%,#2fd08f,#0f8a5c 72%);transform:scale(.7);box-shadow:0 16px 38px -8px #22c5828c}@keyframes wv-done{0%,36%{opacity:0;transform:scale(.7)}42%,92%{opacity:1;transform:scale(1)}97%,to{opacity:0;transform:scale(.7)}}.wv-check path{stroke-dasharray:1;stroke-dashoffset:1px;animation:wv-check var(--loop) infinite}@keyframes wv-check{0%,38%{stroke-dashoffset:1px}46%,92%{stroke-dashoffset:0}97%,to{stroke-dashoffset:1px}}.wv-toast{z-index:2;color:#0b1420;opacity:0;animation:wv-toast var(--loop) infinite;background:#fffffff7;border-left:3px solid #bd1e28;padding:13px 14px;position:absolute;bottom:18px;left:12px;right:12px;transform:translateY(40px);box-shadow:0 18px 32px -10px #0000008c}@keyframes wv-toast{0%,38%{opacity:0;transform:translateY(40px)}45%,90%{opacity:1;transform:none}95%,to{opacity:0;transform:translateY(20px)}}.wv-notif{color:#0b1420;opacity:0;width:min(300px,100%);animation:wv-notif var(--loop) infinite;background:#fff;border-left:3px solid #bd1e28;align-items:flex-start;gap:12px;padding:13px 15px;display:flex;transform:translate(40px);box-shadow:0 30px 50px -18px #000000a6}@keyframes wv-notif{0%,52%{opacity:0;transform:translate(40px)}60%,92%{opacity:1;transform:none}97%,to{opacity:0;transform:translate(24px)}}.wv-notif-wrap{width:min(300px,100%)}@media (max-width:639px){.wv-phone{height:480px}.wv-punch-box{width:128px;height:128px}.wv-notif-wrap{align-self:stretch;width:100%;margin-top:14px}.wv-notif{opacity:.22;width:100%;animation-name:wv-notif-m;transform:none}}@keyframes wv-notif-m{0%,52%{opacity:.22}60%,92%{opacity:1}97%,to{opacity:.22}}.wv-board{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1b2df5;border:1px solid #ffffff29;width:100%;max-width:300px;padding:20px;box-shadow:0 50px 80px -28px #000c}.wv-board-wrap{width:min(300px,100%)}@media (max-width:639px){.wv-board-wrap{margin-top:12px}}.wv-dots{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.wv-dots i{aspect-ratio:1;animation:.5s both wv-dot;animation-delay:calc(var(--i) * 90ms + .6s);background:#ffffff1a;display:block}@keyframes wv-dot{0%{transform:scale(0)}to{transform:scale(1)}}.wv-dots i.g{background:#34d399}.wv-dots i.a{background:#fcd34d}.wv-dots i.r{background:#ff6b73}.wv-dots i.s{background:#7dd3fc}.wv-bar>i{transform-origin:0;height:100%;animation:1.4s cubic-bezier(.2,.8,.2,1) .5s both wv-grow;display:block}@keyframes wv-grow{0%{transform:scaleX(0)}}.wv-float{animation:7s ease-in-out infinite wv-float}@keyframes wv-float{50%{transform:translateY(-9px)}}.wv-live{animation:1.8s ease-in-out infinite wv-blink}@keyframes wv-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.wv *,.wv :before,.wv :after{animation:none!important}.wv-banner,.wv-punch{opacity:0}.wv-done{opacity:1;transform:none}.wv-check path{stroke-dashoffset:0}.wv-toast,.wv-notif{opacity:1;transform:none}.wv-time-a{opacity:0}.wv-time-b{opacity:1}.wv-dots i{transform:none}}