/* A single, coordinated demo: conversation → incoming order. */
.hero-stage .compact-product-label{display:none}.hero-stage>.hero-whatsapp-label>span{font:inherit;text-align:inherit;margin:0}.hero-demo-inbox{min-height:286px;border:1px dashed #cdcec4;border-radius:8px;background:#f1f2ea;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;margin-top:20px;padding:25px 20px;color:#7d8070}.inbox-symbol{font:32px var(--sans);height:49px;width:49px;display:grid;place-items:center;border-radius:50%;background:#e5e7d9;color:#818870;margin-bottom:15px}.hero-demo-inbox>strong{font-size:14px;font-weight:500;line-height:1.5}.hero-demo-inbox>p{font-size:11px;line-height:1.9;margin-top:12px}.hero-demo-order{margin-top:20px}.order-arrival-label{font:8px/1.7 var(--mono);letter-spacing:.03em;color:#6f661f;display:flex;gap:6px;align-items:center;margin-bottom:14px;border-bottom:1px solid #ecece3;padding-bottom:12px}.order-arrival-label>span{height:5px;width:5px;border-radius:50%;background:#cfb532;flex-shrink:0}.hero-dash-order>.hero-order-special{display:inline-block;background:#ffeda1;color:#675818;padding:2px 6px;font-size:12px;margin-top:8px;border-radius:3px}.hero-order-address{font-size:11px;color:#777;border-top:1px solid #eee;padding-top:13px;margin-top:14px;line-height:1.7}.hero-demo-order>footer{justify-content:space-between;margin-top:11px;font-size:10px;gap:15px}.hero-demo-order>footer>span>b{font:500 17px/1.7 var(--display);color:#222;display:block}.hero-dash-order>.hero-order-pending{font-size:9px;color:#999;margin-top:9px}.hero-sync-bar{grid-column:1 / -1;grid-row:3;display:flex;align-items:center;justify-content:center;gap:13px;padding:15px 20px;background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;color:#aaa;transition:background .2s,border-color .2s}.hero-sync-icon{width:25px;height:25px;display:grid;place-items:center;color:#ccc;font-size:20px;flex-shrink:0}.hero-sync-bar>p{font-size:12px;line-height:1.7;color:#c4c4b9}.hero-sync-bar.synced{background:#ffda3214;border-color:#ffda3250}.hero-sync-bar.synced .hero-sync-icon{color:#ffda32}.hero-sync-bar.synced>p{color:#f5e9ae}.hero-zoom-actions{grid-column:1 / -1;grid-row:4;display:flex;align-items:center;justify-content:center;gap:25px}.hero-zoom-actions>button{background:transparent;color:#ddd;border-bottom:1px solid #ffffff55;display:flex;gap:18px;align-items:center;padding:2px 0 5px;font-size:10px;min-height:30px}.hero-zoom-actions>button:hover{color:#ffda32}.hero-zoom-actions>button>span{font-size:18px}.hero-example{grid-row:5;text-align:center;margin-top:0}.hero-order-arrived{animation:orderDelivered .42s cubic-bezier(.2,.7,.3,1) both}.hero-dashboard[data-order-state=received] .hero-dash-stats>div:first-child{border-color:#d6ba31;background:#ffec93}.hero-dashboard[data-order-state=received] #hero-new-count{animation:countDelivered .4s ease both}
#hero-detail-dialog{width:calc(100% - 28px);max-width:650px;padding:35px 28px 20px;background:#f4f4ef;max-height:94dvh;border-radius:18px}#hero-detail-dialog h2{font-size:34px;margin-bottom:25px}#hero-detail-dialog>.eyebrow{font-size:8px;margin-bottom:14px}.hero-detail-content{display:flex;justify-content:center;min-width:0}.hero-detail-content>.hero-phone{position:relative;grid-column:auto;grid-row:auto;inset:auto;transform:none;width:min(340px,100%);max-width:340px;box-shadow:0 7px 25px #0002}.hero-detail-content>.hero-phone .wa-chat{height:auto!important;min-height:0!important;padding-top:15px;padding-bottom:20px}.hero-detail-content>.hero-dashboard{position:relative;grid-column:auto;grid-row:auto;inset:auto;transform:none;width:100%;max-width:none;color:#111;box-shadow:0 7px 25px #0001}.hero-detail-content .hero-dash-inner{grid-template-columns:110px minmax(0,1fr);min-height:0}.hero-detail-content .hero-dash-main{padding:22px}.hero-detail-content .hero-demo-inbox{min-height:250px}.hero-detail-note{font-size:10px;line-height:1.8;color:#888;text-align:center;margin-top:22px}.hero-detail-content .hero-dash-stats{gap:8px}.hero-detail-content .hero-dash-order>header{flex-wrap:wrap}.hero-detail-content .hero-dash-order>footer{font-size:10px}.hero-detail-content .hero-dash-order>strong{font-size:16px}.hero-detail-content .hero-dash-bottom{font-size:8px;gap:10px;justify-content:space-between}
@keyframes orderDelivered{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes countDelivered{from{transform:scale(.8)}to{transform:scale(1)}}
@media(max-width:1100px) and (min-width:761px){.hero-demo-inbox{min-height:292px;padding:20px 12px}.hero-demo-inbox>strong{font-size:12px}.hero-demo-inbox>p{font-size:10px}.order-arrival-label{font-size:6px;gap:5px}.hero-dash-order>.hero-order-special{font-size:10px}.hero-demo-order>footer>span>b{font-size:16px}.hero-order-address{font-size:10px}.hero-dash-order>.hero-order-pending{font-size:8px}}
@media(max-width:760px){.hero-stage{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);grid-template-rows:auto auto auto auto auto;gap:11px 10px;align-items:stretch;width:100%;max-width:none}.hero-stage .desktop-product-label{display:none}.hero-stage .compact-product-label{display:inline}.hero-stage>.hero-whatsapp-label{grid-column:1;grid-row:1;margin:0;font:500 8px/1.7 var(--mono);letter-spacing:.03em;align-self:center;display:flex;align-items:center;gap:7px}.hero-stage>.hero-whatsapp-label:after{content:'→';color:#777;font-size:16px;margin-left:auto;margin-right:4px}.hero-stage>.hero-stage-label{grid-column:2;grid-row:1;margin:0;font:500 8px/1.7 var(--mono);letter-spacing:.03em;align-self:center;color:#d4d4c9;gap:5px}.hero-stage>.hero-stage-label>i{display:none}.hero-stage>.hero-phone{grid-column:1;grid-row:2;position:relative;inset:auto;width:100%;max-width:none;min-width:0;transform:none;padding:0;border:1px solid #dadbd2;border-radius:11px;background:#f6f7f7;box-shadow:0 12px 30px #0004;align-self:stretch;display:flex;flex-direction:column;overflow:hidden}.hero-stage .hero-phone .phone-status,.hero-stage .hero-phone .phone-home{display:none}.hero-stage .hero-phone .wa-header{padding:9px 6px;gap:5px;min-height:46px;flex-shrink:0}.hero-stage .hero-phone .wa-back,.hero-stage .hero-phone .wa-icons{display:none}.hero-stage .hero-phone .shop-avatar{width:22px;height:22px;font-size:19px;flex-shrink:0;letter-spacing:-2px}.hero-stage .hero-phone .shop-avatar>span{font-size:17px}.hero-stage .hero-phone .wa-contact{min-width:0}.hero-stage .hero-phone .wa-contact>strong{font-size:9px;line-height:1.3}.hero-stage .hero-phone .wa-contact>span{font-size:6px;line-height:1.4;margin-top:2px}.hero-stage .hero-phone .hero-chat{height:auto;min-height:0;flex:1;padding:10px 7px 13px;gap:8px;overflow:visible;background-size:110px 110px}.hero-stage .hero-phone .chat-date{font-size:6px;line-height:1.5;padding:3px 7px;margin-bottom:3px}.hero-stage .hero-phone .bubble{font:9px/1.5 Arial,sans-serif;max-width:96%;padding:7px 6px 6px;border-radius:5px;flex-shrink:0}.hero-stage .hero-phone .bubble-time{font-size:5px;line-height:1.4;margin:4px 0 -1px 4px;gap:3px}.hero-stage .hero-phone .bubble-time i{font-size:7px}.hero-stage .hero-phone .chat-order{padding:8px 6px;gap:5px;min-width:0;border-radius:5px;flex-shrink:0}.hero-stage .hero-phone .chat-order-icon{width:17px;height:17px;font-size:12px}.hero-stage .hero-phone .chat-order strong{font-size:7px;line-height:1.4}.hero-stage .hero-phone .chat-order div>span{font-size:6px;line-height:1.6;margin-top:3px}.hero-stage .hero-phone .chat-order>span:last-child{display:none}.hero-stage .hero-phone .wa-compose{padding:5px 6px;gap:5px;height:30px;flex-shrink:0;margin-top:auto}.hero-stage .hero-phone .wa-compose>span{font-size:17px}.hero-stage .hero-phone .wa-compose>div{height:20px;font-size:7px;padding:4px 7px}.hero-stage .hero-phone .wa-compose>div>span{font-size:10px}.hero-stage .hero-phone .wa-compose>svg{height:13px;width:9px}.hero-stage .hero-phone .chat-playback-toolbar{padding:5px 7px;min-height:29px;justify-content:flex-end;flex-shrink:0}.hero-stage .hero-phone .chat-playback-toolbar>span{display:none}.hero-stage .hero-phone .chat-replay{font-size:8px;min-height:20px;padding:2px;gap:4px}.hero-stage .hero-phone .chat-replay>span{font-size:14px}.hero-stage .hero-phone .chat-typing{padding:9px!important;min-width:36px;min-height:24px}.hero-stage .hero-phone .chat-typing>span{height:4px;width:4px}.hero-stage>.hero-dashboard{grid-column:2;grid-row:2;position:relative;inset:auto;width:100%;max-width:none;min-width:0;transform:none;border-radius:11px;align-self:stretch;box-shadow:0 12px 30px #0004;display:flex;flex-direction:column;background:#f5f5ef}.hero-stage .hero-dashboard .hero-dash-chrome{height:28px;padding:0 8px;gap:5px;font-size:5px;flex-shrink:0}.hero-stage .hero-dashboard .hero-dash-chrome>.screen-dots{gap:2px}.hero-stage .hero-dashboard .hero-dash-chrome>.screen-dots>i{width:3px;height:3px}.hero-stage .hero-dashboard .hero-dash-chrome>b{font-size:4px;padding:1px 3px;margin-left:auto}.hero-stage .hero-dashboard .hero-dash-inner{display:block;min-height:373px;flex:1}.hero-stage .hero-dashboard .hero-dash-sidebar{display:none}.hero-stage .hero-dashboard .hero-dash-main{padding:14px 9px 13px;min-width:0}.hero-stage .hero-dashboard .hero-dash-title{gap:4px}.hero-stage .hero-dashboard .hero-dash-title>div>small{font-size:5px;letter-spacing:.02em;margin-bottom:7px}.hero-stage .hero-dashboard .hero-dash-title>div>b{font-size:16px;line-height:1.2;letter-spacing:-.035em}.hero-stage .hero-dashboard .hero-dash-title>span{display:none}.hero-stage .hero-dashboard .hero-dash-stats{gap:4px;margin:14px 0 13px}.hero-stage .hero-dashboard .hero-dash-stats>div{padding:7px 5px;border-radius:5px;min-width:0}.hero-stage .hero-dashboard .hero-dash-stats small{font-size:6px;line-height:1.4;margin-bottom:4px;white-space:nowrap;letter-spacing:-.02em}.hero-stage .hero-dashboard .hero-dash-stats b{font-size:20px;line-height:1.1}.hero-stage .hero-dashboard .hero-demo-inbox{min-height:204px;padding:16px 8px;margin-top:12px;border-radius:6px}.hero-stage .hero-dashboard .inbox-symbol{font-size:24px;height:35px;width:35px;margin-bottom:12px}.hero-stage .hero-dashboard .hero-demo-inbox>strong{font-size:10px;line-height:1.6;font-weight:500}.hero-stage .hero-dashboard .hero-demo-inbox>p{font-size:8px;line-height:1.8;margin-top:10px}.hero-stage .hero-dashboard .hero-demo-order{padding:12px 9px;margin-top:12px;border-radius:6px}.hero-stage .hero-dashboard .order-arrival-label{font-size:5px;letter-spacing:0;line-height:1.7;gap:4px;align-items:flex-start;margin-bottom:11px;padding-bottom:10px}.hero-stage .hero-dashboard .order-arrival-label>span{height:4px;width:4px;margin-top:2px}.hero-stage .hero-dashboard .hero-dash-order>header{font-size:10px;gap:5px;flex-wrap:wrap;margin-bottom:10px}.hero-stage .hero-dashboard .hero-dash-order>header>span{font-size:5px;padding:1px 3px}.hero-stage .hero-dashboard .hero-dash-order>header>small{font-size:5px}.hero-stage .hero-dashboard .hero-dash-order>strong{font-size:11px;line-height:1.5;font-weight:600}.hero-stage .hero-dashboard .hero-dash-order>p{font-size:9px;line-height:1.8;margin-top:4px}.hero-stage .hero-dashboard .hero-dash-order>.hero-order-special{font-size:8px;line-height:1.7;padding:2px 5px;margin-top:6px}.hero-stage .hero-dashboard .hero-order-address{font-size:8px;line-height:1.8;margin-top:10px;padding-top:10px}.hero-stage .hero-dashboard .hero-demo-order>footer{font-size:7px;gap:6px;margin-top:10px;padding-top:9px}.hero-stage .hero-dashboard .hero-demo-order>footer>span>b{font-size:12px;line-height:1.7}.hero-stage .hero-dashboard .hero-dash-order>.hero-order-pending{font-size:7px;line-height:1.7;margin-top:10px}.hero-stage .hero-dashboard .hero-dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:4px 7px;padding:9px;font-size:5px;line-height:1.8;margin-top:auto;flex-shrink:0}.hero-stage>.hero-sync-bar{grid-column:1 / -1;grid-row:3;padding:12px 13px;gap:9px;border-radius:8px;align-items:flex-start;margin-top:3px}.hero-sync-icon{width:19px;height:19px;font-size:16px}.hero-sync-bar>p{font-size:10px;line-height:1.8}.hero-zoom-actions{grid-column:1 / -1;grid-row:4;display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-content:stretch}.hero-zoom-actions>button{font-size:9px;gap:6px;justify-content:space-between;min-height:31px;border-color:#ffffff40}.hero-zoom-actions>button>span{font-size:16px}.hero-stage>.hero-example{grid-column:1 / -1;grid-row:5;margin-top:4px;font-size:5px;line-height:1.8;letter-spacing:.01em;text-align:center}#hero-detail-dialog{padding:32px 18px 18px;max-height:93dvh}#hero-detail-dialog h2{font-size:29px;margin-bottom:21px}.hero-detail-content>.hero-phone{width:min(320px,100%);max-width:320px}.hero-detail-content .hero-dash-inner{display:block;min-height:0}.hero-detail-content .hero-dash-sidebar{display:none}.hero-detail-content .hero-dash-main{padding:20px 15px}.hero-detail-content .hero-demo-inbox{min-height:250px;padding:20px 15px}.hero-detail-content .hero-demo-inbox>strong{font-size:13px}.hero-detail-content .hero-demo-inbox>p{font-size:11px}.hero-detail-content .hero-dash-title>div>b{font-size:25px}.hero-detail-content .hero-dash-order>strong{font-size:16px}.hero-detail-content .hero-dash-order>p{font-size:12px}.hero-detail-content .hero-order-address{font-size:11px}.hero-detail-content .hero-dash-order>.hero-order-special{font-size:11px}.hero-detail-content .hero-demo-order>footer{font-size:10px}.hero-detail-content .hero-demo-order>footer>span>b{font-size:17px}.hero-detail-content .order-arrival-label{font-size:7px}.hero-detail-content .hero-dash-order>.hero-order-pending{font-size:9px}.hero-detail-content .hero-dash-bottom{font-size:7px;gap:7px}.hero-detail-note{font-size:9px;margin-top:18px}}
@media(max-width:370px){.hero-stage{gap:10px 8px;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)}.hero-stage>.hero-whatsapp-label,.hero-stage>.hero-stage-label{font-size:7px}.hero-stage .hero-phone .wa-header{padding:8px 5px;gap:4px}.hero-stage .hero-phone .wa-contact>strong{font-size:8px}.hero-stage .hero-phone .shop-avatar{width:19px;height:19px;font-size:17px}.hero-stage .hero-phone .shop-avatar>span{font-size:15px}.hero-stage .hero-phone .hero-chat{padding:9px 6px 12px;gap:7px}.hero-stage .hero-phone .bubble{font-size:8.5px;padding:6px 5px;max-width:96%}.hero-stage .hero-phone .chat-order strong{font-size:6px}.hero-stage .hero-phone .chat-order div>span{font-size:5px}.hero-stage .hero-phone .chat-order-icon{height:15px;width:15px;font-size:11px}.hero-stage .hero-dashboard .hero-dash-main{padding:13px 8px 12px}.hero-stage .hero-dashboard .hero-dash-title>div>b{font-size:15px}.hero-stage .hero-dashboard .hero-dash-stats{gap:3px}.hero-stage .hero-dashboard .hero-dash-stats>div{padding:7px 4px}.hero-stage .hero-dashboard .hero-dash-stats small{font-size:5.5px}.hero-stage .hero-dashboard .hero-dash-order>strong{font-size:10px}.hero-stage .hero-dashboard .hero-dash-order>p{font-size:8px}.hero-stage .hero-dashboard .hero-demo-order{padding:11px 8px}.hero-stage .hero-dashboard .hero-demo-order>footer>span>b{font-size:11px}.hero-stage .hero-dashboard .hero-dash-bottom{font-size:4.5px;gap:4px}.hero-stage .hero-phone .chat-date{font-size:5px}.hero-zoom-actions>button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-order-arrived,.hero-dashboard[data-order-state=received] #hero-new-count{animation:none!important}}