/* VORA motion: state-driven feedback and optional product demonstrations. */
.vm-section{padding:48px 0 80px;background:#faf5ee;color:#1c130d}
.vm-section .vm-lead{max-width:650px;color:#6b5d52;font-size:18px;margin:12px 0 28px}
.vm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vm-demo{border:1px solid #e6d9c9;border-radius:20px;padding:22px;background:#fff;min-width:0}
.vm-demo h3{font:700 23px/1.2 var(--display,system-ui);margin:4px 0 8px;letter-spacing:-.02em}
.vm-demo>p{color:#6b5d52;font-size:14px;min-height:44px;margin:0 0 16px}
.vm-scene{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;height:242px;padding:18px 8px;background:#f2e9dd;border-radius:12px;overflow:hidden}
.vm-paper,.vm-edit{background:#fffaf5;border:1px solid #e6d9c9;padding:14px 10px;border-radius:8px;width:46%;font:12px/1.5 var(--body,system-ui);transition:transform .5s,opacity .5s}
.vm-paper b,.vm-edit b{display:block;font-size:14px;margin-bottom:12px}
.vm-paper span{display:block;border-bottom:1px solid #e6d9c9;padding:5px 0;font-size:10px}
.vm-paper small{font-size:9px;color:#6b5d52}.vm-arrow{font-size:22px;color:#6b5d52}
.vm-phone{flex:none;width:98px;height:206px;background:#1c130d;padding:5px;border-radius:16px;position:relative;overflow:hidden;transition:transform .55s,opacity .55s}
.vm-phone>img{width:100%;height:100%;border-radius:11px;object-fit:cover;object-position:top;display:block}
.vm-qr{position:relative;background:white;padding:12px;border-radius:8px;width:108px;flex:none}
.vm-qr svg{width:100%;height:auto;display:block}.vm-scan{position:absolute;left:9px;right:9px;top:12px;height:2px;background:#ff6a2b;opacity:0}
.vm-edit label{display:block;font-size:10px;margin-top:10px}.vm-price{display:block;border:1px solid #ad9c8e;border-radius:4px;padding:5px;background:white;font-weight:600}
.vm-publish{display:block;text-align:center;background:#1c130d;color:#faf5ee;border-radius:5px;font-size:9px;padding:6px 2px;margin-top:12px}
.vm-live-price{position:absolute;left:5px;right:5px;bottom:5px;border-radius:0 0 11px 11px;background:#1c130d;color:#faf5ee;text-align:center;font:600 11px/1.5 system-ui;padding:10px 2px;transition:background .3s}
.vm-step{font-size:12px;color:#6b5d52;min-height:38px;margin:14px 0 4px}
.vm-play{font:600 13px var(--body,system-ui);background:transparent;color:#1c130d;border:1px solid #c6b5a5;border-radius:99px;min-height:44px;padding:10px 17px;cursor:pointer}
.vm-play:focus-visible{outline:2px solid #1c130d;outline-offset:3px}.vm-note{font-size:12px;color:#6b5d52;margin:16px 0 0}
.vm-demo[data-running=true][data-kind=pdf][data-step="0"] .vm-phone{opacity:0;transform:translateX(28px) scale(.9)}
.vm-demo[data-running=true][data-kind=pdf][data-step="1"] .vm-paper{transform:translateX(12px);opacity:.55}
.vm-demo[data-running=true][data-kind=pdf][data-step="1"] .vm-phone{opacity:.3;transform:translateX(12px) scale(.95)}
.vm-demo[data-running=true][data-kind=qr][data-step="0"] .vm-phone{opacity:.2;transform:translateY(18px)}
.vm-demo[data-running=true][data-kind=qr][data-step="1"] .vm-scan{opacity:1;animation:vm-scan 1.2s ease-in-out}
.vm-demo[data-kind=edit][data-step="3"] .vm-live-price{background:#37583a}
@keyframes vm-scan{from{top:12px}to{top:calc(100% - 12px)}}
.vm-loader{width:min(250px,80%);aspect-ratio:16/9;margin:24px auto 12px;position:relative}
.vm-loader img,.vm-loader video{width:100%;height:100%;object-fit:contain;display:block}.vm-loader video{position:absolute;inset:0}.vm-loader video[hidden]{display:none}
#progress .spinner{display:none}#result.vm-arrive{animation:vm-arrive .42s ease-out}
@keyframes vm-arrive{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}
.vora-published .tick{animation:vm-check-pop .35s ease-out}.vora-published .tick svg path{stroke-dasharray:60;stroke-dashoffset:0;animation:vm-check-draw .45s ease-out}
@keyframes vm-check-pop{from{transform:scale(.85);opacity:.2}to{transform:scale(1);opacity:1}}
@keyframes vm-check-draw{from{stroke-dashoffset:60}to{stroke-dashoffset:0}}
.vm-uploading{position:relative}.vm-uploading::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff44 50%,transparent 70%);animation:vm-upload 1.3s ease-in-out infinite;pointer-events:none}
@keyframes vm-upload{from{opacity:.1}50%{opacity:.7}to{opacity:.1}}
.vm-photo-loaded{animation:vm-photo .4s ease-out}
@keyframes vm-photo{from{opacity:.15;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
.vm-photo-status{font:500 12px/1.5 var(--body,system-ui);color:var(--ink,#1c130d);margin:6px 0}
@media(max-width:1000px){.vm-grid{grid-template-columns:1fr}.vm-scene{height:260px}.vm-paper,.vm-edit{max-width:180px}.vm-demo>p{min-height:0}.vm-step{min-height:0}}
@media(prefers-reduced-motion:reduce){.vm-section *,#result.vm-arrive,.vora-published *,.vm-photo-loaded,.vm-uploading::after{animation:none!important;transition:none!important}.vm-loader video{display:none!important}}