/* V4: anchor decorative products to the content and add illustrative motion. */
.connected-commerce{display:none}.desktop-decoration{display:none}
.commerce-grid{align-items:stretch}.commerce-card{display:flex;flex-direction:column}.commerce-card .commerce-details{margin-top:auto;padding-top:18px}.commerce-card .commerce-callout{margin:0 0 25px}.commerce-card .storefront-caption{min-height:0}
.feature-top{min-height:42px}.commerce-site-icon{width:40px;height:40px;flex:none;fill:none;stroke:#efb58e;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.commerce-brand-logo{width:132px;height:auto;max-width:36%;object-fit:contain}
.commerce-section .chapter-heading,.directory-heading,.intelligence-copy,.food-stage-visual{position:relative}
.commerce-section .obj-commerce{top:auto;bottom:8px;right:-1%;width:135px}.commerce-section .chapter-heading{padding-right:125px;max-width:none}
.catalog-note{grid-template-columns:65px minmax(0,1fr) 135px auto;gap:23px}.catalog-phone{margin:-16px 0;display:flex;flex-direction:column;align-items:center}.catalog-phone img{width:120px;height:178px;object-fit:contain;filter:drop-shadow(5px 10px 12px #0006)}.catalog-phone figcaption{font-size:7px;color:#839bab;line-height:1.5;margin-top:3px;text-align:center}
.branch-network{position:relative;margin:22px 0 8px;padding:9px 9px 14px;border:1px solid #849caf22;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse,#18334780,transparent 70%)}
.branch-network svg{width:100%;height:auto;display:block}.branch-link{fill:none;stroke:#89cddd;stroke-width:1;stroke-dasharray:6 8;opacity:0}.store-unit{opacity:0}.store-unit circle{fill:#152c3c;stroke:#89b3c36b;stroke-width:1}.store-unit path{stroke:#c1d5e2;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;fill:none}.store-origin{opacity:1}.store-origin circle{fill:#654029;stroke:#ffc291}.store-origin path{stroke:#ffe0be}
.phase-1{animation:branchSecond4 14s ease-in-out infinite}.phase-2{animation:branchSmall4 14s ease-in-out infinite}.phase-3{animation:branchMore4 14s ease-in-out infinite}.phase-4{animation:branchMany4 14s ease-in-out infinite}.branch-link{stroke-dashoffset:0}.branch-links{animation:branchFlow4 3s linear infinite}
@keyframes branchSecond4{0%,12%,94%,100%{opacity:0}20%,85%{opacity:1}}@keyframes branchSmall4{0%,29%,94%,100%{opacity:0}38%,85%{opacity:1}}@keyframes branchMore4{0%,43%,94%,100%{opacity:0}52%,85%{opacity:1}}@keyframes branchMany4{0%,57%,94%,100%{opacity:0}66%,85%{opacity:1}}@keyframes branchFlow4{to{stroke-dashoffset:-28}}
.branch-caption{display:grid;text-align:center;min-height:20px;margin-top:0;color:#e5c3a6;font-size:11px;line-height:1.5}.branch-caption span{grid-area:1/1;opacity:0}.branch-caption-one{animation:branchLabelOne4 14s linear infinite}.branch-caption-two{animation:branchLabelTwo4 14s linear infinite}.branch-caption-many{animation:branchLabelMany4 14s linear infinite}@keyframes branchLabelOne4{0%,12%,95%,100%{opacity:1}19%,90%{opacity:0}}@keyframes branchLabelTwo4{0%,15%,39%,100%{opacity:0}21%,34%{opacity:1}}@keyframes branchLabelMany4{0%,35%,95%,100%{opacity:0}41%,89%{opacity:1}}
.branch-network figcaption{font-size:8px;text-align:center;color:#7f99ab;margin-top:8px}.multistore-bottom{align-items:start}.multistore-bottom>div:first-child>h3{margin-top:0}.multistore-bottom .line-button{margin-top:13px}
.map-layout>.map-canvas-label{position:relative!important;inset:auto!important;display:flex;justify-content:space-between;align-items:center;gap:20px;height:auto;min-height:35px;padding:10px 20px 0;margin:0;font-size:8px;line-height:1.6;letter-spacing:.06em}.map-layout>.map-detail{margin-top:14px}
.food-stage-visual>.obj-routines{left:auto;right:20px;top:-66px;bottom:auto;width:140px;opacity:1;z-index:4;transform:rotate(-8deg)}
.intelligence-copy>.obj-intelligence{left:auto;right:-55px;bottom:auto;top:-30px;width:115px}.intelligence-copy{padding-right:45px}
.directory-heading>.obj-segments{right:-8%;top:50%;bottom:auto;translate:0 -50%;animation:none;width:140px;transform:rotate(10deg)}
@media(min-width:1001px){
 .desktop-decoration{display:block}
 .food-stage-visual{padding-top:40px!important}.food-stage-visual>.obj-routines{top:-58px}
 .obj-cups{left:5%;top:77px;width:155px;transform:rotate(-8deg)}.obj-solutions{right:5%;top:50px;width:150px}
 .solutions>.chapter-heading{max-width:70%;margin-inline:auto}
 .directory-heading{max-width:calc(100% - 300px);margin-inline:auto;min-height:145px;display:flex;flex-direction:column;justify-content:center}
 .directory-heading>.obj-segments{right:-150px;width:140px}.directory-heading>.obj-backpack{left:-155px;top:50%;translate:0 -50%;width:130px;animation:none;transform:rotate(-9deg)}
 .connected-commerce{display:block;position:absolute;z-index:3;right:5%;top:25%;width:32vw;max-width:455px;pointer-events:none;background:linear-gradient(145deg,#11283ced,#081322ed);border:1px solid #d19c6b6b;border-radius:24px;box-shadow:0 25px 70px #0008,0 0 55px #ff7b1313;transform:rotate(-3deg);overflow:hidden;backdrop-filter:blur(12px)}
 .connected-commerce-title{padding:25px 26px 0}.connected-commerce-title>span{font-size:8px;letter-spacing:.15em;color:#daaa82}.connected-commerce-title>b{display:block;font-size:clamp(24px,2.2vw,32px);line-height:1.1;letter-spacing:-1px;margin-top:10px}.connected-commerce-title em{color:#ffb06f;font-style:normal}
 .mini-commerce-map{position:relative;width:100%;aspect-ratio:420/290;margin-top:15px}.mini-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}.connection-base{stroke:#84b7d166;stroke-width:1.1}.connection-flow{stroke:#ffd3a1;stroke-width:2;stroke-dasharray:3 58;animation:miniFlow4 5s linear infinite;filter:drop-shadow(0 0 5px #ffbd6c)}
 .connected-shop{position:absolute;left:25%;top:25%;width:50%;height:53%;border:1px solid #d8b18988;border-radius:15px;box-shadow:0 0 35px #97d8ee29;overflow:hidden;animation:shopHalo4 4s ease-in-out infinite alternate}.connected-shop img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}.connected-shop span{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:9px 0 7px;background:linear-gradient(transparent,#071527dd);font-size:7px;letter-spacing:.2em;color:#fff}
 .mini-node{position:absolute;padding:8px 9px;background:#10273eee;border:1px solid #89b4ca70;border-radius:9px;font-size:clamp(6px,.65vw,9px);font-weight:600;letter-spacing:.08em;color:#e3eefa;box-shadow:0 5px 13px #0005;animation:nodeGlow4 4s ease-in-out infinite alternate}
 .mini-sales{left:29%;top:3%}.mini-stock{left:3%;top:30%;animation-delay:-1s}.mini-money{right:2%;top:30%;animation-delay:-2s}.mini-management{right:17%;top:3%;animation-delay:-3s}.mini-customer{left:5%;bottom:6%;animation-delay:-2s}.mini-online{right:3%;bottom:6%;animation-delay:-1s}
 .mini-map-foot{padding:9px 20px 17px;text-align:center;font-size:7px;color:#a3bdce;letter-spacing:.13em}.mini-map-foot i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#78e3bf;box-shadow:0 0 9px #78e3bf;margin-right:7px}
 .hero .scroll-cue{visibility:hidden}
 .cost-intro{align-self:start!important}.cost-intro>p{max-width:480px}.payment-animation{margin:24px 0 0;max-width:510px}.payment-animation svg{display:block;width:100%;height:auto;overflow:visible}.payment-animation figcaption{font-size:8px;color:#879cad;text-align:center;line-height:1.6;margin-top:4px}
 .tap-card{animation:cardTap4 12s ease-in-out infinite;transform-origin:120px 180px}.tap-waves{animation:tapWaves4 12s ease-in-out infinite;opacity:0}.payment-waiting{animation:paymentWaiting4 12s linear infinite}.payment-approved{animation:paymentApproved4 12s linear infinite;opacity:0}.receipt-paper{animation:printReceipt4 12s ease-in-out infinite}
}
@keyframes miniFlow4{to{stroke-dashoffset:-122}}@keyframes shopHalo4{to{box-shadow:0 0 40px #e89c393d}}@keyframes nodeGlow4{to{border-color:#efb88b;box-shadow:0 0 15px #ffb86e29}}
@keyframes cardTap4{0%,8%{transform:translate(-25px,18px) rotate(-12deg);opacity:0}17%{opacity:1}25%,38%{transform:translate(45px,-27px) rotate(7deg);opacity:1}48%,100%{transform:translate(-35px,20px) rotate(-12deg);opacity:0}}
@keyframes tapWaves4{0%,23%,44%,100%{opacity:0}27%,39%{opacity:1}}@keyframes paymentWaiting4{0%,38%,97%,100%{opacity:1}43%,91%{opacity:0}}@keyframes paymentApproved4{0%,40%,96%,100%{opacity:0}45%,89%{opacity:1}}
@keyframes printReceipt4{0%,49%{transform:translateY(108px)}66%,85%{transform:translateY(0)}93%,100%{transform:translateY(108px)}}
.v4-motion.motion-offscreen *,.motion-paused .v4-motion *{animation-play-state:paused!important}
@media(max-width:1200px) and (min-width:1001px){.catalog-note{grid-template-columns:48px 1fr 110px;gap:18px}.catalog-note .line-button{grid-column:2/4;justify-self:start}.catalog-phone{grid-column:3;grid-row:1/3}.catalog-note .whatsapp-mark{width:48px}.commerce-section .chapter-heading{padding-right:105px;gap:35px}.commerce-section .obj-commerce{width:105px}.connected-commerce{right:4%;width:31vw;top:28%}.mini-node{padding:6px}.obj-cups{width:125px;left:3%}.obj-solutions{width:130px;right:3%}}
@media(max-width:1000px){.catalog-note{grid-template-columns:48px 1fr 115px}.catalog-note .line-button{grid-column:2/4}.catalog-note .whatsapp-mark{width:48px}.catalog-phone{grid-column:3;grid-row:1}.catalog-phone img{height:155px;width:105px}.commerce-section .chapter-heading{padding-right:100px}.commerce-section .obj-commerce{width:100px;right:-5px}.intelligence-copy>.obj-intelligence{right:0;top:-20px;width:80px}.intelligence-copy{padding-right:75px}.directory-heading>.obj-segments{right:0;width:90px}.directory-heading{padding-right:105px}.food-stage-visual>.obj-routines{width:100px;top:-50px;right:16px}.food-stage-visual{margin-top:55px!important}}
@media(max-width:700px){
 .map-layout>.map-canvas-label{display:none!important}.map-layout>.map-detail{margin-top:0}
 .commerce-section .chapter-heading{padding-right:0}.commerce-section .chapter-heading>p{padding-right:75px}.commerce-section .obj-commerce{top:auto!important;bottom:12px;right:-2px;width:70px;transform:rotate(4deg)}
 .commerce-brand-logo{width:100px;max-width:36%}.feature-top{gap:12px}.feature-top span{max-width:65%;font-size:8px}.commerce-site-icon{width:33px;height:33px}.commerce-card .commerce-callout{margin:4px 0 22px}.commerce-card .commerce-details{margin-top:auto}
 .catalog-note{grid-template-columns:40px 1fr!important;gap:13px!important}.catalog-note>.whatsapp-mark{width:40px;height:40px}.catalog-note>div{grid-column:2}.catalog-phone{grid-column:2;grid-row:2;justify-self:start;margin:8px 0}.catalog-phone img{height:172px;width:115px}.catalog-note .line-button{grid-column:1/-1!important;grid-row:3}
 .food-stage-visual{margin-top:35px!important;padding-top:28px!important}.food-stage-visual>.obj-routines{width:75px;top:-35px;right:14px;left:auto;bottom:auto}
 .intelligence-copy{padding-right:0}.intelligence-copy>.obj-intelligence{right:0;top:34px;bottom:auto;width:65px}.intelligence-copy h2{padding-right:60px}.intelligence-copy .eyebrow{padding-right:20px}
 .directory-heading{padding-right:65px;text-align:left}.directory-heading>.obj-segments{width:62px!important;right:-2px!important;top:50%!important;transform:rotate(5deg);translate:0 -50%}.directory-heading h3{font-size:27px!important}.directory-heading .eyebrow{font-size:8px!important}
 .branch-network{margin-top:20px;padding:9px 3px 13px}.branch-caption{font-size:10px}.branch-network figcaption{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.v4-motion *{animation:none!important}.store-unit,.branch-link{opacity:1}.branch-caption-one,.branch-caption-two{display:none}.branch-caption-many{opacity:1}.tap-card,.tap-waves,.payment-waiting{display:none}.payment-approved{opacity:1}.receipt-paper{transform:none}}
.real-media.purchase-media{aspect-ratio:auto;background:#0e2132;line-height:normal;overflow:hidden}
.purchase-tour{display:grid;align-items:center;min-height:0;background:#f5f6f8}.purchase-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .85s;pointer-events:none;width:100%;align-self:center}.purchase-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.real-media .purchase-slide img{width:100%!important;height:auto!important;display:block}
.sefaz-slide{background:#f5f6f8}.sefaz-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;padding:23px 20px 15px;background:#0e2132;color:#ebf2f6;align-items:center}.sefaz-flow div>span{font-size:9px;color:#f5ad78}.sefaz-flow b{display:block;font-size:11px;line-height:1.3;margin:7px 0}.sefaz-flow small{display:block;font-size:9px;line-height:1.5;color:#a3b7c7}.sefaz-flow i{color:#ddae85;font-style:normal}.sefaz-note{font-size:8px;line-height:1.6;color:#a3b7c7;background:#0e2132;padding:0 20px 18px;margin:0}.purchase-switch{display:flex;align-items:center;gap:7px;padding:12px;background:#0b1a2a;border-top:1px solid #9bafbc33}.purchase-switch button{padding:8px 10px;border:1px solid #c7976a44;border-radius:7px;font:500 10px Inter;color:#c0cddb;background:#12283a;cursor:pointer}.purchase-switch button[aria-pressed=true]{background:#734327;border-color:#e1a87d;color:#fff0e3}.purchase-switch>span{font-size:7px;letter-spacing:.1em;color:#7895aa;margin-left:auto}
@media(max-width:700px){.sefaz-flow{padding:16px 10px 10px;gap:5px}.sefaz-flow b{font-size:8px;line-height:1.4}.sefaz-flow small{font-size:7px}.sefaz-note{font-size:6px;padding:0 10px 12px}.purchase-switch{gap:6px;padding:9px}.purchase-switch button{font-size:9px;padding:8px}.purchase-switch>span{display:none}}
@media(prefers-reduced-motion:reduce){.purchase-slide{transition:none}}
@media(min-width:1001px){.hero-segments{left:5%;right:auto;bottom:5%}.hero .scroll-cue{visibility:visible;position:absolute;right:6%;bottom:2%;font-size:8px}.hero .scroll-cue i{font-size:24px}}
.purchase-tour{background:#0e2132}.sefaz-slide{align-self:stretch;display:flex;flex-direction:column;background:#0e2132}.sefaz-flow{flex:1}
@media(min-width:1001px){.hero .scroll-cue{left:48%!important;right:auto!important;bottom:-46px!important;width:150px!important;justify-content:flex-start;gap:14px}.hero .scroll-cue span{max-width:105px}}
