.customer-intro-zone{margin:22px 0 20px;padding:18px;border:1px solid #dbe5f5;border-radius:28px;background:linear-gradient(145deg,#fff 0%,#f1f6ff 55%,#fff8f2 100%);box-shadow:0 16px 38px rgba(15,35,76,.1)}.service-spaces{margin:0;padding:4px;border:0;border-radius:0;background:transparent;box-shadow:none}
.service-spaces-copy h2{margin:0 0 4px;font-size:clamp(23px,3vw,34px);color:#10234b}.service-spaces-copy>p:last-child{margin:0;color:#66738c}
.service-space-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.service-space-card{--accent:#2864ee;--accent-soft:#7ba3ff;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(118px,34%) 1fr;align-items:center;gap:12px;min-height:176px;padding:15px 18px 15px 8px;text-align:left;border:0;border-radius:25px;background:radial-gradient(circle at 8% 12%,rgba(123,163,255,.46),transparent 38%),linear-gradient(120deg,#f8fbff 0%,#dfeaff 50%,#f8fbff 100%);background-size:100% 100%,220% 100%;color:#10234b;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;box-shadow:0 12px 28px rgba(24,64,135,.13),inset 0 0 0 1px rgba(40,100,238,.16)}
.service-space-card::before{content:"";position:absolute;z-index:-1;inset:0;padding:2px;border-radius:inherit;background:linear-gradient(120deg,transparent 15%,var(--accent-soft),var(--accent),transparent 82%);background-size:240% 100%;opacity:.35;animation:serviceBorderFlow 5.2s linear infinite;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.service-space-card::after{content:"";position:absolute;inset:-40% auto -40% -35%;width:28%;z-index:-1;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);animation:serviceShine 4.8s ease-in-out infinite}
.service-space-card:hover{transform:translateY(-6px) scale(1.018);box-shadow:0 22px 38px rgba(28,75,166,.21),inset 0 0 0 1px rgba(40,100,238,.22)}.service-space-card:active{transform:translateY(-1px) scale(.98);transition-duration:.1s}.service-space-card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,white);outline-offset:3px}.service-space-card.active{background-position:0 0,100% 0;box-shadow:0 16px 32px rgba(40,100,238,.22),inset 0 0 0 2px var(--accent)}.service-space-card.restaurant{--accent:#f26522;--accent-soft:#ffb36f;background:radial-gradient(circle at 8% 12%,rgba(255,179,111,.52),transparent 38%),linear-gradient(120deg,#fffaf5 0%,#ffe5cf 50%,#fff9f2 100%);background-size:100% 100%,220% 100%;box-shadow:0 12px 28px rgba(202,89,25,.13),inset 0 0 0 1px rgba(242,101,34,.15)}.service-space-card.restaurant.active{box-shadow:0 16px 32px rgba(226,91,24,.21),inset 0 0 0 2px var(--accent)}
.service-space-art{position:relative;display:grid;place-items:center;width:100%;height:142px;animation:serviceArtFloat 3.4s ease-in-out infinite;filter:drop-shadow(0 13px 12px rgba(29,44,82,.2));transition:transform .35s ease}.service-space-art::after{content:"";position:absolute;z-index:-1;width:82%;height:34%;bottom:3px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,transparent);filter:blur(10px);animation:serviceShadowPulse 3.4s ease-in-out infinite}.service-space-art img{display:block;width:145%;max-width:none;height:145%;object-fit:contain}.service-space-card.restaurant .service-space-art{animation-delay:-1.7s}.service-space-card:hover .service-space-art{transform:rotate(-3deg) scale(1.08)}.service-space-text{position:relative;z-index:2;display:flex;min-width:0;flex-direction:column;align-items:flex-start}.service-space-text>i{margin-bottom:7px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-size:10px;font-style:normal;font-weight:900;letter-spacing:.04em}.service-space-card b,.service-space-card small{display:block;position:relative}.service-space-card b{font-size:18px;line-height:1.2}.service-space-card small{margin-top:6px;color:#66738c;line-height:1.35}.service-space-card em{display:flex;align-items:center;gap:6px;margin-top:13px;padding:7px 11px;border-radius:12px;background:var(--accent);color:#fff;font-size:12px;font-style:normal;font-weight:850;box-shadow:0 7px 15px color-mix(in srgb,var(--accent) 28%,transparent);transition:transform .25s ease,box-shadow .25s ease}.service-space-card em strong{font-size:17px;line-height:.7;transition:transform .25s ease}.service-space-card:hover em{transform:translateY(-1px);box-shadow:0 10px 20px color-mix(in srgb,var(--accent) 38%,transparent)}.service-space-card:hover em strong{transform:translateX(4px)}
@keyframes serviceBorderFlow{to{background-position:240% 0}}@keyframes serviceShine{0%,58%{left:-35%;opacity:0}68%{opacity:.9}85%,100%{left:115%;opacity:0}}@keyframes serviceArtFloat{0%,100%{translate:0 1px}50%{translate:0 -7px}}@keyframes serviceShadowPulse{0%,100%{scale:.88;opacity:.55}50%{scale:1.06;opacity:.85}}
html[data-service-mode="restaurant"] .catalog-section{background:linear-gradient(180deg,#fffaf6,#fff)}
html[data-service-mode="restaurant"] .catalog-products-heading{display:none}
html[data-service-mode="restaurant"] #catalog-eyebrow,html[data-service-mode="restaurant"] #catalog-title{display:none}
@media(max-width:680px){.customer-intro-zone{margin:10px 0 14px;padding:10px;border-radius:22px}.customer-intro-zone>.hero{margin-top:10px}.service-spaces{padding:0}.service-spaces-copy{padding:2px 4px 0}.service-spaces-copy h2{font-size:20px}.service-spaces-copy>p:last-child{display:none}.service-space-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.service-space-card{display:flex;min-width:0;min-height:126px;padding:6px 6px 8px;gap:0;border-radius:18px;flex-direction:column;justify-content:flex-end}.service-space-art{position:absolute;top:-8px;right:-4px;width:92px;height:86px;opacity:.98}.service-space-art img{width:145%;height:145%}.service-space-text{width:100%;min-height:72px;justify-content:flex-end}.service-space-text>i{align-self:flex-start;margin:0 0 4px;padding:3px 6px;max-width:88%;font-size:7px;white-space:nowrap}.service-space-card b{max-width:92%;font-size:12px;line-height:1.15}.service-space-card small{display:none}.service-space-card em{align-self:flex-start;margin-top:6px;padding:5px 7px;font-size:8px}.service-space-card em strong{font-size:13px}.customer-intro-zone .hero{border-radius:18px;padding:14px 13px}.customer-intro-zone .hero-copy h1{font-size:23px}.customer-intro-zone .hero-copy .hero-text{font-size:10px;-webkit-line-clamp:1}.customer-intro-zone .news-carousel{min-height:118px}}
@media(prefers-reduced-motion:reduce){.service-space-card::before,.service-space-card::after,.service-space-art,.service-space-art::after{animation:none}.service-space-card{transition:none}}
.service-promo-carousel{position:relative;margin-top:16px;min-height:410px;border-radius:24px;overflow:hidden;box-shadow:0 22px 54px rgba(55,48,163,.26)}.service-promo-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,6vw,62px);color:#fff;text-decoration:none;opacity:0;visibility:hidden;transform:translateX(7%);transition:opacity .48s ease,transform .48s ease,visibility .48s}.service-promo-slide.active{opacity:1;visibility:visible;transform:none;z-index:2}.service-promo-slide.grocery{background:radial-gradient(circle at 85% 12%,#8d5cff 0,transparent 34%),linear-gradient(135deg,#1646d8,#6529dd 72%,#7b35e9)}.service-promo-slide.restaurant{background:radial-gradient(circle at 82% 12%,#ffcf6d 0,transparent 32%),linear-gradient(135deg,#e94622,#f26b24 58%,#ff9a3c)}.service-promo-slide .hero-copy{max-width:720px}.service-promo-slide h1{margin:0;font-size:clamp(34px,5vw,56px);line-height:1.12}.service-promo-slide h1 span{display:block}.service-promo-slide h1 span+span{margin-top:5px;color:#ffbd78}.service-promo-slide.restaurant h1 span+span{color:#fff1ba}.service-promo-slide .hero-text{max-width:600px}.service-promo-slide .courier-delivery-strip{width:min(100%,520px)}.promo-open{position:absolute;right:24px;bottom:22px;display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #ffffff55;border-radius:14px;background:#ffffff1c;box-shadow:0 8px 20px #3b176633;font-size:12px}.promo-open span{font-size:18px;transition:transform .2s}.service-promo-slide:hover .promo-open span{transform:translateX(4px)}.service-promo-dots{position:absolute;z-index:4;left:50%;bottom:18px;display:flex;gap:6px;transform:translateX(-50%)}.service-promo-dots i{width:7px;height:7px;border-radius:99px;background:#ffffff78;transition:width .3s,background .3s}.service-promo-dots i.active{width:24px;background:#fff}.landing-news-section{margin-top:14px;padding:14px;border:1px solid #dbe5f5;border-radius:22px;background:#fff;box-shadow:0 12px 28px rgba(15,35,76,.08)}.landing-news-section>h2{margin:0 0 10px;color:#10234b;font-size:18px}.landing-news-section .news-carousel{min-height:150px;background:linear-gradient(135deg,#f2f6ff,#fff7f1);border-color:#dbe5f5;color:#10234b}.landing-news-section .news-carousel-top small,.landing-news-section .news-slide p{color:#66738c}.landing-news-section .news-arrow{background:#e9f0ff;border-color:#d0ddf5;color:#214fc4}.landing-news-section .news-dots button{background:#b9c8e6}.landing-news-section .news-dots button.active{background:#ff713d}
@media(max-width:680px){.service-promo-carousel{margin-top:10px;min-height:338px;border-radius:18px}.service-promo-slide{padding:18px 14px 46px}.service-promo-slide h1{font-size:25px}.service-promo-slide .hero-text{font-size:11px;line-height:1.45;margin-top:9px}.service-promo-slide .eyebrow{font-size:8px;margin-bottom:7px}.service-promo-slide .courier-delivery-strip{height:62px;margin-top:12px}.promo-open{right:12px;bottom:12px;padding:7px 9px;font-size:9px}.service-promo-dots{bottom:16px}.landing-news-section{padding:10px;border-radius:18px}.landing-news-section .news-carousel{min-height:128px}.landing-news-section>h2{font-size:16px;margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){.service-promo-slide{transition:none}}
.service-promo-carousel{touch-action:pan-y;overscroll-behavior-x:contain;user-select:none;-webkit-user-select:none}
.service-space-options{position:relative;z-index:4;margin-bottom:0}.service-promo-carousel{margin-top:0;border-radius:0 0 24px 24px}.service-space-card{border-radius:25px 25px 0 0}.service-space-card.active{color:#fff;background:radial-gradient(circle at 8% 12%,rgba(141,92,255,.7),transparent 38%),linear-gradient(135deg,#1646d8,#6529dd 72%,#7b35e9);box-shadow:0 -8px 24px rgba(55,48,163,.16),inset 0 0 0 2px rgba(255,255,255,.22)}.service-space-card.restaurant.active{color:#fff;background:radial-gradient(circle at 8% 12%,rgba(255,207,109,.62),transparent 38%),linear-gradient(135deg,#e94622,#f26b24 58%,#ff9a3c);box-shadow:0 -8px 24px rgba(226,91,24,.18),inset 0 0 0 2px rgba(255,255,255,.24)}.service-space-card.active .service-space-text>i{background:#ffffff28;color:#fff}.service-space-card.active small{color:#f4f6ff}.service-space-card.restaurant.active small{color:#fff7e8}.service-space-card.active em{background:#ffffff;color:#315bd8;box-shadow:0 7px 15px rgba(20,34,94,.2)}.service-space-card.restaurant.active em{color:#e95322}.service-space-card.active::after{opacity:.75}.service-space-card.active::before{opacity:0}
@media(max-width:680px){.service-promo-carousel{margin-top:0;border-radius:0 0 18px 18px}.service-space-card{border-radius:18px 18px 0 0}}
.service-promo-slide:not(.active) .cargo-courier{animation:none!important}.service-promo-slide.active .cargo-courier{animation-duration:5.8s!important;animation-delay:0s!important;animation-iteration-count:infinite!important}.service-promo-slide:not(.active) .delivery-cloud{animation-play-state:paused}.service-promo-slide.active .delivery-cloud{animation-play-state:running}
.service-space-card.active{border-bottom-color:transparent;background:linear-gradient(180deg,#6540ed 0%,#4a3be6 64%,#2d4be0 100%);box-shadow:none}.service-space-card.restaurant.active{border-bottom-color:transparent;background:linear-gradient(180deg,#ff9a3c 0%,#f4772d 64%,#ed5a25 100%);box-shadow:none}.service-promo-slide.grocery{background:linear-gradient(180deg,#2d4be0 0%,#5338e5 34%,#672ee1 100%)}.service-promo-slide.restaurant{background:linear-gradient(180deg,#ed5a25 0%,#f36e28 34%,#ff963b 100%)}.service-space-card.active::before,.service-space-card.restaurant.active::before{opacity:0}.service-space-card.active::after,.service-space-card.restaurant.active::after{bottom:0}
.service-promo-slide::before{content:"";position:absolute;z-index:5;top:-35%;bottom:-35%;left:-42%;width:26%;pointer-events:none;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),rgba(255,255,255,.12),transparent);filter:blur(.3px);mix-blend-mode:screen;opacity:0}.service-promo-slide.active::before{animation:promoBannerShine 4.8s ease-in-out infinite}@keyframes promoBannerShine{0%,55%{left:-42%;opacity:0}64%{opacity:.75}84%{left:118%;opacity:.55}85%,100%{left:118%;opacity:0}}@media(prefers-reduced-motion:reduce){.service-promo-slide::before{animation:none!important;display:none}}
@media(max-width:680px){.service-promo-carousel{min-height:280px}.service-promo-slide{padding-top:14px;padding-bottom:42px}.service-promo-slide h1{font-size:23px;line-height:1.08}.service-promo-slide .hero-text{margin-top:7px;-webkit-line-clamp:1}.service-promo-slide .courier-delivery-strip{height:56px;margin-top:9px}}
.service-space-card.active::after,.service-space-card.restaurant.active::after{bottom:24px}.service-space-card.active{background:linear-gradient(180deg,#6540ed 0%,#4a3be6 58%,#2d4be0 82%,#2d4be0 100%)}.service-space-card.restaurant.active{background:linear-gradient(180deg,#ff9a3c 0%,#f4772d 58%,#ed5a25 82%,#ed5a25 100%)}
@media(max-width:680px){.service-promo-carousel{min-height:255px}.service-promo-slide{padding-top:11px;padding-bottom:37px}.service-promo-slide h1{font-size:22px}.service-promo-slide .hero-text{margin-top:5px}.service-promo-slide .courier-delivery-strip{height:52px;margin-top:7px}.promo-open{bottom:9px}.service-promo-dots{bottom:13px}}
.service-spaces .service-space-options{margin-top:0}
.landing-news-section .news-carousel{margin-top:0}
/* Let both floating service illustrations rise beyond their card edge. */
.service-space-options{overflow:visible}
.service-space-card{overflow:visible}
/* The grocery illustration crosses the gap in front of the restaurant card. */
.service-space-card:not(.restaurant){z-index:3}
.service-space-card.restaurant{z-index:2}
@media(max-width:680px){
  .service-space-art{left:50%;right:auto;margin-left:-46px}
}
/* Keep landing surfaces readable when the profile selects dark mode. */
html[data-theme="dark"] :is(.customer-intro-zone,.landing-news-section){background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow)}
html[data-theme="dark"] .landing-news-section .news-carousel{background:var(--surface-muted);color:var(--text);border-color:var(--border)}
html[data-theme="dark"] :is(.service-spaces-copy h2,.landing-news-section>h2,.landing-news-section .news-slide h3){color:var(--text)}
html[data-theme="dark"] :is(.service-spaces-copy>p:last-child,.landing-news-section .news-carousel-top small,.landing-news-section .news-slide p){color:var(--muted)}
html[data-theme="dark"] .landing-news-section :is(.news-visual,.news-arrow,.news-carousel-top>span){background:var(--surface);color:#a6beff;border-color:var(--border)}
html[data-theme="dark"] .landing-news-section .news-tag{color:#ffc2a8}
html[data-theme="dark"] .landing-news-section .news-dots button:not(.active){background:var(--muted)}
html[data-theme="dark"] .service-space-card:not(.active){background:linear-gradient(120deg,#1b2b49,#263c61);color:var(--text)}
html[data-theme="dark"] .service-space-card.restaurant:not(.active){background:linear-gradient(120deg,#32231f,#51372a);color:var(--text)}
html[data-theme="dark"] .service-space-card:not(.active) small{color:var(--muted)}
html[data-theme="dark"] .service-space-card:not(.active) .service-space-text>i{background:var(--surface-muted);color:#a6beff}
html[data-theme="dark"] .service-space-card.restaurant:not(.active) .service-space-text>i{color:#ffbc91}