{"id":716,"date":"2026-02-22T22:33:16","date_gmt":"2026-02-22T22:33:16","guid":{"rendered":"https:\/\/www.opey.org\/opeyit\/?page_id=716"},"modified":"2026-02-27T15:08:58","modified_gmt":"2026-02-27T15:08:58","slug":"agentic-ai-governance-assessment","status":"publish","type":"page","link":"https:\/\/www.opey.org\/opeyit\/?page_id=716","title":{"rendered":"Agentic AI Governance Assessment"},"content":{"rendered":"\n<!-- Agentic AI Governance Readiness Assessment - INTERACTIVE TOOL -->\n<!-- Pillar Three: Govern AI | Color: Blue (#3b82f6) -->\n<!-- WordPress Custom HTML Block - Fully Responsive -->\n\n<style>\n  \/* CSS Reset for WordPress compatibility *\/\n  .scf-assessment * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n  \n  \/* Container *\/\n  .scf-assessment {\n    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;\n    max-width: 900px;\n    margin: 2rem auto;\n    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n    position: relative;\n  }\n  \n  .scf-assessment::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 50%, #3b82f6 100%);\n  }\n  \n  \/* Header *\/\n  .scf-assess-header {\n    padding: 2rem 2rem 1.5rem;\n    border-bottom: 1px solid rgba(59, 130, 246, 0.2);\n    text-align: center;\n  }\n  \n  .scf-pillar-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    background: rgba(59, 130, 246, 0.15);\n    border: 1px solid rgba(59, 130, 246, 0.3);\n    color: #60a5fa;\n    font-size: 0.75rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    padding: 0.5rem 1rem;\n    border-radius: 50px;\n    margin-bottom: 1rem;\n  }\n  \n  .scf-assess-title {\n    font-size: 1.75rem;\n    font-weight: 700;\n    color: #f8fafc;\n    line-height: 1.2;\n    margin-bottom: 0.5rem;\n  }\n  \n  .scf-assess-subtitle {\n    font-size: 1rem;\n    color: #94a3b8;\n  }\n  \n  \/* Countdown Timers *\/\n  .scf-countdowns {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    gap: 0.75rem;\n    padding: 1rem 2rem;\n    background: rgba(239, 68, 68, 0.05);\n    border-bottom: 1px solid rgba(239, 68, 68, 0.1);\n  }\n  \n  .scf-countdown-item {\n    text-align: center;\n    padding: 0.75rem;\n    background: rgba(15, 23, 42, 0.5);\n    border-radius: 8px;\n    border: 1px solid rgba(239, 68, 68, 0.15);\n  }\n  \n  .scf-countdown-label {\n    font-size: 0.7rem;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    margin-bottom: 0.25rem;\n  }\n  \n  .scf-countdown-value {\n    font-size: 1.25rem;\n    font-weight: 700;\n    color: #f87171;\n  }\n  \n  .scf-countdown-unit {\n    font-size: 0.65rem;\n    color: #64748b;\n    text-transform: uppercase;\n  }\n  \n  \/* Progress Bar *\/\n  .scf-progress-container {\n    padding: 1rem 2rem;\n    background: rgba(59, 130, 246, 0.03);\n  }\n  \n  .scf-progress-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 0.5rem;\n  }\n  \n  .scf-progress-text {\n    font-size: 0.8rem;\n    color: #94a3b8;\n  }\n  \n  .scf-progress-count {\n    font-size: 0.8rem;\n    color: #60a5fa;\n    font-weight: 600;\n  }\n  \n  .scf-progress-bar {\n    height: 6px;\n    background: rgba(59, 130, 246, 0.2);\n    border-radius: 3px;\n    overflow: hidden;\n  }\n  \n  .scf-progress-fill {\n    height: 100%;\n    background: linear-gradient(90deg, #3b82f6 0%, #60a5fa 100%);\n    border-radius: 3px;\n    transition: width 0.4s ease;\n    width: 0%;\n  }\n  \n  \/* Questions Container *\/\n  .scf-questions {\n    padding: 1.5rem 2rem;\n  }\n  \n  .scf-question {\n    display: none;\n    animation: fadeIn 0.3s ease;\n  }\n  \n  .scf-question.active {\n    display: block;\n  }\n  \n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n  \n  .scf-question-number {\n    font-size: 0.75rem;\n    color: #3b82f6;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    margin-bottom: 0.5rem;\n  }\n  \n  .scf-question-text {\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #f8fafc;\n    margin-bottom: 0.5rem;\n    line-height: 1.4;\n  }\n  \n  .scf-question-context {\n    font-size: 0.85rem;\n    color: #64748b;\n    margin-bottom: 1.25rem;\n    font-style: italic;\n  }\n  \n  .scf-options {\n    display: flex;\n    flex-direction: column;\n    gap: 0.6rem;\n  }\n  \n  .scf-option {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 1rem 1.25rem;\n    background: rgba(15, 23, 42, 0.6);\n    border: 2px solid rgba(59, 130, 246, 0.15);\n    border-radius: 10px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n  }\n  \n  .scf-option:hover {\n    border-color: rgba(59, 130, 246, 0.4);\n    background: rgba(15, 23, 42, 0.8);\n    transform: translateX(4px);\n  }\n  \n  .scf-option.selected {\n    border-color: #3b82f6;\n    background: rgba(59, 130, 246, 0.1);\n  }\n  \n  .scf-option-marker {\n    width: 22px;\n    height: 22px;\n    border: 2px solid rgba(59, 130, 246, 0.4);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: all 0.2s ease;\n  }\n  \n  .scf-option.selected .scf-option-marker {\n    border-color: #3b82f6;\n    background: #3b82f6;\n  }\n  \n  .scf-option-marker svg {\n    width: 12px;\n    height: 12px;\n    color: #fff;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n  \n  .scf-option.selected .scf-option-marker svg {\n    opacity: 1;\n  }\n  \n  .scf-option-content {\n    flex: 1;\n  }\n  \n  .scf-option-label {\n    font-size: 0.95rem;\n    color: #e2e8f0;\n    font-weight: 500;\n  }\n  \n  .scf-option-desc {\n    font-size: 0.8rem;\n    color: #64748b;\n    margin-top: 0.2rem;\n  }\n  \n  .scf-option-score {\n    font-size: 0.7rem;\n    color: #3b82f6;\n    font-weight: 600;\n    padding: 0.25rem 0.5rem;\n    background: rgba(59, 130, 246, 0.1);\n    border-radius: 4px;\n  }\n  \n  \/* Navigation *\/\n  .scf-nav {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 1rem 2rem 1.5rem;\n    gap: 1rem;\n  }\n  \n  .scf-btn {\n    padding: 0.75rem 1.5rem;\n    border-radius: 8px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    border: none;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n  }\n  \n  .scf-btn-back {\n    background: rgba(59, 130, 246, 0.1);\n    color: #60a5fa;\n    border: 1px solid rgba(59, 130, 246, 0.3);\n  }\n  \n  .scf-btn-back:hover {\n    background: rgba(59, 130, 246, 0.2);\n  }\n  \n  .scf-btn-back:disabled {\n    opacity: 0.3;\n    cursor: not-allowed;\n  }\n  \n  .scf-btn-next {\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n    color: #fff;\n  }\n  \n  .scf-btn-next:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);\n  }\n  \n  .scf-btn-next:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    transform: none;\n    box-shadow: none;\n  }\n  \n  .scf-btn svg {\n    width: 16px;\n    height: 16px;\n  }\n  \n  \/* Results Section *\/\n  .scf-results {\n    display: none;\n    padding: 2rem;\n    animation: fadeIn 0.5s ease;\n  }\n  \n  .scf-results.active {\n    display: block;\n  }\n  \n  .scf-results-header {\n    text-align: center;\n    margin-bottom: 2rem;\n  }\n  \n  .scf-results-title {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #f8fafc;\n    margin-bottom: 0.5rem;\n  }\n  \n  \/* Score Gauge *\/\n  .scf-gauge-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-bottom: 2rem;\n  }\n  \n  .scf-gauge {\n    position: relative;\n    width: 200px;\n    height: 100px;\n    overflow: hidden;\n  }\n  \n  .scf-gauge-bg {\n    position: absolute;\n    width: 200px;\n    height: 200px;\n    border-radius: 50%;\n    background: conic-gradient(\n      #ef4444 0deg 36deg,\n      #f97316 36deg 72deg,\n      #eab308 72deg 108deg,\n      #84cc16 108deg 144deg,\n      #22c55e 144deg 180deg,\n      transparent 180deg 360deg\n    );\n    mask: radial-gradient(circle at center, transparent 60%, black 60%);\n    -webkit-mask: radial-gradient(circle at center, transparent 60%, black 60%);\n  }\n  \n  .scf-gauge-needle {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    width: 4px;\n    height: 70px;\n    background: #f8fafc;\n    transform-origin: bottom center;\n    transform: translateX(-50%) rotate(-90deg);\n    transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);\n    border-radius: 2px;\n  }\n  \n  .scf-gauge-center {\n    position: absolute;\n    bottom: -10px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 20px;\n    height: 20px;\n    background: #1e293b;\n    border: 3px solid #f8fafc;\n    border-radius: 50%;\n  }\n  \n  .scf-score-display {\n    display: flex;\n    align-items: baseline;\n    gap: 0.25rem;\n    margin-top: 1rem;\n  }\n  \n  .scf-score-value {\n    font-size: 3rem;\n    font-weight: 800;\n    color: #f8fafc;\n  }\n  \n  .scf-score-max {\n    font-size: 1.25rem;\n    color: #64748b;\n  }\n  \n  .scf-grade {\n    font-size: 1.5rem;\n    font-weight: 700;\n    padding: 0.5rem 1.5rem;\n    border-radius: 8px;\n    margin-top: 0.5rem;\n  }\n  \n  .scf-grade.grade-a { background: rgba(34, 197, 94, 0.2); color: #4ade80; }\n  .scf-grade.grade-b { background: rgba(132, 204, 22, 0.2); color: #a3e635; }\n  .scf-grade.grade-c { background: rgba(234, 179, 8, 0.2); color: #facc15; }\n  .scf-grade.grade-d { background: rgba(249, 115, 22, 0.2); color: #fb923c; }\n  .scf-grade.grade-f { background: rgba(239, 68, 68, 0.2); color: #f87171; }\n  \n  \/* Gap Analysis *\/\n  .scf-gaps {\n    margin-bottom: 2rem;\n  }\n  \n  .scf-gaps-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #f8fafc;\n    margin-bottom: 1rem;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n  }\n  \n  .scf-gaps-title svg {\n    width: 18px;\n    height: 18px;\n    color: #f59e0b;\n  }\n  \n  .scf-gap-grid {\n    display: grid;\n    gap: 0.75rem;\n  }\n  \n  .scf-gap-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 1rem;\n    background: rgba(15, 23, 42, 0.6);\n    border-radius: 8px;\n    border-left: 3px solid;\n  }\n  \n  .scf-gap-item.critical { border-left-color: #ef4444; }\n  .scf-gap-item.warning { border-left-color: #f59e0b; }\n  .scf-gap-item.good { border-left-color: #22c55e; }\n  \n  .scf-gap-info {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n  }\n  \n  .scf-gap-name {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: #e2e8f0;\n  }\n  \n  .scf-gap-status {\n    font-size: 0.75rem;\n    color: #94a3b8;\n  }\n  \n  .scf-gap-badge {\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    padding: 0.35rem 0.75rem;\n    border-radius: 4px;\n  }\n  \n  .scf-gap-badge.critical { background: rgba(239, 68, 68, 0.2); color: #f87171; }\n  .scf-gap-badge.warning { background: rgba(245, 158, 11, 0.2); color: #fbbf24; }\n  .scf-gap-badge.good { background: rgba(34, 197, 94, 0.2); color: #4ade80; }\n  \n  \/* Recommendations *\/\n  .scf-recommendations {\n    padding: 1.5rem;\n    background: rgba(59, 130, 246, 0.05);\n    border-radius: 12px;\n    border: 1px solid rgba(59, 130, 246, 0.15);\n    margin-bottom: 1.5rem;\n  }\n  \n  .scf-rec-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #f8fafc;\n    margin-bottom: 1rem;\n  }\n  \n  .scf-rec-list {\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n  \n  .scf-rec-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.75rem;\n    font-size: 0.9rem;\n    color: #cbd5e1;\n    line-height: 1.4;\n  }\n  \n  .scf-rec-item svg {\n    width: 18px;\n    height: 18px;\n    color: #3b82f6;\n    flex-shrink: 0;\n    margin-top: 2px;\n  }\n  \n  \/* CTA *\/\n  .scf-cta {\n    text-align: center;\n    padding: 1.5rem;\n    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(37, 99, 235, 0.1) 100%);\n    border-radius: 12px;\n    border: 1px dashed rgba(59, 130, 246, 0.3);\n  }\n  \n  .scf-cta-text {\n    font-size: 0.95rem;\n    color: #94a3b8;\n    margin-bottom: 1rem;\n  }\n  \n  .scf-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.875rem 2rem;\n    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n    color: #fff;\n    font-size: 1rem;\n    font-weight: 600;\n    border: none;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    text-decoration: none;\n  }\n  \n  .scf-cta-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4);\n  }\n  \n  .scf-cta-btn svg {\n    width: 18px;\n    height: 18px;\n  }\n  \n  .scf-restart {\n    margin-top: 1rem;\n    font-size: 0.85rem;\n    color: #60a5fa;\n    background: none;\n    border: none;\n    cursor: pointer;\n    text-decoration: underline;\n  }\n  \n  .scf-restart:hover {\n    color: #93c5fd;\n  }\n  \n  \/* Mobile Responsive *\/\n  @media (max-width: 768px) {\n    .scf-assessment {\n      margin: 1rem;\n      border-radius: 12px;\n    }\n    \n    .scf-assess-header,\n    .scf-questions,\n    .scf-nav,\n    .scf-results {\n      padding-left: 1.25rem;\n      padding-right: 1.25rem;\n    }\n    \n    .scf-assess-title {\n      font-size: 1.35rem;\n    }\n    \n    .scf-countdowns {\n      grid-template-columns: repeat(2, 1fr);\n      padding: 1rem 1.25rem;\n    }\n    \n    .scf-question-text {\n      font-size: 1.05rem;\n    }\n    \n    .scf-option {\n      padding: 0.875rem 1rem;\n    }\n    \n    .scf-gauge {\n      width: 160px;\n      height: 80px;\n    }\n    \n    .scf-gauge-bg {\n      width: 160px;\n      height: 160px;\n    }\n    \n    .scf-gauge-needle {\n      height: 55px;\n    }\n    \n    .scf-score-value {\n      font-size: 2.5rem;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .scf-assess-title {\n      font-size: 1.2rem;\n    }\n    \n    .scf-countdowns {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    \n    .scf-countdown-value {\n      font-size: 1.1rem;\n    }\n    \n    .scf-btn {\n      padding: 0.65rem 1rem;\n      font-size: 0.85rem;\n    }\n  }\n<\/style>\n\n<div class=\"scf-assessment\" id=\"scfAssessment\">\n  <!-- Header -->\n  <div class=\"scf-assess-header\">\n    <div class=\"scf-pillar-badge\">\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:14px;height:14px;\">\n        <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n      <\/svg>\n      Pillar Three: Govern AI\n    <\/div>\n    <h2 class=\"scf-assess-title\">Agentic AI Governance Readiness Assessment<\/h2>\n    <p class=\"scf-assess-subtitle\">7 questions \u2022 2 minutes \u2022 Instant results<\/p>\n  <\/div>\n  \n  <!-- Live Countdown Timers -->\n  <div class=\"scf-countdowns\">\n    <div class=\"scf-countdown-item\">\n      <div class=\"scf-countdown-label\">EU AI Act<\/div>\n      <div class=\"scf-countdown-value\" id=\"euAiCountdown\">&#8212;<\/div>\n      <div class=\"scf-countdown-unit\">days left<\/div>\n    <\/div>\n    <div class=\"scf-countdown-item\">\n      <div class=\"scf-countdown-label\">DORA<\/div>\n      <div class=\"scf-countdown-value\" style=\"color: #4ade80;\">ACTIVE<\/div>\n      <div class=\"scf-countdown-unit\">since Jan 2025<\/div>\n    <\/div>\n    <div class=\"scf-countdown-item\">\n      <div class=\"scf-countdown-label\">Colorado AI Act<\/div>\n      <div class=\"scf-countdown-value\" id=\"coloCountdown\">&#8212;<\/div>\n      <div class=\"scf-countdown-unit\">days left<\/div>\n    <\/div>\n    <div class=\"scf-countdown-item\">\n      <div class=\"scf-countdown-label\">CRA (Phase 1)<\/div>\n      <div class=\"scf-countdown-value\" id=\"craCountdown\">&#8212;<\/div>\n      <div class=\"scf-countdown-unit\">days left<\/div>\n    <\/div>\n  <\/div>\n  \n  <!-- Progress Bar -->\n  <div class=\"scf-progress-container\" id=\"progressContainer\">\n    <div class=\"scf-progress-header\">\n      <span class=\"scf-progress-text\">Assessment Progress<\/span>\n      <span class=\"scf-progress-count\"><span id=\"currentQ\">0<\/span> of 7<\/span>\n    <\/div>\n    <div class=\"scf-progress-bar\">\n      <div class=\"scf-progress-fill\" id=\"progressFill\"><\/div>\n    <\/div>\n  <\/div>\n  \n  <!-- Questions -->\n  <div class=\"scf-questions\" id=\"questionsContainer\">\n    \n    <!-- Question 1: AI Inventory -->\n    <div class=\"scf-question active\" data-question=\"1\">\n      <div class=\"scf-question-number\">Question 1 of 7<\/div>\n      <div class=\"scf-question-text\">Do you maintain a centralized registry of all AI\/ML models deployed across your enterprise?<\/div>\n      <div class=\"scf-question-context\">EU AI Act Article 51 requires registration of high-risk AI systems<\/div>\n      <div class=\"scf-options\">\n        <div class=\"scf-option\" data-score=\"0\" data-category=\"registry\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">No centralized tracking<\/div>\n            <div class=\"scf-option-desc\">AI deployments are managed by individual teams<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"1\" data-category=\"registry\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Partial inventory<\/div>\n            <div class=\"scf-option-desc\">Some systems tracked, but gaps exist<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"2\" data-category=\"registry\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Comprehensive registry<\/div>\n            <div class=\"scf-option-desc\">All AI systems cataloged with metadata<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"3\" data-category=\"registry\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Automated discovery + registry<\/div>\n            <div class=\"scf-option-desc\">Continuous scanning with risk classification<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Question 2: Autonomy Classification -->\n    <div class=\"scf-question\" data-question=\"2\">\n      <div class=\"scf-question-number\">Question 2 of 7<\/div>\n      <div class=\"scf-question-text\">Are your AI agents classified by autonomy level?<\/div>\n      <div class=\"scf-question-context\">Singapore&#8217;s Agentic AI Framework requires autonomy classification (Observe \u2192 Recommend \u2192 Decide \u2192 Act)<\/div>\n      <div class=\"scf-options\">\n        <div class=\"scf-option\" data-score=\"0\" data-category=\"autonomy\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">No classification system<\/div>\n            <div class=\"scf-option-desc\">We don&#8217;t distinguish between AI capabilities<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"1\" data-category=\"autonomy\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Informal understanding<\/div>\n            <div class=\"scf-option-desc\">Teams know which systems are more autonomous<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"2\" data-category=\"autonomy\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Documented levels<\/div>\n            <div class=\"scf-option-desc\">Formal L0-L5 or similar classification<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"3\" data-category=\"autonomy\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Enforced governance by level<\/div>\n            <div class=\"scf-option-desc\">Controls scale with autonomy classification<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Question 3: Action-Space Boundaries -->\n    <div class=\"scf-question\" data-question=\"3\">\n      <div class=\"scf-question-number\">Question 3 of 7<\/div>\n      <div class=\"scf-question-text\">Do you define and enforce action-space boundaries for AI agents?<\/div>\n      <div class=\"scf-question-context\">What systems, APIs, and data can each agent access and modify?<\/div>\n      <div class=\"scf-options\">\n        <div class=\"scf-option\" data-score=\"0\" data-category=\"boundaries\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">No defined boundaries<\/div>\n            <div class=\"scf-option-desc\">Agents have broad or undefined access<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"1\" data-category=\"boundaries\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Basic access controls<\/div>\n            <div class=\"scf-option-desc\">Standard IT permissions apply<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"2\" data-category=\"boundaries\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Agent-specific boundaries<\/div>\n            <div class=\"scf-option-desc\">Documented scope per agent<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"3\" data-category=\"boundaries\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Enforced blast radius limits<\/div>\n            <div class=\"scf-option-desc\">Technical controls prevent scope creep<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Question 4: Reversibility -->\n    <div class=\"scf-question\" data-question=\"4\">\n      <div class=\"scf-question-number\">Question 4 of 7<\/div>\n      <div class=\"scf-question-text\">Have you assessed the reversibility of AI agent actions?<\/div>\n      <div class=\"scf-question-context\">DORA requires ICT risk management including recovery capabilities<\/div>\n      <div class=\"scf-options\">\n        <div class=\"scf-option\" data-score=\"0\" data-category=\"reversibility\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Not assessed<\/div>\n            <div class=\"scf-option-desc\">We haven&#8217;t mapped reversibility<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"1\" data-category=\"reversibility\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">General awareness<\/div>\n            <div class=\"scf-option-desc\">Teams know some actions are irreversible<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"2\" data-category=\"reversibility\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Documented assessment<\/div>\n            <div class=\"scf-option-desc\">Actions categorized by reversibility<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"3\" data-category=\"reversibility\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Rollback mechanisms in place<\/div>\n            <div class=\"scf-option-desc\">Technical undo capabilities for high-risk actions<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Question 5: Human Checkpoints -->\n    <div class=\"scf-question\" data-question=\"5\">\n      <div class=\"scf-question-number\">Question 5 of 7<\/div>\n      <div class=\"scf-question-text\">Do you have defined human-in-the-loop checkpoints for AI decisions?<\/div>\n      <div class=\"scf-question-context\">EU AI Act requires human oversight for high-risk AI systems<\/div>\n      <div class=\"scf-options\">\n        <div class=\"scf-option\" data-score=\"0\" data-category=\"checkpoints\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Fully autonomous<\/div>\n            <div class=\"scf-option-desc\">AI operates without required approvals<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"1\" data-category=\"checkpoints\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Ad-hoc review<\/div>\n            <div class=\"scf-option-desc\">Humans review when they choose to<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"2\" data-category=\"checkpoints\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Defined approval workflows<\/div>\n            <div class=\"scf-option-desc\">Documented checkpoints for critical decisions<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"3\" data-category=\"checkpoints\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Enforced gates with audit trails<\/div>\n            <div class=\"scf-option-desc\">Technical enforcement + logged approvals<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Question 6: Kill Switch -->\n    <div class=\"scf-question\" data-question=\"6\">\n      <div class=\"scf-question-number\">Question 6 of 7<\/div>\n      <div class=\"scf-question-text\">Can you immediately halt any AI agent&#8217;s operations?<\/div>\n      <div class=\"scf-question-context\">&#8220;Own the kill switch&#8221; \u2014 emergency override capability<\/div>\n      <div class=\"scf-options\">\n        <div class=\"scf-option\" data-score=\"0\" data-category=\"killswitch\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">No kill switch capability<\/div>\n            <div class=\"scf-option-desc\">Would require manual intervention<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"1\" data-category=\"killswitch\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Partial capability<\/div>\n            <div class=\"scf-option-desc\">Some systems can be stopped quickly<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"2\" data-category=\"killswitch\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Centralized kill switch<\/div>\n            <div class=\"scf-option-desc\">Can halt all AI operations<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"3\" data-category=\"killswitch\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Granular + tested controls<\/div>\n            <div class=\"scf-option-desc\">Per-agent switches, regularly tested<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <!-- Question 7: Risk Classification -->\n    <div class=\"scf-question\" data-question=\"7\">\n      <div class=\"scf-question-number\">Question 7 of 7<\/div>\n      <div class=\"scf-question-text\">Have you classified your AI systems under the EU AI Act risk framework?<\/div>\n      <div class=\"scf-question-context\">Unacceptable \u2192 High-Risk \u2192 Limited \u2192 Minimal Risk<\/div>\n      <div class=\"scf-options\">\n        <div class=\"scf-option\" data-score=\"0\" data-category=\"euclassification\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Not started<\/div>\n            <div class=\"scf-option-desc\">Haven&#8217;t assessed EU AI Act applicability<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"1\" data-category=\"euclassification\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Initial assessment<\/div>\n            <div class=\"scf-option-desc\">Aware of requirements, early analysis<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"2\" data-category=\"euclassification\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Systems classified<\/div>\n            <div class=\"scf-option-desc\">All AI mapped to risk tiers<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"scf-option\" data-score=\"3\" data-category=\"euclassification\">\n          <div class=\"scf-option-marker\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n          <div class=\"scf-option-content\">\n            <div class=\"scf-option-label\">Compliance roadmap active<\/div>\n            <div class=\"scf-option-desc\">Classification + remediation underway<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <!-- Navigation Buttons -->\n  <div class=\"scf-nav\" id=\"navContainer\">\n    <button class=\"scf-btn scf-btn-back\" id=\"backBtn\" disabled>\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\n      Back\n    <\/button>\n    <button class=\"scf-btn scf-btn-next\" id=\"nextBtn\" disabled>\n      Next\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\n    <\/button>\n  <\/div>\n  \n  <!-- Results Section -->\n  <div class=\"scf-results\" id=\"resultsSection\">\n    <div class=\"scf-results-header\">\n      <h3 class=\"scf-results-title\">Your Governance Readiness Score<\/h3>\n    <\/div>\n    \n    <div class=\"scf-gauge-container\">\n      <div class=\"scf-gauge\">\n        <div class=\"scf-gauge-bg\"><\/div>\n        <div class=\"scf-gauge-needle\" id=\"gaugeNeedle\"><\/div>\n        <div class=\"scf-gauge-center\"><\/div>\n      <\/div>\n      <div class=\"scf-score-display\">\n        <span class=\"scf-score-value\" id=\"scoreValue\">0<\/span>\n        <span class=\"scf-score-max\">\/ 21<\/span>\n      <\/div>\n      <div class=\"scf-grade\" id=\"gradeDisplay\">Grade: &#8212;<\/div>\n    <\/div>\n    \n    <div class=\"scf-gaps\">\n      <h4 class=\"scf-gaps-title\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line><\/svg>\n        Gap Analysis\n      <\/h4>\n      <div class=\"scf-gap-grid\" id=\"gapGrid\"><\/div>\n    <\/div>\n    \n    <div class=\"scf-recommendations\">\n      <h4 class=\"scf-rec-title\">Priority Actions<\/h4>\n      <div class=\"scf-rec-list\" id=\"recList\"><\/div>\n    <\/div>\n    \n    <div class=\"scf-cta\">\n      <p class=\"scf-cta-text\">Ready to close your governance gaps before 2026 deadlines?<\/p>\n      <a href=\"https:\/\/www.opey.org\/opeyit\/?page_id=14\" class=\"scf-cta-btn\">\n        Get the Full Assessment\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n      <\/a>\n      <button class=\"scf-restart\" id=\"restartBtn\">Take assessment again<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  \/\/ State\n  let currentQuestion = 1;\n  const totalQuestions = 7;\n  const answers = {};\n  \n  \/\/ Elements\n  const questions = document.querySelectorAll('.scf-question');\n  const progressFill = document.getElementById('progressFill');\n  const currentQEl = document.getElementById('currentQ');\n  const backBtn = document.getElementById('backBtn');\n  const nextBtn = document.getElementById('nextBtn');\n  const resultsSection = document.getElementById('resultsSection');\n  const questionsContainer = document.getElementById('questionsContainer');\n  const navContainer = document.getElementById('navContainer');\n  const progressContainer = document.getElementById('progressContainer');\n  \n  \/\/ Category labels\n  const categoryLabels = {\n    registry: 'AI Registry',\n    autonomy: 'Autonomy Classification',\n    boundaries: 'Action-Space Boundaries',\n    reversibility: 'Reversibility Assessment',\n    checkpoints: 'Human Checkpoints',\n    killswitch: 'Kill Switch',\n    euclassification: 'EU AI Act Classification'\n  };\n  \n  \/\/ ============================================================\n  \/\/ COUNTDOWN TIMERS - VERIFIED DATES WITH AUTO-ACTIVE SWITCHING\n  \/\/ ============================================================\n  \/\/ Dates verified as of Feb 2026:\n  \/\/ - EU AI Act (high-risk): August 2, 2026\n  \/\/ - DORA: Active since January 17, 2025 (hardcoded)\n  \/\/ - Colorado AI Act: June 30, 2026 (DELAYED from Feb 1, 2026)\n  \/\/ - CRA Phase 1 (reporting): September 11, 2026\n  \/\/ ============================================================\n  \n  function updateCountdowns() {\n    const now = new Date();\n    \n    \/\/ Helper function to update a countdown item dynamically\n    function updateCountdownItem(elementId, targetDate, activeLabel) {\n      const element = document.getElementById(elementId);\n      if (!element) return;\n      \n      const container = element.closest('.scf-countdown-item');\n      const unitEl = container.querySelector('.scf-countdown-unit');\n      const days = Math.ceil((targetDate - now) \/ (1000 * 60 * 60 * 24));\n      \n      if (days <= 0) {\n        \/\/ Date has passed - show ACTIVE in green\n        element.textContent = 'ACTIVE';\n        element.style.color = '#4ade80';\n        unitEl.textContent = activeLabel;\n      } else {\n        \/\/ Still counting down - show days in red\n        element.textContent = days;\n        element.style.color = '#f87171';\n        unitEl.textContent = 'days left';\n      }\n    }\n    \n    \/\/ EU AI Act: August 2, 2026 (high-risk AI systems compliance)\n    updateCountdownItem('euAiCountdown', new Date('2026-08-02'), 'since Aug 2026');\n    \n    \/\/ Colorado AI Act: June 30, 2026 (DELAYED from original Feb 1, 2026)\n    updateCountdownItem('coloCountdown', new Date('2026-06-30'), 'since Jun 2026');\n    \n    \/\/ CRA Phase 1: September 11, 2026 (reporting obligations begin)\n    updateCountdownItem('craCountdown', new Date('2026-09-11'), 'since Sep 2026');\n  }\n  \n  \/\/ Run on load and update daily\n  updateCountdowns();\n  setInterval(updateCountdowns, 86400000); \/\/ Update every 24 hours\n  \n  \/\/ Option click handlers\n  document.querySelectorAll('.scf-option').forEach(option => {\n    option.addEventListener('click', function() {\n      const question = this.closest('.scf-question');\n      const qNum = parseInt(question.dataset.question);\n      \n      \/\/ Deselect others in this question\n      question.querySelectorAll('.scf-option').forEach(opt => opt.classList.remove('selected'));\n      \n      \/\/ Select this one\n      this.classList.add('selected');\n      \n      \/\/ Store answer\n      answers[qNum] = {\n        score: parseInt(this.dataset.score),\n        category: this.dataset.category\n      };\n      \n      \/\/ Enable next button\n      nextBtn.disabled = false;\n    });\n  });\n  \n  \/\/ Navigation\n  function showQuestion(num) {\n    questions.forEach(q => q.classList.remove('active'));\n    document.querySelector(`.scf-question[data-question=\"${num}\"]`).classList.add('active');\n    \n    currentQuestion = num;\n    currentQEl.textContent = num;\n    progressFill.style.width = ((num \/ totalQuestions) * 100) + '%';\n    \n    backBtn.disabled = num === 1;\n    nextBtn.textContent = num === totalQuestions ? 'See Results' : 'Next';\n    nextBtn.innerHTML = num === totalQuestions \n      ? 'See Results <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:16px;height:16px;\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>'\n      : 'Next <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:16px;height:16px;\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>';\n    \n    \/\/ Check if this question already answered\n    nextBtn.disabled = !answers[num];\n  }\n  \n  backBtn.addEventListener('click', function() {\n    if (currentQuestion > 1) {\n      showQuestion(currentQuestion - 1);\n    }\n  });\n  \n  nextBtn.addEventListener('click', function() {\n    if (currentQuestion < totalQuestions) {\n      showQuestion(currentQuestion + 1);\n    } else {\n      showResults();\n    }\n  });\n  \n  \/\/ Show Results\n  function showResults() {\n    questionsContainer.style.display = 'none';\n    navContainer.style.display = 'none';\n    progressContainer.style.display = 'none';\n    resultsSection.classList.add('active');\n    \n    \/\/ Calculate total score\n    let totalScore = 0;\n    Object.values(answers).forEach(a => totalScore += a.score);\n    \n    \/\/ Animate score\n    const scoreEl = document.getElementById('scoreValue');\n    let displayScore = 0;\n    const scoreInterval = setInterval(() => {\n      if (displayScore < totalScore) {\n        displayScore++;\n        scoreEl.textContent = displayScore;\n      } else {\n        clearInterval(scoreInterval);\n      }\n    }, 50);\n    \n    \/\/ Animate gauge needle (-90 to 90 degrees maps to 0-21)\n    const needle = document.getElementById('gaugeNeedle');\n    const rotation = -90 + (totalScore \/ 21) * 180;\n    setTimeout(() => {\n      needle.style.transform = `translateX(-50%) rotate(${rotation}deg)`;\n    }, 100);\n    \n    \/\/ Calculate grade\n    const gradeEl = document.getElementById('gradeDisplay');\n    let grade, gradeClass;\n    if (totalScore >= 18) { grade = 'A'; gradeClass = 'grade-a'; }\n    else if (totalScore >= 14) { grade = 'B'; gradeClass = 'grade-b'; }\n    else if (totalScore >= 10) { grade = 'C'; gradeClass = 'grade-c'; }\n    else if (totalScore >= 6) { grade = 'D'; gradeClass = 'grade-d'; }\n    else { grade = 'F'; gradeClass = 'grade-f'; }\n    \n    gradeEl.textContent = 'Grade: ' + grade;\n    gradeEl.className = 'scf-grade ' + gradeClass;\n    \n    \/\/ Build gap analysis\n    const gapGrid = document.getElementById('gapGrid');\n    gapGrid.innerHTML = '';\n    \n    Object.entries(answers).forEach(([qNum, answer]) => {\n      let status, statusClass, statusText;\n      if (answer.score === 0) { status = 'Critical Gap'; statusClass = 'critical'; statusText = 'Immediate action required'; }\n      else if (answer.score === 1) { status = 'At Risk'; statusClass = 'warning'; statusText = 'Needs improvement'; }\n      else if (answer.score === 2) { status = 'Partial'; statusClass = 'warning'; statusText = 'Good progress'; }\n      else { status = 'Strong'; statusClass = 'good'; statusText = 'Well positioned'; }\n      \n      gapGrid.innerHTML += `\n        <div class=\"scf-gap-item ${statusClass}\">\n          <div class=\"scf-gap-info\">\n            <div class=\"scf-gap-name\">${categoryLabels[answer.category]}<\/div>\n            <div class=\"scf-gap-status\">${statusText}<\/div>\n          <\/div>\n          <span class=\"scf-gap-badge ${statusClass}\">${status}<\/span>\n        <\/div>\n      `;\n    });\n    \n    \/\/ Build recommendations\n    const recList = document.getElementById('recList');\n    recList.innerHTML = '';\n    \n    const recs = [];\n    Object.entries(answers).forEach(([qNum, answer]) => {\n      if (answer.score < 2) {\n        switch(answer.category) {\n          case 'registry':\n            recs.push('Implement centralized AI registry with automated discovery');\n            break;\n          case 'autonomy':\n            recs.push('Establish L0-L5 autonomy classification framework');\n            break;\n          case 'boundaries':\n            recs.push('Define and enforce action-space boundaries per agent');\n            break;\n          case 'reversibility':\n            recs.push('Assess and document reversibility for all AI actions');\n            break;\n          case 'checkpoints':\n            recs.push('Design human-in-the-loop checkpoints for high-risk decisions');\n            break;\n          case 'killswitch':\n            recs.push('Implement and test granular kill switch controls');\n            break;\n          case 'euclassification':\n            recs.push('Complete EU AI Act risk classification assessment');\n            break;\n        }\n      }\n    });\n    \n    if (recs.length === 0) {\n      recs.push('Continue monitoring regulatory developments', 'Document governance processes for audits', 'Schedule quarterly governance reviews');\n    }\n    \n    recs.slice(0, 4).forEach(rec => {\n      recList.innerHTML += `\n        <div class=\"scf-rec-item\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n          <span>${rec}<\/span>\n        <\/div>\n      `;\n    });\n  }\n  \n  \/\/ Restart\n  document.getElementById('restartBtn').addEventListener('click', function() {\n    Object.keys(answers).forEach(k => delete answers[k]);\n    document.querySelectorAll('.scf-option').forEach(opt => opt.classList.remove('selected'));\n    \n    resultsSection.classList.remove('active');\n    questionsContainer.style.display = 'block';\n    navContainer.style.display = 'flex';\n    progressContainer.style.display = 'block';\n    \n    showQuestion(1);\n    \n    \/\/ Reset gauge\n    document.getElementById('gaugeNeedle').style.transform = 'translateX(-50%) rotate(-90deg)';\n  });\n  \n  \/\/ Initialize\n  showQuestion(1);\n})();\n<\/script>\n\n\n<div id=\"elemID031021\" style=\"line-height:16px;text-align:center;z-index:100000;\"><a title=\"wix guests ip\" href=\"https:\/\/www.tracemyip.org\/pv1-3-36447-2\"><img decoding=\"async\" src=\"\/\/s3.tracemyip.org\/vLg\/1217\/4684NR-IPIB\/57003\/9\/njsUrl\/\" alt=\"Wix guests ip\" referrerpolicy=\"no-referrer-when-downgrade\" style=\"border:0px;\"><\/a><div><a href=\"https:\/\/www.tracemyip.org\/pv1-3-36447-2\">ip traffic<\/a><\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Pillar Three: Govern AI Agentic AI Governance Readiness Assessment 7 questions \u2022 2 minutes \u2022 Instant results EU AI Act &#8212; days left DORA ACTIVE since Jan 2025 Colorado AI Act &#8212; days left CRA (Phase 1) &#8212; days left Assessment Progress 0 of 7 Question 1 of 7 Do you maintain a centralized registry [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-716","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=\/wp\/v2\/pages\/716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=716"}],"version-history":[{"count":4,"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=\/wp\/v2\/pages\/716\/revisions"}],"predecessor-version":[{"id":743,"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=\/wp\/v2\/pages\/716\/revisions\/743"}],"wp:attachment":[{"href":"https:\/\/www.opey.org\/opeyit\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}