{"id":5589,"date":"2025-02-28T10:59:34","date_gmt":"2025-02-28T09:59:34","guid":{"rendered":"https:\/\/latestcollection.com\/?page_id=5589"},"modified":"2026-09-14T08:33:07","modified_gmt":"2026-09-14T06:33:07","slug":"how-it-works-fashion-article-data","status":"publish","type":"page","link":"https:\/\/latestcollection.com\/en\/hoe-het-werkt-fashion-artikeldata\/","title":{"rendered":"How it works"},"content":{"rendered":"<style data-wp-block-html=\"css\">\n\/* =========================================================\n   LATEST COLLECTION\n   HOE HET WERKT\n   BLOK 1 - HERO\n   ========================================================= *\/\n\n\n\/* ---------------------------------------------------------\n   WORDPRESS PAGINATITEL VERBERGEN\n   Alleen op pagina waar deze hero aanwezig is\n   --------------------------------------------------------- *\/\n\nbody:has(.lc-how-hero) .entry-header,\nbody:has(.lc-how-hero) .page-header,\nbody:has(.lc-how-hero) .wp-block-post-title,\nbody:has(.lc-how-hero) h1.entry-title,\nbody:has(.lc-how-hero) h1.page-title {\n    display: none !important;\n}\n\n\nbody:has(.lc-how-hero) .entry-content,\nbody:has(.lc-how-hero) .wp-site-blocks main,\nbody:has(.lc-how-hero) main.site-main {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n}\n\n\n\/* ---------------------------------------------------------\n   BASIS\n   --------------------------------------------------------- *\/\n\n.lc-how-hero {\n    --lc-red: #DA291C;\n    --lc-red-dark: #B82016;\n\n    --lc-black: #101828;\n    --lc-text: #475467;\n    --lc-muted: #667085;\n\n    position: relative;\n\n    width: 100vw;\n    max-width: none;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    padding: 68px 32px;\n\n    overflow: hidden;\n\n    background:\n        radial-gradient(\n            circle at 15% 20%,\n            rgba(255, 255, 255, 0.8),\n            transparent 35%\n        ),\n        #F5F3F0;\n\n    color: var(--lc-black);\n\n    font-family: \"Poppins\", Arial, sans-serif;\n\n    box-sizing: border-box;\n}\n\n\n.lc-how-hero *,\n.lc-how-hero *::before,\n.lc-how-hero *::after {\n    box-sizing: border-box;\n}\n\n\n\/* ---------------------------------------------------------\n   INNER\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-inner {\n    width: 100%;\n    max-width: 1480px;\n\n    margin: 0 auto;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 0.9fr)\n        minmax(0, 1.1fr);\n\n    gap: 72px;\n\n    align-items: center;\n}\n\n\n\/* =========================================================\n   LINKERZIJDE\n   ========================================================= *\/\n\n.lc-how-hero-content {\n    width: 100%;\n    max-width: 625px;\n\n    min-width: 0;\n}\n\n\n\/* ---------------------------------------------------------\n   EYEBROW\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-eyebrow {\n    margin: 0 0 10px !important;\n    padding: 0 !important;\n\n    color: var(--lc-red) !important;\n\n    font-size: 10px !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n\n    letter-spacing: 0.13em !important;\n    text-transform: uppercase !important;\n}\n\n\n\/* ---------------------------------------------------------\n   TITEL\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-title {\n    width: 100%;\n    max-width: 620px;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    color: var(--lc-black) !important;\n\n    font-family: \"Poppins\", Arial, sans-serif !important;\n\n    \/*\n       Bewust kleiner dan vorige versie.\n       Maximaal 48px.\n    *\/\n    font-size: clamp(36px, 3vw, 48px) !important;\n\n    font-weight: 700 !important;\n    line-height: 1.07 !important;\n\n    letter-spacing: -0.04em !important;\n}\n\n\n.lc-how-hero-title span {\n    display: block;\n\n    margin-top: 5px;\n\n    color: var(--lc-red) !important;\n}\n\n\n\/* ---------------------------------------------------------\n   INTRO\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-intro {\n    width: 100%;\n    max-width: 590px;\n\n    margin: 21px 0 0 !important;\n    padding: 0 !important;\n\n    color: var(--lc-text) !important;\n\n    font-size: 14px !important;\n    font-weight: 400 !important;\n    line-height: 1.72 !important;\n}\n\n\n\/* =========================================================\n   CTA'S\n   ========================================================= *\/\n\n.lc-how-hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 12px;\n\n    margin-top: 28px;\n}\n\n\n.lc-how-hero-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: 48px;\n\n    gap: 8px;\n\n    padding: 12px 19px;\n\n    border-radius: 7px;\n\n    font-family: \"Poppins\", Arial, sans-serif;\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.4;\n\n    text-decoration: none !important;\n\n    transition:\n        background 0.2s ease,\n        border-color 0.2s ease,\n        color 0.2s ease,\n        transform 0.2s ease,\n        box-shadow 0.2s ease;\n}\n\n\n.lc-how-hero-btn svg {\n    width: 16px;\n    height: 16px;\n\n    fill: none;\n\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* PRIMARY *\/\n\n.lc-how-hero-btn-primary {\n    border: 1px solid var(--lc-red);\n\n    background: var(--lc-red);\n\n    color: #FFFFFF !important;\n\n    box-shadow:\n        0 5px 14px rgba(218, 41, 28, 0.16);\n}\n\n\n.lc-how-hero-btn-primary:hover {\n    border-color: var(--lc-red-dark);\n\n    background: var(--lc-red-dark);\n\n    color: #FFFFFF !important;\n\n    transform: translateY(-2px);\n\n    box-shadow:\n        0 8px 20px rgba(218, 41, 28, 0.20);\n}\n\n\n\/* SECONDARY *\/\n\n.lc-how-hero-btn-secondary {\n    border: 1px solid #BFC4CC;\n\n    background: rgba(255,255,255,0.8);\n\n    color: var(--lc-black) !important;\n}\n\n\n.lc-how-hero-btn-secondary:hover {\n    border-color: var(--lc-black);\n\n    background: #FFFFFF;\n\n    color: var(--lc-black) !important;\n\n    transform: translateY(-2px);\n}\n\n\n\/* =========================================================\n   USP'S\n   ========================================================= *\/\n\n.lc-how-hero-usps {\n    display: flex;\n    flex-wrap: wrap;\n\n    gap: 12px 20px;\n\n    margin-top: 24px;\n}\n\n\n.lc-how-hero-usp {\n    display: flex;\n    align-items: center;\n\n    gap: 7px;\n\n    color: var(--lc-text);\n\n    font-size: 10px;\n    font-weight: 500;\n    line-height: 1.4;\n}\n\n\n.lc-how-hero-usp-check {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    flex: 0 0 18px;\n\n    width: 18px;\n    height: 18px;\n\n    border-radius: 50%;\n\n    background: rgba(218, 41, 28, 0.10);\n\n    color: var(--lc-red);\n}\n\n\n.lc-how-hero-usp-check svg {\n    width: 9px;\n    height: 9px;\n\n    fill: none;\n\n    stroke: currentColor;\n    stroke-width: 2.3;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n\/* =========================================================\n   RECHTER VISUAL\n   ========================================================= *\/\n\n.lc-how-hero-visual {\n    position: relative;\n\n    width: 100%;\n    height: 520px;\n\n    min-width: 0;\n\n    overflow: hidden;\n\n    border-radius: 20px;\n\n    background: #E8E4DF;\n\n    box-shadow:\n        0 20px 50px rgba(16, 24, 40, 0.08);\n}\n\n\n\/* ---------------------------------------------------------\n   AFBEELDING\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-image {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    object-fit: cover;\n    object-position: center;\n\n    border-radius: 20px;\n}\n\n\n\/* ---------------------------------------------------------\n   OVERGANG LINKERZIJDE FOTO\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-visual::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    bottom: 0;\n    left: 0;\n\n    z-index: 1;\n\n    width: 95px;\n\n    background:\n        linear-gradient(\n            to right,\n            rgba(245, 243, 240, 0.70) 0%,\n            rgba(245, 243, 240, 0.25) 48%,\n            rgba(245, 243, 240, 0) 100%\n        );\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   OVERLAY CARD\n   ========================================================= *\/\n\n.lc-how-hero-card {\n    position: absolute;\n\n    z-index: 5;\n\n    top: 28px;\n    right: 28px;\n\n    width: 300px;\n\n    display: flex;\n    flex-direction: column;\n\n    gap: 14px;\n\n    padding: 20px;\n\n    border: 1px solid rgba(255,255,255,0.82);\n    border-radius: 15px;\n\n    background: rgba(255,255,255,0.95);\n\n    box-shadow:\n        0 16px 40px rgba(16, 24, 40, 0.11);\n\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n}\n\n\n\/* ---------------------------------------------------------\n   OVERLAY ITEMS\n   --------------------------------------------------------- *\/\n\n.lc-how-hero-card-item {\n    display: grid;\n\n    grid-template-columns:\n        38px\n        minmax(0, 1fr);\n\n    align-items: center;\n\n    gap: 11px;\n}\n\n\n.lc-how-hero-card-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 38px;\n    height: 38px;\n\n    border-radius: 50%;\n\n    background: rgba(218, 41, 28, 0.07);\n\n    color: var(--lc-red);\n}\n\n\n.lc-how-hero-card-icon svg {\n    width: 19px;\n    height: 19px;\n\n    fill: none;\n\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\n.lc-how-hero-card-item strong {\n    display: block;\n\n    color: var(--lc-black);\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.35;\n}\n\n\n.lc-how-hero-card-item div > span {\n    display: block;\n\n    margin-top: 2px;\n\n    color: var(--lc-muted);\n\n    font-size: 8px;\n    font-weight: 400;\n    line-height: 1.45;\n}\n\n\n\/* =========================================================\n   DESKTOP TOT 1500PX\n   ========================================================= *\/\n\n@media (max-width: 1500px) {\n\n    .lc-how-hero {\n        padding:\n            64px 42px;\n    }\n\n\n    .lc-how-hero-inner {\n        max-width: 1320px;\n\n        gap: 60px;\n    }\n\n\n    .lc-how-hero-title {\n        font-size: clamp(35px, 3vw, 45px) !important;\n    }\n\n\n    .lc-how-hero-visual {\n        height: 500px;\n    }\n\n}\n\n\n\/* =========================================================\n   LAPTOP\n   ========================================================= *\/\n\n@media (max-width: 1200px) {\n\n    .lc-how-hero {\n        padding:\n            58px 30px;\n    }\n\n\n    .lc-how-hero-inner {\n        max-width: 1120px;\n\n        grid-template-columns:\n            minmax(0, 0.92fr)\n            minmax(450px, 1.08fr);\n\n        gap: 44px;\n    }\n\n\n    .lc-how-hero-title {\n        font-size: 40px !important;\n    }\n\n\n    .lc-how-hero-intro {\n        font-size: 13px !important;\n    }\n\n\n    .lc-how-hero-visual {\n        height: 470px;\n    }\n\n\n    .lc-how-hero-card {\n        top: 22px;\n        right: 22px;\n\n        width: 270px;\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 950px) {\n\n    .lc-how-hero {\n        padding:\n            54px 24px\n            0;\n    }\n\n\n    .lc-how-hero-inner {\n        grid-template-columns: 1fr;\n\n        gap: 38px;\n    }\n\n\n    .lc-how-hero-content {\n        max-width: 720px;\n    }\n\n\n    .lc-how-hero-title {\n        max-width: 620px;\n\n        font-size: 38px !important;\n    }\n\n\n    .lc-how-hero-intro {\n        max-width: 650px;\n    }\n\n\n    .lc-how-hero-visual {\n        height: 460px;\n\n        border-radius:\n            18px 18px\n            0 0;\n    }\n\n\n    .lc-how-hero-image {\n        border-radius:\n            18px 18px\n            0 0;\n    }\n\n\n    .lc-how-hero-visual::before {\n        display: none;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBIEL\n   ========================================================= *\/\n\n@media (max-width: 650px) {\n\n    .lc-how-hero {\n        padding:\n            44px 18px\n            0;\n    }\n\n\n    .lc-how-hero-inner {\n        gap: 30px;\n    }\n\n\n    \/* CONTENT *\/\n\n    .lc-how-hero-eyebrow {\n        font-size: 9px !important;\n    }\n\n\n    .lc-how-hero-title {\n        max-width: none;\n\n        font-size: 31px !important;\n        line-height: 1.09 !important;\n    }\n\n\n    .lc-how-hero-title span {\n        margin-top: 4px;\n    }\n\n\n    .lc-how-hero-intro {\n        max-width: none;\n\n        margin-top: 17px !important;\n\n        font-size: 12px !important;\n        line-height: 1.65 !important;\n    }\n\n\n    \/* BUTTONS *\/\n\n    .lc-how-hero-actions {\n        display: grid;\n\n        grid-template-columns: 1fr;\n\n        gap: 9px;\n\n        margin-top: 23px;\n    }\n\n\n    .lc-how-hero-btn {\n        width: 100%;\n    }\n\n\n    \/* USP'S *\/\n\n    .lc-how-hero-usps {\n        flex-direction: column;\n\n        gap: 8px;\n\n        margin-top: 20px;\n    }\n\n\n    \/* VISUAL *\/\n\n    .lc-how-hero-visual {\n        height: 405px;\n\n        border-radius:\n            15px 15px\n            0 0;\n    }\n\n\n    .lc-how-hero-image {\n        border-radius:\n            15px 15px\n            0 0;\n    }\n\n\n    \/* CARD *\/\n\n    .lc-how-hero-card {\n        top: auto;\n        right: 12px;\n        bottom: 12px;\n        left: 12px;\n\n        width: auto;\n\n        padding: 15px;\n\n        gap: 11px;\n\n        border-radius: 12px;\n    }\n\n\n    .lc-how-hero-card-item {\n        grid-template-columns:\n            32px\n            minmax(0, 1fr);\n\n        gap: 9px;\n    }\n\n\n    .lc-how-hero-card-icon {\n        width: 32px;\n        height: 32px;\n    }\n\n\n    .lc-how-hero-card-icon svg {\n        width: 16px;\n        height: 16px;\n    }\n\n\n    .lc-how-hero-card-item strong {\n        font-size: 10px;\n    }\n\n\n    .lc-how-hero-card-item div > span {\n        font-size: 8px;\n    }\n\n}\n\n\n\/* =========================================================\n   ZEER KLEIN MOBIEL\n   ========================================================= *\/\n\n@media (max-width: 400px) {\n\n    .lc-how-hero {\n        padding-left: 14px;\n        padding-right: 14px;\n    }\n\n\n    .lc-how-hero-title {\n        font-size: 28px !important;\n    }\n\n\n    .lc-how-hero-visual {\n        height: 380px;\n    }\n\n}\n<\/style>\n\n<section class=\"lc-how-hero\">\n\n  <div class=\"lc-how-hero-inner\">\n\n\n    <!-- LINKERZIJDE -->\n    <div class=\"lc-how-hero-content\">\n\n      <p class=\"lc-how-hero-eyebrow\">\n        How it works\n      <\/p>\n\n      <h1 class=\"lc-how-hero-title\">\n        From brand data to your system.\n        <span>With much less manual data entry.<\/span>\n      <\/h1>\n\n      <p class=\"lc-how-hero-intro\">\n        Latest Collection connects brands, software partners, and retailers by centrally collecting and structuring available fashion product data and making it available through connected systems. This ensures that product information ends up exactly where it\u2019s needed.\n      <\/p>\n\n\n      <!-- CTA'S -->\n      <div class=\"lc-how-hero-actions\">\n\n        <a href=\"https:\/\/latest-collection-da-2h9i.bolt.host\" class=\"lc-how-hero-btn lc-how-hero-btn-primary\" target=\"_blank\" rel=\"noopener\">\n          Check out my brands\n\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n\n        <a href=\"https:\/\/latestcollection.com\/en\/partners\/\" class=\"lc-how-hero-btn lc-how-hero-btn-secondary\">\n          View Connected Systems\n        <\/a>\n\n      <\/div>\n\n\n      <!-- USP'S -->\n      <div class=\"lc-how-hero-usps\">\n\n        <div class=\"lc-how-hero-usp\">\n\n          <span class=\"lc-how-hero-usp-check\">\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M6 12.5l4 4L18 8\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>Less data entry<\/span>\n\n        <\/div>\n\n\n        <div class=\"lc-how-hero-usp\">\n\n          <span class=\"lc-how-hero-usp-check\">\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M6 12.5l4 4L18 8\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>Fewer errors<\/span>\n\n        <\/div>\n\n\n        <div class=\"lc-how-hero-usp\">\n\n          <span class=\"lc-how-hero-usp-check\">\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M6 12.5l4 4L18 8\"><\/path>\n            <\/svg>\n          <\/span>\n\n          <span>Available sooner<\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- RECHTERZIJDE -->\n    <div class=\"lc-how-hero-visual\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Modewinkel-scant-Latest-Collection-hoe-het-werkt.svg\"\n        alt=\"Retailer scant fashionartikel met beschikbare artikeldata via Latest Collection\"\n        class=\"lc-how-hero-image\"\n      >\n\n\n      <!-- OVERLAY -->\n      <div class=\"lc-how-hero-card\">\n\n\n        <div class=\"lc-how-hero-card-item\">\n\n          <span class=\"lc-how-hero-card-icon\">\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M13 2L4 14h7l-1 8 9-12h-7l1-8z\"><\/path>\n            <\/svg>\n\n          <\/span>\n\n          <div>\n            <strong>Fewer imports<\/strong>\n            <span>Use Available Product Data Immediately<\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"lc-how-hero-card-item\">\n\n          <span class=\"lc-how-hero-card-icon\">\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n              <path d=\"M8 12l2.5 2.5L16 9\"><\/path>\n            <\/svg>\n\n          <\/span>\n\n          <div>\n            <strong>Fewer errors<\/strong>\n            <span>Consistent and structured data<\/span>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"lc-how-hero-card-item\">\n\n          <span class=\"lc-how-hero-card-icon\">\n\n            <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M4 19V9\"><\/path>\n              <path d=\"M10 19V5\"><\/path>\n              <path d=\"M16 19v-7\"><\/path>\n              <path d=\"M22 19V3\"><\/path>\n            <\/svg>\n\n          <\/span>\n\n          <div>\n            <strong>Available sooner<\/strong>\n            <span>More time for your daily retail operations<\/span>\n          <\/div>\n\n        <\/div>\n\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   LATEST COLLECTION\n   HOE HET WERKT\n   BLOK 2 - HET PROBLEEM\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   BASIS\n   ========================================================== *\/\n\n.lc-how-problem,\n.lc-how-problem * {\n  box-sizing: border-box;\n  font-family: \"Poppins\", sans-serif;\n}\n\n\n\/* ==========================================================\n   SECTION\n   ========================================================== *\/\n\n.lc-how-problem {\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 66px 0 70px;\n\n  background: #ffffff;\n\n  color: #111111;\n}\n\n\n\/* ==========================================================\n   INNER\n   ========================================================== *\/\n\n.lc-how-problem-inner {\n  width: calc(100% - 80px);\n  max-width: 1500px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 470px)\n    minmax(0, 1fr);\n\n  align-items: center;\n\n  gap: 70px;\n}\n\n\n\/* ==========================================================\n   LINKERZIJDE\n   ========================================================== *\/\n\n.lc-how-problem-copy {\n  min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n.lc-how-problem-eyebrow {\n  margin: 0 0 11px !important;\n  padding: 0 !important;\n\n  color: #DA291C !important;\n\n  font-size: 11px !important;\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: .11em !important;\n  text-transform: uppercase !important;\n}\n\n\n\/* ==========================================================\n   TITEL\n   ========================================================== *\/\n\n.lc-how-problem-copy h2 {\n  max-width: 450px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: clamp(34px, 3vw, 46px);\n  line-height: 1.08;\n\n  font-weight: 700;\n\n  letter-spacing: -.04em;\n}\n\n.lc-how-problem-copy h2 span {\n  display: block;\n}\n\n\n\/* ==========================================================\n   INTRO\n   ========================================================== *\/\n\n.lc-how-problem-intro {\n  max-width: 450px;\n\n  margin: 20px 0 0 !important;\n  padding: 0 !important;\n\n  color: #5d5d5d;\n\n  font-size: 14px;\n  line-height: 1.72;\n}\n\n\n\/* ==========================================================\n   HIGHLIGHT\n   ========================================================== *\/\n\n.lc-how-problem-highlight {\n  max-width: 450px;\n\n  margin: 17px 0 0 !important;\n  padding: 0 !important;\n\n  color: #DA291C;\n\n  font-size: 14px;\n  line-height: 1.6;\n\n  font-weight: 700;\n}\n\n\n\/* ==========================================================\n   CARDS GRID\n   ========================================================== *\/\n\n.lc-how-problem-cards {\n  min-width: 0;\n\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 14px;\n}\n\n\n\/* ==========================================================\n   CARD\n   ========================================================== *\/\n\n.lc-how-problem-card {\n  min-width: 0;\n  min-height: 250px;\n\n  padding: 26px 24px;\n\n  border: 1px solid #e7e7e7;\n  border-radius: 15px;\n\n  background: #fafafa;\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n.lc-how-problem-card:hover {\n  transform: translateY(-3px);\n\n  border-color: #d9d9d9;\n\n  box-shadow:\n    0 12px 30px rgba(0,0,0,.05);\n}\n\n\n\/* ==========================================================\n   ICON\n   ========================================================== *\/\n\n.lc-how-problem-icon {\n  width: 52px;\n  height: 52px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 18px;\n\n  border-radius: 50%;\n\n  background: #fff0ee;\n\n  color: #DA291C;\n}\n\n.lc-how-problem-icon svg {\n  width: 26px;\n  height: 26px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* ==========================================================\n   CARD TITLE\n   ========================================================== *\/\n\n.lc-how-problem-card h3 {\n  margin: 0 0 9px !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: 16px;\n  line-height: 1.35;\n\n  font-weight: 700;\n}\n\n\n\/* ==========================================================\n   CARD TEXT\n   ========================================================== *\/\n\n.lc-how-problem-card p {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 12px;\n  line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1200px) {\n\n  .lc-how-problem-inner {\n    width: calc(100% - 48px);\n\n    grid-template-columns:\n      minmax(0, 400px)\n      minmax(0, 1fr);\n\n    gap: 46px;\n  }\n\n  .lc-how-problem-card {\n    padding: 23px 20px;\n  }\n\n}\n\n\n\/* ==========================================================\n   ONDER 900PX\n   ========================================================== *\/\n\n@media (max-width: 900px) {\n\n  .lc-how-problem {\n    padding: 56px 0 60px;\n  }\n\n  .lc-how-problem-inner {\n    width: calc(100% - 40px);\n\n    grid-template-columns: 1fr;\n\n    gap: 36px;\n  }\n\n  .lc-how-problem-copy {\n    max-width: 700px;\n  }\n\n  .lc-how-problem-copy h2,\n  .lc-how-problem-intro,\n  .lc-how-problem-highlight {\n    max-width: 680px;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBIEL\n   ========================================================== *\/\n\n@media (max-width: 650px) {\n\n  .lc-how-problem {\n    width: 100vw;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    padding: 44px 0 48px;\n  }\n\n  .lc-how-problem-inner {\n    width: 100%;\n    max-width: none;\n\n    margin: 0;\n\n    padding-left: 18px;\n    padding-right: 18px;\n\n    gap: 28px;\n  }\n\n\n  \/* COPY *\/\n\n  .lc-how-problem-eyebrow {\n    font-size: 10px !important;\n  }\n\n  .lc-how-problem-copy h2 {\n    max-width: none;\n\n    font-size: 29px;\n    line-height: 1.12;\n  }\n\n  .lc-how-problem-intro {\n    max-width: none;\n\n    margin-top: 17px !important;\n\n    font-size: 13px;\n    line-height: 1.65;\n  }\n\n  .lc-how-problem-highlight {\n    max-width: none;\n\n    margin-top: 14px !important;\n\n    font-size: 13px;\n    line-height: 1.55;\n  }\n\n\n  \/* CARDS *\/\n\n  .lc-how-problem-cards {\n    grid-template-columns: 1fr;\n\n    gap: 10px;\n  }\n\n  .lc-how-problem-card {\n    min-height: 0;\n\n    display: grid;\n\n    grid-template-columns: 48px 1fr;\n\n    column-gap: 14px;\n\n    align-items: start;\n\n    padding: 18px;\n\n    border-radius: 13px;\n  }\n\n  .lc-how-problem-icon {\n    width: 48px;\n    height: 48px;\n\n    grid-row: 1 \/ 3;\n\n    margin: 0;\n  }\n\n  .lc-how-problem-icon svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  .lc-how-problem-card h3 {\n    margin-top: 1px !important;\n    margin-bottom: 5px !important;\n\n    font-size: 14px;\n  }\n\n  .lc-how-problem-card p {\n    font-size: 11px;\n    line-height: 1.55;\n  }\n\n}\n<\/style>\n\n<section class=\"lc-how-problem\">\n\n  <div class=\"lc-how-problem-inner\">\n\n    <!-- LINKERZIJDE -->\n    <div class=\"lc-how-problem-copy\">\n\n      <p class=\"lc-how-problem-eyebrow\">\n        The problem\n      <\/p>\n\n      <h2>\n        Why does it\n        <span>still go wrong so often?<\/span>\n      <\/h2>\n\n      <p class=\"lc-how-problem-intro\">\n        In fashion retail, brands, retailers, and software providers often work with different files, formats, and manual processes. As a result, fashion product data does not automatically end up in the system where it is used.\n      <\/p>\n\n      <p class=\"lc-how-problem-highlight\">\n        The result: duplicate work, a higher risk of errors, and unnecessary delays before a collection is ready for sale.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- RECHTERZIJDE -->\n    <div class=\"lc-how-problem-cards\">\n\n      <!-- CARD 1 -->\n      <div class=\"lc-how-problem-card\">\n\n        <div class=\"lc-how-problem-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M6 3h9l3 3v15H6z\"><\/path>\n            <path d=\"M15 3v4h4\"><\/path>\n            <path d=\"M9 11h6\"><\/path>\n            <path d=\"M9 15h6\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          Individual files\n        <\/h3>\n\n        <p>\n          Fashion product data is provided in various files and formats, such as Excel, CSV, or other data streams.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- CARD 2 -->\n      <div class=\"lc-how-problem-card\">\n\n        <div class=\"lc-how-problem-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M7 7h10\"><\/path>\n            <path d=\"M14 4l3 3-3 3\"><\/path>\n            <path d=\"M17 17H7\"><\/path>\n            <path d=\"M10 14l-3 3 3 3\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          Duplicate entry\n        <\/h3>\n\n        <p>\n          The same product information is re-entered into multiple systems and in various locations.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- CARD 3 -->\n      <div class=\"lc-how-problem-card\">\n\n        <div class=\"lc-how-problem-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n            <path d=\"M12 7v5l3 2\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          Time Lost\n        <\/h3>\n\n        <p>\n          Time is wasted searching, entering, checking, and correcting data before items are ready for use.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   LATEST COLLECTION\n   HOE HET WERKT\n   BLOK 3 - PROCES IN 4 STAPPEN\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   BASIS\n   ========================================================== *\/\n\n.lc-how-process,\n.lc-how-process * {\n  box-sizing: border-box;\n  font-family: \"Poppins\", sans-serif;\n}\n\n\n\/* ==========================================================\n   SECTION\n   ========================================================== *\/\n\n.lc-how-process {\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 70px 0 74px;\n\n  background: #f7f7f7;\n\n  color: #111111;\n}\n\n\n\/* ==========================================================\n   INNER\n   ========================================================== *\/\n\n.lc-how-process-inner {\n  width: calc(100% - 80px);\n  max-width: 1500px;\n\n  margin: 0 auto;\n}\n\n\n\/* ==========================================================\n   HEAD\n   ========================================================== *\/\n\n.lc-how-process-head {\n  max-width: 800px;\n\n  margin: 0 auto 48px;\n\n  text-align: center;\n}\n\n.lc-how-process-eyebrow {\n  margin: 0 0 9px !important;\n  padding: 0 !important;\n\n  color: #DA291C !important;\n\n  font-size: 11px !important;\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: .11em !important;\n  text-transform: uppercase !important;\n}\n\n.lc-how-process-head h2 {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: clamp(34px, 3vw, 46px);\n  line-height: 1.08;\n\n  font-weight: 700;\n\n  letter-spacing: -.04em;\n}\n\n.lc-how-process-intro {\n  max-width: 690px;\n\n  margin: 13px auto 0 !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   GRID\n   ========================================================== *\/\n\n.lc-how-process-grid {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    52px\n    minmax(0, 1fr)\n    52px\n    minmax(0, 1fr)\n    52px\n    minmax(0, 1fr);\n\n  align-items: center;\n\n  gap: 0;\n}\n\n\n\/* ==========================================================\n   STEP\n   ========================================================== *\/\n\n.lc-how-process-step {\n  position: relative;\n\n  min-width: 0;\n\n  min-height: 300px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  padding: 28px 22px;\n\n  border: 1px solid #e6e6e6;\n  border-radius: 16px;\n\n  background: #ffffff;\n\n  text-align: center;\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    border-color .2s ease;\n}\n\n.lc-how-process-step:hover {\n  transform: translateY(-3px);\n\n  border-color: #d8d8d8;\n\n  box-shadow:\n    0 12px 32px rgba(0,0,0,.05);\n}\n\n\n\/* HIGHLIGHT LATEST COLLECTION *\/\n\n.lc-how-process-step-highlight {\n  border-color: rgba(218,41,28,.3);\n\n  background: #fff9f8;\n}\n\n\n\/* ==========================================================\n   ICON\n   ========================================================== *\/\n\n.lc-how-process-icon {\n  width: 58px;\n  height: 58px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 13px;\n\n  border-radius: 50%;\n\n  background: #fff0ee;\n\n  color: #DA291C;\n}\n\n.lc-how-process-icon svg {\n  width: 29px;\n  height: 29px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* ==========================================================\n   NUMBER\n   ========================================================== *\/\n\n.lc-how-process-number {\n  display: block;\n\n  margin-bottom: 9px;\n\n  color: #DA291C;\n\n  font-size: 10px;\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: .08em;\n}\n\n\n\/* ==========================================================\n   TITEL\n   ========================================================== *\/\n\n.lc-how-process-step h3 {\n  max-width: 220px;\n\n  margin: 0 0 10px !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: 16px;\n  line-height: 1.35;\n\n  font-weight: 700;\n}\n\n\n\/* ==========================================================\n   TEXT\n   ========================================================== *\/\n\n.lc-how-process-step p {\n  max-width: 245px;\n\n  margin: 0 auto !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n\n\/* ==========================================================\n   ARROWS\n   ========================================================== *\/\n\n.lc-how-process-arrow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  color: #8e9196;\n}\n\n.lc-how-process-arrow svg {\n  width: 25px;\n  height: 25px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* ==========================================================\n   NOTE\n   ========================================================== *\/\n\n.lc-how-process-note {\n  width: fit-content;\n  max-width: 920px;\n\n  display: flex;\n  align-items: center;\n\n  gap: 11px;\n\n  margin: 38px auto 0;\n  padding: 14px 18px;\n\n  border-radius: 9px;\n\n  background: #fff0ee;\n}\n\n.lc-how-process-note-icon {\n  width: 25px;\n  height: 25px;\n  min-width: 25px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: #DA291C;\n\n  color: #ffffff;\n}\n\n.lc-how-process-note-icon svg {\n  width: 13px;\n  height: 13px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 2.2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.lc-how-process-note p {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #333333;\n\n  font-size: 12px;\n  line-height: 1.55;\n}\n\n.lc-how-process-note strong {\n  color: #111111;\n\n  font-weight: 700;\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1200px) {\n\n  .lc-how-process-inner {\n    width: calc(100% - 48px);\n  }\n\n  .lc-how-process-grid {\n    grid-template-columns:\n      minmax(0, 1fr)\n      38px\n      minmax(0, 1fr)\n      38px\n      minmax(0, 1fr)\n      38px\n      minmax(0, 1fr);\n  }\n\n  .lc-how-process-step {\n    min-height: 315px;\n\n    padding: 25px 18px;\n  }\n\n  .lc-how-process-step p {\n    font-size: 11px;\n  }\n\n}\n\n\n\/* ==========================================================\n   ONDER 950PX\n   ========================================================== *\/\n\n@media (max-width: 950px) {\n\n  .lc-how-process {\n    padding: 58px 0 62px;\n  }\n\n  .lc-how-process-inner {\n    width: calc(100% - 40px);\n  }\n\n  .lc-how-process-grid {\n    grid-template-columns:\n      1fr\n      42px\n      1fr;\n\n    row-gap: 30px;\n  }\n\n  .lc-how-process-step {\n    min-height: 280px;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBIEL\n   ========================================================== *\/\n\n@media (max-width: 650px) {\n\n  .lc-how-process {\n    width: 100vw;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    padding: 46px 0 50px;\n  }\n\n  .lc-how-process-inner {\n    width: 100%;\n    max-width: none;\n\n    margin: 0;\n\n    padding-left: 18px;\n    padding-right: 18px;\n  }\n\n\n  \/* HEAD *\/\n\n  .lc-how-process-head {\n    max-width: none;\n\n    margin-bottom: 30px;\n  }\n\n  .lc-how-process-eyebrow {\n    font-size: 10px !important;\n  }\n\n  .lc-how-process-head h2 {\n    font-size: 29px;\n    line-height: 1.12;\n  }\n\n  .lc-how-process-intro {\n    margin-top: 11px !important;\n\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n\n  \/* FLOW *\/\n\n  .lc-how-process-grid {\n    display: flex;\n    flex-direction: column;\n\n    gap: 0;\n  }\n\n\n  \/* STEP *\/\n\n  .lc-how-process-step {\n    width: 100%;\n    min-height: 0;\n\n    padding: 22px 18px;\n\n    border-radius: 13px;\n  }\n\n  .lc-how-process-icon {\n    width: 50px;\n    height: 50px;\n\n    margin-bottom: 11px;\n  }\n\n  .lc-how-process-icon svg {\n    width: 25px;\n    height: 25px;\n  }\n\n  .lc-how-process-step h3 {\n    max-width: none;\n\n    font-size: 14px;\n  }\n\n  .lc-how-process-step p {\n    max-width: 320px;\n\n    font-size: 11px;\n    line-height: 1.55;\n  }\n\n\n  \/* ARROWS *\/\n\n  .lc-how-process-arrow {\n    width: 100%;\n    height: 34px;\n  }\n\n  .lc-how-process-arrow svg {\n    width: 20px;\n    height: 20px;\n\n    transform: rotate(90deg);\n  }\n\n\n  \/* NOTE *\/\n\n  .lc-how-process-note {\n    width: 100%;\n    max-width: none;\n\n    align-items: flex-start;\n\n    margin-top: 28px;\n\n    padding: 14px 15px;\n  }\n\n  .lc-how-process-note p {\n    font-size: 11px;\n    line-height: 1.55;\n  }\n\n}\n<\/style>\n\n<section class=\"lc-how-process\">\n\n  <div class=\"lc-how-process-inner\">\n\n    <!-- KOP -->\n    <div class=\"lc-how-process-head\">\n\n      <p class=\"lc-how-process-eyebrow\">\n        The Process\n      <\/p>\n\n      <h2>\n        Here's how it works in 4 steps\n      <\/h2>\n\n      <p class=\"lc-how-process-intro\">\n        From supplied brand data to usable product information in the system the retailer uses.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- PROCESS -->\n    <div class=\"lc-how-process-grid\">\n\n      <!-- STAP 1 -->\n      <div class=\"lc-how-process-step\">\n\n        <div class=\"lc-how-process-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M20 13l-7 7-9-9V4h7l9 9z\"><\/path>\n            <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle>\n          <\/svg>\n        <\/div>\n\n        <span class=\"lc-how-process-number\">\n          1\n        <\/span>\n\n        <h3>\n          Brand supplies to\n        <\/h3>\n\n        <p>\n          The brand provides product data and available product images, for example via Excel, CSV, EDI, or a technical integration.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- PIJL -->\n      <div class=\"lc-how-process-arrow\" aria-hidden=\"true\">\n        <svg viewbox=\"0 0 24 24\">\n          <path d=\"M5 12h14\"><\/path>\n          <path d=\"M13 6l6 6-6 6\"><\/path>\n        <\/svg>\n      <\/div>\n\n\n      <!-- STAP 2 -->\n      <div class=\"lc-how-process-step lc-how-process-step-highlight\">\n\n        <div class=\"lc-how-process-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <ellipse cx=\"12\" cy=\"5\" rx=\"7\" ry=\"3\"><\/ellipse>\n            <path d=\"M5 5v7c0 1.7 3.1 3 7 3s7-1.3 7-3V5\"><\/path>\n            <path d=\"M5 12v7c0 1.7 3.1 3 7 3s7-1.3 7-3v-7\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <span class=\"lc-how-process-number\">\n          2\n        <\/span>\n\n        <h3>\n          Latest Collection organizes\n        <\/h3>\n\n        <p>\n          We verify, organize, and standardize the data according to fashion-specific criteria such as sizes, colors, variants, and seasons.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- PIJL -->\n      <div class=\"lc-how-process-arrow\" aria-hidden=\"true\">\n        <svg viewbox=\"0 0 24 24\">\n          <path d=\"M5 12h14\"><\/path>\n          <path d=\"M13 6l6 6-6 6\"><\/path>\n        <\/svg>\n      <\/div>\n\n\n      <!-- STAP 3 -->\n      <div class=\"lc-how-process-step\">\n\n        <div class=\"lc-how-process-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M10 13a5 5 0 0 0 7.07.07l2-2A5 5 0 0 0 12 4l-1.15 1.15\"><\/path>\n            <path d=\"M14 11a5 5 0 0 0-7.07-.07l-2 2A5 5 0 0 0 12 20l1.15-1.15\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <span class=\"lc-how-process-number\">\n          3\n        <\/span>\n\n        <h3>\n          Partner forwards the message\n        <\/h3>\n\n        <p>\n          Affiliated software partners make the available data usable in the point-of-sale system, back office, or retail platform through their integration.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- PIJL -->\n      <div class=\"lc-how-process-arrow\" aria-hidden=\"true\">\n        <svg viewbox=\"0 0 24 24\">\n          <path d=\"M5 12h14\"><\/path>\n          <path d=\"M13 6l6 6-6 6\"><\/path>\n        <\/svg>\n      <\/div>\n\n\n      <!-- STAP 4 -->\n      <div class=\"lc-how-process-step\">\n\n        <div class=\"lc-how-process-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\"><\/rect>\n            <path d=\"M8 21h8\"><\/path>\n            <path d=\"M12 17v4\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <span class=\"lc-how-process-number\">\n          4\n        <\/span>\n\n        <h3>\n          Retailer works with the data\n        <\/h3>\n\n        <p>\n          The retailer uses the product data available in its own system and has to manually re-enter much less information.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ONDERREGEL -->\n    <div class=\"lc-how-process-note\">\n\n      <span class=\"lc-how-process-note-icon\">\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M6 12.5l4 4L18 8\"><\/path>\n        <\/svg>\n      <\/span>\n\n      <p>\n        <strong>Latest Collection does not replace a point-of-sale system or software platform.<\/strong>\n        We serve as the connecting data layer between the brand, the software partner, and the retailer.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   LATEST COLLECTION\n   HOE HET WERKT\n   BLOK 4 - DRIE DOELGROEPEN\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   BASIS\n   ========================================================== *\/\n\n.lc-how-audiences,\n.lc-how-audiences * {\n  box-sizing: border-box;\n  font-family: \"Poppins\", sans-serif;\n}\n\n\n\/* ==========================================================\n   SECTION\n   ========================================================== *\/\n\n.lc-how-audiences {\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 70px 0 74px;\n\n  background: #ffffff;\n\n  color: #111111;\n}\n\n\n\/* ==========================================================\n   INNER\n   ========================================================== *\/\n\n.lc-how-audiences-inner {\n  width: calc(100% - 80px);\n  max-width: 1500px;\n\n  margin: 0 auto;\n}\n\n\n\/* ==========================================================\n   HEAD\n   ========================================================== *\/\n\n.lc-how-audiences-head {\n  max-width: 820px;\n\n  margin: 0 auto 42px;\n\n  text-align: center;\n}\n\n.lc-how-audiences-eyebrow {\n  margin: 0 0 9px !important;\n  padding: 0 !important;\n\n  color: #DA291C !important;\n\n  font-size: 11px !important;\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: .11em !important;\n  text-transform: uppercase !important;\n}\n\n.lc-how-audiences-head h2 {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: clamp(34px, 3vw, 46px);\n  line-height: 1.08;\n\n  font-weight: 700;\n\n  letter-spacing: -.04em;\n}\n\n.lc-how-audiences-head h2 span {\n  color: #DA291C;\n}\n\n.lc-how-audiences-intro {\n  max-width: 700px;\n\n  margin: 13px auto 0 !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   GRID\n   ========================================================== *\/\n\n.lc-how-audiences-grid {\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 16px;\n}\n\n\n\/* ==========================================================\n   CARD\n   ========================================================== *\/\n\n.lc-how-audience-card {\n  min-width: 0;\n\n  min-height: 390px;\n\n  display: flex;\n  flex-direction: column;\n\n  padding: 30px 28px 26px;\n\n  border: 1px solid #e6e6e6;\n  border-radius: 16px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 8px 28px rgba(0,0,0,.035);\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n.lc-how-audience-card:hover {\n  transform: translateY(-3px);\n\n  border-color: #d9d9d9;\n\n  box-shadow:\n    0 14px 34px rgba(0,0,0,.06);\n}\n\n\n\/* RETAILER HIGHLIGHT *\/\n\n.lc-how-audience-card-highlight {\n  border-color: #f0d2ce;\n\n  background: #fff8f7;\n}\n\n\n\/* ==========================================================\n   ICON\n   ========================================================== *\/\n\n.lc-how-audience-icon {\n  width: 54px;\n  height: 54px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 18px;\n\n  border-radius: 50%;\n\n  background: #fff0ee;\n\n  color: #DA291C;\n}\n\n.lc-how-audience-icon svg {\n  width: 27px;\n  height: 27px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* ==========================================================\n   TITLE\n   ========================================================== *\/\n\n.lc-how-audience-card h3 {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: 18px;\n  line-height: 1.3;\n\n  font-weight: 700;\n}\n\n\n\/* ==========================================================\n   TEXT\n   ========================================================== *\/\n\n.lc-how-audience-text {\n  min-height: 68px;\n\n  margin: 12px 0 0 !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 12px;\n  line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   POINTS\n   ========================================================== *\/\n\n.lc-how-audience-points {\n  display: flex;\n  flex-direction: column;\n\n  gap: 10px;\n\n  margin-top: 21px;\n}\n\n.lc-how-audience-point {\n  display: flex;\n  align-items: center;\n\n  gap: 8px;\n\n  color: #292929;\n\n  font-size: 12px;\n  line-height: 1.45;\n\n  font-weight: 500;\n}\n\n.lc-how-audience-check {\n  width: 21px;\n  height: 21px;\n  min-width: 21px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: #fff0ee;\n\n  color: #DA291C;\n}\n\n.lc-how-audience-check svg {\n  width: 11px;\n  height: 11px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 2.2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* ==========================================================\n   LINK\n   ========================================================== *\/\n\n.lc-how-audience-link {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 8px;\n\n  width: fit-content;\n\n  margin-top: auto;\n  padding-top: 24px;\n\n  color: #DA291C !important;\n\n  font-size: 12px;\n  line-height: 1.4;\n\n  font-weight: 700;\n\n  text-decoration: none !important;\n\n  transition: gap .2s ease;\n}\n\n.lc-how-audience-link svg {\n  width: 15px;\n  height: 15px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.lc-how-audience-link:hover {\n  gap: 11px;\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1200px) {\n\n  .lc-how-audiences-inner {\n    width: calc(100% - 48px);\n  }\n\n  .lc-how-audience-card {\n    padding: 26px 22px 24px;\n  }\n\n}\n\n\n\/* ==========================================================\n   ONDER 900PX\n   ========================================================== *\/\n\n@media (max-width: 900px) {\n\n  .lc-how-audiences {\n    padding: 58px 0 62px;\n  }\n\n  .lc-how-audiences-inner {\n    width: calc(100% - 40px);\n  }\n\n  .lc-how-audiences-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .lc-how-audience-card {\n    min-height: 0;\n  }\n\n  .lc-how-audience-text {\n    min-height: 0;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBIEL\n   ========================================================== *\/\n\n@media (max-width: 650px) {\n\n  .lc-how-audiences {\n    width: 100vw;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    padding: 46px 0 50px;\n  }\n\n  .lc-how-audiences-inner {\n    width: 100%;\n    max-width: none;\n\n    margin: 0;\n\n    padding-left: 18px;\n    padding-right: 18px;\n  }\n\n\n  \/* HEAD *\/\n\n  .lc-how-audiences-head {\n    max-width: none;\n\n    margin-bottom: 28px;\n  }\n\n  .lc-how-audiences-eyebrow {\n    font-size: 10px !important;\n  }\n\n  .lc-how-audiences-head h2 {\n    font-size: 29px;\n    line-height: 1.12;\n  }\n\n  .lc-how-audiences-intro {\n    margin-top: 11px !important;\n\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n\n  \/* CARDS *\/\n\n  .lc-how-audience-card {\n    padding: 21px 18px;\n\n    border-radius: 13px;\n  }\n\n  .lc-how-audience-icon {\n    width: 48px;\n    height: 48px;\n\n    margin-bottom: 14px;\n  }\n\n  .lc-how-audience-icon svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  .lc-how-audience-card h3 {\n    font-size: 16px;\n  }\n\n  .lc-how-audience-text {\n    margin-top: 9px !important;\n\n    font-size: 11px;\n  }\n\n  .lc-how-audience-point {\n    font-size: 11px;\n  }\n\n  .lc-how-audience-link {\n    padding-top: 20px;\n\n    font-size: 11px;\n  }\n\n}\n<\/style>\n\n<section class=\"lc-how-audiences\">\n\n  <div class=\"lc-how-audiences-inner\">\n\n    <!-- KOP -->\n    <div class=\"lc-how-audiences-head\">\n\n      <p class=\"lc-how-audiences-eyebrow\">\n        Value for Everyone\n      <\/p>\n\n      <h2>\n        One solution.\n        <span>Three target groups.<\/span>\n      <\/h2>\n\n      <p class=\"lc-how-audiences-intro\">\n        Latest Collection connects brands, software partners, and retailers within a single data stream. Each party benefits in a different way.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- KAARTEN -->\n    <div class=\"lc-how-audiences-grid\">\n\n      <!-- MERKEN -->\n      <article class=\"lc-how-audience-card\">\n\n        <div class=\"lc-how-audience-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M20 13l-7 7-9-9V4h7l9 9z\"><\/path>\n            <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          For brands\n        <\/h3>\n\n        <p class=\"lc-how-audience-text\">\n          Submit product data centrally and make it available to affiliated software partners and retailers.\n        <\/p>\n\n        <div class=\"lc-how-audience-points\">\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Centralized Submission<\/span>\n          <\/div>\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Fewer individual files<\/span>\n          <\/div>\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>More widely available through partners<\/span>\n          <\/div>\n\n        <\/div>\n\n        <a href=\"\/en\/brands\/\" class=\"lc-how-audience-link\">\n          More About Brands\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n\n      <!-- SOFTWAREPARTNERS -->\n      <article class=\"lc-how-audience-card\">\n\n        <div class=\"lc-how-audience-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\"><\/rect>\n            <path d=\"M8 21h8\"><\/path>\n            <path d=\"M12 17v4\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          For Software Partners\n        <\/h3>\n\n        <p class=\"lc-how-audience-text\">\n          Use a single standardized data source to make fashion data available within your software.\n        <\/p>\n\n        <div class=\"lc-how-audience-points\">\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Standardized fashion data<\/span>\n          <\/div>\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Less customization per brand<\/span>\n          <\/div>\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>A Stronger Value Proposition for Retailers<\/span>\n          <\/div>\n\n        <\/div>\n\n        <a href=\"\/en\/partners\/\" class=\"lc-how-audience-link\">\n          More about partners\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n\n      <!-- RETAILERS -->\n      <article class=\"lc-how-audience-card lc-how-audience-card-highlight\">\n\n        <div class=\"lc-how-audience-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 8h14l1 12H4L5 8z\"><\/path>\n            <path d=\"M9 8V6a3 3 0 0 1 6 0v2\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <h3>\n          For retailers\n        <\/h3>\n\n        <p class=\"lc-how-audience-text\">\n          Use available product data directly in your connected point-of-sale system, back office, or retail platform.\n        <\/p>\n\n        <div class=\"lc-how-audience-points\">\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Less manual data entry<\/span>\n          <\/div>\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Fewer errors<\/span>\n          <\/div>\n\n          <div class=\"lc-how-audience-point\">\n            <span class=\"lc-how-audience-check\">\n              <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 12.5l4 4L18 8\"><\/path>\n              <\/svg>\n            <\/span>\n            <span>Ready for sale faster<\/span>\n          <\/div>\n\n        <\/div>\n\n        <a href=\"\/en\/retailers\/\" class=\"lc-how-audience-link\">\n          More about retailers\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   LATEST COLLECTION\n   HOE HET WERKT\n   BLOK 5 - ECOSYSTEEM \/ BEWIJS\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   BASIS\n   ========================================================== *\/\n\n.lc-how-ecosystem,\n.lc-how-ecosystem * {\n  box-sizing: border-box;\n  font-family: \"Poppins\", sans-serif;\n}\n\n\n\/* ==========================================================\n   SECTION\n   ========================================================== *\/\n\n.lc-how-ecosystem {\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 70px 0 74px;\n\n  background: #f7f7f7;\n\n  color: #111111;\n}\n\n\n\/* ==========================================================\n   INNER\n   ========================================================== *\/\n\n.lc-how-ecosystem-inner {\n  width: calc(100% - 80px);\n  max-width: 1500px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 520px)\n    minmax(0, 1fr);\n\n  align-items: center;\n\n  gap: 70px;\n}\n\n\n\/* ==========================================================\n   COPY\n   ========================================================== *\/\n\n.lc-how-ecosystem-copy {\n  min-width: 0;\n}\n\n\n\/* EYEBROW *\/\n\n.lc-how-ecosystem-eyebrow {\n  margin: 0 0 11px !important;\n  padding: 0 !important;\n\n  color: #DA291C !important;\n\n  font-size: 11px !important;\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: .11em !important;\n  text-transform: uppercase !important;\n}\n\n\n\/* ==========================================================\n   TITEL\n   ========================================================== *\/\n\n.lc-how-ecosystem-copy h2 {\n  max-width: 520px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: clamp(34px, 3vw, 46px);\n  line-height: 1.08;\n\n  font-weight: 700;\n\n  letter-spacing: -.04em;\n}\n\n.lc-how-ecosystem-copy h2 span {\n  display: block;\n\n  color: #DA291C;\n}\n\n\n\/* ==========================================================\n   INTRO\n   ========================================================== *\/\n\n.lc-how-ecosystem-intro {\n  max-width: 500px;\n\n  margin: 20px 0 0 !important;\n  padding: 0 !important;\n\n  color: #5f5f5f;\n\n  font-size: 14px;\n  line-height: 1.7;\n}\n\n\n\/* ==========================================================\n   STATS\n   ========================================================== *\/\n\n.lc-how-ecosystem-stats {\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 0;\n\n  margin-top: 30px;\n\n  border-top: 1px solid #dddddd;\n  border-bottom: 1px solid #dddddd;\n}\n\n.lc-how-ecosystem-stat {\n  position: relative;\n\n  padding: 20px 20px 20px 0;\n}\n\n.lc-how-ecosystem-stat:not(:last-child)::after {\n  content: \"\";\n\n  position: absolute;\n\n  top: 18px;\n  right: 14px;\n  bottom: 18px;\n\n  width: 1px;\n\n  background: #dddddd;\n}\n\n.lc-how-ecosystem-stat strong {\n  display: block;\n\n  color: #111111;\n\n  font-size: 24px;\n  line-height: 1.1;\n\n  font-weight: 700;\n\n  letter-spacing: -.03em;\n}\n\n.lc-how-ecosystem-stat span {\n  display: block;\n\n  margin-top: 4px;\n\n  color: #696969;\n\n  font-size: 11px;\n  line-height: 1.4;\n}\n\n\n\/* ==========================================================\n   LINK\n   ========================================================== *\/\n\n.lc-how-ecosystem-link {\n  display: inline-flex;\n  align-items: center;\n\n  gap: 8px;\n\n  margin-top: 25px;\n\n  color: #111111 !important;\n\n  font-size: 12px;\n  line-height: 1.4;\n\n  font-weight: 700;\n\n  text-decoration: none !important;\n\n  transition:\n    color .2s ease,\n    gap .2s ease;\n}\n\n.lc-how-ecosystem-link svg {\n  width: 16px;\n  height: 16px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.lc-how-ecosystem-link:hover {\n  color: #DA291C !important;\n\n  gap: 11px;\n}\n\n\n\/* ==========================================================\n   PARTNER GRID\n   ========================================================== *\/\n\n.lc-how-ecosystem-partners {\n  min-width: 0;\n}\n\n.lc-how-ecosystem-partner-grid {\n  display: grid;\n\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n\n  gap: 12px;\n}\n\n\n\/* ==========================================================\n   PARTNER TEGEL\n   ========================================================== *\/\n\n.lc-how-ecosystem-partner {\n  min-width: 0;\n  min-height: 100px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: 20px 16px;\n\n  border: 1px solid #e6e6e6;\n  border-radius: 13px;\n\n  background: #ffffff;\n\n  box-shadow:\n    0 6px 20px rgba(0,0,0,.03);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    border-color .2s ease;\n}\n\n.lc-how-ecosystem-partner:hover {\n  transform: translateY(-2px);\n\n  border-color: #d8d8d8;\n\n  box-shadow:\n    0 10px 26px rgba(0,0,0,.055);\n}\n\n\n\/* ==========================================================\n   LOGO\n   ========================================================== *\/\n\n.lc-how-ecosystem-partner img {\n  display: block;\n\n  width: auto;\n  max-width: 80%;\n  max-height: 40px;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  object-fit: contain;\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1200px) {\n\n  .lc-how-ecosystem-inner {\n    width: calc(100% - 48px);\n\n    grid-template-columns:\n      minmax(0, 460px)\n      minmax(0, 1fr);\n\n    gap: 48px;\n  }\n\n  .lc-how-ecosystem-partner-grid {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n}\n\n\n\/* ==========================================================\n   ONDER 900PX\n   ========================================================== *\/\n\n@media (max-width: 900px) {\n\n  .lc-how-ecosystem {\n    padding: 58px 0 62px;\n  }\n\n  .lc-how-ecosystem-inner {\n    width: calc(100% - 40px);\n\n    grid-template-columns: 1fr;\n\n    gap: 38px;\n  }\n\n  .lc-how-ecosystem-copy {\n    max-width: 700px;\n  }\n\n  .lc-how-ecosystem-partner-grid {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBIEL\n   ========================================================== *\/\n\n@media (max-width: 650px) {\n\n  .lc-how-ecosystem {\n    width: 100vw;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    padding: 46px 0 50px;\n  }\n\n  .lc-how-ecosystem-inner {\n    width: 100%;\n    max-width: none;\n\n    margin: 0;\n\n    padding-left: 18px;\n    padding-right: 18px;\n\n    gap: 30px;\n  }\n\n\n  \/* COPY *\/\n\n  .lc-how-ecosystem-eyebrow {\n    font-size: 10px !important;\n  }\n\n  .lc-how-ecosystem-copy h2 {\n    max-width: none;\n\n    font-size: 29px;\n    line-height: 1.12;\n  }\n\n  .lc-how-ecosystem-intro {\n    max-width: none;\n\n    margin-top: 16px !important;\n\n    font-size: 13px;\n    line-height: 1.65;\n  }\n\n\n  \/* STATS *\/\n\n  .lc-how-ecosystem-stats {\n    grid-template-columns: 1fr;\n\n    margin-top: 24px;\n  }\n\n  .lc-how-ecosystem-stat {\n    padding: 14px 0;\n  }\n\n  .lc-how-ecosystem-stat:not(:last-child)::after {\n    top: auto;\n    right: 0;\n    bottom: 0;\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n  }\n\n  .lc-how-ecosystem-stat strong {\n    font-size: 21px;\n  }\n\n\n  \/* PARTNERS *\/\n\n  .lc-how-ecosystem-partner-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n\n    gap: 9px;\n  }\n\n  .lc-how-ecosystem-partner {\n    min-height: 86px;\n\n    padding: 16px 12px;\n\n    border-radius: 11px;\n  }\n\n  .lc-how-ecosystem-partner img {\n    max-height: 32px;\n  }\n\n}\n<\/style>\n\n<section class=\"lc-how-ecosystem\">\n\n  <div class=\"lc-how-ecosystem-inner\">\n\n    <!-- LINKERZIJDE -->\n    <div class=\"lc-how-ecosystem-copy\">\n\n      <p class=\"lc-how-ecosystem-eyebrow\">\n        A strong ecosystem\n      <\/p>\n\n      <h2>\n        Part of a\n        <span>growing fashion network.<\/span>\n      <\/h2>\n\n      <p class=\"lc-how-ecosystem-intro\">\n        Latest Collection connects brands, software partners, and retailers within a single centralized data stream. This allows available fashion data to be used across multiple connected solutions.\n      <\/p>\n\n      <div class=\"lc-how-ecosystem-stats\">\n\n        <div class=\"lc-how-ecosystem-stat\">\n          <strong>1.000+<\/strong>\n          <span>fashion brands<\/span>\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-stat\">\n          <strong>14 million+<\/strong>\n          <span>barcodes<\/span>\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-stat\">\n          <strong>Several<\/strong>\n          <span>software partners<\/span>\n        <\/div>\n\n      <\/div>\n\n      <a href=\"\/en\/fashion-data-ecosystem\/\" class=\"lc-how-ecosystem-link\">\n        Explore the fashion data ecosystem\n\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M5 12h14\"><\/path>\n          <path d=\"M13 6l6 6-6 6\"><\/path>\n        <\/svg>\n      <\/a>\n\n    <\/div>\n\n\n    <!-- RECHTERZIJDE -->\n    <div class=\"lc-how-ecosystem-partners\">\n\n      <div class=\"lc-how-ecosystem-partner-grid\">\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/MplusKASSA-logo.svg\" alt=\"MplusKASSA\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Qliqpoint-logo.svg\" alt=\"Qliqpoint\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Leza-logo.svg\" alt=\"LEZA\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Winstore-by-ACA-Fashion-software-logo.svg\" alt=\"Winstore by ACA\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Retail2Market-logo.svg\" alt=\"Retail2Market\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/FashionUnited-ebusiness-logo.svg\" alt=\"FashionUnited\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Techdog-group-logo.svg\" alt=\"Techdog Group\">\n        <\/div>\n\n        <div class=\"lc-how-ecosystem-partner\">\n          <img decoding=\"async\" src=\"https:\/\/latestcollection.com\/wp-content\/uploads\/2026\/09\/Just-in-Sync-logo.svg\" alt=\"Just in Sync\">\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   LATEST COLLECTION\n   HOE HET WERKT\n   BLOK 6 - AFSLUITENDE CTA\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   BASIS\n   ========================================================== *\/\n\n.lc-how-final,\n.lc-how-final * {\n  box-sizing: border-box;\n  font-family: \"Poppins\", sans-serif;\n}\n\n\n\/* ==========================================================\n   SECTION\n   ========================================================== *\/\n\n.lc-how-final {\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  padding: 72px 0 78px;\n\n  background: #ffffff;\n\n  color: #111111;\n}\n\n\n\/* ==========================================================\n   INNER\n   ========================================================== *\/\n\n.lc-how-final-inner {\n  width: calc(100% - 80px);\n  max-width: 1500px;\n\n  margin: 0 auto;\n}\n\n\n\/* ==========================================================\n   HEAD\n   ========================================================== *\/\n\n.lc-how-final-head {\n  max-width: 860px;\n\n  margin: 0 auto 42px;\n\n  text-align: center;\n}\n\n.lc-how-final-eyebrow {\n  margin: 0 0 9px !important;\n  padding: 0 !important;\n\n  color: #DA291C !important;\n\n  font-size: 11px !important;\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: .11em !important;\n  text-transform: uppercase !important;\n}\n\n.lc-how-final-head h2 {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: clamp(34px, 3vw, 46px);\n  line-height: 1.08;\n\n  font-weight: 700;\n\n  letter-spacing: -.04em;\n}\n\n.lc-how-final-head h2 span {\n  display: block;\n\n  color: #DA291C;\n}\n\n.lc-how-final-intro {\n  max-width: 720px;\n\n  margin: 13px auto 0 !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 14px;\n  line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   GRID\n   ========================================================== *\/\n\n.lc-how-final-grid {\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 16px;\n}\n\n\n\/* ==========================================================\n   CARD\n   ========================================================== *\/\n\n.lc-how-final-card {\n  min-width: 0;\n\n  min-height: 350px;\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  padding: 30px 28px 26px;\n\n  border: 1px solid #e6e6e6;\n  border-radius: 16px;\n\n  background: #ffffff;\n\n  text-align: center;\n\n  box-shadow:\n    0 8px 28px rgba(0,0,0,.035);\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n.lc-how-final-card:hover {\n  transform: translateY(-3px);\n\n  border-color: #d8d8d8;\n\n  box-shadow:\n    0 14px 34px rgba(0,0,0,.06);\n}\n\n\n\/* PRIMARY CARD *\/\n\n.lc-how-final-card-primary {\n  border-color: rgba(218,41,28,.28);\n\n  background: #fff8f7;\n}\n\n\n\/* ==========================================================\n   ICON\n   ========================================================== *\/\n\n.lc-how-final-icon {\n  width: 56px;\n  height: 56px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 16px;\n\n  border-radius: 50%;\n\n  background: #fff0ee;\n\n  color: #DA291C;\n}\n\n.lc-how-final-icon svg {\n  width: 28px;\n  height: 28px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* ==========================================================\n   LABEL\n   ========================================================== *\/\n\n.lc-how-final-card-label {\n  margin: 0 0 7px !important;\n  padding: 0 !important;\n\n  color: #DA291C !important;\n\n  font-size: 9px !important;\n  line-height: 1.3 !important;\n\n  font-weight: 700 !important;\n\n  letter-spacing: .09em !important;\n  text-transform: uppercase !important;\n}\n\n\n\/* ==========================================================\n   TITLE\n   ========================================================== *\/\n\n.lc-how-final-card h3 {\n  margin: 0 !important;\n  padding: 0 !important;\n\n  color: #111111;\n\n  font-size: 20px;\n  line-height: 1.3;\n\n  font-weight: 700;\n\n  letter-spacing: -.025em;\n}\n\n\n\/* ==========================================================\n   TEXT\n   ========================================================== *\/\n\n.lc-how-final-card > p:not(.lc-how-final-card-label) {\n  max-width: 330px;\n\n  margin: 12px auto 0 !important;\n  padding: 0 !important;\n\n  color: #626262;\n\n  font-size: 12px;\n  line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   BUTTON\n   ========================================================== *\/\n\n.lc-how-final-btn {\n  width: 100%;\n  min-height: 47px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 8px;\n\n  margin-top: auto;\n  padding: 12px 16px;\n\n  border-radius: 7px;\n\n  font-size: 12px;\n  line-height: 1.4;\n\n  font-weight: 700;\n\n  text-decoration: none !important;\n\n  transition:\n    background .2s ease,\n    border-color .2s ease,\n    color .2s ease,\n    transform .2s ease;\n}\n\n.lc-how-final-btn svg {\n  width: 16px;\n  height: 16px;\n\n  fill: none;\n  stroke: currentColor;\n\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* PRIMARY BUTTON *\/\n\n.lc-how-final-btn-primary {\n  border: 1px solid #DA291C;\n\n  background: #DA291C;\n\n  color: #ffffff !important;\n}\n\n.lc-how-final-btn-primary:hover {\n  background: #b82016;\n\n  border-color: #b82016;\n\n  transform: translateY(-1px);\n}\n\n\n\/* SECONDARY BUTTON *\/\n\n.lc-how-final-btn-secondary {\n  border: 1px solid #c8c8c8;\n\n  background: #ffffff;\n\n  color: #111111 !important;\n}\n\n.lc-how-final-btn-secondary:hover {\n  border-color: #111111;\n\n  background: #111111;\n\n  color: #ffffff !important;\n\n  transform: translateY(-1px);\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1200px) {\n\n  .lc-how-final-inner {\n    width: calc(100% - 48px);\n  }\n\n  .lc-how-final-card {\n    padding: 27px 22px 24px;\n  }\n\n}\n\n\n\/* ==========================================================\n   ONDER 900PX\n   ========================================================== *\/\n\n@media (max-width: 900px) {\n\n  .lc-how-final {\n    padding: 58px 0 62px;\n  }\n\n  .lc-how-final-inner {\n    width: calc(100% - 40px);\n  }\n\n  .lc-how-final-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .lc-how-final-card {\n    min-height: 0;\n\n    max-width: 700px;\n\n    margin: 0 auto;\n  }\n\n  .lc-how-final-btn {\n    margin-top: 24px;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBIEL\n   ========================================================== *\/\n\n@media (max-width: 650px) {\n\n  .lc-how-final {\n    width: 100vw;\n\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    padding: 46px 0 50px;\n  }\n\n  .lc-how-final-inner {\n    width: 100%;\n    max-width: none;\n\n    margin: 0;\n\n    padding-left: 18px;\n    padding-right: 18px;\n  }\n\n\n  \/* HEAD *\/\n\n  .lc-how-final-head {\n    max-width: none;\n\n    margin-bottom: 28px;\n  }\n\n  .lc-how-final-eyebrow {\n    font-size: 10px !important;\n  }\n\n  .lc-how-final-head h2 {\n    font-size: 29px;\n    line-height: 1.12;\n  }\n\n  .lc-how-final-intro {\n    margin-top: 11px !important;\n\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n\n  \/* CARDS *\/\n\n  .lc-how-final-card {\n    width: 100%;\n\n    padding: 22px 18px;\n\n    border-radius: 13px;\n  }\n\n  .lc-how-final-icon {\n    width: 50px;\n    height: 50px;\n\n    margin-bottom: 13px;\n  }\n\n  .lc-how-final-icon svg {\n    width: 25px;\n    height: 25px;\n  }\n\n  .lc-how-final-card h3 {\n    font-size: 17px;\n  }\n\n  .lc-how-final-card > p:not(.lc-how-final-card-label) {\n    font-size: 11px;\n  }\n\n  .lc-how-final-btn {\n    min-height: 45px;\n\n    margin-top: 20px;\n\n    font-size: 11px;\n  }\n\n}\n<\/style>\n\n<section class=\"lc-how-final\">\n\n  <div class=\"lc-how-final-inner\">\n\n    <!-- KOP -->\n    <div class=\"lc-how-final-head\">\n\n      <p class=\"lc-how-final-eyebrow\">\n        Next step\n      <\/p>\n\n      <h2>\n        Ready to discover for yourself\n        <span>what Latest Collection can do for you?<\/span>\n      <\/h2>\n\n      <p class=\"lc-how-final-intro\">\n        Choose the option that works best for you. First, check your points, create a free account right away, or contact us for more information.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- CTA GRID -->\n    <div class=\"lc-how-final-grid\">\n\n      <!-- DATA CHECKER -->\n      <article class=\"lc-how-final-card lc-how-final-card-primary\">\n\n        <div class=\"lc-how-final-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\n            <path d=\"M16 16l5 5\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <p class=\"lc-how-final-card-label\">\n          Fastest route\n        <\/p>\n\n        <h3>\n          Check out my brands\n        <\/h3>\n\n        <p>\n          Discover which brands are already available in the Latest Collection and get an immediate idea of the possibilities for your store.\n        <\/p>\n\n        <a href=\"https:\/\/latest-collection-da-2h9i.bolt.host\" class=\"lc-how-final-btn lc-how-final-btn-primary\" target=\"_blank\" rel=\"noopener\">\n          Start de Data Checker\n\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n\n      <!-- ACCOUNT -->\n      <article class=\"lc-how-final-card\">\n\n        <div class=\"lc-how-final-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"8\" r=\"4\"><\/circle>\n            <path d=\"M5 21v-2a7 7 0 0 1 14 0v2\"><\/path>\n            <path d=\"M19 6v6\"><\/path>\n            <path d=\"M16 9h6\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <p class=\"lc-how-final-card-label\">\n          Get Started Right Away\n        <\/p>\n\n        <h3>\n          Create a free account\n        <\/h3>\n\n        <p>\n          Create an account with no obligation and discover the possibilities of the Latest Collection platform for yourself.\n        <\/p>\n\n        <a href=\"https:\/\/www.latestcollection.fashion\/\" class=\"lc-how-final-btn lc-how-final-btn-secondary\" target=\"_blank\" rel=\"noopener\">\n          Create a free account\n\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n\n      <!-- CONTACT -->\n      <article class=\"lc-how-final-card\">\n\n        <div class=\"lc-how-final-icon\">\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M4 5h16v12H7l-3 3V5z\"><\/path>\n            <path d=\"M8 9h8\"><\/path>\n            <path d=\"M8 13h5\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <p class=\"lc-how-final-card-label\">\n          Discuss first\n        <\/p>\n\n        <h3>\n          Please contact us\n        <\/h3>\n\n        <p>\n          Would you like to know what \u201cconnecting\u201d means for your brand, software solution, or store? We\u2019d be happy to brainstorm with you.\n        <\/p>\n\n        <a href=\"\/en\/contact\/\" class=\"lc-how-final-btn lc-how-final-btn-secondary\">\n          Get in touch\n\n          <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"M13 6l6 6-6 6\"><\/path>\n          <\/svg>\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Hoe het werkt Van merkdata naar jouw systeem. Met veel minder handmatig invoerwerk. Latest Collection verbindt merken, softwarepartners en retailers &hellip; <a href=\"https:\/\/latestcollection.com\/en\/hoe-het-werkt-fashion-artikeldata\/\"><\/a><\/p>","protected":false},"author":2,"featured_media":7635,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5589","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/latestcollection.com\/en\/wp-json\/wp\/v2\/pages\/5589","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/latestcollection.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/latestcollection.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/latestcollection.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/latestcollection.com\/en\/wp-json\/wp\/v2\/comments?post=5589"}],"version-history":[{"count":25,"href":"https:\/\/latestcollection.com\/en\/wp-json\/wp\/v2\/pages\/5589\/revisions"}],"predecessor-version":[{"id":10661,"href":"https:\/\/latestcollection.com\/en\/wp-json\/wp\/v2\/pages\/5589\/revisions\/10661"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/latestcollection.com\/en\/wp-json\/wp\/v2\/media\/7635"}],"wp:attachment":[{"href":"https:\/\/latestcollection.com\/en\/wp-json\/wp\/v2\/media?parent=5589"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}