Marketing Skill Profile & Job Role Analyzer<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n padding: 20px;\n background-color: #f0f0f0;\n color: #333;\n margin: 0;\n }\n\n h1 {\n text-align: center;\n margin-bottom: 40px;\n color: #2c3e50;\n font-size: 2em;\n }\n\n .content-section {\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 8px;\n padding: 30px;\n margin-bottom: 35px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.08);\n max-width: 1140px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section h2 {\n margin-top: 0;\n color: #0056b3;\n border-bottom: 2px solid #eef;\n padding-bottom: 12px;\n margin-bottom: 20px;\n font-size: 1.6em;\n }\n\n .intro-text {\n font-style: italic;\n color: #555;\n margin-bottom: 25px;\n line-height: 1.7;\n }\n\n #sliders {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 20px;\n }\n\n .slider-group {\n display: grid;\n grid-template-columns: minmax(200px, 500px) auto 1fr 40px;\n gap: 15px;\n align-items: center;\n padding: 3px 0;\n padding-left: 40px;\n }\n\n .slider-group-header {\n font-size: 1.1em;\n font-weight: bold;\n color: #0056b3;\n margin-top: 20px;\n margin-bottom: 10px;\n padding-left: 40px;\n }\n\n .slider-group label {\n justify-self: start;\n text-align: left;\n font-size: 0.8em;\n color: #007bff;\n cursor: pointer;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n grid-column: 1 \/ 2;\n }\n\n .slider-group label:hover {\n text-decoration: underline;\n }\n\n .slider-group input[type=\"range\"] {\n margin: 0 auto;\n padding: 0;\n cursor: pointer;\n height: 8px;\n accent-color: #007bff;\n background: linear-gradient(to right, #007bff 50%, #ddd 50%);\n appearance: none;\n border-radius: 4px;\n grid-column: 3 \/ 4;\n min-width: 150px;\n width: 75%;\n display: block;\n }\n\n .slider-group input[type=\"range\"]::-webkit-slider-thumb {\n appearance: none;\n width: 16px;\n height: 16px;\n background: #007bff;\n border-radius: 50%;\n cursor: pointer;\n }\n\n .slider-group input[type=\"range\"]::-moz-range-thumb {\n width: 16px;\n height: 16px;\n background: #007bff;\n border-radius: 50%;\n cursor: pointer;\n border: none;\n }\n\n .slider-group .value-display {\n font-weight: bold;\n width: 40px;\n text-align: center;\n background-color: #e9ecef;\n padding: 3px 0;\n border-radius: 4px;\n font-size: 0.9em;\n grid-column: 4 \/ 5;\n }\n\n .slider-group > div:nth-child(2) {\n grid-column: 2 \/ 3;\n }\n\n .buttons {\n text-align: center;\n margin: 30px 0 25px;\n padding-top: 20px;\n border-top: 1px solid #eee;\n }\n\n button, .ai-link-button {\n padding: 12px 25px;\n font-size: 1.05em;\n font-weight: bold;\n cursor: pointer;\n border: none;\n border-radius: 5px;\n margin: 8px;\n background-color: #007bff;\n color: white;\n text-decoration: none;\n display: inline-block;\n transition: background-color 0.2s ease, transform 0.1s ease;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n\n button:hover, .ai-link-button:hover {\n background-color: #0056b3;\n transform: translateY(-1px);\n }\n\n button:active, .ai-link-button:active {\n transform: translateY(0);\n }\n\n #clearBtn {\n background-color: #6c757d;\n }\n\n #clearBtn:hover {\n background-color: #5a6268;\n }\n\n .chart-container {\n margin: 30px auto;\n padding: 15px;\n max-width: 900px;\n position: relative;\n height: 450px;\n }\n\n #skillChart {\n max-width: 100%;\n height: auto;\n }\n\n .suggestions-container {\n margin-top: 20px;\n }\n\n .suggestions-container h3 {\n margin-bottom: 15px;\n font-size: 1.3em;\n color: #333;\n }\n\n .list-headers, #jobSuggestionsList li {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 5px;\n border-bottom: 1px solid #eee;\n gap: 10px;\n }\n\n .list-headers {\n font-weight: bold;\n border-bottom: 2px solid #ccc;\n margin-bottom: 5px;\n color: #111;\n background-color: #f8f9fa;\n padding: 12px 5px;\n }\n\n #jobSuggestionsList {\n padding: 0;\n list-style: none;\n }\n\n #jobSuggestionsList li {\n position: relative;\n }\n\n #jobSuggestionsList li:hover {\n background-color: #f0f5ff;\n }\n\n .header-title, .job-title { flex: 3 1 0; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 5px;}\n .header-score, .alignment-score { flex: 0 0 80px; text-align: center; font-weight: bold; cursor: pointer; }\n .header-salary, .salary-range { flex: 1 1 0; text-align: right; padding-right: 10px; white-space: nowrap; min-width: 110px;}\n .header-rate, .consulting-rate { flex: 1 1 0; text-align: right; white-space: nowrap; min-width: 110px;}\n\n .alignment-score.score-above { color: #28a745; }\n .alignment-score.score-below { color: #dc3545; text-decoration: underline dotted; }\n\n .skill-popup, .mastery-popup {\n display: none;\n position: absolute;\n background-color: #ffffff;\n border: 1px solid #ccc;\n border-radius: 5px;\n padding: 15px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10000; \/* Increased z-index *\/\n max-width: 380px;\n font-size: 0.95em;\n color: #333;\n line-height: 1.5;\n }\n\n .skill-popup ul, .mastery-popup ul {\n padding-left: 20px;\n margin: 5px 0 0 0;\n list-style: disc;\n }\n .skill-popup li, .mastery-popup li {\n margin-bottom: 4px;\n border-bottom: none;\n padding: 0;\n display: list-item;\n align-items: initial;\n justify-content: initial;\n gap: initial;\n }\n .skill-popup li:hover, .mastery-popup li:hover {\n background-color: transparent;\n }\n\n .mastery-popup h3 {\n margin: 0 0 10px 0;\n font-size: 1.1em;\n color: #0056b3;\n border-bottom: 1px solid #eee;\n padding-bottom: 5px;\n }\n .skill-popup strong {\n color: #0056b3;\n display: block;\n margin-bottom: 5px;\n }\n\n #suggestionDisclaimer {\n font-size: 0.85em;\n color: #666;\n margin-top: 25px;\n padding-top: 15px;\n border-top: 1px dashed #ddd;\n line-height: 1.5;\n }\n\n .prompt-helper-container, .optimize-task-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 10px;\n margin-bottom: 20px;\n }\n .prompt-helper-container label, .optimize-task-container label {\n font-weight: bold;\n flex-basis: 150px;\n }\n .prompt-helper-container input[type=\"text\"], .optimize-task-container input[type=\"text\"] {\n flex-grow: 1;\n padding: 8px 10px;\n border: 1px solid #ccc;\n border-radius: 4px;\n min-width: 200px;\n }\n .prompt-helper-container p, .optimize-task-container p {\n margin: 5px 0 5px 160px;\n font-size: 0.9em;\n color: #555;\n width: 100%;\n flex-basis: 100%;\n }\n .copy-status {\n margin-left: 10px;\n font-size: 0.9em;\n font-weight: bold;\n min-width: 100px;\n text-align: left;\n }\n .copy-status.success { color: #28a745; }\n .copy-status.error { color: #dc3545; }\n\n .prompt-helper-container .ai-link-button, .optimize-task-container .ai-link-button {\n margin-left: 160px;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Skill Profile & Marketing Role Analyzer<\/h1>\n\n <section id=\"analyzer-section\" class=\"content-section\">\n <h2>Adjust Skill Levels (0-10) & Generate Roles<\/h2>\n <p class=\"intro-text\">\n Assess your marketing proficiency by moving sliders (0-10, 0.5 increments). Click on a skill to see details.<br> \n Next, click “Generate Chart & Roles” to see a summary of your skill levels and a list of jobs and and your alignment with each. Click on any red alignment number to see what skills are needed to improve alignment.\n <\/p>\n <div id=\"sliders\">\n <p>Loading skills…<\/p>\n <\/div>\n <div class=\"buttons\">\n <button id=\"generateBtn\">Generate Chart & Roles<\/button>\n <button id=\"clearBtn\">Clear All<\/button>\n <\/div>\n <div class=\"chart-container\">\n <canvas id=\"skillChart\"><\/canvas>\n <\/div>\n <div class=\"suggestions-container\" id=\"suggestionsOutput\">\n <\/div>\n <\/section>\n\n <section id=\"skill-helper-section\" class=\"content-section\">\n <h2>Get AI Skill Analysis<\/h2>\n <p class=\"intro-text\">\n Enter a marketing task or job title to get an AI breakdown of required skills from the predefined list.\n <\/p>\n <div class=\"prompt-helper-container\">\n <label for=\"taskInputHelper\">Job Title or Task:<\/label>\n <input type=\"text\" id=\"taskInputHelper\" placeholder=\"e.g., Analyze PPC campaign performance\">\n <button id=\"copyPromptBtn\">Copy Skill Analysis Prompt<\/button>\n <div id=\"copyStatus\" class=\"copy-status\"><\/div>\n <p>Paste the copied prompt into an AI chat like Gemini:<\/p>\n <a href=\"https:\/\/gemini.google.com\/app\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ai-link-button\">Open Gemini AI<\/a>\n <\/div>\n <\/section>\n\n <section id=\"optimize-helper-section\" class=\"content-section\">\n <h2>Get AI Optimization Ideas<\/h2>\n <p class=\"intro-text\">\n Describe a recurring marketing task to receive AI suggestions for optimization or acceleration.\n <\/p>\n <div class=\"optimize-task-container\">\n <label for=\"optimizeTaskInput\">Task to Optimize:<\/label>\n <input type=\"text\" id=\"optimizeTaskInput\" placeholder=\"e.g., Creating weekly reports\">\n <button id=\"copyOptimizePromptBtn\">Copy Optimization Prompt<\/button>\n <div id=\"copyOptimizeStatus\" class=\"copy-status\"><\/div>\n <p>Paste the prompt into an AI chat for ideas:<\/p>\n <a href=\"https:\/\/gemini.google.com\/app\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ai-link-button\">Open Gemini AI<\/a>\n <\/div>\n <\/section>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.3\/dist\/chart.umd.min.js\"><\/script>\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ === Constants & Data ===\n const DEFAULT_SKILL_LEVEL = 5;\n const SKILLS = [\n 'Marketing Strategy', 'Brand Management\/Strategy', 'Market Research', 'SWOT Analysis', 'Budgeting, Forecasting',\n 'Media Relations', 'Corporate Communications & Reputation Management', 'Crisis Communications Planning & Response', 'PR Content & Messaging Development',\n 'Social Media Marketing', 'Email Marketing', 'Paid Media Management',\n 'Platform & CMS Management', 'Performance & Speed Optimization', 'Security & Maintenance',\n 'Website User Experience (UX) Design', 'SEO Strategy & Management', 'Conversion Rate Optimization (CRO) & Testing',\n 'Advertising Copywriting', 'Website & UX Copywriting', 'Content Marketing Writing',\n 'Visual Design', 'Video Production', 'Podcast Production',\n 'Product Marketing', 'Customer Experience (CX) \/ CRM Strategy', 'Pricing',\n 'Data Analysis & Interpretation', 'Data Reporting & Visualization', 'Marketing Experimentation (A\/B Testing, MVT)',\n 'Campaign Management', 'Project Management',\n 'MarTech Stack Strategy & Integration', 'Marketing Automation Platform Management', 'Marketing Data Infrastructure & CDP Management', 'AI Implementation & Marketing Applications',\n 'Sales Enablement', 'MQL & CRM Reporting'\n ];\n\n const SKILL_MASTERY = {\n 'Marketing Strategy': [\n 'Develop comprehensive, long-term marketing plans aligned with overarching business objectives and revenue targets.',\n 'Identify and prioritize key market segments, competitive advantages, and growth opportunities through analysis.',\n 'Lead cross-functional strategic initiatives, securing buy-in and ensuring alignment across departments (Sales, Product, Finance).',\n 'Define, track, and optimize key performance indicators (KPIs) using data insights to refine and pivot strategies.',\n 'Articulate and present the marketing vision, strategy, and performance clearly and persuasively to executive leadership and stakeholders.'\n ],\n 'Brand Management\/Strategy': [\n 'Define and articulate a clear, compelling brand identity, positioning statement, and value proposition.',\n 'Develop and enforce comprehensive brand guidelines across all internal and external communications and assets.',\n 'Monitor brand health, perception, and competitive positioning through market research, social listening, and analytics.',\n 'Ensure all marketing campaigns and messaging consistently reinforce core brand values and narrative.',\n 'Evolve and adapt brand strategies proactively in response to changing market dynamics, consumer trends, and competitive pressures.'\n ],\n 'Market Research': [\n 'Design, implement, and manage qualitative and quantitative research studies (surveys, focus groups, interviews, competitor analysis).',\n 'Analyze consumer behavior, market trends, customer segmentation, and purchase drivers using various data sources.',\n 'Utilize statistical analysis tools and methodologies (e.g., SPSS, R, Excel advanced functions) for robust data interpretation.',\n 'Develop detailed, data-driven customer personas and journey maps representing key target segments.',\n 'Translate complex research findings into actionable insights and strategic recommendations for marketing and product teams.'\n ],\n 'SWOT Analysis': [\n 'Conduct thorough internal assessments to identify organizational Strengths (e.g., unique IP, strong team) and Weaknesses (e.g., budget constraints, skill gaps).',\n 'Perform comprehensive external environment scans to evaluate market Opportunities (e.g., emerging trends, new channels) and Threats (e.g., new competitors, regulatory changes).',\n 'Synthesize SWOT components to identify strategic implications (e.g., leveraging strengths for opportunities, mitigating weaknesses against threats).',\n 'Integrate SWOT findings directly into the strategic planning process, informing goal setting and resource allocation.',\n 'Regularly update SWOT analyses to reflect evolving internal capabilities and external market conditions.'\n ],\n 'Budgeting, Forecasting': [\n 'Develop detailed, data-driven marketing budgets allocated across channels, campaigns, and operational costs.',\n 'Forecast key marketing metrics (e.g., MQLs, SQLs, ROI, CAC) based on historical data, market trends, and campaign plans.',\n 'Track marketing spend against budget in real-time, identifying variances and recommending adjustments for optimal resource allocation.',\n 'Negotiate favorable terms and pricing with agencies, vendors, and technology providers to maximize budget efficiency.',\n 'Prepare and present clear, concise financial performance reports, highlighting ROI, budget variance, and forecast accuracy to stakeholders.'\n ],\n 'Media Relations': [\n 'Cultivate and maintain strong relationships with key journalists, bloggers, influencers, and media outlets relevant to the industry.',\n 'Develop compelling story angles, press releases, media kits, and pitch materials tailored to specific publications and audiences.',\n 'Secure positive media coverage and manage media inquiries, interviews, and press conferences effectively.',\n 'Monitor media landscape for relevant industry news, competitor activities, and potential PR opportunities or risks.',\n 'Track and analyze media coverage sentiment, reach, and impact, reporting results and insights to leadership.'\n ],\n 'Corporate Communications & Reputation Management': [\n 'Develop and execute internal and external communication strategies aligned with corporate objectives and brand values.',\n 'Craft key messages, talking points, FAQs, and executive communications for various stakeholders (employees, investors, public).',\n 'Proactively manage and protect the organization\\'s reputation through consistent messaging and stakeholder engagement.',\n 'Monitor online conversations, social media sentiment, and news coverage to identify and address potential reputational threats.',\n 'Establish and maintain relationships with key industry analysts, community leaders, and other relevant external stakeholders.'\n ],\n 'Crisis Communications Planning & Response': [\n 'Develop comprehensive crisis communication plans outlining protocols, roles, responsibilities, and messaging strategies for various scenarios.',\n 'Identify potential crisis situations and vulnerabilities through risk assessment and scenario planning.',\n 'Serve as a key spokesperson or manage spokesperson training during a crisis, ensuring timely, accurate, and empathetic communication.',\n 'Coordinate internal and external communication efforts during a crisis, managing information flow across all channels.',\n 'Conduct post-crisis evaluations to identify lessons learned and refine future crisis communication plans and responses.'\n ],\n 'PR Content & Messaging Development': [\n 'Create high-quality PR content including press releases, articles, blog posts, case studies, speeches, and social media updates.',\n 'Develop clear, concise, and compelling key messages that resonate with target audiences and align with overall communication goals.',\n 'Ensure consistency in tone, style, and messaging across all PR and communication materials.',\n 'Tailor content and messaging for different channels (e.g., traditional media, social media, internal comms) and audiences.',\n 'Collaborate with subject matter experts and leadership to gather information and ensure accuracy of technical or sensitive content.'\n ],\n 'Social Media Marketing': [\n 'Develop and implement organic and paid social media strategies across relevant platforms (e.g., LinkedIn, Twitter, Facebook, Instagram, TikTok).',\n 'Create engaging, platform-specific content (text, images, video) that aligns with brand voice and marketing goals.',\n 'Manage social media communities, responding to comments, messages, and fostering engagement and conversations.',\n 'Analyze social media performance metrics (reach, engagement, conversions, sentiment) and use insights to optimize strategy.',\n 'Stay updated on social media trends, algorithm changes, new platform features, and best practices.'\n ],\n 'Email Marketing': [\n 'Design, build, and execute targeted email marketing campaigns, including newsletters, promotions, drip sequences, and lifecycle emails.',\n 'Manage email lists, segmentation strategies, and database hygiene to ensure deliverability and compliance (e.g., GDPR, CAN-SPAM).',\n 'Develop compelling email copy, subject lines, and calls-to-action (CTAs) optimized for engagement and conversion.',\n 'A\/B test email elements (subject lines, content, CTAs, send times) to improve open rates, click-through rates, and conversions.',\n 'Analyze email campaign performance metrics, report on results, and use data to inform future email strategies.'\n ],\n 'Paid Media Management': [\n 'Plan, execute, and manage paid advertising campaigns across various platforms (e.g., Google Ads, Bing Ads, LinkedIn Ads, Facebook\/Instagram Ads, Twitter Ads).',\n 'Conduct keyword research, audience targeting, bid management, and budget allocation for optimal campaign performance.',\n 'Develop effective ad copy, creative assets (with designers), and landing pages optimized for conversion.',\n 'Monitor campaign performance, analyze key metrics (CTR, CPC, CPA, ROAS), and implement data-driven optimizations.',\n 'Stay current with platform updates, new ad formats, bidding strategies, and industry best practices in paid media.'\n ],\n 'Platform & CMS Management': [\n 'Administer and manage website content management systems (CMS) like WordPress, Drupal, HubSpot CMS, or similar platforms.',\n 'Configure platform settings, manage user roles\/permissions, install\/update plugins or modules, and troubleshoot technical issues.',\n 'Ensure website content is updated accurately and efficiently, maintaining site structure and navigation integrity.',\n 'Collaborate with developers on theme customizations, new feature implementations, and platform upgrades.',\n 'Understand basic HTML\/CSS for content formatting and minor layout adjustments within the CMS.'\n ],\n 'Performance & Speed Optimization': [\n 'Analyze website loading speed and performance using tools like Google PageSpeed Insights, GTmetrix, and WebPageTest.',\n 'Implement technical optimizations such as image compression, code minification (CSS, JS), browser caching, and leveraging CDNs.',\n 'Optimize server response times through configuration adjustments, database optimization, or recommending hosting upgrades.',\n 'Address Core Web Vitals (LCP, FID\/INP, CLS) issues identified in Google Search Console and other tools.',\n 'Monitor website performance continuously and implement ongoing optimizations to maintain fast loading times.'\n ],\n 'Security & Maintenance': [\n 'Implement website security best practices, including strong passwords, user role management, and security plugin configuration.',\n 'Perform regular website backups (database and files) and establish a disaster recovery plan.',\n 'Keep CMS core, themes, and plugins\/modules updated promptly to patch security vulnerabilities.',\n 'Monitor website for malware, hacking attempts, and security breaches using security tools and logs.',\n 'Implement basic security measures like SSL certificates, web application firewalls (WAFs), and brute-force protection.'\n ],\n 'Website User Experience (UX) Design': [\n 'Analyze user behavior using tools like heatmaps, session recordings (e.g., Hotjar, Clarity), and website analytics to identify friction points.',\n 'Develop user personas, journey maps, and wireframes\/prototypes to inform website structure, navigation, and layout.',\n 'Design intuitive information architecture and navigation systems that allow users to find information easily.',\n 'Ensure website design is responsive, accessible (WCAG compliance), and provides a seamless experience across devices.',\n 'Conduct usability testing (e.g., moderated\/unmoderated tests, A\/B testing UI elements) to validate design decisions and gather feedback.'\n ],\n 'SEO Strategy & Management': [\n 'Develop and implement comprehensive SEO strategies encompassing technical SEO, on-page optimization, and off-page link building.',\n 'Conduct keyword research to identify target terms, analyze search intent, and map keywords to relevant content.',\n 'Optimize website content and structure (titles, headings, meta descriptions, internal linking, URL structure) for target keywords.',\n 'Perform technical SEO audits and implement fixes related to site crawlability, indexability, site speed, schema markup, and mobile-friendliness.',\n 'Track SEO performance using tools like Google Analytics, Google Search Console, and SEO platforms (e.g., SEMrush, Ahrefs), reporting on rankings, traffic, and conversions.'\n ],\n 'Conversion Rate Optimization (CRO) & Testing': [\n 'Analyze website funnels and user behavior data to identify opportunities for improving conversion rates at key stages.',\n 'Formulate data-driven hypotheses for A\/B tests, multivariate tests (MVT), or usability improvements.',\n 'Design and implement experiments using CRO platforms (e.g., Google Optimize, Optimizely, VWO) or native testing features.',\n 'Analyze test results using statistical methods to determine winners and understand the impact on user behavior and conversions.',\n 'Iterate on testing strategies based on results, continuously seeking opportunities to optimize landing pages, forms, CTAs, and overall user flow.'\n ],\n 'Advertising Copywriting': [\n 'Write clear, concise, and persuasive copy for various advertising formats (e.g., search ads, social media ads, display banners, video scripts).',\n 'Craft compelling headlines and calls-to-action (CTAs) that grab attention and drive desired actions (clicks, conversions).',\n 'Tailor ad copy to specific target audiences, platforms, and campaign objectives, ensuring brand voice consistency.',\n 'A\/B test different ad copy variations (headlines, descriptions, CTAs) to optimize click-through rates (CTR) and conversion rates.',\n 'Understand advertising platform character limits, guidelines, and best practices for effective ad creation.'\n ],\n 'Website & UX Copywriting': [\n 'Write user-centered copy for website pages, focusing on clarity, usability, and guiding users towards goals.',\n 'Craft effective microcopy for buttons, forms, error messages, tooltips, and other interface elements to enhance user experience.',\n 'Develop website content structure and hierarchy (headings, subheadings, lists) that improves readability and scannability.',\n 'Ensure website copy is aligned with brand voice, SEO best practices, and target audience language.',\n 'Collaborate with UX designers and researchers to test and refine website copy based on user feedback and usability testing.'\n ],\n 'Content Marketing Writing': [\n 'Write high-quality, engaging, and informative content for various formats like blog posts, articles, white papers, case studies, ebooks, and infographics.',\n 'Research topics thoroughly, understand target audience needs and pain points, and tailor content accordingly.',\n 'Optimize content for SEO by incorporating relevant keywords naturally and following on-page optimization best practices.',\n 'Adapt writing style and tone to match brand voice guidelines and the specific goals of each content piece.',\n 'Proofread and edit content meticulously for grammar, spelling, clarity, style, and accuracy before publication.'\n ],\n 'Visual Design': [\n 'Create visually appealing graphics, illustrations, and layouts for digital and print marketing materials (e.g., social media posts, ads, brochures, website banners).',\n 'Demonstrate strong understanding and application of design principles including typography, color theory, composition, and hierarchy.',\n 'Proficiently use industry-standard design software (e.g., Adobe Creative Suite - Photoshop, Illustrator, InDesign; Figma).',\n 'Develop creative assets that are consistent with brand guidelines and effectively communicate key messages.',\n 'Iterate on designs based on feedback and A\/B testing results to optimize visual effectiveness and user engagement.'\n ],\n 'Video Production': [\n 'Plan, script, shoot, and edit engaging video content for various marketing purposes (e.g., product demos, tutorials, social media ads, testimonials).',\n 'Operate video recording equipment (cameras, lighting, audio gear) and utilize video editing software (e.g., Adobe Premiere Pro, Final Cut Pro, DaVinci Resolve).',\n 'Incorporate graphics, text overlays, music, and sound effects to enhance video quality and storytelling.',\n 'Optimize video content for different platforms (e.g., aspect ratios, file sizes, lengths) and distribution channels.',\n 'Understand basic principles of cinematography, lighting, sound recording, and post-production workflows.'\n ],\n 'Podcast Production': [\n 'Plan podcast episodes, including topic research, guest booking, and script\/outline development.',\n 'Record high-quality audio using appropriate microphones, mixers, and recording software\/hardware.',\n 'Edit podcast audio to remove mistakes, improve clarity, add intro\/outro music, sound effects, and advertisements.',\n 'Master audio files for consistent loudness levels and adherence to platform standards (e.g., LUFS targets).',\n 'Publish podcast episodes to hosting platforms (e.g., Libsyn, Buzzsprout) and distribute to directories (e.g., Apple Podcasts, Spotify).'\n ],\n 'Product Marketing': [\n 'Develop clear and compelling product positioning and messaging based on market research, competitive analysis, and target audience understanding.',\n 'Create go-to-market strategies and launch plans for new products or features, coordinating cross-functional efforts.',\n 'Produce sales enablement materials including datasheets, presentations, battle cards, case studies, and demo scripts.',\n 'Gather and analyze customer feedback and market insights to inform product roadmap and feature prioritization.',\n 'Understand the competitive landscape and effectively differentiate the product\\'s value proposition.'\n ],\n 'Customer Experience (CX) \/ CRM Strategy': [\n 'Map customer journeys across all touchpoints to identify pain points and opportunities for improving the overall experience.',\n 'Develop strategies for customer acquisition, retention, loyalty, and advocacy using CRM systems and other CX tools.',\n 'Implement and manage CRM platforms (e.g., Salesforce, HubSpot, Zoho) for tracking customer interactions, segmentation, and personalized communication.',\n 'Analyze customer data (e.g., churn rate, NPS, CSAT, LTV) to measure CX effectiveness and identify areas for improvement.',\n 'Champion a customer-centric culture within the organization, advocating for user needs in product and process decisions.'\n ],\n 'Pricing': [\n 'Analyze market conditions, competitor pricing, and customer value perception to inform pricing strategies.',\n 'Develop and evaluate different pricing models (e.g., cost-plus, value-based, subscription tiers, freemium) based on business goals.',\n 'Conduct pricing sensitivity analysis and A\/B test different price points or packaging options.',\n 'Monitor the impact of pricing changes on sales volume, revenue, margin, and customer acquisition\/retention.',\n 'Collaborate with sales, finance, and product teams to implement and communicate pricing structures effectively.'\n ],\n 'Data Analysis & Interpretation': [\n 'Collect, clean, and process data from various marketing sources (e.g., website analytics, CRM, ad platforms, social media).',\n 'Analyze marketing data using statistical methods and tools (e.g., Excel, SQL, Python\/R, BI platforms) to identify trends, patterns, and correlations.',\n 'Interpret data findings to generate actionable insights and answer key business questions related to campaign performance, customer behavior, and market trends.',\n 'Measure marketing effectiveness and ROI by tracking key performance indicators (KPIs) across different channels and campaigns.',\n 'Develop hypotheses based on data and recommend data-driven optimizations for marketing strategies and tactics.'\n ],\n 'Data Reporting & Visualization': [\n 'Create clear, concise, and visually compelling reports and dashboards using BI tools (e.g., Tableau, Power BI, Looker Studio) or spreadsheets.',\n 'Select appropriate chart types and visualization techniques to effectively communicate complex data and insights.',\n 'Automate data collection and reporting processes where possible to improve efficiency and timeliness.',\n 'Present data findings and recommendations clearly to both technical and non-technical stakeholders.',\n 'Ensure data accuracy, consistency, and integrity in all reports and visualizations.'\n ],\n 'Marketing Experimentation (A\/B Testing, MVT)': [\n 'Design and implement A\/B tests, multivariate tests (MVT), or split tests for webpages, emails, ad copy, and other marketing assets.',\n 'Develop clear hypotheses based on data analysis or user research regarding potential improvements.',\n 'Utilize testing platforms (e.g., Google Optimize, Optimizely, VWO, HubSpot) to set up, launch, and manage experiments.',\n 'Analyze experiment results using statistical significance calculations to determine winners and understand impact.',\n 'Document test results, share learnings across teams, and use insights to inform iterative optimization efforts.'\n ],\n 'Campaign Management': [\n 'Plan, execute, and monitor integrated marketing campaigns across multiple channels (e.g., digital, email, social, events).',\n 'Define campaign objectives, target audiences, key messages, timelines, and budgets.',\n 'Coordinate activities and deliverables across internal teams (e.g., creative, web, sales) and external agencies\/vendors.',\n 'Track campaign performance against KPIs, analyze results, and provide regular progress reports.',\n 'Optimize campaigns based on performance data and feedback throughout the campaign lifecycle.'\n ],\n 'Project Management': [\n 'Manage marketing projects from initiation to completion, defining scope, timelines, resources, and deliverables.',\n 'Utilize project management methodologies (e.g., Agile, Waterfall) and tools (e.g., Asana, Jira, Trello, Monday.com) to track progress.',\n 'Facilitate communication and collaboration among project team members and stakeholders.',\n 'Identify and mitigate project risks, manage dependencies, and resolve roadblocks effectively.',\n 'Ensure projects are delivered on time, within budget, and meet quality standards and objectives.'\n ],\n 'MarTech Stack Strategy & Integration': [\n 'Evaluate, select, and implement marketing technology tools that align with business needs and marketing strategy.',\n 'Develop a cohesive MarTech stack strategy, ensuring tools work together effectively and data flows seamlessly between systems.',\n 'Manage integrations between different marketing platforms (e.g., CRM, marketing automation, analytics, CMS, ad platforms) using native connectors or middleware (e.g., Zapier).',\n 'Stay current with the evolving MarTech landscape, identifying new tools and technologies that could provide value.',\n 'Oversee vendor relationships, contract negotiations, and budget management for marketing technology.'\n ],\n 'Marketing Automation Platform Management': [\n 'Administer and configure marketing automation platforms (e.g., HubSpot, Marketo, Pardot, Mailchimp Automation).',\n 'Build and manage automated workflows, lead scoring models, nurturing sequences, and dynamic content rules.',\n 'Segment audiences based on behavior, demographics, and engagement data for personalized campaigns.',\n 'Ensure data synchronization and proper integration between the marketing automation platform and CRM system.',\n 'Analyze automation performance metrics (e.g., email engagement, lead scores, workflow conversions) and optimize processes.'\n ],\n 'Marketing Data Infrastructure & CDP Management': [\n 'Design, implement, and manage the infrastructure for collecting, storing, and processing marketing data (e.g., data warehouses, data lakes).',\n 'Manage Customer Data Platforms (CDP) like Segment, Tealium, or Adobe Experience Platform to unify customer data from multiple sources.',\n 'Ensure data governance, quality, privacy (e.g., GDPR, CCPA compliance), and security standards are met for all marketing data.',\n 'Develop data models and schemas relevant to marketing analytics and reporting needs.',\n 'Collaborate with IT\/data engineering teams on data integration, ETL processes, and infrastructure maintenance.'\n ],\n 'AI Implementation & Marketing Applications': [\n 'Identify opportunities to leverage Artificial Intelligence (AI) and Machine Learning (ML) in marketing (e.g., personalization, predictive analytics, content generation, chatbots).',\n 'Evaluate and implement AI-powered marketing tools or develop custom AI solutions (potentially with data science teams).',\n 'Understand the ethical implications and potential biases associated with using AI in marketing.',\n 'Train and fine-tune AI models using relevant marketing data for specific applications.',\n 'Monitor the performance and impact of AI implementations, iterating and optimizing based on results.'\n ],\n 'Sales Enablement': [\n 'Develop and provide sales teams with the content, tools, training, and resources they need to engage prospects and close deals effectively.',\n 'Create sales collateral such as presentations, case studies, battle cards, datasheets, and email templates.',\n 'Manage sales enablement platforms or content repositories, ensuring materials are up-to-date and easily accessible.',\n 'Collaborate closely with sales leadership to understand their needs and challenges, gathering feedback on enablement effectiveness.',\n 'Track the usage and impact of sales enablement materials on sales performance metrics (e.g., win rates, deal velocity).'\n ],\n 'MQL & CRM Reporting': [\n 'Define and manage the Marketing Qualified Lead (MQL) criteria and process in collaboration with sales.',\n 'Track lead progression through the marketing and sales funnel using CRM reporting (e.g., lead source tracking, conversion rates between stages).',\n 'Build and maintain reports and dashboards within the CRM (e.g., Salesforce, HubSpot) to monitor lead volume, velocity, and quality.',\n 'Analyze MQL-to-SQL conversion rates and other funnel metrics to identify bottlenecks and areas for improvement.',\n 'Ensure data accuracy and consistency between marketing automation platforms and the CRM for reliable reporting.'\n ]\n };\n\n const CHART_SKILL_MAPPING = {\n \"Marketing Strategy & Planning\": [\n 'Marketing Strategy', 'Brand Management\/Strategy', 'Market Research',\n 'SWOT Analysis', 'Budgeting, Forecasting'\n ],\n \"Public Relations\": [\n 'Media Relations', 'Corporate Communications & Reputation Management',\n 'Crisis Communications Planning & Response', 'PR Content & Messaging Development'\n ],\n \"Digital Marketing Channels\": [\n 'Social Media Marketing', 'Email Marketing', 'Paid Media Management'\n ],\n \"Website Technical Operations & Performance\": [\n 'Platform & CMS Management', 'Performance & Speed Optimization', 'Security & Maintenance'\n ],\n \"Website Experience & Optimization\": [\n 'Website User Experience (UX) Design', 'SEO Strategy & Management',\n 'Conversion Rate Optimization (CRO) & Testing'\n ],\n \"Copywriting & Content Writing\": [\n 'Advertising Copywriting', 'Website & UX Copywriting', 'Content Marketing Writing'\n ],\n \"Design & Multimedia Production\": [\n 'Visual Design', 'Video Production', 'Podcast Production'\n ],\n \"Product Marketing & Customer Experience\": [\n 'Product Marketing', 'Customer Experience (CX) \/ CRM Strategy', 'Pricing'\n ],\n \"Marketing Analytics, Insights & Optimization\": [\n 'Data Analysis & Interpretation', 'Data Reporting & Visualization',\n 'Marketing Experimentation (A\/B Testing, MVT)'\n ],\n \"Marketing Operations & Management\": [\n 'Campaign Management', 'Project Management'\n ],\n \"Marketing Technology (MarTech) & AI\": [\n 'MarTech Stack Strategy & Integration', 'Marketing Automation Platform Management',\n 'Marketing Data Infrastructure & CDP Management', 'AI Implementation & Marketing Applications'\n ],\n \"Marketing-Sales Alignment & Operations\": [\n 'Sales Enablement', 'MQL & CRM Reporting'\n ]\n };\n\n const CHART_LABELS = Object.keys(CHART_SKILL_MAPPING);\n\n const SALARY_DATA = {\n \"VP of Marketing\": { minK: 180, maxK: 250, minRate: 200, maxRate: 350 },\n \"Head of Growth\": { minK: 140, maxK: 200, minRate: 175, maxRate: 300 },\n \"Marketing Director\": { minK: 130, maxK: 190, minRate: 150, maxRate: 275 },\n \"Marketing Technology Manager\/Director\": { minK: 120, maxK: 180, minRate: 140, maxRate: 250 },\n \"Communications Director\": { minK: 120, maxK: 170, minRate: 140, maxRate: 250 },\n \"Product Marketing Manager\": { minK: 110, maxK: 160, minRate: 125, maxRate: 225 },\n \"Senior Marketing Manager\": { minK: 110, maxK: 150, minRate: 125, maxRate: 200 },\n \"Marketing Analytics Manager\": { minK: 100, maxK: 150, minRate: 120, maxRate: 220 },\n \"Growth Marketing Manager\": { minK: 100, maxK: 150, minRate: 120, maxRate: 220 },\n \"Marketing Operations Manager\": { minK: 95, maxK: 140, minRate: 110, maxRate: 200 },\n \"Sales Enablement Manager\": { minK: 95, maxK: 145, minRate: 100, maxRate: 180 },\n \"Senior Content Strategist\": { minK: 95, maxK: 140, minRate: 110, maxRate: 190 },\n \"CRO Manager\": { minK: 95, maxK: 140, minRate: 110, maxRate: 190 },\n \"Performance Marketing Manager\": { minK: 90, maxK: 140, minRate: 110, maxRate: 200 },\n \"Marketing Strategist (Planning Focus)\": { minK: 90, maxK: 140, minRate: 110, maxRate: 200 },\n \"Marketing Manager\": { minK: 90, maxK: 130, minRate: 100, maxRate: 180 },\n \"Brand Manager\": { minK: 90, maxK: 130, minRate: 100, maxRate: 180 },\n \"Communications Manager\": { minK: 85, maxK: 125, minRate: 95, maxRate: 175 },\n \"Public Relations Manager\": { minK: 85, maxK: 125, minRate: 95, maxRate: 175 },\n \"Digital Experience Manager\": { minK: 85, maxK: 125, minRate: 95, maxRate: 175 },\n \"Content Marketing Manager\": { minK: 85, maxK: 120, minRate: 90, maxRate: 160 },\n \"Digital Marketing Manager\": { minK: 80, maxK: 120, minRate: 90, maxRate: 170 },\n \"Growth Hacker\": { minK: 80, maxK: 140, minRate: 100, maxRate: 200 },\n \"Marketing Technologist (MarTech Specialist)\": { minK: 80, maxK: 120, minRate: 90, maxRate: 160 },\n \"Brand Reputation Manager\": { minK: 80, maxK: 120, minRate: 90, maxRate: 160 },\n \"Paid Media Specialist\/Manager\": { minK: 80, maxK: 130, minRate: 90, maxRate: 175 },\n \"SEO Specialist\/Manager\": { minK: 75, maxK: 115, minRate: 85, maxRate: 160 },\n \"Email Marketing Manager\": { minK: 75, maxK: 115, minRate: 80, maxRate: 150 },\n \"Market Research Analyst\": { minK: 75, maxK: 115, minRate: 80, maxRate: 150 },\n \"Website Manager\": { minK: 75, maxK: 110, minRate: 80, maxRate: 150 },\n \"CRO Specialist\": { minK: 75, maxK: 110, minRate: 85, maxRate: 160 },\n \"User Experience (UX) Analyst (Marketing)\": { minK: 75, maxK: 110, minRate: 85, maxRate: 150 },\n \"Social Media Manager\": { minK: 70, maxK: 110, minRate: 75, maxRate: 140 },\n \"Video Marketing Specialist\/Manager\": { minK: 70, maxK: 110, minRate: 75, maxRate: 140 },\n \"User Experience (UX) Specialist (Marketing)\": { minK: 70, maxK: 105, minRate: 80, maxRate: 140 },\n \"Marketing Analyst\": { minK: 70, maxK: 100, minRate: 75, maxRate: 130 },\n \"Marketing Automation Specialist\": { minK: 70, maxK: 100, minRate: 75, maxRate: 140 },\n \"Content Designer\": { minK: 70, maxK: 100, minRate: 75, maxRate: 130 },\n \"Marketing Operations Analyst\": { minK: 70, maxK: 100, minRate: 75, maxRate: 130 },\n \"Marketing Data Analyst\": { minK: 70, maxK: 100, minRate: 75, maxRate: 130 },\n \"CRM Marketing Specialist\": { minK: 65, maxK: 95, minRate: 70, maxRate: 125 },\n \"Marketing Designer\": { minK: 65, maxK: 95, minRate: 70, maxRate: 120 },\n \"SEO Content Specialist\": { minK: 65, maxK: 95, minRate: 70, maxRate: 125 },\n \"Marketing Generalist\": { minK: 65, maxK: 95, minRate: 70, maxRate: 120 },\n \"Visual Designer (Marketing)\": { minK: 60, maxK: 90, minRate: 65, maxRate: 110 },\n \"Public Relations Specialist\": { minK: 60, maxK: 90, minRate: 65, maxRate: 115 },\n \"Communications Specialist\": { minK: 60, maxK: 90, minRate: 65, maxRate: 115 },\n \"Copywriter\": { minK: 60, maxK: 90, minRate: 65, maxRate: 120 },\n \"Marketing Specialist (Campaign Execution)\": { minK: 60, maxK: 90, minRate: 65, maxRate: 110 },\n \"Content Creator\": { minK: 55, maxK: 85, minRate: 60, maxRate: 100 }\n };\n\n const ROLE_KEY_SKILLS = {\n \"VP of Marketing\": [\n { skill: 'Marketing Strategy', target: 9, weight: 1.5, primary: true },\n { skill: 'Budgeting, Forecasting', target: 8, weight: 1.0 },\n { skill: 'Brand Management\/Strategy', target: 8, weight: 1.0 },\n { skill: 'Corporate Communications & Reputation Management', target: 7, weight: 0.8 }\n ],\n \"Head of Growth\": [\n { skill: 'Marketing Strategy', target: 9, weight: 1.2, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 9, weight: 1.5 },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 8, weight: 1.2 },\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 8, weight: 1.0 }\n ],\n \"Marketing Director\": [\n { skill: 'Marketing Strategy', target: 8, weight: 1.5, primary: true },\n { skill: 'Budgeting, Forecasting', target: 8, weight: 1.0 },\n { skill: 'Campaign Management', target: 7, weight: 1.0 },\n { skill: 'Project Management', target: 7, weight: 0.8 }\n ],\n \"Marketing Technology Manager\/Director\": [\n { skill: 'MarTech Stack Strategy & Integration', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Data Infrastructure & CDP Management', target: 8, weight: 1.2 },\n { skill: 'Marketing Automation Platform Management', target: 8, weight: 1.0 },\n { skill: 'Project Management', target: 7, weight: 0.8 }\n ],\n \"Communications Director\": [\n { skill: 'Corporate Communications & Reputation Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Media Relations', target: 8, weight: 1.2 },\n { skill: 'Crisis Communications Planning & Response', target: 8, weight: 1.0 },\n { skill: 'PR Content & Messaging Development', target: 7, weight: 1.0 }\n ],\n \"Product Marketing Manager\": [\n { skill: 'Product Marketing', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Strategy', target: 7, weight: 1.0 },\n { skill: 'Sales Enablement', target: 7, weight: 1.0 },\n { skill: 'Market Research', target: 6, weight: 0.8 }\n ],\n \"Senior Marketing Manager\": [\n { skill: 'Marketing Strategy', target: 8, weight: 1.5, primary: true },\n { skill: 'Campaign Management', target: 8, weight: 1.2 },\n { skill: 'Project Management', target: 7, weight: 1.0 },\n { skill: 'Budgeting, Forecasting', target: 6, weight: 0.8 }\n ],\n \"Marketing Analytics Manager\": [\n { skill: 'Data Analysis & Interpretation', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Reporting & Visualization', target: 8, weight: 1.2 },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 7, weight: 1.0 },\n { skill: 'Marketing Data Infrastructure & CDP Management', target: 6, weight: 0.8 }\n ],\n \"Growth Marketing Manager\": [\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 8, weight: 1.2 },\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 8, weight: 1.0 },\n { skill: 'Paid Media Management', target: 7, weight: 0.8 }\n ],\n \"Marketing Operations Manager\": [\n { skill: 'Marketing Automation Platform Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Project Management', target: 8, weight: 1.2 },\n { skill: 'MarTech Stack Strategy & Integration', target: 8, weight: 1.0 },\n { skill: 'Data Analysis & Interpretation', target: 7, weight: 0.8 }\n ],\n \"Sales Enablement Manager\": [\n { skill: 'Sales Enablement', target: 9, weight: 1.5, primary: true },\n { skill: 'Product Marketing', target: 7, weight: 1.0 },\n { skill: 'Content Marketing Writing', target: 7, weight: 1.0 },\n { skill: 'Project Management', target: 6, weight: 0.7 }\n ],\n \"Senior Content Strategist\": [\n { skill: 'Content Marketing Writing', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Strategy', target: 8, weight: 1.0 },\n { skill: 'SEO Strategy & Management', target: 7, weight: 1.0 },\n { skill: 'Brand Management\/Strategy', target: 6, weight: 0.7 }\n ],\n \"CRO Manager\": [\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 8, weight: 1.2 },\n { skill: 'Data Analysis & Interpretation', target: 8, weight: 1.0 },\n { skill: 'Website User Experience (UX) Design', target: 7, weight: 0.8 }\n ],\n \"Performance Marketing Manager\": [\n { skill: 'Paid Media Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 8, weight: 1.2 },\n { skill: 'Campaign Management', target: 7, weight: 1.0 },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 7, weight: 0.8 }\n ],\n \"Marketing Strategist (Planning Focus)\": [\n { skill: 'Marketing Strategy', target: 9, weight: 1.5, primary: true },\n { skill: 'Market Research', target: 8, weight: 1.2 },\n { skill: 'SWOT Analysis', target: 7, weight: 1.0 },\n { skill: 'Budgeting, Forecasting', target: 7, weight: 0.8 }\n ],\n \"Marketing Manager\": [\n { skill: 'Marketing Strategy', target: 7, weight: 1.2, primary: true },\n { skill: 'Campaign Management', target: 7, weight: 1.0 },\n { skill: 'Project Management', target: 7, weight: 1.0 },\n { skill: 'Budgeting, Forecasting', target: 6, weight: 0.8 }\n ],\n \"Brand Manager\": [\n { skill: 'Brand Management\/Strategy', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Strategy', target: 7, weight: 1.0 },\n { skill: 'Campaign Management', target: 7, weight: 0.8 },\n { skill: 'Market Research', target: 6, weight: 0.7 }\n ],\n \"Communications Manager\": [\n { skill: 'Corporate Communications & Reputation Management', target: 9, weight: 1.5, primary: true },\n { skill: 'PR Content & Messaging Development', target: 8, weight: 1.2 },\n { skill: 'Media Relations', target: 7, weight: 1.0 },\n { skill: 'Social Media Marketing', target: 6, weight: 0.5 }\n ],\n \"Public Relations Manager\": [\n { skill: 'Media Relations', target: 9, weight: 1.5, primary: true },\n { skill: 'PR Content & Messaging Development', target: 8, weight: 1.2 },\n { skill: 'Corporate Communications & Reputation Management', target: 7, weight: 1.0 },\n { skill: 'Crisis Communications Planning & Response', target: 6, weight: 0.7 }\n ],\n \"Digital Experience Manager\": [\n { skill: 'Website User Experience (UX) Design', target: 9, weight: 1.5, primary: true },\n { skill: 'Platform & CMS Management', target: 7, weight: 1.0 },\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 7, weight: 0.8 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.7 }\n ],\n \"Content Marketing Manager\": [\n { skill: 'Content Marketing Writing', target: 9, weight: 1.5, primary: true },\n { skill: 'SEO Strategy & Management', target: 7, weight: 1.0 },\n { skill: 'Marketing Strategy', target: 7, weight: 0.8 },\n { skill: 'Social Media Marketing', target: 6, weight: 0.5 }\n ],\n \"Digital Marketing Manager\": [\n { skill: 'Marketing Strategy', target: 7, weight: 1.2, primary: true },\n { skill: 'Paid Media Management', target: 7, weight: 1.0 },\n { skill: 'SEO Strategy & Management', target: 7, weight: 1.0 },\n { skill: 'Social Media Marketing', target: 7, weight: 0.8 },\n { skill: 'Email Marketing', target: 6, weight: 0.7 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.7 }\n ],\n \"Growth Hacker\": [\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 8, weight: 1.2 },\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 8, weight: 1.0 },\n { skill: 'Paid Media Management', target: 6, weight: 0.5 },\n { skill: 'Website User Experience (UX) Design', target: 6, weight: 0.5 }\n ],\n \"Marketing Technologist (MarTech Specialist)\": [\n { skill: 'MarTech Stack Strategy & Integration', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Automation Platform Management', target: 8, weight: 1.2 },\n { skill: 'Marketing Data Infrastructure & CDP Management', target: 7, weight: 1.0 },\n { skill: 'Platform & CMS Management', target: 6, weight: 0.5 }\n ],\n \"Brand Reputation Manager\": [\n { skill: 'Corporate Communications & Reputation Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Social Media Marketing', target: 8, weight: 1.0 },\n { skill: 'Media Relations', target: 7, weight: 1.0 },\n { skill: 'PR Content & Messaging Development', target: 7, weight: 0.8 }\n ],\n \"Paid Media Specialist\/Manager\": [\n { skill: 'Paid Media Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 7, weight: 1.0 },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 7, weight: 0.8 },\n { skill: 'Advertising Copywriting', target: 6, weight: 0.5 }\n ],\n \"SEO Specialist\/Manager\": [\n { skill: 'SEO Strategy & Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Platform & CMS Management', target: 7, weight: 1.0 },\n { skill: 'Data Analysis & Interpretation', target: 7, weight: 0.8 },\n { skill: 'Content Marketing Writing', target: 6, weight: 0.5 }\n ],\n \"Email Marketing Manager\": [\n { skill: 'Email Marketing', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Automation Platform Management', target: 7, weight: 1.0 },\n { skill: 'Content Marketing Writing', target: 7, weight: 0.8 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.7 }\n ],\n \"Market Research Analyst\": [\n { skill: 'Market Research', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 8, weight: 1.2 },\n { skill: 'Data Reporting & Visualization', target: 7, weight: 1.0 },\n { skill: 'SWOT Analysis', target: 6, weight: 0.5 }\n ],\n \"Website Manager\": [\n { skill: 'Platform & CMS Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Website User Experience (UX) Design', target: 7, weight: 1.0 },\n { skill: 'SEO Strategy & Management', target: 7, weight: 0.8 },\n { skill: 'Performance & Speed Optimization', target: 6, weight: 0.7 }\n ],\n \"CRO Specialist\": [\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 8, weight: 1.2 },\n { skill: 'Data Analysis & Interpretation', target: 7, weight: 1.0 },\n { skill: 'Website User Experience (UX) Design', target: 7, weight: 0.8 }\n ],\n \"User Experience (UX) Analyst (Marketing)\": [\n { skill: 'Website User Experience (UX) Design', target: 8, weight: 1.2, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 9, weight: 1.5 },\n { skill: 'Market Research', target: 7, weight: 1.0 },\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 7, weight: 0.8 }\n ],\n \"User Experience (UX) Specialist (Marketing)\": [\n { skill: 'Website User Experience (UX) Design', target: 9, weight: 1.5, primary: true },\n { skill: 'Visual Design', target: 7, weight: 1.0 },\n { skill: 'Platform & CMS Management', target: 6, weight: 0.5 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.7 }\n ],\n \"Social Media Manager\": [\n { skill: 'Social Media Marketing', target: 9, weight: 1.5, primary: true },\n { skill: 'Content Marketing Writing', target: 7, weight: 1.0 },\n { skill: 'Visual Design', target: 6, weight: 0.7 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.5 }\n ],\n \"Video Marketing Specialist\/Manager\": [\n { skill: 'Video Production', target: 9, weight: 1.5, primary: true },\n { skill: 'Visual Design', target: 7, weight: 1.0 },\n { skill: 'Social Media Marketing', target: 6, weight: 0.7 },\n { skill: 'Content Marketing Writing', target: 6, weight: 0.5 }\n ],\n \"Marketing Analyst\": [\n { skill: 'Data Analysis & Interpretation', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Reporting & Visualization', target: 7, weight: 1.0 },\n { skill: 'Market Research', target: 6, weight: 0.8 },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 6, weight: 0.7 }\n ],\n \"Marketing Automation Specialist\": [\n { skill: 'Marketing Automation Platform Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Email Marketing', target: 7, weight: 1.0 },\n { skill: 'Customer Experience (CX) \/ CRM Strategy', target: 7, weight: 0.8 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.5 }\n ],\n \"Content Designer\": [\n { skill: 'Visual Design', target: 8, weight: 1.2, primary: true },\n { skill: 'Content Marketing Writing', target: 8, weight: 1.2 },\n { skill: 'Website & UX Copywriting', target: 7, weight: 1.0 },\n { skill: 'Brand Management\/Strategy', target: 6, weight: 0.5 }\n ],\n \"Marketing Operations Analyst\": [\n { skill: 'Data Analysis & Interpretation', target: 8, weight: 1.2, primary: true },\n { skill: 'Marketing Automation Platform Management', target: 8, weight: 1.2 },\n { skill: 'Project Management', target: 7, weight: 1.0 },\n { skill: 'MarTech Stack Strategy & Integration', target: 7, weight: 1.0 }\n ],\n \"Marketing Data Analyst\": [\n { skill: 'Data Analysis & Interpretation', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Reporting & Visualization', target: 8, weight: 1.2 },\n { skill: 'Marketing Data Infrastructure & CDP Management', target: 7, weight: 1.0 },\n \/\/ { skill: 'SQL', target: 7, weight: 0.8 }\n ],\n \"CRM Marketing Specialist\": [\n { skill: 'Customer Experience (CX) \/ CRM Strategy', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Automation Platform Management', target: 7, weight: 1.0 },\n { skill: 'Email Marketing', target: 7, weight: 0.8 },\n { skill: 'MQL & CRM Reporting', target: 7, weight: 1.0 }\n ],\n \"Marketing Designer\": [\n { skill: 'Visual Design', target: 9, weight: 1.5, primary: true },\n { skill: 'Brand Management\/Strategy', target: 7, weight: 1.0 },\n { skill: 'Website User Experience (UX) Design', target: 6, weight: 0.5 },\n { skill: 'Advertising Copywriting', target: 5, weight: 0.3 }\n ],\n \"SEO Content Specialist\": [\n { skill: 'Content Marketing Writing', target: 9, weight: 1.5, primary: true },\n { skill: 'SEO Strategy & Management', target: 8, weight: 1.2 },\n { skill: 'Platform & CMS Management', target: 6, weight: 0.5 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.5 }\n ],\n \"Marketing Generalist\": [\n { skill: 'Campaign Management', target: 7, weight: 1.2, primary: true },\n { skill: 'Social Media Marketing', target: 6, weight: 1.0 },\n { skill: 'Email Marketing', target: 6, weight: 1.0 },\n { skill: 'Content Marketing Writing', target: 6, weight: 0.8 },\n { skill: 'Project Management', target: 5, weight: 0.5 }\n ],\n \"Visual Designer (Marketing)\": [\n { skill: 'Visual Design', target: 9, weight: 1.5, primary: true },\n { skill: 'Brand Management\/Strategy', target: 7, weight: 1.0 },\n { skill: 'Advertising Copywriting', target: 5, weight: 0.5 },\n { skill: 'Website User Experience (UX) Design', target: 5, weight: 0.5 }\n ],\n \"Public Relations Specialist\": [\n { skill: 'Media Relations', target: 9, weight: 1.5, primary: true },\n { skill: 'PR Content & Messaging Development', target: 8, weight: 1.2 },\n { skill: 'Corporate Communications & Reputation Management', target: 6, weight: 0.8 },\n { skill: 'Social Media Marketing', target: 5, weight: 0.3 }\n ],\n \"Communications Specialist\": [\n { skill: 'PR Content & Messaging Development', target: 9, weight: 1.5, primary: true },\n { skill: 'Corporate Communications & Reputation Management', target: 8, weight: 1.2 },\n { skill: 'Email Marketing', target: 6, weight: 0.5 },\n { skill: 'Media Relations', target: 6, weight: 0.7 }\n ],\n \"Copywriter\": [\n { skill: 'Advertising Copywriting', target: 9, weight: 1.5, primary: true },\n { skill: 'Website & UX Copywriting', target: 8, weight: 1.2 },\n { skill: 'Content Marketing Writing', target: 7, weight: 1.0 },\n { skill: 'Brand Management\/Strategy', target: 6, weight: 0.5 }\n ],\n \"Marketing Specialist (Campaign Execution)\": [\n { skill: 'Campaign Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Project Management', target: 7, weight: 1.0 },\n { skill: 'Email Marketing', target: 6, weight: 0.7 },\n { skill: 'Social Media Marketing', target: 6, weight: 0.7 }\n ],\n \"Content Creator\": [\n { skill: 'Content Marketing Writing', target: 8, weight: 1.2, primary: true },\n { skill: 'Social Media Marketing', target: 7, weight: 1.0 },\n { skill: 'Visual Design', target: 6, weight: 0.8 },\n { skill: 'Video Production', target: 5, weight: 0.5 }\n ]\n };\n\n const slidersContainer = document.getElementById('sliders');\n const generateBtn = document.getElementById('generateBtn');\n const clearBtn = document.getElementById('clearBtn');\n const chartCanvas = document.getElementById('skillChart');\n const chartCtx = chartCanvas ? chartCanvas.getContext('2d') : null;\n const suggestionsContainer = document.getElementById('suggestionsOutput');\n const taskInputHelper = document.getElementById('taskInputHelper');\n const copyPromptBtn = document.getElementById('copyPromptBtn');\n const copyStatus = document.getElementById('copyStatus');\n const optimizeTaskInput = document.getElementById('optimizeTaskInput');\n const copyOptimizePromptBtn = document.getElementById('copyOptimizePromptBtn');\n const copyOptimizeStatus = document.getElementById('copyOptimizeStatus');\n\n let barChart = null;\n let currentRolesData = [];\n\n const formatNumber = (num) => {\n if (typeof num !== 'number' || isNaN(num)) return '0';\n let formatted = num.toFixed(1);\n return formatted.endsWith('.0') ? formatted.slice(0, -2) : formatted;\n };\n\n const copyToClipboard = async (text, statusElement) => {\n if (!statusElement) return;\n statusElement.textContent = '';\n statusElement.className = 'copy-status';\n try {\n await navigator.clipboard.writeText(text);\n statusElement.textContent = 'Prompt copied!';\n statusElement.classList.add('success');\n setTimeout(() => {\n if (statusElement.classList.contains('success')) {\n statusElement.textContent = '';\n statusElement.classList.remove('success');\n }\n }, 4000);\n } catch (err) {\n statusElement.textContent = 'Copy failed!';\n statusElement.classList.add('error');\n console.error('Clipboard copy error:', err);\n setTimeout(() => {\n if (statusElement.classList.contains('error')) {\n statusElement.textContent = '';\n statusElement.classList.remove('error');\n }\n }, 5000);\n }\n };\n\n const calculateAlignmentScore = (userSkills, role) => {\n const keySkills = ROLE_KEY_SKILLS[role];\n if (!keySkills || keySkills.length === 0) return 0;\n let achieved = 0, maxPossible = 0, primaryScore = 0, primaryTarget = 0;\n let hasPrimary = false;\n keySkills.forEach(({ skill, target, weight = 1, primary = false }) => {\n const userScore = userSkills[skill] || 0;\n const effectiveTarget = Math.max(0, target);\n const effectiveWeight = Math.max(0, weight);\n achieved += Math.min(userScore, effectiveTarget) * effectiveWeight;\n maxPossible += effectiveTarget * effectiveWeight;\n if (primary && effectiveTarget > 0) {\n primaryScore = userScore;\n primaryTarget = effectiveTarget;\n hasPrimary = true;\n }\n });\n if (maxPossible <= 0) return 0;\n const baseScore = (achieved \/ maxPossible) * 100;\n if (hasPrimary) {\n const primaryThreshold = primaryTarget * 0.7;\n if (primaryScore < primaryThreshold) {\n const penaltyFactor = primaryTarget > 0 ? (primaryScore \/ primaryTarget) : 0;\n return Math.max(0, Math.min(Math.round(baseScore * penaltyFactor), 100));\n }\n }\n return Math.max(0, Math.min(Math.round(baseScore), 100));\n };\n\n const getSkillsToImprove = (userSkills, role, currentScore) => {\n const THRESHOLD = 70;\n const keySkills = ROLE_KEY_SKILLS[role];\n if (currentScore >= THRESHOLD || !keySkills || keySkills.length === 0) return [];\n const improvements = [];\n keySkills.forEach(({ skill, target, primary = false }) => {\n const effectiveTarget = Math.max(0, target);\n const userScore = userSkills[skill] || 0;\n if (userScore < effectiveTarget) {\n const pointsNeeded = effectiveTarget - userScore;\n improvements.push({\n text: `${skill}: Increase from ${formatNumber(userScore)} to ${formatNumber(effectiveTarget)} (+${formatNumber(pointsNeeded)})${primary ? ' (Primary)' : ''}`,\n isPrimary: primary,\n gap: pointsNeeded\n });\n }\n });\n improvements.sort((a, b) => {\n if (a.isPrimary && !b.isPrimary) return -1;\n if (!a.isPrimary && b.isPrimary) return 1;\n return b.gap - a.gap;\n });\n return improvements.map(imp => imp.text);\n };\n\n const getUserSkills = () => {\n const skills = {};\n if (!slidersContainer) return skills;\n slidersContainer.querySelectorAll('input[type=\"range\"]').forEach(slider => {\n const skillName = slider.dataset.skill;\n if (skillName && SKILLS.includes(skillName)) {\n skills[skillName] = parseFloat(slider.value) || 0;\n } else if (skillName) {\n console.warn(`Slider has unrecognized data-skill: \"${skillName}\"`, slider);\n } else {\n console.warn(\"Slider missing data-skill attribute:\", slider);\n }\n });\n return skills;\n };\n\n const generateChartAndRoles = () => {\n const userSkills = getUserSkills();\n if (!chartCtx) {\n console.error(\"Chart canvas context not found!\");\n if (suggestionsContainer) {\n suggestionsContainer.innerHTML = `<p style=\"color: red;\">Error: Chart canvas not found.<\/p>`;\n suggestionsContainer.style.display = 'block';\n }\n return;\n }\n const chartData = CHART_LABELS.map(group => {\n const skillsInGroup = CHART_SKILL_MAPPING[group];\n if (!skillsInGroup || skillsInGroup.length === 0) return 0;\n const total = skillsInGroup.reduce((sum, skill) => sum + (userSkills[skill] || 0), 0);\n const avg = total \/ skillsInGroup.length;\n return isNaN(avg) ? 0 : avg;\n });\n if (barChart) { try { barChart.destroy(); } catch (e) { console.error(\"Error destroying chart:\", e);}}\n barChart = new Chart(chartCtx, {\n type: 'bar',\n data: {\n labels: CHART_LABELS,\n datasets: [{\n label: 'Skill Group Average',\n data: chartData,\n backgroundColor: 'rgba(0, 123, 255, 0.6)',\n borderColor: 'rgba(0, 123, 255, 1)',\n borderWidth: 1\n }]\n },\n options: {\n indexAxis: 'y', responsive: true, maintainAspectRatio: false,\n scales: { x: { beginAtZero: true, max: 10, ticks: { stepSize: 1 } }, y: { ticks: { font: { size: 11 }, autoSkip: false }}},\n plugins: { legend: { display: false }, tooltip: { callbacks: { label: (c) => `Avg: ${formatNumber(c.raw || 0)} \/ 10` }}}\n }\n });\n const THRESHOLD = 70;\n currentRolesData = Object.keys(SALARY_DATA).map(role => {\n const salaryInfo = SALARY_DATA[role] || { minK: 0, maxK: 0, minRate: 0, maxRate: 0 };\n const score = calculateAlignmentScore(userSkills, role);\n return {\n title: role, score, avgSalary: (salaryInfo.minK + salaryInfo.maxK) \/ 2,\n salaryRange: (salaryInfo.minK > 0 || salaryInfo.maxK > 0) ? `$${salaryInfo.minK}K - $${salaryInfo.maxK}K` : 'N\/A',\n rateRange: (salaryInfo.minRate > 0 || salaryInfo.maxRate > 0) ? `$${salaryInfo.minRate} - $${salaryInfo.maxRate}\/hr` : 'N\/A',\n improvements: getSkillsToImprove(userSkills, role, score)\n };\n }).sort((a, b) => (b.score - a.score) || (b.avgSalary - a.avgSalary));\n if (!suggestionsContainer) { console.error(\"Suggestions container not found!\"); return; }\n suggestionsContainer.innerHTML = `<h3>Role Alignment Analysis<\/h3> <p style=\"font-size: 0.9em; font-style: italic;\">Scores (0-100). Green: \u2265${THRESHOLD}, Red: <${THRESHOLD} (click score for improvement tips). Roles may require primary skill score \u2265 70% of target to avoid penalty.<\/p><div class=\"list-headers\"><span class=\"header-title\">Job Role<\/span><span class=\"header-score\">Alignment<\/span><span class=\"header-salary\">Est. Salary<\/span><span class=\"header-rate\">Est. Rate<\/span><\/div><ul id=\"jobSuggestionsList\">${currentRolesData.map((role, index) => `<li><span class=\"job-title\" title=\"${role.title}\">${role.title}<\/span><span class=\"alignment-score ${role.score >= THRESHOLD ? 'score-above' : 'score-below'}\" data-role-index=\"${index}\">${role.score}<\/span><span class=\"salary-range\">${role.salaryRange}<\/span><span class=\"consulting-rate\">${role.rateRange}<\/span><\/li>`).join('')}<\/ul><p id=\"suggestionDisclaimer\"><strong>Disclaimer:<\/strong> Scores indicate estimated skill alignment based on predefined criteria. Salary\/rate data are general market estimates; verify independently. Actual role requirements and compensation vary significantly by company, location, and experience level.<\/p>`;\n suggestionsContainer.style.display = 'block';\n attachPopupListeners(); \/\/ For role improvement popups\n suggestionsContainer.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n };\n\n const attachPopupListeners = () => { \/\/ For Role Improvement Popups\n document.querySelectorAll('.skill-popup.role-improvement').forEach(popup => popup.remove());\n document.querySelectorAll('.alignment-score.score-below').forEach(scoreEl => {\n const index = parseInt(scoreEl.dataset.roleIndex, 10);\n if (isNaN(index) || index < 0 || index >= currentRolesData.length) return;\n const roleData = currentRolesData[index];\n if (roleData && roleData.improvements.length > 0) {\n const popupId = `role-popup-${index}`;\n if (document.getElementById(popupId)) return;\n const popup = document.createElement('div');\n popup.classList.add('skill-popup', 'role-improvement');\n popup.id = popupId;\n popup.style.display = 'none';\n popup.innerHTML = `<strong>Improve for \"${roleData.title}\" (Score ${roleData.score} < 70):<\/strong><ul>${roleData.improvements.map(imp => `<li>${imp}<\/li>`).join('')}<\/ul>`;\n document.body.appendChild(popup);\n scoreEl.addEventListener('click', (e) => {\n e.stopPropagation();\n document.querySelectorAll('.skill-popup, .mastery-popup').forEach(p => { if (p !== popup) p.style.display = 'none'; });\n const rect = scoreEl.getBoundingClientRect();\n popup.style.display = popup.style.display === 'block' ? 'none' : 'block';\n if (popup.style.display === 'block') {\n let topPos = rect.bottom + window.scrollY + 5;\n let leftPos = rect.left + window.scrollX;\n const popupHeight = popup.offsetHeight || 100; const popupWidth = popup.offsetWidth || 300;\n if (topPos + popupHeight > window.scrollY + window.innerHeight - 10) topPos = rect.top + window.scrollY - popupHeight - 5;\n if (leftPos + popupWidth > window.scrollX + document.documentElement.clientWidth - 10) leftPos = window.scrollX + document.documentElement.clientWidth - popupWidth - 10;\n leftPos = Math.max(window.scrollX + 10, leftPos); topPos = Math.max(window.scrollY + 10, topPos);\n popup.style.left = `${leftPos}px`; popup.style.top = `${topPos}px`;\n }\n });\n }\n });\n };\n\n const generateSliders = () => {\n if (!slidersContainer) { console.error(\"Sliders container element not found!\"); return; }\n slidersContainer.innerHTML = '';\n document.querySelectorAll('.mastery-popup').forEach(p => p.remove());\n\n Object.entries(CHART_SKILL_MAPPING).forEach(([groupName, groupSkills]) => {\n const header = document.createElement('div');\n header.classList.add('slider-group-header');\n header.textContent = groupName;\n slidersContainer.appendChild(header);\n\n groupSkills.forEach((skill, index) => {\n if (!SKILLS.includes(skill)) { console.warn(`Skill \"${skill}\" not in SKILLS.`); return; }\n const idSuffix = skill.toLowerCase().replace(\/[^a-z0-9]\/g, ''); \/\/ For slider id\n const groupDiv = document.createElement('div');\n groupDiv.classList.add('slider-group');\n const label = document.createElement('label');\n label.htmlFor = idSuffix; label.textContent = `${skill}:`;\n label.dataset.skill = skill; label.dataset.group = groupName; label.dataset.index = index;\n label.title = `Click for mastery details for ${skill}`;\n const slider = document.createElement('input');\n slider.type = 'range'; slider.id = idSuffix; slider.min = '0'; slider.max = '10'; slider.step = '0.5';\n slider.value = DEFAULT_SKILL_LEVEL; slider.dataset.skill = skill;\n const valueDisplay = document.createElement('span');\n valueDisplay.classList.add('value-display'); valueDisplay.id = `${idSuffix}-value`;\n valueDisplay.textContent = formatNumber(parseFloat(slider.value));\n const initialPercentage = (parseFloat(slider.value) \/ 10) * 100;\n slider.style.background = `linear-gradient(to right, #007bff ${initialPercentage}%, #ddd ${initialPercentage}%)`;\n slider.addEventListener('input', () => {\n const val = parseFloat(slider.value); valueDisplay.textContent = formatNumber(val);\n const perc = (val \/ 10) * 100;\n slider.style.background = `linear-gradient(to right, #007bff ${perc}%, #ddd ${perc}%)`;\n });\n groupDiv.append(label, document.createElement('div'), slider, valueDisplay);\n slidersContainer.appendChild(groupDiv);\n\n const masteryInfo = SKILL_MASTERY[skill];\n if (masteryInfo && masteryInfo.length > 0) {\n const popupId = `mastery-popup-${groupName.replace(\/[^a-zA-Z0-9]\/g, '-').toLowerCase()}-${index}`;\n const popupElement = document.createElement('div');\n popupElement.classList.add('mastery-popup'); popupElement.id = popupId;\n popupElement.innerHTML = `<h3>${skill} - Mastery<\/h3><ul>${masteryInfo.map(item => `<li>${item}<\/li>`).join('')}<\/ul>`;\n popupElement.style.display = 'none';\n console.log(`CREATED Mastery Popup: ${popupId} for skill \"${skill}\"`);\n document.body.appendChild(popupElement);\n\n label.addEventListener('click', (e) => {\n e.stopPropagation();\n const cSkill = e.currentTarget.dataset.skill;\n const cGroupName = e.currentTarget.dataset.group;\n const cIndex = e.currentTarget.dataset.index;\n const targetPopupId = `mastery-popup-${cGroupName.replace(\/[^a-zA-Z0-9]\/g, '-').toLowerCase()}-${cIndex}`;\n \n console.log(`Label click for: \"${cSkill}\". Seeking popup ID: \"${targetPopupId}\"`);\n const popup = document.getElementById(targetPopupId);\n\n if (!popup) {\n console.error(`Mastery popup NOT FOUND for ID: \"${targetPopupId}\"`);\n return;\n }\n console.log(`Mastery popup FOUND: #${popup.id}`);\n\n const isCurrentlyVisible = popup.style.display === 'block';\n\n document.querySelectorAll('.skill-popup, .mastery-popup').forEach(otherPopup => {\n if (otherPopup !== popup) otherPopup.style.display = 'none';\n });\n\n if (isCurrentlyVisible) {\n popup.style.display = 'none';\n console.log(`Hiding mastery popup: #${popup.id}`);\n } else {\n popup.style.display = 'block';\n console.log(`Showing mastery popup: #${popup.id}. Calculating position...`);\n const rect = e.currentTarget.getBoundingClientRect();\n let topPos = rect.bottom + window.scrollY + 5;\n let leftPos = rect.left + window.scrollX;\n const popupHeight = popup.offsetHeight || 200;\n const popupWidth = popup.offsetWidth || 380;\n const viewportHeight = window.innerHeight;\n const viewportWidth = document.documentElement.clientWidth;\n\n if (topPos + popupHeight > window.scrollY + viewportHeight - 10) {\n topPos = rect.top + window.scrollY - popupHeight - 5;\n }\n if (topPos < window.scrollY + 10) {\n topPos = window.scrollY + 10;\n }\n if (leftPos + popupWidth > window.scrollX + viewportWidth - 10) {\n leftPos = window.scrollX + viewportWidth - popupWidth - 10;\n }\n leftPos = Math.max(window.scrollX + 10, leftPos);\n popup.style.left = `${leftPos}px`; popup.style.top = `${topPos}px`;\n console.log(`Positioned mastery popup #${popup.id} at T:${topPos}px, L:${leftPos}px`);\n }\n });\n } else {\n label.title = `${skill} (No mastery details available)`;\n }\n });\n });\n };\n\n if (generateBtn) generateBtn.addEventListener('click', generateChartAndRoles);\n else console.error(\"Generate button not found!\");\n if (clearBtn) {\n clearBtn.addEventListener('click', () => {\n if (barChart) { try { barChart.destroy(); } catch(e) { console.error(\"Error destroying chart:\", e); }}\n barChart = null; currentRolesData = [];\n if (slidersContainer) {\n slidersContainer.querySelectorAll('input[type=\"range\"]').forEach(slider => {\n slider.value = DEFAULT_SKILL_LEVEL;\n const perc = (DEFAULT_SKILL_LEVEL \/ 10) * 100;\n slider.style.background = `linear-gradient(to right, #007bff ${perc}%, #ddd ${perc}%)`;\n const disp = document.getElementById(`${slider.id}-value`);\n if (disp) disp.textContent = formatNumber(DEFAULT_SKILL_LEVEL);\n });\n }\n if (suggestionsContainer) { suggestionsContainer.innerHTML = ''; suggestionsContainer.style.display = 'none'; }\n if (chartCanvas) { const ctx = chartCanvas.getContext('2d'); if(ctx) ctx.clearRect(0, 0, chartCanvas.width, chartCanvas.height); }\n if (taskInputHelper) taskInputHelper.value = ''; if (optimizeTaskInput) optimizeTaskInput.value = '';\n [copyStatus, copyOptimizeStatus].forEach(el => { if (el) { el.textContent = ''; el.className = 'copy-status'; }});\n document.querySelectorAll('.skill-popup, .mastery-popup').forEach(popup => popup.remove());\n });\n } else { console.error(\"Clear button not found!\"); }\n\n const generateSkillPrompt = () => {\n if (!taskInputHelper || !copyStatus) return; const task = taskInputHelper.value.trim();\n if (!task) { copyStatus.textContent = 'Enter a task first!'; copyStatus.className = 'copy-status error'; setTimeout(() => { if(copyStatus.classList.contains('error')) {copyStatus.textContent=''; copyStatus.classList.remove('error');}}, 4000); return; }\n const prompt = `Task\/Job Title: \"${task}\"\\n\\nAnalyze the required marketing skills (Rate High, Medium, Low, or N\/A relevance) strictly from the following list: [${SKILLS.join(', ')}]. For each skill rated High or Medium, provide a brief (1 sentence) reasoning for its importance to this task\/job.`;\n copyToClipboard(prompt, copyStatus);\n };\n const generateOptimizePrompt = () => {\n if (!optimizeTaskInput || !copyOptimizeStatus) return; const task = optimizeTaskInput.value.trim();\n if (!task) { copyOptimizeStatus.textContent = 'Enter a task first!'; copyOptimizeStatus.className = 'copy-status error'; setTimeout(() => { if(copyOptimizeStatus.classList.contains('error')) {copyOptimizeStatus.textContent=''; copyOptimizeStatus.classList.remove('error');}}, 4000); return; }\n const prompt = `My recurring marketing task is: \"${task}\".\\n\\nSuggest specific AI tools, techniques, or process changes (e.g., automation steps, better data analysis methods, content generation aids, prompt examples for AI) to significantly optimize or accelerate performing this task. Focus on practical, actionable ideas and list any potential tools.`;\n copyToClipboard(prompt, copyOptimizeStatus);\n };\n if (copyPromptBtn) copyPromptBtn.addEventListener('click', generateSkillPrompt);\n if (copyOptimizePromptBtn) copyOptimizePromptBtn.addEventListener('click', generateOptimizePrompt);\n\n \/\/ Global click listener to close popups\n \/\/ Replace your existing document.addEventListener('click', ...) with this:\ndocument.addEventListener('click', (e) => {\n console.log('[Doc Click] Event target:', e.target);\n console.log('[Doc Click] e.target.tagName:', e.target.tagName);\n console.log('[Doc Click] e.target.classList:', e.target.classList);\n\n \/\/ Check if the click originated on or inside a skill label within a .slider-group\n const isSkillLabelTrigger = e.target.closest('.slider-group label');\n \/\/ Check if the click originated on an alignment score\n const isAlignmentScoreTrigger = e.target.classList.contains('alignment-score');\n \/\/ Check if the click originated inside any open popup\n const isInsideAnyPopup = e.target.closest('.skill-popup, .mastery-popup');\n \/\/ NEW CHECK: Check if the click target is one of our range inputs within a .slider-group\n const isRangeInputRelatedToLabel = e.target.matches('.slider-group input[type=\"range\"]');\n\n console.log('[Doc Click] isSkillLabelTrigger:', !!isSkillLabelTrigger);\n console.log('[Doc Click] isAlignmentScoreTrigger:', isAlignmentScoreTrigger);\n console.log('[Doc Click] isInsideAnyPopup:', !!isInsideAnyPopup);\n console.log('[Doc Click] isRangeInputRelatedToLabel:', isRangeInputRelatedToLabel);\n\n \/\/ If the click is NOT on a skill label, NOT on an alignment score,\n \/\/ NOT inside an existing popup, AND NOT on a range input (which might be related to a label click),\n \/\/ THEN hide all popups.\n if (!isSkillLabelTrigger && !isAlignmentScoreTrigger && !isInsideAnyPopup && !isRangeInputRelatedToLabel) {\n console.log(\"[Doc Click] Condition MET: Hiding all popups because click was outside a trigger, popup, or related input.\");\n document.querySelectorAll('.skill-popup, .mastery-popup').forEach(popup => {\n if (popup.style.display !== 'none') {\n console.log(`[Doc Click] Hiding popup: #${popup.id || 'unknown_id'}`);\n popup.style.display = 'none';\n }\n });\n } else {\n console.log(\"[Doc Click] Condition NOT MET (click was on a trigger, inside a popup, or on a related range input): No global close action taken.\");\n }\n});\n\n generateSliders();\n if (suggestionsContainer) suggestionsContainer.style.display = 'none';\n else console.error(\"Suggestions container not found on initial load.\");\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Marketing Skill Profile & Job Role Analyzer Skill Profile & Marketing Role Analyzer Adjust Skill Levels (0-10) & Generate Roles Assess your marketing proficiency by moving sliders (0-10, 0.5 increments). Click on a skill to see details. Next, click “Generate Chart & Roles” to see a summary of your skill levels and a list of […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-67","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=67"}],"version-history":[{"count":132,"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=\/wp\/v2\/pages\/67\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n \n \n Marketing Skill Profile & Job Role Analyzer<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n padding: 20px;\n background-color: #f0f0f0;\n color: #333;\n margin: 0;\n }\n\n h1 {\n text-align: center;\n margin-bottom: 40px;\n color: #2c3e50;\n font-size: 2em;\n }\n\n .content-section {\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 8px;\n padding: 30px;\n margin-bottom: 35px;\n box-shadow: 0 4px 8px rgba(0,0,0,0.08);\n max-width: 1140px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .content-section h2 {\n margin-top: 0;\n color: #0056b3;\n border-bottom: 2px solid #eef;\n padding-bottom: 12px;\n margin-bottom: 20px;\n font-size: 1.6em;\n }\n\n .intro-text {\n font-style: italic;\n color: #555;\n margin-bottom: 25px;\n line-height: 1.7;\n }\n\n #sliders {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 20px;\n }\n\n .slider-group {\n display: grid;\n grid-template-columns: minmax(200px, 500px) auto 1fr 40px;\n gap: 15px;\n align-items: center;\n padding: 3px 0;\n padding-left: 40px;\n }\n\n .slider-group-header {\n font-size: 1.1em;\n font-weight: bold;\n color: #0056b3;\n margin-top: 20px;\n margin-bottom: 10px;\n padding-left: 40px;\n }\n\n .slider-group label {\n justify-self: start;\n text-align: left;\n font-size: 0.8em;\n color: #007bff;\n cursor: pointer;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n grid-column: 1 \/ 2;\n }\n\n .slider-group label:hover {\n text-decoration: underline;\n }\n\n .slider-group input[type=\"range\"] {\n margin: 0 auto;\n padding: 0;\n cursor: pointer;\n height: 8px;\n accent-color: #007bff;\n background: linear-gradient(to right, #007bff 50%, #ddd 50%);\n appearance: none;\n border-radius: 4px;\n grid-column: 3 \/ 4;\n min-width: 150px;\n width: 75%;\n display: block;\n }\n\n .slider-group input[type=\"range\"]::-webkit-slider-thumb {\n appearance: none;\n width: 16px;\n height: 16px;\n background: #007bff;\n border-radius: 50%;\n cursor: pointer;\n }\n\n .slider-group input[type=\"range\"]::-moz-range-thumb {\n width: 16px;\n height: 16px;\n background: #007bff;\n border-radius: 50%;\n cursor: pointer;\n border: none;\n }\n\n .slider-group .value-display {\n font-weight: bold;\n width: 40px;\n text-align: center;\n background-color: #e9ecef;\n padding: 3px 0;\n border-radius: 4px;\n font-size: 0.9em;\n grid-column: 4 \/ 5;\n }\n\n .slider-group > div:nth-child(2) {\n grid-column: 2 \/ 3;\n }\n\n .buttons {\n text-align: center;\n margin: 30px 0 25px;\n padding-top: 20px;\n border-top: 1px solid #eee;\n }\n\n button, .ai-link-button {\n padding: 12px 25px;\n font-size: 1.05em;\n font-weight: bold;\n cursor: pointer;\n border: none;\n border-radius: 5px;\n margin: 8px;\n background-color: #007bff;\n color: white;\n text-decoration: none;\n display: inline-block;\n transition: background-color 0.2s ease, transform 0.1s ease;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n\n button:hover, .ai-link-button:hover {\n background-color: #0056b3;\n transform: translateY(-1px);\n }\n\n button:active, .ai-link-button:active {\n transform: translateY(0);\n }\n\n #clearBtn {\n background-color: #6c757d;\n }\n\n #clearBtn:hover {\n background-color: #5a6268;\n }\n\n .chart-container {\n margin: 30px auto;\n padding: 15px;\n max-width: 900px;\n position: relative;\n height: 450px;\n }\n\n #skillChart {\n max-width: 100%;\n height: auto;\n }\n\n .suggestions-container {\n margin-top: 20px;\n }\n\n .suggestions-container h3 {\n margin-bottom: 15px;\n font-size: 1.3em;\n color: #333;\n }\n\n .list-headers, #jobSuggestionsList li {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 5px;\n border-bottom: 1px solid #eee;\n gap: 10px;\n }\n\n .list-headers {\n font-weight: bold;\n border-bottom: 2px solid #ccc;\n margin-bottom: 5px;\n color: #111;\n background-color: #f8f9fa;\n padding: 12px 5px;\n }\n\n #jobSuggestionsList {\n padding: 0;\n list-style: none;\n }\n\n #jobSuggestionsList li {\n position: relative;\n }\n\n #jobSuggestionsList li:hover {\n background-color: #f0f5ff;\n }\n\n .header-title, .job-title { flex: 3 1 0; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 5px;}\n .header-score, .alignment-score { flex: 0 0 80px; text-align: center; font-weight: bold; cursor: pointer; }\n .header-salary, .salary-range { flex: 1 1 0; text-align: right; padding-right: 10px; white-space: nowrap; min-width: 110px;}\n .header-rate, .consulting-rate { flex: 1 1 0; text-align: right; white-space: nowrap; min-width: 110px;}\n\n .alignment-score.score-above { color: #28a745; }\n .alignment-score.score-below { color: #dc3545; text-decoration: underline dotted; }\n\n .skill-popup, .mastery-popup {\n display: none;\n position: absolute;\n background-color: #ffffff;\n border: 1px solid #ccc;\n border-radius: 5px;\n padding: 15px;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n z-index: 10000; \/* Increased z-index *\/\n max-width: 380px;\n font-size: 0.95em;\n color: #333;\n line-height: 1.5;\n }\n\n .skill-popup ul, .mastery-popup ul {\n padding-left: 20px;\n margin: 5px 0 0 0;\n list-style: disc;\n }\n .skill-popup li, .mastery-popup li {\n margin-bottom: 4px;\n border-bottom: none;\n padding: 0;\n display: list-item;\n align-items: initial;\n justify-content: initial;\n gap: initial;\n }\n .skill-popup li:hover, .mastery-popup li:hover {\n background-color: transparent;\n }\n\n .mastery-popup h3 {\n margin: 0 0 10px 0;\n font-size: 1.1em;\n color: #0056b3;\n border-bottom: 1px solid #eee;\n padding-bottom: 5px;\n }\n .skill-popup strong {\n color: #0056b3;\n display: block;\n margin-bottom: 5px;\n }\n\n #suggestionDisclaimer {\n font-size: 0.85em;\n color: #666;\n margin-top: 25px;\n padding-top: 15px;\n border-top: 1px dashed #ddd;\n line-height: 1.5;\n }\n\n .prompt-helper-container, .optimize-task-container {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 10px;\n margin-bottom: 20px;\n }\n .prompt-helper-container label, .optimize-task-container label {\n font-weight: bold;\n flex-basis: 150px;\n }\n .prompt-helper-container input[type=\"text\"], .optimize-task-container input[type=\"text\"] {\n flex-grow: 1;\n padding: 8px 10px;\n border: 1px solid #ccc;\n border-radius: 4px;\n min-width: 200px;\n }\n .prompt-helper-container p, .optimize-task-container p {\n margin: 5px 0 5px 160px;\n font-size: 0.9em;\n color: #555;\n width: 100%;\n flex-basis: 100%;\n }\n .copy-status {\n margin-left: 10px;\n font-size: 0.9em;\n font-weight: bold;\n min-width: 100px;\n text-align: left;\n }\n .copy-status.success { color: #28a745; }\n .copy-status.error { color: #dc3545; }\n\n .prompt-helper-container .ai-link-button, .optimize-task-container .ai-link-button {\n margin-left: 160px;\n }\n <\/style>\n<\/head>\n<body>\n <h1>Skill Profile & Marketing Role Analyzer<\/h1>\n\n <section id=\"analyzer-section\" class=\"content-section\">\n <h2>Adjust Skill Levels (0-10) & Generate Roles<\/h2>\n <p class=\"intro-text\">\n Assess your marketing proficiency by moving sliders (0-10, 0.5 increments). Click on a skill to see details.<br> \n Next, click “Generate Chart & Roles” to see a summary of your skill levels and a list of jobs and and your alignment with each. Click on any red alignment number to see what skills are needed to improve alignment.\n <\/p>\n <div id=\"sliders\">\n <p>Loading skills…<\/p>\n <\/div>\n <div class=\"buttons\">\n <button id=\"generateBtn\">Generate Chart & Roles<\/button>\n <button id=\"clearBtn\">Clear All<\/button>\n <\/div>\n <div class=\"chart-container\">\n <canvas id=\"skillChart\"><\/canvas>\n <\/div>\n <div class=\"suggestions-container\" id=\"suggestionsOutput\">\n <\/div>\n <\/section>\n\n <section id=\"skill-helper-section\" class=\"content-section\">\n <h2>Get AI Skill Analysis<\/h2>\n <p class=\"intro-text\">\n Enter a marketing task or job title to get an AI breakdown of required skills from the predefined list.\n <\/p>\n <div class=\"prompt-helper-container\">\n <label for=\"taskInputHelper\">Job Title or Task:<\/label>\n <input type=\"text\" id=\"taskInputHelper\" placeholder=\"e.g., Analyze PPC campaign performance\">\n <button id=\"copyPromptBtn\">Copy Skill Analysis Prompt<\/button>\n <div id=\"copyStatus\" class=\"copy-status\"><\/div>\n <p>Paste the copied prompt into an AI chat like Gemini:<\/p>\n <a href=\"https:\/\/gemini.google.com\/app\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ai-link-button\">Open Gemini AI<\/a>\n <\/div>\n <\/section>\n\n <section id=\"optimize-helper-section\" class=\"content-section\">\n <h2>Get AI Optimization Ideas<\/h2>\n <p class=\"intro-text\">\n Describe a recurring marketing task to receive AI suggestions for optimization or acceleration.\n <\/p>\n <div class=\"optimize-task-container\">\n <label for=\"optimizeTaskInput\">Task to Optimize:<\/label>\n <input type=\"text\" id=\"optimizeTaskInput\" placeholder=\"e.g., Creating weekly reports\">\n <button id=\"copyOptimizePromptBtn\">Copy Optimization Prompt<\/button>\n <div id=\"copyOptimizeStatus\" class=\"copy-status\"><\/div>\n <p>Paste the prompt into an AI chat for ideas:<\/p>\n <a href=\"https:\/\/gemini.google.com\/app\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ai-link-button\">Open Gemini AI<\/a>\n <\/div>\n <\/section>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.3\/dist\/chart.umd.min.js\"><\/script>\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ === Constants & Data ===\n const DEFAULT_SKILL_LEVEL = 5;\n const SKILLS = [\n 'Marketing Strategy', 'Brand Management\/Strategy', 'Market Research', 'SWOT Analysis', 'Budgeting, Forecasting',\n 'Media Relations', 'Corporate Communications & Reputation Management', 'Crisis Communications Planning & Response', 'PR Content & Messaging Development',\n 'Social Media Marketing', 'Email Marketing', 'Paid Media Management',\n 'Platform & CMS Management', 'Performance & Speed Optimization', 'Security & Maintenance',\n 'Website User Experience (UX) Design', 'SEO Strategy & Management', 'Conversion Rate Optimization (CRO) & Testing',\n 'Advertising Copywriting', 'Website & UX Copywriting', 'Content Marketing Writing',\n 'Visual Design', 'Video Production', 'Podcast Production',\n 'Product Marketing', 'Customer Experience (CX) \/ CRM Strategy', 'Pricing',\n 'Data Analysis & Interpretation', 'Data Reporting & Visualization', 'Marketing Experimentation (A\/B Testing, MVT)',\n 'Campaign Management', 'Project Management',\n 'MarTech Stack Strategy & Integration', 'Marketing Automation Platform Management', 'Marketing Data Infrastructure & CDP Management', 'AI Implementation & Marketing Applications',\n 'Sales Enablement', 'MQL & CRM Reporting'\n ];\n\n const SKILL_MASTERY = {\n 'Marketing Strategy': [\n 'Develop comprehensive, long-term marketing plans aligned with overarching business objectives and revenue targets.',\n 'Identify and prioritize key market segments, competitive advantages, and growth opportunities through analysis.',\n 'Lead cross-functional strategic initiatives, securing buy-in and ensuring alignment across departments (Sales, Product, Finance).',\n 'Define, track, and optimize key performance indicators (KPIs) using data insights to refine and pivot strategies.',\n 'Articulate and present the marketing vision, strategy, and performance clearly and persuasively to executive leadership and stakeholders.'\n ],\n 'Brand Management\/Strategy': [\n 'Define and articulate a clear, compelling brand identity, positioning statement, and value proposition.',\n 'Develop and enforce comprehensive brand guidelines across all internal and external communications and assets.',\n 'Monitor brand health, perception, and competitive positioning through market research, social listening, and analytics.',\n 'Ensure all marketing campaigns and messaging consistently reinforce core brand values and narrative.',\n 'Evolve and adapt brand strategies proactively in response to changing market dynamics, consumer trends, and competitive pressures.'\n ],\n 'Market Research': [\n 'Design, implement, and manage qualitative and quantitative research studies (surveys, focus groups, interviews, competitor analysis).',\n 'Analyze consumer behavior, market trends, customer segmentation, and purchase drivers using various data sources.',\n 'Utilize statistical analysis tools and methodologies (e.g., SPSS, R, Excel advanced functions) for robust data interpretation.',\n 'Develop detailed, data-driven customer personas and journey maps representing key target segments.',\n 'Translate complex research findings into actionable insights and strategic recommendations for marketing and product teams.'\n ],\n 'SWOT Analysis': [\n 'Conduct thorough internal assessments to identify organizational Strengths (e.g., unique IP, strong team) and Weaknesses (e.g., budget constraints, skill gaps).',\n 'Perform comprehensive external environment scans to evaluate market Opportunities (e.g., emerging trends, new channels) and Threats (e.g., new competitors, regulatory changes).',\n 'Synthesize SWOT components to identify strategic implications (e.g., leveraging strengths for opportunities, mitigating weaknesses against threats).',\n 'Integrate SWOT findings directly into the strategic planning process, informing goal setting and resource allocation.',\n 'Regularly update SWOT analyses to reflect evolving internal capabilities and external market conditions.'\n ],\n 'Budgeting, Forecasting': [\n 'Develop detailed, data-driven marketing budgets allocated across channels, campaigns, and operational costs.',\n 'Forecast key marketing metrics (e.g., MQLs, SQLs, ROI, CAC) based on historical data, market trends, and campaign plans.',\n 'Track marketing spend against budget in real-time, identifying variances and recommending adjustments for optimal resource allocation.',\n 'Negotiate favorable terms and pricing with agencies, vendors, and technology providers to maximize budget efficiency.',\n 'Prepare and present clear, concise financial performance reports, highlighting ROI, budget variance, and forecast accuracy to stakeholders.'\n ],\n 'Media Relations': [\n 'Cultivate and maintain strong relationships with key journalists, bloggers, influencers, and media outlets relevant to the industry.',\n 'Develop compelling story angles, press releases, media kits, and pitch materials tailored to specific publications and audiences.',\n 'Secure positive media coverage and manage media inquiries, interviews, and press conferences effectively.',\n 'Monitor media landscape for relevant industry news, competitor activities, and potential PR opportunities or risks.',\n 'Track and analyze media coverage sentiment, reach, and impact, reporting results and insights to leadership.'\n ],\n 'Corporate Communications & Reputation Management': [\n 'Develop and execute internal and external communication strategies aligned with corporate objectives and brand values.',\n 'Craft key messages, talking points, FAQs, and executive communications for various stakeholders (employees, investors, public).',\n 'Proactively manage and protect the organization\\'s reputation through consistent messaging and stakeholder engagement.',\n 'Monitor online conversations, social media sentiment, and news coverage to identify and address potential reputational threats.',\n 'Establish and maintain relationships with key industry analysts, community leaders, and other relevant external stakeholders.'\n ],\n 'Crisis Communications Planning & Response': [\n 'Develop comprehensive crisis communication plans outlining protocols, roles, responsibilities, and messaging strategies for various scenarios.',\n 'Identify potential crisis situations and vulnerabilities through risk assessment and scenario planning.',\n 'Serve as a key spokesperson or manage spokesperson training during a crisis, ensuring timely, accurate, and empathetic communication.',\n 'Coordinate internal and external communication efforts during a crisis, managing information flow across all channels.',\n 'Conduct post-crisis evaluations to identify lessons learned and refine future crisis communication plans and responses.'\n ],\n 'PR Content & Messaging Development': [\n 'Create high-quality PR content including press releases, articles, blog posts, case studies, speeches, and social media updates.',\n 'Develop clear, concise, and compelling key messages that resonate with target audiences and align with overall communication goals.',\n 'Ensure consistency in tone, style, and messaging across all PR and communication materials.',\n 'Tailor content and messaging for different channels (e.g., traditional media, social media, internal comms) and audiences.',\n 'Collaborate with subject matter experts and leadership to gather information and ensure accuracy of technical or sensitive content.'\n ],\n 'Social Media Marketing': [\n 'Develop and implement organic and paid social media strategies across relevant platforms (e.g., LinkedIn, Twitter, Facebook, Instagram, TikTok).',\n 'Create engaging, platform-specific content (text, images, video) that aligns with brand voice and marketing goals.',\n 'Manage social media communities, responding to comments, messages, and fostering engagement and conversations.',\n 'Analyze social media performance metrics (reach, engagement, conversions, sentiment) and use insights to optimize strategy.',\n 'Stay updated on social media trends, algorithm changes, new platform features, and best practices.'\n ],\n 'Email Marketing': [\n 'Design, build, and execute targeted email marketing campaigns, including newsletters, promotions, drip sequences, and lifecycle emails.',\n 'Manage email lists, segmentation strategies, and database hygiene to ensure deliverability and compliance (e.g., GDPR, CAN-SPAM).',\n 'Develop compelling email copy, subject lines, and calls-to-action (CTAs) optimized for engagement and conversion.',\n 'A\/B test email elements (subject lines, content, CTAs, send times) to improve open rates, click-through rates, and conversions.',\n 'Analyze email campaign performance metrics, report on results, and use data to inform future email strategies.'\n ],\n 'Paid Media Management': [\n 'Plan, execute, and manage paid advertising campaigns across various platforms (e.g., Google Ads, Bing Ads, LinkedIn Ads, Facebook\/Instagram Ads, Twitter Ads).',\n 'Conduct keyword research, audience targeting, bid management, and budget allocation for optimal campaign performance.',\n 'Develop effective ad copy, creative assets (with designers), and landing pages optimized for conversion.',\n 'Monitor campaign performance, analyze key metrics (CTR, CPC, CPA, ROAS), and implement data-driven optimizations.',\n 'Stay current with platform updates, new ad formats, bidding strategies, and industry best practices in paid media.'\n ],\n 'Platform & CMS Management': [\n 'Administer and manage website content management systems (CMS) like WordPress, Drupal, HubSpot CMS, or similar platforms.',\n 'Configure platform settings, manage user roles\/permissions, install\/update plugins or modules, and troubleshoot technical issues.',\n 'Ensure website content is updated accurately and efficiently, maintaining site structure and navigation integrity.',\n 'Collaborate with developers on theme customizations, new feature implementations, and platform upgrades.',\n 'Understand basic HTML\/CSS for content formatting and minor layout adjustments within the CMS.'\n ],\n 'Performance & Speed Optimization': [\n 'Analyze website loading speed and performance using tools like Google PageSpeed Insights, GTmetrix, and WebPageTest.',\n 'Implement technical optimizations such as image compression, code minification (CSS, JS), browser caching, and leveraging CDNs.',\n 'Optimize server response times through configuration adjustments, database optimization, or recommending hosting upgrades.',\n 'Address Core Web Vitals (LCP, FID\/INP, CLS) issues identified in Google Search Console and other tools.',\n 'Monitor website performance continuously and implement ongoing optimizations to maintain fast loading times.'\n ],\n 'Security & Maintenance': [\n 'Implement website security best practices, including strong passwords, user role management, and security plugin configuration.',\n 'Perform regular website backups (database and files) and establish a disaster recovery plan.',\n 'Keep CMS core, themes, and plugins\/modules updated promptly to patch security vulnerabilities.',\n 'Monitor website for malware, hacking attempts, and security breaches using security tools and logs.',\n 'Implement basic security measures like SSL certificates, web application firewalls (WAFs), and brute-force protection.'\n ],\n 'Website User Experience (UX) Design': [\n 'Analyze user behavior using tools like heatmaps, session recordings (e.g., Hotjar, Clarity), and website analytics to identify friction points.',\n 'Develop user personas, journey maps, and wireframes\/prototypes to inform website structure, navigation, and layout.',\n 'Design intuitive information architecture and navigation systems that allow users to find information easily.',\n 'Ensure website design is responsive, accessible (WCAG compliance), and provides a seamless experience across devices.',\n 'Conduct usability testing (e.g., moderated\/unmoderated tests, A\/B testing UI elements) to validate design decisions and gather feedback.'\n ],\n 'SEO Strategy & Management': [\n 'Develop and implement comprehensive SEO strategies encompassing technical SEO, on-page optimization, and off-page link building.',\n 'Conduct keyword research to identify target terms, analyze search intent, and map keywords to relevant content.',\n 'Optimize website content and structure (titles, headings, meta descriptions, internal linking, URL structure) for target keywords.',\n 'Perform technical SEO audits and implement fixes related to site crawlability, indexability, site speed, schema markup, and mobile-friendliness.',\n 'Track SEO performance using tools like Google Analytics, Google Search Console, and SEO platforms (e.g., SEMrush, Ahrefs), reporting on rankings, traffic, and conversions.'\n ],\n 'Conversion Rate Optimization (CRO) & Testing': [\n 'Analyze website funnels and user behavior data to identify opportunities for improving conversion rates at key stages.',\n 'Formulate data-driven hypotheses for A\/B tests, multivariate tests (MVT), or usability improvements.',\n 'Design and implement experiments using CRO platforms (e.g., Google Optimize, Optimizely, VWO) or native testing features.',\n 'Analyze test results using statistical methods to determine winners and understand the impact on user behavior and conversions.',\n 'Iterate on testing strategies based on results, continuously seeking opportunities to optimize landing pages, forms, CTAs, and overall user flow.'\n ],\n 'Advertising Copywriting': [\n 'Write clear, concise, and persuasive copy for various advertising formats (e.g., search ads, social media ads, display banners, video scripts).',\n 'Craft compelling headlines and calls-to-action (CTAs) that grab attention and drive desired actions (clicks, conversions).',\n 'Tailor ad copy to specific target audiences, platforms, and campaign objectives, ensuring brand voice consistency.',\n 'A\/B test different ad copy variations (headlines, descriptions, CTAs) to optimize click-through rates (CTR) and conversion rates.',\n 'Understand advertising platform character limits, guidelines, and best practices for effective ad creation.'\n ],\n 'Website & UX Copywriting': [\n 'Write user-centered copy for website pages, focusing on clarity, usability, and guiding users towards goals.',\n 'Craft effective microcopy for buttons, forms, error messages, tooltips, and other interface elements to enhance user experience.',\n 'Develop website content structure and hierarchy (headings, subheadings, lists) that improves readability and scannability.',\n 'Ensure website copy is aligned with brand voice, SEO best practices, and target audience language.',\n 'Collaborate with UX designers and researchers to test and refine website copy based on user feedback and usability testing.'\n ],\n 'Content Marketing Writing': [\n 'Write high-quality, engaging, and informative content for various formats like blog posts, articles, white papers, case studies, ebooks, and infographics.',\n 'Research topics thoroughly, understand target audience needs and pain points, and tailor content accordingly.',\n 'Optimize content for SEO by incorporating relevant keywords naturally and following on-page optimization best practices.',\n 'Adapt writing style and tone to match brand voice guidelines and the specific goals of each content piece.',\n 'Proofread and edit content meticulously for grammar, spelling, clarity, style, and accuracy before publication.'\n ],\n 'Visual Design': [\n 'Create visually appealing graphics, illustrations, and layouts for digital and print marketing materials (e.g., social media posts, ads, brochures, website banners).',\n 'Demonstrate strong understanding and application of design principles including typography, color theory, composition, and hierarchy.',\n 'Proficiently use industry-standard design software (e.g., Adobe Creative Suite - Photoshop, Illustrator, InDesign; Figma).',\n 'Develop creative assets that are consistent with brand guidelines and effectively communicate key messages.',\n 'Iterate on designs based on feedback and A\/B testing results to optimize visual effectiveness and user engagement.'\n ],\n 'Video Production': [\n 'Plan, script, shoot, and edit engaging video content for various marketing purposes (e.g., product demos, tutorials, social media ads, testimonials).',\n 'Operate video recording equipment (cameras, lighting, audio gear) and utilize video editing software (e.g., Adobe Premiere Pro, Final Cut Pro, DaVinci Resolve).',\n 'Incorporate graphics, text overlays, music, and sound effects to enhance video quality and storytelling.',\n 'Optimize video content for different platforms (e.g., aspect ratios, file sizes, lengths) and distribution channels.',\n 'Understand basic principles of cinematography, lighting, sound recording, and post-production workflows.'\n ],\n 'Podcast Production': [\n 'Plan podcast episodes, including topic research, guest booking, and script\/outline development.',\n 'Record high-quality audio using appropriate microphones, mixers, and recording software\/hardware.',\n 'Edit podcast audio to remove mistakes, improve clarity, add intro\/outro music, sound effects, and advertisements.',\n 'Master audio files for consistent loudness levels and adherence to platform standards (e.g., LUFS targets).',\n 'Publish podcast episodes to hosting platforms (e.g., Libsyn, Buzzsprout) and distribute to directories (e.g., Apple Podcasts, Spotify).'\n ],\n 'Product Marketing': [\n 'Develop clear and compelling product positioning and messaging based on market research, competitive analysis, and target audience understanding.',\n 'Create go-to-market strategies and launch plans for new products or features, coordinating cross-functional efforts.',\n 'Produce sales enablement materials including datasheets, presentations, battle cards, case studies, and demo scripts.',\n 'Gather and analyze customer feedback and market insights to inform product roadmap and feature prioritization.',\n 'Understand the competitive landscape and effectively differentiate the product\\'s value proposition.'\n ],\n 'Customer Experience (CX) \/ CRM Strategy': [\n 'Map customer journeys across all touchpoints to identify pain points and opportunities for improving the overall experience.',\n 'Develop strategies for customer acquisition, retention, loyalty, and advocacy using CRM systems and other CX tools.',\n 'Implement and manage CRM platforms (e.g., Salesforce, HubSpot, Zoho) for tracking customer interactions, segmentation, and personalized communication.',\n 'Analyze customer data (e.g., churn rate, NPS, CSAT, LTV) to measure CX effectiveness and identify areas for improvement.',\n 'Champion a customer-centric culture within the organization, advocating for user needs in product and process decisions.'\n ],\n 'Pricing': [\n 'Analyze market conditions, competitor pricing, and customer value perception to inform pricing strategies.',\n 'Develop and evaluate different pricing models (e.g., cost-plus, value-based, subscription tiers, freemium) based on business goals.',\n 'Conduct pricing sensitivity analysis and A\/B test different price points or packaging options.',\n 'Monitor the impact of pricing changes on sales volume, revenue, margin, and customer acquisition\/retention.',\n 'Collaborate with sales, finance, and product teams to implement and communicate pricing structures effectively.'\n ],\n 'Data Analysis & Interpretation': [\n 'Collect, clean, and process data from various marketing sources (e.g., website analytics, CRM, ad platforms, social media).',\n 'Analyze marketing data using statistical methods and tools (e.g., Excel, SQL, Python\/R, BI platforms) to identify trends, patterns, and correlations.',\n 'Interpret data findings to generate actionable insights and answer key business questions related to campaign performance, customer behavior, and market trends.',\n 'Measure marketing effectiveness and ROI by tracking key performance indicators (KPIs) across different channels and campaigns.',\n 'Develop hypotheses based on data and recommend data-driven optimizations for marketing strategies and tactics.'\n ],\n 'Data Reporting & Visualization': [\n 'Create clear, concise, and visually compelling reports and dashboards using BI tools (e.g., Tableau, Power BI, Looker Studio) or spreadsheets.',\n 'Select appropriate chart types and visualization techniques to effectively communicate complex data and insights.',\n 'Automate data collection and reporting processes where possible to improve efficiency and timeliness.',\n 'Present data findings and recommendations clearly to both technical and non-technical stakeholders.',\n 'Ensure data accuracy, consistency, and integrity in all reports and visualizations.'\n ],\n 'Marketing Experimentation (A\/B Testing, MVT)': [\n 'Design and implement A\/B tests, multivariate tests (MVT), or split tests for webpages, emails, ad copy, and other marketing assets.',\n 'Develop clear hypotheses based on data analysis or user research regarding potential improvements.',\n 'Utilize testing platforms (e.g., Google Optimize, Optimizely, VWO, HubSpot) to set up, launch, and manage experiments.',\n 'Analyze experiment results using statistical significance calculations to determine winners and understand impact.',\n 'Document test results, share learnings across teams, and use insights to inform iterative optimization efforts.'\n ],\n 'Campaign Management': [\n 'Plan, execute, and monitor integrated marketing campaigns across multiple channels (e.g., digital, email, social, events).',\n 'Define campaign objectives, target audiences, key messages, timelines, and budgets.',\n 'Coordinate activities and deliverables across internal teams (e.g., creative, web, sales) and external agencies\/vendors.',\n 'Track campaign performance against KPIs, analyze results, and provide regular progress reports.',\n 'Optimize campaigns based on performance data and feedback throughout the campaign lifecycle.'\n ],\n 'Project Management': [\n 'Manage marketing projects from initiation to completion, defining scope, timelines, resources, and deliverables.',\n 'Utilize project management methodologies (e.g., Agile, Waterfall) and tools (e.g., Asana, Jira, Trello, Monday.com) to track progress.',\n 'Facilitate communication and collaboration among project team members and stakeholders.',\n 'Identify and mitigate project risks, manage dependencies, and resolve roadblocks effectively.',\n 'Ensure projects are delivered on time, within budget, and meet quality standards and objectives.'\n ],\n 'MarTech Stack Strategy & Integration': [\n 'Evaluate, select, and implement marketing technology tools that align with business needs and marketing strategy.',\n 'Develop a cohesive MarTech stack strategy, ensuring tools work together effectively and data flows seamlessly between systems.',\n 'Manage integrations between different marketing platforms (e.g., CRM, marketing automation, analytics, CMS, ad platforms) using native connectors or middleware (e.g., Zapier).',\n 'Stay current with the evolving MarTech landscape, identifying new tools and technologies that could provide value.',\n 'Oversee vendor relationships, contract negotiations, and budget management for marketing technology.'\n ],\n 'Marketing Automation Platform Management': [\n 'Administer and configure marketing automation platforms (e.g., HubSpot, Marketo, Pardot, Mailchimp Automation).',\n 'Build and manage automated workflows, lead scoring models, nurturing sequences, and dynamic content rules.',\n 'Segment audiences based on behavior, demographics, and engagement data for personalized campaigns.',\n 'Ensure data synchronization and proper integration between the marketing automation platform and CRM system.',\n 'Analyze automation performance metrics (e.g., email engagement, lead scores, workflow conversions) and optimize processes.'\n ],\n 'Marketing Data Infrastructure & CDP Management': [\n 'Design, implement, and manage the infrastructure for collecting, storing, and processing marketing data (e.g., data warehouses, data lakes).',\n 'Manage Customer Data Platforms (CDP) like Segment, Tealium, or Adobe Experience Platform to unify customer data from multiple sources.',\n 'Ensure data governance, quality, privacy (e.g., GDPR, CCPA compliance), and security standards are met for all marketing data.',\n 'Develop data models and schemas relevant to marketing analytics and reporting needs.',\n 'Collaborate with IT\/data engineering teams on data integration, ETL processes, and infrastructure maintenance.'\n ],\n 'AI Implementation & Marketing Applications': [\n 'Identify opportunities to leverage Artificial Intelligence (AI) and Machine Learning (ML) in marketing (e.g., personalization, predictive analytics, content generation, chatbots).',\n 'Evaluate and implement AI-powered marketing tools or develop custom AI solutions (potentially with data science teams).',\n 'Understand the ethical implications and potential biases associated with using AI in marketing.',\n 'Train and fine-tune AI models using relevant marketing data for specific applications.',\n 'Monitor the performance and impact of AI implementations, iterating and optimizing based on results.'\n ],\n 'Sales Enablement': [\n 'Develop and provide sales teams with the content, tools, training, and resources they need to engage prospects and close deals effectively.',\n 'Create sales collateral such as presentations, case studies, battle cards, datasheets, and email templates.',\n 'Manage sales enablement platforms or content repositories, ensuring materials are up-to-date and easily accessible.',\n 'Collaborate closely with sales leadership to understand their needs and challenges, gathering feedback on enablement effectiveness.',\n 'Track the usage and impact of sales enablement materials on sales performance metrics (e.g., win rates, deal velocity).'\n ],\n 'MQL & CRM Reporting': [\n 'Define and manage the Marketing Qualified Lead (MQL) criteria and process in collaboration with sales.',\n 'Track lead progression through the marketing and sales funnel using CRM reporting (e.g., lead source tracking, conversion rates between stages).',\n 'Build and maintain reports and dashboards within the CRM (e.g., Salesforce, HubSpot) to monitor lead volume, velocity, and quality.',\n 'Analyze MQL-to-SQL conversion rates and other funnel metrics to identify bottlenecks and areas for improvement.',\n 'Ensure data accuracy and consistency between marketing automation platforms and the CRM for reliable reporting.'\n ]\n };\n\n const CHART_SKILL_MAPPING = {\n \"Marketing Strategy & Planning\": [\n 'Marketing Strategy', 'Brand Management\/Strategy', 'Market Research',\n 'SWOT Analysis', 'Budgeting, Forecasting'\n ],\n \"Public Relations\": [\n 'Media Relations', 'Corporate Communications & Reputation Management',\n 'Crisis Communications Planning & Response', 'PR Content & Messaging Development'\n ],\n \"Digital Marketing Channels\": [\n 'Social Media Marketing', 'Email Marketing', 'Paid Media Management'\n ],\n \"Website Technical Operations & Performance\": [\n 'Platform & CMS Management', 'Performance & Speed Optimization', 'Security & Maintenance'\n ],\n \"Website Experience & Optimization\": [\n 'Website User Experience (UX) Design', 'SEO Strategy & Management',\n 'Conversion Rate Optimization (CRO) & Testing'\n ],\n \"Copywriting & Content Writing\": [\n 'Advertising Copywriting', 'Website & UX Copywriting', 'Content Marketing Writing'\n ],\n \"Design & Multimedia Production\": [\n 'Visual Design', 'Video Production', 'Podcast Production'\n ],\n \"Product Marketing & Customer Experience\": [\n 'Product Marketing', 'Customer Experience (CX) \/ CRM Strategy', 'Pricing'\n ],\n \"Marketing Analytics, Insights & Optimization\": [\n 'Data Analysis & Interpretation', 'Data Reporting & Visualization',\n 'Marketing Experimentation (A\/B Testing, MVT)'\n ],\n \"Marketing Operations & Management\": [\n 'Campaign Management', 'Project Management'\n ],\n \"Marketing Technology (MarTech) & AI\": [\n 'MarTech Stack Strategy & Integration', 'Marketing Automation Platform Management',\n 'Marketing Data Infrastructure & CDP Management', 'AI Implementation & Marketing Applications'\n ],\n \"Marketing-Sales Alignment & Operations\": [\n 'Sales Enablement', 'MQL & CRM Reporting'\n ]\n };\n\n const CHART_LABELS = Object.keys(CHART_SKILL_MAPPING);\n\n const SALARY_DATA = {\n \"VP of Marketing\": { minK: 180, maxK: 250, minRate: 200, maxRate: 350 },\n \"Head of Growth\": { minK: 140, maxK: 200, minRate: 175, maxRate: 300 },\n \"Marketing Director\": { minK: 130, maxK: 190, minRate: 150, maxRate: 275 },\n \"Marketing Technology Manager\/Director\": { minK: 120, maxK: 180, minRate: 140, maxRate: 250 },\n \"Communications Director\": { minK: 120, maxK: 170, minRate: 140, maxRate: 250 },\n \"Product Marketing Manager\": { minK: 110, maxK: 160, minRate: 125, maxRate: 225 },\n \"Senior Marketing Manager\": { minK: 110, maxK: 150, minRate: 125, maxRate: 200 },\n \"Marketing Analytics Manager\": { minK: 100, maxK: 150, minRate: 120, maxRate: 220 },\n \"Growth Marketing Manager\": { minK: 100, maxK: 150, minRate: 120, maxRate: 220 },\n \"Marketing Operations Manager\": { minK: 95, maxK: 140, minRate: 110, maxRate: 200 },\n \"Sales Enablement Manager\": { minK: 95, maxK: 145, minRate: 100, maxRate: 180 },\n \"Senior Content Strategist\": { minK: 95, maxK: 140, minRate: 110, maxRate: 190 },\n \"CRO Manager\": { minK: 95, maxK: 140, minRate: 110, maxRate: 190 },\n \"Performance Marketing Manager\": { minK: 90, maxK: 140, minRate: 110, maxRate: 200 },\n \"Marketing Strategist (Planning Focus)\": { minK: 90, maxK: 140, minRate: 110, maxRate: 200 },\n \"Marketing Manager\": { minK: 90, maxK: 130, minRate: 100, maxRate: 180 },\n \"Brand Manager\": { minK: 90, maxK: 130, minRate: 100, maxRate: 180 },\n \"Communications Manager\": { minK: 85, maxK: 125, minRate: 95, maxRate: 175 },\n \"Public Relations Manager\": { minK: 85, maxK: 125, minRate: 95, maxRate: 175 },\n \"Digital Experience Manager\": { minK: 85, maxK: 125, minRate: 95, maxRate: 175 },\n \"Content Marketing Manager\": { minK: 85, maxK: 120, minRate: 90, maxRate: 160 },\n \"Digital Marketing Manager\": { minK: 80, maxK: 120, minRate: 90, maxRate: 170 },\n \"Growth Hacker\": { minK: 80, maxK: 140, minRate: 100, maxRate: 200 },\n \"Marketing Technologist (MarTech Specialist)\": { minK: 80, maxK: 120, minRate: 90, maxRate: 160 },\n \"Brand Reputation Manager\": { minK: 80, maxK: 120, minRate: 90, maxRate: 160 },\n \"Paid Media Specialist\/Manager\": { minK: 80, maxK: 130, minRate: 90, maxRate: 175 },\n \"SEO Specialist\/Manager\": { minK: 75, maxK: 115, minRate: 85, maxRate: 160 },\n \"Email Marketing Manager\": { minK: 75, maxK: 115, minRate: 80, maxRate: 150 },\n \"Market Research Analyst\": { minK: 75, maxK: 115, minRate: 80, maxRate: 150 },\n \"Website Manager\": { minK: 75, maxK: 110, minRate: 80, maxRate: 150 },\n \"CRO Specialist\": { minK: 75, maxK: 110, minRate: 85, maxRate: 160 },\n \"User Experience (UX) Analyst (Marketing)\": { minK: 75, maxK: 110, minRate: 85, maxRate: 150 },\n \"Social Media Manager\": { minK: 70, maxK: 110, minRate: 75, maxRate: 140 },\n \"Video Marketing Specialist\/Manager\": { minK: 70, maxK: 110, minRate: 75, maxRate: 140 },\n \"User Experience (UX) Specialist (Marketing)\": { minK: 70, maxK: 105, minRate: 80, maxRate: 140 },\n \"Marketing Analyst\": { minK: 70, maxK: 100, minRate: 75, maxRate: 130 },\n \"Marketing Automation Specialist\": { minK: 70, maxK: 100, minRate: 75, maxRate: 140 },\n \"Content Designer\": { minK: 70, maxK: 100, minRate: 75, maxRate: 130 },\n \"Marketing Operations Analyst\": { minK: 70, maxK: 100, minRate: 75, maxRate: 130 },\n \"Marketing Data Analyst\": { minK: 70, maxK: 100, minRate: 75, maxRate: 130 },\n \"CRM Marketing Specialist\": { minK: 65, maxK: 95, minRate: 70, maxRate: 125 },\n \"Marketing Designer\": { minK: 65, maxK: 95, minRate: 70, maxRate: 120 },\n \"SEO Content Specialist\": { minK: 65, maxK: 95, minRate: 70, maxRate: 125 },\n \"Marketing Generalist\": { minK: 65, maxK: 95, minRate: 70, maxRate: 120 },\n \"Visual Designer (Marketing)\": { minK: 60, maxK: 90, minRate: 65, maxRate: 110 },\n \"Public Relations Specialist\": { minK: 60, maxK: 90, minRate: 65, maxRate: 115 },\n \"Communications Specialist\": { minK: 60, maxK: 90, minRate: 65, maxRate: 115 },\n \"Copywriter\": { minK: 60, maxK: 90, minRate: 65, maxRate: 120 },\n \"Marketing Specialist (Campaign Execution)\": { minK: 60, maxK: 90, minRate: 65, maxRate: 110 },\n \"Content Creator\": { minK: 55, maxK: 85, minRate: 60, maxRate: 100 }\n };\n\n const ROLE_KEY_SKILLS = {\n \"VP of Marketing\": [\n { skill: 'Marketing Strategy', target: 9, weight: 1.5, primary: true },\n { skill: 'Budgeting, Forecasting', target: 8, weight: 1.0 },\n { skill: 'Brand Management\/Strategy', target: 8, weight: 1.0 },\n { skill: 'Corporate Communications & Reputation Management', target: 7, weight: 0.8 }\n ],\n \"Head of Growth\": [\n { skill: 'Marketing Strategy', target: 9, weight: 1.2, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 9, weight: 1.5 },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 8, weight: 1.2 },\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 8, weight: 1.0 }\n ],\n \"Marketing Director\": [\n { skill: 'Marketing Strategy', target: 8, weight: 1.5, primary: true },\n { skill: 'Budgeting, Forecasting', target: 8, weight: 1.0 },\n { skill: 'Campaign Management', target: 7, weight: 1.0 },\n { skill: 'Project Management', target: 7, weight: 0.8 }\n ],\n \"Marketing Technology Manager\/Director\": [\n { skill: 'MarTech Stack Strategy & Integration', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Data Infrastructure & CDP Management', target: 8, weight: 1.2 },\n { skill: 'Marketing Automation Platform Management', target: 8, weight: 1.0 },\n { skill: 'Project Management', target: 7, weight: 0.8 }\n ],\n \"Communications Director\": [\n { skill: 'Corporate Communications & Reputation Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Media Relations', target: 8, weight: 1.2 },\n { skill: 'Crisis Communications Planning & Response', target: 8, weight: 1.0 },\n { skill: 'PR Content & Messaging Development', target: 7, weight: 1.0 }\n ],\n \"Product Marketing Manager\": [\n { skill: 'Product Marketing', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Strategy', target: 7, weight: 1.0 },\n { skill: 'Sales Enablement', target: 7, weight: 1.0 },\n { skill: 'Market Research', target: 6, weight: 0.8 }\n ],\n \"Senior Marketing Manager\": [\n { skill: 'Marketing Strategy', target: 8, weight: 1.5, primary: true },\n { skill: 'Campaign Management', target: 8, weight: 1.2 },\n { skill: 'Project Management', target: 7, weight: 1.0 },\n { skill: 'Budgeting, Forecasting', target: 6, weight: 0.8 }\n ],\n \"Marketing Analytics Manager\": [\n { skill: 'Data Analysis & Interpretation', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Reporting & Visualization', target: 8, weight: 1.2 },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 7, weight: 1.0 },\n { skill: 'Marketing Data Infrastructure & CDP Management', target: 6, weight: 0.8 }\n ],\n \"Growth Marketing Manager\": [\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 8, weight: 1.2 },\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 8, weight: 1.0 },\n { skill: 'Paid Media Management', target: 7, weight: 0.8 }\n ],\n \"Marketing Operations Manager\": [\n { skill: 'Marketing Automation Platform Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Project Management', target: 8, weight: 1.2 },\n { skill: 'MarTech Stack Strategy & Integration', target: 8, weight: 1.0 },\n { skill: 'Data Analysis & Interpretation', target: 7, weight: 0.8 }\n ],\n \"Sales Enablement Manager\": [\n { skill: 'Sales Enablement', target: 9, weight: 1.5, primary: true },\n { skill: 'Product Marketing', target: 7, weight: 1.0 },\n { skill: 'Content Marketing Writing', target: 7, weight: 1.0 },\n { skill: 'Project Management', target: 6, weight: 0.7 }\n ],\n \"Senior Content Strategist\": [\n { skill: 'Content Marketing Writing', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Strategy', target: 8, weight: 1.0 },\n { skill: 'SEO Strategy & Management', target: 7, weight: 1.0 },\n { skill: 'Brand Management\/Strategy', target: 6, weight: 0.7 }\n ],\n \"CRO Manager\": [\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 8, weight: 1.2 },\n { skill: 'Data Analysis & Interpretation', target: 8, weight: 1.0 },\n { skill: 'Website User Experience (UX) Design', target: 7, weight: 0.8 }\n ],\n \"Performance Marketing Manager\": [\n { skill: 'Paid Media Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 8, weight: 1.2 },\n { skill: 'Campaign Management', target: 7, weight: 1.0 },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 7, weight: 0.8 }\n ],\n \"Marketing Strategist (Planning Focus)\": [\n { skill: 'Marketing Strategy', target: 9, weight: 1.5, primary: true },\n { skill: 'Market Research', target: 8, weight: 1.2 },\n { skill: 'SWOT Analysis', target: 7, weight: 1.0 },\n { skill: 'Budgeting, Forecasting', target: 7, weight: 0.8 }\n ],\n \"Marketing Manager\": [\n { skill: 'Marketing Strategy', target: 7, weight: 1.2, primary: true },\n { skill: 'Campaign Management', target: 7, weight: 1.0 },\n { skill: 'Project Management', target: 7, weight: 1.0 },\n { skill: 'Budgeting, Forecasting', target: 6, weight: 0.8 }\n ],\n \"Brand Manager\": [\n { skill: 'Brand Management\/Strategy', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Strategy', target: 7, weight: 1.0 },\n { skill: 'Campaign Management', target: 7, weight: 0.8 },\n { skill: 'Market Research', target: 6, weight: 0.7 }\n ],\n \"Communications Manager\": [\n { skill: 'Corporate Communications & Reputation Management', target: 9, weight: 1.5, primary: true },\n { skill: 'PR Content & Messaging Development', target: 8, weight: 1.2 },\n { skill: 'Media Relations', target: 7, weight: 1.0 },\n { skill: 'Social Media Marketing', target: 6, weight: 0.5 }\n ],\n \"Public Relations Manager\": [\n { skill: 'Media Relations', target: 9, weight: 1.5, primary: true },\n { skill: 'PR Content & Messaging Development', target: 8, weight: 1.2 },\n { skill: 'Corporate Communications & Reputation Management', target: 7, weight: 1.0 },\n { skill: 'Crisis Communications Planning & Response', target: 6, weight: 0.7 }\n ],\n \"Digital Experience Manager\": [\n { skill: 'Website User Experience (UX) Design', target: 9, weight: 1.5, primary: true },\n { skill: 'Platform & CMS Management', target: 7, weight: 1.0 },\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 7, weight: 0.8 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.7 }\n ],\n \"Content Marketing Manager\": [\n { skill: 'Content Marketing Writing', target: 9, weight: 1.5, primary: true },\n { skill: 'SEO Strategy & Management', target: 7, weight: 1.0 },\n { skill: 'Marketing Strategy', target: 7, weight: 0.8 },\n { skill: 'Social Media Marketing', target: 6, weight: 0.5 }\n ],\n \"Digital Marketing Manager\": [\n { skill: 'Marketing Strategy', target: 7, weight: 1.2, primary: true },\n { skill: 'Paid Media Management', target: 7, weight: 1.0 },\n { skill: 'SEO Strategy & Management', target: 7, weight: 1.0 },\n { skill: 'Social Media Marketing', target: 7, weight: 0.8 },\n { skill: 'Email Marketing', target: 6, weight: 0.7 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.7 }\n ],\n \"Growth Hacker\": [\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 8, weight: 1.2 },\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 8, weight: 1.0 },\n { skill: 'Paid Media Management', target: 6, weight: 0.5 },\n { skill: 'Website User Experience (UX) Design', target: 6, weight: 0.5 }\n ],\n \"Marketing Technologist (MarTech Specialist)\": [\n { skill: 'MarTech Stack Strategy & Integration', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Automation Platform Management', target: 8, weight: 1.2 },\n { skill: 'Marketing Data Infrastructure & CDP Management', target: 7, weight: 1.0 },\n { skill: 'Platform & CMS Management', target: 6, weight: 0.5 }\n ],\n \"Brand Reputation Manager\": [\n { skill: 'Corporate Communications & Reputation Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Social Media Marketing', target: 8, weight: 1.0 },\n { skill: 'Media Relations', target: 7, weight: 1.0 },\n { skill: 'PR Content & Messaging Development', target: 7, weight: 0.8 }\n ],\n \"Paid Media Specialist\/Manager\": [\n { skill: 'Paid Media Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 7, weight: 1.0 },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 7, weight: 0.8 },\n { skill: 'Advertising Copywriting', target: 6, weight: 0.5 }\n ],\n \"SEO Specialist\/Manager\": [\n { skill: 'SEO Strategy & Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Platform & CMS Management', target: 7, weight: 1.0 },\n { skill: 'Data Analysis & Interpretation', target: 7, weight: 0.8 },\n { skill: 'Content Marketing Writing', target: 6, weight: 0.5 }\n ],\n \"Email Marketing Manager\": [\n { skill: 'Email Marketing', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Automation Platform Management', target: 7, weight: 1.0 },\n { skill: 'Content Marketing Writing', target: 7, weight: 0.8 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.7 }\n ],\n \"Market Research Analyst\": [\n { skill: 'Market Research', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 8, weight: 1.2 },\n { skill: 'Data Reporting & Visualization', target: 7, weight: 1.0 },\n { skill: 'SWOT Analysis', target: 6, weight: 0.5 }\n ],\n \"Website Manager\": [\n { skill: 'Platform & CMS Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Website User Experience (UX) Design', target: 7, weight: 1.0 },\n { skill: 'SEO Strategy & Management', target: 7, weight: 0.8 },\n { skill: 'Performance & Speed Optimization', target: 6, weight: 0.7 }\n ],\n \"CRO Specialist\": [\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 8, weight: 1.2 },\n { skill: 'Data Analysis & Interpretation', target: 7, weight: 1.0 },\n { skill: 'Website User Experience (UX) Design', target: 7, weight: 0.8 }\n ],\n \"User Experience (UX) Analyst (Marketing)\": [\n { skill: 'Website User Experience (UX) Design', target: 8, weight: 1.2, primary: true },\n { skill: 'Data Analysis & Interpretation', target: 9, weight: 1.5 },\n { skill: 'Market Research', target: 7, weight: 1.0 },\n { skill: 'Conversion Rate Optimization (CRO) & Testing', target: 7, weight: 0.8 }\n ],\n \"User Experience (UX) Specialist (Marketing)\": [\n { skill: 'Website User Experience (UX) Design', target: 9, weight: 1.5, primary: true },\n { skill: 'Visual Design', target: 7, weight: 1.0 },\n { skill: 'Platform & CMS Management', target: 6, weight: 0.5 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.7 }\n ],\n \"Social Media Manager\": [\n { skill: 'Social Media Marketing', target: 9, weight: 1.5, primary: true },\n { skill: 'Content Marketing Writing', target: 7, weight: 1.0 },\n { skill: 'Visual Design', target: 6, weight: 0.7 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.5 }\n ],\n \"Video Marketing Specialist\/Manager\": [\n { skill: 'Video Production', target: 9, weight: 1.5, primary: true },\n { skill: 'Visual Design', target: 7, weight: 1.0 },\n { skill: 'Social Media Marketing', target: 6, weight: 0.7 },\n { skill: 'Content Marketing Writing', target: 6, weight: 0.5 }\n ],\n \"Marketing Analyst\": [\n { skill: 'Data Analysis & Interpretation', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Reporting & Visualization', target: 7, weight: 1.0 },\n { skill: 'Market Research', target: 6, weight: 0.8 },\n { skill: 'Marketing Experimentation (A\/B Testing, MVT)', target: 6, weight: 0.7 }\n ],\n \"Marketing Automation Specialist\": [\n { skill: 'Marketing Automation Platform Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Email Marketing', target: 7, weight: 1.0 },\n { skill: 'Customer Experience (CX) \/ CRM Strategy', target: 7, weight: 0.8 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.5 }\n ],\n \"Content Designer\": [\n { skill: 'Visual Design', target: 8, weight: 1.2, primary: true },\n { skill: 'Content Marketing Writing', target: 8, weight: 1.2 },\n { skill: 'Website & UX Copywriting', target: 7, weight: 1.0 },\n { skill: 'Brand Management\/Strategy', target: 6, weight: 0.5 }\n ],\n \"Marketing Operations Analyst\": [\n { skill: 'Data Analysis & Interpretation', target: 8, weight: 1.2, primary: true },\n { skill: 'Marketing Automation Platform Management', target: 8, weight: 1.2 },\n { skill: 'Project Management', target: 7, weight: 1.0 },\n { skill: 'MarTech Stack Strategy & Integration', target: 7, weight: 1.0 }\n ],\n \"Marketing Data Analyst\": [\n { skill: 'Data Analysis & Interpretation', target: 9, weight: 1.5, primary: true },\n { skill: 'Data Reporting & Visualization', target: 8, weight: 1.2 },\n { skill: 'Marketing Data Infrastructure & CDP Management', target: 7, weight: 1.0 },\n \/\/ { skill: 'SQL', target: 7, weight: 0.8 }\n ],\n \"CRM Marketing Specialist\": [\n { skill: 'Customer Experience (CX) \/ CRM Strategy', target: 9, weight: 1.5, primary: true },\n { skill: 'Marketing Automation Platform Management', target: 7, weight: 1.0 },\n { skill: 'Email Marketing', target: 7, weight: 0.8 },\n { skill: 'MQL & CRM Reporting', target: 7, weight: 1.0 }\n ],\n \"Marketing Designer\": [\n { skill: 'Visual Design', target: 9, weight: 1.5, primary: true },\n { skill: 'Brand Management\/Strategy', target: 7, weight: 1.0 },\n { skill: 'Website User Experience (UX) Design', target: 6, weight: 0.5 },\n { skill: 'Advertising Copywriting', target: 5, weight: 0.3 }\n ],\n \"SEO Content Specialist\": [\n { skill: 'Content Marketing Writing', target: 9, weight: 1.5, primary: true },\n { skill: 'SEO Strategy & Management', target: 8, weight: 1.2 },\n { skill: 'Platform & CMS Management', target: 6, weight: 0.5 },\n { skill: 'Data Analysis & Interpretation', target: 6, weight: 0.5 }\n ],\n \"Marketing Generalist\": [\n { skill: 'Campaign Management', target: 7, weight: 1.2, primary: true },\n { skill: 'Social Media Marketing', target: 6, weight: 1.0 },\n { skill: 'Email Marketing', target: 6, weight: 1.0 },\n { skill: 'Content Marketing Writing', target: 6, weight: 0.8 },\n { skill: 'Project Management', target: 5, weight: 0.5 }\n ],\n \"Visual Designer (Marketing)\": [\n { skill: 'Visual Design', target: 9, weight: 1.5, primary: true },\n { skill: 'Brand Management\/Strategy', target: 7, weight: 1.0 },\n { skill: 'Advertising Copywriting', target: 5, weight: 0.5 },\n { skill: 'Website User Experience (UX) Design', target: 5, weight: 0.5 }\n ],\n \"Public Relations Specialist\": [\n { skill: 'Media Relations', target: 9, weight: 1.5, primary: true },\n { skill: 'PR Content & Messaging Development', target: 8, weight: 1.2 },\n { skill: 'Corporate Communications & Reputation Management', target: 6, weight: 0.8 },\n { skill: 'Social Media Marketing', target: 5, weight: 0.3 }\n ],\n \"Communications Specialist\": [\n { skill: 'PR Content & Messaging Development', target: 9, weight: 1.5, primary: true },\n { skill: 'Corporate Communications & Reputation Management', target: 8, weight: 1.2 },\n { skill: 'Email Marketing', target: 6, weight: 0.5 },\n { skill: 'Media Relations', target: 6, weight: 0.7 }\n ],\n \"Copywriter\": [\n { skill: 'Advertising Copywriting', target: 9, weight: 1.5, primary: true },\n { skill: 'Website & UX Copywriting', target: 8, weight: 1.2 },\n { skill: 'Content Marketing Writing', target: 7, weight: 1.0 },\n { skill: 'Brand Management\/Strategy', target: 6, weight: 0.5 }\n ],\n \"Marketing Specialist (Campaign Execution)\": [\n { skill: 'Campaign Management', target: 9, weight: 1.5, primary: true },\n { skill: 'Project Management', target: 7, weight: 1.0 },\n { skill: 'Email Marketing', target: 6, weight: 0.7 },\n { skill: 'Social Media Marketing', target: 6, weight: 0.7 }\n ],\n \"Content Creator\": [\n { skill: 'Content Marketing Writing', target: 8, weight: 1.2, primary: true },\n { skill: 'Social Media Marketing', target: 7, weight: 1.0 },\n { skill: 'Visual Design', target: 6, weight: 0.8 },\n { skill: 'Video Production', target: 5, weight: 0.5 }\n ]\n };\n\n const slidersContainer = document.getElementById('sliders');\n const generateBtn = document.getElementById('generateBtn');\n const clearBtn = document.getElementById('clearBtn');\n const chartCanvas = document.getElementById('skillChart');\n const chartCtx = chartCanvas ? chartCanvas.getContext('2d') : null;\n const suggestionsContainer = document.getElementById('suggestionsOutput');\n const taskInputHelper = document.getElementById('taskInputHelper');\n const copyPromptBtn = document.getElementById('copyPromptBtn');\n const copyStatus = document.getElementById('copyStatus');\n const optimizeTaskInput = document.getElementById('optimizeTaskInput');\n const copyOptimizePromptBtn = document.getElementById('copyOptimizePromptBtn');\n const copyOptimizeStatus = document.getElementById('copyOptimizeStatus');\n\n let barChart = null;\n let currentRolesData = [];\n\n const formatNumber = (num) => {\n if (typeof num !== 'number' || isNaN(num)) return '0';\n let formatted = num.toFixed(1);\n return formatted.endsWith('.0') ? formatted.slice(0, -2) : formatted;\n };\n\n const copyToClipboard = async (text, statusElement) => {\n if (!statusElement) return;\n statusElement.textContent = '';\n statusElement.className = 'copy-status';\n try {\n await navigator.clipboard.writeText(text);\n statusElement.textContent = 'Prompt copied!';\n statusElement.classList.add('success');\n setTimeout(() => {\n if (statusElement.classList.contains('success')) {\n statusElement.textContent = '';\n statusElement.classList.remove('success');\n }\n }, 4000);\n } catch (err) {\n statusElement.textContent = 'Copy failed!';\n statusElement.classList.add('error');\n console.error('Clipboard copy error:', err);\n setTimeout(() => {\n if (statusElement.classList.contains('error')) {\n statusElement.textContent = '';\n statusElement.classList.remove('error');\n }\n }, 5000);\n }\n };\n\n const calculateAlignmentScore = (userSkills, role) => {\n const keySkills = ROLE_KEY_SKILLS[role];\n if (!keySkills || keySkills.length === 0) return 0;\n let achieved = 0, maxPossible = 0, primaryScore = 0, primaryTarget = 0;\n let hasPrimary = false;\n keySkills.forEach(({ skill, target, weight = 1, primary = false }) => {\n const userScore = userSkills[skill] || 0;\n const effectiveTarget = Math.max(0, target);\n const effectiveWeight = Math.max(0, weight);\n achieved += Math.min(userScore, effectiveTarget) * effectiveWeight;\n maxPossible += effectiveTarget * effectiveWeight;\n if (primary && effectiveTarget > 0) {\n primaryScore = userScore;\n primaryTarget = effectiveTarget;\n hasPrimary = true;\n }\n });\n if (maxPossible <= 0) return 0;\n const baseScore = (achieved \/ maxPossible) * 100;\n if (hasPrimary) {\n const primaryThreshold = primaryTarget * 0.7;\n if (primaryScore < primaryThreshold) {\n const penaltyFactor = primaryTarget > 0 ? (primaryScore \/ primaryTarget) : 0;\n return Math.max(0, Math.min(Math.round(baseScore * penaltyFactor), 100));\n }\n }\n return Math.max(0, Math.min(Math.round(baseScore), 100));\n };\n\n const getSkillsToImprove = (userSkills, role, currentScore) => {\n const THRESHOLD = 70;\n const keySkills = ROLE_KEY_SKILLS[role];\n if (currentScore >= THRESHOLD || !keySkills || keySkills.length === 0) return [];\n const improvements = [];\n keySkills.forEach(({ skill, target, primary = false }) => {\n const effectiveTarget = Math.max(0, target);\n const userScore = userSkills[skill] || 0;\n if (userScore < effectiveTarget) {\n const pointsNeeded = effectiveTarget - userScore;\n improvements.push({\n text: `${skill}: Increase from ${formatNumber(userScore)} to ${formatNumber(effectiveTarget)} (+${formatNumber(pointsNeeded)})${primary ? ' (Primary)' : ''}`,\n isPrimary: primary,\n gap: pointsNeeded\n });\n }\n });\n improvements.sort((a, b) => {\n if (a.isPrimary && !b.isPrimary) return -1;\n if (!a.isPrimary && b.isPrimary) return 1;\n return b.gap - a.gap;\n });\n return improvements.map(imp => imp.text);\n };\n\n const getUserSkills = () => {\n const skills = {};\n if (!slidersContainer) return skills;\n slidersContainer.querySelectorAll('input[type=\"range\"]').forEach(slider => {\n const skillName = slider.dataset.skill;\n if (skillName && SKILLS.includes(skillName)) {\n skills[skillName] = parseFloat(slider.value) || 0;\n } else if (skillName) {\n console.warn(`Slider has unrecognized data-skill: \"${skillName}\"`, slider);\n } else {\n console.warn(\"Slider missing data-skill attribute:\", slider);\n }\n });\n return skills;\n };\n\n const generateChartAndRoles = () => {\n const userSkills = getUserSkills();\n if (!chartCtx) {\n console.error(\"Chart canvas context not found!\");\n if (suggestionsContainer) {\n suggestionsContainer.innerHTML = `<p style=\"color: red;\">Error: Chart canvas not found.<\/p>`;\n suggestionsContainer.style.display = 'block';\n }\n return;\n }\n const chartData = CHART_LABELS.map(group => {\n const skillsInGroup = CHART_SKILL_MAPPING[group];\n if (!skillsInGroup || skillsInGroup.length === 0) return 0;\n const total = skillsInGroup.reduce((sum, skill) => sum + (userSkills[skill] || 0), 0);\n const avg = total \/ skillsInGroup.length;\n return isNaN(avg) ? 0 : avg;\n });\n if (barChart) { try { barChart.destroy(); } catch (e) { console.error(\"Error destroying chart:\", e);}}\n barChart = new Chart(chartCtx, {\n type: 'bar',\n data: {\n labels: CHART_LABELS,\n datasets: [{\n label: 'Skill Group Average',\n data: chartData,\n backgroundColor: 'rgba(0, 123, 255, 0.6)',\n borderColor: 'rgba(0, 123, 255, 1)',\n borderWidth: 1\n }]\n },\n options: {\n indexAxis: 'y', responsive: true, maintainAspectRatio: false,\n scales: { x: { beginAtZero: true, max: 10, ticks: { stepSize: 1 } }, y: { ticks: { font: { size: 11 }, autoSkip: false }}},\n plugins: { legend: { display: false }, tooltip: { callbacks: { label: (c) => `Avg: ${formatNumber(c.raw || 0)} \/ 10` }}}\n }\n });\n const THRESHOLD = 70;\n currentRolesData = Object.keys(SALARY_DATA).map(role => {\n const salaryInfo = SALARY_DATA[role] || { minK: 0, maxK: 0, minRate: 0, maxRate: 0 };\n const score = calculateAlignmentScore(userSkills, role);\n return {\n title: role, score, avgSalary: (salaryInfo.minK + salaryInfo.maxK) \/ 2,\n salaryRange: (salaryInfo.minK > 0 || salaryInfo.maxK > 0) ? `$${salaryInfo.minK}K - $${salaryInfo.maxK}K` : 'N\/A',\n rateRange: (salaryInfo.minRate > 0 || salaryInfo.maxRate > 0) ? `$${salaryInfo.minRate} - $${salaryInfo.maxRate}\/hr` : 'N\/A',\n improvements: getSkillsToImprove(userSkills, role, score)\n };\n }).sort((a, b) => (b.score - a.score) || (b.avgSalary - a.avgSalary));\n if (!suggestionsContainer) { console.error(\"Suggestions container not found!\"); return; }\n suggestionsContainer.innerHTML = `<h3>Role Alignment Analysis<\/h3> <p style=\"font-size: 0.9em; font-style: italic;\">Scores (0-100). Green: \u2265${THRESHOLD}, Red: <${THRESHOLD} (click score for improvement tips). Roles may require primary skill score \u2265 70% of target to avoid penalty.<\/p><div class=\"list-headers\"><span class=\"header-title\">Job Role<\/span><span class=\"header-score\">Alignment<\/span><span class=\"header-salary\">Est. Salary<\/span><span class=\"header-rate\">Est. Rate<\/span><\/div><ul id=\"jobSuggestionsList\">${currentRolesData.map((role, index) => `<li><span class=\"job-title\" title=\"${role.title}\">${role.title}<\/span><span class=\"alignment-score ${role.score >= THRESHOLD ? 'score-above' : 'score-below'}\" data-role-index=\"${index}\">${role.score}<\/span><span class=\"salary-range\">${role.salaryRange}<\/span><span class=\"consulting-rate\">${role.rateRange}<\/span><\/li>`).join('')}<\/ul><p id=\"suggestionDisclaimer\"><strong>Disclaimer:<\/strong> Scores indicate estimated skill alignment based on predefined criteria. Salary\/rate data are general market estimates; verify independently. Actual role requirements and compensation vary significantly by company, location, and experience level.<\/p>`;\n suggestionsContainer.style.display = 'block';\n attachPopupListeners(); \/\/ For role improvement popups\n suggestionsContainer.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n };\n\n const attachPopupListeners = () => { \/\/ For Role Improvement Popups\n document.querySelectorAll('.skill-popup.role-improvement').forEach(popup => popup.remove());\n document.querySelectorAll('.alignment-score.score-below').forEach(scoreEl => {\n const index = parseInt(scoreEl.dataset.roleIndex, 10);\n if (isNaN(index) || index < 0 || index >= currentRolesData.length) return;\n const roleData = currentRolesData[index];\n if (roleData && roleData.improvements.length > 0) {\n const popupId = `role-popup-${index}`;\n if (document.getElementById(popupId)) return;\n const popup = document.createElement('div');\n popup.classList.add('skill-popup', 'role-improvement');\n popup.id = popupId;\n popup.style.display = 'none';\n popup.innerHTML = `<strong>Improve for \"${roleData.title}\" (Score ${roleData.score} < 70):<\/strong><ul>${roleData.improvements.map(imp => `<li>${imp}<\/li>`).join('')}<\/ul>`;\n document.body.appendChild(popup);\n scoreEl.addEventListener('click', (e) => {\n e.stopPropagation();\n document.querySelectorAll('.skill-popup, .mastery-popup').forEach(p => { if (p !== popup) p.style.display = 'none'; });\n const rect = scoreEl.getBoundingClientRect();\n popup.style.display = popup.style.display === 'block' ? 'none' : 'block';\n if (popup.style.display === 'block') {\n let topPos = rect.bottom + window.scrollY + 5;\n let leftPos = rect.left + window.scrollX;\n const popupHeight = popup.offsetHeight || 100; const popupWidth = popup.offsetWidth || 300;\n if (topPos + popupHeight > window.scrollY + window.innerHeight - 10) topPos = rect.top + window.scrollY - popupHeight - 5;\n if (leftPos + popupWidth > window.scrollX + document.documentElement.clientWidth - 10) leftPos = window.scrollX + document.documentElement.clientWidth - popupWidth - 10;\n leftPos = Math.max(window.scrollX + 10, leftPos); topPos = Math.max(window.scrollY + 10, topPos);\n popup.style.left = `${leftPos}px`; popup.style.top = `${topPos}px`;\n }\n });\n }\n });\n };\n\n const generateSliders = () => {\n if (!slidersContainer) { console.error(\"Sliders container element not found!\"); return; }\n slidersContainer.innerHTML = '';\n document.querySelectorAll('.mastery-popup').forEach(p => p.remove());\n\n Object.entries(CHART_SKILL_MAPPING).forEach(([groupName, groupSkills]) => {\n const header = document.createElement('div');\n header.classList.add('slider-group-header');\n header.textContent = groupName;\n slidersContainer.appendChild(header);\n\n groupSkills.forEach((skill, index) => {\n if (!SKILLS.includes(skill)) { console.warn(`Skill \"${skill}\" not in SKILLS.`); return; }\n const idSuffix = skill.toLowerCase().replace(\/[^a-z0-9]\/g, ''); \/\/ For slider id\n const groupDiv = document.createElement('div');\n groupDiv.classList.add('slider-group');\n const label = document.createElement('label');\n label.htmlFor = idSuffix; label.textContent = `${skill}:`;\n label.dataset.skill = skill; label.dataset.group = groupName; label.dataset.index = index;\n label.title = `Click for mastery details for ${skill}`;\n const slider = document.createElement('input');\n slider.type = 'range'; slider.id = idSuffix; slider.min = '0'; slider.max = '10'; slider.step = '0.5';\n slider.value = DEFAULT_SKILL_LEVEL; slider.dataset.skill = skill;\n const valueDisplay = document.createElement('span');\n valueDisplay.classList.add('value-display'); valueDisplay.id = `${idSuffix}-value`;\n valueDisplay.textContent = formatNumber(parseFloat(slider.value));\n const initialPercentage = (parseFloat(slider.value) \/ 10) * 100;\n slider.style.background = `linear-gradient(to right, #007bff ${initialPercentage}%, #ddd ${initialPercentage}%)`;\n slider.addEventListener('input', () => {\n const val = parseFloat(slider.value); valueDisplay.textContent = formatNumber(val);\n const perc = (val \/ 10) * 100;\n slider.style.background = `linear-gradient(to right, #007bff ${perc}%, #ddd ${perc}%)`;\n });\n groupDiv.append(label, document.createElement('div'), slider, valueDisplay);\n slidersContainer.appendChild(groupDiv);\n\n const masteryInfo = SKILL_MASTERY[skill];\n if (masteryInfo && masteryInfo.length > 0) {\n const popupId = `mastery-popup-${groupName.replace(\/[^a-zA-Z0-9]\/g, '-').toLowerCase()}-${index}`;\n const popupElement = document.createElement('div');\n popupElement.classList.add('mastery-popup'); popupElement.id = popupId;\n popupElement.innerHTML = `<h3>${skill} - Mastery<\/h3><ul>${masteryInfo.map(item => `<li>${item}<\/li>`).join('')}<\/ul>`;\n popupElement.style.display = 'none';\n console.log(`CREATED Mastery Popup: ${popupId} for skill \"${skill}\"`);\n document.body.appendChild(popupElement);\n\n label.addEventListener('click', (e) => {\n e.stopPropagation();\n const cSkill = e.currentTarget.dataset.skill;\n const cGroupName = e.currentTarget.dataset.group;\n const cIndex = e.currentTarget.dataset.index;\n const targetPopupId = `mastery-popup-${cGroupName.replace(\/[^a-zA-Z0-9]\/g, '-').toLowerCase()}-${cIndex}`;\n \n console.log(`Label click for: \"${cSkill}\". Seeking popup ID: \"${targetPopupId}\"`);\n const popup = document.getElementById(targetPopupId);\n\n if (!popup) {\n console.error(`Mastery popup NOT FOUND for ID: \"${targetPopupId}\"`);\n return;\n }\n console.log(`Mastery popup FOUND: #${popup.id}`);\n\n const isCurrentlyVisible = popup.style.display === 'block';\n\n document.querySelectorAll('.skill-popup, .mastery-popup').forEach(otherPopup => {\n if (otherPopup !== popup) otherPopup.style.display = 'none';\n });\n\n if (isCurrentlyVisible) {\n popup.style.display = 'none';\n console.log(`Hiding mastery popup: #${popup.id}`);\n } else {\n popup.style.display = 'block';\n console.log(`Showing mastery popup: #${popup.id}. Calculating position...`);\n const rect = e.currentTarget.getBoundingClientRect();\n let topPos = rect.bottom + window.scrollY + 5;\n let leftPos = rect.left + window.scrollX;\n const popupHeight = popup.offsetHeight || 200;\n const popupWidth = popup.offsetWidth || 380;\n const viewportHeight = window.innerHeight;\n const viewportWidth = document.documentElement.clientWidth;\n\n if (topPos + popupHeight > window.scrollY + viewportHeight - 10) {\n topPos = rect.top + window.scrollY - popupHeight - 5;\n }\n if (topPos < window.scrollY + 10) {\n topPos = window.scrollY + 10;\n }\n if (leftPos + popupWidth > window.scrollX + viewportWidth - 10) {\n leftPos = window.scrollX + viewportWidth - popupWidth - 10;\n }\n leftPos = Math.max(window.scrollX + 10, leftPos);\n popup.style.left = `${leftPos}px`; popup.style.top = `${topPos}px`;\n console.log(`Positioned mastery popup #${popup.id} at T:${topPos}px, L:${leftPos}px`);\n }\n });\n } else {\n label.title = `${skill} (No mastery details available)`;\n }\n });\n });\n };\n\n if (generateBtn) generateBtn.addEventListener('click', generateChartAndRoles);\n else console.error(\"Generate button not found!\");\n if (clearBtn) {\n clearBtn.addEventListener('click', () => {\n if (barChart) { try { barChart.destroy(); } catch(e) { console.error(\"Error destroying chart:\", e); }}\n barChart = null; currentRolesData = [];\n if (slidersContainer) {\n slidersContainer.querySelectorAll('input[type=\"range\"]').forEach(slider => {\n slider.value = DEFAULT_SKILL_LEVEL;\n const perc = (DEFAULT_SKILL_LEVEL \/ 10) * 100;\n slider.style.background = `linear-gradient(to right, #007bff ${perc}%, #ddd ${perc}%)`;\n const disp = document.getElementById(`${slider.id}-value`);\n if (disp) disp.textContent = formatNumber(DEFAULT_SKILL_LEVEL);\n });\n }\n if (suggestionsContainer) { suggestionsContainer.innerHTML = ''; suggestionsContainer.style.display = 'none'; }\n if (chartCanvas) { const ctx = chartCanvas.getContext('2d'); if(ctx) ctx.clearRect(0, 0, chartCanvas.width, chartCanvas.height); }\n if (taskInputHelper) taskInputHelper.value = ''; if (optimizeTaskInput) optimizeTaskInput.value = '';\n [copyStatus, copyOptimizeStatus].forEach(el => { if (el) { el.textContent = ''; el.className = 'copy-status'; }});\n document.querySelectorAll('.skill-popup, .mastery-popup').forEach(popup => popup.remove());\n });\n } else { console.error(\"Clear button not found!\"); }\n\n const generateSkillPrompt = () => {\n if (!taskInputHelper || !copyStatus) return; const task = taskInputHelper.value.trim();\n if (!task) { copyStatus.textContent = 'Enter a task first!'; copyStatus.className = 'copy-status error'; setTimeout(() => { if(copyStatus.classList.contains('error')) {copyStatus.textContent=''; copyStatus.classList.remove('error');}}, 4000); return; }\n const prompt = `Task\/Job Title: \"${task}\"\\n\\nAnalyze the required marketing skills (Rate High, Medium, Low, or N\/A relevance) strictly from the following list: [${SKILLS.join(', ')}]. For each skill rated High or Medium, provide a brief (1 sentence) reasoning for its importance to this task\/job.`;\n copyToClipboard(prompt, copyStatus);\n };\n const generateOptimizePrompt = () => {\n if (!optimizeTaskInput || !copyOptimizeStatus) return; const task = optimizeTaskInput.value.trim();\n if (!task) { copyOptimizeStatus.textContent = 'Enter a task first!'; copyOptimizeStatus.className = 'copy-status error'; setTimeout(() => { if(copyOptimizeStatus.classList.contains('error')) {copyOptimizeStatus.textContent=''; copyOptimizeStatus.classList.remove('error');}}, 4000); return; }\n const prompt = `My recurring marketing task is: \"${task}\".\\n\\nSuggest specific AI tools, techniques, or process changes (e.g., automation steps, better data analysis methods, content generation aids, prompt examples for AI) to significantly optimize or accelerate performing this task. Focus on practical, actionable ideas and list any potential tools.`;\n copyToClipboard(prompt, copyOptimizeStatus);\n };\n if (copyPromptBtn) copyPromptBtn.addEventListener('click', generateSkillPrompt);\n if (copyOptimizePromptBtn) copyOptimizePromptBtn.addEventListener('click', generateOptimizePrompt);\n\n \/\/ Global click listener to close popups\n \/\/ Replace your existing document.addEventListener('click', ...) with this:\ndocument.addEventListener('click', (e) => {\n console.log('[Doc Click] Event target:', e.target);\n console.log('[Doc Click] e.target.tagName:', e.target.tagName);\n console.log('[Doc Click] e.target.classList:', e.target.classList);\n\n \/\/ Check if the click originated on or inside a skill label within a .slider-group\n const isSkillLabelTrigger = e.target.closest('.slider-group label');\n \/\/ Check if the click originated on an alignment score\n const isAlignmentScoreTrigger = e.target.classList.contains('alignment-score');\n \/\/ Check if the click originated inside any open popup\n const isInsideAnyPopup = e.target.closest('.skill-popup, .mastery-popup');\n \/\/ NEW CHECK: Check if the click target is one of our range inputs within a .slider-group\n const isRangeInputRelatedToLabel = e.target.matches('.slider-group input[type=\"range\"]');\n\n console.log('[Doc Click] isSkillLabelTrigger:', !!isSkillLabelTrigger);\n console.log('[Doc Click] isAlignmentScoreTrigger:', isAlignmentScoreTrigger);\n console.log('[Doc Click] isInsideAnyPopup:', !!isInsideAnyPopup);\n console.log('[Doc Click] isRangeInputRelatedToLabel:', isRangeInputRelatedToLabel);\n\n \/\/ If the click is NOT on a skill label, NOT on an alignment score,\n \/\/ NOT inside an existing popup, AND NOT on a range input (which might be related to a label click),\n \/\/ THEN hide all popups.\n if (!isSkillLabelTrigger && !isAlignmentScoreTrigger && !isInsideAnyPopup && !isRangeInputRelatedToLabel) {\n console.log(\"[Doc Click] Condition MET: Hiding all popups because click was outside a trigger, popup, or related input.\");\n document.querySelectorAll('.skill-popup, .mastery-popup').forEach(popup => {\n if (popup.style.display !== 'none') {\n console.log(`[Doc Click] Hiding popup: #${popup.id || 'unknown_id'}`);\n popup.style.display = 'none';\n }\n });\n } else {\n console.log(\"[Doc Click] Condition NOT MET (click was on a trigger, inside a popup, or on a related range input): No global close action taken.\");\n }\n});\n\n generateSliders();\n if (suggestionsContainer) suggestionsContainer.style.display = 'none';\n else console.error(\"Suggestions container not found on initial load.\");\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Marketing Skill Profile & Job Role Analyzer Skill Profile & Marketing Role Analyzer Adjust Skill Levels (0-10) & Generate Roles Assess your marketing proficiency by moving sliders (0-10, 0.5 increments). Click on a skill to see details. Next, click “Generate Chart & Roles” to see a summary of your skill levels and a list of […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-67","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=67"}],"version-history":[{"count":132,"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=\/wp\/v2\/pages\/67\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/www.gregbogdan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}