top right of landing page get demo button missing modal

components/modal.js

@@ -190,8 +190,8 @@ class CustomModal extends HTMLElement {
 }
 customElements.define('custom-modal', CustomModal);
 
-// Global modal functions
-function openModal(modalId) {
+// Global modal functions - explicitly attached to window for Shadow DOM access
+window.openModal = function(modalId) {
     const modal = document.querySelector(`custom-modal[data-modal="${modalId}"]`);
     if (modal) {
         const overlay = modal.shadowRoot.getElementById(modalId);
@@ -200,9 +200,9 @@ function openModal(modalId) {
             document.body.style.overflow = 'hidden';
         }
     }
-}
+};
 
-function closeModal(modalId) {
+window.closeModal = function(modalId) {
     const modal = document.querySelector(`custom-modal[data-modal="${modalId}"]`);
     if (modal) {
         const overlay = modal.shadowRoot.getElementById(modalId);
@@ -211,10 +211,10 @@ function closeModal(modalId) {
             document.body.style.overflow = '';
         }
     }
-}
+};
 
-function handleFormSubmit(event, modalId) {
-    event.preventDefault();
+window.handleFormSubmit = function(event, modalId) {
+event.preventDefault();
     const modal = document.querySelector(`custom-modal[data-modal="${modalId}"]`);
     if (modal) {
         const formContent = modal.shadowRoot.getElementById(`form-${modalId}`);
@@ -232,7 +232,6 @@ function handleFormSubmit(event, modalId) {
         }, 2000);
     }
 }
-
 // Close modals on Escape key (global handler for shadow DOM elements)
 document.addEventListener('keydown', (e) => {
     if (e.key === 'Escape') {
@@ -241,7 +240,7 @@ document.addEventListener('keydown', (e) => {
             const overlay = modal.shadowRoot.querySelector('.modal-overlay.open');
             if (overlay) {
                 const modalId = modal.getAttribute('data-modal');
-                closeModal(modalId);
+                window.closeModal(modalId);
             }
         });
     }

components/navbar.js

@@ -118,16 +118,15 @@ class CustomNavbar extends HTMLElement {
         menuToggle.addEventListener('click', () => {
             mobileMenu.classList.toggle('open');
         });
-        
         // Demo button click handler
         const handleDemoClick = (e) => {
             e.preventDefault();
-            if (typeof openModal === 'function') {
-                openModal('demo-modal');
+            // Access via window to ensure visibility from Shadow DOM
+            if (window.openModal && typeof window.openModal === 'function') {
+                window.openModal('demo-modal');
             }
         };
-        
-        navDemoBtn.addEventListener('click', handleDemoClick);
+navDemoBtn.addEventListener('click', handleDemoClick);
         
         // Also handle mobile demo button
         const mobileDemoBtn = this.shadowRoot.querySelector('.mobile-menu .nav-cta');