[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"page:fr:roadmap.html":3},{"id":4,"body":5,"extension":41,"meta":42,"slug":43,"stem":44,"__hash__":45},"content_fr\u002Ffr\u002Froadmap.json",{"template":6,"meta":7,"content":11},"page",{"title":8,"description":9,"keywords":10},"Feuille de route de développement de Bet in Box | Histoire et Plans jusqu'à 2030","Explorez la feuille de route de Bet in Box. Réalisations clés depuis 2014, lancements actuels (vidéo en direct et trackers 3D) et étapes technologiques prévues jusqu'en 2030.","feuille de route sportapi, histoire api sportive, widget sportsbook release, api cotes live websockets",{"blocks":12},[13,26,31,38],{"type":14,"center":15,"eyebrow":16,"titleHtml":17,"lead":18,"image":19,"ctas":21},"hero",true,"Notre Parcours & Croissance","Feuille de route de Bet in Box","Découvrez comment notre plateforme de données sportives a évolué depuis 2014, ce que nous avons lancé ce mois-ci et les étapes technologiques que nous préparons jusqu'en 2030.",{"src":20,"alt":17},"\u002Fassets\u002Fimg\u002Fcommercial\u002Froadmap-timeline.webp",[22],{"label":23,"variant":24,"icon":25,"order":15},"Contacter les Développeurs","accent","map",{"type":27,"title":28,"html":29,"band":30},"prose","Jalons de la plateforme (2014 – 2030)","\n    \u003Cp class=\"mb-8\">Voici un historique détaillé de nos lancements de services et nos plans de développement futurs.\u003C\u002Fp>\n    \u003Cdiv style=\"position: relative; border-left: 2px solid var(--line, rgba(255,255,255,0.1)); padding-left: 1.5rem; margin-left: 0.5rem; display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 3rem;\">\n      \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2014\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Lancement du projet & premier parser de football\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Lancement du système de collecte de scores en direct pour les 5 grands championnats européens de football.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2015\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Base de données unifiée de statistiques sportives\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Conception et déploiement d'une base de données relationnelle pour stocker l'historique des résultats sportifs.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2015\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Intégration du basket-ball et du tennis\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Extension de la collecte de données aux matchs de la NBA, de l'EuroLigue et aux tournois ATP\u002FWTA.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2016\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Sortie de la première API REST d'avant-match\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Lancement de l'interface commerciale d'API pour les calendriers de matchs et les cotes d'avant-match.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2016\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Intégration du hockey sur glace\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Connexion des flux de données et des cotes de hockey (KHL, NHL et championnats du monde).\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2017\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Migration vers l'infrastructure cloud\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Déplacement des serveurs de collecte de données vers des clouds distribués pour réduire les latences.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2017\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Mappage automatique des équipes\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Création d'un module de mappage intelligent des noms d'équipes et de joueurs en 5 langues.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2018\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Lancement du flux de données en direct (Live)\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Diffusion des cotes et scores en direct avec un délai de transmission inférieur à 5 secondes.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2018\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Support pour l'eSport\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Ajout de disciplines d'eSports majeures, notamment CS:GO et Dota 2, à notre offre de données.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2019\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Widgets de Live Score\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Développement des premiers widgets prêts à l'emploi pour afficher les résultats en direct sur les sites tiers.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2019\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Extension de la couverture footballistique\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Passage du parser à plus de 50 ligues de football mineures, féminines et régionales.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2020\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Flux de données redondants\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Intégration de flux de données de secours provenant d'autres agences de scouts pour garantir le temps de fonctionnement.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2020\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Optimisation pour les charges élevées\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Mise à niveau de l'API pour gérer des pics allant jusqu'à 5 000 requêtes simultanées par seconde.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2021\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Archives historiques des données sportives\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Accès à la base de données historiques des résultats et statistiques sportives sur plus de 5 ans.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2021\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Statistiques détaillées de matchs\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Ajout des corners, cartons, fautes, tirs cadrés et possession au flux live.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2022\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Intégration du cricket et du tennis de table\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Connexion de marchés asiatiques et européens très demandés au système de distribution mondiale.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2022\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Module de règlement des paris (Bet Settlement)\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Solution automatique pour valider et calculer les gains des marchés de paris terminés.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2023\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Traduction multilingue en temps réel\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Traduction automatique des noms d'événements en 11 langues sans impact sur le temps de réponse.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2023\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Déduplication des événements par IA\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Algorithmes d'apprentissage automatique pour nettoyer les matchs en double sur différents flux.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2024\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Lancement de JSON:API avec typage fort\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Mise à jour des protocoles et standardisation des schémas de données pour simplifier l'intégration.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2024\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Ligues régionales et de jeunes\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Connexion de plus de 100 divisions mineures supplémentaires pour augmenter la profondeur des données.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2025\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Programme partenaires pour les start-ups\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Mise en place de tarifs spéciaux et d'essais gratuits pour les nouveaux projets et développeurs.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2025\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Optimisation de la latence en direct\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Réduction du délai de transmission live à 1.5 seconde stable depuis l'action terrain.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #10b981; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  Juin 2026 (Ce Mois)\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(16, 185, 129, 0.15); color: #10b981; letter-spacing: 0.05em;\">\n                  Done\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Streaming Vidéo et Tracker 3D interactif\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Lancement réussi du streaming vidéo par iframe et de l'outil de visualisation 3D des matchs en direct.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #fbbf24; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  Juillet – Août 2026\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(251, 191, 36, 0.15); color: #fbbf24; letter-spacing: 0.05em;\">\n                  In Progress\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                API de statistiques complètes équipes et joueurs\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Développement de l'API statistiques : fiches de joueurs, compositions d'équipes, transferts et statistiques par saison.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #fbbf24; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  Août 2026\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(251, 191, 36, 0.15); color: #fbbf24; letter-spacing: 0.05em;\">\n                  In Progress\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Développement d'API Live Line par WebSockets\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Création d'un canal WebSocket pour transmettre les variations de cotes en temps réel avec un délai nul.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #fbbf24; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  Septembre 2026\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(251, 191, 36, 0.15); color: #fbbf24; letter-spacing: 0.05em;\">\n                  In Progress\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Sortie du widget clé en main Sportsbook\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Solution prête à l'intégration : fenêtre avec ligne de cotes, panier interactif (Bet Slip) et comptes utilisateurs. Facile à insérer dans le site du client.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #6366f1; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2027\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(99, 102, 241, 0.15); color: #6366f1; letter-spacing: 0.05em;\">\n                  Planned\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Plateforme d'analyse prédictive IA\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Module d'intelligence artificielle pour prédire les probabilités de victoires à partir des données historiques.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #6366f1; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2027\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(99, 102, 241, 0.15); color: #6366f1; letter-spacing: 0.05em;\">\n                  Planned\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                SDK pour plateformes mobiles (iOS \u002F Android)\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Création de bibliothèques natives pour intégrer rapidement les cotes et widgets 3D dans les apps mobiles.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #6366f1; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2028\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(99, 102, 241, 0.15); color: #6366f1; letter-spacing: 0.05em;\">\n                  Planned\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Streaming de sports virtuels (Virtual Sports API)\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Simulateurs et modèles mathématiques d'événements sportifs virtuels avec rendu graphique intégré.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #6366f1; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2028\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(99, 102, 241, 0.15); color: #6366f1; letter-spacing: 0.05em;\">\n                  Planned\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Résultats décentralisés sur la Blockchain\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Oracles blockchain pour vérifier et enregistrer de manière immuable les résultats des matchs.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #6366f1; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2029\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(99, 102, 241, 0.15); color: #6366f1; letter-spacing: 0.05em;\">\n                  Planned\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Intégration VR\u002FAR pour le Tracker 3D\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Support pour regarder des représentations 3D interactives de matchs en portant un casque de réalité virtuelle.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n          \u003Cdiv style=\"position: relative;\">\n            \u003C!-- dot -->\n            \u003Cdiv style=\"position: absolute; top: 1.5rem; left: -2.05rem; width: 14px; height: 14px; border-radius: 50%; background: #6366f1; border: 3px solid var(--bg, #0b0c10); z-index: 1;\">\u003C\u002Fdiv>\n            \n            \u003C!-- card -->\n            \u003Cdiv style=\"background: var(--panel, rgba(255,255,255,0.03)); border: 1px solid var(--line, rgba(255,255,255,0.07)); padding: 1.25rem; border-radius: 12px; transition: transform 0.2s ease, border-color 0.2s ease;\">\n              \u003Cdiv style=\"display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 0.5rem; flex-wrap: wrap;\">\n                \u003Cspan style=\"font-weight: bold; color: var(--accent, #3ecf8e); font-size: 0.95rem;\">\n                  2030\n                \u003C\u002Fspan>\n                \u003Cspan style=\"font-size: 0.75rem; font-weight: bold; text-transform: uppercase; padding: 0.15rem 0.5rem; border-radius: 6px; background: rgba(99, 102, 241, 0.15); color: #6366f1; letter-spacing: 0.05em;\">\n                  Planned\n                \u003C\u002Fspan>\n              \u003C\u002Fdiv>\n              \u003Ch4 style=\"margin: 0 0 0.5rem 0; font-size: 1.15rem; color: var(--fg, #fff); font-weight: 600;\">\n                Infrastructure Edge Nodes sans latence\n              \u003C\u002Fh4>\n              \u003Cp style=\"margin: 0; font-size: 0.925rem; color: var(--fg-3, rgba(255,255,255,0.7)); line-height: 1.45;\">\n                Transition vers des serveurs Edge décentralisés partout dans le monde pour diffuser les données sportives avec un ping nul.\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \n    \u003C\u002Fdiv>\n  ","tint",{"type":32,"label":33,"managerName":34,"title":35,"ctaLabel":36,"ctaHref":37},"managerCta","Contact","CTO","Des questions sur notre feuille de route ou envie de suggérer une priorité de développement ? Écrivez-nous.","Discuter de la Feuille de Route","@telegram",{"type":27,"title":39,"html":40,"band":30},"Historique et plan de développement de l'API sportive et des produits","\n    \u003Cp>Lancé en 2014 comme un simple parser de football, Bet in Box est devenu un fournisseur de données mondial. Nous avons élargi les sports et optimisé la latence. En juin 2026, nous avons franchi un cap avec le tracker 3D et le widget de streaming.\u003C\u002Fp>\n    \u003Cp>Nos prochains développements simplifient l'intégration pour les portails sportifs et opérateurs. La sortie du widget Sportsbook en septembre 2026 évitera des centaines d'heures de développement. D'ici 2030, nous ajouterons de l'analyse prédictive IA, des SDK mobiles et une distribution Edge globale.\u003C\u002Fp>\n  ","json",{},"roadmap.html","fr\u002Froadmap","641OeKWB5Z5yOhO496ey7bIEwYMsRzqCPRbnV8Oly44"]