/* Local demonstrations: fixed layouts, visible pause controls, no external requests. */
.feature-card-top{margin-bottom:14px}.feature-card h3{margin:0 0 18px;overflow-wrap:anywhere}.feature-card p,.site-plan li,.trial-copy{overflow-wrap:anywhere}.feature-card .new-mark{position:relative;display:inline-flex;align-items:center;min-height:35px;padding:7px 12px 7px 25px;border-radius:10px;font-size:14px;font-weight:800;line-height:1.4;box-shadow:0 3px 10px color-mix(in srgb,var(--feature-colour) 10%,transparent)}.new-mark:before{content:'';position:absolute;left:10px;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--feature-colour);animation:new-circle 2.8s ease-out infinite}.feature-card:has([data-demo-playing=false]) .new-mark:before{animation-play-state:paused}
.tool-demo{border:1px solid color-mix(in srgb,var(--feature-colour) 17%,white);border-radius:17px;background:#ffffffdf;margin:0 0 18px;overflow:hidden;min-width:0;box-shadow:0 8px 22px #18395c06}.tool-demo-top{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 12px;border-bottom:1px solid #edf1f8;background:#fbfcff;font-size:11px;color:#718198}.tool-demo-top>span{display:flex;align-items:center;gap:6px}.tool-demo-top i{width:6px;height:6px;background:var(--feature-colour);border-radius:50%}.demo-toggle{display:flex;align-items:center;gap:5px;border:0;border-radius:8px;background:transparent;padding:0 7px;min-height:36px;font-size:11px;color:#5a6f89;cursor:pointer;flex:none}.demo-toggle:hover{background:#edf2fb}.demo-toggle svg{width:15px;height:15px;stroke-width:2}.play-glyph{display:none}.demo-toggle[aria-pressed=true] .pause-glyph{display:none}.demo-toggle[aria-pressed=true] .play-glyph{display:block}
.demo-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:10px 10px 0}.demo-channels>span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border:1px solid transparent;border-radius:9px;font-size:10px;color:#8a95a6;min-width:0}.demo-channels>span.active{background:#eaf1ff;border-color:#dbe6fb;color:#3169ec}.demo-channels [data-channel=whatsapp].active{color:#128c55;background:#eaf8ef;border-color:#d0ecd9}.demo-channels [data-channel=instagram].active{color:#bc398a;background:#fff0f7;border-color:#f6d6e9}.demo-channels [data-channel=messenger].active{color:#655be4;background:#f1eeff;border-color:#e1dafb}.channel-icon{height:21px;width:21px;stroke-width:1.6}.demo-chat{height:265px;position:relative;padding:12px}.chat-customer,.chat-reply{border-radius:12px;max-width:94%;padding:11px 12px;transition:opacity .3s,transform .3s;min-width:0}.chat-customer{background:#f0f4fa;border-bottom-left-radius:4px}.chat-who{display:block;font-size:10px;font-weight:700;color:#6c7d96;line-height:1.5;margin-bottom:4px}.feature-card .demo-chat p{font-size:15px;line-height:1.7;color:#293f5b}.chat-reply{margin:12px 0 0 auto;background:color-mix(in srgb,var(--feature-colour) 10%,white);border:1px solid color-mix(in srgb,var(--feature-colour) 14%,white);border-bottom-right-radius:4px}.chat-reply .chat-who{color:var(--feature-colour)}.chat-sent{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:9px;color:#66758b;margin-top:6px}.chat-sent svg{width:13px;height:13px}.chat-typing{position:absolute;top:117px;left:20px;display:flex;gap:4px;align-items:center;font-size:10px;color:#728199;opacity:0}.chat-typing i{width:5px;height:5px;background:var(--feature-colour);border-radius:50%;animation:typing-dot 1s ease-in-out infinite}.chat-typing i:nth-child(2){animation-delay:.15s}.chat-typing i:nth-child(3){animation-delay:.3s}.chat-typing span{margin-left:4px}.tool-demo:is([data-tool-demo=ai],[data-tool-demo=messages])[data-step="1"] .chat-typing{opacity:1}.tool-demo:is([data-tool-demo=ai],[data-tool-demo=messages]):is([data-step="0"],[data-step="1"]) .chat-reply{opacity:0;transform:translateY(5px)}
.spotlight-stage{position:relative;min-height:325px;padding:12px}.spotlight-video{height:150px;border-radius:12px;position:relative;background:radial-gradient(ellipse at 45% 10%,#dab8eb,#8455bd 80%);color:white;overflow:hidden;display:grid;place-items:center}.demo-shirt{width:103px;height:103px;stroke:none;filter:drop-shadow(0 10px 12px #3f235a40);color:white;animation:product-turn 8.5s ease-in-out infinite}.spotlight-caption{position:absolute;top:9px;left:10px;background:#442b6f77;border-radius:6px;padding:3px 7px;font-size:10px}.video-play{position:absolute;right:10px;bottom:15px;width:25px;height:25px;display:grid;place-items:center;border:1px solid #ffffffaa;border-radius:50%}.video-play svg{width:12px;height:12px}.video-progress{position:absolute;bottom:6px;left:10px;right:10px;height:3px;background:#ffffff55;border-radius:3px}.video-progress i{display:block;width:100%;height:100%;background:white;transform-origin:left;animation:video-progress 8.5s linear infinite}.spotlight-buy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.spotlight-buy b{display:block;font-size:14px}.spotlight-buy>div>span{display:block;font-size:10px;color:#718198}.spotlight-buy>strong{font-size:17px;color:#82419c;white-space:nowrap}.spotlight-sizes{display:flex;align-items:center;gap:6px;margin-top:8px}.spotlight-sizes>span:first-child{font-size:12px;color:#718198;margin-right:3px}.spotlight-sizes button{border:1px solid #dfd9ed;border-radius:8px;min-width:39px;min-height:38px;background:#fff;color:#655977;cursor:pointer;font-size:12px;font-weight:700}.spotlight-sizes button[aria-pressed=true]{background:#8c50b0;color:#fff;border-color:#8c50b0;box-shadow:0 3px 9px #8c50b02a}.size-selected{margin-left:auto;font-size:11px;color:#8c50b0}.spotlight-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.cart-pill,.spotlight-buy-now{display:flex;align-items:center;justify-content:center;gap:5px;border-radius:9px;min-height:44px;padding:6px 7px;font-size:12px;font-weight:700;cursor:pointer;min-width:0;line-height:1.5}.cart-pill{background:#f4edf9;color:#8550a7;border:1px solid #e3d5ee}.spotlight-buy-now{background:linear-gradient(115deg,#8849aa,#a862bd);color:white;border:1px solid #8849aa}.cart-pill svg,.spotlight-buy-now svg{width:16px;height:16px;flex:none}.tool-demo[data-tool-demo=spotlights][data-step="2"] .cart-pill{background:#eaf8ef;color:#21875c;border-color:#cfead9}.demo-complete{position:absolute;inset:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#fffffff9;border:1px solid #dfd1ee;border-radius:13px;text-align:center;padding:17px;box-shadow:0 9px 28px #5b357118;animation:checkout-in .3s ease}.checkout-check{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#eaf8ef;color:#188b5d}.demo-complete>b{font-size:20px}.demo-complete>small{font-size:12px;color:#718198}.demo-checkout-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:13px 0;margin:6px 0;border-block:1px solid #edf0f7;font-size:12px;text-align:left}.demo-checkout-row small{display:block;font-size:10px;color:#8290a2;margin-top:4px}.demo-checkout-row strong{white-space:nowrap;font-size:17px}.checkout-demo-note{font-size:11px;color:#8491a4}.demo-complete button{border:1px solid #dfd1ee;background:#f6f0fb;border-radius:9px;color:#864ca7;display:flex;align-items:center;gap:7px;min-height:40px;padding:6px 12px;font-size:12px;cursor:pointer}.demo-complete button svg{width:16px;height:16px}
.erp-stage,.orders-stage,.product-stage{min-height:325px;padding:14px 12px}.pos-sale{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #edf1f7}.pos-sale>div{flex:1;min-width:0}.pos-sale b{display:block;font-size:13px}.pos-sale small{display:block;font-size:10px;color:#7a8a9e}.pos-sale>strong{font-size:14px;white-space:nowrap}.sale-symbol{width:30px;height:30px;display:grid;place-items:center;background:#e6f3fb;border-radius:8px;color:#1888b5}.sale-symbol svg{width:19px;height:19px}.erp-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:18px}.erp-numbers>div{background:#f3f7fb;border-radius:9px;padding:10px 5px;text-align:center}.erp-numbers>div:last-child{background:#eaf8f0;color:#14805b}.erp-numbers small{display:block;font-size:11px;color:#6f8197}.erp-numbers b{font-size:16px;line-height:1.8;white-space:nowrap}.erp-chart{height:108px;padding:18px 18px 0;display:flex;gap:12px;align-items:flex-end;border-bottom:1px solid #dbe7f1;margin-bottom:16px}.erp-chart i{flex:1;height:30%;background:#60bad8;border-radius:4px 4px 0 0;transform-origin:bottom;transform:scaleY(.15);transition:transform .6s ease}.erp-chart i:nth-child(2){height:45%}.erp-chart i:nth-child(3){height:35%}.erp-chart i:nth-child(4){height:65%}.erp-chart i:nth-child(5){height:55%}.erp-chart i:nth-child(6){height:78%}.erp-chart i:nth-child(7){height:100%;background:#1888b5}.tool-demo[data-tool-demo=erp]:not([data-step="0"]) .erp-chart i{transform:scaleY(1)}.demo-result{font-size:12px;display:flex;align-items:center;gap:6px;color:var(--feature-colour);font-weight:700;line-height:1.7;min-height:34px}.demo-result svg{width:18px;height:18px;flex:none;background:color-mix(in srgb,var(--feature-colour) 9%,white);border-radius:50%}.orders-summary{display:flex;align-items:center;justify-content:space-between;padding:4px 1px 18px}.orders-summary>span{font-size:14px;font-weight:700}.orders-summary small{font-size:10px;color:#8090a5;margin-left:4px;font-weight:400}.orders-summary>b{font-size:24px;color:var(--feature-colour)}.mini-order{display:flex;align-items:center;gap:7px;padding:17px 0;border-top:1px solid #edf1f7}.mini-avatar{width:29px;height:29px;border-radius:9px;background:#e9f0ff;color:#3169ec;display:grid;place-items:center;font-size:11px;flex:none}.mini-order>div{flex:1;min-width:0}.mini-order b{font-size:12px;display:block;line-height:1.6}.mini-order small{font-size:10px;display:block;color:#8090a5;margin-top:2px}.mini-status{background:#eaf1ff;color:#3169ec;font-size:10px;border-radius:6px;padding:4px 6px;white-space:nowrap}.secondary .mini-status{background:#eaf8f0;color:#14805b}.tool-demo[data-tool-demo=orders]:is([data-step="2"],[data-step="3"]) .mini-status{background:#eaf8f0;color:#14805b}.order-flow{display:flex;align-items:center;justify-content:center;gap:6px;margin:20px 0;font-size:11px;color:#7b8c9f}.order-flow i{height:2px;width:16px;background:#dce5f3}.tool-demo[data-tool-demo=orders][data-step="3"] .order-flow{color:#3169ec}.tool-demo[data-tool-demo=orders][data-step="3"] .order-flow i{background:#3169ec}.product-image{background:#eef9f7;border-radius:12px;display:grid;place-items:center;padding:10px;color:#078c8b}.product-image .feature-visual{margin:0;height:175px;width:230px;max-width:100%;animation:product-turn 8s ease-in-out infinite}.product-image>span{display:flex;align-items:center;gap:6px;font-size:11px;padding:4px}.product-image>span>svg{width:16px;height:16px}.product-tags{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}.product-tags span{font-size:11px;border:1px solid #d6e9e5;background:#f0faf7;color:#208778;border-radius:7px;padding:4px 7px}
.package-cta{width:100%;min-height:60px;justify-content:space-between;gap:12px;padding:12px 16px 12px 21px;background:linear-gradient(115deg,#1c51d0,#3675ef);border:1px solid #2860d8;border-radius:15px;box-shadow:0 7px 16px #245cdb23;font-size:18px;line-height:1.5;color:white}.cta-arrow{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#ffffff26}.cta-arrow svg{width:20px;height:20px}.site-plan>p{min-height:0}.plan-more{border-bottom:1px solid #eef2f9;margin-top:10px}.plan-more summary{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:48px;cursor:pointer;font-weight:700;font-size:14px;color:#3169ec;list-style:none}.plan-more summary::-webkit-details-marker{display:none}.plan-more summary span{font-size:20px}.plan-more[open] summary span{transform:rotate(45deg)}.plan-more ul{margin-top:0}.site-plan .plan-order-fees{border-bottom:0;margin:24px 0 0;padding:18px 0 0}.plan-order-fees>div{justify-content:space-between;gap:9px}
.premium-trial{position:relative;isolation:isolate;display:grid;grid-template-columns:160px minmax(0,1fr) 245px;gap:26px;padding:32px 34px;border:1px solid #cddcfb;overflow:hidden;border-radius:25px;background:linear-gradient(120deg,#eff5ff,#fff 55%,#eefaf9);box-shadow:0 14px 40px #214d9210}.premium-trial:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 5% 20%,#a6c9ff44,transparent 55%)}.trial-art{height:174px;width:160px;position:relative;display:grid;place-items:center}.trial-days{height:116px;width:105px;position:relative;background:linear-gradient(145deg,#3677f8,#2056d4);color:white;box-shadow:0 12px 24px #245cdb33;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-7deg)}.trial-days>span{font-size:10px;font-weight:800;letter-spacing:2px;color:#e7efff}.trial-days>strong{font-size:51px;line-height:1.1}.trial-days>b{font-size:15px;line-height:1.5}.trial-orbit{position:absolute;height:142px;width:142px;border:1px dashed #acc6f6;border-radius:50%;animation:orbit-spin 24s linear infinite}.orbit-two{height:160px;width:130px;transform:rotate(30deg);border-style:solid;border-color:#c5dbff77}.trial-float{position:absolute;bottom:6px;left:5px;right:0;background:white;box-shadow:0 6px 18px #20436f13;border:1px solid #d6e7ec;border-radius:9px;padding:7px 8px;display:flex;align-items:center;gap:5px;font-size:11px;color:#1c865e;animation:trial-float 6s ease-in-out infinite}.trial-float svg{width:18px;height:18px}.trial-spark{position:absolute;color:#43a9ac;z-index:2;animation:trial-spark 5s ease-in-out infinite}.trial-spark svg{width:23px;height:23px}.spark-one{top:6px;right:8px}.spark-two{bottom:43px;left:0;color:#3d73e0;animation-delay:2s}.spark-two svg{width:16px;height:16px}.premium-trial .trial-label{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#245cdb;background:#eaf1ff;border:1px solid #d7e5fe;border-radius:30px;padding:5px 11px}.trial-label i{height:6px;width:6px;background:#3169ec;border-radius:50%}.premium-trial h3{font-size:31px;line-height:1.4;margin:10px 0 8px}.premium-trial p{font-size:16px;line-height:1.8}.trial-perks{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:12px}.trial-perks span{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#297453}.trial-perks svg{width:17px;height:17px}.trial-copy>small{display:block;color:#798ba1;font-size:12px;line-height:1.7;margin-top:10px}.trial-action{display:flex;flex-direction:column;gap:10px;align-items:center}.trial-action .trial-cta{width:100%;min-height:62px;border-radius:15px;background:linear-gradient(115deg,#1557cf,#3278f3);box-shadow:0 9px 24px #245cdb25;justify-content:space-between;padding:13px 15px 13px 20px;font-size:17px}.trial-action-note{font-size:12px;color:#627e91;text-align:center}
.steps-grid{gap:22px}.steps-grid article{display:block;border-radius:23px;padding:24px;box-shadow:0 6px 22px #152b4806;background:linear-gradient(145deg,#fff,#f8fbff);--step-colour:#3169ec}.steps-grid article:nth-child(2){--step-colour:#169a84}.steps-grid article:nth-child(3){--step-colour:#7b5ad0}.steps-grid .step-number{display:inline-grid;place-items:center;font-size:14px;width:38px;height:38px;border-radius:12px;color:var(--step-colour);background:color-mix(in srgb,var(--step-colour) 9%,white);margin:0}.step-art{margin:10px 0 20px;color:var(--step-colour)}.step-art svg{width:100%;height:135px;stroke:none}.steps-grid h3{font-size:23px;line-height:1.5;margin-bottom:9px}.steps-grid p{font-size:16px;line-height:1.8}.site-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.site-review{min-width:0;background:#fff;border:1px solid #dce6f5;border-radius:22px;overflow:hidden;box-shadow:0 7px 25px #152b4807}.site-review>a{display:block;background:#f2f6fd}.site-review img{display:block;object-fit:contain;width:100%;height:210px}.review-copy{padding:25px}.review-stars{display:flex;gap:3px;color:#dd980f}.review-stars svg{width:18px;height:18px;fill:currentColor;stroke:none}.review-copy blockquote{margin:14px 0 24px;font-size:17px;line-height:1.9;overflow-wrap:anywhere;white-space:pre-line;color:#3d526d}.review-author{display:flex;gap:12px;align-items:center}.review-author>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eaf1ff;color:#3169ec;font-weight:700;flex:none}.review-author>div{min-width:0}.review-author b{font-size:15px;display:block;overflow-wrap:anywhere}.review-author small{display:block;color:#718198;font-size:13px;overflow-wrap:anywhere}
[data-demo-playing=false] *{animation-play-state:paused!important}@keyframes new-circle{0%,100%{box-shadow:0 0 0 2px color-mix(in srgb,var(--feature-colour) 14%,transparent)}60%{box-shadow:0 0 0 7px transparent}}@keyframes typing-dot{50%{transform:translateY(-3px);opacity:.4}}@keyframes product-turn{50%{transform:translateY(-4px) rotate(3deg)}}@keyframes video-progress{from{transform:scaleX(.03)}to{transform:scaleX(1)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes trial-float{50%{transform:translateY(-4px)}}@keyframes trial-spark{50%{opacity:.6;transform:scale(.8)}}@keyframes checkout-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.premium-trial{grid-template-columns:130px minmax(0,1fr) 215px;padding:26px;gap:20px}.trial-art{width:130px}.trial-orbit{width:125px;height:125px}.orbit-two{width:110px;height:150px}.premium-trial h3{font-size:28px}.feature-card{padding:22px}}@media(min-width:701px) and (max-width:920px){.site-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.premium-trial{grid-template-columns:125px minmax(0,1fr)}.trial-action{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}.trial-action .trial-cta{grid-column:1/-1}.trial-action-note{text-align:left}.trial-action .demo-toggle{justify-self:end}.trial-art{height:160px}.site-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.site-feature-grid{grid-template-columns:1fr}.feature-card{padding:24px}.feature-card p{font-size:16px}.feature-card h3{font-size:23px}.premium-trial{padding:22px;gap:14px;grid-template-columns:92px minmax(0,1fr)}.trial-art{width:92px;height:125px}.trial-days{height:90px;width:78px;border-radius:18px}.trial-days>strong{font-size:40px}.trial-orbit{width:106px;height:106px}.orbit-two{width:85px;height:121px}.trial-float{display:none}.premium-trial h3{font-size:25px;margin-top:8px}.premium-trial .trial-label{font-size:11px;padding:4px 7px}.premium-trial p{font-size:14px}.trial-perks{gap:6px 9px}.trial-perks span{font-size:12px}.trial-copy>small{font-size:11px}.trial-action{margin-top:4px}.trial-action .trial-cta{font-size:18px}.demo-toggle{min-height:40px}.tool-demo-top{font-size:12px}.demo-channels>span{font-size:11px}.mini-order b{font-size:13px}.mini-order small{font-size:11px}.mini-status{font-size:11px}.erp-numbers b{font-size:17px}.spotlight-sizes button{min-height:44px;min-width:44px}.spotlight-stage{min-height:333px}.steps-grid article{padding:24px}.steps-grid h3{font-size:22px}.steps-grid p{font-size:16px}}@media(max-width:600px){.site-review-grid{grid-template-columns:1fr}.step-art svg{height:145px}}@media(max-width:370px){.premium-trial{grid-template-columns:1fr}.trial-art{width:125px;margin:auto}.trial-copy{text-align:center}.trial-perks{justify-content:center}.trial-action-note{font-size:10px}.feature-card{padding:20px}.demo-channels>span{font-size:10px}.mini-order b{font-size:11px}.mini-status{font-size:10px}.site-periods button{padding-inline:11px}.spotlight-actions{gap:5px}.cart-pill,.spotlight-buy-now{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tool-demo *,.premium-trial *,.feature-card .new-mark:before{animation:none!important;transition:none!important}.feature-card{transition:none}.feature-card:hover{transform:none}}
@media(max-width:760px){.art-orbit{inset:-55px -10px}}