diff --git a/index.html b/index.html
index 7c689a5..2954ab7 100644
--- a/index.html
+++ b/index.html
@@ -15,26 +15,22 @@
     <header class="header" id="header">
         <div class="container header-inner">
             <a href="/" class="logo">
-                <svg class="logo-icon" viewBox="0 0 32 38" width="28" height="33" fill="none">
-                    <!-- Signal waves -->
-                    <path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/>
-                    <path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/>
-                    <!-- Rack body -->
-                    <rect x="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/>
-                    <!-- Server units -->
-                    <rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                    <rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                    <rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                    <!-- LED indicators -->
-                    <circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/>
-                    <circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/>
-                    <circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/>
-                    <!-- Activity lines -->
-                    <line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                    <line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                    <line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
+                <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
+                    <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
+                    <rect x="10" y="8" width="18" height="22" rx="2.5" fill="none" stroke="white" stroke-width="1.2" opacity="0.9"/>
+                    <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                    <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                    <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                    <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
+                    <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
+                    <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
+                    <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
+                    <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
                 </svg>
-                <span>Konesali<strong>Turku</strong></span>
+                <span class="logo-text">
+                    <span class="logo-text-top">Konesali</span>
+                    <span class="logo-text-bottom">TURKU</span>
+                </span>
             </a>
             <nav class="nav" id="nav">
                 <a href="#palvelut">Palvelut</a>
@@ -865,21 +861,22 @@
         <div class="container footer-inner">
             <div class="footer-brand">
                 <a href="/" class="logo">
-                    <svg class="logo-icon" viewBox="0 0 32 38" width="22" height="26" fill="none">
-                        <path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/>
-                        <path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/>
-                        <rect x="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/>
-                        <rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                        <rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                        <rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                        <circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/>
-                        <circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/>
-                        <circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/>
-                        <line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                        <line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                        <line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
+                    <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
+                        <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
+                        <rect x="10" y="8" width="18" height="22" rx="2.5" fill="none" stroke="white" stroke-width="1.2" opacity="0.9"/>
+                        <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                        <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                        <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                        <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
+                        <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
+                        <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
+                        <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
+                        <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
                     </svg>
-                    <span>Konesali<strong>Turku</strong></span>
+                    <span class="logo-text">
+                        <span class="logo-text-top">Konesali</span>
+                        <span class="logo-text-bottom">TURKU</span>
+                    </span>
                 </a>
                 <p>Luotettavat konesalipalvelut Turussa.</p>
             </div>
diff --git a/konesali.html b/konesali.html
index fe731d8..2b54382 100644
--- a/konesali.html
+++ b/konesali.html
@@ -15,21 +15,22 @@
     <header class="header" id="header">
         <div class="container header-inner">
             <a href="/" class="logo">
-                <svg class="logo-icon" viewBox="0 0 32 38" width="28" height="33" fill="none">
-                    <path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/>
-                    <path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/>
-                    <rect x="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/>
-                    <rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                    <rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                    <rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                    <circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/>
-                    <circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/>
-                    <circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/>
-                    <line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                    <line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                    <line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
+                <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
+                    <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
+                    <rect x="10" y="8" width="18" height="22" rx="2.5" fill="none" stroke="white" stroke-width="1.2" opacity="0.9"/>
+                    <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                    <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                    <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                    <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
+                    <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
+                    <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
+                    <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
+                    <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
                 </svg>
-                <span>Konesali<strong>Turku</strong></span>
+                <span class="logo-text">
+                    <span class="logo-text-top">Konesali</span>
+                    <span class="logo-text-bottom">TURKU</span>
+                </span>
             </a>
             <nav class="nav" id="nav">
                 <a href="index.html#palvelut">Palvelut</a>
@@ -496,21 +497,22 @@
         <div class="container footer-inner">
             <div class="footer-brand">
                 <a href="/" class="logo">
-                    <svg class="logo-icon" viewBox="0 0 32 38" width="22" height="26" fill="none">
-                        <path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/>
-                        <path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/>
-                        <rect x="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/>
-                        <rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                        <rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                        <rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                        <circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/>
-                        <circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/>
-                        <circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/>
-                        <line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                        <line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                        <line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
+                    <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
+                        <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
+                        <rect x="10" y="8" width="18" height="22" rx="2.5" fill="none" stroke="white" stroke-width="1.2" opacity="0.9"/>
+                        <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                        <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                        <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                        <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
+                        <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
+                        <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
+                        <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
+                        <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
                     </svg>
-                    <span>Konesali<strong>Turku</strong></span>
+                    <span class="logo-text">
+                        <span class="logo-text-top">Konesali</span>
+                        <span class="logo-text-bottom">TURKU</span>
+                    </span>
                 </a>
                 <p>Luotettavat konesalipalvelut Turussa.</p>
             </div>
diff --git a/style.css b/style.css
index 0926889..3529e34 100644
--- a/style.css
+++ b/style.css
@@ -85,10 +85,14 @@ a:hover {
     color: var(--color-text-heading);
 }
 
-.header.scrolled .logo-icon {
+.header.scrolled .logo-text-bottom {
     color: var(--color-primary);
 }
 
+.header.scrolled .logo-text-top {
+    opacity: 0.5;
+}
+
 .header.scrolled .nav a {
     color: var(--color-text-muted);
 }
@@ -112,25 +116,61 @@ a:hover {
 .logo {
     display: flex;
     align-items: center;
-    gap: 10px;
+    gap: 12px;
     color: var(--color-white);
     font-family: 'Space Grotesk', var(--font-family);
     font-size: 1.3rem;
     font-weight: 400;
     letter-spacing: -0.02em;
+    text-decoration: none;
 }
 
 .logo:hover {
     color: inherit;
 }
 
-.logo strong {
+.logo:hover .logo-icon {
+    transform: scale(1.04);
+}
+
+.logo-text {
+    display: flex;
+    flex-direction: column;
+    line-height: 1.1;
+}
+
+.logo-text-top {
+    font-size: 0.65rem;
+    font-weight: 600;
+    letter-spacing: 0.18em;
+    text-transform: uppercase;
+    opacity: 0.6;
+}
+
+.logo-text-bottom {
+    font-size: 1.35rem;
     font-weight: 700;
+    letter-spacing: -0.02em;
     color: var(--color-primary-light);
 }
 
 .logo-icon {
-    color: var(--color-primary-light);
+    width: 38px;
+    height: 38px;
+    flex-shrink: 0;
+    transition: transform 0.2s ease;
+}
+
+.logo-icon-bg {
+    fill: var(--color-primary);
+}
+
+.logo-icon-rack {
+    fill: rgba(255, 255, 255, 0.95);
+}
+
+.logo-icon-led {
+    fill: #fff;
 }
 
 .nav {
@@ -927,10 +967,15 @@ a:hover {
     margin-bottom: 12px;
 }
 
-.footer .logo-icon {
+.footer .logo-text-bottom {
     color: var(--color-primary-light);
 }
 
+.footer .logo-icon {
+    width: 32px;
+    height: 32px;
+}
+
 .footer-brand p {
     color: rgba(255, 255, 255, 0.5);
     font-size: 0.95rem;
@@ -1205,11 +1250,23 @@ a:hover {
     margin-bottom: 8px;
 }
 
+.section-dark .spec-section-header h2 {
+    color: var(--color-white);
+}
+
 .spec-section-header p {
     color: var(--color-text-muted);
     font-size: 1rem;
 }
 
+.section-dark .spec-section-header p {
+    color: rgba(255, 255, 255, 0.65);
+}
+
+.section-dark .spec-section-icon {
+    color: var(--color-primary-light);
+}
+
 .spec-intro {
     color: var(--color-text-body);
     line-height: 1.75;
diff --git a/tarjouspyynto.html b/tarjouspyynto.html
index f5f2c0c..d344981 100644
--- a/tarjouspyynto.html
+++ b/tarjouspyynto.html
@@ -15,21 +15,22 @@
     <header class="header" id="header">
         <div class="container header-inner">
             <a href="/" class="logo">
-                <svg class="logo-icon" viewBox="0 0 32 38" width="28" height="33" fill="none">
-                    <path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/>
-                    <path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/>
-                    <rect x="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/>
-                    <rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                    <rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                    <rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                    <circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/>
-                    <circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/>
-                    <circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/>
-                    <line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                    <line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                    <line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
+                <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
+                    <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
+                    <rect x="10" y="8" width="18" height="22" rx="2.5" fill="none" stroke="white" stroke-width="1.2" opacity="0.9"/>
+                    <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                    <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                    <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                    <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
+                    <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
+                    <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
+                    <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
+                    <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
                 </svg>
-                <span>Konesali<strong>Turku</strong></span>
+                <span class="logo-text">
+                    <span class="logo-text-top">Konesali</span>
+                    <span class="logo-text-bottom">TURKU</span>
+                </span>
             </a>
             <nav class="nav" id="nav">
                 <a href="index.html#palvelut">Palvelut</a>
@@ -237,21 +238,22 @@
         <div class="container footer-inner">
             <div class="footer-brand">
                 <a href="/" class="logo">
-                    <svg class="logo-icon" viewBox="0 0 32 38" width="22" height="26" fill="none">
-                        <path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/>
-                        <path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/>
-                        <rect x="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/>
-                        <rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                        <rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                        <rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                        <circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/>
-                        <circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/>
-                        <circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/>
-                        <line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                        <line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                        <line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
+                    <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
+                        <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
+                        <rect x="10" y="8" width="18" height="22" rx="2.5" fill="none" stroke="white" stroke-width="1.2" opacity="0.9"/>
+                        <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                        <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                        <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                        <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
+                        <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
+                        <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
+                        <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
+                        <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
                     </svg>
-                    <span>Konesali<strong>Turku</strong></span>
+                    <span class="logo-text">
+                        <span class="logo-text-top">Konesali</span>
+                        <span class="logo-text-bottom">TURKU</span>
+                    </span>
                 </a>
                 <p>Luotettavat konesalipalvelut Turussa.</p>
             </div>
diff --git a/yhteydet.html b/yhteydet.html
index 9513458..acb0ec5 100644
--- a/yhteydet.html
+++ b/yhteydet.html
@@ -15,21 +15,22 @@
     <header class="header" id="header">
         <div class="container header-inner">
             <a href="/" class="logo">
-                <svg class="logo-icon" viewBox="0 0 32 38" width="28" height="33" fill="none">
-                    <path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/>
-                    <path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/>
-                    <rect x="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/>
-                    <rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                    <rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                    <rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                    <circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/>
-                    <circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/>
-                    <circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/>
-                    <line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                    <line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                    <line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
+                <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
+                    <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
+                    <rect x="10" y="8" width="18" height="22" rx="2.5" fill="none" stroke="white" stroke-width="1.2" opacity="0.9"/>
+                    <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                    <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                    <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                    <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
+                    <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
+                    <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
+                    <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
+                    <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
                 </svg>
-                <span>Konesali<strong>Turku</strong></span>
+                <span class="logo-text">
+                    <span class="logo-text-top">Konesali</span>
+                    <span class="logo-text-bottom">TURKU</span>
+                </span>
             </a>
             <nav class="nav" id="nav">
                 <a href="index.html#palvelut">Palvelut</a>
@@ -452,21 +453,22 @@
         <div class="container footer-inner">
             <div class="footer-brand">
                 <a href="/" class="logo">
-                    <svg class="logo-icon" viewBox="0 0 32 38" width="22" height="26" fill="none">
-                        <path d="M12.5 5.5a5.5 5.5 0 017 0" stroke="#f07060" stroke-width="1.6" stroke-linecap="round"/>
-                        <path d="M9.5 2.5a9.5 9.5 0 0113 0" stroke="#f07060" stroke-width="1.4" stroke-linecap="round" opacity="0.4"/>
-                        <rect x="5" y="10" width="22" height="26" rx="3" stroke="currentColor" stroke-width="1.5"/>
-                        <rect x="9" y="14" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                        <rect x="9" y="21" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                        <rect x="9" y="28" width="14" height="4.5" rx="1.5" stroke="currentColor" stroke-width="0.8" fill="currentColor" fill-opacity="0.06"/>
-                        <circle cx="12.5" cy="16.25" r="1.4" fill="#f07060"/>
-                        <circle cx="12.5" cy="23.25" r="1.4" fill="#f07060"/>
-                        <circle cx="12.5" cy="30.25" r="1.4" fill="#f07060"/>
-                        <line x1="17" y1="16.25" x2="21" y2="16.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                        <line x1="17" y1="23.25" x2="21" y2="23.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
-                        <line x1="17" y1="30.25" x2="21" y2="30.25" stroke="currentColor" stroke-width="0.8" opacity="0.3"/>
+                    <svg class="logo-icon" viewBox="0 0 38 38" fill="none">
+                        <rect class="logo-icon-bg" width="38" height="38" rx="10"/>
+                        <rect x="10" y="8" width="18" height="22" rx="2.5" fill="none" stroke="white" stroke-width="1.2" opacity="0.9"/>
+                        <rect x="13" y="11.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                        <rect x="13" y="17" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                        <rect x="13" y="22.5" width="12" height="3.5" rx="1" class="logo-icon-rack" opacity="0.85"/>
+                        <circle cx="15.5" cy="13.25" r="1" class="logo-icon-led"/>
+                        <circle cx="15.5" cy="18.75" r="1" class="logo-icon-led"/>
+                        <circle cx="15.5" cy="24.25" r="1" class="logo-icon-led"/>
+                        <path d="M15 33a4 4 0 014-4" stroke="white" stroke-width="1.2" stroke-linecap="round" opacity="0.5"/>
+                        <path d="M12.5 35a7 7 0 017-7" stroke="white" stroke-width="1" stroke-linecap="round" opacity="0.3"/>
                     </svg>
-                    <span>Konesali<strong>Turku</strong></span>
+                    <span class="logo-text">
+                        <span class="logo-text-top">Konesali</span>
+                        <span class="logo-text-bottom">TURKU</span>
+                    </span>
                 </a>
                 <p>Luotettavat konesalipalvelut Turussa.</p>
             </div>