/* Hybrid 3D scenes: generated physical objects + real logos + editable rails. */
.skip-link{top:-100px;transform:none}.skip-link:focus{top:12px;transform:none}
.return-track{width:100%;height:54px;margin-block:5px}.return-track>svg{width:100%;height:54px;overflow:visible;fill:none;stroke-linejoin:round;stroke-linecap:round}.return-track .track-shadow{stroke:#b1c2ce;stroke-width:14;transform:translateY(3px)}.return-track .track-surface{stroke:#e2ebf0;stroke-width:10}.return-track .track-signal{stroke:#64899d;stroke-width:5;stroke-dasharray:5 430;animation:track-signal-travel 5s linear infinite;animation-play-state:paused}.return-track>.rail-down{display:none}.is-visible .track-signal{animation-play-state:running}.flow-paused .track-signal{animation-play-state:paused}@keyframes track-signal-travel{from{stroke-dashoffset:435}to{stroke-dashoffset:0}}
.hero{grid-template-columns:.88fr 1.12fr;gap:42px;padding-top:52px}.hero h1{font-size:clamp(2.65rem,4vw,3.75rem)}.scene{background:#e7edf0;padding:18px 20px;border-radius:15px;box-shadow:0 9px 0 #9eaebd12,0 16px 30px #050b1426}.scene-support,.scene-offers{background:#e7edf0}.scene-heading{margin-bottom:9px}.scenes{gap:15px}.hero-visual{min-width:0}.commerce-diagram{--track:#d4dfe5;--track-shadow:#afbec9;--signal:#638795;color:#233443;width:100%;min-width:0}.flow-row{display:flex;align-items:center;justify-content:center;gap:0;position:relative;width:100%;min-width:0}.source-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:relative;z-index:1;flex:1;min-width:0}.brand-logo{display:flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none}.brand-logo img{height:30px;width:92px;object-fit:contain;max-width:100%;flex-shrink:1}.brand-allegro img,.brand-kaufland img,.brand-erli img,.brand-empik img{height:34px}.brand-woo img{width:58px;height:29px}.brand-apilo img{width:82px}.brand-fakturownia img{width:96px;height:25px}.brand-inpost img{width:74px;height:26px}.brand-meta img,.brand-instagram img,.brand-chrome img,.brand-sheets img{width:27px;height:27px}.source-platforms .brand-logo,.shop-tile{position:relative;background:linear-gradient(135deg,#fff 15%,#f7f9fa 75%,#e4eaf0);border:1px solid #f8fafb;border-bottom:3px solid #bdcbd5;border-right:2px solid #c8d3dc;border-radius:8px;box-shadow:0 5px 0 #c5d1d9,0 9px 12px #344e6520;padding:4px 9px;min-height:57px}.shop-tile{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.625rem;font-weight:600}.shop-tile .icon{width:22px;height:22px}.source-platforms .brand-logo:hover{background:#fff;border-color:#829caf}.source-platforms .brand-shopify{min-width:96px}.source-platforms .brand-shopify img{width:80px;min-width:80px}.object-sprite{width:132px;height:132px;background-image:url('assets/commerce-objects.png');background-size:200% 200%;background-repeat:no-repeat;flex-shrink:0;max-width:100%;border-radius:12px}.sprite-parcels{background-position:0 0}.sprite-printer{background-position:100% 0}.sprite-radiator{background-position:0 100%}.sprite-terminal{background-position:100% 100%}.flow-module{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;flex:1}.flow-module>strong{display:block;font-size:.6875rem;font-weight:600;line-height:1.4;text-align:center;max-width:100%;margin-top:3px}.flow-module>small{font-size:.625rem;line-height:1.4;color:#526170;text-align:center;margin-top:4px}.module-brand{margin-top:-18px;margin-bottom:3px;background:#f7f9fb;border-radius:4px;z-index:2;border:1px solid #d3dee5;padding:0 7px}.module-brand .brand-logo{min-height:32px}.module-brand .brand-logo img{height:24px}.flow-rail{display:block;position:relative;flex:0 0 30px;height:11px;background:linear-gradient(#f7fafb 0%,var(--track) 50%,#bcccd7 100%);box-shadow:0 4px 0 var(--track-shadow),0 6px 5px #2b405315;border-radius:4px;margin-inline:-2px;z-index:0}.flow-rail::before{content:"";position:absolute;width:5px;height:5px;right:4px;top:3px;border-right:1px solid #617c8d;border-top:1px solid #617c8d;transform:rotate(45deg)}.flow-rail i,.flow-rail b{position:absolute;display:block;width:7px;height:7px;top:1px;left:0;background:#7895a7;border-radius:2px;box-shadow:0 2px 0 #496272,1px 3px 2px #405a7333;animation:order-travel 4s linear infinite;animation-play-state:paused;opacity:0}.flow-rail b{animation-delay:2s;background:#e7bb81;box-shadow:0 2px 0 #a88860}.is-visible .flow-rail i,.is-visible .flow-rail b{animation-play-state:running}.flow-paused .flow-rail i,.flow-paused .flow-rail b{animation-play-state:paused}.flow-rail.rail-down{width:11px;height:28px;flex-basis:auto;align-self:center;margin:8px auto;box-shadow:3px 0 0 var(--track-shadow),5px 2px 5px #2b405315;background:linear-gradient(90deg,#f7fafb,var(--track),#bcccd7)}.flow-rail.rail-down::before{top:auto;bottom:4px;right:3px;transform:rotate(135deg)}.flow-rail.rail-down i,.flow-rail.rail-down b{top:0;left:2px;animation-name:order-travel-down}.hero-orders-row{padding-block:8px 3px}.hero-orders-row .source-platforms{flex:1.35}.hero-orders-row .flow-module{flex:1}.hero-orders-row .object-sprite{width:130px;height:130px}.compact-flow .object-sprite{width:108px;height:108px}.compact-flow .source-platforms{grid-template-columns:1fr;gap:7px;max-width:128px}.compact-flow .source-platforms .brand-logo{min-height:34px;padding-block:0;box-shadow:0 3px 0 #c5d1d9,0 6px 8px #344e6514}.compact-flow .source-platforms .brand-logo img{height:25px}.compact-flow .source-platforms .brand-shopify{min-width:96px}.compact-flow>.flow-rail{flex-basis:38px}.ceramic-module{width:110px;min-height:90px;background:linear-gradient(140deg,#fff,#f7f9fa 60%,#dbe4eb);border:1px solid #fff;border-right:3px solid #bdcbd5;border-bottom:5px solid #cbd6de;box-shadow:0 5px 0 #b4c2cc,0 9px 13px #344e6522;border-radius:12px;position:relative;margin-block:7px 10px;flex-shrink:0}.message-object{padding:12px}.message-avatar{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#5d6c78 0 5px,transparent 5.5px),radial-gradient(ellipse at 50% 100%,#5d6c78 0 9px,transparent 9.5px),#dbe3e8}.speech-object{display:flex;flex-direction:column;gap:3px;background:#334a5b;border-radius:5px;position:absolute;right:12px;top:11px;width:40px;height:31px;padding:8px}.speech-object::after{content:"";position:absolute;bottom:-5px;left:7px;border-width:5px 5px 0 0;border-style:solid;border-color:#334a5b transparent transparent transparent}.speech-object i{height:2px;background:#e4edf2;border-radius:2px}.speech-object i:last-child{width:65%}.message-object>span{display:block;margin-top:13px;font-size:.625rem;line-height:1.45;color:#364c5c;font-weight:600}.reply-object{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;padding:12px}.reply-object>.icon{width:31px;height:31px;color:#354b5d;stroke-width:1.8}.reply-object>span:not(.success-seal){font-size:.625rem;line-height:1.4;text-align:center}.success-seal{position:absolute;right:3px;bottom:8px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;background:#608568;border:2px solid #f4f8f5;border-radius:50%;color:#fff;font-size:.8125rem;box-shadow:0 3px 5px #243f3526}.data-object{padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.data-stack{width:50px;height:40px;position:relative;transform:perspective(150px) rotateY(-12deg);margin-bottom:8px}.data-stack i{position:absolute;display:block;width:45px;height:26px;border:1px solid #7d91a1;background:linear-gradient(#f6f9fb,#d1dde5);border-radius:4px;box-shadow:2px 3px 1px #9aafbd}.data-stack i:nth-child(1){top:0;left:6px}.data-stack i:nth-child(2){top:6px;left:3px}.data-stack i:nth-child(3){top:12px;left:0}.data-object>strong{font-size:.6875rem;line-height:1.4}.data-object>span{font-size:.5rem;line-height:1.4;margin-top:4px;color:#526170}.motion-toggle{min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;margin:5px auto 0;background:transparent;border:0;color:#b7c4d2;font-size:.75rem;padding:8px 12px;text-decoration:underline;text-underline-offset:3px}.motion-toggle:disabled{text-decoration:none;cursor:default}.real-logo-strip{gap:15px!important}.real-logo-strip>.brand-logo{background:#f0f3f5;border-radius:6px;padding:5px 10px;min-width:100px;flex:1;max-width:130px}.real-logo-strip .brand-logo img{height:27px;max-width:92px}.real-logo-strip .brand-woo img{max-width:60px}
/* Larger case studies expose the whole route, instead of a dashboard thumbnail. */
.project{grid-template-columns:.82fr 1.18fr;gap:46px}.project-reverse{grid-template-columns:1.18fr .82fr}.process-art{background:#e7edf0;padding:50px 22px 28px;min-height:385px;overflow:visible;justify-content:center}.process-art .art-label{left:22px;top:20px}.process-art .object-sprite{width:150px;height:150px}.process-art .ceramic-module{width:128px;min-height:111px}.process-art .flow-module>strong{font-size:.75rem}.process-art .flow-module>small{font-size:.625rem}.process-art .flow-rail{flex-basis:35px}.order-upper{display:flex;align-items:center;justify-content:center;max-width:420px;margin-inline:auto}.order-upper .source-platforms{flex:1.1}.order-upper>.flow-module{flex:.9}.order-upper .object-sprite{width:140px;height:140px}.fulfillment-flow .object-sprite{width:145px;height:145px}.fulfillment-flow .flow-module{align-self:stretch;justify-content:flex-start}.fulfillment-flow .courier-object{width:130px;height:123px;min-height:123px;margin-top:9px}.courier-object svg{width:100%;height:100%;padding:8px}.fulfillment-flow .flow-rail{align-self:center;margin-top:-20px}.support-sources{max-width:390px;margin-inline:auto}.support-sources .source-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}.support-sources>span{display:block;text-align:center;font-size:.6875rem;color:#526170;margin-top:15px}.support-case-flow{align-items:center}.support-case-flow .ceramic-module{margin-top:12px}.support-case-flow .object-sprite{width:150px;height:150px}.reply-branch{display:flex;flex:1;flex-direction:column;min-width:0;gap:14px}.human-escalation{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.625rem;color:#526170;padding:8px 0;border-top:1px dashed #a2b5c2}.human-escalation .icon{width:14px;height:14px}.catalog-case-flow{padding-block:30px}.catalog-case-flow>.flow-module{min-height:195px;justify-content:flex-start}.catalog-case-flow .data-object{margin-top:28px;margin-bottom:24px}.accepted-offer>.success-seal{top:111px;bottom:auto;right:17px}.extra-diagram{margin-block:20px 24px}.extra-diagram .object-sprite{width:105px;height:105px}.extra-diagram .flow-module>strong{font-size:.625rem}.extra-diagram .module-brand{margin-top:-7px}.extra-diagram .module-brand .brand-logo{min-height:25px}.extra-diagram .module-brand .brand-logo img{height:25px}.extra-diagram .flow-rail{flex-basis:24px}.extra-diagram .ceramic-module{width:98px;min-height:90px}.magnifier-object{width:72px;height:72px;border:9px solid #7c8e9b;border-radius:50%;background:#f3f8fa;margin:15px 0 24px;box-shadow:inset 3px 4px 0 #c5d5df,2px 3px 0 #405767,5px 8px 9px #49647826;position:relative}.magnifier-object::after{content:"";position:absolute;height:35px;width:13px;background:linear-gradient(90deg,#4b6171,#a9bbc8,#506778);right:-17px;bottom:-24px;transform:rotate(-42deg);border-radius:4px}.sheets-object{padding:10px;position:relative}.sheets-object .brand-logo{min-height:30px}.sheets-object .brand-logo img{width:26px;height:26px}.sheet-grid{height:32px;margin-top:5px;background:repeating-linear-gradient(0deg,transparent 0 9px,#a8bdc9 9px 10px),repeating-linear-gradient(90deg,transparent 0 19px,#a8bdc9 19px 20px);border:1px solid #c1cfd8}.ads-sources{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.ads-sources .brand-logo{min-width:30px}.ads-sources .brand-logo img{max-width:56px}.chart-object{display:flex;align-items:flex-end;justify-content:center;gap:7px;padding:17px}.chart-object i{width:10px;height:26px;background:linear-gradient(90deg,#3d5568,#7d97a8);border-radius:2px;box-shadow:2px 2px 0 #b5c6d1}.chart-object i:nth-child(2){height:40px}.chart-object i:nth-child(3){height:33px}.chart-object i:nth-child(4){height:54px}.decision-object{display:flex;align-items:center;justify-content:center}.decision-object>span{display:flex;align-items:center;justify-content:center;border-radius:50%;width:48px;height:48px;background:#485f6e;color:#fff;font-size:1.625rem;border:4px solid #dae5ec;box-shadow:2px 4px 0 #9baebc}
@keyframes order-travel{0%{left:0;opacity:0}12%{opacity:1}80%{opacity:1}100%{left:calc(100% - 7px);opacity:0}}
@keyframes order-travel-down{0%{top:0;opacity:0}12%{opacity:1}80%{opacity:1}100%{top:calc(100% - 7px);opacity:0}}
@media(max-width:1100px){.hero{grid-template-columns:.85fr 1.15fr;gap:28px}.hero h1{font-size:3rem}.hero .scene{padding-inline:14px}.hero .flow-rail{flex-basis:21px}.hero .source-platforms{gap:8px}.hero .source-platforms .brand-logo{padding-inline:5px}.hero .source-platforms .brand-shopify{min-width:90px}.hero-orders-row .source-platforms{flex:1.55}.hero-orders-row .object-sprite{width:106px;height:106px}.compact-flow .object-sprite{width:96px;height:96px}.hero .ceramic-module{width:95px}.hero .flow-module>strong{font-size:.625rem}.hero .shop-tile{font-size:.5625rem;padding-inline:4px;gap:4px}.project{gap:28px;grid-template-columns:.8fr 1.2fr}.project-reverse{grid-template-columns:1.2fr .8fr}.process-art{padding-inline:16px}.process-art .object-sprite{width:125px;height:125px}.process-art .flow-rail{flex-basis:22px}.process-art .ceramic-module{width:105px}.fulfillment-flow .courier-object{width:105px;min-height:105px;height:105px}.process-art .flow-module>strong{font-size:.6875rem}.process-art .flow-module>small{font-size:.5625rem}.extra-diagram .object-sprite{width:90px;height:90px}.extra-diagram .ceramic-module{width:83px}.extra-diagram .flow-rail{flex-basis:16px}.extra-diagram .module-brand{padding-inline:3px}.source-platforms .brand-logo img{max-width:80px}}
@media(min-width:701px) and (max-width:900px){.hero{grid-template-columns:1fr;padding-top:44px}.hero-copy{max-width:620px}.hero h1{font-size:3.5rem}.hero h1 br.desktop-break{display:none}.hero .intro{max-width:560px}.hero-visual{max-width:680px;width:100%;margin-inline:auto}.hero .scene{padding-inline:24px}.hero-orders-row .source-platforms{flex:1}.hero-orders-row .object-sprite{width:135px;height:135px}.hero .ceramic-module{width:125px}.hero .flow-rail{flex-basis:45px}.project,.project-reverse{grid-template-columns:1fr}.project-reverse .project-copy{order:0}.project-art{max-width:640px;width:100%;margin-inline:auto}.process-art .object-sprite{width:165px;height:165px}.process-art .ceramic-module{width:145px}.extra-diagram .object-sprite{width:77px;height:77px}.extra-diagram .flow-rail{flex-basis:12px}.extra-diagram .ceramic-module{width:68px;min-height:76px}.extra-diagram .flow-module>strong{font-size:.5625rem}.extra-diagram .module-brand .brand-logo img{max-width:58px}.magnifier-object{width:53px;height:53px;border-width:7px}.ads-sources{gap:12px}}
/* On a phone, the same modules flow vertically, without scaling a wide canvas. */
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:32px;padding-top:40px}.hero h1{font-size:clamp(2.55rem,9vw,3.6rem)}.scene{padding:20px!important;min-height:0}.scene-heading{margin-bottom:16px}.scene-heading h2{font-size:.8125rem}.scene-selector{margin-bottom:13px}.hero .flow-row,.hero-orders-row,.compact-flow{flex-direction:column;gap:0}.hero .flow-module{flex:0 0 auto;width:100%}.hero .source-platforms{width:100%;max-width:280px;flex:none;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.source-platforms .brand-logo,.shop-tile{min-height:58px;padding:7px 12px}.hero .source-platforms .brand-logo img{height:31px;max-width:100px}.hero .source-platforms .brand-shopify img{width:88px}.hero .shop-tile{font-size:.6875rem}.hero .flow-rail,.process-art .flow-rail{width:11px;height:28px;flex:0 0 28px;margin:10px auto;background:linear-gradient(90deg,#f7fafb,var(--track),#bcccd7);box-shadow:3px 0 0 var(--track-shadow),5px 2px 5px #2b405315}.hero .flow-rail::before,.process-art .flow-rail::before{top:auto;bottom:4px;right:3px;transform:rotate(135deg)}.hero .flow-rail i,.hero .flow-rail b,.process-art .flow-rail i,.process-art .flow-rail b{top:0;left:2px;animation-name:order-travel-down}.hero .object-sprite,.hero-orders-row .object-sprite{width:148px;height:148px}.hero .flow-module>strong{font-size:.8125rem}.hero .flow-module>small{font-size:.75rem}.hero .ceramic-module{width:148px;min-height:118px;margin-block:8px 13px}.hero .message-object{padding:17px}.hero .message-avatar{width:25px;height:25px}.hero .speech-object{right:17px;top:18px;width:51px;height:36px}.hero .message-object>span{font-size:.8125rem;margin-top:16px}.hero .reply-object>.icon{width:38px;height:38px}.hero .reply-object>span:not(.success-seal){font-size:.75rem}.hero .data-object>strong{font-size:.8125rem}.hero .data-object>span{font-size:.625rem}.hero .compact-flow .source-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:280px;margin-bottom:8px}.hero .compact-flow .source-platforms .brand-logo{min-height:54px}.hero .compact-flow .source-platforms .brand-logo:last-child{grid-column:1/-1;justify-self:center;min-width:128px}.real-logo-strip{justify-content:flex-start!important;gap:10px!important}.real-logo-strip>.brand-logo{flex:0 1 calc(33.333% - 7px);min-width:88px;max-width:none;padding-inline:6px}.real-logo-strip .brand-shopify img{width:80px;min-width:80px}.project,.project-reverse{grid-template-columns:1fr;gap:24px}.process-art{padding:54px 22px 25px;min-height:0}.process-art .flow-row,.order-upper{flex-direction:column}.order-upper{width:100%}.order-upper>.source-platforms{width:100%;max-width:280px;flex:none}.process-art .flow-module{flex:none;width:100%}.process-art .object-sprite{width:180px;height:180px}.process-art .flow-module>strong{font-size:.9375rem}.process-art .flow-module>small{font-size:.75rem}.process-art .ceramic-module{width:166px;min-height:133px}.process-art .module-brand{margin-top:-14px;padding-inline:13px}.process-art .module-brand .brand-logo{min-height:38px}.process-art .module-brand .brand-logo img{width:95px;height:28px}.fulfillment-flow .flow-module{align-self:center}.fulfillment-flow .flow-rail{align-self:center;margin:10px auto}.fulfillment-flow .courier-object{width:166px;height:150px;margin-bottom:10px}.support-sources .source-platforms{grid-template-columns:repeat(2,minmax(0,1fr));max-width:280px;margin:auto}.support-sources .source-platforms .brand-logo:last-child{grid-column:1/-1;justify-self:center;width:128px}.support-sources>span{font-size:.75rem;margin-top:17px}.support-case-flow .message-object{padding:19px}.support-case-flow .message-object>span{font-size:.8125rem;margin-top:20px}.support-case-flow .message-avatar{width:28px;height:28px}.support-case-flow .speech-object{width:53px;height:40px;right:20px;top:18px}.support-case-flow .reply-object>.icon{width:37px;height:37px}.support-case-flow .reply-object>span:not(.success-seal){font-size:.75rem}.reply-branch{width:100%;flex:none}.human-escalation{font-size:.75rem;margin-inline:auto;min-width:180px}.catalog-case-flow{padding-block:0}.catalog-case-flow>.flow-module{min-height:0}.catalog-case-flow .data-object{margin-block:9px 16px}.catalog-case-flow .data-object>strong{font-size:.9375rem}.catalog-case-flow .data-object>span{font-size:.6875rem}.catalog-case-flow .data-stack{transform:scale(1.3);margin-block:14px 20px}.accepted-offer>.success-seal{top:125px;right:calc(50% - 75px);width:31px;height:31px}.extra-diagram .object-sprite{width:91px;height:91px}.extra-diagram .ceramic-module{width:81px;min-height:86px}.extra-diagram .flow-rail{flex-basis:14px}.extra-diagram .flow-module>strong{font-size:.625rem}.extra-diagram .module-brand .brand-logo img{max-width:68px}.ads-sources{gap:15px}.extra-project{padding-inline:20px}.visual-caption{font-size:.75rem}.motion-toggle{font-size:.75rem}.hero .success-seal{width:27px;height:27px}}
@media(max-width:360px){.hero h1{font-size:2.45rem}.scene{padding:17px!important}.scene-heading>.icon{display:none}.real-logo-strip>.brand-logo{flex-basis:calc(50% - 5px)}.process-art{padding-inline:18px}.extra-diagram .object-sprite{width:75px;height:75px}.extra-diagram .ceramic-module{width:67px;min-height:77px}.extra-diagram .flow-rail{flex-basis:10px}.extra-diagram .flow-module>strong{font-size:.5625rem}.extra-diagram .module-brand{padding-inline:2px}.magnifier-object{width:51px;height:51px;border-width:7px}.chart-object{gap:5px;padding:11px}.ads-sources{gap:10px}}
@media(prefers-reduced-motion:reduce){.flow-rail i,.flow-rail b{animation:none!important;display:none}.flow-rail::before{opacity:1}}
@media(max-width:700px){.return-track{height:auto;margin:0}.return-track>svg{display:none}.return-track>.rail-down{display:block}}
@media(prefers-reduced-motion:reduce){.return-track .track-signal{animation:none!important;display:none}}
@media(prefers-contrast:more){.source-platforms .brand-logo,.shop-tile,.ceramic-module{border:2px solid #526b7c}.flow-module>small,.data-object>span{color:#354452}}