.hero-motion{--hm-dur:10s;--hm-green:#22b07d;width:100%;position:relative;container-type:inline-size}.hero-motion .hm-layer{pointer-events:none;position:absolute;inset:0}.hero-motion .hm-layer *,.hero-motion .hm-step{animation-duration:var(--hm-dur);animation-timing-function:ease-out;animation-iteration-count:infinite;animation-play-state:paused}.hero-motion.is-playing .hm-layer *,.hero-motion.is-playing .hm-step{animation-play-state:running}.hm-layer strong,.hm-layer small,.hm-layer em{white-space:nowrap;font-style:normal;display:block}.hm-check{color:#fff;background:var(--hm-green);border-radius:50%;flex:none;place-items:center;width:2.1cqw;height:2.1cqw;font-size:1.15cqw;line-height:1;display:grid;box-shadow:0 0 0 .45cqw #22b07d29;animation:none!important}.hm-tap{aspect-ratio:1;opacity:0;background:#ffffffbf;border-radius:50%;width:3.2%;animation-name:hm-tap;position:absolute;top:84.17%;left:97.04%;transform:translate(-50%,-50%)scale(.3);box-shadow:0 0 0 .3cqw #ffffff8c}.hm-phone-sheet{text-align:center;opacity:0;background:#fff;border-radius:.6cqw;flex-direction:column;justify-content:center;align-items:center;gap:.45cqw;width:7.9%;height:20.2%;animation-name:hm-phone;display:flex;position:absolute;top:69.27%;left:90.93%;transform:translateY(14%);box-shadow:0 .4cqw 1.2cqw #113c7838}.hm-phone-sheet strong{color:#183457;font-size:.95cqw}.hm-phone-sheet small{color:#7489a3;font-size:.68cqw}.hm-approval{opacity:0;background:#fffffff7;border:1px solid #dbe8f8;border-radius:.8cqw;width:16.6%;height:19.5%;animation-name:hm-card;position:absolute;top:21.1%;left:48.82%;transform:translate(12%);box-shadow:0 .8cqw 2cqw #14468c33}.hm-approval>div{padding:.9cqw 1.1cqw;animation-timing-function:linear;position:absolute;inset:0}.hm-approval-pending{animation-name:hm-pending}.hm-approval-pending em{color:#d9822b;background:#fff3e4;border-radius:99px;width:max-content;padding:.15cqw .55cqw;font-size:.72cqw;font-weight:700}.hm-approval-pending strong{color:#183457;margin-top:.5cqw;font-size:1.05cqw}.hm-approval-pending small{color:#7489a3;margin-top:.25cqw;font-size:.75cqw}.hm-approval-pending span{gap:.45cqw;display:flex;position:absolute;bottom:.9cqw;right:1.1cqw}.hm-approval-pending span i{color:#5b6f88;background:#eef3f9;border-radius:.35cqw;padding:.2cqw .75cqw;font-size:.72cqw;font-style:normal}.hm-approval-pending span i+i{color:#fff;animation:hm-press var(--hm-dur) linear infinite;animation-play-state:inherit;background:#1a6ff0}.hm-approval-done{opacity:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:.4cqw;animation-name:hm-done;display:flex}.hm-approval-done strong{color:#14804f;font-size:1.1cqw}.hm-approval-done small{color:#7489a3;font-size:.75cqw}.hm-plus{color:#fff;background:var(--hm-green);opacity:0;border-radius:99px;padding:.1cqw .55cqw;font-size:.95cqw;line-height:1.5;animation-name:hm-plus;position:absolute}.hm-plus-monitor{animation-name:hm-plus-a;top:9.6%;left:34.3%}.hm-plus-laptop{animation-name:hm-plus-b;top:64.4%;left:84.4%}.hm-reader-ring{aspect-ratio:2.1;opacity:0;border:.25cqw solid #1a84ffd9;border-radius:50%;width:9.6%;animation-name:hm-ring;position:absolute;top:85.3%;left:21.4%;transform:translate(-50%,-50%)scale(.4)}.hm-reader-ring-late{animation-name:hm-ring-late}.hm-stage{transform-origin:0 0;width:1014px;height:436px;transform:scale(var(--hm-scale,1));position:absolute;top:0;left:0}.hm-kiosk-screen{color:#fff;transform-origin:0 0;opacity:0;background:linear-gradient(160deg,#0f4ea6 0%,#0b3d86 60%,#0a3270 100%);flex-direction:column;width:320px;height:180px;padding:10px 16px 9px;animation-name:hm-kiosk;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:matrix3d(.914437,.177392,0,.000733025,.129933,.323556,0,-.000958675,0,0,1,0,43.8,142,0,1)}.hm-ks-head{color:#ffffffb8;justify-content:space-between;font-size:11px;font-weight:700;display:flex}.hm-ks-head time{font-weight:500}.hm-ks-body{flex:1;justify-content:center;align-items:center;gap:22px;display:flex}.hm-ks-photo{background:linear-gradient(#dfe9f6,#b9cbe3);border:2px solid #ffffffd9;border-radius:6px;width:54px;height:66px;position:relative;overflow:hidden}.hm-ks-photo:before,.hm-ks-photo:after{content:"";background:#7f97b8;position:absolute;left:50%;transform:translate(-50%)}.hm-ks-photo:before{border-radius:50%;width:22px;height:24px;top:13px}.hm-ks-photo:after{border-radius:50% 50% 0 0;width:46px;height:34px;bottom:-14px}.hm-ks-result{justify-items:start;gap:3px;display:grid}.hm-ks-result b{background:#22b07d;border-radius:50%;place-items:center;width:30px;height:30px;margin-bottom:3px;font-size:17px;line-height:1;animation-name:hm-kiosk-check;display:grid;box-shadow:0 0 0 5px #22b07d40}.hm-ks-result strong{letter-spacing:.06em;font-size:21px}.hm-ks-result small{color:#ffffffc7;font-size:10px}.hm-ks-foot{color:#ffffffb3;text-align:center;white-space:nowrap;border-top:1px solid #ffffff29;padding-top:6px;font-size:9.5px}.hm-row{opacity:0;transform-origin:0;background:linear-gradient(90deg,#2ed6ff40,#2ed6ff99,#2ed6ff40);border:1px solid #82e8fff2;border-radius:.25cqw;width:15.7%;height:2.7%;animation-name:hm-row;position:absolute;top:65.6%;left:68%;box-shadow:0 0 1.2cqw #2ed6ffcc}.hm-steps{white-space:nowrap;background:#ffffffeb;border:1px solid #d7e6f7;border-radius:999px;gap:6px;margin:0;padding:5px;list-style:none;display:flex;position:absolute;top:calc(100% + 22px);left:50%;transform:translate(-50%);box-shadow:0 10px 26px #1d4b841a}.hm-step{color:#5d7390;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 6px;font-size:12px;font-weight:700;animation-timing-function:linear;display:flex}.hm-step span{color:#1a6ff0;background:#e7f0fc;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.hm-step-1{animation-name:hm-step-1}.hm-step-2{animation-name:hm-step-2}.hm-step-3{animation-name:hm-step-3}.hm-step-4{animation-name:hm-step-4}@keyframes hm-tap{0%,2%{opacity:0;transform:translate(-50%,-50%)scale(.3)}4%{opacity:1}9%,to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}@keyframes hm-phone{0%,6%{opacity:0;transform:translateY(14%)}10%,22%{opacity:1;transform:none}25%,to{opacity:0;transform:none}}@keyframes hm-card{0%,26%{opacity:0;transform:translate(12%)}29.5%,47%{opacity:1;transform:none}50%,to{opacity:0;transform:none}}@keyframes hm-pending{0%,37%{opacity:1}38.5%,to{opacity:0}}@keyframes hm-done{0%,37.5%{opacity:0;transform:scale(.96)}39.5%,to{opacity:1;transform:none}}@keyframes hm-press{0%,34%{filter:none;transform:none}35.5%{filter:brightness(1.2);transform:scale(.88)}37%,to{filter:none;transform:none}}@keyframes hm-plus-a{0%,39%{opacity:0;transform:translateY(40%)}41%{opacity:1;transform:none}46%{opacity:1;transform:translateY(-30%)}49%,to{opacity:0;transform:translateY(-70%)}}@keyframes hm-ring{0%,51%{opacity:0;transform:translate(-50%,-50%)scale(.4)}53%{opacity:1}60%,to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes hm-ring-late{0%,54%{opacity:0;transform:translate(-50%,-50%)scale(.4)}56%{opacity:1}63%,to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes hm-kiosk{0%,58%{opacity:0}61%,73%{opacity:1}76%,to{opacity:0}}@keyframes hm-kiosk-check{0%,60%{transform:scale(.4)}63%{transform:scale(1.12)}65%,to{transform:none}}@keyframes hm-row{0%,77%{opacity:0;transform:scaleX(.2)}80%{opacity:1;transform:none}93%{opacity:.75;transform:none}97%,to{opacity:0;transform:none}}@keyframes hm-plus-b{0%,80%{opacity:0;transform:translateY(40%)}82%{opacity:1;transform:none}90%{opacity:1;transform:translateY(-30%)}94%,to{opacity:0;transform:translateY(-70%)}}@keyframes hm-step-1{0%,24.9%{color:#fff;background:#1a6ff0}25%,to{color:#5d7390;background:0 0}}@keyframes hm-step-2{0%,24.9%{color:#5d7390;background:0 0}25%,49.9%{color:#fff;background:#1a6ff0}50%,to{color:#5d7390;background:0 0}}@keyframes hm-step-3{0%,49.9%{color:#5d7390;background:0 0}50%,74.9%{color:#fff;background:#1a6ff0}75%,to{color:#5d7390;background:0 0}}@keyframes hm-step-4{0%,74.9%{color:#5d7390;background:0 0}75%,to{color:#fff;background:#1a6ff0}}@media (width<=680px){.hm-phone-sheet,.hm-approval,.hm-stage,.hm-steps{display:none}}@media (prefers-reduced-motion:reduce){.hero-motion .hm-layer,.hero-motion .hm-steps{display:none}.hero-motion .hm-step{animation:none}}
