{"id":108898,"date":"2025-12-10T15:03:07","date_gmt":"2025-12-10T15:03:07","guid":{"rendered":"https:\/\/www.simscale.com\/?page_id=108898"},"modified":"2026-01-06T07:18:06","modified_gmt":"2026-01-06T07:18:06","slug":"ai-capability-index","status":"publish","type":"page","link":"https:\/\/www.simscale.com\/ai-capability-index\/","title":{"rendered":"AI Capability Index"},"content":{"rendered":"\n<div>\n<style>\n\/* =========================================\n   1. GLOBAL CONTAINER & LAYOUT\n   ========================================= *\/\n#ai-maturity-assessment {\n    font-family: 'Lato', sans-serif;\n    max-width: 1534px; \n    margin: 0 auto 40px auto;\n}\n\n\/* Base Layout (Mobile & Tablet) *\/\n.assessment-row {\n    margin-bottom: 50px;\n    position: relative;\n    display: block; \n}\n\n.row-title {\n    font-size: 24px;\n    font-weight: 700;\n    margin-bottom: 20px;\n    color: #333;\n}\n\n.options-track {\n    display: flex;\n    justify-content: space-between;\n    position: relative;\n    padding-top: 10px;\n    flex-grow: 1;\n}\n\n\/* --- DESKTOP LAYOUT (Screens > 1024px) --- *\/\n@media (min-width: 1024px) {\n    .assessment-row {\n        display: grid;\n        grid-template-columns: 200px 1fr; \n        column-gap: 73px;\n        align-items: start;\n    }\n\n    .row-title {\n        margin-bottom: 0;\n        text-align: left;\n        padding-top: 10px; \n    }\n}\n\n\/* =========================================\n   2. SLIDER & DOT STYLING\n   ========================================= *\/\n.track-line {\n    position: absolute;\n    top: 17px; \n    left: 10px;\n    right: 10px;\n    height: 15px; \n    background: linear-gradient(90deg, #E0EFF5 0%, #94D9F6 59.62%, #249DD1);\n    border-radius: 50px;\n    z-index: 0;\n}\n\n.option-item {\n    position: relative;\n    width: 18%; \n    text-align: center;\n    cursor: pointer;\n    z-index: 1; \n    vertical-align: top;\n}\n\n.option-item input { display: none; }\n\n.dot {\n    display: block;\n    width: 19px; \n    height: 19px;\n    border: 5px solid #fff; \n    background: #E0E6ED; \n    border-radius: 50%;\n    margin: 0 auto 15px auto; \n    box-shadow: 0 0 0 1px #E0E6ED; \n    transition: all 0.3s ease;\n    box-sizing: content-box; \n}\n\n.desc {\n    display: block;\n    font-size: 17px;\n    line-height: 1.4;\n    color: #666;\n    padding: 0 5px;\n}\n\n\/* Active States *\/\n.option-item input:checked + .dot {\n    background: #80F;        \n    box-shadow: 0 0 0 1px #80F;\n    transform: scale(1.1); \n}\n\n.option-item input:checked ~ .desc {\n    color: #000;\n    font-weight: 600;\n}\n\n.option-item:hover .dot { background: #E6D9FF; }\n\n\/* =========================================\n   3. HUBSPOT FORM STYLING\n   ========================================= *\/\n\/* Hide \"Last Maturity\" Fields initially *\/\n.hs-form-field:has([name=\"last_maturity_assessment_score\"]),\n.hs-form-field:has([name=\"last_maturity_assessment_results\"]) {\n    display: none !important;\n}\n\n\/* #hubspot-form-wrapper form {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    background: #F5F5F5;\n    padding: 30px;\n    border-radius: 8px;\n} *\/\n\n.hs_email, .hs_jobtitle, .hs_company, .hs_country, .hs_submit, .hs_consent_text {\n    grid-column: span 2;\n}\n\n#hubspot-form-wrapper input[type=\"text\"],\n#hubspot-form-wrapper input[type=\"email\"],\n#hubspot-form-wrapper input[type=\"tel\"],\n#hubspot-form-wrapper select {\n    width: 100% !important;\n    padding: 12px 15px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    font-size: 14px;\n    box-sizing: border-box;\n}\n\n#hubspot-form-wrapper input[type=\"submit\"] {\n    color: white;\n    border: none;\n    padding: 15px 30px;\n    font-size: 16px;\n    font-weight: bold;\n    border-radius: 4px;\n    cursor: pointer;\n    width: 100%;\n    margin-top: 10px;\n}\n\n\n\/* =========================================\n   4. RESULT CARD (Base Styles)\n   ========================================= *\/\n.assessment-result-card {\n    background: #fff;\n    padding: 40px;\n    border-radius: 8px;\n    text-align: center;\n    border: 1px solid #e0e0e0;\n    animation: fadeIn 0.5s ease-in-out;\n}\n\n.result-score {\n    display: inline-block;\n    background: #f0f4f8;\n    color: #333;\n    padding: 5px 15px;\n    border-radius: 20px;\n    font-weight: bold;\n    font-size: 14px;\n    margin-bottom: 20px;\n}\n\n.assessment-result-card h2 {\n    font-size: 28px;\n    margin-bottom: 15px;\n    color: #333;\n}\n\n.assessment-result-card p {\n    font-size: 16px;\n    line-height: 1.6;\n    color: #666;\n    margin-bottom: 30px;\n}\n\n\/* Base borders (Will be overridden in JS for the final graph view) *\/\n.result-low { border-top: 6px solid #f1c40f; }\n.result-med { border-top: 6px solid #3498db; }\n.result-high { border-top: 6px solid #2ecc71; }\n\n\/*.result-btn {\n    display: inline-block;\n    background-color: #007EA8;\n    color: white !important;\n    padding: 12px 25px;\n    border-radius: 4px;\n    text-decoration: none;\n    font-weight: bold;\n    margin-right: 15px;\n}\n.result-btn:hover { background-color: #006080; }*\/\n\n.result-link {\n    color: #999;\n    font-size: 14px;\n    cursor: pointer;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n\/* =========================================\n   5. MOBILE RESPONSIVENESS\n   ========================================= *\/\n@media (max-width: 768px) {\n    .options-track {\n        flex-direction: column; \n        border-left: 4px solid #E0E6ED; \n        padding-left: 20px;\n        padding-top: 0;\n    }\n    .track-line { display: none; }\n    .option-item {\n        width: 100%;\n        text-align: left;\n        margin-bottom: 20px;\n        display: flex;\n        align-items: flex-start;\n    }\n    .dot { margin: 0 15px 0 0; flex-shrink: 0; }\n    #hubspot-form-wrapper form { grid-template-columns: 1fr; }\n    .hs_email, .hs_jobtitle, .hs_company, .hs_country, .hs_submit { grid-column: span 1; }\n}\n<\/style>\n<\/div>\n\n\n\n<div class=\"gb-element-4683242c\">\n<div class=\"gb-element-f967969f\">\n<div class=\"gb-element-9b57e853\">\n<h1 class=\"gb-text gb-text-d9d42297\">Your Engineering AI Capability Index<br><em>How do you stack up?<\/em><\/h1>\n\n\n\n<p class=\"gb-text gb-text-204dbf4a\">Take 3 minutes to benchmark your organization against our 2025 State of Engineering AI survey results. You\u2019ll receive a detailed, actionable report to share with your team, along with specialized resources. Click on the button above each statement that best fits your current situation.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-64d58c10\">\n<div class=\"gb-element-be2db2ed\">\n<div class=\"gb-element-e0868d0d\">\n<div id=\"ai-maturity-assessment\">\n  <script nonce=\"dcd6a5702e40eccc9620492b761eab09\">\n    const assessmentData = [\n      {\n        category: \"Overall Progress\",\n        options: [\n          \"No current plans to adopt AI.\",\n          \"Planning to use AI, no pilots yet.\",\n          \"Actively running initial pilots and experiments with AI.\",\n          \"AI integrated in projects, now scaling use.\",\n          \"Mature, organization-wide AI program delivering value.\"\n        ]\n      },\n      {\n        category: \"Data Infrastructure\",\n        options: [\n          \"Siloed data, very difficult to use for AI.\",\n          \"Formulating a strategy to centralize our siloed data.\",\n          \"Centralizing data for specific pilot projects.\",\n          \"Data is largely centralized and accessibility is improving.\",\n          \"Unified, clean, and well-structured data is accessible.\"\n        ]\n      },\n      {\n        category: \"Technology Stack\",\n        options: [\n          \"Primarily on-premise, desktop-based tools.\",\n          \"Evaluating modern, cloud-based options.\",\n          \"Mix of on-premise and cloud tools for experiments.\",\n          \"Increasingly adopting cloud-native tools.\",\n          \"Our engineering stack is primarily cloud-native.\"\n        ]\n      },\n      {\n        category: \"AI Model Management\",\n        options: [\n          \"We have not used any AI models.\",\n          \"Considering using pre-built, external AI models.\",\n          \"Training models, but no management system.\",\n          \"Developing a library of reusable, governed models.\",\n          \"Fully managed model publication and versioning.\"\n        ]\n      },\n      {\n        category: \"Strategic Priority\",\n        options: [\n          \"AI is not a current strategic priority.\",\n          \"Currently defining AI's role in our overall strategy.\",\n          \"AI is important for specific projects, not overall strategy.\",\n          \"AI is an important part of our strategy.\",\n          \"AI is foundational to our innovation strategy.\"\n        ]\n      },\n      {\n        category: \"Implementation Ease\",\n        options: [\n          \"Very difficult to integrate AI with legacy tools.\",\n          \"Anticipate difficult AI implementation.\",\n          \"Somewhat difficult; current tools create friction.\",\n          \"Becoming easier as we modernize our tech stack.\",\n          \"Easy to implement and scale AI workflows.\"\n        ]\n      },\n      {\n        category: \"Team Readiness\",\n        options: [\n          \"Lack in-house AI expertise, perceive team resistance.\",\n          \"Assessing team skill gaps and expertise needs.\",\n          \"Rely heavily on a few internal\/external experts.\",\n          \"Upskilling teams, enthusiasm is growing for AI.\",\n          \"Empowered, skilled teams use AI tools autonomously.\"\n        ]\n      },\n      {\n        category: \"Productivity Impact\",\n        options: [\n          \"Not using AI; no measurable gains.\",\n          \"Expectation of future productivity gains.\",\n          \"No or very limited gains from initial pilots.\",\n          \"Achieving some measurable productivity gains.\",\n          \"High productivity gains and transformational impact.\"\n        ]\n      },\n      {\n        category: \"Primary Goal\",\n        options: [\n          \"Focus on operational efficiency and cost reduction.\",\n          \"Defining how AI improves quality and reduces costs.\",\n          \"Pilots aim to improve quality, shorten cycles.\",\n          \"Accelerate time-to-market and gain competitive advantage.\",\n          \"Driving significant design innovation with AI.\"\n        ]\n      }\n    ];\n\n    function renderAssessment() {\n      const container = document.getElementById('ai-maturity-assessment');\n      let html = '';\n\n      assessmentData.forEach((row, rowIndex) => {\n        html += `<div class=\"assessment-row\" data-category=\"${row.category}\">`;\n        html += `<h3 class=\"row-title\">${row.category}<\/h3>`;\n        html += `<div class=\"options-track\">`;\n        html += `<div class=\"track-line\"><\/div>`; \n        \n        row.options.forEach((opt, optIndex) => {\n          const val = optIndex + 1;\n          \/\/ LOGIC CHANGE: Select first option by default\n          const isChecked = optIndex === 0 ? 'checked' : '';\n          \n          html += `\n            <label class=\"option-item\">\n              <input type=\"radio\" name=\"row-${rowIndex}\" value=\"${val}\" ${isChecked} onclick=\"calculateScore()\">\n              <span class=\"dot\"><\/span>\n              <span class=\"desc\">${opt}<\/span>\n            <\/label>\n          `;\n        });\n\n        html += `<\/div><\/div>`;\n      });\n\n      container.innerHTML = html;\n      \n      \/\/ LOGIC CHANGE: Run calculation immediately so the default values (1.0) are ready for HubSpot\n      \/\/ We wrap it in a slight timeout to ensure the Form script has loaded its listener\n      setTimeout(function() {\n          if(typeof calculateScore === \"function\") {\n              calculateScore();\n          }\n      }, 500);\n    }\n\n    document.addEventListener(\"DOMContentLoaded\", renderAssessment);\n  <\/script>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-9e0a03be\">\n<div class=\"gb-element-3a19b9e8\">\n<div class=\"gb-element-44106e44\">\n<div class=\"ai-intro-content\">\n<h2 class=\"gb-text gb-text-7712486f\">Benchmark Your AI Capability<\/h2>\n\n\n\n<p class=\"gb-text gb-text-959c7c3e\">Submit your information to benchmark your organization&#8217;s AI maturity instantly. You&#8217;ll receive a detailed, actionable report to share with your team, along with specialized resources. Ready to move from Exploring to Leading? Our experts are here to help you define a precise AI roadmap that drives real-world value and innovation.<\/p>\n<\/div>\n\n\n\n<div>\n<div id=\"hubspot-form-wrapper\">\n  <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js.hsforms.net\/forms\/embed\/v2.js\" nonce=\"dcd6a5702e40eccc9620492b761eab09\"><\/script>\n  <script nonce=\"dcd6a5702e40eccc9620492b761eab09\">\n    window.hsForm = null;\n\n    hbspt.forms.create({\n      portalId: \"20069710\",\n      formId: \"639fc735-f90a-458c-9cb1-60c859c7c0cf\",\n      region: \"na1\",\n      sfdcCampaignId: \"701Se00000QbxRxIAJ\",\n      \n      onFormReady: function($form) {\n        window.hsForm = $form;\n        \n        \/\/ 1. Hide tracking fields\n        const $score = $form.find(\"[name='last_maturity_assessment_score']\");\n        const $results = $form.find(\"[name='last_maturity_assessment_results']\");\n        if ($score.length) $score.closest('.hs-form-field').hide();\n        if ($results.length) $results.closest('.hs-form-field').hide();\n        \n        \/\/ 2. FORM ONLY CSS\n        const formStyles = `\n            <style>\n                .hs-form-field { margin-bottom: 12px; }\n                input[type=\"text\"], input[type=\"email\"], input[type=\"tel\"], input[type=\"number\"], textarea, select {\n                    background-color: #ffffff !important; \n                    border: 1px solid #e0e0e0 !important; \n                    border-radius: 4px !important;\n                    padding: 12px 15px !important; \n                    font-size: 14px !important; \n                    color: #333 !important; \n                    height: 45px !important;\n                    box-sizing: border-box !important; \n                    width: 100% !important; \n                }\n                input:focus, select:focus, textarea:focus { border-color: #007EA8 !important; outline: none !important; }\n                input[type=\"checkbox\"] { width: 20px !important; height: 20px !important; margin-right: 10px !important; cursor: pointer; appearance: checkbox !important; -webkit-appearance: checkbox !important; }\n                .hs-fieldtype-booleancheckbox .input { margin-bottom: 0 !important; }\n                .hs-fieldtype-booleancheckbox label { display: flex !important; align-items: flex-start; font-weight: normal !important; font-size: 12px !important; line-height: 1.5 !important; }\n                .hs-fieldtype-intl-phone .hs-input { background: transparent !important; display: flex !important; gap: 10px !important; }\n                .hs-fieldtype-intl-phone select { width: 35% !important; margin-bottom: 0 !important; }\n                .hs-fieldtype-intl-phone input[type=\"tel\"] { width: 65% !important; }\n                .actions { padding-top: 10px; }\n                input[type=\"submit\"] { width: 100%; color: white; border: none; padding: 14px; font-weight: 400; border-radius: 4px; cursor: pointer; background: #007EA8; }\n                input[type=\"submit\"]:hover { \n                    background: #0088C2 !important; \n                    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.20) !important; \n                }\n            <\/style>\n        `;\n        $form.append(formStyles);\n        \n        \/\/ Add change listeners for real-time score calculation\n        $form.find('input[type=\"radio\"]').on('change', calculateScore);\n      },\n\n      onFormSubmitted: function($form) {\n        \/\/ A. Calculate Score\n        const selections = document.querySelectorAll('#ai-maturity-assessment input[type=\"radio\"]:checked');\n        let totalScore = 0;\n        selections.forEach(radio => totalScore += parseInt(radio.value));\n        const count = selections.length;\n        const average = count > 0 ? (totalScore \/ count) : 1; \n\n        \/\/ B. Determine RICH Text Content for Left Column\n        let leftColumnHTML = \"\";\n        if (average < 1.5) {\n            leftColumnHTML = `<div class=\"result-text-fade\"><h2 style=\"font-size: 32px; color: #333; margin-bottom: 20px;\">Level 1: Foundational<\/h2><p style=\"font-size: 18px; line-height: 1.6; color: #555; margin-bottom: 15px;\">You are at the beginning of your journey with AI in engineering.<\/p><p style=\"font-size: 16px; line-height: 1.6; color: #555; margin-bottom: 20px;\">Since you are at the beginning of your AI journey, you have the opportunity to build a modern, scalable foundation correctly from day one by following emerging best practices.<\/p><h3 style=\"font-size: 18px; font-weight: 700; color: #333; margin-bottom: 10px;\">Typical diagnosis:<\/h3><ul style=\"font-size: 16px; line-height: 1.6; color: #555; margin-bottom: 20px; padding-left: 20px;\"><li style=\"margin-bottom: 8px;\"><strong>No Active AI:<\/strong> AI is not yet part of your engineering workflows.<\/li><li style=\"margin-bottom: 8px;\"><strong>Infrastructure Gaps:<\/strong> You likely rely on legacy, on-premise hardware that struggles with AI workloads.<\/li><li style=\"margin-bottom: 8px;\"><strong>Data Silos:<\/strong> Your simulation and design data is likely scattered across local machines rather than centralized.<\/li><li style=\"margin-bottom: 8px;\"><strong>Opportunity:<\/strong> By re-assessing your toolchain, you are positioned to leapfrog competitors by adopting a cloud-native strategy immediately.<\/li><\/ul><p style=\"font-size: 16px; line-height: 1.6; color: #555;\">We'll shortly send you an email with all the relevant resources to help you move to the next level.<\/p><\/div>`; \n        } else if (average < 2.6) {\n            leftColumnHTML = `<div class=\"result-text-fade\"><h2 style=\"font-size: 32px; color: #333; margin-bottom: 20px;\">Level 2: Mobilizing<\/h2><p style=\"font-size: 18px; line-height: 1.6; color: #555; margin-bottom: 15px;\">You are ready to move from planning to action.<\/p><p style=\"font-size: 16px; line-height: 1.6; color: #555; margin-bottom: 20px;\">It sounds like you recognize the strategic importance of AI and are deep in the planning phase, but you risk becoming stuck in 'analysis paralysis' and need to launch a low-risk pilot to prove value.<\/p><h3 style=\"font-size: 18px; font-weight: 700; color: #333; margin-bottom: 10px;\">Typical diagnosis:<\/h3><ul style=\"font-size: 16px; line-height: 1.6; color: #555; margin-bottom: 20px; padding-left: 20px;\"><li style=\"margin-bottom: 8px;\"><strong>Strategic Awareness:<\/strong> You know AI is important, but haven't executed yet.<\/li><li style=\"margin-bottom: 8px;\"><strong>Planning Mode:<\/strong> You spend significant time analyzing potential use cases. without starting.<\/li><li style=\"margin-bottom: 8px;\"><strong>Waiting for Data Perfection:<\/strong> You may be looking for \"perfect\" data before beginning, rather than starting with a pragmatic dataset.<\/li><li style=\"margin-bottom: 8px;\"><strong>Need for a Champion:<\/strong>You likely have enthusiastic engineers ready to experiment who just need the mandate to run a proof-of-concept.<\/li><\/ul><p style=\"font-size: 16px; line-height: 1.6; color: #555;\">We'll shortly send you an email with all the relevant resources to help you move to the next level.<\/p><\/div>`; \n        } else if (average < 3.7) {\n            leftColumnHTML = `<div class=\"result-text-fade\"><h2 style=\"font-size: 32px; color: #333; margin-bottom: 20px;\">Level 3: Exploring<\/h2><p style=\"font-size: 18px; line-height: 1.6; color: #555; margin-bottom: 15px;\">You are bridging the gap between pilot and scale.<\/p><p style=\"font-size: 16px; line-height: 1.6; color: #555; margin-bottom: 20px;\">Although you are ahead of 50% of the market by actively running pilots, you now need to cross the \"Expectation-Execution Gap\" where teams often struggle to translate successful experiments into organization-wide value.<\/p><h3 style=\"font-size: 18px; font-weight: 700; color: #333; margin-bottom: 10px;\">Typical diagnosis:<\/h3><ul style=\"font-size: 16px; line-height: 1.6; color: #555; margin-bottom: 20px; padding-left: 20px;\"><li style=\"margin-bottom: 8px;\"><strong>Active Experimentation:<\/strong> You have AI pilots running, but they are often ad-hoc or isolated.<\/li><li style=\"margin-bottom: 8px;\"><strong>Scaling Friction:<\/strong> You find it difficult to scale successful desktop-based pilots to the rest of the team.<\/li><li style=\"margin-bottom: 8px;\"><strong>Trust Issues:<\/strong> Your team may be skeptical of AI results, highlighting a need for validation and traceability workflows.<\/li><li style=\"margin-bottom: 8px;\"><strong>Process Gaps:<\/strong>You lack a standardized workflow to turn individual experiments into repeatable business processes.<\/li><\/ul><p style=\"font-size: 16px; line-height: 1.6; color: #555;\">We'll shortly send you an email with all the relevant resources to help you move to the next level.<\/p><\/div>`; \n        } else if (average < 4.5) {\n            leftColumnHTML = `<div class=\"result-text-fade\"><h2 style=\"font-size: 32px; color: #333; margin-bottom: 20px;\">Level 4: Scaling<\/h2><p style=\"font-size: 18px; line-height: 1.6; color: #555; margin-bottom: 15px;\">You are realizing the transformational power of AI.<\/p><p style=\"font-size: 16px; line-height: 1.6; color: #555; margin-bottom: 20px;\">Since you have successfully integrated AI into real projects and are seeing productivity gains, your focus must now shift from achieving individual wins to establishing systemic governance and democratization.<\/p><h3 style=\"font-size: 18px; font-weight: 700; color: #333; margin-bottom: 10px;\">Typical diagnosis:<\/h3><ul style=\"font-size: 16px; line-height: 1.6; color: #555; margin-bottom: 20px; padding-left: 20px;\"><li style=\"margin-bottom: 8px;\"><strong>Measurable Value:<\/strong> You are already seeing faster iteration cycles and productivity improvements.<\/li><li style=\"margin-bottom: 8px;\"><strong>Management Challenges:<\/strong> You are facing new challenges in versioning, managing, and sharing a growing library of AI models.<\/li><li style=\"margin-bottom: 8px;\"><strong>Democratization:<\/strong> You are ready to empower all team members (simulation expert and non-expert) to use validated AI models.<\/li><li style=\"margin-bottom: 8px;\"><strong>Metric Shift: <\/strong>You are moving beyond \"time saved\" to measuring \"innovation capacity\" and \"design space explored.\"<\/li><\/ul><p style=\"font-size: 16px; line-height: 1.6; color: #555;\">We'll shortly send you an email with all the relevant resources to help you move to the next level.<\/p><\/div>`; \n        } else {\n            leftColumnHTML = `<div class=\"result-text-fade\"><h2 style=\"font-size: 32px; color: #333; margin-bottom: 20px;\">Level 5: Leading<\/h2><p style=\"font-size: 18px; line-height: 1.6; color: #555; margin-bottom: 15px;\">You are defining the future of engineering.<\/p><p style=\"font-size: 16px; line-height: 1.6; color: #555; margin-bottom: 20px;\">Impressive! You are part of the elite 3% of organizations with a mature and productive AI program, using unified data and cloud-native tools to fundamentally rethink how products are designed and brought to market.<\/p><h3 style=\"font-size: 18px; font-weight: 700; color: #333; margin-bottom: 10px;\">Typical diagnosis:<\/h3><ul style=\"font-size: 16px; line-height: 1.6; color: #555; margin-bottom: 20px; padding-left: 20px;\"><li style=\"margin-bottom: 8px;\"><strong>Cloud-Native Foundation:<\/strong> Your data and tools are unified and probably built in the cloud, enabling seamless AI integration.<\/li><li style=\"margin-bottom: 8px;\"><strong>Agentic Workflows:<\/strong> You are likely moving beyond prediction to using autonomous agents that explore design spaces for you.<\/li><li style=\"margin-bottom: 8px;\"><strong Supply Chain Leadership:<\/strong> You are influencing your partners and suppliers to adopt your modern workflows.<\/li><li style=\"margin-bottom: 8px;\"><strong>Strategic Innovation:<\/strong> AI is no longer just a tool for efficiency; it is the primary driver of your business strategy and competitive advantage.<\/li><\/ul><p style=\"font-size: 16px; line-height: 1.6; color: #555;\">We'll shortly send you an email with some resources to further strengthen your know-how. We\u2019d love to hear more about your success story and help you stay at the forefront of AI in engineering.<\/p><\/div>`; \n        }\n\n        \/\/ C. Update Left Column\n        const leftColumn = document.querySelector('.ai-intro-content');\n        if (leftColumn) {\n          leftColumn.innerHTML = leftColumnHTML;\n          try {\n            leftColumn.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n          } catch (e) {\n            leftColumn.scrollIntoView();\n          }\n        }\n\n        \/\/ D. GENERATE RESULT HTML (SAFARI FIX: Use separate results container)\n        const percentPosition = 10 + ((average - 1) \/ 4) * 80;\n\n        \/\/ Hide the form wrapper and show the results wrapper\n        const formWrapper = document.getElementById('hubspot-form-wrapper');\n        const resultsWrapper = document.getElementById('ai-maturity-results-wrapper');\n        \n        if(formWrapper) formWrapper.style.display = 'none';\n        if(resultsWrapper) {\n            resultsWrapper.style.display = 'block';\n            \n            \/\/ Inject the graph into the SEPARATE container\n            resultsWrapper.innerHTML = `\n                <style>\n                    .result-actions-card { padding: 30px; text-align: left; background: #fff; border-radius: 8px; }\n                    .maturity-graph-title { font-size: 20px; font-weight: 700; color: #333; margin-bottom: 20px; }\n                    \n                    \/* Flex Layout *\/\n                    .graph-flex-layout { display: flex; align-items: stretch; gap: 10px; margin-bottom: 20px; }\n                    \n                    \/* Axis *\/\n                    .y-axis-container { display: flex; gap: 8px; width: 40px; flex-shrink: 0; }\n                    .y-axis-label { writing-mode: vertical-rl; transform: rotate(180deg); -webkit-transform: rotate(180deg); font-size: 12px; color: #666; font-weight: 400; text-align: center; white-space: nowrap; margin: auto 0; }\n                    .y-axis-ticks { display: flex; flex-direction: column; justify-content: space-between; font-size: 11px; color: #666; text-align: right; width: 100%; padding-bottom: 22px; padding-top: 5px; }\n                    \n                    \/* Graph Area *\/\n                    .graph-main-area { flex-grow: 1; position: relative; }\n                    .maturity-graph-container { position: relative; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }\n                    .graph-svg-wrapper { width: 100%; height: auto; display: block; line-height: 0; font-size: 0; }\n                    \n                    \/* Marker *\/\n                    .graph-marker { position: absolute; top: 0; bottom: 0; width: 4px; background-color: #8800FF; z-index: 10; transition: left 1.5s ease-out; }\n                    .graph-marker-text { position: absolute; bottom: 5px; left: -1px; white-space: nowrap; font-size: 12px; font-weight: 800; color: #8800FF; text-transform: uppercase; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: left bottom; -webkit-transform-origin: left bottom; }\n                    \n                    \/* Labels *\/\n                    .graph-labels { display: flex; justify-content: space-between; padding-top: 8px; }\n                    .graph-label { font-size: 11px; color: #333; font-weight: 600; width: 20%; text-align: center; }\n                    .x-axis-title { text-align: center; font-size: 12px; margin-top: 5px; font-weight: 600; color: #333; }\n                    \n                    \/* Buttons *\/\n                    .action-buttons { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }\n                    \n                    .result-btn { \n                        display: block; width: 100%; padding: 12px; border-radius: 4px; \n                        text-decoration: none !important; font-weight: 400; text-align: center;\n                        transition: all 0.3s ease;\n                    }\n                    .result-btn:hover { text-decoration: none !important; }\n\n                    \/* Primary *\/\n                    .primary-btn { background-color: #0076A8; color: white !important; }\n                    .primary-btn:hover { background-color: #0088C2 !important; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2) !important; }\n\n                    \/* Secondary *\/\n                    .secondary-btn { background-color: transparent; border: 1px solid rgba(0, 118, 168, 0.2); color: #0076A8!important; }\n                    .secondary-btn:hover { border-color: rgba(0, 118, 168, 0.3); color: #005278 !important; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2) !important; }\n\n                    \/* Media Queries *\/\n                    @media (max-width: 1024px) {\n                        .graph-label { font-size: 9px !important; } \n                    }\n                    @media (max-width: 768px) {\n                        .graph-label { font-size: 7px !important; } \n                    }\n                <\/style>\n\n                <div class=\"result-actions-card\">\n                    <div class=\"maturity-graph-title\">Maturity Curve<\/div>\n                    <div class=\"graph-flex-layout\">\n                        <div class=\"y-axis-container\">\n                            <div class=\"y-axis-label\">Percentage<\/div>\n                            <div class=\"y-axis-ticks\"><span>50<\/span><span>40<\/span><span>30<\/span><span>20<\/span><span>10<\/span><span>0<\/span><\/div>\n                        <\/div>\n                        <div class=\"graph-main-area\">\n                            <div class=\"maturity-graph-container\">\n                                <div class=\"graph-marker\" style=\"left: 0%;\" id=\"marker-anim\"><span class=\"graph-marker-text\">YOU ARE HERE<\/span><\/div>\n                                <div class=\"graph-svg-wrapper\">\n                                    <svg viewBox=\"0 0 823 490\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width: 100%; height: auto; display: block;\">\n                                        <path d=\"M223 81.507C187.37 173.549 87 427.003 0 427.003V490.008H823V456.003C794.667 457.003 709.104 458.466 625 408.003C525 348.003 488.955 266.34 431.5 102.007C383.951 -33.9926 265 -26.9922 223 81.507Z\" fill=\"url(#paint0_linear_137_876)\"\/>\n                                        <defs><linearGradient id=\"paint0_linear_137_876\" x1=\"1.44853e-07\" y1=\"486.008\" x2=\"823\" y2=\"488.008\" gradientUnits=\"userSpaceOnUse\"><stop offset=\"0.1875\" stop-color=\"#DBECF3\"\/><stop offset=\"0.586538\" stop-color=\"#9FDDF7\"\/><stop offset=\"1\" stop-color=\"#2CA1D4\"\/><\/linearGradient><\/defs>\n                                    <\/svg>\n                                <\/div>\n                            <\/div>\n                            <div class=\"graph-labels\">\n                                <span class=\"graph-label\">Foundational<\/span><span class=\"graph-label\">Mobilizing<\/span><span class=\"graph-label\">Exploring<\/span><span class=\"graph-label\">Scaling<\/span><span class=\"graph-label\">Leading<\/span>\n                            <\/div>\n                            <div class=\"x-axis-title\">Level<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"action-buttons\">\n                        <a href=\"\/request-demo\" class=\"result-btn primary-btn\">Talk to an Expert<\/a>\n                        <a href=\"\" onclick=\"location.reload()\" class=\"result-btn secondary-btn\">Restart Assessment<\/a>\n                    <\/div>\n                <\/div>\n            `;\n\n            \/\/ Trigger animation after small delay to ensure rendering\n            setTimeout(() => {\n                const marker = document.getElementById('marker-anim');\n                if(marker) marker.style.left = percentPosition + \"%\";\n            }, 200);\n        }\n      }\n    });\n\n    \/\/ Helper Calculation Function\n    function calculateScore() {\n      const selections = document.querySelectorAll('#ai-maturity-assessment input[type=\"radio\"]:checked');\n      let totalScore = 0;\n      let csvSummary = [];\n      selections.forEach(radio => {\n        const val = parseInt(radio.value);\n        const category = radio.closest('.assessment-row').getAttribute('data-category');\n        totalScore += val;\n        csvSummary.push(`${category}: ${val}`);\n      });\n      const count = selections.length;\n      const average = count > 0 ? (totalScore \/ count) : 1; \n      const avgFixed = average.toFixed(1);\n\n      \/\/ HUBSPOT VALUE\n      let hubspotLabel = \"\";\n      if (average < 1.5) hubspotLabel = \"Foundational\";\n      else if (average < 2.6) hubspotLabel = \"Mobilizing\";\n      else if (average < 3.7) hubspotLabel = \"Exploring\";\n      else if (average < 4.5) hubspotLabel = \"Scaling\";\n      else hubspotLabel = \"Leading\";\n      \n      const finalValueForHubSpot = `${avgFixed} - ${hubspotLabel}`;\n      const csvString = csvSummary.join(', ');\n      \n      if (window.hsForm) {\n          const $scoreInput = window.hsForm.find(\"[name='last_maturity_assessment_score']\");\n          const $resultsInput = window.hsForm.find(\"[name='last_maturity_assessment_results']\");\n          if ($scoreInput.length) $scoreInput.val(finalValueForHubSpot).change();\n          if ($resultsInput.length) $resultsInput.val(csvString).change();\n      }\n    }\n  <\/script>\n<\/div>\n<div id=\"ai-maturity-results-wrapper\" style=\"display: none;\">\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-3b560818\">\n<div class=\"gb-element-578d2f7d\">\n<div class=\"gb-element-7d547d95\">\n<div class=\"gb-element-193ac0ec\">\n<img loading=\"lazy\" decoding=\"async\" width=\"109\" height=\"33\" class=\"gb-media-d44658dc\" alt=\"G2Crowd Icon \" src=\"https:\/\/frontend-assets.simscale.com\/media\/2025\/12\/g2crowd_icon_updated_white.svg\" title=\"g2crowd_icon_updated_white\"\/>\n\n\n\n<img loading=\"lazy\" decoding=\"async\" width=\"89\" height=\"35\" class=\"gb-media-fdb23b2e\" alt=\"Capterra Icon\" src=\"https:\/\/frontend-assets.simscale.com\/media\/2025\/12\/Capterra.svg\" title=\"Capterra\"\/>\n<\/div>\n\n\n\n<h2 class=\"gb-text gb-text-bc8c428d\">Plan Your Engineering AI Strategy<\/h2>\n\n\n\n<p class=\"gb-text gb-text-89d65091\">Work directly with our specialists to understand where AI can accelerate simulation, improve accuracy, and unlock new design possibilities.<\/p>\n\n\n\n<div class=\"gb-element-ffb35385\">\n<a class=\"gb-text gb-text-80fc67a7\" href=\"https:\/\/www.simscale.com\/request-demo\/\">Book a Demo<\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Your Engineering AI Capability IndexHow do you stack up? Take 3 minutes to benchmark your organization against our 2025 State...","protected":false},"author":195,"featured_media":109054,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-hw-blank.php","meta":{"_acf_changed":false,"_crdt_document":"","inline_featured_image":false,"footnotes":""},"class_list":["post-108898","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/pages\/108898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/users\/195"}],"replies":[{"embeddable":true,"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/comments?post=108898"}],"version-history":[{"count":0,"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/pages\/108898\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/media\/109054"}],"wp:attachment":[{"href":"https:\/\/www.simscale.com\/wp-json\/wp\/v2\/media?parent=108898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}