.demo-pro-dev .prodev-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.demo-pro-dev .prodev-platforms{display:flex;gap:32px;align-items:flex-start}.demo-pro-dev .prodev-platform{display:flex;flex-direction:column;align-items:center;gap:10px}.demo-pro-dev .prodev-icon{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:14px}.demo-pro-dev .prodev-android .prodev-icon{background:#16a34a26;color:#4ade80}.demo-pro-dev .prodev-ios .prodev-icon{background:#ffffff14;color:#ffffffb3}.demo-pro-dev .prodev-svg{width:100%;height:100%}.demo-pro-dev .prodev-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.demo-pro-dev .prodev-android .prodev-label{color:#4ade80}.demo-pro-dev .prodev-ios .prodev-label{color:#ffffffb3}.demo-pro-dev .prodev-bar{width:80px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.demo-pro-dev .prodev-bar-fill{height:100%;border-radius:2px;width:0}.demo-pro-dev .prodev-android .prodev-bar-fill{background:#22c55e;animation:mob-progress 1.2s ease-out .5s forwards}.demo-pro-dev .prodev-ios .prodev-bar-fill{background:#64748b;animation:mob-progress 1.2s ease-out 1s forwards}@keyframes mob-progress{0%{width:0}to{width:100%}}.demo-pro-dev .prodev-badge{font-size:14px;font-weight:700;padding:5px 12px;border-radius:20px;opacity:0;transform:scale(.8)}.demo-pro-dev .prodev-android .prodev-badge{background:#16a34a26;color:#4ade80;animation:mob-badge-pop .4s ease-out 1.6s forwards}.demo-pro-dev .prodev-ios .prodev-badge{background:#ffffff14;color:#ffffffb3;animation:mob-badge-pop .4s ease-out 2.1s forwards}@keyframes mob-badge-pop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.demo-custom-design .theme-wrap{display:flex;align-items:center;gap:24px}.demo-custom-design .theme-phone{width:80px;flex-shrink:0}.demo-custom-design .theme-phone-screen{border:2px solid rgba(255,255,255,.12);border-radius:10px 10px 0 0;overflow:hidden;background:#ffffff0f}.demo-custom-design .theme-phone-header{height:24px;background:#e8553d;transition:background .5s ease}.demo-custom-design .theme-phone-body{padding:6px;display:flex;flex-direction:column;gap:5px}.demo-custom-design .theme-card{height:28px;border-radius:4px;background:#e8553d1f;transition:background .5s ease}.demo-custom-design .theme-bar{height:6px;border-radius:3px;background:#e8553d1f;transition:background .5s ease}.demo-custom-design .theme-bar-1{width:90%}.demo-custom-design .theme-bar-2{width:60%}.demo-custom-design .theme-btn{height:14px;border-radius:7px;background:#e8553d;transition:background .5s ease;margin-top:2px}.demo-custom-design .theme-phone-chin{height:10px;background:#ffffff1a;border-radius:0 0 10px 10px}.demo-custom-design .theme-label-wrap{display:flex;flex-direction:column;gap:4px}.demo-custom-design .theme-eyebrow{font-size:13px;font-weight:700;color:#ffffff73;text-transform:uppercase;letter-spacing:.08em}.demo-custom-design .theme-name{font-size:20px;font-weight:800;color:#fffffff2;transition:opacity .3s ease}.demo-custom-design .theme-dots{display:flex;gap:5px;margin-top:4px}.demo-custom-design .theme-dot{width:6px;height:6px;border-radius:50%;background:#ffffff26;transition:background .3s}.demo-custom-design .theme-dot.active{background:#e8553d}.demo-consultant .checklist-wrap{width:100%;max-width:320px;display:flex;flex-direction:column;gap:14px}.demo-consultant .checklist-title{font-size:17px;font-weight:800;color:#fffffff2;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;margin-bottom:2px}.demo-consultant .checklist-items{display:flex;flex-direction:column;gap:10px}.demo-consultant .checklist-item{display:flex;align-items:center;gap:12px}.demo-consultant .checklist-box{width:22px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0;background:#ffffff0f}.demo-consultant .anim-check-1{animation:mob-checktick .4s ease-out .7s forwards}.demo-consultant .anim-check-2{animation:mob-checktick .4s ease-out 1.3s forwards}.demo-consultant .anim-check-3{animation:mob-checktick .4s ease-out 1.9s forwards}.demo-consultant .anim-check-4{animation:mob-checktick .4s ease-out 2.5s forwards}@keyframes mob-checktick{0%{background:#ffffff0f;border-color:#ffffff26}50%{transform:scale(1.2)}to{background:#059669;border-color:#059669;content:"✓"}}.demo-consultant .checklist-box:after{content:""}.demo-consultant.in-view .anim-check-1:after,.demo-consultant.in-view .anim-check-2:after,.demo-consultant.in-view .anim-check-3:after,.demo-consultant.in-view .anim-check-4:after{content:"✓"}.demo-consultant .checklist-text{font-size:17px;font-weight:600;color:#ffffffd9}.demo-consultant .checklist-footer{margin-top:6px;padding:10px 16px;background:#05966926;border-radius:8px;display:flex;align-items:center;gap:8px;opacity:0}.demo-consultant .anim-checklist-footer{animation:mob-slide-in .5s ease-out 3s forwards}.demo-consultant .checklist-ready{font-size:15px;font-weight:700;color:#4ade80}.demo-social .social-wrap{width:100%;max-width:280px;display:flex;flex-direction:column;gap:12px;align-items:center}.demo-social .social-heading{font-size:20px;font-weight:800;color:#fffffff2;margin-bottom:2px}.demo-social .social-fb-btn{display:flex;align-items:center;gap:10px;background:#1877f2;color:#fff;border-radius:8px;padding:12px 20px;font-size:17px;font-weight:700;width:100%;opacity:0;transform:translateY(8px);cursor:default}.demo-social .anim-fb-btn{animation:mob-slide-up .5s ease-out .6s forwards}.demo-social .social-fb-icon{width:18px;height:18px;flex-shrink:0}.demo-social .social-divider{display:flex;align-items:center;gap:8px;width:100%;color:#fff6;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.demo-social .social-divider:before,.demo-social .social-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.demo-social .social-plugins{display:flex;gap:8px;width:100%;opacity:0}.demo-social .anim-social-plugins{animation:mob-fade-in .4s ease-out 1.2s forwards}.demo-social .social-plugin{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;border:1px solid rgba(59,130,246,.25);background:#3b82f61f;font-size:15px;font-weight:700;color:#93c5fd;opacity:0}.demo-social .anim-plugin-1{animation:mob-slide-up .4s ease-out 1.4s forwards}.demo-social .anim-plugin-2{animation:mob-slide-up .4s ease-out 1.7s forwards}.demo-social .social-plugin-icon{width:14px;height:14px;flex-shrink:0}.demo-social .social-count{font-size:14px;color:#60a5fa;font-variant-numeric:tabular-nums}.demo-android .android-wrap{width:100%;max-width:300px;display:flex;flex-direction:column;gap:16px;align-items:center}.demo-android .android-card{display:flex;align-items:center;gap:16px;padding:16px 22px;background:#16a34a1f;border-radius:12px;border:1px solid rgba(34,197,94,.2);width:100%}.demo-android .android-icon-wrap{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.demo-android .android-svg{width:100%;height:100%}.demo-android .android-info{display:flex;flex-direction:column;gap:2px}.demo-android .android-label{font-size:13px;font-weight:700;color:#4ade80;text-transform:uppercase;letter-spacing:.06em}.demo-android .android-version{font-size:40px;font-weight:800;color:#4ade80;font-variant-numeric:tabular-nums;line-height:1;transition:all .3s ease}.demo-android .android-progress-wrap{width:100%;display:flex;flex-direction:column;gap:4px;opacity:0}.demo-android .anim-android-progress{animation:mob-fade-in .4s ease-out .5s forwards}.demo-android .android-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.demo-android .android-progress-fill{height:100%;background:#22c55e;border-radius:3px;width:0;animation:mob-progress 2s ease-in-out .7s forwards}.demo-android .android-progress-label{font-size:13px;font-weight:600;color:#4ade80}.demo-android .android-status{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;background:#16a34a26;color:#4ade80;font-size:17px;font-weight:700;opacity:0}.demo-android .anim-android-status{animation:mob-slide-up .5s ease-out 2.8s forwards}.demo-android .android-tick{width:20px;height:20px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.demo-web-int .sync-wrap{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.demo-web-int .sync-diagram{display:flex;align-items:center;gap:0;width:100%;max-width:320px}.demo-web-int .sync-node{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.demo-web-int .sync-node-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:12px}.demo-web-int .sync-node-phone,.demo-web-int .sync-node-web{background:#0d948826;color:#2dd4bf}.demo-web-int .sync-node-label{font-size:13px;font-weight:700;color:#2dd4bf;text-transform:uppercase;letter-spacing:.06em}.demo-web-int .sync-track{flex:1;position:relative;height:40px}.demo-web-int .sync-track-svg{width:100%;height:100%}.demo-web-int .sync-packet{position:absolute;width:10px;height:10px;border-radius:50%;background:#0d9488;top:7px;left:0;opacity:0}.demo-web-int .sync-packet-l{top:23px;left:100%}.demo-web-int .sync-packet.packet-go-r{animation:mob-packet-r 1.2s ease-in-out forwards}.demo-web-int .sync-packet.packet-go-l{animation:mob-packet-l 1.2s ease-in-out forwards}@keyframes mob-packet-r{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes mob-packet-l{0%{left:100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:0;opacity:0}}.demo-web-int .sync-status{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:20px;background:#0d948826;color:#2dd4bf;font-size:15px;font-weight:700;opacity:0}.demo-web-int .anim-sync-status{animation:mob-slide-up .5s ease-out 1s forwards}.demo-web-int .sync-pulse-dot{width:8px;height:8px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf40;animation:mob-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes mob-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}@keyframes mob-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mob-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mob-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}
