/* One continuous hero surface; only the photograph is feathered. */
.hero{background:radial-gradient(ellipse at 88% 35%,#50321e66,transparent 57%),#161615}.hero-art{background:transparent;mask-image:none;overflow:visible;box-shadow:none;border-radius:0}.hero-art>.cafe-photo{mask-image:radial-gradient(ellipse at 60% 40%,#000 5%,transparent 70%);opacity:.17}.hero-art>.art-shade{display:none}.hero-art .scene-bottom{background:none}.hero-footer{background:transparent}
/* A shared stage keeps the counter stack mechanically aligned at every size. */
.full-system{left:4%;right:4%;top:50%;bottom:auto;height:auto;aspect-ratio:1.15;transform:translateY(-45%)}.full-drawer{left:32%;width:40%;bottom:24%;z-index:2}.full-terminal{left:32%;width:40%;bottom:39%;z-index:3}.full-laptop{left:0;width:30%;bottom:40%;z-index:1}.full-kiosk{left:70%;right:auto;width:28%;height:83%;bottom:24%;z-index:0}.full-printer{left:76%;right:auto;width:15%;bottom:21%;z-index:4}.full-tablet{left:4%;width:29%;bottom:16%;transform:rotate(-5deg);z-index:4}.full-portable{left:39%;width:8%;bottom:10%;z-index:5}.contact-art-note{bottom:7%;right:10%}.full-system.motion-ready>div{opacity:0;translate:var(--arrival-x,0) 35px;transition:opacity .8s ease,translate 1s cubic-bezier(.2,.7,.2,1);transition-delay:var(--arrival-delay,0ms)}.full-system.motion-ready.arrived>div{opacity:1;translate:0 0}.full-drawer{--arrival-delay:0ms}.full-terminal{--arrival-delay:150ms}.full-laptop{--arrival-delay:300ms;--arrival-x:-35px}.full-kiosk{--arrival-delay:400ms;--arrival-x:35px}.full-printer{--arrival-delay:550ms;--arrival-x:25px}.full-tablet{--arrival-delay:650ms;--arrival-x:-20px}.full-portable{--arrival-delay:750ms}
.order-grid .order-visual{height:430px;background:radial-gradient(ellipse at 70% 30%,#faf4e5 0,transparent 57%),linear-gradient(135deg,#b7c7b8,#e0dfcc 55%,#879f95)}.qr-sign{width:39%;left:9%;top:23%;padding:17px 14px;border-radius:9px;transform:rotate(-5deg)}.qr-sign strong{font-size:18px;margin:12px 0}.qr-brand{font-size:8px}.qr-sign img{width:85%;padding:5px}.qr-action{font-size:8px}.qr-sign small{font-size:9px}.online-card .phone-model:has(.actual-order-screen){width:40%;right:8%;bottom:34px;border:3px solid #242927;border-radius:23px;padding:7px 0 0;max-height:83%;box-shadow:10px 20px 25px #142c2433}.phone-model:has(.actual-order-screen) .phone-camera{height:3px;width:23px;top:1px}.new-kiosk{top:22px;bottom:22px;animation:kiosk-sway 8s ease-in-out infinite;transform-origin:center bottom}@keyframes kiosk-sway{0%,100%{transform:translateX(-50%) translateY(0) rotate(-.7deg)}50%{transform:translateX(-50%) translateY(-9px) rotate(.7deg)}}
@media(max-width:700px){.hero-art{mask-image:none;background:transparent}.order-grid .order-visual{height:370px}.qr-sign{left:8%;width:40%;top:23%;padding:14px 11px}.qr-sign strong{font-size:16px}.qr-brand{font-size:7px}.qr-sign small{font-size:8px}.online-card .phone-model:has(.actual-order-screen){width:41%;right:7%;bottom:32px}.full-system{left:4%;right:4%;top:46%;bottom:auto;aspect-ratio:1.15}.contact-art-note{bottom:5%}.new-kiosk{top:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.new-kiosk{animation:none}.full-system.motion-ready>div{opacity:1;translate:none;transition:none}}
.hero{overflow:hidden}.qr-sign{top:17%}.qr-sign strong{font-size:16px}.qr-sign img{width:75%}@media(max-width:700px){.qr-sign{top:17%;padding:12px 10px}.qr-sign strong{font-size:14px;margin:9px 0}.qr-sign img{width:75%}.qr-sign small{font-size:7px}}
.hero-tablet.actual-hero{width:96%;left:2%;top:26%}.hero-pos-brand{position:absolute;top:3%;left:42%;width:25%;mix-blend-mode:screen;animation:brand-float 6s ease-in-out infinite}.hero-pos-brand svg{width:100%;display:block}.hero-art .receipt{bottom:13%}@keyframes brand-float{50%{translate:0 -7px}}
.online-card .order-visual{display:flex;align-items:center;justify-content:center;gap:6%;padding:25px 7%}.online-card .qr-sign{position:relative;top:auto;left:auto;width:44%;flex:0 0 44%;padding:16px 10px;text-align:center;transform:rotate(-4deg)}.qr-sign strong{font-size:15px;line-height:1.2}.qr-sign img{width:72%;margin:12px auto}.qr-sign .qr-brand{font-size:7px}.qr-sign .qr-action{font-size:8px}.online-card .phone-model:has(.actual-order-screen){position:relative;inset:auto;width:43%;flex:0 0 43%;height:auto;max-height:90%;aspect-ratio:.54;margin:0}.new-kiosk{width:65%;top:22px;bottom:-10px}
.package-picture{align-self:start;min-height:0;height:auto;display:flex;flex-direction:column;position:sticky;top:90px}.package-picture-copy{padding:32px!important}.package-picture-copy>strong{font-size:clamp(44px,5vw,70px)}.package-devices{position:relative;inset:auto;margin:15px auto 32px;width:90%;height:auto;aspect-ratio:1.5}.package-laptop{width:90%;left:0;bottom:17%}.package-tablet{width:58%;right:0;bottom:0}
.contact-section{display:flex;flex-direction:column;align-items:center;padding:75px 6% 35px;gap:0;min-height:0;text-align:center}.contact-copy{width:100%;max-width:820px}.contact-copy h2{font-size:clamp(40px,5vw,66px)}.contact-copy h2 br{display:none}.contact-copy h2 br:after{content:' '}.contact-copy>p:not(.eyebrow){max-width:570px;margin:0 auto 25px}.contact-copy .button{display:inline-flex}.contact-art{position:relative;inset:auto;width:100%;max-width:950px;height:auto;aspect-ratio:1.65;overflow:visible;background:radial-gradient(ellipse,#65472b55,transparent 70%)}.contact-art:after{display:none}.full-system{inset:0 2% 6%;height:auto;aspect-ratio:auto;transform:none}.full-terminal{left:34%;width:32%;bottom:30.5%}.full-drawer{left:34%;width:32%;bottom:8%}.full-laptop{left:2%;width:31%;bottom:33%}.full-tablet{left:4%;width:29%;bottom:4%}.full-kiosk{left:65%;width:28%;height:98%;bottom:8%}.full-printer{left:73%;width:14%;bottom:7%}.full-portable{left:89%;width:8%;bottom:6%}.contact-art-note{display:none}
@media(max-width:700px){.hero-tablet.actual-hero{top:29%;width:96%;left:2%}.hero-pos-brand{top:0;width:24%;left:40%}.package-picture{position:relative;top:auto}.package-picture-copy{padding:27px!important}.package-devices{width:88%;margin:10px auto 25px;aspect-ratio:1.5}.package-picture-copy>strong{font-size:49px}.online-card .order-visual{padding:25px 6%;gap:5%}.online-card .qr-sign{width:44%;flex-basis:44%;padding:14px 9px}.qr-sign strong{font-size:14px}.new-kiosk{width:65%;top:20px;bottom:-8px}.contact-section{padding:55px 5% 35px}.contact-copy h2{font-size:39px}.contact-copy>p:not(.eyebrow){max-width:320px}.contact-art{width:100%;aspect-ratio:1.45;margin-top:30px}.full-terminal{bottom:28%}.full-system{bottom:0}.full-tablet{width:31%;left:1%}.full-kiosk{height:90%}.contact-copy .button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-pos-brand{animation:none}}
.hero-art{isolation:auto}.full-terminal{bottom:29%}.hero-pos-brand svg{mix-blend-mode:screen}@media(max-width:700px){.full-terminal{bottom:26.5%}}
.package-picture-copy{order:0}.package-devices{order:1}.package-caption{max-width:none}
.hero-art{min-height:650px}.hero-tablet.actual-hero{width:88%;max-width:540px;left:6%;top:26%;transform:rotate(-3deg)!important;animation:hero-gentle 8s ease-in-out infinite!important;z-index:2}.hero-pos-brand{top:7%;left:39%;width:25%;max-width:125px;z-index:1;opacity:.85;mix-blend-mode:normal}.hero-pos-brand img{display:block;width:100%;height:auto}.hero-art .receipt{bottom:19%;right:5%;width:81%;z-index:3}.hero-fact{position:absolute;bottom:3%;right:10%;width:81%;display:flex;align-items:center;gap:14px;background:#233b32;color:#f5f4eb;border:1px solid #5c766755;border-radius:12px;padding:17px 19px;z-index:3}.hero-fact>span{font-size:25px;color:#ffa348}.hero-fact strong{display:block;font-size:16px}.hero-fact small{display:block;font-size:12px;line-height:1.5;color:#c2cec4;margin-top:5px}@keyframes hero-gentle{50%{translate:0 -9px;rotate:1deg}}
.online-card .phone-model:has(.actual-order-screen){width:154px;flex:0 1 154px;min-width:0;height:auto;max-height:none;aspect-ratio:auto;border-width:3px;padding:6px 0 0;border-radius:21px}.order-grid .phone-model .actual-order-screen{width:100%;height:auto;object-fit:initial;display:block;border-radius:0 0 17px 17px}.full-laptop{width:33%;left:0;bottom:36%}.full-printer{width:12.5%;left:68%;bottom:8%}.package-laptop{animation:package-lift 8s ease-in-out infinite}.package-tablet{animation:package-lift 7s ease-in-out -3s infinite}@keyframes package-lift{50%{translate:0 -9px}}
@media(min-width:1200px){.hero-art{min-height:680px}.hero-tablet.actual-hero{width:86%;left:7%;top:26%}.hero-pos-brand{top:7%}}
@media(max-width:700px){.hero-art{min-height:540px}.hero-tablet.actual-hero{width:90%;left:5%;top:25%}.hero-pos-brand{width:24%;left:39%;top:3%}.hero-art .receipt{bottom:21%;width:88%;right:3%;padding:15px}.hero-fact{bottom:4%;right:6%;width:88%;padding:15px}.hero-fact strong{font-size:14px}.hero-fact small{font-size:11px}.online-card .phone-model:has(.actual-order-screen){flex:0 1 140px;width:140px}.full-laptop{width:33%;bottom:36%}.full-printer{left:68%;width:12.5%;bottom:8%}}
@media(prefers-reduced-motion:reduce){.hero-tablet.actual-hero,.package-laptop,.package-tablet{animation:none!important}}
.online-card .qr-sign{max-width:180px}
.hero-tablet.actual-hero{top:16%}.hero-art .receipt,.hero-fact{width:310px;max-width:88%;height:90px;box-sizing:border-box;right:7%;bottom:auto;padding:16px 18px;animation:card-arrive .8s both,card-drift 7s 1.2s ease-in-out infinite}.hero-art .receipt{top:64%;z-index:3;transform:rotate(3deg);animation-delay:.25s,1.1s}.hero-fact{top:75%;right:12%;z-index:4;transform:rotate(-3deg);animation-delay:.5s,1.4s}.hero-fact strong{font-size:14px}.hero-fact small{font-size:11px}.hero-art .receipt strong{font-size:14px}.hero-art .receipt small{font-size:11px}.hero-art .receipt-icon{flex-shrink:0}@keyframes card-arrive{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}@keyframes card-drift{50%{translate:0 -7px}}
.contact-art{background:radial-gradient(ellipse at 50% 55%,#ffb61c88 0%,#fa841747 36%,#d56b1420 53%,transparent 72%)}.full-kiosk{left:67%}.full-portable{left:86%}.full-printer{left:68%;bottom:8%}.full-laptop{left:0;bottom:37%}.community-seal{white-space:nowrap;font-size:10px}
/* Shorter travel per chapter without intercepting wheel or touch scrolling. */
.business-section{height:340svh}.industry-images .industry-image{transition:opacity .35s ease,transform .7s ease}
@media(min-width:1200px){.hero-tablet.actual-hero{top:14%}.hero-art .receipt{top:62%}.hero-fact{top:73%}}
@media(max-width:700px){.hero-tablet.actual-hero{top:10%}.hero-art{min-height:460px}.hero-art .receipt{top:59%;right:4%;width:290px;max-width:89%;height:84px}.hero-fact{top:74%;right:9%;width:290px;max-width:89%;height:84px}.business-section{height:310svh}.community-seal{font-size:8px;max-width:94%;padding:10px}}
@media(prefers-reduced-motion:reduce){.hero-art .receipt,.hero-fact{animation:none}.business-section{height:auto}}
.hero-art .receipt{top:54%}.hero-fact{top:67%}@media(min-width:1200px){.hero-art .receipt{top:54%}.hero-fact{top:67%}}@media(max-width:700px){.hero-art .receipt{top:59%}.hero-fact{top:78%}}
/* Compact section rhythm and balanced card colors. */
.section:not(.business-section){padding-top:58px;padding-bottom:58px}.section-heading{margin-bottom:32px}.package-lead{margin-bottom:32px}.community-heading{margin-bottom:30px}.industry-top{display:none}.industry-pin{padding-top:25px}.contact-section{padding-top:50px;padding-bottom:16px}.hero{padding-top:24px}.hero-footer{padding-top:0;padding-bottom:0}.hero-copy>.eyebrow{display:none}.hero-art{min-height:590px}.hero-art .receipt{left:50%;right:auto;margin-left:-140px;background:#233b32;color:#f5f4eb;border:1px solid #5c766755}.hero-art .receipt small{color:#c2cec4}.hero-art .receipt-icon{background:#45604c;color:#f1f7e7}.hero-fact{left:50%;right:auto;margin-left:-160px;background:#f8f7ee;color:#1b2a22;border:1px solid #fff7}.hero-fact small{color:#586459}.hero-fact>span{color:#e77713}.contact-art{background:radial-gradient(ellipse at 50% 80%,#ffb61c88 0%,#fa841752 43%,#d56b1426 66%,transparent 88%)}.full-printer{left:66.5%}.contact-art:before{content:'';position:absolute;inset:15% -8% -25%;z-index:-1;background:radial-gradient(ellipse at 50% 70%,#f7a82236,transparent 73%);pointer-events:none}.community-gallery{margin-top:20px;margin-bottom:30px}
@media(min-width:1200px){.hero-art{min-height:610px}}
@media(max-width:700px){.section:not(.business-section){padding-top:40px;padding-bottom:40px}.contact-section{padding-top:38px;padding-bottom:10px}.section-heading{margin-bottom:24px}.hero-art{min-height:440px}.hero-art .receipt{left:50%;right:auto;margin-left:-137px}.hero-fact{left:50%;right:auto;margin-left:-150px}.industry-pin{padding-top:15px}.full-printer{left:66.5%}.hero-copy>.eyebrow{display:none}}
.hero-fact>.receipt-icon{background:#dedfda;color:#626762;font-size:16px}
.contact-section{background:radial-gradient(ellipse at 50% 84%,#ffb61c70 0%,#fa84173b 27%,#d56b1418 48%,transparent 70%),#17211e}.contact-art{background:none}.contact-art:before{display:none}
/* Clear navigation and a compact, naturally sized hero composition. */
header nav{gap:8px}header nav a{padding:10px 14px;border:1px solid #ffffff29;border-radius:9px;background:#ffffff08;transition:background .2s,border-color .2s,transform .2s;white-space:nowrap}header nav a:hover,header nav a:focus-visible{background:#ff891720;border-color:#ff8917;transform:translateY(-2px);color:#ffad61}
.full-system .full-tablet{transform:none}
.contact-copy>.button{font-size:18px;padding:22px 28px;border-radius:14px;background:linear-gradient(115deg,#ffb729,#ff8618 65%,#ff6c12);border:1px solid #ffc96b;box-shadow:0 8px 0 #a94a0b,0 18px 45px #ff95163b;gap:28px;transition:transform .2s,box-shadow .2s}.contact-copy>.button span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#182a23;color:#ffb32a}.contact-copy>.button:hover{transform:translateY(-3px);box-shadow:0 11px 0 #a94a0b,0 22px 55px #ff951657}.contact-copy>.button:focus-visible{outline:3px solid #fff;outline-offset:6px}
@media(min-width:701px){.hero{padding-top:8px;padding-bottom:0;align-items:center}.hero-copy{padding:18px 0 22px}.hero-art{min-height:0;display:flex;flex-direction:column;align-items:center;padding:12px 0 18px}.hero-tablet.actual-hero{position:relative;top:auto;left:auto;width:86%;max-width:490px;margin:0 auto 26px;flex:none}.hero-art .receipt,.hero-art .hero-fact{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin:0;flex:none}.hero-art .receipt{margin-left:20px}.hero-art .hero-fact{margin-top:-9px;margin-left:-20px}.hero-footer a{padding:8px 20px;font-size:10px}.hero-note{margin-top:18px}.hero h1{font-size:clamp(44px,5.5vw,72px)}.hero .intro{margin-top:22px;margin-bottom:26px}}
@media(max-width:1000px) and (min-width:701px){header{gap:12px}header nav a{padding:9px 8px;font-size:11px}header nav{gap:5px}header .brand{width:125px}}
@media(max-width:700px){header.menu-open nav{gap:8px}header nav a{padding:12px 16px}.contact-copy>.button{font-size:15px;padding:17px 18px;gap:15px}.contact-copy>.button span{width:34px;height:34px}}
.contact-copy>.button{padding:12px 24px;font-size:16px;border-radius:11px;gap:22px;box-shadow:0 5px 0 #a94a0b,0 14px 35px #ff951630}.contact-copy>.button span{width:32px;height:32px}.contact-copy>.button:hover{box-shadow:0 8px 0 #a94a0b,0 18px 40px #ff951645}@media(max-width:700px){.contact-copy>.button{padding:11px 18px;font-size:14px;gap:14px}.contact-copy>.button span{width:28px;height:28px}}

/* Editorial cleanup: centered local badge and non-interactive ordering label. */
.community-seal{justify-content:center;text-align:center;transform:translateX(-50%);min-width:300px}
.static-link{cursor:default;pointer-events:none}

/* Compact language selector that follows the existing header styling. */
.language-picker{position:relative;display:inline-flex;align-items:center;flex:none}
.language-trigger{display:flex;align-items:center;gap:8px;min-width:88px;min-height:38px;padding:7px 9px;border:1px solid #ffffff29;border-radius:9px;background:#ffffff08;color:#f5f4eb;font:600 12px/1.2 Manrope,sans-serif;cursor:pointer}
.language-trigger:hover,.language-trigger:focus-visible,.language-picker.open .language-trigger{border-color:#ff8917;background:#ff891719;outline:none}
.language-flag{display:block;width:22px;height:14px;border-radius:2px;background:center/cover no-repeat url('assets/flag-en.svg');box-shadow:0 0 0 1px #ffffff35;flex:none}
.language-picker[data-language="es"] .language-flag{background-image:url('assets/flag-es.svg')}
.language-picker[data-language="pap"] .language-flag{background-image:url('assets/flag-pap.svg')}
.language-code{min-width:24px;text-align:left}.language-chevron{margin-left:auto;font-size:16px;line-height:1;transition:transform .2s}.language-picker.open .language-chevron{transform:rotate(180deg)}
.language-menu{position:absolute;top:calc(100% + 7px);right:0;z-index:30;min-width:112px;padding:5px;border:1px solid #ffffff29;border-radius:10px;background:#1b1b19;box-shadow:0 12px 30px #0008}
.language-menu[hidden]{display:none}.language-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#f5f4eb;font:600 12px/1.2 Manrope,sans-serif;text-align:left;cursor:pointer}.language-menu button:hover,.language-menu button:focus-visible,.language-menu button[aria-selected="true"]{background:#ff891722;outline:none}.language-menu img{width:24px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #ffffff35}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.language-trigger{min-width:82px;padding:6px 8px;font-size:11px}.language-flag{width:20px;height:13px}}
@media(max-width:700px){.language-picker{margin-left:auto}.language-trigger{min-width:76px;min-height:34px;padding:6px 7px;gap:7px;font-size:10px}.language-flag{width:20px;height:13px}.language-menu{min-width:106px}header .button.small{margin-left:0}}
@media(max-width:520px){header{padding-left:4%;padding-right:4%;gap:6px;justify-content:flex-start}header .brand{width:90px}.language-picker{margin-left:auto}.language-trigger{min-width:44px;padding:5px 6px;gap:5px}.language-code{display:none}.language-chevron{font-size:13px}header .button.small{flex:none;padding:8px 8px;font-size:9px;gap:5px;white-space:nowrap}header .button.small span{font-size:13px}.mobile-menu-toggle{flex:none;padding:8px 0;font-size:10px;gap:4px}.mobile-menu-toggle span{font-size:16px}}
@media(max-width:340px){header{gap:4px}header .brand{width:82px}.language-trigger{min-width:40px;padding-inline:5px}header .button.small{font-size:8.5px;padding-inline:6px}.mobile-menu-toggle{font-size:9px}}
/* Consistent logo frames keep the supplied artwork intact and names readable. */
.customer-card{justify-content:flex-start}
.customer-logo{display:flex;align-items:center;justify-content:center;width:100%;height:87px;flex:none;overflow:hidden;border-radius:7px;background:#fff}
.customer-card .customer-logo img{width:100%;height:100%;object-fit:contain;border-radius:0;transform:scale(var(--logo-scale,1))}
.customer-card figcaption{white-space:normal;text-overflow:clip;font-size:10px;line-height:1.25;min-height:25px;margin-top:5px;display:flex;align-items:center;justify-content:center;width:100%}
@media(max-width:700px){.customer-logo{height:76px}.customer-card figcaption{font-size:9px;line-height:1.25;min-height:23px;margin-top:4px}}