#wp-preview .rf-hero-demo{position:relative;width:110%;margin-left:-3%;min-height:580px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#26476d}#wp-preview .rf-hero-demo *{box-sizing:border-box;font-family:inherit!important}.rf-hero-demo svg{width:20px;height:20px;flex-shrink:0}.rf-hero-artwork{position:absolute;inset:-90px -60px 130px 40px;pointer-events:none}.rf-hero-artwork img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.rf-hero-demo.is-playing .rf-hero-artwork{animation:rf-balloon-float 7s ease-in-out infinite}.rf-hero-panel{position:absolute;left:8%;right:6%;bottom:100px;border:1px solid #d7e3f6;border-radius:11px;background:#ffffffed;backdrop-filter:blur(10px);box-shadow:0 20px 55px #19498018;transform:rotate(-1deg);overflow:hidden}.rf-hero-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 19px;border-bottom:1px solid #e7edf7;font-size:12px}.rf-hero-panel-head>span{display:flex;align-items:center;gap:6px;font-weight:700;color:#4679c8}.rf-hero-panel-head b{font-size:9px;font-weight:400;color:#91a7c2;margin-left:6px}.rf-hero-panel-head svg{width:17px;height:17px}.rf-hero-panel-head>small{font-size:8px;letter-spacing:1px;color:#9aaeca}.rf-hero-summary{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 17px;gap:15px}.rf-hero-summary>div>small{font-size:8px;letter-spacing:1.4px;color:#7f97b8;display:block}.rf-hero-summary strong{display:block;margin-top:7px;font-size:19px;letter-spacing:-.55px;font-weight:600;color:#203c60}.rf-hero-status{padding:6px 9px;background:#eaf6f2;color:#4c9c88;border:1px solid #d4e9e2;border-radius:5px;font-size:9px;white-space:nowrap}.rf-hero-monitor{display:flex;align-items:center;gap:12px;margin:0 20px;padding:11px 0;border-top:1px solid #edf2f8}.rf-hero-monitor>span{font-size:10px;width:73px;flex-shrink:0;display:flex;align-items:center;gap:7px;color:#607c9f}.rf-hero-monitor i{width:5px;height:5px;background:#66bba2;border-radius:50%}.rf-history{display:flex;flex:1;gap:3px;height:20px;align-items:center}.rf-history b{flex:1;height:16px;border-radius:2px;background:#91d2bf;transition:background .6s}.rf-history b:nth-child(3n){height:14px;background:#b5e0d3}.rf-history b:nth-child(5n){height:19px}.rf-hero-monitor>small{font-size:8px;color:#7a9aa7;width:39px;text-align:right;white-space:nowrap}.rf-hero-panel-foot{display:flex;align-items:center;justify-content:space-between;font-size:9px;padding:13px 20px;background:#f9fbff;border-top:1px solid #edf2f8;color:#92a4bf;margin-top:4px}.rf-demo-pulse{width:5px;height:5px;background:#86afdf;border-radius:50%}.rf-hero-demo.is-playing .rf-demo-pulse{animation:rf-demo-pulse 1.8s infinite}.rf-hero-alert{position:absolute;left:-2%;top:155px;padding:14px 17px;background:#fff;border:1px solid #deebf6;border-radius:10px;box-shadow:0 13px 35px #345a9915;z-index:2;display:flex;gap:12px;align-items:center;transform:rotate(2deg);transition:transform .7s,border-color .7s;max-width:290px}.rf-hero-alert-icon{display:flex;padding:10px;background:#f0f5fd;border-radius:9px;color:#7899c9}.rf-hero-alert small{display:block;font-size:7px;letter-spacing:1px;color:#9baec8}.rf-hero-alert strong{display:block;font-size:11px;line-height:1.5;font-weight:600;color:#466587;margin-top:4px}#wp-preview .rf-hero-alert p{font-size:9px;color:#96a7bf;margin:3px 0 0;line-height:1.5}.rf-hero-playback{position:absolute;left:8%;right:6%;bottom:32px;display:flex;gap:10px;align-items:center;justify-content:space-between}.rf-hero-steps{display:flex;gap:5px;flex:1}.rf-hero-steps button{display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:8px;font-size:9px;color:#91a4c0;border-radius:6px;cursor:pointer;flex:1;justify-content:center;white-space:nowrap}.rf-hero-steps button>span{font-size:8px;width:17px;height:17px;border:1px solid #dfe7f3;border-radius:50%;display:grid;place-items:center}.rf-hero-steps button[aria-pressed=true]{background:#edf4ff;color:#467dc9}.rf-hero-steps button[aria-pressed=true]>span{background:#5688d8;border-color:#5688d8;color:white}.rf-hero-pause{border:1px solid #dfe7f4;background:white;width:30px;height:30px;border-radius:50%;font-size:10px!important;color:#839abe;cursor:pointer;flex-shrink:0}#wp-preview .rf-hero-disclaimer{position:absolute;left:8%;right:6%;bottom:0;margin:0;text-align:center;font-size:8px;letter-spacing:.4px;color:#a2b1c6}.rf-hero-demo[data-scene="1"] .rf-checkout .rf-history b:nth-last-child(-n+4),.rf-hero-demo[data-scene="2"] .rf-checkout .rf-history b:nth-last-child(-n+4){background:#e8b58d}.rf-hero-demo[data-scene="1"] .rf-hero-status,.rf-hero-demo[data-scene="2"] .rf-hero-status{background:#fff6eb;border-color:#f1dfc6;color:#b99151}.rf-hero-demo[data-scene="1"] .rf-checkout i,.rf-hero-demo[data-scene="2"] .rf-checkout i{background:#d9aa6e}.rf-hero-demo[data-scene="2"] .rf-hero-alert{transform:translateY(-6px) rotate(0);border-color:#b7cfee}.rf-hero-demo[data-scene="3"] .rf-hero-alert{border-color:#bfe0d4}.rf-hero-demo[data-scene="3"] .rf-checkout .rf-history b:nth-last-child(n+3):nth-last-child(-n+6){background:#dfc9a4}.rf-hero-demo.is-paused *{animation-play-state:paused!important}@keyframes rf-balloon-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(.7deg)}}@keyframes rf-demo-pulse{0%,100%{opacity:.3}50%{opacity:1}}@media(max-width:1100px){#wp-preview .rf-hero-demo{min-height:520px;width:109%}.rf-hero-artwork{inset:-35px -45px 170px 0}.rf-hero-alert{top:115px;left:0}.rf-hero-panel{left:4%;right:2%}.rf-hero-playback{left:4%;right:2%}.rf-hero-summary strong{font-size:16px}.rf-hero-steps button{font-size:8px;padding:7px 3px;gap:4px}}@media(max-width:800px){#wp-preview .rf-hero-demo{width:100%;max-width:630px;margin:25px auto 15px;min-height:560px;text-align:left}.rf-hero-artwork{inset:-45px 0 140px 80px}.rf-hero-alert{top:155px;left:1%}.rf-hero-panel{left:8%;right:5%}.rf-hero-playback{left:8%;right:5%}.rf-hero-summary strong{font-size:19px}.rf-hero-steps button{font-size:9px;padding:8px}}@media(max-width:480px){#wp-preview .rf-hero-demo{min-height:475px;margin-top:30px}.rf-hero-artwork{inset:-55px -25px 150px 30px}.rf-hero-alert{top:115px;left:-2px;padding:11px 13px;max-width:245px}.rf-hero-alert small{font-size:6px}.rf-hero-alert strong{font-size:10px}.rf-hero-alert-icon{padding:7px}.rf-hero-panel{left:0;right:0;bottom:95px}.rf-hero-panel-head{padding:12px 14px}.rf-hero-summary{padding:17px 14px 14px}.rf-hero-summary strong{font-size:17px}.rf-hero-monitor{margin:0 14px;gap:8px}.rf-history{gap:2px}.rf-history b{height:14px}.rf-hero-monitor>span{width:65px;font-size:9px}.rf-hero-panel-foot{padding:12px 14px;font-size:8px}.rf-hero-playback{left:0;right:0;bottom:30px;gap:3px}.rf-hero-steps{gap:2px}.rf-hero-steps button{padding:8px 3px;font-size:8px;gap:4px}.rf-hero-disclaimer{left:0!important;right:0!important}.rf-hero-panel-head b{font-size:8px}.rf-hero-status{font-size:8px;padding:5px 7px}}@media(prefers-reduced-motion:reduce){.rf-hero-demo *{animation:none!important;transition:none!important}}