Replace text logo with SVG image and increase size

index.html

@@ -292,13 +292,12 @@
         }
         
         .logo {
-            font-size: 15px;
-            font-weight: 600;
-            letter-spacing: 0.15em;
+            height: 32px;
         }
         
-        .logo .highlight {
-            color: #f59e0b;
+        .logo img {
+            height: 100%;
+            width: auto;
         }
         
         .nav-links {
@@ -1362,7 +1361,7 @@
 
     <!-- Navigation -->
     <nav>
-        <div class="logo">SCAF<span class="highlight">U</span></div>
+        <div class="logo"><img src="scafu-logo.svg" alt="SCAFU"></div>
         <div class="nav-links">
             <a href="#capabilities" class="nav-link">Features</a>
             <a href="#pricing" class="nav-link">Pricing</a>