Restructure page: pricing after hero, FAQ section, text updates

- Move Hinnat section right after Palvelut for better visibility
- Add FAQ section with 6 colocation questions and toggle animation
- Update nav order: Palvelut, Hinnat, Konesali, Yhteystiedot
- Rewrite "Paikallinen palvelu" text (remove staff meeting mention)
- Rewrite "Nopeat yhteydet" to emphasize direct fast connection
- Change Yhteystiedot to light background for better alternation

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

style.css

@@ -996,6 +996,71 @@ a:hover {
     }
 }
 
+/* === FAQ === */
+.faq-list {
+    max-width: 800px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+
+.faq-item {
+    background: var(--color-bg-card);
+    border: 1px solid var(--color-border);
+    border-radius: var(--radius-sm);
+    overflow: hidden;
+    transition: border-color var(--transition);
+}
+
+.faq-item:hover {
+    border-color: var(--color-primary);
+}
+
+.faq-question {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 20px 24px;
+    background: none;
+    border: none;
+    color: var(--color-text-heading);
+    font-size: 1.05rem;
+    font-weight: 600;
+    font-family: var(--font-family);
+    cursor: pointer;
+    text-align: left;
+    gap: 16px;
+}
+
+.faq-question svg {
+    flex-shrink: 0;
+    color: var(--color-text-muted);
+    transition: transform var(--transition);
+}
+
+.faq-question[aria-expanded="true"] svg {
+    transform: rotate(180deg);
+}
+
+.faq-answer {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.35s ease, padding 0.35s ease;
+}
+
+.faq-answer.open {
+    max-height: 300px;
+}
+
+.faq-answer p {
+    padding: 0 24px 20px;
+    color: var(--color-text-muted);
+    font-size: 0.95rem;
+    line-height: 1.7;
+}
+
 /* === Animations === */
 .fade-in {
     opacity: 0;