speed chart, old logo revival, softer hillshade, peaks as side feature

src/routes/+layout.svelte

@@ -34,10 +34,7 @@
 <header class="topbar">
 	<nav class="topbar-inner">
 		<a href="/" class="wordmark">
-			<svg viewBox="0 0 24 24" width="22" height="22" aria-hidden="true">
-				<path d="M2 20 L9 6 L13 13 L16 9 L22 20 Z" fill="currentColor" />
-			</svg>
-			Streba
+			<img src="/logo.png" alt="Streba" height="34" />
 		</a>
 		{#if data.user}
 			<div class="nav-links">
@@ -105,15 +102,9 @@
 		margin-right: auto;
 		display: inline-flex;
 		align-items: center;
-		gap: 0.5rem;
-		font-weight: 700;
-		font-size: 1.15rem;
-		letter-spacing: -0.02em;
-		color: var(--text-primary);
-		text-decoration: none;
 	}
-	.wordmark svg {
-		color: var(--accent);
+	.wordmark img {
+		display: block;
 	}
 	.nav-links {
 		display: flex;
@@ -136,9 +127,15 @@
 		background: var(--accent-wash);
 		color: var(--accent-strong);
 	}
-	.signup-btn {
+	.nav-links a.signup-btn {
 		padding: 0.35rem 0.85rem;
 		font-size: 0.85rem;
+		color: #fff;
+	}
+	.nav-links a.signup-btn:hover {
+		background: var(--accent);
+		color: #fff;
+		filter: brightness(1.08);
 	}
 	.theme-toggle {
 		display: flex;