{"id":9586,"date":"2026-10-05T13:49:05","date_gmt":"2026-10-05T13:49:05","guid":{"rendered":"https:\/\/fuusiomedia.fi\/?page_id=9586"},"modified":"2026-10-27T06:43:48","modified_gmt":"2026-10-27T06:43:48","slug":"verkkosivut-yritykselle","status":"publish","type":"page","link":"https:\/\/fuusiomedia.fi\/en\/verkkosivut-yritykselle\/","title":{"rendered":"Website Design for Businesses"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9586\" class=\"elementor elementor-9586\">\n\t\t\t\t\t\t<div class=\"wavo-column-gap-no elementor-section elementor-top-section elementor-element elementor-element-1729b15 elementor-section-height-min-height elementor-section-content-middle wavo-parallax jarallax parallax-yes elementor-section-stretched wavo-vegas-overlay vegas-overlay-07 elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-vegas-settings=\"{&quot;slides&quot;:[{&quot;src&quot;:&quot;https:\/\/wavo3.ninetheme.com\/wp-content\/uploads\/2020\/09\/architecture3-scaled.jpg&quot;},{&quot;src&quot;:&quot;https:\/\/wavo3.ninetheme.com\/wp-content\/uploads\/2020\/09\/architecture1-scaled.jpg&quot;}],&quot;animation&quot;:[&quot;kenburns&quot;],&quot;transition&quot;:[&quot;fade&quot;,&quot;fade2&quot;,&quot;blur&quot;,&quot;flash&quot;],&quot;delay&quot;:4000,&quot;duration&quot;:1000,&quot;timer&quot;:&quot;&quot;,&quot;shuffle&quot;:&quot;yes&quot;,&quot;overlay&quot;:&quot;07&quot;}\" data-vegas-id=\"1729b15\" data-wavo-parallax=\"{&quot;type&quot;:&quot;scroll&quot;,&quot;speed&quot;:&quot;1.5&quot;,&quot;imgsize&quot;:&quot;cover&quot;,&quot;imgsrc&quot;:&quot;https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/10\/pexels-alena-shekhovtcova-8067880-scaled.jpg&quot;,&quot;mobile&quot;:&quot;&quot;}\" data-id=\"1729b15\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-58cdfb9\" data-id=\"58cdfb9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div data-split-settings=\"{&quot;type&quot;:&quot;chars&quot;,&quot;animation&quot;:&quot;fadeIn2&quot;}\" class=\"elementor-element elementor-element-24423bb wavo-headig-split heading-has-split-yes wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"24423bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Tarvitsetko toimivat verkkosivut yrityksellesi? Fuusiomedia toteuttaa selke\u00e4t,\nmobiiliyst\u00e4v\u00e4lliset kotisivut. Tutustu paketteihin ja pyyd\u00e4 tarjous.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56901f0 wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"56901f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Verkkosivut yritykselle \u2013 toimivat kotisivut ilman turhaa s\u00e4\u00e4t\u00f6\u00e4\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ccb25f elementor-widget elementor-widget-wavo-button2\" data-id=\"2ccb25f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wavo-button2.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wavo-button\"><a href=\"#about\"><div class=\"btn-arrow\"><span><\/span><span><\/span><span><\/span><\/div><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-388f78b\" data-id=\"388f78b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"wavo-column-gap-no elementor-section elementor-top-section elementor-element elementor-element-3578c0ab nt-section section-padding verkkosivut elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3578c0ab\" data-element_type=\"section\" data-e-type=\"section\" id=\"verkkosivut\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-37f6d1ce\" data-id=\"37f6d1ce\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"wavo-column-gap-no elementor-section elementor-inner-section elementor-element elementor-element-7b743eb3 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7b743eb3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-516854cd\" data-id=\"516854cd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d6fbda3 wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"d6fbda3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Rakennamme yrityksellesi verkkosivut, jotka tuottavat tuloksia ja tukevat kasvua<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc333c8 elementor-widget elementor-widget-text-editor\" data-id=\"cc333c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h6 data-section-id=\"lbzf6p\" data-start=\"1029\" data-end=\"1054\">Toteutamme yrityksellesi selke\u00e4t, mobiiliyst\u00e4v\u00e4lliset ja helposti yll\u00e4pidett\u00e4v\u00e4t verkkosivut. Saat yrityksesi n\u00e4k\u00f6isen kokonaisuuden, jonka avulla asiakkaasi l\u00f6yt\u00e4v\u00e4t palvelusi, tutustuvat yritykseesi ja ottavat yhteytt\u00e4. Meill\u00e4 on kokemusta yli 300 verkkosivutoteutuksesta.<\/h6>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bace68b e-flex e-con-boxed e-con e-parent\" data-id=\"bace68b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b75a4da elementor-invisible elementor-widget elementor-widget-wavo-button\" data-id=\"b75a4da\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"wavo-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wavo-button\"><a data-scroll-to class=\"wavo-btn btn-curve btn-blc btn-lg\" href=\"#yhteys\"><span class=\"button_text\">Pyyd\u00e4 tarjous <\/span><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-beca5b6 elementor-invisible elementor-widget elementor-widget-wavo-button\" data-id=\"beca5b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"wavo-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wavo-button\"><a data-scroll-to class=\"wavo-btn btn-curve btn-blc btn-lg\" href=\"#referenssit\"><span class=\"button_text\">Tutustu toteutuksiimme <\/span><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-933c4b6\" data-id=\"933c4b6\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-72ec2e5 elementor-widget elementor-widget-spacer\" data-id=\"72ec2e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4dde5a7 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"4dde5a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"719\" height=\"1024\" src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/04\/young-happy-colleagues-sitting-office-coworking-719x1024.jpg\" class=\"attachment-large size-large wp-image-5488\" alt=\"verkkosivut yritykselle\" srcset=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/04\/young-happy-colleagues-sitting-office-coworking-719x1024.jpg 719w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/04\/young-happy-colleagues-sitting-office-coworking-211x300.jpg 211w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/04\/young-happy-colleagues-sitting-office-coworking-768x1094.jpg 768w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/04\/young-happy-colleagues-sitting-office-coworking-1078x1536.jpg 1078w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/04\/young-happy-colleagues-sitting-office-coworking-1438x2048.jpg 1438w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/04\/young-happy-colleagues-sitting-office-coworking-500x712.jpg 500w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/04\/young-happy-colleagues-sitting-office-coworking-980x1396.jpg 980w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/04\/young-happy-colleagues-sitting-office-coworking-scaled.jpg 1797w\" sizes=\"(max-width: 719px) 100vw, 719px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-23b2699 verkkokauppa e-flex e-con-boxed e-con e-parent\" data-id=\"23b2699\" data-element_type=\"container\" data-e-type=\"container\" id=\"verkkokauppa\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86f97aa elementor-widget elementor-widget-html\" data-id=\"86f97aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"agency-packages\">\r\n\r\n    <!-- OTSIKKO -->\r\n\r\n    <div class=\"packages-header\">\r\n\r\n        <h2>Valitse yrityksellesi sopiva kokonaisuus<\/h2>\r\n\r\n        <p>\r\n            Olipa tavoitteesi ensimm\u00e4iset kotisivut tai nykyisen sivuston\r\n            uudistaminen, valitaan yhdess\u00e4 yrityksellesi sopiva kokonaisuus.\r\n            N\u00e4et ennen tilausta, mit\u00e4 toteutukseen kuuluu ja mist\u00e4 mahdolliset\r\n            lis\u00e4ty\u00f6t muodostuvat.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- VERKKOSIVUPAKETIT -->\r\n\r\n    <div class=\"packages-grid\">\r\n\r\n\r\n        <!-- PAKETTI 1 -->\r\n\r\n        <div class=\"package-card\">\r\n\r\n            <div class=\"package-top\">\r\n\r\n                <span class=\"package-label\">\r\n                    Peruspaketti\r\n                <\/span>\r\n\r\n                <h3>Fuusio Basic<\/h3>\r\n\r\n                <div class=\"package-price\">\r\n                    <span>alkaen<\/span>\r\n                    495 \u20ac\r\n                    <small>+ alv<\/small>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"package-description\">\r\n\r\n                <p>\r\n                    Selke\u00e4 ja ammattimainen yksisivuinen k\u00e4yntikorttisivusto\r\n                    pienille ja keskisuurille yrityksille.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <ul class=\"package-features\">\r\n\r\n                <li><span>\u2713<\/span>Yksisivuinen verkkosivusto<\/li>\r\n                <li><span>\u2713<\/span>Hakukoneoptimointi (SEO)<\/li>\r\n                <li><span>\u2713<\/span>Yhteydenottolomake<\/li>\r\n                <li><span>\u2713<\/span>Responsiivinen toteutus<\/li>\r\n                <li><span>\u2713<\/span>Moderni ja selke\u00e4 ulkoasu<\/li>\r\n\r\n            <\/ul>\r\n\r\n            <a href=\"#yhteys\" class=\"package-button\">\r\n                <span class=\"button-text\">Kysy lis\u00e4\u00e4<\/span>\r\n                <span class=\"button-arrow\">\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PAKETTI 2 -->\r\n\r\n        <div class=\"package-card package-featured\">\r\n\r\n            <div class=\"featured-badge\">\r\n                Suosittu valinta\r\n            <\/div>\r\n\r\n            <div class=\"package-top\">\r\n\r\n                <span class=\"package-label\">\r\n                    Laajempi kokonaisuus\r\n                <\/span>\r\n\r\n                <h3>Fuusio Lite<\/h3>\r\n\r\n                <div class=\"package-price\">\r\n                    <span>alkaen<\/span>\r\n                    895 \u20ac\r\n                    <small>+ alv<\/small>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"package-description\">\r\n\r\n                <p>\r\n                    Laajempi verkkosivusto yrityksille, joilla on paljon\r\n                    palveluita ja tavoitteena kasvattaa n\u00e4kyvyytt\u00e4.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <ul class=\"package-features\">\r\n\r\n                <li><span>\u2713<\/span>3\u20134-sivuinen verkkosivusto<\/li>\r\n                <li><span>\u2713<\/span>Hakukoneoptimointi (SEO)<\/li>\r\n                <li><span>\u2713<\/span>Yhteydenottolomake<\/li>\r\n                <li><span>\u2713<\/span>Responsiivinen toteutus<\/li>\r\n                <li><span>\u2713<\/span>Laajempi sis\u00e4lt\u00f6rakenne<\/li>\r\n                <li><span>\u2713<\/span>Kasvua tukeva rakenne<\/li>\r\n\r\n            <\/ul>\r\n\r\n            <a href=\"#yhteys\" class=\"package-button\">\r\n                <span class=\"button-text\">Kysy lis\u00e4\u00e4<\/span>\r\n                <span class=\"button-arrow\">\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PAKETTI 3 -->\r\n\r\n        <div class=\"package-card package-custom\">\r\n\r\n            <div class=\"package-top\">\r\n\r\n                <span class=\"package-label\">\r\n                    Yrityksesi tarpeisiin\r\n                <\/span>\r\n\r\n                <h3>R\u00e4\u00e4t\u00e4l\u00f6ity<\/h3>\r\n\r\n                <div class=\"package-price custom-price\">\r\n                    Tarjouksen mukaan\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"package-description\">\r\n\r\n                <p>\r\n                    Kun tarvitset enemm\u00e4n kuin valmiit paketit tarjoavat,\r\n                    rakennetaan kokonaisuus t\u00e4ysin tarpeidesi mukaan.\r\n                    Sopii my\u00f6s verkkokaupoille.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <ul class=\"package-features\">\r\n\r\n                <li><span>\u2713<\/span>Kustomoitu verkkosivusto<\/li>\r\n                <li><span>\u2713<\/span>Integraatiot<\/li>\r\n                <li><span>\u2713<\/span>Erityistoiminnallisuudet<\/li>\r\n                <li><span>\u2713<\/span>Yrityskohtainen toteutus<\/li>\r\n\r\n            <\/ul>\r\n\r\n            <a href=\"#yhteys\" class=\"package-button\">\r\n                <span class=\"button-text\">Pyyd\u00e4 tarjous<\/span>\r\n                <span class=\"button-arrow\">\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- HINTAA KOSKEVA HUOMAUTUS -->\r\n\r\n    <div class=\"packages-note\">\r\n\r\n        <span>\u2713<\/span>\r\n\r\n        <p>\r\n            Lopullinen hinta sovitaan aina ennen toteutuksen aloittamista.\r\n            Mahdollisista lis\u00e4t\u00f6ist\u00e4 sovitaan erikseen.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ==========================================\r\n         YLL\u00c4PITO \u2013 OMA RIVI\r\n    =========================================== -->\r\n\r\n    <div class=\"maintenance-section\">\r\n\r\n        <div class=\"maintenance-card\">\r\n\r\n            <!-- YLL\u00c4PIDON ESITTELY -->\r\n\r\n            <div class=\"maintenance-intro\">\r\n\r\n                <span class=\"package-label\">\r\n                    Huolettomuutta ja jatkuvuutta\r\n                <\/span>\r\n\r\n                <h3>Verkkosivujen yll\u00e4pito<\/h3>\r\n\r\n                <p class=\"maintenance-lead\">\r\n                    Pid\u00e4 verkkosivustosi turvallisena, toimivana ja ajan tasalla.\r\n                <\/p>\r\n\r\n                <p class=\"maintenance-description\">\r\n                    Yll\u00e4pitopalvelumme auttaa pit\u00e4m\u00e4\u00e4n verkkosivustosi\r\n                    teknisesti kunnossa ja huolehtii t\u00e4rkeist\u00e4 yll\u00e4pitoteht\u00e4vist\u00e4.\r\n                    Voit ottaa yll\u00e4pidon uusien verkkosivujen yhteydess\u00e4 tai\r\n                    tilata sen jo olemassa olevalle verkkosivustollesi.\r\n                <\/p>\r\n\r\n                <a href=\"#yhteys\" class=\"package-button maintenance-button\">\r\n                    <span class=\"button-text\">Kysy yll\u00e4pidosta<\/span>\r\n                    <span class=\"button-arrow\">\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- YLL\u00c4PIDON SIS\u00c4LT\u00d6 -->\r\n\r\n            <div class=\"maintenance-content\">\r\n\r\n                <h4>Yll\u00e4pito sis\u00e4lt\u00e4\u00e4<\/h4>\r\n\r\n                <ul class=\"maintenance-features\">\r\n\r\n                    <li>\r\n                        <span>\u2713<\/span>\r\n                        <div>\r\n                            <strong>Domain ja palvelintila<\/strong>\r\n                            <p>\r\n                                Domainin ja palvelintilan yll\u00e4pito.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <span>\u2713<\/span>\r\n                        <div>\r\n                            <strong>Tietoturva ja seuranta<\/strong>\r\n                            <p>\r\n                                Tietoturvan yll\u00e4pito ja seuranta.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <span>\u2713<\/span>\r\n                        <div>\r\n                            <strong>Tekniset p\u00e4ivitykset<\/strong>\r\n                            <p>\r\n                                Verkkosivuston tekniset p\u00e4ivitykset ja yll\u00e4pito.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <span>\u2713<\/span>\r\n                        <div>\r\n                            <strong>Varmuuskopiot<\/strong>\r\n                            <p>\r\n                                Verkkosivuston varmuuskopiot.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <span>\u2713<\/span>\r\n                        <div>\r\n                            <strong>SSL-sertifikaatti<\/strong>\r\n                            <p>\r\n                                SSL-sertifikaatti ja sen yll\u00e4pito.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <span>\u2713<\/span>\r\n                        <div>\r\n                            <strong>Tekninen tuki<\/strong>\r\n                            <p>\r\n                                Tukipalvelut esimerkiksi h\u00e4iri\u00f6- ja\r\n                                ongelmatilanteiden selvitt\u00e4miseen.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <span>\u2713<\/span>\r\n                        <div>\r\n                            <strong>S\u00e4hk\u00f6postien tukipalvelut<\/strong>\r\n                            <p>\r\n                                S\u00e4hk\u00f6postipalveluiden tuki, mik\u00e4li\r\n                                s\u00e4hk\u00f6postipalvelut on tilattu kauttamme.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        <span>\u2713<\/span>\r\n                        <div>\r\n                            <strong>Pienet sis\u00e4lt\u00f6muutokset<\/strong>\r\n                            <p>\r\n                                Pienet sis\u00e4ll\u00f6lliset muutokset ja lis\u00e4ykset,\r\n                                kuten kuvan vaihtaminen, yksitt\u00e4isen tekstin\r\n                                p\u00e4ivitt\u00e4minen tai vastaava pieni muutos.\r\n                            <\/p>\r\n                        <\/div>\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- YLL\u00c4PIDON LIS\u00c4TIETO -->\r\n\r\n        <div class=\"maintenance-note\">\r\n\r\n            <span class=\"maintenance-note-icon\">\u2713<\/span>\r\n\r\n            <p>\r\n                <strong>Sopii sek\u00e4 uusille ett\u00e4 olemassa oleville sivustoille.<\/strong>\r\n                Yll\u00e4pidon sis\u00e4lt\u00f6 ja hinta sovitaan yrityksesi tarpeiden mukaan\r\n                ennen palvelun aloittamista.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ==========================================\r\n   P\u00c4\u00c4ALUE\r\n========================================== *\/\r\n\r\n.agency-packages {\r\n    font-family: 'Comfortaa', sans-serif;\r\n    background: #fff;\r\n    color: #000;\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 70px 20px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.agency-packages *,\r\n.agency-packages *::before,\r\n.agency-packages *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   OTSIKKO\r\n========================================== *\/\r\n\r\n.packages-header {\r\n    text-align: center;\r\n    max-width: 850px;\r\n    margin: 0 auto 55px;\r\n}\r\n\r\n.packages-header h2 {\r\n    font-size: 42px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    margin: 0 0 20px;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.packages-header p {\r\n    max-width: 760px;\r\n    margin: 0 auto;\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n    color: #444;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   VERKKOSIVUPAKETTIEN GRID\r\n========================================== *\/\r\n\r\n.packages-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 30px;\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PAKETTIKORTIT\r\n========================================== *\/\r\n\r\n.package-card {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-width: 0;\r\n    padding: 38px 34px 34px;\r\n    background: #fff;\r\n    border: 1px solid #eeeeee;\r\n    border-radius: 24px;\r\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.07);\r\n    transition:\r\n        transform 0.4s ease,\r\n        box-shadow 0.4s ease,\r\n        border-color 0.4s ease;\r\n}\r\n\r\n.package-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.13);\r\n    border-color: #dddddd;\r\n}\r\n\r\n\r\n\/* KOROSTETTU PAKETTI *\/\r\n\r\n.package-featured {\r\n    border: 2px solid #3C4142;\r\n    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.11);\r\n}\r\n\r\n.package-featured:hover {\r\n    box-shadow: 0 30px 65px rgba(0, 0, 0, 0.16);\r\n}\r\n\r\n\r\n\/* SUOSITTU- BADGE *\/\r\n\r\n.featured-badge {\r\n    position: absolute;\r\n    top: -15px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    background: #3C4142;\r\n    color: #fff;\r\n    padding: 8px 18px;\r\n    border-radius: 30px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PAKETIN YL\u00c4OSA\r\n========================================== *\/\r\n\r\n.package-top {\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.package-label {\r\n    display: inline-block;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: #777;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.package-card h3 {\r\n    font-size: 29px;\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n    margin: 0 0 22px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   HINNAT\r\n========================================== *\/\r\n\r\n.package-price {\r\n    font-size: 36px;\r\n    font-weight: 700;\r\n    line-height: 1.15;\r\n    color: #000;\r\n}\r\n\r\n.package-price > span {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: #777;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.package-price small {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: #777;\r\n}\r\n\r\n.custom-price {\r\n    font-size: 25px;\r\n    line-height: 1.35;\r\n    min-height: 42px;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PAKETIN KUVAUS\r\n========================================== *\/\r\n\r\n.package-description {\r\n    padding: 22px 0;\r\n    border-top: 1px solid #eeeeee;\r\n    border-bottom: 1px solid #eeeeee;\r\n}\r\n\r\n.package-description p {\r\n    margin: 0;\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n    color: #444;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PAKETTIEN OMINAISUUDET\r\n========================================== *\/\r\n\r\n.package-features {\r\n    list-style: none;\r\n    padding: 24px 0 28px;\r\n    margin: 0;\r\n    flex: 1;\r\n}\r\n\r\n.package-features li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 11px;\r\n    margin-bottom: 15px;\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    color: #333;\r\n}\r\n\r\n.package-features li:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n.package-features li > span {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    background: #eef0f0;\r\n    color: #3C4142;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n}\r\n\r\n.package-featured .package-features li > span {\r\n    background: #3C4142;\r\n    color: #fff;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   PAINIKKEET\r\n========================================== *\/\r\n\r\n.package-button {\r\n    display: flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    width: 100%;\r\n    padding: 17px 24px;\r\n    background: #3C4142 !important;\r\n    color: #fff !important;\r\n    border: none;\r\n    border-radius: 30px;\r\n    text-decoration: none !important;\r\n    font-family: 'Comfortaa', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    transition:\r\n        transform 0.3s ease,\r\n        background 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n.package-button .button-text {\r\n    color: #fff !important;\r\n    font-family: 'Comfortaa', sans-serif;\r\n}\r\n\r\n.package-button .button-arrow {\r\n    color: #fff !important;\r\n    font-size: 20px;\r\n    line-height: 1;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.package-button:hover {\r\n    background: #292d2e !important;\r\n    color: #fff !important;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 25px rgba(60, 65, 66, 0.22);\r\n}\r\n\r\n.package-button:hover .button-text {\r\n    color: #fff !important;\r\n}\r\n\r\n.package-button:hover .button-arrow {\r\n    color: #fff !important;\r\n    transform: translateX(4px);\r\n}\r\n\r\n.package-button:visited {\r\n    color: #fff !important;\r\n}\r\n\r\n.package-button:focus-visible {\r\n    outline: 3px solid #8c9697;\r\n    outline-offset: 4px;\r\n}\r\n\r\n.package-button:active {\r\n    color: #fff !important;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   YLEINEN HINTAHUOMAUTUS\r\n========================================== *\/\r\n\r\n.packages-note {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    max-width: 850px;\r\n    margin: 42px auto 0;\r\n    padding: 18px 24px;\r\n    background: #f7f7f7;\r\n    border-radius: 15px;\r\n}\r\n\r\n.packages-note > span {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 50%;\r\n    background: #3C4142;\r\n    color: #fff;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n}\r\n\r\n.packages-note p {\r\n    margin: 0;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    color: #555;\r\n}\r\n\r\n\r\n\/* ==========================================\r\n   YLL\u00c4PITO \u2013 OMA KOKOLEVE\u00c4 RIVI\r\n========================================== *\/\r\n\r\n.maintenance-section {\r\n    width: 100%;\r\n    margin: 75px auto 0;\r\n}\r\n\r\n\r\n\/* YLL\u00c4PIDON KORTTI *\/\r\n\r\n.maintenance-card {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);\r\n    gap: 55px;\r\n    align-items: start;\r\n    width: 100%;\r\n    padding: 48px;\r\n    background: #f8f8f8;\r\n    border: 1px solid #e9e9e9;\r\n    border-radius: 26px;\r\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.045);\r\n}\r\n\r\n\r\n\/* YLL\u00c4PIDON ESITTELY *\/\r\n\r\n.maintenance-intro {\r\n    position: sticky;\r\n    top: 30px;\r\n}\r\n\r\n.maintenance-intro h3 {\r\n    margin: 0 0 20px;\r\n    font-size: 32px;\r\n    line-height: 1.3;\r\n    font-weight: 700;\r\n    letter-spacing: -0.7px;\r\n    color: #111;\r\n}\r\n\r\n.maintenance-lead {\r\n    margin: 0 0 14px;\r\n    font-size: 17px;\r\n    line-height: 1.7;\r\n    font-weight: 600;\r\n    color: #292d2e;\r\n}\r\n\r\n.maintenance-description {\r\n    margin: 0 0 28px;\r\n    font-size: 14px;\r\n    line-height: 1.9;\r\n    color: #555;\r\n}\r\n\r\n.maintenance-button {\r\n    max-width: 320px;\r\n}\r\n\r\n\r\n\/* YLL\u00c4PIDON SIS\u00c4LT\u00d6 *\/\r\n\r\n.maintenance-content {\r\n    min-width: 0;\r\n}\r\n\r\n.maintenance-content h4 {\r\n    margin: 0 0 25px;\r\n    padding-bottom: 18px;\r\n    border-bottom: 1px solid #e4e4e4;\r\n    font-size: 20px;\r\n    line-height: 1.4;\r\n    font-weight: 700;\r\n    color: #222;\r\n}\r\n\r\n\r\n\/* YLL\u00c4PIDON OMINAISUUSLISTA *\/\r\n\r\n.maintenance-features {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 21px;\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n}\r\n\r\n.maintenance-features li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 13px;\r\n    min-width: 0;\r\n    margin: 0;\r\n}\r\n\r\n.maintenance-features li > span {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n    width: 24px;\r\n    height: 24px;\r\n    margin-top: 1px;\r\n    border-radius: 50%;\r\n    background: #3C4142;\r\n    color: #fff;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n}\r\n\r\n.maintenance-features li > div {\r\n    flex: 1;\r\n    min-width: 0;\r\n}\r\n\r\n.maintenance-features strong {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    line-height: 1.5;\r\n    color: #292d2e;\r\n}\r\n\r\n.maintenance-features p {\r\n    margin: 0;\r\n    font-size: 13px;\r\n    line-height: 1.75;\r\n    color: #626262;\r\n}\r\n\r\n\r\n\/* YLL\u00c4PIDON ALAREUNAN HUOMAUTUS *\/\r\n\r\n.maintenance-note {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 13px;\r\n    max-width: 950px;\r\n    margin: 25px auto 0;\r\n    padding: 19px 24px;\r\n    background: #f7f7f7;\r\n    border: 1px solid #eeeeee;\r\n    border-radius: 15px;\r\n}\r\n\r\n.maintenance-note-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8646e0d e-con-full referenssit e-flex e-con e-parent\" data-id=\"8646e0d\" data-element_type=\"container\" data-e-type=\"container\" id=\"referenssit\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6e7ca3 elementor-widget elementor-widget-html\" data-id=\"e6e7ca3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"agency-portfolio\">\r\n\r\n    <div class=\"portfolio-header\">\r\n        <h2>Referenssit<\/h2>\r\n\r\n        <p>\r\n            Tutustu asiakkaidemme verkkosivuihin ja l\u00f6yd\u00e4 ideoita omaan projektiisi. Toteutamme sivustoja eri\r\n            toimialoille. Tavoitteenamme on, ett\u00e4 kokonaisuus vastaa yrityksen palveluita ja asiakkaiden\r\n            tiedontarpeita.\r\n            Klikkaa kuvaa ja tutustu sivustoon.\r\n        <\/p>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"portfolio-grid\">\r\n\r\n\r\n        <!-- ==========================================\r\n             REFERENSSI 1\r\n        =========================================== -->\r\n\r\n        <a href=\"https:\/\/tasemylly.fi\/\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\"\r\n           class=\"portfolio-card\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/07\/Tasemylly.jpg\"\r\n                alt=\"Tasemylly\"\r\n            >\r\n\r\n            <div class=\"overlay\">\r\n                <h3>Tasemylly<\/h3>\r\n                <span>Tutustu sivustoon \u2192<\/span>\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ==========================================\r\n             REFERENSSI 2\r\n        =========================================== -->\r\n\r\n        <a href=\"https:\/\/www.porvoonautopesu.fi\/\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\"\r\n           class=\"portfolio-card\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/07\/Porvoon-Autopesu.jpg\"\r\n                alt=\"Porvoon Autopesu\"\r\n            >\r\n\r\n            <div class=\"overlay\">\r\n                <h3>Porvoon Autopesu<\/h3>\r\n                <span>Tutustu sivustoon \u2192<\/span>\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ==========================================\r\n             REFERENSSI 3\r\n        =========================================== -->\r\n\r\n        <a href=\"https:\/\/www.techsystems.fi\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\"\r\n           class=\"portfolio-card\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/07\/Techsystems.jpg\"\r\n                alt=\"Techsystems\"\r\n            >\r\n\r\n            <div class=\"overlay\">\r\n                <h3>Techsystems<\/h3>\r\n                <span>Tutustu sivustoon \u2192<\/span>\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ==========================================\r\n             REFERENSSI 4\r\n        =========================================== -->\r\n\r\n        <a href=\"https:\/\/www.glowplaykotka.fi\/\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\"\r\n           class=\"portfolio-card\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/07\/GlowPlay-Kotka.jpg\"\r\n                alt=\"GlowPlay Kotka\"\r\n            >\r\n\r\n            <div class=\"overlay\">\r\n                <h3>GlowPlay Kotka<\/h3>\r\n                <span>Tutustu sivustoon \u2192<\/span>\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ==========================================\r\n             REFERENSSI 5\r\n        =========================================== -->\r\n\r\n        <a href=\"https:\/\/www.napis.fi\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\"\r\n           class=\"portfolio-card\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/08\/Napis.png\"\r\n                alt=\"Naapurivaaran Huvikeskus\"\r\n            >\r\n\r\n            <div class=\"overlay\">\r\n                <h3>Naapurivaaran Huvikeskus<\/h3>\r\n                <span>Tutustu sivustoon \u2192<\/span>\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ==========================================\r\n             REFERENSSI 6\r\n        =========================================== -->\r\n\r\n        <a href=\"https:\/\/www.fenditek.fi\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\"\r\n           class=\"portfolio-card\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/08\/Fenditek.png\"\r\n                alt=\"Fenditek\"\r\n            >\r\n\r\n            <div class=\"overlay\">\r\n                <h3>Fenditek<\/h3>\r\n                <span>Tutustu sivustoon \u2192<\/span>\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ==========================================\r\n             REFERENSSI 7\r\n        =========================================== -->\r\n\r\n        <a href=\"https:\/\/www.ppmservice.fi\/en\/ppm-service-english\/\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\"\r\n           class=\"portfolio-card\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/08\/PPM-Service.png\"\r\n                alt=\"PPM Service\"\r\n            >\r\n\r\n            <div class=\"overlay\">\r\n                <h3>PPM Service<\/h3>\r\n                <span>Tutustu sivustoon \u2192<\/span>\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ==========================================\r\n             REFERENSSI 8\r\n        =========================================== -->\r\n\r\n        <a href=\"https:\/\/www.pge.fi\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\"\r\n           class=\"portfolio-card\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/08\/PGE.png\"\r\n                alt=\"Power Grid Engineers\"\r\n            >\r\n\r\n            <div class=\"overlay\">\r\n                <h3>Power Grid Engineers<\/h3>\r\n                <span>Tutustu sivustoon \u2192<\/span>\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ==========================================\r\n             REFERENSSI 9\r\n        =========================================== -->\r\n\r\n        <a href=\"https:\/\/www.jyteva.fi\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\"\r\n           class=\"portfolio-card\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/08\/Jyteva.png\"\r\n                alt=\"Jyteva\"\r\n            >\r\n\r\n            <div class=\"overlay\">\r\n                <h3>Jyteva<\/h3>\r\n                <span>Tutustu sivustoon \u2192<\/span>\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ==========================================\r\n             REFERENSSI 10\r\n        =========================================== -->\r\n\r\n        <a href=\"https:\/\/www.hk-autopinta.fi\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\"\r\n           class=\"portfolio-card\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/10\/HK-Autopinta.png\"\r\n                alt=\"HK Autopinta\"\r\n            >\r\n\r\n            <div class=\"overlay\">\r\n                <h3>HK Autopinta<\/h3>\r\n                <span>Tutustu sivustoon \u2192<\/span>\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ==========================================\r\n             REFERENSSI 11\r\n        =========================================== -->\r\n\r\n        <a href=\"https:\/\/jmlaatuisannointi.fi\/\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\"\r\n           class=\"portfolio-card\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/10\/JM-Laatuisannointi.png\"\r\n                alt=\"JM Laatuis\u00e4nn\u00f6inti\"\r\n            >\r\n\r\n            <div class=\"overlay\">\r\n                <h3>JM Laatuis\u00e4nn\u00f6inti<\/h3>\r\n                <span>Tutustu sivustoon \u2192<\/span>\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ==========================================\r\n             REFERENSSI 12\r\n        =========================================== -->\r\n\r\n        <a href=\"https:\/\/kultaeuroiksi.com\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\"\r\n           class=\"portfolio-card\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/10\/Kulta-Euroiksi.png\"\r\n                alt=\"Kulta Euroiksi\"\r\n            >\r\n\r\n            <div class=\"overlay\">\r\n                <h3>Kulta Euroiksi<\/h3>\r\n                <span>Tutustu sivustoon \u2192<\/span>\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- ==========================================\r\n         KATSO LIS\u00c4\u00c4 -PAINIKE\r\n    =========================================== -->\r\n\r\n    <div class=\"portfolio-more\">\r\n\r\n        <button\r\n            class=\"portfolio-more-btn\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n        >\r\n            Katso lis\u00e4\u00e4\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ==================================================\r\n   PORTFOLIO \u2013 P\u00c4\u00c4ALUE\r\n================================================== *\/\r\n\r\n.agency-portfolio {\r\n\r\n    font-family: 'Comfortaa', sans-serif;\r\n\r\n    background: #fff;\r\n\r\n    color: #000;\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1400px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 60px 20px;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   OTSIKKO\r\n================================================== *\/\r\n\r\n.portfolio-header {\r\n\r\n    text-align: center;\r\n\r\n    margin-bottom: 50px;\r\n\r\n}\r\n\r\n\r\n.portfolio-header h2 {\r\n\r\n    font-size: 42px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.2;\r\n\r\n    margin: 0 0 18px;\r\n\r\n    letter-spacing: -1px;\r\n\r\n}\r\n\r\n\r\n.portfolio-header p {\r\n\r\n    max-width: 700px;\r\n\r\n    margin: 0 auto;\r\n\r\n    line-height: 1.8;\r\n\r\n    font-size: 17px;\r\n\r\n    color: #444;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   GRID\r\n================================================== *\/\r\n\r\n.portfolio-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 30px;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   KORTTI\r\n================================================== *\/\r\n\r\n.portfolio-card {\r\n\r\n    position: relative;\r\n\r\n    display: block;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 22px;\r\n\r\n    text-decoration: none;\r\n\r\n    background: #fff;\r\n\r\n    box-shadow:\r\n        0 12px 40px rgba(0, 0, 0, 0.08);\r\n\r\n    transition:\r\n        transform 0.45s ease,\r\n        box-shadow 0.45s ease;\r\n\r\n    \/* Aluksi vain ensimm\u00e4iset 3 n\u00e4kyv\u00e4t *\/\r\n\r\n    display: none;\r\n\r\n}\r\n\r\n\r\n\/* Ensimm\u00e4iset 3 n\u00e4kyv\u00e4t *\/\r\n\r\n.portfolio-card:nth-child(-n+3) {\r\n\r\n    display: block;\r\n\r\n}\r\n\r\n\r\n\/* Hover *\/\r\n\r\n.portfolio-card:hover {\r\n\r\n    transform: translateY(-8px);\r\n\r\n    box-shadow:\r\n        0 30px 60px rgba(0, 0, 0, 0.14);\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   KUVA\r\n================================================== *\/\r\n\r\n.portfolio-card img {\r\n\r\n    width: 100%;\r\n\r\n    height: auto;\r\n\r\n    display: block;\r\n\r\n    aspect-ratio: 16 \/ 10;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform 0.7s ease;\r\n\r\n}\r\n\r\n\r\n.portfolio-card:hover img {\r\n\r\n    transform: scale(1.08);\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   OVERLAY\r\n================================================== *\/\r\n\r\n.overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: flex-end;\r\n\r\n    padding: 28px;\r\n\r\n    color: #fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to bottom,\r\n            transparent 30%,\r\n            rgba(0, 0, 0, 0.78) 100%\r\n        );\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n.overlay h3 {\r\n\r\n    font-size: 24px;\r\n\r\n    line-height: 1.25;\r\n\r\n    margin: 0 0 8px;\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n.overlay span {\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.4;\r\n\r\n    opacity: 0.9;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   KATSO LIS\u00c4\u00c4\r\n================================================== *\/\r\n\r\n.portfolio-more {\r\n\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    margin-top: 45px;\r\n\r\n}\r\n\r\n\r\n.portfolio-more-btn {\r\n\r\n    appearance: none;\r\n\r\n    border: 0;\r\n\r\n    outline: 0;\r\n\r\n    cursor: pointer;\r\n\r\n    background: #3C4142;\r\n\r\n    color: #fff;\r\n\r\n    font-family: 'Comfortaa', sans-serif;\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1;\r\n\r\n    padding: 17px 30px;\r\n\r\n    border-radius: 30px;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        opacity 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n\r\n}\r\n\r\n\r\n.portfolio-more-btn:hover {\r\n\r\n    transform: translateY(-3px);\r\n\r\n    opacity: 0.92;\r\n\r\n    box-shadow:\r\n        0 8px 20px rgba(60, 65, 66, 0.2);\r\n\r\n}\r\n\r\n\r\n.portfolio-more-btn:active {\r\n\r\n    transform: translateY(0);\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TABLET\r\n================================================== *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .agency-portfolio {\r\n\r\n        padding: 55px 20px;\r\n\r\n    }\r\n\r\n\r\n    .portfolio-grid {\r\n\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n\r\n        gap: 24px;\r\n\r\n    }\r\n\r\n\r\n    .portfolio-header {\r\n\r\n        margin-bottom: 40px;\r\n\r\n    }\r\n\r\n\r\n    .portfolio-header h2 {\r\n\r\n        font-size: 36px;\r\n\r\n    }\r\n\r\n\r\n    .portfolio-header p {\r\n\r\n        font-size: 16px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MOBIILI\r\n================================================== *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .agency-portfolio {\r\n\r\n        padding: 45px 15px;\r\n\r\n    }\r\n\r\n\r\n    .portfolio-header {\r\n\r\n        margin-bottom: 35px;\r\n\r\n    }\r\n\r\n\r\n    .portfolio-header h2 {\r\n\r\n        font-size: 32px;\r\n\r\n        letter-spacing: -0.5px;\r\n\r\n    }\r\n\r\n\r\n    .portfolio-header p {\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n\r\n    .portfolio-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 20px;\r\n\r\n    }\r\n\r\n\r\n    .portfolio-card {\r\n\r\n        border-radius: 18px;\r\n\r\n    }\r\n\r\n\r\n    .overlay {\r\n\r\n        padding: 22px;\r\n\r\n    }\r\n\r\n\r\n    .overlay h3 {\r\n\r\n        font-size: 21px;\r\n\r\n    }\r\n\r\n\r\n    .overlay span {\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n\r\n    .portfolio-more {\r\n\r\n        margin-top: 35px;\r\n\r\n    }\r\n\r\n\r\n    .portfolio-more-btn {\r\n\r\n        font-size: 15px;\r\n\r\n        padding: 16px 28px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   PIENI PUHELIN\r\n================================================== *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n    .portfolio-header h2 {\r\n\r\n        font-size: 29px;\r\n\r\n    }\r\n\r\n\r\n    .overlay h3 {\r\n\r\n        font-size: 19px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n    const portfolio = document.querySelector('.agency-portfolio');\r\n\r\n    if (!portfolio) return;\r\n\r\n\r\n    const cards = Array.from(\r\n        portfolio.querySelectorAll('.portfolio-card')\r\n    );\r\n\r\n    const button = portfolio.querySelector(\r\n        '.portfolio-more-btn'\r\n    );\r\n\r\n\r\n    let visibleCount = 3;\r\n\r\n    const amountToShow = 3;\r\n\r\n\r\n    function updateCards() {\r\n\r\n        cards.forEach(function (card, index) {\r\n\r\n            if (index < visibleCount) {\r\n\r\n                card.style.display = 'block';\r\n\r\n            } else {\r\n\r\n                card.style.display = 'none';\r\n\r\n            }\r\n\r\n        });\r\n\r\n\r\n        \/* Kaikki n\u00e4kyviss\u00e4 *\/\r\n\r\n        if (visibleCount >= cards.length) {\r\n\r\n            button.textContent = 'N\u00e4yt\u00e4 v\u00e4hemm\u00e4n';\r\n\r\n            button.setAttribute(\r\n                'aria-expanded',\r\n                'true'\r\n            );\r\n\r\n        } else {\r\n\r\n            button.textContent = 'Katso lis\u00e4\u00e4';\r\n\r\n            button.setAttribute(\r\n                'aria-expanded',\r\n                'false'\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    button.addEventListener('click', function () {\r\n\r\n\r\n        \/* Jos kaikki ovat jo n\u00e4kyviss\u00e4,\r\n           palataan alkuun *\/\r\n\r\n        if (visibleCount >= cards.length) {\r\n\r\n            visibleCount = 3;\r\n\r\n            updateCards();\r\n\r\n\r\n            \/* Vieritet\u00e4\u00e4n kevyesti portfolio-osion alkuun *\/\r\n\r\n            portfolio.scrollIntoView({\r\n                behavior: 'smooth',\r\n                block: 'start'\r\n            });\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        \/* Avataan seuraavat 3 *\/\r\n\r\n        visibleCount = Math.min(\r\n            visibleCount + amountToShow,\r\n            cards.length\r\n        );\r\n\r\n\r\n        updateCards();\r\n\r\n\r\n    });\r\n\r\n\r\n    \/* Alustetaan *\/\r\n\r\n    updateCards();\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7722e98 e-flex e-con-boxed e-con e-parent\" data-id=\"7722e98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8688164 elementor-widget elementor-widget-html\" data-id=\"8688164\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"fusion-process\">\r\n\r\n    <div class=\"process-header\">\r\n\r\n        <span class=\"process-eyebrow\">\r\n            N\u00e4in projekti etenee kanssamme\r\n        <\/span>\r\n\r\n        <h2>\r\n            Verkkosivuprojekti<br>\r\n            <strong>vaihe vaiheelta<\/strong>\r\n        <\/h2>\r\n\r\n        <p>\r\n            Selke\u00e4 prosessi pit\u00e4\u00e4 projektin etenemisen hallinnassa.\r\n            Tied\u00e4t aina, miss\u00e4 vaiheessa menn\u00e4\u00e4n ja mit\u00e4 seuraavaksi tapahtuu.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"process-wrapper\">\r\n\r\n\r\n        <!-- ==========================================\r\n             PROGRESS BAR\r\n        =========================================== -->\r\n\r\n        <div class=\"process-progress\">\r\n\r\n            <div class=\"progress-line\">\r\n                <div class=\"progress-line-fill\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"progress-steps\">\r\n\r\n                <button class=\"progress-step active\" type=\"button\" data-step=\"0\">\r\n                    <span>01<\/span>\r\n                <\/button>\r\n\r\n                <button class=\"progress-step\" type=\"button\" data-step=\"1\">\r\n                    <span>02<\/span>\r\n                <\/button>\r\n\r\n                <button class=\"progress-step\" type=\"button\" data-step=\"2\">\r\n                    <span>03<\/span>\r\n                <\/button>\r\n\r\n                <button class=\"progress-step\" type=\"button\" data-step=\"3\">\r\n                    <span>04<\/span>\r\n                <\/button>\r\n\r\n                <button class=\"progress-step\" type=\"button\" data-step=\"4\">\r\n                    <span>05<\/span>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ==========================================\r\n             CONTENT\r\n        =========================================== -->\r\n\r\n        <div class=\"process-content\">\r\n\r\n\r\n            <!-- ======================================\r\n                 VAIHE 1\r\n            ======================================= -->\r\n\r\n            <article class=\"process-card active\" data-card=\"0\">\r\n\r\n                <div class=\"process-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"process-card-content\">\r\n\r\n                    <span class=\"process-card-label\">\r\n                        Ensimm\u00e4inen vaihe\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Kartoitus\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Aloitamme tutustumalla yritykseesi, kohderyhm\u00e4\u00e4si\r\n                        ja verkkosivuston tavoitteisiin. N\u00e4in varmistamme,\r\n                        ett\u00e4 uusi sivusto palvelee liiketoimintaasi oikealla tavalla.\r\n                    <\/p>\r\n\r\n                    <div class=\"process-highlight\">\r\n                        <span>\u2713<\/span>\r\n                        <strong>Tavoitteet ja tarpeet selviksi<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"process-icon\">\r\n                    <span>\u2315<\/span>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ======================================\r\n                 VAIHE 2\r\n            ======================================= -->\r\n\r\n            <article class=\"process-card\" data-card=\"1\">\r\n\r\n                <div class=\"process-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"process-card-content\">\r\n\r\n                    <span class=\"process-card-label\">\r\n                        Toinen vaihe\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Sis\u00e4lt\u00f6 ja rakenne\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Sovimme yhdess\u00e4 sivuston rakenteesta, tarvittavista\r\n                        materiaaleista sek\u00e4 mahdollisesta sis\u00e4ll\u00f6ntuotannosta.\r\n                        Samalla rakennamme sivustolle selke\u00e4n kokonaisuuden.\r\n                    <\/p>\r\n\r\n                    <div class=\"process-highlight\">\r\n                        <span>\u2713<\/span>\r\n                        <strong>Selke\u00e4 rakenne ja sis\u00e4lt\u00f6suunnitelma<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"process-icon\">\r\n                    <span>\u2318<\/span>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ======================================\r\n                 VAIHE 3\r\n            ======================================= -->\r\n\r\n            <article class=\"process-card\" data-card=\"2\">\r\n\r\n                <div class=\"process-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"process-card-content\">\r\n\r\n                    <span class=\"process-card-label\">\r\n                        Kolmas vaihe\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Toteutus ja vedos\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Rakennamme verkkosivuston sovitun suunnitelman pohjalta.\r\n                        Kun ensimm\u00e4inen versio on valmis, toimitamme sen\r\n                        kommentoitavaksi ja k\u00e4ymme mahdolliset muutostarpeet l\u00e4pi.\r\n                    <\/p>\r\n\r\n                    <div class=\"process-highlight\">\r\n                        <span>\u2713<\/span>\r\n                        <strong>Sivusto rakennetaan ja toimitetaan kommentoitavaksi<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"process-icon\">\r\n                    <span>\u2726<\/span>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ======================================\r\n                 VAIHE 4\r\n            ======================================= -->\r\n\r\n            <article class=\"process-card\" data-card=\"3\">\r\n\r\n                <div class=\"process-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <div class=\"process-card-content\">\r\n\r\n                    <span class=\"process-card-label\">\r\n                        Nelj\u00e4s vaihe\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Viimeistely ja julkaisu\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Teemme sovitut muutokset ja viimeistelemme sivuston.\r\n                        Kun kokonaisuus on hyv\u00e4ksytty, julkaisemme verkkosivuston\r\n                        ja varmistamme, ett\u00e4 kaikki toimii suunnitellusti.\r\n                    <\/p>\r\n\r\n                    <div class=\"process-highlight\">\r\n                        <span>\u2713<\/span>\r\n                        <strong>Valmis verkkosivusto julkaistaan<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"process-icon\">\r\n                    <span>\u2197<\/span>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- ======================================\r\n                 VAIHE 5\r\n            ======================================= -->\r\n\r\n            <article class=\"process-card\" data-card=\"4\">\r\n\r\n                <div class=\"process-number\">\r\n                    05\r\n                <\/div>\r\n\r\n                <div class=\"process-card-content\">\r\n\r\n                    <span class=\"process-card-label\">\r\n                        Viides vaihe\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Yll\u00e4pito\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Projekti ei p\u00e4\u00e4ty julkaisuun. Huolehdimme sovitun\r\n                        yll\u00e4pitopalvelun mukaisesti sivuston toiminnasta\r\n                        my\u00f6s julkaisun j\u00e4lkeen.\r\n                    <\/p>\r\n\r\n                    <div class=\"process-highlight\">\r\n                        <span>\u2713<\/span>\r\n                        <strong>Tuki ja yll\u00e4pito julkaisun j\u00e4lkeen<\/strong>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"process-icon\">\r\n                    <span>\u221e<\/span>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ==========================================\r\n             NAVIGATION\r\n        =========================================== -->\r\n\r\n        <div class=\"process-navigation\">\r\n\r\n            <button\r\n                class=\"process-prev\"\r\n                type=\"button\"\r\n                aria-label=\"Edellinen vaihe\">\r\n                \u2190\r\n            <\/button>\r\n\r\n            <div class=\"process-counter\">\r\n                <strong>01<\/strong>\r\n                <span>\/ 05<\/span>\r\n            <\/div>\r\n\r\n            <button\r\n                class=\"process-next\"\r\n                type=\"button\"\r\n                aria-label=\"Seuraava vaihe\">\r\n                \u2192\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* ==================================================\r\n   P\u00c4\u00c4ALUE\r\n================================================== *\/\r\n\r\n.fusion-process {\r\n\r\n    --process-dark: #3C4142;\r\n    --process-dark-2: #292d2e;\r\n    --process-light: #f5f6f6;\r\n    --process-border: #e5e7e7;\r\n\r\n    width: 100%;\r\n    max-width: 1400px;\r\n\r\n    margin: 0 auto;\r\n    padding: 90px 20px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    font-family: 'Comfortaa', sans-serif;\r\n    color: #111;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* Kaikki t\u00e4m\u00e4n osion elementit *\/\r\n\r\n.fusion-process *,\r\n.fusion-process *::before,\r\n.fusion-process *::after {\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   HEADER\r\n================================================== *\/\r\n\r\n.process-header {\r\n\r\n    width: 100%;\r\n    max-width: 760px;\r\n\r\n    margin: 0 auto 65px;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n.process-eyebrow {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    max-width: 100%;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #666;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.4;\r\n\r\n    text-transform: uppercase;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n}\r\n\r\n\r\n.process-eyebrow::before {\r\n\r\n    content: '';\r\n\r\n    display: block;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 28px;\r\n\r\n    height: 2px;\r\n\r\n    background: var(--process-dark);\r\n\r\n}\r\n\r\n\r\n.process-header h2 {\r\n\r\n    width: 100%;\r\n\r\n    margin: 0 0 20px;\r\n\r\n    font-size: 45px;\r\n\r\n    line-height: 1.15;\r\n\r\n    letter-spacing: -1.5px;\r\n\r\n    font-weight: 400;\r\n\r\n    overflow-wrap: break-word;\r\n\r\n}\r\n\r\n\r\n.process-header h2 strong {\r\n\r\n    font-weight: 700;\r\n\r\n}\r\n\r\n\r\n.process-header p {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 650px;\r\n\r\n    margin: 0 auto;\r\n\r\n    color: #555;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.8;\r\n\r\n    overflow-wrap: break-word;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   WRAPPER\r\n================================================== *\/\r\n\r\n.process-wrapper {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1050px;\r\n\r\n    min-width: 0;\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   PROGRESS\r\n================================================== *\/\r\n\r\n.process-progress {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n    padding: 0 7%;\r\n\r\n    margin-bottom: 35px;\r\n\r\n}\r\n\r\n\r\n.progress-line {\r\n\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n\r\n    left: 10%;\r\n\r\n    right: 10%;\r\n\r\n    height: 2px;\r\n\r\n    background: #e1e3e3;\r\n\r\n    transform: translateY(-50%);\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.progress-line-fill {\r\n\r\n    width: 0%;\r\n\r\n    height: 100%;\r\n\r\n    background: var(--process-dark);\r\n\r\n    transition: width 0.5s ease;\r\n\r\n}\r\n\r\n\r\n.progress-steps {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n.progress-step {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 48px;\r\n\r\n    height: 48px;\r\n\r\n    padding: 0;\r\n\r\n    border: 2px solid #ddd;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #fff;\r\n\r\n    color: #777;\r\n\r\n    font-family: 'Comfortaa', sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n    z-index: 2;\r\n\r\n    transition:\r\n        background 0.35s ease,\r\n        color 0.35s ease,\r\n        border-color 0.35s ease,\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n\r\n}\r\n\r\n\r\n.progress-step span {\r\n\r\n    display: block;\r\n\r\n    white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n.progress-step:hover {\r\n\r\n    transform: scale(1.08);\r\n\r\n    border-color: var(--process-dark);\r\n\r\n    color: var(--process-dark);\r\n\r\n}\r\n\r\n\r\n.progress-step.active {\r\n\r\n    background: var(--process-dark);\r\n\r\n    border-color: var(--process-dark);\r\n\r\n    color: #fff;\r\n\r\n    transform: scale(1.12);\r\n\r\n    box-shadow:\r\n        0 8px 25px rgba(60, 65, 66, 0.25);\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   SIS\u00c4LT\u00d6\r\n================================================== *\/\r\n\r\n.process-content {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n    min-height: 340px;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   KORTTI\r\n================================================== *\/\r\n\r\n.process-card {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 90px minmax(0, 1fr) 100px;\r\n\r\n    align-items: center;\r\n\r\n    gap: 35px;\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n    padding: 45px;\r\n\r\n    background: #fff;\r\n\r\n    border: 1px solid var(--process-border);\r\n\r\n    border-radius: 28px;\r\n\r\n    box-shadow:\r\n        0 15px 50px rgba(0, 0, 0, 0.07);\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transform: translateX(35px);\r\n\r\n    transition:\r\n        opacity 0.45s ease,\r\n        transform 0.45s ease,\r\n        visibility 0.45s ease;\r\n\r\n}\r\n\r\n\r\n.process-card.active {\r\n\r\n    position: relative;\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    transform: translateX(0);\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   NUMERO\r\n================================================== *\/\r\n\r\n.process-number {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 80px;\r\n\r\n    height: 80px;\r\n\r\n    border-radius: 22px;\r\n\r\n    background: var(--process-light);\r\n\r\n    color: var(--process-dark);\r\n\r\n    font-size: 22px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   SIS\u00c4LT\u00d6ALUE\r\n================================================== *\/\r\n\r\n.process-card-content {\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n    max-width: 100%;\r\n\r\n    overflow-wrap: break-word;\r\n\r\n    word-wrap: break-word;\r\n\r\n}\r\n\r\n\r\n.process-card-label {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    margin-bottom: 10px;\r\n\r\n    color: #777;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1.4;\r\n\r\n    text-transform: uppercase;\r\n\r\n    letter-spacing: 1.3px;\r\n\r\n    overflow-wrap: break-word;\r\n\r\n}\r\n\r\n\r\n.process-card h3 {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 100%;\r\n\r\n    margin: 0 0 15px;\r\n\r\n    font-size: 31px;\r\n\r\n    line-height: 1.2;\r\n\r\n    font-weight: 700;\r\n\r\n    overflow-wrap: break-word;\r\n\r\n    word-break: normal;\r\n\r\n}\r\n\r\n\r\n.process-card p {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 650px;\r\n\r\n    margin: 0;\r\n\r\n    color: #555;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.8;\r\n\r\n    overflow-wrap: break-word;\r\n\r\n    word-wrap: break-word;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   HIGHLIGHT\r\n================================================== *\/\r\n\r\n.process-highlight {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 9px;\r\n\r\n    max-width: 100%;\r\n\r\n    margin-top: 22px;\r\n\r\n    padding: 9px 14px;\r\n\r\n    background: #f5f6f6;\r\n\r\n    border-radius: 30px;\r\n\r\n    color: #444;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.5;\r\n\r\n    overflow-wrap: break-word;\r\n\r\n    word-break: normal;\r\n\r\n}\r\n\r\n\r\n.process-highlight > span {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 18px;\r\n\r\n    height: 18px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--process-dark);\r\n\r\n    color: #fff;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n}\r\n\r\n\r\n.process-highlight strong {\r\n\r\n    min-width: 0;\r\n\r\n    font-weight: 500;\r\n\r\n    overflow-wrap: break-word;\r\n\r\n    word-break: normal;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   IKONI\r\n================================================== *\/\r\n\r\n.process-icon {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 90px;\r\n\r\n    height: 90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--process-dark);\r\n\r\n    color: #fff;\r\n\r\n    font-size: 37px;\r\n\r\n    font-weight: 300;\r\n\r\n    line-height: 1;\r\n\r\n    box-shadow:\r\n        0 15px 35px rgba(60, 65, 66, 0.2);\r\n\r\n}\r\n\r\n\r\n.process-icon span {\r\n\r\n    display: block;\r\n\r\n    line-height: 1;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   NAVIGOINTI\r\n================================================== *\/\r\n\r\n.process-navigation {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 20px;\r\n\r\n    width: 100%;\r\n\r\n    margin-top: 30px;\r\n\r\n}\r\n\r\n\r\n.process-prev,\r\n.process-next {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 45px;\r\n\r\n    height: 45px;\r\n\r\n    padding: 0;\r\n\r\n    border: 1px solid #ddd;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #fff;\r\n\r\n    color: var(--process-dark);\r\n\r\n    font-family: Arial, sans-serif;\r\n\r\n    font-size: 20px;\r\n\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background 0.3s ease,\r\n        color 0.3s ease,\r\n        transform 0.3s ease,\r\n        border-color 0.3s ease;\r\n\r\n}\r\n\r\n\r\n.process-prev:hover,\r\n.process-next:hover {\r\n\r\n    background: var(--process-dark);\r\n\r\n    border-color: var(--process-dark);\r\n\r\n    color: #fff;\r\n\r\n    transform: translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.process-counter {\r\n\r\n    display: flex;\r\n\r\n    align-items: baseline;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 4px;\r\n\r\n    min-width: 70px;\r\n\r\n    color: #999;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.4;\r\n\r\n}\r\n\r\n\r\n.process-counter strong {\r\n\r\n    color: #222;\r\n\r\n    font-size: 16px;\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TABLET\r\n================================================== *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .fusion-process {\r\n\r\n        padding: 70px 20px;\r\n\r\n    }\r\n\r\n\r\n    .process-header {\r\n\r\n        margin-bottom: 50px;\r\n\r\n    }\r\n\r\n\r\n    .process-header h2 {\r\n\r\n        font-size: 38px;\r\n\r\n    }\r\n\r\n\r\n    .process-card {\r\n\r\n        grid-template-columns:\r\n            70px minmax(0, 1fr) 70px;\r\n\r\n        gap: 25px;\r\n\r\n        padding: 35px;\r\n\r\n    }\r\n\r\n\r\n    .process-number {\r\n\r\n        width: 65px;\r\n\r\n        height: 65px;\r\n\r\n        border-radius: 18px;\r\n\r\n        font-size: 18px;\r\n\r\n    }\r\n\r\n\r\n    .process-icon {\r\n\r\n        width: 65px;\r\n\r\n        height: 65px;\r\n\r\n        font-size: 28px;\r\n\r\n    }\r\n\r\n\r\n    .process-card h3 {\r\n\r\n        font-size: 28px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MOBIILI\r\n================================================== *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .fusion-process {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 100%;\r\n\r\n        padding: 55px 15px;\r\n\r\n        overflow: hidden;\r\n\r\n    }\r\n\r\n\r\n    \/* HEADER *\/\r\n\r\n    .process-header {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 100%;\r\n\r\n        margin-bottom: 40px;\r\n\r\n    }\r\n\r\n\r\n    .process-eyebrow {\r\n\r\n        display: flex;\r\n\r\n        justify-content: center;\r\n\r\n        width: 100%;\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 1px;\r\n\r\n        text-align: center;\r\n\r\n        white-space: normal;\r\n\r\n    }\r\n\r\n\r\n    .process-eyebrow::before {\r\n\r\n        width: 20px;\r\n\r\n    }\r\n\r\n\r\n    .process-header h2 {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 100%;\r\n\r\n        margin-bottom: 18px;\r\n\r\n        font-size: 30px;\r\n\r\n        line-height: 1.2;\r\n\r\n        letter-spacing: -0.5px;\r\n\r\n        overflow-wrap: break-word;\r\n\r\n    }\r\n\r\n\r\n    .process-header p {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 100%;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.7;\r\n\r\n        overflow-wrap: break-word;\r\n\r\n    }\r\n\r\n\r\n    \/* PROGRESS *\/\r\n\r\n    .process-progress {\r\n\r\n        width: 100%;\r\n\r\n        padding: 0;\r\n\r\n        margin-bottom: 25px;\r\n\r\n    }\r\n\r\n\r\n    .progress-line {\r\n\r\n        left: 7%;\r\n\r\n        right: 7%;\r\n\r\n    }\r\n\r\n\r\n    .progress-steps {\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .progress-step {\r\n\r\n        width: 38px;\r\n\r\n        height: 38px;\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n\r\n    \/* CONTENT *\/\r\n\r\n    .process-content {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 100%;\r\n\r\n        min-height: 0;\r\n\r\n    }\r\n\r\n\r\n    \/* KORTTI *\/\r\n\r\n    .process-card {\r\n\r\n        position: relative;\r\n\r\n        display: none;\r\n\r\n        grid-template-columns: minmax(0, 1fr);\r\n\r\n        gap: 18px;\r\n\r\n        width: 100%;\r\n\r\n        max-width: 100%;\r\n\r\n        min-width: 0;\r\n\r\n        padding: 28px 20px;\r\n\r\n        border-radius: 21px;\r\n\r\n        overflow: hidden;\r\n\r\n    }\r\n\r\n\r\n    .process-card.active {\r\n\r\n        display: grid;\r\n\r\n    }\r\n\r\n\r\n    \/* NUMERO *\/\r\n\r\n    .process-number {\r\n\r\n        width: 54px;\r\n\r\n        height: 54px;\r\n\r\n        border-radius: 15px;\r\n\r\n        font-size: 16px;\r\n\r\n    }\r\n\r\n\r\n    \/* TEKSTIT *\/\r\n\r\n    .process-card-content {\r\n\r\n        width: 100%;\r\n\r\n        min-width: 0;\r\n\r\n        max-width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .process-card-label {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 100%;\r\n\r\n        margin-bottom: 8px;\r\n\r\n        font-size: 9px;\r\n\r\n        line-height: 1.5;\r\n\r\n        letter-spacing: 1px;\r\n\r\n    }\r\n\r\n\r\n    .process-card h3 {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 100%;\r\n\r\n        margin-bottom: 13px;\r\n\r\n        font-size: 24px;\r\n\r\n        line-height: 1.25;\r\n\r\n        overflow-wrap: break-word;\r\n\r\n    }\r\n\r\n\r\n    .process-card p {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 100%;\r\n\r\n        margin: 0;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.75;\r\n\r\n        overflow-wrap: break-word;\r\n\r\n        word-wrap: break-word;\r\n\r\n        word-break: normal;\r\n\r\n    }\r\n\r\n\r\n    \/* HIGHLIGHT *\/\r\n\r\n    .process-highlight {\r\n\r\n        display: flex;\r\n\r\n        align-items: flex-start;\r\n\r\n        flex-wrap: nowrap;\r\n\r\n        width: 100%;\r\n\r\n        max-width: 100%;\r\n\r\n        margin-top: 18px;\r\n\r\n        padding: 10px 12px;\r\n\r\n        border-radius: 14px;\r\n\r\n        font-size: 11px;\r\n\r\n        line-height: 1.5;\r\n\r\n    }\r\n\r\n\r\n    .process-highlight > span {\r\n\r\n        margin-top: 1px;\r\n\r\n    }\r\n\r\n\r\n    .process-highlight strong {\r\n\r\n        display: block;\r\n\r\n        flex: 1 1 auto;\r\n\r\n        min-width: 0;\r\n\r\n        overflow-wrap: break-word;\r\n\r\n        word-wrap: break-word;\r\n\r\n    }\r\n\r\n\r\n    \/* IKONI PIILOTETAAN *\/\r\n\r\n    .process-icon {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    \/* NAVIGOINTI *\/\r\n\r\n    .process-navigation {\r\n\r\n        gap: 15px;\r\n\r\n        margin-top: 22px;\r\n\r\n    }\r\n\r\n\r\n    .process-prev,\r\n    .process-next {\r\n\r\n        width: 42px;\r\n\r\n        height: 42px;\r\n\r\n        font-size: 18px;\r\n\r\n    }\r\n\r\n\r\n    .process-counter {\r\n\r\n        min-width: 60px;\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n\r\n    .process-counter strong {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   PIENI PUHELIN\r\n================================================== *\/\r\n\r\n@media (max-width: 400px) {\r\n\r\n    .fusion-process {\r\n\r\n        padding: 45px 12px;\r\n\r\n    }\r\n\r\n\r\n    .process-header h2 {\r\n\r\n        font-size: 27px;\r\n\r\n    }\r\n\r\n\r\n    .process-header p {\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    .progress-step {\r\n\r\n        width: 34px;\r\n\r\n        height: 34px;\r\n\r\n        font-size: 8px;\r\n\r\n    }\r\n\r\n\r\n    .process-card {\r\n\r\n        padding: 24px 17px;\r\n\r\n        border-radius: 18px;\r\n\r\n    }\r\n\r\n\r\n    .process-number {\r\n\r\n        width: 50px;\r\n\r\n        height: 50px;\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n\r\n    .process-card h3 {\r\n\r\n        font-size: 22px;\r\n\r\n    }\r\n\r\n\r\n    .process-card p {\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n\r\n    .process-highlight {\r\n\r\n        font-size: 10px;\r\n\r\n        padding: 9px 10px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n    const process =\r\n        document.querySelector('.fusion-process');\r\n\r\n    if (!process) return;\r\n\r\n\r\n    const cards =\r\n        Array.from(\r\n            process.querySelectorAll('.process-card')\r\n        );\r\n\r\n    const steps =\r\n        Array.from(\r\n            process.querySelectorAll('.progress-step')\r\n        );\r\n\r\n    const progressFill =\r\n        process.querySelector(\r\n            '.progress-line-fill'\r\n        );\r\n\r\n    const prevButton =\r\n        process.querySelector(\r\n            '.process-prev'\r\n        );\r\n\r\n    const nextButton =\r\n        process.querySelector(\r\n            '.process-next'\r\n        );\r\n\r\n    const counter =\r\n        process.querySelector(\r\n            '.process-counter'\r\n        );\r\n\r\n\r\n    let currentStep = 0;\r\n\r\n    let autoPlay = null;\r\n\r\n\r\n    \/* ==============================================\r\n       VAIHEEN VAIHTO\r\n    ============================================== *\/\r\n\r\n    function showStep(index) {\r\n\r\n        if (index < 0) {\r\n\r\n            index = cards.length - 1;\r\n\r\n        }\r\n\r\n\r\n        if (index >= cards.length) {\r\n\r\n            index = 0;\r\n\r\n        }\r\n\r\n\r\n        currentStep = index;\r\n\r\n\r\n        \/* Kortit *\/\r\n\r\n        cards.forEach(function (card, i) {\r\n\r\n            card.classList.toggle(\r\n                'active',\r\n                i === currentStep\r\n            );\r\n\r\n        });\r\n\r\n\r\n        \/* Numerot *\/\r\n\r\n        steps.forEach(function (step, i) {\r\n\r\n            step.classList.toggle(\r\n                'active',\r\n                i === currentStep\r\n            );\r\n\r\n        });\r\n\r\n\r\n        \/* Progress *\/\r\n\r\n        const progress =\r\n            (currentStep \/\r\n            (cards.length - 1)) * 100;\r\n\r\n\r\n        if (progressFill) {\r\n\r\n            progressFill.style.width =\r\n                progress + '%';\r\n\r\n        }\r\n\r\n\r\n        \/* Counter *\/\r\n\r\n        if (counter) {\r\n\r\n            counter.innerHTML =\r\n                '<strong>' +\r\n                String(currentStep + 1)\r\n                    .padStart(2, '0') +\r\n                '<\/strong>' +\r\n                '<span>\/ 05<\/span>';\r\n\r\n        }\r\n\r\n\r\n        restartAutoPlay();\r\n\r\n    }\r\n\r\n\r\n    \/* ==============================================\r\n       PROGRESS-NAPIT\r\n    ============================================== *\/\r\n\r\n    steps.forEach(function (step) {\r\n\r\n        step.addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n                const index =\r\n                    parseInt(\r\n                        step.getAttribute(\r\n                            'data-step'\r\n                        ),\r\n                        10\r\n                    );\r\n\r\n                showStep(index);\r\n\r\n            }\r\n        );\r\n\r\n    });\r\n\r\n\r\n    \/* ==============================================\r\n       EDELLINEN\r\n    ============================================== *\/\r\n\r\n    if (prevButton) {\r\n\r\n        prevButton.addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n                showStep(\r\n                    currentStep - 1\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* ==============================================\r\n       SEURAAVA\r\n    ============================================== *\/\r\n\r\n    if (nextButton) {\r\n\r\n        nextButton.addEventListener(\r\n            'click',\r\n            function () {\r\n\r\n                showStep(\r\n                    currentStep + 1\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* ==============================================\r\n       AUTOPLAY\r\n    ============================================== *\/\r\n\r\n    function startAutoPlay() {\r\n\r\n        clearInterval(autoPlay);\r\n\r\n\r\n        autoPlay = setInterval(\r\n            function () {\r\n\r\n                showStep(\r\n                    currentStep + 1\r\n                );\r\n\r\n            },\r\n            7000\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function restartAutoPlay() {\r\n\r\n        clearInterval(autoPlay);\r\n\r\n        startAutoPlay();\r\n\r\n    }\r\n\r\n\r\n    \/* ==============================================\r\n       HOVER PYS\u00c4YTT\u00c4\u00c4 AUTOPLAYN\r\n    ============================================== *\/\r\n\r\n    process.addEventListener(\r\n        'mouseenter',\r\n        function () {\r\n\r\n            clearInterval(autoPlay);\r\n\r\n        }\r\n    );\r\n\r\n\r\n    process.addEventListener(\r\n        'mouseleave',\r\n        function () {\r\n\r\n            startAutoPlay();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* ==============================================\r\n       SWIPE MOBIILISSA\r\n    ============================================== *\/\r\n\r\n    let touchStartX = 0;\r\n\r\n    let touchEndX = 0;\r\n\r\n\r\n    process.addEventListener(\r\n        'touchstart',\r\n        function (event) {\r\n\r\n            if (\r\n                event.changedTouches &&\r\n                event.changedTouches.length\r\n            ) {\r\n\r\n                touchStartX =\r\n                    event.changedTouches[0]\r\n                        .screenX;\r\n\r\n            }\r\n\r\n            clearInterval(autoPlay);\r\n\r\n        },\r\n        {\r\n            passive: true\r\n        }\r\n    );\r\n\r\n\r\n    process.addEventListener(\r\n        'touchend',\r\n        function (event) {\r\n\r\n            if (\r\n                event.changedTouches &&\r\n                event.changedTouches.length\r\n            ) {\r\n\r\n                touchEndX =\r\n                    event.changedTouches[0]\r\n                        .screenX;\r\n\r\n            }\r\n\r\n\r\n            const difference =\r\n                touchStartX - touchEndX;\r\n\r\n\r\n            if (\r\n                Math.abs(difference) > 50\r\n            ) {\r\n\r\n                if (difference > 0) {\r\n\r\n                    showStep(\r\n                        currentStep + 1\r\n                    );\r\n\r\n                } else {\r\n\r\n                    showStep(\r\n                        currentStep - 1\r\n                    );\r\n\r\n                }\r\n\r\n            } else {\r\n\r\n                startAutoPlay();\r\n\r\n            }\r\n\r\n        },\r\n        {\r\n            passive: true\r\n        }\r\n    );\r\n\r\n\r\n    \/* ==============================================\r\n       ALOITUS\r\n    ============================================== *\/\r\n\r\n    showStep(0);\r\n\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"wavo-column-gap-no elementor-section elementor-top-section elementor-element elementor-element-2f177fcb elementor-section-content-middle nt-section section-padding verkkokaupat elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2f177fcb\" data-element_type=\"section\" data-e-type=\"section\" id=\"verkkokaupat\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-21fcac88\" data-id=\"21fcac88\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7df02c4 elementor-widget__width-auto elementor-absolute elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-wavo-popup-video\" data-id=\"7df02c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"wavo-popup-video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"popup-video-wrapper video-7df02c4\"><a class=\"popup-video\" href=\"https:\/\/vimeo.com\/127203262\" target=\"_blank\" rel=\"noopener\"><div class=\"vid-btn\"><span class=\"icon\"><i class=\"fas fa-play\"><\/i><\/span><\/div><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-image-parallax-settings=\"{&quot;orientation&quot;:&quot;down&quot;,&quot;overflow&quot;: false,&quot;scale&quot;:1.2,&quot;delay&quot;:0.7,&quot;maxtrans&quot;:10}\" class=\"elementor-element elementor-element-2fc2c259 wavo-image-parallax image-has-parallax-yes elementor-widget elementor-widget-image\" data-id=\"2fc2c259\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/elementor\/thumbs\/pexels-gustavo-fring-3874619-scaled-e1780577431867-rogn0wjxmpt00pf6negg8lmlj3v8hijlt5x8oe9de8.jpg\" title=\"Ajankohtaista digimarkkinoinnista\" alt=\"Ajankohtaista digimarkkinoinnista\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7dfa5cf3\" data-id=\"7dfa5cf3\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5c77fd50 wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"5c77fd50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"> Mit\u00e4 verkkosivujen toteutus sis\u00e4lt\u00e4\u00e4?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36a149f elementor-widget elementor-widget-text-editor\" data-id=\"36a149f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Suunnittelemme verkkosivut yrityksesi tavoitteiden, palveluiden ja asiakkaiden tarpeiden pohjalta. Toteutuksessa huomioimme selke\u00e4n rakenteen, toimivuuden puhelimella ja tietokoneella sek\u00e4 sen, ett\u00e4 k\u00e4vij\u00e4 l\u00f6yt\u00e4\u00e4 yhteystietosi helposti. Sovitun palvelupaketin mukaan autamme my\u00f6s tekstien, kuvien, yhteydenottolomakkeen ja hakukoneoptimoinnin perusasioiden kanssa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-412c74c wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"412c74c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">WordPress-verkkosivut ja kotisivujen uudistaminen<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27c9f85 elementor-widget elementor-widget-text-editor\" data-id=\"27c9f85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Toteutamme p\u00e4\u00e4asiassa WordPress-verkkosivuja, joita voidaan kehitt\u00e4\u00e4 yrityksen tarpeiden mukana. Jos yrityksell\u00e4si on jo sivusto, arvioimme, kannattaako nykyist\u00e4 kokonaisuutta parantaa vai uudistaa se perusteellisemmin. Valitsemme toteutustavan tavoitteiden ja budjetin perusteella.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-038c9d8 elementor-invisible elementor-widget elementor-widget-wavo-button\" data-id=\"038c9d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"wavo-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wavo-button\"><a data-scroll-to class=\"wavo-btn btn-curve btn-blc btn-lg\" href=\"#yhteys\"><span class=\"button_text\">Ota yhteytt\u00e4 <\/span><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"wavo-column-gap-no elementor-section elementor-top-section elementor-element elementor-element-6c4114a nt-section section-padding hakukoneoptimointi elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6c4114a\" data-element_type=\"section\" data-e-type=\"section\" id=\"hakukoneoptimointi\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-14f0335\" data-id=\"14f0335\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"wavo-column-gap-no elementor-section elementor-inner-section elementor-element elementor-element-0242a0b elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0242a0b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-19d6cd9\" data-id=\"19d6cd9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-665bcad wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"665bcad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Verkkosivujen hakukoneoptimointi liiketoiminnan kasvun tueksi<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12926a8 elementor-widget elementor-widget-text-editor\" data-id=\"12926a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">Teemme verkkosivustoille hakukoneoptimointia (SEO), jonka tavoitteena on parantaa verkkosivustosi n\u00e4kyvyytt\u00e4 hakukoneissa ja auttaa potentiaalisia asiakkaita l\u00f6yt\u00e4m\u00e4\u00e4n yrityksesi oikealla hetkell\u00e4, my\u00f6s AI-haun kautta. Kehit\u00e4mme olemassaolevia verkkosivuja kokonaisuutena niin, ett\u00e4 se palvelee sek\u00e4 hakukoneita ett\u00e4 sivustosi k\u00e4vij\u00f6it\u00e4.<\/p><p data-pm-slice=\"1 1 []\"><strong>Haluatko parantaa verkkosivustosi n\u00e4kyvyytt\u00e4?<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f06320a elementor-invisible elementor-widget elementor-widget-wavo-button\" data-id=\"f06320a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"wavo-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wavo-button\"><a class=\"wavo-btn btn-curve btn-blc btn-lg\" href=\"https:\/\/fuusiomedia.fi\/hakukoneoptimointi-yritykselle\/\" data-scroll-to><span class=\"button_text\">Tutustu hakukoneoptimointiin <\/span><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-bcae579\" data-id=\"bcae579\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2bfe5c1 elementor-widget elementor-widget-spacer\" data-id=\"2bfe5c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5980002 elementor-widget elementor-widget-image\" data-id=\"5980002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"839\" height=\"1024\" src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-7988237-839x1024.jpg\" class=\"attachment-large size-large wp-image-6021\" alt=\"ai-chatbot\" srcset=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-7988237-839x1024.jpg 839w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-7988237-246x300.jpg 246w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-7988237-768x937.jpg 768w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-7988237-1259x1536.jpg 1259w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-7988237-1679x2048.jpg 1679w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-7988237-500x610.jpg 500w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/05\/pexels-mikhail-nilov-7988237-980x1196.jpg 980w\" sizes=\"(max-width: 839px) 100vw, 839px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"wavo-column-gap-no elementor-section elementor-top-section elementor-element elementor-element-aa2dc1a elementor-section-content-middle nt-section section-padding elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"aa2dc1a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2c9a9b7\" data-id=\"2c9a9b7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4af5cd8 elementor-widget__width-auto elementor-absolute elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-wavo-popup-video\" data-id=\"4af5cd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"wavo-popup-video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"popup-video-wrapper video-4af5cd8\"><a class=\"popup-video\" href=\"https:\/\/vimeo.com\/127203262\" target=\"_blank\" rel=\"noopener\"><div class=\"vid-btn\"><span class=\"icon\"><i class=\"fas fa-play\"><\/i><\/span><\/div><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-image-parallax-settings=\"{&quot;orientation&quot;:&quot;down&quot;,&quot;overflow&quot;: false,&quot;scale&quot;:1.2,&quot;delay&quot;:0.7,&quot;maxtrans&quot;:10}\" class=\"elementor-element elementor-element-90278f2 wavo-image-parallax image-has-parallax-yes elementor-widget elementor-widget-image\" data-id=\"90278f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1025\" height=\"1536\" src=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/06\/pexels-pavel-danilyuk-6764202-1025x1536.jpg\" class=\"attachment-1536x1536 size-1536x1536 wp-image-7219\" alt=\"\" srcset=\"https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/06\/pexels-pavel-danilyuk-6764202-1025x1536.jpg 1025w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/06\/pexels-pavel-danilyuk-6764202-200x300.jpg 200w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/06\/pexels-pavel-danilyuk-6764202-684x1024.jpg 684w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/06\/pexels-pavel-danilyuk-6764202-768x1150.jpg 768w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/06\/pexels-pavel-danilyuk-6764202-1367x2048.jpg 1367w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/06\/pexels-pavel-danilyuk-6764202-500x749.jpg 500w, https:\/\/fuusiomedia.fi\/wp-content\/uploads\/2026\/06\/pexels-pavel-danilyuk-6764202-scaled.jpg 1709w\" sizes=\"(max-width: 1025px) 100vw, 1025px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-58108f9\" data-id=\"58108f9\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div data-split-settings=\"{&quot;type&quot;:&quot;chars&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\" class=\"elementor-element elementor-element-64e476e wavo-headig-split heading-has-split-yes wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"64e476e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Usein kysytyt kysymykset<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b0120b elementor-widget elementor-widget-n-accordion\" data-id=\"6b0120b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1120\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-1120\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Paljonko yrityksen verkkosivut maksavat? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1120\" class=\"elementor-element elementor-element-41da297 e-con-full e-flex e-con e-child\" data-id=\"41da297\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c671382 elementor-widget elementor-widget-text-editor\" data-id=\"c671382\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Verkkosivujen hinta riippuu sivujen m\u00e4\u00e4r\u00e4st\u00e4, sis\u00e4ll\u00f6ist\u00e4 ja tarvittavista ominaisuuksista. Meilt\u00e4 saat my\u00f6s<br \/>valmiita verkkosivupaketteja. Kerromme kokonaishinnan ja mahdolliset jatkuvat kulut tarjouksessa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1121\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1121\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Kuinka nopeasti verkkosivut valmistuvat? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1121\" class=\"elementor-element elementor-element-85dde3d e-con-full e-flex e-con e-child\" data-id=\"85dde3d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-770c477 elementor-widget elementor-widget-text-editor\" data-id=\"770c477\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Aikataulu riippuu toteutuksen laajuudesta ja siit\u00e4, milloin verkkosivuille haluamasi materiaalit ovat k\u00e4ytett\u00e4viss\u00e4mme. Tyypillisesti vahvistamme<br \/>projektikohtaisen toimitusaikataulun ennen ty\u00f6n aloittamista.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1122\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1122\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Tarvitseeko meid\u00e4n toimittaa tekstit ja kuvat? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1122\" class=\"elementor-element elementor-element-3bed484 e-con-full e-flex e-con e-child\" data-id=\"3bed484\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29a11c1 elementor-widget elementor-widget-text-editor\" data-id=\"29a11c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Voimme hy\u00f6dynt\u00e4\u00e4 nykyisi\u00e4 materiaalejanne ja sopia erikseen uusien tekstien tai kuvien tuottamisesta.<br \/>Sis\u00e4ll\u00f6ntuotannon laajuus riippuu valitusta paketista.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1123\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1123\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Toimivatko sivut puhelimella? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1123\" class=\"elementor-element elementor-element-a5fb676 e-con-full e-flex e-con e-child\" data-id=\"a5fb676\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1e1d95 elementor-widget elementor-widget-text-editor\" data-id=\"b1e1d95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"3796\" data-end=\"4050\">Suunnittelemme verkkosivujen k\u00e4ytt\u00f6kokemuksen my\u00f6s mobiililaitteille. Testaamme t\u00e4rkeimm\u00e4t n\u00e4kym\u00e4t<br \/>ja yhteydenottotavat osana sovittua toteutusta.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1124\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1124\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Voimmeko p\u00e4ivitt\u00e4\u00e4 sivuja itse? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1124\" class=\"elementor-element elementor-element-972bd32 e-con-full e-flex e-con e-child\" data-id=\"972bd32\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-706d176 elementor-widget elementor-widget-text-editor\" data-id=\"706d176\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"674\" data-end=\"914\">WordPress-toteutuksissa voidaan sopia asiakkaan k\u00e4ytt\u00f6oikeuksista ja opastuksesta. Tarvittaessa my\u00f6s<br \/>me hoidamme sis\u00e4lt\u00f6muutokset erillisen sopimuksen mukaisesti.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1125\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1125\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Kuka omistaa verkkosivut ja verkkotunnuksen? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1125\" class=\"elementor-element elementor-element-f1b08ad e-con-full e-flex e-con e-child\" data-id=\"f1b08ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b16955 elementor-widget elementor-widget-text-editor\" data-id=\"7b16955\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Sivuston ja verkkotunnuksen omistuksesta sek\u00e4 k\u00e4ytt\u00f6oikeuksista sovitaan tarjouksessa ja<br \/>sopimusehdoissa. Kerromme n\u00e4m\u00e4 asiat ennen tilausta.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1126\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1126\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Sis\u00e4ltyyk\u00f6 hakukoneoptimointi hintaan? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1126\" class=\"elementor-element elementor-element-9b007dc e-con-full e-flex e-con e-child\" data-id=\"9b007dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbcde9b elementor-widget elementor-widget-text-editor\" data-id=\"fbcde9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"3436\" data-end=\"3726\">Toteutuksessa voidaan huomioida sovitun paketin mukaiset SEO-perusteet, kuten sivurakenne ja otsikot.<br \/>Laajempi hakusana-, sis\u00e4lt\u00f6- ja paikallinen hakukoneoptimointi voidaan sopia erillisen\u00e4 palveluna.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1127\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"8\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1127\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Mit\u00e4 tapahtuu julkaisun j\u00e4lkeen? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1127\" class=\"elementor-element elementor-element-d5cfa47 e-con-full e-flex e-con e-child\" data-id=\"d5cfa47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-339ce9f elementor-widget elementor-widget-text-editor\" data-id=\"339ce9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"3436\" data-end=\"3726\">Tarjoamme erikseen sovittavaa yll\u00e4pitoa ja tukipalvelua. Yll\u00e4pidon sis\u00e4lt\u00f6, hinta ja sopimuskausi<br \/>vahvistetaan tilauksen yhteydess\u00e4.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92468c7 elementor-invisible elementor-widget elementor-widget-wavo-button\" data-id=\"92468c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:500}\" data-widget_type=\"wavo-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wavo-button\"><a class=\"wavo-btn btn-curve btn-blc btn-lg\" href=\"https:\/\/fuusiomedia.fi\/verkkosivut-yritykselle-ostajan-opas\/\" data-scroll-to><span class=\"button_text\">Tutustu ostajan oppaaseen <\/span><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a72c459 yhteys e-flex e-con-boxed e-con e-parent\" data-id=\"a72c459\" data-element_type=\"container\" data-e-type=\"container\" id=\"yhteys\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-06712c7 e-con-full e-flex e-con e-child\" data-id=\"06712c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div data-split-settings=\"{&quot;type&quot;:&quot;chars&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\" class=\"elementor-element elementor-element-5aaab24 wavo-stroke wavo-has-stroke-yes wavo-has-stroke-type stroke-type-part wavo-headig-split heading-has-split-yes wavo-transform transform-type-translate elementor-widget elementor-widget-heading\" data-id=\"5aaab24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Pyyd\u00e4 tarjous verkkosivuista\n<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b832d8 elementor-widget elementor-widget-text-editor\" data-id=\"9b832d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>J\u00e4t\u00e4 yhteystietosi, niin otamme yhteytt\u00e4 ja ehdotamme tarpeeseesi sopivaa toteutusta.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cd1dc8 e-con-full e-flex e-con e-child\" data-id=\"6cd1dc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26ed569 elementor-widget elementor-widget-wavo-contact-form-7\" data-id=\"26ed569\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wavo-contact-form-7.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"nt-cf7-form-wrapper form_26ed569\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1965-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1965\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/9586#wpcf7-f1965-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1965\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.3\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1965-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"contact\">\n\t<div class=\"form\">\n\t\t<div class=\"controls\">\n\t\t\t<div style=\"display:flex !important; width:100% !important; gap:20px !important;\">\n\t\t\t\t<div class=\"form-group\" style=\"width:50% !important; flex:1 1 50% !important;\">\n\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"text-906\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nimi\" value=\"\" type=\"text\" name=\"text-906\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\" style=\"width:50% !important; flex:1 1 50% !important;\">\n\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"company-123\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Yritys\" value=\"\" type=\"text\" name=\"company-123\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div style=\"display:flex !important; width:100% !important; gap:20px !important;\">\n\t\t\t\t<div class=\"form-group\" style=\"width:50% !important; flex:1 1 50% !important;\">\n\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"email-51\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email\" value=\"\" type=\"email\" name=\"email-51\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"form-group\" style=\"width:50% !important; flex:1 1 50% !important;\">\n\t\t\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"tel-8\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Puhelin\" value=\"\" type=\"tel\" name=\"tel-8\" \/><\/span>\n\t\t\t\t\t<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label for=\"palvelu\">Mist\u00e4 palvelusta olet kiinnostunut?<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"palvelu\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"palvelu\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Palvelu\" value=\"\" type=\"text\" name=\"palvelu\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<p><button type=\"submit\" class=\"btn-curve btn-blc wpcf7-submit\"><br \/>\n<span>L\u00e4het\u00e4<\/span><br \/>\n<\/button>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tarvitsetko toimivat verkkosivut yrityksellesi? Fuusiomedia toteuttaa selke\u00e4t, mobiiliyst\u00e4v\u00e4lliset kotisivut. Tutustu paketteihin ja pyyd\u00e4 tarjous. Verkkosivut yritykselle \u2013 toimivat kotisivut ilman turhaa s\u00e4\u00e4t\u00f6\u00e4 Rakennamme yrityksellesi verkkosivut, jotka tuottavat tuloksia ja tukevat kasvua Toteutamme yrityksellesi selke\u00e4t, mobiiliyst\u00e4v\u00e4lliset ja helposti yll\u00e4pidett\u00e4v\u00e4t verkkosivut. Saat yrityksesi n\u00e4k\u00f6isen kokonaisuuden, jonka avulla asiakkaasi l\u00f6yt\u00e4v\u00e4t palvelusi, tutustuvat yritykseesi ja ottavat yhteytt\u00e4. Meill\u00e4 on&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wavo-elementor-page.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9586","page","type-page","status-publish","hentry","nt-post-class","","thumb-none","excerpt-none"],"acf":[],"_links":{"self":[{"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/pages\/9586","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/comments?post=9586"}],"version-history":[{"count":20,"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/pages\/9586\/revisions"}],"predecessor-version":[{"id":10206,"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/pages\/9586\/revisions\/10206"}],"wp:attachment":[{"href":"https:\/\/fuusiomedia.fi\/en\/wp-json\/wp\/v2\/media?parent=9586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}