.subscriber-demo{background:var(--muted)}.subscriber-stage{height:720px;position:relative;overflow:hidden}.subscriber-scene{padding:28px;animation:.45s both subscriber-enter}.subscriber-mascot{aspect-ratio:750/1076;width:280px;margin:0 auto;position:relative}.subscriber-mascot>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.subscriber-tablet{background:var(--navy);border:6px solid var(--navy);width:72%;height:24%;box-shadow:var(--shadow-soft);border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;top:57%;left:12%}.subscriber-tablet-screen{background:var(--background);border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.subscriber-cursor{z-index:5;pointer-events:none;color:var(--navy);filter:drop-shadow(0 2px 2px var(--border));transition:left .6s,top .6s;position:absolute}.subscriber-cursor-click{animation:.65s subscriber-click}.subscriber-input{border:1px solid var(--input);background:var(--background);border-radius:6px;min-height:42px;padding:10px 12px;font-size:14px}.subscriber-input-active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.subscriber-result-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:34px;font-size:13px;animation:.35s both subscriber-enter;display:flex}.subscriber-upload{border:1px dashed var(--input);background:var(--background);border-radius:8px;min-width:0;min-height:185px;padding:12px;transition:border-color .4s,box-shadow .4s}.subscriber-upload-active{border:1px solid var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.subscriber-selfie{object-fit:contain;width:100%;height:115px}.subscriber-document{border:1px solid var(--border);background:var(--primary-soft);border-radius:6px;grid-template-columns:50px 1fr;align-items:center;gap:8px;min-height:115px;padding:8px;display:grid}.subscriber-document img{object-fit:contain;width:50px;height:70px}.subscriber-offer{animation:.45s both subscriber-enter}.subscriber-opening{animation:.7s both subscriber-enter}@keyframes subscriber-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes subscriber-click{50%{transform:scale(.8)}}@media (width<=640px){.subscriber-stage{min-height:720px}.subscriber-scene{padding:20px 16px}.subscriber-mascot{width:240px}.subscriber-result-row{font-size:13px}.subscriber-upload{min-height:170px;padding:8px}.subscriber-document{grid-template-columns:40px 1fr;gap:5px;padding:5px}.subscriber-document img{width:40px}}@media (prefers-reduced-motion:reduce){.subscriber-demo *,.subscriber-demo :before{transition:none!important;animation:none!important}.subscriber-cursor{display:none}}