{"id":735,"date":"2025-12-13T23:32:36","date_gmt":"2025-12-13T23:32:36","guid":{"rendered":"https:\/\/marketing-coaching.uk\/?page_id=735"},"modified":"2025-12-13T23:32:36","modified_gmt":"2025-12-13T23:32:36","slug":"%d8%aa%d9%82%d9%8a%d9%8a%d9%85-%d8%a7%d9%84%d9%86%d8%b6%d8%ac-%d8%a7%d9%84%d8%aa%d8%b3%d9%88%d9%8a%d9%82%d9%8a","status":"publish","type":"page","link":"https:\/\/marketing-coaching.uk\/en\/%d8%aa%d9%82%d9%8a%d9%8a%d9%85-%d8%a7%d9%84%d9%86%d8%b6%d8%ac-%d8%a7%d9%84%d8%aa%d8%b3%d9%88%d9%8a%d9%82%d9%8a\/","title":{"rendered":"Test your marketing plan"},"content":{"rendered":"\n\n\n\n \n \n \u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0646\u0636\u062c \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <style>\n \/* Custom Scrollbar for cleaner look (Standard LTR) *\/\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-track {\n background: #f1f1f1; \n }\n ::-webkit-scrollbar-thumb {\n background: #cbd5e1; \n border-radius: 4px;\n }\n ::-webkit-scrollbar-thumb:hover {\n background: #94a3b8; \n }\n \n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 400px;\n }\n @media (max-width: 640px) {\n .chart-container {\n height: 300px;\n }\n }\n\n \/* Smooth transitions *\/\n .fade-in {\n animation: fadeIn 0.5s ease-in-out;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .active-tab {\n border-bottom: 3px solid #ea580c; \/* Orange-600 *\/\n color: #ea580c;\n font-weight: 600;\n }\n .inactive-tab {\n border-bottom: 3px solid transparent;\n color: #64748b; \/* Slate-500 *\/\n }\n .inactive-tab:hover {\n color: #334155;\n border-bottom: 3px solid #cbd5e1;\n }\n\n \/* Ensure text is aligned to the right by default for Arabic *\/\n body {\n text-align: right;\n }\n \n \/* Quiz rating styles *\/\n .rating-label {\n display: inline-block;\n width: 1.5rem;\n height: 1.5rem;\n line-height: 1.5rem;\n text-align: center;\n border-radius: 9999px;\n cursor: pointer;\n transition: all 0.2s;\n margin: 0 0.25rem;\n }\n\n .rating-input:checked + .rating-label {\n background-color: #f97316; \/* Orange-500 *\/\n color: white;\n font-weight: 600;\n box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.5);\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 font-sans antialiased min-h-screen flex flex-col\" dir=\"rtl\">\n\n <!-- Header -->\n <header class=\"bg-white shadow-sm sticky top-0 z-20\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between h-16 items-center flex-row-reverse\">\n <div class=\"flex items-center\">\n <!-- Removed \"\u0645\u0627\u0631\u0643\u062a\u0633\u0646\u0633\" and \"\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u0644\u0641\u062c\u0648\u0627\u062a\" -->\n <span class=\"text-2xl font-bold text-slate-800 tracking-tight\">\u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a<\/span>\n <\/div>\n <nav class=\"flex space-x-4 space-x-reverse overflow-x-auto\">\n <button onclick=\"app.switchTab('assessment')\" id=\"nav-assessment\" class=\"active-tab px-3 py-2 text-sm transition-colors whitespace-nowrap\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0646\u0636\u062c<\/button>\n <button onclick=\"app.switchTab('media-buying')\" id=\"nav-media-buying\" class=\"inactive-tab px-3 py-2 text-sm transition-colors whitespace-nowrap\">\u0634\u0631\u0627\u0621 \u0627\u0644\u0648\u0633\u0627\u0626\u0637<\/button>\n <button onclick=\"app.switchTab('social-strategy')\" id=\"nav-social-strategy\" class=\"inactive-tab px-3 py-2 text-sm transition-colors whitespace-nowrap\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/button>\n <button onclick=\"app.switchTab('tools')\" id=\"nav-tools\" class=\"inactive-tab px-3 py-2 text-sm transition-colors whitespace-nowrap\">\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u0641\u062c\u0648\u0627\u062a<\/button>\n <button onclick=\"app.switchTab('references')\" id=\"nav-references\" class=\"inactive-tab px-3 py-2 text-sm transition-colors whitespace-nowrap\">\u0623\u0633\u0627\u0633 \u0627\u0644\u0628\u062d\u062b<\/button>\n <\/nav>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- Main Content Area -->\n <main class=\"flex-grow max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 w-full\">\n\n <!-- TAB 1: MATURITY ASSESSMENT -->\n <section id=\"view-assessment\" class=\"fade-in space-y-8\">\n <div class=\"bg-white rounded-xl shadow p-6 sm:p-8\">\n <div class=\"max-w-3xl mx-auto text-center mb-10\">\n <h1 class=\"text-3xl font-bold text-slate-900 mb-4\">\u062a\u0642\u064a\u064a\u0645 \u0646\u0636\u062c \u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/h1>\n <p class=\"text-lg text-slate-600\">\n \u0623\u064a\u0646 \u062a\u0642\u0641 \u0645\u0624\u0633\u0633\u062a\u0643\u061f \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0646\u0636\u062c \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 (\u0645\u062b\u0644 CMMI)\u060c \u0642\u0645 \u0628\u062a\u0642\u064a\u064a\u0645 \u0642\u062f\u0631\u0627\u062a\u0643 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0639\u0628\u0631 5 \u0623\u0628\u0639\u0627\u062f \u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u062a\u0635\u0648\u0631 <strong>\u0641\u062c\u0648\u0627\u062a\u0643 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629<\/strong>.\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-start\">\n <!-- Right: Inputs (Flipped for RTL) -->\n <div class=\"space-y-6\">\n <div class=\"bg-slate-50 p-5 rounded-lg border border-slate-200\">\n <h3 class=\"font-semibold text-slate-800 mb-4 flex items-center flex-row-reverse justify-end\">\n <span class=\"bg-orange-100 text-orange-600 w-6 h-6 rounded-full flex items-center justify-center text-xs mr-2\">1<\/span>\n \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\n <\/h3>\n <label class=\"block text-sm text-slate-600 mb-2\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u0645\u0624\u0634\u0631\u0627\u062a \u0623\u062f\u0627\u0621 \u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0648\u062b\u0642\u0629 \u0648\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0639\u0645\u0644\u061f<\/label>\n <input type=\"range\" min=\"1\" max=\"10\" value=\"5\" class=\"w-full h-2 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-orange-600\" oninput=\"app.updateAssessment(0, this.value)\">\n <div class=\"flex justify-between text-xs text-slate-400 mt-1\"><span>\u0645\u0624\u0642\u062a<\/span><span>\u0645\u062d\u062f\u062f<\/span><span>\u0645\u064f\u062d\u0633\u0651\u0646<\/span><\/div>\n <\/div>\n\n <div class=\"bg-slate-50 p-5 rounded-lg border border-slate-200\">\n <h3 class=\"font-semibold text-slate-800 mb-4 flex items-center flex-row-reverse justify-end\">\n <span class=\"bg-orange-100 text-orange-600 w-6 h-6 rounded-full flex items-center justify-center text-xs mr-2\">2<\/span>\n \u0643\u0641\u0627\u0621\u0629 \u0634\u0631\u0627\u0621 \u0627\u0644\u0648\u0633\u0627\u0626\u0637\n <\/h3>\n <label class=\"block text-sm text-slate-600 mb-2\">\u0645\u0627 \u0645\u062f\u0649 \u062f\u0642\u0629 \u0627\u0633\u062a\u0647\u062f\u0627\u0641\u0643 \u0648\u062a\u062a\u0628\u0639 \u0639\u0627\u0626\u062f \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a (ROAS)\u061f<\/label>\n <input type=\"range\" min=\"1\" max=\"10\" value=\"4\" class=\"w-full h-2 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-orange-600\" oninput=\"app.updateAssessment(1, this.value)\">\n <div class=\"flex justify-between text-xs text-slate-400 mt-1\"><span>\u0648\u0627\u0633\u0639<\/span><span>\u0645\u0633\u062a\u0647\u062f\u0641<\/span><span>\u062e\u0648\u0627\u0631\u0632\u0645\u064a<\/span><\/div>\n <\/div>\n\n <div class=\"bg-slate-50 p-5 rounded-lg border border-slate-200\">\n <h3 class=\"font-semibold text-slate-800 mb-4 flex items-center flex-row-reverse justify-end\">\n <span class=\"bg-orange-100 text-orange-600 w-6 h-6 rounded-full flex items-center justify-center text-xs mr-2\">3<\/span>\n \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639\n <\/h3>\n <label class=\"block text-sm text-slate-600 mb-2\">\u0647\u0644 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0642\u0627\u0626\u0645 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u0645\u0646\u0635\u0629\u061f<\/label>\n <input type=\"range\" min=\"1\" max=\"10\" value=\"6\" class=\"w-full h-2 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-orange-600\" oninput=\"app.updateAssessment(2, this.value)\">\n <div class=\"flex justify-between text-xs text-slate-400 mt-1\"><span>\u062d\u062f\u0633\u064a<\/span><span>\u0645\u062a\u0646\u0627\u0633\u0642<\/span><span>\u0645\u0633\u062a\u0646\u062f \u0644\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/span><\/div>\n <\/div>\n\n <div class=\"bg-slate-50 p-5 rounded-lg border border-slate-200\">\n <h3 class=\"font-semibold text-slate-800 mb-4 flex items-center flex-row-reverse justify-end\">\n <span class=\"bg-orange-100 text-orange-600 w-6 h-6 rounded-full flex items-center justify-center text-xs mr-2\">4<\/span>\n \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0648\u0627\u0644\u0625\u062d\u0627\u0644\u0629\n <\/h3>\n <label class=\"block block text-sm text-slate-600 mb-2\">\u0647\u0644 \u064a\u0645\u0643\u0646\u0643 \u062a\u062a\u0628\u0639 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0628\u0623\u0643\u0645\u0644\u0647\u0627\u061f<\/label>\n <input type=\"range\" min=\"1\" max=\"10\" value=\"3\" class=\"w-full h-2 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-orange-600\" oninput=\"app.updateAssessment(3, this.value)\">\n <div class=\"flex justify-between text-xs text-slate-400 mt-1\"><span>\u0622\u062e\u0631 \u0646\u0642\u0631\u0629<\/span><span>\u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0644\u0645\u0633<\/span><span>\u062a\u0646\u0628\u0624\u064a<\/span><\/div>\n <\/div>\n\n <div class=\"bg-slate-50 p-5 rounded-lg border border-slate-200\">\n <h3 class=\"font-semibold text-slate-800 mb-4 flex items-center flex-row-reverse justify-end\">\n <span class=\"bg-orange-100 text-orange-600 w-6 h-6 rounded-full flex items-center justify-center text-xs mr-2\">5<\/span>\n \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629\n <\/h3>\n <label class=\"block text-sm text-slate-600 mb-2\">\u0647\u0644 \u062a\u0633\u062a\u062e\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u062a\u0642\u0646\u064a\u0629 \u0644\u0623\u062a\u0645\u062a\u0629 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\u061f<\/label>\n <input type=\"range\" min=\"1\" max=\"10\" value=\"4\" class=\"w-full h-2 bg-slate-200 rounded-lg appearance-none cursor-pointer accent-orange-600\" oninput=\"app.updateAssessment(4, this.value)\">\n <div class=\"flex justify-between text-xs text-slate-400 mt-1\"><span>\u064a\u062f\u0648\u064a<\/span><span>\u0645\u062e\u062a\u0644\u0637<\/span><span>\u0645\u0624\u062a\u0645\u062a<\/span><\/div>\n <\/div>\n <\/div>\n\n <!-- Left: Visualization & Analysis (Flipped for RTL) -->\n <div class=\"space-y-6 sticky top-24\">\n <div class=\"bg-white border border-slate-200 rounded-xl shadow-sm p-4\">\n <div class=\"flex justify-between items-center mb-4 flex-row-reverse\">\n <h3 class=\"font-bold text-slate-700\">\u0645\u0644\u0641 \u0627\u0644\u0646\u0636\u062c<\/h3>\n <span class=\"text-xs bg-slate-100 text-slate-500 px-2 py-1 rounded\">\u0627\u0644\u0645\u0639\u064a\u0627\u0631: \u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 (\u0631\u0645\u0627\u062f\u064a)<\/span>\n <\/div>\n <div class=\"chart-container\">\n <canvas id=\"maturityChart\"><\/canvas>\n <\/div>\n <\/div>\n\n <div id=\"gap-analysis-text\" class=\"bg-orange-50 border-r-4 border-orange-500 p-5 rounded-l-lg\">\n <h4 class=\"font-bold text-orange-800 mb-2\">\u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u0623\u0648\u0644\u064a<\/h4>\n <p class=\"text-sm text-orange-900 leading-relaxed\" id=\"diagnosis-content\">\n \u0642\u0645 \u0628\u0636\u0628\u0637 \u0623\u0634\u0631\u0637\u0629 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0644\u0631\u0624\u064a\u0629 \u062a\u0634\u062e\u064a\u0635\u0643 \u0627\u0644\u0645\u062e\u0635\u0635.\n <\/p>\n <\/div>\n <button onclick=\"app.switchTab('tools')\" class=\"w-full py-3 bg-slate-800 hover:bg-slate-700 text-white rounded-lg font-medium transition-all shadow-md flex items-center justify-center flex-row-reverse\">\n → \u0639\u0631\u0636 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u0648\u0635\u0649 \u0628\u0647\u0627 \u0644\u0641\u062c\u0648\u0627\u062a\u0643\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- TAB 2: MEDIA BUYING ROLES -->\n <section id=\"view-media-buying\" class=\"hidden fade-in space-y-8\">\n <div class=\"mb-8\">\n <h2 class=\"text-3xl font-bold text-slate-900\">\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0634\u0631\u0627\u0621 \u0627\u0644\u0648\u0633\u0627\u0626\u0637 \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0630\u0627\u062a\u064a<\/h2>\n <p class=\"text-slate-600 mt-2 max-w-3xl\">\n \u0634\u0631\u0627\u0621 \u0627\u0644\u0648\u0633\u0627\u0626\u0637 \u0627\u0644\u0641\u0639\u0651\u0627\u0644 \u0647\u0648 \u0639\u0645\u0644\u064a\u0629 \u0639\u0644\u0645\u064a\u0629 \u0645\u0646\u0638\u0645\u0629. \u064a\u0648\u0636\u062d \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u062a\u0645\u064a\u064a\u0632 \u0628\u064a\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u0631 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629.\n \u0627\u062e\u062a\u0631 \u062f\u0648\u0631\u064b\u0627 \u0648\u0642\u0645 \u0628\u0625\u062c\u0631\u0627\u0621 <strong>\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0630\u0627\u062a\u064a<\/strong> \u0644\u0642\u064a\u0627\u0633 \u062a\u0648\u0627\u0641\u0642\u0643 \u0645\u0639 \u0623\u0641\u0636\u0644 \u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u0629.\n <\/p>\n <\/div>\n\n <!-- Role Toggle -->\n <div class=\"flex flex-col md:flex-row gap-6\">\n <!-- Sidebar Selection -->\n <div class=\"w-full md:w-1\/3 flex flex-col space-y-2\">\n <button onclick=\"app.setRole('strategist')\" id=\"btn-role-strategist\" class=\"text-right p-4 rounded-lg bg-orange-100 border-2 border-orange-500 text-slate-900 font-semibold transition-all\">\n 1. \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\n <span class=\"block text-xs font-normal text-slate-600 mt-1\">\u0627\u0644\u0640 “\u0644\u0645\u0627\u0630\u0627” \u0648 “\u0645\u0646”<\/span>\n <\/button>\n <button onclick=\"app.setRole('planner')\" id=\"btn-role-planner\" class=\"text-right p-4 rounded-lg bg-white border border-slate-200 text-slate-500 hover:bg-slate-50 transition-all\">\n 2. \u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\n <span class=\"block text-xs font-normal text-slate-500 mt-1\">\u0627\u0644\u0640 “\u0623\u064a\u0646” \u0648 “\u0645\u062a\u0649”<\/span>\n <\/button>\n <button onclick=\"app.setRole('buyer')\" id=\"btn-role-buyer\" class=\"text-right p-4 rounded-lg bg-white border border-slate-200 text-slate-500 hover:bg-slate-50 transition-all\">\n 3. \u0645\u0634\u062a\u0631\u064a \u0627\u0644\u0648\u0633\u0627\u0626\u0637\n <span class=\"block text-xs font-normal text-slate-500 mt-1\">\u0627\u0644\u0640 “\u0628\u0643\u0645” \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/span>\n <\/button>\n <button onclick=\"app.setRole('analyst')\" id=\"btn-role-analyst\" class=\"text-right p-4 rounded-lg bg-white border border-slate-200 text-slate-500 hover:bg-slate-50 transition-all\">\n 4. \u0627\u0644\u0645\u062d\u0644\u0644\n <span class=\"block text-xs font-normal text-slate-500 mt-1\">\u0627\u0644\u0640 “\u0645\u0627\u0630\u0627 \u0628\u0639\u062f\u061f”<\/span>\n <\/button>\n <\/div>\n\n <!-- Content Display -->\n <div class=\"w-full md:w-2\/3 bg-white p-6 md:p-8 rounded-xl shadow-sm border border-slate-200 min-h-[400px]\">\n <div id=\"role-content\">\n <!-- Dynamic Content Loaded Here -->\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Process Visualizer -->\n <div class=\"mt-12 bg-slate-900 text-white p-8 rounded-xl shadow-lg\">\n <h3 class=\"text-xl font-bold mb-6 border-b border-slate-700 pb-2\">\u062f\u0648\u0631\u0629 \u062d\u064a\u0627\u0629 \u0627\u0644\u062d\u0645\u0644\u0629<\/h3>\n <div class=\"grid grid-cols-1 sm:grid-cols-4 gap-4 text-center\">\n <div class=\"p-4 bg-slate-800 rounded-lg group hover:bg-orange-600 transition-colors cursor-default\">\n <div class=\"text-2xl mb-2\">\ud83c\udfaf<\/div>\n <h4 class=\"font-bold\">\u062a\u062d\u062f\u064a\u062f<\/h4>\n <p class=\"text-xs text-slate-400 group-hover:text-white mt-1\">\u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0648\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621<\/p>\n <\/div>\n <div class=\"hidden sm:block text-slate-600 self-center text-2xl\">←<\/div>\n \n <div class=\"p-4 bg-slate-800 rounded-lg group hover:bg-orange-600 transition-colors cursor-default\">\n <div class=\"text-2xl mb-2\">\ud83d\uddfa\ufe0f<\/div>\n <h4 class=\"font-bold\">\u062a\u062e\u0637\u064a\u0637<\/h4>\n <p class=\"text-xs text-slate-400 group-hover:text-white mt-1\">\u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/p>\n <\/div>\n <div class=\"hidden sm:block text-slate-600 self-center text-2xl\">←<\/div>\n\n <div class=\"p-4 bg-slate-800 rounded-lg group hover:bg-orange-600 transition-colors cursor-default\">\n <div class=\"text-2xl mb-2\">\u26a1<\/div>\n <h4 class=\"font-bold\">\u062a\u0646\u0641\u064a\u0630<\/h4>\n <p class=\"text-xs text-slate-400 group-hover:text-white mt-1\">\u0627\u0644\u0645\u0632\u0627\u064a\u062f\u0629 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644<\/p>\n <\/div>\n <div class=\"hidden sm:block text-slate-600 self-center text-2xl\">←<\/div>\n\n <div class=\"p-4 bg-slate-800 rounded-lg group hover:bg-orange-600 transition-colors cursor-default\">\n <div class=\"text-2xl mb-2\">\ud83d\udcc8<\/div>\n <h4 class=\"font-bold\">\u062a\u062d\u0633\u064a\u0646<\/h4>\n <p class=\"text-xs text-slate-400 group-hover:text-white mt-1\">\u0627\u062e\u062a\u0628\u0627\u0631 \u0623\/\u0628 \u0648\u0627\u0644\u062a\u0648\u0633\u0639<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- TAB 3: SOCIAL STRATEGY -->\n <section id=\"view-social-strategy\" class=\"hidden fade-in space-y-8\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\n <div class=\"lg:col-span-8\">\n <h2 class=\"text-3xl font-bold text-slate-900 mb-4\">\u0645\u062d\u0627\u0643\u064a \u0645\u0632\u064a\u062c \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a<\/h2>\n <p class=\"text-slate-600 mb-6\">\n \u0627\u0644\u062e\u0637\u0623 \u0627\u0644\u0634\u0627\u0626\u0639 \u0641\u064a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0647\u0648 \u0627\u0644\u0625\u0641\u0631\u0627\u0637 \u0641\u064a \u0627\u0644\u0628\u064a\u0639. \u062a\u0634\u064a\u0631 \u0627\u0644\u0623\u0628\u062d\u0627\u062b \u0625\u0644\u0649 <strong>“\u0627\u0644\u0646\u0633\u0628\u0629 \u0627\u0644\u0630\u0647\u0628\u064a\u0629”<\/strong> \u0644\u0644\u0645\u062d\u062a\u0648\u0649 (\u0645\u062b\u0644 \u0642\u0627\u0639\u062f\u0629 60\/30\/10).\n \u0627\u0633\u062a\u062e\u062f\u0645 \u0623\u0634\u0631\u0637\u0629 \u0627\u0644\u062a\u0645\u0631\u064a\u0631 \u0644\u0645\u062d\u0627\u0643\u0627\u0629 \u0645\u0632\u064a\u062c \u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643.\n <\/p>\n\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-slate-200 mb-8\">\n <h3 class=\"font-bold text-slate-800 mb-6\">\u0627\u0636\u0628\u0637 \u0631\u0643\u0627\u0626\u0632 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643:<\/h3>\n \n <div class=\"space-y-6\">\n <div>\n <div class=\"flex justify-between mb-2\">\n <label class=\"text-sm font-semibold text-blue-600\">\u062a\u0639\u0644\u064a\u0645\u064a \/ \u0642\u064a\u0645\u0629<\/label>\n <span id=\"val-edu\" class=\"text-sm font-bold\">40%<\/span>\n <\/div>\n <input type=\"range\" id=\"input-edu\" min=\"0\" max=\"100\" value=\"40\" class=\"w-full h-2 bg-blue-100 rounded-lg appearance-none cursor-pointer accent-blue-600\" oninput=\"app.updateSocialMix()\">\n <p class=\"text-xs text-slate-500 mt-1\">\u0643\u064a\u0641\u064a\u0629\u060c \u0646\u0635\u0627\u0626\u062d\u060c \u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u0629. \u064a\u0628\u0646\u064a \u0627\u0644\u0633\u0644\u0637\u0629.<\/p>\n <\/div>\n\n <div>\n <div class=\"flex justify-between mb-2\">\n <label class=\"text-sm font-semibold text-teal-600\">\u0645\u062c\u062a\u0645\u0639\u064a \/ \u0645\u0634\u0627\u0631\u0643\u0629<\/label>\n <span id=\"val-com\" class=\"text-sm font-bold\">40%<\/span>\n <\/div>\n <input type=\"range\" id=\"input-com\" min=\"0\" max=\"100\" value=\"40\" class=\"w-full h-2 bg-teal-100 rounded-lg appearance-none cursor-pointer accent-teal-600\" oninput=\"app.updateSocialMix()\">\n <p class=\"text-xs text-slate-500 mt-1\">\u0645\u0627 \u0648\u0631\u0627\u0621 \u0627\u0644\u0643\u0648\u0627\u0644\u064a\u0633\u060c \u0627\u0633\u062a\u0637\u0644\u0627\u0639\u0627\u062a \u0631\u0623\u064a\u060c \u0645\u062d\u062a\u0648\u0649 \u0645\u0646 \u0625\u0646\u062a\u0627\u062c \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645. \u064a\u0628\u0646\u064a \u0627\u0644\u062b\u0642\u0629.<\/p>\n <\/div>\n\n <div>\n <div class=\"flex justify-between mb-2\">\n <label class=\"text-sm font-semibold text-orange-600\">\u062a\u0631\u0648\u064a\u062c\u064a \/ \u0645\u0628\u064a\u0639\u0627\u062a<\/label>\n <span id=\"val-pro\" class=\"text-sm font-bold\">20%<\/span>\n <\/div>\n <input type=\"range\" id=\"input-pro\" min=\"0\" max=\"100\" value=\"20\" class=\"w-full h-2 bg-orange-100 rounded-lg appearance-none cursor-pointer accent-orange-600\" oninput=\"app.updateSocialMix()\">\n <p class=\"text-xs text-slate-500 mt-1\">\u0639\u0631\u0648\u0636 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0627\u0644\u062e\u0635\u0648\u0645\u0627\u062a\u060c \u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0645\u0628\u0627\u0634\u0631. \u064a\u0648\u0644\u062f \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"lg:col-span-4 space-y-6\">\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-slate-200\">\n <h4 class=\"font-bold text-center text-slate-700 mb-4\">\u0646\u0638\u0627\u0645\u0643 \u0627\u0644\u063a\u0630\u0627\u0626\u064a \u0644\u0644\u0645\u062d\u062a\u0648\u0649<\/h4>\n <div class=\"chart-container\" style=\"height: 250px;\">\n <canvas id=\"socialMixChart\"><\/canvas>\n <\/div>\n <div id=\"mix-feedback\" class=\"mt-4 text-center text-sm font-medium p-3 bg-slate-50 rounded text-slate-600\">\n <!-- JS feedback -->\n <\/div>\n <\/div>\n\n <div class=\"bg-indigo-50 p-5 rounded-xl border border-indigo-100\">\n <h4 class=\"font-bold text-indigo-900 mb-2\">\u0645\u0644\u0627\u062d\u0638\u0629 \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629: \u0642\u0627\u0639\u062f\u0629 70-20-10<\/h4>\n <p class=\"text-sm text-indigo-800\">\n \u062a\u0642\u062a\u0631\u062d \u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629 \u0645\u0627 \u064a\u0644\u064a:\n <br>\u2022 <strong>70%<\/strong> \u0645\u062d\u062a\u0648\u0649 \u0622\u0645\u0646 \u0648\u0645\u064f\u062b\u0628\u062a.\n <br>\u2022 <strong>20%<\/strong> \u062a\u0646\u0633\u064a\u0642\u0627\u062a \u062c\u062f\u064a\u062f\u0629\/\u0645\u062e\u0627\u0637\u0631 \u0645\u0639\u062a\u062f\u0644\u0629.\n <br>\u2022 <strong>10%<\/strong> \u0645\u062d\u062a\u0648\u0649 \u062a\u062c\u0631\u064a\u0628\u064a \u0639\u0627\u0644\u064a \u0627\u0644\u0645\u062e\u0627\u0637\u0631.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- TAB 4: TOOLS & GAPS -->\n <section id=\"view-tools\" class=\"hidden fade-in space-y-8\">\n <div class=\"mb-8\">\n <h2 class=\"text-3xl font-bold text-slate-900\">\u062a\u0648\u0635\u064a\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u0644\u0644\u0623\u062f\u0648\u0627\u062a<\/h2>\n <p class=\"text-slate-600 mt-2\">\n \u062a\u0639\u0627\u0644\u062c \u0647\u0630\u0647 \u0627\u0644\u0623\u062f\u0648\u0627\u062a\u060c \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0633\u0648\u0642 \u0648\u0645\u0631\u0627\u062c\u0639\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646\u060c \u0641\u062c\u0648\u0627\u062a \u0645\u062d\u062f\u062f\u0629 \u0641\u064a \u0645\u0633\u0627\u0631 \u0627\u0644\u062a\u0633\u0648\u064a\u0642.\n \u0642\u0645 \u0628\u0627\u0644\u062a\u0635\u0641\u064a\u0629 \u062d\u0633\u0628 \u0627\u062d\u062a\u064a\u0627\u062c\u0643 \u0627\u0644\u0645\u062d\u062f\u062f \u0644\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\n <\/p>\n <\/div>\n\n <!-- Filters -->\n <div class=\"flex flex-wrap gap-2 mb-6\" id=\"tool-filters\" dir=\"rtl\">\n <button onclick=\"app.filterTools('all')\" class=\"bg-slate-800 text-white px-4 py-2 rounded-full text-sm font-medium shadow-sm transition-transform hover:scale-105 ring-2 ring-offset-1 ring-slate-800\">\u0627\u0644\u0643\u0644<\/button>\n <button onclick=\"app.filterTools('Analytics')\" class=\"bg-white text-slate-600 hover:bg-slate-50 px-4 py-2 rounded-full text-sm font-medium shadow-sm border border-slate-200 transition-all\">\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/button>\n <button onclick=\"app.filterTools('Execution')\" class=\"bg-white text-slate-600 hover:bg-slate-50 px-4 py-2 rounded-full text-sm font-medium shadow-sm border border-slate-200 transition-all\">\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a<\/button>\n <button onclick=\"app.filterTools('Strategy')\" class=\"bg-white text-slate-600 hover:bg-slate-50 px-4 py-2 rounded-full text-sm font-medium shadow-sm border border-slate-200 transition-all\">\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/button>\n <button onclick=\"app.filterTools('Free')\" class=\"bg-green-50 text-green-700 hover:bg-green-100 px-4 py-2 rounded-full text-sm font-medium shadow-sm border border-green-200 transition-all\">\u0645\u062c\u0627\u0646\u064a \/ \u0641\u0631\u064a\u0645\u064a\u0648\u0645<\/button>\n <\/div>\n\n <!-- Grid -->\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"tools-grid\">\n <!-- JS populated -->\n <\/div>\n <\/section>\n\n <!-- TAB 5: ACADEMIC REFERENCES -->\n <section id=\"view-references\" class=\"hidden fade-in space-y-8\">\n <div class=\"mb-8\">\n <h2 class=\"text-3xl font-bold text-slate-900\">\u0623\u0633\u0627\u0633 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639 \u0627\u0644\u0639\u0645\u0644\u064a\u0629<\/h2>\n <p class=\"text-slate-600 mt-2 max-w-3xl\">\n \u062a\u0633\u062a\u0646\u062f \u0627\u0644\u0623\u0637\u0631 \u0648\u0627\u0644\u0623\u062f\u0648\u0627\u0631 \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0641\u064a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0647\u0630\u0647 \u0625\u0644\u0649 \u0627\u0644\u0623\u062f\u0628\u064a\u0627\u062a \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u0629.\n <\/p>\n <\/div>\n\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-slate-200\">\n <ul id=\"references-list\" class=\"space-y-4\">\n <!-- JS Populated -->\n <\/ul>\n <\/div>\n <\/section>\n\n <\/main>\n\n <!-- Footer -->\n <footer class=\"bg-slate-900 text-slate-400 py-8 border-t border-slate-800\">\n <div class=\"max-w-7xl mx-auto px-4 text-center\">\n <p class=\"text-sm\">\n \u062a\u0645 \u0627\u0644\u0625\u0646\u0634\u0627\u0621 \u0644\u062a\u062d\u0644\u064a\u0644 \u0648\u062a\u0639\u0644\u064a\u0645 \u0627\u0644\u062a\u0633\u0648\u064a\u0642. \u0644\u064a\u0633 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u0627\u0644\u064a\u0629.\n <\/p>\n <p class=\"text-xs mt-2 text-slate-600\">\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0623\u0637\u0631 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0648\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u0633\u064a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ --- Data & State (Arabic) ---\n const appData = {\n roles: {\n strategist: {\n title: \"\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\",\n icon: \"\ud83e\udde0\",\n desc: \"\u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0631\u0624\u064a\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0645\u062f\u0649\u060c \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0641\u064a \u0627\u0644\u0633\u0648\u0642\u060c \u0648\u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629. \u064a\u062d\u062f\u062f '\u0644\u0645\u0627\u0630\u0627' \u0648\u0627\u0644\u0645\u0642\u0627\u064a\u064a\u0633 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629.\",\n tasks: [\n \"\u064a\u062d\u062f\u062f \u0634\u062e\u0635\u064a\u0627\u062a \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\",\n \"\u064a\u062d\u062f\u062f \u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 (CPA, ROAS, LTV)\",\n \"\u064a\u062e\u0635\u0635 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u0633\u0646\u0648\u064a\u0629\",\n \"\u064a\u062c\u0631\u064a \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646\"\n ],\n quote: \"\\\"\u0646\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u062d\u0648\u064a\u0644 20% \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0625\u0644\u0649 TikTok \u0644\u0627\u0633\u062a\u0647\u062f\u0627\u0641 \u0634\u0631\u064a\u062d\u0629 \u0627\u0644\u062c\u064a\u0644 Z.\\\"\",\n quiz: [\n { q: \"\u0645\u064a\u0632\u0627\u0646\u064a\u062a\u0646\u0627 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0648\u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0646\u0645\u0630\u062c\u0629 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0639\u0645\u0644 (\u0648\u0644\u064a\u0633 \u0641\u0642\u0637 \u0625\u0646\u0641\u0627\u0642 \u0627\u0644\u0639\u0627\u0645 \u0627\u0644\u0645\u0627\u0636\u064a).\", weight: 20 },\n { q: \"\u0646\u062c\u0631\u064a \u062a\u062d\u0644\u064a\u0644\u0627\u064b \u0641\u0635\u0644\u064a\u0627\u064b \u0644\u0644\u0645\u0634\u0647\u062f \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a \u064a\u0631\u0643\u0632 \u062a\u062d\u062f\u064a\u062f\u0627\u064b \u0639\u0644\u0649 \u0645\u0648\u0627\u0636\u0639 \u0627\u0644\u0648\u0633\u0627\u0626\u0637 \u0648\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0627\u0644\u0625\u0646\u0641\u0627\u0642.\", weight: 30 },\n { q: \"\u062a\u062a\u0636\u0645\u0646 \u0643\u0644 \u062d\u0645\u0644\u0629 \u0645\u0624\u0634\u0631\u0627\u062a \u0623\u062f\u0627\u0621 \u0631\u0626\u064a\u0633\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0642\u064a\u0627\u0633 \u0648\u0645\u062d\u062f\u062f\u0629 \u0642\u0628\u0644 \u0628\u062f\u0621 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\", weight: 25 },\n { q: \"\u0644\u062f\u064a\u0646\u0627 \u0639\u0645\u0644\u064a\u0629 \u0645\u062d\u062f\u062f\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0645\u062a\u0649 \u0646\u062f\u062e\u0644 \u0623\u0648 \u0646\u062e\u0631\u062c \u0645\u0646 \u0642\u0646\u0627\u0629 \u0648\u0633\u0627\u0626\u0637 \u062c\u062f\u064a\u062f\u0629.\", weight: 25 }\n ]\n },\n planner: {\n title: \"\u0627\u0644\u0645\u062e\u0637\u0637 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\",\n icon: \"\ud83d\uddfa\ufe0f\",\n desc: \"\u064a\u062d\u0648\u0651\u0644 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0625\u0644\u0649 \u062e\u0637\u0629 \u0645\u0641\u0635\u0644\u0629. \u064a\u0642\u0631\u0631 \u0628\u0627\u0644\u0636\u0628\u0637 \u0623\u064a\u0646 \u0648\u0645\u062a\u0649 \u0633\u062a\u0638\u0647\u0631 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0627\u0644\u062a\u0648\u0635\u064a\u0644 \u0627\u0644\u0641\u0639\u0651\u0627\u0644 \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u0644\u0644\u062c\u0645\u0647\u0648\u0631.\",\n tasks: [\n \"\u064a\u062e\u062a\u0627\u0631 \u0645\u0648\u0627\u0636\u0639 \u0645\u062d\u062f\u062f\u0629 (\u0645\u062b\u0644 \u0645\u0648\u062c\u0632 \u0641\u064a\u0633\u0628\u0648\u0643 \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0642\u0635\u0635)\",\n \"\u064a\u062a\u0646\u0628\u0623 \u0628\u0627\u0644\u0648\u0635\u0648\u0644 \u0648\u0627\u0644\u062a\u0643\u0631\u0627\u0631\",\n \"\u064a\u062a\u0641\u0627\u0648\u0636 \u0639\u0644\u0649 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 (\u0644\u0644\u0634\u0631\u0627\u0621 \u0627\u0644\u0645\u0628\u0627\u0634\u0631)\",\n \"\u064a\u0646\u0634\u0626 \u0627\u0644\u062a\u0642\u0648\u064a\u0645 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\"\n ],\n quote: \"\\\"\u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u062a\u062c\u0627\u0647\u0627\u062a CPM\u060c \u064a\u062c\u0628 \u0623\u0646 \u0646\u0637\u0644\u0642 \u062d\u0645\u0644\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0635\u0628\u0627\u062d \u0623\u064a\u0627\u0645 \u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621.\\\"\",\n quiz: [\n { q: \"\u0646\u0633\u062a\u062e\u062f\u0645 \u0623\u062f\u0648\u0627\u062a \u062a\u062e\u0637\u064a\u0637 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0644\u062a\u062d\u0644\u064a\u0644 \u062a\u062f\u0627\u062e\u0644 \u0627\u0644\u062c\u0645\u0647\u0648\u0631 \u0648\u0625\u0632\u0627\u0644\u0629 \u062a\u0643\u0631\u0627\u0631 \u0627\u0644\u0648\u0635\u0648\u0644 \u0639\u0628\u0631 \u0627\u0644\u0645\u0646\u0635\u0627\u062a.\", weight: 30 },\n { q: \"\u0646\u0646\u0645\u0630\u062c \u0625\u062c\u0647\u0627\u062f \u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u0627\u0644\u0645\u062a\u0648\u0642\u0639 (\u062a\u062d\u062f\u064a\u062f \u0633\u0642\u0641 \u0627\u0644\u062a\u0643\u0631\u0627\u0631) \u0648\u0646\u0639\u062f\u0644 \u0627\u0644\u0645\u0648\u0627\u0636\u0639\/\u0627\u0644\u0625\u0628\u062f\u0627\u0639 \u0642\u0628\u0644 \u062a\u062f\u0647\u0648\u0631 \u0627\u0644\u0623\u062f\u0627\u0621.\", weight: 20 },\n { q: \"\u062a\u062a\u0643\u0627\u0645\u0644 \u062e\u0637\u062a\u0646\u0627 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a\u0629 \u0645\u0639 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0642\u064a\u0629 (\u0645\u062b\u0644 \u0627\u0644\u0645\u0648\u0633\u0645\u064a\u0629\u060c \u0627\u0644\u0639\u0637\u0644\u0627\u062a\u060c \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629) \u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0648\u0642\u064a\u062a.\", weight: 25 },\n { q: \"\u0646\u062a\u0641\u0627\u0648\u0636 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u0627\u0644\u0646\u0627\u0634\u0631\u064a\u0646 (\u062d\u064a\u062b\u0645\u0627 \u064a\u0646\u0637\u0628\u0642 \u0630\u0644\u0643) \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0641\u0642\u0637 \u0639\u0644\u0649 \u0627\u0644\u0634\u0631\u0627\u0621 \u0627\u0644\u0645\u0628\u0631\u0645\u062c.\", weight: 25 }\n ]\n },\n buyer: {\n title: \"\u0645\u0634\u062a\u0631\u064a \u0627\u0644\u0648\u0633\u0627\u0626\u0637\",\n icon: \"\ud83d\udcb3\",\n desc: \"\u0627\u0644\u0645\u0646\u0641\u0630 \u0627\u0644\u062a\u0643\u062a\u064a\u0643\u064a. \u064a\u0642\u0648\u0645 \u0628\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0641\u064a \u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0642\u064a\u0627\u062f\u0629\u060c \u0648\u064a\u062f\u064a\u0631 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a\u060c \u0648\u064a\u062d\u0633\u0646 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u0627\u062a\u060c \u0648\u064a\u0646\u0642\u0631 \u0639\u0644\u0649 '\u0646\u0634\u0631'.\",\n tasks: [\n \"\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062d\u0645\u0644\u0629 (\u0645\u062f\u064a\u0631 \u0625\u0639\u0644\u0627\u0646\u0627\u062a Meta\u060c \u0625\u0639\u0644\u0627\u0646\u0627\u062a Google)\",\n \"\u0627\u062e\u062a\u0628\u0627\u0631 \u0623\/\u0628 \u0644\u0644\u0625\u0628\u062f\u0627\u0639\u0627\u062a\",\n \"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u064a\u0648\u0645\u064a\u0629\",\n \"\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a\"\n ],\n quote: \"\\\"\u0642\u0645\u062a \u0628\u062a\u0639\u062f\u064a\u0644 \u0633\u0642\u0641 \u0627\u0644\u0639\u0631\u0636 \u0625\u0644\u0649 5.50 \u062f\u0648\u0644\u0627\u0631 \u0648\u0632\u0627\u062f \u0645\u0639\u062f\u0644 \u0627\u0644\u0646\u0642\u0631 \u0628\u0646\u0633\u0628\u0629 0.4%.\\\"\",\n quiz: [\n { q: \"\u0646\u062c\u0631\u064a \u062a\u0639\u062f\u064a\u0644\u0627\u062a \u064a\u0648\u0645\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0639\u0637\u0627\u0621\u0627\u062a \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0641\u0642\u0637 \u0639\u0644\u0649 \u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0645\u0646\u0635\u0629.\", weight: 30 },\n { q: \"\u062a\u0633\u062a\u062e\u062f\u0645 \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0627 \u0644\u0627 \u064a\u0642\u0644 \u0639\u0646 3 \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0623\/\u0628 \u0627\u0644\u0645\u0633\u062a\u0645\u0631.\", weight: 25 },\n { q: \"\u0646\u062f\u064a\u0631 \u0628\u0646\u0634\u0627\u0637 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0627\u0644\u0633\u0644\u0628\u064a\u0629\/\u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u0627\u0633\u062a\u062b\u0646\u0627\u0621\u0627\u062a \u0623\u0633\u0628\u0648\u0639\u064a\u064b\u0627 \u0644\u062a\u062d\u0633\u064a\u0646 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0627\u0633\u062a\u0647\u062f\u0627\u0641.\", weight: 20 },\n { q: \"\u064a\u0645\u0643\u0646\u0646\u0627 \u0646\u0634\u0631 \u062d\u0645\u0644\u0629 \u062c\u062f\u064a\u062f\u0629 \u0639\u0628\u0631 3 \u0642\u0646\u0648\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629 \u0641\u064a \u063a\u0636\u0648\u0646 24 \u0633\u0627\u0639\u0629.\", weight: 25 }\n ]\n },\n analyst: {\n title: \"\u0627\u0644\u0645\u062d\u0644\u0644\",\n icon: \"\ud83d\udcca\",\n desc: \"\u064a\u0631\u0628\u0637 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0627\u0644\u0631\u0624\u0649. \u064a\u0646\u0638\u0631 \u0625\u0644\u0649 \u0645\u0627 \u062d\u062f\u062b\u060c \u0648\u064a\u0641\u0633\u0631 \u0627\u0644\u0633\u0628\u0628\u060c \u0648\u064a\u0646\u0633\u0628 \u0627\u0644\u0642\u064a\u0645\u0629 \u0625\u0644\u0649 \u0646\u0642\u0627\u0637 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0627\u0644\u0635\u062d\u064a\u062d\u0629.\",\n tasks: [\n \"\u0646\u0645\u0630\u062c\u0629 \u0627\u0644\u0625\u062d\u0627\u0644\u0629\",\n \"\u0644\u0648\u062d\u0627\u062a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u064a\u0629\",\n \"\u0627\u0644\u0648\u0633\u0645 \u0648\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0635\u062d\u0629 \u0627\u0644\u0628\u0643\u0633\u0644\",\n \"\u062d\u0633\u0627\u0628 \u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 (ROI)\"\n ],\n quote: \"\\\"\u062a\u0638\u0647\u0631 \u0627\u0644\u0625\u062d\u0627\u0644\u0629 \u0623\u0646\u0647 \u0628\u064a\u0646\u0645\u0627 \u0642\u0627\u062f \u0641\u064a\u0633\u0628\u0648\u0643 \u0627\u0644\u0646\u0642\u0631\u0627\u062a\u060c \u0641\u0625\u0646 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0647\u0648 \u0645\u0646 \u0623\u062a\u0645 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0628\u0627\u0644\u0641\u0639\u0644.\\\"\",\n quiz: [\n { q: \"\u0646\u0633\u062a\u062e\u062f\u0645 \u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0648\u062d\u062f\u0629 (\u0645\u062b\u0644 Looker\u060c Tableau) \u062a\u062c\u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0648\u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0646 \u062c\u0645\u064a\u0639 \u0627\u0644\u0642\u0646\u0648\u0627\u062a.\", weight: 30 },\n { q: \"\u0646\u0633\u062a\u062e\u062f\u0645 \u0646\u0645\u0648\u0630\u062c \u0625\u062d\u0627\u0644\u0629 \u0645\u062e\u0635\u0635 \u0623\u0648 \u0645\u062a\u0642\u062f\u0645 (\u0648\u0644\u064a\u0633 \u0641\u0642\u0637 \u0622\u062e\u0631 \u0646\u0642\u0631\u0629) \u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0623\u062f\u0627\u0621.\", weight: 30 },\n { q: \"\u064a\u0645\u0643\u0646\u0646\u0627 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0623\u0635\u0644 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a \u0627\u0644\u0630\u064a \u0633\u0627\u0647\u0645 \u0628\u0623\u0643\u0628\u0631 \u0642\u062f\u0631 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a \u0627\u0644\u0631\u0628\u0639 \u0627\u0644\u0645\u0627\u0636\u064a \u0639\u0628\u0631 \u0627\u0644\u0645\u0646\u0635\u0627\u062a.\", weight: 20 },\n { q: \"\u064a\u062a\u0645 \u0625\u062c\u0631\u0627\u0621 \u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0635\u062d\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a (\u0645\u062b\u0644 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0628\u0643\u0633\u0644\u060c \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0639\u0644\u0627\u0645\u0629) \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u064a\u0648\u0645\u064a\u064b\u0627.\", weight: 20 }\n ]\n }\n },\n tools: [\n { name: \"Google Analytics 4\", cat: \"Analytics\", type: \"Free\", desc: \"\u0623\u0633\u0627\u0633\u064a \u0644\u062d\u0631\u0643\u0629 \u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u0627\u0644\u0625\u062d\u0627\u0644\u0629.\", gap: \"\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0648\u0627\u0644\u0625\u062d\u0627\u0644\u0629\" },\n { name: \"Meta Ads Manager\", cat: \"Execution\", type: \"Free\", desc: \"\u0623\u062f\u0627\u0629 \u0623\u0635\u0644\u064a\u0629 \u0644\u0634\u0631\u0627\u0621 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0641\u064a\u0633\u0628\u0648\u0643\/\u0625\u0646\u0633\u062a\u063a\u0631\u0627\u0645.\", gap: \"\u0643\u0641\u0627\u0621\u0629 \u0634\u0631\u0627\u0621 \u0627\u0644\u0648\u0633\u0627\u0626\u0637\" },\n { name: \"Semrush\", cat: \"Strategy\", type: \"Paid\", desc: \"\u0642\u0648\u0629 \u0641\u064a \u062a\u062d\u0644\u064a\u0644\u0627\u062a \u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646.\", gap: \"\u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\" },\n { name: \"Canva Pro\", cat: \"Strategy\", type: \"Freemium\", desc: \"\u0625\u0646\u0634\u0627\u0621 \u0645\u062d\u062a\u0648\u0649 \u0633\u0631\u064a\u0639 \u0648\u0642\u0648\u0627\u0644\u0628.\", gap: \"\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639\" },\n { name: \"Zapier\", cat: \"Execution\", type: \"Freemium\", desc: \"\u064a\u0631\u0628\u0637 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0644\u0623\u062a\u0645\u062a\u0629 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644.\", gap: \"\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629\" },\n { name: \"HubSpot\", cat: \"Strategy\", type: \"Freemium\", desc: \"\u0645\u062c\u0645\u0648\u0639\u0629 \u0625\u062f\u0627\u0631\u0629 \u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642.\", gap: \"\u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\" },\n { name: \"Google Looker Studio\", cat: \"Analytics\", type: \"Free\", desc: \"\u062a\u0635\u0648\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0646 \u0645\u0635\u0627\u062f\u0631 \u0645\u062a\u0639\u062f\u062f\u0629.\", gap: \"\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0648\u0627\u0644\u0625\u062d\u0627\u0644\u0629\" },\n { name: \"Hootsuite\/Buffer\", cat: \"Strategy\", type: \"Freemium\", desc: \"\u062c\u062f\u0648\u0644\u0629 \u0648\u0627\u0633\u062a\u0645\u0627\u0639 \u0644\u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a.\", gap: \"\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0625\u0628\u062f\u0627\u0639\" },\n { name: \"Hotjar\", cat: \"Analytics\", type: \"Freemium\", desc: \"\u062e\u0631\u0627\u0626\u0637 \u062d\u0631\u0627\u0631\u064a\u0629 \u0644\u0631\u0624\u064a\u0629 \u0633\u0644\u0648\u0643 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639.\", gap: \"\u0643\u0641\u0627\u0621\u0629 \u0634\u0631\u0627\u0621 \u0627\u0644\u0648\u0633\u0627\u0626\u0637\" }\n ],\n references: [\n { title: \"\u0627\u0644\u0623\u0631\u0643\u0627\u0646 \u0627\u0644\u0623\u0631\u0628\u0639\u0629 \u0644\u0646\u0636\u062c \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a\", source: \"\u0625\u0637\u0627\u0631 \u0639\u0645\u0644 \u0645\u062c\u0645\u0648\u0639\u0629 \u0628\u0648\u0633\u0637\u0646 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629 (BCG)\" },\n { title: \"\u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0625\u0639\u0644\u0627\u0645\u064a \u0645\u0642\u0627\u0628\u0644 \u0634\u0631\u0627\u0621 \u0627\u0644\u0648\u0633\u0627\u0626\u0637: \u0647\u064a\u0643\u0644 \u062a\u0646\u0638\u064a\u0645\u064a\", source: \"\u062f\u0631\u0627\u0633\u0627\u062a \u062d\u0627\u0644\u0629 Warc\/Effie Worldwide\" },\n { title: \"\u0646\u0633\u0628 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0648\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0627\u0644\u062c\u0645\u0647\u0648\u0631\", source: \"\u0623\u0628\u062d\u0627\u062b \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0645\u0639\u0647\u062f \u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 (CMI)\" },\n { title: \"\u0627\u0644\u0625\u062d\u0627\u0644\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0642\u064a\u0627\u0633 \u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0639\u0628\u0631 \u0627\u0644\u0642\u0646\u0648\u0627\u062a\", source: \"\u0645\u062c\u0644\u0629 \u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0625\u0639\u0644\u0627\u0646 (JAR)\" },\n { title: \"\u062f\u0648\u0631 \u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0641\u064a \u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u0627\u0644\u0645\u0628\u0631\u0645\u062c\", source: \"\u0625\u0631\u0634\u0627\u062f\u0627\u062a \u0645\u0643\u062a\u0628 \u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a (IAB)\" }\n ],\n assessmentLabels: [\"\u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\", \"\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0634\u0631\u0627\u0621\", \"\u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649\", \"\u0639\u0645\u0642 \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a\", \"\u0627\u0644\u0623\u062a\u0645\u062a\u0629\"],\n benchmarkData: [7, 6, 8, 5, 4], \/\/ Industry Averages\n ar_messages: {\n \/\/ Assessment Diagnoses\n diagnosis_low: \"\u0623\u0646\u062a \u0641\u064a \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0628\u0643\u0631\u0629. \u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0623\u0648\u0644\u0648\u064a\u062a\u0643 \u0647\u064a \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u062a\u062a\u0628\u0639 \u0627\u0644\u0623\u0633\u0627\u0633\u064a (\u0627\u0644\u0628\u0643\u0633\u0644\u0627\u062a) \u0648\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0646\u0634\u0631 \u0627\u0644\u0645\u062a\u0633\u0642\u0629 \u0642\u0628\u0644 \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a. \u0623\u0646\u062a \u062a\u062e\u0627\u0637\u0631 \u0628\u0625\u0647\u062f\u0627\u0631 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0628\u062f\u0648\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0623\u0641\u0636\u0644.\",\n diagnosis_medium: \"\u0644\u062f\u064a\u0643 \u0642\u0627\u0639\u062f\u0629 \u0635\u0644\u0628\u0629. \u0641\u062c\u0648\u062a\u0643 \u0639\u0644\u0649 \u0627\u0644\u0623\u0631\u062c\u062d \u0641\u064a \u0627\u0644\u062a\u062d\u0633\u064a\u0646 \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629. \u0644\u0644\u062a\u0648\u0633\u0639\u060c \u0627\u0646\u062a\u0642\u0644 \u0645\u0646 \u0627\u0644\u0634\u0631\u0627\u0621 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a \u0627\u0644\u064a\u062f\u0648\u064a \u0625\u0644\u0649 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0642\u0648\u0627\u0639\u062f \u0648\u0627\u0628\u062f\u0623 \u0627\u062e\u062a\u0628\u0627\u0631 \u0623\/\u0628 \u0644\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0628\u0634\u0643\u0644 \u0623\u0643\u062b\u0631 \u0635\u0631\u0627\u0645\u0629.\",\n diagnosis_high: \"\u0623\u062f\u0627\u0624\u0643 \u062c\u064a\u062f. \u064a\u0646\u0635\u0628 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0627\u0644\u0622\u0646 \u0639\u0644\u0649 \u0627\u0644\u0645\u0643\u0627\u0633\u0628 \u0627\u0644\u0647\u0627\u0645\u0634\u064a\u0629: \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u062a\u0646\u0628\u0624\u064a\u0629\u060c \u0648\u0627\u0644\u0625\u062d\u0627\u0644\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0644\u0645\u0633\u060c \u0648\u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0639\u0628\u0631 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0645\u0646 \u0643\u0644 \u062f\u0648\u0644\u0627\u0631.\",\n critical_gap: \"<strong>\u0641\u062c\u0648\u0629 \u062d\u0631\u062c\u0629:<\/strong> \u0623\u062f\u0646\u0649 \u062f\u0631\u062c\u0629 \u0644\u062f\u064a\u0643 \u0647\u064a \u0641\u064a <em>{weakArea}<\/em>. \u062a\u062d\u0642\u0642 \u0645\u0646 \u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u0628\u0648\u064a\u0628 '\u0627\u0644\u0623\u062f\u0648\u0627\u062a' \u0644\u0644\u062d\u0644\u0648\u0644.\",\n \/\/ Social Mix Feedback\n mix_error: \"\u26a0\ufe0f \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a \u0647\u0648 {total}%. \u064a\u0631\u062c\u0649 \u0627\u0644\u062a\u0639\u062f\u064a\u0644 \u0644\u064a\u0633\u0627\u0648\u064a 100%.\",\n mix_high_sales: \"\u26a0\ufe0f <strong>\u062a\u0631\u0643\u064a\u0632 \u0645\u0628\u064a\u0639\u0627\u062a \u0639\u0627\u0644\u064d:<\/strong> \u0642\u062f \u062a\u0631\u0647\u0642 \u062c\u0645\u0647\u0648\u0631\u0643. \u0641\u0643\u0631 \u0641\u064a \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0642\u064a\u0645\u064a.\",\n mix_low_value: \"\u26a0\ufe0f <strong>\u0642\u064a\u0645\u0629 \u0645\u0646\u062e\u0641\u0636\u0629:<\/strong> \u0644\u0645\u0627\u0630\u0627 \u064a\u062c\u0628 \u0639\u0644\u0649 \u0627\u0644\u0646\u0627\u0633 \u0645\u062a\u0627\u0628\u0639\u062a\u0643\u061f \u0632\u062f \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a.\",\n mix_healthy: \"\u2705 <strong>\u0645\u0632\u064a\u062c \u0635\u062d\u064a:<\/strong> \u0647\u0630\u0627 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u064a\u0634\u062c\u0639 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u062f\u0648\u0646 \u0625\u0632\u0639\u0627\u062c.\",\n \/\/ Quiz Feedback\n quiz_error: \"<strong>\u062e\u0637\u0623:<\/strong> \u064a\u0631\u062c\u0649 \u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0642\u0628\u0644 \u0627\u0644\u0625\u0631\u0633\u0627\u0644.\",\n quiz_score: \"\u062f\u0631\u062c\u0629 \u0625\u062a\u0642\u0627\u0646 \u0627\u0644\u062f\u0648\u0631: \",\n quiz_adhoc: \"\u0623\u0646\u062a \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 **\u0645\u0624\u0642\u062a\/\u062a\u0641\u0627\u0639\u0644\u064a**. \u0631\u0643\u0632 \u0639\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u0639\u0645\u0644\u064a\u0627\u062a \u0645\u0646\u0638\u0645\u0629 \u0648\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u062d\u0629 \u0644\u0647\u0630\u0627 \u0627\u0644\u062f\u0648\u0631.\",\n quiz_defined: \"\u0623\u0646\u062a \u0641\u064a \u0645\u0633\u062a\u0648\u0649 **\u0645\u062d\u062f\u062f\/\u0645\u062a\u0646\u0627\u0645\u064a**. \u0644\u062f\u064a\u0643 \u0645\u0647\u0627\u0631\u0627\u062a \u0623\u0633\u0627\u0633\u064a\u0629 \u062c\u064a\u062f\u0629 \u0648\u0644\u0643\u0646\u0643 \u0628\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0623\u062a\u0645\u062a\u0629 \u0648\u062a\u062d\u0633\u064a\u0646 \u0645\u0646\u0647\u062c\u064a\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631 \u0648\u0627\u0644\u062a\u062a\u0628\u0639 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643.\",\n quiz_optimized: \"\u0645\u0645\u062a\u0627\u0632! \u0623\u0646\u062a \u0641\u064a \u0645\u0633\u062a\u0648\u0649 **\u0645\u064f\u062d\u0633\u0651\u0646\/\u0623\u0641\u0636\u0644 \u0645\u0645\u0627\u0631\u0633\u0629**. \u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u062a\u0643\u0627\u0645\u0644 \u0647\u0630\u0627 \u0627\u0644\u062f\u0648\u0631 \u0645\u0639 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0623\u062e\u0631\u0649 \u0644\u062a\u062d\u0642\u064a\u0642 \u0645\u0643\u0627\u0633\u0628 \u0647\u0627\u0645\u0634\u064a\u0629.\"\n }\n };\n\n const app = {\n state: {\n currentTab: 'assessment',\n assessmentScores: [5, 4, 6, 3, 4], \/\/ Initial values matching HTML\n socialMix: { edu: 40, com: 40, pro: 20 }\n },\n charts: {},\n\n init: function() {\n this.initMaturityChart();\n this.initSocialChart();\n this.setRole('strategist');\n this.renderTools('all');\n this.updateAssessmentText();\n this.renderReferences();\n },\n\n \/\/ --- Navigation ---\n switchTab: function(tabId) {\n \/\/ Hide all sections\n ['assessment', 'media-buying', 'social-strategy', 'tools', 'references'].forEach(id => {\n document.getElementById(`view-${id}`).classList.add('hidden');\n document.getElementById(`nav-${id}`).classList.remove('active-tab');\n document.getElementById(`nav-${id}`).classList.add('inactive-tab');\n });\n\n \/\/ Show active\n document.getElementById(`view-${tabId}`).classList.remove('hidden');\n document.getElementById(`nav-${tabId}`).classList.add('active-tab');\n document.getElementById(`nav-${tabId}`).classList.remove('inactive-tab');\n\n this.state.currentTab = tabId;\n },\n\n \/\/ --- Maturity Assessment Logic ---\n initMaturityChart: function() {\n const ctx = document.getElementById('maturityChart').getContext('2d');\n this.charts.maturity = new Chart(ctx, {\n type: 'radar',\n data: {\n labels: appData.assessmentLabels,\n datasets: [{\n label: '\u062f\u0631\u062c\u062a\u0643',\n data: this.state.assessmentScores,\n fill: true,\n backgroundColor: 'rgba(234, 88, 12, 0.2)', \/\/ Orange-600 transparent\n borderColor: 'rgb(234, 88, 12)',\n pointBackgroundColor: 'rgb(234, 88, 12)',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: 'rgb(234, 88, 12)'\n }, {\n label: '\u0645\u0639\u064a\u0627\u0631 \u0627\u0644\u0635\u0646\u0627\u0639\u0629',\n data: appData.benchmarkData,\n fill: true,\n backgroundColor: 'rgba(148, 163, 184, 0.2)', \/\/ Slate-400\n borderColor: 'rgba(148, 163, 184, 1)',\n pointBackgroundColor: 'rgba(148, 163, 184, 1)',\n pointBorderColor: '#fff',\n pointHoverBackgroundColor: '#fff',\n pointHoverBorderColor: 'rgba(148, 163, 184, 1)',\n borderDash: [5, 5]\n }]\n },\n options: {\n maintainAspectRatio: false,\n elements: { line: { tension: 0.3 } },\n scales: {\n r: {\n angleLines: { display: true, color: '#e2e8f0' },\n grid: { color: '#e2e8f0' },\n suggestMin: 0,\n suggestMax: 10,\n ticks: { display: false, stepSize: 2 }\n }\n },\n plugins: {\n legend: { position: 'bottom' }\n }\n }\n });\n },\n\n updateAssessment: function(index, value) {\n this.state.assessmentScores[index] = parseInt(value);\n this.charts.maturity.data.datasets[0].data = this.state.assessmentScores;\n this.charts.maturity.update();\n this.updateAssessmentText();\n },\n\n updateAssessmentText: function() {\n const scores = this.state.assessmentScores;\n const total = scores.reduce((a, b) => a + b, 0);\n const avg = total \/ scores.length;\n let diagnosis = \"\";\n let title = \"\";\n\n if (avg < 4) {\n title = \"\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u0623\u0633\u064a\u0633\";\n diagnosis = appData.ar_messages.diagnosis_low;\n } else if (avg < 7) {\n title = \"\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0646\u0645\u0648\";\n diagnosis = appData.ar_messages.diagnosis_medium;\n } else {\n title = \"\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u062d\u0633\u064a\u0646\";\n diagnosis = appData.ar_messages.diagnosis_high;\n }\n\n \/\/ Check specific gaps\n const lowestIndex = scores.indexOf(Math.min(...scores));\n const weakArea = appData.assessmentLabels[lowestIndex];\n diagnosis += `<br><br>${appData.ar_messages.critical_gap.replace('{weakArea}', weakArea)}`;\n\n document.getElementById('gap-analysis-text').innerHTML = `\n <h4 class=\"font-bold text-orange-800 mb-2\">${title} (\u0627\u0644\u062f\u0631\u062c\u0629: ${avg.toFixed(1)}\/10)<\/h4>\n <p class=\"text-sm text-orange-900 leading-relaxed\">${diagnosis}<\/p>\n `;\n },\n\n \/\/ --- Media Buying Roles Logic ---\n setRole: function(roleKey) {\n const role = appData.roles[roleKey];\n \n \/\/ Update buttons styling\n ['strategist', 'planner', 'buyer', 'analyst'].forEach(key => {\n const btn = document.getElementById(`btn-role-${key}`);\n if (key === roleKey) {\n btn.className = \"text-right p-4 rounded-lg bg-orange-100 border-2 border-orange-500 text-slate-900 font-semibold transition-all shadow-md transform scale-[1.02]\";\n } else {\n btn.className = \"text-right p-4 rounded-lg bg-white border border-slate-200 text-slate-500 hover:bg-slate-50 transition-all\";\n }\n });\n\n \/\/ Generate Quiz HTML\n const quizHTML = role.quiz.map((item, index) => `\n <div class=\"p-4 bg-slate-50 rounded-lg mb-4 border border-slate-200\">\n <p class=\"font-medium text-slate-700 mb-3\">${item.q}<\/p>\n <div class=\"flex items-center justify-between text-sm text-slate-500 flex-row-reverse\">\n <span>(1) \u0623\u0628\u062f\u0627\u064b<\/span>\n <div class=\"flex items-center\" data-question-id=\"${index}\">\n ${[1, 2, 3, 4, 5].map(val => `\n <input type=\"radio\" id=\"q${index}-${val}\" name=\"q${index}\" value=\"${val}\" class=\"rating-input hidden\" required>\n <label for=\"q${index}-${val}\" class=\"rating-label text-slate-700\">${val}<\/label>\n `).join('')}\n <\/div>\n <span>(5) \u062f\u0627\u0626\u0645\u0627\u064b<\/span>\n <\/div>\n <\/div>\n `).join('');\n\n\n \/\/ Update Content\n const contentHTML = `\n <div class=\"fade-in h-full flex flex-col justify-between\">\n <div>\n <div class=\"flex items-center mb-6 flex-row-reverse\">\n <div class=\"text-4xl ml-4\">${role.icon}<\/div>\n <h3 class=\"text-2xl font-bold text-slate-800\">${role.title}<\/h3>\n <\/div>\n <p class=\"text-lg text-slate-600 mb-6 italic border-r-4 border-orange-400 pr-4 bg-slate-50 py-2 rounded-l\">\n ${role.quote}\n <\/p>\n <p class=\"mb-6 text-slate-700 leading-relaxed\">\n ${role.desc}\n <\/p>\n \n <h4 class=\"font-bold text-slate-800 mb-3 uppercase text-sm tracking-wider mt-8 border-t pt-4\">\u062a\u0642\u064a\u064a\u0645 \u0630\u0627\u062a\u064a (${role.title})<\/h4>\n <form id=\"role-quiz-form\" onsubmit=\"event.preventDefault(); app.calculateRoleScore('${roleKey}');\">\n ${quizHTML}\n <button type=\"submit\" class=\"w-full py-2 mt-4 bg-orange-600 hover:bg-orange-700 text-white rounded-lg font-medium transition-all shadow-md\">\n \u0627\u062d\u0633\u0628 \u062f\u0631\u062c\u062a\u064a\n <\/button>\n <\/form>\n <div id=\"role-score-feedback\" class=\"mt-4 p-4 rounded-lg hidden\"><\/div>\n <\/div>\n <\/div>\n `;\n document.getElementById('role-content').innerHTML = contentHTML;\n },\n\n calculateRoleScore: function(roleKey) {\n const role = appData.roles[roleKey];\n const form = document.getElementById('role-quiz-form');\n const feedbackEl = document.getElementById('role-score-feedback');\n let totalScore = 0;\n let totalWeight = 0;\n let allAnswered = true;\n\n role.quiz.forEach((item, index) => {\n const selector = `input[name=\"q${index}\"]:checked`;\n const answer = form.querySelector(selector);\n totalWeight += item.weight;\n\n if (answer) {\n const value = parseInt(answer.value);\n \/\/ Score calculation: (Answer Value \/ Max Value (5)) * Question Weight\n const questionScore = (value \/ 5) * item.weight;\n totalScore += questionScore;\n } else {\n allAnswered = false;\n }\n });\n\n if (!allAnswered) {\n feedbackEl.className = \"mt-4 p-4 rounded-lg bg-red-100 text-red-800\";\n feedbackEl.innerHTML = appData.ar_messages.quiz_error;\n feedbackEl.classList.remove('hidden');\n return;\n }\n\n const finalPercentage = Math.round((totalScore \/ totalWeight) * 100);\n let message = \"\";\n let colorClass = \"\";\n\n if (finalPercentage < 50) {\n message = `\u062f\u0631\u062c\u062a\u0643 \u0647\u064a **${finalPercentage}%**. ${appData.ar_messages.quiz_adhoc}`;\n colorClass = \"bg-red-100 text-red-800\";\n } else if (finalPercentage < 75) {\n message = `\u062f\u0631\u062c\u062a\u0643 \u0647\u064a **${finalPercentage}%**. ${appData.ar_messages.quiz_defined}`;\n colorClass = \"bg-yellow-100 text-yellow-800\";\n } else {\n message = `\u062f\u0631\u062c\u062a\u0643 \u0647\u064a **${finalPercentage}%**. ${appData.ar_messages.quiz_optimized}`;\n colorClass = \"bg-green-100 text-green-800\";\n }\n\n feedbackEl.className = `mt-4 p-4 rounded-lg font-semibold ${colorClass}`;\n feedbackEl.innerHTML = `<h4>${appData.ar_messages.quiz_score}: ${message}<\/h4>`;\n feedbackEl.classList.remove('hidden');\n },\n\n \/\/ --- Social Strategy Logic ---\n initSocialChart: function() {\n const ctx = document.getElementById('socialMixChart').getContext('2d');\n this.charts.social = new Chart(ctx, {\n type: 'doughnut',\n data: {\n labels: ['\u062a\u0639\u0644\u064a\u0645\u064a', '\u0645\u062c\u062a\u0645\u0639\u064a', '\u062a\u0631\u0648\u064a\u062c\u064a'],\n datasets: [{\n data: [40, 40, 20],\n backgroundColor: [\n '#3b82f6', \/\/ Blue-500\n '#14b8a6', \/\/ Teal-500\n '#f97316' \/\/ Orange-500\n ],\n borderWidth: 0\n }]\n },\n options: {\n maintainAspectRatio: false,\n cutout: '60%',\n plugins: {\n legend: { position: 'bottom', labels: { boxWidth: 12 } }\n }\n }\n });\n this.updateSocialMix(); \/\/ Set initial text\n },\n\n updateSocialMix: function() {\n const edu = parseInt(document.getElementById('input-edu').value);\n const com = parseInt(document.getElementById('input-com').value);\n const pro = parseInt(document.getElementById('input-pro').value);\n\n \/\/ Update text values\n document.getElementById('val-edu').innerText = edu + '%';\n document.getElementById('val-com').innerText = com + '%';\n document.getElementById('val-pro').innerText = pro + '%';\n\n \/\/ Update Chart\n this.charts.social.data.datasets[0].data = [edu, com, pro];\n this.charts.social.update();\n\n \/\/ Logic Feedback\n const total = edu + com + pro;\n const feedbackEl = document.getElementById('mix-feedback');\n \n if (total !== 100) {\n feedbackEl.innerHTML = appData.ar_messages.mix_error.replace('{total}', total);\n feedbackEl.classList.add(\"bg-red-50\");\n } else {\n feedbackEl.classList.remove(\"bg-red-50\");\n if (pro > 30) {\n feedbackEl.innerHTML = appData.ar_messages.mix_high_sales;\n } else if (edu < 20) {\n feedbackEl.innerHTML = appData.ar_messages.mix_low_value;\n } else {\n feedbackEl.innerHTML = appData.ar_messages.mix_healthy;\n }\n }\n },\n\n \/\/ --- Tools Logic ---\n renderTools: function(filter) {\n const grid = document.getElementById('tools-grid');\n grid.innerHTML = '';\n \n \/\/ Styling buttons\n const buttons = document.getElementById('tool-filters').getElementsByTagName('button');\n Array.from(buttons).forEach(btn => {\n \/\/ Logic for button class update is complex in RTL, focusing on simple class replacement for selection state.\n if(btn.innerText.includes(filter) || (filter === 'all' && btn.innerText === '\u0627\u0644\u0643\u0644')) {\n btn.className = \"bg-slate-800 text-white px-4 py-2 rounded-full text-sm font-medium shadow-sm transition-transform hover:scale-105 ring-2 ring-offset-1 ring-slate-800\";\n } else {\n btn.className = \"bg-white text-slate-600 hover:bg-slate-50 px-4 py-2 rounded-full text-sm font-medium shadow-sm border border-slate-200 transition-all\";\n if(btn.innerText.includes('\u0645\u062c\u0627\u0646\u064a')) {\n btn.className = \"bg-green-50 text-green-700 hover:bg-green-100 px-4 py-2 rounded-full text-sm font-medium shadow-sm border border-green-200 transition-all\";\n }\n }\n });\n\n appData.tools.forEach(tool => {\n if (filter === 'all' || tool.cat === filter || (filter === 'Free' && (tool.type === 'Free' || tool.type === 'Freemium'))) {\n const card = document.createElement('div');\n card.className = \"bg-white p-5 rounded-lg shadow-sm border border-slate-200 hover:shadow-md transition-shadow fade-in flex flex-col justify-between h-full text-right\";\n \n let typeText;\n if (tool.type === 'Paid') {\n typeText = '\u0645\u062f\u0641\u0648\u0639';\n } else if (tool.type === 'Freemium') {\n typeText = '\u0641\u0631\u064a\u0645\u064a\u0648\u0645';\n } else {\n typeText = '\u0645\u062c\u0627\u0646\u064a';\n }\n \n let catText;\n if (tool.cat === 'Analytics') {\n catText = '\u062a\u062d\u0644\u064a\u0644\u0627\u062a';\n } else if (tool.cat === 'Execution') {\n catText = '\u062a\u0646\u0641\u064a\u0630';\n } else {\n catText = '\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629';\n }\n\n card.innerHTML = `\n <div>\n <div class=\"flex justify-between items-start mb-2 flex-row-reverse\">\n <h4 class=\"font-bold text-lg text-slate-800\">${tool.name}<\/h4>\n <span class=\"text-xs font-semibold px-2 py-1 rounded ${tool.type === 'Paid' ? 'bg-slate-100 text-slate-500' : 'bg-green-100 text-green-700'}\">${typeText}<\/span>\n <\/div>\n <span class=\"inline-block text-xs font-medium text-slate-500 bg-slate-50 px-2 py-1 rounded mb-3\">${catText}<\/span>\n <p class=\"text-sm text-slate-600 mb-4\">${tool.desc}<\/p>\n <\/div>\n <div class=\"mt-2 pt-3 border-t border-slate-100\">\n <span class=\"text-xs text-orange-600 font-medium\">\u062a\u0639\u0627\u0644\u062c \u0627\u0644\u0641\u062c\u0648\u0629: ${tool.gap}<\/span>\n <\/div>\n `;\n grid.appendChild(card);\n }\n });\n },\n\n filterTools: function(category) {\n this.renderTools(category);\n },\n \n \/\/ --- References Logic ---\n renderReferences: function() {\n const list = document.getElementById('references-list');\n list.innerHTML = appData.references.map((ref, index) => `\n <li class=\"flex items-start flex-row-reverse\">\n <span class=\"text-orange-600 font-bold ml-3\">${index + 1}.<\/span>\n <div class=\"flex-grow\">\n <p class=\"font-semibold text-slate-800\">${ref.title}<\/p>\n <p class=\"text-sm text-slate-600 italic\">\u0627\u0644\u0645\u0635\u062f\u0631: ${ref.source}<\/p>\n <\/div>\n <\/li>\n `).join('');\n }\n };\n\n \/\/ Init App\n window.addEventListener('load', () => {\n app.init();\n });\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0646\u0636\u062c \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u062e\u062a\u0628\u0627\u0631 \u0627\u0644\u0646\u0636\u062c \u0634\u0631\u0627\u0621 \u0627\u0644\u0648\u0633\u0627\u0626\u0637 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u0641\u062c\u0648\u0627\u062a \u0623\u0633\u0627\u0633 \u0627\u0644\u0628\u062d\u062b \u062a\u0642\u064a\u064a\u0645 \u0646\u0636\u062c \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0623\u064a\u0646 \u062a\u0642\u0641 \u0645\u0624\u0633\u0633\u062a\u0643\u061f \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0646\u0636\u062c \u0627\u0644\u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 (\u0645\u062b\u0644 CMMI)\u060c \u0642\u0645 \u0628\u062a\u0642\u064a\u064a\u0645 \u0642\u062f\u0631\u0627\u062a\u0643 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0639\u0628\u0631 5 \u0623\u0628\u0639\u0627\u062f \u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u062a\u0635\u0648\u0631 \u0641\u062c\u0648\u0627\u062a\u0643 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629. 1 \u0627\u0644\u062a\u0648\u0627\u0641\u0642 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0647\u0644 \u0644\u062f\u064a\u0643 \u0645\u0624\u0634\u0631\u0627\u062a \u0623\u062f\u0627\u0621 \u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0648\u062b\u0642\u0629 \u0648\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0639\u0645\u0644\u061f \u0645\u0624\u0642\u062a\u0645\u062d\u062f\u062f\u0645\u064f\u062d\u0633\u0651\u0646 2 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-735","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/735","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/comments?post=735"}],"version-history":[{"count":0,"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/pages\/735\/revisions"}],"wp:attachment":[{"href":"https:\/\/marketing-coaching.uk\/en\/wp-json\/wp\/v2\/media?parent=735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}