diff --git a/index.html b/index.html
index 052f772..8f6341a 100644
--- a/index.html
+++ b/index.html
@@ -17,11 +17,15 @@
         <div class="nav-container">
             <a href="#hero" class="nav-logo">JUKKA<br>LAMPIKOSKI</a>
             <ul class="nav-links" id="navLinks">
-                <li><a href="#teemat" data-fi="TEEMAT" data-en="THEMES">TEEMAT</a></li>
-                <li><a href="#minusta" data-fi="MINUSTA" data-en="ABOUT">MINUSTA</a></li>
-<li><a href="#yhteystiedot" data-fi="YHTEYSTIEDOT" data-en="CONTACT">YHTEYSTIEDOT</a></li>
+                <li><a href="#teemat" data-fi="TEEMAT" data-en="THEMES" data-sv="TEMAN">TEEMAT</a></li>
+                <li><a href="#minusta" data-fi="MINUSTA" data-en="ABOUT" data-sv="OM MIG">MINUSTA</a></li>
+                <li><a href="#yhteystiedot" data-fi="YHTEYSTIEDOT" data-en="CONTACT" data-sv="KONTAKT">YHTEYSTIEDOT</a></li>
                 <li>
-                    <button class="lang-toggle" id="langToggle" aria-label="Vaihda kieli">FI</button>
+                    <div class="lang-buttons">
+                        <button class="lang-btn active" data-lang="fi">FI</button>
+                        <button class="lang-btn" data-lang="sv">SV</button>
+                        <button class="lang-btn" data-lang="en">EN</button>
+                    </div>
                 </li>
             </ul>
             <button class="hamburger" id="hamburger" aria-label="Avaa valikko">
@@ -37,12 +41,12 @@
         <div class="hero-content">
             <div class="hero-text">
                 <h1>
-                    <span class="hero-accent" data-fi="Järkevä talous." data-en="Smart economy.">Järkevä talous.</span>
-                    <span class="hero-accent" data-fi="Yrittäjähenkisyys." data-en="Entrepreneurial spirit.">Yrittäjähenkisyys.</span>
-                    <span data-fi="Inhimilliset päätökset." data-en="Humane decisions.">Inhimilliset päätökset.</span>
+                    <span class="hero-accent" data-fi="Järkevä talous." data-en="Smart economy." data-sv="Klok ekonomi.">Järkevä talous.</span>
+                    <span class="hero-accent" data-fi="Yrittäjähenkisyys." data-en="Entrepreneurial spirit." data-sv="Företagaranda.">Yrittäjähenkisyys.</span>
+                    <span data-fi="Inhimilliset päätökset." data-en="Humane decisions." data-sv="Humana beslut.">Inhimilliset päätökset.</span>
                 </h1>
-                <p class="hero-subtitle" data-fi="Poliitikko, Kaarina" data-en="Politician, Kaarina">Poliitikko, Kaarina</p>
-                <a href="#teemat" class="btn btn-primary" data-fi="Tutustu teemoihin" data-en="Explore themes">Tutustu teemoihin</a>
+                <p class="hero-subtitle" data-fi="Poliitikko, Kaarina" data-en="Politician, Kaarina" data-sv="Politiker, S:t Karins">Poliitikko, Kaarina</p>
+                <a href="#teemat" class="btn btn-primary" data-fi="Tutustu teemoihin" data-en="Explore themes" data-sv="Utforska teman">Tutustu teemoihin</a>
             </div>
             <div class="hero-image">
                 <img src="images/hero-studio.png" alt="Jukka Lampikoski">
@@ -53,26 +57,26 @@
     <!-- Themes Section -->
     <section class="themes" id="teemat">
         <div class="container">
-            <h2 class="section-title" data-fi="Miksi mukaan politiikkaan?" data-en="Why get into politics?">Miksi mukaan politiikkaan?</h2>
-            <p class="section-intro" data-fi="Talouden tasapaino, pienyrittäjyyden edellytykset, lapsiperheiden oikeudet sekä turvallinen lapsuus tarvitsevat puolustajia, jotka eivät tingi ihmisoikeuksista, tasa-arvosta tai yhdenvertaisuudesta. Yhteisen edun pitää kaikissa tilanteissa mennä oman tai kaverin edun edelle." data-en="Economic balance, small business conditions, family rights and safe childhood need advocates who don't compromise on human rights, equality or equity. The common good must always come before personal interests.">Talouden tasapaino, pienyrittäjyyden edellytykset, lapsiperheiden oikeudet sekä turvallinen lapsuus tarvitsevat puolustajia, jotka eivät tingi ihmisoikeuksista, tasa-arvosta tai yhdenvertaisuudesta. Yhteisen edun pitää kaikissa tilanteissa mennä oman tai kaverin edun edelle.</p>
+            <h2 class="section-title" data-fi="Miksi mukaan politiikkaan?" data-en="Why get into politics?" data-sv="Varför engagera sig i politik?">Miksi mukaan politiikkaan?</h2>
+            <p class="section-intro" data-fi="Talouden tasapaino, pienyrittäjyyden edellytykset, lapsiperheiden oikeudet sekä turvallinen lapsuus tarvitsevat puolustajia, jotka eivät tingi ihmisoikeuksista, tasa-arvosta tai yhdenvertaisuudesta. Yhteisen edun pitää kaikissa tilanteissa mennä oman tai kaverin edun edelle." data-en="Economic balance, small business conditions, family rights and safe childhood need advocates who don't compromise on human rights, equality or equity. The common good must always come before personal interests." data-sv="Ekonomisk balans, villkor för småföretagare, barnfamiljers rättigheter och en trygg barndom behöver förespråkare som inte kompromissar om mänskliga rättigheter, jämställdhet eller jämlikhet. Det gemensamma bästa måste alltid gå före egenintresset.">Talouden tasapaino, pienyrittäjyyden edellytykset, lapsiperheiden oikeudet sekä turvallinen lapsuus tarvitsevat puolustajia, jotka eivät tingi ihmisoikeuksista, tasa-arvosta tai yhdenvertaisuudesta. Yhteisen edun pitää kaikissa tilanteissa mennä oman tai kaverin edun edelle.</p>
 
             <div class="themes-grid three-col">
                 <div class="theme-card">
                     <div class="theme-number">01</div>
-                    <h3 data-fi="Järkevä talous" data-en="Smart economy">Järkevä talous</h3>
-                    <p data-fi="Taloutta voi korjata kestävästi eikä vain leikkaamalla. Hyvin kohdistettu julkinen raha koulutukseen tai hyvinvointiin tulee moninkertaisena takaisin. Kaikki rahat ovat veronmaksajien rahoja ja ne pitää kohdistaa järkevästi: koulutukseen, huono-osaisuuden vähentämiseen, lapsiperheiden tukemiseen sekä mielenterveyspalveluihin." data-en="The economy can be fixed sustainably, not just through cuts. Well-targeted public spending on education and welfare returns manifold. All funds are taxpayer money and must be allocated wisely: education, reducing disadvantage, supporting families, and mental health services.">Taloutta voi korjata kestävästi eikä vain leikkaamalla. Hyvin kohdistettu julkinen raha koulutukseen tai hyvinvointiin tulee moninkertaisena takaisin. Kaikki rahat ovat veronmaksajien rahoja ja ne pitää kohdistaa järkevästi: koulutukseen, huono-osaisuuden vähentämiseen, lapsiperheiden tukemiseen sekä mielenterveyspalveluihin.</p>
+                    <h3 data-fi="Järkevä talous" data-en="Smart economy" data-sv="Klok ekonomi">Järkevä talous</h3>
+                    <p data-fi="Taloutta voi korjata kestävästi eikä vain leikkaamalla. Hyvin kohdistettu julkinen raha koulutukseen tai hyvinvointiin tulee moninkertaisena takaisin. Kaikki rahat ovat veronmaksajien rahoja ja ne pitää kohdistaa järkevästi: koulutukseen, huono-osaisuuden vähentämiseen, lapsiperheiden tukemiseen sekä mielenterveyspalveluihin." data-en="The economy can be fixed sustainably, not just through cuts. Well-targeted public spending on education and welfare returns manifold. All funds are taxpayer money and must be allocated wisely: education, reducing disadvantage, supporting families, and mental health services." data-sv="Ekonomin kan repareras hållbart, inte bara genom nedskärningar. Väl riktade offentliga medel till utbildning och välfärd ger mångfaldig avkastning. Alla pengar är skattebetalarnas pengar och måste fördelas klokt: utbildning, minskad ojämlikhet, stöd till barnfamiljer och mentalvårdstjänster.">Taloutta voi korjata kestävästi eikä vain leikkaamalla. Hyvin kohdistettu julkinen raha koulutukseen tai hyvinvointiin tulee moninkertaisena takaisin. Kaikki rahat ovat veronmaksajien rahoja ja ne pitää kohdistaa järkevästi: koulutukseen, huono-osaisuuden vähentämiseen, lapsiperheiden tukemiseen sekä mielenterveyspalveluihin.</p>
                 </div>
 
                 <div class="theme-card">
                     <div class="theme-number">02</div>
-                    <h3 data-fi="Yrittäjähenkisyys" data-en="Entrepreneurial spirit">Yrittäjähenkisyys</h3>
-                    <p data-fi="Yrittäjät ovat taloutemme selkäranka. He luovat työpaikkoja, kehittävät innovaatioita ja tuovat uusia tuotteita markkinoille. Tavoitteeni on luoda yrittäjyyttä tukevaa ympäristöä: panostuksia koulutukseen ja osaajiin sekä tarpeettoman sääntelyn ja byrokratian vähentämistä. Kaupungin tulisi järjestää myös pienemmille yrittäjille viihtyisiä toimitiloja." data-en="Entrepreneurs are the backbone of our economy. They create jobs, develop innovations and bring new products to market. My goal is to create a supportive environment: investing in education and talent, reducing unnecessary regulation. The city should also provide pleasant workspaces for smaller entrepreneurs.">Yrittäjät ovat taloutemme selkäranka. He luovat työpaikkoja, kehittävät innovaatioita ja tuovat uusia tuotteita markkinoille. Tavoitteeni on luoda yrittäjyyttä tukevaa ympäristöä: panostuksia koulutukseen ja osaajiin sekä tarpeettoman sääntelyn ja byrokratian vähentämistä. Kaupungin tulisi järjestää myös pienemmille yrittäjille viihtyisiä toimitiloja.</p>
+                    <h3 data-fi="Yrittäjähenkisyys" data-en="Entrepreneurial spirit" data-sv="Företagaranda">Yrittäjähenkisyys</h3>
+                    <p data-fi="Yrittäjät ovat taloutemme selkäranka. He luovat työpaikkoja, kehittävät innovaatioita ja tuovat uusia tuotteita markkinoille. Tavoitteeni on luoda yrittäjyyttä tukevaa ympäristöä: panostuksia koulutukseen ja osaajiin sekä tarpeettoman sääntelyn ja byrokratian vähentämistä. Kaupungin tulisi järjestää myös pienemmille yrittäjille viihtyisiä toimitiloja." data-en="Entrepreneurs are the backbone of our economy. They create jobs, develop innovations and bring new products to market. My goal is to create a supportive environment: investing in education and talent, reducing unnecessary regulation. The city should also provide pleasant workspaces for smaller entrepreneurs." data-sv="Företagare är ryggraden i vår ekonomi. De skapar jobb, utvecklar innovationer och tar nya produkter till marknaden. Mitt mål är att skapa en stödjande miljö: satsa på utbildning och kompetens samt minska onödig reglering och byråkrati. Staden bör också erbjuda trivsamma lokaler för mindre företagare.">Yrittäjät ovat taloutemme selkäranka. He luovat työpaikkoja, kehittävät innovaatioita ja tuovat uusia tuotteita markkinoille. Tavoitteeni on luoda yrittäjyyttä tukevaa ympäristöä: panostuksia koulutukseen ja osaajiin sekä tarpeettoman sääntelyn ja byrokratian vähentämistä. Kaupungin tulisi järjestää myös pienemmille yrittäjille viihtyisiä toimitiloja.</p>
                 </div>
 
                 <div class="theme-card">
                     <div class="theme-number">03</div>
-                    <h3 data-fi="Inhimilliset päätökset" data-en="Humane decisions">Inhimilliset päätökset</h3>
-                    <p data-fi="Kaikessa päätöksenteossa huomiomme tulisi kiinnittyä ihmisiin. Turvalliset kasvuolosuhteet lapsille, riittävät resurssit kouluihin ja varhaiskasvatukseen sekä mielenterveyspalveluihin. Parannetaan mielenterveyttä, vähennetään köyhyyttä ja tuetaan elämän alamäissä — niin saadaan kuntalaisista terveitä aikuisia. Yhteisen edun pitää mennä aina oman edun edelle." data-en="In all decision-making, our focus should be on people. Safe conditions for children, sufficient resources for schools, early education and mental health services. Let's improve mental health, reduce poverty and support people through difficulties — creating healthy adults from our residents. The common good must always come first.">Kaikessa päätöksenteossa huomiomme tulisi kiinnittyä ihmisiin. Turvalliset kasvuolosuhteet lapsille, riittävät resurssit kouluihin ja varhaiskasvatukseen sekä mielenterveyspalveluihin. Parannetaan mielenterveyttä, vähennetään köyhyyttä ja tuetaan elämän alamäissä — niin saadaan kuntalaisista terveitä aikuisia. Yhteisen edun pitää mennä aina oman edun edelle.</p>
+                    <h3 data-fi="Inhimilliset päätökset" data-en="Humane decisions" data-sv="Humana beslut">Inhimilliset päätökset</h3>
+                    <p data-fi="Kaikessa päätöksenteossa huomiomme tulisi kiinnittyä ihmisiin. Turvalliset kasvuolosuhteet lapsille, riittävät resurssit kouluihin ja varhaiskasvatukseen sekä mielenterveyspalveluihin. Parannetaan mielenterveyttä, vähennetään köyhyyttä ja tuetaan elämän alamäissä — niin saadaan kuntalaisista terveitä aikuisia. Yhteisen edun pitää mennä aina oman edun edelle." data-en="In all decision-making, our focus should be on people. Safe conditions for children, sufficient resources for schools, early education and mental health services. Let's improve mental health, reduce poverty and support people through difficulties — creating healthy adults from our residents. The common good must always come first." data-sv="I allt beslutsfattande bör vårt fokus ligga på människor. Trygga uppväxtvillkor för barn, tillräckliga resurser till skolor, förskola och mentalvårdstjänster. Låt oss förbättra den psykiska hälsan, minska fattigdom och stödja människor genom svårigheter — så skapar vi friska vuxna av våra invånare. Det gemensamma bästa måste alltid komma först.">Kaikessa päätöksenteossa huomiomme tulisi kiinnittyä ihmisiin. Turvalliset kasvuolosuhteet lapsille, riittävät resurssit kouluihin ja varhaiskasvatukseen sekä mielenterveyspalveluihin. Parannetaan mielenterveyttä, vähennetään köyhyyttä ja tuetaan elämän alamäissä — niin saadaan kuntalaisista terveitä aikuisia. Yhteisen edun pitää mennä aina oman edun edelle.</p>
                 </div>
             </div>
         </div>
@@ -85,14 +89,14 @@
                 <img src="images/book-selfie.jpg" alt="Jukka Lampikoski - Kunta 2035" loading="lazy">
             </div>
             <div class="about-text">
-                <h2 data-fi="Jukka Lampikoski" data-en="Jukka Lampikoski">Jukka Lampikoski</h2>
+                <h2 data-fi="Jukka Lampikoski" data-en="Jukka Lampikoski" data-sv="Jukka Lampikoski">Jukka Lampikoski</h2>
                 <ul class="about-facts">
-                    <li data-fi="Poliitikko, Kaarina" data-en="Politician, Kaarina">Poliitikko, Kaarina</li>
-                    <li data-fi="Lähes 20 vuoden kokemus yrittäjänä" data-en="Nearly 20 years of entrepreneurial experience">Lähes 20 vuoden kokemus yrittäjänä</li>
-                    <li data-fi="IT-hankintojen ja teknologian asiantuntija" data-en="IT procurement and technology expert">IT-hankintojen ja teknologian asiantuntija</li>
-<li data-fi="Talous, yrittäjyys, lapsiperheet, mielenterveys" data-en="Economy, entrepreneurship, families, mental health">Talous, yrittäjyys, lapsiperheet, mielenterveys</li>
+                    <li data-fi="Poliitikko, Kaarina" data-en="Politician, Kaarina" data-sv="Politiker, S:t Karins">Poliitikko, Kaarina</li>
+                    <li data-fi="Lähes 20 vuoden kokemus yrittäjänä" data-en="Nearly 20 years of entrepreneurial experience" data-sv="Nästan 20 års erfarenhet som företagare">Lähes 20 vuoden kokemus yrittäjänä</li>
+                    <li data-fi="IT-hankintojen ja teknologian asiantuntija" data-en="IT procurement and technology expert" data-sv="Expert på IT-upphandling och teknologi">IT-hankintojen ja teknologian asiantuntija</li>
+                    <li data-fi="Talous, yrittäjyys, lapsiperheet, mielenterveys" data-en="Economy, entrepreneurship, families, mental health" data-sv="Ekonomi, företagande, barnfamiljer, psykisk hälsa">Talous, yrittäjyys, lapsiperheet, mielenterveys</li>
                 </ul>
-                <p class="about-quote" data-fi="&laquo;Ollaan me vastuullisina päättäjinä osa ratkaisua eikä ongelmaa!&raquo;" data-en="&laquo;Let's be responsible decision-makers — part of the solution, not the problem!&raquo;">&laquo;Ollaan me vastuullisina päättäjinä osa ratkaisua eikä ongelmaa!&raquo;</p>
+                <p class="about-quote" data-fi="&laquo;Ollaan me vastuullisina päättäjinä osa ratkaisua eikä ongelmaa!&raquo;" data-en="&laquo;Let's be responsible decision-makers — part of the solution, not the problem!&raquo;" data-sv="&laquo;Låt oss vara ansvarsfulla beslutsfattare — en del av lösningen, inte problemet!&raquo;">&laquo;Ollaan me vastuullisina päättäjinä osa ratkaisua eikä ongelmaa!&raquo;</p>
             </div>
         </div>
     </section>
@@ -101,7 +105,7 @@
     <section class="banner-section">
         <div class="banner-image" style="background-image: url('images/red-house.jpg');">
             <div class="banner-overlay">
-                <p class="banner-text" data-fi="Rakennetaan yhdessä parempaa tulevaisuutta." data-en="Let's build a better future together.">Rakennetaan yhdessä parempaa tulevaisuutta.</p>
+                <p class="banner-text" data-fi="Rakennetaan yhdessä parempaa huomista." data-en="Let's build a better tomorrow together." data-sv="Låt oss bygga en bättre morgondag tillsammans.">Rakennetaan yhdessä parempaa huomista.</p>
             </div>
         </div>
     </section>
@@ -109,7 +113,7 @@
     <!-- Contact Section -->
     <section class="contact-section" id="yhteystiedot">
         <div class="container">
-            <h2 class="section-title light" data-fi="Ota yhteyttä" data-en="Get in touch">Ota yhteyttä</h2>
+            <h2 class="section-title light" data-fi="Ota yhteyttä" data-en="Get in touch" data-sv="Kontakta mig">Ota yhteyttä</h2>
             <div class="contact-content">
                 <div class="contact-info">
                     <p class="contact-name">Jukka Lampikoski</p>
@@ -124,7 +128,7 @@
                     </div>
                 </div>
                 <div class="contact-cta">
-                    <p class="contact-message" data-fi="Ota rohkeasti yhteyttä — vastaan mielelläni kaikkiin kysymyksiin!" data-en="Don't hesitate to reach out — I'm happy to answer all questions!">Ota rohkeasti yhteyttä — vastaan mielelläni kaikkiin kysymyksiin!</p>
+                    <p class="contact-message" data-fi="Ota rohkeasti yhteyttä — vastaan mielelläni kaikkiin kysymyksiin!" data-en="Don't hesitate to reach out — I'm happy to answer all questions!" data-sv="Tveka inte att höra av dig — jag svarar gärna på alla frågor!">Ota rohkeasti yhteyttä — vastaan mielelläni kaikkiin kysymyksiin!</p>
                 </div>
             </div>
         </div>
diff --git a/script.js b/script.js
index 45df28f..e541a85 100644
--- a/script.js
+++ b/script.js
@@ -1,20 +1,31 @@
-// ========== Language Toggle ==========
+// ========== Language Switcher (FI / SV / EN) ==========
 let currentLang = 'fi';
 
-const langToggle = document.getElementById('langToggle');
-langToggle.addEventListener('click', () => {
-    currentLang = currentLang === 'fi' ? 'en' : 'fi';
-    langToggle.textContent = currentLang.toUpperCase();
-    document.documentElement.lang = currentLang;
+function switchLanguage(lang) {
+    currentLang = lang;
+    document.documentElement.lang = lang;
 
+    // Update active button
+    document.querySelectorAll('.lang-btn').forEach(btn => {
+        btn.classList.toggle('active', btn.dataset.lang === lang);
+    });
+
+    // Update all translatable elements
     document.querySelectorAll('[data-fi]').forEach(el => {
-        const text = el.getAttribute(`data-${currentLang}`);
+        const text = el.getAttribute(`data-${lang}`);
         if (text) {
-            if (el.tagName === 'A' || el.tagName === 'BUTTON' || el.tagName === 'P' || el.tagName === 'SPAN' || el.tagName === 'H1' || el.tagName === 'H2' || el.tagName === 'H3' || el.tagName === 'LI') {
+            if (['A', 'BUTTON', 'P', 'SPAN', 'H1', 'H2', 'H3', 'LI'].includes(el.tagName)) {
                 el.innerHTML = text;
             }
         }
     });
+}
+
+// Attach click handlers to all lang buttons
+document.querySelectorAll('.lang-btn').forEach(btn => {
+    btn.addEventListener('click', () => {
+        switchLanguage(btn.dataset.lang);
+    });
 });
 
 // ========== Mobile Navigation ==========
@@ -59,7 +70,7 @@ const observer = new IntersectionObserver((entries) => {
 }, observerOptions);
 
 // Add fade-in class to animatable elements
-document.querySelectorAll('.theme-card, .region-card, .about-facts li, .section-title, .section-intro').forEach(el => {
+document.querySelectorAll('.theme-card, .about-facts li, .section-title, .section-intro').forEach(el => {
     el.classList.add('fade-in');
     observer.observe(el);
 });
diff --git a/style.css b/style.css
index c60440b..04afea5 100644
--- a/style.css
+++ b/style.css
@@ -128,22 +128,39 @@ ul {
     color: var(--color-accent);
 }
 
-.lang-toggle {
-    background: var(--color-dark);
-    color: white;
-    border: none;
-    padding: 0.4rem 0.8rem;
-    font-weight: 700;
-    font-size: 0.75rem;
-    letter-spacing: 0.05em;
+.lang-buttons {
+    display: flex;
+    gap: 0;
     border-radius: 4px;
+    overflow: hidden;
+    border: 1px solid var(--color-dark);
+}
+
+.lang-btn {
+    background: transparent;
+    color: var(--color-dark);
+    border: none;
+    padding: 0.35rem 0.6rem;
+    font-weight: 700;
+    font-size: 0.7rem;
+    letter-spacing: 0.05em;
     cursor: pointer;
-    transition: background 0.2s;
+    transition: all 0.2s;
     font-family: var(--font);
 }
 
-.lang-toggle:hover {
+.lang-btn:not(:last-child) {
+    border-right: 1px solid var(--color-dark);
+}
+
+.lang-btn.active {
+    background: var(--color-dark);
+    color: white;
+}
+
+.lang-btn:hover:not(.active) {
     background: var(--color-accent);
+    color: white;
 }
 
 .hamburger {