/* Homepage product positioning refresh: Web Avatar first, Shopify focused, Kiosk Avatar distinct. */
html{scroll-padding-top:88px}
.hero.webHero{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:clamp(540px,48vw,700px);max-height:760px;background:linear-gradient(120deg,#fbfbf7 0%,#eef4ed 100%)}
.hero.webHero .heroText{padding-top:48px;padding-bottom:48px}
.hero.webHero h1{max-width:15ch;font-size:clamp(39px,4.6vw,66px);text-wrap:balance}
.hero.webHero .heroArt{min-height:0;display:flex;align-items:center;padding:26px 4vw 54px 0;background:transparent;overflow:visible}
.hero.webHero .heroArt:before{display:none}
.hero.webHero .scene{position:relative!important;inset:auto!important;width:100%;height:auto;max-width:760px!important;aspect-ratio:16/10;border-radius:24px;overflow:hidden;box-shadow:0 28px 80px #183a2822}
.hero.webHero .scene>img{width:100%;height:100%;object-fit:cover;object-position:center}
.heroImageLabel{position:absolute;right:clamp(22px,4vw,58px);bottom:30px;z-index:3;display:grid;gap:3px;padding:12px 16px;border:1px solid #ffffffb8;border-radius:13px;background:#fffffff0;box-shadow:0 12px 32px #173b3317;color:#174438}
.heroImageLabel b{font-size:13px}.heroImageLabel small{font-size:11px;color:#65766d}
.heroTrust{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.heroTrust span{border:1px solid #d7e2d8;border-radius:99px;padding:6px 10px;background:#ffffffad;color:#4d6859;font-size:11px;font-weight:650}
.webAssistantProduct{background:#fff!important}.webAssistantProductGrid{gap:clamp(28px,5vw,76px)}.webAssistantProduct .webProductCard{background:linear-gradient(145deg,#f7f9f4,#edf3eb);border-color:#dce7dd;box-shadow:0 16px 42px #173b330c}.webAssistantProduct .webProductCard b,.webAssistantProduct h2,.webAssistantProduct h2 *{color:#173b33!important}.webAssistantProduct .webProductCard p,.webAssistantProduct .lead,.webAssistantProduct .webProductBenefits{color:#60736b!important}.webAssistantProduct .webProductCard small{color:#718076!important}.webAssistantProduct .webProductBenefits li:before,.webAssistantProduct .webProductIcon,.webAssistantProduct .kicker{color:#26765e!important}
.shopifySection{background:#eef4ed;border-top:1px solid #dce5dc}.shopifyGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,6vw,82px)}.shopifyArt{position:relative;overflow:hidden;border-radius:22px;background:#e2e9df;box-shadow:0 20px 60px #173b3316}.shopifyArt img{width:100%;aspect-ratio:16/10;object-fit:cover}.shopifyPill{position:absolute;top:16px;left:16px;border-radius:30px;padding:8px 13px;background:#173b33e8;color:#fff;font-size:12px;font-weight:750}.shopifyCopy h2{margin:8px 0 15px}.shopifyBenefits{display:grid;gap:11px;padding:0;margin:20px 0 24px;list-style:none;color:#4e685b;font-size:14px}.shopifyBenefits li{display:flex;gap:10px}.shopifyBenefits li:before{content:'✓';color:#277e67;font-weight:800}.shopifyNote{display:block;max-width:58ch;margin-top:14px;color:#718076;font-size:11px;line-height:1.5}
.sectorSection{background:#f7f8f3!important}.sectorEcom .sectorVisual{background:#dfe9df!important}.sectorCard{flex-basis:calc((100% - 56px)/5)}.sectorCopy p{min-height:78px}.sectorCopy a{color:#1d664f;font-size:12px;font-weight:750;text-decoration:none}.sectorCopy a:hover{text-decoration:underline}
.kioskProduct{background:#173b33;color:#fff;border-top:0}.kioskProduct h2,.kioskProduct h2 em{color:#fff}.kioskProduct .kicker{color:#d3ab67}.kioskProduct .lead{color:#d8e4dc}.kioskProductGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,80px)}.kioskProductArt{overflow:hidden;border-radius:22px;background:#dbe2dc;box-shadow:0 24px 64px #061e1938}.kioskProductArt img{width:100%;aspect-ratio:4/3;object-fit:cover}.devicePills{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.devicePills span{padding:8px 12px;border:1px solid #ffffff45;border-radius:99px;color:#f0f5f1;font-size:12px}.kioskProduct .btn{background:#fff;border-color:#fff;color:#173b33}
@media(max-width:1020px){.hero.webHero{grid-template-columns:1fr;max-height:none;min-height:0}.hero.webHero .heroText{padding:38px 5vw 18px}.hero.webHero .heroArt{width:90%;max-width:800px;justify-self:center;padding:8px 0 44px}.heroImageLabel{right:12px;bottom:14px}.sectorCard{flex-basis:calc((100% - 28px)/3)}.shopifyGrid,.kioskProductGrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hero.webHero .heroText{padding:32px 5vw 15px}.hero.webHero h1{font-size:clamp(36px,9.5vw,52px);letter-spacing:-1.7px}.hero.webHero .heroArt{width:92%;padding-bottom:42px}.hero.webHero .scene{border-radius:16px;aspect-ratio:4/3}.heroImageLabel{right:6px;bottom:5px;padding:8px 11px}.heroImageLabel b{font-size:11px}.heroImageLabel small{font-size:10px}.heroTrust{gap:6px;margin-top:15px}.heroTrust span{font-size:10px}.shopifyGrid,.kioskProductGrid{grid-template-columns:1fr}.shopifyArt{order:2}.shopifyCopy{order:1}.sectorCard{flex-basis:84%}.sectorCopy p{min-height:0}.kioskProductArt{order:-1}.shopifySection,.kioskProduct{padding:58px 0}}
@media(prefers-reduced-motion:reduce){.hero.webHero .scene>img,.sectorPhoto{transition:none!important}}
@media(min-width:1021px){.sectorCard{flex-basis:calc((100% - 28px)/3)}}
@media(min-width:1400px){.sectorCard{flex-basis:calc((100% - 42px)/4)}}
