{"id":6983,"date":"2026-04-17T11:01:22","date_gmt":"2026-04-17T11:01:22","guid":{"rendered":"https:\/\/assecoplatform.com\/trade-data-hub\/"},"modified":"2026-06-26T08:50:18","modified_gmt":"2026-06-26T08:50:18","slug":"trade-data-hub","status":"publish","type":"page","link":"https:\/\/assecoplatform.com\/it\/trade-data-hub\/","title":{"rendered":"Trade Data Hub"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<style>\n\/* ============================================\n   ASSECO BS Design System \u2014 Global Styles\n   Based on Figma: AP_PodstronaERP + AP_Homepage + AP_Homepage_animacje\n   ============================================ *\/\n\n\/* --- Font Face --- *\/\n@font-face {\n  font-family: 'PP Mori';\n  src: url('https:\/\/assecoplatform.com\/wp-content\/themes\/asseco-lp-fse\/dist\/fonts\/subset-PPMori-Regular.woff2') format('woff2');\n  font-weight: 200;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'PP Mori';\n  src: url('https:\/\/assecoplatform.com\/wp-content\/themes\/asseco-lp-fse\/dist\/fonts\/subset-PPMori-Regular.woff2') format('woff2');\n  font-weight: 400;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'PP Mori';\n  src: url('https:\/\/assecoplatform.com\/wp-content\/themes\/asseco-lp-fse\/dist\/fonts\/subset-PPMori-SemiBold.woff2') format('woff2');\n  font-weight: 600;\n  font-style: normal;\n  font-display: swap;\n}\n\n\n\/* --- CSS Custom Properties (Design Tokens) --- *\/\n:root {\n  \/* Colors *\/\n  --color-base:        #F2F2F2;\n  --color-gray:        #F2F2F2;\n  --color-white:       #FDFDFD;\n  --color-black:       #232323;\n  --color-dark-black:  #090909;\n  --color-dark-gray:   #676767;\n  --color-medium-gray: #AEAEAE;\n  --color-light-gray:  #DFDFDF;\n\n  \/* Brand \/ ERP Colors *\/\n  --color-erp-yellow:     #FFA533;\n  --color-erp-red:        #FF4A6A;\n  --color-erp-green:      #00C2B6;\n  --color-erp-blue:       #3FA2EB;\n  --color-erp-light-orange: #FFC274;\n\n  \/* Accent \/ Gradient *\/\n  --color-accent-orange: #EF5909;\n  --color-accent-red:    #D70E44;\n  --color-accent-purple: #A046E1;\n  --gradient-brand: linear-gradient(90deg, #ef5909 0%, #d70e44 33.333%, #a046e1 66.666%, #1676c3);\n\n  \/* Surfaces *\/\n  --surface-card-dark:  #141414;\n  --surface-card-dark2: #282828;\n  --surface-icon-dark:  #484848;\n\n  \/* Typography Scale *\/\n  --font-family: 'PP Mori', arial, sans-serif;\n\n  \/* Spacing *\/\n  --space-xs:  4px;\n  --space-sm:  8px;\n  --space-md:  16px;\n  --space-lg:  24px;\n  --space-xl:  32px;\n  --space-2xl: 48px;\n  --space-3xl: 64px;\n  --space-4xl: 96px;\n\n  \/* Border Radius *\/\n  --radius-sm:   8px;\n  --radius-md:  16px;\n  --radius-lg:  24px;\n  --radius-xl:  52px;\n  --radius-full: 9999px;\n\n  \/* Status colors *\/\n  --color-status-success: #10B981;\n  --color-status-warning: #F59E0B;\n\n  \/* Max width *\/\n  --max-width: 1270px;\n  --page-padding: clamp(16px, 4vw, 48px);\n}\n\n\/* --- Typography --- *\/\n.text-h2 {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 1.19;\n  letter-spacing: normal;\n}\n\n.text-h4 {\n  font-size: 48px;\n  font-weight: 600;\n  line-height: 1.125;\n  letter-spacing: normal;\n}\n\n.text-h5 {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  letter-spacing: normal;\n}\n\n.text-h7 {\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 1.34;\n  letter-spacing: 0;\n}\n\n.text-h8 {\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 1.34;\n  letter-spacing: 0;\n}\n\n.text-h9 {\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 1.2;\n  letter-spacing: normal;\n}\n\n.text-h10 {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  letter-spacing: normal;\n}\n\n.text-h11 {\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.44;\n  letter-spacing: -0.24px;\n}\n\n.text-small {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.4;\n}\n\n.text-tiny {\n  font-size: 10px;\n  font-weight: 400;\n  line-height: 1.44;\n  letter-spacing: -0.2px;\n}\n\n\/* Text colors *\/\n.text-black      { color: var(--color-black); }\n.text-white      { color: var(--color-white); }\n.text-dark-gray  { color: var(--color-dark-gray); }\n.text-medium-gray { color: var(--color-medium-gray); }\n.text-light-gray { color: var(--color-light-gray); }\n\n\/* Gradient text *\/\n.text-gradient {\n  background: var(--gradient-brand);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n\/* --- Layout --- *\/\n.container {\n  max-width: var(--max-width);\n  margin: 0 auto;\n  padding: 0 var(--page-padding);\n}\n\n.section {\n  padding: var(--space-4xl) 0;\n}\n\n\/* --- Buttons --- *\/\n.btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-sm);\n  font-family: var(--font-family);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  white-space: nowrap;\n  border-radius: 9999px;\n  padding: 11px 16px 9px;\n  height: 42px;\n  transition: opacity 0.2s ease, transform 0.15s ease;\n}\n\n.btn:hover {\n  opacity: 0.85;\n}\n\n\/* Button with arrow icon (::before) \u2014 matches live assecobs.pl *\/\n.btn-has-arrow {\n  flex-direction: row-reverse;\n  gap: 8px;\n}\n\n.btn-has-arrow::before {\n  content: \"\";\n  display: block;\n  width: 16px;\n  height: 16px;\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M2 6.25a.75.75 0 0 0 0 1.5v-1.5Zm12.53 1.28a.75.75 0 0 0 0-1.06l-4.773-4.773a.75.75 0 1 0-1.06 1.06L12.939 7l-4.242 4.243a.75.75 0 0 0 1.06 1.06L14.53 7.53ZM2 7.75h12v-1.5H2v1.5Z' fill='%23232323'\/%3E%3C\/svg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  flex-shrink: 0;\n  transition: transform 0.2s ease;\n}\n\n.btn-has-arrow:hover::before {\n  transform: translateX(4px);\n}\n\n.btn-primary-white.btn-has-arrow:hover {\n  opacity: 1;\n  background-color: #3FA2EB;\n  color: var(--color-white);\n}\n\n.btn-primary-white.btn-has-arrow:hover::before {\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M2 6.25a.75.75 0 0 0 0 1.5v-1.5Zm12.53 1.28a.75.75 0 0 0 0-1.06l-4.773-4.773a.75.75 0 1 0-1.06 1.06L12.939 7l-4.242 4.243a.75.75 0 0 0 1.06 1.06L14.53 7.53ZM2 7.75h12v-1.5H2v1.5Z' fill='%23FDFDFD'\/%3E%3C\/svg%3E\");\n}\n\n.btn-primary.btn-has-arrow::before {\n  background-image: url(\"data:image\/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M2 6.25a.75.75 0 0 0 0 1.5v-1.5Zm12.53 1.28a.75.75 0 0 0 0-1.06l-4.773-4.773a.75.75 0 1 0-1.06 1.06L12.939 7l-4.242 4.243a.75.75 0 0 0 1.06 1.06L14.53 7.53ZM2 7.75h12v-1.5H2v1.5Z' fill='%23FDFDFD'\/%3E%3C\/svg%3E\");\n}\n\n.btn-primary.btn-has-arrow:hover {\n  opacity: 1;\n  background-color: #3FA2EB;\n}\n\n.btn:active {\n  transform: scale(0.97);\n}\n\n\/* Primary \u2014 dark fill *\/\n.btn-primary {\n  background-color: var(--color-black);\n  color: var(--color-white);\n}\n\n\/* Primary \u2014 white fill *\/\n.btn-primary-white {\n  background-color: var(--color-white);\n  color: var(--color-black);\n}\n\n\/* Outline *\/\n.btn-outline {\n  background-color: var(--color-white);\n  color: var(--color-black);\n  border: 1px solid var(--color-black);\n}\n\n\/* Hero badge (kicker label above heading) *\/\n.hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-sm);\n  padding: var(--space-sm) var(--space-md);\n  border-radius: var(--radius-full);\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  background: rgba(255, 255, 255, 0.06);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.44;\n  letter-spacing: -0.24px;\n  color: var(--color-medium-gray);\n  margin-bottom: var(--space-lg);\n}\n\n\/* Primary with blue hover *\/\n.btn-primary--blue-hover:hover {\n  background-color: var(--color-erp-blue);\n  color: var(--color-white);\n  opacity: 1;\n}\n\n\/* Small button (header CTA) *\/\n.btn--sm {\n  padding: var(--space-sm) 20px;\n  height: auto;\n}\n\n\/* Outline on dark background *\/\n.btn-outline-white {\n  background-color: transparent;\n  color: var(--color-white);\n  border: 1px solid var(--color-white);\n}\n\n.btn-outline-white:hover {\n  background-color: var(--color-black);\n  color: var(--color-white);\n  border-color: var(--color-black);\n}\n\n\/* Outline on tinted bg *\/\n.btn-outline-tinted {\n  background-color: #e6f0ef;\n  color: var(--color-black);\n  border: 1px solid var(--color-black);\n}\n\n\/* Large pill (footer CTA) *\/\n.btn-lg {\n  height: 60px;\n  padding: 12px 24px;\n  border-radius: var(--radius-xl);\n}\n\n\/* Arrow icon inside buttons *\/\n.btn-icon {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n\n.btn-icon svg {\n  width: 100%;\n  height: 100%;\n}\n\n\/* Round arrow button (used in bran\u017ce section) *\/\n.btn-round {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  padding: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n\/* --- Tags --- *\/\n.tag {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 9px 8px 7px;\n  border-radius: 8px;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1;\n  letter-spacing: -0.02rem;\n  color: var(--color-white);\n  white-space: nowrap;\n  margin: 0;\n}\n\n.tag-blue    { background-color: rgb(22, 118, 195); }\n.tag-orange  { background-color: rgb(255, 165, 51); }\n.tag-wms     { background-color: rgb(255, 194, 116); }\n.tag-red     { background-color: rgb(255, 74, 106); }\n.tag-gray    { background-color: rgb(174, 174, 174); }\n.tag-green   { background-color: rgb(0, 194, 182); }\n.tag-salmon  { background-color: rgb(241, 107, 94); }\n.tag-yellow  { background-color: var(--color-erp-yellow); }\n\n\/* --- Cards --- *\/\n.card {\n  background-color: var(--color-white);\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n}\n\n.card-dark {\n  background-color: var(--surface-card-dark);\n  color: var(--color-white);\n  border-radius: var(--radius-lg);\n}\n\n.card-dark2 {\n  background-color: var(--surface-card-dark2);\n  color: var(--color-white);\n  border-radius: var(--radius-md);\n}\n\n\/* ERP Products Grid *\/\n.erp-products {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 38px 25px;\n  justify-content: center;\n  max-width: 1326px;\n  margin: 0 auto;\n}\n\n\/* ERP Solution Card *\/\n.card-erp {\n  position: relative;\n  background-color: var(--color-white);\n  border-radius: 25px;\n  overflow: visible;\n  cursor: pointer;\n  padding-bottom: 38px;\n}\n\n.card-erp__image {\n  position: relative;\n  overflow: hidden;\n  border-radius: 25px;\n  height: 195px;\n  margin-bottom: 25px;\n  transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-erp__image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.card-erp__logo {\n  position: relative;\n  padding: 0 25px;\n  display: grid;\n  grid-template-rows: 0fr;\n  overflow: visible;\n  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-erp__logo-img,\nimg.card-erp__logo-img {\n  display: block;\n  width: auto;\n  height: 0;\n  opacity: 0;\n  min-height: 0;\n  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-erp__logo-img img {\n  height: 50px;\n  width: auto;\n}\n\n.card-erp__open {\n  position: absolute;\n  right: 25px;\n  top: 0;\n  bottom: -52px;\n  width: 52px;\n  height: 52px;\n  border-radius: 19px;\n  background: rgba(242, 242, 242, 0.75);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  cursor: pointer;\n  transition: all 0.3s;\n  z-index: 2;\n}\n\n.card-erp__open:hover {\n  background: var(--color-black);\n}\n\n.card-erp__open:hover svg path {\n  stroke: white;\n}\n\n.card-erp__body {\n  padding: 0 33px;\n  margin-top: 35px;\n  transition: margin-top 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-erp__title {\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 33px;\n  color: var(--color-black);\n  margin-bottom: 13px;\n}\n\n.card-erp__desc {\n  font-size: 20px;\n  font-weight: 400;\n  line-height: 25px;\n  color: var(--color-dark-gray);\n}\n\n\/* Card hover \u2014 show logo, shrink image *\/\n.card-erp:hover .card-erp__image {\n  height: 144px;\n}\n\n.card-erp:hover .card-erp__logo {\n  grid-template-rows: 1fr;\n}\n\n.card-erp:hover .card-erp__logo-img,\n.card-erp:hover img.card-erp__logo-img {\n  height: 50px;\n  opacity: 1;\n}\n\n.card-erp:hover .card-erp__body {\n  margin-top: 27px;\n}\n\n\/* --- ERP Slide Overlay (fixed, like live site) --- *\/\n.erp-slider {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 200;\n  display: none;\n  overflow: visible;\n}\n\n.erp-slider.is-active {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.erp-slider__bg {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(35, 35, 35, 0.5);\n  z-index: 0;\n}\n\n.erp-slider__panel {\n  position: relative;\n  z-index: 1;\n  width: 83.3%;\n  max-width: 1200px;\n  height: 100vh;\n  background: var(--color-base);\n  border-radius: 25px 0 0 25px;\n  overflow: hidden;\n  transform: translateX(100%);\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.erp-slider.is-active .erp-slider__panel {\n  transform: translateX(0);\n}\n\n\/* Nav arrows (bottom-right of panel) *\/\n.erp-slider__nav {\n  position: absolute;\n  bottom: 50px;\n  right: 54px;\n  display: flex;\n  gap: 8px;\n  z-index: 10;\n}\n\n.erp-slider__arrow {\n  width: 31px;\n  height: 31px;\n  border-radius: 9999px;\n  background: var(--color-white);\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--color-black);\n  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.erp-slider__arrow svg {\n  width: 12px;\n  height: 12px;\n}\n\n.erp-slider__arrow:hover {\n  background: var(--color-black);\n}\n\n.erp-slider__arrow:hover svg path {\n  stroke: #fff;\n}\n\n.erp-slider__arrow svg path {\n  transition: stroke 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.erp-slider__arrow:disabled {\n  opacity: 0.3;\n  cursor: default;\n}\n\n.erp-slider__arrow:disabled:hover {\n  background: var(--color-white);\n}\n\n.erp-slider__arrow:disabled:hover svg path {\n  stroke: #232323;\n}\n\n\/* Individual slide panel *\/\n.erp-slide {\n  display: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  grid-template-columns: 1.18fr 1fr;\n  grid-template-rows: 1fr auto;\n  gap: 19px 69px;\n  padding: 134px 50px 50px;\n  overflow-y: auto;\n  z-index: 1;\n}\n\n.erp-slide.is-active {\n  display: grid;\n}\n\n.erp-slide__close {\n  position: absolute;\n  left: 50px;\n  top: 33px;\n  width: 52px;\n  height: 52px;\n  border-radius: 19px;\n  background: var(--color-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  cursor: pointer;\n  z-index: 10;\n  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.erp-slide__close svg {\n  width: 20px;\n  height: 20px;\n}\n\n.erp-slide__close:hover {\n  background: var(--color-black);\n}\n\n.erp-slide__close:hover svg path {\n  stroke: white;\n}\n\n.erp-slide__close svg path {\n  transition: stroke 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.erp-slide__content {\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  grid-row: 1;\n  grid-column: 1;\n}\n\n.erp-slide__logo {\n  width: auto;\n  height: 50px;\n  margin-bottom: 40px;\n}\n\n.erp-slide__logo img {\n  height: 100%;\n  width: auto;\n}\n\n\/* Logo badge \u2014 icon + label (DRS variant) *\/\n.erp-slide__logo-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-md);\n  margin-bottom: var(--space-xl);\n}\n\n.erp-slide__logo-badge-icon {\n  width: 48px;\n  height: 48px;\n  border-radius: var(--radius-sm);\n  background-color: var(--color-gray);\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 24px 24px;\n  flex-shrink: 0;\n}\n\n.erp-slide__logo-badge-label {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n}\n\n.erp-slide__heading {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 56px;\n  color: var(--color-black);\n  margin-bottom: 12px;\n}\n\n.erp-slide__subheading {\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 23px;\n  color: var(--color-dark-gray);\n  margin-bottom: 29px;\n}\n\n.erp-slide__checklist {\n  list-style: none;\n  padding: 0 0 0 38px;\n  display: block;\n  margin: 25px 0;\n}\n\n.erp-slide__checklist li {\n  position: relative;\n  padding: 0;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 23px;\n  color: var(--color-dark-gray);\n  margin-bottom: 13px;\n}\n\n.erp-slide__checklist li:last-child {\n  margin-bottom: 0;\n}\n\n.erp-slide__checklist li::before {\n  content: '';\n  position: absolute;\n  left: -38px;\n  top: 0;\n  width: 22px;\n  height: 22px;\n  border: none;\n  border-radius: 0;\n  background: url(\"list-check.svg\") no-repeat 0 0 \/ 22px 22px;\n}\n\n.erp-slide__image {\n  grid-row: 1 \/ 3;\n  grid-column: 2;\n  border-radius: 0;\n  overflow: visible;\n  position: relative;\n}\n\n.erp-slide__image img {\n  width: 100%;\n  height: auto;\n  object-fit: contain;\n}\n\n\/* \"Wi\u0119cej\" button *\/\n.erp-slide__more {\n  grid-row: 2;\n  grid-column: 1;\n  align-self: end;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--color-black);\n  color: var(--color-white);\n  border: none;\n  border-radius: 9999px;\n  padding: 11px 17px 9px;\n  font-size: 16px;\n  font-weight: 400;\n  cursor: pointer;\n  width: fit-content;\n  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  text-decoration: none;\n}\n\n.erp-slide__more:hover {\n  background: var(--color-dark-gray);\n}\n\n.erp-slide__more svg {\n  width: 16px;\n  height: 16px;\n}\n\n.erp-slide__more svg path {\n  stroke: currentColor;\n}\n\n\/* Product category card *\/\n.card-product {\n  background-color: var(--color-white);\n  border-radius: var(--radius-lg);\n  padding: 32px;\n  width: 298px;\n}\n\n.card-product--tinted {\n  background-color: rgba(0, 194, 182, 0.05);\n}\n\n.card-product__logo {\n  height: 50px;\n  margin-bottom: 48px;\n}\n\n.card-product__logo img {\n  height: 100%;\n  width: auto;\n}\n\n.card-product__title {\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 1.34;\n  color: var(--color-black);\n  margin-bottom: 12px;\n}\n\n.card-product__desc {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-black);\n  height: 71px;\n  margin-bottom: 48px;\n}\n\n.card-product--tinted .card-product__desc {\n  color: var(--color-dark-gray);\n}\n\n\/* Product card CTA \u2014 outline pill, matches .is-style-arrow-right-white-outline on live site *\/\n.card-product .btn-case-cta {\n  background: transparent;\n  border: 1px solid #232323;\n  color: #232323;\n  transition: background-color 0.3s, color 0.3s;\n}\n\n.card-product .btn-case-cta:hover {\n  background: #232323;\n  color: #FDFDFD;\n}\n\n.card-product .btn-case-cta:hover .btn-case-cta__arrow {\n  filter: invert(100%);\n  transform: translateX(0.25rem);\n  transition: filter 0.3s, transform 0.3s;\n}\n\n\/* Case study card *\/\n\/* Case Studies \u2014 matches .slider-case-studies on assecobs.pl\/erp *\/\n.card-case {\n  background-color: #141414;\n  border-radius: 1.5rem;\n  padding: clamp(1.5rem, 4vw, 3rem) clamp(1.25rem, 4vw, 4.125rem) clamp(1.5rem, 4vw, 3rem) clamp(1.25rem, 3vw, 2rem);\n  display: grid;\n  grid-template-columns: 1fr auto;\n  align-items: center;\n  gap: clamp(1rem, 4vw, 5.1875rem);\n  width: min(54.6875rem, 90vw);\n  flex-shrink: 0;\n}\n\n.card-case__content {\n  min-width: 0;\n}\n\n.card-case__title {\n  font-size: 3rem;\n  font-weight: 600;\n  line-height: 1.13;\n  color: var(--color-white);\n  margin-bottom: 2rem;\n}\n\n.card-case__desc {\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.375rem;\n  color: #F2F2F2;\n  margin-bottom: 0.5rem;\n}\n\n.card-case__author {\n  font-size: 1rem;\n  color: #AEAEAE;\n  margin-bottom: 2rem;\n}\n\n.card-case__logo {\n  background: #FDFDFD;\n  border-radius: 1.5rem;\n  padding: 1.5rem;\n  height: clamp(8rem, 20vw, 19.875rem);\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  max-width: min(200px, 30vw);\n}\n\n\n.card-case__logo img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  object-position: center;\n}\n\n\/* Case study CTA button \u2014 white pill, matches .is-style-arrow-right-white on live *\/\n.btn-case-cta {\n  display: inline-flex;\n  width: fit-content;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.72rem 1rem 0.59rem;\n  border: none;\n  border-radius: 9999px;\n  background: #FDFDFD;\n  color: #090909;\n  font-size: 1rem;\n  font-weight: 400;\n  letter-spacing: -0.02rem;\n  text-decoration: none;\n  transition: background 0.3s;\n}\n\n.btn-case-cta:hover {\n  background: #e6e6e6;\n}\n\n\/* Case study nav arrows \u2014 gray bg, matches live site *\/\n.case-slider__arrow {\n  width: 1.875rem;\n  height: 1.875rem;\n  border-radius: 9999px;\n  background: rgb(103, 103, 103);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  padding: 0;\n}\n\n.case-slider__arrow svg {\n  width: 0.875rem;\n  height: 0.875rem;\n}\n\n.case-slider__arrow:hover {\n  background: rgb(253, 253, 253);\n}\n\n.case-slider__arrow:hover svg path {\n  stroke: rgb(35, 35, 35);\n}\n\n.case-slider__arrow:disabled {\n  pointer-events: none;\n  display: none;\n}\n\n\/* Case Studies section mobile fix *\/\n.section-case-studies {\n  background-size: auto min(100%, 400px) !important;\n}\n\n\/* Case Studies marquee animation *\/\n.case-studies-marquee {\n  overflow: hidden;\n  margin-left: -1.5rem;\n  margin-right: -1.5rem;\n  padding-left: 1.5rem;\n}\n\n.case-studies-marquee .slider-track {\n  overflow: visible;\n  scroll-snap-type: none;\n  width: max-content;\n  animation: caseStudiesScroll 160s linear infinite;\n  padding-top: 4px;\n  padding-bottom: 4px;\n}\n\n.case-studies-marquee .slider-track:hover {\n  animation-play-state: paused;\n}\n\n@keyframes caseStudiesScroll {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n\n\/* Case card gradient border on hover *\/\n.card-case {\n  position: relative;\n}\n\n.card-case::before {\n  content: '';\n  position: absolute;\n  inset: -2px;\n  border-radius: calc(1.5rem + 2px);\n  padding: 2px;\n  background: linear-gradient(107deg, #ef5909 17%, #d70e44 34%, #a046e1 55%, #1676c3 73%);\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n\n.card-case:hover::before {\n  opacity: 1;\n}\n\n.btn-case-cta__arrow {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  flex-shrink: 0;\n  background: url(\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgNi4yNWEuNzUuNzUgMCAwIDAgMCAxLjV2LTEuNVptMTIuNTMgMS4yOGEuNzUuNzUgMCAwIDAgMC0xLjA2TDkuNzU3IDEuNjk3YS43NS43NSAwIDEgMC0xLjA2IDEuMDZMMTIuOTM5IDdsLTQuMjQyIDQuMjQzYS43NS43NSAwIDAgMCAxLjA2IDEuMDZMMTQuNTMgNy41M1pNMiA3Ljc1aDEydi0xLjVIMnYxLjVaIiBmaWxsPSIjMjMyMzIzIi8+PC9zdmc+\") center \/ 1rem no-repeat;\n}\n\n\/* ======= Video Testimonials \u2014 1:1 copy from assecobs.pl\/erp\/ .slider-video-v2 ======= *\/\n\n\/* Card \u2014 matches .box-video *\/\n.card-testimonial {\n  width: 21.25rem; \/* 340px at 16px base, matches splide slide width *\/\n  height: auto;\n  aspect-ratio: 9 \/ 16;\n  border-radius: 1.5rem;\n  overflow: hidden;\n  position: relative;\n  flex-shrink: 0;\n  background: #333;\n}\n\n.card-testimonial__image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* Dark gradient overlay \u2014 matches .wp-block-video::after *\/\n.card-testimonial::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(to bottom, transparent, rgba(35,35,35,0.8));\n  pointer-events: none;\n  z-index: 1;\n  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* On hover: gradient shifts to bottom-focused (keeps person info readable on static thumbnails) *\/\n.card-testimonial:hover::after {\n  background: linear-gradient(to bottom, transparent 40%, rgba(35,35,35,0.6) 100%);\n}\n\n\/* Play\/pause pill \u2014 matches .box-video__play .wp-element-button::before\/::after *\/\n.card-testimonial__play {\n  position: absolute;\n  inset: 0;\n  z-index: 40;\n  cursor: pointer;\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding: 1rem;\n  background: transparent;\n}\n\n\/* Play icon pill (::before) \u2014 visible by default *\/\n.card-testimonial__play::before {\n  content: '';\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  width: 3.125rem;\n  height: 3.125rem;\n  background-color: rgba(216, 216, 216, 0.4);\n  border-radius: 1.125rem;\n  background-image: url(\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMTIuNTAxIDcuMTFhMS4wNDQgMS4wNDQgMCAwIDEgMCAxLjc4TDQuNjggMTMuODNjLS43MzEuNDU2LTEuNjgtLjA1My0xLjY4LS44OVYzLjA2YzAtLjgzNy45Ni0xLjM0NiAxLjY4LS44OUwxMi41IDcuMTFaIiBmaWxsPSIjRkRGREZEIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxNnYxNkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==\");\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 1rem;\n  opacity: 1;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Pause icon pill (::after) \u2014 hidden by default, shown on hover *\/\n.card-testimonial__play::after {\n  content: '';\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  width: 3.125rem;\n  height: 3.125rem;\n  background-color: rgba(216, 216, 216, 0.4);\n  border-radius: 1.125rem;\n  background-image: url(\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjQiIGhlaWdodD0iMTUiIHJ4PSIxIiBmaWxsPSIjRkRGREZEIi8+PHJlY3QgeD0iOSIgd2lkdGg9IjQiIGhlaWdodD0iMTUiIHJ4PSIxIiBmaWxsPSIjRkRGREZEIi8+PC9zdmc+\");\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 0.8125rem 0.9375rem;\n  opacity: 0;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Hover: play fades, pause appears with dark bg *\/\n.card-testimonial:hover .card-testimonial__play::before {\n  opacity: 0;\n}\n\n.card-testimonial:hover .card-testimonial__play::after {\n  opacity: 1;\n  background-color: rgb(35, 35, 35);\n}\n\n\/* Bottom content area \u2014 matches .box-video__content with grid-template-rows animation *\/\n.card-testimonial__content {\n  position: absolute;\n  inset: auto 0 0;\n  z-index: 50;\n  display: grid;\n  align-items: flex-start;\n  grid-template-rows: 0px 0fr;\n  padding: 0 1rem;\n  transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Hover: expand content to show CTA + tags *\/\n.card-testimonial:hover .card-testimonial__content {\n  grid-template-rows: 4.1875rem 1fr;\n}\n\n\/* Person info \u2014 positioned above the content grid via absolute *\/\n.card-testimonial__person-info {\n  position: absolute;\n  bottom: calc(100% + 1rem);\n  left: 1rem;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.card-testimonial__avatar {\n  width: 3.125rem;\n  height: 3.125rem;\n  border-radius: 50%;\n  aspect-ratio: 1 \/ 1;\n  object-fit: cover;\n  flex-shrink: 0;\n}\n\n.card-testimonial__name {\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.375rem;\n  color: var(--color-white);\n  letter-spacing: -0.02rem;\n}\n\n\/* CTA button \u2014 inside expandable grid row *\/\n.card-testimonial__cta {\n  overflow: hidden;\n  position: relative;\n  z-index: 10;\n}\n\n\/* Matches .is-style-arrow-right-white .wp-element-button on live site *\/\n.card-testimonial__cta a {\n  display: inline-flex;\n  width: fit-content;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.72rem 1rem 0.59rem;\n  border: none;\n  border-radius: 9999px;\n  background: var(--color-white);\n  color: #232323;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.4;\n  letter-spacing: -0.02rem;\n  text-decoration: none;\n  transition: background 0.3s, color 0.3s;\n  white-space: nowrap;\n}\n\n\/* Arrow icon via ::before \u2014 matches live site SVG *\/\n.card-testimonial__cta a::before {\n  content: '';\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  flex-shrink: 0;\n  background: url(\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgNi4yNWEuNzUuNzUgMCAwIDAgMCAxLjV2LTEuNVptMTIuNTMgMS4yOGEuNzUuNzUgMCAwIDAgMC0xLjA2TDkuNzU3IDEuNjk3YS43NS43NSAwIDEgMC0xLjA2IDEuMDZMMTIuOTM5IDdsLTQuMjQyIDQuMjQzYS43NS43NSAwIDAgMCAxLjA2IDEuMDZMMTQuNTMgNy41M1pNMiA3Ljc1aDEydi0xLjVIMnYxLjVaIiBmaWxsPSIjMjMyMzIzIi8+PC9zdmc+\") center \/ 1rem no-repeat;\n}\n\n.card-testimonial__cta a:hover {\n  background: var(--color-erp-blue);\n  color: var(--color-white);\n}\n\n.card-testimonial__cta a:hover::before {\n  background-image: url(\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgNi4yNWEuNzUuNzUgMCAwIDAgMCAxLjV2LTEuNVptMTIuNTMgMS4yOGEuNzUuNzUgMCAwIDAgMC0xLjA2TDkuNzU3IDEuNjk3YS43NS43NSAwIDEgMC0xLjA2IDEuMDZMMTIuOTM5IDdsLTQuMjQyIDQuMjQzYS43NS43NSAwIDAgMCAxLjA2IDEuMDZMMTQuNTMgNy41M1pNMiA3Ljc1aDEydi0xLjVIMnYxLjVaIiBmaWxsPSIjRkRGREZEIi8+PC9zdmc+\");\n}\n\n\/* Remove old SVG arrows from HTML \u2014 they're now in ::before *\/\n.card-testimonial__cta a svg {\n  display: none;\n}\n\n\/* Tags \u2014 inside expandable grid row, with margin-bottom transition *\/\n.card-testimonial__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.25rem;\n  width: 100%;\n  overflow: hidden;\n  margin-bottom: 0;\n  transition: margin-bottom 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Hover: add bottom margin to tags *\/\n.card-testimonial:hover .card-testimonial__tags {\n  margin-bottom: 1rem;\n}\n\n\/* ======= Slider Video Section Layout \u2014 matches assecobs.pl\/erp\/ ======= *\/\n.slider-video-section .slider-video-layout {\n  display: grid;\n  grid-template-columns: 1.13fr 1fr 1fr;\n  align-items: flex-start;\n  position: relative;\n}\n\n.slider-video-section .slider-video__text {\n  padding: 0 0 0 1.5rem;\n  grid-column: 1;\n  grid-row: 1;\n  position: relative;\n  width: 100%;\n  z-index: 10;\n}\n\n.slider-video-section .slider-video__text p {\n  letter-spacing: -0.02rem;\n  margin-bottom: 1.75rem;\n  max-width: 25rem;\n}\n\n.slider-video-section .slider-video__track-wrapper {\n  grid-column: 2 \/ 4;\n  grid-row: 1;\n  overflow: visible;\n}\n\n.slider-video-section .slider-video__track-wrapper .slider-track {\n  gap: 1.5rem;\n  padding-right: 48px;\n}\n\n\/* Nav arrows \u2014 matches .splide__arrows on live site *\/\n.slider-video__nav {\n  display: flex;\n  gap: 1rem;\n}\n\n.slider-video__arrow {\n  width: 1.875rem;\n  height: 1.875rem;\n  border-radius: 9999px;\n  background: rgb(255, 255, 255);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  padding: 0;\n}\n\n.slider-video__arrow svg {\n  width: 0.875rem;\n  height: 0.875rem;\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.slider-video__arrow svg path {\n  stroke: #232323;\n  transition: stroke 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Hover: dark bg, white stroke *\/\n.slider-video__arrow:hover {\n  background: rgb(35, 35, 35);\n}\n\n.slider-video__arrow:hover svg path {\n  stroke: rgb(253, 253, 253);\n}\n\n\/* Disabled: gray bg, hidden on desktop *\/\n.slider-video__arrow:disabled {\n  background: rgb(103, 103, 103);\n  pointer-events: none;\n  display: none;\n}\n\n\/* Industry tile *\/\n.tile-industry {\n  background-color: #232323;\n  border-radius: 17px;\n  width: 175px;\n  height: 159px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 21px 8px;\n  cursor: pointer;\n  transition: background-color 0.3s;\n}\n\n.tile-industry:hover {\n  background-color: #2d2d2d;\n}\n\n.tile-industry__inner {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n}\n\n.tile-industry__icon {\n  width: 63px;\n  height: 63px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.tile-industry__icon img,\n.tile-industry__icon svg {\n  width: 63px;\n  height: 63px;\n  padding: 15px;\n  background-color: rgb(72, 72, 72);\n  border-radius: 9999px;\n  box-sizing: border-box;\n}\n\n.tile-industry__label {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-white);\n  text-align: center;\n}\n\n\/* --- Advantage Bar --- *\/\n.advantage-bar {\n  background-color: var(--color-white);\n  padding: 61px 0;\n}\n\n.advantage-bar__list {\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 51px;\n  list-style: none;\n}\n\n.advantage-bar__item {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  max-width: 370px;\n}\n\n.advantage-bar__icon {\n  width: 22px;\n  height: 22px;\n  flex-shrink: 0;\n}\n\n.advantage-bar__text {\n  font-size: 20px;\n  font-weight: 400;\n  line-height: 1.34;\n  color: var(--color-black);\n}\n\n\/* --- Hero Section --- *\/\n.hero {\n  background-color: var(--color-gray);\n  position: relative;\n  height: 678px;\n  overflow: hidden;\n}\n\n\/* Blob background \u2014 1:1 from assecobs.pl\/erp *\/\n.hero__desktop-bg {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-end;\n  pointer-events: none;\n}\n\n.hero__content {\n  position: relative;\n  z-index: 20;\n  margin-top: 217px;\n  margin-left: 50px;\n  width: 529px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 32px;\n}\n\n.hero__logo {\n  height: 70px;\n  width: auto;\n}\n\n.hero__title {\n  font-size: 48px;\n  font-weight: 600;\n  line-height: 1.13;\n  color: var(--color-black);\n}\n\n.hero__subtitle {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-dark-gray);\n}\n\n\/* Hero slider *\/\n.hero__slider {\n  position: absolute;\n  top: 218px;\n  left: 706px;\n  width: 830px;\n  height: 460px;\n  z-index: 10;\n  overflow: hidden;\n}\n\n.hero__slider-track {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hero__slide {\n  min-width: 100%;\n  height: 100%;\n}\n\n.hero__slide img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.hero__arrows {\n  position: absolute;\n  top: 80px;\n  right: 65px;\n  z-index: 30;\n  display: flex;\n  gap: 8px;\n}\n\n.hero__arrow-btn {\n  width: 31px;\n  height: 31px;\n  border-radius: 9999px;\n  background: var(--color-white);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  box-shadow: none;\n  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.hero__arrow-btn:hover {\n  background-color: var(--color-black);\n}\n\n.hero__arrow-btn:hover svg path {\n  stroke: #fff;\n}\n\n.hero__arrow-btn svg path {\n  transition: stroke 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* Mobile blob \u2014 hidden on desktop, shown on mobile *\/\n.hero__mobile-bg {\n  display: none;\n  position: absolute;\n  top: -40px;\n  right: -60px;\n  width: 420px;\n  height: 100%;\n  pointer-events: none;\n  overflow: visible;\n}\n\n.hero__decorative-shape {\n  position: absolute;\n  top: -20%;\n  right: -15%;\n  width: 838px;\n  height: 838px;\n  opacity: 0.15;\n}\n\n\/* --- Slider Controls --- *\/\n.slider-controls {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.slider-arrow {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  background: transparent;\n  border: 1px solid var(--color-medium-gray);\n  transition: background-color 0.2s;\n}\n\n.slider-arrow:hover {\n  background: rgba(0,0,0,0.05);\n}\n\n.slider-arrow--dark {\n  border-color: var(--color-dark-gray);\n}\n\n.slider-arrow--dark:hover {\n  background: rgba(255,255,255,0.1);\n}\n\n.slider-arrow svg {\n  width: 14px;\n  height: 14px;\n}\n\n.slider-arrow--prev svg {\n  transform: rotate(180deg);\n}\n\n\/* --- Horizontal Scroll Slider --- *\/\n.slider-track {\n  display: flex;\n  gap: var(--space-lg);\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n  padding-bottom: 8px;\n}\n\n.slider-track::-webkit-scrollbar {\n  display: none;\n}\n\n.slider-track > * {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n}\n\n\/* --- Section Headers --- *\/\n.section-header {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  margin-bottom: var(--space-3xl);\n}\n\n.section-header__title {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.13;\n}\n\n.section-header--center {\n  justify-content: center;\n  text-align: center;\n}\n\n.section-header--center .section-header__title {\n  width: 100%;\n}\n\n\/* --- Footer --- *\/\n.footer {\n  background-color: var(--color-dark-black);\n  border-radius: var(--radius-lg) var(--radius-lg) 0 0;\n  padding: clamp(16px, 4vw, 48px);\n  color: var(--color-white);\n  overflow: hidden;\n}\n\n.footer__top {\n  display: flex;\n  align-items: center;\n  gap: 193px;\n  margin-bottom: 26px;\n}\n\n.footer__logo {\n  height: 31px;\n  width: auto;\n}\n\n.footer__cta {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 32px;\n}\n\n.footer__cta-text {\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 1.34;\n  color: var(--color-gray);\n  max-width: 360px;\n}\n\n.footer__cta-buttons {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n\n.footer__columns {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 50px;\n  margin-bottom: 26px;\n}\n\n.footer__column-title {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: var(--color-gray);\n  margin-bottom: 11px;\n}\n\n.footer__link {\n  display: block;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-medium-gray);\n  margin-bottom: 4px;\n  transition: color 0.2s;\n}\n\n.footer__link:hover {\n  color: var(--color-white);\n}\n\n.footer__divider {\n  width: 100%;\n  height: 1px;\n  background: rgba(255,255,255,0.1);\n  margin-bottom: 24px;\n}\n\n.footer__bottom {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.footer__social {\n  display: flex;\n  gap: 16px;\n  margin-bottom: 12px;\n}\n\n.footer__social-link {\n  font-size: 16px;\n  color: var(--color-dark-gray);\n  transition: color 0.2s;\n}\n\n.footer__social-link:hover {\n  color: var(--color-white);\n}\n\n.footer__copyright {\n  font-size: 12px;\n  color: var(--color-dark-gray);\n  letter-spacing: -0.24px;\n}\n\n.footer__legal {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n\n.footer__legal-link {\n  font-size: 10px;\n  color: var(--color-medium-gray);\n  letter-spacing: -0.2px;\n  transition: color 0.2s;\n}\n\n.footer__legal-link:hover {\n  color: var(--color-white);\n}\n\n\/* Help tag pills in footer *\/\n.footer__help-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n}\n\n.footer__help-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  background: var(--color-black);\n  border-radius: 20px;\n  padding: 10px 12px 8px;\n  height: 35px;\n  font-size: 12px;\n  color: var(--color-medium-gray);\n}\n\n.footer__help-tag-icon {\n  width: 10px;\n  height: 10px;\n}\n\n\/* --- CTA Banner (Bran\u017ce \"Nie widzisz...\") --- *\/\n.cta-banner {\n  background: var(--color-white);\n  border-radius: var(--radius-lg);\n  padding: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 53px;\n}\n\n.cta-banner__text {\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 1.34;\n  color: var(--color-black);\n}\n\n\/* --- Utility Classes --- *\/\n.flex { display: flex; }\n.flex-col { flex-direction: column; }\n.flex-wrap { flex-wrap: wrap; }\n.items-center { align-items: center; }\n.items-start { align-items: flex-start; }\n.justify-center { justify-content: center; }\n.justify-between { justify-content: space-between; }\n.gap-xs  { gap: var(--space-xs); }\n.gap-sm  { gap: var(--space-sm); }\n.gap-md  { gap: var(--space-md); }\n.gap-lg  { gap: var(--space-lg); }\n.gap-xl  { gap: var(--space-xl); }\n.gap-2xl { gap: var(--space-2xl); }\n.gap-3xl { gap: var(--space-3xl); }\n.text-center { text-align: center; }\n.w-full { width: 100%; }\n.relative { position: relative; }\n.overflow-hidden { overflow: hidden; }\n\n\/* ============================================\n   HOMEPAGE Components (AP_Homepage_1366px)\n   ============================================ *\/\n\n\/* --- Additional Typography (Homepage) --- *\/\n.text-h1 {\n  font-size: 68px;\n  font-weight: 600;\n  line-height: 1.06;\n  letter-spacing: -1.36px;\n}\n\n.text-h3 {\n  font-size: 68px;\n  font-weight: 400;\n  line-height: 1.06;\n  letter-spacing: normal;\n}\n\n.text-h6 {\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 1.34;\n  letter-spacing: normal;\n}\n\n.text-h5-gradient {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 1.31;\n  background: var(--gradient-brand);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.text-h7-regular {\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 1.37;\n}\n\n\/* --- Hero Video Section --- *\/\n.hero-video {\n  position: relative;\n  width: 100%;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: 1fr;\n  align-items: flex-end;\n  overflow: hidden;\n}\n\n.hero-video__video-wrapper {\n  grid-area: 1 \/ 1 \/ -1 \/ -1;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.hero-video__video {\n  width: 100%;\n  height: 100%;\n  min-height: 620px;\n  object-fit: cover;\n  display: block;\n}\n\n.hero-video__overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 1;\n  pointer-events: none;\n}\n\n.hero-video__content {\n  grid-area: 1 \/ 1 \/ -1 \/ -1;\n  position: relative;\n  z-index: 10;\n  max-width: var(--max-width);\n  margin: 0 auto;\n  padding: 130px 24px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: flex-start;\n}\n\n.hero-video__heading {\n  font-size: clamp(38px, 6vw, 68px);\n  font-weight: 600;\n  line-height: 1.15;\n  letter-spacing: -1.36px;\n  color: var(--color-white);\n  max-width: 835px;\n  margin-bottom: 32px;\n  cursor: default;\n}\n\n.hero-video__heading .text-gradient {\n  background: var(--gradient-brand);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.hero-video__watch-btn {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  background: transparent;\n  border: none;\n  color: var(--color-white);\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 400;\n  cursor: pointer;\n  padding: 0;\n  position: absolute;\n  bottom: 32px;\n  right: 48px;\n  z-index: 10;\n}\n\n.hero-video__watch-btn::after {\n  content: '';\n  position: absolute;\n  bottom: -4px;\n  left: 0;\n  width: 100%;\n  height: 1px;\n  background: var(--color-white);\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n\n.hero-video__watch-btn:hover::after {\n  opacity: 1;\n}\n\n.hero-video__watch-btn svg {\n  transition: transform 0.3s;\n}\n\n.hero-video__watch-btn:hover svg {\n  transform: translateX(4px);\n}\n\n\/* Fullscreen video popup *\/\n.hero-video__fullscreen {\n  position: fixed;\n  inset: 0;\n  z-index: 40;\n  background: rgba(0, 0, 0, 0.95);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\n.hero-video__fullscreen.is-open {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n\n.hero-video__fullscreen-video {\n  max-width: 90vw;\n  max-height: 85vh;\n  border-radius: 12px;\n}\n\n.hero-video__fullscreen-close {\n  position: absolute;\n  top: 24px;\n  right: 24px;\n  background: rgba(255,255,255,0.1);\n  border: none;\n  border-radius: 50%;\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background 0.2s;\n}\n\n.hero-video__fullscreen-close:hover {\n  background: rgba(255,255,255,0.2);\n}\n\n.hero-video__actions {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n}\n\n\/* --- Button: Secondary (play + text) --- *\/\n.btn-secondary {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--color-white);\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  transition: opacity 0.2s;\n}\n\n.btn-secondary:hover {\n  opacity: 0.8;\n}\n\n.btn-secondary__play {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  border: 2px solid var(--color-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n\/* --- Logo Bar --- *\/\n.logo-bar {\n  max-width: var(--max-width);\n  margin: 0 auto;\n  padding: 0 var(--page-padding);\n}\n\n.logo-bar__heading {\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 1.2;\n  letter-spacing: -0.52px;\n  color: var(--color-black);\n  margin-bottom: 40px;\n}\n\n.logo-bar__grid {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 0;\n}\n\n.logo-bar__item {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px 24px;\n}\n\n.logo-bar__item img {\n  max-width: 100%;\n  height: auto;\n  max-height: 80px;\n}\n\n\/* Mobile slider \u2014 hidden on desktop *\/\n.logo-bar__heading {\n  text-align: center;\n}\n\n.logo-bar__slider {\n  display: none;\n  align-items: center;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.logo-bar__slider-track {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.logo-bar__slider-item {\n  flex: 0 0 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n  min-height: 120px;\n}\n\n.logo-bar__slider-item img {\n  max-width: 200px;\n  max-height: 80px;\n  height: auto;\n}\n\n.logo-bar__arrow {\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: var(--color-white);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  flex-shrink: 0;\n  color: var(--color-black);\n  box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n  transition: background 0.2s;\n}\n\n.logo-bar__arrow:hover {\n  background: var(--color-black);\n  color: var(--color-white);\n}\n\n.logo-bar__dots {\n  display: none;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 24px;\n}\n\n.logo-bar__dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--color-light-gray);\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n\n.logo-bar__dot.is-active {\n  width: 24px;\n  border-radius: 4px;\n  background: var(--color-erp-blue);\n}\n\n\/* Mobile breakpoint \u2014 show slider, hide grid *\/\n@media (max-width: 768px) {\n  .logo-bar__grid {\n    display: none;\n  }\n  .logo-bar__slider {\n    display: flex;\n  }\n  .logo-bar__dots {\n    display: flex;\n    flex-wrap: wrap;\n  }\n}\n\n\/* --- Card: News (dark article card) --- *\/\n.card-news {\n  background: #141414;\n  border-radius: 24px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  width: 366px;\n  flex-shrink: 0;\n  padding: 36px;\n  text-decoration: none;\n  color: inherit;\n  transition: transform 0.25s;\n}\n\n.card-news:hover {\n  transform: translateY(-4px);\n}\n\n.card-news__image-wrap {\n  margin-bottom: 28px;\n}\n\n.card-news__image {\n  width: 100%;\n  height: 194px;\n  object-fit: cover;\n  display: block;\n  border-radius: 24px;\n}\n\n.card-news__title {\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 1.31;\n  color: #676767;\n  margin-bottom: 28px;\n}\n\n.card-news__desc {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.375;\n  color: #AEAEAE;\n  flex: 1;\n}\n\n.card-news__meta {\n  display: flex;\n  gap: 8px;\n  margin-top: 20px;\n}\n\n\/* --- Tag: Dark (date \/ reading time) --- *\/\n.tag-dark {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border-radius: var(--radius-full);\n  background: var(--surface-card-dark2);\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--color-medium-gray);\n  white-space: nowrap;\n}\n\n\/* --- Label: Pill (bordered, no fill) --- *\/\n.label-pill {\n  display: inline-flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: var(--radius-full);\n  border: 1px solid var(--color-dark-gray);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--color-white);\n  background: transparent;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n\n.label-pill:hover {\n  border-color: var(--color-white);\n}\n\n.label-pill--active {\n  background: var(--color-white);\n  color: var(--color-black);\n  border-color: var(--color-white);\n}\n\n\/* --- Card: Quote (white card with avatar) --- *\/\n.card-quote {\n  background: var(--color-white);\n  border-radius: var(--radius-md);\n  padding: 40px 32px;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  max-width: 560px;\n  min-width: 400px;\n  flex-shrink: 0;\n}\n\n.card-quote__text {\n  font-size: 18px;\n  font-weight: 400;\n  line-height: 1.56;\n  color: var(--color-black);\n}\n\n.card-quote__footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n}\n\n.card-quote__author {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.card-quote__avatar {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: var(--color-light-gray);\n  overflow: hidden;\n  flex-shrink: 0;\n}\n\n.card-quote__avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.card-quote__name {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--color-black);\n  line-height: 1.4;\n}\n\n.card-quote__role {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--color-dark-gray);\n}\n\n.card-quote__company-logo {\n  height: 24px;\n  opacity: 0.6;\n}\n\n\/* --- Section: Benefits (dark video slider) --- *\/\n.section-benefits {\n  background: var(--color-dark-black);\n  position: relative;\n  overflow: hidden;\n  padding: 96px 0;\n}\n\n.section-benefits__bg-video {\n  position: absolute;\n  inset: 0;\n  opacity: 0.2;\n}\n\n.section-benefits__bg-video video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.section-benefits__header {\n  position: relative;\n  z-index: 2;\n  padding: 0 var(--page-padding);\n  max-width: var(--max-width);\n  margin: 0 auto 56px;\n}\n\n.section-benefits__content {\n  position: relative;\n  z-index: 2;\n  padding: 0 var(--page-padding);\n  max-width: var(--max-width);\n  margin: 0 auto;\n  display: flex;\n  gap: 48px;\n  align-items: flex-start;\n}\n\n.section-benefits__info {\n  flex: 1;\n  max-width: 480px;\n}\n\n.section-benefits__client {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n.section-benefits__client-logo {\n  width: 56px;\n  height: 56px;\n  border-radius: var(--radius-sm);\n  background: var(--color-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.section-benefits__client-name {\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--color-white);\n}\n\n.section-benefits__client-industry {\n  font-size: 14px;\n  color: var(--color-medium-gray);\n}\n\n.section-benefits__quote {\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-white);\n  margin-bottom: 32px;\n  font-style: italic;\n}\n\n.section-benefits__stats {\n  display: flex;\n  gap: 48px;\n}\n\n.section-benefits__stat-value {\n  font-size: 68px;\n  font-weight: 400;\n  color: var(--color-white);\n  line-height: 1;\n}\n\n.section-benefits__stat-value .text-gradient {\n  background: var(--gradient-brand);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.section-benefits__stat-label {\n  font-size: 14px;\n  color: var(--color-medium-gray);\n  margin-top: 8px;\n}\n\n.section-benefits__visual {\n  flex: 1;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  min-height: 400px;\n  background: var(--surface-card-dark);\n}\n\n\/* --- Section: Map (globe with country pills) --- *\/\n.section-map {\n  background: var(--color-gray);\n  padding: 80px 0 100px;\n  position: relative;\n  overflow: hidden;\n  text-align: center;\n}\n\n.section-map__heading {\n  font-size: 48px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-black);\n  margin-bottom: 0;\n  position: relative;\n  z-index: 2;\n}\n\n.section-map {\n  min-height: 900px;\n}\n\n.section-map__globe {\n  position: relative;\n  width: 660px;\n  height: 660px;\n  margin: 0 auto;\n  z-index: 0;\n  isolation: isolate;\n}\n\n.section-map__globe video {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  mix-blend-mode: multiply;\n}\n\n.section-map__countries {\n  position: absolute;\n  width: 100%;\n  top: 450px;\n  z-index: 10;\n  overflow: clip;\n}\n\n.section-map__row {\n  display: flex;\n  margin-bottom: 14px;\n}\n\n.section-map__row ul {\n  display: flex;\n  flex-shrink: 0;\n  list-style: none;\n  padding: 0 0 0 28px;\n  margin: 0;\n  animation: map-scroll-left 30s linear infinite;\n}\n\n.section-map__row--2 ul {\n  animation-name: map-scroll-right;\n}\n\n.section-map__row--3 ul {\n  animation-delay: -7s;\n}\n\n.section-map__row li {\n  font-size: 32px;\n  font-weight: 400;\n  line-height: 1.44;\n  color: var(--color-black);\n  background: var(--color-white);\n  border-radius: 9999px;\n  padding: 9px 30px 3px;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n@keyframes map-scroll-left {\n  0% { translate: 0; }\n  100% { translate: -100%; }\n}\n\n@keyframes map-scroll-right {\n  0% { translate: -100%; }\n  100% { translate: 0; }\n}\n\n@media (max-width: 768px) {\n  .section-map__heading {\n    font-size: 32px;\n  }\n\n  .section-map__globe {\n    width: 300px;\n    height: 300px;\n    margin-bottom: -100px;\n  }\n\n  .section-map__row li {\n    font-size: 20px;\n    padding: 8px 20px 4px;\n  }\n}\n\n\/* --- Section: CTA (large centered text) --- *\/\n.section-cta {\n  background: var(--color-gray);\n  padding: 100px var(--page-padding);\n  text-align: center;\n}\n\n.section-cta__heading {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  letter-spacing: -0.8px;\n  color: var(--color-black);\n  margin-bottom: 40px;\n  max-width: 780px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.section-cta__btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--color-white);\n  background: var(--color-black);\n  border: none;\n  border-radius: 9999px;\n  padding: 20px 24px 18px;\n  text-decoration: none;\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n.section-cta__btn:hover {\n  background: var(--color-erp-blue);\n}\n\n.section-cta__btn .arrow-icon {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n  stroke: var(--color-white);\n}\n\n\/* --- Section: Recommendations slider --- *\/\n.section-recommendations {\n  background: var(--color-gray);\n  padding: 96px 0;\n}\n\n.section-recommendations__header {\n  padding: 0 var(--page-padding);\n  max-width: var(--max-width);\n  margin: 0 auto 48px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n}\n\n.section-recommendations__track {\n  display: flex;\n  gap: 24px;\n  overflow-x: auto;\n  padding: 0 var(--page-padding) 16px;\n  scroll-snap-type: x mandatory;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n.section-recommendations__track::-webkit-scrollbar {\n  display: none;\n}\n\n\/* --- Section: Popular Topics \/ News --- *\/\n.section-news {\n  background: var(--color-dark-black);\n  padding: 96px 0;\n}\n\n.section-news__header {\n  padding: 0 var(--page-padding);\n  max-width: var(--max-width);\n  margin: 0 auto 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n}\n\n.section-news__pills {\n  display: flex;\n  gap: 8px;\n  padding: 0 var(--page-padding);\n  max-width: var(--max-width);\n  margin: 0 auto 40px;\n  flex-wrap: wrap;\n}\n\n.section-news__track {\n  display: flex;\n  gap: 24px;\n  overflow-x: auto;\n  padding: 0 var(--page-padding) 16px;\n  scroll-snap-type: x mandatory;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n.section-news__track::-webkit-scrollbar {\n  display: none;\n}\n\n\/* --- Product Cards: Homepage variant (dark bg) --- *\/\n.card-product--dark {\n  background: var(--surface-card-dark);\n  border: 1px solid rgba(255,255,255,0.08);\n}\n\n.card-product--dark .card-product__title {\n  color: var(--color-white);\n}\n\n.card-product--dark .card-product__desc {\n  color: var(--color-medium-gray);\n}\n\n\/* ============================================\n   HR SUBPAGE Components (AP_Homepage_animacje)\n   ============================================ *\/\n\n\/* --- Hero: Subpage variant --- *\/\n.hero-subpage {\n  position: relative;\n  width: 100%;\n  max-width: 100vw;\n  display: grid;\n  align-items: flex-end;\n  overflow: hidden;\n}\n\n.hero-subpage__video-wrapper {\n  position: relative;\n  grid-area: 1 \/ 1;\n  overflow: hidden;\n  min-height: 100%;\n}\n\n.hero-subpage__video-wrapper::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-dark-black);\n  opacity: 0.65;\n  pointer-events: none;\n}\n\n.hero-subpage__video-wrapper video {\n  width: 100%;\n  height: 100%;\n  min-height: 100%;\n  object-fit: cover;\n  display: block;\n  position: absolute;\n  inset: 0;\n}\n\n.hero-subpage__content {\n  grid-area: 1 \/ 1;\n  position: relative;\n  z-index: 10;\n  max-width: var(--max-width);\n  width: 100%;\n  margin: 0 auto;\n  padding: clamp(120px, 25vw, 256px) var(--page-padding) 48px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  box-sizing: border-box;\n}\n\n.hero-subpage__logo-figure {\n  margin: 0 0 44px;\n}\n\n.hero-subpage__logo {\n  width: 89px;\n  height: 50px;\n  display: block;\n}\n\n.hero-subpage__heading {\n  font-size: clamp(38px, 5vw, 48px);\n  font-weight: 600;\n  line-height: 1.15;\n  color: var(--color-white);\n  max-width: 835px;\n  margin-bottom: clamp(24px, 4vw, 40px);\n}\n\n.hero-subpage__cta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n\/* --- Section: Two-Column Description --- *\/\n.section-description {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 28px;\n  padding: 96px 24px 78px;\n  max-width: var(--max-width);\n  margin: 0 auto;\n  align-items: flex-start;\n  overflow: hidden;\n}\n\n.section-description__heading {\n  flex: 0 0 50%;\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-black);\n}\n\n.section-description__body {\n  flex: 1 1 280px;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-dark-gray);\n}\n\n\/* --- Section: Content Split (sticky text + stacking cards) --- *\/\n.section-content-split {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--space-3xl);\n  max-width: var(--max-width);\n  margin: 0 auto;\n  padding: var(--space-4xl) var(--page-padding) var(--space-2xl);\n  min-height: 200vh;\n  position: relative;\n}\n\n@media (max-width: 768px) {\n  .section-content-split {\n    grid-template-columns: 1fr;\n    min-height: 280vh;\n  }\n  .section-content-split__text {\n    position: static;\n    padding-right: 0;\n    margin-bottom: var(--space-xl);\n  }\n  .section-content-split__media:nth-child(1) {\n    top: 80px;\n  }\n  .section-content-split__media:nth-child(2) {\n    top: 110px;\n  }\n  .section-content-split__media:nth-child(3) {\n    top: 140px;\n  }\n}\n\n.section-content-split__text {\n  position: sticky;\n  top: 120px;\n  align-self: start;\n  height: fit-content;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-lg);\n  padding-right: var(--space-2xl);\n}\n\n.section-content-split__heading {\n  font-size: clamp(24px, 5vw, 48px);\n  font-weight: 600;\n  line-height: 1.125;\n  color: var(--color-black);\n}\n\n.section-content-split__subtitle {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.5;\n  color: var(--color-black);\n}\n\n.section-content-split__body {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n}\n\n\/* Right column: stacking sticky cards *\/\n.section-content-split__cards {\n  position: relative;\n  padding-top: 0;\n}\n\n.section-content-split__media {\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  background: var(--color-white);\n  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.12);\n  margin-bottom: var(--space-2xl);\n  border: 1px solid var(--color-light-gray);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.section-content-split__media:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 32px 96px rgba(0, 0, 0, 0.16);\n}\n\n.section-content-split__media:nth-child(1) {\n  top: 100px;\n  z-index: 1;\n}\n\n.section-content-split__media:nth-child(2) {\n  top: 140px;\n  z-index: 2;\n}\n\n.section-content-split__media:nth-child(3) {\n  top: 180px;\n  z-index: 3;\n}\n\n.section-content-split__image {\n  width: 100%;\n  aspect-ratio: 16 \/ 10;\n  object-fit: cover;\n  display: block;\n}\n\n.section-content-split__card {\n  padding: var(--space-xl);\n}\n\n.section-content-split__card-title {\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 1.3;\n  color: var(--color-black);\n  margin-bottom: var(--space-sm);\n}\n\n.section-content-split__card-desc {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n}\n\n\/* --- Section: Service Cards Grid (3-col, expandable) --- *\/\n.section-services {\n  background: var(--color-gray);\n  padding: var(--space-4xl) 0;\n}\n\n.section-services__header {\n  text-align: center;\n  margin-bottom: var(--space-2xl);\n}\n\n.section-services__header h2 {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-black);\n  margin-bottom: var(--space-sm);\n}\n\n.section-services__header p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n}\n\n.section-services__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: var(--space-lg);\n  align-items: stretch;\n}\n\n\/* Service card *\/\n.card-service {\n  background: var(--color-white);\n  border: 1px solid var(--color-light-gray);\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);\n}\n\n.card-service:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1);\n}\n\n.card-service__image {\n  width: 100%;\n  height: 200px;\n  overflow: hidden;\n  flex-shrink: 0;\n}\n\n.card-service__image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: transform 0.6s ease;\n}\n\n.card-service:hover .card-service__image img {\n  transform: scale(1.05);\n}\n\n.card-service__header {\n  padding: var(--space-lg) var(--space-lg) var(--space-md);\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.card-service__title {\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 1.3;\n  color: var(--color-black);\n  margin-bottom: var(--space-sm);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-md);\n}\n\n.card-service__desc {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n  margin-bottom: var(--space-md);\n  flex: 1;\n}\n\n.card-service__metric {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--space-sm);\n  padding: 6px 14px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1.44;\n  letter-spacing: -0.24px;\n  border-radius: var(--radius-full);\n  background: rgba(0, 0, 0, 0.05);\n  color: var(--color-dark-gray);\n  border: 1px solid var(--color-light-gray);\n  align-self: flex-start;\n  margin-top: auto;\n}\n\n.card-service__metric svg {\n  width: 14px;\n  height: 14px;\n  stroke: currentColor;\n  fill: none;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\/* Toggle button (+) *\/\n.card-service__toggle {\n  width: 36px;\n  height: 36px;\n  border-radius: var(--radius-full);\n  border: 1.5px solid var(--color-light-gray);\n  background: var(--color-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  flex-shrink: 0;\n}\n\n.card-service__toggle svg {\n  width: 16px;\n  height: 16px;\n  stroke: var(--color-black);\n  stroke-width: 1.5;\n  fill: none;\n  stroke-linecap: round;\n  transition: stroke 0.3s ease;\n}\n\n.card-service__toggle:hover {\n  border-color: var(--color-erp-blue);\n}\n\n.card-service__toggle:hover svg {\n  stroke: var(--color-erp-blue);\n}\n\n.card-service.is-open .card-service__toggle {\n  background: var(--color-erp-blue);\n  border-color: var(--color-erp-blue);\n  transform: rotate(45deg);\n}\n\n.card-service.is-open .card-service__toggle svg {\n  stroke: var(--color-white);\n}\n\n\/* Expandable body *\/\n.card-service__body {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-service.is-open .card-service__body {\n  max-height: 1200px;\n}\n\n.card-service__content {\n  padding: 0 var(--space-lg) var(--space-lg);\n  border-top: 1px solid var(--color-light-gray);\n  padding-top: var(--space-lg);\n}\n\n.card-service__lead {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-black);\n  margin-bottom: var(--space-md);\n}\n\n.card-service__content h4 {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.5;\n  color: var(--color-black);\n  margin-bottom: var(--space-sm);\n}\n\n.card-service__items {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-sm);\n  margin-bottom: var(--space-lg);\n}\n\n.card-service__items li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-black);\n}\n\n.card-service__items li::before {\n  content: '';\n  width: 6px;\n  height: 6px;\n  border-radius: var(--radius-full);\n  background: var(--color-erp-blue);\n  flex-shrink: 0;\n  margin-top: 7px;\n}\n\n.card-service__case {\n  background: rgba(22, 118, 195, 0.04);\n  border-left: 3px solid var(--color-erp-blue);\n  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;\n  padding: var(--space-md) var(--space-lg);\n  margin-bottom: var(--space-lg);\n}\n\n.card-service__case-label {\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  line-height: 1.44;\n  color: var(--color-erp-blue);\n  margin-bottom: var(--space-sm);\n}\n\n.card-service__case p {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-dark-gray);\n  font-style: italic;\n}\n\n.card-service__when {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-dark-gray);\n}\n\n.card-service__when strong {\n  color: var(--color-black);\n}\n\n\/* --- Section: Results Cards (dark, gradient metrics) --- *\/\n.section-results {\n  background: var(--color-dark-black);\n  padding: var(--space-4xl) 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.section-results::before {\n  content: '';\n  position: absolute;\n  top: -30%;\n  left: -10%;\n  width: 600px;\n  height: 600px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(239, 89, 9, 0.08) 0%, rgba(215, 14, 68, 0.04) 40%, transparent 70%);\n  filter: blur(80px);\n  pointer-events: none;\n}\n\n.section-results::after {\n  content: '';\n  position: absolute;\n  bottom: -20%;\n  right: -5%;\n  width: 500px;\n  height: 500px;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(22, 118, 195, 0.08) 0%, rgba(160, 70, 225, 0.04) 40%, transparent 70%);\n  filter: blur(80px);\n  pointer-events: none;\n}\n\n.section-results .container {\n  position: relative;\n  z-index: 1;\n}\n\n.section-results__header {\n  text-align: center;\n  margin-bottom: var(--space-2xl);\n}\n\n.section-results__header h2 {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-white);\n  margin-bottom: var(--space-sm);\n}\n\n.section-results__header p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-medium-gray);\n}\n\n.section-results__grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n  gap: var(--space-xl);\n}\n\n\/* Result card *\/\n.card-result {\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.07);\n  border-radius: var(--radius-lg);\n  padding: var(--space-xl) var(--space-xl) var(--space-2xl);\n  transition: all 0.4s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n.card-result::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: radial-gradient(ellipse at 30% 0%, rgba(239, 89, 9, 0.06) 0%, transparent 60%);\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.4s ease;\n}\n\n.card-result:hover::before {\n  opacity: 1;\n}\n\n.card-result:hover {\n  border-color: rgba(255, 255, 255, 0.15);\n  transform: translateY(-6px);\n  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.5);\n}\n\n.card-result__badge {\n  display: inline-block;\n  padding: 6px 14px;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  line-height: 1.44;\n  border-radius: var(--radius-full);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  color: var(--color-medium-gray);\n  margin-bottom: var(--space-xl);\n}\n\n.card-result__metric {\n  font-size: 68px;\n  font-weight: 400;\n  line-height: 1.06;\n  letter-spacing: -0.03em;\n  background: var(--gradient-brand);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  margin-bottom: var(--space-xs);\n}\n\n.card-result__metric-label {\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  line-height: 1.44;\n  color: var(--color-dark-gray);\n  margin-bottom: var(--space-lg);\n}\n\n.card-result__title {\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 1.3;\n  color: var(--color-white);\n  margin-bottom: var(--space-sm);\n}\n\n.card-result__desc {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n}\n\n\/* --- Section: Persona Cards (DRS \u2014 tabs + problem\/solution panels) --- *\/\n.section-persona-cards {\n  background: var(--color-gray);\n  padding: var(--space-4xl) 0;\n}\n\n.section-persona-cards__header {\n  margin-bottom: var(--space-2xl);\n}\n\n.section-persona-cards__header h2 {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-black);\n  margin-bottom: var(--space-sm);\n}\n\n.section-persona-cards__header p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n}\n\n.section-persona-cards__tabs {\n  display: flex;\n  gap: var(--space-md);\n  margin-bottom: var(--space-2xl);\n  flex-wrap: wrap;\n}\n\n.section-persona-cards__tab {\n  padding: 12px 24px;\n  font-family: var(--font-family);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n  background: var(--color-white);\n  border: 1px solid var(--color-light-gray);\n  border-radius: var(--radius-full);\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.section-persona-cards__tab:hover {\n  border-color: var(--color-black);\n  color: var(--color-black);\n}\n\n.section-persona-cards__tab.is-active {\n  background: var(--color-black);\n  border-color: var(--color-black);\n  color: var(--color-white);\n}\n\n\/* Persona panel \u2014 two columns *\/\n.persona-card-panel {\n  display: none;\n}\n\n.persona-card-panel.is-active {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: var(--space-lg);\n}\n\n\/* Left: problem \/ quote with bg image *\/\n.persona-card__problem {\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  padding: 40px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  background-size: cover;\n  background-position: center;\n  position: relative;\n}\n\n\n.persona-card__problem::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(10, 10, 10, 0.85) 0%, rgba(10, 10, 10, 0.6) 50%, rgba(10, 10, 10, 0.4) 100%);\n  border-radius: inherit;\n}\n\n.persona-card__problem > * {\n  position: relative;\n  z-index: 1;\n}\n\n.persona-card__label {\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  line-height: 1.44;\n  color: var(--color-medium-gray);\n  margin-bottom: var(--space-md);\n}\n\n.persona-card__quote {\n  font-size: 16px;\n  font-weight: 400;\n  font-style: italic;\n  line-height: 1.7;\n  color: var(--color-light-gray);\n  border-left: 3px solid rgba(255, 255, 255, 0.2);\n  padding-left: var(--space-md);\n}\n\n\/* Right: solution + result *\/\n.persona-card__solution {\n  background: var(--color-white);\n  border: 1px solid var(--color-light-gray);\n  border-radius: var(--radius-lg);\n  padding: 40px;\n  display: flex;\n  flex-direction: column;\n}\n\n.persona-card__helps {\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-bottom: var(--space-xl);\n}\n\n.persona-card__helps li {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-black);\n}\n\n.persona-card__helps li::before {\n  content: '';\n  width: 22px;\n  height: 22px;\n  flex-shrink: 0;\n  margin-top: 1px;\n  border-radius: var(--radius-full);\n  background: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'\/%3E%3C\/svg%3E\") center\/13px no-repeat, linear-gradient(135deg, #ef5909, #d70e44, #a046e1);\n}\n\n.persona-card__result {\n  position: relative;\n  padding: 20px var(--space-lg);\n  margin-top: auto;\n  border-radius: var(--radius-sm);\n  background: var(--color-gray);\n}\n\n.persona-card__result::before {\n  content: '';\n  position: absolute;\n  inset: -1.5px;\n  border-radius: calc(var(--radius-sm) + 1.5px);\n  background: var(--gradient-brand);\n  z-index: -1;\n}\n\n.persona-card__result-label {\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  line-height: 1.44;\n  color: var(--color-black);\n  margin-bottom: var(--space-sm);\n}\n\n.persona-card__result p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.6;\n  color: var(--color-dark-gray);\n}\n\n\/* --- Section: Why Cards (dark, 4-col grid with video bg) --- *\/\n.section-why-cards {\n  position: relative;\n  overflow: hidden;\n  background: var(--color-dark-black);\n  border-radius: var(--radius-lg);\n  padding: var(--space-4xl) 0;\n}\n\n.section-why-cards__video-bg {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n}\n\n.section-why-cards__video-bg video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.section-why-cards__video-bg::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: rgba(4, 6, 18, 0.72);\n}\n\n.section-why-cards .container {\n  position: relative;\n  z-index: 1;\n}\n\n.section-why-cards__header {\n  margin-bottom: var(--space-2xl);\n}\n\n.section-why-cards__header h2 {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-white);\n  margin-bottom: var(--space-sm);\n}\n\n.section-why-cards__header p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-medium-gray);\n}\n\n.section-why-cards__grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: var(--space-md);\n}\n\n\/* Why card *\/\n.card-why {\n  position: relative;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  background: rgba(255, 255, 255, 0.04);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  border: 1px solid rgba(255, 255, 255, 0.06);\n  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.3s ease;\n}\n\n.card-why:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6);\n  border-color: transparent;\n}\n\n.card-why::before {\n  content: '';\n  position: absolute;\n  inset: -1px;\n  border-radius: inherit;\n  padding: 2px;\n  background: var(--gradient-brand);\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.card-why:hover::before {\n  opacity: 1;\n}\n\n.card-why__inner {\n  padding: var(--space-xl);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.card-why__icon {\n  width: 48px;\n  height: 48px;\n  border-radius: var(--radius-sm);\n  background: var(--surface-card-dark2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: var(--space-lg);\n}\n\n.card-why__icon svg {\n  width: 22px;\n  height: 22px;\n  stroke: var(--color-medium-gray);\n  fill: none;\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.card-why__title {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.3;\n  color: var(--color-white);\n  margin-bottom: var(--space-sm);\n}\n\n.card-why__desc {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.65;\n  color: var(--color-medium-gray);\n}\n\n\/* --- Section: Partner Cards (4-col grid, gradient border hover) --- *\/\n.section-partners {\n  background: var(--color-gray);\n  padding: var(--space-4xl) 0;\n}\n\n.section-partners__header {\n  margin-bottom: var(--space-xl);\n}\n\n.section-partners__header h2 {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-black);\n  margin-bottom: var(--space-sm);\n}\n\n.section-partners__header p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n}\n\n.section-partners__intro {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: var(--color-dark-gray);\n  max-width: 680px;\n  margin-bottom: var(--space-2xl);\n}\n\n.section-partners__grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));\n  gap: var(--space-md);\n}\n\n.card-partner {\n  background: linear-gradient(var(--color-white), var(--color-white)) padding-box,\n              linear-gradient(var(--color-light-gray), var(--color-light-gray)) border-box;\n  border: 2px solid transparent;\n  min-width: 0;\n  overflow: hidden;\n  border-radius: var(--radius-lg);\n  padding: var(--space-lg);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: var(--space-sm);\n  transition: all 0.3s ease;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n}\n\n.card-partner:hover {\n  background: linear-gradient(var(--color-white), var(--color-white)) padding-box,\n              var(--gradient-brand) border-box;\n  transform: translateY(-3px);\n  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);\n}\n\n.card-partner__logo {\n  height: 36px;\n  width: auto;\n  display: block;\n  margin-bottom: var(--space-sm);\n}\n\n.card-partner__name {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.3;\n  color: var(--color-black);\n}\n\n.card-partner__desc {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-dark-gray);\n}\n\n\/* --- Section: Process Timeline (dark, centered zigzag) --- *\/\n.section-process {\n  background: var(--color-dark-black);\n  border-radius: var(--radius-lg);\n  padding: var(--space-4xl) 0;\n  overflow: hidden;\n}\n\n.section-process__header {\n  text-align: center;\n  margin-bottom: var(--space-xl);\n}\n\n.section-process__header h2 {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-white);\n  margin-bottom: var(--space-sm);\n}\n\n.section-process__header p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-medium-gray);\n}\n\n.section-process__cta {\n  text-align: center;\n  margin-bottom: var(--space-2xl);\n}\n\n\/* Timeline *\/\n.process-timeline {\n  position: relative;\n  max-width: 900px;\n  margin: 0 auto;\n  padding: var(--space-xl) 0;\n}\n\n.process-timeline::before {\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 0;\n  bottom: var(--space-xl);\n  width: 2px;\n  transform: translateX(-50%) scaleY(0);\n  transform-origin: top center;\n  background: rgba(255, 255, 255, 0.35);\n  transition: transform 1.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.process-timeline.is-line-visible::before {\n  transform: translateX(-50%) scaleY(1);\n}\n\n\/* Timeline item *\/\n.process-timeline__item {\n  position: relative;\n  display: flex;\n  margin-bottom: 80px;\n  opacity: 0;\n  transform: translateX(-60px);\n  transition: opacity 0.75s cubic-bezier(0.4, 0, 0.2, 1), transform 0.75s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.process-timeline__item:nth-child(even) {\n  transform: translateX(60px);\n}\n\n.process-timeline__item.is-visible {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.process-timeline__item:last-child {\n  margin-bottom: 0;\n}\n\n.process-timeline__item:nth-child(odd) {\n  justify-content: flex-start;\n  padding-right: max(0px, calc(50% + 48px));\n}\n\n.process-timeline__item:nth-child(even) {\n  justify-content: flex-end;\n  padding-left: max(0px, calc(50% + 48px));\n}\n\n@media (max-width: 768px) {\n  .process-timeline__item:nth-child(odd),\n  .process-timeline__item:nth-child(even) {\n    padding-left: 48px;\n    padding-right: 0;\n    justify-content: flex-start;\n  }\n  .process-timeline__item:nth-child(odd) .process-timeline__content,\n  .process-timeline__item:nth-child(even) .process-timeline__content {\n    text-align: left;\n  }\n  .process-timeline::before {\n    left: 16px !important;\n    transform: scaleY(0) !important;\n    transform-origin: top !important;\n  }\n  .process-timeline.is-line-visible::before {\n    transform: scaleY(1) !important;\n  }\n}\n\n.process-timeline__item:nth-child(odd) .process-timeline__content {\n  text-align: right;\n}\n\n.process-timeline__item:nth-child(even) .process-timeline__content {\n  text-align: left;\n}\n\n\/* Dot *\/\n.process-timeline__dot {\n  position: absolute;\n  left: 50%;\n  top: 8px;\n  width: 16px;\n  height: 16px;\n  border-radius: var(--radius-full);\n  background: var(--gradient-brand);\n  transform: translateX(-50%) scale(0);\n  box-shadow: 0 0 16px rgba(160, 70, 225, 0.5), 0 0 40px rgba(239, 89, 9, 0.3);\n  z-index: 2;\n  transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.35s;\n}\n\n.process-timeline__item.is-visible .process-timeline__dot {\n  transform: translateX(-50%) scale(1);\n}\n\n.process-timeline__item:hover .process-timeline__dot {\n  box-shadow: 0 0 24px rgba(160, 70, 225, 0.7), 0 0 56px rgba(239, 89, 9, 0.4);\n}\n\n\/* Content *\/\n.process-timeline__label {\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.5;\n  margin-bottom: var(--space-sm);\n  background: var(--gradient-brand);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.process-timeline__content h3 {\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 1.3;\n  color: var(--color-white);\n  margin-bottom: var(--space-sm);\n}\n\n.process-timeline__content p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: var(--color-light-gray);\n  max-width: 420px;\n}\n\n.process-timeline__item:nth-child(odd) .process-timeline__content p {\n  margin-left: auto;\n}\n\n\/* --- Section: Testimonial Marquee (auto-scrolling quote cards) --- *\/\n.section-testimonial-marquee {\n  background: var(--color-gray);\n  padding: var(--space-4xl) 0;\n  overflow: hidden;\n}\n\n.section-testimonial-marquee__header {\n  text-align: center;\n  margin-bottom: var(--space-2xl);\n}\n\n.section-testimonial-marquee__header h2 {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-black);\n  margin-bottom: var(--space-sm);\n}\n\n.section-testimonial-marquee__header p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n}\n\n.testimonial-marquee__wrapper {\n  position: relative;\n}\n\n.testimonial-marquee__wrapper::before,\n.testimonial-marquee__wrapper::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 220px;\n  z-index: 2;\n  pointer-events: none;\n}\n\n.testimonial-marquee__wrapper::before {\n  left: 0;\n  background: linear-gradient(to right, var(--color-gray) 20%, transparent);\n}\n\n.testimonial-marquee__wrapper::after {\n  right: 0;\n  background: linear-gradient(to left, var(--color-gray) 20%, transparent);\n}\n\n.testimonial-marquee__track {\n  display: flex;\n  gap: var(--space-md);\n  width: max-content;\n  animation: testimonialMarqueeScroll 50s linear infinite;\n}\n\n.testimonial-marquee__track:hover {\n  animation-play-state: paused;\n}\n\n@keyframes testimonialMarqueeScroll {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n\n\/* Marquee card *\/\n.card-testimonial-marquee {\n  background: linear-gradient(var(--color-white), var(--color-white)) padding-box,\n              linear-gradient(var(--color-light-gray), var(--color-light-gray)) border-box;\n  border: 2px solid transparent;\n  border-radius: var(--radius-lg);\n  padding: var(--space-xl);\n  width: 340px;\n  flex-shrink: 0;\n  transition: all 0.3s ease;\n}\n\n.card-testimonial-marquee:hover {\n  background: linear-gradient(var(--color-white), var(--color-white)) padding-box,\n              var(--gradient-brand) border-box;\n  transform: translateY(-3px);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\n}\n\n.card-testimonial-marquee__avatar {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: var(--space-md);\n}\n\n.card-testimonial-marquee__avatar img {\n  width: 44px;\n  height: 44px;\n  border-radius: var(--radius-full);\n  object-fit: cover;\n  flex-shrink: 0;\n  background: var(--color-gray);\n}\n\n.card-testimonial-marquee__name {\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-black);\n}\n\n.card-testimonial-marquee__role {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-dark-gray);\n}\n\n.card-testimonial-marquee__quote {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.7;\n  color: var(--color-dark-gray);\n  font-style: italic;\n}\n\n\/* --- Section: Cert Cards (dark, 4-col, icon + download) --- *\/\n.section-certs {\n  background: var(--color-dark-black);\n  padding: var(--space-4xl) 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.section-certs::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 800px;\n  height: 400px;\n  transform: translate(-50%, -50%);\n  background: radial-gradient(ellipse, rgba(22, 118, 195, 0.06) 0%, transparent 70%);\n  pointer-events: none;\n}\n\n.section-certs .container {\n  position: relative;\n  z-index: 1;\n}\n\n.section-certs__header {\n  text-align: center;\n  margin-bottom: var(--space-2xl);\n}\n\n.section-certs__header h2 {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-white);\n  margin-bottom: var(--space-sm);\n}\n\n.section-certs__header p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-medium-gray);\n}\n\n.section-certs__grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));\n  gap: var(--space-lg);\n}\n\n.card-cert {\n  background: rgba(255, 255, 255, 0.03);\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  border-radius: var(--radius-lg);\n  padding: 40px var(--space-xl);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  transition: all 0.4s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n.card-cert::before {\n  content: '';\n  position: absolute;\n  inset: -1px;\n  border-radius: inherit;\n  padding: 2px;\n  background: var(--gradient-brand);\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.card-cert:hover::before {\n  opacity: 1;\n}\n\n.card-cert:hover {\n  border-color: transparent;\n  transform: translateY(-4px);\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\n}\n\n.card-cert__icon {\n  width: 64px;\n  height: 64px;\n  margin-bottom: var(--space-lg);\n  border-radius: var(--radius-full);\n  background: linear-gradient(135deg, rgba(22, 118, 195, 0.15), rgba(160, 70, 225, 0.1));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.card-cert__icon svg,\n.card-cert__icon img {\n  width: 32px;\n  height: 32px;\n  stroke: rgba(255, 255, 255, 0.7);\n  stroke-width: 1.5;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.card-cert__name {\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 1.34;\n  color: var(--color-white);\n  margin-bottom: var(--space-sm);\n}\n\n.card-cert__desc {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.6;\n  color: var(--color-medium-gray);\n  flex: 1;\n}\n\n.card-cert__btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: var(--space-lg);\n  padding: var(--space-sm) var(--space-md);\n  font-family: var(--font-family);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.4;\n  color: var(--color-medium-gray);\n  border: 1px solid rgba(255, 255, 255, 0.18);\n  border-radius: var(--radius-full);\n  text-decoration: none;\n  background: transparent;\n  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;\n}\n\n.card-cert__btn:hover {\n  color: var(--color-white);\n  border-color: rgba(255, 255, 255, 0.45);\n  background: rgba(255, 255, 255, 0.06);\n}\n\n.card-cert__btn svg {\n  width: 13px;\n  height: 13px;\n  stroke: currentColor;\n  stroke-width: 2;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  flex-shrink: 0;\n}\n\n\/* --- Section: CTA Banner (dark card with animated orbs) --- *\/\n.section-cta-banner {\n  background: var(--color-gray);\n  padding: var(--space-4xl) 0;\n}\n\n.cta-banner-card {\n  position: relative;\n  background: var(--color-dark-black);\n  border-radius: var(--radius-lg);\n  padding: var(--space-3xl);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-2xl);\n  overflow: hidden;\n}\n\n.cta-banner-card::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to right, var(--color-dark-black) 30%, rgba(9, 9, 9, 0.65) 55%, rgba(9, 9, 9, 0.15) 100%);\n  pointer-events: none;\n  z-index: 2;\n}\n\n\/* Animated color orbs *\/\n.cta-banner-card__orbs {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 60%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 1;\n  overflow: hidden;\n}\n\n.cta-banner-card__orb {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(60px);\n}\n\n@keyframes ctaBannerFloat1 {\n  0%, 100% { transform: translate(0, 0) scale(1); }\n  40% { transform: translate(-25px, 30px) scale(1.12); }\n  70% { transform: translate(15px, -15px) scale(0.92); }\n}\n\n@keyframes ctaBannerFloat2 {\n  0%, 100% { transform: translate(0, 0) scale(1); }\n  35% { transform: translate(20px, -28px) scale(0.9); }\n  65% { transform: translate(-18px, 20px) scale(1.1); }\n}\n\n@keyframes ctaBannerFloat3 {\n  0%, 100% { transform: translate(0, 0) scale(1); }\n  50% { transform: translate(-20px, -25px) scale(1.08); }\n}\n\n\/* Content *\/\n.cta-banner-card__content {\n  position: relative;\n  z-index: 10;\n  max-width: 600px;\n}\n\n.cta-banner-card__content h2 {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 1.19;\n  color: var(--color-white);\n  margin-bottom: var(--space-md);\n}\n\n.cta-banner-card__content p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.6;\n  color: var(--color-medium-gray);\n}\n\n\/* Actions *\/\n.cta-banner-card__actions {\n  position: relative;\n  z-index: 10;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-md);\n  flex-shrink: 0;\n}\n\n\/* --- Section: FAQ Accordion --- *\/\n.section-faq {\n  background: var(--color-white);\n  padding: var(--space-4xl) 0;\n}\n\n.section-faq__header {\n  text-align: center;\n  margin-bottom: var(--space-2xl);\n}\n\n.section-faq__header h2 {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-black);\n  margin-bottom: var(--space-sm);\n}\n\n.section-faq__header p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n}\n\n.section-faq__list {\n  max-width: 900px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-md);\n}\n\n.faq-item {\n  background: linear-gradient(var(--color-white), var(--color-white)) padding-box,\n              linear-gradient(var(--color-light-gray), var(--color-light-gray)) border-box;\n  border: 1.5px solid transparent;\n  border-radius: var(--radius-md);\n  overflow: hidden;\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n.faq-item:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);\n}\n\n.faq-item__question {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-lg);\n  padding: var(--space-lg) var(--space-xl);\n  cursor: pointer;\n  font-family: var(--font-family);\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 1.5;\n  color: var(--color-black);\n  background: none;\n  border: none;\n  width: 100%;\n  text-align: left;\n  transition: background 0.2s ease;\n}\n\n.faq-item__question:hover {\n  background: var(--color-gray);\n}\n\n.faq-item__arrow {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n  stroke: var(--color-dark-gray);\n  stroke-width: 2;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform 0.3s ease;\n}\n\n.faq-item.is-open .faq-item__arrow {\n  transform: rotate(180deg);\n}\n\n.faq-item__answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s ease;\n}\n\n.faq-item.is-open .faq-item__answer {\n  max-height: 600px;\n}\n\n.faq-item__answer-inner {\n  padding: 0 var(--space-xl) var(--space-lg);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.75;\n  color: var(--color-dark-gray);\n}\n\n.faq-item__answer-inner ul {\n  list-style: none;\n  margin-top: var(--space-sm);\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.faq-item__answer-inner ul li {\n  display: flex;\n  gap: 10px;\n}\n\n.faq-item__answer-inner ul li::before {\n  content: '2013';\n  color: var(--color-medium-gray);\n  flex-shrink: 0;\n}\n\n\/* --- Header: DRS (fixed, transparent \u2192 blur on scroll) --- *\/\n.header-drs {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 1000;\n  height: 64px;\n  background: transparent;\n  backdrop-filter: blur(0px);\n  -webkit-backdrop-filter: blur(0px);\n  transition: background 1s ease, backdrop-filter 1s ease, -webkit-backdrop-filter 1s ease;\n}\n\n.header-drs.is-scrolled {\n  background: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(20px);\n  -webkit-backdrop-filter: blur(20px);\n}\n\n.header-drs__inner {\n  max-width: var(--max-width);\n  margin: 0 auto;\n  padding: 0 var(--page-padding);\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-md);\n  overflow: hidden;\n}\n\n.header-drs__logo {\n  flex-shrink: 0;\n}\n\n.header-drs__logo svg {\n  height: 26px;\n  width: auto;\n  display: block;\n}\n\n.header-drs__logo svg path {\n  fill: var(--color-white);\n}\n\n.header-drs__nav {\n  display: flex;\n  align-items: center;\n  gap: 0;\n  white-space: nowrap;\n}\n\n.header-drs__nav a {\n  padding: var(--space-sm) 12px;\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--color-white);\n  border-radius: var(--radius-sm);\n  transition: all 0.2s ease;\n  opacity: 0.85;\n  text-decoration: none;\n}\n\n.header-drs__nav a:hover {\n  opacity: 1;\n  background: rgba(255, 255, 255, 0.1);\n}\n\n.header-drs__actions {\n  display: flex;\n  align-items: center;\n  gap: var(--space-sm);\n}\n\n.header-drs__lang {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.header-drs__lang-btn {\n  padding: 6px 10px;\n  font-family: var(--font-family);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--color-medium-gray);\n  border-radius: var(--radius-sm);\n  text-decoration: none;\n  transition: all 0.2s ease;\n}\n\n.header-drs__lang-btn:hover {\n  color: var(--color-white);\n  background: rgba(255, 255, 255, 0.1);\n}\n\n.header-drs__lang-btn.is-active {\n  color: var(--color-white);\n  background: rgba(255, 255, 255, 0.15);\n}\n\n\/* Nav CTA \u2014 hidden on desktop, shown in mobile overlay *\/\n.header-drs__nav-cta,\n.header-drs__nav-header,\n.header-drs__nav-lang {\n  display: none;\n}\n\n\/* Nav list wrapper \u2014 na desktopie staje si\u0119 \"prze\u017aroczysty\" (linki s\u0105 bezpo\u015brednimi flex-itemami .header-drs__nav) *\/\n.header-drs__nav-list {\n  display: contents;\n}\n\n\/* Hamburger \u2014 hidden on desktop *\/\n.header-drs__hamburger {\n  display: none;\n  background: none;\n  border: none;\n  padding: 8px;\n  cursor: pointer;\n}\n\n\/* Close button inside mobile nav *\/\n.header-drs__nav-close {\n  display: none;\n  background: none;\n  border: none;\n  padding: 8px;\n  cursor: pointer;\n  align-self: flex-end;\n  margin-bottom: 16px;\n}\n\n\/* --- Footer DRS --- *\/\n.footer-drs {\n  background: var(--color-dark-black);\n  color: var(--color-white);\n  padding: var(--space-3xl) 0 var(--space-xl);\n}\n\n.footer-drs__grid {\n  display: grid;\n  grid-template-columns: 2fr repeat(3, 1fr);\n  gap: var(--space-2xl);\n  margin-bottom: var(--space-2xl);\n}\n\n.footer-drs__brand p {\n  color: var(--color-dark-gray);\n  margin-top: var(--space-md);\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.footer-drs__address {\n  font-style: normal;\n  color: var(--color-medium-gray);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: var(--space-md);\n}\n\n.footer-drs__legal-info {\n  color: var(--color-dark-gray);\n  font-size: 14px;\n  line-height: 1.7;\n  margin-top: var(--space-sm);\n}\n\n.footer-drs__social {\n  display: flex;\n  gap: 12px;\n  margin-top: var(--space-lg);\n}\n\n.footer-drs__social a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: var(--radius-full);\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  color: var(--color-medium-gray);\n  transition: border-color 0.2s, color 0.2s, background 0.2s;\n}\n\n.footer-drs__social a:hover {\n  border-color: rgba(255, 255, 255, 0.35);\n  color: var(--color-white);\n  background: rgba(255, 255, 255, 0.06);\n}\n\n.footer-drs__links h4 {\n  margin-bottom: var(--space-lg);\n  font-size: 14px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--color-white);\n}\n\n.footer-drs__links a {\n  display: block;\n  color: var(--color-dark-gray);\n  font-size: 16px;\n  padding: var(--space-sm) 0;\n  transition: color 0.2s ease;\n  text-decoration: none;\n}\n\n.footer-drs__links a:hover {\n  color: var(--color-white);\n}\n\n.footer-drs__bottom {\n  padding-top: var(--space-xl);\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--color-dark-gray);\n  font-size: 14px;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.footer-drs__bottom a {\n  color: var(--color-dark-gray);\n  margin-left: var(--space-lg);\n  text-decoration: none;\n  transition: color 0.2s;\n}\n\n.footer-drs__bottom a:hover {\n  color: var(--color-white);\n}\n\n\/* --- Section: FAQ Dark (gradient border on hover\/open) --- *\/\n.section-faq-dark {\n  background: var(--color-dark-black);\n  border-radius: var(--radius-lg);\n  padding: var(--space-4xl) 0;\n}\n\n.section-faq-dark__label {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-sm);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--color-medium-gray);\n  margin-bottom: var(--space-md);\n}\n\n\n.section-faq-dark__header {\n  text-align: center;\n  margin-bottom: var(--space-2xl);\n}\n\n.section-faq-dark__header h2 {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-white);\n}\n\n.section-faq-dark__list {\n  max-width: 820px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.faq-item-dark {\n  background: var(--surface-card-dark);\n  border: 2px solid rgba(255, 255, 255, 0.06);\n  border-radius: var(--radius-md);\n  overflow: hidden;\n  transition: all 0.3s ease;\n  background-origin: border-box;\n  background-clip: padding-box, border-box;\n}\n\n.faq-item-dark:hover {\n  border-color: transparent;\n  background-image: linear-gradient(#1a1a1a, #1a1a1a), var(--gradient-brand);\n}\n\n.faq-item-dark.is-open {\n  border-color: transparent;\n  background-image: linear-gradient(#1a1a1a, #1a1a1a), var(--gradient-brand);\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\n}\n\n.faq-item-dark__question {\n  width: 100%;\n  padding: 20px var(--space-lg);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  background: none;\n  border: none;\n  font-family: var(--font-family);\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--color-light-gray);\n  text-align: left;\n  transition: color 0.3s ease;\n  gap: var(--space-md);\n}\n\n.faq-item-dark__question:hover {\n  color: var(--color-white);\n}\n\n.faq-item-dark__chevron {\n  width: 24px;\n  height: 24px;\n  transition: transform 0.3s ease;\n  flex-shrink: 0;\n  color: var(--color-white);\n  opacity: 0.85;\n}\n\n.faq-item-dark.is-open .faq-item-dark__chevron {\n  transform: rotate(45deg);\n  opacity: 1;\n}\n\n.faq-item-dark__answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s ease;\n}\n\n.faq-item-dark.is-open .faq-item-dark__answer {\n  max-height: 400px;\n}\n\n.faq-item-dark__answer-inner {\n  padding: 0 var(--space-lg) 20px;\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--color-medium-gray);\n  line-height: 1.8;\n}\n\n\/* --- Section: Comparison Cards (dark, 3-col, feature checklist) --- *\/\n\/* --- Award Banner (Gartner-style highlight) --- *\/\n.award-banner {\n  max-width: var(--max-width);\n  margin: 0 auto;\n}\n\n.award-banner__inner {\n  display: flex;\n  gap: 48px;\n  align-items: center;\n}\n\n.award-banner__card {\n  flex: 0 0 50%;\n  background: var(--color-black);\n  border-radius: 30px;\n  padding: 48px 36px;\n  display: flex;\n  flex-direction: column;\n}\n\n.award-banner__heading {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 1.3;\n  color: var(--color-white);\n  margin-bottom: 48px;\n}\n\n.award-banner__image {\n  flex: 1;\n}\n\n.award-banner__image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 30px;\n}\n\n.award-banner__disclaimer {\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.8;\n  color: var(--color-dark-gray);\n  margin-top: 40px;\n}\n\n\/* --- Case Studies: Filter Bar --- *\/\n.cs-filter {\n  max-width: var(--max-width);\n  margin: 0 auto;\n}\n\n.cs-filter__bar {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  background: var(--color-white);\n  border-radius: var(--radius-lg);\n  padding: 16px 24px;\n}\n\n.cs-filter__dropdown {\n  position: relative;\n}\n\n.cs-filter__dropdown-toggle {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 20px;\n  border: 1px solid var(--color-light-gray);\n  border-radius: var(--radius-sm);\n  background: transparent;\n  cursor: pointer;\n  min-width: 180px;\n  justify-content: space-between;\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--color-black);\n  transition: border-color 0.2s;\n}\n\n.cs-filter__dropdown-toggle:hover {\n  border-color: var(--color-dark-gray);\n}\n\n.cs-filter__dropdown-toggle svg {\n  color: var(--color-dark-gray);\n  transition: transform 0.2s;\n}\n\n.cs-filter__dropdown.is-open .cs-filter__dropdown-toggle {\n  border-color: var(--color-black);\n}\n\n.cs-filter__dropdown.is-open .cs-filter__dropdown-toggle svg {\n  transform: rotate(180deg);\n}\n\n.cs-filter__dropdown-menu {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  min-width: 100%;\n  background: var(--color-white);\n  border: 1px solid var(--color-light-gray);\n  border-radius: var(--radius-sm);\n  padding: 8px 0;\n  z-index: 100;\n  display: none;\n  box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n}\n\n.cs-filter__dropdown.is-open .cs-filter__dropdown-menu {\n  display: block;\n}\n\n.cs-filter__checkbox {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 20px;\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--color-black);\n  cursor: pointer;\n  transition: background 0.15s;\n}\n\n.cs-filter__checkbox:hover {\n  background: var(--color-gray);\n}\n\n.cs-filter__checkbox input {\n  display: none;\n}\n\n.cs-filter__checkmark {\n  width: 18px;\n  height: 18px;\n  border: 1.5px solid var(--color-medium-gray);\n  border-radius: 4px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.15s, background 0.15s;\n}\n\n.cs-filter__checkbox input:checked + .cs-filter__checkmark {\n  background: var(--color-black);\n  border-color: var(--color-black);\n}\n\n.cs-filter__checkbox input:checked + .cs-filter__checkmark::after {\n  content: '';\n  width: 10px;\n  height: 6px;\n  border-left: 2px solid var(--color-white);\n  border-bottom: 2px solid var(--color-white);\n  transform: rotate(-45deg);\n  margin-bottom: 2px;\n}\n\n.cs-filter__clear {\n  padding: 12px 20px;\n  border: 1px solid var(--color-light-gray);\n  border-radius: 9999px;\n  background: transparent;\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--color-black);\n  cursor: pointer;\n  transition: border-color 0.2s;\n  margin-left: auto;\n}\n\n.cs-filter__clear:hover {\n  border-color: var(--color-dark-gray);\n}\n\n\/* --- Case Studies: Cards --- *\/\n.cs-cards {\n  max-width: var(--max-width);\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.cs-card {\n  display: grid;\n  grid-template-columns: 1fr 2fr;\n  gap: 48px;\n  background: var(--color-white);\n  border-radius: var(--radius-lg);\n  padding: 32px;\n  align-items: center;\n}\n\n.cs-card__image {\n  position: relative;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n}\n\n.cs-card__image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: var(--radius-lg);\n  display: block;\n}\n\n.cs-card__industry-tag {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  background: var(--color-white);\n  color: var(--color-black);\n  font-size: 12px;\n  font-weight: 500;\n  padding: 6px 16px;\n  border-radius: 9999px;\n}\n\n.cs-card__category-tags {\n  position: absolute;\n  bottom: 16px;\n  left: 16px;\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.cs-card__category-tag {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--color-white);\n  padding: 7px 12px 5px;\n  border-radius: var(--radius-sm);\n  line-height: 1;\n}\n\n.cs-card__category-tag--blue {\n  background: var(--color-erp-blue);\n}\n\n.cs-card__category-tag--yellow {\n  background: var(--color-erp-yellow);\n}\n\n.cs-card__category-tag--green {\n  background: var(--color-erp-green);\n}\n\n.cs-card__category-tag--red {\n  background: var(--color-erp-red);\n}\n\n.cs-card__content {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.cs-card__title {\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 1.34;\n  background: linear-gradient(107deg, #ef5909 17%, #d70e44 34%, #a046e1 55%, #1676c3 73%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.cs-card__excerpt {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n}\n\n\/* --- Case Studies: Pagination --- *\/\n.cs-pagination {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 48px;\n}\n\n.cs-pagination__item {\n  width: 40px;\n  height: 40px;\n  border-radius: 9999px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-dark-gray);\n  background: var(--color-white);\n  text-decoration: none;\n  transition: background 0.2s, color 0.2s;\n}\n\n.cs-pagination__item:hover {\n  background: var(--color-light-gray);\n  color: var(--color-black);\n}\n\n.cs-pagination__item.is-active {\n  background: var(--color-black);\n  color: var(--color-white);\n}\n\n.cs-pagination__next {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-black);\n  text-decoration: none;\n  margin-left: 8px;\n}\n\n.cs-pagination__next:hover {\n  color: var(--color-erp-blue);\n}\n\n.section-comparison {\n  background: var(--color-dark-black);\n  border-radius: var(--radius-lg);\n  padding: var(--space-4xl) 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.section-comparison .container { position: relative; z-index: 1; }\n\n.section-comparison__header { margin-bottom: var(--space-2xl); }\n\n.section-comparison__label {\n  display: flex;\n  align-items: center;\n  gap: var(--space-sm);\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--color-medium-gray);\n  margin-bottom: var(--space-md);\n}\n\n.section-comparison__label::before {\n  content: '';\n  width: 20px;\n  height: 3px;\n  border-radius: 2px;\n  background: var(--gradient-brand);\n}\n\n.section-comparison__header h2 {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  color: var(--color-white);\n  margin-bottom: var(--space-sm);\n}\n\n.section-comparison__header p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-medium-gray);\n}\n\n.section-comparison__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: var(--space-lg);\n}\n\n\/* Comparison card *\/\n.card-comparison {\n  background: var(--surface-card-dark);\n  border: 2px solid rgba(255, 255, 255, 0.06);\n  border-radius: var(--radius-lg);\n  display: flex;\n  flex-direction: column;\n  transition: all 0.3s ease;\n  background-origin: border-box;\n  background-clip: padding-box, border-box;\n}\n\n.card-comparison:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\n}\n\n.card-comparison--recommended {\n  border-color: transparent;\n  background-image: linear-gradient(#0f0f0f, #0f0f0f), var(--gradient-brand);\n  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.4);\n}\n\n\/* Header *\/\n.card-comparison__header {\n  padding: var(--space-xl) var(--space-lg) var(--space-lg);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n}\n\n.card-comparison__badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: var(--gradient-brand);\n  color: var(--color-white);\n  font-size: 12px;\n  font-weight: 600;\n  padding: 4px 12px;\n  border-radius: var(--radius-full);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  margin-bottom: 12px;\n}\n\n.card-comparison__icon {\n  width: 48px;\n  height: 48px;\n  background: rgba(255, 255, 255, 0.06);\n  border-radius: var(--radius-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: var(--space-md);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.card-comparison__icon svg {\n  width: 24px;\n  height: 24px;\n  stroke: var(--color-medium-gray);\n  stroke-width: 1.5;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.card-comparison--recommended .card-comparison__icon {\n  background: rgba(255, 255, 255, 0.1);\n}\n\n.card-comparison--recommended .card-comparison__icon svg {\n  stroke: var(--color-light-gray);\n}\n\n.card-comparison__title {\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--color-white);\n  margin-bottom: 6px;\n}\n\n.card-comparison--recommended .card-comparison__title {\n  background: var(--gradient-brand);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.card-comparison__desc {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n}\n\n\/* Score *\/\n.card-comparison__score {\n  padding: 20px var(--space-lg);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n  display: flex;\n  align-items: baseline;\n  gap: var(--space-sm);\n}\n\n.card-comparison__score-num {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 1;\n  color: var(--color-dark-gray);\n}\n\n.card-comparison:nth-child(2) .card-comparison__score-num {\n  color: var(--color-status-warning);\n}\n\n.card-comparison--recommended .card-comparison__score-num {\n  background: var(--gradient-brand);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.card-comparison__score-label {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--color-dark-gray);\n}\n\n\/* Feature list *\/\n.card-comparison__list {\n  padding: 20px var(--space-lg) var(--space-lg);\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  flex: 1;\n}\n\n.card-comparison__item {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 14px;\n  line-height: 1.4;\n  color: var(--color-medium-gray);\n}\n\n.card-comparison__item.is-active {\n  color: var(--color-light-gray);\n}\n\n.card-comparison__status {\n  width: 20px;\n  height: 20px;\n  min-width: 20px;\n  border-radius: var(--radius-full);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 1px;\n}\n\n.card-comparison__status svg {\n  width: 12px;\n  height: 12px;\n  stroke-width: 2.5;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.card-comparison__status--yes { background: rgba(16, 185, 129, 0.15) \/* --color-status-success *\/; }\n.card-comparison__status--yes svg { stroke: var(--color-status-success); }\n\n.card-comparison__status--partial { background: rgba(245, 158, 11, 0.15) \/* --color-status-warning *\/; }\n.card-comparison__status--partial svg { stroke: var(--color-status-warning); }\n\n.card-comparison__status--no { background: rgba(255, 255, 255, 0.05); }\n.card-comparison__status--no svg { stroke: rgba(255, 255, 255, 0.2); }\n\n\/* --- PDF Modal --- *\/\n.pdf-modal {\n  position: fixed;\n  inset: 0;\n  z-index: 2000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\n.pdf-modal.is-active {\n  opacity: 1;\n  visibility: visible;\n}\n\n.pdf-modal__bg {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.7);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n\n.pdf-modal__panel {\n  position: relative;\n  width: 90vw;\n  height: 85vh;\n  max-width: 1000px;\n  background: var(--color-white);\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  box-shadow: 0 32px 96px rgba(0, 0, 0, 0.3);\n}\n\n.pdf-modal__close {\n  position: absolute;\n  top: var(--space-md);\n  right: var(--space-md);\n  width: 40px;\n  height: 40px;\n  border-radius: var(--radius-full);\n  background: var(--color-white);\n  border: 1px solid var(--color-light-gray);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  z-index: 10;\n  transition: background 0.2s;\n}\n\n.pdf-modal__close:hover {\n  background: var(--color-gray);\n}\n\n.pdf-modal__iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n\n\/* --- Section: Marquee \/ Animated Text --- *\/\n.section-marquee {\n  text-align: center;\n  padding: 64px var(--page-padding);\n  overflow: hidden;\n}\n\n.section-marquee--animated {\n  padding: 64px 0;\n}\n\n.section-marquee__text {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 1.31;\n  color: var(--color-black);\n}\n\n.section-marquee:not(.section-marquee--animated) .section-marquee__text {\n  max-width: 833px;\n  margin: 0 auto;\n}\n\n\/* --- Stat Cards (gradient numbers) --- *\/\n.stat-cards {\n  display: flex;\n  gap: 24px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n\n.stat-card {\n  background: var(--color-white);\n  border-radius: var(--radius-lg);\n  padding: 48px 36px;\n  text-align: center;\n  width: 369px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n}\n\n.stat-card__value {\n  font-size: 68px;\n  font-weight: 400;\n  line-height: 1.06;\n  background: var(--gradient-brand);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.stat-card__label {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-black);\n}\n\n\/* --- Stat Card: Glass variant (dark overlay, 4-column) --- *\/\n.stat-cards--glass {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  gap: var(--space-md);\n  width: 100%;\n}\n\n.stat-card--glass {\n  background: rgba(255, 255, 255, 0.06);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  border-radius: var(--radius-md);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  padding: var(--space-lg) var(--space-lg);\n  text-align: left;\n  width: auto;\n  align-items: flex-start;\n}\n\n.stat-card--glass .stat-card__value {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 1.19;\n  background: none;\n  -webkit-background-clip: unset;\n  -webkit-text-fill-color: unset;\n  background-clip: unset;\n  color: var(--color-white);\n}\n\n.stat-card--glass .stat-card__label {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-medium-gray);\n}\n\n\/* --- Tabs: Big pill tabs --- *\/\n.tabs-big {\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  justify-content: center;\n}\n\n.tab-big {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 24px 18px;\n  min-width: 150px;\n  border-radius: var(--radius-full);\n  background: var(--color-white);\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--color-black);\n  cursor: pointer;\n  border: none;\n  transition: color 0.3s, background-color 0.3s;\n}\n\n.tab-big:hover {\n  background: #1676C3;\n  color: var(--color-white);\n}\n\n.tab-big--active {\n  background: var(--color-black);\n  color: var(--color-white);\n}\n\n\/* --- Section: Personas (tabbed comparison) --- *\/\n.section-personas {\n  background: var(--color-gray);\n  padding: 96px var(--page-padding);\n  position: relative;\n  overflow: hidden;\n}\n\n.section-personas__heading {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 1.19;\n  color: var(--color-black);\n  text-align: center;\n  margin-bottom: var(--space-2xl);\n}\n\n.section-personas__blob {\n  position: absolute;\n  bottom: -350px;\n  right: 0;\n  width: 877px;\n  height: 1185px;\n  pointer-events: none;\n  z-index: 0;\n}\n\n.section-personas__blob img {\n  width: 100%;\n  height: 100%;\n}\n\n.section-personas .tabs-big,\n.section-personas .section-personas__panels-wrapper {\n  position: relative;\n  z-index: 1;\n}\n\n.section-personas__panels-wrapper {\n  position: relative;\n  margin-top: 40px;\n  min-height: 500px;\n}\n\n.section-personas__slide {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.4s ease;\n}\n\n.section-personas__slide.is-active {\n  position: relative;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.section-personas__panels {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  gap: 24px;\n  padding: clamp(16px, 3vw, 24px);\n  border-radius: var(--radius-lg);\n}\n\n.section-personas__quote-panel {\n  background: var(--color-white);\n  border-radius: var(--radius-lg);\n  padding: clamp(20px, 4vw, 40px);\n  width: min(515px, 100%);\n  flex-shrink: 0;\n}\n\n.section-personas__quote-title {\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 1.34;\n  color: var(--color-black);\n  max-width: 361px;\n  margin-bottom: 35px;\n}\n\n.section-personas__quote-text {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-dark-gray);\n  margin-bottom: 23px;\n}\n\n.section-personas__quote-author {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.section-personas__quote-avatar {\n  width: 50px;\n  height: 50px;\n  border-radius: 0;\n  overflow: hidden;\n  flex-shrink: 0;\n  object-fit: cover;\n}\n\n.section-personas__quote-meta {\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.44;\n  letter-spacing: -0.24px;\n  color: var(--color-dark-gray);\n}\n\n.section-personas__benefits-panel {\n  background: var(--color-white);\n  border-radius: var(--radius-lg);\n  padding: clamp(20px, 4vw, 40px);\n  flex: 1 1 min(100%, 400px);\n  display: flex;\n  flex-direction: column;\n  gap: 38px;\n}\n\n.section-personas__benefits-panel .btn {\n  align-self: flex-start;\n}\n\n.section-personas__benefits-header {\n  background: var(--color-white);\n  border: 1px solid var(--color-light-gray);\n  border-radius: var(--radius-lg);\n  padding: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.section-personas__benefits-title {\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 1.34;\n  color: var(--color-black);\n}\n\n.section-personas__benefits-icon {\n  width: 60px;\n  height: 60px;\n  flex-shrink: 0;\n}\n\n.section-personas__benefits-icon img {\n  width: 100%;\n  height: 100%;\n}\n\n\/* Persona Tabs \u2014 Mobile nav (hidden on desktop) *\/\n.section-personas__mobile-nav {\n  display: none;\n}\n\n\/* --- Checklist --- *\/\n.checklist {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.checklist__item {\n  display: flex;\n  gap: 14px;\n  align-items: flex-start;\n}\n\n.checklist__icon {\n  width: 21px;\n  height: 21px;\n  flex-shrink: 0;\n  color: var(--color-erp-green);\n}\n\n.checklist__icon svg {\n  width: 100%;\n  height: 100%;\n}\n\n.checklist__text {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-dark-gray);\n}\n\n\/* Checklist variant: black checkbox (like live assecobs.pl\/erp\/system-hr) *\/\n.checklist--check .checklist__icon {\n  color: var(--color-black);\n}\n\n.checklist--check .checklist__icon svg {\n  width: 21px;\n  height: 21px;\n}\n\n\/* --- Card: Feature (white card with icon) --- *\/\n.card-feature {\n  background: var(--color-white);\n  border-radius: var(--radius-lg);\n  padding: 0 32px 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  cursor: pointer;\n  transition: background 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-feature__icon {\n  width: auto;\n  height: 60px;\n  padding-top: 32px;\n}\n\n.card-feature__icon img {\n  height: 100%;\n  width: auto;\n}\n\n.card-feature__content {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  flex: 1;\n}\n\n.card-feature__title {\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 1.39;\n  color: var(--color-black);\n}\n\n.card-feature__desc {\n  font-size: 18px;\n  font-weight: 400;\n  line-height: 1.39;\n  color: var(--color-dark-gray);\n}\n\n.card-feature__action {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.card-feature__detail-icon {\n  width: 50px;\n  height: 50px;\n  border-radius: 18px;\n  background: rgba(242, 242, 242, 0.75);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-feature__detail-icon svg {\n  width: 28px;\n  height: 28px;\n  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), filter 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-feature:hover .card-feature__detail-icon {\n  background: var(--color-black);\n}\n\n.card-feature:hover .card-feature__detail-icon svg {\n  transform: rotate(90deg);\n  filter: invert(1);\n}\n\n\/* --- Feature Cards Grid --- *\/\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 36px 24px;\n  max-width: var(--max-width);\n  margin: 0 auto;\n}\n\n\/* --- Section: Feature Tags (image + tags cloud) --- *\/\n.section-feature-tags {\n  background: var(--color-gray);\n  padding: 64px var(--page-padding);\n  overflow: hidden;\n}\n\n.section-feature-tags__inner {\n  max-width: var(--max-width);\n  margin: 0 auto;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 64px;\n  align-items: flex-start;\n  position: relative;\n}\n\n.section-feature-tags__image {\n  width: 583px;\n  max-width: 100%;\n  height: 353px;\n  border-radius: var(--radius-lg);\n  overflow: hidden;\n  flex-shrink: 0;\n}\n\n.section-feature-tags__image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.section-feature-tags__content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.section-feature-tags__heading {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 1.19;\n  color: var(--color-black);\n}\n\n\/* --- Tag: Big (white, rounded) --- *\/\n.tag-big {\n  display: inline-flex;\n  align-items: center;\n  padding: 12px;\n  border-radius: var(--radius-sm);\n  background: var(--color-white);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.44;\n  letter-spacing: -0.28px;\n  color: var(--color-black);\n  white-space: nowrap;\n}\n\n.tag-big-cloud {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n\/* --- Section: Interface Slider --- *\/\n.section-interface-slider {\n  background: var(--color-gray);\n  padding: 64px 0;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.section-interface-slider__heading {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 42px;\n  color: var(--color-black);\n  margin-bottom: 48px;\n}\n\n.section-interface-slider__track {\n  position: relative;\n  overflow: visible;\n  max-width: 825px;\n  margin: 0 auto;\n}\n\n.section-interface-slider__slides {\n  display: flex;\n  transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.section-interface-slider__slide {\n  flex-shrink: 0;\n  width: 825px;\n  display: flex;\n  justify-content: center;\n}\n\n.section-interface-slider__slide img {\n  width: 100%;\n  height: auto;\n  border-radius: 0;\n  transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);\n  transform: scale(0.9);\n}\n\n.section-interface-slider__slide.is-active img {\n  transform: scale(1.1);\n}\n\n.section-interface-slider__nav {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  max-width: 1060px;\n  padding: 0 24px;\n  box-sizing: border-box;\n  z-index: 2;\n  pointer-events: none;\n}\n\n.section-interface-slider__arrow {\n  width: 30px;\n  height: 30px;\n  border-radius: 9999px;\n  border: none;\n  background: var(--color-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  pointer-events: auto;\n  transition: background 0.2s;\n}\n\n.section-interface-slider__arrow:hover {\n  background: var(--color-black);\n}\n\n.section-interface-slider__arrow:hover svg path {\n  stroke: var(--color-white);\n}\n\n.section-interface-slider__arrows {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: space-between;\n  padding: 0 11%;\n  pointer-events: none;\n}\n\n.section-interface-slider__arrow {\n  pointer-events: auto;\n}\n\n\/* --- Card: Video (tall card with gradient overlay) --- *\/\n.card-video {\n  width: 355px;\n  height: 631px;\n  border-radius: 18px;\n  overflow: hidden;\n  position: relative;\n  flex-shrink: 0;\n  cursor: pointer;\n  transform: scale(0.9);\n  transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-video.is-visible {\n  transform: scale(1);\n}\n\n\/* Embed wrapper \u2014 holds iframe, gradient overlay via ::after *\/\n.card-video__embed {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n}\n\n.card-video__embed iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n  border-radius: inherit;\n  pointer-events: none;\n  position: relative;\n  z-index: 1;\n}\n\n.card-video.is-playing .card-video__embed iframe {\n  pointer-events: auto;\n  z-index: 70;\n}\n\n.card-video__embed::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 20%, #232323 100%);\n  opacity: 1;\n  visibility: visible;\n  pointer-events: none;\n  z-index: 2;\n  transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\n.card-video.is-playing .card-video__embed::after {\n  opacity: 0;\n  visibility: hidden;\n}\n\n\/* Backward-compat: old __bg \/ __overlay still work if present *\/\n.card-video__bg {\n  position: absolute;\n  inset: 0;\n}\n\n.card-video__bg img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.card-video__overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(35,35,35,0) 1.5%, rgba(35,35,35,0.8) 98%);\n  border-radius: var(--radius-lg);\n}\n\n\/* Play\/pause toggle \u2014 top-right 50\u00d750 circle *\/\n.card-video__play-toggle {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  width: 50px;\n  height: 50px;\n  border-radius: 18px;\n  background: rgba(216, 216, 216, 0.4);\n  border: none;\n  cursor: pointer;\n  z-index: 60;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.3s ease;\n}\n\n.card-video__play-toggle:hover {\n  background: rgb(35, 35, 35);\n}\n\n.card-video__play-toggle .icon-pause {\n  position: absolute;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.card-video__play-toggle .icon-play {\n  opacity: 1;\n  transition: opacity 0.3s ease;\n}\n\n.card-video:hover .card-video__play-toggle .icon-play {\n  opacity: 0;\n}\n\n.card-video:hover .card-video__play-toggle .icon-pause {\n  opacity: 1;\n}\n\n\/* Legacy center play button (hidden when new toggle is used) *\/\n.card-video__play {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background 0.2s;\n}\n\n.card-video__play:hover {\n  background: rgba(255,255,255,0.35);\n}\n\n.card-video__top {\n  display: none;\n}\n\n.card-video__top-icon {\n  display: none;\n}\n\n\/* Bottom content area *\/\n.card-video__bottom {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 0 16px;\n  z-index: 50;\n  display: grid;\n  grid-template-rows: 0fr;\n  align-items: flex-start;\n  transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-video:hover .card-video__bottom {\n  grid-template-rows: 1fr;\n}\n\n.card-video__person {\n  position: absolute;\n  bottom: calc(100% + 16px);\n  left: 0;\n  right: 0;\n  padding: 0 16px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.card-video__person-icon {\n  width: 50px;\n  height: 50px;\n  flex-shrink: 0;\n}\n\n.card-video__person-title {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.3;\n  color: var(--color-white);\n  letter-spacing: -0.02rem;\n}\n\n.card-video__tags-wrap {\n  overflow: hidden;\n}\n\n.card-video__tags {\n  display: flex;\n  gap: 4px;\n  flex-wrap: wrap;\n  overflow: hidden;\n  margin-bottom: 0;\n  transition: margin-bottom 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.card-video:hover .card-video__tags {\n  margin-bottom: 16px;\n}\n\n.card-video__tag {\n  font-size: 12px;\n  color: var(--color-black);\n  background: var(--color-white);\n  border-radius: 8px;\n  padding: 9px 8px 7px;\n  line-height: 1;\n  white-space: nowrap;\n  letter-spacing: -0.02rem;\n}\n\n.card-video__info {\n  position: absolute;\n  bottom: 16px;\n  left: 16px;\n  right: 16px;\n  display: none;\n  align-items: center;\n  gap: 12px;\n}\n\n.card-video__product-icon {\n  width: 50px;\n  height: 50px;\n  border-radius: 16px;\n  background: var(--gradient-brand);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  flex-shrink: 0;\n}\n\n.card-video__product-icon img {\n  width: 34px;\n  height: 34px;\n}\n\n.card-video__label {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-white);\n}\n\n\/* --- Section: Video Slider (text + cards) --- *\/\n.section-video-slider {\n  background: var(--color-gray);\n  padding: 96px 0;\n  overflow: hidden;\n}\n\n.section-video-slider__inner {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 32px;\n  align-items: flex-start;\n}\n\n.section-video-slider__header {\n  padding-left: var(--page-padding);\n  width: 562px;\n  max-width: 100%;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.section-video-slider__heading {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 1.19;\n  color: var(--color-black);\n}\n\n.section-video-slider__desc {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-dark-gray);\n}\n\n.section-video-slider__arrows {\n  display: flex;\n  gap: 16px;\n  margin-top: 24px;\n}\n\n.section-video-slider__arrow {\n  width: 30px;\n  height: 30px;\n  border-radius: 9999px;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background 0.2s;\n  color: var(--color-white);\n}\n\n.section-video-slider__arrow--prev {\n  background: #676767;\n  display: none;\n}\n\n.section-video-slider__arrow--prev.is-visible {\n  display: flex;\n}\n\n.section-video-slider__arrow--next {\n  background: var(--color-white);\n  color: var(--color-black);\n  box-shadow: 0 1px 4px rgba(0,0,0,0.1);\n}\n\n.section-video-slider__arrow:hover {\n  opacity: 0.8;\n}\n\n.section-video-slider__track {\n  display: flex;\n  gap: 24px;\n  overflow-x: auto;\n  padding-right: var(--page-padding);\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n.section-video-slider__track::-webkit-scrollbar {\n  display: none;\n}\n\n\/* --- Section: Cooperation Video Slider (Homepage) --- *\/\n\/* \u2500\u2500 Testimonials Quote Slider v2 (Homepage) \u2500\u2500 *\/\n.section-testimonials-v2 {\n  background: var(--color-base);\n  padding: 112px 0 122px;\n  position: relative;\n  overflow: visible;\n  background-image: url('images\/testimonials-blob.svg');\n  background-repeat: no-repeat;\n  background-position: 0% calc(100% + 400px);\n  background-size: 844px 1114px;\n}\n.section-testimonials-v2__left {\n  max-width: 480px;\n  padding: 0 24px;\n  margin-bottom: 40px;\n}\n.section-testimonials-v2__heading {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 1.12;\n  margin-bottom: 32px;\n}\n.section-testimonials-v2__right {\n  position: relative;\n  padding-left: 24px;\n  overflow: hidden;\n}\n.section-testimonials-v2__nav {\n  display: flex;\n  gap: 16px;\n  justify-content: flex-end;\n  padding-right: 24px;\n  margin-bottom: 16px;\n}\n.section-testimonials-v2__arrow {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background: var(--color-white);\n  border: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2;\n  transition: background 0.2s;\n}\n.section-testimonials-v2__arrow:hover {\n  background: var(--color-black);\n}\n.section-testimonials-v2__arrow:hover svg path {\n  stroke: #FDFDFD;\n}\n.section-testimonials-v2__track {\n  display: flex;\n  gap: 24px;\n  width: max-content;\n  animation: testimonialQuoteScroll 160s linear infinite;\n  padding: 8px 0 24px;\n}\n.section-testimonials-v2__track:hover {\n  animation-play-state: paused;\n}\n@keyframes testimonialQuoteScroll {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n.section-testimonials-v2__card {\n  flex: 0 0 min(744px, 90vw);\n  background: var(--color-white);\n  border-radius: 24px;\n  padding: 36px 24px 24px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  min-height: 380px;\n  position: relative;\n  border: 2px solid transparent;\n  transition: border-color 0.3s ease;\n}\n\n.section-testimonials-v2__card::before {\n  content: '';\n  position: absolute;\n  inset: -2px;\n  border-radius: 26px;\n  padding: 2px;\n  background: linear-gradient(107deg, #ef5909 17%, #d70e44 34%, #a046e1 55%, #1676c3 73%);\n  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n\n.section-testimonials-v2__card:hover::before {\n  opacity: 1;\n}\n.section-testimonials-v2__quote {\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 1.38;\n  color: var(--color-black);\n  margin-bottom: 24px;\n}\n.section-testimonials-v2__footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: auto;\n}\n.section-testimonials-v2__person {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.section-testimonials-v2__avatar {\n  width: 50px;\n  height: 50px;\n  border-radius: 0;\n  object-fit: cover;\n}\n.section-testimonials-v2__name {\n  font-size: 16px;\n  font-weight: 400;\n  color: #676767;\n  line-height: 22px;\n}\n.section-testimonials-v2__role {\n  font-size: 16px;\n  font-weight: 400;\n  color: #676767;\n  line-height: 22px;\n}\n.section-testimonials-v2__logo {\n  height: 50px;\n  width: auto;\n  max-width: 140px;\n  object-fit: contain;\n}\n\n\/* Dark pill button with arrow (matches live site) *\/\n.btn-with-arrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n.btn-with-arrow::before {\n  content: '';\n  display: block;\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n  background-image: url(\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgNi4yNWEuNzUuNzUgMCAwIDAgMCAxLjV2LTEuNVptMTIuNTMgMS4yOGEuNzUuNzUgMCAwIDAgMC0xLjA2TDkuNzU3IDEuNjk3YS43NS43NSAwIDEgMC0xLjA2IDEuMDZMMTIuOTM5IDdsLTQuMjQyIDQuMjQzYS43NS43NSAwIDAgMCAxLjA2IDEuMDZMMTQuNTMgNy41M1pNMiA3Ljc1aDEydi0xLjVIMnYxLjVaIiBmaWxsPSIjRkRGREZEIi8+PC9zdmc+\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  transition: transform 0.2s;\n}\n.btn-with-arrow:hover {\n  background-color: #3FA2EB;\n}\n.btn-with-arrow:hover::before {\n  transform: translateX(4px);\n}\n\n.section-cooperation {\n  background: var(--color-dark-black);\n  border-radius: var(--radius-lg);\n  padding: 100px 0 120px;\n}\n\n.section-cooperation__heading {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.15;\n  letter-spacing: -0.8px;\n  color: var(--color-gray);\n  text-align: center;\n  margin-bottom: 48px;\n}\n\n.section-cooperation__slider {\n  display: flex;\n  gap: 24px;\n  max-width: var(--max-width);\n  margin: 0 auto;\n  padding: 0 var(--page-padding);\n  align-items: flex-start;\n}\n\n.section-cooperation__video {\n  flex: 1.9;\n  border-radius: 24px;\n  overflow: hidden;\n  position: relative;\n  aspect-ratio: 16\/9;\n}\n\n.section-cooperation__video iframe {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  border-radius: 24px;\n}\n\n.section-cooperation__info {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.section-cooperation__nav {\n  display: flex;\n  gap: 8px;\n  justify-content: flex-end;\n}\n\n.section-cooperation__arrow {\n  width: 30px;\n  height: 30px;\n  border-radius: 9999px;\n  background: var(--color-medium-gray);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  color: var(--color-white);\n  transition: background 0.2s;\n}\n\n.section-cooperation__arrow:hover {\n  background: var(--color-white);\n  color: var(--color-black);\n}\n\n.section-cooperation__card {\n  background: #141414;\n  border-radius: 24px;\n  padding: 36px 36px 40px;\n  min-height: 320px;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.section-cooperation__slide {\n  display: none;\n  flex-direction: column;\n  flex: 1;\n}\n\n.section-cooperation__slide.is-active {\n  display: flex;\n}\n\n.section-cooperation__name {\n  font-size: 20px;\n  font-weight: 600;\n  line-height: 1.3;\n  color: var(--color-white);\n  margin-bottom: 8px;\n}\n\n.section-cooperation__role {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  color: var(--color-medium-gray);\n  margin-bottom: 16px;\n}\n\n.section-cooperation__company {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--color-medium-gray);\n  border: 1px solid var(--color-medium-gray);\n  border-radius: 9999px;\n  padding: 8px 14px;\n  display: inline-block;\n  align-self: flex-start;\n  margin-bottom: auto;\n}\n\n.section-cooperation__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 24px;\n}\n\n.section-cooperation__tag {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--color-black);\n  border-radius: 8px;\n  padding: 5px 8px;\n}\n\n@media (max-width: 768px) {\n  .section-cooperation__slider {\n    flex-direction: column;\n  }\n\n  .section-cooperation__heading {\n    font-size: 28px;\n  }\n}\n\n\/* --- Section: Stat Cards with Blob (Homepage) --- *\/\n.section-stat-cards {\n  position: relative;\n  max-width: var(--max-width);\n  margin: 0 auto;\n  padding: 0 var(--page-padding);\n}\n\n.section-stat-cards__grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 24px;\n  position: relative;\n  z-index: 2;\n}\n\n.stat-card-home {\n  flex: 1 1 min(100%, 280px);\n  background: var(--color-white);\n  border-radius: 24px;\n  padding: 40px 32px;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 220px;\n}\n\n.stat-card-home__number {\n  font-size: 68px;\n  font-weight: 400;\n  line-height: 1;\n  letter-spacing: -1.36px;\n  margin-bottom: 16px;\n  background: var(--gradient-brand);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.stat-card-home__desc {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  letter-spacing: -0.32px;\n  color: var(--color-black);\n  text-align: center;\n  max-width: 300px;\n}\n\n.section-stat-cards__blob {\n  position: absolute;\n  bottom: -480px;\n  right: 0;\n  width: 60%;\n  height: 1310px;\n  background: url('images\/blob-desktop.svg') no-repeat right center;\n  background-size: contain;\n  z-index: 1;\n  pointer-events: none;\n}\n\n@media (max-width: 768px) {\n  .section-stat-cards__grid {\n    flex-direction: column;\n  }\n\n  .stat-card-home__number {\n    font-size: 48px;\n  }\n\n  .section-stat-cards__blob {\n    display: none;\n  }\n}\n\n\/* --- Section: Wybierz rozwi\u0105zanie --- *\/\n.section-choose {\n  max-width: var(--max-width);\n  margin: 0 auto;\n  padding: 0 var(--page-padding);\n  text-align: center;\n}\n\n.section-choose__heading {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.2;\n  letter-spacing: -0.8px;\n  color: var(--color-black);\n  text-align: center;\n  margin-bottom: 36px;\n}\n\n.section-choose__video-wrapper {\n  max-width: 980px;\n  margin: 0 auto;\n  overflow: hidden;\n}\n\n.section-choose__video {\n  width: 112%;\n  height: auto;\n  display: block;\n  margin-left: -6%;\n}\n\n@media (max-width: 768px) {\n  .section-choose__heading {\n    font-size: 28px;\n  }\n}\n\n\/* --- Section: Homepage Product Cards --- *\/\n.section-products {\n  max-width: var(--max-width);\n  margin: 0 auto;\n  padding: 0 var(--page-padding);\n}\n\n.section-products__header {\n  display: flex;\n  gap: 40px;\n  margin-bottom: 64px;\n  align-items: flex-start;\n}\n\n.section-products__heading {\n  flex: 1;\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.13;\n  letter-spacing: -0.8px;\n  color: var(--color-black);\n}\n\n.section-products__desc {\n  flex: 1;\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  letter-spacing: -0.32px;\n  color: var(--color-dark-gray);\n  padding-top: 10px;\n}\n\n.section-products__cards {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 28px;\n  margin-bottom: 64px;\n}\n\n.card-product-home {\n  flex: 1 1 min(100%, 400px);\n  background: var(--color-white);\n  border-radius: 24px;\n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n}\n\n.card-product-home__logo {\n  margin-bottom: 32px;\n}\n\n.card-product-home__logo img {\n  height: 66px;\n  width: auto;\n}\n\n.card-product-home__title {\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 1.2;\n  letter-spacing: -0.48px;\n  color: var(--color-black);\n  margin-bottom: 12px;\n}\n\n.card-product-home__desc {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.4;\n  letter-spacing: -0.32px;\n  color: var(--color-dark-gray);\n  margin-bottom: 32px;\n  flex: 1;\n}\n\n.card-product-home__btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--color-black);\n  background: var(--color-white);\n  border: 1px solid var(--color-black);\n  border-radius: 9999px;\n  padding: 11px 16px 9px;\n  text-decoration: none;\n  cursor: pointer;\n  transition: background 0.2s, color 0.2s;\n  align-self: flex-start;\n}\n\n.card-product-home__btn:hover {\n  background: var(--color-black);\n  color: var(--color-white);\n}\n\n.card-product-home__btn:hover .arrow-icon {\n  stroke: var(--color-white);\n}\n\n.card-product-home__btn .arrow-icon {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n}\n\n.section-products__cta {\n  text-align: center;\n}\n\n.section-products__cta-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: inherit;\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--color-white);\n  background: var(--color-black);\n  border: none;\n  border-radius: 9999px;\n  padding: 20px 24px 18px;\n  text-decoration: none;\n  cursor: pointer;\n  transition: opacity 0.2s;\n}\n\n.section-products__cta-btn:hover {\n  background: var(--color-erp-blue);\n}\n\n.section-products__cta-btn .arrow-icon {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n  stroke: var(--color-white);\n}\n\n@media (max-width: 768px) {\n  .section-products__header {\n    flex-direction: column;\n    gap: 24px;\n  }\n\n  .section-products__cards {\n    flex-direction: column;\n  }\n\n  .section-products__heading {\n    font-size: 28px;\n  }\n}\n\n\/* --- Section: Why Choose (Vertical Text Nav) --- *\/\n.section-why-choose {\n  max-width: 1300px;\n  margin: 0 auto;\n  padding: 0 40px;\n}\n\n.section-why-choose__grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: start;\n}\n\n.section-why-choose__left {\n  display: flex;\n  flex-direction: column;\n  gap: 64px;\n}\n\n.section-why-choose__heading {\n  font-size: 40px;\n  font-weight: 600;\n  line-height: 1.12;\n  letter-spacing: -0.8px;\n  color: var(--color-black);\n}\n\n.section-why-choose__nav {\n  position: relative;\n  padding-left: 20px;\n}\n\n.section-why-choose__scrollbar {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 12px;\n  height: 100%;\n  background: var(--color-light-gray);\n  border-radius: 9999px;\n}\n\n.section-why-choose__scrollbar-thumb {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 12px;\n  height: 36px;\n  background: var(--color-black);\n  border-radius: 9999px;\n  transition: top 0.4s ease;\n}\n\n.section-why-choose__nav-list {\n  display: flex;\n  flex-direction: column;\n}\n\n.section-why-choose__nav-item {\n  background: none;\n  border: none;\n  padding: 14px 0 10px;\n  font-family: inherit;\n  font-size: 20px;\n  font-weight: 400;\n  line-height: 1.3;\n  letter-spacing: -0.4px;\n  color: var(--color-medium-gray);\n  text-align: left;\n  cursor: pointer;\n  transition: color 0.4s ease;\n}\n\n.section-why-choose__nav-item:hover {\n  color: var(--color-dark-gray);\n}\n\n.section-why-choose__nav-item.is-active {\n  color: var(--color-black);\n}\n\n\/* Right: content card *\/\n.section-why-choose__card {\n  position: relative;\n  background: var(--color-white);\n  border-radius: 24px;\n  overflow: hidden;\n  min-height: 620px;\n}\n\n.section-why-choose__slide {\n  display: none;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 36px;\n  min-height: 620px;\n}\n\n.section-why-choose__slide.is-active {\n  display: flex;\n}\n\n.section-why-choose__image {\n  margin: 0;\n  text-align: center;\n  overflow: hidden;\n  border-radius: var(--radius-lg);\n}\n\n.section-why-choose__image img {\n  max-width: 100%;\n  height: auto;\n  max-height: 340px;\n  border-radius: var(--radius-lg);\n}\n\n.section-why-choose__content {\n  padding: 0;\n}\n\n.section-why-choose__content p {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.375;\n  letter-spacing: -0.32px;\n  color: var(--color-dark-gray);\n  margin: 0 0 8px;\n}\n\n.section-why-choose__content p:last-child {\n  margin-bottom: 0;\n}\n\n.section-why-choose__content p strong {\n  font-weight: 600;\n  color: var(--color-dark-gray);\n}\n\n.section-why-choose__tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.section-why-choose__tag {\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1;\n  letter-spacing: -0.24px;\n  color: var(--color-white);\n  background: var(--color-black);\n  border-radius: 8px;\n  padding: 6px 8px 4px;\n}\n\n@media (max-width: 768px) {\n  .section-why-choose__grid {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n\n  .section-why-choose__heading {\n    font-size: 28px;\n  }\n\n  .section-why-choose__nav-item {\n    font-size: 16px;\n  }\n\n  .section-why-choose__card {\n    min-height: auto;\n  }\n\n  .section-why-choose__slide {\n    min-height: auto;\n  }\n}\n\n\/* --- Section: Contact Form --- *\/\n.section-contact-form {\n  background: var(--color-gray);\n  padding: 96px var(--page-padding);\n  position: relative;\n  overflow: hidden;\n}\n\n.section-contact-form__header {\n  text-align: center;\n  margin-bottom: 48px;\n}\n\n.section-contact-form__heading {\n  font-size: 32px;\n  font-weight: 600;\n  line-height: 42px;\n  color: var(--color-black);\n  margin-bottom: 16px;\n}\n\n.section-contact-form__intro {\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.44;\n  letter-spacing: -0.24px;\n  color: var(--color-dark-gray);\n  text-align: center;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.section-contact-form__fields {\n  display: flex;\n  gap: 36px;\n  max-width: 756px;\n  margin: 0 auto 32px;\n}\n\n.section-contact-form__column {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.section-contact-form__submit {\n  text-align: center;\n  margin-top: 32px;\n}\n\n.section-contact-form__legal {\n  font-size: 10px;\n  font-weight: 400;\n  line-height: 1.44;\n  letter-spacing: -0.2px;\n  color: var(--color-dark-gray);\n  text-align: center;\n  max-width: 756px;\n  margin: 32px auto 0;\n}\n\n\/* --- Form: Input --- *\/\n.form-input {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.form-input__label {\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.44;\n  letter-spacing: -0.24px;\n  color: var(--color-dark-gray);\n}\n\n.form-input__field {\n  width: 100%;\n  padding: 12px 16px;\n  border: 1px solid var(--color-light-gray);\n  border-radius: 12px;\n  font-size: 16px;\n  font-weight: 400;\n  font-family: inherit;\n  color: var(--color-black);\n  background: var(--color-white);\n  outline: none;\n  transition: border-color 0.2s;\n}\n\n.form-input__field:focus {\n  border-color: var(--color-black);\n}\n\n.form-input__field--textarea {\n  resize: vertical;\n  min-height: 156px;\n}\n\n\/* --- Form: Checkbox --- *\/\n.form-checkbox {\n  display: flex;\n  gap: 8px;\n  align-items: flex-start;\n}\n\n.form-checkbox__box {\n  width: 16px;\n  height: 16px;\n  flex-shrink: 0;\n  border: 1px solid var(--color-medium-gray);\n  border-radius: 2px;\n  margin-top: 2px;\n  cursor: pointer;\n  appearance: none;\n  -webkit-appearance: none;\n}\n\n.form-checkbox__box:checked {\n  background: var(--color-black);\n  border-color: var(--color-black);\n}\n\n.form-checkbox__label {\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.44;\n  letter-spacing: -0.24px;\n  color: var(--color-dark-gray);\n}\n\n\/* --- Decorative Circles --- *\/\n.deco-circle {\n  position: absolute;\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.deco-circle--orange {\n  background: var(--color-erp-yellow);\n}\n\n.deco-circle--orange-light {\n  background: var(--color-erp-light-orange);\n}\n\n.deco-circle--green {\n  background: var(--color-erp-green);\n}\n\n\/* ============================================\n   ANIMATIONS & TRANSITIONS\n   ============================================ *\/\n\n\/* --- Scroll-Reveal Base --- *\/\n[data-anim] {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1),\n              transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n[data-anim].is-visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Variant: fade only *\/\n[data-anim=\"fade\"] {\n  transform: none;\n}\n\n\/* Variant: slide from left *\/\n[data-anim=\"slide-left\"] {\n  transform: translateX(-60px);\n}\n[data-anim=\"slide-left\"].is-visible {\n  transform: translateX(0);\n}\n\n\/* Variant: slide from right *\/\n[data-anim=\"slide-right\"] {\n  transform: translateX(60px);\n}\n[data-anim=\"slide-right\"].is-visible {\n  transform: translateX(0);\n}\n\n\/* Variant: scale up *\/\n[data-anim=\"scale\"] {\n  transform: scale(0.9);\n}\n[data-anim=\"scale\"].is-visible {\n  transform: scale(1);\n}\n\n\/* Variant: zoom in *\/\n[data-anim=\"zoom\"] {\n  transform: scale(0.85);\n}\n[data-anim=\"zoom\"].is-visible {\n  transform: scale(1);\n}\n\n\/* --- Stagger Delays (children) --- *\/\n[data-stagger] > *:nth-child(1) { transition-delay: 0s; }\n[data-stagger] > *:nth-child(2) { transition-delay: 0.1s; }\n[data-stagger] > *:nth-child(3) { transition-delay: 0.2s; }\n[data-stagger] > *:nth-child(4) { transition-delay: 0.3s; }\n[data-stagger] > *:nth-child(5) { transition-delay: 0.4s; }\n[data-stagger] > *:nth-child(6) { transition-delay: 0.5s; }\n[data-stagger] > *:nth-child(7) { transition-delay: 0.6s; }\n[data-stagger] > *:nth-child(8) { transition-delay: 0.7s; }\n[data-stagger] > *:nth-child(9) { transition-delay: 0.8s; }\n[data-stagger] > *:nth-child(10) { transition-delay: 0.9s; }\n[data-stagger] > *:nth-child(11) { transition-delay: 1.0s; }\n[data-stagger] > *:nth-child(12) { transition-delay: 1.1s; }\n\n\/* Stagger items start hidden *\/\n[data-stagger] > * {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1),\n              transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n[data-stagger].is-visible > * {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* --- Custom Delay Attribute --- *\/\n[data-delay=\"100\"] { transition-delay: 0.1s; }\n[data-delay=\"200\"] { transition-delay: 0.2s; }\n[data-delay=\"300\"] { transition-delay: 0.3s; }\n[data-delay=\"400\"] { transition-delay: 0.4s; }\n[data-delay=\"500\"] { transition-delay: 0.5s; }\n[data-delay=\"600\"] { transition-delay: 0.6s; }\n\n\/* --- Marquee Animation --- *\/\n@keyframes marquee-scroll {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n.section-marquee--animated .section-marquee__track {\n  display: flex;\n  gap: 80px;\n  white-space: nowrap;\n  animation: marquee-scroll 20s linear infinite;\n  width: max-content;\n}\n\n.section-marquee--animated .section-marquee__track:hover {\n  animation-play-state: paused;\n}\n\n\/* --- Events Ticker (Asseco Platform style) --- *\/\n.events-ticker {\n  width: 100%;\n  background: var(--color-black);\n  overflow: hidden;\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 12px 16px;\n}\n\n.events-ticker__track {\n  display: flex;\n  gap: 2rem;\n  min-width: max-content;\n  animation: events-ticker-scroll 30s linear infinite;\n}\n\n.events-ticker__track:hover {\n  animation-play-state: paused;\n}\n\n.events-ticker__item {\n  color: var(--color-white);\n  font-size: 15px;\n  font-weight: 500;\n  white-space: nowrap;\n}\n\n.events-ticker__btn {\n  position: absolute;\n  right: 16px;\n  padding: 7px 19px;\n  background: var(--color-white);\n  color: var(--color-black);\n  border-radius: 9999px;\n  font-size: 14px;\n  font-weight: 500;\n  text-decoration: none;\n  white-space: nowrap;\n  transition: background-color 0.3s, color 0.3s;\n}\n\n.events-ticker__btn:hover {\n  background: var(--color-erp-blue);\n  color: var(--color-white);\n}\n\n@keyframes events-ticker-scroll {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n\/* --- Floating Decorative Circles --- *\/\n@keyframes float-y {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-16px); }\n}\n\n@keyframes float-x {\n  0%, 100% { transform: translateX(0); }\n  50% { transform: translateX(12px); }\n}\n\n.deco-circle--float {\n  animation: float-y 4s ease-in-out infinite;\n}\n\n.deco-circle--float-alt {\n  animation: float-x 5s ease-in-out infinite;\n}\n\n\/* --- Counter Animation (number counting) --- *\/\n.stat-card__value[data-count] {\n  transition: none;\n}\n\n\/* --- Parallax-like Decorative Blobs --- *\/\n@keyframes rotate-slow {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.gradient-blob {\n  animation: rotate-slow 30s linear infinite;\n}\n\n\/* --- Blob Background (SVG decoration) --- *\/\n.blob-bg {\n  position: absolute;\n  pointer-events: none;\n  z-index: 0;\n  width: 900px;\n  height: auto;\n}\n\n.blob-bg--bottom-right {\n  bottom: -200px;\n  right: -260px;\n  transform: rotate(135deg);\n}\n\n.blob-bg--bottom-left {\n  bottom: -220px;\n  left: -200px;\n  transform: rotate(135deg) scaleX(-1);\n}\n\n.blob-bg--top-right {\n  top: -180px;\n  right: -200px;\n  transform: rotate(135deg);\n}\n\n\/* Decorative colored dots *\/\n.deco-dot {\n  position: absolute;\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.deco-dot--orange  { background: var(--color-erp-yellow); }\n.deco-dot--pink    { background: var(--color-erp-red); }\n.deco-dot--cyan    { background: #27D8CD; }\n\n@media (max-width: 768px) {\n  \/* Hero mobile \u2014 1:1 from assecobs.pl\/erp *\/\n  .hero {\n    height: 549px;\n  }\n  .hero__desktop-bg {\n    display: none;\n  }\n  .hero__mobile-bg {\n    display: block;\n  }\n  .hero__content {\n    margin: 0;\n    padding: 176px 20px 56px;\n    width: 100%;\n    position: relative;\n    top: auto;\n    left: auto;\n  }\n  .hero__title {\n    font-size: 38px;\n    line-height: 44px;\n  }\n  .hero__subtitle {\n    display: none;\n  }\n  .hero__slider {\n    display: none;\n  }\n  .hero__arrows {\n    display: none;\n  }\n  .hero .btn {\n    width: 100%;\n    justify-content: center;\n  }\n\n  \/* Advantage bar mobile *\/\n  .advantage-bar__list {\n    flex-direction: column;\n    gap: 24px;\n  }\n  .advantage-bar__item {\n    max-width: 100%;\n  }\n  .advantage-bar__text {\n    font-size: 16px;\n    line-height: 1.4;\n  }\n\n  .blob-bg {\n    width: 500px;\n  }\n  .deco-dot {\n    width: 24px;\n    height: 24px;\n  }\n\n  \/* ERP cards mobile *\/\n  .erp-products {\n    grid-template-columns: 1fr;\n    gap: 28px;\n    max-width: 335px;\n    margin: 0 auto;\n  }\n  .card-erp {\n    border-radius: 18px;\n    padding-bottom: 33px;\n  }\n  .card-erp__image {\n    height: 100px;\n    border-radius: 18px;\n  }\n  .card-erp__open {\n    width: 50px;\n    height: 50px;\n  }\n  .card-erp__logo {\n    display: none;\n  }\n  .card-erp__body {\n    margin-top: 0;\n  }\n  .card-erp__title {\n    font-size: 22px;\n    line-height: 28px;\n  }\n  .card-erp__desc {\n    font-size: 16px;\n    line-height: 22px;\n  }\n  .card-erp:hover .card-erp__image {\n    height: 100px;\n  }\n\n  \/* ERP popup mobile *\/\n  .erp-slider__panel {\n    width: 100%;\n    max-width: 100%;\n    border-radius: 0;\n  }\n  .erp-slide.is-active {\n    grid-template-columns: 1fr;\n    padding: 80px 20px 20px;\n    gap: 16px;\n  }\n  .erp-slide__image {\n    grid-column: 1;\n    grid-row: auto;\n  }\n  .erp-slide__heading {\n    font-size: 24px;\n    line-height: 34px;\n  }\n  .erp-slide__subheading {\n    font-size: 16px;\n    line-height: 20px;\n  }\n  .erp-slide__checklist li {\n    font-size: 15px;\n    line-height: 21px;\n  }\n  .erp-slider__nav {\n    bottom: 20px;\n    right: 20px;\n  }\n  .erp-slide__close {\n    top: 20px;\n    left: 20px;\n    width: 40px;\n    height: 40px;\n  }\n\n  \/* Industries mobile *\/\n  .tile-industry {\n    width: 140px;\n    height: 130px;\n  }\n}\n\n\/* --- Enhanced Hover Transitions --- *\/\n.card-erp,\n.card-product,\n.card-news,\n.card-video,\n.card-quote,\n.card-case {\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),\n              box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.card-erp:hover,\n.card-quote:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 12px 40px rgba(0,0,0,0.08);\n}\n\n.card-news:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 12px 40px rgba(0,0,0,0.2);\n}\n\n\/* card-video: no lift\/scale hover \u2014 matches live assecobs.pl *\/\n\n\/* card-case: no hover state \u2014 matches live assecobs.pl *\/\n\/* tile-industry: no lift\/scale hover \u2014 matches live assecobs.pl *\/\n\n\/* --- Button Press Effect --- *\/\n.btn:active {\n  transform: scale(0.96);\n  transition: transform 0.1s;\n}\n\n.tab-big {\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.tab-big:active {\n  transform: scale(0.95);\n}\n\n\/* --- Hero Entrance Animation --- *\/\n@keyframes hero-fade-in {\n  0% {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes hero-bg-zoom {\n  0% {\n    transform: scale(1.08);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n.hero-video .hero-video__video-wrapper,\n.hero-subpage .hero-subpage__video-wrapper,\n.hero .hero__bg {\n  animation: hero-bg-zoom 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n.hero-video .hero-video__content,\n.hero-subpage .hero-subpage__content {\n  animation: hero-fade-in 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;\n}\n\n\/* --- Slider Track Smooth Scroll --- *\/\n.slider-track,\n.section-recommendations__track,\n.section-news__track,\n.section-video-slider__track {\n  scroll-behavior: smooth;\n}\n\n\/* --- Advantage Bar Scrolling --- *\/\n@keyframes advantage-scroll {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n.advantage-bar--animated .advantage-bar__track {\n  display: flex;\n  gap: 48px;\n  animation: advantage-scroll 25s linear infinite;\n  width: max-content;\n}\n\n\/* --- Checklist Item Stagger --- *\/\n.checklist[data-stagger] .checklist__item {\n  opacity: 0;\n  transform: translateX(-20px);\n}\n\n.checklist[data-stagger].is-visible .checklist__item {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n\/* --- Form Input Focus Animation --- *\/\n.form-input__field {\n  transition: border-color 0.3s, box-shadow 0.3s;\n}\n\n.form-input__field:focus {\n  border-color: var(--color-black);\n  box-shadow: 0 0 0 3px rgba(35,35,35,0.08);\n}\n\n\n.label-pill {\n  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n\/* --- Gradient Text Shimmer (optional) --- *\/\n@keyframes gradient-shift {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n.text-gradient--animated {\n  background-size: 200% 200%;\n  animation: gradient-shift 4s ease infinite;\n}\n\n\/* --- Stat Card Value Scale-In --- *\/\n@keyframes value-pop {\n  0% {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n.stat-card.is-visible .stat-card__value {\n  animation: value-pop 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n\/* --- Logo Bar Hover --- *\/\n.logo-bar__item {\n  transition: transform 0.3s;\n}\n\n.logo-bar__item:hover {\n  transform: scale(1.05);\n}\n\n\/* --- Smooth Section Transitions --- *\/\n.preview-section {\n  transition: opacity 0.3s;\n}\n\n\/* --- Persona Panel Slide --- *\/\n.section-personas__panels {\n  transition: opacity 0.4s, transform 0.4s;\n}\n\n.section-personas__quote-panel,\n.section-personas__benefits-panel {\n  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),\n              opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n\/* ======================================================\n   ON-TIME INSIGHTS SLIDER\n   ====================================================== *\/\n.slider-on-time {\n  overflow: hidden;\n  padding: 6rem 0;\n  position: relative;\n}\n\n.slider-on-time__inner {\n  max-width: 82.375rem;\n  margin: 0 auto;\n  padding: 0 48px;\n  overflow: visible;\n}\n\n\/* Nav arrows row *\/\n.slider-on-time__nav {\n  display: flex;\n  justify-content: flex-end;\n  gap: 1rem;\n  margin-bottom: 2rem;\n}\n\n.slider-on-time__arrow {\n  width: 2.5rem;\n  height: 2.5rem;\n  border-radius: 9999px;\n  background: var(--color-white);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background-color 0.3s, border-color 0.3s;\n  padding: 0;\n}\n\n.slider-on-time__arrow svg {\n  width: 1rem;\n  height: 1rem;\n}\n\n.slider-on-time__arrow svg path {\n  stroke: #232323;\n  transition: stroke 0.3s;\n}\n\n.slider-on-time__arrow:hover {\n  background: #232323;\n  border-color: #232323;\n}\n\n.slider-on-time__arrow:hover svg path {\n  stroke: #fdfdfd;\n}\n\n.slider-on-time__arrow:disabled {\n  display: none;\n}\n\n\/* Track *\/\n.slider-on-time__track {\n  display: flex;\n  gap: 1.5rem;\n  overflow: hidden;\n  position: relative;\n}\n\n.slider-on-time__track-inner {\n  display: flex;\n  gap: 1.5rem;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n  will-change: transform;\n}\n\n\/* Card *\/\n.card-on-time {\n  flex: 0 0 min(90vw, 75rem);\n  scroll-snap-align: start;\n  background: var(--color-gray);\n  border-radius: 1.5rem;\n  overflow: hidden;\n  display: grid;\n  grid-template-columns: 0.81fr 1fr;\n  min-height: 18rem;\n}\n\n@media (max-width: 48.875rem) {\n  .card-on-time {\n    grid-template-columns: 1fr;\n    grid-template-rows: max-content 1fr;\n    flex: 0 0 min(90vw, 22rem);\n  }\n}\n\n\/* Card media (image or video) *\/\n.card-on-time__media {\n  overflow: hidden;\n  position: relative;\n  border-top-left-radius: 1.5rem;\n  border-bottom-left-radius: 1.5rem;\n}\n\n@media (max-width: 48.875rem) {\n  .card-on-time__media {\n    border-bottom-left-radius: 0;\n    border-top-right-radius: 1.5rem;\n  }\n}\n\n.card-on-time__media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  aspect-ratio: 520 \/ 291;\n}\n\n.card-on-time__media iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n  display: block;\n}\n\n\/* Card content *\/\n.card-on-time__content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background: var(--color-white);\n  padding: 2.25rem 3rem 2.5rem;\n  border-top-right-radius: 1.5rem;\n  border-bottom-right-radius: 1.5rem;\n}\n\n@media (max-width: 48.875rem) {\n  .card-on-time__content {\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 1.5rem;\n    padding: 2rem 1.25rem 2.25rem;\n  }\n}\n\n.card-on-time__heading {\n  font-size: 2rem;\n  font-weight: 600;\n  line-height: 2.625rem;\n  color: var(--color-black);\n  margin-bottom: 0.75rem;\n}\n\n.card-on-time__heading .text-gradient {\n  background: var(--gradient-brand);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.card-on-time__desc {\n  font-size: 1rem;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n  margin-bottom: 2rem;\n  max-width: 27.5rem;\n}\n\n.card-on-time__btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 0.875rem 2rem;\n  background: var(--color-black);\n  color: var(--color-white);\n  border: none;\n  border-radius: 9999px;\n  font-size: 1rem;\n  font-weight: 500;\n  cursor: pointer;\n  text-decoration: none;\n  transition: background-color 0.3s;\n  width: fit-content;\n}\n\n.card-on-time__btn:hover {\n  background: var(--color-erp-blue);\n}\n\n.card-on-time__btn svg {\n  width: 1rem;\n  height: 1rem;\n}\n\n.card-on-time__btn svg path {\n  stroke: currentColor;\n}\n\n\/* ======================================================\n   POPULAR TOPICS \/ SLIDER POSTS V2 (from assecobs.pl)\n   ====================================================== *\/\n.slider-posts--v2 {\n  background: #090909;\n  border-radius: var(--radius-md);\n  padding: 128px 60px;\n  position: relative;\n  overflow: hidden;\n}\n\n.slider-posts__circle {\n  display: block;\n  width: 40px;\n  height: 40px;\n  background: #3FA2EB;\n  border-radius: 9999px;\n  position: absolute;\n  top: 114px;\n  right: 365px;\n}\n\n.slider-posts__heading {\n  font-size: 40px;\n  font-weight: 600;\n  color: #F2F2F2;\n  text-align: center;\n  margin: 0 0 100px;\n}\n\n.slider-posts__viewport {\n  position: relative;\n  max-width: 1240px;\n  margin: 0 auto;\n}\n\n.slider-posts__track {\n  display: flex;\n  gap: 1.5rem;\n  overflow: hidden;\n  scroll-behavior: smooth;\n}\n\n\/* --- Post Card --- *\/\n.post-card {\n  background: #141414;\n  border-radius: 24px;\n  padding: 36px;\n  display: flex;\n  flex-direction: column;\n  flex: 0 0 min(380px, 85vw);\n  text-decoration: none;\n  color: inherit;\n  transition: background-color 0.3s;\n}\n\n.post-card:hover {\n  background-color: #282828;\n}\n\n.post-card__image {\n  margin-bottom: 24px;\n}\n\n.post-card__image img {\n  width: 100%;\n  height: 194px;\n  object-fit: cover;\n  border-radius: 24px;\n  display: block;\n}\n\n.post-card__content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n}\n\n.post-card__title {\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 1.31;\n  margin: 0 0 28px;\n  color: #FDFDFD;\n}\n\n.post-card__excerpt {\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 1.375;\n  color: #AEAEAE;\n  margin: 0 0 28px;\n  flex: 1;\n}\n\n.post-card__meta {\n  display: flex;\n  gap: 8px;\n  margin-top: auto;\n}\n\n.post-card__meta div {\n  font-size: 12px;\n  color: #DFDFDF;\n  background: #232323;\n  border-radius: 9999px;\n  padding: 6px 16px;\n}\n\n\/* Arrows \u2014 vertically centered on both sides *\/\n.slider-posts__arrow {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 30px;\n  height: 30px;\n  background: #676767;\n  border: none;\n  border-radius: 9999px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background 0.2s;\n  z-index: 2;\n}\n\n.slider-posts__arrow:hover {\n  background: #AEAEAE;\n}\n\n.slider-posts__arrow--prev {\n  left: -48px;\n}\n\n.slider-posts__arrow--next {\n  right: -48px;\n}\n\n\/* CTA *\/\n.slider-posts__cta {\n  display: flex;\n  justify-content: center;\n  margin-top: 80px;\n}\n\n.slider-posts__btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  color: #232323;\n  background: #FDFDFD;\n  border: 1px solid #232323;\n  border-radius: 9999px;\n  padding: 20px 24px 18px;\n  text-decoration: none;\n  transition: background 0.2s;\n}\n\n.slider-posts__btn:hover {\n  background: #3FA2EB;\n  color: #FDFDFD;\n  border-color: #3FA2EB;\n}\n\n.slider-posts__btn-arrow {\n  font-size: 14px;\n}\n\n\/* --- Query Form Popup --- *\/\n.query-form-popup {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n  display: none;\n}\n\n.query-form-popup.is-active {\n  display: block;\n}\n\n.query-form-popup__bg {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.5);\n  animation: fadeIn 0.3s ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes slideInRight {\n  from { transform: translateX(100%); }\n  to { transform: translateX(0); }\n}\n\n.query-form-popup__panel {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 68%;\n  max-width: 1307px;\n  background: var(--color-gray);\n  border-radius: 24px 0 0 24px;\n  padding: 32px 48px;\n  overflow-y: auto;\n  z-index: 1;\n  animation: slideInRight 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.query-form-popup__close {\n  width: 50px;\n  height: 50px;\n  border-radius: 16px;\n  background: var(--color-white);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: background 0.2s;\n  margin-bottom: 24px;\n}\n\n.query-form-popup__close:hover {\n  background: var(--color-black);\n}\n\n.query-form-popup__close:hover svg path {\n  stroke: var(--color-white);\n}\n\n.query-form-popup__circle {\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  z-index: 0;\n}\n\n.query-form-popup__circle--orange {\n  top: 80px;\n  right: 44%;\n  background: #FFA533;\n}\n\n.query-form-popup__circle--teal {\n  bottom: 30%;\n  right: 40%;\n  background: #00C2B6;\n}\n\n.query-form-popup__content {\n  display: flex;\n  gap: 53px;\n  position: relative;\n  z-index: 1;\n}\n\n.query-form-popup__left {\n  flex: 0 0 465px;\n  display: flex;\n  flex-direction: column;\n}\n\n.query-form-popup__right {\n  flex: 1;\n  max-width: 596px;\n}\n\n.query-form-popup__heading {\n  font-size: 48px;\n  font-weight: 600;\n  line-height: 1.1;\n  color: var(--color-black);\n  margin-bottom: 24px;\n}\n\n.query-form-popup__desc {\n  font-size: 12px;\n  line-height: 1.4;\n  color: var(--color-dark-gray);\n}\n\n.query-form-popup__desc a {\n  color: var(--color-black);\n  text-decoration: underline;\n}\n\n.query-form-popup__legal {\n  font-size: 11px;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n  margin-top: 24px;\n}\n\n\/* Form fields *\/\n.query-form__row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n\n.query-form__field {\n  margin-bottom: 16px;\n}\n\n.query-form__field label {\n  display: block;\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--color-black);\n  margin-bottom: 16px;\n}\n\n.query-form__field input,\n.query-form__field textarea {\n  width: 100%;\n  height: 40px;\n  border: 1px solid #DFDFDF;\n  border-radius: 12px;\n  padding: 0 16px;\n  font-size: 16px;\n  font-family: var(--font-family);\n  background: var(--color-white);\n  color: var(--color-black);\n  outline: none;\n  transition: border-color 0.2s;\n  box-sizing: border-box;\n}\n\n.query-form__field input:focus,\n.query-form__field textarea:focus {\n  border-color: #1676C3;\n}\n\n.query-form__field textarea {\n  height: 160px;\n  resize: vertical;\n  padding: 12px 16px;\n}\n\n.query-form__consent-intro {\n  font-size: 12px;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n  margin-bottom: 12px;\n}\n\n.query-form__checkbox {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  font-size: 14px;\n  color: var(--color-dark-gray);\n  margin-bottom: 8px;\n  cursor: pointer;\n}\n\n.query-form__checkbox input[type=\"checkbox\"] {\n  width: 18px;\n  height: 18px;\n  margin-top: 2px;\n  flex-shrink: 0;\n  accent-color: #1676C3;\n}\n\n.query-form__submit {\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 24px;\n}\n\n\/* --- Query Form Inline (component preview) --- *\/\n.query-form-inline {\n  background: var(--color-gray);\n  border-radius: 24px;\n  padding: 32px 48px;\n  position: relative;\n  overflow: hidden;\n}\n\n.query-form-inline__circle {\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  z-index: 0;\n}\n\n.query-form-inline__circle--orange {\n  top: 72px;\n  right: 44%;\n  background: #FFA533;\n}\n\n.query-form-inline__circle--teal {\n  bottom: 30%;\n  right: 40%;\n  background: #00C2B6;\n}\n\n.query-form-inline__content {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 53px;\n  position: relative;\n  z-index: 1;\n}\n\n.query-form-inline__left {\n  flex: 0 0 min(465px, 100%);\n  display: flex;\n  flex-direction: column;\n}\n\n.query-form-inline__right {\n  flex: 1;\n  max-width: 596px;\n}\n\n.query-form-inline__heading {\n  font-size: 48px;\n  font-weight: 600;\n  line-height: 1.1;\n  color: var(--color-black);\n  margin-bottom: 24px;\n}\n\n.query-form-inline__desc {\n  font-size: 12px;\n  line-height: 1.4;\n  color: var(--color-dark-gray);\n}\n\n.query-form-inline__desc a {\n  color: var(--color-black);\n  text-decoration: underline;\n}\n\n.query-form-inline__legal {\n  font-size: 11px;\n  line-height: 1.5;\n  color: var(--color-dark-gray);\n  margin-top: 24px;\n}\n\n.query-form-inline__legal a {\n  color: var(--color-black);\n  text-decoration: underline;\n}\n\n\/* ============================================\n   RESPONSIVE \u2014 Breakpoint overrides\n   ============================================ *\/\n\n\/* --- Small laptop (\u22641280px) --- *\/\n@media (max-width: 1280px) {\n  .section-feature-tags__inner {\n    gap: 32px;\n  }\n  .section-feature-tags__image {\n    width: 400px;\n    height: auto;\n  }\n  .section-video-slider__header {\n    width: 400px;\n  }\n  .card-case {\n    width: min(90vw, 54.6875rem);\n  }\n  .hero-video__heading {\n    font-size: 48px;\n  }\n}\n\n\/* --- Tablet (\u2264768px) --- *\/\n@media (max-width: 768px) {\n  \/* Feature Tags: stack vertically *\/\n  .section-feature-tags__inner {\n    flex-direction: column;\n    gap: 24px;\n  }\n  .section-feature-tags__image {\n    width: 100%;\n    height: auto;\n  }\n\n  \/* Video Slider: stack header + track *\/\n  .section-video-slider__inner {\n    flex-direction: column;\n    gap: 24px;\n  }\n  .section-video-slider__header {\n    width: 100%;\n    padding-left: var(--page-padding);\n    padding-right: var(--page-padding);\n  }\n  .section-video-slider__track {\n    padding-left: var(--page-padding);\n  }\n  .card-video {\n    width: 280px;\n    height: 498px;\n  }\n\n  \/* Testimonials Quote: smaller cards *\/\n  .section-testimonials-v2 {\n    padding: 64px 0;\n  }\n  .section-testimonials-v2__card {\n    flex: 0 0 min(90vw, 500px);\n    min-height: 300px;\n    padding: 24px 20px 20px;\n  }\n  .section-testimonials-v2__quote {\n    font-size: 18px;\n  }\n\n  \/* Case Studies: smaller cards *\/\n  .card-case {\n    width: min(90vw, 40rem);\n    padding: 2rem;\n    grid-template-columns: 1fr;\n    gap: 1.5rem;\n  }\n  .card-case__title {\n    font-size: 2rem;\n  }\n  .card-case__logo {\n    display: none;\n  }\n\n  \/* Insights Slider: card width responsive *\/\n  .card-on-time {\n    flex: 0 0 min(90vw, 22rem);\n  }\n\n  \/* Query Form: stack layout *\/\n  .query-form-inline__content {\n    flex-direction: column;\n    gap: 32px;\n  }\n  .query-form-inline__left {\n    flex: none;\n    width: 100%;\n  }\n  .query-form-inline__right {\n    width: 100%;\n  }\n  .query-form-inline {\n    padding: 24px;\n  }\n\n  \/* Hero Video *\/\n  .hero-video__heading {\n    font-size: 40px;\n  }\n  .hero-video__video {\n    min-height: 500px;\n  }\n  .hero-video__content {\n    padding: 80px 24px;\n  }\n\n  \/* Hero ERP *\/\n  .hero {\n    padding: 64px 24px;\n  }\n  .hero__slider {\n    display: none;\n  }\n  .hero__heading {\n    font-size: 40px;\n  }\n\n  \/* Content Split DRS: stack *\/\n  .section-content-split {\n    flex-direction: column;\n    gap: 32px;\n    padding: 64px var(--page-padding);\n  }\n  .section-content-split__text {\n    max-width: 100%;\n  }\n  .section-content-split__cards {\n    width: 100%;\n  }\n\n  \/* Award Banner: stack *\/\n  .award-banner__inner {\n    flex-direction: column;\n    gap: 24px;\n  }\n  .award-banner__card {\n    flex: none;\n    width: 100%;\n  }\n\n  \/* CS Card: stack *\/\n  .cs-card {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  \/* CS Filter: wrap *\/\n  .cs-filter__bar {\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n  .cs-filter__dropdown {\n    flex: 1 1 calc(50% - 8px);\n  }\n  .cs-filter__dropdown-toggle {\n    min-width: 0;\n    width: 100%;\n  }\n\n  \/* Cooperation Slider *\/\n  .section-cooperation__slide {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  \/* Why Choose *\/\n  .section-why-choose__grid {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n  .section-why-choose__heading {\n    font-size: 32px;\n  }\n\n  \/* Why Cards DRS *\/\n  .section-why-cards__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  \/* Partner Cards DRS *\/\n  .section-partner-cards__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  \/* Persona Tabs *\/\n  .tabs-big {\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n  .tab-big {\n    font-size: 14px;\n    padding: 10px 16px;\n  }\n  .section-personas__slide {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  \/* ERP Solutions Grid *\/\n  .erp-products {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  \/* Feature Cards Grid *\/\n  .feature-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  \/* Industries *\/\n  .industries__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  \/* Product Cards *\/\n  .section-product-cards__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  \/* Homepage Products *\/\n  .section-products__grid {\n    grid-template-columns: 1fr;\n  }\n\n  \/* Footer *\/\n  .footer__columns {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  \/* Stat cards *\/\n  .stat-cards {\n    flex-wrap: wrap;\n  }\n  .stat-card {\n    flex: 1 1 calc(50% - 12px);\n  }\n  .stat-cards--glass .stat-card--glass {\n    flex: 1 1 calc(50% - 12px);\n  }\n\n  \/* Logo Bar *\/\n  .logo-bar__grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n\/* --- Mobile (\u2264480px) --- *\/\n@media (max-width: 480px) {\n  \/* Feature Tags *\/\n  .section-feature-tags {\n    padding: 48px 16px;\n  }\n  .section-feature-tags__heading {\n    font-size: 24px;\n  }\n\n  \/* Video Slider *\/\n  .section-video-slider {\n    padding: 48px 0;\n  }\n  .section-video-slider__heading {\n    font-size: 24px;\n  }\n  .card-video {\n    width: 240px;\n    height: 426px;\n  }\n\n  \/* Testimonials Quote *\/\n  .section-testimonials-v2__card {\n    flex: 0 0 calc(100vw - 48px);\n    min-height: auto;\n  }\n  .section-testimonials-v2__quote {\n    font-size: 16px;\n  }\n  .section-testimonials-v2__heading {\n    font-size: 24px;\n  }\n\n  \/* Case Studies *\/\n  .card-case {\n    width: calc(100vw - 48px);\n    padding: 1.5rem;\n  }\n  .card-case__title {\n    font-size: 1.5rem;\n  }\n\n  \/* Insights Slider *\/\n  .card-on-time {\n    flex: 0 0 calc(100vw - 48px);\n  }\n\n  \/* Query Form *\/\n  .query-form-inline {\n    padding: 16px;\n  }\n  .query-form__row {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  \/* Hero Video *\/\n  .hero-video__heading {\n    font-size: 32px;\n  }\n  .hero-video__content {\n    padding: 48px 16px;\n  }\n  .hero-video__video {\n    min-height: 400px;\n  }\n\n  \/* Hero ERP *\/\n  .hero__heading {\n    font-size: 32px;\n  }\n\n  \/* Hero Subpage *\/\n  .hero-subpage__heading {\n    font-size: 38px;\n    line-height: 44px;\n  }\n  .hero-subpage__content {\n    padding: 176px 20px 56px;\n  }\n  .hero-subpage__cta {\n    width: 100%;\n  }\n  .hero-subpage__cta a,\n  .hero-subpage__cta .btn {\n    width: 100%;\n    justify-content: center;\n  }\n  .hero-badge {\n    font-size: 12px;\n  }\n\n  \/* Content Split *\/\n  .section-content-split {\n    padding: 48px 16px;\n  }\n  .section-content-split__heading {\n    font-size: 24px;\n  }\n\n  \/* Award Banner *\/\n  .award-banner__card {\n    padding: 32px 20px;\n    border-radius: var(--radius-lg);\n  }\n  .award-banner__heading {\n    font-size: 24px;\n    margin-bottom: 24px;\n  }\n\n  \/* CS Cards *\/\n  .cs-card {\n    padding: 16px;\n    gap: 16px;\n  }\n  .cs-card__title {\n    font-size: 20px;\n  }\n\n  \/* CS Filter *\/\n  .cs-filter__bar {\n    padding: 12px 16px;\n  }\n  .cs-filter__dropdown {\n    flex: 1 1 100%;\n  }\n\n  \/* Why Choose *\/\n  .section-why-choose__heading {\n    font-size: 24px;\n  }\n  .section-why-choose__card {\n    padding: 24px 16px;\n  }\n\n  \/* Why Cards DRS *\/\n  .section-why-cards__grid {\n    grid-template-columns: 1fr;\n  }\n\n  \/* Partner Cards DRS *\/\n  .section-partner-cards__grid {\n    grid-template-columns: 1fr;\n  }\n\n  \/* ERP Solutions \/ Feature Cards Grid *\/\n  .erp-products,\n  .feature-grid {\n    grid-template-columns: 1fr;\n  }\n\n  \/* Industries *\/\n  .industries__grid {\n    grid-template-columns: 1fr;\n  }\n\n  \/* Product Cards *\/\n  .section-product-cards__grid {\n    grid-template-columns: 1fr;\n  }\n\n  \/* Footer *\/\n  .footer__columns {\n    grid-template-columns: 1fr;\n  }\n  .footer__top {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  \/* Stat Cards *\/\n  .stat-card {\n    flex: 1 1 100%;\n  }\n  .stat-cards--glass .stat-card--glass {\n    flex: 1 1 100%;\n  }\n  .stat-card__value {\n    font-size: 40px;\n  }\n\n  \/* Marquee *\/\n  .section-marquee__text {\n    font-size: 32px;\n  }\n\n  \/* Logo Bar *\/\n  .logo-bar__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  \/* Persona Tabs *\/\n  .tab-big {\n    font-size: 12px;\n    padding: 8px 12px;\n  }\n\n  \/* CTA Section *\/\n  .section-cta__heading {\n    font-size: 24px;\n  }\n\n  \/* Cooperation Slider *\/\n  .section-cooperation__heading {\n    font-size: 24px;\n  }\n\n  \/* Two-Column *\/\n  .section-description {\n    flex-direction: column;\n    gap: 24px;\n  }\n\n  \/* Navigation *\/\n  .site-header__nav {\n    display: none;\n  }\n\n  \/* Header DRS \u2014 mobile: only logo + hamburger *\/\n  .header-drs__hamburger {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    order: 3;\n  }\n  .header-drs__actions {\n    display: none;\n  }\n  .header-drs__inner {\n    overflow: visible;\n  }\n\n  \/* Mobile nav overlay \u2014 wz\u00f3r assecobs.pl *\/\n  .header-drs__nav {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100vh;\n    height: 100dvh;\n    background: var(--color-white);\n    z-index: 1100;\n    flex-direction: column;\n    align-items: stretch;\n    padding: 80px 24px 32px;\n    gap: 0;\n    overflow-y: auto;\n    white-space: normal;\n  }\n  .header-drs__nav.is-mobile-open {\n    display: flex;\n  }\n  .header-drs__nav-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    top: 20px;\n    right: 20px;\n  }\n  .header-drs__nav a {\n    display: block;\n    color: var(--color-black);\n    font-size: 18px;\n    font-weight: 500;\n    padding: 20px 0;\n    border-bottom: 1px solid var(--color-light-gray);\n    border-radius: 0;\n    opacity: 1;\n    text-decoration: none;\n    text-align: left;\n  }\n  .header-drs__nav a:hover {\n    background: none;\n    color: var(--color-black);\n    opacity: 0.7;\n  }\n\n  \/* CTA button inside mobile nav *\/\n  .header-drs__nav-cta {\n    display: flex;\n    margin-top: auto;\n    padding-top: 24px;\n  }\n  .header-drs__nav-cta .btn {\n    display: flex !important;\n    width: 100%;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: var(--space-sm) !important;\n    text-align: center !important;\n    background: var(--color-black);\n    color: var(--color-white);\n    border-color: var(--color-black);\n  }\n\n  \/* Mobile nav header \u2014 logo + close (wz\u00f3r assecobs.pl) *\/\n  .header-drs__nav-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 24px;\n    margin: -80px -24px 16px;\n    border-bottom: 1px solid var(--color-light-gray);\n    flex-shrink: 0;\n  }\n  .header-drs__nav-logo {\n    height: 36px;\n    width: auto;\n  }\n\n  \/* Mobile nav \u2014 list wrapper (zawiera linki) *\/\n  .header-drs__nav-list {\n    display: flex;\n    flex-direction: column;\n    padding: 0 24px;\n    flex-grow: 1;\n  }\n\n  \/* Mobile lang switcher \u2014 globus + dropdown popup \"Select Country\/Region\" *\/\n  .header-drs__nav-lang {\n    display: flex;\n    flex-direction: column;\n    padding: 0 24px 24px;\n    flex-shrink: 0;\n    position: relative;\n  }\n  .header-drs__nav-lang-toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: transparent;\n    border: 0;\n    padding: 8px 0;\n    cursor: pointer;\n    width: fit-content;\n  }\n  .header-drs__nav-lang-toggle svg:last-child {\n    transition: transform 0.2s ease;\n  }\n  .header-drs__nav-lang.is-open .header-drs__nav-lang-toggle svg:last-child {\n    transform: rotate(180deg);\n  }\n  .header-drs__nav-lang-menu {\n    display: none;\n    flex-direction: column;\n    gap: 4px;\n    margin-top: 12px;\n    padding: 16px;\n    background: var(--color-white);\n    border: 1px solid var(--color-light-gray);\n    border-radius: var(--radius-md);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n    width: 100%;\n    max-width: 280px;\n  }\n  .header-drs__nav-lang.is-open .header-drs__nav-lang-menu {\n    display: flex;\n  }\n  .header-drs__nav-lang-menu-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--color-black);\n    margin-bottom: 8px;\n  }\n  .header-drs__nav-lang-menu-close {\n    background: transparent;\n    border: 0;\n    padding: 4px;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .header-drs__nav-lang-menu .header-drs__lang-btn {\n    padding: 8px 0;\n    font-size: 16px;\n    font-weight: 400;\n    color: var(--color-black);\n    text-decoration: none;\n    transition: color 0.2s ease;\n  }\n  .header-drs__nav-lang-menu .header-drs__lang-btn:hover {\n    color: var(--color-erp-blue);\n  }\n  .header-drs__nav-lang-menu .header-drs__lang-btn.is-active {\n    background: transparent;\n    color: var(--color-medium-gray);\n    pointer-events: none;\n  }\n\n  \/* Mobile nav: ukryj border-bottom na linkach wewn\u0105trz __nav-list oraz resetuj padding *\/\n  .header-drs__nav .header-drs__nav-list a {\n    padding: 20px 0;\n  }\n\n  \/* Process Timeline *\/\n  .timeline__item {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }\n\n  \/* Comparison Cards *\/\n  .section-comparison__grid {\n    grid-template-columns: 1fr;\n  }\n\n  \/* Cert Cards *\/\n  .section-cert-cards__grid {\n    grid-template-columns: 1fr;\n  }\n\n  \/* Global page padding *\/\n  :root {\n    --page-padding: 16px;\n  }\n\n  \/* Header DRS: hide lang, shrink CTA *\/\n  .header-drs__lang {\n    display: none;\n  }\n  .header-drs__actions .btn {\n    font-size: 13px;\n    padding: 6px 12px;\n  }\n  .header-drs__inner {\n    overflow: visible;\n  }\n\n  \/* CTA Banner Card: stack vertically *\/\n  .cta-banner-card {\n    flex-direction: column;\n    align-items: flex-start;\n    padding: var(--space-xl);\n  }\n  .cta-banner-card__actions {\n    flex-direction: column;\n    width: 100%;\n    flex-shrink: 1;\n  }\n  .cta-banner-card__actions .btn {\n    width: 100%;\n    justify-content: center;\n  }\n  .cta-banner-card__content h2 {\n    font-size: 24px;\n  }\n\n  \/* Process Timeline: contain within viewport *\/\n  .process-timeline__item:nth-child(odd),\n  .process-timeline__item:nth-child(even) {\n    padding-left: 36px;\n    padding-right: 0;\n  }\n  .process-timeline__content p {\n    max-width: 100%;\n  }\n  .process-timeline__dot {\n    left: 8px;\n  }\n  .process-timeline::before {\n    left: 8px !important;\n  }\n\n  \/* Personas benefits panel: prevent overflow + ikona po lewej, tytu\u0142 po prawej (jak na Asseco HR live) *\/\n  .section-personas__benefits-header {\n    padding: var(--space-md);\n    flex-wrap: nowrap;\n    flex-direction: row;\n    justify-content: flex-start;\n    text-align: left;\n    gap: var(--space-md);\n  }\n  .section-personas__benefits-icon {\n    width: 44px;\n    height: 44px;\n    order: -1;\n  }\n  .section-personas__benefits-title {\n    font-size: 18px;\n  }\n  .section-personas__benefits-panel {\n    max-width: 100%;\n    overflow: hidden;\n  }\n  .checklist__item {\n    flex-wrap: wrap;\n  }\n  .checklist__text {\n    max-width: 100%;\n    word-break: break-word;\n  }\n\n  \/* Persona Tabs \u2014 ukryj tabs-big, poka\u017c mobile nav (prev \/ title \/ next) *\/\n  .section-personas .tabs-big {\n    display: none;\n  }\n  .section-personas__mobile-nav {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-top: var(--space-lg);\n    padding: 4px var(--page-padding);\n  }\n  .section-personas__arrow {\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    background: var(--color-white);\n    border: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    flex-shrink: 0;\n    transition: background 0.3s ease;\n  }\n  .section-personas__arrow:hover {\n    background: var(--color-black);\n  }\n  .section-personas__arrow:hover svg path {\n    stroke: #fff;\n  }\n  .section-personas__arrow svg path {\n    transition: stroke 0.3s ease;\n  }\n  .section-personas__mobile-title {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 14px 24px;\n    min-width: 150px;\n    border-radius: var(--radius-full);\n    background: var(--color-black);\n    color: var(--color-white);\n    font-size: 14px;\n    font-weight: 400;\n    text-align: center;\n  }\n\n  \/* Testimonials: contain overflow *\/\n  .section-testimonials-v2 {\n    overflow: hidden;\n  }\n}\n\n\/* ===========================================================================\n   Form validation popups (DRS) \u2014 used with .form-input \/ .form-checkbox-wrap\n   =========================================================================== *\/\n.form-input,\n.form-checkbox-wrap {\n  position: relative;\n}\n.form-input__error {\n  display: none;\n  position: absolute;\n  top: calc(100% + 8px);\n  right: 0;\n  width: fit-content;\n  background: #FFC7C1;\n  color: #232323;\n  padding: 9px 10px 7px;\n  border-radius: 8px;\n  font-size: 10px;\n  font-weight: 400;\n  line-height: 1.4;\n  letter-spacing: normal;\n  z-index: 10;\n  pointer-events: none;\n}\n.form-input__error::before {\n  content: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='18' height='12' fill='none'%3E%3Cpath d='M7.48 1.358a2 2 0 0 1 2.79 0l6.444 6.271c1.286 1.252.4 3.434-1.395 3.434H2.431c-1.795 0-2.681-2.182-1.395-3.434L7.48 1.358Z' fill='%23FFC7C1'\/%3E%3C\/svg%3E\");\n  position: absolute;\n  top: -8px;\n  left: 16px;\n  width: 18px;\n  height: 12px;\n}\n.form-input.is-invalid > .form-input__error,\n.form-checkbox-wrap.is-invalid > .form-input__error {\n  display: block;\n}\n.form-input.is-invalid .form-input__field {\n  border-color: #FF7669;\n  border-width: 1.2px;\n}\n.form-checkbox-wrap.is-invalid .form-checkbox__box {\n  border-color: #FF7669;\n}\n\n\/* Checkbox checked state \u2014 white check on dark fill *\/\n.form-checkbox__box:checked {\n  background: var(--color-black) url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 6 5 8.5 9.5 4' stroke='%23FDFDFD' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\") center\/10px 10px no-repeat;\n  border-color: var(--color-black);\n}\n\n\/* Legal text link (used in intro + legal paragraph of contact form) *\/\n.section-contact-form__legal-link {\n  color: inherit;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  transition: color 0.2s ease;\n}\n.section-contact-form__legal-link:hover,\n.section-contact-form__legal-link:focus-visible {\n  color: var(--color-black);\n}\n.form-status{max-width:756px;margin:32px auto;padding:10px 10px 10px 40px;font-size:14px;line-height:1.44;color:#232323;background:transparent;border:2px solid transparent;border-radius:12px;position:relative;background-repeat:no-repeat;background-position:10px center;background-size:21px 21px}\n.form-status[hidden]{display:none}\n.form-status.is-success{border-color:rgb(70,180,80);background-image:url(\"data:image\/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='9' stroke='%2346B450' stroke-width='2'\/%3E%3Cpath d='M6 10.7l3.2 3.2 6-6' stroke='%2346B450' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\")}\n.form-status.is-error{border-color:rgb(220,50,50);background-image:url(\"data:image\/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='10.5' cy='10.5' r='9' stroke='%23DC3232' stroke-width='2'\/%3E%3Cpath d='M10.5 6v5M10.5 14.5v.5' stroke='%23DC3232' stroke-width='2' stroke-linecap='round'\/%3E%3C\/svg%3E\")}\n.form-status.is-sending{border-color:rgb(0,160,210);padding-left:16px;background-image:none}\n.quiz__form .form-status{color:#FDFDFD!important}\n.quiz__form .form-status.is-error{border-color:#FF7669}\n.quiz__form .form-status.is-sending{border-color:#3FA2EB}\n\n\n    \/* ============================================================\n       BRAND GRADIENT OVERRIDE (page-local)\n       Nowa paleta: #F16B5E -> #D529E0 -> #3F5BEB\n       Nadpisuje --gradient-brand z styles.css TYLKO dla tej strony.\n       SVG #scope-gradient (poni\u017cej w <body>) jest zaktualizowany r\u0119cznie.\n       ============================================================ *\/\n    :root {\n      --gradient-brand: linear-gradient(107deg, #F16B5E 0%, #D529E0 50%, #3F5BEB 100%);\n      --brand-purple: #D529E0;\n      --brand-purple-dark: #9a14a6;\n    }\n\n    .arrow-icon { width: 16px; height: 16px; flex-shrink: 0; }\n    .container { max-width: var(--max-width); margin: 0 auto; padding: 0 var(--page-padding); }\n\n    \/* Hero \u2014 prosta wersja: pe\u0142na wysoko\u015b\u0107 ekranu, content u g\u00f3ry *\/\n    .hero-subpage { min-height: 100vh !important; min-height: 100dvh !important; padding-top: var(--space-xl) !important; padding-bottom: 30px !important; align-items: flex-start !important; }\n    .hero-subpage__content { margin-bottom: 0 !important; }\n\n    \/* ============================================================\n       Sekcje page-specific (TL;DR, Direct Answer, HA\/DR, Benefits,\n       Banner, Offer Scope, Product Lines, Answer-First, Award stub)\n       Skopiowane 1:1 z komponent\u00f3w DS (61, 62, 64, 67, 68, 63, 69, 70).\n       ============================================================ *\/\n\n    \/* TL;DR (61) *\/\n    .section-tldr { background: var(--color-gray); padding: var(--space-4xl) 0; }\n    .section-tldr__header { max-width: 800px; margin: 0 auto var(--space-2xl); text-align: center; padding: 0 var(--page-padding); }\n    .section-tldr__header h2 { font-size: clamp(28px, 3.5vw, 38px); font-weight: 600; line-height: 1.2; margin: 0; }\n    \/* TL;DR \u2014 dwa osobne kafelki: lewy z bulletami, prawy ze zdj\u0119ciem (tej samej wysoko\u015bci) *\/\n    .tldr-grid { max-width: var(--max-width); margin: 0 auto; display: grid; grid-template-columns: 1.35fr 1fr; gap: var(--space-lg); align-items: stretch; }\n    .tldr-card { background: var(--color-white); border-radius: var(--radius-lg); padding: var(--space-2xl) var(--space-3xl); }\n    .tldr-card.tldr-card--image { padding: 0; overflow: hidden; display: flex; }\n    .tldr-card--image img { width: 100%; height: 100%; object-fit: cover; display: block; }\n    .tldr-card .checklist { display: grid; grid-template-columns: 1fr; gap: var(--space-md); }\n    .tldr-card .checklist__item { align-items: flex-start; }\n    .tldr-card .checklist__text { font-size: 15px; line-height: 1.5; color: var(--color-black); }\n    .tldr-card .checklist__text strong { font-weight: 600; color: var(--color-black); }\n    .meta-updated { max-width: var(--max-width); margin: var(--space-lg) auto 0; padding: 0 var(--page-padding); font-size: 13px; color: var(--color-dark-gray); display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); flex-wrap: wrap; }\n    .meta-updated__author { display: inline-flex; align-items: center; gap: 8px; }\n    .meta-updated__author svg { flex-shrink: 0; }\n    .meta-updated time { font-weight: 500; color: var(--color-black); }\n    @media (max-width: 900px) { .tldr-grid { grid-template-columns: 1fr; gap: var(--space-md); } .tldr-card { padding: var(--space-xl); } .tldr-card .checklist { gap: var(--space-sm); } .tldr-card--image { order: -1; max-height: 320px; } }\n\n    \/* Direct Answer (62) *\/\n    .section-direct-answer { background: var(--color-white); padding: var(--space-4xl) 0; }\n    .direct-answer-card { max-width: var(--max-width); margin: 0 auto; background: var(--color-gray); border-radius: var(--radius-lg); padding: var(--space-3xl); display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--space-2xl); align-items: start; }\n    .direct-answer-card__label { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--color-dark-gray); margin-bottom: var(--space-md); }\n    .direct-answer-card__question { font-size: clamp(24px, 3vw, 32px); font-weight: 600; line-height: 1.2; color: var(--color-black); margin: 0 0 var(--space-lg); text-wrap: balance; }\n    .direct-answer-card__body { font-size: 17px; line-height: 1.6; color: var(--color-dark-gray); margin: 0 0 var(--space-lg); }\n    .direct-answer-card__list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-sm) var(--space-lg); }\n    .direct-answer-card__list li { display: flex; align-items: flex-start; gap: var(--space-sm); font-size: 15px; line-height: 1.45; color: var(--color-black); }\n    .direct-answer-card__list svg { flex-shrink: 0; margin-top: 3px; }\n    @media (max-width: 900px) { .direct-answer-card { grid-template-columns: 1fr; padding: var(--space-2xl); } .direct-answer-card__list { grid-template-columns: 1fr; } }\n\n    \/* HA\/DR Split (67) *\/\n    .section-ha-dr { background: var(--color-gray); padding: var(--space-4xl) 0; }\n    .section-ha-dr__header { max-width: 800px; margin: 0 auto var(--space-3xl); text-align: center; padding: 0 var(--page-padding); }\n    .section-ha-dr__header h2 { font-size: clamp(32px, 4vw, 42px); font-weight: 600; line-height: 1.15; margin: 0 0 var(--space-md); }\n    .section-ha-dr__header p { font-size: 16px; line-height: 1.6; color: var(--color-dark-gray); margin: 0; }\n    .ha-dr-grid { max-width: var(--max-width); margin: 0 auto; padding: 0 var(--page-padding); display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto 1fr auto; gap: var(--space-lg); }\n    .ha-dr-tile { background: var(--color-white); border-radius: var(--radius-lg); padding: var(--space-2xl); display: grid; grid-template-rows: subgrid; grid-row: span 5; row-gap: 0; }\n    .ha-dr-tile--negative { background: #FFF5F4; }\n    .ha-dr-tile__icon { width: 56px; height: 56px; border-radius: var(--radius-sm); background: rgba(0,0,0,.04); display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-lg); }\n    .ha-dr-tile--negative .ha-dr-tile__icon { background: rgba(215,14,68,.08); }\n    .ha-dr-tile__icon svg { width: 28px; height: 28px; stroke: url(#scope-gradient); fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }\n    .ha-dr-tile--negative .ha-dr-tile__icon svg { stroke: #d70e44; }\n    .ha-dr-tile__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0 0 var(--space-md); }\n    .ha-dr-tile__body { font-size: 16px; line-height: 1.6; color: var(--color-dark-gray); margin: 0 0 var(--space-lg); }\n    .ha-dr-tile__list { list-style: none; padding: 0; margin: 0 0 var(--space-lg); display: flex; flex-direction: column; gap: 10px; }\n    .ha-dr-tile__list li { font-size: 14px; line-height: 1.5; color: var(--color-black); padding-left: 22px; position: relative; }\n    .ha-dr-tile__list li::before { content: '\u2713'; position: absolute; left: 0; top: 0; color: #00C2B6; font-weight: 700; }\n    .ha-dr-tile--negative .ha-dr-tile__list li::before { content: '\u2715'; color: #d70e44; }\n    .ha-dr-tile__chips { display: flex; flex-wrap: wrap; gap: 6px; align-self: start; }\n    .ha-dr-tile__chip { display: inline-block; padding: 6px 12px; font-size: 13px; font-weight: 500; color: var(--color-black); background: var(--color-gray); border: 1px solid var(--color-light-gray); border-radius: var(--radius-full); }\n    @media (max-width: 768px) { .ha-dr-grid { grid-template-columns: 1fr; grid-template-rows: none; } .ha-dr-tile { display: flex; flex-direction: column; grid-row: auto; } .ha-dr-tile__chips { margin-top: auto; align-self: stretch; } }\n\n    \/* Benefits Grid (64) *\/\n    .section-benefits { background: var(--color-white); padding: var(--space-4xl) 0; }\n    .section-benefits__header { max-width: 800px; margin: 0 auto var(--space-3xl); text-align: center; padding: 0 var(--page-padding); }\n    .section-benefits__header h2 { font-size: clamp(32px, 4vw, 42px); font-weight: 600; line-height: 1.15; margin: 0 0 var(--space-md); }\n    .section-benefits__header p { font-size: 16px; line-height: 1.6; color: var(--color-dark-gray); margin: 0; }\n    .benefits-grid { max-width: var(--max-width); margin: 0 auto; padding: 0 var(--page-padding); display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-lg); }\n    .benefits-grid--2 { grid-template-columns: repeat(2, 1fr); max-width: 900px; }\n    .benefits-grid--2x2 { grid-template-columns: repeat(2, 1fr); max-width: 1000px; }\n    .benefit-card { background: var(--color-gray); border-radius: var(--radius-lg); padding: var(--space-2xl); }\n    .benefit-card__icon { width: 56px; height: 56px; border-radius: var(--radius-sm); background: #ffffff; display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-lg); }\n    .benefit-card__icon svg { width: 28px; height: 28px; stroke: url(#scope-gradient); fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }\n    .benefit-card__title { font-size: 20px; font-weight: 600; line-height: 1.3; margin: 0 0 var(--space-sm); color: var(--color-black); }\n    .benefit-card__desc { font-size: 15px; line-height: 1.55; color: var(--color-dark-gray); margin: 0; }\n    @media (max-width: 1100px) { .benefits-grid { grid-template-columns: repeat(2, 1fr); } }\n    @media (max-width: 600px) { .benefits-grid, .benefits-grid--2, .benefits-grid--2x2 { grid-template-columns: 1fr; } }\n\n    \/* Banner DRS (68) \u2014 bia\u0142e t\u0142o zgodne z s\u0105siadami + zmniejszony padding *\/\n    .section-banner-drs { background: var(--color-white); padding: var(--space-xl) 0; }\n    .banner-drs { max-width: var(--max-width); margin: 0 auto; position: relative; overflow: hidden; background:\n        radial-gradient(circle at 88% -12%, rgba(241,107,94,.55), transparent 38%),\n        radial-gradient(circle at 50% 110%, rgba(213,41,224,.45), transparent 42%),\n        radial-gradient(circle at 8% 50%, rgba(63,91,235,.50), transparent 36%),\n        linear-gradient(135deg, #090909 0%, #1a1a1a 50%, #090909 100%);\n      border-radius: var(--radius-lg); padding: var(--space-3xl); display: grid; grid-template-columns: 1.2fr .8fr; gap: var(--space-2xl); align-items: center; }\n    \/* Dodatkowe akcentowe k\u00f3\u0142ka \u2014 wzmacniaj\u0105 charakter brand gradientu *\/\n    .banner-drs::before { content: ''; position: absolute; top: -25%; right: -8%; width: 380px; height: 380px; border-radius: 50%; background: radial-gradient(circle, rgba(241,107,94,.45), transparent 65%); pointer-events: none; filter: blur(20px); }\n    .banner-drs::after { content: ''; position: absolute; bottom: -30%; left: 35%; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(213,41,224,.40), transparent 65%); pointer-events: none; filter: blur(18px); }\n    .banner-drs__content { position: relative; z-index: 1; }\n    .banner-drs__label { display: inline-block; padding: 6px 14px; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--color-white); border: 1px solid rgba(255,255,255,.2); border-radius: var(--radius-full); margin-bottom: var(--space-lg); }\n    .banner-drs__title { font-size: clamp(28px, 3.5vw, 40px); font-weight: 600; line-height: 1.2; color: var(--color-white); margin: 0 0 var(--space-md); }\n    .banner-drs__desc { font-size: 16px; line-height: 1.6; color: var(--color-medium-gray); margin: 0 0 var(--space-xl); max-width: 580px; }\n    .banner-drs__stat { position: relative; z-index: 1; text-align: center; }\n    .banner-drs__stat-value { font-size: clamp(56px, 8vw, 96px); font-weight: 600; line-height: 1; margin: 0; background: var(--gradient-brand); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n    .banner-drs__stat-label { font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--color-medium-gray); margin-top: var(--space-sm); }\n    @media (max-width: 900px) { .banner-drs { grid-template-columns: 1fr; padding: var(--space-2xl); } .banner-drs__stat { order: -1; } }\n\n    \/* Offer Scope (63) *\/\n    .section-offer-scope { background: var(--color-dark-black); padding: var(--space-4xl) 0; color: var(--color-white); }\n    .section-offer-scope__header { max-width: 800px; margin: 0 auto var(--space-3xl); text-align: center; padding: 0 var(--page-padding); }\n    .section-offer-scope__header h2 { font-size: clamp(32px, 4vw, 48px); font-weight: 600; line-height: 1.15; margin: 0 0 var(--space-md); color: var(--color-white); }\n    .section-offer-scope__header p { font-size: 17px; line-height: 1.6; color: var(--color-medium-gray); margin: 0; }\n    .offer-scope-grid { max-width: var(--max-width); margin: 0 auto; padding: 0 var(--page-padding); display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md); }\n    .offer-scope-card { background: rgba(255,255,255,.04); border-radius: var(--radius-lg); padding: var(--space-xl); transition: transform .3s ease, background .3s ease; }\n    .offer-scope-card:hover { transform: translateY(-4px); background: rgba(255,255,255,.07); }\n    .offer-scope-card__badge { display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--color-medium-gray); margin-bottom: var(--space-md); }\n    .offer-scope-card__icon { width: 48px; height: 48px; border-radius: var(--radius-sm); background: rgba(255,255,255,.06); display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-lg); }\n    .offer-scope-card__icon svg { width: 24px; height: 24px; stroke: url(#scope-gradient); fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }\n    .offer-scope-card__title { font-size: 18px; font-weight: 600; line-height: 1.3; color: var(--color-white); margin: 0 0 var(--space-sm); }\n    .offer-scope-card__desc { font-size: 14px; line-height: 1.55; color: var(--color-medium-gray); margin: 0; }\n    @media (max-width: 1024px) { .offer-scope-grid { grid-template-columns: 1fr; } }\n\n    \/* Product Lines (69) \u2014 used for \"Why Asseco\" *\/\n    .section-product-lines { background: var(--color-gray); padding: var(--space-4xl) 0; }\n    .section-product-lines__header { max-width: 760px; margin: 0 auto var(--space-3xl); text-align: center; padding: 0 var(--page-padding); }\n    .section-product-lines__header h2 { font-size: clamp(32px, 4vw, 42px); font-weight: 600; line-height: 1.15; margin: 0 0 var(--space-md); color: var(--color-black); }\n    .section-product-lines__header p { font-size: 16px; line-height: 1.6; color: var(--color-dark-gray); margin: 0; }\n    .product-lines-grid { max-width: var(--max-width); margin: 0 auto; padding: 0 var(--page-padding); display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }\n    .product-line-card { background: var(--color-white); border-radius: var(--radius-lg); padding: var(--space-xl); }\n    .product-line-card__badge { display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--color-dark-gray); margin-bottom: var(--space-md); }\n    .product-line-card__title { font-size: 22px; font-weight: 600; line-height: 1.25; color: var(--color-black); margin: 0 0 var(--space-md); }\n    .product-line-card__intro { font-size: 14px; line-height: 1.55; color: var(--color-dark-gray); margin: 0 0 var(--space-md); }\n    .product-line-card__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }\n    .product-line-card__list li { font-size: 14px; line-height: 1.45; color: var(--color-black); padding-left: 16px; position: relative; }\n    .product-line-card__list li::before { content: ''; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--gradient-brand); }\n    @media (max-width: 900px) { .product-lines-grid { grid-template-columns: 1fr; } }\n\n    \/* Answer-First Callout (70) *\/\n    .answer-first { max-width: 900px; margin: 0 auto var(--space-2xl); padding: var(--space-xl); background: var(--color-white); border-radius: var(--radius-lg); display: grid; grid-template-columns: auto 1fr; gap: var(--space-lg); align-items: start; }\n    .answer-first__icon { width: 48px; height: 48px; border-radius: var(--radius-sm); background: rgba(0,0,0,.04); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n    .answer-first__icon svg { width: 24px; height: 24px; stroke: url(#scope-gradient); fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }\n    .answer-first__body p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--color-black); }\n    .answer-first strong { font-weight: 600; }\n    .answer-first--on-dark { background: rgba(255,255,255,.04); }\n    .answer-first--on-dark .answer-first__icon { background: rgba(255,255,255,.06); }\n    .answer-first--on-dark .answer-first__body p { color: var(--color-light-gray); }\n    .answer-first--on-dark strong { color: var(--color-white); }\n    @media (max-width: 560px) { .answer-first { grid-template-columns: 1fr; padding: var(--space-lg); } }\n\n    \/* Industry Recognition (custom grid: Gartner \/ POI \/ ISO) *\/\n    .section-recognition { background: var(--color-white); padding: var(--space-4xl) 0; }\n    .section-recognition__header { max-width: 800px; margin: 0 auto var(--space-3xl); text-align: center; padding: 0 var(--page-padding); }\n    .section-recognition__header h2 { font-size: clamp(32px, 4vw, 42px); font-weight: 600; line-height: 1.15; margin: 0 0 var(--space-md); }\n    .section-recognition__header p { font-size: 16px; line-height: 1.6; color: var(--color-dark-gray); margin: 0; }\n    .recognition-grid { max-width: var(--max-width); margin: 0 auto; padding: 0 var(--page-padding); display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }\n    .recognition-card { background: var(--color-gray); border-radius: var(--radius-lg); padding: var(--space-2xl); display: flex; flex-direction: column; gap: var(--space-md); }\n    .recognition-card__logo { height: 60px; display: flex; align-items: center; }\n    .recognition-card__logo img { max-height: 60px; max-width: 180px; object-fit: contain; }\n    .recognition-card__title { font-size: 22px; font-weight: 600; line-height: 1.2; color: var(--color-black); margin: 0; }\n    .recognition-card__meta { font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--color-dark-gray); }\n    .recognition-card__desc { font-size: 15px; line-height: 1.55; color: var(--color-dark-gray); margin: 0; }\n    @media (max-width: 900px) { .recognition-grid { grid-template-columns: 1fr; } }\n\n    \/* Logo bar trust strip (22) \u2014 override grid for FMCG brand row\n       - mix-blend-mode: multiply + grayscale = jednolity szary BEZ\n         zamieniania bia\u0142ego t\u0142a PNG (Henkel) w czarny prostok\u0105t\n       - container height + img max-height = wyr\u00f3wnana waga wizualna *\/\n    .logo-bar--trust { padding: var(--space-3xl) 0; }\n    .logo-bar--trust .logo-bar__grid {\n      \/* styles.css ukrywa .logo-bar__grid na <= ~900px (pokazuje slider).\n         Wymuszamy grid tak\u017ce na mobile + chowamy slider variant. *\/\n      display: grid !important;\n      grid-template-columns: repeat(5, 1fr);\n      align-items: center;\n      gap: var(--space-xl);\n    }\n    .logo-bar--trust .logo-bar__slider,\n    .logo-bar--trust .logo-bar__dots { display: none !important; }\n    @media (max-width: 700px) {\n      .logo-bar--trust .logo-bar__grid { grid-template-columns: repeat(3, 1fr); }\n    }\n    .logo-bar--trust .logo-bar__item {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 60px;\n      padding: 0 var(--space-sm);\n      \/* Wy\u0142\u0105cz stagger fade-in \u2014 tworzy stacking context (opacity\/transform)\n         kt\u00f3ry \u0142amie mix-blend-mode: multiply na <img> w \u015brodku.\n         Bez tego nadpisu logo znikaj\u0105 zanim IntersectionObserver odpali. *\/\n      opacity: 1 !important;\n      transform: none !important;\n    }\n    .logo-bar--trust .logo-bar__item img {\n      max-height: 44px;\n      max-width: 100%;\n      width: auto;\n      height: auto;\n      object-fit: contain;\n      \/* grayscale + opacity = jednolicie szare logotypy.\n         UWAGA: mix-blend-mode: multiply (kt\u00f3re wyeliminowa\u0142oby bia\u0142e t\u0142o\n         PNG Henkel) NIE dzia\u0142a, bo ancestor .logo-bar \/ .logo-bar__grid\n         maj\u0105 data-anim \/ data-stagger kt\u00f3re tworz\u0105 stacking context.\n         Trade-off: Henkel PNG ma bia\u0142e t\u0142o \u2014 b\u0119dzie ja\u015bniejszym prostok\u0105tem\n         na szarym tle sekcji. Do trwa\u0142ego rozwi\u0105zania potrzebny SVG\/transparent PNG. *\/\n      filter: grayscale(1);\n      opacity: 0.55;\n      transition: opacity .2s ease;\n    }\n    .logo-bar--trust .logo-bar__item img:hover { opacity: 0.9; }\n    \/* Henkel ma square-ish aspect ratio (mniejszy wizualnie ni\u017c wide wordmarki).\n       Powi\u0119kszamy o 50% via transform \u2014 nie zaburza grid layoutu. *\/\n    .logo-bar--trust .logo-bar__item img[alt=\"Henkel\"] { transform: scale(1.5); transform-origin: center; }\n    @media (max-width: 900px) {\n      .logo-bar--trust .logo-bar__grid { grid-template-columns: repeat(5, 1fr); gap: var(--space-md); }\n    }\n\n    \/* ============================================================\n       INFOGRAPHIC: RECEIPT 3-STAGE DETECTION (fiscal paragon mockup)\n       Odpowiednik 3-stopniowej wizualizacji paragonu z orygina\u0142u\n       (Receipt arrives \u2192 SKUs detected \u2192 Promotion match identified)\n       ============================================================ *\/\n    .section-receipt-flow { background: var(--color-white); padding: var(--space-4xl) 0; }\n    .section-receipt-flow__header { max-width: 800px; margin: 0 auto var(--space-3xl); text-align: center; padding: 0 var(--page-padding); }\n    .section-receipt-flow__header h2 { font-size: clamp(28px, 3.5vw, 38px); font-weight: 600; line-height: 1.2; margin: 0 0 var(--space-md); }\n    .section-receipt-flow__header p { font-size: 16px; line-height: 1.6; color: var(--color-dark-gray); margin: 0; }\n    .receipt-stages { max-width: 1050px; margin: 0 auto; padding: 0 var(--page-padding); display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--space-xl); align-items: stretch; }\n    .receipt-stage { display: flex; flex-direction: column; gap: var(--space-md); }\n    .receipt-stage__step { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--color-black); }\n    .receipt-stage__step-num { width: 24px; height: 24px; border-radius: 50%; background: var(--gradient-brand); color: var(--color-white); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; flex-shrink: 0; }\n    .receipt { background: #F1F0ED; border-radius: 4px; padding: var(--space-md) var(--space-lg); font-family: 'Courier New', Courier, monospace; font-size: 12.5px; line-height: 1.5; color: var(--color-black); flex: 1; position: relative; box-shadow: 0 8px 24px -12px rgba(0,0,0,.15); }\n    \/* Postrz\u0119pione kraw\u0119dzie g\u00f3ra\/d\u00f3\u0142 jak na prawdziwym paragonie *\/\n    .receipt::before, .receipt::after { content: ''; position: absolute; left: 0; right: 0; height: 8px; background-image: linear-gradient(135deg, transparent 40%, #F1F0ED 40%, #F1F0ED 60%, transparent 60%), linear-gradient(45deg, transparent 40%, #F1F0ED 40%, #F1F0ED 60%, transparent 60%); background-size: 12px 8px; background-repeat: repeat-x; background-position: 0 0; }\n    .receipt::before { top: -6px; }\n    .receipt::after { bottom: -6px; transform: scaleY(-1); }\n    .receipt__header { text-align: center; font-weight: 700; font-size: 12px; letter-spacing: .04em; }\n    .receipt__meta { text-align: center; font-size: 10.5px; color: var(--color-dark-gray); margin: 4px 0 0; letter-spacing: .04em; }\n    .receipt__divider { border-top: 1px dashed var(--color-medium-gray); margin: 8px 0; }\n    .receipt__items { list-style: none; padding: 0; margin: 0; }\n    .receipt__item { display: flex; justify-content: space-between; gap: 8px; padding: 2px 0; }\n    .receipt__item--highlight { background: linear-gradient(90deg, rgba(241,107,94,.18), rgba(213,41,224,.14)); margin: 1px -6px; padding: 2px 6px; border-radius: 3px; font-weight: 700; }\n    \/* Stage 3: silniejsze wyr\u00f3\u017cnienie konkretnego SKU, kt\u00f3ry dopasowa\u0142 si\u0119 do promocji *\/\n    .receipt__item--match { position: relative; background: var(--gradient-brand); color: var(--color-white); margin: 1px -6px; padding: 2px 6px 2px 22px; border-radius: 3px; font-weight: 700; box-shadow: 0 4px 12px -4px rgba(213,41,224,.45); }\n    .receipt__item--match::before { content: '\u25b6'; position: absolute; left: 6px; top: 50%; transform: translateY(-50%); font-size: 9px; color: var(--color-white); }\n    .receipt__total { display: flex; justify-content: space-between; font-weight: 700; padding-top: 2px; }\n    .receipt__flag-badge { margin-top: var(--space-md); padding: 8px 10px; background: var(--gradient-brand); color: var(--color-white); border-radius: 4px; font-family: 'PP Mori', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; text-align: center; }\n    @media (max-width: 900px) {\n      .receipt-stages { grid-template-columns: 1fr; gap: var(--space-2xl); }\n    }\n\n    \/* ============================================================\n       INFOGRAPHIC: DATA ACQUISITION FLOW (LIGHT theme, clean)\n       - bez r\u00f3\u017cowych lewych ramek \/ glow shadows\n       - badges neutralne (bia\u0142e na szarym rowie)\n       - output row jako kontrast: bia\u0142e t\u0142o + badge w gradient brand\n       - linia procesu na \u015brodku k\u00f3\u0142ek + brand gradient zamiast pink\n       ============================================================ *\/\n    \/* Compressed vertical rhythm \u2014 less whitespace between rows and inside cards *\/\n    \/* Balanced internal spacing \u2014 middle ground mi\u0119dzy \"rozsztrzelone\" a \"za ciasne\" *\/\n    .infographic-flow { max-width: 1050px; margin: var(--space-lg) auto 0; background: var(--color-white); border-radius: var(--radius-lg); padding: 24px; display: flex; flex-direction: column; gap: 8px; box-shadow: 0 24px 60px -30px rgba(0,0,0,.18); }\n    .infographic-flow__row { position: relative; background: var(--color-gray); border-radius: var(--radius-md); padding: 14px 20px; }\n    .infographic-flow__row--row { display: grid; grid-template-columns: minmax(280px, 1fr) auto; gap: var(--space-md); align-items: center; }\n    .infographic-flow__row--output { background: rgba(213, 41, 224, 0.04); position: relative; overflow: hidden; padding: 14px 20px 16px; }\n    .infographic-flow__row--output::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--gradient-brand); }\n    .infographic-flow__row--output .infographic-flow__badge { background: var(--gradient-brand); color: var(--color-white); border: 0; }\n    .infographic-flow__row--output .infographic-flow__title { color: var(--color-black); }\n    .infographic-flow__badge { display: inline-flex; align-items: center; justify-content: center; padding: 4px 9px; font-size: 7px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; line-height: 1; background: var(--color-black); color: var(--color-white); border: 0; border-radius: var(--radius-full); margin-bottom: 5px; white-space: nowrap; }\n    .infographic-flow__title { font-size: 17px; font-weight: 600; color: var(--color-black); margin: 0; line-height: 1.2; }\n    .infographic-flow__row > .infographic-flow__title:not(:last-child) { margin-bottom: 12px; }\n    .infographic-flow__chips { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }\n    .infographic-flow__chip { display: inline-block; padding: 6px 14px; font-size: 13px; font-weight: 500; color: var(--color-black); background: var(--color-white); border: 1px solid var(--color-light-gray); border-radius: var(--radius-sm); }\n    .infographic-flow__chip--sm { padding: 4px 11px; font-size: 11px; font-weight: 600; letter-spacing: .04em; border-radius: var(--radius-full); }\n    .infographic-flow__arrow { display: flex; justify-content: center; padding: 0; margin: -2px 0; }\n    .infographic-flow__arrow svg { width: 18px; height: 18px; color: var(--color-medium-gray); }\n    .infographic-flow__steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-md); align-items: start; position: relative; padding: 4px var(--space-md) 2px; }\n    \/* Linia procesu na \u015brodku k\u00f3\u0142ek: top = paddingTop (4px) + circle radius (15px) = 19px *\/\n    .infographic-flow__steps::before { content: ''; position: absolute; top: 19px; left: 12.5%; right: 12.5%; height: 2px; background: var(--gradient-brand); opacity: .35; z-index: 0; border-radius: 999px; }\n    .infographic-flow__step { text-align: center; position: relative; z-index: 1; }\n    .infographic-flow__step-num { width: 30px; height: 30px; border-radius: 50%; background: var(--gradient-brand); box-shadow: 0 0 0 4px var(--color-gray); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; color: var(--color-white); margin-bottom: 6px; }\n    .infographic-flow__step-title { font-size: 14px; font-weight: 600; color: var(--color-black); margin: 0; line-height: 1.2; }\n    .infographic-flow__step-meta { font-size: 11px; color: var(--color-dark-gray); margin-top: 1px; }\n    .infographic-flow__output-desc { margin: 0; font-size: 13px; color: var(--color-dark-gray); line-height: 1.45; }\n    @media (max-width: 820px) {\n      .infographic-flow__row--row { grid-template-columns: 1fr; }\n      .infographic-flow__chips { justify-content: flex-start; }\n      .infographic-flow__steps { grid-template-columns: 1fr 1fr; gap: var(--space-md); }\n      .infographic-flow__steps::before { display: none; }\n    }\n\n    \/* ============================================================\n       INFOGRAPHIC: SETTLEMENT REPORT DASHBOARD (light card)\n       KPI strip + bar chart (mechanic breakdown) + sample promo table.\n       ============================================================ *\/\n    .section-dashboard { background: var(--color-white); padding: var(--space-4xl) 0; }\n    .section-dashboard__header { max-width: 800px; margin: 0 auto var(--space-2xl); text-align: center; padding: 0 var(--page-padding); }\n    .section-dashboard__header h2 { font-size: clamp(28px, 3.5vw, 38px); font-weight: 600; line-height: 1.2; margin: 0 0 var(--space-md); }\n    .section-dashboard__header p { font-size: 16px; line-height: 1.6; color: var(--color-dark-gray); margin: 0; }\n    .infographic-dashboard { max-width: 1050px; margin: 0 auto; background: var(--color-white); border-radius: var(--radius-lg); padding: var(--space-2xl); box-shadow: 0 24px 60px -30px rgba(0,0,0,.25); }\n    .infographic-dashboard__header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--space-xl); padding-bottom: var(--space-md); border-bottom: 1px solid var(--color-light-gray); flex-wrap: wrap; gap: var(--space-sm); }\n    .infographic-dashboard__title { font-size: 16px; font-weight: 600; color: var(--color-black); margin: 0; display: flex; align-items: center; gap: 8px; }\n    .infographic-dashboard__title::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--gradient-brand); }\n    .infographic-dashboard__period { font-size: 12px; font-weight: 600; color: var(--color-dark-gray); letter-spacing: .08em; text-transform: uppercase; }\n    .dashboard-kpis { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-sm); margin-bottom: var(--space-2xl); }\n    .dashboard-kpi { padding: var(--space-md); background: var(--color-gray); border-radius: var(--radius-md); text-align: center; }\n    .dashboard-kpi__value { font-size: clamp(20px, 2.5vw, 28px); font-weight: 600; background: var(--gradient-brand); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; }\n    .dashboard-kpi__label { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--color-dark-gray); margin-top: 8px; line-height: 1.3; }\n    .dashboard-mid { display: grid; grid-template-columns: 1fr 1.3fr; gap: var(--space-2xl); margin-bottom: var(--space-lg); }\n    .dashboard-block__title { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--color-dark-gray); margin: 0 0 var(--space-md); }\n    .dashboard-bar { display: grid; grid-template-columns: 90px 1fr 38px; gap: var(--space-sm); align-items: center; margin-bottom: 10px; font-size: 13px; }\n    .dashboard-bar__label { color: var(--color-black); font-weight: 500; }\n    .dashboard-bar__track { height: 8px; background: var(--color-gray); border-radius: var(--radius-full); overflow: hidden; }\n    .dashboard-bar__fill { height: 100%; background: var(--gradient-brand); border-radius: var(--radius-full); }\n    .dashboard-table { width: 100%; border-collapse: collapse; font-size: 13px; }\n    .dashboard-table th, .dashboard-table td { padding: 9px 12px; text-align: left; border-bottom: 1px solid var(--color-light-gray); }\n    .dashboard-table th { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--color-dark-gray); font-weight: 600; }\n    .dashboard-table td { color: var(--color-black); }\n    .dashboard-table td.num { text-align: right; font-weight: 600; }\n    .dashboard-table tr.dashboard-table__more td { text-align: center; color: var(--color-dark-gray); font-style: italic; font-weight: 500; border-bottom: 0; }\n    .dashboard-chip { display: inline-block; padding: 2px 8px; font-size: 10px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; background: var(--color-gray); border-radius: var(--radius-full); color: var(--color-dark-gray); }\n    .dashboard-foot { display: flex; justify-content: space-between; align-items: center; padding-top: var(--space-md); border-top: 1px solid var(--color-light-gray); font-size: 13px; flex-wrap: wrap; gap: var(--space-sm); }\n    .dashboard-foot__label { font-size: 12px; font-weight: 600; letter-spacing: .04em; color: var(--color-dark-gray); }\n    .dashboard-foot__formats { display: flex; gap: 8px; }\n    .dashboard-foot__formats span { padding: 4px 10px; border: 1px solid var(--color-light-gray); border-radius: var(--radius-full); font-size: 11px; font-weight: 600; color: var(--color-black); }\n    @media (max-width: 900px) {\n      .dashboard-kpis { grid-template-columns: repeat(2, 1fr); }\n      .dashboard-mid { grid-template-columns: 1fr; }\n      .dashboard-bar { grid-template-columns: 80px 1fr 36px; font-size: 12px; }\n    }\n\n    \/* ============================================================\n       INFOGRAPHIC: SHARE OF CATEGORY (compact dark table)\n       Lives inside the Bonus Layer (Offer Scope) section.\n       ============================================================ *\/\n    .share-of-category { max-width: 900px; margin: var(--space-3xl) auto 0; background: rgba(255,255,255,.03); border-radius: var(--radius-lg); padding: var(--space-2xl); }\n    .share-of-category__header { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--space-md); padding-bottom: var(--space-sm); border-bottom: 1px solid rgba(255,255,255,.08); flex-wrap: wrap; gap: var(--space-sm); }\n    .share-of-category__title { font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #f0a8f6; margin: 0; }\n    .share-of-category__period { font-size: 12px; font-weight: 600; color: var(--color-medium-gray); letter-spacing: .08em; text-transform: uppercase; }\n    .share-table { width: 100%; border-collapse: collapse; font-size: 14px; }\n    .share-table th, .share-table td { padding: 12px 10px; text-align: left; border-bottom: 1px solid rgba(255,255,255,.06); color: var(--color-white); }\n    .share-table th { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--color-medium-gray); font-weight: 600; }\n    .share-table td.num { text-align: right; font-variant-numeric: tabular-nums; }\n    .share-table td.share { text-align: right; font-weight: 600; background: var(--gradient-brand); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n    .share-table tr:last-child td { border-bottom: 0; }\n    @media (max-width: 600px) { .share-table th, .share-table td { padding: 10px 6px; font-size: 12px; } }\n\n    \/* Section-process flush-top \u2014 bez border-radius u g\u00f3ry \u017ceby zlewa\u0142o si\u0119 z poprzedni\u0105 ciemn\u0105 sekcj\u0105 *\/\n    .section-process.section-process--flush-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }\n\n    \/* Implementation timeline \u2014 gradient brand line z fade + kropki jak w How It Works *\/\n    .section-process .process-timeline::before {\n      background: linear-gradient(180deg, #F16B5E 0%, #D529E0 50%, #3F5BEB 100%) !important;\n      border-radius: 2px;\n      -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);\n              mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);\n    }\n    .section-process .process-timeline__dot {\n      width: 24px !important;\n      height: 24px !important;\n      top: 2px !important;\n      box-shadow: 0 0 0 6px var(--color-dark-black), 0 0 0 8px rgba(255,255,255,.06) !important;\n    }\n    .section-process .process-timeline__item:hover .process-timeline__dot {\n      box-shadow: 0 0 0 6px var(--color-dark-black), 0 0 0 10px rgba(255,255,255,.12) !important;\n    }\n\n    \/* Process timeline \u2014 mobile\/responsywne: wszystko wyr\u00f3wnane do lewej, kropki na lewej osi *\/\n    @media (max-width: 900px) {\n      .process-timeline { padding-left: 0 !important; padding-right: 0 !important; }\n      .process-timeline::before { left: 8px !important; right: auto !important; transform: none !important; }\n      .process-timeline__item { display: block !important; width: 100% !important; padding: 0 0 var(--space-xl) 36px !important; margin: 0 !important; text-align: left !important; }\n      .process-timeline__item:nth-child(even),\n      .process-timeline__item:nth-child(odd) { padding-left: 36px !important; padding-right: 0 !important; text-align: left !important; }\n      .process-timeline__dot { left: 0 !important; right: auto !important; top: 8px !important; transform: translateX(0) !important; }\n      .process-timeline__content { text-align: left !important; padding: 0 !important; max-width: 100% !important; }\n      .process-timeline__content h3 { text-align: left !important; }\n      .process-timeline__content p { text-align: left !important; max-width: 100% !important; }\n      .process-timeline__label { text-align: left !important; }\n    }\n\n    \/* Settlement formula \u2014 grid layout: formula card po lewej, image po prawej *\/\n    .formula-grid { max-width: var(--max-width); margin: var(--space-2xl) auto 0; padding: 0 var(--page-padding); display: grid; grid-template-columns: 1.35fr 1fr; gap: var(--space-lg); align-items: stretch; }\n    .formula-box { background: var(--color-white); border: 1px solid var(--color-light-gray); border-radius: var(--radius-lg); padding: var(--space-2xl); font-family: 'PP Mori', monospace; margin: 0; }\n    .formula-box__title { font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--color-dark-gray); margin: 0 0 var(--space-lg); font-family: 'PP Mori', sans-serif; letter-spacing: .12em; }\n    .formula-box__list { display: flex; flex-direction: column; gap: var(--space-md); }\n    .formula-box__row { display: flex; gap: var(--space-md); align-items: baseline; padding: var(--space-sm) 0; border-bottom: 1px dashed var(--color-light-gray); }\n    .formula-box__row:last-child { border-bottom: 0; }\n    .formula-box__lhs { font-weight: 600; color: var(--color-black); min-width: 180px; }\n    .formula-box__rhs { color: var(--color-dark-gray); }\n    .formula-box.formula-box--image { padding: 0; overflow: hidden; display: flex; align-items: stretch; justify-content: center; background: var(--color-gray); }\n    .formula-box--image img { width: 100%; height: 100%; object-fit: cover; display: block; }\n    @media (max-width: 900px) {\n      .formula-grid { grid-template-columns: 1fr; gap: var(--space-md); }\n      .formula-box--image { order: -1; max-height: 320px; }\n    }\n    @media (max-width: 700px) { .formula-box__row { flex-direction: column; gap: 4px; } .formula-box__lhs { min-width: 0; } }\n\n    \/* ============================================================\n       HOW IT WORKS \u2014 vertical timeline (text|line+dot|visual)\n       ============================================================ *\/\n    .section-how-it-works { background: var(--color-dark-black); }\n    .hiw-header { background: var(--color-dark-black); padding: var(--space-4xl) 0 var(--space-2xl); }\n    .hiw-header__inner { max-width: 880px; margin: 0 auto; text-align: center; padding: 0 var(--page-padding); }\n    .hiw-header__inner h2 { font-size: clamp(32px, 4vw, 44px); font-weight: 600; line-height: 1.15; color: var(--color-white); margin: 0 0 var(--space-md); }\n    .hiw-header__inner p { font-size: 16px; line-height: 1.6; color: var(--color-light-gray); margin: 0; }\n\n    \/* Timeline wrapper \u2014 light gray bg, vertical center line *\/\n    .hiw-timeline {\n      background: var(--color-gray);\n      padding: var(--space-4xl) var(--page-padding);\n      position: relative;\n    }\n    .hiw-timeline::before {\n      content: '';\n      position: absolute;\n      left: 50%;\n      top: var(--space-xl);\n      bottom: var(--space-xl);\n      width: 2px;\n      margin-left: -1px;\n      background: linear-gradient(180deg, #F16B5E 0%, #D529E0 50%, #3F5BEB 100%);\n      z-index: 0;\n      border-radius: 2px;\n      \/* Fade in at the top and out at the bottom *\/\n      -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);\n              mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);\n    }\n\n    \/* Row = text (left) | center (line\/dot) | visual (right) *\/\n    .hiw-row {\n      max-width: var(--max-width);\n      margin: 0 auto var(--space-4xl);\n      display: grid;\n      grid-template-columns: 1fr 80px 1fr;\n      gap: var(--space-lg);\n      align-items: start;\n      position: relative;\n    }\n    .hiw-row:last-child { margin-bottom: 0; }\n\n    .hiw-row__text { padding: var(--space-xl) var(--space-lg) var(--space-xl) 0; min-width: 0; }\n    .hiw-row__visual { padding: var(--space-xl) 0 var(--space-xl) var(--space-lg); min-width: 0; }\n\n    .hiw-row__center {\n      display: flex;\n      justify-content: center;\n      align-items: flex-start;\n      padding-top: var(--space-2xl);\n      position: relative;\n      z-index: 1;\n    }\n    .hiw-row__dot {\n      width: 24px;\n      height: 24px;\n      border-radius: 50%;\n      background: var(--gradient-brand);\n      box-shadow: 0 0 0 6px var(--color-gray), 0 0 0 8px rgba(0,0,0,.06);\n      display: block;\n      position: relative;\n      z-index: 2;\n    }\n\n    \/* Text styling \u2014 left-aligned now (not centered) *\/\n    .hiw-step__eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 8px; }\n    .hiw-step__title { font-size: clamp(24px, 2.8vw, 32px); font-weight: 600; line-height: 1.2; color: var(--color-black); margin: 0 0 var(--space-md); }\n    .hiw-step__desc { font-size: 15px; line-height: 1.6; color: var(--color-dark-gray); margin: 0 0 var(--space-lg); }\n    .hiw-step__bullets { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }\n    .hiw-step__bullets li { padding-left: 22px; position: relative; font-size: 14px; line-height: 1.5; color: var(--color-black); }\n    .hiw-step__bullets li::before { content: ''; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; border-radius: 50%; background: var(--gradient-brand); }\n\n    \/* =====================================================\n       Compact infographics inside the narrow right column\n       (.hiw-row__visual ~ \u2264 540px on desktop)\n       ===================================================== *\/\n\n    \/* --- Trade Data Hub flow --- *\/\n    .hiw-row__visual .infographic-flow {\n      max-width: 100%;\n      margin: 0;\n      padding: 16px;\n      gap: 6px;\n      box-shadow: 0 12px 30px -18px rgba(0,0,0,.15);\n    }\n    .hiw-row__visual .infographic-flow__row { padding: 10px 14px; }\n    .hiw-row__visual .infographic-flow__row--row { grid-template-columns: minmax(0, 1fr); gap: 8px; }\n    .hiw-row__visual .infographic-flow__title { font-size: 14px; }\n    .hiw-row__visual .infographic-flow__row > .infographic-flow__title:not(:last-child) { margin-bottom: 8px; }\n    .hiw-row__visual .infographic-flow__badge { font-size: 6px; padding: 3px 7px; margin-bottom: 4px; }\n    .hiw-row__visual .infographic-flow__chips { justify-content: flex-start; gap: 4px; }\n    .hiw-row__visual .infographic-flow__chip { padding: 4px 10px; font-size: 11px; }\n    .hiw-row__visual .infographic-flow__chip--sm { padding: 3px 8px; font-size: 10px; }\n    .hiw-row__visual .infographic-flow__steps { grid-template-columns: repeat(4, 1fr); gap: 6px; padding: 4px 8px 2px; }\n    .hiw-row__visual .infographic-flow__steps::before { left: 12%; right: 12%; top: 15px; }\n    .hiw-row__visual .infographic-flow__step-num { width: 24px; height: 24px; font-size: 10px; margin-bottom: 4px; }\n    .hiw-row__visual .infographic-flow__step-title { font-size: 11px; }\n    .hiw-row__visual .infographic-flow__step-meta { font-size: 9px; }\n    .hiw-row__visual .infographic-flow__output-desc { font-size: 12px; }\n    .hiw-row__visual .infographic-flow__arrow svg { width: 14px; height: 14px; }\n\n    \/* --- Receipt carousel \u2014 one stage visible at a time (Step 02) --- *\/\n    .receipt-carousel {\n      max-width: 380px;          \/* square-ish card *\/\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: var(--space-md);\n    }\n    .receipt-carousel__viewport {\n      position: relative;\n      width: 100%;\n      min-height: 380px;          \/* keeps near-square aspect *\/\n    }\n    .receipt-carousel .receipt-stage {\n      position: absolute;\n      inset: 0;\n      opacity: 0;\n      visibility: hidden;\n      transform: translateY(8px);\n      transition: opacity .55s ease, transform .55s ease, visibility 0s linear .55s;\n      display: flex;\n      flex-direction: column;\n      gap: var(--space-md);\n    }\n    .receipt-carousel .receipt-stage.is-active {\n      opacity: 1;\n      visibility: visible;\n      transform: translateY(0);\n      transition: opacity .55s ease, transform .55s ease, visibility 0s linear 0s;\n    }\n    \/* Override receipt color \u2192 white on this carousel *\/\n    .receipt-carousel .receipt {\n      background: var(--color-white);\n      padding: 14px 18px;\n      font-size: 12px;\n      line-height: 1.5;\n      box-shadow: 0 14px 32px -18px rgba(0,0,0,.18);\n    }\n    .receipt-carousel .receipt::before,\n    .receipt-carousel .receipt::after {\n      background-image:\n        linear-gradient(135deg, transparent 40%, var(--color-white) 40%, var(--color-white) 60%, transparent 60%),\n        linear-gradient(45deg,  transparent 40%, var(--color-white) 40%, var(--color-white) 60%, transparent 60%);\n    }\n    .receipt-carousel .receipt-stage__step { font-size: 11px; }\n    .receipt-carousel .receipt-stage__step-num { width: 22px; height: 22px; font-size: 11px; }\n    .receipt-carousel .receipt__header { font-size: 11px; }\n    .receipt-carousel .receipt__meta { font-size: 10px; }\n    .receipt-carousel .receipt__total { font-size: 13px; }\n    .receipt-carousel .receipt__flag-badge { font-size: 11px; padding: 5px 12px; }\n\n    \/* Dots *\/\n    .receipt-carousel__dots {\n      display: flex;\n      gap: 10px;\n      padding-top: var(--space-sm);\n    }\n    .receipt-carousel__dot {\n      width: 32px;\n      height: 6px;\n      border-radius: 999px;\n      border: 0;\n      background: rgba(0,0,0,.15);\n      padding: 0;\n      cursor: pointer;\n      transition: background .3s ease, width .3s ease;\n    }\n    .receipt-carousel__dot:hover { background: rgba(0,0,0,.3); }\n    .receipt-carousel__dot.is-active {\n      background: var(--gradient-brand);\n      width: 48px;\n    }\n\n    @media (max-width: 700px) {\n      .receipt-carousel { max-width: 340px; }\n      .receipt-carousel__viewport { min-height: 360px; }\n    }\n\n    \/* --- Settlement dashboard --- *\/\n    .hiw-row__visual .infographic-dashboard {\n      max-width: 100%;\n      margin: 0;\n      padding: var(--space-lg);\n      box-shadow: 0 12px 30px -18px rgba(0,0,0,.2);\n    }\n    .hiw-row__visual .infographic-dashboard__title { font-size: 13px; }\n    .hiw-row__visual .infographic-dashboard__period { font-size: 10px; }\n    .hiw-row__visual .dashboard-kpis { grid-template-columns: repeat(3, 1fr); gap: 6px; margin-bottom: var(--space-lg); }\n    .hiw-row__visual .dashboard-kpi { padding: 10px 8px; }\n    .hiw-row__visual .dashboard-kpi__value { font-size: 18px; }\n    .hiw-row__visual .dashboard-kpi__label { font-size: 9px; margin-top: 4px; }\n    .hiw-row__visual .dashboard-mid { grid-template-columns: 1fr; gap: var(--space-lg); margin-bottom: var(--space-md); }\n    .hiw-row__visual .dashboard-block__title { font-size: 10px; margin-bottom: 8px; }\n    .hiw-row__visual .dashboard-bar { grid-template-columns: 70px 1fr 32px; font-size: 11px; gap: 6px; margin-bottom: 6px; }\n    .hiw-row__visual .dashboard-bar__track { height: 6px; }\n    .hiw-row__visual .dashboard-table { font-size: 11px; }\n    .hiw-row__visual .dashboard-table th { font-size: 9px; }\n    .hiw-row__visual .dashboard-table th, .hiw-row__visual .dashboard-table td { padding: 6px 8px; }\n    .hiw-row__visual .dashboard-chip { font-size: 9px; padding: 2px 6px; }\n    .hiw-row__visual .dashboard-foot { font-size: 11px; }\n    .hiw-row__visual .dashboard-foot__label { font-size: 10px; }\n    .hiw-row__visual .dashboard-foot__formats span { font-size: 10px; padding: 3px 8px; }\n\n    \/* Responsive: stack on tablet\/mobile *\/\n    @media (max-width: 1024px) {\n      .hiw-timeline::before { display: none; }\n      .hiw-row { grid-template-columns: 1fr; gap: var(--space-md); margin-bottom: var(--space-3xl); }\n      .hiw-row__text, .hiw-row__visual { padding: 0; }\n      .hiw-row__center { display: none; }\n      .hiw-row__visual .dashboard-kpis { grid-template-columns: repeat(5, 1fr); }\n      .hiw-row__visual .dashboard-mid { grid-template-columns: 1fr 1fr; }\n      .hiw-row__visual .receipt-stages { grid-template-columns: repeat(3, 1fr); }\n      .hiw-row__visual .infographic-flow__steps { grid-template-columns: repeat(4, 1fr); }\n    }\n    @media (max-width: 700px) {\n      .hiw-row__visual .dashboard-kpis { grid-template-columns: repeat(2, 1fr); }\n      .hiw-row__visual .dashboard-mid { grid-template-columns: 1fr; }\n      .hiw-row__visual .receipt-stages { grid-template-columns: 1fr; }\n      .hiw-row__visual .infographic-flow__steps { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    \/* \"From receipt to refund\" \u2014 4-step horizontal flow (Settlement Model) *\/\n    .receipt-to-refund-grid { max-width: var(--max-width); margin: 0 auto; padding: 0 var(--page-padding); display: grid; grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr; gap: var(--space-md); align-items: stretch; }\n    .r2r-step { background: var(--color-gray); border-radius: var(--radius-lg); padding: var(--space-lg) var(--space-xl); display: flex; flex-direction: column; gap: 8px; }\n    .r2r-step__num { font-size: 11px; font-weight: 700; letter-spacing: .14em; color: transparent; background: var(--gradient-brand); -webkit-background-clip: text; background-clip: text; }\n    .r2r-step__title { font-size: 16px; font-weight: 600; line-height: 1.3; margin: 0; color: var(--color-black); }\n    .r2r-step__desc { font-size: 13px; line-height: 1.5; color: var(--color-dark-gray); margin: 0; }\n    .r2r-arrow { display: flex; align-items: center; justify-content: center; }\n    .r2r-arrow svg { width: 24px; height: 24px; }\n    @media (max-width: 1100px) {\n      .receipt-to-refund-grid { grid-template-columns: 1fr 1fr; gap: var(--space-md); }\n      .r2r-arrow { display: none; }\n    }\n    @media (max-width: 600px) {\n      .receipt-to-refund-grid { grid-template-columns: 1fr; }\n    }\n\n    \/* Settlement report \u2014 output fields *\/\n    .output-fields { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-md); }\n    .output-field { background: var(--color-gray); border-radius: var(--radius-md); padding: var(--space-lg); }\n    .output-field__name { font-size: 14px; font-weight: 700; color: var(--color-black); margin-bottom: 4px; }\n    .output-field__desc { font-size: 12px; line-height: 1.5; color: var(--color-dark-gray); }\n    @media (max-width: 1100px) { .output-fields { grid-template-columns: repeat(3, 1fr); } }\n    @media (max-width: 700px) { .output-fields { grid-template-columns: repeat(2, 1fr); } }\n    @media (max-width: 480px) { .output-fields { grid-template-columns: 1fr; } }\n\n    \/* Get Started \u2014 final CTA section *\/\n    .section-get-started { background: var(--color-dark-black); padding: var(--space-4xl) var(--page-padding); }\n    .get-started-card { max-width: var(--max-width); margin: 0 auto; background: linear-gradient(135deg, rgba(241,107,94,.08) 0%, rgba(213,41,224,.08) 50%, rgba(63,91,235,.08) 100%); border-radius: var(--radius-xl); padding: var(--space-4xl) var(--space-3xl); position: relative; overflow: hidden; }\n    .get-started-card::before { content: ''; position: absolute; top: -200px; right: -200px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(241,107,94,.18), transparent 70%); pointer-events: none; }\n    .get-started-card::after { content: ''; position: absolute; bottom: -200px; left: -200px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(63,91,235,.18), transparent 70%); pointer-events: none; }\n    .get-started-card__inner { max-width: 800px; margin: 0 auto; text-align: center; position: relative; z-index: 1; }\n    .get-started-card__title { font-size: clamp(32px, 4.2vw, 48px); font-weight: 600; line-height: 1.15; color: var(--color-white); margin: 0 0 var(--space-lg); }\n    .get-started-card__desc { font-size: 17px; line-height: 1.6; color: var(--color-light-gray); margin: 0 0 var(--space-2xl); }\n    .get-started-card__cta { display: flex; justify-content: center; gap: var(--space-md); flex-wrap: wrap; }\n    @media (max-width: 700px) { .get-started-card { padding: var(--space-3xl) var(--space-xl); } }\n  \n\n\/* WP breakout overrides *\/\n.entry-content > .wp-block-group.alignfull {\n  width: 100vw !important;\n  max-width: 100vw !important;\n  margin-left: calc(50% - 50vw) !important;\n  margin-right: calc(50% - 50vw) !important;\n  margin-top: -100px !important;\n  padding: 0 !important;\n}\n.entry-content.wp-block-post-content { padding-left: 0 !important; padding-right: 0 !important; }\nheader.wp-block-template-part { position: relative !important; z-index: 100 !important; }\n.hero-subpage { padding-top: 100px !important; }\n\n<\/style>\n<!-- ===== HERO (45-hero-video-drs) + homepage-style rotating real footage ===== -->\n<style>\n.ap-hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease}\n.ap-hero-vid.is-active{opacity:1}\n.ap-hero{min-height:0 !important;height:auto !important}\n.ap-hero .hero-subpage__content{padding-top:clamp(48px,5.5vw,84px);padding-bottom:var(--space-xl)}\n@media(max-width:768px){.ap-hero .hero-subpage__content{padding-top:72px;padding-bottom:var(--space-lg)}}\n<\/style>\n<section>\n  <div class=\"hero-subpage ap-hero\">\n    <div class=\"hero-subpage__video-wrapper\">\n      <video class=\"ap-hero-vid is-active\" autoplay loop muted playsinline preload=\"auto\"><source src=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/TDH_video_draft_2.mp4\" type=\"video\/mp4\"><\/video>\n    <\/div>\n    <div class=\"hero-subpage__content\" data-anim=\"zoom\">\n      <span class=\"hero-badge\">Piattaforma dati route-to-market per l&#8217;FMCG<\/span>\n      <h1 class=\"hero-subpage__heading\">Trade Data Hub: <span class=\"text-gradient\">scopri dove vendi davvero i tuoi prodotti<\/span> &mdash; e agisci di conseguenza.<\/h1>\n      <p style=\"font-size:clamp(20px,2.1vw,26px);line-height:1.35;font-weight:600;color:#fff;max-width:44rem;margin-bottom:var(--space-md)\">Sai cosa spedisci &mdash; non quali negozi lo ricevono e lo vendono davvero.<\/p>\n      <p class=\"text-h10 text-light-gray\" style=\"max-width:42rem;margin-bottom:var(--space-xl)\">Trade Data Hub \u00e8 una piattaforma dati route-to-market per l&#8217;FMCG. Colleghiamo i sistemi dei tuoi partner cos\u00ec vedi il percorso completo fino a ogni punto vendita &mdash; nei tuoi codici prodotto e cliente.<\/p>\n      <div class=\"hero-subpage__cta\">\n        <a href=\"https:\/\/assecoplatform.com\/it\/contattaci\/\" class=\"btn btn-primary-white btn-has-arrow\">Prenota una demo<\/a>\n        <a href=\"#how-it-works\" class=\"btn btn-outline-white\">\n          <svg class=\"arrow-icon\" style=\"width:16px;height:16px;flex-shrink:0;\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          Scopri come funziona\n        <\/a>\n      <\/div>\n      <div class=\"stat-cards stat-cards--glass\" data-stagger style=\"margin-top:var(--space-lg)\">\n        <div class=\"stat-card stat-card--glass\">\n          <div class=\"stat-card__value\">1,600+<\/div>\n          <div class=\"stat-card__label\">Distributori integrati<\/div>\n        <\/div>\n        <div class=\"stat-card stat-card--glass\">\n          <div class=\"stat-card__value\">85+<\/div>\n          <div class=\"stat-card__label\">Produttori FMCG<\/div>\n        <\/div>\n        <div class=\"stat-card stat-card--glass\">\n          <div class=\"stat-card__value\">21,000+<\/div>\n          <div class=\"stat-card__label\">Punti di consegna raggiunti<\/div>\n        <\/div>\n        <div class=\"stat-card stat-card--glass\">\n          <div class=\"stat-card__value\">27<\/div>\n          <div class=\"stat-card__label\">Paesi<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== WHAT IS TDH (answer-first, light single-column) ===== -->\n<section style=\"padding:var(--space-4xl) 0;background:var(--color-white)\">\n  <div class=\"container\">\n    <div data-anim=\"fade\" style=\"max-width:48rem\">\n      <h2 class=\"text-black\" style=\"font-size:clamp(22px,2.6vw,30px);font-weight:600;line-height:1.25;margin:0 0 var(--space-md)\">Cos&#8217;\u00e8 Trade Data Hub?<\/h2>\n      <p class=\"text-dark-gray\" style=\"font-size:clamp(17px,1.6vw,20px);line-height:1.55;margin:0\">Trade Data Hub \u00e8 una piattaforma dati route-to-market per i produttori FMCG. Vendi attraverso distributori, catene e altri partner &mdash; ma oltre quel punto \u00e8 difficile ricostruire quali negozi ricevono e vendono davvero i tuoi prodotti. Trade Data Hub collega i sistemi di quei partner e ricompone i dati, cos\u00ec vedi i tuoi prodotti fino a ogni negozio &mdash; e tutti, dalle vendite alla finanza, lavorano sugli stessi numeri reali, non su stime proprie.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== SECTION: What we connect (2-col: text + route-to-market diagram) ===== -->\n<section style=\"padding:var(--space-4xl) 0;background:var(--color-gray)\">\n  <div class=\"container\">\n    <div class=\"ap-split\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center\">\n      <div data-anim=\"slide-left\">\n        <span style=\"display:inline-block;background:rgba(17,17,17,0.06);color:#56565c;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;font-size:11px;padding:5px 12px;border-radius:20px;margin-bottom:var(--space-md)\">Cosa colleghiamo<\/span>\n        <h2 class=\"text-h5 text-black\" style=\"margin-bottom:var(--space-lg)\">Ogni partner attraverso cui vendi &mdash; <span class=\"text-gradient\">in un unico posto<\/span><\/h2>\n        <p class=\"text-h10 text-dark-gray\" style=\"margin-bottom:var(--space-lg)\">Da ogni distributore, grossista, catena e partner online attraverso cui passano i tuoi prodotti, raccogliamo ci\u00f2 che ogni punto vendita acquista e riceve davvero &mdash; il tuo <span class=\"text-gradient\">sell-out dei distributori<\/span> &mdash; e ci\u00f2 che ogni partner <span class=\"text-gradient\">tiene a magazzino<\/span>. Dove un partner condivide i dati di cassa, vedi anche cosa <span class=\"text-gradient\">si vende ai consumatori<\/span>.<\/p>\n        <p class=\"text-h10 text-dark-gray\" style=\"margin-bottom:0\">Aggiungiamo anche le tue vendite dirette, cos\u00ec vedi il percorso completo: dal tuo magazzino a ogni punto vendita.<\/p>\n      <\/div>\n      <div data-anim=\"slide-right\">\n        <svg viewBox=\"0 0 560 234\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"I tuoi prodotti escono verso ogni punto vendita attraverso i tuoi partner e i dati \u2014 magazzino, ordini e sell-through \u2014 tornano a te\" style=\"width:100%;height:auto;font-family:'PP Mori',Arial,sans-serif\">\n          <defs>\n            <linearGradient id=\"apg-rtm\" x1=\"1\" y1=\"0\" x2=\"0\" y2=\"0\"><stop offset=\"0%\" stop-color=\"#1676c3\"\/><stop offset=\"34%\" stop-color=\"#a046e1\"\/><stop offset=\"66%\" stop-color=\"#d70e44\"\/><stop offset=\"100%\" stop-color=\"#ef5909\"\/><\/linearGradient>\n            <marker id=\"rtm-g\" markerWidth=\"8\" markerHeight=\"8\" refX=\"6\" refY=\"3.2\" orient=\"auto\"><path d=\"M0,0 L6,3.2 L0,6.4 Z\" fill=\"#ef5909\"\/><\/marker>\n            <marker id=\"rtm-n\" markerWidth=\"7\" markerHeight=\"7\" refX=\"5\" refY=\"3\" orient=\"auto\"><path d=\"M0,0 L5,3 L0,6 Z\" fill=\"#aeaeae\"\/><\/marker>\n          <\/defs>\n          <text x=\"30\" y=\"26\" font-size=\"11\" letter-spacing=\"0.08em\" fill=\"#aeaeae\">IL TUO SELL-IN &#8594;<\/text>\n          <line x1=\"116\" y1=\"64\" x2=\"236\" y2=\"64\" stroke=\"#DFDFDF\" stroke-width=\"2\" marker-end=\"url(#rtm-n)\"\/>\n          <line x1=\"344\" y1=\"64\" x2=\"444\" y2=\"64\" stroke=\"#DFDFDF\" stroke-width=\"2\" marker-end=\"url(#rtm-n)\"\/>\n          <rect x=\"30\" y=\"42\" width=\"84\" height=\"44\" rx=\"12\" fill=\"#232323\"\/><text x=\"72\" y=\"69\" font-size=\"14\" font-weight=\"600\" fill=\"#fff\" text-anchor=\"middle\">Tu<\/text>\n          <rect x=\"238\" y=\"42\" width=\"104\" height=\"44\" rx=\"12\" fill=\"#fff\" stroke=\"#DFDFDF\"\/><text x=\"290\" y=\"69\" font-size=\"14\" font-weight=\"600\" fill=\"#232323\" text-anchor=\"middle\">Partner<\/text>\n          <rect x=\"446\" y=\"42\" width=\"104\" height=\"44\" rx=\"12\" fill=\"#F2F2F2\" stroke=\"#DFDFDF\"\/><text x=\"498\" y=\"69\" font-size=\"13\" font-weight=\"600\" fill=\"#232323\" text-anchor=\"middle\">Ogni punto<\/text>\n          <line x1=\"290\" y1=\"86\" x2=\"290\" y2=\"100\" stroke=\"#DFDFDF\" stroke-width=\"1.5\"\/>\n          <text x=\"290\" y=\"112\" font-size=\"11\" fill=\"#676767\" text-anchor=\"middle\">distributori &#183; grossisti &#183; catene retail &#183; foodservice &#183; online<\/text>\n          <path d=\"M498,86 L498,166 L72,166 L72,90\" fill=\"none\" stroke=\"url(#apg-rtm)\" stroke-width=\"3.5\" stroke-linejoin=\"round\" marker-end=\"url(#rtm-g)\"\/>\n          <text x=\"285\" y=\"192\" font-size=\"13\" font-weight=\"600\" fill=\"#232323\" text-anchor=\"middle\">I dati tornano a te<\/text>\n          <text x=\"285\" y=\"212\" font-size=\"12\" font-weight=\"600\" fill=\"#a046e1\" text-anchor=\"middle\">sell-out &#183; magazzino<\/text>\n        <\/svg>\n      <\/div>\n    <\/div>\n  <\/div>\n  <style>@media(max-width:900px){.ap-split{grid-template-columns:1fr !important;gap:var(--space-2xl) !important}}<\/style>\n<\/section>\n\n<!-- ===== SECTION: Where TDH connects (4 channel tiles, photo banners) ===== -->\n<section style=\"padding:var(--space-4xl) 0;background:var(--color-white)\">\n  <div class=\"container\">\n    <div data-anim=\"fade\" style=\"max-width:48rem;margin-bottom:var(--space-3xl)\">\n      <span style=\"display:inline-block;background:rgba(17,17,17,0.06);color:#56565c;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;font-size:11px;padding:5px 12px;border-radius:20px;margin-bottom:var(--space-md)\">Dove ci colleghiamo<\/span>\n      <h2 class=\"text-h5 text-black\" style=\"margin-bottom:var(--space-md)\">Ovunque ci sia il divario, <span class=\"text-gradient\">noi lo colleghiamo<\/span><\/h2>\n      <p class=\"text-h10 text-dark-gray\" style=\"margin:0\">I tuoi prodotti seguono uno o pi\u00f9 di questi canali route-to-market:<\/p>\n    <\/div>\n    <div class=\"ap-grid2\" data-stagger style=\"display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)\">\n      <div style=\"background:var(--color-gray);border-radius:var(--radius-lg);overflow:hidden\">\n        <img decoding=\"async\" src=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/General-Trade-%E2%80%94-traditional-retail-1024x572.webp\" alt=\"General Trade \u2014 dettaglio tradizionale\" loading=\"lazy\" style=\"width:100%;aspect-ratio:21\/10;object-fit:cover;object-position:center top;display:block\">\n        <div style=\"padding:var(--space-2xl)\">\n          <h3 style=\"font-size:19px;font-weight:600;line-height:1.3;margin:0 0 var(--space-sm);color:var(--color-black)\">General Trade &mdash; dettaglio tradizionale<\/h3>\n          <p style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0\">I tuoi prodotti raggiungono migliaia di piccoli negozi indipendenti attraverso distributori e grossisti. Scopri quali negozi non si limitano a ordinarli una volta, ma tornano a rifornirsene con regolarit\u00e0 &mdash; e, dove i dati di cassa sono disponibili, cosa si vende ai consumatori.<\/p>\n        <\/div>\n      <\/div>\n      <div style=\"background:var(--color-gray);border-radius:var(--radius-lg);overflow:hidden\">\n        <img decoding=\"async\" src=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/Modern-Trade-%E2%80%94-retail-chains-1024x572.webp\" alt=\"Modern Trade \u2014 catene retail\" loading=\"lazy\" style=\"width:100%;aspect-ratio:21\/10;object-fit:cover;object-position:center top;display:block\">\n        <div style=\"padding:var(--space-2xl)\">\n          <h3 style=\"font-size:19px;font-weight:600;line-height:1.3;margin:0 0 var(--space-sm);color:var(--color-black)\">Modern Trade &mdash; catene retail<\/h3>\n          <p style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0\">Vendi alla sede centrale della catena e poi ne perdi le tracce al suo interno. Scopri il movimento dai magazzini centrali e regionali a ogni negozio &mdash; e, dove la catena condivide i dati di cassa, cosa si vende a scaffale.<\/p>\n        <\/div>\n      <\/div>\n      <div style=\"background:var(--color-gray);border-radius:var(--radius-lg);overflow:hidden\">\n        <img decoding=\"async\" src=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/Foodservice-HoReCa-1024x572.webp\" alt=\"Foodservice \/ HoReCa\" loading=\"lazy\" style=\"width:100%;aspect-ratio:21\/10;object-fit:cover;object-position:center top;display:block\">\n        <div style=\"padding:var(--space-2xl)\">\n          <h3 style=\"font-size:19px;font-weight:600;line-height:1.3;margin:0 0 var(--space-sm);color:var(--color-black)\">Foodservice \/ HoReCa<\/h3>\n          <p style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0\">I tuoi prodotti raggiungono ristoranti, bar e punti out-of-home attraverso grossisti e cash &amp; carry. Scopri quali punti acquistano e riordinano davvero &mdash; non solo ci\u00f2 che spedisci al grossista.<\/p>\n        <\/div>\n      <\/div>\n      <div style=\"background:var(--color-gray);border-radius:var(--radius-lg);overflow:hidden\">\n        <img decoding=\"async\" src=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/E-commerce-eRetail-1024x572.webp\" alt=\"E-commerce \/ eRetail\" loading=\"lazy\" style=\"width:100%;aspect-ratio:21\/10;object-fit:cover;object-position:center top;display:block\">\n        <div style=\"padding:var(--space-2xl)\">\n          <h3 style=\"font-size:19px;font-weight:600;line-height:1.3;margin:0 0 var(--space-sm);color:var(--color-black)\">E-commerce \/ eRetail<\/h3>\n          <p style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0\">I tuoi prodotti si vendono su Ocado, Amazon, marketplace e quick-commerce &mdash; dove i dati arrivano in forma aggregata e a pacchetti, non come singoli prodotti. Li scomponiamo fino al singolo prodotto (SKU) e li uniamo al tuo route-to-market nei canali offline.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <style>@media(max-width:900px){.ap-grid2{grid-template-columns:1fr !important}}<\/style>\n<\/section>\n\n<!-- ===== SECTION: In your own terms (2-col: text + before-after diagram) ===== -->\n<section style=\"padding:var(--space-4xl) 0;background:var(--color-gray)\">\n  <div class=\"container\">\n    <div class=\"ap-split\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center\">\n      <div data-anim=\"slide-left\">\n        <span style=\"display:inline-block;background:rgba(17,17,17,0.06);color:#56565c;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;font-size:11px;padding:5px 12px;border-radius:20px;margin-bottom:var(--space-md)\">Nei tuoi codici<\/span>\n        <h2 class=\"text-h5 text-black\" style=\"margin-bottom:var(--space-lg)\">I loro sistemi. <span class=\"text-gradient\">I tuoi codici.<\/span><\/h2>\n        <p class=\"text-h10 text-dark-gray\" style=\"margin-bottom:0\">Non importa con quanti partner lavori o quali sistemi utilizzino: i dati tornano nei tuoi codici prodotto e cliente &mdash; il modo in cui sei tu a nominare e numerare prodotti e negozi, non la versione di ciascun partner. Mappiamo i record di ogni partner sui tuoi, li puliamo, rimuoviamo i duplicati e colmiamo ci\u00f2 che manca &mdash; come le posizioni dei negozi e i dati di mercato. Ci\u00f2 che ricevi \u00e8 una vista coerente, pronta all&#8217;uso, non decine di formati che il tuo team deve prima riconciliare.<\/p>\n      <\/div>\n      <div data-anim=\"slide-right\">\n        <svg viewBox=\"0 0 560 200\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"Lo stesso prodotto arriva da ogni partner con codici e formati diversi; Trade Data Hub lo mappa, pulisce, deduplica e arricchisce in un unico record pulito nei tuoi codici\" style=\"width:100%;height:auto;font-family:'PP Mori',Arial,sans-serif\">\n          <defs>\n            <linearGradient id=\"apg-iot\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\"><stop offset=\"0%\" stop-color=\"#ef5909\"\/><stop offset=\"33%\" stop-color=\"#d70e44\"\/><stop offset=\"66%\" stop-color=\"#a046e1\"\/><stop offset=\"100%\" stop-color=\"#1676c3\"\/><\/linearGradient>\n            <marker id=\"iot-n\" markerWidth=\"7\" markerHeight=\"7\" refX=\"5\" refY=\"3\" orient=\"auto\"><path d=\"M0,0 L5,3 L0,6 Z\" fill=\"#aeaeae\"\/><\/marker>\n            <marker id=\"iot-g\" markerWidth=\"8\" markerHeight=\"8\" refX=\"6\" refY=\"3.2\" orient=\"auto\"><path d=\"M0,0 L6,3.2 L0,6.4 Z\" fill=\"#a046e1\"\/><\/marker>\n          <\/defs>\n          <text x=\"14\" y=\"14\" font-size=\"10.5\" fill=\"#676767\">Ogni partner &mdash; codici diversi<\/text>\n          <g>\n            <rect x=\"14\" y=\"26\" width=\"176\" height=\"42\" rx=\"10\" fill=\"#fff\" stroke=\"#DFDFDF\"\/><text x=\"26\" y=\"44\" font-size=\"11\" font-weight=\"600\" fill=\"#232323\">EAN 5901234567<\/text><text x=\"26\" y=\"59\" font-size=\"10\" fill=\"#aeaeae\">&#8220;Cola 0,5 l&#8221;<\/text>\n            <rect x=\"14\" y=\"82\" width=\"176\" height=\"42\" rx=\"10\" fill=\"#fff\" stroke=\"#DFDFDF\"\/><text x=\"26\" y=\"100\" font-size=\"11\" font-weight=\"600\" fill=\"#232323\">ART-7782-R<\/text><text x=\"26\" y=\"115\" font-size=\"10\" fill=\"#aeaeae\">&#8220;COLA RED 500&#8221;<\/text>\n            <rect x=\"14\" y=\"138\" width=\"176\" height=\"42\" rx=\"10\" fill=\"#fff\" stroke=\"#DFDFDF\"\/><text x=\"26\" y=\"156\" font-size=\"11\" font-weight=\"600\" fill=\"#232323\">sku_4419<\/text><text x=\"26\" y=\"171\" font-size=\"10\" fill=\"#aeaeae\">&#8220;cola-05-pet&#8221;<\/text>\n          <\/g>\n          <path d=\"M190,47 C222,47 226,96 248,102\" fill=\"none\" stroke=\"#aeaeae\" stroke-width=\"1.6\" marker-end=\"url(#iot-n)\"\/>\n          <path d=\"M190,103 L248,103\" stroke=\"#aeaeae\" stroke-width=\"1.6\" marker-end=\"url(#iot-n)\"\/>\n          <path d=\"M190,159 C222,159 226,110 248,104\" fill=\"none\" stroke=\"#aeaeae\" stroke-width=\"1.6\" marker-end=\"url(#iot-n)\"\/>\n          <rect x=\"252\" y=\"56\" width=\"92\" height=\"96\" rx=\"16\" fill=\"#fff\" stroke=\"url(#apg-iot)\" stroke-width=\"2.5\"\/>\n          <text x=\"298\" y=\"74\" font-size=\"12.5\" font-weight=\"600\" fill=\"#232323\" text-anchor=\"middle\">mappa<\/text>\n          <text x=\"298\" y=\"96\" font-size=\"12.5\" font-weight=\"600\" fill=\"#232323\" text-anchor=\"middle\">pulisci<\/text>\n          <text x=\"298\" y=\"118\" font-size=\"12.5\" font-weight=\"600\" fill=\"#232323\" text-anchor=\"middle\">dedup<\/text>\n          <text x=\"298\" y=\"140\" font-size=\"12.5\" font-weight=\"600\" fill=\"#232323\" text-anchor=\"middle\">arricchisci<\/text>\n          <path d=\"M344,104 L386,104\" stroke=\"#a046e1\" stroke-width=\"2.5\" marker-end=\"url(#iot-g)\"\/>\n          <text x=\"392\" y=\"70\" font-size=\"10.5\" fill=\"#676767\">Di nuovo nei tuoi codici<\/text>\n          <rect x=\"392\" y=\"78\" width=\"156\" height=\"56\" rx=\"12\" fill=\"#fff\" stroke=\"#a046e1\" stroke-width=\"1.5\"\/>\n          <text x=\"406\" y=\"100\" font-size=\"9.5\" font-weight=\"600\" letter-spacing=\"0.08em\" fill=\"#a046e1\">I TUOI CODICI<\/text>\n          <text x=\"406\" y=\"120\" font-size=\"12.5\" font-weight=\"600\" fill=\"#232323\">SKU 1042 &#183; Cola 500 ml<\/text>\n        <\/svg>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== SECTION: What it unlocks (benefits grid) ===== -->\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\"><defs><linearGradient id=\"ap-icon-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#ef5909\"\/><stop offset=\"34%\" stop-color=\"#d70e44\"\/><stop offset=\"55%\" stop-color=\"#a046e1\"\/><stop offset=\"73%\" stop-color=\"#1676c3\"\/><\/linearGradient><\/defs><\/svg>\n<section style=\"padding:var(--space-4xl) 0;background:var(--color-white)\">\n  <div class=\"container\">\n    <div data-anim=\"fade\" style=\"max-width:48rem;margin-bottom:var(--space-3xl)\">\n      <span style=\"display:inline-block;background:rgba(17,17,17,0.06);color:#56565c;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;font-size:11px;padding:5px 12px;border-radius:20px;margin-bottom:var(--space-md)\">Cosa sblocca<\/span>\n      <h2 class=\"text-h5 text-black\" style=\"margin-bottom:var(--space-md)\">Decisioni prese a intuito &mdash; <span class=\"text-gradient\">ora basate sui fatti<\/span><\/h2>\n      <p class=\"text-h10 text-dark-gray\" style=\"margin:0\">Trade Data Hub include di serie un set standard di analytics di distribuzione in One View, il livello analitico di Asseco Platform. Una volta collegati i dati, puoi vedere e agire su:<\/p>\n    <\/div>\n    <div class=\"ap-grid3\" data-stagger style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)\">\n      <div style=\"background:var(--color-gray);border-radius:var(--radius-lg);padding:var(--space-2xl)\">\n        <div style=\"display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)\"><img decoding=\"async\" src=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/See-where-you-really-sell-icon.webp\" alt=\"\" loading=\"lazy\" style=\"width:72px;height:72px;object-fit:contain;display:block\"><h3 style=\"font-size:19px;font-weight:600;line-height:1.3;margin:0;color:var(--color-black)\">Scopri dove vendi davvero<\/h3><\/div>\n        <p style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0\">Quali punti vendita non si limitano a ordinare i tuoi prodotti una volta, ma tornano a rifornirsene con regolarit\u00e0 &mdash; in ogni canale route-to-market, compresi quelli che raggiungi solo in modo indiretto, attraverso distributori e grossisti.<\/p>\n      <\/div>\n      <div style=\"background:var(--color-gray);border-radius:var(--radius-lg);padding:var(--space-2xl)\">\n        <div style=\"display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)\"><img decoding=\"async\" src=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/Stop-stock-outs-before-they-cost-you-icon.webp\" alt=\"\" loading=\"lazy\" style=\"width:72px;height:72px;object-fit:contain;display:block\"><h3 style=\"font-size:19px;font-weight:600;line-height:1.3;margin:0;color:var(--color-black)\">Previeni le rotture di stock prima che ti costino<\/h3><\/div>\n        <p style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0\">Scopri quanti giorni di copertura ha ogni distributore e cosa riordinare &mdash; cos\u00ec durante una promozione non resti mai senza prodotto.<\/p>\n      <\/div>\n      <div style=\"background:var(--color-gray);border-radius:var(--radius-lg);padding:var(--space-2xl)\">\n        <div style=\"display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)\"><img decoding=\"async\" src=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/Close-distribution-gaps-icon.webp\" alt=\"\" loading=\"lazy\" style=\"width:72px;height:72px;object-fit:contain;display:block\"><h3 style=\"font-size:19px;font-weight:600;line-height:1.3;margin:0;color:var(--color-black)\">Colma i gap di distribuzione<\/h3><\/div>\n        <p style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0\">Trova i distributori che non trattano i tuoi prodotti forti &mdash; e i cui clienti li acquistano altrove.<\/p>\n      <\/div>\n      <div style=\"background:var(--color-gray);border-radius:var(--radius-lg);padding:var(--space-2xl)\">\n        <div style=\"display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)\"><img decoding=\"async\" src=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/Keep-the-customers-you-have-icon.webp\" alt=\"\" loading=\"lazy\" style=\"width:72px;height:72px;object-fit:contain;display:block\"><h3 style=\"font-size:19px;font-weight:600;line-height:1.3;margin:0;color:var(--color-black)\">Mantieni i clienti che hai<\/h3><\/div>\n        <p style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0\">Scopri chi continua a ordinare, chi si sta allontanando e chi hai riconquistato.<\/p>\n      <\/div>\n      <div style=\"background:var(--color-gray);border-radius:var(--radius-lg);padding:var(--space-2xl)\">\n        <div style=\"display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)\"><img decoding=\"async\" src=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/Track-targets-against-real-sell-through-icon.webp\" alt=\"\" loading=\"lazy\" style=\"width:72px;height:72px;object-fit:contain;display:block\"><h3 style=\"font-size:19px;font-weight:600;line-height:1.3;margin:0;color:var(--color-black)\">Misura gli obiettivi sul sell-through reale<\/h3><\/div>\n        <p style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0\">Misura le performance di agenti e distributori sul sell-out confermato, non sulle spedizioni.<\/p>\n      <\/div>\n    <\/div>\n    <!-- ===== One View illustrative dashboard mockup (tabbed, CSS-only) ===== -->\n    <style>\n    .ap-bi{--r:#d70e44;--o:#ef5909;--g:#1aa15a;--b:#1676c3;--p:#a046e1;--mut:#676767;--ln:#e9e9ee;margin-top:var(--space-3xl);border:1px solid var(--ln);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(20,20,30,.07);font-family:'PP Mori',Arial,sans-serif}\n    .ap-bi__top{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fafafb;border-bottom:1px solid var(--ln)}\n    .ap-bi__dot{width:10px;height:10px;border-radius:50%}\n    .ap-bi__title{font-weight:600;font-size:13px;color:#232323}\n    .ap-bi__ill{margin-left:auto;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);background:#fff;border:1px solid var(--ln);border-radius:20px;padding:3px 10px}\n    .ap-bi input{position:absolute;opacity:0;pointer-events:none}\n    .ap-bi__tabs{display:flex;gap:4px;padding:10px 12px 0;overflow-x:auto;background:#fafafb}\n    .ap-bi__tabs label{flex:0 0 auto;font-size:13px;font-weight:600;color:var(--mut);padding:9px 14px;border-radius:9px 9px 0 0;cursor:pointer;white-space:nowrap;border:1px solid transparent;border-bottom:none}\n    .ap-bi__tabs label:hover{color:#232323}\n    .ap-bi__panel{display:none;padding:18px}\n    .ap-bi__cap{font-size:13px;color:var(--mut);margin:0 0 14px;line-height:1.5}\n    .ap-bi__kpis{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}\n    .ap-bi__kpi{flex:1 1 0;min-width:120px;border:1px solid var(--ln);border-radius:11px;padding:12px 14px;background:#fff}\n    .ap-bi__kpi b{display:block;font-size:24px;font-weight:700;line-height:1.1}\n    .ap-bi__kpi span{font-size:11.5px;color:var(--mut)}\n    .ap-bi__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}\n    .ap-bi__card{border:1px solid var(--ln);border-radius:11px;padding:14px}\n    .ap-bi__h{font-size:12px;font-weight:600;color:#232323;margin:0 0 12px}\n    .ap-bi__row{display:flex;align-items:center;gap:10px;margin:9px 0;font-size:12px}\n    .ap-bi__row .lab{flex:0 0 92px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n    .ap-bi__track{flex:1;height:9px;border-radius:6px;background:var(--ln);overflow:hidden}\n    .ap-bi__fill{display:block;height:100%;border-radius:6px}\n    .ap-bi__val{flex:0 0 auto;font-weight:600;color:#232323;font-variant-numeric:tabular-nums}\n    .ap-bi__donut{width:128px;height:128px;border-radius:50%;margin:4px auto;display:flex;align-items:center;justify-content:center}\n    .ap-bi__donut > div{width:84px;height:84px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}\n    .ap-bi__donut b{font-size:24px;font-weight:700;color:#232323}\n    .ap-bi__donut span{font-size:10px;color:var(--mut)}\n    .ap-bi table{width:100%;border-collapse:collapse;font-size:12px}\n    .ap-bi th{text-align:left;color:var(--mut);font-weight:600;padding:7px 8px;border-bottom:1px solid var(--ln);font-size:11px}\n    .ap-bi td{padding:7px 8px;border-bottom:1px solid #f3f3f5;color:#232323}\n    .ap-bi td.n{text-align:right;font-variant-numeric:tabular-nums}\n    .ap-bi__bars{display:flex;align-items:flex-end;gap:7px;height:120px;padding-top:6px}\n    .ap-bi__bars .col{flex:1;display:flex;flex-direction:column-reverse;height:100%;border-radius:4px 4px 0 0;overflow:hidden;background:#f3f3f5}\n    .ap-bi__bars .col i{display:block;width:100%}\n    .ap-bi__lx{display:flex;gap:7px;margin-top:6px}\n    .ap-bi__lx span{flex:1;text-align:center;font-size:10px;color:var(--mut)}\n    .ap-bi__lg{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:11px;color:var(--mut)}\n    .ap-bi__lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}\n    .ap-bi__pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}\n    \/* tab activation (CSS only) *\/\n    #apbi1:checked ~ .ap-bi__tabs label[for=apbi1],#apbi2:checked ~ .ap-bi__tabs label[for=apbi2],#apbi3:checked ~ .ap-bi__tabs label[for=apbi3],#apbi4:checked ~ .ap-bi__tabs label[for=apbi4],#apbi5:checked ~ .ap-bi__tabs label[for=apbi5]{background:#fff;color:#232323;border-color:var(--ln)}\n    #apbi1:checked ~ .ap-bi__body #p1,#apbi2:checked ~ .ap-bi__body #p2,#apbi3:checked ~ .ap-bi__body #p3,#apbi4:checked ~ .ap-bi__body #p4,#apbi5:checked ~ .ap-bi__body #p5{display:block}\n    @media(max-width:760px){.ap-bi__grid{grid-template-columns:1fr}}\n    <\/style>\n    <div class=\"ap-bi\" data-anim=\"fade\" aria-label=\"Illustrative One View dashboard\">\n      <input type=\"radio\" name=\"apbi\" id=\"apbi1\" checked><input type=\"radio\" name=\"apbi\" id=\"apbi2\"><input type=\"radio\" name=\"apbi\" id=\"apbi3\"><input type=\"radio\" name=\"apbi\" id=\"apbi4\"><input type=\"radio\" name=\"apbi\" id=\"apbi5\">\n      <div class=\"ap-bi__top\"><span class=\"ap-bi__dot\" style=\"background:#ef5909\"><\/span><span class=\"ap-bi__dot\" style=\"background:#a046e1\"><\/span><span class=\"ap-bi__dot\" style=\"background:#1676c3\"><\/span><span class=\"ap-bi__title\">One View &mdash; distribution analytics<\/span><span class=\"ap-bi__ill\">Illustrative &middot; sample data<\/span><\/div>\n      <div class=\"ap-bi__tabs\"><label for=\"apbi1\">Where you sell<\/label><label for=\"apbi2\">Stock-outs<\/label><label for=\"apbi3\">Distribution gaps<\/label><label for=\"apbi4\">Customers<\/label><label for=\"apbi5\">Targets<\/label><\/div>\n      <div class=\"ap-bi__body\">\n\n        <!-- P1 Coverage -->\n        <div class=\"ap-bi__panel\" id=\"p1\">\n          <p class=\"ap-bi__cap\">Which outlets stock and reorder your products &mdash; and where the white space is.<\/p>\n          <div class=\"ap-bi__grid\">\n            <div>\n              <div class=\"ap-bi__card\">\n                <p class=\"ap-bi__h\">Numeric distribution<\/p>\n                <div class=\"ap-bi__donut\" style=\"background:conic-gradient(var(--p) 0 66%,var(--ln) 66% 100%)\"><div><b>66%<\/b><span>of outlets<\/span><\/div><\/div>\n                <div class=\"ap-bi__lg\"><span><i style=\"background:var(--p)\"><\/i>Served 12,480<\/span><span><i style=\"background:var(--ln)\"><\/i>White-space 6,540<\/span><\/div>\n              <\/div>\n              <div class=\"ap-bi__card\" style=\"margin-top:16px\">\n                <p class=\"ap-bi__h\">Distribution by category<\/p>\n                <div class=\"ap-bi__row\"><span class=\"lab\">Beverages<\/span><span class=\"ap-bi__track\"><i class=\"ap-bi__fill\" style=\"width:78%;background:var(--b)\"><\/i><\/span><span class=\"ap-bi__val\">78%<\/span><\/div>\n                <div class=\"ap-bi__row\"><span class=\"lab\">Snacks<\/span><span class=\"ap-bi__track\"><i class=\"ap-bi__fill\" style=\"width:61%;background:var(--b)\"><\/i><\/span><span class=\"ap-bi__val\">61%<\/span><\/div>\n                <div class=\"ap-bi__row\"><span class=\"lab\">Confectionery<\/span><span class=\"ap-bi__track\"><i class=\"ap-bi__fill\" style=\"width:54%;background:var(--b)\"><\/i><\/span><span class=\"ap-bi__val\">54%<\/span><\/div>\n                <div class=\"ap-bi__row\"><span class=\"lab\">Dairy<\/span><span class=\"ap-bi__track\"><i class=\"ap-bi__fill\" style=\"width:47%;background:var(--b)\"><\/i><\/span><span class=\"ap-bi__val\">47%<\/span><\/div>\n                <div class=\"ap-bi__row\"><span class=\"lab\">Household<\/span><span class=\"ap-bi__track\"><i class=\"ap-bi__fill\" style=\"width:39%;background:var(--b)\"><\/i><\/span><span class=\"ap-bi__val\">39%<\/span><\/div>\n              <\/div>\n            <\/div>\n            <div class=\"ap-bi__card\">\n              <p class=\"ap-bi__h\">Distribution by region<\/p>\n              <svg viewBox=\"0 0 1000 810\" style=\"height:300px;width:auto;max-width:100%;display:block;margin:0 auto\" role=\"img\" aria-label=\"Distribution by region (Spain), illustrative\"><g stroke=\"#ffffff\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><path d=\"M349,57 353,62 353,65 352,69 355,72 359,74 361,79 369,80 372,78 375,80 378,77 382,78 384,76 388,78 392,85 400,86 401,90 402,96 405,96 408,95 409,98 405,100 408,103 412,103 414,106 416,104 418,102 419,99 420,106 427,106 428,102 430,104 434,102 433,95 430,93 429,97 426,96 426,93 427,91 430,92 433,90 428,87 425,92 422,91 421,88 424,81 427,80 428,77 431,78 433,75 438,73 443,70 447,63 450,64 463,68 468,67 479,61 481,64 487,64 484,69 488,72 486,74 487,79 485,79 494,81 495,85 500,88 497,91 491,92 487,90 481,87 479,91 476,95 482,100 484,95 490,93 490,96 486,102 489,103 487,107 495,106 495,109 500,112 504,112 506,113 507,117 510,119 505,121 503,119 492,119 494,124 488,129 493,130 491,135 495,139 494,147 492,144 494,148 490,149 492,160 488,164 496,176 504,176 506,183 508,184 515,180 514,177 517,172 520,172 522,174 518,181 532,185 534,180 537,178 537,173 543,171 553,170 556,171 557,176 561,174 568,175 565,178 569,185 569,189 575,191 580,193 589,188 589,194 592,200 589,207 593,210 596,213 595,216 593,219 589,220 584,226 578,226 580,232 579,238 582,240 582,244 576,248 575,244 570,242 569,249 565,251 564,258 566,269 572,270 574,273 573,278 567,276 564,279 559,278 557,281 552,282 550,279 545,282 541,280 540,276 535,271 532,274 532,270 529,269 531,265 528,266 527,263 522,262 518,260 516,262 513,262 509,260 509,256 503,256 494,260 483,257 480,258 479,261 476,261 472,262 466,261 467,266 464,266 462,269 458,271 450,273 445,279 440,282 437,288 427,293 423,299 424,302 421,310 413,310 412,314 406,321 406,326 400,329 398,326 397,329 397,333 394,336 395,343 393,347 386,349 384,351 385,355 383,358 380,359 378,356 378,361 374,365 375,369 368,371 365,369 364,362 359,364 356,363 356,367 346,374 346,377 340,380 339,375 335,376 333,378 327,382 323,380 315,380 311,374 311,369 313,364 306,365 303,370 298,371 292,369 291,366 286,361 278,362 278,359 277,355 270,358 268,362 264,361 260,358 253,354 255,351 251,348 249,344 243,341 239,344 234,345 232,350 228,350 226,353 219,355 217,357 217,361 215,363 208,364 204,363 201,366 194,365 193,360 198,357 199,354 195,349 194,344 198,338 198,334 194,333 198,323 195,314 197,309 196,304 197,300 194,298 193,293 188,288 188,285 197,284 201,277 200,274 206,269 206,267 210,262 214,263 220,260 223,260 227,256 228,252 231,251 230,248 236,248 235,246 238,244 239,239 241,235 246,229 237,220 226,217 222,220 218,217 218,213 220,198 216,197 218,191 216,189 212,191 206,192 202,191 200,187 197,186 196,190 187,191 185,188 183,186 185,182 184,179 181,179 179,177 182,176 183,172 186,170 187,167 190,165 192,162 194,161 199,163 198,160 200,158 203,154 203,148 195,143 197,141 196,138 196,134 193,134 187,131 184,134 176,132 177,128 179,125 178,120 182,119 178,113 181,110 184,110 185,107 193,104 195,100 192,95 195,94 194,91 200,92 204,90 207,90 222,90 227,88 224,85 228,83 229,80 233,76 235,78 239,78 243,81 244,77 247,77 250,80 254,78 255,74 260,76 263,75 265,80 268,82 277,86 280,85 283,77 285,76 295,79 301,80 302,76 309,77 311,72 318,74 323,73 329,70 332,71 334,63 341,64 343,60 349,57ZM394,324 399,324 397,321 394,324ZM512,104 520,103 527,106 530,105 534,106 533,110 530,113 532,116 537,114 537,118 528,118 526,116 517,116 516,113 509,109 512,103 512,104ZM412,100 412,103 412,100Z\" fill=\"#b38adb\" fill-opacity=\"0.95\"\/><path d=\"M793,96 804,100 810,103 812,102 814,104 822,104 828,112 833,110 844,111 846,114 848,117 850,123 851,126 848,130 851,129 852,132 849,135 851,140 859,140 860,138 863,137 867,137 868,133 871,134 881,135 886,139 889,138 892,146 896,149 901,148 906,141 911,142 915,140 929,144 933,150 937,151 940,148 948,150 946,145 954,141 961,137 967,138 969,135 977,136 980,141 987,140 986,144 987,148 989,150 992,149 993,151 999,152 996,154 996,157 994,159 991,161 987,158 983,164 983,172 988,173 990,178 989,180 989,184 992,190 991,192 990,195 988,197 984,201 978,207 976,209 972,210 969,214 966,215 962,216 959,217 957,219 956,221 938,228 924,237 916,241 910,248 908,253 909,250 904,258 889,261 873,267 856,270 847,274 839,275 833,279 835,277 832,278 829,282 825,280 814,284 804,293 795,306 792,308 794,312 798,312 794,310 797,309 802,316 805,315 805,320 796,325 792,331 789,333 785,334 783,332 788,332 792,330 795,326 784,327 779,333 777,337 772,335 770,333 768,329 758,326 757,323 759,320 757,318 754,316 749,314 754,312 758,306 755,300 759,291 757,286 753,283 754,279 752,275 756,275 759,272 762,265 766,264 767,259 764,254 766,252 762,247 764,241 763,238 768,237 772,232 770,226 764,226 765,223 762,220 767,212 773,209 774,205 777,203 780,200 784,198 783,193 781,191 783,188 785,186 788,185 792,174 791,169 792,165 797,152 797,149 793,147 795,145 791,135 795,133 796,130 797,122 792,120 791,117 788,114 790,110 787,107 789,105 789,102 788,98 793,96ZM894,135 896,139 891,138 893,134 894,135Z\" fill=\"#823dbd\" fill-opacity=\"0.95\"\/><path d=\"M645,520 648,524 655,530 657,538 655,543 656,546 650,552 650,562 658,564 660,569 658,577 654,583 655,590 665,605 670,611 676,613 677,616 677,619 675,616 673,620 669,623 668,627 673,633 679,635 678,633 677,628 677,623 676,620 679,623 678,631 680,634 678,639 671,641 667,641 663,643 660,643 658,639 656,641 651,640 648,642 648,645 644,645 640,641 637,643 631,643 625,648 621,650 619,657 616,656 607,662 599,655 593,654 590,654 577,631 578,625 577,621 578,614 580,611 576,611 570,610 568,608 564,609 558,604 554,597 551,595 552,591 557,586 561,576 569,573 574,566 579,568 585,567 595,561 598,558 603,560 602,563 604,565 610,565 613,564 619,559 619,548 618,543 618,539 621,537 622,530 624,528 628,525 630,528 637,521 642,520 645,520Z\" fill=\"#9154c6\" fill-opacity=\"0.95\"\/><path d=\"M499,119 503,119 505,121 510,119 511,122 511,125 513,128 516,125 517,121 524,124 522,132 527,135 530,133 531,136 533,134 536,135 537,131 537,134 545,134 550,138 554,138 564,143 569,142 572,147 572,150 577,147 580,148 584,151 585,154 588,155 588,159 593,162 600,163 601,165 603,169 600,171 595,171 591,170 585,179 586,182 590,184 589,187 580,193 576,190 569,189 568,185 565,178 568,177 559,174 557,176 556,171 553,170 543,171 540,174 537,178 534,180 532,185 519,184 522,174 520,172 515,174 515,180 507,184 504,176 496,176 488,164 492,160 490,149 494,148 492,145 491,142 494,147 494,141 491,135 493,130 488,129 494,124 492,119 499,119Z\" fill=\"#a26fd0\" fill-opacity=\"0.95\"\/><path d=\"M452,29 455,29 459,33 465,34 462,36 460,38 462,40 463,37 465,39 473,38 481,41 487,45 487,50 482,52 481,50 477,52 472,51 463,57 466,68 451,66 447,63 443,70 439,71 432,73 431,78 428,77 427,80 423,82 420,89 425,91 430,86 433,89 430,92 427,91 428,93 426,96 429,97 430,93 433,94 434,101 430,104 428,102 427,106 421,107 419,99 415,106 411,103 408,103 405,101 407,98 410,97 403,97 400,86 392,85 388,78 384,76 382,78 378,77 375,80 372,78 369,80 362,80 361,76 355,72 352,69 353,65 361,62 363,57 369,54 372,51 376,52 378,53 378,47 379,41 389,42 393,40 397,42 406,40 413,37 421,36 424,33 428,33 437,31 438,34 434,35 434,39 437,38 437,35 441,34 452,29ZM411,100 411,103 411,100ZM478,55 477,58 478,60 475,55 478,55Z\" fill=\"#c6a9e6\" fill-opacity=\"0.95\"\/><path d=\"M338,523 340,524 350,527 351,534 364,538 370,543 373,547 379,550 384,556 397,562 398,557 407,558 426,559 431,559 433,557 436,554 451,556 453,551 456,551 457,555 463,556 469,552 469,548 473,548 477,550 488,552 494,548 499,555 499,551 502,549 506,549 508,551 516,545 524,546 531,545 533,547 532,554 540,556 539,566 543,568 542,575 543,578 534,589 544,594 551,595 554,597 558,604 564,609 568,608 570,610 576,611 580,611 578,614 577,621 578,625 577,628 577,631 580,637 590,654 593,656 599,655 607,662 603,664 601,669 597,673 596,676 590,694 586,702 585,707 583,707 580,711 578,717 573,720 573,723 569,725 568,728 563,729 555,719 549,717 544,720 540,717 533,720 529,729 522,733 517,733 513,731 511,732 504,726 500,728 478,726 472,728 465,732 460,732 457,729 451,727 447,727 441,730 439,728 433,726 423,729 414,726 411,729 405,730 388,729 379,743 372,746 369,751 361,754 347,752 340,756 334,757 326,761 323,765 321,771 315,780 314,788 310,785 307,786 305,789 305,794 292,804 289,798 286,797 283,798 279,795 268,785 258,785 253,774 250,773 247,766 244,763 238,750 241,751 241,755 247,750 245,751 242,751 241,749 243,743 240,744 237,740 234,739 230,738 226,728 234,722 230,720 226,710 220,703 189,682 194,687 188,684 179,679 161,680 152,683 148,675 149,672 147,668 147,660 145,658 145,650 142,646 141,643 142,638 147,632 149,622 156,616 160,611 162,602 161,599 166,597 172,597 172,594 174,593 177,596 182,595 183,587 186,582 187,576 194,579 198,579 197,585 200,586 212,587 215,592 215,595 218,595 223,597 226,593 228,591 232,592 233,597 237,600 245,601 247,604 252,599 265,598 266,593 267,587 271,584 273,580 280,579 283,577 285,578 286,581 282,584 282,589 290,583 294,584 298,581 299,573 297,565 295,563 296,560 294,558 295,553 299,550 302,550 307,545 308,541 311,537 316,538 317,534 323,530 326,529 326,523 333,524 338,523Z\" fill=\"#b994df\" fill-opacity=\"0.95\"\/><path d=\"M274,14 278,17 281,22 284,23 287,23 287,26 291,24 301,26 308,24 310,27 317,27 323,33 331,32 337,34 342,35 346,34 364,40 375,41 378,41 377,44 378,47 378,53 376,52 372,51 369,54 362,55 360,63 353,63 351,58 347,57 343,60 341,64 334,63 332,71 329,70 323,73 318,74 311,72 309,77 302,76 301,80 295,79 285,76 283,77 280,85 277,86 268,82 265,80 263,75 260,76 255,74 254,78 250,80 247,77 244,77 243,81 239,78 235,78 233,76 230,78 229,82 223,83 227,85 218,91 211,89 204,90 200,94 195,90 195,86 192,83 189,83 185,78 185,83 182,80 185,78 187,73 196,69 195,65 192,63 191,66 185,68 184,65 184,61 181,59 177,57 176,54 177,50 174,50 172,48 172,43 168,41 168,37 174,38 175,35 178,33 178,29 180,24 184,24 188,22 192,24 196,23 199,24 203,24 207,24 212,23 214,25 219,25 224,25 226,24 233,25 237,24 240,22 245,23 249,23 252,24 255,23 260,21 265,22 268,19 270,17 274,14Z\" fill=\"#9a62cb\" fill-opacity=\"0.95\"\/><path d=\"M723,310 726,313 731,316 737,316 738,319 745,316 748,317 754,316 755,319 759,320 757,323 758,326 768,329 771,332 771,335 777,337 774,344 769,350 769,354 758,366 757,370 752,373 748,383 740,388 736,400 727,410 721,420 720,428 716,430 711,440 711,446 712,450 710,447 710,450 711,458 719,475 717,480 721,490 725,495 728,500 735,507 746,510 752,514 751,518 754,519 755,521 751,523 748,527 744,528 742,531 739,533 735,533 731,537 728,543 724,542 723,544 711,548 706,553 704,556 704,561 701,560 697,564 695,567 696,577 688,580 686,584 684,599 681,601 679,607 677,608 676,613 670,611 665,605 655,590 654,583 658,577 660,569 658,564 650,562 651,553 656,546 655,543 657,538 655,530 660,530 664,526 660,518 663,517 663,505 660,503 645,502 639,492 636,490 637,483 643,472 644,463 641,461 632,459 624,455 621,457 621,453 618,453 618,450 615,447 616,443 617,438 620,435 624,427 628,423 632,425 636,423 635,418 640,411 641,406 641,396 646,394 649,394 658,393 663,395 665,398 664,404 666,406 673,403 670,399 670,394 675,391 677,386 682,387 687,383 686,381 690,377 693,365 697,368 702,366 706,364 704,361 707,360 709,356 714,353 709,345 715,342 714,339 713,328 707,328 706,323 710,321 712,323 717,320 718,313 721,310 723,310ZM634,369 635,373 638,376 638,379 645,379 651,386 646,390 637,392 627,389 624,381 621,377 629,378 632,376 631,372 634,369Z\" fill=\"#ab7dd6\" fill-opacity=\"0.95\"\/><path d=\"M605,50 607,52 609,56 611,56 613,53 622,54 627,56 627,62 624,68 620,73 622,77 629,79 631,71 636,70 633,74 636,77 640,76 645,79 651,82 656,82 661,87 664,85 672,87 676,85 679,90 674,90 671,92 671,95 668,98 668,102 668,106 665,106 661,111 655,113 654,118 645,118 645,122 641,125 641,128 636,128 634,132 635,135 630,141 629,146 631,148 625,155 624,163 626,166 625,172 628,174 629,177 632,177 633,180 624,194 619,193 613,194 605,188 600,189 596,185 591,185 586,182 586,177 591,170 595,171 598,169 603,169 602,167 600,163 593,162 590,158 588,155 585,154 584,151 581,150 578,147 571,149 569,144 564,143 556,139 552,137 546,136 544,132 547,132 546,123 542,126 539,124 538,122 545,117 548,118 555,117 553,114 552,110 557,108 556,104 559,98 558,93 559,89 561,87 564,88 569,88 570,85 575,84 575,79 576,75 582,72 586,68 585,58 587,60 588,58 594,56 595,52 605,50ZM649,135 653,139 647,139 649,135ZM645,139 644,143 645,139Z\" fill=\"#8b4ac2\" fill-opacity=\"0.95\"\/><path d=\"M128,1 127,6 132,4 132,7 133,11 136,10 138,6 141,6 145,7 146,10 154,12 159,21 163,22 162,25 163,23 179,25 178,33 175,35 174,38 168,37 169,40 172,43 172,48 174,50 177,50 176,54 177,57 180,60 184,61 184,65 185,68 191,66 192,62 196,67 192,72 189,74 185,76 182,80 185,83 185,78 189,83 193,83 195,86 195,89 197,95 192,95 195,100 193,104 187,108 184,110 181,110 178,113 182,119 178,120 178,123 177,128 177,130 184,134 185,131 193,134 196,134 196,138 197,141 195,143 203,148 203,154 200,158 198,160 199,163 194,161 192,162 190,165 187,167 186,170 183,172 182,176 179,177 181,179 184,179 185,182 182,190 176,190 175,188 171,186 168,187 167,191 168,193 166,197 157,201 153,200 148,205 146,199 142,198 141,201 133,202 136,197 130,197 127,194 115,197 113,200 111,192 109,197 104,198 102,203 95,205 90,204 89,197 86,194 90,187 96,183 95,177 88,178 87,169 77,174 61,177 59,180 52,180 50,185 44,188 43,192 34,199 34,195 33,191 33,185 32,182 32,178 32,173 35,172 38,170 36,169 38,166 41,164 46,160 51,155 54,155 54,149 52,150 51,152 46,156 40,159 35,158 35,153 37,156 38,153 36,150 40,151 43,150 45,146 48,144 51,141 48,140 44,142 42,144 38,143 36,145 33,142 33,138 29,138 29,135 32,135 35,136 34,139 38,138 37,135 39,133 38,130 37,127 40,125 41,122 44,118 46,115 44,118 40,119 39,116 36,114 36,117 37,120 35,122 34,120 29,122 25,127 24,130 20,132 21,128 16,125 19,123 20,119 21,113 24,108 27,108 30,104 31,101 34,99 31,100 31,103 27,105 22,104 19,104 17,109 15,107 13,103 15,101 13,97 14,91 11,91 10,87 9,90 5,88 3,90 2,94 2,91 3,81 0,76 3,77 3,72 6,73 6,70 9,72 11,66 8,69 7,66 10,62 13,61 18,63 21,61 23,59 28,58 27,55 24,53 27,51 29,53 31,50 36,49 36,46 41,50 44,51 47,52 55,48 58,50 61,49 63,48 64,45 67,45 68,42 70,44 73,44 72,47 76,43 79,40 86,48 85,42 89,38 84,37 81,37 78,36 83,34 87,34 89,32 91,30 87,33 83,33 76,34 78,30 79,27 77,23 82,24 88,20 91,18 95,13 97,15 97,11 100,8 103,9 107,5 110,2 113,2 113,6 115,8 111,11 115,13 113,10 116,8 125,5 128,1ZM33,126 34,131 34,127 33,126ZM30,144 29,148 29,144 30,144ZM31,159 32,161 30,159 31,159Z\" fill=\"#c09ee3\" fill-opacity=\"0.95\"\/><path d=\"M677,90 679,93 682,94 689,99 689,102 691,104 694,103 696,100 701,103 705,102 711,97 721,104 728,111 731,111 735,114 737,112 741,113 743,111 747,111 750,109 757,111 760,115 765,110 770,114 783,113 788,114 791,117 792,121 797,122 795,129 793,131 791,135 795,145 793,147 797,149 795,150 792,165 793,168 792,174 788,182 787,187 784,189 781,191 784,193 783,197 782,200 779,203 774,205 773,209 768,210 767,213 762,218 765,223 764,226 770,226 772,232 768,237 763,238 764,241 762,247 766,252 764,254 767,259 766,264 762,265 759,272 756,273 753,274 752,279 754,282 758,286 759,291 755,300 758,306 755,310 750,313 749,317 745,316 740,320 737,316 731,316 726,313 725,310 721,310 718,313 717,320 712,323 710,321 706,322 707,328 713,328 712,338 715,342 709,345 714,351 709,356 707,360 704,361 706,364 702,366 697,368 693,365 690,377 686,381 688,384 682,387 677,386 675,391 670,394 670,399 673,403 668,407 664,404 665,398 663,395 658,393 649,394 646,394 644,390 650,387 651,385 645,379 638,379 638,376 635,373 634,370 631,372 632,376 629,378 623,377 622,371 619,372 617,370 614,371 602,359 600,362 602,358 595,351 594,349 598,343 602,341 601,335 603,330 610,333 614,330 615,320 613,315 614,313 614,307 608,300 609,295 593,279 583,274 581,270 574,273 572,270 566,269 564,258 565,251 569,249 569,244 575,244 574,247 583,246 582,240 579,238 580,232 578,228 584,226 589,220 593,219 595,216 596,213 593,212 589,207 592,203 589,194 589,187 590,184 596,185 600,189 605,188 613,194 624,193 630,183 633,180 632,177 629,177 628,174 625,172 626,166 624,163 626,157 631,148 629,146 630,141 635,135 634,131 636,127 639,129 641,125 645,123 645,118 653,119 655,113 661,111 663,108 668,106 669,104 668,98 671,95 671,92 677,90ZM647,138 653,139 650,135 647,138ZM645,140 643,141 645,140Z\" fill=\"#9e68ce\" fill-opacity=\"0.95\"\/><path d=\"M456,271 460,278 465,279 464,284 467,288 464,298 464,301 461,302 461,306 458,310 462,311 463,315 462,320 467,322 471,325 474,324 472,327 473,330 476,332 475,336 479,335 483,338 483,346 486,346 488,349 487,353 484,359 483,366 487,364 490,362 493,375 491,376 494,379 489,385 486,384 485,382 483,385 477,386 472,383 469,383 467,388 459,386 458,389 452,390 448,392 440,397 435,403 430,401 432,397 435,396 438,394 441,395 443,389 448,387 451,380 447,378 442,376 438,377 435,373 433,374 430,372 425,370 420,370 417,367 414,364 411,366 408,366 404,360 403,363 400,363 398,367 395,368 392,367 391,359 389,361 385,364 379,369 374,370 375,367 374,364 378,361 376,356 380,359 383,358 385,355 384,351 386,349 394,349 395,343 394,336 397,333 397,329 397,326 399,329 407,327 406,321 412,314 413,310 421,310 424,302 423,299 427,293 437,288 440,282 445,279 450,273 456,271ZM399,324 394,324 397,321 399,324Z\" fill=\"#af83d8\" fill-opacity=\"0.95\"\/><path d=\"M243,341 249,344 252,346 256,350 255,354 260,356 261,360 266,362 270,357 277,355 278,359 278,362 286,361 289,365 292,369 297,371 303,370 306,365 313,364 311,369 311,374 314,379 311,381 311,393 308,404 315,402 318,405 316,409 316,416 320,417 324,412 327,412 328,416 329,421 328,428 324,433 344,454 351,456 358,453 365,448 367,450 364,457 364,460 359,461 363,473 368,477 355,474 352,479 350,484 354,488 350,491 343,488 347,499 354,501 352,506 347,506 345,509 341,521 333,524 326,523 327,527 324,529 317,534 316,538 311,537 309,540 307,545 302,547 299,550 295,553 294,558 296,560 295,563 297,565 299,573 298,581 295,582 290,583 284,589 282,584 285,582 285,578 283,577 280,579 273,580 271,581 267,587 268,591 265,598 252,599 247,604 245,601 237,600 233,597 232,592 228,591 225,592 223,597 218,595 215,595 215,592 212,587 203,588 200,587 197,586 198,579 193,579 187,576 184,577 181,576 180,579 177,578 171,573 170,569 160,554 155,553 159,548 158,541 163,533 162,523 172,513 175,513 177,509 179,507 178,504 186,492 182,484 179,482 174,484 171,483 171,477 163,473 162,468 164,466 158,460 156,455 159,447 152,444 151,440 148,439 146,435 143,434 139,426 156,428 162,425 170,427 181,425 184,415 183,411 190,404 189,399 191,397 191,393 193,390 187,379 183,380 181,373 181,368 185,367 193,363 195,366 201,366 204,363 207,366 215,363 217,361 217,357 219,355 226,353 228,350 232,350 234,345 239,344 243,341Z\" fill=\"#9358c7\" fill-opacity=\"0.95\"\/><path d=\"M507,254 509,255 509,260 513,262 516,262 518,260 521,260 527,263 528,266 531,265 529,269 532,270 531,273 535,271 538,276 541,280 545,282 550,279 552,282 557,281 559,278 564,279 567,276 573,281 573,278 574,272 581,270 583,274 593,279 609,294 608,300 614,307 614,313 613,315 615,320 612,328 610,333 603,330 601,335 602,341 598,343 593,350 602,358 599,360 600,363 602,359 614,371 617,370 619,372 622,371 621,378 625,381 627,389 637,392 644,390 646,394 641,397 641,406 640,411 635,418 636,422 633,425 628,423 624,427 620,435 616,438 617,443 616,447 616,450 619,451 621,453 621,457 624,455 630,460 644,462 643,472 637,483 636,489 639,492 645,502 660,500 663,505 662,509 663,512 663,517 660,518 664,526 660,530 654,530 648,524 648,521 642,520 637,521 630,528 628,525 625,526 622,530 621,537 618,539 618,543 619,548 619,559 610,565 604,565 602,563 603,560 598,558 596,560 585,567 579,568 574,566 569,573 561,576 557,586 552,590 551,595 534,589 543,578 542,575 543,570 539,566 540,556 532,554 533,547 531,545 524,546 517,542 508,551 506,549 502,549 499,551 499,555 494,548 488,552 477,550 473,548 469,548 469,552 463,556 457,555 456,551 453,551 451,556 436,554 433,555 431,559 426,559 407,558 399,556 398,562 384,556 379,550 375,547 370,543 364,540 351,534 350,527 340,526 337,522 341,521 345,509 347,506 352,506 354,501 347,499 343,488 350,491 354,490 350,484 352,479 355,474 368,477 363,473 359,461 364,460 364,457 367,450 365,448 358,453 351,456 341,450 336,444 324,433 328,426 329,421 327,417 327,412 324,412 320,417 316,416 316,409 318,405 315,402 308,404 311,393 311,381 314,379 323,380 324,383 333,378 335,376 339,375 339,380 344,379 346,377 346,374 356,367 356,363 359,364 364,362 365,369 368,371 374,369 378,371 385,367 389,361 389,358 392,367 395,367 398,367 400,363 403,363 404,360 408,364 411,366 414,364 418,365 420,370 423,369 430,372 433,374 435,373 438,377 442,376 445,377 451,380 448,387 443,389 442,393 439,394 437,397 433,398 429,398 434,403 440,397 448,395 452,390 458,389 459,386 467,388 469,386 472,383 477,386 483,385 485,382 486,384 492,384 494,381 491,376 493,375 492,372 492,368 491,363 489,362 485,367 483,365 484,359 488,355 488,349 486,346 483,346 483,338 480,336 475,336 476,332 473,330 472,327 474,324 471,325 468,320 462,320 464,316 464,313 458,310 461,306 461,302 464,301 462,298 466,289 464,284 465,279 460,278 458,274 456,273 462,269 464,266 467,266 467,262 472,262 476,261 479,261 480,258 483,257 494,260 503,258 507,254Z\" fill=\"#c8ace8\" fill-opacity=\"0.95\"\/><path d=\"M518,35 519,37 523,40 527,39 529,41 537,43 541,47 550,51 562,50 568,52 575,49 579,49 581,47 584,47 589,43 594,41 595,44 599,48 599,51 595,52 594,56 589,60 585,58 584,66 582,72 576,75 575,79 576,82 570,85 569,88 564,88 559,89 559,92 559,99 556,104 557,108 553,109 553,114 555,117 548,119 545,117 540,122 539,124 542,126 545,122 547,132 545,134 537,134 537,131 535,134 531,136 530,133 527,135 524,132 524,123 517,121 516,125 513,128 511,125 513,122 507,117 506,113 504,112 500,112 497,108 495,106 487,107 489,103 486,102 490,96 490,93 486,96 481,98 477,95 477,92 481,87 487,88 491,92 497,91 500,88 495,85 494,81 485,79 487,79 488,75 488,72 484,69 487,65 481,64 479,61 466,68 463,58 472,53 477,52 481,50 482,52 486,51 487,45 490,46 492,43 492,45 495,45 497,48 496,43 501,39 503,37 514,37 518,35ZM512,103 509,109 516,113 517,116 526,116 528,118 537,118 537,114 532,116 530,113 533,110 534,106 531,107 527,106 520,103 512,104 512,103ZM477,54 474,56 476,61 477,58 479,55 477,54Z\" fill=\"#a676d3\" fill-opacity=\"0.95\"\/><\/g><g font-family=\"PP Mori,Arial,sans-serif\" text-anchor=\"middle\" font-weight=\"700\" style=\"paint-order:stroke\" stroke=\"rgba(0,0,0,0.28)\" stroke-width=\"3\"><text x=\"369\" y=\"209\" font-size=\"26\" fill=\"#fff\">58%<\/text><text x=\"365\" y=\"653\" font-size=\"26\" fill=\"#fff\">55%<\/text><text x=\"491\" y=\"422\" font-size=\"26\" fill=\"#fff\">48%<\/text><text x=\"682\" y=\"252\" font-size=\"26\" fill=\"#fff\">68%<\/text><text x=\"251\" y=\"481\" font-size=\"26\" fill=\"#fff\">73%<\/text><text x=\"850\" y=\"215\" font-size=\"26\" fill=\"#fff\">81%<\/text><\/g><\/svg>\n              <div class=\"ap-bi__lg\"><span>Darker = higher distribution %<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- P2 Forward Stock -->\n        <div class=\"ap-bi__panel\" id=\"p2\">\n          <p class=\"ap-bi__cap\">Days of cover at each distributor &mdash; and exactly what to reorder before a stock-out.<\/p>\n          <div class=\"ap-bi__kpis\">\n            <div class=\"ap-bi__kpi\"><b style=\"color:var(--r)\">409<\/b><span>Out of stock<\/span><\/div>\n            <div class=\"ap-bi__kpi\"><b style=\"color:var(--o)\">312<\/b><span>Risk of stock-out<\/span><\/div>\n            <div class=\"ap-bi__kpi\"><b style=\"color:var(--g)\">4,180<\/b><span>Normal<\/span><\/div>\n            <div class=\"ap-bi__kpi\"><b style=\"color:var(--b)\">297<\/b><span>Overstock<\/span><\/div>\n            <div class=\"ap-bi__kpi\"><b style=\"color:#232323\">&euro;11.8K<\/b><span>Daily loss at risk<\/span><\/div>\n          <\/div>\n          <div class=\"ap-bi__card\">\n            <p class=\"ap-bi__h\">Reorder suggestions &mdash; highest daily loss first<\/p>\n            <table><thead><tr><th>Distributor<\/th><th>Product<\/th><th class=\"n\">Days cover<\/th><th class=\"n\">Avg daily<\/th><th class=\"n\">Suggested order<\/th><\/tr><\/thead><tbody>\n              <tr><td>North Depot<\/td><td>Cola 0.5L<\/td><td class=\"n\"><span class=\"ap-bi__pill\" style=\"background:#fde7ec;color:var(--r)\">0<\/span><\/td><td class=\"n\">1,240<\/td><td class=\"n\">8,600<\/td><\/tr>\n              <tr><td>Metro West<\/td><td>Energy 0.25L<\/td><td class=\"n\"><span class=\"ap-bi__pill\" style=\"background:#fdeee4;color:var(--o)\">2<\/span><\/td><td class=\"n\">880<\/td><td class=\"n\">5,200<\/td><\/tr>\n              <tr><td>Central C&amp;C<\/td><td>Juice 1L<\/td><td class=\"n\"><span class=\"ap-bi__pill\" style=\"background:#fdeee4;color:var(--o)\">3<\/span><\/td><td class=\"n\">610<\/td><td class=\"n\">3,050<\/td><\/tr>\n              <tr><td>South Trade<\/td><td>Water 1.5L<\/td><td class=\"n\"><span class=\"ap-bi__pill\" style=\"background:#e8f6ee;color:var(--g)\">9<\/span><\/td><td class=\"n\">540<\/td><td class=\"n\">&mdash;<\/td><\/tr>\n            <\/tbody><\/table>\n          <\/div>\n        <\/div>\n\n        <!-- P3 Gaps -->\n        <div class=\"ap-bi__panel\" id=\"p3\">\n          <p class=\"ap-bi__cap\">Distributors not carrying your strong products &mdash; and whose customers buy them elsewhere.<\/p>\n          <div class=\"ap-bi__kpis\">\n            <div class=\"ap-bi__kpi\"><b style=\"color:var(--r)\">&euro;349K<\/b><span>Sales going to competitors<\/span><\/div>\n            <div class=\"ap-bi__kpi\"><b style=\"color:#232323\">47<\/b><span>Distributors with gaps<\/span><\/div>\n            <div class=\"ap-bi__kpi\"><b style=\"color:#232323\">128<\/b><span>Products missing somewhere<\/span><\/div>\n            <div class=\"ap-bi__kpi\"><b style=\"color:#232323\">890<\/b><span>Outlets buying elsewhere<\/span><\/div>\n          <\/div>\n          <div class=\"ap-bi__grid\">\n            <div class=\"ap-bi__card\">\n              <p class=\"ap-bi__h\">Carried vs missing &mdash; strong products<\/p>\n              <div class=\"ap-bi__row\"><span class=\"lab\">North Depot<\/span><span class=\"ap-bi__track\"><i class=\"ap-bi__fill\" style=\"width:72%;background:var(--b)\"><\/i><\/span><span class=\"ap-bi__val\" style=\"color:var(--r)\">14 missing<\/span><\/div>\n              <div class=\"ap-bi__row\"><span class=\"lab\">Metro West<\/span><span class=\"ap-bi__track\"><i class=\"ap-bi__fill\" style=\"width:81%;background:var(--b)\"><\/i><\/span><span class=\"ap-bi__val\" style=\"color:var(--r)\">9 missing<\/span><\/div>\n              <div class=\"ap-bi__row\"><span class=\"lab\">South Trade<\/span><span class=\"ap-bi__track\"><i class=\"ap-bi__fill\" style=\"width:64%;background:var(--b)\"><\/i><\/span><span class=\"ap-bi__val\" style=\"color:var(--r)\">18 missing<\/span><\/div>\n              <div class=\"ap-bi__row\"><span class=\"lab\">East Hub<\/span><span class=\"ap-bi__track\"><i class=\"ap-bi__fill\" style=\"width:88%;background:var(--b)\"><\/i><\/span><span class=\"ap-bi__val\" style=\"color:var(--r)\">6 missing<\/span><\/div>\n            <\/div>\n            <div class=\"ap-bi__card\">\n              <p class=\"ap-bi__h\">Bought from other distributors<\/p>\n              <table><thead><tr><th>Product<\/th><th class=\"n\">Sold via others<\/th><th class=\"n\">Outlets<\/th><\/tr><\/thead><tbody>\n                <tr><td>Cola 0.5L<\/td><td class=\"n\">&euro;128K<\/td><td class=\"n\">340<\/td><\/tr>\n                <tr><td>Energy 0.25L<\/td><td class=\"n\">&euro;96K<\/td><td class=\"n\">210<\/td><\/tr>\n                <tr><td>Juice 1L<\/td><td class=\"n\">&euro;74K<\/td><td class=\"n\">180<\/td><\/tr>\n                <tr><td>Snack bar<\/td><td class=\"n\">&euro;51K<\/td><td class=\"n\">150<\/td><\/tr>\n              <\/tbody><\/table>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- P4 Customers -->\n        <div class=\"ap-bi__panel\" id=\"p4\">\n          <p class=\"ap-bi__cap\">Who keeps reordering, who&#8217;s slipping away, and who you&#8217;ve won back.<\/p>\n          <div class=\"ap-bi__kpis\">\n            <div class=\"ap-bi__kpi\"><b style=\"color:#232323\">8,210<\/b><span>Regular<\/span><\/div>\n            <div class=\"ap-bi__kpi\"><b style=\"color:var(--g)\">+420<\/b><span>New<\/span><\/div>\n            <div class=\"ap-bi__kpi\"><b style=\"color:var(--r)\">&minus;1,590<\/b><span>Lost<\/span><\/div>\n            <div class=\"ap-bi__kpi\"><b style=\"color:var(--b)\">380<\/b><span>Recovered<\/span><\/div>\n          <\/div>\n          <div class=\"ap-bi__card\">\n            <p class=\"ap-bi__h\">Customer dynamics &mdash; last 6 months<\/p>\n            <div class=\"ap-bi__bars\">\n              <div class=\"col\"><i style=\"height:26%;background:var(--r)\"><\/i><i style=\"height:12%;background:var(--b)\"><\/i><i style=\"height:20%;background:var(--g)\"><\/i><\/div>\n              <div class=\"col\"><i style=\"height:38%;background:var(--r)\"><\/i><i style=\"height:9%;background:var(--b)\"><\/i><i style=\"height:13%;background:var(--g)\"><\/i><\/div>\n              <div class=\"col\"><i style=\"height:16%;background:var(--r)\"><\/i><i style=\"height:18%;background:var(--b)\"><\/i><i style=\"height:28%;background:var(--g)\"><\/i><\/div>\n              <div class=\"col\"><i style=\"height:14%;background:var(--r)\"><\/i><i style=\"height:14%;background:var(--b)\"><\/i><i style=\"height:36%;background:var(--g)\"><\/i><\/div>\n              <div class=\"col\"><i style=\"height:30%;background:var(--r)\"><\/i><i style=\"height:16%;background:var(--b)\"><\/i><i style=\"height:18%;background:var(--g)\"><\/i><\/div>\n              <div class=\"col\"><i style=\"height:11%;background:var(--r)\"><\/i><i style=\"height:22%;background:var(--b)\"><\/i><i style=\"height:40%;background:var(--g)\"><\/i><\/div>\n            <\/div>\n            <div class=\"ap-bi__lx\"><span>Jan<\/span><span>Feb<\/span><span>Mar<\/span><span>Apr<\/span><span>May<\/span><span>Jun<\/span><\/div>\n            <div class=\"ap-bi__lg\"><span><i style=\"background:var(--g)\"><\/i>New<\/span><span><i style=\"background:var(--b)\"><\/i>Recovered<\/span><span><i style=\"background:var(--r)\"><\/i>Lost<\/span><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- P5 Targets -->\n        <div class=\"ap-bi__panel\" id=\"p5\">\n          <p class=\"ap-bi__cap\">How reps and distributors track against targets built on confirmed sell-out.<\/p>\n          <div class=\"ap-bi__kpis\">\n            <div class=\"ap-bi__kpi\"><b style=\"color:#232323\">92%<\/b><span>YTD realization<\/span><\/div>\n            <div class=\"ap-bi__kpi\"><b style=\"color:var(--g)\">8<\/b><span>Months on track<\/span><\/div>\n            <div class=\"ap-bi__kpi\"><b style=\"color:var(--r)\">2<\/b><span>Months at risk<\/span><\/div>\n          <\/div>\n          <div class=\"ap-bi__grid\">\n            <div class=\"ap-bi__card\">\n              <p class=\"ap-bi__h\">Target attainment by region<\/p>\n              <svg viewBox=\"0 0 1000 1298\" style=\"height:300px;width:auto;max-width:100%;display:block;margin:0 auto\" role=\"img\" aria-label=\"Target attainment by region (Italy), illustrative\"><g stroke=\"#ffffff\" stroke-width=\"1.6\" stroke-linejoin=\"round\"><path d=\"M153,70 155,73 154,76 155,78 155,81 155,85 152,88 153,91 153,94 155,96 157,97 160,97 161,100 163,102 165,105 167,107 170,108 172,110 176,111 175,114 176,116 177,119 176,121 174,123 170,126 167,129 165,131 164,133 165,137 166,140 164,143 162,145 162,147 164,149 165,152 168,153 170,154 170,157 172,159 173,161 171,164 173,165 175,168 175,170 175,173 175,176 178,178 180,179 182,182 183,184 185,187 186,189 184,191 181,191 178,192 179,195 178,197 176,200 174,201 171,200 171,198 168,195 165,195 162,194 160,196 161,198 158,200 159,203 160,205 162,207 160,208 161,211 164,211 161,214 162,216 164,217 166,219 167,222 168,224 169,227 169,229 171,232 174,231 176,231 179,232 182,232 184,230 186,229 189,227 191,230 191,233 193,235 195,235 197,237 197,240 199,242 200,245 202,247 205,249 204,251 205,253 208,254 210,256 213,255 214,257 214,260 217,262 217,265 217,267 216,270 217,273 216,277 216,280 214,280 211,282 209,281 208,278 206,276 204,277 203,274 201,272 199,272 196,270 193,271 192,274 190,275 192,277 192,280 193,283 190,284 188,283 185,283 185,286 182,288 182,290 180,288 179,286 178,283 176,281 173,281 171,281 168,280 166,282 167,285 165,287 163,289 160,289 158,289 155,288 153,290 151,289 149,291 147,293 145,292 142,291 139,289 137,287 134,288 134,292 132,293 133,296 133,299 131,302 129,303 128,305 127,308 124,309 124,312 121,311 121,314 123,315 121,317 122,320 122,323 123,326 122,328 120,330 117,329 115,330 116,332 114,334 112,335 109,334 106,334 103,333 100,332 97,331 95,331 92,332 92,335 94,337 93,339 91,336 89,334 87,331 88,328 86,326 84,328 81,329 78,330 75,330 72,331 69,332 67,333 65,332 61,333 60,330 58,330 55,330 52,328 50,327 48,325 46,323 43,324 41,322 39,321 35,321 33,320 31,318 31,315 28,313 27,310 25,309 24,306 23,303 23,300 25,299 24,296 23,293 21,292 19,289 20,286 22,284 24,282 26,280 27,277 28,275 27,272 30,269 33,269 37,270 37,267 35,266 33,263 33,260 31,258 33,255 32,252 29,251 26,250 24,251 21,251 19,250 16,248 13,247 11,245 11,242 12,239 10,236 10,234 8,232 6,232 3,231 3,228 2,226 0,223 4,220 6,218 10,219 12,216 14,217 17,218 19,220 21,219 22,215 25,215 27,213 29,211 32,209 34,209 37,211 39,208 41,206 43,205 42,201 41,199 43,197 44,195 45,191 47,189 45,187 41,186 40,183 41,181 42,178 43,180 47,180 49,181 52,179 54,177 57,176 59,176 62,175 65,175 67,173 69,171 71,169 74,169 76,169 79,168 82,169 84,170 87,171 91,172 93,172 96,171 98,169 101,167 104,167 106,167 107,165 110,163 109,160 108,158 109,155 109,152 107,150 106,148 104,146 104,143 104,140 105,138 104,134 104,132 105,128 105,125 107,124 111,122 113,122 116,121 117,118 118,115 118,112 120,111 123,110 125,108 128,107 128,104 129,102 128,99 127,97 125,95 123,94 125,91 127,88 130,89 133,88 134,85 137,84 139,81 141,80 142,78 140,76 142,75 144,73 147,72 150,71 152,70 153,70Z\" fill=\"#1aa15a\" fill-opacity=\"0.95\"\/><path d=\"M305,53 304,56 306,58 309,60 311,60 314,60 317,61 320,61 322,63 323,66 326,67 328,67 331,68 334,70 336,72 336,75 337,77 335,79 332,80 330,81 327,82 331,86 332,88 331,90 333,93 332,96 331,98 329,101 331,103 330,106 330,109 328,112 326,114 324,116 325,119 322,121 322,124 325,125 324,128 326,130 326,133 325,135 326,138 326,140 329,142 328,145 331,146 333,145 336,144 339,142 341,141 344,140 347,140 349,140 353,140 353,143 352,145 350,148 348,151 345,155 344,158 342,160 337,166 337,169 337,174 337,177 337,180 338,183 338,186 342,187 344,189 342,192 342,194 344,197 345,200 349,199 352,201 354,203 356,206 359,206 362,208 363,210 365,211 367,213 368,216 370,216 371,219 371,221 374,223 376,221 379,222 380,220 383,221 383,224 382,227 385,228 387,229 390,228 390,230 392,232 394,234 400,237 403,238 400,239 396,239 393,238 391,240 388,240 386,240 383,241 380,241 378,239 375,239 373,240 370,239 367,239 365,241 363,243 358,244 357,242 353,242 351,241 348,240 346,237 344,236 343,238 341,236 339,238 338,241 336,243 333,244 330,244 327,244 325,242 323,241 320,240 319,237 316,236 314,238 312,237 310,235 307,234 305,232 303,231 300,231 298,229 295,230 293,232 291,229 288,229 287,227 286,225 285,222 283,220 280,220 278,222 278,220 274,219 274,222 275,224 273,224 270,223 270,226 267,225 265,223 263,221 263,224 261,227 258,227 255,225 253,224 253,222 252,219 251,222 248,222 247,220 246,223 244,225 242,223 240,223 236,224 234,225 232,227 231,229 231,232 229,234 228,236 227,239 226,241 224,244 224,247 227,248 229,252 230,254 228,256 226,258 224,260 226,263 227,265 226,267 224,270 221,270 220,267 219,269 217,269 217,267 217,264 216,261 214,259 214,257 211,256 208,254 205,253 204,251 205,249 204,247 201,245 199,242 197,240 198,238 196,235 193,236 191,233 191,230 190,228 187,229 184,229 183,232 180,233 178,231 176,230 173,231 170,231 169,229 169,226 168,224 167,221 165,219 163,216 161,214 164,212 160,212 160,210 161,207 161,205 159,202 158,199 160,197 162,194 164,195 167,194 171,198 171,200 173,201 176,200 177,197 179,196 177,193 179,192 182,192 185,190 185,188 184,186 183,183 182,181 180,179 177,178 175,175 175,173 175,170 175,168 173,165 171,163 172,161 170,159 170,155 168,153 165,152 164,149 162,147 162,145 164,143 166,140 165,137 164,135 165,131 167,129 170,126 173,124 175,121 177,119 176,116 175,114 176,111 177,109 179,111 182,112 185,112 187,114 186,117 184,119 182,122 185,124 187,125 189,127 191,128 192,131 193,133 194,136 193,139 195,140 198,140 200,142 203,141 204,138 206,135 206,132 204,131 201,130 201,128 199,126 201,124 201,120 201,117 204,115 206,114 206,110 208,108 210,106 212,104 215,103 216,101 217,99 219,96 221,94 222,91 223,89 224,86 225,84 223,81 223,78 223,75 220,74 222,72 223,68 225,66 228,66 231,66 232,68 234,70 235,68 238,66 238,69 238,71 238,75 239,78 239,80 241,81 242,84 244,86 246,88 249,89 251,90 254,90 256,88 259,90 260,88 261,85 263,84 266,84 268,83 271,81 274,81 276,80 279,80 282,82 282,86 283,88 284,91 287,92 289,94 288,97 290,97 293,97 296,96 298,94 297,91 296,89 294,87 292,84 294,82 295,79 297,78 297,76 295,74 292,75 289,74 287,73 288,69 288,65 288,62 289,60 291,58 292,54 295,54 297,53 300,52 302,52 305,53ZM197,126 197,124 197,126Z\" fill=\"#1aa15a\" fill-opacity=\"0.95\"\/><path d=\"M469,1 472,2 470,4 469,7 466,8 462,9 463,12 463,15 466,17 465,19 468,21 469,23 472,23 474,23 476,25 477,28 476,31 475,34 478,34 481,35 483,38 484,41 487,44 489,45 492,45 489,47 487,49 484,50 483,53 480,52 478,53 475,53 472,53 470,54 467,53 465,51 462,50 460,48 458,47 458,50 457,53 456,55 455,58 453,61 449,61 447,63 444,63 441,64 437,65 436,68 439,69 442,70 442,73 440,74 438,76 438,79 436,81 434,81 435,84 437,86 438,88 437,90 439,92 442,91 442,94 445,94 444,97 446,99 449,100 448,102 445,104 444,107 442,109 439,110 437,110 434,111 431,111 428,111 426,112 425,115 427,117 424,118 424,121 426,123 425,126 421,126 418,125 417,123 414,121 411,121 409,122 406,124 403,124 400,124 399,127 398,129 397,132 394,131 392,131 389,133 387,136 388,138 386,141 384,143 384,145 383,148 382,150 381,154 379,156 377,156 374,155 371,155 369,154 368,156 365,158 362,159 360,157 358,154 356,154 356,151 357,149 357,146 358,143 356,142 353,140 350,141 348,140 345,140 342,140 339,141 338,144 335,144 333,145 330,146 329,144 328,142 326,138 325,136 326,133 326,130 324,128 325,126 322,125 322,122 323,120 324,117 325,115 327,113 329,111 330,108 330,106 331,102 330,99 332,97 333,95 332,91 332,89 331,86 328,84 330,81 332,80 335,79 337,77 336,75 336,72 334,70 331,68 328,67 326,67 323,66 322,63 324,60 325,56 325,54 323,51 320,51 317,47 317,44 319,42 317,40 320,38 321,36 320,33 322,31 323,28 325,27 328,27 331,28 333,27 336,25 339,25 342,25 343,27 346,29 348,30 346,32 349,34 352,35 355,35 358,37 360,36 363,35 366,36 369,36 371,34 373,31 374,29 374,26 375,24 376,21 377,19 380,18 382,17 383,14 386,14 388,13 392,12 394,11 397,11 399,13 402,14 405,13 407,11 410,9 412,11 414,11 417,10 420,9 424,11 428,11 429,13 432,13 435,11 438,11 440,9 443,8 446,6 449,6 452,5 454,5 457,4 460,2 462,2 465,1 468,0 469,1Z\" fill=\"#6bbf59\" fill-opacity=\"0.95\"\/><path d=\"M494,46 498,48 500,49 503,49 506,49 509,49 511,50 513,51 513,54 514,56 513,59 511,62 508,63 506,64 506,67 507,70 504,69 501,69 498,70 495,72 494,74 492,77 490,78 490,82 487,83 486,85 484,85 481,88 480,90 479,93 480,95 482,97 486,97 487,99 489,102 491,104 493,105 493,108 493,110 490,112 488,114 486,116 487,119 487,122 488,125 488,128 490,129 492,130 495,132 496,135 496,137 499,139 500,142 503,140 506,143 507,145 510,144 512,142 515,141 516,139 519,139 520,142 522,140 524,139 525,141 528,142 531,142 532,140 534,142 534,145 536,148 536,150 537,153 539,154 540,156 541,159 543,161 541,163 538,164 535,164 532,164 530,165 527,167 524,169 521,170 518,172 516,173 513,175 510,176 507,177 504,179 502,180 498,181 496,183 493,184 490,185 488,187 485,186 483,188 482,190 481,193 479,195 479,198 478,202 477,205 477,208 477,210 478,213 480,216 479,218 480,221 480,224 482,226 484,228 486,229 488,232 490,233 493,235 498,237 496,240 495,242 494,245 493,248 491,251 489,253 487,256 485,257 482,255 481,253 479,250 476,249 476,246 476,243 475,241 472,241 469,242 467,242 464,242 462,240 459,237 457,237 453,237 451,236 448,236 445,237 443,237 440,237 437,237 434,237 432,239 430,240 428,242 426,243 423,244 421,246 418,247 417,244 415,243 413,241 410,241 407,241 404,242 403,238 401,237 396,235 394,233 392,232 390,230 388,229 385,228 383,227 384,225 385,222 382,221 379,220 377,222 375,223 372,222 370,220 372,218 369,217 367,214 366,212 363,211 362,208 360,208 357,206 354,204 352,202 350,200 347,201 345,199 343,196 344,193 344,190 342,187 340,186 338,184 338,181 337,178 337,174 337,170 337,167 341,161 343,159 345,156 347,153 349,150 350,147 352,145 354,143 357,142 357,145 358,148 356,150 355,153 358,154 361,156 362,158 365,157 368,156 369,154 371,155 374,155 376,156 379,156 380,154 382,152 383,149 383,147 384,144 385,142 386,139 388,136 389,133 390,131 393,131 396,132 398,130 400,128 399,125 403,124 406,124 408,122 411,121 413,121 416,121 417,124 419,126 423,126 425,125 425,123 424,120 425,117 425,113 427,112 430,110 433,111 436,110 439,110 442,109 444,107 445,104 448,103 449,100 446,99 444,97 446,95 443,94 442,91 440,92 437,90 438,88 437,86 435,84 433,82 435,81 438,81 438,78 438,75 441,74 442,71 439,69 436,69 436,66 439,65 442,64 445,63 447,62 451,61 454,60 455,57 456,54 457,52 457,49 460,48 462,50 465,51 467,53 468,55 470,54 472,52 476,53 478,52 482,53 485,52 486,50 488,48 491,46 494,46 494,46Z\" fill=\"#6bbf59\" fill-opacity=\"0.95\"\/><path d=\"M580,146 580,149 581,152 579,154 577,155 574,157 572,158 569,158 566,157 562,156 560,155 557,154 553,154 551,155 548,156 547,158 545,160 542,160 541,158 539,156 538,153 537,151 536,148 534,145 535,143 533,141 531,142 528,142 525,141 524,139 522,140 520,142 519,140 517,139 515,141 512,141 510,144 508,146 506,143 504,141 502,142 499,141 498,138 497,135 494,134 494,131 492,130 490,128 487,127 488,124 487,121 486,118 487,116 489,113 491,112 493,109 494,107 492,104 489,102 489,99 486,99 485,97 482,96 480,95 479,92 481,90 482,86 484,85 487,84 489,82 491,80 492,77 493,75 495,72 497,71 500,69 502,70 505,69 505,66 506,64 509,63 512,61 515,61 514,58 514,55 513,53 515,50 518,50 520,52 522,53 525,54 528,54 531,54 533,55 536,55 539,55 543,55 546,56 549,56 552,58 555,59 559,59 561,60 564,59 566,58 570,58 573,60 576,60 578,59 582,60 584,62 588,61 591,63 594,64 596,65 595,68 595,71 593,73 591,73 588,73 585,74 584,77 581,79 578,81 575,82 573,82 573,85 571,87 569,89 569,91 570,95 571,98 573,98 576,97 578,98 582,98 583,100 587,101 590,101 592,103 591,106 589,108 587,110 585,111 582,113 579,115 579,118 577,121 577,124 580,125 583,126 585,123 588,124 589,126 589,129 588,131 586,134 586,136 584,139 586,142 588,145 591,145 593,146 595,147 598,149 600,150 603,151 605,154 606,156 608,159 610,161 613,163 610,166 608,168 605,169 602,169 600,168 597,168 600,166 603,166 601,164 598,163 601,161 599,158 598,156 595,154 593,152 590,150 587,148 585,147 582,146 580,146Z\" fill=\"#6bbf59\" fill-opacity=\"0.95\"\/><path d=\"M95,368 93,369 90,369 88,371 85,370 82,369 79,369 76,370 74,366 73,363 74,360 77,358 78,355 79,353 82,351 84,350 87,349 88,346 87,343 89,342 91,339 93,338 92,335 92,332 94,331 97,331 100,332 103,333 105,333 108,334 111,335 114,334 116,335 116,332 114,331 116,329 118,329 121,330 122,327 123,324 121,322 122,319 122,317 122,314 121,311 124,312 124,310 127,308 128,305 129,303 131,302 133,300 134,297 132,294 134,292 134,289 136,287 138,289 141,290 143,291 145,293 148,293 149,290 152,290 154,288 157,289 160,289 163,290 164,287 166,286 166,282 168,280 171,281 173,281 176,281 178,283 179,286 180,288 180,291 182,290 183,287 185,285 188,283 190,284 193,283 192,280 192,277 190,275 192,273 194,270 196,271 199,272 201,272 203,276 206,276 208,278 209,281 211,282 214,281 216,280 217,277 220,277 222,279 225,278 227,280 230,281 232,280 235,282 238,283 241,284 242,287 241,290 240,292 238,295 237,297 239,299 242,298 245,298 248,297 251,298 253,300 255,301 256,304 259,305 260,308 263,310 264,312 267,314 270,315 272,317 272,320 272,322 272,326 274,323 277,324 275,327 278,327 280,327 282,330 283,332 282,335 285,333 288,333 289,335 288,338 285,341 282,341 279,341 276,338 273,337 272,335 269,334 269,337 271,339 269,339 266,338 264,337 262,335 260,333 257,331 255,330 252,330 251,328 247,326 246,323 243,322 241,320 238,319 236,317 233,317 232,314 229,312 227,311 223,309 221,308 218,309 217,311 215,311 212,310 213,308 211,306 208,305 205,304 201,303 199,302 196,302 193,301 191,301 185,300 183,298 180,299 177,299 174,300 172,302 169,303 166,305 163,306 161,308 158,309 157,312 155,313 153,315 154,317 152,319 150,322 151,324 149,326 146,326 144,327 141,329 139,330 137,332 135,335 135,337 134,340 133,342 131,344 129,346 129,349 128,352 126,354 123,355 122,358 119,359 117,360 114,361 111,363 109,363 106,364 103,365 100,366 97,366 95,368ZM192,302 189,301 192,302 192,302ZM188,301 184,300 188,301 188,301Z\" fill=\"#1aa15a\" fill-opacity=\"0.95\"\/><path d=\"M475,286 475,289 476,291 476,294 477,299 478,301 479,305 480,308 481,311 481,314 482,317 483,320 485,322 487,324 489,327 492,331 494,333 496,335 498,337 501,338 503,341 505,344 508,346 511,348 514,350 514,353 513,355 513,359 512,362 509,362 509,365 506,365 503,365 502,362 502,360 499,361 496,360 496,357 493,355 495,353 494,349 492,348 489,351 486,351 487,354 486,357 487,359 485,358 483,360 481,362 480,365 478,368 476,369 476,372 473,373 470,373 469,375 466,374 462,374 459,374 456,373 454,373 451,373 448,371 446,369 444,367 441,367 439,367 436,366 434,364 432,362 429,361 427,359 428,355 425,353 426,351 423,349 422,347 423,344 425,343 426,340 428,338 430,336 431,334 428,332 425,332 423,335 420,333 417,333 418,331 419,328 416,328 413,329 411,328 409,326 406,324 406,322 404,320 401,321 400,323 397,323 395,325 393,327 389,328 386,329 387,332 389,333 387,335 384,334 382,334 379,334 376,335 372,336 370,335 368,332 365,333 364,335 362,337 360,339 359,336 356,335 353,333 351,332 348,330 345,328 342,328 339,329 336,330 336,333 333,333 330,330 328,328 327,325 324,323 323,321 321,321 318,319 315,316 313,316 310,314 307,315 304,315 302,312 300,311 298,309 296,307 293,307 290,306 288,304 286,303 283,302 284,299 283,296 281,295 278,293 275,293 273,293 269,294 267,296 265,298 263,300 262,303 258,305 256,303 255,300 252,299 250,297 247,297 245,298 241,299 238,299 238,296 239,293 241,292 242,289 242,286 240,283 237,283 235,281 232,281 229,281 226,279 223,279 220,279 218,277 216,275 217,272 216,270 219,269 219,267 221,269 224,269 226,269 226,266 228,264 225,262 226,259 228,256 230,254 229,252 228,249 226,248 224,246 224,243 226,241 227,239 228,236 230,234 231,231 231,229 233,227 235,225 238,224 241,223 243,224 246,224 245,222 248,222 251,222 252,219 253,221 253,224 255,225 257,226 260,228 262,226 262,223 265,224 267,225 268,228 270,225 271,223 273,225 275,223 273,222 276,219 277,221 280,221 282,219 284,221 286,223 286,226 288,228 290,229 291,231 295,231 297,229 299,231 303,231 305,232 307,234 309,234 311,236 313,238 316,237 318,236 320,239 322,241 325,242 327,244 330,244 333,244 336,243 338,241 339,238 341,236 343,237 346,236 346,239 348,240 351,241 354,242 357,243 360,243 363,242 366,241 368,239 372,239 374,239 378,239 380,241 383,241 386,240 388,240 391,241 393,239 395,238 398,240 401,239 403,241 406,241 409,241 412,241 414,242 417,244 417,246 420,247 422,245 425,244 427,243 430,242 430,239 433,238 435,237 438,237 441,237 444,237 446,237 450,236 452,236 455,237 459,237 462,239 463,242 466,241 468,242 471,243 473,241 476,242 476,244 476,248 477,250 480,251 481,253 483,256 485,257 482,257 479,257 480,255 478,252 476,252 474,254 474,257 473,261 472,263 472,267 472,270 473,273 474,276 475,280 476,283 475,286ZM471,367 468,368 467,370 471,370 471,368 471,367Z\" fill=\"#1aa15a\" fill-opacity=\"0.95\"\/><path d=\"M298,351 296,349 293,346 291,345 289,343 286,342 287,338 290,336 288,334 285,333 284,335 283,332 282,330 281,327 278,327 275,327 277,325 276,322 273,324 273,321 272,318 270,316 268,314 265,313 264,311 261,309 260,307 258,305 260,303 263,302 264,299 266,297 268,295 271,293 274,293 277,293 280,294 282,296 284,297 283,300 284,302 287,304 290,306 292,307 295,306 297,308 299,310 301,312 303,314 305,316 307,315 310,315 313,316 317,318 320,321 323,320 325,322 326,325 328,328 330,330 332,332 335,333 336,331 338,328 340,329 343,329 346,328 349,331 351,332 354,334 358,335 360,336 360,339 363,337 365,334 367,331 369,334 371,335 374,336 377,334 381,333 384,334 387,335 390,334 388,332 385,331 387,329 391,328 393,327 395,325 398,323 401,322 403,319 405,321 405,324 408,325 410,328 413,329 415,327 418,328 418,331 417,333 420,333 422,334 424,333 427,333 430,332 431,334 429,337 427,340 426,342 423,344 422,347 423,349 426,351 425,353 428,355 428,357 428,360 430,362 434,363 436,365 438,367 441,366 443,367 445,369 448,371 450,372 453,372 456,373 458,375 460,374 464,374 467,375 469,373 472,373 475,372 478,373 480,375 482,377 480,379 480,382 478,380 478,376 477,379 476,382 472,382 471,385 469,385 469,388 469,390 467,393 465,397 462,399 459,401 461,403 464,404 461,406 459,409 456,409 454,411 456,413 458,416 461,416 463,419 463,421 463,425 466,426 468,423 470,424 468,427 466,428 464,430 461,430 459,431 457,430 455,433 454,435 452,438 450,438 447,440 445,442 445,445 446,447 446,450 449,450 450,453 449,455 449,458 448,460 448,463 447,466 446,469 448,471 446,472 445,475 443,476 440,476 437,477 436,479 434,478 431,480 432,483 433,485 436,486 436,488 435,491 434,494 435,496 434,498 432,498 430,501 428,501 425,503 424,505 421,507 419,506 417,509 415,511 417,513 419,515 420,517 420,520 417,521 414,521 411,521 409,521 408,523 406,526 403,526 400,526 397,525 394,524 391,524 389,523 387,523 385,526 384,528 381,529 379,527 376,526 375,523 376,520 380,521 383,519 384,516 384,513 383,510 381,507 379,508 377,505 376,502 375,500 372,498 369,497 368,494 367,492 366,489 364,487 362,486 359,485 356,484 353,483 351,483 348,482 345,480 348,479 349,476 349,474 349,471 349,468 346,466 344,465 341,464 338,463 334,463 331,463 329,466 327,465 325,463 325,461 327,459 327,456 328,453 329,448 329,445 329,442 329,439 329,436 328,433 327,429 326,426 325,424 323,422 322,420 320,418 320,416 319,413 317,410 316,408 313,406 311,403 310,401 308,397 310,394 308,392 308,389 308,386 307,383 307,379 307,375 306,371 306,368 304,363 304,360 301,356 300,353 298,351ZM319,473 321,475 320,477 320,481 318,484 318,487 320,489 317,490 315,488 314,486 311,485 311,487 310,485 308,487 305,487 304,489 300,488 298,488 294,487 293,485 292,482 295,480 297,479 300,480 303,481 305,480 307,478 310,478 312,481 314,479 316,477 318,473 319,473ZM358,526 360,528 361,531 362,533 358,531 356,529 358,526 358,526ZM270,452 270,455 268,457 266,455 267,452 269,450 270,452ZM471,368 470,370 467,370 468,368 471,367 471,368ZM310,531 312,533 309,534 308,531 310,531ZM291,504 291,506 288,506 290,504 290,501 291,504Z\" fill=\"#6bbf59\" fill-opacity=\"0.95\"\/><path d=\"M482,391 483,393 481,396 478,397 480,399 483,398 484,401 486,399 490,400 494,400 496,401 497,404 499,406 501,408 504,410 508,409 511,410 513,407 515,407 516,409 517,413 515,414 516,417 518,419 519,422 519,424 519,427 521,428 521,432 523,434 525,437 524,440 522,443 525,444 526,447 527,449 527,452 528,455 527,458 528,460 529,463 531,464 533,466 533,469 534,471 536,470 539,468 542,468 545,470 547,473 549,476 552,476 554,475 556,473 557,475 557,478 557,481 556,483 554,484 553,486 552,489 551,491 550,495 548,497 546,496 544,499 541,500 539,499 536,501 534,501 531,501 528,501 526,504 527,506 524,507 522,509 519,510 517,510 515,513 512,513 513,516 511,518 509,520 506,519 504,517 504,520 503,523 502,525 500,526 497,528 495,526 492,525 490,525 491,523 488,522 487,520 488,518 487,515 485,514 482,516 480,515 477,515 476,513 474,511 475,508 472,506 472,503 472,500 470,497 468,496 466,494 464,496 461,496 458,496 456,497 453,496 450,494 447,493 446,491 447,489 449,487 449,484 446,483 445,480 444,478 444,475 446,473 448,472 448,470 446,468 447,465 447,462 448,459 449,456 450,453 449,450 447,452 445,450 445,445 445,442 447,440 450,439 452,438 454,436 455,433 455,430 457,430 460,431 462,429 465,429 466,427 469,426 469,424 467,426 463,425 463,423 463,420 462,417 459,417 458,414 455,413 454,410 457,409 460,408 462,406 461,403 459,401 462,399 465,399 465,395 467,393 469,390 471,391 474,392 477,391 479,390 482,389 482,391Z\" fill=\"#6bbf59\" fill-opacity=\"0.95\"\/><path d=\"M578,388 580,389 582,391 584,393 587,395 589,397 588,400 589,403 590,405 592,409 593,412 594,415 595,418 596,421 598,423 599,427 600,429 601,432 602,434 603,437 604,439 605,442 606,445 607,448 607,450 608,454 609,456 609,459 610,462 611,464 612,467 613,469 610,470 608,471 605,471 601,473 599,474 595,475 595,478 592,479 590,480 586,480 584,480 582,479 579,482 578,484 577,487 574,488 573,491 570,492 567,492 564,491 562,489 560,487 558,488 553,488 553,485 554,483 557,482 558,479 557,477 556,474 554,475 552,476 549,476 548,474 545,470 543,469 541,467 538,469 535,469 535,472 533,470 534,467 531,464 529,463 527,461 527,458 527,455 527,453 527,449 526,447 526,444 523,444 522,442 524,439 525,436 522,434 521,430 520,428 519,425 519,422 518,419 516,417 515,414 517,413 516,410 517,408 515,406 512,408 510,410 506,409 504,411 503,409 500,408 498,405 497,403 495,401 492,399 489,398 486,399 483,398 480,399 478,397 480,396 482,394 482,391 480,390 478,392 475,391 471,391 470,389 468,387 470,385 473,383 475,382 477,380 477,377 479,380 481,378 481,376 478,373 476,373 476,370 478,368 480,366 481,363 482,360 484,359 487,360 487,357 490,357 492,358 495,356 497,358 497,361 499,360 502,361 504,363 504,366 507,365 509,363 512,362 513,359 513,356 514,353 515,351 518,350 520,351 523,352 526,354 529,356 531,358 533,360 536,362 538,363 540,365 542,367 544,369 546,371 550,374 552,376 554,378 557,380 560,382 562,383 564,385 567,386 569,387 571,388 574,390 577,390 578,388Z\" fill=\"#6bbf59\" fill-opacity=\"0.95\"\/><path d=\"M504,632 503,630 501,626 499,624 497,621 495,618 494,616 491,613 489,610 486,608 483,605 480,603 478,601 475,600 473,599 471,597 470,594 469,590 468,588 467,585 466,582 464,580 462,578 460,577 457,575 455,573 453,571 450,570 449,568 446,566 443,565 439,566 437,564 436,561 433,559 432,556 430,554 430,552 428,548 427,546 426,543 424,541 422,538 420,536 418,535 415,533 413,531 411,530 408,529 406,528 406,525 408,523 410,521 413,520 416,521 419,521 420,517 419,515 417,513 415,511 417,509 416,506 420,507 423,506 425,504 427,502 430,501 431,499 433,499 436,497 434,495 434,492 435,490 436,487 434,485 432,483 431,481 432,478 435,480 436,478 439,477 441,476 444,477 445,480 446,483 448,483 450,485 448,488 446,490 447,492 449,494 452,495 454,497 457,497 460,496 463,496 465,494 468,496 470,497 472,499 472,503 472,506 474,507 475,510 475,512 477,514 480,515 482,517 484,514 487,515 486,517 486,520 487,523 490,522 489,525 492,525 495,525 495,528 498,527 500,526 503,525 503,522 504,519 506,517 506,520 510,520 513,518 512,515 513,513 516,513 518,510 521,510 523,508 525,507 527,505 526,502 528,501 532,501 534,501 537,500 540,500 543,499 546,497 549,497 551,493 552,491 552,488 555,488 558,488 560,488 563,489 565,492 565,494 567,497 570,498 569,501 569,503 566,505 563,505 561,506 558,505 555,505 553,504 551,506 550,509 550,512 550,515 549,518 546,519 548,522 549,524 552,525 550,528 551,532 554,533 555,536 556,539 559,541 560,544 563,544 564,547 567,549 565,550 563,552 562,554 559,554 556,555 554,554 551,552 548,552 546,550 543,550 543,553 541,556 538,557 538,559 538,562 539,565 541,568 543,569 546,568 549,569 552,571 555,572 558,573 560,575 563,576 565,579 568,580 567,583 567,585 567,588 569,588 572,589 574,590 577,592 579,593 580,596 583,596 586,596 588,595 590,592 592,591 594,593 597,593 599,595 600,598 603,598 605,599 608,600 611,600 613,601 614,604 616,606 618,608 619,610 620,613 621,615 620,618 622,620 621,622 620,624 618,626 619,629 616,631 614,633 611,634 608,635 609,637 609,642 610,645 611,648 608,649 605,650 606,653 603,654 601,655 598,655 596,654 593,654 591,653 588,653 585,654 584,656 585,658 582,658 580,657 578,656 575,655 571,652 569,651 566,650 564,649 561,648 559,649 556,650 553,650 551,651 548,652 546,654 544,656 541,657 539,655 538,652 537,649 535,646 533,643 532,641 530,639 526,637 524,636 521,635 518,635 515,635 512,633 510,631 507,631 504,632ZM533,691 532,693 533,691 535,689 533,690 533,691Z\" fill=\"#6bbf59\" fill-opacity=\"0.95\"\/><path d=\"M613,470 614,473 614,476 615,479 616,482 617,484 618,487 619,490 620,492 622,495 624,497 625,500 626,502 627,504 629,507 632,510 635,514 637,516 639,518 641,520 644,523 647,524 649,526 651,527 653,529 655,531 657,535 660,537 662,539 663,542 665,543 667,545 670,546 672,547 675,549 679,550 680,552 680,555 680,557 682,560 684,561 684,564 686,566 684,568 681,569 679,572 677,575 676,577 675,580 673,581 671,583 670,586 669,588 666,590 665,592 663,595 661,597 658,596 658,593 658,591 657,588 656,586 653,584 651,584 648,583 646,582 644,580 642,582 639,584 638,586 636,588 633,588 633,590 634,593 636,595 636,598 634,596 632,598 630,601 628,599 625,600 624,603 622,605 619,604 617,604 614,603 612,601 610,600 607,599 605,599 602,599 599,597 598,594 597,592 594,593 592,591 590,593 587,595 585,596 583,596 580,595 579,592 575,591 574,590 571,588 569,590 567,588 567,585 568,582 567,579 564,578 562,575 559,574 556,573 554,571 551,570 548,569 545,567 543,569 540,567 539,565 537,561 538,559 541,556 543,554 544,551 546,550 548,552 551,553 554,554 556,555 559,554 562,554 563,552 565,550 567,550 565,548 564,545 562,544 559,543 557,540 555,538 555,535 553,533 550,531 551,527 551,524 548,522 546,520 548,518 551,516 551,513 549,511 551,509 551,506 553,504 556,506 559,505 562,506 566,505 568,505 569,502 570,499 568,497 566,495 566,492 569,493 571,491 573,489 576,488 578,486 578,484 580,481 582,478 584,480 586,480 589,480 592,479 594,478 596,475 598,474 601,474 603,473 606,471 609,470 612,470 613,470Z\" fill=\"#ef8a3c\" fill-opacity=\"0.95\"\/><path d=\"M691,565 694,567 696,568 700,569 703,569 705,571 709,574 711,576 713,577 715,579 715,582 715,585 713,587 713,590 714,592 712,596 714,598 714,600 716,602 714,604 713,606 710,607 708,609 706,611 703,611 701,609 699,612 699,614 700,617 699,620 699,623 701,624 703,626 703,629 700,630 698,631 695,632 693,634 689,633 687,631 685,632 684,635 680,637 678,636 676,638 673,638 672,640 669,639 666,639 664,639 661,638 660,636 658,634 656,633 653,633 650,632 647,631 645,629 642,628 640,626 637,626 635,626 633,628 631,626 629,627 627,629 627,633 629,635 629,638 627,637 623,638 622,635 620,633 620,631 619,628 618,625 621,624 620,621 622,619 620,618 621,614 619,610 618,608 616,606 618,604 621,605 623,603 625,601 627,599 629,601 630,598 633,598 634,596 636,598 637,595 634,594 633,591 633,588 636,587 638,586 639,584 641,582 643,580 645,582 648,583 650,585 651,583 654,585 656,587 658,590 658,593 658,595 661,597 662,595 665,593 666,590 669,589 670,587 671,584 672,582 675,580 676,578 677,575 678,573 680,571 682,569 684,568 685,565 685,563 688,563 690,565 691,565Z\" fill=\"#ef8a3c\" fill-opacity=\"0.95\"\/><path d=\"M623,704 624,701 624,699 624,696 623,693 622,691 620,687 618,684 616,682 614,679 612,675 611,672 610,669 608,667 607,664 605,662 603,659 600,657 601,655 604,654 606,652 607,649 610,649 611,646 609,644 609,640 609,637 610,634 614,633 616,631 619,630 621,632 622,635 623,637 626,637 629,638 629,636 627,633 627,630 629,628 630,625 633,628 635,626 637,626 640,626 642,628 644,629 647,631 650,632 653,632 655,633 658,634 660,635 661,638 664,639 666,639 669,639 672,640 673,638 676,638 678,636 680,637 683,636 684,634 686,631 688,632 691,634 693,633 696,631 698,631 700,630 703,628 706,628 707,631 709,632 712,633 711,636 710,639 710,642 711,645 714,646 716,649 718,650 721,651 724,651 726,653 728,655 725,655 726,659 723,661 722,664 724,666 725,668 728,671 730,670 733,671 736,671 740,671 742,673 745,674 748,675 750,677 751,680 752,682 752,685 750,688 749,690 747,692 744,694 743,697 740,695 737,695 734,695 736,697 736,700 733,700 735,702 736,704 737,707 736,710 737,713 740,716 742,717 745,718 745,721 743,723 742,725 744,727 746,728 748,730 749,732 749,735 749,738 751,740 753,743 755,745 757,746 760,750 763,751 763,753 764,757 766,760 769,761 772,763 772,765 770,768 769,770 766,771 764,773 763,776 764,778 763,782 761,784 761,787 758,789 757,787 754,785 751,785 748,786 746,787 743,790 740,793 736,794 733,793 731,791 729,791 728,788 726,784 723,782 722,780 719,779 717,777 715,775 713,774 710,775 707,775 706,772 704,770 702,769 699,767 696,766 698,764 700,761 699,758 700,756 703,754 704,751 704,749 702,746 701,743 699,740 698,737 697,734 696,732 695,729 693,727 691,725 689,722 687,720 685,718 682,719 679,721 677,723 674,721 671,722 669,724 665,725 663,724 659,724 657,725 654,727 651,728 649,729 648,726 649,723 652,723 654,722 656,719 657,717 660,716 660,713 659,711 657,709 653,709 652,707 649,705 648,703 646,701 643,699 641,701 638,702 636,705 634,705 633,702 630,702 627,701 627,705 624,705 623,704ZM609,708 612,709 615,710 617,713 615,715 612,715 609,716 608,713 609,710 609,708ZM642,731 640,733 637,733 637,731 639,731 642,731ZM622,709 620,711 621,708 622,709Z\" fill=\"#d70e44\" fill-opacity=\"0.95\"\/><path d=\"M843,660 846,661 849,662 852,663 854,665 858,666 860,667 863,668 867,670 870,671 873,672 876,673 879,674 882,676 884,678 887,678 889,680 891,682 893,683 896,685 898,687 900,689 901,691 903,693 906,694 908,697 912,699 914,702 917,703 920,704 922,705 925,706 928,707 931,708 933,710 935,711 937,713 940,715 943,716 946,717 949,717 951,717 954,719 952,721 954,721 958,722 958,725 960,728 960,731 962,733 963,735 966,737 969,740 972,741 974,742 977,744 978,746 980,748 982,750 984,753 986,755 988,758 990,760 992,761 993,763 994,766 995,768 995,771 996,774 997,776 1000,778 1000,782 998,784 997,787 996,789 993,791 993,794 991,796 990,799 989,802 990,805 990,808 989,811 989,813 987,816 984,816 982,815 979,813 977,812 974,812 971,810 969,809 966,807 964,805 962,803 960,801 959,799 957,796 956,794 958,792 958,790 955,788 957,785 957,783 956,780 955,778 952,775 950,773 950,770 949,767 948,765 946,763 944,762 941,761 937,761 934,760 931,760 928,760 926,760 922,760 918,760 915,761 913,759 910,758 908,756 905,756 903,755 900,753 898,752 896,751 894,749 891,748 893,745 893,743 891,740 888,740 886,738 884,736 881,735 878,736 875,737 873,738 870,739 868,741 866,743 862,747 861,749 859,747 857,746 856,743 853,742 850,741 849,739 849,736 849,733 848,731 848,728 848,725 848,722 849,719 849,717 847,715 849,714 846,712 844,710 841,709 838,709 836,709 833,709 834,712 832,710 830,708 828,711 826,713 824,715 822,714 821,712 818,710 816,708 814,706 812,704 810,702 809,700 807,697 807,694 805,691 803,690 800,691 798,693 796,691 794,690 791,688 789,687 786,685 788,685 790,683 790,680 792,678 789,675 787,673 784,671 783,669 780,668 778,666 775,668 773,668 771,671 769,672 767,671 762,672 759,672 756,671 753,671 751,672 749,674 745,674 742,673 740,671 738,670 735,672 733,671 729,671 726,670 724,666 722,665 723,662 726,660 725,657 727,655 726,652 723,652 721,650 718,650 716,648 713,646 710,644 709,642 711,638 711,635 710,633 708,631 706,628 704,626 702,624 699,623 699,620 700,617 700,615 698,612 700,610 703,610 705,612 707,610 708,608 712,607 714,604 717,603 714,601 713,599 712,596 714,593 714,591 712,588 714,586 715,584 715,581 715,578 718,578 721,579 723,579 726,579 729,579 732,579 735,581 737,581 740,581 743,581 746,580 750,579 754,579 756,578 759,579 762,579 764,579 767,579 772,579 776,578 779,578 782,577 785,577 788,576 790,576 793,576 796,577 798,579 801,580 802,582 803,585 804,588 804,590 805,593 803,596 801,598 797,600 794,602 792,605 789,607 786,608 783,610 781,612 779,614 779,617 780,620 781,625 782,628 784,630 786,632 790,634 792,635 795,636 798,638 801,640 804,641 807,642 809,644 811,645 814,646 817,647 820,648 822,650 825,652 829,653 831,654 834,656 836,657 840,659 843,660 843,660Z\" fill=\"#ef8a3c\" fill-opacity=\"0.95\"\/><path d=\"M765,797 763,795 761,792 760,789 761,787 759,785 761,784 763,780 764,778 764,775 765,773 768,770 771,769 771,766 771,764 769,761 767,760 765,758 764,756 763,753 762,750 759,748 757,746 755,745 753,742 750,740 750,737 750,734 749,732 747,729 745,728 743,726 743,723 745,721 745,718 742,718 740,716 739,714 736,713 736,710 736,707 735,704 734,701 736,700 736,697 734,695 736,696 739,695 741,696 744,694 746,693 748,692 749,689 750,687 752,684 752,680 751,678 750,675 751,673 753,671 756,671 758,672 761,672 764,672 767,671 770,672 772,669 774,668 777,667 779,668 781,669 784,669 786,671 787,674 790,676 791,678 791,681 790,684 788,685 789,688 792,689 794,690 797,691 799,692 801,690 805,691 807,694 807,697 808,699 810,702 811,704 814,706 816,708 818,710 820,712 822,714 824,715 826,713 828,711 830,709 832,710 834,712 833,710 835,711 836,708 839,709 842,710 844,710 847,713 848,716 849,719 848,722 848,725 848,727 848,730 848,733 849,736 849,739 850,741 852,742 855,742 856,745 858,748 861,749 860,752 858,754 856,757 854,760 853,762 852,765 850,770 849,772 847,775 846,777 843,780 840,779 837,779 835,779 832,780 830,780 827,779 825,779 823,781 823,784 822,787 821,790 821,793 819,795 819,798 816,801 818,803 816,803 813,801 811,801 808,802 806,805 803,803 800,805 797,804 795,805 792,804 790,802 789,798 790,796 788,795 784,794 781,794 780,796 777,795 774,793 772,795 770,797 769,800 768,802 766,800 765,797 765,797Z\" fill=\"#d70e44\" fill-opacity=\"0.95\"\/><path d=\"M773,830 772,826 772,822 771,820 771,817 770,814 769,812 771,810 770,807 769,804 768,801 769,799 771,797 773,794 775,793 777,795 780,795 782,793 785,795 789,795 789,798 789,800 791,803 793,805 796,804 799,804 801,803 804,804 806,805 806,803 809,801 812,801 814,801 816,803 816,801 818,799 819,796 821,794 821,791 821,788 822,786 823,782 823,780 826,779 829,779 831,779 835,779 837,779 840,779 841,781 839,784 839,786 838,789 839,792 840,795 841,797 839,801 837,804 835,806 833,808 832,811 830,813 829,816 829,819 829,821 832,824 832,827 832,830 834,832 836,834 839,836 842,836 845,836 848,836 851,836 854,837 855,838 857,841 859,843 861,845 863,846 866,848 869,850 871,851 874,851 875,854 878,857 880,859 882,860 885,861 884,863 883,866 882,870 881,873 881,875 881,878 883,880 885,883 884,885 883,888 882,891 881,894 882,896 883,899 887,902 889,902 887,904 886,906 886,909 885,912 883,914 881,916 877,915 875,915 872,914 869,912 865,913 862,914 859,915 857,916 854,917 851,918 849,920 846,922 842,924 840,926 838,928 836,931 835,934 834,936 833,939 835,941 835,944 835,948 836,951 836,953 836,956 836,960 837,963 837,966 836,969 835,971 832,975 830,977 828,979 825,980 822,981 820,983 817,983 815,985 813,987 812,989 810,992 808,995 806,997 805,999 803,1001 801,1005 801,1007 801,1010 800,1013 799,1017 798,1019 797,1022 795,1024 793,1026 790,1026 787,1027 784,1026 782,1025 778,1026 776,1026 773,1026 770,1027 768,1026 765,1025 763,1024 760,1021 758,1018 757,1015 759,1013 759,1010 757,1008 758,1005 759,1002 759,1000 758,997 757,995 757,992 760,991 763,989 766,989 769,987 771,986 773,984 774,981 774,977 776,975 777,972 778,970 779,967 780,965 781,962 782,958 782,956 780,954 777,951 775,949 774,945 776,943 779,942 781,941 784,940 785,938 788,936 791,936 794,937 797,938 800,937 801,935 804,933 805,929 806,927 807,924 807,921 807,917 806,915 804,913 802,911 801,909 799,906 797,903 796,900 795,896 795,893 794,891 793,888 793,885 793,881 793,877 792,872 792,869 791,867 790,864 789,861 788,858 787,855 786,853 784,851 783,848 780,845 778,844 777,841 776,839 776,836 775,833 773,830 773,830Z\" fill=\"#ef8a3c\" fill-opacity=\"0.95\"\/><path d=\"M489,1041 489,1038 491,1037 492,1034 493,1032 491,1029 491,1027 492,1024 493,1022 493,1019 495,1016 497,1014 498,1012 500,1010 503,1010 505,1009 507,1007 508,1005 511,1006 513,1003 513,1001 512,998 515,997 516,1000 518,1002 518,1005 520,1008 523,1011 525,1013 527,1015 530,1014 533,1013 536,1012 538,1010 540,1009 542,1007 542,1004 542,1001 542,998 545,996 547,997 549,998 552,998 555,997 556,995 559,995 561,993 563,994 565,996 567,998 567,1001 566,1003 568,1005 571,1006 573,1007 576,1006 579,1004 581,1005 581,1008 581,1011 583,1013 586,1014 588,1016 591,1018 594,1018 597,1020 599,1021 603,1020 605,1019 609,1018 611,1017 614,1015 617,1014 620,1014 623,1013 625,1015 628,1015 631,1016 634,1015 637,1016 640,1016 642,1016 646,1017 648,1015 651,1016 654,1015 656,1013 658,1014 661,1013 664,1013 666,1011 669,1011 671,1010 674,1009 676,1007 679,1004 681,1001 683,999 685,1000 688,1000 691,999 694,999 696,997 699,997 701,1000 705,1001 708,1000 710,1003 712,1004 715,1002 717,1001 719,999 721,997 723,995 724,992 724,989 725,992 726,994 729,994 733,993 735,992 738,991 741,990 744,988 746,986 749,984 752,985 755,987 758,987 756,989 753,990 752,992 751,995 750,998 749,1002 747,1006 746,1009 744,1011 741,1015 740,1017 737,1021 735,1024 733,1026 732,1028 730,1031 729,1033 727,1035 726,1038 725,1040 723,1043 721,1046 722,1049 722,1051 721,1054 720,1057 719,1060 719,1063 718,1065 716,1068 715,1069 713,1072 712,1074 711,1077 711,1080 712,1084 712,1087 712,1091 712,1093 715,1095 717,1097 720,1097 722,1098 724,1100 726,1102 723,1103 720,1103 719,1106 720,1108 721,1111 723,1112 723,1115 725,1117 728,1117 729,1120 729,1122 727,1125 730,1125 732,1128 729,1128 727,1129 726,1132 723,1133 721,1134 719,1136 717,1138 716,1141 716,1144 714,1146 713,1148 713,1151 712,1154 713,1156 714,1159 714,1163 716,1166 713,1167 711,1169 709,1167 708,1164 706,1163 702,1163 700,1163 697,1161 695,1160 692,1160 689,1161 687,1162 684,1162 681,1161 678,1161 676,1158 674,1156 671,1155 667,1154 663,1153 661,1152 659,1150 658,1147 658,1145 657,1142 655,1140 654,1137 652,1134 651,1132 648,1129 646,1127 644,1125 642,1123 639,1122 637,1120 634,1119 631,1118 629,1118 626,1117 623,1117 620,1117 617,1117 614,1119 611,1118 608,1117 607,1114 604,1113 601,1113 598,1112 596,1110 593,1108 591,1106 589,1103 587,1101 584,1099 583,1097 580,1097 577,1097 574,1096 572,1095 570,1093 568,1091 566,1089 563,1089 561,1086 559,1085 558,1083 556,1081 555,1079 552,1077 550,1075 547,1074 544,1073 541,1073 538,1074 537,1072 535,1069 533,1067 531,1065 529,1065 526,1064 522,1064 517,1064 515,1065 512,1066 510,1067 507,1065 505,1062 504,1059 502,1057 499,1055 497,1056 494,1054 492,1051 491,1048 491,1045 490,1042 489,1041ZM449,1148 452,1149 455,1151 456,1154 456,1157 454,1159 451,1159 449,1156 448,1154 446,1152 446,1149 448,1147 449,1148ZM701,959 701,962 702,964 700,966 698,966 696,964 696,961 697,959 700,959 701,959ZM693,952 693,955 692,958 690,956 687,955 688,952 690,952 693,952ZM701,970 704,973 704,976 701,975 699,972 700,970 701,970ZM496,1294 500,1295 502,1295 505,1295 505,1298 503,1297 500,1296 497,1295 496,1294ZM475,1025 477,1023 479,1025 482,1026 478,1026 476,1027 475,1025ZM722,931 720,929 722,927 724,927 723,930 722,931ZM457,1019 458,1022 455,1022 455,1019 457,1018 457,1019ZM669,955 667,955 665,952 668,952 669,955 669,955ZM551,937 551,939 549,940 550,937 551,937ZM481,1019 479,1017 480,1015 481,1018 481,1019ZM490,1029 490,1032 490,1034 489,1032 488,1029 490,1029ZM525,1255 524,1257 525,1255ZM649,958 649,955 650,958 649,958ZM709,947 710,945 709,947Z\" fill=\"#1aa15a\" fill-opacity=\"0.95\"\/><path d=\"M133,729 134,726 132,724 131,727 129,729 128,726 129,723 131,720 132,718 130,716 129,713 127,711 129,709 129,705 131,703 132,700 134,696 134,693 132,691 130,689 131,687 135,687 135,690 135,693 138,696 141,698 144,699 146,698 148,700 152,701 154,702 157,702 160,701 163,701 165,699 168,697 169,695 171,693 174,692 177,691 179,691 182,690 184,688 187,684 189,682 189,679 192,678 194,676 196,674 198,671 200,668 202,667 205,667 209,667 210,664 212,664 214,662 213,660 214,656 211,655 214,655 217,654 219,653 221,655 223,657 222,660 224,657 224,660 226,659 229,658 230,661 233,662 234,664 236,666 237,670 238,668 240,666 243,666 245,667 247,669 247,672 244,673 244,676 243,680 246,678 246,681 249,680 252,681 255,681 253,683 250,683 248,687 248,690 245,690 242,690 245,691 248,691 251,691 254,691 252,693 253,696 255,698 258,699 260,699 258,700 258,703 256,705 257,708 260,709 260,712 260,715 262,717 262,719 262,722 263,725 263,727 266,730 266,732 269,734 268,738 268,741 266,744 265,746 264,750 261,751 259,753 257,756 256,758 254,761 253,763 252,765 252,768 252,772 254,774 255,778 257,781 259,782 261,784 260,787 259,790 259,792 257,795 257,798 258,801 257,803 257,806 258,809 257,812 256,815 256,817 256,820 256,823 256,826 255,829 254,832 254,835 255,838 255,841 254,844 253,847 253,850 254,853 253,856 252,859 251,861 250,864 250,868 251,871 250,873 249,875 248,878 247,881 247,884 247,888 246,891 243,892 244,895 242,892 241,890 238,891 235,890 233,889 231,887 229,886 227,883 224,882 221,881 218,880 216,881 214,882 213,885 210,882 207,882 205,883 203,886 202,888 201,891 201,893 201,896 203,898 203,901 202,904 201,907 198,909 195,912 193,914 191,916 188,919 185,919 183,917 181,915 179,914 176,913 175,914 172,916 170,917 171,920 170,917 167,918 167,915 168,912 167,910 164,908 163,905 164,902 162,900 160,899 157,898 155,900 154,902 153,905 153,908 151,910 149,908 148,905 147,903 146,900 145,898 145,895 147,893 150,894 152,895 154,897 156,896 155,894 153,892 152,890 151,887 149,885 147,883 146,880 148,878 150,876 152,874 152,871 151,869 148,867 148,865 148,861 150,859 150,856 148,855 148,852 151,849 153,846 154,843 154,840 155,837 153,835 154,832 153,829 154,826 153,823 153,820 155,822 157,824 159,822 160,820 161,817 162,814 162,811 161,808 161,806 158,804 155,804 153,807 152,809 152,807 150,805 149,802 149,798 149,795 150,792 149,790 152,788 154,787 156,785 157,782 155,779 154,777 154,774 155,771 155,768 155,765 156,762 154,760 152,758 150,756 148,754 148,751 149,748 149,746 148,743 147,740 145,737 143,734 142,731 141,728 138,727 136,729 134,730 133,729ZM134,678 137,675 139,673 138,671 141,670 144,671 144,673 143,676 140,675 137,676 136,678 137,681 136,683 133,683 134,680 134,678 134,678ZM141,885 141,888 141,891 141,894 138,895 136,893 136,890 135,887 138,886 140,885 141,885ZM233,658 231,656 233,655 234,652 236,654 236,656 234,658 233,658ZM239,654 241,657 240,659 237,660 237,658 238,655 239,654ZM261,690 259,693 256,694 259,692 261,690 261,690ZM232,647 230,650 231,647 232,647Z\" fill=\"#ef8a3c\" fill-opacity=\"0.95\"\/><path d=\"M81,125 84,125 86,125 89,127 91,128 92,131 94,129 97,130 100,130 103,131 104,134 104,137 104,140 104,143 104,145 106,148 107,150 110,151 110,154 108,156 108,159 110,162 108,163 107,166 104,167 101,167 99,168 97,170 94,171 92,172 88,172 86,170 83,171 81,169 78,168 76,170 73,169 70,170 69,172 66,173 64,176 61,176 57,176 54,176 52,179 51,181 48,180 45,180 43,178 41,179 40,182 37,181 36,179 33,178 32,176 31,174 31,171 30,169 30,166 31,163 29,162 26,162 23,159 21,158 18,156 16,154 16,151 15,149 15,146 15,142 18,140 21,140 24,140 26,139 29,137 32,135 33,132 36,132 39,135 40,138 42,137 45,136 47,138 49,136 51,134 54,134 55,132 58,132 61,132 63,134 66,132 68,130 71,130 72,127 76,127 77,125 79,124 81,125Z\" fill=\"#1aa15a\" fill-opacity=\"0.95\"\/><\/g><g font-family=\"PP Mori,Arial,sans-serif\" text-anchor=\"middle\" font-weight=\"700\" style=\"paint-order:stroke\" stroke=\"rgba(0,0,0,0.28)\" stroke-width=\"3\"><text x=\"118\" y=\"230\" font-size=\"26\" fill=\"#fff\">104%<\/text><text x=\"266\" y=\"174\" font-size=\"26\" fill=\"#fff\">106%<\/text><text x=\"634\" y=\"1068\" font-size=\"26\" fill=\"#fff\">101%<\/text><text x=\"370\" y=\"298\" font-size=\"26\" fill=\"#fff\">102%<\/text><text x=\"196\" y=\"794\" font-size=\"26\" fill=\"#fff\">84%<\/text><text x=\"379\" y=\"410\" font-size=\"26\" fill=\"#fff\">98%<\/text><\/g><\/svg>\n              <div class=\"ap-bi__lg\"><span><i style=\"background:var(--g)\"><\/i>On target<\/span><span><i style=\"background:var(--o)\"><\/i>Near<\/span><span><i style=\"background:var(--r)\"><\/i>Behind<\/span><\/div>\n            <\/div>\n            <div>\n              <div class=\"ap-bi__card\">\n                <p class=\"ap-bi__h\">Target vs sell-out &mdash; month to month<\/p>\n                <div class=\"ap-bi__bars\">\n                <div class=\"col\"><i style=\"height:62%;background:var(--g)\"><\/i><\/div>\n                <div class=\"col\"><i style=\"height:71%;background:var(--g)\"><\/i><\/div>\n                <div class=\"col\"><i style=\"height:48%;background:var(--r)\"><\/i><\/div>\n                <div class=\"col\"><i style=\"height:80%;background:var(--g)\"><\/i><\/div>\n                <div class=\"col\"><i style=\"height:69%;background:var(--g)\"><\/i><\/div>\n                <div class=\"col\"><i style=\"height:55%;background:var(--r)\"><\/i><\/div>\n                <div class=\"col\"><i style=\"height:84%;background:var(--g)\"><\/i><\/div>\n                <div class=\"col\"><i style=\"height:77%;background:var(--g)\"><\/i><\/div>\n                <\/div>\n                <div class=\"ap-bi__lx\"><span>Q1<\/span><span><\/span><span><\/span><span>Q2<\/span><span><\/span><span><\/span><span>Q3<\/span><span><\/span><\/div>\n                <div class=\"ap-bi__lg\"><span><i style=\"background:var(--g)\"><\/i>Target met<\/span><span><i style=\"background:var(--r)\"><\/i>Below target<\/span><\/div>\n              <\/div>\n              <div class=\"ap-bi__card\" style=\"margin-top:16px\">\n                <p class=\"ap-bi__h\">Year to date<\/p>\n                <div class=\"ap-bi__row\"><span class=\"lab\">Realization<\/span><span class=\"ap-bi__track\"><i class=\"ap-bi__fill\" style=\"width:92%;background:var(--g)\"><\/i><\/span><span class=\"ap-bi__val\">92%<\/span><\/div>\n                <p class=\"ap-bi__h\" style=\"margin-top:14px\">Regions to watch<\/p>\n                <div class=\"ap-bi__row\"><span class=\"lab\">Naples<\/span><span class=\"ap-bi__track\"><i class=\"ap-bi__fill\" style=\"width:72%;background:var(--r)\"><\/i><\/span><span class=\"ap-bi__val\">72%<\/span><\/div>\n                <div class=\"ap-bi__row\"><span class=\"lab\">Sardinia<\/span><span class=\"ap-bi__track\"><i class=\"ap-bi__fill\" style=\"width:84%;background:var(--o)\"><\/i><\/span><span class=\"ap-bi__val\">84%<\/span><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <p data-anim=\"fade\" class=\"text-dark-gray\" style=\"max-width:48rem;margin:var(--space-2xl) 0 0;font-size:15px;line-height:1.6\">Questa \u00e8 la base &mdash; dati puliti e collegati, con le analytics di distribuzione gi\u00e0 integrate. Altri prodotti Asseco Platform li trasformano in pianificazione, rendicontazione ed esecuzione a scaffale.<\/p>\n  <\/div>\n  <style>@media(max-width:900px){.ap-grid3{grid-template-columns:1fr !important}}<\/style>\n<\/section>\n\n<!-- ===== SECTION: Who it serves ===== -->\n<section style=\"padding:var(--space-4xl) 0;background:var(--color-white)\">\n  <div class=\"container\">\n    <div data-anim=\"fade\" style=\"max-width:48rem;margin-bottom:var(--space-2xl)\">\n      <span style=\"display:inline-block;background:rgba(17,17,17,0.06);color:#56565c;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;font-size:11px;padding:5px 12px;border-radius:20px;margin-bottom:var(--space-md)\">A chi serve<\/span>\n      <h2 class=\"text-h5 text-black\" style=\"margin-bottom:var(--space-md)\">Un solo set di dati, <span class=\"text-gradient\">tutti i team<\/span><\/h2>\n      <p class=\"text-h10 text-dark-gray\" style=\"margin:0\">Un quadro chiaro del mercato &mdash; e ogni team ci lavora sopra:<\/p>\n    <\/div>\n    <div data-stagger style=\"max-width:60rem\">\n      <div class=\"ap-role\" style=\"display:grid;grid-template-columns:15rem 1fr;gap:var(--space-lg);padding:var(--space-lg) 0;border-top:1px solid rgba(0,0,0,0.1)\">\n        <div style=\"font-weight:600;color:var(--color-black)\">Responsabili vendite e team sul campo<\/div>\n        <div style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray)\">Dove concentrarsi, dove sono gli spazi vuoti, obiettivi sul sell-through reale.<div style=\"margin-top:6px;font-size:13px\"><span style=\"color:var(--color-dark-gray)\">&rarr; Continua in <\/span><a href=\"https:\/\/assecoplatform.com\/route-to-market-optimization\/\" style=\"color:#3F5BEB;text-decoration:none\">Route-to-Market Optimization<\/a><span style=\"color:var(--color-dark-gray)\"> and <\/span><a href=\"https:\/\/assecoplatform.com\/it\/vendite-ed-esecuzione-al-dettaglio-2\/\" style=\"color:#3F5BEB;text-decoration:none\">Sales &amp; Retail Execution<\/a><\/div><\/div>\n      <\/div>\n      <div class=\"ap-role\" style=\"display:grid;grid-template-columns:15rem 1fr;gap:var(--space-lg);padding:var(--space-lg) 0;border-top:1px solid rgba(0,0,0,0.1)\">\n        <div style=\"font-weight:600;color:var(--color-black)\">Trade marketing<\/div>\n        <div style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray)\">Quali promozioni ed esposizioni hanno funzionato davvero, dimostrato sui fatti.<div style=\"margin-top:6px;font-size:13px\"><span style=\"color:var(--color-dark-gray)\">&rarr; Continua in <\/span><a href=\"https:\/\/assecoplatform.com\/trade-terms-settlement\/\" style=\"color:#3F5BEB;text-decoration:none\">Trade Terms &amp; Settlement<\/a><span style=\"color:var(--color-dark-gray)\"> and <\/span><a href=\"https:\/\/assecoplatform.com\/it\/retail-image-recognition\/\" style=\"color:#3F5BEB;text-decoration:none\">Retail Image Recognition<\/a><\/div><\/div>\n      <\/div>\n      <div class=\"ap-role\" style=\"display:grid;grid-template-columns:15rem 1fr;gap:var(--space-lg);padding:var(--space-lg) 0;border-top:1px solid rgba(0,0,0,0.1)\">\n        <div style=\"font-weight:600;color:var(--color-black)\">Key account manager<\/div>\n        <div style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray)\">Negozia con le catene sugli stessi numeri, fino al singolo negozio.<div style=\"margin-top:6px;font-size:13px\"><span style=\"color:var(--color-dark-gray)\">&rarr; Continua in <\/span><a href=\"https:\/\/assecoplatform.com\/trade-terms-settlement\/\" style=\"color:#3F5BEB;text-decoration:none\">Trade Terms &amp; Settlement<\/a><\/div><\/div>\n      <\/div>\n      <div class=\"ap-role\" style=\"display:grid;grid-template-columns:15rem 1fr;gap:var(--space-lg);padding:var(--space-lg) 0;border-top:1px solid rgba(0,0,0,0.1)\">\n        <div style=\"font-weight:600;color:var(--color-black)\">Finance<\/div>\n        <div style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray)\">Verifica il trade spend rispetto ai dati di origine.<div style=\"margin-top:6px;font-size:13px\"><span style=\"color:var(--color-dark-gray)\">&rarr; Continua in <\/span><a href=\"https:\/\/assecoplatform.com\/trade-terms-settlement\/\" style=\"color:#3F5BEB;text-decoration:none\">Trade Terms &amp; Settlement<\/a><\/div><\/div>\n      <\/div>\n      <div class=\"ap-role\" style=\"display:grid;grid-template-columns:15rem 1fr;gap:var(--space-lg);padding:var(--space-lg) 0;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1)\">\n        <div style=\"font-weight:600;color:var(--color-black)\">IT<\/div>\n        <div style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray)\">Un unico flusso di dati pulito invece di decine di formati da mantenere.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <style>@media(max-width:768px){.ap-role{grid-template-columns:1fr !important;gap:var(--space-xs) !important}}<\/style>\n<\/section>\n\n<!-- ===== SECTION: We already do this (dark proof point + Europe\/Africa map + market pills) ===== -->\n<section style=\"padding:var(--space-4xl) 0;background:#161616;position:relative;overflow:hidden\">\n  <div class=\"container\">\n    <div data-anim=\"fade\" style=\"max-width:48rem;margin-bottom:var(--space-2xl)\">\n      <span style=\"display:inline-block;background:rgba(255,255,255,0.08);color:#c9c9d0;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;font-size:11px;padding:5px 12px;border-radius:20px;margin-bottom:var(--space-md)\">Lo facciamo gi\u00e0<\/span>\n      <h2 style=\"font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1.15;color:#fff;margin:0\">Non un concetto &mdash; <span class=\"text-gradient\">\u00e8 in produzione<\/span><\/h2>\n    <\/div>\n    <div class=\"ap-proof\" style=\"display:grid;grid-template-columns:1.05fr 0.95fr;gap:var(--space-3xl);align-items:center\">\n      <div data-anim=\"slide-left\">\n        <p style=\"font-size:clamp(16px,1.6vw,18px);line-height:1.6;color:rgba(255,255,255,0.78);margin:0 0 var(--space-xl)\">\u00c8 in produzione per decine di produttori, in pi\u00f9 di una dozzina di categorie &mdash; dal food, beverage e alcolici a farmaceutica, cosmetica, tabacco, prodotti per la casa, agricoltura e pet care. Un&#8217;azienda internazionale leader nel beverage lo utilizza in 27 mercati in Europa e Africa &mdash; dati di grossisti ed eRetail su tutti e 27, dati dei distributori in 15 &mdash; incluso il sell-out online unificato da retailer come Ocado, Amazon, REWE, Carrefour e Tesco.<\/p>\n        <div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)\"><div><div class=\"text-gradient\" style=\"font-size:clamp(34px,4vw,48px);font-weight:700;line-height:1\">27<\/div><div style=\"font-size:13px;color:rgba(255,255,255,0.6);margin-top:4px\">mercati in Europa e Africa<\/div><\/div><div><div class=\"text-gradient\" style=\"font-size:clamp(34px,4vw,48px);font-weight:700;line-height:1\">12+<\/div><div style=\"font-size:13px;color:rgba(255,255,255,0.6);margin-top:4px\">categorie di prodotto<\/div><\/div><div><div class=\"text-gradient\" style=\"font-size:clamp(34px,4vw,48px);font-weight:700;line-height:1\">85+<\/div><div style=\"font-size:13px;color:rgba(255,255,255,0.6);margin-top:4px\">Produttori FMCG<\/div><\/div><\/div>\n        <div style=\"background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:var(--space-lg) var(--space-xl)\">\n          <p style=\"font-size:16px;font-weight:600;line-height:1.5;color:#fff;margin:0\">Qualunque siano la tua categoria e i tuoi route-to-market, l&#8217;approccio funziona. Lo adatteremmo al tuo modo di operare reale.<\/p>\n        <\/div>\n      <\/div>\n      <div data-anim=\"slide-right\">\n        <svg viewBox=\"0 0 1000 1479\" style=\"width:100%;height:auto;max-height:460px;display:block\" role=\"img\" aria-label=\"Mappa illustrativa dei mercati in Europa e Africa\"><path d=\"M777,1015 779,1016 826,1044 827,1052 845,1066 839,1083 840,1090 848,1095 849,1099 845,1107 846,1111 845,1118 850,1126 855,1140 860,1143 849,1151 835,1156 827,1156 823,1160 814,1161 810,1162 795,1158 785,1160 781,1141 777,1134 774,1131 762,1128 754,1124 746,1122 741,1119 736,1116 729,1099 721,1091 718,1083 720,1076 717,1063 723,1063 728,1058 733,1050 736,1048 736,1043 733,1040 732,1035 736,1033 737,1025 731,1017 736,1015 750,1016 777,1015ZM225,622 224,626 224,646 182,646 182,681 170,682 167,689 169,709 119,709 116,713 116,708 146,707 147,702 153,695 157,676 175,662 181,644 185,643 189,633 200,631 205,633 211,633 215,630 223,629 223,622 225,622ZM717,1063 720,1076 718,1083 721,1091 729,1099 736,1116 730,1115 713,1117 710,1118 706,1127 709,1133 707,1150 705,1163 708,1166 717,1171 721,1169 722,1183 712,1183 707,1176 702,1170 692,1168 689,1161 681,1165 671,1163 667,1157 658,1156 652,1156 652,1152 647,1151 641,1151 633,1153 628,1152 624,1154 625,1137 621,1132 620,1124 622,1115 619,1110 619,1102 603,1102 604,1097 598,1097 597,1099 589,1100 586,1108 584,1111 576,1109 572,1111 564,1112 559,1105 556,1101 552,1092 549,1082 510,1082 506,1084 502,1083 497,1085 495,1081 498,1079 499,1073 501,1070 506,1067 509,1068 513,1063 520,1063 521,1067 526,1070 534,1061 541,1054 545,1050 544,1039 550,1025 556,1018 564,1012 566,1007 566,1002 568,998 568,990 569,978 572,969 576,962 576,953 577,944 583,937 589,932 600,937 608,942 618,944 628,946 631,938 633,937 639,938 654,931 659,934 663,934 665,931 670,929 679,931 688,931 692,930 700,941 706,943 709,940 715,941 722,938 725,944 737,953 736,969 741,971 737,976 732,980 727,987 724,993 724,1004 721,1010 721,1020 717,1024 716,1032 715,1033 713,1040 717,1047 717,1063ZM876,1025 869,1013 868,963 880,948 883,943 892,943 903,933 920,933 957,892 966,880 972,872 972,865 972,851 972,845 976,845 982,843 989,841 995,837 1000,837 1000,840 999,848 999,856 996,860 992,875 986,891 978,908 967,928 956,944 941,962 928,973 908,987 896,997 882,1014 879,1021 876,1025ZM845,1066 827,1052 826,1044 779,1016 777,1015 776,1000 780,994 787,985 791,975 786,960 784,953 778,943 786,935 795,926 801,928 801,936 806,940 815,940 831,952 835,952 838,952 841,953 850,955 854,949 866,943 871,948 880,948 868,963 869,1013 876,1025 867,1030 864,1036 859,1037 857,1046 853,1052 851,1061 845,1066ZM656,889 646,883 641,879 640,874 642,869 642,863 635,854 633,849 634,845 629,841 629,833 626,828 621,829 623,824 626,818 625,812 629,808 626,805 630,796 636,786 647,787 646,733 646,727 661,727 661,700 713,700 764,700 815,700 819,713 816,716 818,730 823,746 828,749 835,755 828,762 819,765 815,769 814,778 808,798 809,804 807,815 802,829 794,836 789,846 787,852 781,856 777,870 778,882 777,872 776,871 776,865 774,860 768,854 766,845 768,834 762,833 761,837 753,837 756,841 757,849 750,857 744,867 737,868 726,860 721,863 720,867 713,870 713,873 700,873 698,870 689,869 684,872 680,870 674,862 671,859 662,861 659,867 655,879 651,882 647,883 656,889ZM646,733 647,787 636,786 630,796 626,805 629,808 625,812 626,818 623,824 621,829 626,828 629,833 629,841 634,845 633,849 625,851 619,857 609,871 597,878 585,877 581,878 582,883 575,888 570,893 554,898 550,895 548,895 546,899 535,900 537,896 533,886 531,881 526,878 518,870 521,864 527,865 530,864 538,865 531,852 531,843 530,834 525,825 526,819 518,818 518,809 513,804 518,786 535,773 535,756 540,728 543,722 538,717 538,713 533,709 530,688 543,680 594,707 646,733ZM533,-92 538,-96 557,-97 574,-92 616,-82 584,-76 577,-66 565,-64 559,-52 543,-52 516,-60 527,-65 508,-69 483,-81 472,-91 508,-96 515,-91 533,-92ZM740,47 718,53 708,54 713,44 697,39 676,44 670,54 658,60 644,56 627,57 613,50 605,53 597,54 595,63 570,61 567,68 554,68 546,78 533,93 513,113 518,117 513,123 500,123 492,135 493,154 501,161 497,177 486,186 480,194 471,186 446,201 428,205 411,198 406,183 402,151 414,142 448,131 474,117 497,98 528,71 550,61 586,44 614,38 636,38 655,27 679,28 702,25 743,35 726,39 740,47ZM692,-97 673,-89 636,-88 597,-90 595,-94 576,-94 562,-100 602,-104 621,-101 634,-105 667,-102 692,-97ZM658,-67 629,-61 606,-64 615,-68 607,-72 634,-75 639,-70 658,-67ZM549,1394 555,1387 560,1390 562,1396 568,1397 576,1400 583,1399 595,1392 595,1341 599,1343 606,1356 605,1365 608,1370 617,1368 624,1362 630,1358 633,1351 639,1348 645,1350 651,1354 662,1354 670,1351 671,1347 673,1340 680,1339 684,1334 689,1325 700,1315 719,1305 724,1305 730,1307 735,1305 741,1307 748,1326 751,1336 749,1351 750,1356 743,1354 740,1354 738,1358 735,1364 735,1368 743,1376 750,1374 753,1368 763,1368 759,1378 758,1390 755,1396 746,1403 743,1405 738,1412 734,1419 727,1429 712,1443 703,1451 693,1457 680,1463 673,1463 671,1467 663,1465 657,1468 643,1465 635,1467 630,1466 616,1471 605,1474 597,1479 591,1479 586,1474 582,1474 576,1468 575,1470 574,1466 574,1458 569,1449 574,1446 573,1436 565,1423 558,1411 549,1394ZM713,1399 707,1394 701,1397 694,1403 687,1411 697,1422 701,1421 704,1416 711,1414 713,1410 717,1403 713,1399ZM713,1399 717,1403 713,1410 711,1414 704,1416 701,1421 697,1422 687,1411 694,1403 701,1397 707,1394 713,1399ZM-333,944 -340,957 -344,967 -349,972 -355,973 -357,969 -360,969 -364,973 -370,970 -367,964 -365,958 -363,952 -368,944 -369,934 -362,923 -358,924 -349,927 -335,939 -333,944ZM417,323 423,326 442,329 436,338 434,348 430,351 424,349 425,353 415,360 415,367 421,365 426,371 425,374 429,380 425,384 428,394 435,396 433,402 422,410 396,406 377,411 376,419 361,421 346,414 341,417 318,411 312,406 319,398 322,370 308,356 299,349 279,344 278,334 294,331 316,334 312,319 324,324 354,314 358,303 370,300 372,305 378,305 384,310 393,317 399,316 411,322 414,323 417,323ZM450,417 459,411 461,423 457,434 451,431 448,422 450,417ZM741,1307 735,1305 730,1307 724,1305 719,1305 710,1298 700,1296 697,1288 697,1283 691,1281 676,1266 672,1258 670,1256 665,1245 679,1246 683,1248 688,1248 695,1239 706,1227 711,1226 712,1222 720,1216 730,1214 730,1219 741,1219 747,1222 750,1225 756,1226 763,1231 763,1248 760,1258 760,1268 762,1272 760,1280 759,1281 755,1291 741,1307ZM719,1305 700,1315 689,1325 684,1334 680,1339 673,1340 671,1347 670,1351 662,1354 651,1354 645,1350 639,1348 633,1351 630,1358 624,1362 617,1368 608,1370 605,1365 606,1356 599,1343 595,1341 595,1301 608,1301 608,1252 618,1251 638,1247 643,1252 651,1247 655,1247 662,1244 665,1245 670,1256 672,1258 676,1266 691,1281 697,1283 697,1288 700,1296 710,1298 719,1305ZM595,1341 595,1392 583,1399 576,1400 568,1397 562,1396 560,1390 555,1387 549,1394 539,1383 534,1373 531,1360 528,1350 524,1329 524,1312 522,1305 517,1299 510,1288 503,1271 501,1263 490,1249 489,1239 495,1236 503,1234 512,1234 519,1241 521,1240 574,1239 583,1246 614,1247 638,1242 649,1239 657,1240 662,1243 655,1247 651,1247 643,1252 638,1247 618,1251 608,1252 608,1301 595,1301 595,1341ZM120,815 115,804 109,799 114,797 121,787 124,780 128,776 135,777 141,774 148,774 154,778 163,781 171,792 179,801 180,809 182,817 187,821 188,827 188,831 186,832 179,830 178,832 175,832 166,829 159,829 135,828 132,830 128,829 121,832 119,821 131,821 134,819 136,819 141,816 146,819 152,819 158,816 155,812 151,815 147,814 142,811 137,811 135,815 120,815ZM188,831 188,827 187,821 182,817 180,809 179,801 184,798 186,790 190,790 199,794 206,791 211,792 213,789 265,789 268,779 266,778 260,718 253,659 273,659 317,689 361,719 364,725 372,729 378,731 378,740 392,739 392,770 385,779 384,788 373,790 355,791 350,796 342,797 334,797 330,794 323,796 311,802 309,806 299,812 297,816 291,819 285,817 282,820 280,829 269,841 270,845 266,851 267,859 262,861 259,863 257,857 253,859 251,858 248,862 238,862 235,860 233,861 229,858 230,853 228,852 225,853 226,849 228,845 223,839 222,836 219,833 216,832 213,834 209,836 205,839 200,838 196,834 194,834 191,836 189,836 188,831ZM116,713 119,709 169,709 167,689 170,682 182,681 182,646 224,646 224,626 273,659 253,659 260,718 266,778 268,779 265,789 213,789 211,792 206,791 199,794 190,790 186,790 184,798 179,801 171,792 163,781 154,778 148,774 141,774 135,777 128,776 124,780 123,773 126,766 128,753 126,739 125,733 126,726 123,719 116,713ZM372,916 361,917 358,908 359,876 356,873 356,867 351,862 347,858 349,851 353,849 356,843 362,842 365,838 369,834 374,834 384,842 383,846 386,854 384,860 385,863 379,872 375,876 372,885 373,894 372,916ZM530,688 533,709 538,713 538,717 543,722 540,728 535,756 535,773 518,786 513,804 518,809 518,818 526,819 525,825 521,826 521,830 519,831 510,816 507,815 497,823 487,819 480,818 476,820 468,819 461,825 454,826 438,818 432,822 425,822 421,816 408,811 394,813 390,816 389,824 385,829 384,842 374,834 369,834 365,838 365,828 350,825 350,819 343,810 341,803 342,797 350,796 355,791 373,790 384,788 385,779 392,770 392,739 411,733 448,706 493,679 513,685 520,693 530,688ZM372,916 373,894 372,885 375,876 379,872 385,863 384,860 386,854 383,846 384,842 385,829 389,824 390,816 394,813 408,811 421,816 425,822 432,822 438,818 454,826 461,825 468,819 476,820 480,818 487,819 497,823 507,815 510,816 519,831 521,830 526,836 525,838 524,843 513,853 510,862 508,869 505,872 502,882 495,888 493,894 491,900 489,906 480,910 473,905 468,905 461,913 457,913 451,926 447,936 434,941 429,940 424,943 414,943 407,934 402,924 393,915 383,916 372,916ZM525,825 530,834 531,843 531,852 538,865 530,864 527,865 521,864 518,870 526,878 531,881 533,886 537,896 535,900 529,914 526,916 525,927 526,932 525,937 531,944 532,949 537,956 543,960 543,966 545,970 544,978 533,975 523,971 507,970 505,970 497,971 489,970 483,970 462,970 464,959 459,950 453,948 450,942 447,940 447,936 451,926 457,913 461,913 468,905 473,905 480,910 489,906 491,900 493,894 495,888 502,882 505,872 508,869 510,862 513,853 524,843 525,838 526,836 521,830 521,826 525,825ZM349,851 347,858 351,862 356,867 356,873 359,876 358,908 361,917 351,920 348,915 344,907 343,900 346,887 343,882 342,872 342,862 336,855 337,850 349,851ZM337,850 336,855 342,862 342,872 343,882 346,887 343,900 344,907 348,915 351,920 330,928 323,933 312,937 300,933 301,928 295,916 298,900 304,889 300,869 299,859 299,851 321,850 327,851 331,849 337,850ZM233,861 235,860 238,862 248,862 251,858 253,859 257,857 259,863 262,861 267,859 273,862 275,867 281,870 285,866 292,866 300,869 304,889 298,900 295,916 301,928 300,933 294,933 285,930 277,931 261,933 252,937 240,942 237,942 238,930 239,929 239,923 233,917 229,917 226,913 228,907 227,900 228,896 230,896 230,890 229,887 231,885 236,884 232,873 229,867 230,863 233,861ZM159,829 166,829 175,832 178,832 179,830 186,832 188,831 189,836 191,836 194,834 196,834 200,838 205,839 209,836 213,834 216,832 219,833 222,836 223,839 228,845 226,849 225,853 228,852 230,853 229,858 233,861 230,863 229,867 232,873 236,884 231,885 229,887 230,890 230,896 228,896 224,896 221,901 218,901 215,898 216,893 211,884 207,886 204,886 201,887 201,882 199,878 199,874 197,869 193,864 183,864 180,866 176,867 174,870 172,873 165,879 160,871 155,866 151,864 148,861 147,855 145,852 141,850 147,843 151,844 154,841 157,841 159,839 158,835 159,833 159,829ZM121,832 128,829 132,830 135,828 159,829 159,833 158,835 159,839 157,841 154,841 151,844 147,843 141,850 134,844 129,843 126,840 126,837 122,835 121,832ZM228,896 227,900 228,907 226,913 229,917 233,917 239,923 239,929 238,930 237,942 234,942 220,935 209,925 198,917 189,908 192,904 193,900 198,893 204,886 207,886 211,884 216,893 215,898 218,901 221,901 224,896 228,896ZM165,879 172,873 174,870 176,867 180,866 183,864 193,864 197,869 199,874 199,878 201,882 201,887 204,886 198,893 193,900 192,904 189,908 185,907 176,902 169,894 167,889 165,879ZM267,859 266,851 270,845 269,841 280,829 282,820 285,817 291,819 297,816 299,812 309,806 311,802 323,796 330,794 334,797 342,797 341,803 343,810 350,819 350,825 365,828 365,838 362,842 356,843 353,849 349,851 337,850 331,849 327,851 321,850 299,851 299,859 300,869 292,866 285,866 281,870 275,867 273,862 267,859ZM692,930 688,931 679,931 670,929 665,931 663,934 659,934 654,931 639,938 633,937 631,938 628,946 618,944 608,942 600,937 589,932 583,937 577,944 576,953 568,953 559,950 551,958 545,970 543,966 543,960 537,956 532,949 531,944 525,937 526,932 525,927 526,916 529,914 535,900 546,899 548,895 550,895 554,898 570,893 575,888 582,883 581,878 585,877 597,878 609,871 619,857 625,851 633,849 635,854 642,863 642,869 640,874 641,879 646,883 656,889 663,894 663,899 672,906 677,912 680,920 690,925 692,930ZM576,953 576,962 572,969 569,978 568,990 568,998 566,1002 566,1007 564,1012 556,1018 550,1025 544,1039 545,1050 541,1054 534,1061 526,1070 521,1067 520,1063 513,1063 509,1068 506,1067 501,1062 497,1065 492,1071 481,1056 491,1048 486,1039 490,1036 499,1034 500,1028 507,1035 518,1035 522,1029 524,1020 523,1009 517,1001 522,985 519,982 509,983 506,976 507,970 523,971 533,975 544,978 545,970 551,958 559,950 568,953 576,953ZM483,970 489,970 497,971 505,970 507,970 506,976 509,983 519,982 522,985 517,1001 523,1009 524,1020 522,1029 518,1035 507,1035 500,1028 499,1034 490,1036 486,1039 491,1048 481,1056 468,1042 459,1031 451,1017 452,1012 454,1008 458,998 460,988 465,987 483,987 483,970ZM462,970 483,970 483,987 465,987 460,988 458,986 462,970ZM736,1116 741,1119 746,1122 754,1124 762,1128 768,1134 771,1146 769,1150 766,1161 769,1172 765,1177 761,1190 768,1193 728,1204 730,1214 720,1216 712,1222 711,1226 706,1227 695,1239 688,1248 683,1248 679,1246 665,1245 662,1244 657,1240 649,1239 638,1242 630,1233 621,1222 621,1178 648,1179 647,1174 649,1169 647,1162 648,1156 647,1151 652,1152 652,1156 658,1156 667,1157 671,1163 681,1165 689,1161 692,1168 702,1170 707,1176 712,1183 722,1183 721,1169 717,1171 708,1166 705,1163 707,1150 709,1133 706,1127 710,1118 713,1117 730,1115 736,1116ZM762,1128 774,1131 777,1134 781,1141 785,1160 781,1170 785,1188 790,1188 794,1192 800,1202 801,1220 795,1222 791,1232 783,1224 782,1214 785,1207 784,1202 779,1198 775,1200 768,1193 761,1190 765,1177 769,1172 766,1161 769,1150 771,1146 768,1134 762,1128ZM785,1160 795,1158 810,1162 814,1161 823,1160 827,1156 835,1156 849,1151 860,1143 862,1149 861,1163 863,1175 863,1196 866,1203 862,1213 857,1222 849,1231 837,1236 822,1243 807,1257 802,1260 793,1270 788,1273 787,1283 793,1293 796,1301 796,1305 798,1305 798,1318 796,1324 799,1327 797,1332 791,1337 781,1342 765,1349 759,1354 761,1360 764,1361 763,1368 753,1368 752,1362 750,1356 749,1351 751,1336 748,1326 741,1307 755,1291 759,1281 760,1280 762,1272 760,1268 760,1258 763,1248 763,1231 756,1226 750,1225 747,1222 741,1219 730,1219 730,1214 728,1204 768,1193 775,1200 779,1198 784,1202 785,1207 782,1214 783,1224 791,1232 795,1222 801,1220 800,1202 794,1192 790,1188 785,1188 781,1170 785,1160ZM753,1368 750,1374 743,1376 735,1368 735,1364 738,1358 740,1354 743,1354 750,1356 752,1362 753,1368ZM506,1067 501,1070 499,1073 498,1079 495,1081 492,1071 497,1065 501,1062 506,1067ZM497,1085 502,1083 506,1084 510,1082 549,1082 552,1092 556,1101 559,1105 564,1112 572,1111 576,1109 584,1111 586,1108 589,1100 597,1099 598,1097 604,1097 603,1102 619,1102 619,1110 622,1115 620,1124 621,1132 625,1137 624,1154 628,1152 633,1153 641,1151 647,1151 648,1156 647,1162 649,1169 647,1174 648,1179 621,1178 621,1222 630,1233 638,1242 614,1247 583,1246 574,1239 521,1240 519,1241 512,1234 503,1234 495,1236 489,1239 488,1230 490,1218 494,1206 495,1200 499,1187 502,1182 510,1173 514,1167 515,1156 515,1149 511,1144 507,1135 504,1127 505,1124 509,1119 505,1106 502,1097 496,1088 497,1085ZM732,1035 733,1040 736,1043 736,1048 733,1050 728,1058 723,1063 717,1063 717,1047 713,1040 721,1042 725,1034 732,1035ZM979,1173 983,1178 986,1187 988,1204 991,1210 990,1217 988,1221 983,1213 981,1217 984,1227 982,1233 979,1236 978,1248 973,1264 966,1283 958,1309 954,1328 948,1344 937,1347 926,1353 918,1349 908,1344 904,1337 904,1325 899,1314 898,1304 900,1294 906,1292 906,1287 912,1277 914,1268 911,1262 908,1253 907,1240 912,1233 913,1224 920,1223 927,1221 932,1218 937,1218 945,1210 956,1202 959,1195 958,1189 963,1191 970,1181 971,1173 975,1167 979,1173ZM120,815 135,815 137,811 142,811 147,814 151,815 155,812 158,816 152,819 146,819 141,816 136,819 134,819 131,821 119,821 120,815ZM460,586 454,561 446,556 446,552 436,544 435,534 443,526 446,515 444,502 446,495 460,489 469,491 469,498 480,493 481,495 474,502 474,508 479,512 477,524 469,531 471,538 478,538 481,545 486,547 485,557 479,561 475,566 466,571 467,577 466,583 460,586ZM224,626 225,623 225,606 246,596 259,594 269,590 274,583 289,578 290,567 297,566 303,561 320,559 322,554 319,551 315,536 314,528 309,519 321,512 335,509 344,503 356,499 378,497 400,496 406,498 418,492 432,492 437,495 446,495 444,502 446,515 443,526 435,534 436,544 446,552 446,556 454,561 460,586 464,598 465,604 463,615 464,622 462,629 463,638 458,643 466,653 466,659 471,667 477,665 487,671 493,679 448,706 411,733 392,739 378,740 378,731 372,729 364,725 361,719 317,689 273,659 224,626ZM480,194 486,186 497,177 501,161 493,154 492,135 500,123 513,123 518,117 513,113 533,93 546,78 554,68 567,68 570,61 595,63 597,54 605,53 622,60 642,69 643,91 647,96 625,100 612,109 614,118 593,129 568,141 559,160 568,170 581,177 569,193 555,196 550,219 543,232 527,230 520,241 505,242 501,229 490,213 480,194ZM702,231 716,234 718,238 725,236 737,239 739,246 736,250 744,259 749,261 748,263 757,266 761,270 756,273 745,272 743,273 746,278 749,287 738,288 734,291 733,297 728,296 716,297 713,294 708,296 703,294 693,294 679,290 665,289 655,290 648,293 642,294 642,288 638,281 646,279 646,273 642,268 642,262 654,262 668,257 671,249 682,245 681,239 688,236 702,231ZM749,287 754,287 757,284 761,285 775,284 783,291 780,294 781,298 791,299 796,305 795,308 812,312 822,310 830,317 837,317 857,321 857,325 851,332 854,340 852,344 840,345 833,349 833,355 822,356 814,361 802,362 790,367 791,374 789,374 787,371 783,370 774,367 771,371 769,369 749,366 748,361 736,362 731,370 721,380 715,378 709,380 703,377 706,376 709,371 712,367 711,364 714,363 715,365 723,366 726,365 724,363 725,361 720,358 718,352 714,350 715,345 709,341 703,341 694,337 685,338 682,340 677,340 673,343 664,344 659,347 653,343 645,343 637,342 632,345 631,341 623,337 626,332 630,328 632,329 629,323 641,311 647,310 649,306 642,294 648,293 655,290 665,289 679,290 693,294 703,294 708,296 713,294 716,297 728,296 733,297 734,291 738,288 749,287ZM642,262 642,268 646,273 646,279 638,281 642,288 642,294 649,306 647,310 641,311 629,323 632,329 630,328 617,323 608,325 602,323 594,326 588,321 582,323 576,316 566,315 565,311 556,309 554,313 547,310 548,306 538,305 532,300 526,292 527,287 524,280 520,275 523,271 520,264 529,260 549,254 566,249 578,251 579,255 592,255 608,256 632,256 638,258 642,262ZM557,341 556,347 549,347 551,350 547,359 545,361 533,361 527,364 516,363 498,360 495,355 482,357 480,360 472,358 466,358 460,355 462,352 461,349 465,349 472,353 474,349 485,350 494,347 501,347 505,350 506,348 504,339 509,337 513,331 523,335 530,330 535,329 545,333 551,332 557,335 556,337 557,341ZM623,337 631,341 632,345 624,347 617,357 610,366 599,369 591,368 581,372 576,374 566,371 556,365 552,364 549,359 547,359 551,350 549,347 556,347 557,341 564,345 569,346 579,345 581,342 586,341 592,339 593,340 599,338 603,335 607,334 621,339 623,337ZM682,340 685,338 694,337 703,341 709,341 715,345 714,350 718,352 720,358 725,361 724,363 726,365 723,366 715,365 714,363 711,364 712,367 709,371 706,376 703,377 701,371 702,365 702,359 694,351 690,345 686,341 682,340ZM703,377 709,380 715,378 721,380 721,384 715,387 711,385 707,402 700,400 690,395 675,399 669,402 650,401 640,399 635,400 631,395 628,392 631,390 628,388 624,391 617,387 616,382 608,378 606,374 599,369 610,366 617,357 624,347 632,345 637,342 645,343 653,343 659,347 664,344 673,343 677,340 682,340 686,341 690,345 694,351 702,359 702,365 701,371 703,377ZM681,239 682,245 671,249 668,257 654,262 642,262 638,258 632,256 631,253 632,249 626,247 613,244 610,233 625,229 647,229 659,228 661,231 668,232 681,239ZM691,213 697,216 698,223 702,231 688,236 681,239 668,232 661,231 659,228 647,229 625,229 610,233 611,222 617,214 629,209 639,219 650,219 652,209 663,206 669,208 680,213 691,213ZM700,186 702,188 693,196 696,209 691,213 680,213 669,208 663,206 652,209 654,201 649,202 641,197 640,189 656,186 672,184 686,186 700,186 700,186ZM520,264 523,271 520,275 524,280 527,287 526,292 532,300 526,302 523,300 519,303 510,305 505,309 496,312 498,316 499,322 506,325 513,331 509,337 504,339 506,348 505,350 501,347 494,347 485,350 474,349 472,353 465,349 461,349 448,345 445,348 434,348 436,338 442,329 423,326 417,323 418,317 415,314 417,305 415,290 423,290 426,285 429,272 427,268 429,265 440,264 442,267 451,260 448,255 448,247 457,249 466,247 466,252 479,256 479,261 492,258 499,254 514,260 520,264ZM631,395 635,400 640,399 650,401 669,402 675,399 690,395 700,400 707,402 701,408 696,417 700,425 689,423 676,428 676,434 664,436 655,431 644,435 635,434 634,425 627,421 629,419 628,417 630,413 635,409 629,403 628,398 631,395ZM678,517 676,521 658,522 658,520 642,517 644,512 651,516 662,515 671,516 671,519 678,517ZM635,434 644,435 655,431 664,436 676,434 676,428 682,431 678,440 675,441 667,441 660,440 645,443 654,451 647,453 640,453 633,446 630,449 633,457 640,464 635,467 642,473 649,477 649,485 637,481 641,488 632,490 637,502 629,502 618,496 613,485 611,476 606,470 599,462 598,458 604,451 605,447 609,445 610,441 618,440 623,437 630,437 632,435 635,434ZM610,441 609,445 605,447 604,451 598,458 596,457 596,454 589,449 588,443 589,433 590,429 588,427 587,423 593,416 594,418 597,417 600,421 603,422 604,427 602,432 604,438 610,441ZM552,364 556,365 566,371 576,374 581,372 584,377 588,381 583,386 578,383 569,383 558,381 551,381 549,384 544,381 541,387 548,393 550,397 556,402 561,405 566,411 578,416 576,419 564,414 557,409 545,405 534,395 536,393 531,388 530,383 522,381 518,387 514,382 514,377 524,378 526,375 531,378 536,378 536,374 540,373 542,367 552,364ZM461,349 462,352 460,355 466,358 472,358 471,364 466,366 456,364 453,370 447,370 445,368 438,373 431,373 426,371 421,365 415,367 415,360 425,353 424,349 430,351 434,348 445,348 448,345 461,349ZM415,314 418,317 417,323 414,323 411,322 412,314 415,314ZM417,305 415,314 412,314 411,322 399,316 393,317 384,310 378,305 372,305 370,300 380,297 390,298 402,295 410,301 417,305ZM427,268 429,272 426,285 423,290 415,290 417,305 410,301 402,295 390,298 380,297 387,293 398,273 416,267 427,268ZM220,427 225,423 230,421 233,428 241,428 243,426 251,427 254,434 248,437 248,448 246,450 245,457 240,458 245,466 241,475 246,479 244,483 239,488 240,493 235,496 228,494 222,496 224,485 222,477 217,475 214,470 215,461 220,456 221,451 223,442 223,436 221,432 220,427ZM240,493 239,488 244,483 246,479 241,475 245,466 240,458 245,457 246,450 248,448 248,437 254,434 251,427 243,426 241,428 233,428 230,421 225,423 220,427 221,417 215,411 234,401 250,404 267,404 281,406 291,405 312,406 318,411 341,417 346,414 361,421 376,419 376,427 364,436 348,439 346,443 338,451 333,462 339,470 331,476 328,485 318,488 309,498 293,499 280,498 272,503 267,508 261,507 256,503 253,495 240,493ZM257,262 259,272 249,285 226,293 208,291 218,276 211,262 229,252 239,245 242,252 239,260 247,260 257,262ZM472,358 480,360 482,357 495,355 498,360 516,363 515,370 518,376 507,374 497,379 498,386 496,390 500,397 512,404 519,415 533,426 544,426 547,429 543,432 555,437 564,441 575,448 577,450 574,455 567,449 556,447 550,456 560,461 558,468 553,469 546,480 540,481 540,477 543,470 546,467 541,459 537,452 532,450 528,444 519,442 514,436 504,436 494,429 482,420 473,413 469,399 463,397 452,393 446,395 439,401 433,402 435,396 428,394 425,384 429,380 425,374 426,371 431,373 438,373 445,368 447,370 453,370 456,364 466,366 471,364 472,358ZM528,478 538,477 534,488 536,492 533,499 523,494 516,492 498,485 500,478 515,480 528,478ZM450,440 456,436 464,446 462,464 457,463 451,468 446,464 446,448 443,440 450,440ZM466,247 457,249 448,247 442,240 442,226 444,222 448,218 459,217 464,213 474,209 474,217 470,221 472,225 479,227 475,232 472,231 462,240 466,247ZM497,232 502,239 494,250 480,242 478,236 497,232ZM257,262 247,260 239,260 242,252 239,245 250,245 264,253 257,262ZM297,269 299,261 290,252 274,250 271,246 276,240 272,236 265,243 264,229 257,222 262,208 272,197 282,198 298,197 284,212 297,210 312,210 308,221 297,234 310,234 311,236 323,252 331,254 339,270 343,275 359,278 357,287 351,291 356,298 344,305 327,305 305,309 299,306 290,312 278,311 269,316 262,313 281,299 293,296 272,294 269,288 282,284 275,277 278,268 297,269ZM149,90 146,99 161,108 144,118 106,128 95,130 78,128 42,124 55,118 27,111 49,109 49,105 22,101 30,92 50,90 70,100 90,92 106,96 127,89 149,90ZM516,363 527,364 533,361 545,361 547,359 549,359 552,364 542,367 540,373 536,374 536,378 531,378 526,375 524,378 515,377 518,376 515,370 516,363ZM708,54 706,64 726,73 714,83 729,99 720,110 732,121 726,130 746,139 741,146 729,154 701,171 677,173 655,178 634,180 626,173 614,168 616,155 610,143 616,135 628,126 658,111 666,108 665,102 647,96 643,91 642,69 622,60 605,53 613,50 627,57 644,56 658,60 670,54 676,44 697,39 713,44 708,54ZM630,328 626,332 623,337 621,339 607,334 603,335 599,338 593,340 592,339 586,341 581,342 579,345 569,346 564,345 557,341 556,337 557,335 559,332 565,332 569,331 572,329 573,326 576,325 578,322 581,322 588,321 594,326 602,323 608,325 617,323 630,328ZM532,300 538,305 548,306 547,310 554,313 556,309 565,311 566,315 576,316 581,322 578,322 576,325 573,326 572,329 569,329 565,332 559,332 557,335 551,332 545,333 535,329 530,330 523,335 513,331 506,325 499,322 498,316 496,312 505,309 510,305 519,303 523,300 526,302 532,300ZM809,804 808,798 814,778 815,769 819,765 828,762 835,755 843,770 846,783 853,790 871,803 878,811 885,818 889,823 896,827 892,831 886,829 882,825 876,817 871,813 867,808 856,802 847,802 844,799 836,802 829,796 824,806 809,804ZM309,519 314,528 315,536 319,551 322,554 320,559 303,561 297,566 290,567 289,578 274,583 269,590 259,594 246,596 225,606 225,622 223,622 223,629 215,630 211,633 205,633 200,631 189,633 185,643 181,644 175,662 157,676 153,695 147,702 146,707 117,708 117,701 122,697 126,690 125,686 130,676 137,667 141,665 145,657 145,650 150,641 159,636 167,622 173,617 186,615 196,606 202,602 213,591 210,574 215,562 216,555 225,545 238,539 247,534 256,519 260,511 270,511 278,517 290,516 303,519 309,519ZM815,700 764,700 713,700 661,700 661,649 661,600 657,589 661,581 659,575 663,568 681,568 693,572 706,576 712,578 722,574 727,570 739,569 748,570 751,577 754,573 765,576 775,577 781,573 789,593 790,597 786,602 783,613 780,620 777,622 773,618 767,612 757,592 756,593 761,608 769,621 779,643 784,650 788,658 800,673 797,676 798,685 813,697 815,700ZM661,700 661,727 646,727 646,733 594,707 543,680 530,688 520,693 513,685 493,679 487,671 477,665 471,667 466,659 466,653 458,643 463,638 462,629 464,622 463,615 465,604 464,598 460,586 466,583 467,577 466,571 475,566 479,561 485,557 486,547 501,552 507,550 518,553 535,559 541,571 552,574 571,579 585,586 591,583 597,576 594,566 598,559 607,553 616,551 634,554 638,560 643,560 647,562 660,564 663,568 659,575 661,581 657,589 661,600 661,649 661,700ZM957,892 920,933 903,933 892,943 883,943 880,948 871,948 866,943 854,949 850,955 841,953 838,952 835,952 831,952 815,940 806,940 801,936 801,928 795,926 787,911 781,908 779,902 772,896 764,895 769,887 776,887 778,882 777,870 781,856 787,852 789,846 794,836 802,829 807,815 809,804 824,806 829,796 836,802 844,799 847,802 856,802 867,808 871,813 876,817 882,825 886,829 882,835 877,842 878,846 878,850 886,850 889,849 892,852 889,856 894,864 898,871 903,875 946,892 957,892ZM886,829 892,831 896,827 899,832 898,837 891,840 896,844 892,852 889,849 886,850 878,850 878,846 877,842 882,835 886,829ZM972,845 972,851 972,865 972,872 966,880 957,892 946,892 903,875 898,871 894,864 889,856 892,852 896,844 901,847 903,852 909,858 915,858 928,855 942,853 953,849 960,848 964,845 972,845 972,845ZM777,1015 750,1016 736,1015 731,1017 724,1021 721,1020 721,1010 724,1004 724,993 727,987 732,980 737,976 741,971 736,969 737,953 742,950 750,953 761,949 770,949 778,943 784,953 786,960 791,975 787,985 780,994 776,1000 777,1015ZM731,1017 737,1025 736,1033 732,1035 725,1034 721,1042 713,1040 715,1033 716,1032 717,1024 721,1020 724,1021 731,1017ZM578,416 566,411 561,405 556,402 550,397 548,393 541,387 544,381 549,384 551,381 558,381 569,383 578,383 583,386 588,386 585,392 591,397 589,404 586,404 584,406 580,409 578,416ZM627,421 634,425 635,434 632,435 630,437 623,437 618,440 610,441 604,438 602,432 604,427 606,427 606,425 614,422 617,422 621,421 627,421ZM581,372 591,368 599,369 606,374 608,378 616,382 617,387 624,391 628,388 631,390 628,392 631,395 628,398 629,403 635,409 630,413 628,417 629,419 627,421 621,421 617,422 618,419 619,416 618,416 615,413 613,413 611,411 609,410 607,408 605,409 603,413 600,414 601,413 596,410 592,409 590,407 586,404 589,404 591,397 585,392 588,386 583,386 588,381 584,377 581,372ZM597,417 594,418 593,416 587,423 588,427 586,426 582,421 576,419 578,416 580,409 584,406 586,404 590,407 592,409 596,410 601,413 600,414 597,417ZM604,427 603,422 600,421 597,417 600,414 603,413 605,409 607,408 609,410 611,411 613,413 615,413 618,416 619,416 618,419 616,421 614,422 606,425 606,427 604,427ZM737,953 725,944 722,938 715,941 709,940 706,943 700,941 692,930 690,925 680,920 677,912 672,906 663,899 663,894 656,889 647,883 651,882 655,879 659,867 662,861 671,859 674,862 680,870 684,872 689,869 698,870 700,873 713,873 713,870 720,867 721,863 726,860 737,868 744,867 750,857 757,849 756,841 753,837 761,837 762,833 768,834 766,845 768,854 774,860 776,865 776,871 777,872 778,882 776,887 769,887 764,895 772,896 779,902 781,908 787,911 795,926 786,935 778,943 770,949 761,949 750,953 742,950 737,953Z\" fill=\"rgba(255,255,255,0.10)\" stroke=\"rgba(255,255,255,0.40)\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/><\/svg>\n        <div style=\"text-align:center;font-size:11px;color:rgba(255,255,255,0.42);margin-top:var(--space-sm)\">Europa e Africa<\/div>\n      <\/div>\n    <\/div>\n    <div data-anim=\"fade\" class=\"ap-mkt-wrap\" style=\"margin-top:var(--space-3xl);border-top:1px solid rgba(255,255,255,0.1);padding-top:var(--space-xl)\">\n      <div style=\"display:flex;flex-wrap:wrap;gap:18px;margin-bottom:var(--space-md);font-size:12px;color:rgba(255,255,255,0.55)\">\n        <span><i style=\"display:inline-block;width:10px;height:10px;border-radius:3px;background:rgba(255,255,255,0.85);margin-right:6px;vertical-align:-1px\"><\/i>dati distributori + grossisti &middot; 15<\/span>\n        <span><i style=\"display:inline-block;width:10px;height:10px;border-radius:3px;border:1px solid rgba(255,255,255,0.4);margin-right:6px;vertical-align:-1px\"><\/i>dati grossisti + eRetail &middot; 27<\/span>\n      <\/div>\n      <div class=\"ap-mkt\"><span class=\"\">Armenia<\/span><span class=\"full\">Austria<\/span><span class=\"\">Bosnia ed Erzegovina<\/span><span class=\"full\">Bulgaria<\/span><span class=\"full\">Croazia<\/span><span class=\"\">Cipro<\/span><span class=\"full\">Cechia<\/span><span class=\"\">Egitto<\/span><span class=\"full\">Estonia<\/span><span class=\"full\">Grecia<\/span><span class=\"full\">Ungheria<\/span><span class=\"full\">Irlanda<\/span><span class=\"\">Italia<\/span><span class=\"full\">Lettonia<\/span><span class=\"full\">Lituania<\/span><span class=\"\">Moldova<\/span><span class=\"\">Montenegro<\/span><span class=\"\">Nigeria<\/span><span class=\"\">Macedonia del Nord<\/span><span class=\"\">Irlanda del Nord<\/span><span class=\"full\">Polonia<\/span><span class=\"full\">Romania<\/span><span class=\"full\">Serbia<\/span><span class=\"full\">Slovacchia<\/span><span class=\"\">Slovenia<\/span><span class=\"full\">Svizzera<\/span><span class=\"\">Ucraina<\/span><\/div>\n    <\/div>\n  <\/div>\n  <style>\n  .ap-mkt{display:flex;flex-wrap:wrap;gap:8px}\n  .ap-mkt span{font-size:13px;padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,0.14);color:rgba(255,255,255,0.62);white-space:nowrap}\n  .ap-mkt span.full{background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.28);color:#fff}\n  @media(max-width:900px){.ap-proof{grid-template-columns:1fr !important}.ap-proof > div:last-child{order:-1}}\n  <\/style>\n<\/section>\n\n<!-- ===== SECTION: How it works (deck-aligned: integrate\/clean\/dedup\/enrich\/structure) ===== -->\n<section id=\"how-it-works\" style=\"padding:var(--space-4xl) 0;background:var(--color-white);scroll-margin-top:90px\">\n  <div class=\"container\">\n    <div data-anim=\"fade\" style=\"max-width:48rem;margin-bottom:var(--space-2xl)\">\n      <span style=\"display:inline-block;background:rgba(17,17,17,0.06);color:#56565c;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;font-size:11px;padding:5px 12px;border-radius:20px;margin-bottom:var(--space-md)\">Come funziona<\/span>\n      <h2 class=\"text-h5 text-black\" style=\"margin-bottom:var(--space-md)\">Tre input, un processo, <span class=\"text-gradient\">un output pulito<\/span><\/h2>\n      <p class=\"text-h10 text-dark-gray\" style=\"margin:0\">Il riferimento sono i tuoi record prodotto e cliente. Su questi aggiungiamo il tuo sell-in &mdash; spedizioni e consegne dirette &mdash; e il magazzino e il sell-out dei tuoi partner. Integriamo, puliamo, deduplichiamo, arricchiamo e strutturiamo i dati &mdash; e tornano come un&#8217;unica vista dell&#8217;intero mercato, nei tuoi codici &mdash; un unico set di dati pulito su cui ogni team pu\u00f2 lavorare, con gli strumenti che gi\u00e0 usa.<\/p>\n    <\/div>\n    <div class=\"ap-grid2\" data-stagger style=\"display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)\">\n      <div style=\"background:var(--color-gray);border-radius:var(--radius-lg);padding:var(--space-xl)\">\n        <h3 style=\"font-size:17px;font-weight:600;line-height:1.3;margin:0 0 var(--space-sm);color:var(--color-black)\">Qualsiasi formato, qualsiasi sistema<\/h3>\n        <p style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0\">I partner inviano EDI, CSV, XML o file flat via SFTP, API o database diretto. Dalla loro parte non cambia nulla.<\/p>\n      <\/div>\n      <div style=\"background:var(--color-gray);border-radius:var(--radius-lg);padding:var(--space-xl)\">\n        <h3 style=\"font-size:17px;font-weight:600;line-height:1.3;margin:0 0 var(--space-sm);color:var(--color-black)\">Pulizia su larga scala<\/h3>\n        <p style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0\">Circa 30 milioni di record grezzi ricondotti a 4 milioni di record puliti, con un&#8217;automazione dell&#8217;85&ndash;99,8%, e un&#8217;AI che abbina i prodotti per marca, gusto, formato e confezione, in pi\u00f9 lingue.<\/p>\n      <\/div>\n      <div style=\"background:var(--color-gray);border-radius:var(--radius-lg);padding:var(--space-xl)\">\n        <h3 style=\"font-size:17px;font-weight:600;line-height:1.3;margin:0 0 var(--space-sm);color:var(--color-black)\">Bundle scomposti fino allo SKU reale<\/h3>\n        <p style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0\">Multipack, cartoni misti, espositori e totali \u201ebrand X&#8221; suddivisi nei prodotti effettivi, cos\u00ec le vendite non spariscono mai dentro un bundle.<\/p>\n      <\/div>\n      <div style=\"background:var(--color-gray);border-radius:var(--radius-lg);padding:var(--space-xl)\">\n        <h3 style=\"font-size:17px;font-weight:600;line-height:1.3;margin:0 0 var(--space-sm);color:var(--color-black)\">Discrepanze segnalate in anticipo<\/h3>\n        <p style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0\">Dove ci\u00f2 che hai fatturato non coincide con ci\u00f2 che un partner dichiara di vendere ai negozi, emerge in tempo reale, non un mese dopo alla chiusura.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== SECTION: Industry recognition (logo cards, store-seg style) ===== -->\n<section style=\"padding:var(--space-4xl) 0;background:var(--color-gray)\">\n  <div class=\"container\">\n    <div data-anim=\"fade\" style=\"max-width:52rem;margin-bottom:var(--space-3xl)\">\n      <span style=\"display:inline-block;background:rgba(17,17,17,0.06);color:#56565c;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;font-size:11px;padding:5px 12px;border-radius:20px;margin-bottom:var(--space-md)\">Riconoscimenti di settore<\/span>\n      <h2 class=\"text-h5 text-black\" style=\"margin-bottom:var(--space-md)\">Analisti di mercato e standard <span class=\"text-gradient\">riconoscono Asseco Platform<\/span><\/h2>\n      <p class=\"text-h10 text-dark-gray\" style=\"margin:0\">Conferme indipendenti che rafforzano il tuo business case interno.<\/p>\n    <\/div>\n    <div class=\"ap-grid3 ap-rec\" data-stagger style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)\">\n      <div class=\"ap-rec-card\">\n        <div class=\"ap-rec-card__logo\"><img decoding=\"async\" src=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/04\/gartner.svg\" alt=\"Gartner\" loading=\"lazy\"><\/div>\n        <h3>Gartner Representative Vendor<\/h3>\n        <div class=\"ap-rec-card__sub\">Market Guide for Retail Execution &ndash; 2025<\/div>\n        <p>Asseco Platform \u00e8 indicata come Representative Vendor nel Gartner Market Guide for Retail Execution Management in FMCG.<\/p>\n      <\/div>\n      <div class=\"ap-rec-card\">\n        <div class=\"ap-rec-card__logo\"><img decoding=\"async\" src=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/04\/poi.png\" alt=\"Promotion Optimization Institute\" loading=\"lazy\"><\/div>\n        <h3>POI Best-in-Class<\/h3>\n        <div class=\"ap-rec-card__sub\">9 riconoscimenti nel portfolio Asseco Platform &ndash; 2025<\/div>\n        <p>Asseco Platform ha ottenuto 9 riconoscimenti POI Best-in-Class &mdash; il numero pi\u00f9 alto tra i vendor valutati.<\/p>\n      <\/div>\n      <div class=\"ap-rec-card\">\n        <div class=\"ap-rec-card__logo\"><img decoding=\"async\" src=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/04\/iso.svg\" alt=\"ISO\/IEC 27001:2022\" loading=\"lazy\"><\/div>\n        <h3>ISO\/IEC 27001:2022<\/h3>\n        <div class=\"ap-rec-card__sub\">Certificato<\/div>\n        <p>Uno standard di gestione della sicurezza delle informazioni riconosciuto a livello internazionale. Fondamentale per i decisori IT enterprise.<\/p>\n      <\/div>\n    <\/div>\n    <div data-anim=\"fade\" style=\"margin-top:var(--space-2xl)\">\n      <a href=\"https:\/\/assecoplatform.com\/it\/casi-di-studio\/\" class=\"ap-rec-cta\">&rarr; Vedi tutti i riconoscimenti e i case study<\/a>\n    <\/div>\n  <\/div>\n  <style>\n  .ap-rec-card{background:#fff;border:1px solid #ececed;border-radius:var(--radius-lg);padding:var(--space-2xl);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}\n  .ap-rec-card::before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef5909,#d70e44,#a046e1,#1676c3);opacity:0;transition:opacity .25s ease}\n  .ap-rec-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08)}\n  .ap-rec-card:hover::before{opacity:1}\n  .ap-rec-card__logo{height:44px;margin-bottom:var(--space-md);display:flex;align-items:center}\n  .ap-rec-card__logo img{height:44px;width:auto;max-width:160px;object-fit:contain}\n  .ap-rec-card h3{font-size:18px;font-weight:600;margin:0 0 6px;color:var(--color-black)}\n  .ap-rec-card__sub{font-size:13px;color:#3F5BEB;margin-bottom:var(--space-sm)}\n  .ap-rec-card p{font-size:15px;line-height:1.55;color:var(--color-dark-gray);margin:0}\n  .ap-rec-cta{display:inline-flex;align-items:center;gap:8px;background:#161616;color:#fff;padding:14px 24px;border-radius:40px;font-weight:600;text-decoration:none;font-size:15px}\n  .ap-rec-cta:hover{opacity:.9}\n  @media(max-width:900px){.ap-rec{grid-template-columns:1fr !important}}\n  <\/style>\n<\/section>\n\n<!-- ===== SECTION: Part of Asseco Platform ===== -->\n<section style=\"padding:var(--space-4xl) 0;background:var(--color-white)\">\n  <div class=\"container\">\n    <div data-anim=\"fade\" style=\"max-width:48rem;margin-bottom:var(--space-2xl)\">\n      <span style=\"display:inline-block;background:rgba(17,17,17,0.06);color:#56565c;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;font-size:11px;padding:5px 12px;border-radius:20px;margin-bottom:var(--space-md)\">Parte di Asseco Platform<\/span>\n      <h2 class=\"text-h5 text-black\" style=\"margin-bottom:var(--space-md)\">La base dati &mdash; <span class=\"text-gradient\">trasformata in azione<\/span><\/h2>\n      <p class=\"text-h10 text-dark-gray\" style=\"margin:0\">Trade Data Hub \u00e8 la base dati. Altri prodotti Asseco Platform trasformano quei dati puliti in azione:<\/p>\n    <\/div>\n    <div data-stagger style=\"max-width:60rem\">\n      <a class=\"ap-role\" href=\"https:\/\/assecoplatform.com\/trade-terms-settlement\/\" style=\"display:grid;grid-template-columns:18rem 1fr;gap:var(--space-lg);padding:var(--space-lg) 0;border-top:1px solid rgba(0,0,0,0.1);text-decoration:none\">\n        <div style=\"font-weight:600;color:#3F5BEB\">Trade Terms &amp; Settlement<\/div>\n        <div style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray)\">Gestisci condizioni, promozioni e trade spend sui numeri confermati &mdash; e monitora le consegne puntuali e complete (OTIF).<\/div>\n      <\/a>\n      <a class=\"ap-role\" href=\"https:\/\/assecoplatform.com\/route-to-market-optimization\/\" style=\"display:grid;grid-template-columns:18rem 1fr;gap:var(--space-lg);padding:var(--space-lg) 0;border-top:1px solid rgba(0,0,0,0.1);text-decoration:none\">\n        <div style=\"font-weight:600;color:#3F5BEB\">Route-to-Market Optimization<\/div>\n        <div style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray)\">Trasforma dati reali di copertura e spazi vuoti in piani di territorio e di visita.<\/div>\n      <\/a>\n      <a class=\"ap-role\" href=\"https:\/\/assecoplatform.com\/it\/vendite-ed-esecuzione-al-dettaglio-2\/\" style=\"display:grid;grid-template-columns:18rem 1fr;gap:var(--space-lg);padding:var(--space-lg) 0;border-top:1px solid rgba(0,0,0,0.1);text-decoration:none\">\n        <div style=\"font-weight:600;color:#3F5BEB\">Sales &amp; Retail Execution<\/div>\n        <div style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray)\">Usato da oltre 24.000 agenti sul campo in 65 paesi per pianificare ed eseguire le visite nei punti vendita.<\/div>\n      <\/a>\n      <a class=\"ap-role\" href=\"https:\/\/assecoplatform.com\/it\/retail-image-recognition\/\" style=\"display:grid;grid-template-columns:18rem 1fr;gap:var(--space-lg);padding:var(--space-lg) 0;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);text-decoration:none\">\n        <div style=\"font-weight:600;color:#3F5BEB\">Retail Image Recognition<\/div>\n        <div style=\"font-size:15px;line-height:1.55;color:var(--color-dark-gray)\">Audit a scaffale con AI con oltre il 98% di accuratezza, collegati agli stessi dati.<\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== SECTION: FAQ (expanded grouped grid, store-seg style; FAQPage schema separate) ===== -->\n<section style=\"padding:var(--space-4xl) 0;background:var(--color-gray)\">\n  <div class=\"container\">\n    <div data-anim=\"fade\" style=\"max-width:52rem;margin-bottom:var(--space-3xl)\">\n      <span style=\"display:inline-block;background:rgba(17,17,17,0.06);color:#56565c;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;font-size:11px;padding:5px 12px;border-radius:20px;margin-bottom:var(--space-md)\">FAQ<\/span>\n      <h2 class=\"text-h5 text-black\" style=\"margin-bottom:var(--space-md)\">Le domande che ci fanno pi\u00f9 spesso <span class=\"text-gradient\">su Trade Data Hub<\/span><\/h2>\n      <p class=\"text-h10 text-dark-gray\" style=\"margin:0\">Raccolte dalle conversazioni con direttori vendite, trade marketing manager e team IT dei produttori FMCG. Se la tua domanda non \u00e8 qui &mdash; <a href=\"https:\/\/assecoplatform.com\/it\/contattaci\/\" style=\"color:#3F5BEB;text-decoration:none\">contattaci<\/a>.<\/p>\n    <\/div>\n    <div class=\"ap-faq2\" data-stagger>\n      <div class=\"ap-faq2__group\">\n        <h4 class=\"ap-faq2__h\">Cos&#8217;\u00e8 e in cosa si differenzia<\/h4>\n        <div class=\"ap-faq2__qs\">\n        <div class=\"ap-faq2__qa\"><p class=\"q\">Cos&#8217;\u00e8 Trade Data Hub?<\/p><p class=\"a\">Una piattaforma dati route-to-market per i produttori FMCG. Collega i sistemi di distributori, catene, partner foodservice e online attraverso cui vendi, cos\u00ec puoi vedere cosa ogni punto vendita riceve e vende davvero &mdash; oltre la tua fattura, fino al negozio.<\/p><\/div>\n        <div class=\"ap-faq2__qa\"><p class=\"q\">Qual \u00e8 la differenza tra primary sales e secondary sales?<\/p><p class=\"a\">Le primary sales sono ci\u00f2 che spedisci e fatturi &mdash; il tuo sell-in a distributori e clienti diretti. Le secondary sales sono ci\u00f2 che quei partner rivendono poi a ogni punto vendita &mdash; il tuo sell-out dei distributori. La maggior parte dei produttori vede le proprie primary sales ma perde le tracce delle secondary sales oltre la propria fattura. Trade Data Hub ti d\u00e0 visibilit\u00e0 su quelle secondary sales, punto vendita per punto vendita, nei tuoi codici prodotto e cliente.<\/p><\/div>\n        <div class=\"ap-faq2__qa\"><p class=\"q\">In cosa \u00e8 diverso dai dati dei panel retail come Nielsen o Circana?<\/p><p class=\"a\">I panel retail come Nielsen o Circana stimano cosa si vende a scaffale, sull&#8217;intero mercato. Trade Data Hub ti d\u00e0 i tuoi dati di sell-out dei distributori &mdash; i tuoi prodotti reali attraverso i tuoi partner reali, con ci\u00f2 che ogni specifico punto vendita ordina, riceve e riordina. Sono le tue secondary sales, fino al negozio. Funziona insieme ai dati dei panel, non al loro posto.<\/p><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ap-faq2__group\">\n        <h4 class=\"ap-faq2__h\">Copertura e dati<\/h4>\n        <div class=\"ap-faq2__qs\">\n        <div class=\"ap-faq2__qa\"><p class=\"q\">Avr\u00f2 la stessa profondit\u00e0 di dati da ogni partner?<\/p><p class=\"a\">No, e lo diciamo chiaramente. Ovunque vedi cosa ogni punto vendita ordina e riceve. Dove un partner condivide i dati di cassa, vedi anche cosa si vende ai consumatori. Fin dove arriva la vista dipende da ci\u00f2 che ogni partner pu\u00f2 condividere &mdash; ti diciamo cosa \u00e8 possibile sui tuoi canali route-to-market prima di iniziare.<\/p><\/div>\n        <div class=\"ap-faq2__qa\"><p class=\"q\">Quali formati e connessioni supportate?<\/p><p class=\"a\">EDI, CSV, XML, file flat e API &mdash; via SFTP, API, HTTP\/S o connessione diretta al database. Ogni partner invia ci\u00f2 che ha gi\u00e0 &mdash; noi lo mappiamo nei tuoi codici.<\/p><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ap-faq2__group\">\n        <h4 class=\"ap-faq2__h\">Sicurezza e propriet\u00e0<\/h4>\n        <div class=\"ap-faq2__qs\">\n        <div class=\"ap-faq2__qa\"><p class=\"q\">I miei dati sono tenuti separati da quelli di altri produttori?<\/p><p class=\"a\">S\u00ec. Ogni implementazione gira in un ambiente dedicato &mdash; i dati dei partner di un produttore non sono mai accessibili a un altro.<\/p><\/div>\n        <div class=\"ap-faq2__qa\"><p class=\"q\">I dati sono miei e devo cambiare il nostro modo di lavorare?<\/p><p class=\"a\">I dati sono tuoi. Raggiungono ogni team che ne ha bisogno &mdash; vendite, trade marketing, key account, finance &mdash; ciascuno in una forma utilizzabile, e si adattano agli strumenti che gi\u00e0 hai. Non devi sostituire nulla.<\/p><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ap-faq2__group\">\n        <h4 class=\"ap-faq2__h\">Come iniziare<\/h4>\n        <div class=\"ap-faq2__qs\">\n        <div class=\"ap-faq2__qa\"><p class=\"q\">Quanto dura l&#8217;implementazione?<\/p><p class=\"a\">Da poche settimane per un ambito ridotto a diversi mesi per i rollout enterprise, realizzata dal team Asseco.<\/p><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <style>\n  .ap-faq2__group{margin-bottom:var(--space-3xl)}\n  .ap-faq2__group:last-child{margin-bottom:0}\n  .ap-faq2__h{font-size:18px;font-weight:600;color:var(--color-black);margin:0 0 var(--space-lg);padding-bottom:8px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#ef5909,#d70e44,#a046e1,#1676c3) 1}\n  .ap-faq2__qs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg) var(--space-3xl)}\n  .ap-faq2__qa{padding-bottom:var(--space-lg);border-bottom:1px solid rgba(0,0,0,0.08)}\n  .ap-faq2__qa .q{font-weight:600;color:var(--color-black);font-size:16px;line-height:1.35;margin:0 0 8px}\n  .ap-faq2__qa .a{font-size:15px;line-height:1.6;color:var(--color-dark-gray);margin:0}\n  @media(max-width:760px){.ap-faq2__qs{grid-template-columns:1fr;gap:var(--space-lg)}}\n  <\/style>\n<\/section>\n\n<!-- ===== SECTION: CTA ===== -->\n<section style=\"padding:var(--space-4xl) 0;background:#161616;position:relative;overflow:hidden\">\n  <div style=\"position:absolute;inset:0;background:radial-gradient(60% 120% at 80% 0%,rgba(160,70,225,.28),transparent 60%),radial-gradient(50% 100% at 0% 100%,rgba(22,118,195,.22),transparent 60%);pointer-events:none\"><\/div>\n  <div class=\"container\" style=\"position:relative\">\n    <div data-anim=\"fade\" style=\"max-width:44rem\">\n      <h2 style=\"font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1.15;color:#fff;margin:0 0 var(--space-md)\">Provalo sui tuoi <span class=\"text-gradient\">canali route-to-market<\/span><\/h2>\n      <p style=\"font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:rgba(255,255,255,.78);margin:0 0 var(--space-xl)\">Questo \u00e8 il punto di partenza. Dicci con quali partner e sistemi lavori oggi e ti mostreremo come appare il quadro completo &mdash; e cosa servirebbe per collegarlo.<\/p>\n      <a href=\"https:\/\/assecoplatform.com\/it\/contattaci\/\" class=\"btn btn-primary-white btn-has-arrow\">Prenota una demo<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== SCHEMA: FAQPage + SoftwareApplication (JSON-LD) ===== -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"inLanguage\": \"it\",\n  \"mainEntity\": [\n    {\"@type\": \"Question\", \"name\": \"Cos'\u00e8 Trade Data Hub?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Una piattaforma dati route-to-market per i produttori FMCG. Collega i sistemi di distributori, catene, partner foodservice e online attraverso cui vendi, cos\u00ec puoi vedere cosa ogni punto vendita riceve e vende davvero \u2014 oltre la tua fattura, fino al negozio.\"}},\n    {\"@type\": \"Question\", \"name\": \"Qual \u00e8 la differenza tra primary sales e secondary sales?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Le primary sales sono ci\u00f2 che spedisci e fatturi \u2014 il tuo sell-in a distributori e clienti diretti. Le secondary sales sono ci\u00f2 che quei partner rivendono poi a ogni punto vendita \u2014 il tuo sell-out dei distributori. La maggior parte dei produttori vede le proprie primary sales ma perde le tracce delle secondary sales oltre la propria fattura. Trade Data Hub ti d\u00e0 visibilit\u00e0 su quelle secondary sales, punto vendita per punto vendita, nei tuoi codici prodotto e cliente.\"}},\n    {\"@type\": \"Question\", \"name\": \"In cosa \u00e8 diverso dai dati dei panel retail come Nielsen o Circana?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"I panel retail come Nielsen o Circana stimano cosa si vende a scaffale, sull'intero mercato. Trade Data Hub ti d\u00e0 i tuoi dati di sell-out dei distributori \u2014 i tuoi prodotti reali attraverso i tuoi partner reali, con ci\u00f2 che ogni specifico punto vendita ordina, riceve e riordina. Sono le tue secondary sales, fino al negozio. Funziona insieme ai dati dei panel, non al loro posto.\"}},\n    {\"@type\": \"Question\", \"name\": \"Avr\u00f2 la stessa profondit\u00e0 di dati da ogni partner?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"No, e lo diciamo chiaramente. Ovunque vedi cosa ogni punto vendita ordina e riceve. Dove un partner condivide i dati di cassa, vedi anche cosa si vende ai consumatori. Fin dove arriva la vista dipende da ci\u00f2 che ogni partner pu\u00f2 condividere \u2014 ti diciamo cosa \u00e8 possibile sui tuoi canali route-to-market prima di iniziare.\"}},\n    {\"@type\": \"Question\", \"name\": \"Quali formati e connessioni supportate?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"EDI, CSV, XML, file flat e API \u2014 via SFTP, API, HTTP\/S o connessione diretta al database. Ogni partner invia ci\u00f2 che ha gi\u00e0 \u2014 noi lo mappiamo nei tuoi codici.\"}},\n    {\"@type\": \"Question\", \"name\": \"I miei dati sono tenuti separati da quelli di altri produttori?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"S\u00ec. Ogni implementazione gira in un ambiente dedicato \u2014 i dati dei partner di un produttore non sono mai accessibili a un altro.\"}},\n    {\"@type\": \"Question\", \"name\": \"I dati sono miei e devo cambiare il nostro modo di lavorare?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"I dati sono tuoi. Raggiungono ogni team che ne ha bisogno \u2014 vendite, trade marketing, key account, finance \u2014 ciascuno in una forma utilizzabile, e si adattano agli strumenti che gi\u00e0 hai. Non devi sostituire nulla.\"}},\n    {\"@type\": \"Question\", \"name\": \"Quanto dura l'implementazione?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Da poche settimane per un ambito ridotto a diversi mesi per i rollout enterprise, realizzata dal team Asseco.\"}}\n  ]\n}\n<\/script>\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"SoftwareApplication\",\n  \"name\": \"Trade Data Hub\",\n  \"inLanguage\": \"it\",\n  \"applicationCategory\": \"BusinessApplication\",\n  \"applicationSubCategory\": \"Piattaforma dati route-to-market\",\n  \"operatingSystem\": \"Web-based\",\n  \"url\": \"https:\/\/assecoplatform.com\/it\/trade-data-hub\/\",\n  \"description\": \"Trade Data Hub \u00e8 una piattaforma dati route-to-market per i produttori FMCG. Collega i sistemi di distributori, catene, partner foodservice e online e li trasforma nel tuo sell-out dei distributori (secondary sales) \u2014 ci\u00f2 che ogni punto vendita ordina, riceve e vende davvero, fino al negozio, nei tuoi codici prodotto e cliente. Certificato ISO\/IEC 27001:2022.\",\n  \"featureList\": [\n    \"Sell-out dei distributori (secondary sales) fino al singolo negozio\",\n    \"Visibilit\u00e0 sulle secondary sales in general trade, modern trade, foodservice ed e-commerce\",\n    \"Integrazione dei sistemi dei partner via EDI, CSV, XML, file flat, API, SFTP e database diretto\",\n    \"Dati armonizzati nei tuoi codici prodotto e cliente\",\n    \"Analytics di distribuzione standard in One View\"\n  ],\n  \"publisher\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Asseco Business Solutions\",\n    \"url\": \"https:\/\/assecoplatform.com\/\"\n  }\n}\n<\/script>\n<script>\n(function(){\n  var vids=document.querySelectorAll('.ap-hero-vid');\n  if(vids.length>1){\n    var i=0;\n    try{vids[0].play();}catch(e){}\n    setInterval(function(){\n      var cur=vids[i]; i=(i+1)%vids.length; var nxt=vids[i];\n      try{nxt.currentTime=0; nxt.play();}catch(e){}\n      nxt.classList.add('is-active'); cur.classList.remove('is-active');\n    },8000);\n  }\n})();\nvar animObserver, staggerObserver;\nfunction initObservers(){\n  if(animObserver)animObserver.disconnect();\n  if(staggerObserver)staggerObserver.disconnect();\n  animObserver=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('is-visible');animObserver.unobserve(e.target);}});},{threshold:0.15,rootMargin:'0px 0px -40px 0px'});\n  document.querySelectorAll('[data-anim]').forEach(function(el){if(!el.classList.contains('is-visible'))animObserver.observe(el);});\n  staggerObserver=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('is-visible');staggerObserver.unobserve(e.target);}});},{threshold:0.1,rootMargin:'0px 0px -20px 0px'});\n  document.querySelectorAll('[data-stagger]').forEach(function(el){if(!el.classList.contains('is-visible'))staggerObserver.observe(el);});\n}\ninitObservers();\n<\/script>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Piattaforma dati route-to-market per l&#8217;FMCG Trade Data Hub: scopri dove vendi davvero i tuoi prodotti &mdash; e agisci di conseguenza. Sai cosa spedisci &mdash; non quali negozi lo ricevono e lo vendono davvero. Trade Data Hub \u00e8 una piattaforma dati route-to-market per l&#8217;FMCG. Colleghiamo i sistemi dei tuoi partner cos\u00ec vedi il percorso completo fino [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-page-with-dark-footer","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-6983","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.0 (Yoast SEO v28.0) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Trade Data Hub \u2014 piattaforma dati sell-out dei distributori per FMCG | Asseco Platform<\/title>\n<meta name=\"description\" content=\"Trade Data Hub: sell-out dei distributori e secondary sales fino al negozio. Unisce dati di distributori, catene e online per l&#039;FMCG. ISO 27001.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/assecoplatform.com\/it\/trade-data-hub\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Trade Data Hub\" \/>\n<meta property=\"og:description\" content=\"Trade Data Hub: sell-out dei distributori e secondary sales fino al negozio. Unisce dati di distributori, catene e online per l&#039;FMCG. ISO 27001.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/assecoplatform.com\/it\/trade-data-hub\/\" \/>\n<meta property=\"og:site_name\" content=\"Asseco Platform\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-26T08:50:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/General-Trade-%E2%80%94-traditional-retail-1024x572.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/assecoplatform.com\\\/it\\\/trade-data-hub\\\/\",\"url\":\"https:\\\/\\\/assecoplatform.com\\\/it\\\/trade-data-hub\\\/\",\"name\":\"Trade Data Hub \u2014 piattaforma dati sell-out dei distributori per FMCG | Asseco Platform\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/assecoplatform.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/assecoplatform.com\\\/it\\\/trade-data-hub\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/assecoplatform.com\\\/it\\\/trade-data-hub\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assecoplatform.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/General-Trade-%E2%80%94-traditional-retail-1024x572.webp\",\"datePublished\":\"2026-04-17T11:01:22+00:00\",\"dateModified\":\"2026-06-26T08:50:18+00:00\",\"description\":\"Trade Data Hub: sell-out dei distributori e secondary sales fino al negozio. Unisce dati di distributori, catene e online per l'FMCG. ISO 27001.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/assecoplatform.com\\\/it\\\/trade-data-hub\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/assecoplatform.com\\\/it\\\/trade-data-hub\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/assecoplatform.com\\\/it\\\/trade-data-hub\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assecoplatform.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/General-Trade-%E2%80%94-traditional-retail-1024x572.webp\",\"contentUrl\":\"https:\\\/\\\/assecoplatform.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/General-Trade-%E2%80%94-traditional-retail-1024x572.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/assecoplatform.com\\\/it\\\/trade-data-hub\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/assecoplatform.com\\\/it\\\/homepage\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Trade Data Hub\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/assecoplatform.com\\\/#website\",\"url\":\"https:\\\/\\\/assecoplatform.com\\\/\",\"name\":\"Asseco Platform\",\"description\":\"Solutions for FMCG\",\"publisher\":{\"@id\":\"https:\\\/\\\/assecoplatform.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/assecoplatform.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/assecoplatform.com\\\/#organization\",\"name\":\"Asseco Platform\",\"url\":\"https:\\\/\\\/assecoplatform.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/assecoplatform.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/assecoplatform.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/asseco_platform.svg\",\"contentUrl\":\"https:\\\/\\\/assecoplatform.com\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/asseco_platform.svg\",\"caption\":\"Asseco Platform\"},\"image\":{\"@id\":\"https:\\\/\\\/assecoplatform.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Trade Data Hub \u2014 piattaforma dati sell-out dei distributori per FMCG | Asseco Platform","description":"Trade Data Hub: sell-out dei distributori e secondary sales fino al negozio. Unisce dati di distributori, catene e online per l'FMCG. ISO 27001.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/assecoplatform.com\/it\/trade-data-hub\/","og_locale":"it_IT","og_type":"article","og_title":"Trade Data Hub","og_description":"Trade Data Hub: sell-out dei distributori e secondary sales fino al negozio. Unisce dati di distributori, catene e online per l'FMCG. ISO 27001.","og_url":"https:\/\/assecoplatform.com\/it\/trade-data-hub\/","og_site_name":"Asseco Platform","article_modified_time":"2026-06-26T08:50:18+00:00","og_image":[{"url":"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/General-Trade-%E2%80%94-traditional-retail-1024x572.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"11 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/assecoplatform.com\/it\/trade-data-hub\/","url":"https:\/\/assecoplatform.com\/it\/trade-data-hub\/","name":"Trade Data Hub \u2014 piattaforma dati sell-out dei distributori per FMCG | Asseco Platform","isPartOf":{"@id":"https:\/\/assecoplatform.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/assecoplatform.com\/it\/trade-data-hub\/#primaryimage"},"image":{"@id":"https:\/\/assecoplatform.com\/it\/trade-data-hub\/#primaryimage"},"thumbnailUrl":"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/General-Trade-%E2%80%94-traditional-retail-1024x572.webp","datePublished":"2026-04-17T11:01:22+00:00","dateModified":"2026-06-26T08:50:18+00:00","description":"Trade Data Hub: sell-out dei distributori e secondary sales fino al negozio. Unisce dati di distributori, catene e online per l'FMCG. ISO 27001.","breadcrumb":{"@id":"https:\/\/assecoplatform.com\/it\/trade-data-hub\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/assecoplatform.com\/it\/trade-data-hub\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/assecoplatform.com\/it\/trade-data-hub\/#primaryimage","url":"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/General-Trade-%E2%80%94-traditional-retail-1024x572.webp","contentUrl":"https:\/\/assecoplatform.com\/wp-content\/uploads\/2026\/06\/General-Trade-%E2%80%94-traditional-retail-1024x572.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/assecoplatform.com\/it\/trade-data-hub\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/assecoplatform.com\/it\/homepage\/"},{"@type":"ListItem","position":2,"name":"Trade Data Hub"}]},{"@type":"WebSite","@id":"https:\/\/assecoplatform.com\/#website","url":"https:\/\/assecoplatform.com\/","name":"Asseco Platform","description":"Solutions for FMCG","publisher":{"@id":"https:\/\/assecoplatform.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/assecoplatform.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/assecoplatform.com\/#organization","name":"Asseco Platform","url":"https:\/\/assecoplatform.com\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/assecoplatform.com\/#\/schema\/logo\/image\/","url":"https:\/\/assecoplatform.com\/wp-content\/uploads\/2024\/07\/asseco_platform.svg","contentUrl":"https:\/\/assecoplatform.com\/wp-content\/uploads\/2024\/07\/asseco_platform.svg","caption":"Asseco Platform"},"image":{"@id":"https:\/\/assecoplatform.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/assecoplatform.com\/it\/wp-json\/wp\/v2\/pages\/6983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/assecoplatform.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/assecoplatform.com\/it\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/assecoplatform.com\/it\/wp-json\/wp\/v2\/comments?post=6983"}],"version-history":[{"count":5,"href":"https:\/\/assecoplatform.com\/it\/wp-json\/wp\/v2\/pages\/6983\/revisions"}],"predecessor-version":[{"id":9064,"href":"https:\/\/assecoplatform.com\/it\/wp-json\/wp\/v2\/pages\/6983\/revisions\/9064"}],"wp:attachment":[{"href":"https:\/\/assecoplatform.com\/it\/wp-json\/wp\/v2\/media?parent=6983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}