{"id":14,"date":"2021-11-12T18:04:27","date_gmt":"2021-11-12T18:04:27","guid":{"rendered":"http:\/\/southsidedigit.wpenginepowered.com\/?page_id=14"},"modified":"2026-03-18T21:02:06","modified_gmt":"2026-03-18T21:02:06","slug":"home","status":"publish","type":"page","link":"https:\/\/southside-digitale.it\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20d409d e-con-full e-flex e-con e-parent\" data-id=\"20d409d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb5681a elementor-widget elementor-widget-html\" data-id=\"fb5681a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800&amp;display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .ss-hero-full {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 95vh;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        overflow: hidden;\r\n        font-family: 'Montserrat', sans-serif;\r\n        background-color: #000;\r\n    }\r\n\r\n    .ss-hero-bg {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: url('http:\/\/googleusercontent.com\/image_collection\/image_retrieval\/17980004794945257568_0');\r\n        background-size: cover; background-position: center; z-index: 1;\r\n    }\r\n\r\n    .ss-hero-overlay {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background: radial-gradient(circle, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 100%);\r\n        z-index: 2;\r\n    }\r\n\r\n    .ss-hero-content {\r\n        position: relative;\r\n        z-index: 3;\r\n        text-align: center;\r\n        max-width: 1000px;\r\n        padding: 40px 20px;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .ss-hero-title { font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 800; text-transform: uppercase; margin-bottom: 15px; line-height: 1; letter-spacing: -2px; }\r\n    .ss-hero-description { font-size: clamp(1.1rem, 2.5vw, 1.4rem); line-height: 1.6; margin-bottom: 45px; color: #f5f5f5; }\r\n    .ss-highlight { color: #00ff88; font-weight: 700; }\r\n\r\n    .ss-btn-group { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }\r\n    .ss-btn { display: inline-flex; align-items: center; justify-content: center; padding: 20px 35px; font-weight: 700; text-decoration: none; text-transform: uppercase; border-radius: 5px; font-size: 0.95rem; transition: all 0.3s ease; min-width: 280px; gap: 10px; }\r\n    .ss-btn-mail { background-color: #0B1121; color: #fff; border: 1px solid rgba(255,255,255,0.2); }\r\n\r\n    .ss-scroll-down {\r\n        position: absolute;\r\n        bottom: 30px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        z-index: 3;\r\n        color: #ffffff;\r\n        text-decoration: none;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        font-size: 0.75rem;\r\n        letter-spacing: 2px;\r\n        text-transform: uppercase;\r\n        opacity: 0.8;\r\n        transition: opacity 0.3s;\r\n    }\r\n\r\n    .ss-scroll-down:hover { opacity: 1; }\r\n\r\n    .ss-mouse {\r\n        width: 26px;\r\n        height: 42px;\r\n        border: 2px solid #ffffff;\r\n        border-radius: 20px;\r\n        position: relative;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ss-mouse::before {\r\n        content: '';\r\n        width: 4px;\r\n        height: 8px;\r\n        background-color: #00ff88;\r\n        position: absolute;\r\n        top: 8px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        border-radius: 2px;\r\n        animation: scroll-anim 2s infinite;\r\n    }\r\n\r\n    @keyframes scroll-anim {\r\n        0% { opacity: 1; top: 8px; }\r\n        100% { opacity: 0; top: 25px; }\r\n    }\r\n\r\n    .ss-arrow {\r\n        font-size: 1rem;\r\n        animation: arrow-bounce 2s infinite;\r\n        color: #00ff88;\r\n    }\r\n\r\n    @keyframes arrow-bounce {\r\n        0%, 20%, 50%, 80%, 100% { transform: translateY(0); }\r\n        40% { transform: translateY(-5px); }\r\n        60% { transform: translateY(-3px); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .ss-scroll-down { display: none; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"ss-hero-full\">\r\n    <div class=\"ss-hero-bg\"><\/div>\r\n    <div class=\"ss-hero-overlay\"><\/div>\r\n    \r\n    <div class=\"ss-hero-content\">\r\n        <h1 class=\"ss-hero-title\">L'Automazione che<br>Genera Profitto<\/h1>\r\n        <p class=\"ss-hero-description\">\r\n            Soluzioni IoT e Building Automation per le <span class=\"ss-highlight\">PMI della Lombardia<\/span>.<br>\r\n            Riduciamo i tuoi costi con gli incentivi <span class=\"ss-highlight\">Transizione 5.0<\/span>.\r\n        <\/p>\r\n        \r\n        <div class=\"ss-btn-group\">\r\n            <a href=\"tel:+39XXXXXXXXXX\" id=\"ss-btn-call\" class=\"ss-btn\"\r\n               style=\"display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:#00ff88;background:#00ff88;color:#050810;padding:20px 35px;font-family:Montserrat,sans-serif;font-weight:800;font-size:0.95rem;text-transform:uppercase;text-decoration:none;border:none;border-radius:5px;min-width:280px;box-shadow:0 10px 25px rgba(0,255,136,0.3);cursor:pointer;\">\r\n                <i class=\"fas fa-phone-alt\" style=\"color:#050810;\"><\/i> Chiama ora\r\n            <\/a>\r\n            <a href=\"mailto:info@southside-digitale.it\" id=\"ss-btn-mail\" class=\"ss-btn ss-btn-mail\"\r\n               style=\"display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:#ffffff;background:#ffffff;color:#000000;padding:20px 35px;font-family:Montserrat,sans-serif;font-weight:800;font-size:0.95rem;text-transform:uppercase;text-decoration:none;border:none;border-radius:5px;min-width:280px;cursor:pointer;\">\r\n                <i class=\"fas fa-envelope\" style=\"color:#000000;\"><\/i> Scrivici\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <a href=\"#prossima-sezione\" class=\"ss-scroll-down\">\r\n        <div class=\"ss-mouse\"><\/div>\r\n        <span>Scorri<\/span>\r\n        <i class=\"fas fa-chevron-down ss-arrow\"><\/i>\r\n    <\/a>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    function initCallBtn() {\r\n        var btn = document.getElementById('ss-btn-call');\r\n        if (!btn) return;\r\n\r\n        function setBase() {\r\n            btn.style.backgroundColor = '#00ff88';\r\n            btn.style.background      = '#00ff88';\r\n            btn.style.color           = '#050810';\r\n            btn.style.transform       = '';\r\n            btn.style.boxShadow       = '0 10px 25px rgba(0,255,136,0.3)';\r\n            btn.querySelectorAll('*').forEach(function(el) { el.style.color = '#050810'; });\r\n        }\r\n\r\n        function setHover() {\r\n            btn.style.backgroundColor = '#00e67a';\r\n            btn.style.background      = '#00e67a';\r\n            btn.style.color           = '#ffffff';\r\n            btn.style.transform       = 'translateY(-3px)';\r\n            btn.style.boxShadow       = '0 15px 30px rgba(0,255,136,0.4)';\r\n            btn.querySelectorAll('*').forEach(function(el) { el.style.color = '#ffffff'; });\r\n        }\r\n\r\n        setBase();\r\n        btn.addEventListener('mouseenter', setHover);\r\n        btn.addEventListener('mouseleave', setBase);\r\n    }\r\n\r\n    function initMailBtn() {\r\n        var btn = document.getElementById('ss-btn-mail');\r\n        if (!btn) return;\r\n\r\n        function setBase() {\r\n            btn.style.backgroundColor = '#ffffff';\r\n            btn.style.background      = '#ffffff';\r\n            btn.style.color           = '#000000';\r\n            btn.style.transform       = '';\r\n            btn.style.boxShadow       = '0 10px 25px rgba(255,255,255,0.15)';\r\n            btn.style.border          = 'none';\r\n            btn.querySelectorAll('*').forEach(function(el) { el.style.color = '#000000'; });\r\n        }\r\n\r\n        function setHover() {\r\n            btn.style.backgroundColor = '#ffffff';\r\n            btn.style.background      = '#ffffff';\r\n            btn.style.color           = '#00ff88';\r\n            btn.style.transform       = 'translateY(-3px)';\r\n            btn.style.boxShadow       = '0 15px 30px rgba(255,255,255,0.3)';\r\n            btn.style.border          = 'none';\r\n            btn.querySelectorAll('*').forEach(function(el) { el.style.color = '#00ff88'; });\r\n        }\r\n\r\n        setBase();\r\n        btn.addEventListener('mouseenter', setHover);\r\n        btn.addEventListener('mouseleave', setBase);\r\n    }\r\n\r\n    \/\/ Run on DOM ready\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', function() { initCallBtn(); initMailBtn(); });\r\n    } else {\r\n        initCallBtn();\r\n        initMailBtn();\r\n    }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc4dc5b e-con-full e-flex e-con e-child\" data-id=\"fc4dc5b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5bee2e3 elementor-widget elementor-widget-html\" data-id=\"5bee2e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .ss-impact-bar-light {\r\n        background-color: #ffffff;\r\n        padding: 60px 5%;\r\n        border-bottom: none;\r\n        border-top: none !important;\r\n        border-left: none !important;\r\n        border-right: none !important;\r\n        outline: none !important;\r\n        box-shadow: none !important;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n    \/* Kill any Elementor widget wrapper border *\/\r\n    .elementor-widget-html,\r\n    .elementor-widget-html .elementor-widget-container {\r\n        border: none !important;\r\n        outline: none !important;\r\n        box-shadow: none !important;\r\n    }\r\n    .ss-impact-content {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 40px;\r\n        max-width: 1100px;\r\n    }\r\n    .ss-impact-number {\r\n        font-size: 5.5rem;\r\n        font-weight: 900;\r\n        color: #00ba63;\r\n        line-height: 1;\r\n        letter-spacing: -3px;\r\n    }\r\n    .ss-impact-text {\r\n        color: #050810;\r\n        border-left: 4px solid #00ba63;\r\n        padding-left: 35px;\r\n    }\r\n    .ss-impact-title {\r\n        display: block;\r\n        font-size: 1.5rem;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 10px;\r\n        color: #050810;\r\n        line-height: 1.2;\r\n    }\r\n    .ss-impact-sub {\r\n        display: block;\r\n        font-size: 1.05rem;\r\n        color: #444;\r\n        line-height: 1.6;\r\n        max-width: 650px;\r\n    }\r\n    @media (max-width: 768px) {\r\n        .ss-impact-bar-light { padding: 50px 8%; }\r\n        .ss-impact-content { flex-direction: column; text-align: center; gap: 20px; }\r\n        .ss-impact-text { border-left: none; padding-left: 0; border-top: 3px solid #00ba63; padding-top: 25px; }\r\n        .ss-impact-number { font-size: 4.5rem; }\r\n        .ss-impact-title { font-size: 1.3rem; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"ss-impact-bar-light\">\r\n    <div class=\"ss-impact-content\">\r\n        <div class=\"ss-impact-number\">15+<\/div>\r\n        <div class=\"ss-impact-text\">\r\n            <span class=\"ss-impact-title\">Anni di Risultati Concreti in Italia<\/span>\r\n            <span class=\"ss-impact-sub\">\r\n                Supportiamo la crescita di Southside Digitale guidando la trasformazione digitale di decine di imprese con soluzioni costo-efficaci che rendono la presenza online un asset strategico.\r\n            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a163cd6 e-flex e-con-boxed e-con e-parent\" data-id=\"a163cd6\" data-element_type=\"container\" data-e-type=\"container\" id=\"prossima-sezione\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47ce27a elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-widget elementor-widget-slides\" data-id=\"47ce27a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;autoplay_speed&quot;:7000,&quot;transition_speed&quot;:800,&quot;transition&quot;:&quot;fade&quot;,&quot;navigation&quot;:&quot;arrows&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;}\" data-widget_type=\"slides.default\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-f0703c2 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\"><\/div><a class=\"swiper-slide-inner\" href=\"https:\/\/www.researchgate.net\/publication\/386589134_From_Traditional_to_Digital_The_Evolution_of_Business_Models_in_Hospitality_Through_Platforms\"><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Trasformazione dell'Esperienza del Cliente<\/div><div class=\"elementor-slide-description\">Esperienza Omnicanale: Integrazione fluida tra showroom fisico, sito web e app mobile per un percorso d\u2019acquisto senza interruzioni.\n\nIper-Personalizzazione: Adattamento in tempo reale di servizi e ambienti smart basato sulle preferenze e sui dati dei tuoi clienti.\n\nSmart Support 24\/7: Automazione dell'assistenza tramite chatbot e portali self-service per risposte immediate e costi ridotti.\n\nAnalisi Journey: Monitoraggio digitale dei punti di contatto per eliminare attriti e massimizzare le conversioni.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Scopri di pi\u00f9<\/div><\/div><\/a><\/div><div class=\"elementor-repeater-item-80c6f2d swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Trasformazione Operativa<\/div><div class=\"elementor-slide-description\">Automazione Workflow: Integrazione di sistemi RPA e BPM per eliminare le attivit\u00e0 ripetitive e velocizzare i flussi di lavoro interni.\n\nSupply Chain 4.0: Gestione digitale di inventario e logistica per una collaborazione smart con i fornitori e zero sprechi di magazzino.\n\nDecisioni Data-Driven: Analisi dei dati in tempo reale per eliminare i colli di bottiglia e ottimizzare l'allocazione delle risorse.\n\nMetodologie Agili: Approccio iterativo e flessibile nella gestione dei progetti per ridurre il time-to-market e aumentare la reattivit\u00e0.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Scopri di pi\u00f9<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-76b1010 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Trasformazione del Modello di Business<\/div><div class=\"elementor-slide-description\">Modelli \"As-a-Service\": Transizione dalla vendita di prodotti alla fornitura di servizi ricorrenti e soluzioni in abbonamento.\n\nProdotti Digitali Nativi: Sviluppo di nuove proposte di valore basate su tecnologie emergenti e asset digitali.\n\nPiattaforme di Connessione: Creazione di ecosistemi digitali per facilitare l'interazione tra stakeholder e partner.\n\nData Monetization: Trasformazione dei dati aziendali in nuove fonti di entrate attraverso analisi predittive e insight di valore.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Scopri di pi\u00f9<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-997e503 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Trasformazione Tecnologica<\/div><div class=\"elementor-slide-description\">Cloud Computing: Migrazione di infrastrutture e applicazioni su Cloud per garantire flessibilit\u00e0, scalabilit\u00e0 e accesso remoto ai dati.\n\nBig Data & Analytics: Sistemi avanzati di raccolta e archiviazione dati per trasformare grandi volumi di informazioni in strategie di crescita.\n\nAI & Machine Learning: Integrazione di Intelligenza Artificiale per automatizzare decisioni complesse e personalizzare l'esperienza utente.\n\nInternet of Things (IoT): Interconnessione di dispositivi fisici per il monitoraggio in tempo reale e il controllo intelligente degli asset.\n\nCybersecurity & Resilienza: Protocolli di sicurezza avanzati per proteggere i dati aziendali e garantire la continuit\u00e0 operativa contro ogni minaccia.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Scopri di pi\u00f9<\/div><\/div><\/div><\/div><div class=\"elementor-repeater-item-711fab1 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><div class=\"elementor-slide-heading\">Trasformazione Organizzativa e Culturale<\/div><div class=\"elementor-slide-description\">Digital Mindset: Promozione di una cultura aziendale orientata all'innovazione continua e alla sperimentazione di nuove soluzioni tecnologiche.\n\nUpskilling & Training: Programmi di riqualificazione per dotare il team delle competenze digitali necessarie a gestire il business del futuro.\n\nAgilit\u00e0 & Collaborazione: Eliminazione dei silos organizzativi per favorire team interfunzionali agili, flessibili e orientati ai risultati.\n\nChange Management: Gestione strategica del cambiamento per guidare l'organizzazione verso una trasformazione digitale fluida e sostenibile.<\/div><div  class=\"elementor-button elementor-slide-button elementor-size-sm\">Scopri di pi\u00f9<\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Diapositiva precedente\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Diapositiva successiva\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c5daf5 elementor-widget elementor-widget-html\" data-id=\"2c5daf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- PASTE THIS ENTIRE BLOCK INTO AN ELEMENTOR HTML WIDGET -->\r\n\r\n<style>\r\n  .elementor-slides .swiper-pagination { display: none; }\r\n\r\n  .el-dots-nav {\r\n    text-align: center;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .el-dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #333;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    margin: 5px;\r\n    cursor: pointer;\r\n    transition: background 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  .el-dot.active {\r\n    background: #00ff88;\r\n    transform: scale(1.5);\r\n  }\r\n<\/style>\r\n\r\n<div class=\"el-dots-nav\">\r\n  <span class=\"el-dot active\"><\/span>\r\n  <span class=\"el-dot\"><\/span>\r\n  <span class=\"el-dot\"><\/span>\r\n  <span class=\"el-dot\"><\/span>\r\n  <span class=\"el-dot\"><\/span>\r\n<\/div>\r\n\r\n<script>\r\njQuery(window).on('load', function () {\r\n  var attempts = 0;\r\n\r\n  function init() {\r\n    attempts++;\r\n\r\n    \/\/ Cast a wide net \u2014 try every known Elementor\/Swiper wrapper class\r\n    var candidates = [\r\n      '.elementor-slides',\r\n      '.elementor-slides .swiper-container',\r\n      '.elementor-slides .swiper',\r\n      '.elementor-main-swiper',\r\n      '[data-widget_type=\"slides.default\"] .swiper-container',\r\n      '[data-widget_type=\"slides.default\"] .swiper'\r\n    ];\r\n\r\n    var swiper = null;\r\n    var found  = null;\r\n\r\n    for (var i = 0; i < candidates.length; i++) {\r\n      var el = document.querySelector(candidates[i]);\r\n      if (el && el.swiper) {\r\n        swiper = el.swiper;\r\n        found  = candidates[i];\r\n        break;\r\n      }\r\n    }\r\n\r\n    \/\/ Log what we found \u2014 check your browser console\r\n    console.log('[el-dots] attempt', attempts, '| found:', found, '| swiper:', swiper);\r\n\r\n    if (!swiper) {\r\n      if (attempts < 40) setTimeout(init, 300);\r\n      else console.warn('[el-dots] gave up. Find the element with .swiper property in inspector.');\r\n      return;\r\n    }\r\n\r\n    var dots = document.querySelectorAll('.el-dot');\r\n\r\n    dots.forEach(function (dot, i) {\r\n      dot.addEventListener('click', function () {\r\n        \/\/ slideToLoop handles loop:true (swiper-slide-duplicate present)\r\n        if (typeof swiper.slideToLoop === 'function') {\r\n          swiper.slideToLoop(i);\r\n        } else {\r\n          swiper.slideTo(i);\r\n        }\r\n      });\r\n    });\r\n\r\n    function syncDots() {\r\n      dots.forEach(function (d, i) {\r\n        d.classList.toggle('active', i === swiper.realIndex);\r\n      });\r\n    }\r\n\r\n    swiper.on('slideChange', syncDots);\r\n    syncDots();\r\n  }\r\n\r\n  init();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0cb4ba6 e-con-full e-flex e-con e-child\" data-id=\"0cb4ba6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-694ec37 elementor-widget elementor-widget-html\" data-id=\"694ec37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .ss-stats-light {\r\n        background-color: #ffffff;\r\n        padding: 90px 5%;\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: #050810;\r\n        border-top: 1px solid #eeeeee;\r\n        border-bottom: 1px solid #eeeeee;\r\n    }\r\n\r\n    .ss-stats-container-light {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 30px;\r\n    }\r\n\r\n    .ss-stat-card-light {\r\n        text-align: center;\r\n        padding: 30px 15px;\r\n        border-right: 1px solid #f0f0f0;\r\n        transition: background 0.3s ease;\r\n    }\r\n\r\n    \/* Rimuove il bordo all'ultimo elemento *\/\r\n    .ss-stat-card-light:last-child {\r\n        border-right: none;\r\n    }\r\n\r\n    .ss-stat-value-light {\r\n        display: block;\r\n        font-size: 3.2rem;\r\n        font-weight: 900;\r\n        color: #00ba63; \/* Un verde leggermente pi\u00f9 scuro per leggibilit\u00e0 su bianco *\/\r\n        line-height: 1;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .ss-stat-label-light {\r\n        display: block;\r\n        font-size: 0.8rem;\r\n        color: #050810;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        font-weight: 800;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .ss-stat-desc-light {\r\n        display: block;\r\n        font-size: 0.85rem;\r\n        color: #666;\r\n        line-height: 1.5;\r\n        max-width: 200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n        .ss-stats-container-light { grid-template-columns: repeat(2, 1fr); }\r\n        .ss-stat-card-light { border-right: none; border-bottom: 1px solid #f0f0f0; }\r\n        .ss-stat-card-light:nth-child(n+3) { border-bottom: none; }\r\n    }\r\n    @media (max-width: 480px) {\r\n        .ss-stats-container-light { grid-template-columns: 1fr; }\r\n        .ss-stat-card-light { border-bottom: 1px solid #f0f0f0; }\r\n        .ss-stat-card-light:last-child { border-bottom: none; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"ss-stats-light\">\r\n    <div class=\"ss-stats-container-light\">\r\n        \r\n        <div class=\"ss-stat-card-light\">\r\n            <span class=\"ss-stat-value-light\">62%<\/span>\r\n            <span class=\"ss-stat-label-light\">Cloud Adoption<\/span>\r\n            <span class=\"ss-stat-desc-light\">Delle PMI italiane ha migrato i processi core su infrastrutture Cloud.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ss-stat-card-light\">\r\n            <span class=\"ss-stat-value-light\">+25%<\/span>\r\n            <span class=\"ss-stat-label-light\">Cyber Security<\/span>\r\n            <span class=\"ss-stat-desc-light\">Incremento degli attacchi informatici verso le imprese italiane nell'ultimo anno.<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ss-stat-card-light\">\r\n            <span class=\"ss-stat-value-light\">2.1B<\/span>\r\n            <span class=\"ss-stat-label-light\">AI in Business<\/span>\r\n            <span class=\"ss-stat-desc-light\">Valore del mercato Intelligenza Artificiale in Italia (forecast 2026).<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"ss-stat-card-light\">\r\n            <span class=\"ss-stat-value-light\">48%<\/span>\r\n            <span class=\"ss-stat-label-light\">Digital Skill Gap<\/span>\r\n            <span class=\"ss-stat-desc-light\">Delle aziende fatica a trovare personale con competenze digitali avanzate.<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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<div class=\"elementor-element elementor-element-2ca28cf e-con-full e-flex e-con e-parent\" data-id=\"2ca28cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a6f221 elementor-widget elementor-widget-menu-anchor\" data-id=\"2a6f221\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"services\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88e9c43 elementor-widget elementor-widget-html\" data-id=\"88e9c43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"it\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Carousel Pyramid<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700&amp;display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n* { box-sizing: border-box; }\r\nbody { margin: 0; }\r\n\r\n.ss-carousel-section {\r\n    background-color: #050810;\r\n    padding: 120px 0;\r\n    font-family: 'Montserrat', sans-serif;\r\n    overflow: hidden;\r\n    color: #fff;\r\n}\r\n\r\n.ss-carousel-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 580px;\r\n    overflow: hidden;\r\n}\r\n\r\n.ss-carousel-container {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translateY(-50%);\r\n    display: flex;\r\n    align-items: center;\r\n    will-change: transform;\r\n    gap: 20px;\r\n}\r\n\r\n.ss-carousel-slide {\r\n    background: #121212;\r\n    border: 1px solid rgba(255,255,255,0.05);\r\n    border-radius: 20px;\r\n    padding: 35px 25px;\r\n    width: 280px;\r\n    min-width: 280px;\r\n    text-align: center;\r\n    transition: transform 0.6s cubic-bezier(0.23,1,0.32,1),\r\n                opacity   0.6s ease,\r\n                filter    0.6s ease,\r\n                border-color 0.4s ease,\r\n                box-shadow   0.4s ease;\r\n    cursor: pointer;\r\n    transform-origin: center center;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* ---- STATES ---- *\/\r\n.ss-carousel-slide.active {\r\n    transform: scale(1.15);\r\n    opacity: 1;\r\n    z-index: 10;\r\n    border-color: #00ff88;\r\n    background: #1a1a1a;\r\n    box-shadow: 0 20px 60px rgba(0,255,136,0.25);\r\n}\r\n\r\n.ss-carousel-slide.side {\r\n    transform: scale(0.92);\r\n    opacity: 0.65;\r\n    z-index: 5;\r\n    filter: blur(0.5px);\r\n}\r\n\r\n.ss-carousel-slide.edge {\r\n    transform: scale(0.75);\r\n    opacity: 0.25;\r\n    z-index: 2;\r\n    filter: blur(1px);\r\n}\r\n\r\n.ss-carousel-slide.hidden {\r\n    opacity: 0;\r\n    transform: scale(0.6);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n}\r\n\r\n\/* ---- CONTENT ---- *\/\r\n.ss-slide-icon {\r\n    font-size: 2.2rem;\r\n    color: #00ff88;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.ss-carousel-slide h3 {\r\n    font-size: 1rem;\r\n    text-transform: uppercase;\r\n    margin: 0 0 6px;\r\n}\r\n\r\n.ss-carousel-slide h4 {\r\n    color: #00ff88;\r\n    font-size: 0.85rem;\r\n    margin: 0 0 8px;\r\n}\r\n\r\n.ss-carousel-slide p {\r\n    font-size: 0.8rem;\r\n    color: #aaa;\r\n    margin: 0 0 10px;\r\n}\r\n\r\n.ss-slide-btn-PLACEHOLDER {\r\n    background: #00ff88;\r\n    color: #050810;\r\n    padding: 8px 20px;\r\n    border: none;\r\n    border-radius: 6px;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 0.8rem;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n}\r\n\r\n.ss-carousel-slide.active .ss-slide-btn-PLACEHOLDER {\r\n    opacity: 1;\r\n}\r\n\r\n\/* ---- NAV DOTS ---- *\/\r\n.ss-carousel-nav {\r\n    text-align: center;\r\n    margin-top: 40px;\r\n}\r\n\r\n.nav-dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #333;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n    margin: 5px;\r\n    cursor: pointer;\r\n    transition: background 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n.nav-dot.active {\r\n    background: #00ff88;\r\n    transform: scale(1.5);\r\n}\r\n\r\n\/* ---- MOBILE ---- *\/\r\n@media (max-width: 768px) {\r\n    .ss-carousel-wrapper {\r\n        height: 420px;\r\n    }\r\n\r\n    \/* On mobile, cards match exactly the wrapper width so neighbours\r\n       are completely off-screen and the active card fills the view. *\/\r\n    .ss-carousel-slide {\r\n        width: calc(100vw - 48px);\r\n        min-width: calc(100vw - 48px);\r\n    }\r\n\r\n    \/* On mobile disable the pyramid scaling \u2014 every card is full-size,\r\n       and non-active ones are simply hidden (opacity 0, no scale shift). *\/\r\n    .ss-carousel-slide.active {\r\n        transform: scale(1);\r\n        box-shadow: 0 20px 60px rgba(0,255,136,0.25);\r\n    }\r\n\r\n    .ss-carousel-slide.side,\r\n    .ss-carousel-slide.edge,\r\n    .ss-carousel-slide.hidden {\r\n        transform: scale(1);\r\n        opacity: 0;\r\n        filter: none;\r\n        pointer-events: none;\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ss-carousel-section\">\r\n  <div class=\"ss-carousel-wrapper\">\r\n    <div class=\"ss-carousel-container\" id=\"carouselTrack\">\r\n\r\n      <div class=\"ss-carousel-slide\"><div class=\"ss-slide-icon\"><i class=\"fas fa-microchip\"><\/i><\/div><h3>Trasformazione Digitale<\/h3><h4>Consulenza &amp; Strategia<\/h4><p>Accompagniamo la tua azienda nel percorso di digitalizzazione: automazione dei processi, integrazione di software gestionali e adozione di tecnologie cloud per aumentare efficienza e competitivit\u00e0.<\/p><span class=\"ss-slide-btn\" role=\"button\" onclick=\"window.location.href=\\'#contatti\\'\" style=\"display:inline-block;background:#00ff88;background-color:#00ff88;color:#050810;padding:12px 28px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:800;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;text-decoration:none;box-shadow:0 10px 20px rgba(0,255,136,0.2);\">Scopri<\/span><\/div>\r\n      <div class=\"ss-carousel-slide\"><div class=\"ss-slide-icon\"><i class=\"fas fa-laptop-code\"><\/i><\/div><h3>Web Design<\/h3><h4>Siti Professionali &amp; Responsive<\/h4><p>Progettiamo siti web moderni, veloci e ottimizzati per tutti i dispositivi. Ogni layout \u00e8 studiato per massimizzare l'esperienza utente, ridurre la frequenza di rimbalzo e convertire i visitatori in clienti.<\/p><span class=\"ss-slide-btn\" role=\"button\" onclick=\"window.location.href=\\'#contatti\\'\" style=\"display:inline-block;background:#00ff88;background-color:#00ff88;color:#050810;padding:12px 28px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:800;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;text-decoration:none;box-shadow:0 10px 20px rgba(0,255,136,0.2);\">Vedi i progetti<\/span><\/div>\r\n      <div class=\"ss-carousel-slide\"><div class=\"ss-slide-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div><h3>SEO<\/h3><h4>Posizionamento su Google<\/h4><p>Strategie SEO on-page e off-page per scalare i risultati organici di Google. Ottimizzazione tecnica, ricerca keyword, link building e content strategy per aumentare traffico qualificato e lead reali.<\/p><span class=\"ss-slide-btn\" role=\"button\" onclick=\"window.location.href=\\'#contatti\\'\" style=\"display:inline-block;background:#00ff88;background-color:#00ff88;color:#050810;padding:12px 28px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:800;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;text-decoration:none;box-shadow:0 10px 20px rgba(0,255,136,0.2);\">Analizza il sito<\/span><\/div>\r\n      <div class=\"ss-carousel-slide\"><div class=\"ss-slide-icon\"><i class=\"fas fa-shopping-cart\"><\/i><\/div><h3>E-Commerce<\/h3><h4>Vendita Online Scalabile<\/h4><p>Sviluppiamo shop online ad alte prestazioni su WooCommerce, Shopify e piattaforme custom. Gestione catalogo, pagamenti sicuri, ottimizzazione del funnel di acquisto e integrazione con i principali marketplace.<\/p><span class=\"ss-slide-btn\" role=\"button\" onclick=\"window.location.href=\\'#contatti\\'\" style=\"display:inline-block;background:#00ff88;background-color:#00ff88;color:#050810;padding:12px 28px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:800;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;text-decoration:none;box-shadow:0 10px 20px rgba(0,255,136,0.2);\">Apri il tuo shop<\/span><\/div>\r\n      <div class=\"ss-carousel-slide\"><div class=\"ss-slide-icon\"><i class=\"fas fa-server\"><\/i><\/div><h3>Hosting<\/h3><h4>Server Veloci &amp; Sicuri<\/h4><p>Soluzioni di hosting gestito con uptime garantito al 99,9%, backup giornalieri automatici, certificati SSL, protezione DDoS e supporto tecnico dedicato. Performance ottimali per siti e applicazioni web.<\/p><span class=\"ss-slide-btn\" role=\"button\" onclick=\"window.location.href=\\'#contatti\\'\" style=\"display:inline-block;background:#00ff88;background-color:#00ff88;color:#050810;padding:12px 28px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:800;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;text-decoration:none;box-shadow:0 10px 20px rgba(0,255,136,0.2);\">Scegli il piano<\/span><\/div>\r\n      <div class=\"ss-carousel-slide\"><div class=\"ss-slide-icon\"><i class=\"fas fa-stethoscope\"><\/i><\/div><h3>Audit SEO &amp; UX<\/h3><h4>Analisi Completa del Sito<\/h4><p>Analisi approfondita di velocit\u00e0, struttura tecnica, usabilit\u00e0 e posizionamento organico. Report dettagliato con priorit\u00e0 di intervento per migliorare ranking, conversioni e Core Web Vitals.<\/p><span class=\"ss-slide-btn\" role=\"button\" onclick=\"window.location.href=\\'#contatti\\'\" style=\"display:inline-block;background:#00ff88;background-color:#00ff88;color:#050810;padding:12px 28px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:800;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;text-decoration:none;box-shadow:0 10px 20px rgba(0,255,136,0.2);\">Richiedi l'audit<\/span><\/div>\r\n      <div class=\"ss-carousel-slide\"><div class=\"ss-slide-icon\"><i class=\"fas fa-pen-nib\"><\/i><\/div><h3>Copywriting<\/h3><h4>Contenuti SEO ad Alta Conversione<\/h4><p>Testi ottimizzati per i motori di ricerca e pensati per coinvolgere il lettore. Articoli di blog, schede prodotto, landing page e testi istituzionali scritti da copywriter specializzati in SEO content marketing.<\/p><span class=\"ss-slide-btn\" role=\"button\" onclick=\"window.location.href=\\'#contatti\\'\" style=\"display:inline-block;background:#00ff88;background-color:#00ff88;color:#050810;padding:12px 28px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:800;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;text-decoration:none;box-shadow:0 10px 20px rgba(0,255,136,0.2);\">Richiedi un testo<\/span><\/div>\r\n      <div class=\"ss-carousel-slide\"><div class=\"ss-slide-icon\"><i class=\"fas fa-pencil-ruler\"><\/i><\/div><h3>Branding<\/h3><h4>Identit\u00e0 Visiva &amp; Logo Design<\/h4><p>Costruiamo brand memorabili: logo, palette colori, tipografia e brand guidelines. Un'identit\u00e0 visiva coerente aumenta la riconoscibilit\u00e0, la fiducia del cliente e il valore percepito del tuo brand.<\/p><span class=\"ss-slide-btn\" role=\"button\" onclick=\"window.location.href=\\'#contatti\\'\" style=\"display:inline-block;background:#00ff88;background-color:#00ff88;color:#050810;padding:12px 28px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:800;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;text-decoration:none;box-shadow:0 10px 20px rgba(0,255,136,0.2);\">Crea il tuo brand<\/span><\/div>\r\n      <div class=\"ss-carousel-slide\"><div class=\"ss-slide-icon\"><i class=\"fas fa-lightbulb\"><\/i><\/div><h3>Digital Marketing<\/h3><h4>Campagne Ads &amp; Social Media<\/h4><p>Strategie di marketing digitale integrate: Google Ads, Meta Ads, email marketing e gestione social media. Monitoriamo ogni KPI per ottimizzare il ROI e far crescere il tuo pubblico in modo sostenibile.<\/p><span class=\"ss-slide-btn\" role=\"button\" onclick=\"window.location.href=\\'#contatti\\'\" style=\"display:inline-block;background:#00ff88;background-color:#00ff88;color:#050810;padding:12px 28px;border:none;border-radius:5px;font-family:Montserrat,sans-serif;font-weight:800;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;text-decoration:none;box-shadow:0 10px 20px rgba(0,255,136,0.2);\">Lancia la campagna<\/span><\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"ss-carousel-nav\" id=\"carouselDots\"><\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst DESKTOP_CARD_WIDTH = 280;\r\nconst GAP                = 20;\r\nconst TOTAL              = 9;\r\nconst CLONES             = 4;\r\n\r\nconst track  = document.getElementById('carouselTrack');\r\nconst dotsEl = document.getElementById('carouselDots');\r\n\r\n\/* \u2500\u2500 helpers \u2500\u2500 *\/\r\nfunction isMobile() { return window.innerWidth <= 768; }\r\n\r\nfunction getCardWidth() {\r\n    \/\/ On mobile, card width = viewport width minus 48px padding (24px each side)\r\n    return isMobile() ? window.innerWidth - 48 : DESKTOP_CARD_WIDTH;\r\n}\r\n\r\nfunction getStep() {\r\n    return getCardWidth() + GAP;\r\n}\r\n\r\n\/* \u2500\u2500 1. Build clone buffers \u2500\u2500 *\/\r\nconst original = Array.from(track.children);\r\noriginal.slice(-CLONES).forEach(s => track.prepend(s.cloneNode(true)));\r\noriginal.slice(0, CLONES).forEach(s => track.appendChild(s.cloneNode(true)));\r\n\r\nlet slides     = Array.from(track.children);\r\nlet currentIdx = CLONES + 0; \/\/ start on real slide index 0 (Trasformazione Digitale)\r\n\r\n\/* \u2500\u2500 2. Build dots \u2500\u2500 *\/\r\nfor (let i = 0; i < TOTAL; i++) {\r\n    const dot = document.createElement('span');\r\n    dot.className = 'nav-dot' + (i === 0 ? ' active' : '');\r\n    dot.addEventListener('click', () => goTo(i + CLONES));\r\n    dotsEl.appendChild(dot);\r\n}\r\n\r\n\/* \u2500\u2500 3. Core move function \u2500\u2500 *\/\r\nfunction goTo(index, animate = true) {\r\n    currentIdx = index;\r\n\r\n    const CARD_WIDTH = getCardWidth();\r\n    const STEP       = getStep();\r\n\r\n    \/\/ Apply classes\r\n    slides.forEach((s, i) => {\r\n        s.className = 'ss-carousel-slide';\r\n        const d = Math.abs(i - index);\r\n        if      (d === 0) s.classList.add('active');\r\n        else if (d === 1) s.classList.add('side');\r\n        else if (d === 2) s.classList.add('edge');\r\n        else              s.classList.add('hidden');\r\n    });\r\n\r\n    \/\/ Sync dots\r\n    const realIdx = ((index - CLONES) % TOTAL + TOTAL) % TOTAL;\r\n    document.querySelectorAll('.nav-dot').forEach((d, i) => {\r\n        d.className = 'nav-dot' + (i === realIdx ? ' active' : '');\r\n    });\r\n\r\n    \/\/ Update card sizes dynamically (needed on resize)\r\n    slides.forEach(s => {\r\n        s.style.width    = CARD_WIDTH + 'px';\r\n        s.style.minWidth = CARD_WIDTH + 'px';\r\n    });\r\n\r\n    const wrapperWidth = track.parentElement.getBoundingClientRect().width;\r\n    const tx = (wrapperWidth \/ 2) - (CARD_WIDTH \/ 2) - (index * STEP);\r\n\r\n    track.style.transition = animate\r\n        ? 'transform 0.6s cubic-bezier(0.23,1,0.32,1)'\r\n        : 'none';\r\n    track.style.transform = `translateX(${tx}px) translateY(-50%)`;\r\n}\r\n\r\n\/* \u2500\u2500 4. Seamless loop \u2500\u2500 *\/\r\ntrack.addEventListener('transitionend', () => {\r\n    const maxIdx = TOTAL + CLONES - 1;\r\n    const minIdx = CLONES;\r\n    if (currentIdx > maxIdx) goTo(currentIdx - TOTAL, false);\r\n    else if (currentIdx < minIdx) goTo(currentIdx + TOTAL, false);\r\n});\r\n\r\n\/* \u2500\u2500 5. Click on a card \u2500\u2500 *\/\r\nslides.forEach((s, i) => s.addEventListener('click', () => goTo(i)));\r\n\r\n\/* \u2500\u2500 5b. Button hover via JS (beats Elementor inline style overrides) \u2500\u2500 *\/\r\nfunction applyBtnHover(btn, on) {\r\n    if (on) {\r\n        btn.style.backgroundColor = '#00e67a';\r\n        btn.style.background      = '#00e67a';\r\n        btn.style.color           = '#ffffff';\r\n        btn.style.transform       = 'translateY(-3px)';\r\n        btn.style.boxShadow       = '0 15px 30px rgba(0,255,136,0.4)';\r\n        btn.querySelectorAll('*').forEach(el => el.style.color = '#ffffff');\r\n    } else {\r\n        btn.style.backgroundColor = '#00ff88';\r\n        btn.style.background      = '#00ff88';\r\n        btn.style.color           = '#050810';\r\n        btn.style.transform       = '';\r\n        btn.style.boxShadow       = '0 10px 20px rgba(0,255,136,0.2)';\r\n        btn.querySelectorAll('*').forEach(el => el.style.color = '#050810');\r\n    }\r\n}\r\ndocument.querySelectorAll('.ss-slide-btn').forEach(btn => {\r\n    btn.addEventListener('mouseenter', () => applyBtnHover(btn, true));\r\n    btn.addEventListener('mouseleave', () => applyBtnHover(btn, false));\r\n\r\n    \/\/ Also fix the span's own inline text colour which Elementor may inherit\r\n    btn.style.color = '#050810';\r\n});\r\n\r\n\/* \u2500\u2500 6. Touch \/ swipe \u2500\u2500 *\/\r\nlet touchStartX = 0;\r\ntrack.addEventListener('touchstart', e => { touchStartX = e.touches[0].clientX; }, { passive: true });\r\ntrack.addEventListener('touchend',   e => {\r\n    const diff = touchStartX - e.changedTouches[0].clientX;\r\n    if (diff >  50) goTo(currentIdx + 1);\r\n    if (diff < -50) goTo(currentIdx - 1);\r\n});\r\n\r\n\/* \u2500\u2500 7. Autoplay \u2500\u2500 *\/\r\nlet autoplay = setInterval(() => goTo(currentIdx + 1), 4000);\r\nconst wrapper = document.querySelector('.ss-carousel-wrapper');\r\nwrapper.addEventListener('mouseenter', () => clearInterval(autoplay));\r\nwrapper.addEventListener('mouseleave', () => {\r\n    autoplay = setInterval(() => goTo(currentIdx + 1), 4000);\r\n});\r\n\r\n\/* \u2500\u2500 8. Init & resize \u2500\u2500 *\/\r\nwindow.addEventListener('load',   () => goTo(currentIdx, false));\r\nwindow.addEventListener('resize', () => goTo(currentIdx, false));\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69c57c7 e-flex e-con-boxed e-con e-child\" data-id=\"69c57c7\" 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-7579e3c elementor-widget elementor-widget-html\" data-id=\"7579e3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .ss-stats-divider {\r\n        background: #ffffff; \r\n        padding: 80px 5%;\r\n        border-top: none;\r\n        border-bottom: none;\r\n    }\r\n    .ss-stats-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 40px;\r\n    }\r\n    .ss-stat-card {\r\n        text-align: center;\r\n        padding: 20px;\r\n        transition: transform 0.3s ease;\r\n    }\r\n    .ss-stat-card:hover {\r\n        transform: translateY(-5px);\r\n    }\r\n    .ss-stat-value {\r\n        display: block;\r\n        font-size: 3rem;\r\n        font-weight: 900;\r\n        color: #00ba63; \r\n        line-height: 1;\r\n        margin-bottom: 10px;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n    .ss-stat-label {\r\n        display: block;\r\n        font-size: 0.75rem;\r\n        color: #050810; \r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        font-weight: 700;\r\n        margin-bottom: 8px;\r\n    }\r\n    .ss-stat-desc {\r\n        display: block;\r\n        font-size: 0.85rem;\r\n        color: #4a4a4a; \r\n        line-height: 1.4;\r\n    }\r\n    @media (max-width: 992px) {\r\n        .ss-stats-container { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n    @media (max-width: 480px) {\r\n        .ss-stats-container { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\r\n<section class=\"ss-stats-divider\">\r\n    <div class=\"ss-stats-container\">\r\n        <div class=\"ss-stat-card\">\r\n            <span class=\"ss-stat-value\">54B\u20ac<\/span>\r\n            <span class=\"ss-stat-label\">Valore E-commerce<\/span>\r\n            <span class=\"ss-stat-desc\">Il mercato degli acquisti online in Italia nel 2024.<\/span>\r\n        <\/div>\r\n        <div class=\"ss-stat-card\">\r\n            <span class=\"ss-stat-value\">6.3B<\/span>\r\n            <span class=\"ss-stat-label\">Transizione 5.0<\/span>\r\n            <span class=\"ss-stat-desc\">Fondi stanziati per l'efficientamento energetico e digitale.<\/span>\r\n        <\/div>\r\n        <div class=\"ss-stat-card\">\r\n            <span class=\"ss-stat-value\">78%<\/span>\r\n            <span class=\"ss-stat-label\">Mobile First<\/span>\r\n            <span class=\"ss-stat-desc\">Degli utenti italiani naviga esclusivamente da smartphone.<\/span>\r\n        <\/div>\r\n        <div class=\"ss-stat-card\">\r\n            <span class=\"ss-stat-value\">1\/3<\/span>\r\n            <span class=\"ss-stat-label\">Digital Gap<\/span>\r\n            <span class=\"ss-stat-desc\">Solo il 33% delle PMI italiane ha un livello di digitalizzazione avanzato.<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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<div class=\"elementor-element elementor-element-db3fdd5 e-flex e-con-boxed e-con e-parent\" data-id=\"db3fdd5\" data-element_type=\"container\" data-e-type=\"container\" 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-fa2682c e-con-full e-flex e-con e-child\" data-id=\"fa2682c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80f7b14 elementor-widget elementor-widget-menu-anchor\" data-id=\"80f7b14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"whychooseus\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a43001 elementor-widget elementor-widget-html\" data-id=\"2a43001\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .ss-faq-section {\r\n        background-color: #050810;\r\n        padding: 100px 8%;\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: #ffffff;\r\n    }\r\n\r\n    .ss-faq-container {\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .ss-faq-title {\r\n        text-align: center;\r\n        font-size: 2.5rem;\r\n        font-weight: 800;\r\n        margin-bottom: 50px;\r\n        text-transform: uppercase;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .ss-faq-title span { color: #00ff88; }\r\n\r\n    \/* Accordion Style *\/\r\n    .ss-faq-item {\r\n        background: rgba(255, 255, 255, 0.03);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 8px;\r\n        margin-bottom: 15px;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .ss-faq-question {\r\n        padding: 20px 30px;\r\n        cursor: pointer;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        font-weight: 700;\r\n        font-size: 1.1rem;\r\n    }\r\n\r\n    .ss-faq-question:hover {\r\n        background: rgba(0, 255, 136, 0.05);\r\n    }\r\n\r\n    .ss-faq-answer {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.4s cubic-bezier(0, 1, 0, 1);\r\n        padding: 0 30px;\r\n        color: #a0a0a0;\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* Icona plus\/minus *\/\r\n    .ss-faq-icon {\r\n        color: #00ff88;\r\n        font-size: 1.2rem;\r\n        transition: transform 0.3s;\r\n    }\r\n\r\n    \/* Stato Attivo *\/\r\n    .ss-faq-item.active {\r\n        border-color: #00ff88;\r\n        background: rgba(0, 255, 136, 0.02);\r\n    }\r\n\r\n    .ss-faq-item.active .ss-faq-answer {\r\n        max-height: 1000px;\r\n        padding-bottom: 25px;\r\n    }\r\n\r\n    .ss-faq-item.active .ss-faq-icon {\r\n        transform: rotate(45deg);\r\n    }\r\n<\/style>\r\n\r\n<section class=\"ss-faq-section\">\r\n    <div class=\"ss-faq-container\">\r\n        <h2 class=\"ss-faq-title\">Domande <span>Frequenti<\/span><\/h2>\r\n\r\n        <div class=\"ss-faq-item\">\r\n            <div class=\"ss-faq-question\">\r\n                Cosa si intende per \"Partner Costo-Efficace\"?\r\n                <span class=\"ss-faq-icon\">+<\/span>\r\n            <\/div>\r\n            <div class=\"ss-faq-answer\">\r\n                Significa che abbiamo eliminato i costi superflui delle grandi agenzie (uffici mastodontici, strutture gerarchiche pesanti) per investire il 100% del tuo budget in risultati concreti. Ottieni qualit\u00e0 senior a prezzi sostenibili.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ss-faq-item\">\r\n            <div class=\"ss-faq-question\">\r\n                Perch\u00e9 scegliere Southside dopo 15 anni di esperienza?\r\n                <span class=\"ss-faq-icon\">+<\/span>\r\n            <\/div>\r\n            <div class=\"ss-faq-answer\">\r\n                In 15 anni abbiamo visto l'evoluzione del digitale. Non seguiamo le mode, ma strategie consolidate che portano valore tangibile e misurabile al tuo business e ai tuoi prodotti.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ss-faq-item\">\r\n            <div class=\"ss-faq-question\">\r\n                Come riuscite a garantire messaggi \"dritti al segno\"?\r\n                <span class=\"ss-faq-icon\">+<\/span>\r\n            <\/div>\r\n            <div class=\"ss-faq-answer\">\r\n                Il nostro DNA \u00e8 fatto di Copywriting, SEO e Social Media. Studiamo il comportamento dei tuoi clienti per assicurarci che ogni parola scritta lavori per convertire un utente in un cliente fedele.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ss-faq-item\">\r\n            <div class=\"ss-faq-question\">\r\n                Accettate qualsiasi tipo di progetto?\r\n                <span class=\"ss-faq-icon\">+<\/span>\r\n            <\/div>\r\n            <div class=\"ss-faq-answer\">\r\n                No. Selezioniamo solo progetti in cui crediamo veramente. Se pensiamo di non poter fare la differenza per te, te lo diremo con onest\u00e0. La nostra reputazione si basa sul successo dei nostri partner.\r\n            <\/div>\r\n        <\/div>\r\n<div class=\"ss-faq-item\">\r\n            <div class=\"ss-faq-question\">\r\n                Operate solo in Lombardia o anche a livello internazionale?\r\n                <span class=\"ss-faq-icon\">+<\/span>\r\n            <\/div>\r\n            <div class=\"ss-faq-answer\">\r\n                Il nostro cuore pulsante \u00e8 a Milano, ma grazie alla nostra rete di Premium Partner, come <strong>Southside Digital UK<\/strong>, supportiamo aziende che puntano al mercato globale, garantendo standard tecnologici e di comunicazione internazionali.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ss-faq-item\">\r\n            <div class=\"ss-faq-question\">\r\n                Fornite assistenza dopo la conclusione del progetto?\r\n                <span class=\"ss-faq-icon\">+<\/span>\r\n            <\/div>\r\n            <div class=\"ss-faq-answer\">\r\n                Assolutamente s\u00ec. Non siamo un'agenzia \"mordi e fuggi\". Crediamo in partnership a lungo termine e offriamo piani di manutenzione, aggiornamento e monitoraggio per garantire che le tue soluzioni digitali restino sempre al massimo delle performance.\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ss-faq-item\">\r\n            <div class=\"ss-faq-question\">\r\n                Potete aiutarmi con gli incentivi della Transizione 5.0?\r\n                <span class=\"ss-faq-icon\">+<\/span>\r\n            <\/div>\r\n            <div class=\"ss-faq-answer\">\r\n                S\u00ec, \u00e8 uno dei nostri punti di forza. Integriamo soluzioni tecnologiche che rientrano nei parametri degli incentivi statali, aiutandoti a recuperare parte dell'investimento e rendendo l'innovazione della tua azienda ancora pi\u00f9 sostenibile.\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ Script semplice per gestire l'apertura delle FAQ\r\n    document.querySelectorAll('.ss-faq-question').forEach(item => {\r\n        item.addEventListener('click', () => {\r\n            const parent = item.parentElement;\r\n            parent.classList.toggle('active');\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1a1366 elementor-widget elementor-widget-html\" data-id=\"c1a1366\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;600;700;800&amp;display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n\r\n<style>\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.ss-tech-section {\r\n    background: #ffffff;\r\n    padding: 80px 5%;\r\n    font-family: 'Montserrat', sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n.ss-tech-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.ss-tech-label {\r\n    text-align: center;\r\n    font-size: 0.72rem;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: #00ba63;\r\n    margin-bottom: 14px;\r\n}\r\n\r\n.ss-tech-heading {\r\n    text-align: center;\r\n    font-size: clamp(1.5rem, 3vw, 2rem);\r\n    font-weight: 800;\r\n    color: #050810;\r\n    margin-bottom: 10px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.ss-tech-sub {\r\n    text-align: center;\r\n    font-size: 0.95rem;\r\n    color: #666;\r\n    margin-bottom: 60px;\r\n    max-width: 560px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Scrolling track *\/\r\n.ss-tech-track-wrap {\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Fade edges *\/\r\n.ss-tech-track-wrap::before,\r\n.ss-tech-track-wrap::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; bottom: 0;\r\n    width: 120px;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n}\r\n.ss-tech-track-wrap::before { left: 0; background: linear-gradient(to right, #ffffff, transparent); }\r\n.ss-tech-track-wrap::after  { right: 0; background: linear-gradient(to left, #ffffff, transparent); }\r\n\r\n.ss-tech-track {\r\n    display: flex;\r\n    gap: 24px;\r\n    width: max-content;\r\n    animation: ss-scroll 32s linear infinite;\r\n}\r\n\r\n.ss-tech-track:hover { animation-play-state: paused; }\r\n\r\n@keyframes ss-scroll {\r\n    0%   { transform: translateX(0); }\r\n    100% { transform: translateX(-50%); }\r\n}\r\n\r\n\/* Logo card *\/\r\n.ss-tech-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    width: 140px;\r\n    height: 110px;\r\n    background: #f9f9f9;\r\n    border: 1px solid #efefef;\r\n    border-radius: 16px;\r\n    padding: 18px 14px;\r\n    flex-shrink: 0;\r\n    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;\r\n    cursor: default;\r\n}\r\n\r\n.ss-tech-card:hover {\r\n    border-color: #00ba63;\r\n    box-shadow: 0 8px 30px rgba(0, 186, 99, 0.12);\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.ss-tech-card img {\r\n    width: 48px;\r\n    height: 48px;\r\n    object-fit: contain;\r\n    filter: grayscale(1);\r\n    opacity: 0.65;\r\n    transition: filter 0.3s ease, opacity 0.3s ease;\r\n}\r\n\r\n.ss-tech-card:hover img {\r\n    filter: grayscale(0);\r\n    opacity: 1;\r\n}\r\n\r\n.ss-tech-card span {\r\n    font-size: 0.68rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.8px;\r\n    color: #888;\r\n    text-align: center;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.ss-tech-card:hover span { color: #050810; }\r\n\r\n@media (max-width: 768px) {\r\n    .ss-tech-section { padding: 60px 5%; }\r\n    .ss-tech-sub { margin-bottom: 40px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ss-tech-section\">\r\n    <div class=\"ss-tech-inner\">\r\n        <p class=\"ss-tech-label\">Tecnologie certificate<\/p>\r\n        <h2 class=\"ss-tech-heading\">Il nostro stack tecnologico<\/h2>\r\n        <p class=\"ss-tech-sub\">Utilizziamo le piattaforme pi\u00f9 affidabili e scalabili per garantire performance, sicurezza e innovazione ai nostri clienti.<\/p>\r\n\r\n        <div class=\"ss-tech-track-wrap\">\r\n            <div class=\"ss-tech-track\" id=\"techTrack\">\r\n\r\n                <div class=\"ss-tech-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/amazonwebservices\/amazonwebservices-original.svg\" alt=\"AWS\">\r\n                    <span>AWS<\/span>\r\n                <\/div>\r\n                <div class=\"ss-tech-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/wordpress\/wordpress-plain.svg\" alt=\"WordPress\">\r\n                    <span>WordPress<\/span>\r\n                <\/div>\r\n                <div class=\"ss-tech-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/googlecloud\/googlecloud-original.svg\" alt=\"Google Cloud\">\r\n                    <span>Google Cloud<\/span>\r\n                <\/div>\r\n                <div class=\"ss-tech-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/cloudflare\/cloudflare-original.svg\" alt=\"Cloudflare\">\r\n                    <span>Cloudflare<\/span>\r\n                <\/div>\r\n                <div class=\"ss-tech-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/woocommerce\/woocommerce-original.svg\" alt=\"WooCommerce\">\r\n                    <span>WooCommerce<\/span>\r\n                <\/div>\r\n                <div class=\"ss-tech-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/shopify\/shopify-original.svg\" alt=\"Shopify\">\r\n                    <span>Shopify<\/span>\r\n                <\/div>\r\n                <div class=\"ss-tech-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/mysql\/mysql-original.svg\" alt=\"MySQL\">\r\n                    <span>MySQL<\/span>\r\n                <\/div>\r\n                <div class=\"ss-tech-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/nginx\/nginx-original.svg\" alt=\"NGINX\">\r\n                    <span>NGINX<\/span>\r\n                <\/div>\r\n                <div class=\"ss-tech-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/docker\/docker-original.svg\" alt=\"Docker\">\r\n                    <span>Docker<\/span>\r\n                <\/div>\r\n                <div class=\"ss-tech-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/nodejs\/nodejs-original.svg\" alt=\"Node.js\">\r\n                    <span>Node.js<\/span>\r\n                <\/div>\r\n                <div class=\"ss-tech-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/7\/7e\/Home_Assistant_Logo.svg\/240px-Home_Assistant_Logo.svg.png\" alt=\"Home Assistant\">\r\n                    <span>Home Assistant<\/span>\r\n                <\/div>\r\n                <div class=\"ss-tech-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/9\/9a\/KNX_logo.svg\/240px-KNX_logo.svg.png\" alt=\"KNX\">\r\n                    <span>KNX<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n    var track = document.getElementById('techTrack');\r\n    if (!track) return;\r\n    \/\/ Duplicate cards for seamless infinite loop\r\n    var original = track.innerHTML;\r\n    track.innerHTML = original + original;\r\n})();\r\n<\/script>\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<div class=\"elementor-element elementor-element-2792fcf e-flex e-con-boxed e-con e-parent\" data-id=\"2792fcf\" 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-8fa35cb elementor-widget elementor-widget-menu-anchor\" data-id=\"8fa35cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"contact\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31d48fe elementor-widget elementor-widget-html\" data-id=\"31d48fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .ss-contact-section {\r\n        background-color: #0B1121; \/* Deep Tech Navy per staccare dal footer nero *\/\r\n        padding: 100px 8%;\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: #ffffff;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    .ss-contact-container {\r\n        max-width: 1200px;\r\n        width: 100%;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.2fr;\r\n        gap: 80px;\r\n        background: rgba(255, 255, 255, 0.03);\r\n        padding: 50px;\r\n        border-radius: 20px;\r\n        border: 1px solid rgba(0, 255, 136, 0.1);\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    \/* Parte Sinistra: Immagine e Testo *\/\r\n    .ss-contact-info-side {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n    }\r\n\r\n    .ss-contact-image {\r\n        width: 100%;\r\n        border-radius: 15px;\r\n        margin-bottom: 30px;\r\n        filter: grayscale(0.3) brightness(0.8);\r\n        border: 2px solid #00ff88;\r\n    }\r\n\r\n    .ss-contact-info-side h2 {\r\n        font-size: 2.5rem;\r\n        font-weight: 800;\r\n        margin-bottom: 15px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .ss-contact-info-side p {\r\n        color: #a0a0a0;\r\n        font-size: 1.1rem;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    \/* Parte Destra: Il Modulo *\/\r\n    .ss-form-side {\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .ss-form-group {\r\n        margin-bottom: 25px;\r\n        position: relative;\r\n    }\r\n\r\n    .ss-form-input {\r\n        width: 100%;\r\n        padding: 15px 0;\r\n        background: transparent;\r\n        border: none;\r\n        border-bottom: 2px solid rgba(255, 255, 255, 0.1);\r\n        color: #ffffff;\r\n        font-size: 1rem;\r\n        transition: border-color 0.3s;\r\n        outline: none;\r\n    }\r\n\r\n    .ss-form-input:focus {\r\n        border-bottom-color: #00ff88;\r\n    }\r\n\r\n    .ss-form-label {\r\n        font-size: 0.75rem;\r\n        color: #00ff88;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        font-weight: 700;\r\n        display: block;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .ss-submit-btn {\r\n        background-color: #00ff88;\r\n        color: #050810;\r\n        padding: 18px 40px;\r\n        border: none;\r\n        border-radius: 5px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        cursor: pointer;\r\n        transition: all 0.3s ease;\r\n        margin-top: 20px;\r\n        box-shadow: 0 10px 20px rgba(0, 255, 136, 0.2);\r\n    }\r\n\r\n    .ss-submit-btn:hover {\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 30px rgba(0, 255, 136, 0.4);\r\n        background-color: #00e67a;\r\n    }\r\n\r\n    \/* Mobile *\/\r\n    @media (max-width: 992px) {\r\n        .ss-contact-container { grid-template-columns: 1fr; gap: 50px; padding: 30px; }\r\n        .ss-contact-section { padding: 60px 5%; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"ss-contact-section\">\r\n    <div class=\"ss-contact-container\">\r\n        \r\n        <div class=\"ss-contact-info-side\">\r\n            <img decoding=\"async\" src=\"https:\/\/southside-digitale.it\/wp-content\/uploads\/2021\/11\/Southside-Digitale-master.webp\" alt=\"Consulenza Southside\" class=\"ss-contact-image\">\r\n            <h2>Pronto a scalare il tuo business?<\/h2>\r\n            <p>Richiedi oggi una consulenza gratuita per scoprire come la Transizione 5.0 pu\u00f2 abbattere i tuoi costi operativi.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ss-form-side\">\r\n            <form action=\"#\">\r\n                <div class=\"ss-form-group\">\r\n                    <label class=\"ss-form-label\">Nome Completo<\/label>\r\n                    <input type=\"text\" class=\"ss-form-input\" placeholder=\"Esempio: Mario Rossi\" required>\r\n                <\/div>\r\n\r\n                <div class=\"ss-form-group\">\r\n                    <label class=\"ss-form-label\">Email Aziendale<\/label>\r\n                    <input type=\"email\" class=\"ss-form-input\" placeholder=\"mario.rossi@azienda.it\" required>\r\n                <\/div>\r\n\r\n                <div class=\"ss-form-group\">\r\n                    <label class=\"ss-form-label\">Come possiamo aiutarti?<\/label>\r\n                    <textarea class=\"ss-form-input\" rows=\"3\" placeholder=\"Parlaci del tuo progetto...\"><\/textarea>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"ss-submit-btn\">Invia Richiesta <i class=\"fas fa-paper-plane\" style=\"margin-left:10px;\"><\/i><\/button>\r\n            <\/form>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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>L&#8217;Automazione cheGenera Profitto Soluzioni IoT e Building Automation per le PMI della Lombardia. Riduciamo i tuoi costi con gli incentivi Transizione 5.0. Chiama ora Scrivici Scorri 15+ Anni di Risultati Concreti in Italia Supportiamo la crescita di Southside Digitale guidando la trasformazione digitale di decine di imprese con soluzioni costo-efficaci che rendono la presenza online [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Agenzia Digitale Milano | Southside Digitale<\/title>\n<meta name=\"description\" content=\"Southside Digitale \u00e8 un\u2019agenzia digitale con uffici a Milano, Italia. Siamo specializzati nel lavorare con piccole e medie imprese.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/southside-digitale.it\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Agenzia Digitale Milano | Southside Digitale\" \/>\n<meta property=\"og:description\" content=\"Southside Digitale \u00e8 un\u2019agenzia digitale con uffici a Milano, Italia. Siamo specializzati nel lavorare con piccole e medie imprese.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/southside-digitale.it\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Southside Digitale\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/southsidedigitalSE1\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-18T21:02:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/amazonwebservices\/amazonwebservices-original.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@southsidedigit\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"24 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/southside-digitale.it\\\/\",\"url\":\"https:\\\/\\\/southside-digitale.it\\\/\",\"name\":\"Agenzia Digitale Milano | Southside Digitale\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/southside-digitale.it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/southside-digitale.it\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/southside-digitale.it\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.jsdelivr.net\\\/gh\\\/devicons\\\/devicon\\\/icons\\\/amazonwebservices\\\/amazonwebservices-original.svg\",\"datePublished\":\"2021-11-12T18:04:27+00:00\",\"dateModified\":\"2026-03-18T21:02:06+00:00\",\"description\":\"Southside Digitale \u00e8 un\u2019agenzia digitale con uffici a Milano, Italia. Siamo specializzati nel lavorare con piccole e medie imprese.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/southside-digitale.it\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/southside-digitale.it\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/southside-digitale.it\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.jsdelivr.net\\\/gh\\\/devicons\\\/devicon\\\/icons\\\/amazonwebservices\\\/amazonwebservices-original.svg\",\"contentUrl\":\"https:\\\/\\\/cdn.jsdelivr.net\\\/gh\\\/devicons\\\/devicon\\\/icons\\\/amazonwebservices\\\/amazonwebservices-original.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/southside-digitale.it\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/southside-digitale.it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/southside-digitale.it\\\/#website\",\"url\":\"https:\\\/\\\/southside-digitale.it\\\/\",\"name\":\"Southside Digitale\",\"description\":\"Digital Transformation and Web Design\",\"publisher\":{\"@id\":\"https:\\\/\\\/southside-digitale.it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/southside-digitale.it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/southside-digitale.it\\\/#organization\",\"name\":\"Southside Digitale\",\"url\":\"https:\\\/\\\/southside-digitale.it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/southside-digitale.it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"http:\\\/\\\/southsidedigit.wpenginepowered.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Southside-Digitale-master.png\",\"contentUrl\":\"http:\\\/\\\/southsidedigit.wpenginepowered.com\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/Southside-Digitale-master.png\",\"width\":1056,\"height\":434,\"caption\":\"Southside Digitale\"},\"image\":{\"@id\":\"https:\\\/\\\/southside-digitale.it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/southsidedigitalSE1\\\/\",\"https:\\\/\\\/x.com\\\/southsidedigit\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/southsidedigital\\\/\",\"https:\\\/\\\/www.pinterest.co.uk\\\/southsidedigital\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Digital Agency Milan | Southside Digitale","description":"Southside Digitale is a digital agency with offices in Milan, Italy. We specialize in working with Small and Medium-sized Enterprises (SMEs).","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/southside-digitale.it\/en\/","og_locale":"en_GB","og_type":"article","og_title":"Agenzia Digitale Milano | Southside Digitale","og_description":"Southside Digitale \u00e8 un\u2019agenzia digitale con uffici a Milano, Italia. Siamo specializzati nel lavorare con piccole e medie imprese.","og_url":"https:\/\/southside-digitale.it\/en\/","og_site_name":"Southside Digitale","article_publisher":"https:\/\/www.facebook.com\/southsidedigitalSE1\/","article_modified_time":"2026-03-18T21:02:06+00:00","og_image":[{"url":"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/amazonwebservices\/amazonwebservices-original.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@southsidedigit","twitter_misc":{"Estimated reading time":"24 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/southside-digitale.it\/","url":"https:\/\/southside-digitale.it\/","name":"Digital Agency Milan | Southside Digitale","isPartOf":{"@id":"https:\/\/southside-digitale.it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/southside-digitale.it\/#primaryimage"},"image":{"@id":"https:\/\/southside-digitale.it\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/amazonwebservices\/amazonwebservices-original.svg","datePublished":"2021-11-12T18:04:27+00:00","dateModified":"2026-03-18T21:02:06+00:00","description":"Southside Digitale is a digital agency with offices in Milan, Italy. We specialize in working with Small and Medium-sized Enterprises (SMEs).","breadcrumb":{"@id":"https:\/\/southside-digitale.it\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/southside-digitale.it\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/southside-digitale.it\/#primaryimage","url":"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/amazonwebservices\/amazonwebservices-original.svg","contentUrl":"https:\/\/cdn.jsdelivr.net\/gh\/devicons\/devicon\/icons\/amazonwebservices\/amazonwebservices-original.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/southside-digitale.it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/southside-digitale.it\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/southside-digitale.it\/#website","url":"https:\/\/southside-digitale.it\/","name":"Digital Southside","description":"Digital Transformation and Web Design","publisher":{"@id":"https:\/\/southside-digitale.it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/southside-digitale.it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/southside-digitale.it\/#organization","name":"Digital Southside","url":"https:\/\/southside-digitale.it\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/southside-digitale.it\/#\/schema\/logo\/image\/","url":"http:\/\/southsidedigit.wpenginepowered.com\/wp-content\/uploads\/2021\/11\/Southside-Digitale-master.png","contentUrl":"http:\/\/southsidedigit.wpenginepowered.com\/wp-content\/uploads\/2021\/11\/Southside-Digitale-master.png","width":1056,"height":434,"caption":"Southside Digitale"},"image":{"@id":"https:\/\/southside-digitale.it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/southsidedigitalSE1\/","https:\/\/x.com\/southsidedigit","https:\/\/www.linkedin.com\/company\/southsidedigital\/","https:\/\/www.pinterest.co.uk\/southsidedigital\/"]}]}},"_links":{"self":[{"href":"https:\/\/southside-digitale.it\/en\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/southside-digitale.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/southside-digitale.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/southside-digitale.it\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/southside-digitale.it\/en\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":0,"href":"https:\/\/southside-digitale.it\/en\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"wp:attachment":[{"href":"https:\/\/southside-digitale.it\/en\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}