:root{--mk-out:cubic-bezier(.22, 1, .36, 1);--mk-io:cubic-bezier(.65, 0, .35, 1);--mk-spring:cubic-bezier(.34, 1.45, .64, 1)}.mk-fit{--sc:1;--cw:var(--tw);--ch:var(--th);width:100%;aspect-ratio:var(--cw) / var(--ch);position:relative;overflow:hidden}@media (min-width:860px){.mk-fit{--cw:var(--ww);--ch:var(--wh)}}.mk-fit>.mk-canvas{width:calc(var(--cw) * 1px);height:calc(var(--ch) * 1px);transform:scale(var(--sc));transform-origin:0 0;font-family:var(--f-text);-webkit-font-smoothing:antialiased;position:absolute;top:0;left:0}.mk-fit:not([data-ready])>.mk-canvas{visibility:hidden}.mk-pass{background:var(--bg);width:262px;color:var(--fg);font-family:var(--font-inter), system-ui, -apple-system, "Segoe UI", sans-serif;border-radius:17px;position:relative;overflow:hidden;box-shadow:0 20px 34px -12px #0000008c,0 0 0 1px #ffffff12}.mk-pass-head{justify-content:space-between;align-items:center;gap:10px;padding:13px 14px 11px;display:flex}.mk-pass-logo{width:112px;height:28px}.mk-pass-logo svg{width:100%;height:100%;display:block}.mk-pass-count{text-align:right;line-height:1.1}.mk-pass-count small{opacity:.7;font-size:10px;font-weight:600;display:block}.mk-pass-count b{letter-spacing:-.02em;align-items:baseline;margin-top:2px;font-size:19px;font-weight:700;display:inline-flex}.mk-pass-count em{opacity:.72;white-space:pre;font-style:normal;font-weight:600}.mk-roll{vertical-align:top;height:1.15em;line-height:1.15em;display:inline-block;overflow:hidden}.mk-roll-in{flex-direction:column;display:flex}.mk-roll-in[data-roll="1"]{transform:translateY(-1.15em)}.mk-roll-in i{height:1.15em;font-style:normal;display:block}.mk-pass-strip{background:#1c120d;height:112px;position:relative;overflow:hidden}.mk-pass-strip img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mk-pass-strip:after{content:"";background:#140c0870;position:absolute;inset:0}.mk-badges{z-index:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);place-items:center;display:grid;position:absolute;inset:8px 12px}.mk-slot{width:36px;height:36px;position:relative}.mk-b{border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.mk-b svg{width:58%;height:58%}.mk-b--on{box-shadow:0 0 0 2px var(--ac), 0 4px 8px #00000059;background:#f6f2e9}.mk-b--off{background:#08080a4d;box-shadow:inset 0 0 0 2px #ffffffeb}.mk-burst{opacity:0;border:2px solid #f8dcb4;border-radius:50%;position:absolute;inset:-2px}.mk-spark{opacity:0;background:#f8dcb4;border-radius:50%;width:4.5px;height:4.5px;margin:-2.25px;position:absolute;top:50%;left:50%}.mk-pass-fields{justify-content:space-between;gap:10px;padding:10px 14px 13px;display:flex}.mk-pass-fields small{opacity:.7;font-size:10px;font-weight:600;display:block}.mk-pass-fields b{margin-top:1px;font-size:13.5px;font-weight:650;display:block}.mk-pass-fields div:last-child{text-align:right}.mk-skeleton{z-index:3;color:#d7d5d0;background:#ecebe8;position:absolute;inset:0}.mk-skel{background:#d9d7d2;border-radius:6px;display:block;position:absolute}.mk-skel--logo{width:104px;height:20px;top:17px;left:14px}.mk-skel--count{width:44px;height:26px;top:14px;right:14px}.mk-skel-strip{background:#e3e1dc;height:112px;position:absolute;top:52px;left:0;right:0}.mk-skel-strip i{border:2px solid #cfcdc8;border-radius:50%;width:36px;height:36px;position:absolute}.mk-skel-strip i:nth-child(4n+1){left:24px}.mk-skel-strip i:nth-child(4n+2){left:83px}.mk-skel-strip i:nth-child(4n+3){left:143px}.mk-skel-strip i:nth-child(4n){left:202px}.mk-skel-strip i:nth-child(-n+4){top:14px}.mk-skel-strip i:nth-child(n+5){top:62px}.mk-skel--a{width:54px;height:14px;bottom:14px;left:14px}.mk-skel--b{width:78px;height:14px;bottom:14px;right:14px}.mk-cursor{z-index:20;pointer-events:none;filter:drop-shadow(0 3px 5px #00000040);position:absolute;top:0;left:0}@keyframes mk-stamp-drop{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:translateY(-92px)scale(1.75)rotate(-16deg)}14%{opacity:1}50%{animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translate(0,0)scale(.8)rotate(3deg)}72%{animation-timing-function:ease-in-out;transform:scale(1.12)rotate(-2deg)}88%{animation-timing-function:ease-out;transform:scale(.97)rotate(0)}to{opacity:1;transform:none}}@keyframes mk-ring{0%{opacity:0;transform:scale(.55)}14%{opacity:.95}to{opacity:0;transform:scale(2.3)}}@keyframes mk-spark{0%{transform:rotate(var(--a)) translate3d(0, -14px, 0) scale(.7);opacity:0}18%{opacity:1}to{transform:rotate(var(--a)) translate3d(0, -34px, 0) scale(.15);opacity:0}}@keyframes mk-roll{0%{transform:translate(0,0)}}@keyframes mk-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes mk-fade{0%{opacity:0}}@keyframes mk-pop{0%{opacity:0;transform:scale(.55)}60%{opacity:1;transform:scale(1.08)}}@keyframes mk-notif-drop{0%{opacity:0;transform:translateY(-150px)scale(.96)}}@media (prefers-reduced-motion:reduce){.mk-canvas,.mk-canvas *,.mk-canvas :before,.mk-canvas :after{transition:none!important;animation:none!important}}
.hw{margin-top:clamp(1.75rem,1rem + 2.5vw,3rem)}.hw-stage{border:1px solid var(--line);border-radius:calc(var(--r-card,18px) + 10px);isolation:isolate;background:radial-gradient(80% 90% at 50% 20%,#f8f7f5,#eae8e4);max-width:1040px;margin-inline:auto;position:relative;overflow:hidden}.hw-scene{--ps:running;--out:var(--mk-out);-webkit-user-select:none;user-select:none}.hw-scene[data-live="0"] *,.hw-scene[data-live="0"] :before,.hw-scene[data-live="0"] :after{animation-play-state:paused!important}.hw-pos{transform-origin:0 0;transform:translate3d(calc(var(--x) * 1px), calc(var(--y) * 1px), 0) scale(var(--s));opacity:var(--o);transition:transform .76s var(--out) var(--d,0s), opacity .46s ease var(--d,0s);position:absolute;top:0;left:0}.hw-win-pos{width:410px;height:330px}.hw-poster-pos{width:270px;height:370px}.hw-till-pos{width:330px;height:410px}.hw-phone-pos{width:290px;height:598px}.hw-scene[data-step="0"] .hw-win-pos{--x:210;--y:52;--s:1.32;--o:1;--d:0s}.hw-scene[data-step="1"] .hw-win-pos,.hw-scene[data-step="2"] .hw-win-pos{--x:140;--y:52;--s:1.32;--o:0;--d:0s}.hw-scene[data-step="0"] .hw-poster-pos{--x:170;--y:120;--s:1.04;--o:0;--d:0s}.hw-scene[data-step="1"] .hw-poster-pos{--x:170;--y:66;--s:1.04;--o:1;--d:.38s}.hw-scene[data-step="2"] .hw-poster-pos{--x:120;--y:66;--s:1.04;--o:0;--d:0s}.hw-scene[data-step="0"] .hw-till-pos,.hw-scene[data-step="1"] .hw-till-pos{--x:150;--y:140;--s:1;--o:0;--d:0s}.hw-scene[data-step="2"] .hw-till-pos{--x:170;--y:62;--s:1;--o:1;--d:.5s}.hw-scene[data-step="0"] .hw-phone-pos{--x:640;--y:600;--s:.78;--o:0;--d:0s}.hw-scene[data-step="1"] .hw-phone-pos{--x:580;--y:34;--s:.78;--o:1;--d:.62s}.hw-scene[data-step="2"] .hw-phone-pos{--x:566;--y:13;--s:.86;--o:1;--d:0s}@media (max-width:859px){.hw-scene[data-step="0"] .hw-win-pos{--x:4;--y:118;--s:.86;--o:1}.hw-scene[data-step="1"] .hw-win-pos,.hw-scene[data-step="2"] .hw-win-pos{--x:-30;--y:118;--s:.86;--o:0}.hw-scene[data-step="0"] .hw-poster-pos{--x:72;--y:60;--s:.8;--o:0}.hw-scene[data-step="1"] .hw-poster-pos{--x:72;--y:14;--s:.8;--o:1}.hw-scene[data-step="2"] .hw-poster-pos{--x:72;--y:-20;--s:.8;--o:0}.hw-scene .hw-till-pos{--o:0!important}.hw-scene[data-step="0"] .hw-phone-pos{--x:64;--y:560;--s:.8;--o:0}.hw-scene[data-step="1"] .hw-phone-pos{--x:64;--y:296;--s:.8;--o:1}.hw-scene[data-step="2"] .hw-phone-pos{--x:57;--y:6;--s:.85;--o:1}}.hw-win{width:410px;height:330px;position:relative}.hw-win-frame{background:#fff;border:1px solid #0f0f1014;border-radius:16px;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 2px #1018280f,0 14px 26px -10px #1018282e,0 40px 60px -28px #10182859}.hw-win-bar{background:#fcfcfb;border-bottom:1px solid #0f0f1014;align-items:center;gap:6px;height:36px;padding:0 14px;display:flex;position:relative}.hw-win-bar i{background:#dedcd7;border-radius:50%;width:10px;height:10px}.hw-win-bar b{text-align:center;font:600 12.5px/36px var(--f-text);color:#6a6a72;position:absolute;left:0;right:0}.hw-win-body{position:absolute;inset:36px 0 0}.hw-ctl{width:150px;position:absolute;top:16px;left:16px}.hw-ctl label{height:15px;font:600 12px/15px var(--f-text);color:#77777c;margin:0 0 6px;display:block}.hw-sws{gap:6px;height:24px;margin-bottom:14px;display:flex}.hw-sw{border-radius:50%;width:24px;height:24px;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.hw-ring{border:2px solid #0f0f10;border-radius:50%;position:absolute;inset:-4px}.hw-ring--out{opacity:0}.hw-input{height:30px;font:550 13px/1 var(--f-text);color:#111;white-space:nowrap;background:#fff;border:1px solid #dcdcd8;border-radius:8px;align-items:center;margin-bottom:14px;padding:0 10px;display:flex;position:relative;overflow:hidden}.hw-typed{display:inline-block;position:relative}.hw-cover{background:#fff;position:absolute;inset:-3px -2px;transform:translate(100%)}.hw-cover:before{content:"";background:var(--brand,#ff6b2c);opacity:0;border-radius:1px;width:2px;position:absolute;top:4px;bottom:4px;left:0}.hw-btn{background:var(--brand,#ff6b2c);color:#0f0f10;height:36px;font:650 14px/36px var(--f-text);text-align:center;border-radius:10px;margin-top:22px;position:relative;box-shadow:inset 0 1px #ffffff47}.hw-btn-a{opacity:0}.hw-btn-b{border-radius:inherit;color:#fff;background:#1f9d55;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.hw-prev{transform-origin:0 0;width:262px;position:absolute;top:58px;left:187px;transform:scale(.79)}.hw-cursor{opacity:0}.hw-scene[data-step="0"] .hw-cursor{animation:hw-cursor-studio 5s var(--mk-io) 0s backwards}@keyframes hw-cursor-studio{0%,6%{opacity:0;transform:translate(340px,300px)scale(1)}8%{opacity:1}20%{opacity:1;transform:translate(52px,82px)scale(1)}22%{transform:translate(52px,82px)scale(.84)}25%{transform:translate(52px,82px)scale(1)}34%,72%{opacity:1;transform:translate(110px,150px)scale(1)}84%{transform:translate(85px,262px)scale(1)}86%{transform:translate(85px,262px)scale(.84)}89%{opacity:1;transform:translate(85px,262px)scale(1)}to{opacity:0;transform:translate(120px,290px)scale(1)}}.hw-scene[data-step="0"] .hw-ring--out{animation:.22s 1s backwards hw-ring-out}@keyframes hw-ring-out{0%{opacity:1}}.hw-scene[data-step="0"] .hw-ring--in{animation:hw-ring-in .42s var(--mk-spring) 1s backwards}@keyframes hw-ring-in{0%{opacity:0;transform:scale(.6)}}.hw-scene[data-step="0"] .mk-skeleton{animation:.62s 1s backwards hw-skel}.mk-skeleton{opacity:0}@keyframes hw-skel{0%{opacity:1}}.hw-scene[data-step="0"] .hw-cover{animation:1.04s steps(13,end) 1.5s backwards hw-type}@keyframes hw-type{0%{transform:translate(0,0)}}.hw-scene[data-step="0"] .hw-cover:before{animation:1.04s linear 1.5s backwards hw-caret}@keyframes hw-caret{0%,92%{opacity:1}to{opacity:0}}.hw-scene[data-step="0"] .hw-win .mk-logo{animation:.52s 2.6s backwards mk-fade}.hw-scene[data-step="0"] .hw-input--reward span{animation:.42s 2.8s backwards mk-fade}.hw-scene[data-step="0"] .hw-win .mk-b{animation:mk-pop .46s var(--out) calc(3.1s + var(--i) * 70ms) backwards}.hw-scene[data-step="0"] .hw-btn{animation:hw-press .26s var(--out) 4.3s backwards}@keyframes hw-press{50%{transform:scale(.95)}}.hw-scene[data-step="0"] .hw-btn-a{animation:.2s 4.4s backwards hw-a-out}@keyframes hw-a-out{0%{opacity:1}}.hw-scene[data-step="0"] .hw-btn-b{animation:.26s 4.4s backwards mk-fade}.hw-poster{width:270px;height:370px;position:relative}.hw-poster-sheet{color:#f3e7d3;background:linear-gradient(170deg,#35261d,#2b1d16 55%);border-radius:14px;flex-direction:column;align-items:stretch;padding:22px 20px 20px;display:flex;position:absolute;inset:0;box-shadow:0 1px 2px #00000040,0 30px 50px -20px #2b1d168c}.hw-poster-logo{width:112px;height:28px}.hw-poster-logo svg{width:100%;height:100%;display:block}.hw-poster h4{font:700 25px/1.08 var(--f-display);letter-spacing:-.03em;color:#fff;margin:16px 0 0}.hw-poster h4 em{color:#e3a15f;font-style:normal}.hw-poster-qr{color:#4a4a50;background:#fff;border-radius:14px;justify-items:center;gap:8px;width:172px;margin:auto auto 0;padding:12px 12px 10px;display:grid}.hw-poster-qr>div{width:146px;height:146px}.hw-poster-qr svg{display:block}.hw-poster-qr small{font:600 11px/1.2 var(--f-text);text-align:center}.hw-poster p{text-align:center;font:500 11px/1 var(--f-text);color:#f3e7d39e;margin:12px 0 0}.hw-poster-shadow{filter:blur(9px);z-index:-1;background:#2b1d1652;border-radius:50%;height:22px;position:absolute;bottom:-16px;left:8%;right:8%}.hw-cam,.hw-wallet{z-index:2;position:absolute;inset:0}.hw-cam{opacity:1}.hw-wallet,.hw-scene[data-step="2"] .hw-cam{opacity:0}.hw-scene[data-step="2"] .hw-wallet{opacity:1}.hw-cam-bg{background:radial-gradient(130% 80% at 50% 36%,#3f2c20,#1a110c 72%);position:absolute;inset:0}.hw-cam-lines i{filter:blur(2px);background:#f3e7d321;border-radius:5px;height:16px;position:absolute;left:40px;right:40px}.hw-cam-lines i:first-child{top:292px}.hw-cam-lines i:last-child{height:12px;top:322px;left:70px;right:70px}.hw-cam-qr{width:140px;height:140px;position:absolute;top:112px;left:66px}.hw-cam-qr-card{background:#fff;border-radius:10px;padding:10px;position:absolute;inset:0}.hw-br{border:0 solid #ffd60a;width:24px;height:24px;position:absolute}.hw-br--tl{border-top-width:3px;border-left-width:3px;border-top-left-radius:9px;top:-10px;left:-10px}.hw-br--tr{border-top-width:3px;border-right-width:3px;border-top-right-radius:9px;top:-10px;right:-10px}.hw-br--bl{border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:9px;bottom:-10px;left:-10px}.hw-br--br{border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:9px;bottom:-10px;right:-10px}.hw-beam{opacity:0;background:linear-gradient(90deg,#0000,#ffd60a 20% 80%,#0000);border-radius:2px;height:3px;position:absolute;top:4px;left:4px;right:4px;box-shadow:0 0 14px 2px #ffd60a8c}.hw-chip{position:absolute;top:48px;left:10px;right:10px}.hw-cam-ui{height:190px;position:absolute;bottom:0;left:0;right:0}.hw-zoom{color:#ffd60a;width:36px;height:22px;font:700 11.5px/22px var(--font-inter), system-ui, sans-serif;text-align:center;background:#00000080;border-radius:11px;position:absolute;bottom:112px;left:118px}.hw-shutter{border:3px solid #fff;border-radius:50%;width:58px;height:58px;position:absolute;bottom:34px;left:107px}.hw-shutter i{background:#fff;border-radius:50%;position:absolute;inset:3px}.hw-scene[data-step="1"] .hw-br{animation:hw-focus .52s var(--out) 1.1s backwards}@keyframes hw-focus{0%{opacity:0;transform:scale(1.5)}}.hw-scene[data-step="1"] .hw-beam{animation:hw-beam .9s var(--mk-io) 1.3s 2 alternate both}@keyframes hw-beam{0%{opacity:0;transform:translate(0,0)}12%,88%{opacity:1}to{transform:translate3d(0, var(--bd,130px), 0);opacity:0}}.hw-scene[data-step="1"] .hw-chip{animation:hw-chip .62s var(--mk-spring) 2.8s backwards, hw-tap .24s var(--out) 3.7s}@keyframes hw-chip{0%{opacity:0;transform:translateY(-64px)scale(.96)}}@keyframes hw-tap{50%{transform:scale(.96)}}.hw-scene[data-step="1"] .hw-cam{animation:.38s 3.9s both hw-cam-out}@keyframes hw-cam-out{0%{opacity:1}to{opacity:0}}.hw-scene[data-step="1"] .hw-wallet{animation:.38s 3.9s both hw-wallet-in}@keyframes hw-wallet-in{0%{opacity:0}to{opacity:1}}.hw-wallet h5{font:700 27px/1 var(--font-inter), system-ui, sans-serif;letter-spacing:-.03em;color:#fff;margin:0;position:absolute;top:54px;left:20px}.hw-plus{background:#2c2c2e;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:52px;right:16px}.hw-other{border-radius:15px 15px 0 0;height:70px;position:absolute;left:15px;right:15px;box-shadow:inset 0 1px #ffffff24}.hw-other--a{background:linear-gradient(#3b4252,#2d3340);top:112px}.hw-other--b{background:linear-gradient(#2c5a82,#214767);top:140px}.hw-card{position:absolute;top:170px;left:15px;right:15px}.hw-card .mk-pass{width:auto}.hw-toast,.hw-stampnotif{position:absolute;top:48px;left:10px;right:10px}.hw-toast{color:#111;font-family:var(--font-inter), system-ui, sans-serif;opacity:0;background:#f7f7f5f5;border-radius:21px;align-items:center;gap:10px;padding:11px 14px;display:flex;box-shadow:0 14px 30px -10px #0000008c}.hw-toast span{color:#fff;background:#1f9d55;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.hw-toast b{letter-spacing:-.01em;font-size:13.5px;font-weight:650}.hw-stampnotif{opacity:0}.hw-scene[data-step="2"] .hw-stampnotif{opacity:1}.hw-scene[data-step="1"] .hw-card{animation:hw-card-up .82s var(--out) 4.15s backwards}@keyframes hw-card-up{0%{opacity:0;transform:translateY(340px)scale(.96)}}.hw-scene[data-step="1"] .hw-other--a{animation:hw-other .64s var(--out) 4s backwards}.hw-scene[data-step="1"] .hw-other--b{animation:hw-other .64s var(--out) 4.08s backwards}@keyframes hw-other{0%{opacity:0;transform:translateY(120px)}}.hw-scene[data-step="1"] .hw-wallet .mk-b--new,.hw-scene[data-step="1"] .hw-wallet .mk-burst,.hw-scene[data-step="1"] .hw-wallet .mk-spark{opacity:0}.hw-scene[data-step="1"] .hw-wallet .mk-roll-in{transform:none}.hw-scene[data-step="1"] .hw-toast{animation:hw-toast 1.9s var(--mk-spring) 5s both}@keyframes hw-toast{0%{opacity:0;transform:translateY(-70px)scale(.96)}18%,80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-26px)}}.hw-scene[data-step="2"] .hw-wallet .mk-b--new{animation:.78s linear 2.15s backwards mk-stamp-drop}.hw-scene[data-step="2"] .hw-wallet .mk-burst{animation:.62s cubic-bezier(.2,.8,.3,1) 2.535s both mk-ring}.hw-scene[data-step="2"] .hw-wallet .mk-spark{animation:.56s cubic-bezier(.2,.8,.3,1) 2.535s both mk-spark}.hw-scene[data-step="2"] .hw-wallet .mk-roll-in{animation:mk-roll .38s var(--out) 2.57s backwards}.hw-scene[data-step="2"] .hw-stampnotif .sc-notif{animation:mk-notif-drop .64s var(--mk-spring) 3.2s backwards}.hw-till{color:#0f0f10;background:#fff;border:1px solid #0f0f1014;border-radius:20px;width:330px;height:410px;position:relative;overflow:hidden;box-shadow:0 1px 2px #1018280f,0 14px 26px -10px #1018282e,0 48px 70px -30px #10182861}.hw-till-bar{background:#fcfcfb;border-bottom:1px solid #0f0f1014;align-items:center;gap:10px;height:52px;padding:0 18px;display:flex}.hw-till-mark{border-radius:7px;width:24px;height:24px;overflow:hidden;box-shadow:0 0 0 1px #00000014}.hw-till-mark svg{width:100%;height:100%;display:block}.hw-till-bar b{font:700 15px/1 var(--f-display);letter-spacing:-.025em}.hw-till-bar small{font:600 12.5px/1 var(--f-text);color:#77777c;margin-left:auto}.hw-till-vf{background:radial-gradient(120% 90% at 50% 30%,#3b2a20,#17100c 75%);border-radius:16px;height:232px;margin:16px 18px 0;position:relative}.hw-till-qr{width:150px;height:150px;margin-left:-75px;position:absolute;top:41px;left:50%}.hw-till-qr-card{background:#fff;border-radius:11px;padding:11px;position:absolute;inset:0}.hw-till-hint{font:500 13px/1.3 var(--f-text);color:#77777c;text-align:center;margin:14px 18px 0}.hw-till-res{color:#0e5a31;background:#e8f6ee;border-radius:14px;align-items:center;gap:12px;height:58px;padding:0 14px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.hw-till-res>span{color:#fff;background:#1f9d55;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.hw-till-res b{font:650 14.5px/1.15 var(--f-text);display:block}.hw-till-res small{font:500 12.5px/1.1 var(--f-text);color:#2d7a4f;margin-top:2px;display:block}.hw-scene[data-step="2"] .hw-till .hw-br{animation:hw-focus .52s var(--out) .7s backwards}.hw-scene[data-step="2"] .hw-till .hw-beam{animation:hw-beam 1s var(--mk-io) 1s both}.hw-scene[data-step="2"] .hw-till-res{animation:mk-rise .52s var(--out) 2s backwards}.hw-scene[data-step="2"] .hw-till-hint{animation:.3s backwards mk-fade}.hw-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,.4rem + 3vw,2.5rem);max-width:1040px;margin:clamp(1.25rem,1rem + 1.2vw,2rem) auto 0;padding:0;list-style:none;display:grid}.hw-steps li{min-width:0}.hw-steps button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;width:100%;display:block}.hw-steps button:focus-visible{outline:2px solid var(--focus,#0f0f10);outline-offset:6px}.hw-bar{background:var(--line-strong,#0f0f102e);border-radius:2px;height:3px;margin-bottom:14px;display:block;overflow:hidden}.hw-bar b{background:var(--brand,#ff6b2c);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.hw-steps li[data-state=past] .hw-bar b,.hw-steps li[data-state=on] .hw-bar b{transform:scaleX(1)}.hw-bar b[data-run="1"]{animation:linear both hw-fill}@keyframes hw-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hw-steps h3{color:var(--ink);transition:opacity .32s var(--mk-out);margin:0;font-size:clamp(1.15rem,1rem + .5vw,1.35rem);line-height:1.2}.hw-step-text{grid-template-rows:1fr;display:grid}.hw-step-text p{min-height:0;color:var(--mut);transition:opacity .32s var(--mk-out);margin:.4rem 0 0;font-size:1rem;line-height:1.5}.hw-steps li[data-state=next] h3,.hw-steps li[data-state=next] p,.hw-steps li[data-state=past] h3,.hw-steps li[data-state=past] p{opacity:.5}@media (hover:hover) and (pointer:fine){.hw-steps li[data-state=next] button:hover h3,.hw-steps li[data-state=next] button:hover p,.hw-steps li[data-state=past] button:hover h3,.hw-steps li[data-state=past] button:hover p{opacity:.85}}@media (max-width:859px){.hw-steps{grid-template-columns:1fr;gap:.4rem}.hw-steps button{padding-block:.55rem}.hw-steps h3{font-size:1.2rem}.hw-step-text{transition:grid-template-rows .42s var(--mk-out);grid-template-rows:0fr}.hw-step-text p{overflow:hidden}.hw-steps li[data-state=on] .hw-step-text{grid-template-rows:1fr}.hw-steps li[data-state=on] h3{opacity:1}}@media (prefers-reduced-motion:reduce){.hw-step-text,.hw-bar b,.hw-steps h3,.hw-step-text p{transition:none!important;animation:none!important}}
.bp-field{width:min(380px,100%);margin:0 auto clamp(1.1rem,.7rem + 1.6vw,2rem)}.bp-label{font:600 .88rem/1.2 var(--f-text);color:var(--mut);margin:0 0 .45rem;display:block}.bp-input{border:1px solid var(--line-strong);white-space:nowrap;background:#fff;border-radius:14px;align-items:center;height:56px;padding:0 1.15rem;display:flex;overflow:hidden;box-shadow:0 1px 2px #1018280d,0 10px 24px -14px #10182840}.bp-typed{font:600 1.25rem/1 var(--f-text);letter-spacing:-.012em;color:var(--ink);transition:opacity .38s}.bp-typed[data-fade="1"]{opacity:0}.bp-caret{background:var(--brand,#ff6b2c);opacity:0;border-radius:1px;width:2px;height:1.55rem;margin-left:2px}.bp-caret[data-on="1"]{animation:1.06s step-end infinite bp-blink}@keyframes bp-blink{0%,55%{opacity:1}56%,to{opacity:0}}.bp-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(.1rem,1.2vw,1.25rem);margin:0;padding:0;list-style:none;display:grid}.bp-row li{justify-content:center;min-width:0;display:flex}.bp-fig{aspect-ratio:1;width:100%;max-width:27rem;transition:translate .26s var(--ease-out,cubic-bezier(.23, 1, .32, 1));position:relative}@media (hover:hover) and (pointer:fine){.bp-row li:hover .bp-fig{translate:0 -8px}}.bp-fig picture,.bp-fig img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.bp-v{opacity:0;transition:opacity .36s;position:absolute;inset:0}.bp-v[data-on="1"]{opacity:1;transition:opacity .56s ease calc(var(--k,0) * .17s)}.bp-sweep{pointer-events:none;-webkit-mask:var(--m) center / 100% 100% no-repeat;-webkit-mask:var(--m) center / 100% 100% no-repeat;mask:var(--m) center / 100% 100% no-repeat;position:absolute;inset:0;overflow:hidden}.bp-sweep:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffffe6,#0000);width:30%;position:absolute;top:0;bottom:0;left:0;transform:translate(-130%)}.bp[data-phase=print] .bp-sweep:before{animation:bp-sweep .95s var(--mk-out,cubic-bezier(.22, 1, .36, 1)) calc(var(--k,0) * .17s) both}@keyframes bp-sweep{0%{opacity:0;transform:translate(-130%)}20%{opacity:1}to{opacity:0;transform:translate(340%)}}@media (max-width:640px){.bp-fig{width:150%;max-width:none;margin-inline:-25%}.bp-row li{overflow:visible}}@media (prefers-reduced-motion:reduce){.bp-fig,.bp-v,.bp-v[data-on="1"],.bp-typed{transition:none}.bp-sweep:before,.bp-caret{animation:none!important}}
.cp-final-box.fz-box .fz-text{z-index:1;min-width:0;position:relative}.fz-art{--ps:.74;height:330px;margin-top:2rem;position:relative}.cp-final-box.fz-box{padding-bottom:0}@media (min-width:900px){.cp-final-box.fz-box{min-height:31rem;padding-bottom:clamp(2.5rem,1.5rem + 4vw,4.75rem)}.cp-final-box.fz-box .fz-text{width:56%}.fz-art{--ps:1.04;width:44%;height:auto;margin:0;position:absolute;top:0;bottom:0;right:0}}.fz-phone{width:290px;height:598px;translate:-50%;transform:scale(var(--ps));transform-origin:50% 0;position:absolute;top:40px;left:50%}@media (min-width:900px){.fz-phone{top:60px}}.fz-screen{z-index:2;position:absolute;inset:0}.fz-other{border-radius:15px 15px 0 0;height:70px;position:absolute;left:15px;right:15px;box-shadow:inset 0 1px #ffffff24}.fz-other--a{background:linear-gradient(#3b4252,#2d3340);top:84px}.fz-other--b{background:linear-gradient(#2c5a82,#214767);top:112px}.fz-card{position:absolute;top:142px;left:15px;right:15px}.fz-card .mk-pass{width:auto}.fz-reward{opacity:0;position:absolute;top:48px;left:10px;right:10px}.fz-art[data-n="8"] .fz-reward{opacity:1;animation:mk-notif-drop .64s var(--mk-spring) backwards}.fz-card .mk-b--on{animation:mk-pop .42s var(--mk-spring) backwards}.fz-card .mk-roll i{animation:mk-rise .3s var(--mk-out) backwards}.fz-phone{animation:fz-rise .9s var(--mk-out) .15s backwards;animation-play-state:paused}.fz-art[data-in="1"] .fz-phone,.fz-art[data-in="1"] .fz-paper{animation-play-state:running}@keyframes fz-rise{0%{transform:translate3d(0, 120px, 0) scale(var(--ps));opacity:0}}.fz-paper{color:#4a3624;opacity:0;background:linear-gradient(160deg,#d6b88a,#c4a173);border-radius:12px;width:190px;height:120px;padding:14px 16px;position:absolute;top:150px;left:4%;translate:-34px 52px;rotate:-9deg;box-shadow:0 18px 30px -14px #0009,inset 0 0 0 1px #ffffff1f}.fz-paper b{font:650 13px/1.2 var(--f-text);letter-spacing:-.005em;display:block}.fz-paper-dots{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.fz-paper-dots i{aspect-ratio:1;border:1.6px solid #4a36248c;border-radius:50%}.fz-paper-dots i[data-on="1"]{background:#4a3624b3;box-shadow:inset 0 0 0 3px #cdac7d}@media (min-width:900px){.fz-paper{top:230px;left:4%}}.fz-paper{animation:fz-paper 2.4s var(--mk-out) .1s both;animation-play-state:paused}@keyframes fz-paper{0%{opacity:0;transform:translate(30px,14px)}22%,52%{opacity:.95;transform:none}to{opacity:0;transform:translate(-34px,90px)rotate(-8deg)}}.cp-final-box.fz-box .cp-btn--pri{position:relative}.cp-final-box.fz-box[data-live="1"] .cp-btn--pri{animation:3.6s ease-in-out 3.2s infinite fz-breathe}@keyframes fz-breathe{0%,to{scale:1}50%{scale:1.035}}@media (prefers-reduced-motion:reduce){.fz-art *,.cp-final-box.fz-box .cp-btn--pri{animation:none!important}.fz-paper{display:none}.fz-art[data-n="8"] .fz-reward{opacity:1}}