.wl{max-width:460px;margin-inline-start:auto;width:100%}.wl .app-ui{box-shadow:var(--shadow-lg);border:1px solid #D9D6CF}.wl-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.wl-top b{display:block;font-size:16px;color:var(--dark)}.wl-top span{font-size:13px;color:var(--text-3)}.wl-stage{display:flex;align-items:center;justify-content:center;gap:72px;padding:22px 16px;transition:gap .7s cubic-bezier(.3,.7,.3,1);overflow:hidden}.wl[data-state=tap] .wl-stage,.wl[data-state=done] .wl-stage{gap:6px}.wl-phone{width:164px;flex-shrink:0;background:#1a1f2c;border-radius:26px;padding:10px 9px 12px;box-shadow:0 10px 24px #1018282e;transition:transform .7s cubic-bezier(.3,.7,.3,1)}.wl[data-state=tap] .wl-phone,.wl[data-state=done] .wl-phone{transform:rotate(-6deg)}.wl-notch{width:46px;height:6px;border-radius:6px;background:#3a4150;margin:0 auto 10px}.wl-wallet{font-size:13px;color:#c7ceda;text-align:center;margin-bottom:8px}.wl-pass{border-radius:12px;padding:10px;color:#fff;background:linear-gradient(135deg,#3d66c7,#28448a);min-height:112px;display:flex;flex-direction:column;justify-content:space-between}.wl[data-os=android] .wl-pass{background:linear-gradient(135deg,#4c9142,#2f6a2a)}.wl-pass-top{font-size:13px;text-align:end}.wl-pass-name{font-size:16px;font-weight:800}.wl-pass-bot{display:flex;justify-content:space-between;align-items:center;font-size:13px;opacity:.9}.wl-and,.wl[data-os=android] .wl-ios{display:none}.wl[data-os=android] .wl-and{display:inline}.wl-ok{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:13px;font-weight:700;color:#9fd898;opacity:0;transition:opacity .3s}.wl[data-state=done] .wl-ok{opacity:1}.wl-reader{width:76px;height:120px;flex-shrink:0;border-radius:14px;background:#2b3140;color:#8c95a6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:color .3s}.wl-led{width:34px;height:5px;border-radius:4px;background:#4b5567;transition:background .3s,box-shadow .3s}.wl[data-state=tap] .wl-led{background:var(--brand);box-shadow:0 0 10px var(--brand)}.wl[data-state=done] .wl-led{background:#5fcb55;box-shadow:0 0 12px #5fcb55}.wl[data-state=done] .wl-reader{color:#9fd898}.wl-go{width:100%;justify-content:center;margin-top:12px}.wl-out{list-style:none;margin:12px 0 0;padding:4px 14px}.wl-out li{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #ECEAE5}.wl-out li:first-child{border-top:0}.wl-out li i{width:10px;height:10px;border-radius:50%;background:#d6dae2;flex-shrink:0;transition:background .2s,box-shadow .2s}.wl-out li.on i{background:var(--success);box-shadow:0 0 0 4px #e3f1e1}.wl-out b{display:block;font-size:16px;color:var(--dark)}.wl-out li.on b{color:#3a7432}.wl-out span{display:block;font-size:13px;color:var(--text-3)}.tp-split-text .tp-def{margin-top:6px}.wl-def{max-width:820px;margin:0 auto}.wl-def>.eyebrow,.wl-def>.section-title{text-align:center}.wl-callouts{margin-top:24px}.keys{border-radius:0;padding:20px}.keys-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.keys-title{font-size:18px;font-weight:800;color:var(--dark)}.keys-send{font:inherit;font-size:13px;font-weight:600;color:#fff;background:var(--brand);border:1px solid var(--brand);border-radius:8px;padding:6px 12px;cursor:pointer}.keys-send:disabled{background:#fff;color:var(--success-600);border-color:#9cc995;cursor:default}.keys-sum{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--text-3);margin-bottom:12px}.keys-sum b{color:var(--dark);font-size:16px}.keys-card{overflow:hidden}.keys-t{width:100%;border-collapse:collapse;font-size:13px}.keys-t th{text-align:start;font-weight:700;color:var(--dark);background:#f5f3ee;padding:10px;white-space:nowrap}.keys-t td{padding:10px;border-top:1px solid #ECEAE5;color:var(--dark);vertical-align:middle}.keys-t tr.k-new td{animation:k-in .5s ease-out}@keyframes k-in{0%{background:var(--brand-light)}to{background:transparent}}.k-name{display:flex;align-items:center;gap:8px;white-space:nowrap}.k-name b{display:block;font-weight:600}.k-av{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;background:var(--brand-light);color:var(--brand-dark);font-size:13px;font-weight:700;flex-shrink:0}.k-wallet{display:block;color:var(--text-3);text-align:end}.k-last b{display:block;font-weight:400;color:var(--dark);white-space:nowrap}.k-last span{display:block;color:var(--text-3);white-space:nowrap}.k-st{display:inline-block;font-weight:600;border-radius:999px;padding:1px 10px;white-space:nowrap}.k-st.on{background:#e3f1e1;color:#3a7432}.k-st.wait{background:#fff4e5;color:#b65a0e}.k-st.off{background:#fdecea;color:#c73524}.k-btn{font:inherit;font-size:13px;font-weight:600;border:1px solid #C9C6BF;background:#fff;color:var(--dark);border-radius:8px;padding:4px 10px;cursor:pointer;white-space:nowrap}.k-btn:hover{border-color:var(--brand);color:var(--brand)}tr[data-st=off] .k-name,tr[data-st=off] .k-wallet{opacity:.55}.keys-msg{font-size:13px;color:var(--success-600);font-weight:600;min-height:20px;margin:10px 0 0}@media(max-width:960px){.wl{margin-inline:auto}}@media(max-width:560px){.k-hide{display:none}.keys{padding:12px}.keys-t th,.keys-t td{padding:9px 8px}.wl-stage{gap:40px}.wl-phone{width:136px}}@media(prefers-reduced-motion:reduce){.wl-stage,.wl-phone{transition:none}.keys-t tr.k-new td{animation:none}}
