.demo-ctrl{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9999px;background:#0006;color:#fff;backdrop-filter:blur(8px);transition:all .15s ease;cursor:pointer;border:none}.demo-ctrl:hover{background:#0009;transform:scale(1.05)}.scene{transition:opacity .5s ease}@keyframes zoomIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseRing{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 24px #fff0}to{box-shadow:0 0 #fff0}}@keyframes floatA{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-30px) scale(1.05)}}@keyframes floatB{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,30px) scale(1.08)}}.step-item{transition:all .3s ease}.step-item.active{color:#0ea5e9;font-weight:700}.step-item.done{color:#10b981}html.dark .step-item.active{color:#38bdf8}.phone-mockup{perspective:1200px}.phone-frame{position:relative;width:240px;height:480px;background:linear-gradient(145deg,#2c2c2e,#1c1c1e);border-radius:42px;padding:10px;box-shadow:0 0 0 1px #ffffff14,0 30px 60px #0000004d,0 20px 60px #4f46e526;transform:perspective(1200px) rotateY(-12deg) rotateX(4deg)}.phone-small .phone-frame{width:220px;height:440px}.phone-island{position:absolute;top:16px;left:50%;transform:translate(-50%);width:80px;height:22px;background:#000;border-radius:18px;z-index:10}.phone-screen{border-radius:32px;overflow:hidden;background:#efeae2;height:100%;display:flex;flex-direction:column}.wa-header{background:#008069;padding:36px 10px 8px;display:flex;align-items:center;gap:8px;flex-shrink:0}.wa-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wa-header-info{flex:1;min-width:0}.wa-name{color:#fff;font-size:11.5px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.wa-status{color:#ffffffb3;font-size:9px;line-height:1.2;margin:1px 0 0}.wa-chat{flex:1;padding:8px 7px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;background:#efeae2;scrollbar-width:none}.wa-chat::-webkit-scrollbar{display:none}.wa-msg{max-width:78%;padding:6px 9px;font-size:11px;line-height:1.4;color:#111b21;box-shadow:0 1px .5px #0b141a21;animation:msgIn .3s cubic-bezier(.34,1.56,.64,1) forwards;word-break:break-word}.wa-msg-in{background:#fff;align-self:flex-start;border-radius:0 8px 8px;margin-left:4px}.wa-msg-out{background:#d9fdd3;align-self:flex-end;border-radius:8px 0 8px 8px;margin-right:4px}.wa-meta{font-size:9px;color:#667781;float:right;margin:4px 0 -2px 6px}.wa-options{align-self:flex-start;width:82%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px .5px #0b141a21;animation:msgIn .3s cubic-bezier(.34,1.56,.64,1) forwards;margin-left:4px}.wa-option{padding:7px 10px;font-size:11px;font-weight:600;color:#027eb5;text-align:center;border-bottom:1px solid #f0f2f5}.wa-option:last-child{border-bottom:none}.wa-typing{align-self:flex-start;display:inline-flex;gap:3px;align-items:center;padding:8px 10px;background:#fff;border-radius:0 8px 8px;box-shadow:0 1px .5px #0b141a21;margin-left:4px}.wa-dot{width:5px;height:5px;border-radius:50%;background:#8696a0;animation:typingDot 1.2s ease-in-out infinite}.wa-dot:nth-child(2){animation-delay:.18s}.wa-dot:nth-child(3){animation-delay:.36s}.wa-input{background:#f0f2f5;padding:6px;display:flex;align-items:center;gap:6px;flex-shrink:0}.wa-input-pill{flex:1;background:#fff;border-radius:18px;padding:6px 12px;font-size:10px;color:#54656f}.wa-send{width:28px;height:28px;border-radius:50%;background:#008069;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}@keyframes msgIn{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.kpi-pulse{animation:kpiPulse .8s ease}@keyframes kpiPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.star{font-size:24px;color:#fbbf24;opacity:0;transform:scale(.3) rotate(-45deg);animation:starPop .4s cubic-bezier(.34,1.56,.64,1) forwards;display:inline-block}@keyframes starPop{to{opacity:1;transform:scale(1) rotate(0)}}.scene5-anim-1,.scene5-anim-2,.scene5-anim-3,.scene5-anim-4,.scene5-anim-5{opacity:0}.scene5-active .scene5-anim-1{animation:zoomIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.scene5-active .scene5-anim-2{animation:slideUpFade .6s .2s forwards}.scene5-active .scene5-anim-3{animation:slideUpFade .6s .4s forwards}.scene5-active .scene5-anim-4{animation:slideUpFade .6s .6s forwards}.scene5-active .scene5-anim-5{animation:slideUpFade .6s .8s forwards}