[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"page:en:roadmap.html":3},{"id":4,"body":5,"extension":41,"meta":42,"slug":43,"stem":44,"__hash__":45},"content_en\u002Fen\u002Froadmap.json",{"template":6,"meta":7,"content":11},"page",{"title":8,"description":9,"keywords":10},"Bet in Box Development Roadmap | History and Plans to 2030","Explore the Bet in Box development roadmap. Key achievements since 2014, our latest releases (live video and 3D trackers), and technology milestones planned up to 2030.","sportapi roadmap, sports api history, sportsbook widget release, live odds websockets, sports stats api",{"blocks":12},[13,26,31,38],{"type":14,"center":15,"eyebrow":16,"titleHtml":17,"lead":18,"image":19,"ctas":21},"hero",true,"Our Journey & Growth","Bet in Box Roadmap","Take a look at how we have evolved our sports data platform since 2014, what we launched this month, and the technology milestones we are preparing for release up to 2030.",{"src":20,"alt":17},"\u002Fassets\u002Fimg\u002Fcommercial\u002Froadmap-timeline.webp",[22],{"label":23,"variant":24,"icon":25,"order":15},"Contact Developers","accent","map",{"type":27,"title":28,"html":29,"band":30},"prose","Platform Milestones (2014 – 2030)","\n    \u003Cp class=\"mb-8\">Below is a detailed timeline of our product releases, current sprint updates, and upcoming core features.\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                Project launch & first football parser\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                Launched a real-time football match data collection system for the top 5 European leagues.\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                Unified sports statistics database\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                Designed and deployed a relational database to store historical sports results.\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                Basketball and tennis integration\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                Expanded data coverage to NBA, EuroLeague, and ATP\u002FWTA tournaments.\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                First Pre-match REST API release\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                Launched a commercial API interface for match schedules and pre-match odds.\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                Ice hockey integration\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                Connected ice hockey data collection and lines (KHL, NHL, and World Championships).\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 to cloud infrastructure\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                Moved data collection servers to distributed cloud hosting to minimize request latency.\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                Automatic team mapping\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                Created an intelligent team and player name mapping module supporting 5 languages.\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                Live odds data feed launch\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                Launched real-time live match coverage with data delivery under 5 seconds.\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                Esports support\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                Added popular esports disciplines to the line, including CS:GO and Dota 2.\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                Live Score Widgets\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                Developed first ready-to-use widgets to show live match results on third-party sports websites.\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                Football league coverage expansion\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                Scaled parsing to 50+ youth, women's, and regional football tournaments.\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                Redundant data feeds\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                Integrated backup data streams from alternative scout services to guarantee uptime.\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                High-load optimization\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                Upgraded API to handle peak loads of up to 5,000 concurrent requests per second.\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                Historical sports archive\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                Opened access to the historical database of results and statistics going back over 5 years.\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                Detailed match stats\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                Added corners, yellow\u002Fred cards, fouls, shots on goal, and ball possession to the feed.\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                Cricket and table tennis integration\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                Connected high-demand Asian and European sports markets to the system.\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                Bet Settlement module\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                Developed a solution for automatic settlement of completed betting markets.\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                Real-time multilingual translation\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                Added automatic translation of match content into 11 main languages with zero latency impact.\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                AI event deduplication\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                Implemented machine learning algorithms to automatically eliminate overlapping events from various feeds.\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                Strictly typed JSON:API release\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                Updated communication protocols and unified schemas to simplify integration for developers.\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                Youth and regional leagues\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                Connected an additional 100+ minor divisions worldwide to increase depth.\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                Startup partnership program\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                Launched special rates and free trials for early-stage sports projects and independent developers.\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                Live data ping optimization\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                Reduced live event latency to a stable 1.5 seconds from the moment recorded by a scout.\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                  June 2026 (This Month)\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                Match Video Streaming & 3D Match Tracker\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                Successful release of our two key products: match stream integration via iframe and interactive 3D live match visualization.\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                  July – August 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                Full team and player statistics 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                Active development and testing of the statistics API: player profiles, line-ups, transfers, injuries, and tournament season stats.\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                  August 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                WebSocket Live Line API development\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                Designing and building a WebSocket channel to stream odds changes with zero latency for high-load platforms.\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                  September 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                Sportsbook Widget release\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                Launching a turnkey solution: a ready-to-use window with betting lines, an interactive Bet Slip, and user accounts. Easily embeddable into any admin panel or client website.\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                AI-based predictive analytics platform\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                Development of an AI module to predict match outcomes based on historical data.\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                Mobile SDK release (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                Creating native libraries for quick integration of sports lines and 3D trackers into mobile apps.\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                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                Integration of simulators and mathematical models of virtual sports events with a built-in graphic generator.\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                Decentralized results via 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                Implementing blockchain oracle feeds to verify and record match outcomes.\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                VR\u002FAR integration for 3D Tracker\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 for watching interactive 3D match visualizations via virtual and augmented reality headsets.\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                Zero-latency Edge Nodes infrastructure\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 of the Bet in Box server network to decentralized Edge nodes worldwide for zero-ping data distribution.\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","Have questions about our roadmap or want to request a feature priority? Get in touch with us.","Discuss Roadmap","@telegram",{"type":27,"title":39,"html":40,"band":30},"Sports API Development History and Product Roadmap","\n    \u003Cp>Starting in 2014 as a humble football score parser, Bet in Box has grown into a high-tech sports data provider with global coverage. Over the years, we have consistently expanded the number of supported sports, optimized latency, and developed interactive widgets. In June 2026, we took a huge step forward by releasing 3D match tracking and live streaming widgets.\u003C\u002Fp>\n    \u003Cp>Our future plans are aimed at simplifying integration for sports portal owners and bookmakers. The launch of the pre-built Sportsbook Widget in September 2026 will allow clients to deploy a full betting interface with lines and slips in just a few clicks, saving hundreds of hours of design and development. By 2030, we will introduce AI-powered predictions, mobile SDKs, and global Edge distribution nodes.\u003C\u002Fp>\n  ","json",{},"roadmap.html","en\u002Froadmap","cV9al_2KRK-_ft4foZRZE9w-aN8CtVWewvmygYN1ea4"]