@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.xc-demo-panel{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.xc-demo-panel--active{opacity:1;visibility:visible;pointer-events:auto}.xc-demo-scan-line{position:absolute;left:1rem;right:1rem;height:1px;border-radius:9999px;background:#ffffffbf;box-shadow:0 0 6px #ffffff59;top:14%;animation:xc-demo-scan 2.4s ease-in-out infinite;transform:translateZ(0)}@keyframes xc-demo-scan{0%,to{top:14%}50%{top:82%}}.xc-demo-qr-pulse{animation:xc-demo-qr-pulse 2.2s ease-in-out infinite}@keyframes xc-demo-qr-pulse{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 0 6px #ffffff1a}}.xc-demo-check{animation:xc-demo-check-in .45s ease-out both}@keyframes xc-demo-check-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.xc-demo-dot{transition:width .5s ease,background-color .5s ease}.xc-pay-showcase__qr,.xc-pay-showcase__card{animation:xc-pay-in .6s ease-out both}.xc-fx-stage{position:relative;perspective:900px;padding:.75rem .25rem 1.35rem;contain:layout style}.xc-fx-shadow{position:absolute;left:16%;right:16%;bottom:.2rem;height:.85rem;border-radius:9999px;background:radial-gradient(ellipse at center,rgba(0,0,0,.65),transparent 70%);animation:xc-fx-shadow 4.5s ease-in-out infinite;pointer-events:none;z-index:0}.xc-fx-shadow--narrow{left:22%;right:22%}.xc-fx-body{position:relative;z-index:1;transform:translateZ(0) rotateX(5deg) rotateY(-8deg);transform-origin:center center;animation:xc-fx-float 4.5s ease-in-out infinite;backface-visibility:hidden}.xc-fx-body--static{animation:none!important;transform:none!important}.xc-fx-shine{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);background-size:220% 100%;background-position:120% 0;animation:xc-fx-shine 4.5s ease-in-out infinite;pointer-events:none;z-index:4;opacity:.85}.xc-usd-card{width:100%;aspect-ratio:1.68 / 1;border-radius:1.15rem;overflow:hidden;background:linear-gradient(125deg,#2e2e2e,#161616 45%,#080808);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px #00000080,inset 0 1px #ffffff1a}.xc-usd-card__mark{position:absolute;left:-6%;top:8%;width:58%;height:84%;opacity:.18;pointer-events:none;z-index:1}.xc-qr-phone{border-radius:2rem;overflow:visible;box-shadow:0 20px 48px -12px #000c}.xc-qr-phone .xc-fx-shine{border-radius:2rem}@keyframes xc-pay-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes xc-fx-float{0%,to{transform:translateZ(0) rotateX(5deg) rotateY(-8deg)}50%{transform:translate3d(0,-10px,0) rotateX(5deg) rotateY(-8deg)}}@keyframes xc-fx-shadow{0%,to{opacity:.75;transform:scaleX(1)}50%{opacity:.4;transform:scaleX(.86)}}@keyframes xc-fx-shine{0%,55%{background-position:120% 0;opacity:0}62%{opacity:.9}78%{background-position:-20% 0;opacity:0}to{background-position:-20% 0;opacity:0}}.xc-pay-showcase--paused .xc-fx-body,.xc-pay-showcase--paused .xc-fx-shine,.xc-pay-showcase--paused .xc-fx-shadow{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.xc-demo-panel{transition:none}.xc-demo-scan-line,.xc-demo-qr-pulse,.xc-demo-check,.xc-pay-showcase__qr,.xc-pay-showcase__card,.xc-fx-body,.xc-fx-shine,.xc-fx-shadow{animation:none!important}.xc-demo-scan-line{top:48%}.xc-demo-dot{transition:none}}