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>

script.js

@@ -43,11 +43,20 @@ document.addEventListener('DOMContentLoaded', () => {
     }, observerOptions);
 
     // Add fade-in to sections
-    document.querySelectorAll('.service-card, .feature, .pricing-card, .contact-form, .contact-info').forEach(el => {
+    document.querySelectorAll('.service-card, .feature, .pricing-card, .faq-item, .contact-form, .contact-info').forEach(el => {
         el.classList.add('fade-in');
         observer.observe(el);
     });
 
+    // === FAQ toggle ===
+    document.querySelectorAll('.faq-question').forEach(btn => {
+        btn.addEventListener('click', () => {
+            const expanded = btn.getAttribute('aria-expanded') === 'true';
+            btn.setAttribute('aria-expanded', !expanded);
+            btn.nextElementSibling.classList.toggle('open');
+        });
+    });
+
     // === Contact form ===
     const form = document.getElementById('contact-form');
     const formStatus = document.getElementById('form-status');