/* V3: compact experiences and retail photography, scoped to the requested sections. */
.operation-map .map-layout{align-items:start!important}
.operation-map .map-detail,.operation-map .map-panel{height:auto!important;min-height:0!important;max-height:none!important}
.operation-map .map-panel:not([hidden]){display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);column-gap:35px;row-gap:9px}
.operation-map .map-panel-label{grid-column:1;grid-row:1;margin:0}
.operation-map .map-panel h3{grid-column:1;grid-row:2;margin:0!important;max-width:24ch}
.operation-map .map-panel>p{grid-column:1;grid-row:3;margin:0!important;font-size:13px;line-height:1.6;color:#bbcdda}
.operation-map .map-panel ul{grid-column:2;grid-row:1/4;grid-template-columns:1fr!important;align-content:center;gap:2px;margin:0!important}
.operation-map .map-detail>.map-cta{margin-top:20px!important;align-self:flex-end}
.strip-media{aspect-ratio:auto!important;line-height:0;border-radius:12px;box-shadow:0 14px 35px #0003}
.strip-media img{height:auto!important;max-height:none!important;width:100%!important}
.retention-row.reverse{align-items:center}.retention-screen .commerce-details{margin-top:18px}
.retention-welcome{position:relative;isolation:isolate;border-radius:24px;overflow:hidden;min-height:390px;margin-bottom:55px;border:1px solid #af91603a}
.retention-welcome .backdrop-video{object-position:50% 40%}
.retention-welcome .chapter-heading{position:relative;z-index:2;padding:65px 50px;display:block!important;margin:0!important;max-width:900px}
.retention-welcome .chapter-heading>p{max-width:590px!important;color:#d9e2e8!important;margin:24px 0 0!important}
.retention-welcome .chapter-heading h2{font-size:clamp(36px,4vw,56px)}
.retention-welcome .film-shade{background:linear-gradient(90deg,#071426ef 0%,#071426c2 48%,#07142644),linear-gradient(0deg,#07142677,transparent)}
.catalog-note .whatsapp-mark{width:65px;height:65px;filter:drop-shadow(0 0 18px #25d36625)}
.catalog-note{grid-template-columns:65px 1fr auto;gap:24px}
.segments-marquee{margin-top:25px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);padding:9px 0}
.segment-marquee-row{overflow:hidden;margin:0 0 14px}
.segment-marquee-track{display:flex;width:max-content;animation:retailSegments3 490s linear infinite;will-change:transform}
.segment-marquee-row:nth-child(2) .segment-marquee-track{animation-direction:reverse;animation-duration:520s}
.segment-marquee-group{display:flex;gap:12px;padding-right:12px;flex-shrink:0}
.segment-marquee-group>span{white-space:nowrap;font-size:14px;line-height:1.4;color:#d8e3eb;padding:19px 25px;border:1px solid #91b4c43b;border-radius:13px;background:linear-gradient(125deg,#193349a6,#0e2236a3);box-shadow:inset 0 1px #ffffff0d}
.segment-marquee-row:nth-child(2) .segment-marquee-group>span{border-color:#cf987233;background:linear-gradient(125deg,#32292180,#112234c2)}
.segments-marquee:hover .segment-marquee-track,.segments-marquee.cinema-offscreen .segment-marquee-track{animation-play-state:paused}
@keyframes retailSegments3{to{transform:translateX(-50%)}}
.directory-heading{position:relative;z-index:2}.segment-directory .segment-search{max-width:660px}.segment-directory .directory-note{margin-top:28px}
.has-retail-object{position:relative;isolation:isolate}
.retail-object{position:absolute;pointer-events:none;z-index:1;width:180px;filter:drop-shadow(0 18px 23px #0006);animation:retailFloat3 9s ease-in-out infinite alternate}
.retail-object img{display:block;width:100%;height:auto;object-fit:contain}
.obj-solutions{right:7%;top:25px;width:160px;transform:rotate(12deg)}
.obj-routines{left:-16px;bottom:-24px;width:125px;transform:rotate(-12deg);opacity:.85}
.obj-commerce{right:7%;top:10px;width:155px;transform:rotate(8deg)}
.obj-loyalty{right:1%;bottom:-32px;width:140px;transform:rotate(10deg)}
.obj-intelligence{left:44%;bottom:3%;width:110px;transform:rotate(-10deg)}
.obj-segments{right:7%;top:27px;width:145px;transform:rotate(10deg)}
@keyframes retailFloat3{from{translate:0 0}to{translate:0 -11px}}
@media(prefers-reduced-motion:reduce){.segment-marquee-track,.retail-object{animation:none!important}.segment-marquee-row{overflow-x:auto}.segment-marquee-group[aria-hidden]{display:none}}
@media(max-width:1000px){.operation-map .map-panel:not([hidden]){column-gap:22px}.retention-welcome .chapter-heading{padding:45px 35px}.catalog-note{grid-template-columns:56px 1fr}.catalog-note .line-button{grid-column:2}.catalog-note .whatsapp-mark{width:56px;height:56px}.retail-object{width:120px}.obj-routines{width:100px}.obj-commerce{width:120px;right:3%;top:4px}.obj-solutions{width:120px;right:4%;top:15px}.obj-intelligence{width:90px;left:auto;right:0;bottom:0}}
@media(max-width:700px){
 /* The scene, its changing cards and its action share one phone viewport. */
 .restaurant-experience .restaurant-theater{height:clamp(450px,calc(100svh - var(--header-offset,66px) - 110px),600px)!important;min-height:0!important;scroll-margin-top:calc(var(--header-offset,66px) + 12px)}
 .restaurant-experience .restaurant-world .room{height:100%!important;object-position:50% center!important;object-fit:cover!important}
 .restaurant-experience .scene-markers{position:absolute!important;inset:0!important;display:block!important;height:100%!important;max-width:none!important;width:100%!important;margin:0!important;transform:none!important}
 .restaurant-experience .scene-marker.person-card,.restaurant-experience:is([data-state=rebuilding],[data-state=connected]) .scene-marker.person-card{position:absolute!important;display:block!important;grid-template-columns:none!important;width:44%!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;transform:none!important;inset:auto!important;border-radius:12px!important}
 .restaurant-experience .scene-marker.marker-orders.person-card{left:3%!important;top:51px!important}
 .restaurant-experience .scene-marker.marker-cost.person-card{right:3%!important;top:51px!important}
 .restaurant-experience .scene-marker.marker-cash.person-card{left:24%!important;bottom:42px!important;width:52%!important}
 .restaurant-experience .person-card .person-media,.restaurant-experience .person-card .card-trend{display:none!important}
 .restaurant-experience .person-card .person-copy{padding:11px 10px!important;min-height:0!important;display:block!important}
 .restaurant-experience .person-card .person-copy>span{font-size:10px!important;line-height:1.3!important;min-height:0!important;letter-spacing:0!important;overflow-wrap:normal;word-break:normal}
 .restaurant-experience .person-card .person-copy>small{font-size:10.5px!important;line-height:1.4!important;min-height:0!important;margin:5px 0 0!important;letter-spacing:0}
 .restaurant-experience .scene-control,.restaurant-experience[data-state=connected] .scene-control{top:49%!important;width:calc(100% - 30px)!important;max-width:330px!important;transform:translate(-50%,-50%)!important}
 .restaurant-experience .scene-invitation{font-size:6.5px!important}.restaurant-experience .scene-hint{font-size:8px!important}
 .restaurant-experience .implant-button{font-size:10px!important;min-height:48px!important;padding:12px!important;gap:6px!important}
 .restaurant-experience .theater-status{font-size:7px!important}.restaurant-experience .transformation-progress{bottom:16px!important}
 .store-selector{gap:6px;margin-bottom:12px}.store-selector button{min-height:48px;padding:9px 5px;font-size:10px}
 .solution-console .solution-tabs button,.solution-tabs button{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none;font-size:10px!important;padding:10px 5px!important;line-height:1.35!important;letter-spacing:0!important;min-height:52px!important}
 .solution-tabs button>span,.solution-tabs button>small{display:none!important}
 .operation-map .map-layout{height:auto!important;min-height:0!important;grid-template-rows:252px auto!important;align-items:start!important}
 .operation-map .map-detail{padding:19px 17px!important;display:block!important;overflow:visible!important}
 .operation-map .map-panel:not([hidden]){display:flex!important;flex-direction:column!important;gap:11px!important;overflow:visible!important;flex:none!important}
 .operation-map .map-panel h3{font-size:20px!important;line-height:1.2!important;max-width:none}
 .operation-map .map-panel>p{display:block!important;font-size:12px!important;line-height:1.6!important}
 .operation-map .map-panel ul{display:block!important;flex:none!important;overflow:visible!important}
 .operation-map .map-panel li{font-size:12px!important;line-height:1.5!important;padding:8px 0!important}
 .operation-map .hub-core strong{font-size:15px!important}
 .retention-welcome{border-radius:17px;min-height:390px;margin-bottom:35px;margin-inline:-2px}
 .retention-welcome .chapter-heading{padding:42px 23px!important}.retention-welcome .chapter-heading h2{font-size:35px!important;line-height:1.1}
 .retention-welcome .chapter-heading>p{font-size:13px!important;line-height:1.75}
 .catalog-note{grid-template-columns:45px 1fr!important;gap:17px!important}.catalog-note .whatsapp-mark{display:block;width:45px;height:45px;align-self:start}.catalog-note h3{font-size:19px}.catalog-note .line-button{grid-column:1/-1!important}.catalog-note p{font-size:12px}
 .segment-marquee-group{gap:9px;padding-right:9px}.segment-marquee-group>span{font-size:12px;padding:14px 19px;border-radius:10px}.segment-marquee-row{margin-bottom:10px}.segments-marquee{margin-inline:-8px}
 .retail-object{animation-duration:11s}.obj-solutions{width:79px;right:16px;top:-4px}.obj-routines{width:75px;left:auto;right:0;bottom:-22px}.obj-commerce{width:78px;top:12px;right:13px}.obj-loyalty{width:86px;right:2px;bottom:-16px}.obj-intelligence{width:68px;right:0;bottom:4px}.obj-segments{width:85px;right:7px;top:16px}
 .has-retail-object>.chapter-heading{position:relative;z-index:2}.commerce-section>.chapter-heading .eyebrow{max-width:210px}.segment-directory .directory-heading .eyebrow{max-width:220px}
}
.commerce-card .storefront-media{aspect-ratio:auto;min-height:0;background:#fff;overflow:hidden;border-radius:12px}
.commerce-card .storefront-media img{height:auto!important;max-height:none!important;width:100%;display:block;object-fit:contain}
.storefront-caption{font-size:10px!important;line-height:1.6!important;opacity:.6;margin:9px 0 22px!important}
.integration-demo{padding-top:18px}.integration-demo p{font-size:12px}.integration-demo img{display:block;width:100%;height:auto;border-radius:8px;margin-top:14px}
.mobile-management{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,#18334770,transparent 58%)}
.mobile-management h2{font-size:clamp(38px,4.4vw,66px);line-height:1.05;letter-spacing:-.055em;margin:20px 0 28px}.mobile-management h2 em{color:var(--orange,#ff5a00);font-style:normal}
.mobile-management-lead{max-width:500px;color:#c2cbd2;line-height:1.8}.mobile-benefits{list-style:none;padding:0;margin:34px 0}.mobile-benefits li{display:flex;gap:18px;padding:18px 0;border-top:1px solid #ffffff15}.mobile-benefits li>span{font-size:11px;color:#ff6a19;padding-top:4px}.mobile-benefits h3{font-size:17px;margin:0 0 7px}.mobile-benefits p{font-size:13px;line-height:1.75;color:#aab7c6;margin:0;max-width:440px}.mobile-access-note{font-size:10px;line-height:1.7;color:#8292a5;max-width:470px;margin-top:20px}
.mobile-management-figure{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;isolation:isolate}.mobile-orbit{position:absolute;z-index:-1;top:15%;width:120%;aspect-ratio:1;border:1px solid #ff6a1926;border-radius:50%;background:radial-gradient(circle,#ff6a1912,transparent 67%)}
.dashboard-phone{width:300px;padding:0 9px;background:#070c13;border:2px solid #63768b;border-radius:41px;box-shadow:22px 30px 70px #0009,inset 0 0 0 3px #1c2631;transform:rotate(3deg)}
.device-top{height:31px;display:flex;gap:9px;align-items:center;justify-content:center}.device-top span{width:47px;height:5px;background:#25323e;border-radius:10px}.device-top i{width:6px;height:6px;border-radius:50%;background:#152e42}.dashboard-phone-screen{overflow:hidden;background:#fff;border-radius:22px}.mobile-brand{height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fff}.mobile-brand img{width:114px;height:31px;object-fit:contain}.mobile-brand span{color:#172b40;font-size:6px;letter-spacing:1.5px}.mobile-dashboard-image{width:100%;height:auto;display:block}.mobile-screen-foot{text-align:center;background:#f5f6f7;color:#506277;font-size:6px;letter-spacing:1.1px;padding:16px 4px}.device-home{width:75px;height:4px;border-radius:10px;background:#455265;margin:15px auto 14px}.mobile-management-figure figcaption{text-align:center;font-size:12px;color:#f6f8fc;line-height:1.8;margin-top:27px}.mobile-management-figure figcaption span{color:#8292a5;font-size:10px}
@media(max-width:700px){.mobile-management{grid-template-columns:1fr;gap:35px}.mobile-management h2{font-size:39px}.mobile-management-lead{font-size:13px}.mobile-management-figure{grid-row:2}.dashboard-phone{width:265px}.mobile-management-figure .mobile-orbit{width:110%;max-width:390px}.mobile-benefits{margin:25px 0}.mobile-benefits h3{font-size:16px}.mobile-benefits p{font-size:12px}.mobile-brand{height:55px}.mobile-brand img{width:100px;height:27px}}
@media(max-width:700px){
 .operation-map .map-nodes{position:absolute!important;inset:10px 10px 6px!important;height:auto!important;grid-template-rows:40px repeat(4,44px)!important;gap:4px 10px!important}
 .operation-map .map-hub{height:40px!important}
 .operation-map .hub-core span{max-width:none;font-size:9px}.operation-map .map-tap-hint{display:block;font-size:7px;line-height:1.4;max-width:130px;margin-top:2px}
 .obj-solutions{top:-22px!important;width:68px!important}
}
.mobile-brand{background:#0b1424}.mobile-brand span{color:#b9c8d8}

@media(max-width:700px){.obj-segments{top:-22px!important;width:68px!important;right:8px}}
