PageSourceSearch

https://www.scayle.com/library/blog/

html scayle.com collected 2026-10-02 03:38:02 UTC 161,764 bytes, 2,238 lines download raw bytes

1<!doctype html>
2<html lang="en-US">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6
7    <style>
8        @font-face {
9            font-family: ABC;
10            src: url('https://www.scayle.com/content/themes/scayle/assets/fonts/abc/regular.woff2') format('woff2');
11            font-display: swap;
12            font-weight: 400;
13            font-style: normal;
14        }
15
16        @font-face {
17            font-family: ABC;
18            src: url('https://www.scayle.com/content/themes/scayle/assets/fonts/abc/medium.woff2') format('woff2');
19            font-display: swap;
20            font-weight: 500;
21            font-style: normal;
22        }
23
24        @font-face {
25            font-family: ABC;
26            src: url('https://www.scayle.com/content/themes/scayle/assets/fonts/abc/medium.woff2') format('woff2');
27            font-display: swap;
28            font-weight: 700;
29            font-style: normal;
30        }
31
32        @font-face {
33            font-family: Fabrikat Mono;
34            src: url('https://www.scayle.com/content/themes/scayle/assets/fonts/fabrikat-mono/medium.woff2') format('woff2');
35            font-display: swap;
36            font-weight: 500;
37            font-style: normal;
38        }
39
40    </style>
41
42            <link rel="preload" href="https://web.cmp.usercentrics.eu/ui/loader.js" as="script">
43    
44    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
45<link rel="alternate" href="https://www.scayle.com/library/blog/" hreflang="en" />
46<link rel="alternate" href="https://www.scayle.com/de/library/blog/" hreflang="de" />
47
48	<!-- This site is optimized with the Yoast SEO Premium plugin v28.5 (Yoast SEO v28.5) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->
49	<title>Blog | SCAYLE Commerce Engine</title>
50	<meta name="description" content="Entdecken Sie den SCAYLE Blog – Aktuelle Insights, Trends und Best Practices rund um digitale Plattformen, E-Commerce-Lösungen und das Wachstum von Marken im digitalen Zeitalter." />
51	<link rel="canonical" href="https://www.scayle.com/library/blog/" />
52	<link rel="next" href="https://www.scayle.com/library/blog/page/2/" />
53	<meta property="og:locale" content="en_US" />
54	<meta property="og:locale:alternate" content="de_DE" />
55	<meta property="og:type" content="article" />
56	<meta property="og:title" content="Blog | SCAYLE" />
57	<meta property="og:description" content="Entdecken Sie den SCAYLE Blog – Aktuelle Insights, Trends und Best Practices rund um digitale Plattformen, E-Commerce-Lösungen und das Wachstum von Marken im digitalen Zeitalter." />
58	<meta property="og:url" content="https://www.scayle.com/library/blog/" />
59	<meta property="og:site_name" content="SCAYLE Commerce Engine" />
60	<meta property="og:image" content="https://cdn-production.scayle.com/content/uploads/2024/02/06160138/SCAYLE-Commerce-Engine.png" />
61	<meta property="og:image:width" content="1200" />
62	<meta property="og:image:height" content="675" />
63	<meta property="og:image:type" content="image/png" />
64	<meta name="twitter:card" content="summary_large_image" />
65	
65<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"CollectionPage","@id":"https:\/\/www.scayle.com\/library\/blog\/","url":"https:\/\/www.scayle.com\/library\/blog\/","name":"Blog | SCAYLE Commerce Engine","isPartOf":{"@id":"https:\/\/www.scayle.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.scayle.com\/library\/blog\/#primaryimage"},"image":{"@id":"https:\/\/www.scayle.com\/library\/blog\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn-production.scayle.com\/content\/uploads\/2026\/09\/24090758\/1200x627-Blog-Header-BFCM-20.png","description":"Entdecken Sie den SCAYLE Blog – Aktuelle Insights, Trends und Best Practices rund um digitale Plattformen, E-Commerce-Lösungen und das Wachstum von Marken im digitalen Zeitalter.","breadcrumb":{"@id":"https:\/\/www.scayle.com\/library\/blog\/#breadcrumb"},"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.scayle.com\/library\/blog\/#primaryimage","url":"https:\/\/cdn-production.scayle.com\/content\/uploads\/2026\/09\/24090758\/1200x627-Blog-Header-BFCM-20.png","contentUrl":"https:\/\/cdn-production.scayle.com\/content\/uploads\/2026\/09\/24090758\/1200x627-Blog-Header-BFCM-20.png","width":1200,"height":627},{"@type":"BreadcrumbList","@id":"https:\/\/www.scayle.com\/library\/blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.scayle.com\/"},{"@type":"ListItem","position":2,"name":"Blog"}]},{"@type":"WebSite","@id":"https:\/\/www.scayle.com\/#website","url":"https:\/\/www.scayle.com\/","name":"SCAYLE Commerce Engine","description":"Your enterprise commerce with our engine","publisher":{"@id":"https:\/\/www.scayle.com\/#organization"},"alternateName":"SCAYLE Commerce Engine","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.scayle.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.scayle.com\/#organization","name":"SCAYLE GmbH","alternateName":"SCAYLE","url":"https:\/\/www.scayle.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.scayle.com\/#\/schema\/logo\/image\/","url":"https:\/\/cdn-production.scayle.com\/content\/uploads\/2023\/11\/07232205\/logo-scayle.svg","contentUrl":"https:\/\/cdn-production.scayle.com\/content\/uploads\/2023\/11\/07232205\/logo-scayle.svg","width":1,"height":1,"caption":"SCAYLE GmbH"},"image":{"@id":"https:\/\/www.scayle.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ScayleCommerceEngine\/","https:\/\/www.linkedin.com\/company\/scaylecommerce\/","https:\/\/www.instagram.com\/scayle_commerce\/"],"email":"[email protected]","legalName":"SCAYLE GmbH","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"201","maxValue":"500"}}]}</script>
65
66	<!-- / Yoast SEO Premium plugin. -->
67
68
69<style id="wp-img-auto-sizes-contain-inline-css">
70img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
71/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
72</style>
73<link rel='stylesheet' id='frontend-style-css' href='https://www.scayle.com/content/themes/scayle/assets/css/frontend.css?ver=1790696086' media='all' />
74
75
76    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
77    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
78    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
79    <link rel="manifest" href="/site.webmanifest">
80
81        
82            <!-- UserCentrics -->
83            
83<script data-onload="" id="usercentrics-cmp" data-settings-id="EXzVIvN6mZYSWm" data-language="en" src="https://web.cmp.usercentrics.eu/ui/loader.js" data-draft="false"></script>
83
84        <!-- End Usercentrics -->
85
86        <!-- Google Tag Manager -->
87            
87<script async src="https://www.googletagmanager.com/gtm.js?id=GTM-KJ5PPT3W"></script>
87
88            
88<script>
vendor: 408 bytes, lines 88-93
88
89                (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
90                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
91                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
92                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
93                })(window,document,'script','dataLayer','
93GTM-KJ5PPT3W
vendor: 16 bytes, lines 93-94
93');
94            
94</script>
94
95        <!-- End Google Tag Manager -->
96    </head>
97<body class="bg-white text-gray-900 text-fluid-base leading-loose">
98            <!-- Google Tag Manager (noscript) -->
vendor: 97 bytes, lines 98-100
98
99            <noscript>
100                <iframe src="https://www.googletagmanager.com/ns.html?id=
100GTM-KJ5PPT3W
vendor: 104 bytes, lines 100-102
100" height="0" width="0" style="display:none;visibility:hidden"></iframe>
101            </noscript>
102        
102<!-- End Google Tag Manager (noscript) -->
103    
104                <a class="sr-only focus:not-sr-only" href="#main">
105            Skip to main content
106        </a>
107
108        <header class="bg-black sticky top-0 z-50">
109                            <div x-data class="bg-gray-900 border-b border-gray-800">
110                    <div x-topbar class="overflow-hidden relative flex justify-center md:container py-2">
111                        <div class="relative z-10 flex whitespace-nowrap min-w-full md:min-w-0 animate-[marquee_12s_linear_infinite] md:animate-none hover:pause">
112                                            
113        
114        
115                <a class="text-white/50 hover:text-white/40 text-xs transition-color before:content-['_↗'] before:text-lg before:tracking-[3px] before:leading-[0] before:!text-[125%] before:text-brand-green transition-colors" href="https://www.scayle.com/ai-fashion-sense/" target="">
116            Generic AI needs fashion context. See how SCAYLE gives AI the context, connections, and control to power smarter fashion commerce.
117        </a>
118    
119                        </div>
120                        <button class="bg-gradient-to-l via-gray-900 via-70% from-gray-900 absolute top-0 right-0 md:right-4 z-20 flex items-center h-full px-4 text-white/50 hover:text-white transition-colors" aria-label="Close">
121                            <svg class="fill-current" height="10" viewBox="0 0 10 10" width="10" xmlns="http://www.w3.org/2000/svg"><path d="m1407.0984 21 .9016.9016016-4.099 4.0983984 4.099 4.0983984-.9016.9016016-4.0984-4.099-4.0984 4.099-.9016-.9016016 4.098-4.0983984-4.098-4.0983984.9016-.9016016 4.0984 4.098z" transform="translate(-1398 -21)"></path></svg>
122                        </button>
123                    </div>
124                </div>
125                        <div class="px-8 xl:container flex xl:items-center justify-between" x-data="{ open: false, overlay: false, transparentText: false }" x-navbar>
126                <div class="flex items-center">
127                    <div class="my-4 mr-6 xl:mr-10">
128                        
129    <a href="https://www.scayle.com/" aria-label="SCAYLE Commerce Engine Logo">
130            <svg class="w-[108px] h-[28px] xl:w-[124px] xl:h-[32px]" aria-hidden="true" height="28" viewBox="0 0 108 28" width="108" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="m17.2438805 23.5c.8016513 0 1.2866197.2797475 1.7029626.6775134l-.4910879.5656143c-.3481544-.3232394-.7207868-.5406993-1.2179942-.5406993-.8331228 0-1.4356726.6836328-1.4356726 1.5412336 0 .8578193.6025498 1.5539096 1.4356726 1.5539096.5345799 0 .8761778-.2174599 1.2490287-.5656143l.4910879.4972073c-.4534968.4722924-.9507042.7708354-1.7652501.7708354-1.2676056 0-2.2126275-.9882953-2.2126275-2.2438805 0-1.2429092.9264449-2.2561195 2.2438805-2.2561195zm32.2656338 0c.8016513 0 1.2866197.2797475 1.7029626.6775134l-.4910879.5656143c-.3479359-.3232394-.7207868-.5406993-1.2182127-.5406993-.8326858 0-1.4356727.6836328-1.4356727 1.5412336 0 .8578193.6029869 1.5539096 1.4356727 1.5539096.5345799 0 .8763963-.2174599 1.2492472-.5656143l.4910879.4972073c-.4537154.4722924-.9509228.7708354-1.7650316.7708354-1.2680427 0-2.2126274-.9882953-2.2126274-2.2438805 0-1.2429092.9260077-2.2561195 2.2436619-2.2561195zm22.2332346 0c.7583779 0 1.2243322.2113405 1.6719281.5905294l-.4847499.5780719c-.3356969-.285867-.6650558-.4661729-1.2182127-.4661729-.8018698 0-1.4107576.6960903-1.4107576 1.5412336 0 .9013113.5903108 1.5600291 1.4791646 1.5600291.4102234 0 .7830743-.1304759 1.0503643-.3293589v-.8141088h-1.1124332v-.6650558h1.8520155v1.827319c-.4288004.3667315-1.0442448.6775134-1.8148616.6775134-1.3611462 0-2.2561195-.9697183-2.2561195-2.2438805 0-1.2243322.9323458-2.2561195 2.243662-2.2561195zm-49.5018358.0000874c1.3364497 0 2.2687955 1.0129918 2.2687955 2.243662s-.9448033 2.2561195-2.2810345 2.2561195c-1.3364497 0-2.268577-1.0129918-2.268577-2.243662s.9445848-2.2561195 2.280816-2.2561195zm42.7349198.0745483 2.330646 3.0081593v-3.0081593h.7520398v4.3507286h-.6401408l-2.399053-3.0951433v3.0951433h-.7520398v-4.3507286zm-38.2114691-.0000437 1.3237736 2.0572366 1.3239923-2.0572366h.8141088v4.3507285h-.7644974v-3.1200582l-1.3736037 2.051117h-.024915l-1.3609276-2.0386595v3.1076007h-.7522584v-4.3507285zm17.6860927.0001093c1.0005343 0 1.6159787.5282419 1.6159787 1.3797232 0 .7210053-.4288004 1.1561437-1.0379068 1.3237737l1.1745022 
1301.6472316h-.9010928l-1.0691598-1.5165371h-.9570422v1.5165371h-.7644973v-4.3507285zm11.2739534-.0000437v.6836328h-2.4611219v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.4921564v.6836328h-3.2566537v-4.3507285zm30.473458 0v.6836328h-2.4613405v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.492375v.6836328h-3.2568723v-4.3507285zm-7.9604323-.0000219 2.3308645 3.0081593v-3.0081593h.7520399v4.3507286h-.6401409l-2.3992715-3.0951433v3.0951433h-.7518212v-4.3507286zm-2.3676032-.0000437v4.3507285h-.7644973v-4.3507285zm-43.1775109 0 1.3237737 2.0572366 1.3237737-2.0572366h.8143273v4.3507285h-.7644973v-3.1200582l-1.3736037 2.051117h-.024915l-1.3611462-2.0386595v3.1076007h-.7520398v-4.3507285zm30.0954056.0000656v.6836328h-2.4613405v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.4923749v.6836328h-3.2568722v-4.3507285zm-21.7559811 0v.6836328h-2.4613405v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.492375v.6836328h-3.2568723v-4.3507285zm-18.8030719.6276396c-.8639388 0-1.4669257.6899709-1.4669257 1.5414522s.6154444 1.5539097 1.4791647 1.5539097c.8639388 0 1.4669257-.6899709 1.4669257-1.5414522s-.6154444-1.5539097-1.4791647-1.5539097zm22.1594949.0684944h-1.1124332v1.4605877h1.1187712c.5468189 0 .8949733-.2858669.8949733-.7334628 0-.4786304-.3356969-.7271249-.9013113-.7271249z" fill="#14ffa8"></path><path d="m25.6915093.25531387c2.0869237 0 3.9868892.79500416 5.4109917 2.08843574l-2.0512256 2.19258476c-.8604056-.93304293-2.0480709-1.5192531-3.3597661-1.5192531-2.6961147 0-4.7558082 2.35079206-4.7558082 5.12842978 0 2.77763775 2.0596935 5.12842975 4.7558082 5.12842975 1.3591819 0 2.5850358-.6293576 3.4517508-1.6215836l2.0917387 2.1360467c-1.4375515 1.3660053-3.3911471 2.2115961-5.5434895 2.2115961-4.6010614 0-7.9970236-3.5610698-7.9970236-7.87234306 0-4.31127331 3.3959622-7.87234307 7.9970236-7.87234307zm-19.66783975-.00001653c2.64514125 0 4.66913675 1.29376222 5.75020605 3.39145565l-2.56378299 1.37790801c-.57830814-1.
13011770079-1.57386818-2.13323635-3.18642306-2.13323635-1.33394419 0-2.31522501.77285182-2.31522501 1.62902286 0 2.81268469 8.59193546 1.60174574 8.59193546 6.96343629 0 2.8037576-2.54784332 4.5160997-5.97502056 4.5160997-3.16483821 0-5.50696127-1.6048868-6.32535944-3.7025802l2.66606196-1.4329582c.5861119 1.3714607 1.97335408 2.5020561 3.75128218 2.5020561 1.90909762 0 2.7088996-.938829 2.7088996-1.7736743 0-2.68291167-8.59210154-1.532313-8.59210154-6.85465835 0-2.78358909 2.48059823-4.48287121 5.48952735-4.48287121zm71.56939315.44145958v12.10277688h6.7203623v2.7591223h-9.8861967v-14.86189918zm22.1908274.00001653v2.73184521h-7.2061877v3.22084964h6.6074569v2.68952435h-6.6074569v3.48783485h7.3790326v2.7316799h-10.5161426v-14.86173395zm6.0410209-.69677345c1.20128 0 2.175089.95056641 2.175089 2.12315208 0 1.17258566-.973809 2.12331739-2.175089 2.12331739-1.201281 0-2.17509-.95073173-2.17509-2.12331739 0-1.17258567.973809-2.12315208 2.17509-2.12315208zm0 .62224904c-.816074 0-1.477733.67200913-1.477733 1.50090304 0 .82905923.661659 1.50090304 1.477733 1.50090304.816239 0 1.477732-.67184381 1.477732-1.50090304 0-.28764966-.079698-.55645331-.217841-.7847
1305457l-.654353.65167527-.471712-.46966247.663817-.66093296c-.230128-.15010683-.503757-.23722831-.797643-.23722831z" fill="#fff" class="dark-reader-white"></path><path d="m45.2641931.6969057 7.1739764 14.8618992h-3.6656069l-1.2011143-2.6088502h-2.87062v-2.689359h1.6326454l-2.6454733-5.7463806-2.6453073 5.7463806h1.6324794v2.689359h-2.87062l-1.2009483 2.6088502h-3.4997355l7.1739764-14.8618992zm12.8381751-.00018185 3.6543163 7.93780816 3.6543164-7.93780816h3.5261355l-5.5496329 11.49656345v3.3653358h-3.4276753v-3.3653358l-5.5496329-11.49656345z" fill="#14ffa8"></path></g></svg>
131
132    </a>
133                    </div>
134
135                                                                        <div class="flex items-center">
136                                <nav id="nav-primary" :class="open ? '!opacity-100 !translate-y-0 !pointer-events-auto' : ''" class="fixed xl:static inset-x-0 bottom-0 top-24 z-40 bg-gray-100 xl:bg-transparent overflow-x-auto xl:overflow-visible translate-y-1/3 xl:translate-y-0 opacity-0 xl:opacity-100 pointer-events-none xl:pointer-events-auto transition-[transform,opacity]" aria-label="Main navigation">
137                                                                                
138    <ul class="flex flex-col xl:flex-row xl:items-center">
139                    
140                                    
141            <li
142                class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green "
143                x-data="{showSubnav: false}"
144                @mouseover="overlay = true; transparentText = true"
145                @mouseout="overlay = false; transparentText = false"
146            >
147                                    <a :class="{ '!text-white/50': transparentText }" class="hidden xl:flex items-center gap-2 leading-none mb-px text-fluid-xl xl:text-[.875rem] text-white whitespace-nowrap hover:!text-brand-green py-4 px-3 2xl:px-4" href="#" target="">
148                        Platform
149
150                        <svg class="hidden xl:block w-2.5 h-auto mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
151                            <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 -0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/>
152                        </svg>
153                    </a>
154                    <span class="block xl:hidden text-fluid-xl text-black py-6 px-8 whitespace-nowrap hover:text-brand-green cursor-pointer transition-colors duration-300" @click="showSubnav = !showSubnav" aria-hidden="true">
155                        Platform
156                    </span>
157                
158
159                                    <button class="absolute right-8 top-[22px] w-10 h-10 flex-shrink-0 transition-colors rounded-full cursor-pointer border border-gray-300 flex items-center justify-center xl:hidden" @click="showSubnav = !showSubnav" :class="showSubnav ? 'bg-black text-white' : 'bg-gray-200'" aria-label="Open Subnavigation">
160                        <svg :class="{'rotate-180': showSubnav}" class="w-5 h-auto" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"/></svg>
161                    </button>
162
163                    <div :class="showSubnav ? 'max-h-[150vh] opacity-100' : 'max-h-0 xl:max-h-screen opacity-0'" class="static transition-[transform,opacity] xl:absolute top-full left-0 xl:-left-[calc(124px+3rem)] 2xl:left-0 flex w-full overflow-hidden xl:w-auto gap-4 xl:opacity-0 xl:!pointer-events-none xl:pt-8 z-50 xl:group-hover:opacity-100 xl:group-hover:!pointer-events-auto">
164                        <div class="flex flex-col w-full xl:flex-row xl:flex-nowrap xl:w-auto xl:bg-white rounded-[6px] overflow-hidden pb-10 xl:pb-0 gap-10 xl:gap-14 px-6 xl:pr-14 xl:pl-12 xl:shadow-[0_2px_4px_rgb(0_0_0_/_4%),0_6px_12px_rgb(0_0_0_/_3%)]">
165                                                                                                <div class="flex flex-col justify-between bg-black bg-[url('/content/themes/scayle/assets/images/bg-menu-teaser.jpg')] bg-cover bg-no-repeat px-8 py-7 xl:pt-9 xl:pr-12 xl:pb-10 xl:pl-10 xl:w-[300px] flex-shrink-0 rounded-[6px] xl:rounded-[6px_0px_0px_6px] xl:-ml-12">
166                                        <div class="xl:mb-12">
167                                                                                            <p class="text-fluid-xl font-medium text-white leading-normal mb-4 xl:mb-6">
168                                                    <span class="arrow hidden xl:block text-5xl -mt-3 text-brand-green before:content-['_↗'] before:tracking-wide mb-4 font-normal"></span>
169                                                    Next-Level eCommerce Platform
170                                                </p>
171                                            
172                                                                                            <p class="text-white/50 text-[.813rem] hidden xl:inline-block leading-[1.8]">
173                                                    Stay flexible and tailor your experience with just one platform. Innovative. Reliable. Seamless. Accelerate your digital growth by realizing complex use cases.
174                                                </p>
175                                                                                    </div>
176
177                                        <p class="text-brand-green">
178                                            <a class="btn btn-link" href="" >
179                                                                                                    <span class="sr-only">
180                                                        Next-Level eCommerce Platform
181                                                    </span>
182                                                                                            </a>
183                                        </p>
184                                    </div>
185                                                                                                                                <div class="xl:pt-12 xl:pb-10">
186                                        
187                                                                                    <ul class="">
188                                                                                                    
189                                                    <li class="py-1 ">
190                                                                        
191        
192        
193                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/why-scayle/" target="">
194            Why Us
195        </a>
196    
197                                                    </li>
198                                                                                                    
199                                                    <li class="py-1 ">
200                                                                        
201        
202        
203                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/digital-commerce/" target="">
204            Digital Commerce
205        </a>
206    
207                                                    </li>
208                                                                                                    
209                                                    <li class="py-1 ">
210                                                                        
211        
212        
213                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/checkout/" target="">
214            Checkout
215        </a>
216    
217                                                    </li>
218                                                                                                    
219                                                    <li class="py-1 ">
220                                                                        
221        
222        
223                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/pim/" target="">
224            Product Management (PIM)
225        </a>
226    
227                                                    </li>
228                                                                                                    
229                                                    <li class="py-1 ">
230                                                                        
231        
232        
233                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/distributed-order-management" target="">
234            Order Management (DOM)
235        </a>
236    
237                                                    </li>
238                                                                                                    
239                                                    <li class="py-1 ">
240                                                                        
241        
242        
243                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/digital-storefront/" target="">
244            Digital Storefront
245        </a>
246    
247                                                    </li>
248                                                                                            </ul>
249                                                                            </div>
250                                                                                                                                <div class="xl:pt-12 xl:pb-10">
251                                        
252                                                                                    <ul class="">
253                                                                                                    
254                                                    <li class="py-1 ">
255                                                                        
256        
257        
258                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/ecommerce-promotions/" target="">
259            Promotions
260        </a>
261    
262                                                    </li>
263                                                                                                    
264                                                    <li class="py-1 ">
265                                                                        
266        
267        
268                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/ecommerce-omnichannel/" target="">
269            Omnichannel & POS
270        </a>
271    
272                                                    </li>
273                                                                                                    
274                                                    <li class="py-1 ">
275                                                                        
276        
277        
278                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/ecommerce-search/" target="">
279            Search
280        </a>
281    
282                                                    </li>
283                                                                                                    
284                                                    <li class="py-1 ">
285                                                                        
286        
287        
288                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/ecommerce-analytics/" target="">
289            Analytics
290        </a>
291    
292                                                    </li>
293                                                                                                    
294                                                    <li class="py-1 ">
295                                                                        
296        
297        
298                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/ecommerce-payments/" target="">
299            Payments
300        </a>
301    
302                                                    </li>
303                                                                                                    
304                                                    <li class="py-1 ">
305                                                                        
306        
307        
308                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/platform/ecommerce-subscriptions/" target="">
309            Subscriptions
310        </a>
311    
312                                                    </li>
313                                                                                            </ul>
314                                                                            </div>
315                                                                                                                                                                                                            <div class="xl:pt-14 xl:pb-10 xl:px-12 xl:bg-gray-200 xl:ml-2 xl:-mr-14">
316                                            <div class="card relative min-w-[280px] bg-white rounded-lg shadow-lg overflow-hidden">
317                                                                                                
318                                                                                                    <div class="h-[100px] xl:h-[120px]">
319                                                        <img src="https://cdn-production.scayle.com/content/uploads/2025/11/06110824/SCAYLE-Gartner-1-520x336.png" alt="" class="w-full h-full object-cover">
320                                                    </div>
321                                                                                                <div class="p-5">
322                                                    <h4 class="h6 mb-3">
323                                                        SCAYLE Recognized as a Challenger in the 2025 Gartner® Magic Quadrant™ for Digital Commerce
324                                                    </h4>
325                                                    <div class="text-[0.75rem] leading-tight text-gray-600 mb-6">
326                                                        SCAYLE was named a Challenger in the enterprise market after consecutive years of growth. Download the report to learn how we are placed.
327                                                    </div>
328                                                    <a href="https://www.scayle.com/library/analyst-reports/gartner-magic-quadrant/" class="btn btn-xs stretched-link"> Get your copy</a>
329                                                </div>
330                                            </div>
331                                        </div>
332                                                                                                                        </div>
333                    </div>
334                            </li>
335                    
336                                    
337            <li
338                class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green "
339                x-data="{showSubnav: false}"
340                @mouseover="overlay = true; transparentText = true"
341                @mouseout="overlay = false; transparentText = false"
342            >
343                                    <a :class="{ '!text-white/50': transparentText }" class="hidden xl:flex items-center gap-2 leading-none mb-px text-fluid-xl xl:text-[.875rem] text-white whitespace-nowrap hover:!text-brand-green py-4 px-3 2xl:px-4" href="#" target="">
344                        Solutions
345
346                        <svg class="hidden xl:block w-2.5 h-auto mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
347                            <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 -0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/>
348                        </svg>
349                    </a>
350                    <span class="block xl:hidden text-fluid-xl text-black py-6 px-8 whitespace-nowrap hover:text-brand-green cursor-pointer transition-colors duration-300" @click="showSubnav = !showSubnav" aria-hidden="true">
351                        Solutions
352                    </span>
353                
354
355                                    <button class="absolute right-8 top-[22px] w-10 h-10 flex-shrink-0 transition-colors rounded-full cursor-pointer border border-gray-300 flex items-center justify-center xl:hidden" @click="showSubnav = !showSubnav" :class="showSubnav ? 'bg-black text-white' : 'bg-gray-200'" aria-label="Open Subnavigation">
356                        <svg :class="{'rotate-180': showSubnav}" class="w-5 h-auto" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"/></svg>
357                    </button>
358
359                    <div :class="showSubnav ? 'max-h-[150vh] opacity-100' : 'max-h-0 xl:max-h-screen opacity-0'" class="static transition-[transform,opacity] xl:absolute top-full left-0 xl:-left-[calc(124px+3rem)] 2xl:left-0 flex w-full overflow-hidden xl:w-auto gap-4 xl:opacity-0 xl:!pointer-events-none xl:pt-8 z-50 xl:group-hover:opacity-100 xl:group-hover:!pointer-events-auto">
360                        <div class="flex flex-col w-full xl:flex-row xl:flex-nowrap xl:w-auto xl:bg-white rounded-[6px] overflow-hidden pb-10 xl:pb-0 gap-10 xl:gap-14 px-6 xl:pr-14 xl:pl-12 xl:shadow-[0_2px_4px_rgb(0_0_0_/_4%),0_6px_12px_rgb(0_0_0_/_3%)]">
361                                                                                                <div class="flex flex-col justify-between bg-black bg-[url('/content/themes/scayle/assets/images/bg-menu-teaser.jpg')] bg-cover bg-no-repeat px-8 py-7 xl:pt-9 xl:pr-12 xl:pb-10 xl:pl-10 xl:w-[300px] flex-shrink-0 rounded-[6px] xl:rounded-[6px_0px_0px_6px] xl:-ml-12">
362                                        <div class="xl:mb-12">
363                                                                                            <p class="text-fluid-xl font-medium text-white leading-normal mb-4 xl:mb-6">
364                                                    <span class="arrow hidden xl:block text-5xl -mt-3 text-brand-green before:content-['_↗'] before:tracking-wide mb-4 font-normal"></span>
365                                                    eCommerce. Your Way.
366                                                </p>
367                                            
368                                                                                            <p class="text-white/50 text-[.813rem] hidden xl:inline-block leading-[1.8]">
369                                                    Turn possibilities into results with our flexibly adjusted use cases that are based on practical retail experience of successful growth scenarios.
370                                                </p>
371                                                                                    </div>
372
373                                        <p class="text-brand-green">
374                                            <a class="btn btn-link" href="" >
375                                                                                                    <sp
375an class="sr-only">
376                                                        eCommerce. Your Way.
377                                                    </span>
378                                                                                            </a>
379                                        </p>
380                                    </div>
381                                                                                                                                <div class="xl:pt-12 xl:pb-10">
382                                                                                    <p class="font-medium list-heading">
383                                                                
384        
385        
386                <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2">
387            Use Cases
388        </span>
389    
390                                            </p>
391                                        
392                                                                                    <ul class="mt-2">
393                                                                                                    
394                                                    <li class="py-1 ">
395                                                                        
396        
397        
398                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/studios/" target="">
399            SCAYLE STUDIOS
400        </a>
401    
402                                                    </li>
403                                                                                                    
404                                                    <li class="py-1 ">
405                                                                        
406        
407        
408                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/use-cases/b2c-commerce/" target="">
409            B2C Commerce
410        </a>
411    
412                                                    </li>
413                                                                                                    
414                                                    <li class="py-1 ">
415                                                                        
416        
417        
418                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/use-cases/internationalization/" target="">
419            Internationalization
420        </a>
421    
422                                                    </li>
423                                                                                                    
424                                                    <li class="py-1 ">
425                                                                        
426        
427        
428                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/use-cases/omnichannel-retail/" target="">
429            Omnichannel
430        </a>
431    
432                                                    </li>
433                                                                                                    
434                                                    <li class="py-1 ">
435                                                                        
436        
437        
438                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/use-cases/marketplaces/" target="">
439            Marketplaces
440        </a>
441    
442                                                    </li>
443                                                                                                    
444                                                    <li class="py-1 ">
445                                                                        
446        
447        
448                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/use-cases/ecommerce-tco/" target="">
449            Cost of Ownership
450        </a>
451    
452                                                    </li>
453                                                                                                    
454                                                    <li class="py-1 ">
455                                                                        
456        
457        
458                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/use-cases/easy-ecommerce-migrations/" target="">
459            Platform Migrations
460        </a>
461    
462                                                    </li>
463                                                                                            </ul>
464                                                                            </div>
465                                                                                                                                <div class="xl:pt-12 xl:pb-10">
466                                                                                    <p class="font-medium list-heading">
467                                                                
468        
469        
470                <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2">
471            Industries
472        </span>
473    
474                                            </p>
475                                        
476                                                                                    <ul class="mt-2">
477                                                                                                    
478                                                    <li class="py-1 ">
479                                                                        
480        
481        
482                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/industries/fashion-apparel/" target="">
483            Fashion & Apparel
484        </a>
485    
486                                                    </li>
487                                                                                                    
488                                                    <li class="py-1 ">
489                                                                        
490        
491        
492                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/industries/retail/" target="">
493            Retail
494        </a>
495    
496                                                    </li>
497                                                                                                    
498                                                    <li class="py-1 ">
499                                                                        
500        
501        
502                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/industries/home-living/" target="">
503            Home & Living
504        </a>
505    
506                                                    </li>
507                                                                                                    
508                                                    <li class="py-1 ">
509                                                                        
510        
511        
512                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/industries/sports-lifestyle/" target="">
513            Sports & Lifestyle
514        </a>
515    
516                                                    </li>
517                                                                                            </ul>
518                                                                            </div>
519                                                                                                                                                                                                            <div class="xl:pt-14 xl:pb-10 xl:px-12 xl:bg-gray-200 xl:ml-2 xl:-mr-14">
520                                            <div class="card relative min-w-[280px] bg-white rounded-lg shadow-lg overflow-hidden">
521                                                                                                
522                                                                                                    <div class="h-[100px] xl:h-[120px]">
523                                                        <img src="https://cdn-production.scayle.com/content/uploads/2026/07/20071138/SCAYLE_STUDIOS_Featured_image.png" alt="" class="w-full h-full object-cover">
524                                                    </div>
525                                                                                                <div class="p-5">
526                                                    <h4 class="h6 mb-3">
527                                                        SCAYLE STUDIOS: The AI Content Engine
528                                                    </h4>
529                                                    <div class="text-[0.75rem] leading-tight text-gray-600 mb-6">
530                                                        Step into the new era of content creation and discover how SCAYLE STUDIOS boosts conversion by up to 6% – or try it out yourself.
531                                                    </div>
532                                                    <a href="https://www.scayle.com/studios/" class="btn btn-xs stretched-link"> Learn more</a>
533                                                </div>
534                                            </div>
535                                        </div>
536                                                                                                                        </div>
537                    </div>
538                            </li>
539                    
540                                    
541            <li
542                class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green "
543                x-data="{showSubnav: false}"
544                @mouseover=" transparentText = true"
545                @mouseout=" transparentText = false"
546            >
547                                    <a
548                        href="https://www.scayle.com/customers/"
549                        target=""
550                        class="block text-fluid-xl xl:text-[0.875rem] text-black xl:text-white py-6 px-8 xl:py-4 xl:px-2.5 2xl:px-4 xl:mb-px xl
550:leading-none whitespace-nowrap hover:!text-brand-green cursor-pointer transition-colors duration-300"
551                        :class="{ 'xl:!text-white/50': transparentText }"
552                        @click="showSubnav = !showSubnav"
553                        aria-hidden="true"
554                    >
555                        Customers
556                    </a>
557                
558
559                            </li>
560                    
561                                    
562            <li
563                class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green "
564                x-data="{showSubnav: false}"
565                @mouseover="overlay = true; transparentText = true"
566                @mouseout="overlay = false; transparentText = false"
567            >
568                                    <a :class="{ '!text-white/50': transparentText }" class="hidden xl:flex items-center gap-2 leading-none mb-px text-fluid-xl xl:text-[.875rem] text-white whitespace-nowrap hover:!text-brand-green py-4 px-3 2xl:px-4" href="#" target="">
569                        Resources
570
571                        <svg class="hidden xl:block w-2.5 h-auto mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
572                            <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 -0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/>
573                        </svg>
574                    </a>
575                    <span class="block xl:hidden text-fluid-xl text-black py-6 px-8 whitespace-nowrap hover:text-brand-green cursor-pointer transition-colors duration-300" @click="showSubnav = !showSubnav" aria-hidden="true">
576                        Resources
577                    </span>
578                
579
580                                    <button class="absolute right-8 top-[22px] w-10 h-10 flex-shrink-0 transition-colors rounded-full cursor-pointer border border-gray-300 flex items-center justify-center xl:hidden" @click="showSubnav = !showSubnav" :class="showSubnav ? 'bg-black text-white' : 'bg-gray-200'" aria-label="Open Subnavigation">
581                        <svg :class="{'rotate-180': showSubnav}" class="w-5 h-auto" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"/></svg>
582                    </button>
583
584                    <div :class="showSubnav ? 'max-h-[150vh] opacity-100' : 'max-h-0 xl:max-h-screen opacity-0'" class="static transition-[transform,opacity] xl:absolute top-full left-0 xl:-left-[calc(124px+3rem)] 2xl:left-0 flex w-full overflow-hidden xl:w-auto gap-4 xl:opacity-0 xl:!pointer-events-none xl:pt-8 z-50 xl:group-hover:opacity-100 xl:group-hover:!pointer-events-auto">
585                        <div class="flex flex-col w-full xl:flex-row xl:flex-nowrap xl:w-auto xl:bg-white rounded-[6px] overflow-hidden pb-10 xl:pb-0 gap-10 xl:gap-14 px-6 xl:pr-14 xl:pl-12 xl:shadow-[0_2px_4px_rgb(0_0_0_/_4%),0_6px_12px_rgb(0_0_0_/_3%)]">
586                                                                                                <div class="flex flex-col justify-between bg-black bg-[url('/content/themes/scayle/assets/images/bg-menu-teaser.jpg')] bg-cover bg-no-repeat px-8 py-7 xl:pt-9 xl:pr-12 xl:pb-10 xl:pl-10 xl:w-[300px] flex-shrink-0 rounded-[6px] xl:rounded-[6px_0px_0px_6px] xl:-ml-12">
587                                        <div class="xl:mb-12">
588                                                                                            <p class="text-fluid-xl font-medium text-white leading-normal mb-4 xl:mb-6">
589                                                    <span class="arrow hidden xl:block text-5xl -mt-3 text-brand-green before:content-['_↗'] before:tracking-wide mb-4 font-normal"></span>
590                                                    Developer and User Center
591                                                </p>
592                                            
593                                                                                            <p class="text-white/50 text-[.813rem] hidden xl:inline-block leading-[1.8]">
594                                                    Take a deep dive into SCAYLE's backend. Explore our selection of developer and user guides to help you get the most out of our platform.
595                                                </p>
596                                                                                    </div>
597
598                                        <p class="text-brand-green">
599                                            <a class="btn btn-link" href="https://new.scayle.dev/en/" target="_blank">
600                                                                                                    Resource Center
601                                                                                            </a>
602                                        </p>
603                                    </div>
604                                                                                                                                <div class="xl:pt-12 xl:pb-10">
605                                                                                    <p class="font-medium list-heading">
606                                                                
607        
608        
609                <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2">
610            Documentation
611        </span>
612    
613                                            </p>
614                                        
615                                                                                    <ul class="mt-2">
616                                                                                                    
617                                                    <li class="py-1 target-blank-indicator">
618                                                                        
619        
620        
621                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://scayle.dev/" target="_blank">
622            SCAYLE Documentation
623        </a>
624    
625                                                    </li>
626                                                                                                    
627                                                    <li class="py-1 target-blank-indicator">
628                                                                        
629        
630        
631                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://academy.scayle.dev/" target="_blank">
632            SCAYLE Academy
633        </a>
634    
635                                                    </li>
636                                                                                                    
637                                                    <li class="py-1 ">
638                                                                        
639        
640        
641                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/enterprise-evolutions/chapter-2/" target="">
642            Enterprise Evolutions
643        </a>
644    
645                                                    </li>
646                                                                                            </ul>
647                                                                            </div>
648                                                                                                                                <div class="xl:pt-12 xl:pb-10">
649                                                                                    <p class="font-medium list-heading">
650                                                                
651        
652        
653                <a class="block text-fluid-sm hover:text-brand-green whitespace-nowrap px-3 xl:px-4 py-2 transition-colors" href="https://www.scayle.com/library/" target="">
654            Insights
655        </a>
656    
657                                            </p>
658                                        
659                                                                                    <ul class="mt-2">
660                                                                                                    
661                                                    <li class="py-1 ">
662                                                                        
663        
664        
665                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/library/analyst-reports/" target="">
666            Analyst Reports
667        </a>
668    
669                                                    </li>
670                                                                                                    
671                                                    <li class="py-1 ">
672                                                                        
673        
674        
675                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/library/blog/" target="">
676            Blog
677        </a>
678    
679                                                    </li>
680                                                                                                    
681                                                    <li class="py-1 ">
682                                                                        
683        
684        
685                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/library/demos/" target="">
686            Demos
687        </a>
688    
689                                                    </li>
690                                                                                                    
691                                                    <li class="py-1 ">
692                                                                        
693        
694        
695                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/library/guides/" target="">
696            Guides
697        </a>
698    
699                                                    </li>
700                                                                                                    
701                                                    <li class="py-1 ">
702                                                                        
703        
704        
705                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/library/masterclass/" target="">
706            Masterclasses
707        </a>
708    
709                                                    </li>
710                                                                                                    
711                                                    <li class="py-1 ">
712                                                                        
713        
714        
715                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/library/videos/" target="">
716            On-Demand Webinars
717        </a>
718    
719                                                    </li>
720                                                                                            </ul>
721                                                                            </div>
722                                                                                                                                <div class="xl:pt-12 xl:pb-10">
723                                                                                    <p class="font-medium list-heading">
724                                                                
725        
726        
727                <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2">
728            Community
729        </span>
730    
731                                            </p>
732                                        
733                                                                                    <ul class="mt-2">
734                                                                                                    
735                                                    <li class="py-1 ">
736                                                                        
737        
738        
739                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/partner/" target="">
740            Partners
741        </a>
742    
743                                                    </li>
744                                                                                                    
745                                                    <li class="py-1 ">
746                                                                        
747        
748        
749                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/company/events/" target="">
750            Events
751        </a>
752    
753                                                    </li>
754                                                                                            </ul>
755                                                                            </div>
756                                                                                    </div>
757                    </div>
758                            </li>
759                    
760                                    
761            <li
762                class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green "
763                x-data="{showSubnav: false}"
764                @mouseover="overlay = true; transparentText = true"
765                @mouseout="overlay = false; transparentText = false"
766            >
767                                    <a :class="{ '!text-white/50': transparentText }" class="hidden xl:flex items-center gap-2 leading-none mb-px text-fluid-xl xl:text-[.875rem] text-white whitespace-nowrap hover:!text-brand-green py-4 px-3 2xl:px-4" href="#" target="">
768                        Company
769
770                        <svg class="hidden xl:block w-2.5 h-auto mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
771                            <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 -0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/>
772                        </svg>
773                    </a>
774                    <span class="block xl:hidden text-fluid-xl text-black py-6 px-8 whitespace-nowrap hover:text-brand-green cursor-pointer transition-colors duration-300" @click="showSubnav = !showSubnav" aria-hidden="true">
775                        Company
776                    </span>
777                
778
779                                    <button class="absolute right-8 top-[22px] w-10 h-10 flex-shrink-0 transition-colors rounded-full cursor-pointer border border-gray-300 flex items-center justify-center xl:hidden" @click="showSubnav = !showSubnav" :class="showSubnav ? 'bg-black text-white' : 'bg-gray-200'" aria-label="Open Subnavigation">
780                        <svg :class="{'rotate-180': showSubnav}" class="w-5 h-auto" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"/></svg>
781                    </button>
782
783                    <div :class="showSubnav ? 'max-h-[150vh] opacity-100' : 'max-h-0 xl:max-h-screen opacity-0'" class="static transition-[transform,opacity] xl:absolute top-full left-0 xl:-left-[calc(124px+3rem)] 2xl:left-0 flex w-full overflow-hidden xl:w-auto gap-4 xl:opacity-0 xl:!pointer-events-none xl:pt-8 z-50 xl:group-hover:opacity-100 xl:group-hover:!pointer-events-auto">
784                        <div class="flex flex-col w-full xl:flex-row xl:flex-nowrap xl:w-auto xl:bg-white rounded-[6px] overflow-hidden pb-10 xl:pb-0 gap-10 xl:gap-14 px-6 xl:pr-14 xl:pl-12 xl:shadow-[0_2px_4px_rgb(0_0_0_/_4%),0_6px_12px_rgb(0_0_0_/_3%)]">
785                                                                                                <div class="flex flex-col justify-between bg-black bg-[url('/content/themes/scayle/assets/images/bg-menu-teaser.jpg')] bg-cover bg-no-repeat px-8 py-7 xl:pt-9 xl:pr-12 xl:pb-10 xl:pl-10 xl:w-[300px] flex-shrink-0 rounded-[6px] xl:rounded-[6px_0px_0px_6px] xl:-ml-12">
786                                        <div class="xl:mb-12">
787                                                                                            <p class="text-fluid-xl font-medium text-white leading-normal mb-4 xl:mb-6">
788                                                    <span class="arrow hidden xl:block text-5xl -mt-3 text-brand-green before:content-['_↗'] before:tracking-wide mb-4 font-normal"></span>
789                                                    Company
790                                                </p>
791                                            
792                                                                                            <p class="text-white/50 text-[.813rem] hidden xl:inline-block leading-[1.8]">
793                                                    SCAYLE is the enterprise commerce platform of choice for B2C brands and retailers that want to create meaningful experiences. Grow your D2C business with intuitive, built-in features and a flexibly extensible architecture.
794                                                </p>
795                                                                                    </div>
796
797                                        <p class="text-brand-green">
798                                            <a class="btn btn-link" href="https://www.scayle.com/company/about-us/" target="">
799                                                                                                    About Us
800                                                                                            </a>
801                                        </p>
802                                    </div>
803                                                                                                                                <div class="xl:pt-12 xl:pb-10">
804                                                                                    <p class="font-medium list-heading">
805                                                                
806        
807        
808                <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2">
809            About SCAYLE
810        </span>
811    
812                                            </p>
813                                        
814                                                                                    <ul class="mt-2">
815                                                                                                    
816                                                    <li class="py-1 ">
817                                                                        
818        
819        
820                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/company/about-us/" target="">
821            About Us
822        </a>
823    
824                                                    </li>
825                                                                                                    
826                                                    <li class="py-1 ">
827                                                                        
828        
829        
830                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/company/career/" target="">
831            Careers
832        </a>
833    
834                                                    </li>
835                                                                                            </ul>
836                                                                            </div>
837                                                                                                                                <div class="xl:pt-12 xl:pb-10">
838                                                                                    <p class="font-medium list-heading">
839                                                                
840        
841        
842                <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2">
843            Media
844        </span>
845    
846                                            </p>
847                                        
848                                                                                    <ul class="mt-2">
849                                                                                                    
850                                                    <li class="py-1 ">
851                                                                        
852        
853        
854                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/company/newsroom/" target="">
855            Newsroom
856        </a>
857    
858                                                    </li>
859                                                                                                    
860                                                    <li class="py-1 target-blank-indicator">
861                                                                        
862        
863        
864                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://ir.aboutyou.de/English/investor-relations/investor-events/default.aspx" target="_blank">
865            SCAYLE Capital Markets Day
866        </a>
867    
868                                                    </li>
869                                                                                            </ul>
870                                                                            </div>
871                                                                                                                                                                                                            <div class="xl:pt-14 xl:pb-10 xl:px-12 xl:bg-gray-200 xl:ml-2 xl:-mr-14">
872                                            <div class="card relative min-w-[280px] bg-white rounded-lg shadow-lg overflow-hidden">
873                                                                                                
874                                                                                                    <div class="h-[100px] xl:h-[120px]">
875                                                        <img src="https://cdn-production.scayle.com/content/uploads/2025/01/22142820/Careers-Navigation-Thumbnail-v2.webp" alt="" class="w-full h-full object-cover">
876                                                    </div>
877                                                                                                <div class="p-5">
878                                                    <h4 class="h6 mb-3">
879                                                        Become a part of SCAYLE!
880                                                    </h4>
881                                                    <div class="text-[0.75rem] leading-tight text-gray-600 mb-6">
882                                                        Unleash your potential, quickly implement innovative ideas, and grow with us. Reshape the future of eCommerce with SCAYLE.
883                                                    </div>
884                                                    <a href="https://www.scayle.com/company/career/" class="btn btn-xs stretched-link"> Get the details</a>
885                                                </div>
886                                            </div>
887                                        </div>
888                                                                                                                        </div>
889                    </div>
890                            </li>
891                    
892                                    
893            <li
894                class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green "
895                x-data="{showSubnav: false}"
896                @mouseover="overlay = true; transparentText = true"
897                @mouseout="overlay = false; transparentText = false"
898            >
899                                    <a :class="{ '!text-white/50': transparentText }" class="hidden xl:flex items-center gap-2 leading-none mb-px text-fluid-xl xl:text-[.875rem] text-white whitespace-nowrap hover:!text-brand-green py-4 px-3 2xl:px-4" href="https://www.scayle.com/apparel-retail-ai/" target="">
900                        Retail AI
901
902                        <svg class="hidden xl:block w-2.5 h-auto mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
903                            <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 -0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/>
904                        </svg>
905                    </a>
906                    <span class="block xl:hidden text-fluid-xl text-black py-6 px-8 whitespace-nowrap hover:text-brand-green cursor-pointer transition-colors duration-300" @click="showSubnav = !showSubnav" aria-hidden="true">
907                        Retail AI
908                    </span>
909                
910
911                                    <button class="absolute right-8 top-[22px] w-10 h-10 flex-shrink-0 transition-colors rounded-full cursor-pointer border border-gray-300 flex items-center justify-center xl:hidden" @click="showSubnav = !showSubnav" :class="showSubnav ? 'bg-black text-white' : 'bg-gray-200'" aria-label="Open Subnavigation">
912                        <svg :class="{'rotate-180': showSubnav}" class="w-5 h-auto" fill="none" height="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><polyline points="6 9 12 15 18 9"/></svg>
913                    </button>
914
915                    <div :class="showSubnav ? 'max-h-[150vh] opacity-100' : 'max-h-0 xl:max-h-screen opacity-0'" class="static transition-[transform,opacity] xl:absolute top-full left-0 xl:-left-[calc(124px+3rem)] 2xl:left-0 flex w-full overflow-hidden xl:w-auto gap-4 xl:opacity-0 xl:!pointer-events-none xl:pt-8 z-50 xl:group-hover:opacity-100 xl:group-hover:!pointer-events-auto">
916                        <div class="flex flex-col w-full xl:flex-row xl:flex-nowrap xl:w-auto xl:bg-white rounded-[6px] overflow-hidden pb-10 xl:pb-0 gap-10 xl:gap-14 px-6 xl:pr-14 xl:pl-12 xl:shadow-[0_2px_4px_rgb(0_0_0_/_4%),0_6px_12px_rgb(0_0_0_/_3%)]">
917                                                                                                <div class="flex flex-col justify-between bg-black bg-[url('/content/themes/scayle/assets/images/bg-menu-teaser.jpg')] bg-cover bg-no-repeat px-8 py-7 xl:pt-9 xl:pr-12 xl:pb-10 xl:pl-10 xl:w-[300px] flex-shrink-0 rounded-[6px] xl:rounded-[6px_0px_0px_6px] xl:-ml-12">
918                                        <div class="xl:mb-12">
919                                                                                            <p class="text-fluid-xl font-medium text-white leading-normal mb-4 xl:mb-6">
920                                                    <span class="arrow hidden xl:block text-5xl -mt-3 text-brand-green before:content-['_↗'] before:tracking-wide mb-4 font-normal"></span>
921                                                    How SCAYLE Turns AI Into Retail Results
922                                                </p>
923                                            
924                                                                                            <p class="text-white/50 text-[.813rem] hidden xl:inline-block leading-[1.8]">
925                                                    AI is reshaping how products are discovered, experienced, and sold. Explore how SCAYLE transforms AI from disconnected experiments into measurable business outcomes across the entire commerce journey.
926                                                </p>
927                                                                                    </div>
928
929                                        <p class="text-brand-green">
930                                            <a class="btn btn-link" href="https://www.scayle.com/apparel-retail-ai" target="">
931                                                                                                    Learn more
932                                                                                            </a>
933                                        </p>
934                                    </div>
935                                                                                                                                <div class="xl:pt-12 xl:pb-10">
936                                                                                    <p class="font-medium list-heading">
937                                                                
938        
939        
940                <span class="block text-fluid-sm whitespace-nowrap px-3 xl:px-4 py-2">
941            Innovation Hub
942        </span>
943    
944                                            </p>
945                                        
946                                                                                    <ul class="mt-2">
947                                                                                                    
948                                                    <li class="py-1 ">
949                                                                        
950        
951        
952                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/apparel-retail-ai/discoverability/" target="">
953            AI for Discoverability
954        </a>
955    
956                                                    </li>
957                                                                                                    
958                                                    <li class="py-1 ">
959                                                                        
960        
961        
962                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/apparel-retail-ai/differentiation/" target="">
963            AI for Differentiation
964        </a>
965    
966                                                    </li>
967                                                                                                    
968                                                    <li class="py-1 ">
969                                                                        
970        
971        
972                <a class="block text-fluid-sm leading-tight text-gray-600 px-6 xl:px-4 py-1.5 xl:py-2 whitespace-nowrap hover:bg-gray-200 hover:text-gray-900 transition-colors" href="https://www.scayle.com/apparel-retail-ai/efficiency/" target="">
973            AI for Efficiency
974        </a>
975    
976                                                    </li>
977                                                                                            </ul>
978                                                                            </div>
979                                                                                                                                                                                                            <div class="xl:pt-14 xl:pb-10 xl:px-12 xl:bg-gray-200 xl:ml-2 xl:-mr-14">
980                                            <div class="card relative min-w-[280px] bg-white rounded-lg shadow-lg overflow-hidden">
981                                                                                                
982                                                                                                    <div class="h-[100px] xl:h-[120px]">
983                                                        <img src="https://cdn-production.scayle.com/content/uploads/2026/06/11120634/SCAYLE_AI_Header-1-520x300.png" alt="" class="w-full h-full object-cover">
984                                                    </div>
985                                                                                                <div class="p-5">
986                                                    <h4 class="h6 mb-3">
987                                                        AI Delivering Results for Retail
988                                                    </h4>
989                                                    <div class="text-[0.75rem] leading-tight text-gray-600 mb-6">
990                                                        Discover how SCAYLE helps retailers drive growth through AI-powered discoverability, differentiation, and efficiency.
991                                                    </div>
992                                                    <a href="https://www.scayle.com/apparel-retail-ai/" class="btn btn-xs stretched-link"> Explore now</a>
993                                                </div>
994                                            </div>
995                                        </div>
996                                                                                                                        </div>
997                    </div>
998                            </li>
999                    
1000                                    
1001            <li
1002                class="relative xl:static group [&_a]:transition-colors border-b border-gray-300 last:border-0 xl:border-0 theme-green "
1003                x-data="{showSubnav: false}"
1004                @mouseover=" transparentText = true"
1005                @mouseout=" transparentText = false"
1006            >
1007                                    <a
1008                        href="https://www.scayle.com/studios/"
1009                        target=""
1010                        class="block text-fluid-xl xl:text-[0.875rem] text-black xl:text-brand-green-light xl:hover:text-brand-green-light/60 py-6 px-8 xl:py-4 xl:px-2.5 2xl:px-4 xl:mb-px xl
1010:leading-none whitespace-nowrap hover:!text-brand-green cursor-pointer transition-colors duration-300"
1011                        :class="{ 'xl:!text-white/50': transparentText }"
1012                        @click="showSubnav = !showSubnav"
1013                        aria-hidden="true"
1014                    >
1015                        SCAYLE STUDIOS
1016                    </a>
1017                
1018
1019                            </li>
1020            </ul>
1021                                    
1022                                    <div class="flex items-center justify-center xl:hidden py-6 border-t border-gray-300 bg-gray-200 [&_button]:!text-fluid-base">
1023                                            <div x-data="{
1024            open: false,
1025            toggle() {
1026                if (this.open) {
1027                    return this.close()
1028                }
1029
1030                this.$refs.button.focus()
1031
1032                this.open = true
1033            },
1034            close(focusAfter) {
1035                if (! this.open) {
1036                    return
1037                }
1038
1039                this.open = false
1040
1041                focusAfter && focusAfter.focus()
1042            }
1043        }"
1044        @keydown.escape.prevent.stop="close($refs.button)"
1045        @focusin.window="! $refs.panel.contains($event.target) && close()"
1046        x-id="['dropdown-button']"
1047        class="relative"
1048    >
1049
1050                <button
1051            x-ref="button"
1052            @click="toggle()"
1053            :aria-expanded="open"
1054            :aria-controls="$id('dropdown-button')"
1055            type="button"
1056            class="flex items-center gap-2 xl:text-white xl:text-[0.875rem] transition-colors group"
1057        >
1058            EN
1059            <svg class="mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
1060                <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 -0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/>
1061            </svg>
1062        </button>
1063
1064                <div x-ref="panel"
1065             x-show="open"
1066             x-transition.origin.top.left
1067             @click.outside="close($refs.button)"
1068             :id="$id('dropdown-button')"
1069             style="display: none;"
1070             class="absolute right-0 bottom-[calc(100%+1.5rem)] mt-2 w-40 rounded-md bg-white border-gray-200 py-6 lg:py-8 [&>a.active]:bg-gray shadow-[0_4px_8px_rgb(61_64_67_/_2%),0_100px_30px_rgb(61_64_67_/_3%),0_20px_50px_rgb(61_64_67_/_9%)]">
1071            <a class="flex px-8 py-2 text-sm transition-colors hover:text-brand-green disabled:text-gray-500 bg-gray-200" href="https://www.scayle.com/library/blog/">EN – English</a></li><a class="flex px-8 py-2 text-sm transition-colors hover:text-brand-green disabled:text-gray-500 " href="https://www.scayle.com/de/library/blog/">DE – Deutsch</a></li>        </div>
1072    </div>
1073
1074                                    </div>
1075                                </nav>
1076                                <div :class="{ 'opacity-50': overlay }" class="hidden xl:block fixed inset-0 bg-black opacity-0 pointer-events-none z-10 transition-opacity"></div>
1077                            </div>
1078                                                            </div>
1079                <div class="flex gap-4 ">
1080                    <div class="flex gap-4 items-center py-4">
1081                        <div class="ml-2 hidden xl:block">
1082                                <div x-data="{
1083            open: false,
1084            toggle() {
1085                if (this.open) {
1086                    return this.close()
1087                }
1088
1089                this.$refs.button.focus()
1090
1091                this.open = true
1092            },
1093            close(focusAfter) {
1094                if (! this.open) {
1095                    return
1096                }
1097
1098                this.open = false
1099
1100                focusAfter && focusAfter.focus()
1101            }
1102        }"
1103        @keydown.escape.prevent.stop="close($refs.button)"
1104        @focusin.window="! $refs.panel.contains($event.target) && close()"
1105        x-id="['dropdown-button']"
1106        class="relative"
1107    >
1108
1109                <button
1110            x-ref="button"
1111            @click="toggle()"
1112            :aria-expanded="open"
1113            :aria-controls="$id('dropdown-button')"
1114            type="button"
1115            class="flex items-center gap-2 xl:text-white xl:text-[0.875rem] transition-colors group"
1116        >
1117            EN
1118            <svg class="mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
1119                <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 
1119-0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/>
1120            </svg>
1121        </button>
1122
1123                <div x-ref="panel"
1124             x-show="open"
1125             x-transition.origin.top.left
1126             @click.outside="close($refs.button)"
1127             :id="$id('dropdown-button')"
1128             style="display: none;"
1129             class="absolute right-0  mt-2 w-40 rounded-md bg-white border-gray-200 py-6 lg:py-8 [&>a.active]:bg-gray shadow-[0_4px_8px_rgb(61_64_67_/_2%),0_100px_30px_rgb(61_64_67_/_3%),0_20px_50px_rgb(61_64_67_/_9%)]">
1130            <a class="flex px-8 py-2 text-sm transition-colors hover:text-brand-green disabled:text-gray-500 bg-gray-200" href="https://www.scayle.com/library/blog/">EN – English</a></li><a class="flex px-8 py-2 text-sm transition-colors hover:text-brand-green disabled:text-gray-500 " href="https://www.scayle.com/de/library/blog/">DE – Deutsch</a></li>        </div>
1131    </div>
1132
1133                        </div>
1134                        <div class="flex items-center gap-3 2xl:gap-4">
1135                            
1136    <a href="https://www.scayle.com/demo-video/" class="btn-default hidden xl:inline-block">
1137        <span>
1138            Watch demo
1139
1140            <svg class="-mr-0.75 transition-transform duration-500 w-[13px] xl:w-[15px]" width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg">
1141                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.04583 0.304688L7.72797 1.60228L11.2625 5.08241H0V6.91749H11.2625L7.72797 10.3976L9.04583 11.6952L14.8301 5.99995L9.04583 0.304688Z" fill="currentColor"/>
1142            </svg>
1143        </span>
1144    </a>
1145
1146    <a href="#get-started" class="btn-default">
1147        <span>
1148            Let's talk
1149
1150            <svg class="-mr-0.75 transition-transform duration-500 w-[13px] xl:w-[15px]" width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg">
1151                <path fill-rule="evenodd" clip-rule="evenodd" d="M9.04583 0.304688L7.72797 1.60228L11.2625 5.08241H0V6.91749H11.2625L7.72797 10.3976L9.04583 11.6952L14.8301 5.99995L9.04583 0.304688Z" fill="currentColor"/>
1152            </svg>
1153        </span>
1154    </a>
1155                        </div>
1156                    </div>
1157                    <button @click="open = !open" class="-mr-4 relative flex xl:hidden overflow-hidden items-center justify-center px-4 transform transition-transform bg-black duration-200 group" aria-label="Open Menu">
1158                        <span class="flex flex-col justify-between w-[24px] h-[20px] transform transition-all duration-300 origin-center overflow-hidden">
1159                            <span class="bg-white h-[2px] w-7 transform transition-all duration-300 origin-left" :class="{'translate-x-10': open}"></span>
1160                            <span class="bg-white h-[2px] w-7 rounded transform transition-all duration-300 delay-75" :class="{'translate-x-10': open}"></span>
1161                            <span class="bg-white h-[2px] w-7 transform transition-all duration-300 origin-left delay-150" :class="{'translate-x-10': open}"></span>
1162                            <span class="absolute items-center justify-between transform transition-all duration-500 top-2.5 -translate-x-10 flex w-0" :class="{'translate-x-0 w-12': open}">
1163                                <span class="absolute bg-white h-[2px] w-6 transform transition-all duration-500 rotate-0 delay-300" :class="{'rotate-45': open}"></span>
1164                                <span class="absolute bg-white h-[2px] w-6 transform transition-all duration-500 -rotate-0 delay-300" :class="{'-rotate-45': open}"></span>
1165                            </span>
1166                        </span>
1167                    </button>
1168                </div>
1169            </div>
1170        </header>
1171    
1172    <main id="main" class="">
1173            <section class="library-nav ">
1174	<nav class="container">
1175		<ul class="flex items-center gap-6 lg:gap-10">
1176			<li>
1177                                    <a href="https://www.scayle.com/library/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 [&_svg]:max-w-[18px] [&_svg]:max-h-[18px] [&_svg]:-mt-px border-b border-transparent whitespace-nowrap">
1178                        <svg fill="none" height="20" viewbox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
1179                            <g class="fill-current">
1180                                <path d="m6.77043 8.5796h-4.89906c-1.032742-.00079-1.86978544-.83784-1.87137-1.87057v-4.83846c.00118842-1.032734.838232-1.86977772 1.87137-1.87057h4.89906c1.03273.00118842 1.86938.837836 1.87057
1181                                    1.87057v4.83806c-.00119 1.03274-.83784 1.86939-1.87057 1.87057zm-4.89906-7.13092c-.23294 0-.42189.18896-.42229.42189v4.83806c.00079.23293.18935.42149.42229.42189h4.89906c.23293 0
1182                                    .42149-.18896.42189-.42189v-4.83806c0-.23293-.18896-.42149-.42189-.42189z"/>
1183                                <path d="m6.79411 19.9937h-4.89906c-1.03274-.0012-1.8697838-.8383-1.8713684-1.8714v-4.8377c.0011885-1.0327.8382324-1.8697 1.8713684-1.8705h4.89906c1.03194.0019 1.86819.8386 1.86938 1.8705v4.8377c-.00079
1184                                    1.0323-.83704 1.8694-1.86938 1.8714zm-4.89906-7.131c-.23293 0-.42189.189-.42229.4219v4.8377c0
1185                                    .2333.18936.4223.42229.4223h4.89906c.23293-.0008.42149-.1894.42189-.4223v-4.8377c0-.2329-.18896-.4215-.42189-.4219z"/>
1186                                <path d="m18.1217 19.9937h-4.899c-1.0328-.0012-1.8698-.8383-1.8714-1.8714v-4.8377c.0012-1.0327.8383-1.8697 1.8714-1.8705h4.899c1.0328.0012 1.8694.8378 1.8706 1.8705v4.8377c-.0008 1.0327-.8378 1.8698-1.8706
1187                                    1.8714zm-4.899-7.1282c-.2329 0-.4219.189-.4223.4219v4.8377c0 .2333.1894.4223.4223.4223h4.899c.233-.0008.4215-.1894.4219-.4223v-4.8405c0-.2329-.1889-.4215-.4219-.4219z"/>
1188                                <path d="m15.6752 8.58046c-2.3681-.01743-4.274-1.95178-4.2561-4.31991.0174-2.36852 1.9518-4.274346 4.3199-4.25651971 2.3558.01743011 4.2565 1.93196971 4.2565 4.28820971-.0119 2.37605-1.9443 4.29416-4.3203
1189                                4.28822zm0-7.12814c-1.5683.01743-2.8253 1.3029-2.8074 2.87122.0174 1.56832 1.3029 2.82527 2.8712 2.80744 1.5556-.01743 2.8074-1.28349 2.8078-2.83913-.0095-1.57703-1.2942-2.84904-2.8712-2.84231v.00278z"/>
1190                            </g>
1191                        </svg>
1192                        All Categories
1193                    </a>
1194                			</li>
1195							<li class="last:pr-16 lg:last:pr-0 flex-shrink-0">
1196					<a href="https://www.scayle.com/library/analyst-reports/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap ">
1197													<img src="https://cdn-production.scayle.com/content/uploads/2024/06/18160426/library-icon-analyst-reports-1.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 ">
1198												Analyst Reports
1199					</a>
1200				</li>
1201							<li class="last:pr-16 lg:last:pr-0 flex-shrink-0">
1202					<a href="https://www.scayle.com/library/blog/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap !text-white !border-brand-green">
1203													<img src="https://cdn-production.scayle.com/content/uploads/2024/06/18160426/library-icon-blog-1.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 brightness-[500%]">
1204												Blog
1205					</a>
1206				</li>
1207							<li class="last:pr-16 lg:last:pr-0 flex-shrink-0">
1208					<a href="https://www.scayle.com/library/demos/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap ">
1209													<img src="https://cdn-production.scayle.com/content/uploads/2024/11/15100657/library-icon-guides-1.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 ">
1210												Demos
1211					</a>
1212				</li>
1213							<li class="last:pr-16 lg:last:pr-0 flex-shrink-0">
1214					<a href="https://www.scayle.com/library/guides/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap ">
1215													<img src="https://cdn-production.scayle.com/content/uploads/2024/06/18160426/library-icon-guides-1.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 ">
1216												Guides
1217					</a>
1218				</li>
1219							<li class="last:pr-16 lg:last:pr-0 flex-shrink-0">
1220					<a href="https://www.scayle.com/library/masterclass/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap ">
1221													<img src="https://cdn-production.scayle.com/content/uploads/2024/11/15111538/library-icon-guides-2.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 ">
1222												Masterclass
1223					</a>
1224				</li>
1225							<li class="last:pr-16 lg:last:pr-0 flex-shrink-0">
1226					<a href="https://www.scayle.com/library/podcasts/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap ">
1227													<img src="https://cdn-production.scayle.com/content/uploads/2024/06/18160427/library-icon-podcasts-1.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 ">
1228												Podcasts
1229					</a>
1230				</li>
1231							<li class="last:pr-16 lg:last:pr-0 flex-shrink-0">
1232					<a href="https://www.scayle.com/library/videos/" class="text-fluid-sm text-gray-600 hover:text-white flex items-center gap-2 md:gap-3 p-1 group border-b border-transparent whitespace-nowrap ">
1233													<img src="https://cdn-production.scayle.com/content/uploads/2024/06/18160427/library-icon-videos-1.svg" class="w-[18px] h-auto -mt-px group-hover:brightness-[500%] transition-all duration-200 ">
1234												Webinars
1235					</a>
1236				</li>
1237					</ul>
1238	</nav>
1239    <span class=""></span>
1240</section>
1241
1242	<section class="bg-black pt-[70px]">
1243		<div class="bg-gradient-to-b from-transparent via-brand-green/5 to-brand-green/20 py-10 md:py-16 xl:py-20">
1244			<div class="container text-center mb-4 xl:mb-8 mt-4">
1245				<h1 class="text-fluid-h2 xl:text-[3.5rem] text-brand-green-light mb-6">Blog</h1>
1246				
1247                                <div class="mt-8">
1248                    
1249
1250<form method="get" action="https://www.scayle.com/library-search/" class="max-w-2xl mx-auto" x-data x-library-search>
1251    <div class="relative">
1252        <input type="text" name="s" value="" placeholder="Search Content Library..." class="w-full px-6 py-4 pr-24 text-lg bg-gray-800/70 shadow-xl text-white/80 placeholder:text-white/40 rounded-lg focus:outline-none focus:ring-2 focus:ring-brand-green-light focus:border-transparent">
1253        <button type="submit" class="absolute right-0 top-1/2 transform -translate-y-1/2 py-4 px-6 text-brand-green hover:text-brand-green-dark">
1254            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1255                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
1256            </svg>
1257        </button>
1258        <div class="suggestions bg-gray-800/70 backdrop-blur-xl absolute z-20 left-0 right-0 top-full mt-2 rounded-lg shadow-xl overflow-hidden opacity-0 transition-opacity duration-200 pointer-events-none">
1259                            <div class="text-left text-white/80 hover:text-white border-b border-white/20 last:border-0 px-6 py-2.5 hover:bg-brand-green-light/20 cursor-pointer transition-colors duration-200">
1260                    ai 
1261                </div>
1262                            <div class="text-left text-white/80 hover:text-white border-b border-white/20 last:border-0 px-6 py-2.5 hover:bg-brand-green-light/20 cursor-pointer transition-colors duration-200">
1263                    omnichannel
1264                </div>
1265                            <div class="text-left text-white/80 hover:text-white border-b border-white/20 last:border-0 px-6 py-2.5 hover:bg-brand-green-light/20 cursor-pointer transition-colors duration-200">
1266                    platform architecture
1267                </div>
1268                    </div>
1269    </div>
1270</form>
1271                </div>
1272			</div>
1273		</div>
1274	</section>
1275	<section class="px-8 py-24 w-full mx-auto xl:container">
1276		<div class="grid md:grid-cols-2 xl:grid-cols-3 gap-x-10 gap-y-14">
1277							<div class="flex flex-col relative">
1278										<div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0">
1279													<img src="https://cdn-production.scayle.com/content/uploads/2026/09/24090758/1200x627-Blog-Header-BFCM-20.png" alt="" class="w-full h-full object-cover">
1280											</div>
1281					<div class="flex-grow flex flex-col justify-between">
1282						<div>
1283							<div>
1284																							</div>
1285							<h3 class="h5 arrow-before mb-4">
1286								<a href="https://www.scayle.com/library/blog/black-friday-strategy-customer-acquisition/" class="stretched-link">Black Friday Strategy: How ABOUT YOU Supercharged Its Customer Acquisition</a>
1287							</h3>
1288						</div>
1289						<span class="text-black/40 text-fluid-sm">Sep 24, 2026</span>
1290					</div>
1291				</div>
1292							<div class="flex flex-col relative">
1293										<div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0">
1294													<img src="https://cdn-production.scayle.com/content/uploads/2026/08/25155009/SCAYLE_Header_Fashion-marchandising-as-a-growth-engine.webp" alt="" class="w-full h-full object-cover">
1295											</div>
1296					<div class="flex-grow flex flex-col justify-between">
1297						<div>
1298							<div>
1299																							</div>
1300							<h3 class="h5 arrow-before mb-4">
1301								<a href="https://www.scayle.com/library/blog/fashion-merchandising-growth-engine/" class="stretched-link">Fashion Merchandising: When Curation Becomes a Growth Engine</a>
1302							</h3>
1303						</div>
1304						<span class="text-black/40 text-fluid-sm">Aug 25, 2026</span>
1305					</div>
1306				</div>
1307							<div class="flex flex-col relative">
1308										<div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0">
1309													<img src="https://cdn-production.scayle.com/content/uploads/2026/08/20130534/SCAYLE_Header_Hidden-Costs-of-Slow-Commerce-scaled.jpg" alt="" class="w-full h-full object-cover">
1310											</div>
1311					<div class="flex-grow flex flex-col justify-between">
1312						<div>
1313							<div>
1314																							</div>
1315							<h3 class="h5 arrow-before mb-4">
1316								<a href="https://www.scayle.com/library/blog/hidden-cost-slow-commerce/" class="stretched-link">The Hidden Cost of Slow Commerce: Why Fashion Now Moves in Weeks, Not Seasons</a>
1317							</h3>
1318						</div>
1319						<span class="text-black/40 text-fluid-sm">Aug 20, 2026</span>
1320					</div>
1321				</div>
1322							<div class="flex flex-col relative">
1323										<div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0">
1324													<img src="https://cdn-production.scayle.com/content/uploads/2026/08/14150836/SCAYLE_Header_Can-Your-Legacy-Platform-Keep-Up-With-AI-Driven-Fashion-Commerce_2-scaled.jpg" alt="" class="w-full h-full object-cover">
1325											</div>
1326					<div class="flex-grow flex flex-col justify-between">
1327						<div>
1328							<div>
1329																							</div>
1330							<h3 class="h5 arrow-before mb-4">
1331								<a href="https://www.scayle.com/library/blog/legacy-ecommerce-fashion-ai/" class="stretched-link">eCommerce Replatforming in Fashion: Can Your Legacy Platform Keep Up With AI?</a>
1332							</h3>
1333						</div>
1334						<span class="text-black/40 text-fluid-sm">Aug 14, 2026</span>
1335					</div>
1336				</div>
1337							<div class="flex flex-col relative">
1338										<div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0">
1339													<img src="https://cdn-production.scayle.com/content/uploads/2026/08/10074621/SCAYLE_Header_Fashion-eCommerce-Search_2.webp" alt="" class="w-full h-full object-cover">
1340											</div>
1341					<div class="flex-grow flex flex-col justify-between">
1342						<div>
1343							<div>
1344																							</div>
1345							<h3 class="h5 arrow-before mb-4">
1346								<a href="https://www.scayle.com/library/blog/fashion-ecommerce-search-product-data/" class="stretched-link">Fashion eCommerce Search: Why Product Data Beats Keywords</a>
1347							</h3>
1348						</div>
1349						<span class="text-black/40 text-fluid-sm">Aug 06, 2026</span>
1350					</div>
1351				</div>
1352							<div class="flex flex-col relative">
1353										<div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0">
1354													<img src="https://cdn-production.scayle.com/content/uploads/2026/07/27083349/SCAYLE_Header_Fashion-is-browsed-not-searched-scaled.jpg" alt="" class="w-full h-full object-cover">
1355											</div>
1356					<div class="flex-grow flex flex-col justify-between">
1357						<div>
1358							<div>
1359																							</div>
1360							<h3 class="h5 arrow-before mb-4">
1361								<a href="https://www.scayle.com/library/blog/fashion-browsing-increasing-returns/" class="stretched-link">Is Fashion Browsing Driving Up Return Rates?</a>
1362							</h3>
1363						</div>
1364						<span class="text-black/40 text-fluid-sm">Jul 27, 2026</span>
1365					</div>
1366				</div>
1367							<div class="flex flex-col relative">
1368										<div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0">
1369													<img src="https://cdn-production.scayle.com/content/uploads/2026/07/22105737/Header-Fashion-Can-Begin-everywhere.webp" alt="" class="w-full h-full object-cover">
1370											</div>
1371					<div class="flex-grow flex flex-col justify-between">
1372						<div>
1373							<div>
1374																							</div>
1375							<h3 class="h5 arrow-before mb-4">
1376								<a href="https://www.scayle.com/library/blog/fashion-shopping-discovery/" class="stretched-link">Fashion Discovery in 2026: Why Every Moment Is a Shopping Moment</a>
1377							</h3>
1378						</div>
1379						<span class="text-black/40 text-fluid-sm">Jul 22, 2026</span>
1380					</div>
1381				</div>
1382							<div class="flex flex-col relative">
1383										<div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0">
1384													<img src="https://cdn-production.scayle.com/content/uploads/2025/11/05095248/SCAYLE-Gartner-2025.webp" alt="" class="w-full h-full object-cover">
1385											</div>
1386					<div class="flex-grow flex flex-col justify-between">
1387						<div>
1388							<div>
1389																							</div>
1390							<h3 class="h5 arrow-before mb-4">
1391								<a href="https://www.scayle.com/library/blog/gartner-magic-quadrant-ecommerce-platforms/" class="stretched-link">7 Key Takeaways from the Gartner Magic Quadrant for Digital Commerce</a>
1392							</h3>
1393						</div>
1394						<span class="text-black/40 text-fluid-sm">Jun 25, 2026</span>
1395					</div>
1396				</div>
1397							<div class="flex flex-col relative">
1398										<div class="h-[150px] md:h-[180px] xl:h-[200px] w-full mb-3 flex-shrink-0">
1399													<img src="https://cdn-production.scayle.com/content/uploads/2026/06/24161058/SCAYLE-Best-Enterprise-eCommerce-Platforms.webp" alt="" class="w-full h-full object-cover">
1400											</div>
1401					<div class="flex-grow flex flex-col justify-between">
1402						<div>
1403							<div>
1404																							</div>
1405							<h3 class="h5 arrow-before mb-4">
1406								<a href="https://www.scayle.com/library/blog/best-enterprise-ecommerce-platforms/" class="stretched-link">The 5 Best Enterprise eCommerce Platforms Compared</a>
1407							</h3>
1408						</div>
1409						<span class="text-black/40 text-fluid-sm">Jun 23, 2026</span>
1410					</div>
1411				</div>
1412					</div>
1413        <div class="mt-24">
1414            <div class="library-pagination" role="navigation" aria-label="Page Pagination">
1415
1416    <ul>
1417                    <li>
1418                                    <span class="page-number page-numbers current" aria-current="page">1</span>
1419                            </li>
1420                    <li>
1421                                    <a href="https://www.scayle.com/library/blog/page/2/" class="page-number page-numbers"
1422                       aria-label="Go to page 2">2
1423                    </a>
1424                            </li>
1425                    <li>
1426                                    <a href="https://www.scayle.com/library/blog/page/3/" class="page-number page-numbers"
1427                       aria-label="Go to page 3">3
1428                    </a>
1429                            </li>
1430                    <li>
1431                                    <a href="https://www.scayle.com/library/blog/page/4/" class="page-number page-numbers"
1432                       aria-label="Go to page 4">4
1433                    </a>
1434                            </li>
1435                    <li>
1436                                    <a href="https://www.scayle.com/library/blog/page/5/" class="page-number page-numbers"
1437                       aria-label="Go to page 5">5
1438                    </a>
1439                            </li>
1440                    <li>
1441                                    <a href="https://www.scayle.com/library/blog/page/6/" class="page-number page-numbers"
1442                       aria-label="Go to page 6">6
1443                    </a>
1444                            </li>
1445                    <li>
1446                                    <a href="https://www.scayle.com/library/blog/page/7/" class="page-number page-numbers"
1447                       aria-label="Go to page 7">7
1448                    </a>
1449                            </li>
1450                    <li>
1451                                    <a href="https://www.scayle.com/library/blog/page/8/" class="page-number page-numbers"
1452                       aria-label="Go to page 8">8
1453                    </a>
1454                            </li>
1455                    <li>
1456                                    <a href="https://www.scayle.com/library/blog/page/9/" class="page-number page-numbers"
1457                       aria-label="Go to page 9">9
1458                    </a>
1459                            </li>
1460                    <li>
1461                                    <span class="dots" aria-current="page">&hellip;</span>
1462                            </li>
1463                    <li>
1464                                    <a href="https://www.scayle.com/library/blog/page/15/" class="page-number page-numbers"
1465                       aria-label="Go to page 15">15
1466                    </a>
1467                            </li>
1468            </ul>
1469</div>
1470        </div>
1471	</section>
1472
1473		    <section class="px-8 w-full mx-auto xl:container">
1474        <div class="bg-[url('/content/themes/scayle/assets/images/bg-wave.webp')] bg-black-gradient bg-cover border-b border-[#302F31] text-white rounded my-16">
1475            <div class="px-8 pt-7 pb-9 md:pt-10 md:pb-12 xl:pt-12 xl:pb-14 position-relative z-index-10">
1476                <div class="flex justify-center">
1477                    <div class="lg:w-9/12">
1478                        <div class="flex flex-col md:flex-row md:items-center gap-2 md:gap-6 mb-8">
1479                            <img class="-mt-3" src="/content/themes/scayle/assets/images/newsletter-icon.svg" alt="Newsletter Icon" loading="lazy" width="64" height="70">
1480                            <h3 class="h3 mb-0">
1481                                Industry News <strong>Right to Your Inbox</strong>
1482                            </h3>
1483                        </div>
1484                        <div x-hubspot-form x-init id="form-c32f33ce-50ca-4b99-9a3a-10cf223e4017" data-form-id="c32f33ce-50ca-4b99-9a3a-10cf223e4017"></div>
1485                    </div>
1486                </div>
1487            </div>
1488        </div>
1489    </section>
1490
1491	
1492                    
1493                                            
1494            <div x-data="{
1495                open: false,
1496                content: null,
1497                boundCheckHash: null,
1498                init() {
1499                    this.checkHash();
1500                    this.boundCheckHash = this.checkHash.bind(this);
1501                    window.addEventListener('hashchange', this.boundCheckHash);
1502                },
1503                checkHash() {
1504                    let hash = window.location.hash.split('?')[0];
1505                    if (hash === '#get-started') {
1506                        this.open = true;
1507                    } else if (this.open) {
1508                        this.open = false;
1509                    }
1510                },
1511                handleOpenChange(event) {
1512                    if (event.detail.value) {
1513                        window.addEventListener('hashchange', this.boundCheckHash);
1514                    } else {
1515                        window.removeEventListener('hashchange', this.boundCheckHash);
1516                    }
1517                },
1518                pauseVideos() {
1519                    const videos = $refs.content.querySelectorAll('video');
1520                    const iframes = $refs.content.querySelectorAll('iframe');
1521
1522                    videos.forEach(function(video) {
1523                        video.pause();
1524                    });
1525
1526                    iframes.forEach(function(iframe) {
1527                        let src = iframe.getAttribute('src');
1528                        iframe.setAttribute('src', src);
1529                    });
1530                },
1531                close() {
1532                    this.open = false;
1533                    this.pauseVideos();
1534                    let hash = window.location.hash.split('?')[0];
1535                    if (hash === '#get-started') {
1536                        history.pushState('', document.title, window.location.pathname + window.location.search);
1537                    }
1538                }
1539            }"
1540             x-init="init"
1541             x-on:open.window="handleOpenChange"
1542        >
1543            
1544            <div
1545                x-show="open"
1546                style="display: none"
1547                role="dialog"
1548                aria-modal="true"
1549                x-id="['modal-title']"
1550                :aria-labelledby="$id('modal-title')"
1551                class="fixed inset-0 z-50 overflow-y-auto"
1552                x-ref="content"
1553            >
1554                                    <div x-show="open" x-transition.opacity class="fixed inset-0 bg-black bg-opacity-50"></div>
1555                
1556                <div
1557                        x-show="open"
1558                        x-transition.opacity
1559                        x-on:click="close()"
1560                        class="relative flex min-h-screen items-center justify-center"
1561                >
1562                    <div
1563                            x-on:click.stop
1564                            x-trap.noscroll.inert="open"
1565                            class="w-[calc(100%-2rem)] max-h-[calc(100vh-2rem)] lg:max-w-7xl rounded bg-white/95    relative overflow-y-auto shadow-lg"
1566                    >
1567                        <button class="absolute right-8 top-7 lg:right-12 lg:top-12 text-gray-500 transition-colors duration-300" @click.prevent="close()">
1568                            <svg class="fill-current" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path transform="translate(-1341 -50)" d="M1350 57.2583029L1342.7417 50 1341 51.7416971 1348.2583 59 1341 66.2583029 1342.7417 68 1350 60.7416971 1357.2583 68 1359 66.2583029 1351.7417 59 1359 51.7416971 1357.2583 50z"></path></svg>
1569                        </button>
1570
1571                                        <div class="flex flex-col gap-8 lg:gap-12 p-8 lg:p-20">
1572                    <div class="wysiwyg">
1573                        <h2 class="arrow-before" id="get-in-touch-with-our-growth-experts">Get in touch with our growth experts</h2>
1574
1575                    </div>
1576
1577                                            <div class="xl:pr-16 2xl:pr-32">
1578                            <div x-hubspot-form id="form-468c3284-54ec-4e30-9e52-8f3db5e6f6d6" data-form-id="468c3284-54ec-4e30-9e52-8f3db5e6f6d6"></div>
1579                        </div>
1580                                    </div>
1581            
1582                    </div>
1583                </div>
1584            </div>
1585        </div>
1586    
1587        
1588                    
1589                                            
1590            <div x-data="{
1591                open: false,
1592                content: null,
1593                boundCheckHash: null,
1594                init() {
1595                    this.checkHash();
1596                    this.boundCheckHash = this.checkHash.bind(this);
1597                    window.addEventListener('hashchange', this.boundCheckHash);
1598                },
1599                checkHash() {
1600                    let hash = window.location.hash.split('?')[0];
1601                    if (hash === '#newsletter') {
1602                        this.open = true;
1603                    } else if (this.open) {
1604                        this.open = false;
1605                    }
1606                },
1607                handleOpenChange(event) {
1608                    if (event.detail.value) {
1609                        window.addEventListener('hashchange', this.boundCheckHash);
1610                    } else {
1611                        window.removeEventListener('hashchange', this.boundCheckHash);
1612                    }
1613                },
1614                pauseVideos() {
1615                    const videos = $refs.content.querySelectorAll('video');
1616                    const iframes = $refs.content.querySelectorAll('iframe');
1617
1618                    videos.forEach(function(video) {
1619                        video.pause();
1620                    });
1621
1622                    iframes.forEach(function(iframe) {
1623                        let src = iframe.getAttribute('src');
1624                        iframe.setAttribute('src', src);
1625                    });
1626                },
1627                close() {
1628                    this.open = false;
1629                    this.pauseVideos();
1630                    let hash = window.location.hash.split('?')[0];
1631                    if (hash === '#newsletter') {
1632                        history.pushState('', document.title, window.location.pathname + window.location.search);
1633                    }
1634                }
1635            }"
1636             x-init="init"
1637             x-on:open.window="handleOpenChange"
1638        >
1639            
1640            <div
1641                x-show="open"
1642                style="display: none"
1643                role="dialog"
1644                aria-modal="true"
1645                x-id="['modal-title']"
1646                :aria-labelledby="$id('modal-title')"
1647                class="fixed inset-0 z-50 overflow-y-auto"
1648                x-ref="content"
1649            >
1650                                    <div x-show="open" x-transition.opacity class="fixed inset-0 bg-black bg-opacity-50"></div>
1651                
1652                <div
1653                        x-show="open"
1654                        x-transition.opacity
1655                        x-on:click="close()"
1656                        class="relative flex min-h-screen items-center justify-center"
1657                >
1658                    <div
1659                            x-on:click.stop
1660                            x-trap.noscroll.inert="open"
1661                            class="w-[calc(100%-2rem)] max-h-[calc(100vh-2rem)] lg:max-w-7xl rounded bg-white    relative overflow-y-auto shadow-lg"
1662                    >
1663                        <button class="absolute right-8 top-7 lg:right-12 lg:top-12 text-gray-500 transition-colors duration-300" @click.prevent="close()">
1664                            <svg class="fill-current" width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path transform="translate(-1341 -50)" d="M1350 57.2583029L1342.7417 50 1341 51.7416971 1348.2583 59 1341 66.2583029 1342.7417 68 1350 60.7416971 1357.2583 68 1359 66.2583029 1351.7417 59 1359 51.7416971 1357.2583 50z"></path></svg>
1665                        </button>
1666
1667                                        <div class="flex flex-col lg:flex-row">
1668                    <div class="w-full lg:w-4/12 wysiwyg px-6 py-10 lg:px-12 lg:py-24 border-b lg:border-r lg:border-b-0 border-gray-300 bg-[url('/content/themes/scayle/assets/images/bg-wave-white.png')] bg-cover bg-no-repeat">
1669                        <ul class="list-checkmark">
1670<li>Exclusive consumer data</li>
1671<li>Insights from retail thought leaders</li>
1672<li>Reports from leading analyst</li>
1673<li>Upcoming events and trade shows</li>
1674<li>New feature releases</li>
1675</ul>
1676
1677                    </div>
1678                                            <div class="lg:w-8/12 px-8 py-8 sm:py-12 lg:px-20 lg:pt-24 lg:pb-32 xl:pb-40">
1679                            <div class="wysiwyg mb-8">
1680                                <h2 class="h2"><strong>Yes,</strong> Sign Me Up!</h2>
1681                            </div>
1682                            <div class="lg:mr-16 xl:mr-24">
1683                                <div x-hubspot-form id="form-4a3e64c8-b405-4965-a050-f0e10dc24458" data-form-id="4a3e64c8-b405-4965-a050-f0e10dc24458"></div>
1684                            </div>
1685                        </div>
1686                                    </div>
1687            
1688                    </div>
1689                </div>
1690            </div>
1691        </div>
1692    
1693        
1694                            
1695                </main>
1696
1697            <footer class="bg-gray-900">
1698            <div class="px-8 xl:container py-12 xl:py-16 2xl:py-24 flex flex-col items-center xl:items-start 2xl:flex-row gap-16 2xl:gap-24">
1699                
1700    <a href="https://www.scayle.com/" aria-label="SCAYLE Commerce Engine Logo">
1701            <svg class="w-[108px] h-[28px] xl:w-[124px] xl:h-[32px]" aria-hidden="true" height="28" viewBox="0 0 108 28" width="108" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="m17.2438805 23.5c.8016513 0 1.2866197.2797475 1.7029626.6775134l-.4910879.5656143c-.3481544-.3232394-.7207868-.5406993-1.2179942-.5406993-.8331228 0-1.4356726.6836328-1.4356726 1.5412336 0 .8578193.6025498 1.5539096 1.4356726 1.5539096.5345799 0 .8761778-.2174599 1.2490287-.5656143l.4910879.4972073c-.4534968.4722924-.9507042.7708354-1.7652501.7708354-1.2676056 0-2.212
17016275-.9882953-2.2126275-2.2438805 0-1.2429092.9264449-2.2561195 2.2438805-2.2561195zm32.2656338 0c.8016513 0 1.2866197.2797475 1.7029626.6775134l-.4910879.5656143c-.3479359-.3232394-.7207868-.5406993-1.2182127-.5406993-.8326858 0-1.4356727.6836328-1.4356727 1.5412336 0 .8578193.6029869 1.5539096 1.4356727 1.5539096.5345799 0 .8763963-.2174599 1.2492472-.5656143l.4910879.4972073c-.4537154.4722924-.9509228.7708354-1.7650316.7708354-1.2680427 0-2.2126274-.9882953-2.2126274-2.2438805 0-1.2429092.9260077-2.2561195 2.2436619-2.2561195zm22.2332346 0c.7583779 0 1.2243322.2113405 1.6719281.5905294l-.4847499.5780719c-.3356969-.285867-.6650558-.4661729-1.2182127-.4661729-.8018698 0-1.4107576.6960903-1.4107576 1.5412336 0 .9013113.5903108 1.5600291 1.4791646 1.5600291.4102234 0 .7830743-.1304759 1.0503643-.3293589v-.8141088h-1.1124332v-.6650558h1.8520155v1.827319c-.4288004.3667315-1.0442448.6775134-1.8148616.6775134-1.3611462 0-2.2561195-.9697183-2.2561195-2.2438805 0-1.2243322.9323458-2.2561195 2.243662-2.2561195zm-49.5018358.0000874c1.3364497 0 2.2687955 1.0129918 2.2687955 2.243662s-.9448033 2.2561195-2.2810345 2.2561195c-1.3364497 0-2.268577-1.0129918-2.268577-2.243662s.9445848-2.2561195 2.280816-2.2561195zm42.7349198.0745483 2.330646 3.0081593v-3.0081593h.7520398v4.3507286h-.6401408l-2.399053-3.0951433v3.0951433h-.7520398v-4.3507286zm-38.2114691-.0000437 1.3237736 2.0572366 1.3239923-2.0572366h.8141088v4.3507285h-.7644974v-3.1200582l-1.3736037 2.051117h-.024915l-1.3609276-2.0386595v3.1076007h-.7522584v-4.3507285zm17.6860927.0001093c1.0005343 0 1.6159787.5282419 1.6159787 1.3797232 0 .7210053-.4288004 1.1561437-1.0379068 1.3237737l1.1745022 1.6472316h-.9010928l-1.0691598-1.5165371h-.9570422v1.5165371h-.7644973v-4.3507285zm11.2739534-.0000437v.6836328h-2.4611219v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.4921564v.6836328h-3.2566537v-4.3507285zm30.473458 0v.6836328h-2.4613405v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.492375v.6836328h-3.2568723v-4.3507285zm-7.9604323-.0000219 2.3308645 3.0081593v-3.0081593h.7520399v4.3507286h-.6401409l-2.3992715-3.0951433v3.0951433h-.7518212v-4.3507286zm-2.3676032-.0000437v4.3507285h-.7644973v-4.3507285zm-43.1775109 0 1.3237737 2.0572366 1.3237737-2.0572366h.8143273v4.3507285h-.7644973v-3.1200582l-1.3736037 2.051117h-.024915l-1.3611462-2.0386595v3.1076007h-.7520398v-4.3507285zm30.0954056.0000656v.6836328h-2.4613405v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.4923749v.6836328h-3.2568722v-4.3507285zm-21.7559811 0v.6836328h-2.4613405v1.1312288h2.181593v.6836328h-2.181593v1.1686013h2.492375v.6836328h-3.2568723v-4.3507285zm-18.8030719.6276396c-.8639388 0-1.4669257.6899709-1.4669257 1.5414522s.6154444 1.5539097 1.4791647 1.5539097c.8639388 0 1.4669257-.6899709 1.4669257-1.5414522s-.6154444-1.5539097-1.4791647-1.5539097zm22.1594949.0684944h-1.1124332v1.4605877h1.1187712c.5468189 0 .8949733-.2858669.8949733-.7334628 0-.4786304-.3356969-.7271249-.9013113-.7271249z" fill="#14ffa8"></path><path d="m25.6915093.25531387c2.0869237 0 3.9868892.79500416 5.4109917 2.08843574l-2.0512256 2.19258476c-.8604056-.93304293-2.0480709-1.5192531-3.3597661-1.5192531-2.6961147 0-4.7558082 2.35079206-4.7558082 5.12842978 0 2.77763775 2.0596935 5.12842975 4.7558082 5.12842975 1.3591819 0 2.5850358-.6293576 3.4517508-1.6215836l2.0917387 2.1360467c-1.4375515 1.3660053-3.3911471 2.2115961-5.5434895 2.2115961-4.6010614 0-7.9970236-3.5610698-7.9970236-7.87234306 0-4.31127331 3.3959622-7.87234307 7.9970236-7.87234307zm-19.66783975-.00001653c2.64514125 0 4.66913675 1.29376222 5.75020605 3.39145565l-2.56378299 1.37790801c-.57830814-1.
170111770079-1.57386818-2.13323635-3.18642306-2.13323635-1.33394419 0-2.31522501.77285182-2.31522501 1.62902286 0 2.81268469 8.59193546 1.60174574 8.59193546 6.96343629 0 2.8037576-2.54784332 4.5160997-5.97502056 4.5160997-3.16483821 0-5.50696127-1.6048868-6.32535944-3.7025802l2.66606196-1.4329582c.5861119 1.3714607 1.97335408 2.5020561 3.75128218 2.5020561 1.90909762 0 2.7088996-.938829 2.7088996-1.7736743 0-2.68291167-8.59210154-1.532313-8.59210154-6.85465835 0-2.78358909 2.48059823-4.48287121 5.48952735-4.48287121zm71.56939315.44145958v12.10277688h6.7203623v2.7591223h-9.8861967v-14.86189918zm22.1908274.00001653v2.73184521h-7.2061877v3.22084964h6.6074569v2.68952435h-6.6074569v3.48783485h7.3790326v2.7316799h-10.5161426v-14.86173395zm6.0410209-.69677345c1.20128 0 2.175089.95056641 2.175089 2.12315208 0 1.17258566-.973809 2.12331739-2.175089 2.12331739-1.201281 0-2.17509-.95073173-2.17509-2.12331739 0-1.17258567.973809-2.12315208 2.17509-2.12315208zm0 .62224904c-.816074 0-1.477733.67200913-1.477733 1.50090304 0 .82905923.661659 1.50090304 1.477733 1.50090304.816239 0 1.477732-.67184381 1.477732-1.50090304 0-.28764966-.079698-.55645331-.217841-.7847
17015457l-.654353.65167527-.471712-.46966247.663817-.66093296c-.230128-.15010683-.503757-.23722831-.797643-.23722831z" fill="#fff" class="dark-reader-white"></path><path d="m45.2641931.6969057 7.1739764 14.8618992h-3.6656069l-1.2011143-2.6088502h-2.87062v-2.689359h1.6326454l-2.6454733-5.7463806-2.6453073 5.7463806h1.6324794v2.689359h-2.87062l-1.2009483 2.6088502h-3.4997355l7.1739764-14.8618992zm12.8381751-.00018185 3.6543163 7.93780816 3.6543164-7.93780816h3.5261355l-5.5496329 11.49656345v3.3653358h-3.4276753v-3.3653358l-5.5496329-11.49656345z" fill="#14ffa8"></path></g></svg>
1702
1703    </a>
1704
1705                <nav class="flex flex-col lg:flex-row lg:gap-8 justify-between flex-grow w-full">
1706                                            <div x-data="{ open: false }" class="mb-8 lg:mb-0">
1707                                                            <div class="flex justify-between items-center">
1708                                                                                            
1709        
1710        
1711                <span class="text-white text-sm font-medium block lg:mb-5 xl:mb-6">
1712            Platform
1713        </span>
1714    
1715                                                                        <button class="text-white lg:hidden cursor-pointer" @click="open = !open" :class="open ? 'rotate-180' : 'rotate-0'" aria-label="Open Footer Subnavigation">
1716                                        <svg class="fill-current" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.2575379 16.2424621-6.00000002-6c-.41005051-.41005049-.41005051-1.07487371 0-1.48492422s1.07487373-.41005051 1.48492424 0l5.25753788 5.25753792 5.2575379-5.25753792c.4100505-.41005051 1.0748737-.41005051 1.4849242 0s.4100505 1.07487373 0 1.48492422l-6 6c-.4100505.4100505-1.0748737.4100505-1.4849242 0z"/></svg>
1717                                    </button>
1718                                </div>
1719                                <ul class="mb-4 pt-8 lg:pt-0 lg:mb-0 pl-5 lg:pl-0 hidden lg:grid gap-3 lg:gap-5 xl:gap-6 sm:grid-cols-2 lg:gap-x-6 2xl:gap-x-12" :class="open ? '!grid' : ''" x-transition>
1720                                                                            <li class="text-sm text-gray-600">
1721                                                            
1722        
1723        
1724                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/digital-commerce/" target="">
1725            Digital Commerce
1726        </a>
1727    
1728                                        </li>
1729                                                                            <li class="text-sm text-gray-600">
1730                                                            
1731        
1732        
1733                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/distributed-order-management" target="">
1734            Order Management
1735        </a>
1736    
1737                                        </li>
1738                                                                            <li class="text-sm text-gray-600">
1739                                                            
1740        
1741        
1742                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/ecommerce-omnichannel" target="">
1743            Omnichannel & POS
1744        </a>
1745    
1746                                        </li>
1747                                                                            <li class="text-sm text-gray-600">
1748                                                            
1749        
1750        
1751                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/ecommerce-payments/" target="">
1752            Payments
1753        </a>
1754    
1755                                        </li>
1756                                                                            <li class="text-sm text-gray-600">
1757                                                            
1758        
1759        
1760                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/checkout/" target="">
1761            Checkout
1762        </a>
1763    
1764                                        </li>
1765                                                                            <li class="text-sm text-gray-600">
1766                                                            
1767        
1768        
1769                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/digital-storefront/" target="">
1770            Digital Storefront
1771        </a>
1772    
1773                                        </li>
1774                                                                            <li class="text-sm text-gray-600">
1775                                                            
1776        
1777        
1778                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/ecommerce-search/" target="">
1779            Search
1780        </a>
1781    
1782                                        </li>
1783                                                                            <li class="text-sm text-gray-600">
1784                                                            
1785        
1786        
1787                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/ecommerce-subscriptions/" target="">
1788            Subscriptions
1789        </a>
1790    
1791                                        </li>
1792                                                                            <li class="text-sm text-gray-600">
1793                                                            
1794        
1795        
1796                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/pim" target="">
1797            Product Information Management
1798        </a>
1799    
1800                                        </li>
1801                                                                            <li class="text-sm text-gray-600">
1802                                                            
1803        
1804        
1805                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/ecommerce-promotions/" target="">
1806            Promotions
1807        </a>
1808    
1809                                        </li>
1810                                                                            <li class="text-sm text-gray-600">
1811                                                            
1812        
1813        
1814                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/platform/ecommerce-analytics/" target="">
1815            Analytics
1816        </a>
1817    
1818                                        </li>
1819                                                                    </ul>
1820                                                    </div>
1821                                            <div x-data="{ open: false }" class="mb-8 lg:mb-0">
1822                                                            <div class="flex justify-between items-center">
1823                                                                                            
1824        
1825        
1826                <span class="text-white text-sm font-medium block lg:mb-5 xl:mb-6">
1827            Use Cases
1828        </span>
1829    
1830                                                                        <button class="text-white lg:hidden cursor-pointer" @click="open = !open" :class="open ? 'rotate-180' : 'rotate-0'" aria-label="Open Footer Subnavigation">
1831                                        <svg class="fill-current" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.2575379 16.2424621-6.00000002-6c-.41005051-.41005049-.41005051-1.07487371 0-1.48492422s1.07487373-.41005051 1.48492424 0l5.25753788 5.25753792 5.2575379-5.25753792c.4100505-.41005051 1.0748737-.41005051 1.4849242 0s.4100505 1.07487373 0 1.48492422l-6 6c-.4100505.4100505-1.0748737.4100505-1.4849242 0z"/></svg>
1832                                    </button>
1833                                </div>
1834                                <ul class="mb-4 pt-8 lg:pt-0 lg:mb-0 pl-5 lg:pl-0 hidden lg:grid gap-3 lg:gap-5 xl:gap-6 " :class="open ? '!grid' : ''" x-transition>
1835                                                                            <li class="text-sm text-gray-600">
1836                                                            
1837        
1838        
1839                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/use-cases/b2c-commerce/" target="">
1840            B2C Commerce
1841        </a>
1842    
1843                                        </li>
1844                                                                            <li class="text-sm text-gray-600">
1845                                                            
1846        
1847        
1848                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/use-cases/internationalization/" target="">
1849            Internationalization
1850        </a>
1851    
1852                                        </li>
1853                                                                            <li class="text-sm text-gray-600">
1854                                                            
1855        
1856        
1857                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/use-cases/omnichannel-retail/" target="">
1858            Omnichannel
1859        </a>
1860    
1861                                        </li>
1862                                                                            <li class="text-sm text-gray-600">
1863                                                            
1864        
1865        
1866                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/use-cases/marketplaces/" target="">
1867            Marketplaces
1868        </a>
1869    
1870                                        </li>
1871                                                                            <li class="text-sm text-gray-600">
1872                                                            
1873        
1874        
1875                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/use-cases/ecommerce-tco/" target="">
1876            TCO
1877        </a>
1878    
1879                                        </li>
1880                                                                            <li class="text-sm text-gray-600">
1881                                                            
1882        
1883        
1884                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/use-cases/easy-ecommerce-migrations/" target="">
1885            Platform Migrations
1886        </a>
1887    
1888                                        </li>
1889                                                                    </ul>
1890                                                    </div>
1891                                            <div x-data="{ open: false }" class="mb-8 lg:mb-0">
1892                                                            <div class="flex justify-between items-center">
1893                                                                                            
1894        
1895        
1896                <span class="text-white text-sm font-medium block lg:mb-5 xl:mb-6">
1897            Industries
1898        </span>
1899    
1900                                                                        <button class="text-white lg:hidden cursor-pointer" @click="open = !open" :class="open ? 'rotate-180' : 'rotate-0'" aria-label="Open Footer Subnavigation">
1901                                        <svg class="fill-current" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.2575379 16.2424621-6.00000002-6c-.41005051-.41005049-.41005051-1.07487371 0-1.48492422s1.07487373-.41005051 1.48492424 0l5.25753788 5.25753792 5.2575379-5.25753792c.4100505-.41005051 1.0748737-.41005051 1.4849242 0s.4100505 1.07487373 0 1.48492422l-6 6c-.4100505.4100505-1.0748737.4100505-1.4849242 0z"/></svg>
1902                                    </button>
1903                                </div>
1904                                <ul class="mb-4 pt-8 lg:pt-0 lg:mb-0 pl-5 lg:pl-0 hidden lg:grid gap-3 lg:gap-5 xl:gap-6 " :class="open ? '!grid' : ''" x-transition>
1905                                                                            <li class="text-sm text-gray-600">
1906                                                            
1907        
1908        
1909                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/industries/retail/" target="">
1910            Retail
1911        </a>
1912    
1913                                        </li>
1914                                                                            <li class="text-sm text-gray-600">
1915                                                            
1916        
1917        
1918                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/industries/fashion-apparel/" target="">
1919            Fashion & Apparel
1920        </a>
1921    
1922                                        </li>
1923                                                                            <li class="text-sm text-gray-600">
1924                                                            
1925        
1926        
1927                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/industries/home-living/" target="">
1928            Home & Living
1929        </a>
1930    
1931                                        </li>
1932                                                                            <li class="text-sm text-gray-600">
1933                                                            
1934        
1935        
1936                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/industries/sports-lifestyle/" target="">
1937            Sports & Lifestyle
1938        </a>
1939    
1940                                        </li>
1941                                                                    </ul>
1942                                                    </div>
1943                                            <div x-data="{ open: false }" class="mb-8 lg:mb-0">
1944                                                            <div class="flex justify-between items-center">
1945                                                                                            
1946        
1947        
1948                <span class="text-white text-sm font-medium block lg:mb-5 xl:mb-6">
1949            Resources
1950        </span>
1951    
1952                                                                        <button class="text-white lg:hidden cursor-pointer" @click="open = !open" :class="open ? 'rotate-180' : 'rotate-0'" aria-label="Open Footer Subnavigation">
1953                                        <svg class="fill-current" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.2575379 16.2424621-6.00000002-6c-.41005051-.41005049-.41005051-1.07487371 0-1.48492422s1.07487373-.41005051 1.48492424 0l5.25753788 5.25753792 5.2575379-5.25753792c.4100505-.41005051 1.0748737-.41005051 1.4849242 0s.4100505 1.07487373 0 1.48492422l-6 6c-.4100505.4100505-1.0748737.4100505-1.4849242 0z"/></svg>
1954                                    </button>
1955                                </div>
1956                                <ul class="mb-4 pt-8 lg:pt-0 lg:mb-0 pl-5 lg:pl-0 hidden lg:grid ga
1956p-3 lg:gap-5 xl:gap-6 " :class="open ? '!grid' : ''" x-transition>
1957                                                                            <li class="text-sm text-gray-600">
1958                                                            
1959        
1960        
1961                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://scayle.dev/" target="_blank">
1962            SCAYLE Documentation
1963        </a>
1964    
1965                                        </li>
1966                                                                            <li class="text-sm text-gray-600">
1967                                                            
1968        
1969        
1970                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://academy.scayle.dev/" target="_blank">
1971            SCAYLE Academy
1972        </a>
1973    
1974                                        </li>
1975                                                                            <li class="text-sm text-gray-600">
1976                                                            
1977        
1978        
1979                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/isv-partners/" target="">
1980            ISV Partners
1981        </a>
1982    
1983                                        </li>
1984                                                                            <li class="text-sm text-gray-600">
1985                                                            
1986        
1987        
1988                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/compliance/soc-2-report/" target="">
1989            Compliance | SOC2 Report
1990        </a>
1991    
1992                                        </li>
1993                                                                            <li class="text-sm text-gray-600">
1994                                                            
1995        
1996        
1997                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/compliance/pci-certificate/" target="">
1998            Compliance | PCI Certificate
1999        </a>
2000    
2001                                        </li>
2002                                                                            <li class="text-sm text-gray-600">
2003                                                            
2004        
2005        
2006                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/glossary/" target="">
2007            Glossary
2008        </a>
2009    
2010                                        </li>
2011                                                                    </ul>
2012                                                    </div>
2013                                            <div x-data="{ open: false }" class="mb-8 lg:mb-0">
2014                                                            <div class="flex justify-between items-center">
2015                                                                                            
2016        
2017        
2018                <span class="text-white text-sm font-medium block lg:mb-5 xl:mb-6">
2019            Company
2020        </span>
2021    
2022                                                                        <button class="text-white lg:hidden cursor-pointer" @click="open = !open" :class="open ? 'rotate-180' : 'rotate-0'" aria-label="Open Footer Subnavigation">
2023                                        <svg class="fill-current" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m11.2575379 16.2424621-6.00000002-6c-.41005051-.41005049-.41005051-1.07487371 0-1.48492422s1.07487373-.41005051 1.48492424 0l5.25753788 5.25753792 5.2575379-5.25753792c.4100505-.41005051 1.0748737-.41005051 1.4849242 0s.4100505 1.07487373 0 1.48492422l-6 6c-.4100505.4100505-1.0748737.4100505-1.4849242 0z"/></svg>
2024                                    </button>
2025                                </div>
2026                                <ul class="mb-4 pt-8 lg:pt-0 lg:mb-0 pl-5 lg:pl-0 hidden lg:grid gap-3 lg:gap-5 xl:gap-6 " :class="open ? '!grid' : ''" x-transition>
2027                                                                            <li class="text-sm text-gray-600">
2028                                                            
2029        
2030        
2031                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/company/about-us/" target="">
2032            About Us
2033        </a>
2034    
2035                                        </li>
2036                                                                            <li class="text-sm text-gray-600">
2037                                                            
2038        
2039        
2040                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/company/career/" target="">
2041            Career
2042        </a>
2043    
2044                                        </li>
2045                                                                            <li class="text-sm text-gray-600">
2046                                                            
2047        
2048        
2049                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/company/events/" target="">
2050            Events
2051        </a>
2052    
2053                                        </li>
2054                                                                            <li class="text-sm text-gray-600">
2055                                                            
2056        
2057        
2058                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/company/newsroom/" target="">
2059            Newsroom
2060        </a>
2061    
2062                                        </li>
2063                                                                            <li class="text-sm text-gray-600">
2064                                                            
2065        
2066        
2067                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://ir.aboutyou.de/websites/about-you/English/7800/scayle-capital-markets-event.html" target="_blank">
2068            SCAYLE Capital Markets Day
2069        </a>
2070    
2071                                        </li>
2072                                                                            <li class="text-sm text-gray-600">
2073                                                            
2074        
2075        
2076                <a class="text-sm text-[#ffffff80] hover:text-white transition-colors" href="https://www.scayle.com/company/offices/" target="">
2077            SCAYLE Offices
2078        </a>
2079    
2080                                        </li>
2081                                                                    </ul>
2082                                                    </div>
2083                                            <div x-data="{ open: false }" class="mb-8 lg:mb-0">
2084                                                            <ul class="flex flex-col gap-8 lg:gap-5 xl:gap-6">
2085                                                                            <li class="md:min-w-[120px] xl:min-w-[150px]">
2086                                                            
2087        
2088        
2089                <a class="text-white text-sm font-medium flex transition-colors" href="https://www.scayle.com/customers/" target="">
2090            Customers
2091        </a>
2092    
2093                                        </li>
2094                                                                            <li class="md:min-w-[120px] xl:min-w-[150px]">
2095                                                            
2096        
2097        
2098                <a class="text-white text-sm font-medium flex transition-colors" href="https://www.scayle.com/partner/" target="">
2099            Partners
2100        </a>
2101    
2102                                        </li>
2103                                                                            <li class="md:min-w-[120px] xl:min-w-[150px]">
2104                                                            
2105        
2106        
2107                <a class="text-white text-sm font-medium flex transition-colors" href="https://www.scayle.com/library/" target="">
2108            Library
2109        </a>
2110    
2111                                        </li>
2112                                                                            <li class="md:min-w-[120px] xl:min-w-[150px]">
2113                                                            
2114        
2115        
2116                <a class="text-white text-sm font-medium flex transition-colors" href="https://www.scayle.com/enterprise-evolutions/chapter-2/" target="">
2117            Enterprise Evolutions
2118        </a>
2119    
2120                                        </li>
2121                                                                            <li class="md:min-w-[120px] xl:min-w-[150px]">
2122                                                            
2123        
2124        
2125                <a class="text-white text-sm font-medium flex transition-colors" href="https://www.scayle.com/why-scayle/#compare" target="">
2126            Compare
2127        </a>
2128    
2129                                        </li>
2130                                                                    </ul>
2131                                                    </div>
2132                                    </nav>
2133            </div>
2134            <div class="border-t border-gray-800 pt-7 pb-16 lg:pb-7">
2135                <div class="container flex flex-col-reverse lg:flex-row gap-6 items-center justify-between">
2136                    <p class="text-white/50 text-[0.75rem]">
2137                        &copy; 2018-2026 SCAYLE Commerce Engine
2138                    </p>
2139                    <div class="flex items-center gap-10">
2140                            <ul class="flex items-center gap-10">
2141                                                                                                            <li class="flex">
2142                                                            
2143        
2144        
2145                <a class="text-white/50 hover:text-white text-[0.75rem] transition-colors" href="https://www.scayle.com/imprint/" target="_self">
2146            Imprint
2147        </a>
2148    
2149                                        </li>
2150                                                                            <li class="flex">
2151                                                            
2152        
2153        
2154                <a class="text-white/50 hover:text-white text-[0.75rem] transition-colors" href="https://www.scayle.com/privacy-policy/" target="_self">
2155            Privacy Policy
2156        </a>
2157    
2158                                        </li>
2159                                                                                                                                        <li>
2160                                        <a class="text-white/50 hover:text-white text-[0.75rem] transition-colors" href="javascript:if(window.__ucCmp){ window.__ucCmp.showSecondLayer(); const ucsrContent = setInterval(function () {if(document.getElementById('usercentrics-cmp-ui').shadowRoot.getElementById('categories-tab-button')){clearInterval(ucsrContent);const ucsr = document.getElementById('usercentrics-cmp-ui').shadowRoot; ucsr.getElementById('categories-tab-button').classList.remove('active'); ucsr.getElementById('categoriesPanel').classList.remove('active'); ucsr.getElementById('services-tab-button').classList.add('active'); ucsr.getElementById('servicesPanel').classList.add('active');}}, 10);}">
2161                                            Preference Center (Consent management)
2162                                        </a>
2163                                    </li>
2164                                                            </ul>
2165                            <div x-data="{
2166            open: false,
2167            toggle() {
2168                if (this.open) {
2169                    return this.close()
2170                }
2171
2172                this.$refs.button.focus()
2173
2174                this.open = true
2175            },
2176            close(focusAfter) {
2177                if (! this.open) {
2178                    return
2179                }
2180
2181                this.open = false
2182
2183                focusAfter && focusAfter.focus()
2184            }
2185        }"
2186        @keydown.escape.prevent.stop="close($refs.button)"
2187        @focusin.window="! $refs.panel.contains($event.target) && close()"
2188        x-id="['dropdown-button']"
2189        class="relative"
2190    >
2191
2192                <button
2193            x-ref="button"
2194            @click="toggle()"
2195            :aria-expanded="open"
2196            :aria-controls="$id('dropdown-button')"
2197            type="button"
2198            class="flex items-center gap-2 xl:text-white xl:text-[0.875rem] transition-colors group"
2199        >
2200            EN
2201            <svg class="mt-0.5" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
2202                <path fill-rule="evenodd" clip-rule="evenodd" d="M0.202896 0.194497C0.473432 -0.0648324 0.912046 
2202-0.0648324 1.18258 0.194497L5.19554 4.04135L9.20851 0.194497C9.47903 -0.0648324 9.91767 -0.0648324 10.1882 0.194497C10.4587 0.453827 10.4587 0.874292 10.1882 1.13362L6.17522 4.98047C5.63419 5.4991 4.7569 5.4991 4.21587 4.98047L0.202896 1.13363C-0.0676321 0.874292 -0.0676321 0.453834 0.202896 0.194497Z" fill="currentColor"/>
2203            </svg>
2204        </button>
2205
2206                <div x-ref="panel"
2207             x-show="open"
2208             x-transition.origin.top.left
2209             @click.outside="close($refs.button)"
2210             :id="$id('dropdown-button')"
2211             style="display: none;"
2212             class="absolute right-0 bottom-[calc(100%+1.5rem)] mt-2 w-40 rounded-md bg-white border-gray-200 py-6 lg:py-8 [&>a.active]:bg-gray shadow-[0_4px_8px_rgb(61_64_67_/_2%),0_100px_30px_rgb(61_64_67_/_3%),0_20px_50px_rgb(61_64_67_/_9%)]">
2213            <a class="flex px-8 py-2 text-sm transition-colors hover:text-brand-green disabled:text-gray-500 bg-gray-200" href="https://www.scayle.com/library/blog/">EN – English</a></li><a class="flex px-8 py-2 text-sm transition-colors hover:text-brand-green disabled:text-gray-500 " href="https://www.scayle.com/de/library/blog/">DE – Deutsch</a></li>        </div>
2214    </div>
2215
2216                    </div>
2217                    <div>
2218                                                    <a href="https://www.linkedin.com/company/scaylecommerce" target="_blank" rel="nofollow noopener" aria-label="LinkedIn Profile">
2219                                <svg height="17" viewBox="0 0 17 17" width="17" xmlns="http://www.w3.org/2000/svg"><path d="m71.3538051 0h-14.6862484c-.400534 0-.6675567.2670227-.6675567.66755674v14.68624836c0 .400534.2670227.6675567.6675567.6675567h14.6862484c.400534 0 .6675567-.2670227.6675567-.6675567v-14.68624836c0-.40053404-.2670227-.66755674-.6675567-.66755674zm-10.6141522 13.6181575h-2.3364486v-7.61014682h2.4032042v7.61014682zm-1.2016022-8.67823761c-.7343124 0-1.4018691-.60080106-1.4018691-1.40186916 0-.73431241.600801-1.40186915 1.4018691-1.40186915.7343125 0 1.4018692.60080106 1.4018692 1.40186915 0 .8010681-.6008011 1.40186916-1.4018692 1.40186916zm10.0801068 8.67823761h-2.3815537v-3.70636628c0-.86040647 0-1.98555339-1.1907769-1.98555339-1.2569312 0-1.3892397.92659158-1.3892397 1.91936828v3.77255139h-2.3815538v-7.61128794h2.2492452v1.0589618c.3307714-.59566601 1.0584684-1.19133203 2.2492453-1.19133203 2.3815537 0 2.8446336 1.58844271 2.8446336 3.64018121z" fill="#ffffff80" transform="translate(-56)"/></svg>
2220                            </a>
2221                                            </div>
2222                </div>
2223            </div>
2224        </footer>
2225    
2226            <!-- 6sense -->
2227        
2227<script id="6senseWebTag" src="https://j.6sc.co/j/ed524c92-f45a-4cc3-8f91-e42f830674ca.js"></script>
2227
2228        <!-- End 6sense -->
2229    
2230    
2230<script type="text/javascript">window.GlobalVars={"algolia_app_id":"SZ99QC5ULN","algolia_search_key":"402feb971a2cf96b00f00bef2d60e9ba","current_language":"English"};</script>
2230
2231
2232    
2232<script type="speculationrules">
2233{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/content/uploads/*","/content/*","/content/plugins/*","/content/themes/scayle/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2234</script>
vendor: 1 bytes, line 2234
2234
2235<script id="frontend-script-js" src="https://www.scayle.com/content/themes/scayle/assets/js/frontend.js?ver=1790696086"></script>
2235
2236
2237</body>
2238</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.