new logo SVGs (color + black) replacing inline icon+text in header

index.html

@@ -246,25 +246,13 @@
         .site-logo {
             display: flex;
             align-items: center;
-            gap: 10px;
-            font-weight: 700;
-            font-size: 17px;
-            color: var(--accent);
-            text-decoration: none;
             flex-shrink: 0;
         }
         .site-logo:hover { text-decoration: none; }
-
-        .site-logo-icon {
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            width: 34px;
+        .site-logo-img {
+            display: block;
             height: 34px;
-            border-radius: 10px;
-            background: var(--accent-dim);
-            border: 1px solid rgba(0, 245, 255, 0.3);
-            color: var(--accent);
+            width: auto;
         }
 
         .nav-links {
@@ -1472,16 +1460,7 @@
     <header class="site-header" id="site-header">
         <div class="container">
             <a href="/" class="site-logo">
-                <span class="site-logo-icon">
-                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
-                        <rect x="3" y="8" width="18" height="13" rx="2"/>
-                        <path d="M9 12h.01M15 12h.01"/>
-                        <path d="M9 16h6"/>
-                        <path d="M12 8V5"/>
-                        <circle cx="12" cy="4" r="1.2" fill="currentColor" stroke="none"/>
-                    </svg>
-                </span>
-                derez.ai
+                <img src="assets/images/logo.svg" alt="Derez.ai" width="132" height="34" class="site-logo-img" />
             </a>
 
             <ul class="nav-links" id="nav-links">