{"id":5876,"date":"2026-03-20T13:19:29","date_gmt":"2026-03-20T11:19:29","guid":{"rendered":"https:\/\/digiverkosto.fi\/?page_id=5876"},"modified":"2026-11-09T22:06:55","modified_gmt":"2026-11-09T20:06:55","slug":"tietoa-meista","status":"publish","type":"page","link":"https:\/\/digiverkosto.fi\/en\/tietoa-meista\/","title":{"rendered":"About us"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-ba1191e6 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<section class=\"hero-section\">\n  <div class=\"hero-content\">\n    <h1 class=\"growth-title-mega-pro\">Tietoa meist\u00e4<\/h1>\n    <p class=\"hero-subtitle\">Tietoa meist\u00e4, jotta tulemme tutuksi<\/p>\n    <div class=\"hero-button-group\">\n      <a href=\"https:\/\/digiverkosto.fi\/ota-yhteytta\/\" class=\"dv-button\">\n        Aloita projekti\n        <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" class=\"dv-btn-icon\">\n          <path clip-rule=\"evenodd\" d=\"M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zm4.28 10.28a.75.75 0 000-1.06l-3-3a.75.75 0 10-1.06 1.06l1.72 1.72H8.25a.75.75 0 000 1.5h5.69l-1.72 1.72a.75.75 0 101.06 1.06l3-3z\" fill-rule=\"evenodd\"><\/path>\n        <\/svg>\n      <\/a>\n      <a href=\"https:\/\/digiverkosto.fi\/referenssit\/\" class=\"dv-button outline-button\">\n        Katso ty\u00f6mme\n        <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" class=\"dv-btn-icon\">\n          <path clip-rule=\"evenodd\" d=\"M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zm4.28 10.28a.75.75 0 000-1.06l-3-3a.75.75 0 10-1.06 1.06l1.72 1.72H8.25a.75.75 0 000 1.5h5.69l-1.72 1.72a.75.75 0 101.06 1.06l3-3z\" fill-rule=\"evenodd\"><\/path>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n    .hero-section {\n        background: transparent !important;\n        background-color: transparent !important;\n        width: 100%;\n        max-width: 100vw;\n        min-height: 100vh;\n        min-height: 100dvh; \/* Huomioi mobiiliselaimien osoiterivit dynaamisesti *\/\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 4vh 5vw;\n        box-sizing: border-box;\n        overflow-x: hidden;\n    }\n\n    .hero-content {\n        max-width: 1000px;\n        width: 100%;\n        margin: 0 auto;\n        text-align: center;\n        box-sizing: border-box;\n    }\n\n    .growth-title-mega-pro {\n        font-family: inherit;\n        font-size: clamp(50px, 14vw, 120px); \n        font-weight: 900; \n        line-height: 1.4; \n        letter-spacing: -0.02em; \n        text-align: center;\n        margin-top: 0 !important;\n        margin-bottom: 24px !important; \n        background: linear-gradient(\n            180deg, \n            #ffffff 0%, \n            #ffffff 45%, \n            #a1a1a6 80%, \n            #6e6e73 100%\n        );\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        display: block;\n        width: 100%;\n        filter: drop-shadow(0px 10px 20px rgba(0,0,0,0.5));\n        -webkit-font-smoothing: antialiased;\n        text-rendering: optimizeLegibility;\n        word-wrap: break-word;\n    }\n\n    .hero-subtitle {\n        font-family: inherit;\n        font-size: 1.5rem;\n        color: #86868b;\n        text-align: center;\n        font-weight: 500;\n        margin-top: 0 !important;\n        margin-bottom: 40px !important; \n        line-height: 1.4;\n        display: block;\n        max-width: 700px;\n        margin-left: auto;\n        margin-right: auto;\n        word-wrap: break-word;\n    }\n\n    \/* Nappiryhm\u00e4n asettelu *\/\n    .hero-button-group {\n        display: flex;\n        gap: 20px;\n        justify-content: center;\n        align-items: center;\n        flex-wrap: wrap;\n        margin-top: 0 !important; \n        margin-bottom: 0 !important;\n        padding-top: 0; \n        width: 100%;\n        box-sizing: border-box;\n    }\n\n    \/* Modernit Digiverkoston napit *\/\n    .hero-button-group .dv-button {\n        position: relative;\n        transition: all 0.3s ease-in-out;\n        box-shadow: 0px 10px 20px rgba(0, 113, 227, 0.25);\n        padding-block: 15px;\n        padding-inline: 32px;\n        background-color: rgb(0, 113, 227);\n        border-radius: 9999px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        color: #ffffff !important;\n        gap: 10px;\n        font-weight: 700;\n        border: 2px solid rgba(255, 255, 255, 0.2);\n        outline: none;\n        overflow: hidden;\n        font-size: 16px;\n        cursor: pointer;\n        width: fit-content;\n        max-width: 100%;\n        text-decoration: none !important;\n        box-sizing: border-box;\n    }\n\n    .hero-button-group .dv-btn-icon {\n        width: 20px;\n        height: 20px;\n        transition: all 0.3s ease-in-out;\n        flex-shrink: 0;\n    }\n\n    .hero-button-group .dv-button:hover {\n        transform: scale(1.05);\n        border-color: rgba(255, 255, 255, 0.6);\n        box-shadow: 0px 15px 30px rgba(0, 113, 227, 0.4);\n    }\n\n    .hero-button-group .dv-button:hover .dv-btn-icon {\n        transform: translate(4px);\n    }\n\n    .hero-button-group .dv-button:hover::before {\n        animation: dv-shine 1.5s ease-out infinite;\n    }\n\n    .hero-button-group .dv-button::before {\n        content: \"\";\n        position: absolute;\n        width: 100px;\n        height: 100%;\n        background-image: linear-gradient(\n            120deg,\n            rgba(255, 255, 255, 0) 30%,\n            rgba(255, 255, 255, 0.6),\n            rgba(255, 255, 255, 0) 70%\n        );\n        top: 0;\n        left: -100px;\n        opacity: 0.6;\n    }\n  \n    .hero-button-group .outline-button {\n        background-color: rgba(255, 255, 255, 0.05);\n        border: 2px solid rgba(255, 255, 255, 0.15);\n        box-shadow: none;\n    }\n  \n    .hero-button-group .outline-button:hover {\n        background-color: rgba(255, 255, 255, 0.1);\n        border-color: rgba(255, 255, 255, 0.3);\n    }\n\n    @keyframes dv-shine {\n        0% { left: -100px; }\n        60% { left: 100%; }\n        to { left: 100%; }\n    }\n\n    @media (max-width: 1024px) {\n        .growth-title-mega-pro {\n            letter-spacing: -0.05em;\n        }\n    }\n    \n    @media (max-width: 480px) {\n        .hero-section {\n            padding: 30px 15px;\n        }\n\n        .growth-title-mega-pro {\n            font-size: clamp(36px, 20vw, 50px);\n            line-height: 1.2;\n            margin-bottom: 16px !important;\n        }\n\n        .hero-subtitle {\n            font-size: 1.125rem;\n            margin-bottom: 30px !important;\n            padding: 0 10px;\n        }\n        \n        .hero-button-group {\n            flex-direction: column;\n            gap: 16px;\n            padding: 0 15px;\n            margin-top: 0 !important;\n        }\n        \n        .hero-button-group .dv-button {\n            width: 100%;\n            max-width: 280px;\n            text-align: center;\n            justify-content: center;\n            box-sizing: border-box; \n        }\n    }\n<\/style>\n\n\n\n<section class=\"section marketing-closer-final\">\n    <div class=\"closer-final-container l\">\n\n        <h2 class=\"closer-final-h2\">Digiverkosto. <br> Kumppanisi, kun tavoitteena on tuloksekas digimarkkinointi.<\/h2>\n        \n        <p class=\"closer-final-p\">\n            Emme usko pelkkiin klikkauksiin tai tykk\u00e4yksiin. Uskomme <strong>mitattavaan kasvuun<\/strong>, aitoihin tuloksiin ja mainontaan, jonka n\u00e4kee ja maksaa itsens\u00e4 takaisin.\n        <\/p>\n\n    <\/div>\n<\/section>\n\n<style>\n    .marketing-closer-final {\n        background-color: #070707;\n        padding: 160px 6vw;\n        text-align: center;\n        border-top: 1px solid #1c1c1e;\n    }\n\n    .closer-final-container {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .closer-final-h2 {\n        font-size: clamp(30px, 5vw, 48px);\n        font-weight: 700;\n        line-height: 1.1;\n        letter-spacing: -0.02em;\n        margin: 24px 0;\n        color: #fff;\n    }\n\n    .closer-final-p {\n        font-size: clamp(18px, 2.5vw, 22px);\n        color: #86868b;\n        line-height: 1.5;\n        margin-bottom: 50px;\n    }\n\n    .closer-final-p strong {\n        color: #f5f5f7;\n    }\n\n    \n    .apple-pill-button {\n        display: inline-block;\n        background-color: #0071e3;\n        color: #fff;\n        padding: 18px 56px;\n        border-radius: 980px;\n        font-size: 18px;\n        font-weight: 600;\n        text-decoration: none;\n        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .apple-pill-button:hover {\n        background-color: #0077ed;\n        transform: scale(1.02);\n        box-shadow: 0 15px 30px rgba(0, 113, 227, 0.3);\n    }\n\n    \n    .reveal {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: opacity 1s ease-out, transform 1s ease-out;\n    }\n\n    .reveal.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n<\/style>\n\n\n\n<section class=\"section about-hero\">\n    <div class=\"about-container\">\n        <span class=\"tag\">Alkuper\u00e4<\/span>\n        <h1 class=\"growth-title-mega-pro\">Miksi Digiverkosto on olemassa?<\/h1>\n        \n        <div class=\"about-story-grid\">\n            <div class=\"story-text\">\n                <p>\n                    Digiverkosto syntyi kahden yritt\u00e4j\u00e4n halusta tehd\u00e4 asiat toisin. \n                    <strong>Oskari Mikkola<\/strong> ja <strong>Aleksi Luhtasela<\/strong>.\n                <\/p>\n                <p>\n                    Huomasimme, ett\u00e4 moni yritys kaipaa selkeytt\u00e4 digiviidakon keskelle. Meille tuloksekas digimarkkinointi ja verkkosuunnittelu tarkoittaa l\u00e4pin\u00e4kyvyytt\u00e4, tarkkaa dataa ja ennen kaikkea tuloksia, jotka n\u00e4kyv\u00e4t asiakkaidemme kassassa.\n                <\/p>\n            <\/div>\n\n            <div class=\"location-box\">\n                <h3>Toimimme et\u00e4n\u00e4, mutta l\u00e4hell\u00e4 asiakasta.<\/h3>\n                <p>Vaikka toimipisteemme sijaitsevat Jokioisilla ja Veteliss\u00e4, verkostomme kattaa koko Suomen.<\/p>\n                \n                <div class=\"network-visual\">\n                    <span class=\"dot\"><\/span> Jokioinen\n                    <span class=\"dot\"><\/span> Veteli\n                    <div class=\"connection-line\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \n    .growth-title-mega-pro {\n        font-size: clamp(32px, 5vw, 54px); \n        font-weight: 700;\n        line-height: 1.1;\n        letter-spacing: -0.02em;\n        margin-bottom: 40px;\n        color: #f5f5f7;\n        display: block;\n    }\n\n    .about-hero {\n        background-color: #070707;\n        padding: 140px 6vw;\n        color: #f5f5f7;\n    }\n\n    .about-container { max-width: 1100px; margin: 0 auto; }\n\n    .tag {\n        color: #0071e3;\n        font-size: 12px;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        font-weight: 600;\n        display: block;\n        margin-bottom: 15px;\n    }\n\n    \n    .about-story-grid {\n        display: grid;\n        grid-template-columns: 1.1fr 0.9fr;\n        gap: 100px;\n        align-items: center;\n        margin-top: 80px;\n    }\n\n    .story-text p {\n        font-size: 22px;\n        line-height: 1.6;\n        color: #86868b;\n        margin-bottom: 30px;\n    }\n\n    .story-text strong { color: #fff; font-weight: 600; }\n\n    .location-box {\n        background: #0a0a0a;\n        padding: 50px;\n        border-radius: 32px;\n        border: 1px solid #1c1c1e;\n    }\n\n    .location-box h3 {\n        font-size: 24px;\n        margin-bottom: 20px;\n        color: #fff;\n    }\n\n    .location-box p {\n        color: #86868b;\n        font-size: 17px;\n        line-height: 1.5;\n        margin-bottom: 40px;\n    }\n\n    .network-visual {\n        font-family: monospace;\n        font-size: 12px;\n        color: #0071e3;\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        position: relative;\n    }\n\n    .dot {\n        height: 8px; width: 8px; background: #0071e3; border-radius: 50%;\n        box-shadow: 0 0 10px #0071e3;\n    }\n\n    .connection-line {\n        height: 1px; flex-grow: 1; background: linear-gradient(90deg, #0071e3 0%, #1c1c1e 100%);\n    }\n\n    @media (max-width: 900px) {\n        .about-story-grid { grid-template-columns: 1fr; gap: 60px; }\n        .about-hero { padding-top: 100px; }\n    }\n<\/style>\n\n\n\n<section class=\"section team-section\">\n    <div class=\"team-container\">\n        <header class=\"team-header\">\n            <span class=\"tag\">Asiantuntijat<\/span>\n            <h2 class=\"team-main-title\">Digiverkoston perustajat.<\/h2>\n        <\/header>\n\n        <div class=\"team-grid\">\n            <div class=\"team-card\">\n                <div class=\"member-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2025\/12\/IMG_1781-scaled-e1767019928255.jpg\" alt=\"Aleksi Luhtasela\" class=\"member-image\">\n                <\/div>\n                <div class=\"member-info\">\n                    <span class=\"member-role\">Perustaja \/ Kehitt\u00e4j\u00e4 &amp; Tekniikka<\/span>\n                    <h3>Aleksi Luhtasela<\/h3>\n                    <div class=\"member-location\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n                        Veteli\n                    <\/div>\n                    \n                    <div class=\"member-contact\">\n                        <a href=\"mailto:aleksi@digiverkosto.fi\" class=\"contact-link\">aleksi@digiverkosto.fi<\/a>\n                        <a href=\"tel:+358401716579\" class=\"contact-link\">+358 40 171 6579<\/a>\n                    <\/div>\n\n                    <div class=\"member-socials\">\n                        <a href=\"https:\/\/www.linkedin.com\/in\/aleksi-luhtasela-0375a9293\/\" target=\"_blank\" aria-label=\"LinkedIn\" rel=\"noopener\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect><circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/www.instagram.com\/aleksiluhtasela\/\" target=\"_blank\" aria-label=\"Instagram\" rel=\"noopener\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/www.facebook.com\/share\/1Ai24p9hAt\/?mibextid=wwXIfr\" target=\"_blank\" aria-label=\"Facebook\" rel=\"noopener\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"team-card\">\n                <div class=\"member-image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/digiverkosto.fi\/wp-content\/uploads\/2026\/10\/IMG_1449-scaled.jpg\" alt=\"Oskari Mikkola\" class=\"member-image\">\n                <\/div>\n                <div class=\"member-info\">\n                    <span class=\"member-role\">Perustaja \/ Strategia &amp; Suunnittelu<\/span>\n                    <h3>Oskari Mikkola<\/h3>\n                    <div class=\"member-location\">\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n                        Jokioinen\n                    <\/div>\n                    \n                    <div class=\"member-contact\">\n                        <a href=\"mailto:oskari@digiverkosto.fi\" class=\"contact-link\">oskari@digiverkosto.fi<\/a>\n                        <a href=\"tel:+358451074457\" class=\"contact-link\">+358 45 107 4457<\/a>\n                    <\/div>\n\n                    <div class=\"member-socials\">\n                        <a href=\"https:\/\/www.linkedin.com\/in\/oskari-mikkola-978333278\/\" target=\"_blank\" aria-label=\"LinkedIn\" rel=\"noopener\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect><circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/www.instagram.com\/realoskari\/\" target=\"_blank\" aria-label=\"Instagram\" rel=\"noopener\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg>\n                        <\/a>\n                        <a href=\"https:\/\/www.facebook.com\/RealOskari\/\" target=\"_blank\" aria-label=\"Facebook\" rel=\"noopener\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .team-section {\n        background-color: #070707;\n        padding: 80px 6vw;\n        color: #f5f5f7;\n        font-family: inherit;\n    }\n\n    .team-container { max-width: 1100px; margin: 0 auto; }\n\n    .team-header { text-align: center; margin-bottom: 60px; }\n\n    .tag {\n        color: #0071e3;\n        font-size: 12px;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        font-weight: 600;\n        display: block;\n    }\n\n    .team-main-title {\n        font-size: clamp(32px, 5vw, 48px);\n        font-weight: 700;\n        letter-spacing: -0.02em;\n        margin-top: 15px;\n    }\n\n    .team-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 40px;\n    }\n\n    .team-card {\n        background: #161617;\n        border-radius: 28px;\n        overflow: hidden;\n        border: 1px solid #2c2c2e;\n        transition: transform 0.3s ease, border-color 0.3s ease;\n    }\n\n    .team-card:hover {\n        transform: translateY(-8px);\n        border-color: #424245;\n    }\n\n    .member-image-wrapper {\n        width: 100%;\n        aspect-ratio: 1 \/ 1;\n        overflow: hidden;\n        background: #000;\n    }\n\n    .member-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    .member-info { padding: 40px; }\n\n    .member-role {\n        font-size: 11px;\n        text-transform: uppercase;\n        letter-spacing: 1.2px;\n        color: #0071e3;\n        font-weight: 600;\n        display: block;\n        margin-bottom: 10px;\n    }\n\n    .member-info h3 {\n        font-size: 26px;\n        font-weight: 600;\n        margin-bottom: 4px;\n        color: #fff;\n    }\n\n    .member-location {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        font-size: 14px;\n        color: #86868b;\n        margin-bottom: 20px;\n        font-weight: 500;\n    }\n\n    .member-location svg {\n        color: #0071e3;\n    }\n\n    .member-contact {\n        margin-bottom: 30px;\n        display: flex;\n        flex-direction: column;\n        gap: 6px;\n    }\n\n    .contact-link {\n        color: #86868b;\n        text-decoration: none;\n        font-size: 15px;\n        transition: color 0.2s;\n    }\n\n    .contact-link:hover { color: #fff; }\n\n    .member-socials {\n        display: flex;\n        gap: 18px;\n        border-top: 1px solid #2c2c2e;\n        padding-top: 25px;\n    }\n\n    .member-socials a {\n        color: #86868b;\n        transition: color 0.2s, transform 0.2s;\n    }\n\n    .member-socials a:hover {\n        color: #0071e3;\n        transform: translateY(-2px);\n    }\n\n    @media (max-width: 800px) {\n        .team-grid { grid-template-columns: 1fr; }\n        .member-info { padding: 30px; }\n    }\n<\/style>\n\n\n\n<section class=\"section growth-strategy-section\">\n    <div class=\"growth-container\">\n        <header class=\"growth-header\">\n            <h2 class=\"growth-main-title\">Digiverkosto tarjoaa kokonaisvaltaiset palvelut yrityksellesi<\/h2>\n            <p class=\"growth-subtitle\">Modernit digiratkaisut, jotka vapauttavat aikasi ja kasvattavat myynti\u00e4.<\/p>\n        <\/header>\n\n        <div class=\"growth-pillars-grid\">\n            \n            <!-- Palvelu 1 -->\n            <div class=\"pillar-card\">\n                <div class=\"pillar-icon\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0071e3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\n                <\/div>\n                <h3>Verkkosivut &amp; Yll\u00e4pito<\/h3>\n                <p>Ammattimaiset, nopeat ja konversio-optimoidut WordPress-sivustot sek\u00e4 huoleton yll\u00e4pito ilman teknist\u00e4 stressi\u00e4.<\/p>\n                <a href=\"https:\/\/digiverkosto.fi\/verkkosivut\/\" class=\"pillar-link\">Tutustu lis\u00e4\u00e4 \u2192<\/a>\n            <\/div>\n\n            <!-- Palvelu 2 -->\n            <div class=\"pillar-card\">\n                <div class=\"pillar-icon\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0071e3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21.21 15.89A10 10 0 1 1 8 2.83\"><\/path><path d=\"M22 12A10 10 0 0 0 12 2v10z\"><\/path><\/svg>\n                <\/div>\n                <h3>Digimarkkinointi<\/h3>\n                <p>Dataan pohjautuvaa Google- ja Meta-markkinointia sek\u00e4 hakukoneoptimointia (SEO), joka muuttaa k\u00e4vij\u00e4t maksaviksi asiakkaiksi.<\/p>\n                <a href=\"https:\/\/digiverkosto.fi\/digimarkkinointi\/\" class=\"pillar-link\">Tutustu lis\u00e4\u00e4 \u2192<\/a>\n            <\/div>\n\n            <!-- Palvelu 3 (Google Ads) -->\n            <div class=\"pillar-card\">\n                <div class=\"pillar-icon\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0071e3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><\/svg>\n                <\/div>\n                <h3>Google Ads mainonta<\/h3>\n                <p>Tavoita asiakkaat juuri sill\u00e4 hetkell\u00e4, kun he etsiv\u00e4t tuotteitasi tai palveluitasi Googlesta. Tuloksellista mainontaa ilman hukkaprosenttia.<\/p>\n                <a href=\"https:\/\/digiverkosto.fi\/google-ads-mainonta\/\" class=\"pillar-link\">Tutustu lis\u00e4\u00e4 \u2192<\/a>\n            <\/div>\n\n            <!-- Palvelu 4 -->\n            <div class=\"pillar-card\">\n                <div class=\"pillar-icon\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0071e3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"><\/path><circle cx=\"12\" cy=\"13\" r=\"4\"><\/circle><\/svg>\n                <\/div>\n                <h3>Kuvauspalvelut<\/h3>\n                <p>Laadukkaat valokuvat, ammattimainen dronekuvaus ilmasta sek\u00e4 360-esittelyt, jotka her\u00e4tt\u00e4v\u00e4t br\u00e4ndisi eloon.<\/p>\n                <a href=\"https:\/\/digiverkosto.fi\/kuvauspalvelut\/\" class=\"pillar-link\">Tutustu lis\u00e4\u00e4 \u2192<\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .growth-strategy-section {\n        background-color: #070707;\n        padding: 100px 5vw;\n        border-top: 1px solid #1c1c1e;\n        width: 100%;\n        box-sizing: border-box;\n    }\n\n    .growth-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        box-sizing: border-box;\n    }\n\n    .growth-header {\n        margin-bottom: 60px;\n        text-align: center;\n    }\n\n    .growth-main-title {\n        font-size: clamp(32px, 5vw, 48px);\n        font-weight: 800;\n        letter-spacing: -0.02em;\n        color: #fff;\n        margin-bottom: 16px;\n        word-wrap: break-word;\n    }\n\n    .growth-subtitle {\n        color: #86868b;\n        font-size: 18px;\n        max-width: 650px;\n        margin: 0 auto;\n        line-height: 1.6;\n        word-wrap: break-word;\n    }\n\n    \/* 4-sarakkeinen grid (mukautuu n\u00e4tisti pienemmill\u00e4 n\u00e4yt\u00f6ill\u00e4) *\/\n    .growth-pillars-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 25px;\n    }\n\n    .pillar-card {\n        background: rgba(18, 18, 20, 0.6);\n        padding: 35px 30px;\n        border-radius: 24px;\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        transition: all 0.3s ease;\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n    }\n\n    .pillar-card:hover {\n        border-color: rgba(0, 113, 227, 0.4);\n        background: rgba(26, 26, 30, 0.8);\n        transform: translateY(-5px);\n        box-shadow: 0 15px 35px rgba(0, 113, 227, 0.1);\n    }\n\n    .pillar-icon {\n        margin-bottom: 20px;\n        display: inline-flex;\n    }\n\n    .pillar-card h3 {\n        font-size: 20px;\n        font-weight: 700;\n        margin-bottom: 12px;\n        color: #fff;\n        letter-spacing: -0.01em;\n    }\n\n    .pillar-card p {\n        font-size: 15px;\n        line-height: 1.6;\n        color: #86868b;\n        margin: 0 0 24px 0;\n        flex-grow: 1;\n    }\n\n    .pillar-link {\n        color: rgb(0, 113, 227);\n        font-weight: 600;\n        font-size: 14px;\n        text-decoration: none !important;\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        transition: color 0.2s ease;\n        margin-top: auto;\n    }\n\n    .pillar-link:hover {\n        color: #2997ff;\n    }\n\n    @media (max-width: 1024px) {\n        .growth-pillars-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n        }\n    }\n\n    @media (max-width: 600px) {\n        .growth-pillars-grid {\n            grid-template-columns: 1fr;\n        }\n        .growth-strategy-section {\n            padding: 70px 20px;\n        }\n    }\n<\/style>\n\n\n\n<section class=\"analysis-section\">\n    <div class=\"analysis-container\">\n        <div class=\"analysis-box\">\n            <h2 class=\"analysis-title\">Haluatko tiet\u00e4\u00e4, mit\u00e4 voimme tehd\u00e4 yrityksellesi?<\/h2>\n            \n            <p class=\"analysis-lead\">\n                Sinun ei tarvitse ostaa mit\u00e4\u00e4n saadaksesi selville.\n            <\/p>\n            \n            <p class=\"final-subtitle\">Olitpa Jokioisella, Veteliss\u00e4 tai miss\u00e4 p\u00e4in Suomea tahansa, olemme valmiina auttamaan.<\/p>\n            \n            <div class=\"consultation-action\">\n                <a href=\"https:\/\/digiverkosto.fi\/ota-yhteytta\/\" class=\"dv-button\">\n                    Siirry yhteydenottoon\n                    <svg fill=\"currentColor\" viewBox=\"0 0 24 24\" class=\"dv-btn-icon\">\n                        <path clip-rule=\"evenodd\" d=\"M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zm4.28 10.28a.75.75 0 000-1.06l-3-3a.75.75 0 10-1.06 1.06l1.72 1.72H8.25a.75.75 0 000 1.5h5.69l-1.72 1.72a.75.75 0 101.06 1.06l3-3z\" fill-rule=\"evenodd\"><\/path>\n                    <\/svg>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .analysis-section {\n        padding: 80px 24px;\n        background-color: #070707;\n        color: #86868b;\n        font-family: inherit;\n        box-sizing: border-box;\n        width: 100%;\n    }\n\n    .analysis-container {\n        max-width: 800px;\n        margin: 0 auto;\n        box-sizing: border-box;\n    }\n\n    \/* Koko osion ymp\u00e4rille tuleva p\u00e4\u00e4laatikko *\/\n    .analysis-box {\n        background: rgba(18, 18, 20, 0.7);\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        border-radius: 28px;\n        padding: 50px 40px;\n        backdrop-filter: blur(10px);\n        -webkit-backdrop-filter: blur(10px);\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\n        text-align: center;\n        box-sizing: border-box;\n    }\n\n    .analysis-title {\n        font-size: clamp(26px, 5vw, 38px);\n        font-weight: 700;\n        color: #f5f5f7;\n        line-height: 1.2;\n        margin-top: 0;\n        margin-bottom: 20px;\n        letter-spacing: -0.02em;\n    }\n\n    .analysis-lead {\n        font-size: 18px;\n        line-height: 1.5;\n        margin-bottom: 16px;\n        color: #a1a1a6;\n    }\n\n    .final-subtitle {\n        font-size: 16px;\n        line-height: 1.5;\n        margin-bottom: 40px;\n        color: #86868b;\n    }\n\n    .consultation-action {\n        margin-top: 20px;\n        display: flex;\n        justify-content: center;\n    }\n\n    \/* Digiverkoston moderni nappityyli *\/\n    .dv-button {\n        position: relative;\n        transition: all 0.3s ease-in-out;\n        box-shadow: 0px 10px 20px rgba(0, 113, 227, 0.25);\n        padding-block: 15px;\n        padding-inline: 32px;\n        background-color: rgb(0, 113, 227);\n        border-radius: 9999px;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        color: #ffffff !important;\n        gap: 10px;\n        font-weight: 700;\n        border: 2px solid rgba(255, 255, 255, 0.2);\n        outline: none;\n        overflow: hidden;\n        font-size: 16px;\n        cursor: pointer;\n        width: fit-content;\n        max-width: 100%;\n        text-decoration: none !important;\n        box-sizing: border-box;\n    }\n\n    .dv-btn-icon {\n        width: 20px;\n        height: 20px;\n        transition: all 0.3s ease-in-out;\n        flex-shrink: 0;\n    }\n\n    .dv-button:hover {\n        transform: scale(1.05);\n        border-color: rgba(255, 255, 255, 0.6);\n        box-shadow: 0px 15px 30px rgba(0, 113, 227, 0.4);\n    }\n\n    .dv-button:hover .dv-btn-icon {\n        transform: translate(4px);\n    }\n\n    .dv-button:hover::before {\n        animation: dv-shine 1.5s ease-out infinite;\n    }\n\n    .dv-button::before {\n        content: \"\";\n        position: absolute;\n        width: 100px;\n        height: 100%;\n        background-image: linear-gradient(\n            120deg,\n            rgba(255, 255, 255, 0) 30%,\n            rgba(255, 255, 255, 0.6),\n            rgba(255, 255, 255, 0) 70%\n        );\n        top: 0;\n        left: -100px;\n        opacity: 0.6;\n    }\n\n    @keyframes dv-shine {\n        0% { left: -100px; }\n        60% { left: 100%; }\n        to { left: 100%; }\n    }\n\n    @media (min-width: 768px) {\n        .analysis-section { \n            padding: 100px 5vw; \n        }\n        .analysis-box {\n            padding: 60px 50px;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .analysis-box {\n            padding: 35px 20px;\n        }\n        .dv-button {\n            width: 100%;\n            justify-content: center;\n        }\n    }\n<\/style>\n\n\n\n<section class=\"section map-section\">\n    <div class=\"map-container\">\n        <header class=\"map-header\">\n            <span class=\"tag\">Sijainti<\/span>\n            <h2 class=\"map-title\">L\u00f6yd\u00e4t meid\u00e4t t\u00e4\u00e4lt\u00e4.<\/h2>\n        <\/header>\n\n        <div class=\"map-grid\">\n            <div class=\"map-card\">\n                <div class=\"map-wrapper\">\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d1976.082!2d23.484!3d60.803!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x468df9ce536ab0a3%3A0x277a9f03209c1ca2!2sJokioinen!5e0!3m2!1sfi!2sfi!4v1710000000000!5m2!1sfi!2sfi\" width=\"100%\" height=\"350\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n                <\/div>\n                <div class=\"map-info\">\n                    <h3>Jokioinen<\/h3>\n                    <p>Etel\u00e4-Suomen keskus<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"map-card\">\n                <div class=\"map-wrapper\">\n                    <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d1880.89!2d23.785!3d63.475!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4686e05fd586c515%3A0x3b1c40b7bb315dbb!2sVeteli!5e0!3m2!1sfi!2sfi!4v1710000000000!5m2!1sfi!2sfi\" width=\"100%\" height=\"350\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\n                <\/div>\n                <div class=\"map-info\">\n                    <h3>Veteli<\/h3>\n                    <p>Pohjanmaan voima<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    .map-section {\n        background-color: #070707;\n        padding: 80px 6vw;\n        border-top: 1px solid #1c1c1e;\n    }\n\n    .map-container {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .map-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }\n\n    .map-title {\n        font-size: clamp(32px, 5vw, 42px);\n        font-weight: 700;\n        color: #fff;\n        margin-top: 15px;\n    }\n\n    .map-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 40px;\n    }\n\n    .map-card {\n        background: #161617;\n        border-radius: 28px;\n        overflow: hidden;\n        border: 1px solid #2c2c2e;\n        transition: transform 0.3s ease;\n    }\n\n    .map-card:hover {\n        transform: translateY(-5px);\n        border-color: #424245;\n    }\n\n    .map-wrapper {\n        line-height: 0; \n        filter: grayscale(1) invert(1) contrast(1.2); \n        opacity: 0.8;\n        transition: filter 0.5s ease, opacity 0.5s ease;\n    }\n\n    .map-card:hover .map-wrapper {\n        filter: grayscale(0) invert(0) contrast(1);\n        opacity: 1;\n    }\n\n    .map-info {\n        padding: 30px;\n        text-align: center;\n    }\n\n    .map-info h3 {\n        font-size: 20px;\n        font-weight: 600;\n        color: #fff;\n        margin-bottom: 5px;\n    }\n\n    .map-info p {\n        color: #86868b;\n        font-size: 15px;\n    }\n\n    @media (max-width: 900px) {\n        .map-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n<\/style>\n\n\n\n<section class=\"section faq-section\">\n    <h1 class=\"growth-title\">Usein kysytty\u00e4 (FAQ)<\/h1>\n    \n    <div class=\"faq-container\">\n        <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\">\n                <h3 class=\"faq-title\">Miss\u00e4 Digiverkosto toimii?<\/h3>\n                <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Olemme Jokioisissa ja Veteliss\u00e4 toimiva markkinointiyritys. Toimimme paikallisesti Jokioisten ja Vetelin l\u00e4hialueilla sek\u00e4 et\u00e4n\u00e4 koko maassa.<\/p>\n                <p>Suurin osa palveluistamme tuotetaan verkossa, mink\u00e4 ansiosta pystymme tarjoamaan laadukkaita palveluita koko Suomen alueelle.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\">\n                <h3 class=\"faq-title\">Mit\u00e4 palveluita Digiverkosto tarjoaa?<\/h3>\n                <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Tarjoamme yrityksille laajat palvelut kasvuun, automaatioon sek\u00e4 n\u00e4kyvyyden kehitt\u00e4miseen.<\/p>\n                <p><strong>Palveluitamme ovat mm:<\/strong> Digimarkkinointi, verkkosuunnittelu, graafinen suunnittelu, teko\u00e4lyautomaatiot ja assistentit, 360-virtuaalikuvaaminen, asiakaspalveluautomaatiot eri alustoille, verkkokauppojen rakentaminen ja suunnittelu, hakukoneoptimointi ja paljon muuta.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\">\n                <h3 class=\"faq-title\">Tarvitsenko teknist\u00e4 osaamista?<\/h3>\n                <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Et tarvitse. Me rakennamme kaiken \u201cavaimet k\u00e4teen\u201d -periaatteella ja opetamme sinulle kaiken tarpeellisen siihen, mink\u00e4 haluat hoitaa itse.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\">\n                <h3 class=\"faq-title\">Mik\u00e4 on markkinoinnin tai verkkosivujen hinta?<\/h3>\n                <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Palvelumme hinta m\u00e4\u00e4r\u00e4ytyy projektin laajuuden mukaan. Esimerkiksi markkinointiprojekteissa on mahdollista sopia kiinte\u00e4 hinta tai tuloskohtainen palkkio. Toimintamme perustuu aina tuloksien tuomiseksi asiakkaalle. Tarjoamme my\u00f6s aina kiinte\u00e4n tarjouksen ennen ty\u00f6n aloittamista, jotta piilokuluja ei synny.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\">\n                <h3 class=\"faq-title\">Kuinka nopeasti voimme aloittaa yhteisty\u00f6n?<\/h3>\n                <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Vastaamme kaikkiin yhteydenottoihin 24 tunnin sis\u00e4ll\u00e4. Yleens\u00e4 pystymme aloittamaan projektin heti, kun saamme tarvittavan materiaalin tai oikeudet.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\">\n            <button class=\"faq-question\" aria-expanded=\"false\">\n                <h3 class=\"faq-title\">Miksi valita meid\u00e4t perinteisen toimijan sijaan?<\/h3>\n                <span class=\"faq-icon\" aria-hidden=\"true\">+<\/span>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Toisin kuin monet muut, me panostamme nopeuteen, kotimaisuuteen ja kustannustehokkaaseen tulokseen. K\u00e4yt\u00e4mme vain ty\u00f6kaluja ja ratkaisuja, jotka takaavat asiakkaillemme optimaalisen tuloksen.<\/p>\n                <p>Koska olemme pienempi yritys, meill\u00e4 ei ole valtavia organisaatiokustannuksia, mink\u00e4 ansiosta pystymme tuottamaan parempaa palvelua nopeammin ja huomattavasti edullisemmin.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n    \n    .faq-section {\n        padding: 100px 20px;\n        font-family: inherit;\n    }\n\n    .faq-container {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .faq-item {\n        border-bottom: 1px solid #333;\n    }\n\n    .faq-question {\n        width: 100%;\n        padding: 30px 0;\n        background: none;\n        border: none;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        cursor: pointer;\n        text-align: left;\n    }\n\n    .faq-title {\n        color: #f5f5f7;\n        font-size: clamp(18px, 3vw, 22px);\n        font-weight: 600;\n        margin: 0;\n        padding: 0;\n        line-height: 1.2;\n        pointer-events: none;\n    }\n\n    .faq-icon {\n        font-size: 24px;\n        color: #86868b;\n        transition: transform 0.4s ease;\n        margin-left: 20px;\n    }\n\n    .faq-item.active .faq-icon {\n        transform: rotate(45deg);\n        color: #fff;\n    }\n\n    .faq-answer {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        color: #86868b;\n        font-size: 17px;\n        line-height: 1.6;\n    }\n\n    .faq-item.active .faq-answer {\n        max-height: 1000px; \n        padding-bottom: 30px;\n    }\n\n    .faq-answer p { margin-bottom: 15px; }\n\n    .growth-title {\n        font-size: clamp(32px, 5vw, 48px);\n        font-weight: 700;\n        text-align: center;\n        margin-bottom: 50px;\n        background: linear-gradient(180deg, #fff 0%, #86868b 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n<\/style>\n\n<script>\n    document.querySelectorAll('.faq-question').forEach(button => {\n        button.addEventListener('click', () => {\n            const item = button.parentElement;\n            const isOpen = item.classList.contains('active');\n            item.classList.toggle('active');\n            button.setAttribute('aria-expanded', !isOpen);\n        });\n    });\n<\/script>\n\n\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Miss\u00e4 yrityksenne toimii?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Olemme Jokioisissa ja Veteliss\u00e4 toimiva markkinointiyritys. Toimimme paikallisesti Jokioisten ja Vetelin l\u00e4hialueilla sek\u00e4 et\u00e4n\u00e4 koko maassa. Suurin osa palveluistamme tuotetaan verkossa, mink\u00e4 ansiosta pystymme tarjoamaan laadukkaita palveluita koko Suomen alueelle.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Mit\u00e4 palveluita Digiverkosto tarjoaa?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Tarjoamme yrityksille laajat palvelut kasvuun, automaatioon sek\u00e4 n\u00e4kyvyyden kehitt\u00e4miseen. Palveluitamme ovat mm: Digimarkkinointi, verkkosuunnittelu, graafinen suunnittelu, teko\u00e4lyautomaatiot ja assistentit, 360-virtuaalikuvaaminen, asiakaspalveluautomaatiot, verkkokaupat ja hakukoneoptimointi.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Tarvitsenko teknist\u00e4 osaamista?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Et tarvitse. Me rakennamme kaiken \u201cavaimet k\u00e4teen\u201d -periaatteella ja opetamme sinulle kaiken tarpeellisen siihen, mink\u00e4 haluat hoitaa itse.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Mik\u00e4 on markkinoinnin tai verkkosivujen hinta?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Palvelumme hinta m\u00e4\u00e4r\u00e4ytyy projektin laajuuden mukaan. Tarjoamme aina kiinte\u00e4n tarjouksen ennen ty\u00f6n aloittamista, jotta piilokuluja ei synny. Markkinointiprojekteissa voimme sopia my\u00f6s tuloskohtaisesta palkkiosta.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Kuinka nopeasti voimme aloittaa yhteisty\u00f6n?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Vastaamme kaikkiin yhteydenottoihin 24 tunnin sis\u00e4ll\u00e4. Yleens\u00e4 pystymme aloittamaan projektin heti, kun saamme tarvittavan materiaalin tai oikeudet.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Miksi valita meid\u00e4t perinteisen toimijan sijaan?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Panostamme nopeuteen, kotimaisuuteen ja kustannustehokkuuteen. Pienemp\u00e4n\u00e4 yrityksen\u00e4 meill\u00e4 ei ole suuria organisaatiokustannuksia, mik\u00e4 mahdollistaa paremman palvelun edullisemmin.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n\n<link data-noptimize=\"1\" data-no-optimize=\"1\" data-no-minify=\"1\" data-no-defer=\"1\" rel=\"stylesheet\" href=\"https:\/\/digiverkosto.fi\/wp-content\/uploads\/trustindex-google-widget.css?1794166267\" media=\"all\"><pre class=\"ti-widget\"><div style=\"opacity: 0;height: 0 !important;overflow: hidden !important\" data-css-url=\"https:\/\/digiverkosto.fi\/wp-content\/uploads\/trustindex-google-widget.css?1794166267\" class=\"ti-widget ti-goog ti-review-text-mode-readmore ti-text-align-left\" data-plugin-version=\"14.3\" data-no-translation=\"true\" data-time-locale=\"%d %s sitten|t\u00e4n\u00e4\u00e4n|p\u00e4iv\u00e4|p\u00e4iv\u00e4\u00e4|viikko|viikkoa|kuukausi|kuukautta|vuosi|vuotta\" data-layout-id=\"104\" data-layout-category=\"badge, top-rated-badge\" data-set-id=\"drop-shadow\" data-pid=\"wp-widget\" data-language=\"fi\" data-close-locale=\"Kiinni\" data-css-version=\"2\" data-size=\"1\"> <div class=\"ti-widget-container\"> <div class=\"ti-header source-Google\"> <img decoding=\"async\" class=\"ti-platform-icon skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/icon.svg\" alt=\"Google\" width=\"20\" height=\"20\" loading=\"lazy\" \/> <div class=\"ti-header-inner\"> <div class=\"ti-profile-details\"> <div class=\"ti-stars\"><img decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 1\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 2\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 3\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 4\" width=\"17\" height=\"17\" loading=\"lazy\" \/><img decoding=\"async\" class=\"ti-star skip-lazy\" src=\"https:\/\/cdn.trustindex.io\/assets\/platform\/Google\/star\/f.svg\" alt=\"Google star 5\" width=\"17\" height=\"17\" loading=\"lazy\" \/><\/div> <span class=\"ti-rating\">5.0<\/span> <\/div> <div class=\"ti-top-rated-title\">Parhaiksi arvioitu  palvelu<\/div> <div class=\"ti-verified-by\">Trustindexin vahvistama <span class=\"ti-info-icon\"><\/span><\/div> <div class=\"ti-disclaimer\">Trustindex vahvisti, ett\u00e4 n\u00e4m\u00e4 arvostelut on julkaistu yrityksen <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Google&amp;query_place_id=ChIJo61svsK6yWQRc1Vu1mCKGLs\" target=\"_blank\" rel=\"noopener nofollow\">Digiverkosto<\/a> Google-yritysprofiilissa. <a href=\"https:\/\/www.trustindex.io\/?a=sys&amp;c=wp-top-rated-badge&amp;url=\/review-platform-verification\/\" target=\"_blank\" rel=\"noopener\">Lue lis\u00e4\u00e4<\/a><\/div> <\/div> <\/div> <\/div> <\/div> <\/pre><pre class=\"ti-hidden-markup\" hidden style=\"display: none\"><script>\n(function () { if (window.tiLoaderFallback) { return; } window.tiLoaderFallback = true; function tiLoadLoader() { if (window.TrustindexWidget || document.querySelector('script[src*=\"https:\/\/cdn.trustindex.io\/loader.js\"]')) { return; } let script = document.createElement(\"script\"); script.async = true; script.src = \"https:\/\/cdn.trustindex.io\/loader.js\"; script.setAttribute(\"data-ccm-injected\", \"1\"); document.head.appendChild(script); } if (\"loading\" === document.readyState) { document.addEventListener(\"DOMContentLoaded\", tiLoadLoader); } else { tiLoadLoader(); } })();\n<\/script>\n<\/pre>\n\n\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\/\",\n  \"@type\": \"Product\",\n  \"name\": \"Digiverkosto Palvelut\",\n  \"description\": \"Asiantuntevat digimarkkinoinnin ja verkkosivustojen toteutukset.\",\n  \"brand\": {\n    \"@type\": \"Brand\",\n    \"name\": \"Digiverkosto\"\n  },\n  \"aggregateRating\": {\n    \"@type\": \"AggregateRating\",\n    \"ratingValue\": \"5\",\n    \"bestRating\": \"5\",\n    \"worstRating\": \"1\",\n    \"ratingCount\": \"3\"\n  }\n}\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tietoa meist\u00e4 Tietoa meist\u00e4, jotta tulemme tutuksi Aloita projekti Katso ty\u00f6mme Digiverkosto. Kumppanisi, kun tavoitteena on tuloksekas digimarkkinointi. Emme usko [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5876","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/pages\/5876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/comments?post=5876"}],"version-history":[{"count":12,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/pages\/5876\/revisions"}],"predecessor-version":[{"id":7741,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/pages\/5876\/revisions\/7741"}],"wp:attachment":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/media?parent=5876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}