Refactor code structure for improved readability and maintainability

src/app.css

@@ -162,7 +162,6 @@ a {
 
 .hero {
   width: min(1120px, 100%);
-  min-height: 100svh;
   margin-inline: auto;
   padding: clamp(1.25rem, 4vw, 2.75rem) clamp(1rem, 3vw, 2rem) 0;
   display: flex;
@@ -173,11 +172,35 @@ a {
 .site-footer {
   position: relative;
   width: min(1120px, 100%);
-  margin: clamp(5rem, 8vw, 7.5rem) auto 0;
+  margin: clamp(3.25rem, 5.5vw, 4.75rem) auto 0;
   padding: 0 clamp(1rem, 3vw, 2rem) clamp(1.4rem, 3vw, 2rem);
   text-align: center;
 }
 
+.novy-link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto clamp(2.5rem, 4.5vw, 3.75rem);
+  opacity: 0.86;
+  transition:
+    opacity 160ms ease,
+    transform 160ms ease,
+    filter 160ms ease;
+}
+
+.novy-link:hover {
+  opacity: 1;
+  filter: drop-shadow(0 0 18px rgba(181, 140, 255, 0.34));
+  transform: translateY(-1px);
+}
+
+.novy-link img {
+  display: block;
+  width: clamp(9rem, 22vw, 13.5rem);
+  height: auto;
+}
+
 .site-footer p {
   margin: 0;
   color: rgba(241, 231, 255, 0.74);
@@ -372,7 +395,7 @@ a {
   }
 
   .site-footer {
-    margin-top: clamp(4.5rem, 15vw, 6rem);
+    margin-top: clamp(3.25rem, 10vw, 4.5rem);
   }
 }
 

src/routes/+page.svelte

@@ -3,6 +3,7 @@
   import IntroText from '$lib/components/IntroText.svelte';
   import VideoCard from '$lib/components/VideoCard.svelte';
   import logo from '$lib/assets/squiggleverse-logo.webp';
+  import novyLogo from '$lib/assets/novy-logo.webp';
 
   let scrollY = $state(0);
 
@@ -62,6 +63,15 @@
   </section>
 
   <footer class="site-footer">
+    <a
+      class="novy-link"
+      href="https://novyunlimited.com/"
+      target="_blank"
+      rel="noopener noreferrer"
+      aria-label="Visit Novy Unlimited"
+    >
+      <img src={novyLogo} alt="Novy Unlimited" width="947" height="256" />
+    </a>
     <p>&copy; 2026 Squiggleverse. All rights reserved.</p>
   </footer>
 </main>