AIRI Foundation | AI Readiness Audit<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* AIRI Brand Colors *\/\r\n .bg-airi-dark { background-color: #0d3d2d; }\r\n .text-airi-lime { color: #c4df9b; }\r\n .bg-airi-lime { background-color: #c4df9b; }\r\n \r\n \/* Premium Slide Animation Logic *\/\r\n .viewport {\r\n overflow: hidden;\r\n width: 100%;\r\n }\r\n .step-container {\r\n display: flex;\r\n width: 200%;\r\n transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);\r\n }\r\n .step-content {\r\n width: 50%;\r\n flex-shrink: 0;\r\n padding: 0 1rem;\r\n }\r\n .slide-active { transform: translateX(-50%); }\r\n\r\n \/* Custom Checkbox Styling - High Contrast *\/\r\n .checkbox-custom {\r\n appearance: none;\r\n width: 1.65rem;\r\n height: 1.65rem;\r\n border: 2px solid rgba(255, 255, 255, 0.6);\r\n border-radius: 0.5rem;\r\n background-color: rgba(255, 255, 255, 0.05);\r\n cursor: pointer;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s;\r\n margin-top: 2px;\r\n }\r\n\r\n .checkbox-custom:checked {\r\n background-color: #c4df9b;\r\n border-color: #c4df9b;\r\n }\r\n\r\n .checkbox-custom:checked::after {\r\n content: '\u2713';\r\n color: #0d3d2d;\r\n font-size: 1.1rem;\r\n font-weight: 900;\r\n }\r\n\r\n \/* Unified Action Button Style - Updated for [a] *\/\r\n .btn-action {\r\n width: 100%;\r\n height: 4rem;\r\n background-color: #c4df9b;\r\n color: #0d3d2d;\r\n border-radius: 0.75rem; \/* Reduced rounded corners as requested *\/\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.875rem;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n \r\n .btn-action:hover {\r\n transform: translateY(-3px);\r\n background-color: #d9efb8;\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);\r\n filter: brightness(1.05);\r\n }\r\n\r\n \/* Custom Select Arrow Styling *\/\r\n .select-wrapper {\r\n position: relative;\r\n }\r\n\r\n .select-wrapper::after {\r\n content: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%230d3d2d' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7' \/%3E%3C\/svg%3E\");\r\n position: absolute;\r\n right: 1.25rem;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n pointer-events: none;\r\n opacity: 0.6;\r\n }\r\n\r\n #successOverlay {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(13, 61, 45, 0.99);\r\n backdrop-filter: blur(10px);\r\n z-index: 100;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 2rem;\r\n text-align: center;\r\n color: white;\r\n }\r\n\r\n .btn-overlay-linkedin {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n padding: 1rem;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 0.75rem;\r\n color: white;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.15em;\r\n transition: all 0.2s;\r\n text-decoration: none;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .btn-overlay-linkedin:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n border-color: white;\r\n }\r\n\r\n \/* Header Styling *\/\r\n .header-main {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 900;\r\n letter-spacing: 0.05em;\r\n color: #0d3d2d;\r\n }\r\n .header-sub {\r\n letter-spacing: 0.35em;\r\n font-weight: 800;\r\n color: #4a5d52;\r\n font-size: 10px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-[#f2f6f4] font-sans text-slate-900 pb-20 overflow-x-hidden\">\r\n\r\n <div id=\"successOverlay\">\r\n <div class=\"max-w-sm w-full px-6\">\r\n <div class=\"w-20 h-20 bg-white rounded-full flex items-center justify-center mx-auto mb-6 shadow-2xl\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10 text-[#0d3d2d]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"4\" d=\"M5 13l4 4L19 7\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h2 class=\"text-3xl font-black mb-4 uppercase text-white tracking-tight\">Success!<\/h2>\r\n <p class=\"text-lg mb-10 text-white\/90\">Your results have been sent. We'll be in touch shortly.<\/p>\r\n \r\n \r\n <a href=\"https:\/\/www.linkedin.com\/company\/airi-foundation\/\" target=\"_blank\" class=\"btn-overlay-linkedin\">\r\n Follow us on LinkedIn\r\n <\/a>\r\n\r\n <button onclick=\"location.reload()\" class=\"w-full py-4 bg-white text-[#0d3d2d] font-black rounded-[0.75rem] uppercase text-xs tracking-[0.2em]\">\r\n Close\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"bg-[#fcfdfc] py-14 px-6 text-center border-b border-airi-dark\/5\">\r\n <h1 class=\"header-main text-3xl mb-4\">AIRI FOUNDATION<\/h1>\r\n <p class=\"header-sub uppercase\">Democratizing Artificial Intelligence<\/p>\r\n <\/header>\r\n\r\n <main class=\"max-w-md mx-auto mt-8 viewport\">\r\n <div id=\"slideWrapper\" class=\"step-container\">\r\n \r\n \r\n <section id=\"step1\" class=\"step-content\">\r\n <div class=\"bg-airi-dark rounded-[2.5rem] shadow-2xl p-8 text-white relative overflow-hidden\">\r\n <h2 class=\"text-3xl font-black mb-3 tracking-tight text-white text-center relative z-10\">AI Readiness Audit<\/h2>\r\n <p class=\"text-[15px] text-white\/90 mb-10 leading-relaxed font-medium text-center relative z-10\">Based on the AIRI AI Adoption Roadmap. Complete this checklist to assess your organizational readiness.<\/p>\r\n \r\n <div id=\"checklistContainer\" class=\"space-y-12 mb-16 relative z-10\">\r\n \r\n <\/div>\r\n\r\n <div class=\"mt-12 pt-10 border-t border-white\/20 text-center relative z-10\">\r\n <div id=\"scoreWrapper\" class=\"mb-8 hidden\">\r\n <p class=\"text-[11px] font-black uppercase text-white\/60 tracking-[0.2em] mb-2\">Current Readiness Score<\/p>\r\n <div id=\"scoreDisplay\" class=\"text-7xl font-black text-white mb-2\">0 \/ 32<\/div>\r\n <div id=\"levelTag\" class=\"inline-block px-4 py-1.5 bg-white\/10 rounded-full text-[10px] font-bold uppercase tracking-widest text-white\/80\">Exploration Stage<\/div>\r\n <\/div>\r\n \r\n \r\n <button onclick=\"goToStep2()\" class=\"btn-action\">\r\n SUBMIT\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"step2\" class=\"step-content\">\r\n <div class=\"bg-[#fcfdfc] rounded-[2.5rem] shadow-xl p-8 border border-airi-dark\/5\">\r\n <div class=\"text-center mb-10\">\r\n <div class=\"inline-block p-4 bg-airi-dark\/5 rounded-2xl mb-4\">\r\n <span id=\"finalScoreLabel\" class=\"text-3xl font-black text-[#0d3d2d]\">0\/32<\/span>\r\n <\/div>\r\n <h2 class=\"text-lg font-black text-[#0d3d2d] uppercase tracking-tight leading-tight px-2 whitespace-nowrap\">Explore Next Steps With AIRI<\/h2>\r\n <p id=\"summaryText\" class=\"text-slate-600 text-sm mt-4 font-medium px-4 leading-relaxed\"><\/p>\r\n <\/div>\r\n\r\n <form id=\"intakeForm\" class=\"space-y-4\">\r\n <input type=\"hidden\" id=\"finalScore\" name=\"readiness_score\">\r\n <input type=\"text\" id=\"userName\" required class=\"w-full p-4 bg-[#eff3f1] border-none rounded-xl focus:ring-2 focus:ring-airi-dark outline-none transition text-sm\" placeholder=\"Full Name\">\r\n <input type=\"email\" id=\"userEmail\" required class=\"w-full p-4 bg-[#eff3f1] border-none rounded-xl focus:ring-2 focus:ring-airi-dark outline-none transition text-sm\" placeholder=\"Email Address\">\r\n <input type=\"text\" id=\"userOrg\" class=\"w-full p-4 bg-[#eff3f1] border-none rounded-xl focus:ring-2 focus:ring-airi-dark outline-none transition text-sm\" placeholder=\"Organization\">\r\n \r\n <div class=\"select-wrapper\">\r\n <select id=\"userPurpose\" required class=\"w-full p-4 bg-[#eff3f1] border-none rounded-xl focus:ring-2 focus:ring-airi-dark outline-none transition text-sm appearance-none cursor-pointer pr-12\">\r\n <option value=\"\" disabled selected>Purpose of Inquiry<\/option>\r\n <option value=\"Business: AI Implementation\">Business: AI Implementation<\/option>\r\n <option value=\"Academia: Research & Collaboration\">Academia: Research & Collaboration<\/option>\r\n <option value=\"Nonprofit: AI Implementation Support\">Nonprofit: AI Implementation Support<\/option>\r\n <option value=\"Partnerships & Strategic Collaboration\">Partnerships & Strategic Collaboration<\/option>\r\n <option value=\"Workshops & Training\">Workshops & Training<\/option>\r\n <option value=\"Invite AIRI to Speak\">Invite AIRI to Speak<\/option>\r\n <option value=\"Ethics & Responsible AI Support\">Ethics & Responsible AI Support<\/option>\r\n <option value=\"General Inquiry\">General Inquiry<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <textarea id=\"userMsg\" class=\"w-full p-4 bg-[#eff3f1] border-none rounded-xl focus:ring-2 focus:ring-airi-dark outline-none transition h-24 text-sm\" placeholder=\"I'm interested in...\"><\/textarea>\r\n \r\n <button type=\"submit\" class=\"btn-action\">\r\n SUBMIT\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/main>\r\n\r\n <script>\r\n const roadmapData = [\r\n { phase: \"Selection Phase\", stages: [\r\n { name: \"Aspiration\", items: [\r\n \"Have we clearly defined how AI serves our core mission?\",\r\n \"Can we clearly articulate expected value to stakeholders?\",\r\n \"Have we identified measurable outcomes for adoption?\",\r\n \"Have we adopted a written AI ethics or usage policy?\",\r\n \"Does AI align with broader digital transformation goals?\"\r\n ]},\r\n { name: \"Assessment\", items: [\r\n \"Have we mapped potential ways this AI could harm communities?\",\r\n \"Have we identified bias in the data or the algorithm outputs?\",\r\n \"Do we have a baseline of current performance for comparison?\",\r\n \"Is our data fit for purpose (clean, relevant, ethical)?\"\r\n ]},\r\n { name: \"Acquisition\", items: [\r\n \"Do vendors have a public commitment to ethics and privacy?\",\r\n \"Does the vendor provide transparency on model training?\",\r\n \"Does the cost align with a sustainable long-term budget?\",\r\n \"Have we evaluated environmental impact\/energy efficiency?\",\r\n \"Do we have internal expertise to evaluate vendor claims?\"\r\n ]},\r\n { name: \"Authorization\", items: [\r\n \"Have we secured explicit consent from data subjects?\",\r\n \"Is there a clear policy on ownership of AI output?\",\r\n \"Do we have a legal framework for data storage security?\",\r\n \"Is there a named role accountable for AI decisions?\"\r\n ]}\r\n ]},\r\n { phase: \"Implementation Phase\", stages: [\r\n { name: \"Application\", items: [\r\n \"Are we starting with a pilot rather than full-scale rollout?\",\r\n \"Is there Human-in-the-Loop oversight for every decision?\",\r\n \"Is staff trained on limitations, not just functionality?\",\r\n \"Have we established clear KPIs for the AI\u2019s success?\",\r\n \"Can we explain\/override outputs for high-impact decisions?\"\r\n ]},\r\n { name: \"Attention\", items: [\r\n \"Do we have a monthly 'Impact Review' scheduled?\",\r\n \"Are we tracking unintended bias or displacement?\",\r\n \"Is there a feedback loop for served communities?\"\r\n ]},\r\n { name: \"Amplification\", items: [\r\n \"Is AI freeing up staff for more human-centric work?\",\r\n \"Are we using AI to reach underserved populations?\",\r\n \"Have we shared findings with the sector to democratize learning?\"\r\n ]},\r\n { name: \"Alteration\", items: [\r\n \"Is there a clear threshold for discontinuing a tool?\",\r\n \"Are we prepared to pivot if harm emerges?\",\r\n \"Is there a fallback manual process if the system fails?\",\r\n \"Is there a schedule for retraining models to prevent decay?\"\r\n ]}\r\n ]}\r\n ];\r\n\r\n function renderChecklist() {\r\n const container = document.getElementById('checklistContainer');\r\n roadmapData.forEach(phase => {\r\n const phaseTitle = document.createElement('h3');\r\n phaseTitle.className = \"text-[12px] font-black uppercase tracking-[0.3em] text-white\/50 border-b border-white\/10 pb-3 mb-8 text-left\";\r\n phaseTitle.innerText = phase.phase;\r\n container.appendChild(phaseTitle);\r\n\r\n phase.stages.forEach(stage => {\r\n const stageBox = document.createElement('div');\r\n stageBox.className = \"mb-14\";\r\n stageBox.innerHTML = `<h4 class=\"text-2xl font-black mb-8 text-left text-white\">\r\n ${stage.name}\r\n <\/h4>`;\r\n \r\n stage.items.forEach(item => {\r\n const label = document.createElement('label');\r\n label.className = \"flex items-start mb-8 cursor-pointer group\";\r\n label.innerHTML = `\r\n <input type=\"checkbox\" class=\"checkbox-custom mr-5\">\r\n <span class=\"text-[17px] text-white group-hover:text-white transition-colors leading-relaxed pt-0.5 font-medium\">${item}<\/span>\r\n `;\r\n label.querySelector('input').addEventListener('change', updateScore);\r\n stageBox.appendChild(label);\r\n });\r\n container.appendChild(stageBox);\r\n });\r\n });\r\n }\r\n\r\n function updateScore() {\r\n const checked = document.querySelectorAll('input[type=\"checkbox\"]:checked').length;\r\n const scoreDisplay = document.getElementById('scoreDisplay');\r\n const scoreWrapper = document.getElementById('scoreWrapper');\r\n const tag = document.getElementById('levelTag');\r\n \r\n if (checked > 0) {\r\n scoreWrapper.classList.remove('hidden');\r\n } else {\r\n scoreWrapper.classList.add('hidden');\r\n }\r\n\r\n scoreDisplay.innerText = `${checked} \/ 32`;\r\n \r\n if (checked > 24) {\r\n tag.innerText = \"Leadership Stage\";\r\n tag.className = \"inline-block px-4 py-1.5 bg-airi-lime rounded-full text-[10px] font-black uppercase tracking-widest text-airi-dark shadow-lg\";\r\n } else if (checked > 11) {\r\n tag.innerText = \"Operational Stage\";\r\n tag.className = \"inline-block px-4 py-1.5 bg-white\/20 rounded-full text-[10px] font-black uppercase tracking-widest text-white shadow-lg\";\r\n } else {\r\n tag.innerText = \"Exploration Stage\";\r\n tag.className = \"inline-block px-4 py-1.5 bg-white\/10 rounded-full text-[10px] font-black uppercase tracking-widest text-white\/80\";\r\n }\r\n }\r\n\r\n function goToStep2() {\r\n const score = document.querySelectorAll('input[type=\"checkbox\"]:checked').length;\r\n \r\n \/\/ Slide animation trigger\r\n document.getElementById('slideWrapper').classList.add('slide-active');\r\n \r\n document.getElementById('finalScore').value = score;\r\n document.getElementById('finalScoreLabel').innerText = `${score}\/32`;\r\n \r\n let stageName = \"Exploration Stage\";\r\n if (score > 24) stageName = \"Leadership Stage\";\r\n else if (score > 11) stageName = \"Operational Stage\";\r\n \r\n document.getElementById('summaryText').innerHTML = `You\u2019re currently in the <strong>${stageName}<\/strong>. Let\u2019s explore your options and map out the next steps for responsible AI adoption in your organization.`;\r\n window.scrollTo({top: 0, behavior: 'smooth'});\r\n }\r\n\r\n document.getElementById('intakeForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const score = document.getElementById('finalScoreLabel').innerText;\r\n const name = document.getElementById('userName').value;\r\n const org = document.getElementById('userOrg').value;\r\n const purpose = document.getElementById('userPurpose').value;\r\n \r\n let stageName = \"Exploration Stage\";\r\n const scoreNum = parseInt(score);\r\n if (scoreNum > 24) stageName = \"Leadership Stage\";\r\n else if (scoreNum > 11) stageName = \"Operational Stage\";\r\n\r\n const body = `Audit Result: ${score} (${stageName})\\nName: ${name}\\nOrg: ${org}\\nInterest: ${purpose}\\nMessage: ${document.getElementById('userMsg').value}`;\r\n const mailtoLink = `mailto:contact@airifoundation.org?subject=AI Readiness Results: ${name}&body=${encodeURIComponent(body)}`;\r\n \r\n \/\/ Show Success Overlay first to ensure UI updates\r\n document.getElementById('successOverlay').style.display = 'flex';\r\n\r\n \/\/ Slight delay before opening mail client to prevent the page from \"bouncing\" back or freezing\r\n setTimeout(() => {\r\n window.location.href = mailtoLink;\r\n }, 500);\r\n });\r\n\r\n window.onload = renderChecklist;\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AIRI Foundation | AI Readiness Audit Success! Your results have been sent. We’ll be in touch shortly. Follow us on LinkedIn Close AIRI FOUNDATION Democratizing Artificial Intelligence AI Readiness Audit Based on the AIRI AI Adoption Roadmap. Complete this checklist to assess your organizational readiness. Current Readiness Score 0 \/ 32 Exploration Stage SUBMIT 0\/32 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-457","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/comments?post=457"}],"version-history":[{"count":13,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/457\/revisions"}],"predecessor-version":[{"id":1166,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/457\/revisions\/1166"}],"wp:attachment":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/media?parent=457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n AIRI Foundation | AI Readiness Audit<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* AIRI Brand Colors *\/\r\n .bg-airi-dark { background-color: #0d3d2d; }\r\n .text-airi-lime { color: #c4df9b; }\r\n .bg-airi-lime { background-color: #c4df9b; }\r\n \r\n \/* Premium Slide Animation Logic *\/\r\n .viewport {\r\n overflow: hidden;\r\n width: 100%;\r\n }\r\n .step-container {\r\n display: flex;\r\n width: 200%;\r\n transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);\r\n }\r\n .step-content {\r\n width: 50%;\r\n flex-shrink: 0;\r\n padding: 0 1rem;\r\n }\r\n .slide-active { transform: translateX(-50%); }\r\n\r\n \/* Custom Checkbox Styling - High Contrast *\/\r\n .checkbox-custom {\r\n appearance: none;\r\n width: 1.65rem;\r\n height: 1.65rem;\r\n border: 2px solid rgba(255, 255, 255, 0.6);\r\n border-radius: 0.5rem;\r\n background-color: rgba(255, 255, 255, 0.05);\r\n cursor: pointer;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s;\r\n margin-top: 2px;\r\n }\r\n\r\n .checkbox-custom:checked {\r\n background-color: #c4df9b;\r\n border-color: #c4df9b;\r\n }\r\n\r\n .checkbox-custom:checked::after {\r\n content: '\u2713';\r\n color: #0d3d2d;\r\n font-size: 1.1rem;\r\n font-weight: 900;\r\n }\r\n\r\n \/* Unified Action Button Style - Updated for [a] *\/\r\n .btn-action {\r\n width: 100%;\r\n height: 4rem;\r\n background-color: #c4df9b;\r\n color: #0d3d2d;\r\n border-radius: 0.75rem; \/* Reduced rounded corners as requested *\/\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.875rem;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\r\n border: none;\r\n cursor: pointer;\r\n }\r\n \r\n .btn-action:hover {\r\n transform: translateY(-3px);\r\n background-color: #d9efb8;\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);\r\n filter: brightness(1.05);\r\n }\r\n\r\n \/* Custom Select Arrow Styling *\/\r\n .select-wrapper {\r\n position: relative;\r\n }\r\n\r\n .select-wrapper::after {\r\n content: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%230d3d2d' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7' \/%3E%3C\/svg%3E\");\r\n position: absolute;\r\n right: 1.25rem;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n pointer-events: none;\r\n opacity: 0.6;\r\n }\r\n\r\n #successOverlay {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(13, 61, 45, 0.99);\r\n backdrop-filter: blur(10px);\r\n z-index: 100;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 2rem;\r\n text-align: center;\r\n color: white;\r\n }\r\n\r\n .btn-overlay-linkedin {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n padding: 1rem;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 0.75rem;\r\n color: white;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.15em;\r\n transition: all 0.2s;\r\n text-decoration: none;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .btn-overlay-linkedin:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n border-color: white;\r\n }\r\n\r\n \/* Header Styling *\/\r\n .header-main {\r\n font-family: 'Inter', sans-serif;\r\n font-weight: 900;\r\n letter-spacing: 0.05em;\r\n color: #0d3d2d;\r\n }\r\n .header-sub {\r\n letter-spacing: 0.35em;\r\n font-weight: 800;\r\n color: #4a5d52;\r\n font-size: 10px;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-[#f2f6f4] font-sans text-slate-900 pb-20 overflow-x-hidden\">\r\n\r\n <div id=\"successOverlay\">\r\n <div class=\"max-w-sm w-full px-6\">\r\n <div class=\"w-20 h-20 bg-white rounded-full flex items-center justify-center mx-auto mb-6 shadow-2xl\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10 text-[#0d3d2d]\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"4\" d=\"M5 13l4 4L19 7\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h2 class=\"text-3xl font-black mb-4 uppercase text-white tracking-tight\">Success!<\/h2>\r\n <p class=\"text-lg mb-10 text-white\/90\">Your results have been sent. We'll be in touch shortly.<\/p>\r\n \r\n \r\n <a href=\"https:\/\/www.linkedin.com\/company\/airi-foundation\/\" target=\"_blank\" class=\"btn-overlay-linkedin\">\r\n Follow us on LinkedIn\r\n <\/a>\r\n\r\n <button onclick=\"location.reload()\" class=\"w-full py-4 bg-white text-[#0d3d2d] font-black rounded-[0.75rem] uppercase text-xs tracking-[0.2em]\">\r\n Close\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"bg-[#fcfdfc] py-14 px-6 text-center border-b border-airi-dark\/5\">\r\n <h1 class=\"header-main text-3xl mb-4\">AIRI FOUNDATION<\/h1>\r\n <p class=\"header-sub uppercase\">Democratizing Artificial Intelligence<\/p>\r\n <\/header>\r\n\r\n <main class=\"max-w-md mx-auto mt-8 viewport\">\r\n <div id=\"slideWrapper\" class=\"step-container\">\r\n \r\n \r\n <section id=\"step1\" class=\"step-content\">\r\n <div class=\"bg-airi-dark rounded-[2.5rem] shadow-2xl p-8 text-white relative overflow-hidden\">\r\n <h2 class=\"text-3xl font-black mb-3 tracking-tight text-white text-center relative z-10\">AI Readiness Audit<\/h2>\r\n <p class=\"text-[15px] text-white\/90 mb-10 leading-relaxed font-medium text-center relative z-10\">Based on the AIRI AI Adoption Roadmap. Complete this checklist to assess your organizational readiness.<\/p>\r\n \r\n <div id=\"checklistContainer\" class=\"space-y-12 mb-16 relative z-10\">\r\n \r\n <\/div>\r\n\r\n <div class=\"mt-12 pt-10 border-t border-white\/20 text-center relative z-10\">\r\n <div id=\"scoreWrapper\" class=\"mb-8 hidden\">\r\n <p class=\"text-[11px] font-black uppercase text-white\/60 tracking-[0.2em] mb-2\">Current Readiness Score<\/p>\r\n <div id=\"scoreDisplay\" class=\"text-7xl font-black text-white mb-2\">0 \/ 32<\/div>\r\n <div id=\"levelTag\" class=\"inline-block px-4 py-1.5 bg-white\/10 rounded-full text-[10px] font-bold uppercase tracking-widest text-white\/80\">Exploration Stage<\/div>\r\n <\/div>\r\n \r\n \r\n <button onclick=\"goToStep2()\" class=\"btn-action\">\r\n SUBMIT\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"step2\" class=\"step-content\">\r\n <div class=\"bg-[#fcfdfc] rounded-[2.5rem] shadow-xl p-8 border border-airi-dark\/5\">\r\n <div class=\"text-center mb-10\">\r\n <div class=\"inline-block p-4 bg-airi-dark\/5 rounded-2xl mb-4\">\r\n <span id=\"finalScoreLabel\" class=\"text-3xl font-black text-[#0d3d2d]\">0\/32<\/span>\r\n <\/div>\r\n <h2 class=\"text-lg font-black text-[#0d3d2d] uppercase tracking-tight leading-tight px-2 whitespace-nowrap\">Explore Next Steps With AIRI<\/h2>\r\n <p id=\"summaryText\" class=\"text-slate-600 text-sm mt-4 font-medium px-4 leading-relaxed\"><\/p>\r\n <\/div>\r\n\r\n <form id=\"intakeForm\" class=\"space-y-4\">\r\n <input type=\"hidden\" id=\"finalScore\" name=\"readiness_score\">\r\n <input type=\"text\" id=\"userName\" required class=\"w-full p-4 bg-[#eff3f1] border-none rounded-xl focus:ring-2 focus:ring-airi-dark outline-none transition text-sm\" placeholder=\"Full Name\">\r\n <input type=\"email\" id=\"userEmail\" required class=\"w-full p-4 bg-[#eff3f1] border-none rounded-xl focus:ring-2 focus:ring-airi-dark outline-none transition text-sm\" placeholder=\"Email Address\">\r\n <input type=\"text\" id=\"userOrg\" class=\"w-full p-4 bg-[#eff3f1] border-none rounded-xl focus:ring-2 focus:ring-airi-dark outline-none transition text-sm\" placeholder=\"Organization\">\r\n \r\n <div class=\"select-wrapper\">\r\n <select id=\"userPurpose\" required class=\"w-full p-4 bg-[#eff3f1] border-none rounded-xl focus:ring-2 focus:ring-airi-dark outline-none transition text-sm appearance-none cursor-pointer pr-12\">\r\n <option value=\"\" disabled selected>Purpose of Inquiry<\/option>\r\n <option value=\"Business: AI Implementation\">Business: AI Implementation<\/option>\r\n <option value=\"Academia: Research & Collaboration\">Academia: Research & Collaboration<\/option>\r\n <option value=\"Nonprofit: AI Implementation Support\">Nonprofit: AI Implementation Support<\/option>\r\n <option value=\"Partnerships & Strategic Collaboration\">Partnerships & Strategic Collaboration<\/option>\r\n <option value=\"Workshops & Training\">Workshops & Training<\/option>\r\n <option value=\"Invite AIRI to Speak\">Invite AIRI to Speak<\/option>\r\n <option value=\"Ethics & Responsible AI Support\">Ethics & Responsible AI Support<\/option>\r\n <option value=\"General Inquiry\">General Inquiry<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <textarea id=\"userMsg\" class=\"w-full p-4 bg-[#eff3f1] border-none rounded-xl focus:ring-2 focus:ring-airi-dark outline-none transition h-24 text-sm\" placeholder=\"I'm interested in...\"><\/textarea>\r\n \r\n <button type=\"submit\" class=\"btn-action\">\r\n SUBMIT\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/main>\r\n\r\n <script>\r\n const roadmapData = [\r\n { phase: \"Selection Phase\", stages: [\r\n { name: \"Aspiration\", items: [\r\n \"Have we clearly defined how AI serves our core mission?\",\r\n \"Can we clearly articulate expected value to stakeholders?\",\r\n \"Have we identified measurable outcomes for adoption?\",\r\n \"Have we adopted a written AI ethics or usage policy?\",\r\n \"Does AI align with broader digital transformation goals?\"\r\n ]},\r\n { name: \"Assessment\", items: [\r\n \"Have we mapped potential ways this AI could harm communities?\",\r\n \"Have we identified bias in the data or the algorithm outputs?\",\r\n \"Do we have a baseline of current performance for comparison?\",\r\n \"Is our data fit for purpose (clean, relevant, ethical)?\"\r\n ]},\r\n { name: \"Acquisition\", items: [\r\n \"Do vendors have a public commitment to ethics and privacy?\",\r\n \"Does the vendor provide transparency on model training?\",\r\n \"Does the cost align with a sustainable long-term budget?\",\r\n \"Have we evaluated environmental impact\/energy efficiency?\",\r\n \"Do we have internal expertise to evaluate vendor claims?\"\r\n ]},\r\n { name: \"Authorization\", items: [\r\n \"Have we secured explicit consent from data subjects?\",\r\n \"Is there a clear policy on ownership of AI output?\",\r\n \"Do we have a legal framework for data storage security?\",\r\n \"Is there a named role accountable for AI decisions?\"\r\n ]}\r\n ]},\r\n { phase: \"Implementation Phase\", stages: [\r\n { name: \"Application\", items: [\r\n \"Are we starting with a pilot rather than full-scale rollout?\",\r\n \"Is there Human-in-the-Loop oversight for every decision?\",\r\n \"Is staff trained on limitations, not just functionality?\",\r\n \"Have we established clear KPIs for the AI\u2019s success?\",\r\n \"Can we explain\/override outputs for high-impact decisions?\"\r\n ]},\r\n { name: \"Attention\", items: [\r\n \"Do we have a monthly 'Impact Review' scheduled?\",\r\n \"Are we tracking unintended bias or displacement?\",\r\n \"Is there a feedback loop for served communities?\"\r\n ]},\r\n { name: \"Amplification\", items: [\r\n \"Is AI freeing up staff for more human-centric work?\",\r\n \"Are we using AI to reach underserved populations?\",\r\n \"Have we shared findings with the sector to democratize learning?\"\r\n ]},\r\n { name: \"Alteration\", items: [\r\n \"Is there a clear threshold for discontinuing a tool?\",\r\n \"Are we prepared to pivot if harm emerges?\",\r\n \"Is there a fallback manual process if the system fails?\",\r\n \"Is there a schedule for retraining models to prevent decay?\"\r\n ]}\r\n ]}\r\n ];\r\n\r\n function renderChecklist() {\r\n const container = document.getElementById('checklistContainer');\r\n roadmapData.forEach(phase => {\r\n const phaseTitle = document.createElement('h3');\r\n phaseTitle.className = \"text-[12px] font-black uppercase tracking-[0.3em] text-white\/50 border-b border-white\/10 pb-3 mb-8 text-left\";\r\n phaseTitle.innerText = phase.phase;\r\n container.appendChild(phaseTitle);\r\n\r\n phase.stages.forEach(stage => {\r\n const stageBox = document.createElement('div');\r\n stageBox.className = \"mb-14\";\r\n stageBox.innerHTML = `<h4 class=\"text-2xl font-black mb-8 text-left text-white\">\r\n ${stage.name}\r\n <\/h4>`;\r\n \r\n stage.items.forEach(item => {\r\n const label = document.createElement('label');\r\n label.className = \"flex items-start mb-8 cursor-pointer group\";\r\n label.innerHTML = `\r\n <input type=\"checkbox\" class=\"checkbox-custom mr-5\">\r\n <span class=\"text-[17px] text-white group-hover:text-white transition-colors leading-relaxed pt-0.5 font-medium\">${item}<\/span>\r\n `;\r\n label.querySelector('input').addEventListener('change', updateScore);\r\n stageBox.appendChild(label);\r\n });\r\n container.appendChild(stageBox);\r\n });\r\n });\r\n }\r\n\r\n function updateScore() {\r\n const checked = document.querySelectorAll('input[type=\"checkbox\"]:checked').length;\r\n const scoreDisplay = document.getElementById('scoreDisplay');\r\n const scoreWrapper = document.getElementById('scoreWrapper');\r\n const tag = document.getElementById('levelTag');\r\n \r\n if (checked > 0) {\r\n scoreWrapper.classList.remove('hidden');\r\n } else {\r\n scoreWrapper.classList.add('hidden');\r\n }\r\n\r\n scoreDisplay.innerText = `${checked} \/ 32`;\r\n \r\n if (checked > 24) {\r\n tag.innerText = \"Leadership Stage\";\r\n tag.className = \"inline-block px-4 py-1.5 bg-airi-lime rounded-full text-[10px] font-black uppercase tracking-widest text-airi-dark shadow-lg\";\r\n } else if (checked > 11) {\r\n tag.innerText = \"Operational Stage\";\r\n tag.className = \"inline-block px-4 py-1.5 bg-white\/20 rounded-full text-[10px] font-black uppercase tracking-widest text-white shadow-lg\";\r\n } else {\r\n tag.innerText = \"Exploration Stage\";\r\n tag.className = \"inline-block px-4 py-1.5 bg-white\/10 rounded-full text-[10px] font-black uppercase tracking-widest text-white\/80\";\r\n }\r\n }\r\n\r\n function goToStep2() {\r\n const score = document.querySelectorAll('input[type=\"checkbox\"]:checked').length;\r\n \r\n \/\/ Slide animation trigger\r\n document.getElementById('slideWrapper').classList.add('slide-active');\r\n \r\n document.getElementById('finalScore').value = score;\r\n document.getElementById('finalScoreLabel').innerText = `${score}\/32`;\r\n \r\n let stageName = \"Exploration Stage\";\r\n if (score > 24) stageName = \"Leadership Stage\";\r\n else if (score > 11) stageName = \"Operational Stage\";\r\n \r\n document.getElementById('summaryText').innerHTML = `You\u2019re currently in the <strong>${stageName}<\/strong>. Let\u2019s explore your options and map out the next steps for responsible AI adoption in your organization.`;\r\n window.scrollTo({top: 0, behavior: 'smooth'});\r\n }\r\n\r\n document.getElementById('intakeForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const score = document.getElementById('finalScoreLabel').innerText;\r\n const name = document.getElementById('userName').value;\r\n const org = document.getElementById('userOrg').value;\r\n const purpose = document.getElementById('userPurpose').value;\r\n \r\n let stageName = \"Exploration Stage\";\r\n const scoreNum = parseInt(score);\r\n if (scoreNum > 24) stageName = \"Leadership Stage\";\r\n else if (scoreNum > 11) stageName = \"Operational Stage\";\r\n\r\n const body = `Audit Result: ${score} (${stageName})\\nName: ${name}\\nOrg: ${org}\\nInterest: ${purpose}\\nMessage: ${document.getElementById('userMsg').value}`;\r\n const mailtoLink = `mailto:contact@airifoundation.org?subject=AI Readiness Results: ${name}&body=${encodeURIComponent(body)}`;\r\n \r\n \/\/ Show Success Overlay first to ensure UI updates\r\n document.getElementById('successOverlay').style.display = 'flex';\r\n\r\n \/\/ Slight delay before opening mail client to prevent the page from \"bouncing\" back or freezing\r\n setTimeout(() => {\r\n window.location.href = mailtoLink;\r\n }, 500);\r\n });\r\n\r\n window.onload = renderChecklist;\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AIRI Foundation | AI Readiness Audit Success! Your results have been sent. We’ll be in touch shortly. Follow us on LinkedIn Close AIRI FOUNDATION Democratizing Artificial Intelligence AI Readiness Audit Based on the AIRI AI Adoption Roadmap. Complete this checklist to assess your organizational readiness. Current Readiness Score 0 \/ 32 Exploration Stage SUBMIT 0\/32 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-457","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/comments?post=457"}],"version-history":[{"count":13,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/457\/revisions"}],"predecessor-version":[{"id":1166,"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/pages\/457\/revisions\/1166"}],"wp:attachment":[{"href":"https:\/\/airifoundation.org\/redesign\/wp-json\/wp\/v2\/media?parent=457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}