[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"page:ar:roadmap.html":3},{"id":4,"body":5,"extension":41,"meta":42,"slug":43,"stem":44,"__hash__":45},"content_ar\u002Far\u002Froadmap.json",{"template":6,"meta":7,"content":11},"page",{"title":8,"description":9,"keywords":10},"خارطة طريق تطوير Bet in Box | التطورات والخطط حتى 2030","استكشف خارطة طريق تطوير Bet in Box. أبرز الإنجازات منذ 2014، الإطلاقات الحالية (البث المباشر والتعقب ثلاثي الأبعاد)، والمعالم التقنية حتى 2030.","خارطة طريق sportapi, تاريخ الواجهة الرياضية, إطلاق ويدجت المراهنات, واجهة الاحتمالات الفورية",{"blocks":12},[13,26,31,38],{"type":14,"center":15,"eyebrow":16,"titleHtml":17,"lead":18,"image":19,"ctas":21},"hero",true,"مسيرتنا ونمونا","خارطة طريق Bet in Box","ألقِ نظرة على كيفية تطويرنا لمنصتنا للبيانات الرياضية منذ عام 2014، والحلول التي أطلقناها هذا الشهر، والخطط التقنية التي نعدها حتى عام 2030.",{"src":20,"alt":17},"\u002Fassets\u002Fimg\u002Fcommercial\u002Froadmap-timeline.webp",[22],{"label":23,"variant":24,"icon":25,"order":15},"الاتصال بالمطورين","accent","map",{"type":27,"title":28,"html":29,"band":30},"prose","معالم المنصة الرئيسية (2014 – 2030)","\n    \u003Cp class=\"mb-8\">فيما يلي جدول زمني فني مفصل للمنتجات التي أطلقناها والخطط المستقبلية لزيادة قدرات المنصة.\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                إطلاق المشروع وأول نظام لتجميع بيانات كرة القدم\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                بناء نظام لجمع نتائج مباريات كرة القدم مباشرة لأهم 5 دوريات أوروبية.\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                قاعدة بيانات موحدة للإحصاءات الرياضية\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                تصميم ونشر قاعدة بيانات علائقية لتخزين تاريخ نتائج المباريات والبطولات.\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                دمج بيانات كرة السلة والتنس\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                توسيع التغطية لتشمل مباريات الدوري الأمريكي للمحترفين (NBA)، الدوري الأوروبي، وبطولات ATP و WTA.\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                إطلاق أول نسخة من REST API Pre-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                توفير واجهة تجارية للحصول على جداول المباريات واحتمالات ما قبل المباراة.\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                دمج بيانات هوكي الجليد\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                إضافة تغطية كاملة لمباريات دوريات KHL و NHL وبطولات العالم للهوكي.\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                الانتقال إلى البنية التحتية السحابية\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                نقل خوادم جمع البيانات إلى شبكات سحابية موزعة لتقليل زمن استجابة الطلبات.\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                المطابقة التلقائية للأسماء (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                تطوير نظام ذكي لربط أسماء الفرق واللاعبين تلقائيًا بـ 5 لغات.\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)\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                توفير تغطية للمباريات مباشرة مع توصيل البيانات في أقل من 5 ثوانٍ.\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)\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                إدراج ألعاب شهيرة مثل CS:GO و 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                تطوير أول مجموعة ويدجت جاهزة لعرض نتائج المباريات الجارية على مواقع العملاء.\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                توسيع تغطية دوريات كرة القدم\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                زيادة نظام التجميع ليشمل أكثر من 50 دوريًا من دوريات الشباب والنساء والدوريات الإقليمية.\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                قنوات بيانات احتياطية\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                دمج تدفقات بيانات بديلة من وكالات كشافة أخرى لضمان عدم انقطاع الخدمة.\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                تحسين الأداء تحت الضغط العالي\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                ترقية الواجهة البرمجية للتعامل مع ذروة الطلب التي تصل إلى 5000 طلب في الثانية.\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                الأرشيف التاريخي للبيانات الرياضية\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                إتاحة الوصول إلى قاعدة البيانات التاريخية للنتائج والإحصاءات لعمق يزيد عن 5 سنوات.\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                إحصاءات مباريات تفصيلية\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                إضافة الضربات الركنية، البطاقات، الأخطاء، التسديدات على المرمى، ونسب الاستحواذ إلى التدفق المباشر.\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                تكامل بيانات الكريكيت وتنس الطاولة\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                توصيل الأسواق الرياضية الآسيوية والأوروبية المطلوبة بشدة إلى شبكة التوزيع العالمية لدينا.\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)\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                تطوير حل برمجي لتسوية وتحديد نتائج أسواق المراهنات المنتهية تلقائيًا.\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                الترجمة الفورية متعددة اللغات\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                إضافة ترجمة تلقائية لمحتوى المباريات إلى 11 لغة رئيسية دون التأثير على سرعة الواجهة.\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                إزالة التكرار بالذكاء الاصطناعي\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                استخدام التعلم الآلي لمنع وتصفية تكرار نفس المباريات الواردة من مصادر متعددة.\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                إطلاق JSON: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                تحديث بروتوكولات الاتصال وتوحيد هياكل البيانات لتبسيط التكامل للمطورين.\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                دوريات الشباب والدوريات الإقليمية الإضافية\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                دمج أكثر من 100 قسم فرعي إضافي حول العالم لزيادة عمق خط البيانات.\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                برنامج الشركاء للشركات الناشئة\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                إطلاق باقات خاصة وعروض تجريبية مجانية للمشاريع الرياضية الناشئة والمطورين المستقلين.\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                تحسين زمن استجابة البيانات الحية\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                تقليل تأخر البيانات في الوضع المباشر إلى 1.5 ثانية مستقرة من وقت تسجيل الحدث في الملعب.\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                  يونيو 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(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                البث المباشر للفيديو والتعقب ثلاثي الأبعاد 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                إطلاق ناجح لأهم منتجين هذا العام: دمج بث الفيديو عبر iframe وتتبع المباريات التفاعلي ثلاثي الأبعاد.\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                  يوليو – أغسطس 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                واجهة الإحصاءات الكاملة للفرق واللاعبين\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                تطوير واختبار واجهة الإحصاءات الموسعة: ملفات اللاعبين، تشكيلات الفرق، الانتقالات، والإحصاءات الموسمية.\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                  أغسطس 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\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                إنشاء قناة WebSocket لبث تغيرات الاحتمالات مباشرة بدون أي تأخير للمنصات عالية التحميل.\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                  سبتمبر 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\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                حل جاهز: نافذة مدمجة تحتوي على خط الاحتمالات، وقسيمة الرهان التفاعلية (Bet Slip)، وحسابات المستخدمين.\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                منصة تحليلات تنبؤية بالذكاء الاصطناعي\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                تطوير وحدة ذكاء اصطناعي للتنبؤ باحتمالات نتائج المباريات بناءً على البيانات التاريخية.\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 للمنصات المحمولة (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                بناء مكتبات برمجية لدمج خطوط البيانات والتعقب ثلاثي الأبعاد بسرعة في التطبيقات المحمولة.\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                دمج محاكيات الرياضات الافتراضية مع محرك رسومات مدمج ونظام تسوية مالي.\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                النتائج اللامركزية على البلوكشين\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                استخدام أوراكل البلوكشين للتحقق من نتائج المباريات وتسجيلها بشكل غير قابل للتعديل.\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 للتعقب ثلاثي الأبعاد\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                دعم مشاهدة المحاكاة ثلاثية الأبعاد التفاعلية للمباريات باستخدام نظارات الواقع الافتراضي.\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                بنية Edge Nodes السحابية بدون تأخير\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                نقل خوادم التوزيع عالميًا إلى عقد Edge لتقديم البيانات بأقل زمن انتقال ممكن في أي مكان في العالم.\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","اتصال","المدير التقني","هل لديك استفسارات حول خطتنا التقنية أو ترغب في اقتراح أولوية معينة لتطوير الميزات؟ تواصل معنا.","مناقشة خارطة الطريق","@telegram",{"type":27,"title":39,"html":40,"band":30},"تاريخ تطوير واجهات البيانات الرياضية وخارطة طريق المنتجات","\n    \u003Cp>بدأنا في عام 2014 كخدمة بسيطة لجمع نتائج مباريات كرة القدم، ونمت Bet in Box لتصبح مزودًا عالميًا للبيانات الرياضية. قمنا بتوسيع الرياضات وتحسين الاستجابة. وفي يونيو 2026، حققنا طفرة بإطلاق التعقب ثلاثي الأبعاد وبث الفيديو المباشر.\u003C\u002Fp>\n    \u003Cp>تركز خططنا المستقبلية على تسهيل الدمج لأصحاب المواقع والشركات. سيوفر إطلاق ويدجت Sportsbook في سبتمبر 2026 مئات الساعات من التطوير على العملاء. وبحلول عام 2030، سنضيف التنبؤات الذكية، وحزم SDK، وتوزيع Edge العالمي.\u003C\u002Fp>\n  ","json",{},"roadmap.html","ar\u002Froadmap","FWYqNBKOh1U6jOT4hUXBOzlK1TJZuHMOXpApuzlDVx8"]