Päivitä sivusto Empor-logolla, minimaalinen tyyli

- Lisää SVG-logo (kuusikulmio + EMPOR-teksti)
- Tumma sininen tausta (#0a0f1a)
- Sininen tagline "IT-palvelut & tietoverkot"
- Logo käännetty valkoiseksi CSS filterillä
- Favicon logosta

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

style.css

@@ -6,7 +6,7 @@
 
 body {
     font-family: 'Helvetica Neue', Arial, sans-serif;
-    background: #0a0a0a;
+    background: #0a0f1a;
     color: #fff;
     min-height: 100vh;
     display: flex;
@@ -20,39 +20,39 @@ main {
 }
 
 .logo {
-    font-size: 4rem;
-    font-weight: 700;
-    letter-spacing: 0.3em;
-    margin-bottom: 4rem;
+    height: 56px;
+    margin-bottom: 1.5rem;
+    filter: brightness(0) invert(1);
 }
 
-.contact {
-    border-top: 1px solid #333;
-    padding-top: 2rem;
-}
-
-.contact h2 {
+.tagline {
     font-size: 0.85rem;
     letter-spacing: 0.2em;
     text-transform: uppercase;
-    color: #666;
-    margin-bottom: 1.5rem;
+    color: #4a90c4;
+    margin-bottom: 4rem;
     font-weight: 400;
 }
 
+.contact {
+    border-top: 1px solid rgba(74, 144, 196, 0.2);
+    padding-top: 2rem;
+}
+
 .contact .name {
     font-size: 1.1rem;
     margin-bottom: 0.75rem;
+    font-weight: 500;
 }
 
 .contact a {
-    color: #ccc;
+    color: rgba(255, 255, 255, 0.6);
     text-decoration: none;
     transition: color 0.2s;
 }
 
 .contact a:hover {
-    color: #fff;
+    color: #4a90c4;
 }
 
 .contact p {