I see the issue. The script.js file has the modal functions, but they are defined after DOMContentLoaded. The functions need to be globally accessible for onclick handlers. The functions are already at the global scope in script.js, but let me check if the script is loading correctly. The issue might be that the script is being loaded but the functions are not accessible because they're defined inside the event listener. Let me read the rest of the script.js to see the openModal function:

The functions are defined at the global scope, so they should be accessible. The issue might be that the script is not loading properly, or there's a syntax error. Let me check the browser console by adding the script inline in the HTML to ensure it loads properly. Actually, the easier fix is to change from inline onclick handlers to using event listeners. Let me update the index.html to use JavaScript event listeners instead of inline onclick:

Now let me update the script.js to use event listeners instead of relying on inline onclick handlers:

Now let me update the tips.html to use data attributes instead of inline onclick:

Now let me test the changes in the browser:

Tested feature cards

The feature cards are visible. Let me click on the "Real-time analysis" card to test if the modal works:

I can see the cards with "Click to learn more" text. Let me click on the "Real-time analysis" card (ref=e8):

Tested modal click

The modal is now working. Let me close it and test the tips page as well:

Tested tip modal

Both feature card modals and tip card modals are now working correctly. The fix involved changing from inline onclick handlers to using data-* attributes with event listeners attached in the DOMContentLoaded callback, which ensures the JavaScript is fully loaded and parsed before the click handlers are registered.

I replaced the navigator.clipboard.writeText() API with a fallback method that creates a temporary textarea element, selects its content, and uses document.execCommand('copy') instead. This approach works in environments where the Clipboard API is blocked due to permissions policy restrictions, such as iframes or certain security contexts.