/* Live, illustrative previews of the three steps. */
.step-stage.wt-stage{height:520px;background:radial-gradient(ellipse at 50% 62%,#254b305e,transparent 66%),linear-gradient(145deg,#10231a,#101e16);border-color:#294a35;isolation:isolate}
.wt-topline{position:absolute;top:22px;left:25px;right:25px;display:flex;align-items:center;gap:9px;color:#b8d0c0;font-size:9px;font-weight:600;letter-spacing:1.2px;z-index:3}
.wt-counter{margin-left:auto;color:#7d9a87;letter-spacing:1px}
.wt-halo{position:absolute;width:350px;height:350px;left:50%;top:84px;transform:translateX(-50%);border:1px solid #547c5630;border-radius:50%;box-shadow:0 0 0 46px #62896308;pointer-events:none}
.wt-scene{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none}
.wt-scene.is-active{visibility:visible;opacity:1}
.wt-phone.phone{position:absolute;width:197px;top:57px;left:50%;transform:translateX(-50%);box-shadow:0 16px 28px #0007,0 0 0 1px #63816b4a;container-type:inline-size}
.wt-phone>img{user-select:none}
.wt-service-pick{position:absolute;left:51.5564%;top:39.7196%;width:41.2451%;height:8.3178%;border:2px solid #59ef8b;border-radius:4cqw;box-shadow:0 0 0 1.5cqw #42e87b18,0 0 5cqw #42e87b35;animation:wt-pick 7s both}
.wt-tap{position:absolute;left:78%;top:44%;width:8cqw;height:8cqw;border-radius:50%;background:#d9ffe8c9;border:1px solid #fff;box-shadow:0 0 0 2cqw #b0ffd434;animation:wt-tap 7s both}
.wt-service-confirm{position:absolute;top:56%;left:15%;width:70%;padding:3.8cqw 4cqw;display:flex;align-items:center;gap:2.4cqw;border:1px solid #3d8252;border-radius:4cqw;background:#133d24;color:#dcffe8;box-shadow:0 6px 14px #0004;font-size:4.6cqw;font-weight:600;animation:wt-confirm 7s both}
.wt-service-confirm svg{width:6cqw;height:6cqw;color:#67f59a}
.wt-share-highlight{position:absolute;left:85.8%;top:8.1%;width:10.5%;height:5%;border:1.5px solid #62ef95;border-radius:50%;box-shadow:0 0 0 1.5cqw #42e87b21;animation:wt-share-pulse 7s both}
.wt-share-sheet{position:absolute;left:4.0856%;bottom:3.2%;width:92.0233%;aspect-ratio:1179/1576;overflow:hidden;border-radius:11cqw 11cqw 13cqw 13cqw;box-shadow:0 -5px 18px #0005;animation:wt-share-sheet 7s both}
.wt-share-reference{display:block;width:100%;height:100%;stroke:none;overflow:hidden}
.wt-watch-video{position:absolute;left:4.0856%;top:12.8972%;width:92.0233%;height:25.7009%;object-fit:cover;opacity:0;background:#07110b}
.wt-watch-video.is-ready{opacity:1}
.wt-video-status{position:absolute;top:14.4%;right:7%;font-size:3.4cqw;font-weight:600;display:flex;align-items:center;gap:1.4cqw;border:1px solid #87b9973b;border-radius:10px;background:#07180de8;color:#d6ffe1;padding:1.6cqw 2.5cqw}
.wt-video-status i{width:1.7cqw;height:1.7cqw;display:block;border-radius:50%;background:#54e58a}
.wt-seekbar{position:absolute;left:10.8949%;top:39.3458%;width:78.5992%;height:1.4953%;background:#1b3023;display:flex;align-items:center}
.wt-seekbar:before{content:'';height:1cqw;width:100%;background:#607368;border-radius:3px}
.wt-seekbar i{position:absolute;left:0;width:var(--watch-progress,0%);height:1cqw;border-radius:3px;background:#e4f7e9}
.wt-seekbar i:after{content:'';position:absolute;right:-1cqw;top:-1cqw;width:3cqw;height:3cqw;background:#e4f7e9;border-radius:50%}
.wt-live-chat{position:absolute;left:4.0856%;top:45.7009%;width:92.0233%;height:37.6636%;padding:6cqw 5cqw 2cqw;background:#06100b;display:flex;flex-direction:column;align-items:flex-start;gap:3cqw}
.wt-chat-joined{align-self:center;color:#81988a;font-size:4cqw;font-style:italic;margin-bottom:2cqw}
.wt-bubble{font-size:5.1cqw;line-height:1.35;color:#e4f0e7;background:#29352e;border-radius:3.4cqw 3.4cqw 3.4cqw .8cqw;padding:2.7cqw 3.7cqw;max-width:90%;animation:wt-message-one 7s both}
.wt-bubble-author{font-size:3.7cqw;color:#adbdaf;display:block;margin-bottom:1cqw}
.wt-bubble.is-self{align-self:flex-end;background:#174b2d;border-radius:3.4cqw 3.4cqw .8cqw 3.4cqw;animation-name:wt-message-two}
.wt-reaction{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:2cqw;font-size:7cqw;line-height:1;animation-name:wt-message-three}
.wt-reaction span{display:grid;place-items:center;width:1em;height:1em;font:inherit;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;line-height:1;margin:0;transform:translate(-.14em,.035em)}
.wt-chat-sync{font-size:3.7cqw;align-self:center;display:flex;align-items:center;gap:1.5cqw;color:#72bd88;margin-top:auto}
.wt-chat-sync svg{width:4.4cqw;height:4.4cqw}
.wt-footer{position:absolute;z-index:5;bottom:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.wt-caption{color:#c5dbcc;font-size:11px;line-height:1.5;max-width:225px}
.wt-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;border:1px solid #65856d;border-radius:99px;background:#182e20;color:#d4eddd;min-height:34px;padding:7px 12px;font-size:10px;font-weight:600;cursor:pointer;box-shadow:0 3px 9px #0002}
.wt-toggle:hover{background:#244531;border-color:#8fb99b}
.wt-toggle svg{height:12px;width:12px;stroke-width:2}
.wt-toggle .wt-icon-play{display:none}
.wt-stage.is-paused .wt-toggle .wt-icon-pause{display:none}
.wt-stage.is-paused .wt-toggle .wt-icon-play{display:block}
.wt-progress{position:absolute;left:0;bottom:0;height:2px;background:#53e785;width:var(--demo-progress,0%);opacity:.65}
.wt-stage:not(.is-running) .wt-scene *,.wt-scene:not(.is-active) *{animation-play-state:paused!important}
.wt-stage.is-static .wt-scene *{animation:none!important}
.wt-stage.is-static .wt-tap{opacity:0}
@keyframes wt-pick{0%,13%{opacity:0;transform:scale(.95)}24%,100%{opacity:1;transform:scale(1)}}
@keyframes wt-tap{0%,15%{opacity:0;transform:translate(9px,12px) scale(1)}28%{opacity:1;transform:translate(0,0) scale(1)}35%{opacity:1;transform:scale(.7)}43%,100%{opacity:0;transform:scale(1.8)}}
@keyframes wt-confirm{0%,40%{opacity:0;transform:translateY(5px)}50%,100%{opacity:1;transform:translateY(0)}}
@keyframes wt-share-pulse{0%,8%{opacity:0;transform:scale(.9)}20%,100%{opacity:1;transform:scale(1)}}
@keyframes wt-share-sheet{0%,18%{opacity:0;transform:translateY(100%)}34%,100%{opacity:1;transform:translateY(0)}}
@keyframes wt-message-one{0%,8%{opacity:0;transform:translateY(5px)}20%,100%{opacity:1;transform:translateY(0)}}
@keyframes wt-message-two{0%,30%{opacity:0;transform:translateY(5px)}42%,100%{opacity:1;transform:translateY(0)}}
@keyframes wt-message-three{0%,56%{opacity:0;transform:translateY(7px) scale(.9)}70%,100%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1000px) and (min-width:601px){.wt-footer{left:16px;right:16px;gap:8px}.wt-caption{font-size:10px;max-width:155px}.wt-toggle{padding-inline:9px;font-size:9px}}
@media(max-width:600px){.step-stage.wt-stage{height:472px}.wt-topline{left:20px;right:20px;top:20px;font-size:8px}.wt-phone.phone{width:176px;top:54px}.wt-halo{width:270px;height:270px;top:85px}.wt-footer{left:18px;right:18px;bottom:16px;gap:10px}.wt-caption{font-size:10px;max-width:180px}.wt-toggle{padding:7px 10px;font-size:9px;min-height:33px}}
@media(prefers-reduced-motion:reduce){.wt-scene *{animation:none!important}.wt-tap{display:none}}