Fix issue with sections being invisible by default

Author: jedisct1

www/assets/css/design-refinements.css

@@ -101,14 +101,14 @@ main {
     animation: fadeIn 0.5s ease-in-out;
 }
 
-/* Section transitions */
-section {
+/* Section transitions - only apply when JS is available */
+.js-enabled section {
     opacity: 0;
     transform: translateY(20px);
     transition: opacity 0.6s ease, transform 0.6s ease;
 }
 
-section.visible {
+.js-enabled section.visible {
     opacity: 1;
     transform: translateY(0);
 }

www/assets/js/main.js

@@ -1,5 +1,8 @@
 // IPCrypt Website JavaScript
 
+// Add js-enabled class to body as soon as possible
+document.documentElement.classList.add('js-enabled');
+
 document.addEventListener('DOMContentLoaded', function () {
     // Handle implementation card clicks
     const implementationCards = document.querySelectorAll('.implementation-card');