Ben A. Causey III - AI-Powered Program Leadership Portfolio<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.4\/dist\/chart.umd.min.js\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700&family=Roboto+Slab:wght@700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n @keyframes fade-in-down { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }\r\n @keyframes fade-in-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n \r\n section { scroll-margin-top: 140px; opacity: 0; }\r\n .is-visible { animation: fade-in-up 0.8s ease-out forwards; }\r\n .hero-title { animation: fade-in-down 0.6s ease-out forwards; }\r\n .hero-subtitle { animation: fade-in-down 0.6s ease-out 0.2s forwards; opacity: 0; animation-fill-mode: forwards; }\r\n .hero-certs { animation: fade-in-down 0.6s ease-out 0.3s forwards; opacity: 0; animation-fill-mode: forwards; }\r\n .hero-button { animation: fade-in-down 0.6s ease-out 0.4s forwards; opacity: 0; animation-fill-mode: forwards; }\r\n\r\n #particle-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }\r\n\r\n .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }\r\n .modal-overlay.active { opacity: 1; visibility: visible; }\r\n .modal-content { background: white; padding: 2rem; border-radius: 1rem; max-width: 800px; width: 90%; max-height: 90vh; overflow-y: auto; transform: translateY(-50px); transition: transform 0.3s ease; position: relative; }\r\n .modal-overlay.active .modal-content { transform: translateY(0); }\r\n .modal-close { position: absolute; top: 1rem; right: 1rem; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #4b5563; z-index: 1001; }\r\n .modal-close:hover { color: #1f2937; }\r\n\r\n .loader { border: 4px solid #f3f3f3; border-top: 4px solid #3b82f6; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; }\r\n @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n .logo-item { position: relative; display: flex; justify-content: center; align-items: center; height: 100px; width: 100%; padding: 16px; background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); z-index: 1; }\r\n .logo-item img { max-height: 100%; max-width: 100%; object-fit: contain; transition: transform 0.2s ease-in-out; filter: grayscale(100%); opacity: 0.8; }\r\n .logo-item:hover img { transform: scale(1.1); filter: grayscale(0%); opacity: 1; }\r\n .logo-item:hover { z-index: 10; }\r\n \r\n .logo-item .logo-name { visibility: hidden; opacity: 0; transition: opacity 0.2s; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); background-color: #1f2937; color: #f0f6fc; padding: 4px 8px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 20; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }\r\n .logo-item:hover .logo-name { visibility: visible; opacity: 1; }\r\n\r\n body { -webkit-user-select: none; -ms-user-select: none; user-select: none; }\r\n <\/style>\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { sans: ['Inter', 'sans-serif'], serif: ['Roboto Slab', 'serif'] },\r\n },\r\n },\r\n };\r\n <\/script>\r\n<\/head>\r\n<body class=\"bg-gray-100 font-sans\">\r\n \r\n <nav class=\"bg-white shadow-lg sticky top-0 z-50\">\r\n <div class=\"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex flex-col items-center h-auto py-4\">\r\n <span class=\"text-3xl font-bold font-serif text-blue-700 mb-4\">Ben A. Causey III<\/span>\r\n <div class=\"flex flex-wrap justify-center space-x-4\">\r\n <a href=\"#summary\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Summary<\/a>\r\n <a href=\"#achievements\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Highlights<\/a>\r\n <a href=\"#competencies\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Competencies<\/a>\r\n <a href=\"#experience\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Experience<\/a>\r\n <a href=\"#portfolio\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Portfolio<\/a>\r\n <a href=\"#ai-tools\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">\u2728 AI Tools<\/a>\r\n <a href=\"#education-certs\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Education & Certs<\/a>\r\n <a href=\"#contact\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Contact<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <main class=\"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 pt-12 pb-12\">\r\n \r\n <section id=\"hero\" class=\"relative min-h-[60vh] flex items-center justify-center text-center text-white overflow-hidden is-visible rounded-xl\">\r\n <div class=\"absolute inset-0 bg-gray-800\">\r\n <canvas id=\"particle-background\"><\/canvas>\r\n <\/div>\r\n <div class=\"relative z-10 p-4\">\r\n <h1 class=\"text-4xl md:text-6xl font-bold font-serif hero-title\">AI-Powered Program Leadership Portfolio<\/h1>\r\n <p class=\"text-2xl md:text-3xl font-semibold text-blue-200 mt-4 hero-certs\">PMP | SAFe SSM | CSM<\/p>\r\n <p class=\"text-xl md:text-2xl mt-4 text-blue-100 hero-subtitle max-w-3xl mx-auto\">Showcasing governance, delivery, and measurable outcomes in Cybersecurity, Cloud, & AI\u2014proven experience<\/p>\r\n <a href=\"#contact\" class=\"mt-8 inline-block bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full shadow-lg transition-transform transform hover:scale-105 hero-button\">Let's Connect<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"achievements\" class=\"mb-16 mt-8\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">Career Highlights<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 gap-8 text-center\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\r\n <div class=\"text-blue-600 text-3xl font-bold\" data-target=\"10000000\" data-prefix=\"$\" data-suffix=\"+\">0<\/div>\r\n <p class=\"text-gray-600 mt-2 font-semibold text-sm\">Aggregate Portfolio<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\r\n <div class=\"text-green-600 text-3xl font-bold\" data-target=\"45000\" data-suffix=\"+\">0<\/div>\r\n <p class=\"text-gray-600 mt-2 font-semibold text-sm\">Assets Secured<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\r\n <div class=\"text-purple-600 text-3xl font-bold\" data-target=\"1100000\" data-prefix=\"$\" data-suffix=\"+\">0<\/div>\r\n <p class=\"text-gray-600 mt-2 font-semibold text-sm\">Total Savings<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\r\n <div class=\"text-orange-600 text-3xl font-bold\" data-target=\"80\" data-suffix=\"%\">0<\/div>\r\n <p class=\"text-gray-600 mt-2 font-semibold text-sm\">Efficiency Gain<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\r\n <div class=\"text-red-600 text-3xl font-bold\" data-target=\"12\" data-suffix=\"+\">0<\/div>\r\n <p class=\"text-gray-600 mt-2 font-semibold text-sm\">Years Experience<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"summary\" class=\"mb-16\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">Summary<\/h2>\r\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-gray-200\">\r\n <p class=\"text-lg text-gray-700 mb-6\">Result-oriented Senior Technical Program Manager with 12+ years of experience leading large-scale implementations. Skilled in all Project Management Process Groups, delivering successful outcomes through rigorous governance and Agile expertise.<\/p>\r\n <div class=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-4 text-center border-t border-gray-200 pt-6\">\r\n <div class=\"flex flex-col items-center\"><p class=\"text-xs font-semibold text-gray-700\">Governance Gates (PLM)<\/p><\/div>\r\n <div class=\"flex flex-col items-center\"><p class=\"text-xs font-semibold text-gray-700\">Vendor Strategy<\/p><\/div>\r\n <div class=\"flex flex-col items-center\"><p class=\"text-xs font-semibold text-gray-700\">Cybersecurity<\/p><\/div>\r\n <div class=\"flex flex-col items-center\"><p class=\"text-xs font-semibold text-gray-700\">Risk Management (RAID)<\/p><\/div>\r\n <div class=\"flex flex-col items-center\"><p class=\"text-xs font-semibold text-gray-700\">Agile Delivery<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"competencies\" class=\"mb-16\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">Core Competencies<\/h2>\r\n <div class=\"mb-10 bg-white p-6 rounded-xl shadow-md\">\r\n <canvas id=\"competenciesChart\" class=\"w-full max-w-2xl mx-auto\"><\/canvas>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-4\">Program Management<\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full font-medium\">Strategic Planning<\/span>\r\n <span class=\"bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full font-medium\">Scope & Schedule<\/span>\r\n <span class=\"bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full font-medium\">Risk (RAID)<\/span>\r\n <span class=\"bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full font-medium\">PLM Governance<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition\">\r\n <h3 class=\"text-xl font-semibold font-serif text-green-700 mb-4\">Cybersecurity<\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-green-100 text-green-800 text-xs px-3 py-1 rounded-full font-medium\">Vulnerability Mgmt<\/span>\r\n <span class=\"bg-green-100 text-green-800 text-xs px-3 py-1 rounded-full font-medium\">Purple Team<\/span>\r\n <span class=\"bg-green-100 text-green-800 text-xs px-3 py-1 rounded-full font-medium\">PCI Readiness<\/span>\r\n <span class=\"bg-green-100 text-green-800 text-xs px-3 py-1 rounded-full font-medium\">Identity (IAM)<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition\">\r\n <h3 class=\"text-xl font-semibold font-serif text-purple-700 mb-4\">Agile & Hybrid<\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-purple-100 text-purple-800 text-xs px-3 py-1 rounded-full font-medium\">SAFe \/ Scrum<\/span>\r\n <span class=\"bg-purple-100 text-purple-800 text-xs px-3 py-1 rounded-full font-medium\">PI Planning<\/span>\r\n <span class=\"bg-purple-100 text-purple-800 text-xs px-3 py-1 rounded-full font-medium\">Hybrid Delivery<\/span>\r\n <span class=\"bg-purple-100 text-purple-800 text-xs px-3 py-1 rounded-full font-medium\">Backlog Mgmt<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition\">\r\n <h3 class=\"text-xl font-semibold font-serif text-orange-700 mb-4\">Operational Skills<\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-orange-100 text-orange-800 text-xs px-3 py-1 rounded-full font-medium\">Process Re-eng<\/span>\r\n <span class=\"bg-orange-100 text-orange-800 text-xs px-3 py-1 rounded-full font-medium\">Vendor Mgmt<\/span>\r\n <span class=\"bg-orange-100 text-orange-800 text-xs px-3 py-1 rounded-full font-medium\">Change Mgmt<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition\">\r\n <h3 class=\"text-xl font-semibold font-serif text-red-700 mb-4\">Tools & Tech<\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-red-100 text-red-800 text-xs px-3 py-1 rounded-full font-medium\">ServiceNow<\/span>\r\n <span class=\"bg-red-100 text-red-800 text-xs px-3 py-1 rounded-full font-medium\">Jira \/ Confluence<\/span>\r\n <span class=\"bg-red-100 text-red-800 text-xs px-3 py-1 rounded-full font-medium\">MS Project<\/span>\r\n <span class=\"bg-red-100 text-red-800 text-xs px-3 py-1 rounded-full font-medium\">Tenable \/ Pentera<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition\">\r\n <h3 class=\"text-xl font-semibold font-serif text-gray-700 mb-4\">Leadership<\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full font-medium\">Executive Comms<\/span>\r\n <span class=\"bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full font-medium\">Conflict Resolution<\/span>\r\n <span class=\"bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full font-medium\">Negotiation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"experience\" class=\"mb-16\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">Professional Experience<\/h2>\r\n <div class=\"space-y-10\">\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-gray-200\">\r\n <h3 class=\"text-2xl font-semibold font-serif text-blue-700 mb-2\">Amtrak, Washington, D.C. (Remote)<\/h3>\r\n <p class=\"text-gray-600 font-medium mb-1\">Senior Cybersecurity Technical Program Manager \/ SAFe Scrum Master<\/p>\r\n <p class=\"text-gray-500 text-sm mb-6\">03\/2022 \u2013 02\/2024<\/p>\r\n <p class=\"text-gray-700 mb-4 leading-relaxed\">\r\n Led a multi-workstream cybersecurity modernization portfolio under governance gates, delivering vulnerability management automation, continuous security validation, revenue-channel web defense, and internal deception technology.\r\n <\/p>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-6 mt-6 mb-6\">\r\n <div>\r\n <h4 class=\"font-bold text-gray-800 mb-2\">Key Outcomes:<\/h4>\r\n <ul class=\"list-disc pl-5 text-sm text-gray-600 space-y-1\">\r\n <li><strong>$500K Savings:<\/strong> Achieved through strategic procurement and consolidation of legacy scanner tool licenses.<\/li>\r\n <li><strong>90% Coverage:<\/strong> Scaled authenticated infrastructure scanning to 40,000+ assets across IT\/OT environments.<\/li>\r\n <li><strong>Accelerated Delivery:<\/strong> Delivered revenue-channel web defense scripts 9 months early, securing $3.4B in annual volume.<\/li>\r\n <li><strong>83% Remediation Rate:<\/strong> Achieved for high-risk service accounts via Active Directory hygiene workstream within 90 days.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-gray-800 mb-2\">How I Ran It:<\/h4>\r\n <ul class=\"list-disc pl-5 text-sm text-gray-600 space-y-1\">\r\n <li><strong>PLM Governance:<\/strong> Enforced rigorous checkpoint gates (Initiation, PRD, DTD) using the \"Yellow Brick Road\" artifact matrix.<\/li>\r\n <li><strong>Hybrid Delivery:<\/strong> Merged Agile SAFe execution for technical sprints with Waterfall governance for financial\/regulatory compliance.<\/li>\r\n <li><strong>Vendor Orchestration:<\/strong> Managed Tenable, Invicti, and Pentera partnerships to align technical roadmaps with procurement bridge contracts.<\/li>\r\n <li><strong>Dependency Mapping:<\/strong> Resolved cross-functional blockers between Cyber Ops, Network Engineering, and Data Center teams.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"analyze-project-btn bg-purple-600 text-white px-4 py-2 rounded-md hover:bg-purple-700 transition\"\r\n data-title=\"Amtrak Portfolio Summary\"\r\n data-description=\"Led a multi-workstream cybersecurity modernization portfolio spanning vulnerability management, automated ethical hacking, and web defense. Managed a $5M+ aggregate budget with $500K cost savings through tool consolidation.\">\r\n \u2728 View Project Intelligence\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-gray-200\">\r\n <h3 class=\"text-2xl font-semibold font-serif text-blue-700 mb-2\">Advantage Technical Resourcing, Houston, TX<\/h3>\r\n <p class=\"text-gray-600 font-medium mb-1\">Technical Project Manager<\/p>\r\n <p class=\"text-gray-500 text-sm mb-6\">07\/2012 \u2013 10\/2021<\/p>\r\n <p class=\"text-gray-700 mb-4 leading-relaxed\">\r\n Delivered strategic technical leadership for Fortune 500 clients (Honeywell, HP, MetLife). Expertly managed complex hardware\/firmware lifecycles and national deployments.\r\n <\/p>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-6 mt-6 mb-6\">\r\n <div>\r\n <h4 class=\"font-bold text-gray-800 mb-2\">Key Outcomes:<\/h4>\r\n <ul class=\"list-disc pl-5 text-sm text-gray-600 space-y-1\">\r\n <li><strong>MetLife:<\/strong> 100% readiness for 104 sites (1,400 devices) one week ahead of Return-to-Office deadline.<\/li>\r\n <li><strong>HCA Healthcare:<\/strong> 100% HIPAA-compliant data destruction for 400+ clinical endpoints in ER\/ICU environments.<\/li>\r\n <li><strong>Honeywell:<\/strong> Standardized secure printing infrastructure across 150+ national sites, delivering $250K in budget savings and completing the project 3 months ahead of schedule through firmware re-engineering.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-gray-800 mb-2\">How I Ran It:<\/h4>\r\n <ul class=\"list-disc pl-5 text-sm text-gray-600 space-y-1\">\r\n <li><strong>Resource Optimization:<\/strong> Authored a structured memo that catalyzed the national Lead Tech Skills Matrix implementation.<\/li>\r\n <li><strong>Remote Transformation:<\/strong> Shifted onsite control-panel updates to a centralized Embedded Web Server (EWS) process.<\/li>\r\n <li><strong>Compliance Control:<\/strong> Implemented a 72-hour COI (Certificate of Insurance) tracker to eliminate site access delays.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"analyze-project-btn bg-purple-600 text-white px-4 py-2 rounded-md hover:bg-purple-700 transition mb-6\"\r\n data-title=\"Advantage Enterprise Portfolio\"\r\n data-description=\"Delivered 20+ enterprise projects across infrastructure, cloud, and security modernization. Key clients include MetLife, HCA Healthcare, and Honeywell.\">\r\n \u2728 View Project Intelligence\r\n <\/button>\r\n \r\n <h4 class=\"text-lg font-semibold text-gray-800 pt-4 border-t border-gray-200\">Key Clients & Engagements:<\/h4>\r\n <div class=\"grid grid-cols-2 sm:grid-cols-4 md:grid-cols-6 gap-6 items-center mt-6 mb-4\">\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/hp.png\" alt=\"HP\"><span class=\"logo-name\">HP<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/metlife.png\" alt=\"MetLife\"><span class=\"logo-name\">MetLife<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/xerox.png\" alt=\"Xerox\"><span class=\"logo-name\">Xerox<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/fca.png\" alt=\"FCA\"><span class=\"logo-name\">FCA<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/hca.png\" alt=\"HCA\"><span class=\"logo-name\">HCA Healthcare<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/pg.png\" alt=\"P&G\"><span class=\"logo-name\">P&G<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/entergy.png\" alt=\"Entergy\"><span class=\"logo-name\">Entergy<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/rrd.png\" alt=\"RRD\"><span class=\"logo-name\">RR Donnelley<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/oxy.png\" alt=\"Oxy\"><span class=\"logo-name\">Oxy<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/cbre.png\" alt=\"CBRE\"><span class=\"logo-name\">CBRE<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/austin.png\" alt=\"Austin\"><span class=\"logo-name\">City of Austin<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/usaf.png\" alt=\"USAF\"><span class=\"logo-name\">U.S. Air Force<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/va.png\" alt=\"VA\"><span class=\"logo-name\">U.S. Dept of VA<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/honeywell.png\" alt=\"Honeywell\"><span class=\"logo-name\">Honeywell<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/dss_sc.png\" alt=\"SC DSS\"><span class=\"logo-name\">South Carolina DSS<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/mckesson.png\" alt=\"McKesson\"><span class=\"logo-name\">McKesson<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/aecom.png\" alt=\"AECOM\"><span class=\"logo-name\">AECOM<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"portfolio\" class=\"mb-16\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">Project Portfolio<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition-shadow\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-3\">Enterprise Vulnerability Management<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-4\">Domain: Cybersecurity Infrastructure<\/p>\r\n <ul class=\"text-sm text-gray-700 list-disc pl-5 space-y-1 mb-4\">\r\n <li>$500K savings via tool consolidation and contract negotiation.<\/li>\r\n <li>90% authenticated scan coverage achieved for 40,000+ assets.<\/li>\r\n <li>Automated vul-to-ticket orchestration in ServiceNow.<\/li>\r\n <\/ul>\r\n <div class=\"flex gap-2\">\r\n <button class=\"open-case-btn bg-blue-600 text-white px-3 py-1 rounded text-xs\" data-case=\"vuln\">Calculate Business Impact<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition-shadow\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-3\">Automated Threat Simulation<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-4\">Domain: Purple Team \/ Security Validation<\/p>\r\n <ul class=\"text-sm text-gray-700 list-disc pl-5 space-y-1 mb-4\">\r\n <li>Bypassed 120-day RFP delay via single-source bridge strategy.<\/li>\r\n <li>Mitigated 50+ critical nation-state attack vector vulnerabilities.<\/li>\r\n <li>Simulated ransomware lateral movement across 8 high-value systems.<\/li>\r\n <\/ul>\r\n <div class=\"flex gap-2\">\r\n <button class=\"open-case-btn bg-blue-600 text-white px-3 py-1 rounded text-xs\" data-case=\"threat\">Calculate Business Impact<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition-shadow\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-3\">Client-Side Web Defense<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-4\">Domain: Edge Security \/ E-Commerce<\/p>\r\n <ul class=\"text-sm text-gray-700 list-disc pl-5 space-y-1 mb-4\">\r\n <li>Deployed Akamai Page Integrity Manager scripts to revenue channels.<\/li>\r\n <li>Secured transactions for digital channels processing $3.4B annually.<\/li>\r\n <li>Uncovered 30+ weaknesses in legacy web configuration.<\/li>\r\n <\/ul>\r\n <div class=\"flex gap-2\">\r\n <button class=\"open-case-btn bg-blue-600 text-white px-3 py-1 rounded text-xs\" data-case=\"web\">Calculate Business Impact<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition-shadow\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-3\">Internal Deception Defense<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-4\">Domain: Network Defense (Honeytraps)<\/p>\r\n <ul class=\"text-sm text-gray-700 list-disc pl-5 space-y-1 mb-4\">\r\n <li>Hybrid orchestration: 9 virtual\/physical BOTsink appliances.<\/li>\r\n <li>Achieved full PCI DSS segmentation evidence for internal networks.<\/li>\r\n <li>Operationalized real-time deceptive alerts for 18 SOC analysts.<\/li>\r\n <\/ul>\r\n <div class=\"flex gap-2\">\r\n <button class=\"open-case-btn bg-blue-600 text-white px-3 py-1 rounded text-xs\" data-case=\"decep\">Calculate Business Impact<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"ai-tools\" class=\"mb-16\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">\u2728 AI-Powered PM Command Center<\/h2>\r\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-gray-200\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n \r\n <div>\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-2\">Stakeholder Communication Assistant<\/h3>\r\n <p class=\"text-sm text-gray-600 mb-3\">Draft executive-ready status updates or risk escalations based on project context.<\/p>\r\n <textarea id=\"situation-input\" class=\"w-full p-2 border border-gray-300 rounded-md mb-2 text-sm\" rows=\"3\" placeholder=\"e.g., The cutover is delayed due to vendor availability...\"><\/textarea>\r\n <button id=\"draft-email-btn\" class=\"bg-blue-600 text-white px-4 py-2 rounded text-sm font-bold hover:bg-blue-700 transition\">Generate Communication<\/button>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-2\">Automated RAID Log Generator<\/h3>\r\n <p class=\"text-sm text-gray-600 mb-3\">Convert unstructured project notes into a structured Risk, Assumption, Issue, Dependency log.<\/p>\r\n <textarea id=\"raid-input\" class=\"w-full p-2 border border-gray-300 rounded-md mb-2 text-sm\" rows=\"3\" placeholder=\"e.g., Budget approved but resources are tight...\"><\/textarea>\r\n <button id=\"draft-raid-btn\" class=\"bg-purple-600 text-white px-4 py-2 rounded text-sm font-bold hover:bg-purple-700 transition\">Generate RAID Log<\/button>\r\n <\/div>\r\n\r\n <div class=\"md:col-span-2\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-2\">Program Status Summary Generator<\/h3>\r\n <p class=\"text-sm text-gray-600 mb-3\">Synthesize raw weekly updates into a \"Red\/Amber\/Green\" executive dashboard summary.<\/p>\r\n <textarea id=\"status-input\" class=\"w-full p-2 border border-gray-300 rounded-md mb-2 text-sm\" rows=\"3\" placeholder=\"e.g., Completed UAT, found 2 critical bugs, deployment scheduled for Friday...\"><\/textarea>\r\n <button id=\"draft-status-btn\" class=\"bg-emerald-600 text-white px-4 py-2 rounded text-sm font-bold hover:bg-emerald-700 transition\">Generate One-Pager<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"education-certs\" class=\"mb-16\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">Education & Certifications<\/h2>\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-gray-200\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-start\">\r\n \r\n <div>\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-6\">Certifications<\/h3>\r\n <div class=\"flex flex-wrap gap-6 mb-10\">\r\n <div class=\"flex flex-col items-center w-24 text-center\">\r\n <div class=\"w-20 h-20 rounded-full border-2 border-gray-200 flex items-center justify-center bg-white shadow-sm overflow-hidden mb-2\">\r\n <img decoding=\"async\" src=\"assets\/logos\/pmp_logo.png\" alt=\"PMP\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <span class=\"text-xs font-bold text-gray-800 leading-tight\">Project Mgmt Professional<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center w-24 text-center\">\r\n <div class=\"w-20 h-20 rounded-full border-2 border-gray-200 flex items-center justify-center bg-white shadow-sm overflow-hidden mb-2\">\r\n <img decoding=\"async\" src=\"assets\/logos\/safe_ssm_logo.png\" alt=\"SAFe\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <span class=\"text-xs font-bold text-gray-800 leading-tight\">SAFe\u00ae SSM<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center w-24 text-center\">\r\n <div class=\"w-20 h-20 rounded-full border-2 border-gray-200 flex items-center justify-center bg-white shadow-sm overflow-hidden mb-2\">\r\n <img decoding=\"async\" src=\"assets\/logos\/csm_logo.png\" alt=\"CSM\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <span class=\"text-xs font-bold text-gray-800 leading-tight\">Certified Scrum Master<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-4 pt-4 border-t border-gray-100\">Education<\/h3>\r\n <div class=\"mb-6\">\r\n <p class=\"text-lg font-bold text-gray-800 leading-tight\">Bachelor of Arts in Computer Information Systems<\/p>\r\n <p class=\"text-gray-600 mt-1\">University of Houston-Downtown, Houston, TX<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-lg font-bold text-gray-800 leading-tight\">Current Graduate Student<\/p>\r\n <p class=\"text-gray-600 mt-1\">Dallas Theological Seminary, Dallas, TX<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"h-full flex flex-col\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-4\">Certification Progress<\/h3>\r\n <div class=\"relative h-80 w-full\">\r\n <canvas id=\"educationCertsChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contact\" class=\"bg-white p-8 rounded-2xl shadow-xl border border-gray-200 text-center\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-6 border-b-2 border-blue-500 pb-4\">Get in Touch <\/h2>\r\n <div class=\"flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-6\">\r\n <a href=\"mailto:BENACIII@Gmail.com\" class=\"bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full shadow-lg transition-all duration-300 transform hover:scale-105\">Email Me<\/a>\r\n <a href=\"https:\/\/www.linkedin.com\/in\/ben-causey-iii-pmp-safe-ssm-csm-8031554a\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-gray-700 hover:bg-gray-800 text-white font-bold py-3 px-8 rounded-full shadow-lg transition-all duration-300 transform hover:scale-105\">Connect on LinkedIn<\/a>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <div id=\"project-modal\" class=\"modal-overlay\">\r\n <div class=\"modal-content relative\">\r\n <button id=\"modal-close-btn\" class=\"modal-close\">×<\/button>\r\n <h3 id=\"modal-title\" class=\"text-2xl font-bold font-serif text-blue-700 mb-4\"><\/h3>\r\n <div id=\"modal-loader\" class=\"loader mx-auto\" style=\"display: none;\"><\/div>\r\n <div id=\"modal-ai-content\" class=\"space-y-4 text-gray-700 text-sm leading-relaxed\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"email-modal\" class=\"modal-overlay\">\r\n <div class=\"modal-content relative\">\r\n <button id=\"email-modal-close-btn\" class=\"modal-close\">×<\/button>\r\n <h3 id=\"modal-tool-title\" class=\"text-2xl font-bold font-serif text-blue-700 mb-4\">Generated Output<\/h3>\r\n <div id=\"email-loader\" class=\"loader mx-auto\" style=\"display: none;\"><\/div>\r\n <pre id=\"email-output\" class=\"text-gray-700 whitespace-pre-wrap font-sans text-sm leading-relaxed\"><\/pre>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer class=\"bg-gray-800 text-white py-6\">\r\n <div class=\"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <p>© 2026 Ben A. Causey III. All rights reserved.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n document.addEventListener('contextmenu', event => event.preventDefault());\r\n\r\n const BACKEND_PROXY_URL = 'https:\/\/api.bencauseyiii.com\/api\/generate-ai-content';\r\n\r\n async function callBackend(prompt) {\r\n const response = await fetch(BACKEND_PROXY_URL, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({ prompt: prompt })\r\n });\r\n if (!response.ok) throw new Error('API Error');\r\n return await response.json();\r\n }\r\n\r\n const emailModal = document.getElementById('email-modal');\r\n const emailOutput = document.getElementById('email-output');\r\n const emailLoader = document.getElementById('email-loader');\r\n const toolTitle = document.getElementById('modal-tool-title');\r\n\r\n const projectModal = document.getElementById('project-modal');\r\n const modalAiContent = document.getElementById('modal-ai-content');\r\n const modalLoader = document.getElementById('modal-loader');\r\n\r\n const setupTool = (btnId, inputId, promptPrefix, title) => {\r\n const btn = document.getElementById(btnId);\r\n const input = document.getElementById(inputId);\r\n if(btn && input) {\r\n btn.addEventListener('click', async () => {\r\n const text = input.value;\r\n if (!text.trim()) { alert('Please enter text.'); return; }\r\n emailModal.classList.add('active');\r\n toolTitle.innerText = title;\r\n emailOutput.textContent = '';\r\n emailLoader.style.display = 'block';\r\n\r\n try {\r\n const result = await callBackend(`${promptPrefix}: ${text}`);\r\n emailOutput.textContent = result.generatedText;\r\n } catch (error) {\r\n emailOutput.textContent = `Error: ${error.message}`;\r\n } finally {\r\n emailLoader.style.display = 'none';\r\n }\r\n });\r\n }\r\n };\r\n\r\n setupTool('draft-email-btn', 'situation-input', 'Draft a professional stakeholder email for', 'Communication Draft');\r\n setupTool('draft-raid-btn', 'raid-input', 'Generate a structured RAID Log table (Risk, Assumption, Issue, Dependency) for', 'RAID Log');\r\n setupTool('draft-status-btn', 'status-input', 'Generate an executive RAG status report for', 'Status Report');\r\n\r\n document.querySelectorAll('.analyze-project-btn').forEach(btn => {\r\n btn.addEventListener('click', async () => {\r\n const title = btn.dataset.title;\r\n const description = btn.dataset.description;\r\n document.getElementById('modal-title').innerText = `Project Intelligence: ${title}`;\r\n modalAiContent.innerHTML = '';\r\n modalLoader.style.display = 'block';\r\n projectModal.classList.add('active');\r\n\r\n const promptText = `Act as an expert technical Program Manager. Analyze this project for an interview-ready summary. Title: \"${title}\", Description: \"${description}\". \r\n Return ONLY a JSON object with keys: \"prerequisites\" (array), \"roadmap\" (array of phase objects with name and deliverables), \"risks\" (array), \"kpis\" (array). Do not include conversational text.`;\r\n\r\n try {\r\n const result = await callBackend(promptText);\r\n const jsonMatch = result.generatedText.match(\/\\{[\\s\\S]*\\}\/);\r\n if (!jsonMatch) throw new Error(\"Invalid format\");\r\n \r\n const data = JSON.parse(jsonMatch[0]);\r\n \r\n modalAiContent.innerHTML = `\r\n <div class=\"mb-4\"><h4 class=\"font-bold text-blue-800\">\u2705 Prerequisites Checklist<\/h4><ul class=\"list-disc pl-5\">${(data.prerequisites || ['N\/A']).map(x => `<li>${x}<\/li>`).join('')}<\/ul><\/div>\r\n <div class=\"mb-4\"><h4 class=\"font-bold text-blue-800\">\ud83d\uddfa\ufe0f Implementation Roadmap<\/h4><ul class=\"list-decimal pl-5\">${(data.roadmap || []).map(x => `<li><strong>${x.name || 'Phase'}<\/strong>: ${x.deliverables || 'TBD'}<\/li>`).join('')}<\/ul><\/div>\r\n <div class=\"mb-4\"><h4 class=\"font-bold text-blue-800\">\u26a0\ufe0f Risk Assessment<\/h4><ul class=\"list-disc pl-5\">${(data.risks || ['N\/A']).map(x => `<li>${x}<\/li>`).join('')}<\/ul><\/div>\r\n <div><h4 class=\"font-bold text-blue-800\">\ud83d\udcca Success KPIs<\/h4><ul class=\"list-disc pl-5\">${(data.kpis || ['N\/A']).map(x => `<li>${x}<\/li>`).join('')}<\/ul><\/div>\r\n `;\r\n } catch (error) {\r\n modalAiContent.innerHTML = `<p class=\"text-red-500\">Error generating analysis.<\/p>`;\r\n } finally {\r\n modalLoader.style.display = 'none';\r\n }\r\n });\r\n });\r\n\r\n document.querySelectorAll('.open-case-btn').forEach(btn => {\r\n btn.addEventListener('click', async () => {\r\n const caseId = btn.dataset.case;\r\n document.getElementById('modal-title').innerText = `Business Impact Analysis`;\r\n modalAiContent.innerHTML = '';\r\n modalLoader.style.display = 'block';\r\n projectModal.classList.add('active');\r\n\r\n const contexts = {\r\n vuln: \"Enterprise Vulnerability Management automation ($500k savings, 40k assets)\",\r\n threat: \"Automated Threat Simulation \/ Purple Teaming (nation-state defense, 50+ criticals)\",\r\n web: \"Client-Side Web Defense \/ Akamai PIM ($3.4B annual transaction security)\",\r\n decep: \"Internal Deception Defense \/ Attivo BOTsinks (PCI segmentation validation)\"\r\n };\r\n\r\n const promptText = `Act as a Senior technical Program manager. Provide a Business Impact Analysis for this project: ${contexts[caseId] || caseId}. \r\n Return ONLY a JSON object with these exact keys: \"roi_metrics\" (array of strings), \"risk_reduction\" (array of strings), \"time_to_value\" (string).`;\r\n\r\n try {\r\n const result = await callBackend(promptText);\r\n const jsonMatch = result.generatedText.match(\/\\{[\\s\\S]*\\}\/);\r\n if (!jsonMatch) throw new Error(\"Invalid format\");\r\n \r\n const data = JSON.parse(jsonMatch[0]);\r\n\r\n modalAiContent.innerHTML = `\r\n <div class=\"mb-4\"><h4 class=\"font-bold text-green-700\">\ud83d\udcb0 ROI & Financial Impact<\/h4><ul class=\"list-disc pl-5\">${(data.roi_metrics || ['Calculated savings and efficiency']).map(x => `<li>${x}<\/li>`).join('')}<\/ul><\/div>\r\n <div class=\"mb-4\"><h4 class=\"font-bold text-blue-700\">\ud83d\udee1\ufe0f Risk Posture Improvement<\/h4><ul class=\"list-disc pl-5\">${(data.risk_reduction || ['Reduction in critical vulnerabilities']).map(x => `<li>${x}<\/li>`).join('')}<\/ul><\/div>\r\n <div><h4 class=\"font-bold text-purple-700\">\u23f1\ufe0f Time to Value<\/h4><p>${data.time_to_value || 'Estimated 90-day implementation cycle'}<\/p><\/div>\r\n `;\r\n } catch (error) {\r\n modalAiContent.innerHTML = `<p class=\"text-red-500\">Error generating impact analysis. Please try again.<\/p>`;\r\n } finally {\r\n modalLoader.style.display = 'none';\r\n }\r\n });\r\n });\r\n\r\n document.querySelectorAll('.modal-close').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n emailModal.classList.remove('active');\r\n projectModal.classList.remove('active');\r\n });\r\n });\r\n\r\n const observer = new IntersectionObserver((entries) => entries.forEach(e => {\r\n if(e.isIntersecting) e.target.classList.add('is-visible');\r\n }), { threshold: 0.1 });\r\n document.querySelectorAll('section').forEach(s => observer.observe(s));\r\n\r\n document.querySelectorAll('[data-target]').forEach(c => {\r\n const counterObserver = new IntersectionObserver((entries, obs) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n const el = e.target;\r\n const target = +el.dataset.target;\r\n const prefix = el.dataset.prefix || ''; \r\n const suffix = el.dataset.suffix || '';\r\n let start = 0; const duration = 2000; const startTime = Date.now();\r\n const animate = () => {\r\n const now = Date.now();\r\n const progress = Math.min((now - startTime) \/ duration, 1);\r\n el.innerText = prefix + Math.floor(progress * target).toLocaleString() + suffix;\r\n if (progress < 1) requestAnimationFrame(animate);\r\n };\r\n requestAnimationFrame(animate);\r\n obs.unobserve(el);\r\n }\r\n });\r\n }, { threshold: 0.8 });\r\n counterObserver.observe(c);\r\n });\r\n\r\n new Chart(document.getElementById('competenciesChart').getContext('2d'), {\r\n type: 'bar',\r\n data: {\r\n labels: ['Program Gov', 'Hybrid Agile & Leadership', 'Cybersecurity', 'Technology Skills', 'Soft Skills', 'Cross-Team Alignment'],\r\n datasets: [{ label: 'Skill Level', data: [9, 9, 8, 8.5, 9, 8.5], backgroundColor: ['#60a5fa', '#4ade80', '#c084fc', '#fb923c', '#00f2ff', '#f87171'] }]},\r\n options: { indexAxis: 'y', scales: { x: { beginAtZero: true, max: 10 } }, plugins: { legend: { display: false } } }\r\n });\r\n\r\n new Chart(document.getElementById('educationCertsChart').getContext('2d'), {\r\n type: 'bar',\r\n data: {\r\n labels: ['PMP', 'SAFe SSM', 'CSM', 'Security+', 'AWS SAA', 'AZ-104', 'CISSP'],\r\n datasets: [{\r\n data: [100, 100, 100, 50, 10, 0, 0],\r\n backgroundColor: ['#22c55e', '#22c55e', '#22c55e', '#eab308', '#ef4444', '#e5e7eb', '#e5e7eb']\r\n }]\r\n },\r\n options: { maintainAspectRatio: false, scales: { y: { beginAtZero: true, max: 100, ticks: { display: false } }, x: { grid: { display: false } } }, plugins: { legend: { display: false } } }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-97","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=97"}],"version-history":[{"count":18,"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":351,"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions\/351"}],"wp:attachment":[{"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":97,"date":"2025-07-11T16:34:45","date_gmt":"2025-07-11T16:34:45","guid":{"rendered":"https:\/\/bencauseyiii.com\/?page_id=97"},"modified":"2026-02-13T16:37:12","modified_gmt":"2026-02-13T16:37:12","slug":"97-2","status":"publish","type":"page","link":"https:\/\/bencauseyiii.com\/","title":{"rendered":""},"content":{"rendered":"\n\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Ben A. Causey III - AI-Powered Program Leadership Portfolio<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.4\/dist\/chart.umd.min.js\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700&family=Roboto+Slab:wght@700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n @keyframes fade-in-down { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }\r\n @keyframes fade-in-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n \r\n section { scroll-margin-top: 140px; opacity: 0; }\r\n .is-visible { animation: fade-in-up 0.8s ease-out forwards; }\r\n .hero-title { animation: fade-in-down 0.6s ease-out forwards; }\r\n .hero-subtitle { animation: fade-in-down 0.6s ease-out 0.2s forwards; opacity: 0; animation-fill-mode: forwards; }\r\n .hero-certs { animation: fade-in-down 0.6s ease-out 0.3s forwards; opacity: 0; animation-fill-mode: forwards; }\r\n .hero-button { animation: fade-in-down 0.6s ease-out 0.4s forwards; opacity: 0; animation-fill-mode: forwards; }\r\n\r\n #particle-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }\r\n\r\n .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }\r\n .modal-overlay.active { opacity: 1; visibility: visible; }\r\n .modal-content { background: white; padding: 2rem; border-radius: 1rem; max-width: 800px; width: 90%; max-height: 90vh; overflow-y: auto; transform: translateY(-50px); transition: transform 0.3s ease; position: relative; }\r\n .modal-overlay.active .modal-content { transform: translateY(0); }\r\n .modal-close { position: absolute; top: 1rem; right: 1rem; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #4b5563; z-index: 1001; }\r\n .modal-close:hover { color: #1f2937; }\r\n\r\n .loader { border: 4px solid #f3f3f3; border-top: 4px solid #3b82f6; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; }\r\n @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n .logo-item { position: relative; display: flex; justify-content: center; align-items: center; height: 100px; width: 100%; padding: 16px; background-color: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); z-index: 1; }\r\n .logo-item img { max-height: 100%; max-width: 100%; object-fit: contain; transition: transform 0.2s ease-in-out; filter: grayscale(100%); opacity: 0.8; }\r\n .logo-item:hover img { transform: scale(1.1); filter: grayscale(0%); opacity: 1; }\r\n .logo-item:hover { z-index: 10; }\r\n \r\n .logo-item .logo-name { visibility: hidden; opacity: 0; transition: opacity 0.2s; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); background-color: #1f2937; color: #f0f6fc; padding: 4px 8px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 20; box-shadow: 0 2px 5px rgba(0,0,0,0.2); }\r\n .logo-item:hover .logo-name { visibility: visible; opacity: 1; }\r\n\r\n body { -webkit-user-select: none; -ms-user-select: none; user-select: none; }\r\n <\/style>\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { sans: ['Inter', 'sans-serif'], serif: ['Roboto Slab', 'serif'] },\r\n },\r\n },\r\n };\r\n <\/script>\r\n<\/head>\r\n<body class=\"bg-gray-100 font-sans\">\r\n \r\n <nav class=\"bg-white shadow-lg sticky top-0 z-50\">\r\n <div class=\"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex flex-col items-center h-auto py-4\">\r\n <span class=\"text-3xl font-bold font-serif text-blue-700 mb-4\">Ben A. Causey III<\/span>\r\n <div class=\"flex flex-wrap justify-center space-x-4\">\r\n <a href=\"#summary\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Summary<\/a>\r\n <a href=\"#achievements\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Highlights<\/a>\r\n <a href=\"#competencies\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Competencies<\/a>\r\n <a href=\"#experience\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Experience<\/a>\r\n <a href=\"#portfolio\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Portfolio<\/a>\r\n <a href=\"#ai-tools\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">\u2728 AI Tools<\/a>\r\n <a href=\"#education-certs\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Education & Certs<\/a>\r\n <a href=\"#contact\" class=\"text-gray-700 hover:text-blue-600 font-medium py-2\">Contact<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <main class=\"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 pt-12 pb-12\">\r\n \r\n <section id=\"hero\" class=\"relative min-h-[60vh] flex items-center justify-center text-center text-white overflow-hidden is-visible rounded-xl\">\r\n <div class=\"absolute inset-0 bg-gray-800\">\r\n <canvas id=\"particle-background\"><\/canvas>\r\n <\/div>\r\n <div class=\"relative z-10 p-4\">\r\n <h1 class=\"text-4xl md:text-6xl font-bold font-serif hero-title\">AI-Powered Program Leadership Portfolio<\/h1>\r\n <p class=\"text-2xl md:text-3xl font-semibold text-blue-200 mt-4 hero-certs\">PMP | SAFe SSM | CSM<\/p>\r\n <p class=\"text-xl md:text-2xl mt-4 text-blue-100 hero-subtitle max-w-3xl mx-auto\">Showcasing governance, delivery, and measurable outcomes in Cybersecurity, Cloud, & AI\u2014proven experience<\/p>\r\n <a href=\"#contact\" class=\"mt-8 inline-block bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full shadow-lg transition-transform transform hover:scale-105 hero-button\">Let's Connect<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"achievements\" class=\"mb-16 mt-8\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">Career Highlights<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 gap-8 text-center\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\r\n <div class=\"text-blue-600 text-3xl font-bold\" data-target=\"10000000\" data-prefix=\"$\" data-suffix=\"+\">0<\/div>\r\n <p class=\"text-gray-600 mt-2 font-semibold text-sm\">Aggregate Portfolio<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\r\n <div class=\"text-green-600 text-3xl font-bold\" data-target=\"45000\" data-suffix=\"+\">0<\/div>\r\n <p class=\"text-gray-600 mt-2 font-semibold text-sm\">Assets Secured<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\r\n <div class=\"text-purple-600 text-3xl font-bold\" data-target=\"1100000\" data-prefix=\"$\" data-suffix=\"+\">0<\/div>\r\n <p class=\"text-gray-600 mt-2 font-semibold text-sm\">Total Savings<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\r\n <div class=\"text-orange-600 text-3xl font-bold\" data-target=\"80\" data-suffix=\"%\">0<\/div>\r\n <p class=\"text-gray-600 mt-2 font-semibold text-sm\">Efficiency Gain<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md\">\r\n <div class=\"text-red-600 text-3xl font-bold\" data-target=\"12\" data-suffix=\"+\">0<\/div>\r\n <p class=\"text-gray-600 mt-2 font-semibold text-sm\">Years Experience<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"summary\" class=\"mb-16\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">Summary<\/h2>\r\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-gray-200\">\r\n <p class=\"text-lg text-gray-700 mb-6\">Result-oriented Senior Technical Program Manager with 12+ years of experience leading large-scale implementations. Skilled in all Project Management Process Groups, delivering successful outcomes through rigorous governance and Agile expertise.<\/p>\r\n <div class=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-4 text-center border-t border-gray-200 pt-6\">\r\n <div class=\"flex flex-col items-center\"><p class=\"text-xs font-semibold text-gray-700\">Governance Gates (PLM)<\/p><\/div>\r\n <div class=\"flex flex-col items-center\"><p class=\"text-xs font-semibold text-gray-700\">Vendor Strategy<\/p><\/div>\r\n <div class=\"flex flex-col items-center\"><p class=\"text-xs font-semibold text-gray-700\">Cybersecurity<\/p><\/div>\r\n <div class=\"flex flex-col items-center\"><p class=\"text-xs font-semibold text-gray-700\">Risk Management (RAID)<\/p><\/div>\r\n <div class=\"flex flex-col items-center\"><p class=\"text-xs font-semibold text-gray-700\">Agile Delivery<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"competencies\" class=\"mb-16\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">Core Competencies<\/h2>\r\n <div class=\"mb-10 bg-white p-6 rounded-xl shadow-md\">\r\n <canvas id=\"competenciesChart\" class=\"w-full max-w-2xl mx-auto\"><\/canvas>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-4\">Program Management<\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full font-medium\">Strategic Planning<\/span>\r\n <span class=\"bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full font-medium\">Scope & Schedule<\/span>\r\n <span class=\"bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full font-medium\">Risk (RAID)<\/span>\r\n <span class=\"bg-blue-100 text-blue-800 text-xs px-3 py-1 rounded-full font-medium\">PLM Governance<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition\">\r\n <h3 class=\"text-xl font-semibold font-serif text-green-700 mb-4\">Cybersecurity<\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-green-100 text-green-800 text-xs px-3 py-1 rounded-full font-medium\">Vulnerability Mgmt<\/span>\r\n <span class=\"bg-green-100 text-green-800 text-xs px-3 py-1 rounded-full font-medium\">Purple Team<\/span>\r\n <span class=\"bg-green-100 text-green-800 text-xs px-3 py-1 rounded-full font-medium\">PCI Readiness<\/span>\r\n <span class=\"bg-green-100 text-green-800 text-xs px-3 py-1 rounded-full font-medium\">Identity (IAM)<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition\">\r\n <h3 class=\"text-xl font-semibold font-serif text-purple-700 mb-4\">Agile & Hybrid<\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-purple-100 text-purple-800 text-xs px-3 py-1 rounded-full font-medium\">SAFe \/ Scrum<\/span>\r\n <span class=\"bg-purple-100 text-purple-800 text-xs px-3 py-1 rounded-full font-medium\">PI Planning<\/span>\r\n <span class=\"bg-purple-100 text-purple-800 text-xs px-3 py-1 rounded-full font-medium\">Hybrid Delivery<\/span>\r\n <span class=\"bg-purple-100 text-purple-800 text-xs px-3 py-1 rounded-full font-medium\">Backlog Mgmt<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition\">\r\n <h3 class=\"text-xl font-semibold font-serif text-orange-700 mb-4\">Operational Skills<\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-orange-100 text-orange-800 text-xs px-3 py-1 rounded-full font-medium\">Process Re-eng<\/span>\r\n <span class=\"bg-orange-100 text-orange-800 text-xs px-3 py-1 rounded-full font-medium\">Vendor Mgmt<\/span>\r\n <span class=\"bg-orange-100 text-orange-800 text-xs px-3 py-1 rounded-full font-medium\">Change Mgmt<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition\">\r\n <h3 class=\"text-xl font-semibold font-serif text-red-700 mb-4\">Tools & Tech<\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-red-100 text-red-800 text-xs px-3 py-1 rounded-full font-medium\">ServiceNow<\/span>\r\n <span class=\"bg-red-100 text-red-800 text-xs px-3 py-1 rounded-full font-medium\">Jira \/ Confluence<\/span>\r\n <span class=\"bg-red-100 text-red-800 text-xs px-3 py-1 rounded-full font-medium\">MS Project<\/span>\r\n <span class=\"bg-red-100 text-red-800 text-xs px-3 py-1 rounded-full font-medium\">Tenable \/ Pentera<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition\">\r\n <h3 class=\"text-xl font-semibold font-serif text-gray-700 mb-4\">Leadership<\/h3>\r\n <div class=\"flex flex-wrap gap-2\">\r\n <span class=\"bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full font-medium\">Executive Comms<\/span>\r\n <span class=\"bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full font-medium\">Conflict Resolution<\/span>\r\n <span class=\"bg-gray-100 text-gray-800 text-xs px-3 py-1 rounded-full font-medium\">Negotiation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"experience\" class=\"mb-16\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">Professional Experience<\/h2>\r\n <div class=\"space-y-10\">\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-gray-200\">\r\n <h3 class=\"text-2xl font-semibold font-serif text-blue-700 mb-2\">Amtrak, Washington, D.C. (Remote)<\/h3>\r\n <p class=\"text-gray-600 font-medium mb-1\">Senior Cybersecurity Technical Program Manager \/ SAFe Scrum Master<\/p>\r\n <p class=\"text-gray-500 text-sm mb-6\">03\/2022 \u2013 02\/2024<\/p>\r\n <p class=\"text-gray-700 mb-4 leading-relaxed\">\r\n Led a multi-workstream cybersecurity modernization portfolio under governance gates, delivering vulnerability management automation, continuous security validation, revenue-channel web defense, and internal deception technology.\r\n <\/p>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-6 mt-6 mb-6\">\r\n <div>\r\n <h4 class=\"font-bold text-gray-800 mb-2\">Key Outcomes:<\/h4>\r\n <ul class=\"list-disc pl-5 text-sm text-gray-600 space-y-1\">\r\n <li><strong>$500K Savings:<\/strong> Achieved through strategic procurement and consolidation of legacy scanner tool licenses.<\/li>\r\n <li><strong>90% Coverage:<\/strong> Scaled authenticated infrastructure scanning to 40,000+ assets across IT\/OT environments.<\/li>\r\n <li><strong>Accelerated Delivery:<\/strong> Delivered revenue-channel web defense scripts 9 months early, securing $3.4B in annual volume.<\/li>\r\n <li><strong>83% Remediation Rate:<\/strong> Achieved for high-risk service accounts via Active Directory hygiene workstream within 90 days.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-gray-800 mb-2\">How I Ran It:<\/h4>\r\n <ul class=\"list-disc pl-5 text-sm text-gray-600 space-y-1\">\r\n <li><strong>PLM Governance:<\/strong> Enforced rigorous checkpoint gates (Initiation, PRD, DTD) using the \"Yellow Brick Road\" artifact matrix.<\/li>\r\n <li><strong>Hybrid Delivery:<\/strong> Merged Agile SAFe execution for technical sprints with Waterfall governance for financial\/regulatory compliance.<\/li>\r\n <li><strong>Vendor Orchestration:<\/strong> Managed Tenable, Invicti, and Pentera partnerships to align technical roadmaps with procurement bridge contracts.<\/li>\r\n <li><strong>Dependency Mapping:<\/strong> Resolved cross-functional blockers between Cyber Ops, Network Engineering, and Data Center teams.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"analyze-project-btn bg-purple-600 text-white px-4 py-2 rounded-md hover:bg-purple-700 transition\"\r\n data-title=\"Amtrak Portfolio Summary\"\r\n data-description=\"Led a multi-workstream cybersecurity modernization portfolio spanning vulnerability management, automated ethical hacking, and web defense. Managed a $5M+ aggregate budget with $500K cost savings through tool consolidation.\">\r\n \u2728 View Project Intelligence\r\n <\/button>\r\n <\/div>\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-gray-200\">\r\n <h3 class=\"text-2xl font-semibold font-serif text-blue-700 mb-2\">Advantage Technical Resourcing, Houston, TX<\/h3>\r\n <p class=\"text-gray-600 font-medium mb-1\">Technical Project Manager<\/p>\r\n <p class=\"text-gray-500 text-sm mb-6\">07\/2012 \u2013 10\/2021<\/p>\r\n <p class=\"text-gray-700 mb-4 leading-relaxed\">\r\n Delivered strategic technical leadership for Fortune 500 clients (Honeywell, HP, MetLife). Expertly managed complex hardware\/firmware lifecycles and national deployments.\r\n <\/p>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-6 mt-6 mb-6\">\r\n <div>\r\n <h4 class=\"font-bold text-gray-800 mb-2\">Key Outcomes:<\/h4>\r\n <ul class=\"list-disc pl-5 text-sm text-gray-600 space-y-1\">\r\n <li><strong>MetLife:<\/strong> 100% readiness for 104 sites (1,400 devices) one week ahead of Return-to-Office deadline.<\/li>\r\n <li><strong>HCA Healthcare:<\/strong> 100% HIPAA-compliant data destruction for 400+ clinical endpoints in ER\/ICU environments.<\/li>\r\n <li><strong>Honeywell:<\/strong> Standardized secure printing infrastructure across 150+ national sites, delivering $250K in budget savings and completing the project 3 months ahead of schedule through firmware re-engineering.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-gray-800 mb-2\">How I Ran It:<\/h4>\r\n <ul class=\"list-disc pl-5 text-sm text-gray-600 space-y-1\">\r\n <li><strong>Resource Optimization:<\/strong> Authored a structured memo that catalyzed the national Lead Tech Skills Matrix implementation.<\/li>\r\n <li><strong>Remote Transformation:<\/strong> Shifted onsite control-panel updates to a centralized Embedded Web Server (EWS) process.<\/li>\r\n <li><strong>Compliance Control:<\/strong> Implemented a 72-hour COI (Certificate of Insurance) tracker to eliminate site access delays.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"analyze-project-btn bg-purple-600 text-white px-4 py-2 rounded-md hover:bg-purple-700 transition mb-6\"\r\n data-title=\"Advantage Enterprise Portfolio\"\r\n data-description=\"Delivered 20+ enterprise projects across infrastructure, cloud, and security modernization. Key clients include MetLife, HCA Healthcare, and Honeywell.\">\r\n \u2728 View Project Intelligence\r\n <\/button>\r\n \r\n <h4 class=\"text-lg font-semibold text-gray-800 pt-4 border-t border-gray-200\">Key Clients & Engagements:<\/h4>\r\n <div class=\"grid grid-cols-2 sm:grid-cols-4 md:grid-cols-6 gap-6 items-center mt-6 mb-4\">\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/hp.png\" alt=\"HP\"><span class=\"logo-name\">HP<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/metlife.png\" alt=\"MetLife\"><span class=\"logo-name\">MetLife<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/xerox.png\" alt=\"Xerox\"><span class=\"logo-name\">Xerox<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/fca.png\" alt=\"FCA\"><span class=\"logo-name\">FCA<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/hca.png\" alt=\"HCA\"><span class=\"logo-name\">HCA Healthcare<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/pg.png\" alt=\"P&G\"><span class=\"logo-name\">P&G<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/entergy.png\" alt=\"Entergy\"><span class=\"logo-name\">Entergy<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/rrd.png\" alt=\"RRD\"><span class=\"logo-name\">RR Donnelley<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/oxy.png\" alt=\"Oxy\"><span class=\"logo-name\">Oxy<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/cbre.png\" alt=\"CBRE\"><span class=\"logo-name\">CBRE<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/austin.png\" alt=\"Austin\"><span class=\"logo-name\">City of Austin<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/usaf.png\" alt=\"USAF\"><span class=\"logo-name\">U.S. Air Force<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/va.png\" alt=\"VA\"><span class=\"logo-name\">U.S. Dept of VA<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/honeywell.png\" alt=\"Honeywell\"><span class=\"logo-name\">Honeywell<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/dss_sc.png\" alt=\"SC DSS\"><span class=\"logo-name\">South Carolina DSS<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/mckesson.png\" alt=\"McKesson\"><span class=\"logo-name\">McKesson<\/span><\/div>\r\n <div class=\"logo-item relative\"><img decoding=\"async\" src=\"assets\/logos\/aecom.png\" alt=\"AECOM\"><span class=\"logo-name\">AECOM<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"portfolio\" class=\"mb-16\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">Project Portfolio<\/h2>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition-shadow\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-3\">Enterprise Vulnerability Management<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-4\">Domain: Cybersecurity Infrastructure<\/p>\r\n <ul class=\"text-sm text-gray-700 list-disc pl-5 space-y-1 mb-4\">\r\n <li>$500K savings via tool consolidation and contract negotiation.<\/li>\r\n <li>90% authenticated scan coverage achieved for 40,000+ assets.<\/li>\r\n <li>Automated vul-to-ticket orchestration in ServiceNow.<\/li>\r\n <\/ul>\r\n <div class=\"flex gap-2\">\r\n <button class=\"open-case-btn bg-blue-600 text-white px-3 py-1 rounded text-xs\" data-case=\"vuln\">Calculate Business Impact<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition-shadow\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-3\">Automated Threat Simulation<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-4\">Domain: Purple Team \/ Security Validation<\/p>\r\n <ul class=\"text-sm text-gray-700 list-disc pl-5 space-y-1 mb-4\">\r\n <li>Bypassed 120-day RFP delay via single-source bridge strategy.<\/li>\r\n <li>Mitigated 50+ critical nation-state attack vector vulnerabilities.<\/li>\r\n <li>Simulated ransomware lateral movement across 8 high-value systems.<\/li>\r\n <\/ul>\r\n <div class=\"flex gap-2\">\r\n <button class=\"open-case-btn bg-blue-600 text-white px-3 py-1 rounded text-xs\" data-case=\"threat\">Calculate Business Impact<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition-shadow\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-3\">Client-Side Web Defense<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-4\">Domain: Edge Security \/ E-Commerce<\/p>\r\n <ul class=\"text-sm text-gray-700 list-disc pl-5 space-y-1 mb-4\">\r\n <li>Deployed Akamai Page Integrity Manager scripts to revenue channels.<\/li>\r\n <li>Secured transactions for digital channels processing $3.4B annually.<\/li>\r\n <li>Uncovered 30+ weaknesses in legacy web configuration.<\/li>\r\n <\/ul>\r\n <div class=\"flex gap-2\">\r\n <button class=\"open-case-btn bg-blue-600 text-white px-3 py-1 rounded text-xs\" data-case=\"web\">Calculate Business Impact<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200 hover:shadow-lg transition-shadow\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-3\">Internal Deception Defense<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-4\">Domain: Network Defense (Honeytraps)<\/p>\r\n <ul class=\"text-sm text-gray-700 list-disc pl-5 space-y-1 mb-4\">\r\n <li>Hybrid orchestration: 9 virtual\/physical BOTsink appliances.<\/li>\r\n <li>Achieved full PCI DSS segmentation evidence for internal networks.<\/li>\r\n <li>Operationalized real-time deceptive alerts for 18 SOC analysts.<\/li>\r\n <\/ul>\r\n <div class=\"flex gap-2\">\r\n <button class=\"open-case-btn bg-blue-600 text-white px-3 py-1 rounded text-xs\" data-case=\"decep\">Calculate Business Impact<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"ai-tools\" class=\"mb-16\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">\u2728 AI-Powered PM Command Center<\/h2>\r\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-gray-200\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n \r\n <div>\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-2\">Stakeholder Communication Assistant<\/h3>\r\n <p class=\"text-sm text-gray-600 mb-3\">Draft executive-ready status updates or risk escalations based on project context.<\/p>\r\n <textarea id=\"situation-input\" class=\"w-full p-2 border border-gray-300 rounded-md mb-2 text-sm\" rows=\"3\" placeholder=\"e.g., The cutover is delayed due to vendor availability...\"><\/textarea>\r\n <button id=\"draft-email-btn\" class=\"bg-blue-600 text-white px-4 py-2 rounded text-sm font-bold hover:bg-blue-700 transition\">Generate Communication<\/button>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-2\">Automated RAID Log Generator<\/h3>\r\n <p class=\"text-sm text-gray-600 mb-3\">Convert unstructured project notes into a structured Risk, Assumption, Issue, Dependency log.<\/p>\r\n <textarea id=\"raid-input\" class=\"w-full p-2 border border-gray-300 rounded-md mb-2 text-sm\" rows=\"3\" placeholder=\"e.g., Budget approved but resources are tight...\"><\/textarea>\r\n <button id=\"draft-raid-btn\" class=\"bg-purple-600 text-white px-4 py-2 rounded text-sm font-bold hover:bg-purple-700 transition\">Generate RAID Log<\/button>\r\n <\/div>\r\n\r\n <div class=\"md:col-span-2\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-2\">Program Status Summary Generator<\/h3>\r\n <p class=\"text-sm text-gray-600 mb-3\">Synthesize raw weekly updates into a \"Red\/Amber\/Green\" executive dashboard summary.<\/p>\r\n <textarea id=\"status-input\" class=\"w-full p-2 border border-gray-300 rounded-md mb-2 text-sm\" rows=\"3\" placeholder=\"e.g., Completed UAT, found 2 critical bugs, deployment scheduled for Friday...\"><\/textarea>\r\n <button id=\"draft-status-btn\" class=\"bg-emerald-600 text-white px-4 py-2 rounded text-sm font-bold hover:bg-emerald-700 transition\">Generate One-Pager<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"education-certs\" class=\"mb-16\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-8 border-b-2 border-blue-500 pb-4\">Education & Certifications<\/h2>\r\n \r\n <div class=\"bg-white p-8 rounded-xl shadow-md border border-gray-200\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-start\">\r\n \r\n <div>\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-6\">Certifications<\/h3>\r\n <div class=\"flex flex-wrap gap-6 mb-10\">\r\n <div class=\"flex flex-col items-center w-24 text-center\">\r\n <div class=\"w-20 h-20 rounded-full border-2 border-gray-200 flex items-center justify-center bg-white shadow-sm overflow-hidden mb-2\">\r\n <img decoding=\"async\" src=\"assets\/logos\/pmp_logo.png\" alt=\"PMP\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <span class=\"text-xs font-bold text-gray-800 leading-tight\">Project Mgmt Professional<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center w-24 text-center\">\r\n <div class=\"w-20 h-20 rounded-full border-2 border-gray-200 flex items-center justify-center bg-white shadow-sm overflow-hidden mb-2\">\r\n <img decoding=\"async\" src=\"assets\/logos\/safe_ssm_logo.png\" alt=\"SAFe\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <span class=\"text-xs font-bold text-gray-800 leading-tight\">SAFe\u00ae SSM<\/span>\r\n <\/div>\r\n <div class=\"flex flex-col items-center w-24 text-center\">\r\n <div class=\"w-20 h-20 rounded-full border-2 border-gray-200 flex items-center justify-center bg-white shadow-sm overflow-hidden mb-2\">\r\n <img decoding=\"async\" src=\"assets\/logos\/csm_logo.png\" alt=\"CSM\" class=\"w-full h-full object-cover\">\r\n <\/div>\r\n <span class=\"text-xs font-bold text-gray-800 leading-tight\">Certified Scrum Master<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-4 pt-4 border-t border-gray-100\">Education<\/h3>\r\n <div class=\"mb-6\">\r\n <p class=\"text-lg font-bold text-gray-800 leading-tight\">Bachelor of Arts in Computer Information Systems<\/p>\r\n <p class=\"text-gray-600 mt-1\">University of Houston-Downtown, Houston, TX<\/p>\r\n <\/div>\r\n <div>\r\n <p class=\"text-lg font-bold text-gray-800 leading-tight\">Current Graduate Student<\/p>\r\n <p class=\"text-gray-600 mt-1\">Dallas Theological Seminary, Dallas, TX<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"h-full flex flex-col\">\r\n <h3 class=\"text-xl font-semibold font-serif text-blue-700 mb-4\">Certification Progress<\/h3>\r\n <div class=\"relative h-80 w-full\">\r\n <canvas id=\"educationCertsChart\"><\/canvas>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contact\" class=\"bg-white p-8 rounded-2xl shadow-xl border border-gray-200 text-center\">\r\n <h2 class=\"text-3xl font-bold font-serif text-gray-900 mb-6 border-b-2 border-blue-500 pb-4\">Get in Touch <\/h2>\r\n <div class=\"flex flex-col sm:flex-row justify-center items-center space-y-4 sm:space-y-0 sm:space-x-6\">\r\n <a href=\"mailto:BENACIII@Gmail.com\" class=\"bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full shadow-lg transition-all duration-300 transform hover:scale-105\">Email Me<\/a>\r\n <a href=\"https:\/\/www.linkedin.com\/in\/ben-causey-iii-pmp-safe-ssm-csm-8031554a\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"bg-gray-700 hover:bg-gray-800 text-white font-bold py-3 px-8 rounded-full shadow-lg transition-all duration-300 transform hover:scale-105\">Connect on LinkedIn<\/a>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <div id=\"project-modal\" class=\"modal-overlay\">\r\n <div class=\"modal-content relative\">\r\n <button id=\"modal-close-btn\" class=\"modal-close\">×<\/button>\r\n <h3 id=\"modal-title\" class=\"text-2xl font-bold font-serif text-blue-700 mb-4\"><\/h3>\r\n <div id=\"modal-loader\" class=\"loader mx-auto\" style=\"display: none;\"><\/div>\r\n <div id=\"modal-ai-content\" class=\"space-y-4 text-gray-700 text-sm leading-relaxed\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"email-modal\" class=\"modal-overlay\">\r\n <div class=\"modal-content relative\">\r\n <button id=\"email-modal-close-btn\" class=\"modal-close\">×<\/button>\r\n <h3 id=\"modal-tool-title\" class=\"text-2xl font-bold font-serif text-blue-700 mb-4\">Generated Output<\/h3>\r\n <div id=\"email-loader\" class=\"loader mx-auto\" style=\"display: none;\"><\/div>\r\n <pre id=\"email-output\" class=\"text-gray-700 whitespace-pre-wrap font-sans text-sm leading-relaxed\"><\/pre>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer class=\"bg-gray-800 text-white py-6\">\r\n <div class=\"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 text-center\">\r\n <p>© 2026 Ben A. Causey III. All rights reserved.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n document.addEventListener('contextmenu', event => event.preventDefault());\r\n\r\n const BACKEND_PROXY_URL = 'https:\/\/api.bencauseyiii.com\/api\/generate-ai-content';\r\n\r\n async function callBackend(prompt) {\r\n const response = await fetch(BACKEND_PROXY_URL, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({ prompt: prompt })\r\n });\r\n if (!response.ok) throw new Error('API Error');\r\n return await response.json();\r\n }\r\n\r\n const emailModal = document.getElementById('email-modal');\r\n const emailOutput = document.getElementById('email-output');\r\n const emailLoader = document.getElementById('email-loader');\r\n const toolTitle = document.getElementById('modal-tool-title');\r\n\r\n const projectModal = document.getElementById('project-modal');\r\n const modalAiContent = document.getElementById('modal-ai-content');\r\n const modalLoader = document.getElementById('modal-loader');\r\n\r\n const setupTool = (btnId, inputId, promptPrefix, title) => {\r\n const btn = document.getElementById(btnId);\r\n const input = document.getElementById(inputId);\r\n if(btn && input) {\r\n btn.addEventListener('click', async () => {\r\n const text = input.value;\r\n if (!text.trim()) { alert('Please enter text.'); return; }\r\n emailModal.classList.add('active');\r\n toolTitle.innerText = title;\r\n emailOutput.textContent = '';\r\n emailLoader.style.display = 'block';\r\n\r\n try {\r\n const result = await callBackend(`${promptPrefix}: ${text}`);\r\n emailOutput.textContent = result.generatedText;\r\n } catch (error) {\r\n emailOutput.textContent = `Error: ${error.message}`;\r\n } finally {\r\n emailLoader.style.display = 'none';\r\n }\r\n });\r\n }\r\n };\r\n\r\n setupTool('draft-email-btn', 'situation-input', 'Draft a professional stakeholder email for', 'Communication Draft');\r\n setupTool('draft-raid-btn', 'raid-input', 'Generate a structured RAID Log table (Risk, Assumption, Issue, Dependency) for', 'RAID Log');\r\n setupTool('draft-status-btn', 'status-input', 'Generate an executive RAG status report for', 'Status Report');\r\n\r\n document.querySelectorAll('.analyze-project-btn').forEach(btn => {\r\n btn.addEventListener('click', async () => {\r\n const title = btn.dataset.title;\r\n const description = btn.dataset.description;\r\n document.getElementById('modal-title').innerText = `Project Intelligence: ${title}`;\r\n modalAiContent.innerHTML = '';\r\n modalLoader.style.display = 'block';\r\n projectModal.classList.add('active');\r\n\r\n const promptText = `Act as an expert technical Program Manager. Analyze this project for an interview-ready summary. Title: \"${title}\", Description: \"${description}\". \r\n Return ONLY a JSON object with keys: \"prerequisites\" (array), \"roadmap\" (array of phase objects with name and deliverables), \"risks\" (array), \"kpis\" (array). Do not include conversational text.`;\r\n\r\n try {\r\n const result = await callBackend(promptText);\r\n const jsonMatch = result.generatedText.match(\/\\{[\\s\\S]*\\}\/);\r\n if (!jsonMatch) throw new Error(\"Invalid format\");\r\n \r\n const data = JSON.parse(jsonMatch[0]);\r\n \r\n modalAiContent.innerHTML = `\r\n <div class=\"mb-4\"><h4 class=\"font-bold text-blue-800\">\u2705 Prerequisites Checklist<\/h4><ul class=\"list-disc pl-5\">${(data.prerequisites || ['N\/A']).map(x => `<li>${x}<\/li>`).join('')}<\/ul><\/div>\r\n <div class=\"mb-4\"><h4 class=\"font-bold text-blue-800\">\ud83d\uddfa\ufe0f Implementation Roadmap<\/h4><ul class=\"list-decimal pl-5\">${(data.roadmap || []).map(x => `<li><strong>${x.name || 'Phase'}<\/strong>: ${x.deliverables || 'TBD'}<\/li>`).join('')}<\/ul><\/div>\r\n <div class=\"mb-4\"><h4 class=\"font-bold text-blue-800\">\u26a0\ufe0f Risk Assessment<\/h4><ul class=\"list-disc pl-5\">${(data.risks || ['N\/A']).map(x => `<li>${x}<\/li>`).join('')}<\/ul><\/div>\r\n <div><h4 class=\"font-bold text-blue-800\">\ud83d\udcca Success KPIs<\/h4><ul class=\"list-disc pl-5\">${(data.kpis || ['N\/A']).map(x => `<li>${x}<\/li>`).join('')}<\/ul><\/div>\r\n `;\r\n } catch (error) {\r\n modalAiContent.innerHTML = `<p class=\"text-red-500\">Error generating analysis.<\/p>`;\r\n } finally {\r\n modalLoader.style.display = 'none';\r\n }\r\n });\r\n });\r\n\r\n document.querySelectorAll('.open-case-btn').forEach(btn => {\r\n btn.addEventListener('click', async () => {\r\n const caseId = btn.dataset.case;\r\n document.getElementById('modal-title').innerText = `Business Impact Analysis`;\r\n modalAiContent.innerHTML = '';\r\n modalLoader.style.display = 'block';\r\n projectModal.classList.add('active');\r\n\r\n const contexts = {\r\n vuln: \"Enterprise Vulnerability Management automation ($500k savings, 40k assets)\",\r\n threat: \"Automated Threat Simulation \/ Purple Teaming (nation-state defense, 50+ criticals)\",\r\n web: \"Client-Side Web Defense \/ Akamai PIM ($3.4B annual transaction security)\",\r\n decep: \"Internal Deception Defense \/ Attivo BOTsinks (PCI segmentation validation)\"\r\n };\r\n\r\n const promptText = `Act as a Senior technical Program manager. Provide a Business Impact Analysis for this project: ${contexts[caseId] || caseId}. \r\n Return ONLY a JSON object with these exact keys: \"roi_metrics\" (array of strings), \"risk_reduction\" (array of strings), \"time_to_value\" (string).`;\r\n\r\n try {\r\n const result = await callBackend(promptText);\r\n const jsonMatch = result.generatedText.match(\/\\{[\\s\\S]*\\}\/);\r\n if (!jsonMatch) throw new Error(\"Invalid format\");\r\n \r\n const data = JSON.parse(jsonMatch[0]);\r\n\r\n modalAiContent.innerHTML = `\r\n <div class=\"mb-4\"><h4 class=\"font-bold text-green-700\">\ud83d\udcb0 ROI & Financial Impact<\/h4><ul class=\"list-disc pl-5\">${(data.roi_metrics || ['Calculated savings and efficiency']).map(x => `<li>${x}<\/li>`).join('')}<\/ul><\/div>\r\n <div class=\"mb-4\"><h4 class=\"font-bold text-blue-700\">\ud83d\udee1\ufe0f Risk Posture Improvement<\/h4><ul class=\"list-disc pl-5\">${(data.risk_reduction || ['Reduction in critical vulnerabilities']).map(x => `<li>${x}<\/li>`).join('')}<\/ul><\/div>\r\n <div><h4 class=\"font-bold text-purple-700\">\u23f1\ufe0f Time to Value<\/h4><p>${data.time_to_value || 'Estimated 90-day implementation cycle'}<\/p><\/div>\r\n `;\r\n } catch (error) {\r\n modalAiContent.innerHTML = `<p class=\"text-red-500\">Error generating impact analysis. Please try again.<\/p>`;\r\n } finally {\r\n modalLoader.style.display = 'none';\r\n }\r\n });\r\n });\r\n\r\n document.querySelectorAll('.modal-close').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n emailModal.classList.remove('active');\r\n projectModal.classList.remove('active');\r\n });\r\n });\r\n\r\n const observer = new IntersectionObserver((entries) => entries.forEach(e => {\r\n if(e.isIntersecting) e.target.classList.add('is-visible');\r\n }), { threshold: 0.1 });\r\n document.querySelectorAll('section').forEach(s => observer.observe(s));\r\n\r\n document.querySelectorAll('[data-target]').forEach(c => {\r\n const counterObserver = new IntersectionObserver((entries, obs) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n const el = e.target;\r\n const target = +el.dataset.target;\r\n const prefix = el.dataset.prefix || ''; \r\n const suffix = el.dataset.suffix || '';\r\n let start = 0; const duration = 2000; const startTime = Date.now();\r\n const animate = () => {\r\n const now = Date.now();\r\n const progress = Math.min((now - startTime) \/ duration, 1);\r\n el.innerText = prefix + Math.floor(progress * target).toLocaleString() + suffix;\r\n if (progress < 1) requestAnimationFrame(animate);\r\n };\r\n requestAnimationFrame(animate);\r\n obs.unobserve(el);\r\n }\r\n });\r\n }, { threshold: 0.8 });\r\n counterObserver.observe(c);\r\n });\r\n\r\n new Chart(document.getElementById('competenciesChart').getContext('2d'), {\r\n type: 'bar',\r\n data: {\r\n labels: ['Program Gov', 'Hybrid Agile & Leadership', 'Cybersecurity', 'Technology Skills', 'Soft Skills', 'Cross-Team Alignment'],\r\n datasets: [{ label: 'Skill Level', data: [9, 9, 8, 8.5, 9, 8.5], backgroundColor: ['#60a5fa', '#4ade80', '#c084fc', '#fb923c', '#00f2ff', '#f87171'] }]},\r\n options: { indexAxis: 'y', scales: { x: { beginAtZero: true, max: 10 } }, plugins: { legend: { display: false } } }\r\n });\r\n\r\n new Chart(document.getElementById('educationCertsChart').getContext('2d'), {\r\n type: 'bar',\r\n data: {\r\n labels: ['PMP', 'SAFe SSM', 'CSM', 'Security+', 'AWS SAA', 'AZ-104', 'CISSP'],\r\n datasets: [{\r\n data: [100, 100, 100, 50, 10, 0, 0],\r\n backgroundColor: ['#22c55e', '#22c55e', '#22c55e', '#eab308', '#ef4444', '#e5e7eb', '#e5e7eb']\r\n }]\r\n },\r\n options: { maintainAspectRatio: false, scales: { y: { beginAtZero: true, max: 100, ticks: { display: false } }, x: { grid: { display: false } } }, plugins: { legend: { display: false } } }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-97","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=97"}],"version-history":[{"count":18,"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":351,"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions\/351"}],"wp:attachment":[{"href":"https:\/\/bencauseyiii.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}