TSPAN | Technical Partner for PA & EU Funds<\/title>\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend:wght@400;600;700;900&display=swap\" rel=\"stylesheet\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\"\/>\n\n<script id=\"tailwind-config\">\n tailwind.config = {\n darkMode: \"class\",\n theme: {\n extend: {\n \"colors\": {\n \"on-tertiary-fixed-variant\": \"#3d4947\",\n \"on-primary-fixed\": \"#001d31\",\n \"surface-dim\": \"#cbdbf5\",\n \"on-primary-fixed-variant\": \"#274a65\",\n \"on-surface\": \"#0b1c30\",\n \"secondary-container\": \"#79f5d0\",\n \"primary-container\": \"#002b45\",\n \"secondary-fixed\": \"#7cf8d3\",\n \"tertiary-fixed\": \"#d7e5e2\",\n \"tertiary\": \"#0a1615\",\n \"primary\": \"#001626\",\n \"on-tertiary\": \"#ffffff\",\n \"surface-container-highest\": \"#d3e4fe\",\n \"outline\": \"#73777e\",\n \"error-container\": \"#ffdad6\",\n \"error\": \"#ba1a1a\",\n \"surface\": \"#f8f9ff\",\n \"surface-container\": \"#e5eeff\",\n \"on-secondary-container\": \"#007059\",\n \"surface-variant\": \"#d3e4fe\",\n \"on-primary\": \"#ffffff\",\n \"surface-container-lowest\": \"#ffffff\",\n \"outline-variant\": \"#c2c7ce\",\n \"inverse-on-surface\": \"#eaf1ff\",\n \"on-secondary-fixed-variant\": \"#00513f\",\n \"surface-bright\": \"#f8f9ff\",\n \"on-error\": \"#ffffff\",\n \"on-error-container\": \"#93000a\",\n \"primary-fixed-dim\": \"#a8caeb\",\n \"secondary-fixed-dim\": \"#5edbb7\",\n \"primary-fixed\": \"#cce5ff\",\n \"on-primary-container\": \"#7293b2\",\n \"surface-container-high\": \"#dce9ff\",\n \"on-secondary-fixed\": \"#002118\",\n \"on-tertiary-fixed\": \"#121e1c\",\n \"on-surface-variant\": \"#42474d\",\n \"tertiary-fixed-dim\": \"#bcc9c7\",\n \"inverse-primary\": \"#a8caeb\",\n \"secondary\": \"#006b55\",\n \"on-background\": \"#0b1c30\",\n \"inverse-surface\": \"#213145\",\n \"on-tertiary-container\": \"#859290\",\n \"surface-container-low\": \"#eff4ff\",\n \"on-secondary\": \"#ffffff\",\n \"background\": \"#f8f9ff\",\n \"surface-tint\": \"#40627e\",\n \"tertiary-container\": \"#1f2b29\"\n },\n \"borderRadius\": {\n \"DEFAULT\": \"0.125rem\",\n \"lg\": \"0.25rem\",\n \"xl\": \"0.5rem\",\n \"full\": \"0.75rem\"\n },\n \"spacing\": {\n \"md\": \"24px\",\n \"margin\": \"32px\",\n \"xl\": \"80px\",\n \"base\": \"8px\",\n \"xs\": \"4px\",\n \"sm\": \"12px\",\n \"lg\": \"48px\",\n \"gutter\": \"24px\"\n },\n \"fontFamily\": {\n \"body-lg\": [\"Open Sans\"],\n \"label-sm\": [\"Open Sans\"],\n \"h2\": [\"Lexend\"],\n \"h3\": [\"Lexend\"],\n \"body-md\": [\"Open Sans\"],\n \"h1\": [\"Lexend\"]\n },\n \"fontSize\": {\n \"body-lg\": [\"18px\", {\"lineHeight\": \"1.6\", \"letterSpacing\": \"0\", \"fontWeight\": \"400\"}],\n \"label-sm\": [\"14px\", {\"lineHeight\": \"1.2\", \"letterSpacing\": \"0.05em\", \"fontWeight\": \"600\"}],\n \"h2\": [\"36px\", {\"lineHeight\": \"1.25\", \"letterSpacing\": \"-0.01em\", \"fontWeight\": \"700\"}],\n \"h3\": [\"24px\", {\"lineHeight\": \"1.3\", \"letterSpacing\": \"0\", \"fontWeight\": \"600\"}],\n \"body-md\": [\"16px\", {\"lineHeight\": \"1.5\", \"letterSpacing\": \"0\", \"fontWeight\": \"400\"}],\n \"h1\": [\"48px\", {\"lineHeight\": \"1.2\", \"letterSpacing\": \"-0.02em\", \"fontWeight\": \"700\"}]\n }\n }\n }\n }\n <\/script>\n<style>\n \/* =============================================\n FIX SCROLL ORIZZONTALE\n ============================================= *\/\n\n \/* 1. Radice: blocca overflow orizzontale su html e body *\/\n html, body {\n overflow-x: hidden !important;\n max-width: 100% !important;\n }\n\n \/* 2. Ogni sezione non deve mai uscire dal viewport *\/\n section {\n max-width: 100vw;\n overflow-x: hidden;\n }\n\n\n \/* 3. Icona decorativa: tenuta dentro i bordi *\/\n .decorative-icon-bg {\n overflow: hidden !important;\n }\n\n \/* 4. parallax-bg: background-attachment:fixed causa glitch\n su mobile \u2014 sostituiamo con scroll su schermi stretti *\/\n @media (max-width: 1023px) {\n .parallax-bg {\n background-attachment: scroll !important;\n }\n }\n\n \/* 5. Contenitori assoluti (video, img di sfondo):\n il parent deve avere overflow:hidden *\/\n .relative.overflow-hidden,\n section.relative.overflow-hidden {\n overflow: hidden !important;\n }\n\n \/* 6. Immagine di sfondo CTA: non deve sporgere *\/\n #cta-bg-img {\n max-width: 100% !important;\n }\n\n \/* 7. Sticky bar mobile: usa max-width 100% *\/\n #sticky-mobile-cta {\n max-width: 100vw !important;\n box-sizing: border-box !important;\n }\n\n \/* 8. Griglia bento e card: evita overflow implicito *\/\n .bento-grid {\n max-width: 100% !important;\n overflow-x: hidden !important;\n }\n\n \/* =============================================\n STILI ORIGINALI (invariati)\n ============================================= *\/\n\n \/* CTA buttons \u2014 unified Lexend font *\/\n a button, button {\n font-family: 'Lexend', sans-serif !important;\n }\n\n \/* Global font assignment *\/\n body {\n font-family: 'Open Sans', sans-serif;\n }\n h1, h2, h3, h4, h5, h6 {\n font-family: 'Lexend', sans-serif !important;\n }\n .font-h1, .font-h2, .font-h3, .text-h1, .text-h2, .text-h3 {\n font-family: 'Lexend', sans-serif !important;\n }\n .font-body-md, .font-body-lg, .font-label-sm {\n font-family: 'Open Sans', sans-serif !important;\n }\n \/* Hero form: hidden mobile, shown desktop *\/\n @media (min-width: 1024px) {\n #assessment-form { display: block !important; }\n #hero-mobile-cta { display: none !important; }\n }\n \/* Mobile navbar: smaller logo and button *\/\n @media (max-width: 480px) {\n .navbar-logo { height: 28px !important; max-width: 130px !important; }\n .navbar-cta { padding: 6px 10px !important; font-size: 11px !important; white-space: nowrap; }\n }\n\n .bento-grid {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n gap: 24px;\n }\n .glass-card {\n background: rgba(255, 255, 255, 0.8);\n backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n }\n .parallax-bg {\n background-attachment: fixed;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n \/* Mobile: pi\u00f9 respiro ovunque *\/\n @media (max-width: 767px) {\n .max-w-\\[1280px\\] {\n padding-left: 20px !important;\n padding-right: 20px !important;\n }\n section {\n padding-top: 48px !important;\n padding-bottom: 48px !important;\n }\n .px-8 {\n padding-left: 20px !important;\n padding-right: 20px !important;\n }\n .p-8 { padding: 20px !important; }\n .p-10 { padding: 24px !important; }\n .p-12 { padding: 24px !important; }\n .p-6 { padding: 16px !important; }\n .gap-8 { gap: 20px !important; }\n .mb-lg { margin-bottom: 32px !important; }\n .py-xl { padding-top: 48px !important; padding-bottom: 48px !important; }\n }\n @media (min-width: 1024px) {\n #method-grid { grid-template-rows: unset !important; grid-template-columns: 1fr 1fr; }\n }\n @media (min-width: 768px) {\n #cta-bg-img { display: block !important; }\n }\n\n\n \/* Hero video overlay \u2014 strong dark gradient so text is always readable *\/\n .hero-video-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 105deg,\n rgba(0, 22, 38, 0.82) 0%,\n rgba(0, 22, 38, 0.65) 55%,\n rgba(0, 22, 38, 0.30) 100%\n );\n z-index: 1;\n }\n\n #hero-video {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 0;\n }\n\n \/* HubSpot form styling inside hero *\/\n #hero-form-wrapper .hs-form {\n font-family: 'Open Sans', sans-serif;\n }\n #hero-form-wrapper .hs-form-field label {\n color: #001626;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.03em;\n margin-bottom: 4px;\n display: block;\n }\n #hero-form-wrapper .hs-input {\n width: 100% !important;\n background: #f8f9ff !important;\n border: 1px solid #c2c7ce !important;\n border-radius: 8px !important;\n color: #001626 !important;\n padding: 10px 14px !important;\n font-size: 14px !important;\n margin-bottom: 4px;\n transition: border-color 0.2s, background 0.2s;\n box-sizing: border-box;\n }\n #hero-form-wrapper .hs-input:focus {\n outline: none !important;\n border-color: #006b55 !important;\n background: #ffffff !important;\n }\n #hero-form-wrapper .hs-input::placeholder {\n color: #9aa0a8 !important;\n }\n #hero-form-wrapper .hs-button {\n width: 100% !important;\n background: #006b55 !important;\n color: white !important;\n border: none !important;\n border-radius: 8px !important;\n padding: 13px 20px !important;\n font-size: 15px !important;\n font-weight: 700 !important;\n cursor: pointer !important;\n margin-top: 8px !important;\n transition: filter 0.15s !important;\n }\n #hero-form-wrapper .hs-button:hover {\n filter: brightness(1.15) !important;\n }\n #hero-form-wrapper .hs-error-msgs {\n color: #ba1a1a !important;\n font-size: 12px !important;\n list-style: none !important;\n padding: 0 !important;\n margin: 2px 0 4px !important;\n }\n #hero-form-wrapper .submitted-message {\n color: #006b55 !important;\n font-weight: 600 !important;\n font-size: 16px !important;\n text-align: center;\n padding: 20px 0;\n }\n #hero-form-wrapper .hs-form-field {\n margin-bottom: 12px;\n }\n #hero-form-wrapper fieldset {\n max-width: 100% !important;\n border: none !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n #hero-form-wrapper .form-columns-1,\n #hero-form-wrapper .form-columns-2 {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n #hero-form-wrapper select.hs-input {\n color: #001626 !important;\n background-color: #f8f9ff !important;\n }\n #hero-form-wrapper select.hs-input option {\n background-color: #ffffff;\n color: #001626;\n }\n\n \/* Modal popup for mobile form *\/\n #form-modal {\n display: none;\n position: fixed;\n inset: 0;\n z-index: 9999;\n background: rgba(0,0,0,0.6);\n backdrop-filter: blur(4px);\n align-items: flex-end;\n justify-content: center;\n }\n #form-modal.open {\n display: flex;\n }\n #form-modal-inner {\n background: #fff;\n border-radius: 20px 20px 0 0;\n padding: 28px 24px 36px;\n width: 100%;\n max-height: 90vh;\n overflow-y: auto;\n position: relative;\n animation: slideUp 0.3s ease;\n }\n @keyframes slideUp {\n from { transform: translateY(100%); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n #form-modal-close {\n position: absolute;\n top: 14px;\n right: 16px;\n background: none;\n border: none;\n font-size: 28px;\n cursor: pointer;\n color: #42474d;\n line-height: 1;\n }\n \/* Modal form reuses same hs styles \u2014 scope to modal wrapper *\/\n #modal-form-wrapper .hs-form { font-family: 'Open Sans', sans-serif; }\n #modal-form-wrapper .hs-form-field label { color:#001626; font-size:13px; font-weight:600; letter-spacing:.03em; margin-bottom:4px; display:block; }\n #modal-form-wrapper .hs-input { width:100%!important; background:#f8f9ff!important; border:1px solid #c2c7ce!important; border-radius:8px!important; color:#001626!important; padding:10px 14px!important; font-size:14px!important; margin-bottom:4px; box-sizing:border-box; }\n #modal-form-wrapper .hs-input:focus { outline:none!important; border-color:#006b55!important; background:#fff!important; }\n #modal-form-wrapper .hs-button { width:100%!important; background:#006b55!important; color:#fff!important; border:none!important; border-radius:8px!important; padding:13px 20px!important; font-size:15px!important; font-weight:700!important; cursor:pointer!important; margin-top:8px!important; font-family:'Lexend',sans-serif!important; }\n #modal-form-wrapper .hs-error-msgs { color:#ba1a1a!important; font-size:12px!important; list-style:none!important; padding:0!important; margin:2px 0 4px!important; }\n #modal-form-wrapper .submitted-message { color:#006b55!important; font-weight:600!important; font-size:16px!important; text-align:center; padding:20px 0; }\n #modal-form-wrapper .hs-form-field { margin-bottom:12px; }\n #modal-form-wrapper fieldset { max-width:100%!important; border:none!important; padding:0!important; margin:0!important; }\n #modal-form-wrapper .form-columns-1, #modal-form-wrapper .form-columns-2 { display:flex; flex-direction:column; gap:0; }\n #modal-form-wrapper select.hs-input { color:#001626!important; background-color:#f8f9ff!important; }\n <\/style>\n<\/head>\n<body class=\"bg-background text-on-background font-body-md selection:bg-secondary-fixed selection:text-on-secondary-fixed\">\n\n \n <div id=\"form-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Assessment Gratuito\">\n <div id=\"form-modal-inner\">\n <button id=\"form-modal-close\" aria-label=\"Chiudi\">×<\/button>\n <p style=\"color:#006b55;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;\">Assessment Gratuito<\/p>\n <h3 style=\"color:#001626;font-size:20px;font-weight:700;margin-bottom:6px;line-height:1.3;\">Scopri quali fondi europei<br\/>sono accessibili al tuo ente<\/h3>\n <p style=\"color:#42474d;font-size:13px;margin-bottom:20px;\">Zero teoria. Solo dati tecnici concreti.<\/p>\n <div id=\"modal-form-wrapper\"><\/div>\n <\/div>\n <\/div>\n\n<header class=\"bg-white fixed top-0 w-full border-b border-slate-200 shadow-sm z-50\">\n<nav class=\"flex justify-between items-center h-16 px-4 sm:px-8 max-w-[1280px] mx-auto w-full gap-4\">\n<div class=\"flex items-center gap-8\">\n \n <img decoding=\"async\" src=\"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/tspan-pos-orizzontale-logo.svg\" alt=\"TSPAN\" style=\"height:50px; width:auto; max-width:240px; object-fit:contain;\" class=\"navbar-logo\"\/>\n<\/div>\n<div class=\"flex items-center gap-4\">\n<a href=\"#assessment-form\" id=\"navbar-cta-link\"><button class=\"navbar-cta px-5 py-2 bg-[#002B45] text-white text-sm font-semibold rounded-lg active:scale-95 duration-150 ease-in-out hover:bg-secondary transition-all\">Assessment Gratuito<\/button><\/a>\n<\/div>\n<\/nav>\n<\/header>\n<main class=\"pt-16\">\n\n<section class=\"relative min-h-[85vh] flex items-center overflow-hidden bg-[#001626]\">\n \n <video id=\"hero-video\" autoplay muted loop playsinline preload=\"auto\" style=\"display:block;\">\n <source src=\"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/2569960_European_Flags_3840x2160-2.mp4\" type=\"video\/mp4\"\/>\n <\/video>\n <script>\n (function(){\n var v = document.getElementById('hero-video');\n if(v){\n v.addEventListener('timeupdate', function(){\n if(v.duration && v.currentTime >= v.duration - 0.15){\n v.currentTime = 0;\n v.play();\n }\n });\n }\n })();\n <\/script>\n\n \n <div class=\"hero-video-overlay\"><\/div>\n\n \n <div class=\"max-w-[1280px] mx-auto px-8 w-full relative z-10 py-lg\">\n <div class=\"flex flex-col lg:flex-row items-start gap-12 w-full\">\n\n \n <div class=\"max-w-xl transform transition-all duration-700 translate-y-0 opacity-100 flex-shrink-0\">\n <span class=\"inline-flex items-center px-4 py-1.5 rounded-full bg-white\/15 backdrop-blur-sm border border-white\/20 text-white text-label-sm font-label-sm mb-md shadow-sm\">\n TECHNICAL PARTNER\n <\/span>\n <h1 class=\"font-h1 text-h1 text-white mb-md leading-tight drop-shadow-lg\">\n Non solo compliance. <br\/>\n <span class=\"text-secondary-fixed\">Tecnica che apre le porte all'Europa.<\/span>\n <\/h1>\n <p class=\"text-white\/85 mb-lg max-w-2xl font-medium drop-shadow\" style=\"font-size: 22px; line-height: 1.5;\">\n Il partner operativo che trasforma la complessit\u00e0 normativa europea in candidature vincenti.\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"#services\"><button class=\"px-8 py-4 border-2 border-white\/40 text-white font-semibold rounded-lg hover:bg-white\/10 transition-all flex items-center justify-center gap-2 group backdrop-blur-sm\">\n Scopri i servizi <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover:translate-x-1 transition-transform inline-block\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/button><\/a>\n \n <a href=\"#\" id=\"hero-mobile-cta\" class=\"lg:hidden\"><button class=\"px-8 py-4 bg-secondary text-white font-semibold rounded-lg shadow-lg hover:brightness-110 transition-all active:scale-95\">\n Richiedi assessment gratuito\n <\/button><\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"flex-1 w-full lg:max-w-none\" id=\"assessment-form\" style=\"display:none;\">\n <div style=\"background: #ffffff; border-radius: 20px; padding: 36px 32px; box-shadow: 0 8px 40px rgba(0,0,0,0.18);\">\n <p style=\"color: #006b55; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 8px;\">Assessment Gratuito<\/p>\n <h3 style=\"color: #001626; font-size: 20px; font-weight: 700; margin-bottom: 6px; line-height: 1.3;\">Scopri quali fondi europei<br\/>sono accessibili al tuo ente<\/h3>\n <p style=\"color: #42474d; font-size: 13px; margin-bottom: 24px;\">Zero teoria. Solo dati tecnici concreti.<\/p>\n <div id=\"hero-form-wrapper\">\n <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js-eu1.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n <script>\n hbspt.forms.create({\n portalId: \"26479973\",\n formId: \"12061804-3faa-410b-9aa4-76041f7ea61a\",\n region: \"eu1\",\n target: \"#hero-form-wrapper\"\n });\n <\/script>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"bg-[#002B45] py-8 border-y border-white\/10 relative overflow-hidden\">\n<div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/carbon-fibre.png')] opacity-5\"><\/div>\n<div class=\"max-w-[1280px] mx-auto px-8 relative z-10\">\n<div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-4\">\n<div class=\"flex flex-col border-l-2 border-secondary pl-6\">\n<span class=\"text-secondary-fixed font-bold text-h3\">\u20ac66 MLD<\/span>\n<span class=\"text-white\/60 text-[11px] uppercase tracking-widest font-semibold\">Fondi UE non spesi (2026)<\/span>\n<\/div>\n<div class=\"flex flex-col border-l-2 border-secondary pl-6\">\n<span class=\"text-secondary-fixed font-bold text-h3\">92%<\/span>\n<span class=\"text-white\/60 text-[11px] uppercase tracking-widest font-semibold\">Fondi 2021-2027 disponibili<\/span>\n<\/div>\n<div class=\"flex flex-col border-l-2 border-secondary pl-6\">\n<span class=\"text-secondary-fixed font-bold text-h3\">48H<\/span>\n<span class=\"text-white\/60 text-[11px] uppercase tracking-widest font-semibold\">Tempo medio di risposta<\/span>\n<\/div>\n<div class=\"flex flex-col border-l-2 border-secondary pl-6\">\n<span class=\"text-secondary-fixed font-bold text-h3\" style=\"font-size:16px; line-height:1.4;\">Rischi pre-submission identificati e neutralizzati<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n<section class=\"py-xl bg-surface relative\" id=\"services\">\n<div class=\"max-w-[1280px] mx-auto px-8\">\n<div class=\"mb-lg flex flex-col md:flex-row md:items-end justify-between gap-6\">\n<div class=\"max-w-2xl\">\n<h2 class=\"font-h2 text-h2 text-primary mb-md\">3 aree. Un unico interlocutore tecnico.<\/h2>\n<p class=\"font-body-lg text-body-lg text-on-surface-variant\">\n Affianchiamo la Pubblica Amministrazione nella governance dei fondi europei \u2014 prima, durante e dopo ogni candidatura. Riduciamo il rischio amministrativo, garantiamo la conformit\u00e0 normativa e massimizziamo la capacit\u00e0 di spesa certificata.\n<\/p>\n<\/div>\n\n<\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-lg\">\n\n<div class=\"group bg-white p-8 rounded-2xl border border-outline-variant hover:border-secondary hover:shadow-2xl transition-all duration-500 overflow-hidden relative flex flex-col\">\n<div class=\"absolute -right-4 -top-4 w-24 h-24 bg-secondary-container\/10 rounded-full group-hover:scale-150 transition-transform duration-700\"><\/div>\n<div class=\"w-14 h-14 bg-secondary-container\/30 rounded-xl flex items-center justify-center mb-6 text-secondary group-hover:bg-secondary group-hover:text-white transition-colors duration-300\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/>\n <\/svg>\n<\/div>\n<h3 class=\"font-h3 text-h3 text-primary mb-2\">Supporto Tecnico e Compliance<\/h3>\n<p class=\"text-secondary font-semibold text-[15px] mb-4\">Meno rischio, pi\u00f9 spesa certificata.<\/p>\n<p class=\"text-on-surface-variant text-[15px] leading-relaxed\">Gestiamo la complessit\u00e0 normativa al posto tuo. La tua PA spende meglio, certifica nei tempi e non subisce rettifiche.<\/p>\n<\/div>\n\n<div class=\"group bg-white p-8 rounded-2xl border border-outline-variant hover:border-secondary hover:shadow-2xl transition-all duration-500 overflow-hidden relative flex flex-col\">\n<div class=\"absolute -right-4 -top-4 w-24 h-24 bg-secondary-container\/10 rounded-full group-hover:scale-150 transition-transform duration-700\"><\/div>\n<div class=\"w-14 h-14 bg-secondary-container\/30 rounded-xl flex items-center justify-center mb-6 text-secondary group-hover:bg-secondary group-hover:text-white transition-colors duration-300\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 22h18\"\/><path d=\"M6 18V10\"\/><path d=\"M10 18V10\"\/><path d=\"M14 18V10\"\/><path d=\"M18 18V10\"\/><path d=\"M2 10l10-7 10 7\"\/>\n <\/svg>\n<\/div>\n<h3 class=\"font-h3 text-h3 text-primary mb-2\">Servizi Dedicati alle Societ\u00e0 Partecipate<\/h3>\n<p class=\"text-secondary font-semibold text-[15px] mb-4\">Fondi europei accessibili, senza esporti.<\/p>\n<p class=\"text-on-surface-variant text-[15px] leading-relaxed\">Le tue partecipate vengono messe nelle piene condizioni di partecipare ai programmi europei: normativamente, strutturalmente, operativamente.<\/p>\n<\/div>\n\n<div class=\"group bg-white p-8 rounded-2xl border border-outline-variant hover:border-secondary hover:shadow-2xl transition-all duration-500 overflow-hidden relative flex flex-col\">\n<div class=\"absolute -right-4 -top-4 w-24 h-24 bg-secondary-container\/10 rounded-full group-hover:scale-150 transition-transform duration-700\"><\/div>\n<div class=\"w-14 h-14 bg-secondary-container\/30 rounded-xl flex items-center justify-center mb-6 text-secondary group-hover:bg-secondary group-hover:text-white transition-colors duration-300\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n <\/svg>\n<\/div>\n<h3 class=\"font-h3 text-h3 text-primary mb-2\">Lobbying e Posizionamento Europeo<\/h3>\n<p class=\"text-secondary font-semibold text-[15px] mb-4\">Arrivi prima, sui bandi che contano.<\/p>\n<p class=\"text-on-surface-variant text-[15px] leading-relaxed\">Presidiamo Bruxelles per te. Intercettiamo le opportunit\u00e0 giuste e ti posizioniamo nelle reti europee prima che il bando apra.<\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"bg-[#002B45] p-10 rounded-3xl relative overflow-hidden group\">\n<img decoding=\"async\" alt=\"Office detail\" class=\"absolute inset-0 w-full h-full object-cover opacity-10 grayscale group-hover:scale-105 transition-transform duration-1000\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuC3SjfGGQI1yes6nhMmQ-vrM1Dvs1Rbsw6_TVurJEu4CHVbLjsxnS2H17j-zUab3nJT8vKmPtVX20NeLeRjabz-zEs2RC89MfAmCB1SSH0AB1Ycb9opdD8g3sbCTI6Y7ek1Kb_ijtfRY78VsgzB3HZh9FrvvFGdRAvxf9f38FjTUB3ejrWbrfy11yYtkRVHk2f61uB-1ORlQqx7jGz7vhq1dEtc_1U3xa-e70oh_xJm1O9lH__HA0Ky18irqOf0QW16N13jouxFmLU\"\/>\n<div class=\"relative z-10 flex flex-col md:flex-row items-center justify-between gap-8\">\n<div class=\"max-w-2xl\">\n<h4 class=\"text-white font-bold text-h3 mb-4\">Il nostro principio operativo<\/h4>\n<p class=\"text-on-primary-container font-body-lg italic text-lg border-l-4 border-secondary pl-6\">\n \"Interveniamo prima che la candidatura venga inviata \u2014 non dopo che viene respinta.\"\n<\/p>\n<\/div>\n<div class=\"h-1px md:h-16 w-full md:w-px bg-white\/20\"><\/div>\n<div class=\"text-secondary-fixed font-bold text-center md:text-right tracking-tight text-xl\">\n Pre-Audit & <br class=\"hidden md:block\"\/>Risk Elimination\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n<section class=\"py-xl bg-surface-container-lowest\" id=\"method\">\n<div class=\"max-w-[1280px] mx-auto px-8\">\n<div class=\"text-center mb-xl\">\n<h2 class=\"font-h2 text-h2 text-primary mb-md\">Dalla diagnosi alla rendicontazione.<\/h2>\n<div class=\"w-24 h-1.5 bg-secondary mx-auto rounded-full\"><\/div>\n<\/div>\n<div id=\"method-grid\" class=\"grid grid-cols-1 lg:grid-cols-2 gap-0 rounded-3xl overflow-hidden border border-slate-200 shadow-xl\" style=\"align-items:stretch;\">\n \n <div class=\"flex flex-col divide-y divide-slate-100\">\n <div class=\"flex items-center gap-5 p-8 group hover:bg-slate-50 transition-colors\">\n <div class=\"w-14 h-14 shrink-0 rounded-2xl bg-[#002B45] text-white flex items-center justify-center shadow group-hover:rotate-3 transition-transform\">\n <span class=\"font-black text-xl\">01<\/span>\n <\/div>\n <h4 class=\"font-bold text-primary text-lg\">Scouting Tecnico<\/h4>\n <\/div>\n <div class=\"flex items-center gap-5 p-8 group hover:bg-slate-50 transition-colors\">\n <div class=\"w-14 h-14 shrink-0 rounded-2xl bg-secondary text-white flex items-center justify-center shadow group-hover:rotate-3 transition-transform\">\n <span class=\"font-black text-xl\">02<\/span>\n <\/div>\n <h4 class=\"font-bold text-primary text-lg\">Pre-Check Normativo<\/h4>\n <\/div>\n <div class=\"flex items-center gap-5 p-8 group hover:bg-slate-50 transition-colors\">\n <div class=\"w-14 h-14 shrink-0 rounded-2xl bg-[#002B45] text-white flex items-center justify-center shadow group-hover:rotate-3 transition-transform\">\n <span class=\"font-black text-xl\">03<\/span>\n <\/div>\n <h4 class=\"font-bold text-primary text-lg\">Design Architetturale<\/h4>\n <\/div>\n <div class=\"flex items-center gap-5 p-8 group hover:bg-slate-50 transition-colors\">\n <div class=\"w-14 h-14 shrink-0 rounded-2xl bg-secondary text-white flex items-center justify-center shadow group-hover:rotate-3 transition-transform\">\n <span class=\"font-black text-xl\">04<\/span>\n <\/div>\n <h4 class=\"font-bold text-primary text-lg\">Submission Support<\/h4>\n <\/div>\n <div class=\"flex items-center gap-5 p-8 group hover:bg-slate-50 transition-colors\">\n <div class=\"w-14 h-14 shrink-0 rounded-2xl bg-[#002B45] text-white flex items-center justify-center shadow group-hover:rotate-3 transition-transform\">\n <span class=\"font-black text-xl\">05<\/span>\n <\/div>\n <h4 class=\"font-bold text-primary text-lg\">Project Management e Rendicontazione<\/h4>\n <\/div>\n <\/div>\n \n <div class=\"relative\" style=\"min-height:280px; height:100%;\">\n <img decoding=\"async\"\n src=\"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/accounting-company-provide-finance-taxation-planning-profitable-cash-flow-auditor-accountant-team-working-office-analyze-financial-data-accounting-record-with-calculatorinsight-scaled.jpg\"\n alt=\"Consulenza tecnica fondi europei\"\n style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;\"\n \/>\n <\/div>\n<\/div>\n\n<\/div>\n<\/section>\n\n\n<section class=\"py-xl bg-surface-container relative overflow-hidden decorative-icon-bg\" id=\"target\">\n\n<div class=\"max-w-[1280px] mx-auto px-8 relative z-10\">\n<div class=\"mb-lg text-center\">\n<h2 class=\"font-h2 text-h2 text-primary\">Target specifici. Valore misurabile.<\/h2>\n<\/div>\n\n\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n\n<div class=\"flex flex-col bg-white rounded-3xl overflow-hidden shadow-sm border border-outline-variant hover:-translate-y-2 transition-transform duration-500\" style=\"min-height:260px;\">\n <div class=\"h-3 bg-[#002B45]\"><\/div>\n <div class=\"p-10 flex-grow flex flex-col\">\n <div style=\"width:44px;height:44px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;flex-shrink:0;\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#002B45\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 22h18\"\/><path d=\"M6 18V10\"\/><path d=\"M10 18V10\"\/><path d=\"M14 18V10\"\/><path d=\"M18 18V10\"\/><path d=\"M2 10l10-7 10 7\"\/>\n <\/svg>\n <\/div>\n <h3 style=\"font-family:'Lexend',sans-serif;font-size:20px;font-weight:700;color:#001626;line-height:1.3;margin:0;\">Responsabili PA<\/h3>\n <\/div>\n<\/div>\n\n<div class=\"flex flex-col bg-white rounded-3xl overflow-hidden shadow-sm border border-outline-variant hover:-translate-y-2 transition-transform duration-500\" style=\"min-height:260px;\">\n <div class=\"h-3 bg-secondary\"><\/div>\n <div class=\"p-10 flex-grow flex flex-col\">\n <div style=\"width:44px;height:44px;background:#d1fae5;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;flex-shrink:0;\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#006b55\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18\"\/><path d=\"M9 21V9\"\/>\n <\/svg>\n <\/div>\n <h3 style=\"font-family:'Lexend',sans-serif;font-size:20px;font-weight:700;color:#001626;line-height:1.3;margin:0;\">Societ\u00e0 Partecipate<\/h3>\n <\/div>\n<\/div>\n\n<div class=\"flex flex-col bg-white rounded-3xl overflow-hidden shadow-sm border border-outline-variant hover:-translate-y-2 transition-transform duration-500\" style=\"min-height:260px;\">\n <div class=\"h-3 bg-[#002B45]\"><\/div>\n <div class=\"p-10 flex-grow flex flex-col\">\n <div style=\"width:44px;height:44px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;flex-shrink:0;\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#002B45\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n <\/svg>\n <\/div>\n <h3 style=\"font-family:'Lexend',sans-serif;font-size:20px;font-weight:700;color:#001626;line-height:1.3;margin:0;\">Enti Regionali\/Province autonome<\/h3>\n <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n<style>\n@media (min-width: 768px) {\n #cta-bg-img { display: block !important; }\n}\n<\/style>\n<section class=\"py-xl bg-[#002B45] relative overflow-hidden\">\n<div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-10\" style=\"z-index:2;\"><\/div>\n<img decoding=\"async\" id=\"cta-bg-img\" alt=\"Team istituzionale\" style=\"display:none; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0.35; z-index:1;\" src=\"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/29061.jpg\"\/>\n\n<div class=\"max-w-[1280px] mx-auto px-8 text-center\" style=\"position:relative; z-index:3;\">\n<h2 class=\"font-h1 text-h1 text-white mb-md\">Partiamo operativi.<\/h2>\n<p class=\"font-body-lg text-body-lg text-white\/80 mb-lg max-w-2xl mx-auto\">\n Un assessment gratuito per scoprire quali fondi europei sono accessibili al tuo ente oggi. Zero teoria, solo dati tecnici.\n<\/p>\n<div class=\"flex flex-col sm:flex-row gap-6 justify-center\">\n<a href=\"#assessment-form\"><button class=\"px-10 py-5 bg-secondary text-white font-bold rounded-xl hover:brightness-110 transition-all active:scale-95 shadow-2xl shadow-secondary\/20 text-lg\">\n Richiedi assessment gratuito\n<\/button><\/a>\n<a href=\"#assessment-form\"><button class=\"px-10 py-5 border-2 border-white\/30 text-white font-bold rounded-xl hover:bg-white\/10 transition-all active:scale-95 text-lg\">\n Contatta un esperto\n<\/button><\/a>\n<\/div>\n<\/div>\n<\/section>\n<\/main>\n<\/main>\n\n<footer style=\"background:#001626; border-top:1px solid rgba(255,255,255,0.08); padding:40px 16px;\">\n <div style=\"max-width:1280px; margin:0 auto; text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px;\">\n <p style=\"color:rgba(255,255,255,0.75); font-family:'Open Sans',sans-serif; font-size:14px; line-height:1.8; margin:0;\">\n <strong style=\"color:rgba(255,255,255,0.9);\">P.IVA \/ C.F.:<\/strong> 16898051004\n <\/p>\n <p style=\"color:rgba(255,255,255,0.75); font-family:'Open Sans',sans-serif; font-size:14px; line-height:1.8; margin:0;\">\n <strong style=\"color:rgba(255,255,255,0.9);\">Sede Legale:<\/strong> Piazza Principe Umberto I, 16 – 80053 Castellammare di Stabia (NA)\n <\/p>\n <p style=\"margin:0;\">\n <a href=\"mailto:info@tspan.it\" style=\"color:#5edbb7; font-family:'Open Sans',sans-serif; font-size:14px; text-decoration:none; font-weight:600; transition:opacity 0.2s;\" onmouseover=\"this.style.opacity='0.75'\" onmouseout=\"this.style.opacity='1'\">info@tspan.it<\/a>\n <\/p>\n <\/div>\n<\/footer>\n\n<div id=\"sticky-mobile-cta\" style=\"display:none; position:fixed; bottom:0; left:0; right:0; z-index:1000; padding:12px 16px 36px; background:linear-gradient(to top, rgba(0,22,38,0.97) 70%, rgba(0,22,38,0)); pointer-events:none; transform:translateY(100%); opacity:0; transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1), opacity 0.35s ease; box-sizing:border-box; max-width:100vw;\">\n <button id=\"sticky-cta-btn\" style=\"pointer-events:all; width:100%; background:#006b55; color:#fff; font-family:'Lexend',sans-serif; font-size:16px; font-weight:700; border:none; border-radius:12px; padding:16px 20px; box-shadow:0 4px 24px rgba(0,107,85,0.4); cursor:pointer; transition:filter 0.15s;\" onclick=\"document.getElementById('sticky-cta-btn').dispatchEvent(new Event('cta-open'))\">\n Richiedi assessment gratuito\n <\/button>\n<\/div>\n\n\n<script>\n(function(){\n var modalFormLoaded = false;\n\n function openModal() {\n if (window.innerWidth > 1023) return;\n document.getElementById('form-modal').classList.add('open');\n document.body.style.overflow = 'hidden';\n if (!modalFormLoaded && typeof hbspt !== 'undefined') {\n modalFormLoaded = true;\n hbspt.forms.create({\n portalId: \"26479973\",\n formId: \"12061804-3faa-410b-9aa4-76041f7ea61a\",\n region: \"eu1\",\n target: \"#modal-form-wrapper\"\n });\n }\n }\n function closeModal() {\n document.getElementById('form-modal').classList.remove('open');\n document.body.style.overflow = '';\n }\n\n document.getElementById('form-modal-close').addEventListener('click', closeModal);\n document.getElementById('form-modal').addEventListener('click', function(e){\n if (e.target === this) closeModal();\n });\n\n document.getElementById('navbar-cta-link').addEventListener('click', function(e){\n if (window.innerWidth <= 1023) { e.preventDefault(); openModal(); }\n });\n document.getElementById('hero-mobile-cta').addEventListener('click', function(e){\n e.preventDefault(); openModal();\n });\n document.querySelectorAll('.cta-modal-trigger').forEach(function(el){\n el.addEventListener('click', function(e){\n if (window.innerWidth <= 1023) { e.preventDefault(); openModal(); }\n });\n });\n\n \/\/ Sticky mobile CTA \u2014 appears after scrolling past hero\n var stickyCta = document.getElementById('sticky-mobile-cta');\n var stickyBtn = document.getElementById('sticky-cta-btn');\n var heroSection = document.querySelector('section');\n\n stickyBtn.addEventListener('cta-open', openModal);\n stickyBtn.addEventListener('click', openModal);\n\n function updateStickyCta() {\n if (window.innerWidth > 1023) { \n stickyCta.style.display = 'none';\n return; \n }\n var heroBottom = heroSection.getBoundingClientRect().bottom;\n if (heroBottom < 0) {\n stickyCta.style.display = 'block';\n \/\/ Trigger reflow so transition fires\n stickyCta.offsetHeight;\n stickyCta.style.transform = 'translateY(0)';\n stickyCta.style.opacity = '1';\n } else {\n stickyCta.style.transform = 'translateY(100%)';\n stickyCta.style.opacity = '0';\n \/\/ Hide after transition ends\n setTimeout(function(){\n if (heroSection.getBoundingClientRect().bottom >= 0) {\n stickyCta.style.display = 'none';\n }\n }, 400);\n }\n }\n\n window.addEventListener('scroll', updateStickyCta, { passive: true });\n window.addEventListener('resize', updateStickyCta);\n updateStickyCta();\n})();\n<\/script>\n<\/body><\/html>\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>TSPAN | Technical Partner for PA & EU Funds × Assessment Gratuito Scopri quali fondi europeisono accessibili al tuo ente Zero teoria. Solo dati tecnici concreti. Assessment Gratuito TECHNICAL PARTNER Non solo compliance. Tecnica che apre le porte all’Europa. Il partner operativo che trasforma la complessit\u00e0 normativa europea in candidature vincenti. Scopri i servizi Richiedi […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>TSPAN | Partner Tecnico per PA e Fondi Europei<\/title>\n<meta name=\"description\" content=\"PAN affianca la Pubblica Amministrazione nella governance dei fondi europei: compliance normativa, gestione delle partecipate e lobbying a Bruxelles. Assessment gratuito.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tspan.it\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TSPAN | Partner Tecnico per PA e Fondi Europei\" \/>\n<meta property=\"og:description\" content=\"PAN affianca la Pubblica Amministrazione nella governance dei fondi europei: compliance normativa, gestione delle partecipate e lobbying a Bruxelles. Assessment gratuito.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tspan.it\/\" \/>\n<meta property=\"og:site_name\" content=\"Implementalo e basta!\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-28T09:41:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/tspan-pos-orizzontale-logo.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tspan.it\\\/\",\"url\":\"https:\\\/\\\/tspan.it\\\/\",\"name\":\"TSPAN | Partner Tecnico per PA e Fondi Europei\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tspan.it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/tspan.it\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/tspan.it\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.timevision.it\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/tspan-pos-orizzontale-logo.svg\",\"datePublished\":\"2026-05-25T07:39:44+00:00\",\"dateModified\":\"2026-05-28T09:41:38+00:00\",\"description\":\"PAN affianca la Pubblica Amministrazione nella governance dei fondi europei: compliance normativa, gestione delle partecipate e lobbying a Bruxelles. Assessment gratuito.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/tspan.it\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tspan.it\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/tspan.it\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.timevision.it\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/tspan-pos-orizzontale-logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.timevision.it\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/tspan-pos-orizzontale-logo.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/tspan.it\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/tspan.it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tspan.it\\\/#website\",\"url\":\"https:\\\/\\\/tspan.it\\\/\",\"name\":\"Implementalo e basta!\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tspan.it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"}]}<\/script>\n","yoast_head_json":{"title":"TSPAN | Partner Tecnico per PA e Fondi Europei","description":"PAN affianca la Pubblica Amministrazione nella governance dei fondi europei: compliance normativa, gestione delle partecipate e lobbying a Bruxelles. Assessment gratuito.","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:\/\/tspan.it\/","og_locale":"it_IT","og_type":"article","og_title":"TSPAN | Partner Tecnico per PA e Fondi Europei","og_description":"PAN affianca la Pubblica Amministrazione nella governance dei fondi europei: compliance normativa, gestione delle partecipate e lobbying a Bruxelles. Assessment gratuito.","og_url":"https:\/\/tspan.it\/","og_site_name":"Implementalo e basta!","article_modified_time":"2026-05-28T09:41:38+00:00","og_image":[{"url":"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/tspan-pos-orizzontale-logo.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"9 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tspan.it\/","url":"https:\/\/tspan.it\/","name":"TSPAN | Partner Tecnico per PA e Fondi Europei","isPartOf":{"@id":"https:\/\/tspan.it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tspan.it\/#primaryimage"},"image":{"@id":"https:\/\/tspan.it\/#primaryimage"},"thumbnailUrl":"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/tspan-pos-orizzontale-logo.svg","datePublished":"2026-05-25T07:39:44+00:00","dateModified":"2026-05-28T09:41:38+00:00","description":"PAN affianca la Pubblica Amministrazione nella governance dei fondi europei: compliance normativa, gestione delle partecipate e lobbying a Bruxelles. Assessment gratuito.","breadcrumb":{"@id":"https:\/\/tspan.it\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tspan.it\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/tspan.it\/#primaryimage","url":"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/tspan-pos-orizzontale-logo.svg","contentUrl":"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/tspan-pos-orizzontale-logo.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/tspan.it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tspan.it\/"},{"@type":"ListItem","position":2,"name":"Home Page"}]},{"@type":"WebSite","@id":"https:\/\/tspan.it\/#website","url":"https:\/\/tspan.it\/","name":"Implementalo e basta!","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tspan.it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"}]}},"_links":{"self":[{"href":"https:\/\/tspan.it\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tspan.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tspan.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tspan.it\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tspan.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":26,"href":"https:\/\/tspan.it\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/tspan.it\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/tspan.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nTSPAN | Technical Partner for PA & EU Funds<\/title>\n<script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lexend:wght@400;600;700;900&display=swap\" rel=\"stylesheet\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;600;700&display=swap\" rel=\"stylesheet\"\/>\n\n<script id=\"tailwind-config\">\n tailwind.config = {\n darkMode: \"class\",\n theme: {\n extend: {\n \"colors\": {\n \"on-tertiary-fixed-variant\": \"#3d4947\",\n \"on-primary-fixed\": \"#001d31\",\n \"surface-dim\": \"#cbdbf5\",\n \"on-primary-fixed-variant\": \"#274a65\",\n \"on-surface\": \"#0b1c30\",\n \"secondary-container\": \"#79f5d0\",\n \"primary-container\": \"#002b45\",\n \"secondary-fixed\": \"#7cf8d3\",\n \"tertiary-fixed\": \"#d7e5e2\",\n \"tertiary\": \"#0a1615\",\n \"primary\": \"#001626\",\n \"on-tertiary\": \"#ffffff\",\n \"surface-container-highest\": \"#d3e4fe\",\n \"outline\": \"#73777e\",\n \"error-container\": \"#ffdad6\",\n \"error\": \"#ba1a1a\",\n \"surface\": \"#f8f9ff\",\n \"surface-container\": \"#e5eeff\",\n \"on-secondary-container\": \"#007059\",\n \"surface-variant\": \"#d3e4fe\",\n \"on-primary\": \"#ffffff\",\n \"surface-container-lowest\": \"#ffffff\",\n \"outline-variant\": \"#c2c7ce\",\n \"inverse-on-surface\": \"#eaf1ff\",\n \"on-secondary-fixed-variant\": \"#00513f\",\n \"surface-bright\": \"#f8f9ff\",\n \"on-error\": \"#ffffff\",\n \"on-error-container\": \"#93000a\",\n \"primary-fixed-dim\": \"#a8caeb\",\n \"secondary-fixed-dim\": \"#5edbb7\",\n \"primary-fixed\": \"#cce5ff\",\n \"on-primary-container\": \"#7293b2\",\n \"surface-container-high\": \"#dce9ff\",\n \"on-secondary-fixed\": \"#002118\",\n \"on-tertiary-fixed\": \"#121e1c\",\n \"on-surface-variant\": \"#42474d\",\n \"tertiary-fixed-dim\": \"#bcc9c7\",\n \"inverse-primary\": \"#a8caeb\",\n \"secondary\": \"#006b55\",\n \"on-background\": \"#0b1c30\",\n \"inverse-surface\": \"#213145\",\n \"on-tertiary-container\": \"#859290\",\n \"surface-container-low\": \"#eff4ff\",\n \"on-secondary\": \"#ffffff\",\n \"background\": \"#f8f9ff\",\n \"surface-tint\": \"#40627e\",\n \"tertiary-container\": \"#1f2b29\"\n },\n \"borderRadius\": {\n \"DEFAULT\": \"0.125rem\",\n \"lg\": \"0.25rem\",\n \"xl\": \"0.5rem\",\n \"full\": \"0.75rem\"\n },\n \"spacing\": {\n \"md\": \"24px\",\n \"margin\": \"32px\",\n \"xl\": \"80px\",\n \"base\": \"8px\",\n \"xs\": \"4px\",\n \"sm\": \"12px\",\n \"lg\": \"48px\",\n \"gutter\": \"24px\"\n },\n \"fontFamily\": {\n \"body-lg\": [\"Open Sans\"],\n \"label-sm\": [\"Open Sans\"],\n \"h2\": [\"Lexend\"],\n \"h3\": [\"Lexend\"],\n \"body-md\": [\"Open Sans\"],\n \"h1\": [\"Lexend\"]\n },\n \"fontSize\": {\n \"body-lg\": [\"18px\", {\"lineHeight\": \"1.6\", \"letterSpacing\": \"0\", \"fontWeight\": \"400\"}],\n \"label-sm\": [\"14px\", {\"lineHeight\": \"1.2\", \"letterSpacing\": \"0.05em\", \"fontWeight\": \"600\"}],\n \"h2\": [\"36px\", {\"lineHeight\": \"1.25\", \"letterSpacing\": \"-0.01em\", \"fontWeight\": \"700\"}],\n \"h3\": [\"24px\", {\"lineHeight\": \"1.3\", \"letterSpacing\": \"0\", \"fontWeight\": \"600\"}],\n \"body-md\": [\"16px\", {\"lineHeight\": \"1.5\", \"letterSpacing\": \"0\", \"fontWeight\": \"400\"}],\n \"h1\": [\"48px\", {\"lineHeight\": \"1.2\", \"letterSpacing\": \"-0.02em\", \"fontWeight\": \"700\"}]\n }\n }\n }\n }\n <\/script>\n<style>\n \/* =============================================\n FIX SCROLL ORIZZONTALE\n ============================================= *\/\n\n \/* 1. Radice: blocca overflow orizzontale su html e body *\/\n html, body {\n overflow-x: hidden !important;\n max-width: 100% !important;\n }\n\n \/* 2. Ogni sezione non deve mai uscire dal viewport *\/\n section {\n max-width: 100vw;\n overflow-x: hidden;\n }\n\n\n \/* 3. Icona decorativa: tenuta dentro i bordi *\/\n .decorative-icon-bg {\n overflow: hidden !important;\n }\n\n \/* 4. parallax-bg: background-attachment:fixed causa glitch\n su mobile \u2014 sostituiamo con scroll su schermi stretti *\/\n @media (max-width: 1023px) {\n .parallax-bg {\n background-attachment: scroll !important;\n }\n }\n\n \/* 5. Contenitori assoluti (video, img di sfondo):\n il parent deve avere overflow:hidden *\/\n .relative.overflow-hidden,\n section.relative.overflow-hidden {\n overflow: hidden !important;\n }\n\n \/* 6. Immagine di sfondo CTA: non deve sporgere *\/\n #cta-bg-img {\n max-width: 100% !important;\n }\n\n \/* 7. Sticky bar mobile: usa max-width 100% *\/\n #sticky-mobile-cta {\n max-width: 100vw !important;\n box-sizing: border-box !important;\n }\n\n \/* 8. Griglia bento e card: evita overflow implicito *\/\n .bento-grid {\n max-width: 100% !important;\n overflow-x: hidden !important;\n }\n\n \/* =============================================\n STILI ORIGINALI (invariati)\n ============================================= *\/\n\n \/* CTA buttons \u2014 unified Lexend font *\/\n a button, button {\n font-family: 'Lexend', sans-serif !important;\n }\n\n \/* Global font assignment *\/\n body {\n font-family: 'Open Sans', sans-serif;\n }\n h1, h2, h3, h4, h5, h6 {\n font-family: 'Lexend', sans-serif !important;\n }\n .font-h1, .font-h2, .font-h3, .text-h1, .text-h2, .text-h3 {\n font-family: 'Lexend', sans-serif !important;\n }\n .font-body-md, .font-body-lg, .font-label-sm {\n font-family: 'Open Sans', sans-serif !important;\n }\n \/* Hero form: hidden mobile, shown desktop *\/\n @media (min-width: 1024px) {\n #assessment-form { display: block !important; }\n #hero-mobile-cta { display: none !important; }\n }\n \/* Mobile navbar: smaller logo and button *\/\n @media (max-width: 480px) {\n .navbar-logo { height: 28px !important; max-width: 130px !important; }\n .navbar-cta { padding: 6px 10px !important; font-size: 11px !important; white-space: nowrap; }\n }\n\n .bento-grid {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n gap: 24px;\n }\n .glass-card {\n background: rgba(255, 255, 255, 0.8);\n backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.3);\n }\n .parallax-bg {\n background-attachment: fixed;\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n \/* Mobile: pi\u00f9 respiro ovunque *\/\n @media (max-width: 767px) {\n .max-w-\\[1280px\\] {\n padding-left: 20px !important;\n padding-right: 20px !important;\n }\n section {\n padding-top: 48px !important;\n padding-bottom: 48px !important;\n }\n .px-8 {\n padding-left: 20px !important;\n padding-right: 20px !important;\n }\n .p-8 { padding: 20px !important; }\n .p-10 { padding: 24px !important; }\n .p-12 { padding: 24px !important; }\n .p-6 { padding: 16px !important; }\n .gap-8 { gap: 20px !important; }\n .mb-lg { margin-bottom: 32px !important; }\n .py-xl { padding-top: 48px !important; padding-bottom: 48px !important; }\n }\n @media (min-width: 1024px) {\n #method-grid { grid-template-rows: unset !important; grid-template-columns: 1fr 1fr; }\n }\n @media (min-width: 768px) {\n #cta-bg-img { display: block !important; }\n }\n\n\n \/* Hero video overlay \u2014 strong dark gradient so text is always readable *\/\n .hero-video-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(\n 105deg,\n rgba(0, 22, 38, 0.82) 0%,\n rgba(0, 22, 38, 0.65) 55%,\n rgba(0, 22, 38, 0.30) 100%\n );\n z-index: 1;\n }\n\n #hero-video {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 0;\n }\n\n \/* HubSpot form styling inside hero *\/\n #hero-form-wrapper .hs-form {\n font-family: 'Open Sans', sans-serif;\n }\n #hero-form-wrapper .hs-form-field label {\n color: #001626;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.03em;\n margin-bottom: 4px;\n display: block;\n }\n #hero-form-wrapper .hs-input {\n width: 100% !important;\n background: #f8f9ff !important;\n border: 1px solid #c2c7ce !important;\n border-radius: 8px !important;\n color: #001626 !important;\n padding: 10px 14px !important;\n font-size: 14px !important;\n margin-bottom: 4px;\n transition: border-color 0.2s, background 0.2s;\n box-sizing: border-box;\n }\n #hero-form-wrapper .hs-input:focus {\n outline: none !important;\n border-color: #006b55 !important;\n background: #ffffff !important;\n }\n #hero-form-wrapper .hs-input::placeholder {\n color: #9aa0a8 !important;\n }\n #hero-form-wrapper .hs-button {\n width: 100% !important;\n background: #006b55 !important;\n color: white !important;\n border: none !important;\n border-radius: 8px !important;\n padding: 13px 20px !important;\n font-size: 15px !important;\n font-weight: 700 !important;\n cursor: pointer !important;\n margin-top: 8px !important;\n transition: filter 0.15s !important;\n }\n #hero-form-wrapper .hs-button:hover {\n filter: brightness(1.15) !important;\n }\n #hero-form-wrapper .hs-error-msgs {\n color: #ba1a1a !important;\n font-size: 12px !important;\n list-style: none !important;\n padding: 0 !important;\n margin: 2px 0 4px !important;\n }\n #hero-form-wrapper .submitted-message {\n color: #006b55 !important;\n font-weight: 600 !important;\n font-size: 16px !important;\n text-align: center;\n padding: 20px 0;\n }\n #hero-form-wrapper .hs-form-field {\n margin-bottom: 12px;\n }\n #hero-form-wrapper fieldset {\n max-width: 100% !important;\n border: none !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n #hero-form-wrapper .form-columns-1,\n #hero-form-wrapper .form-columns-2 {\n display: flex;\n flex-direction: column;\n gap: 0;\n }\n #hero-form-wrapper select.hs-input {\n color: #001626 !important;\n background-color: #f8f9ff !important;\n }\n #hero-form-wrapper select.hs-input option {\n background-color: #ffffff;\n color: #001626;\n }\n\n \/* Modal popup for mobile form *\/\n #form-modal {\n display: none;\n position: fixed;\n inset: 0;\n z-index: 9999;\n background: rgba(0,0,0,0.6);\n backdrop-filter: blur(4px);\n align-items: flex-end;\n justify-content: center;\n }\n #form-modal.open {\n display: flex;\n }\n #form-modal-inner {\n background: #fff;\n border-radius: 20px 20px 0 0;\n padding: 28px 24px 36px;\n width: 100%;\n max-height: 90vh;\n overflow-y: auto;\n position: relative;\n animation: slideUp 0.3s ease;\n }\n @keyframes slideUp {\n from { transform: translateY(100%); opacity: 0; }\n to { transform: translateY(0); opacity: 1; }\n }\n #form-modal-close {\n position: absolute;\n top: 14px;\n right: 16px;\n background: none;\n border: none;\n font-size: 28px;\n cursor: pointer;\n color: #42474d;\n line-height: 1;\n }\n \/* Modal form reuses same hs styles \u2014 scope to modal wrapper *\/\n #modal-form-wrapper .hs-form { font-family: 'Open Sans', sans-serif; }\n #modal-form-wrapper .hs-form-field label { color:#001626; font-size:13px; font-weight:600; letter-spacing:.03em; margin-bottom:4px; display:block; }\n #modal-form-wrapper .hs-input { width:100%!important; background:#f8f9ff!important; border:1px solid #c2c7ce!important; border-radius:8px!important; color:#001626!important; padding:10px 14px!important; font-size:14px!important; margin-bottom:4px; box-sizing:border-box; }\n #modal-form-wrapper .hs-input:focus { outline:none!important; border-color:#006b55!important; background:#fff!important; }\n #modal-form-wrapper .hs-button { width:100%!important; background:#006b55!important; color:#fff!important; border:none!important; border-radius:8px!important; padding:13px 20px!important; font-size:15px!important; font-weight:700!important; cursor:pointer!important; margin-top:8px!important; font-family:'Lexend',sans-serif!important; }\n #modal-form-wrapper .hs-error-msgs { color:#ba1a1a!important; font-size:12px!important; list-style:none!important; padding:0!important; margin:2px 0 4px!important; }\n #modal-form-wrapper .submitted-message { color:#006b55!important; font-weight:600!important; font-size:16px!important; text-align:center; padding:20px 0; }\n #modal-form-wrapper .hs-form-field { margin-bottom:12px; }\n #modal-form-wrapper fieldset { max-width:100%!important; border:none!important; padding:0!important; margin:0!important; }\n #modal-form-wrapper .form-columns-1, #modal-form-wrapper .form-columns-2 { display:flex; flex-direction:column; gap:0; }\n #modal-form-wrapper select.hs-input { color:#001626!important; background-color:#f8f9ff!important; }\n <\/style>\n<\/head>\n<body class=\"bg-background text-on-background font-body-md selection:bg-secondary-fixed selection:text-on-secondary-fixed\">\n\n \n <div id=\"form-modal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Assessment Gratuito\">\n <div id=\"form-modal-inner\">\n <button id=\"form-modal-close\" aria-label=\"Chiudi\">×<\/button>\n <p style=\"color:#006b55;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;\">Assessment Gratuito<\/p>\n <h3 style=\"color:#001626;font-size:20px;font-weight:700;margin-bottom:6px;line-height:1.3;\">Scopri quali fondi europei<br\/>sono accessibili al tuo ente<\/h3>\n <p style=\"color:#42474d;font-size:13px;margin-bottom:20px;\">Zero teoria. Solo dati tecnici concreti.<\/p>\n <div id=\"modal-form-wrapper\"><\/div>\n <\/div>\n <\/div>\n\n<header class=\"bg-white fixed top-0 w-full border-b border-slate-200 shadow-sm z-50\">\n<nav class=\"flex justify-between items-center h-16 px-4 sm:px-8 max-w-[1280px] mx-auto w-full gap-4\">\n<div class=\"flex items-center gap-8\">\n \n <img decoding=\"async\" src=\"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/tspan-pos-orizzontale-logo.svg\" alt=\"TSPAN\" style=\"height:50px; width:auto; max-width:240px; object-fit:contain;\" class=\"navbar-logo\"\/>\n<\/div>\n<div class=\"flex items-center gap-4\">\n<a href=\"#assessment-form\" id=\"navbar-cta-link\"><button class=\"navbar-cta px-5 py-2 bg-[#002B45] text-white text-sm font-semibold rounded-lg active:scale-95 duration-150 ease-in-out hover:bg-secondary transition-all\">Assessment Gratuito<\/button><\/a>\n<\/div>\n<\/nav>\n<\/header>\n<main class=\"pt-16\">\n\n<section class=\"relative min-h-[85vh] flex items-center overflow-hidden bg-[#001626]\">\n \n <video id=\"hero-video\" autoplay muted loop playsinline preload=\"auto\" style=\"display:block;\">\n <source src=\"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/2569960_European_Flags_3840x2160-2.mp4\" type=\"video\/mp4\"\/>\n <\/video>\n <script>\n (function(){\n var v = document.getElementById('hero-video');\n if(v){\n v.addEventListener('timeupdate', function(){\n if(v.duration && v.currentTime >= v.duration - 0.15){\n v.currentTime = 0;\n v.play();\n }\n });\n }\n })();\n <\/script>\n\n \n <div class=\"hero-video-overlay\"><\/div>\n\n \n <div class=\"max-w-[1280px] mx-auto px-8 w-full relative z-10 py-lg\">\n <div class=\"flex flex-col lg:flex-row items-start gap-12 w-full\">\n\n \n <div class=\"max-w-xl transform transition-all duration-700 translate-y-0 opacity-100 flex-shrink-0\">\n <span class=\"inline-flex items-center px-4 py-1.5 rounded-full bg-white\/15 backdrop-blur-sm border border-white\/20 text-white text-label-sm font-label-sm mb-md shadow-sm\">\n TECHNICAL PARTNER\n <\/span>\n <h1 class=\"font-h1 text-h1 text-white mb-md leading-tight drop-shadow-lg\">\n Non solo compliance. <br\/>\n <span class=\"text-secondary-fixed\">Tecnica che apre le porte all'Europa.<\/span>\n <\/h1>\n <p class=\"text-white\/85 mb-lg max-w-2xl font-medium drop-shadow\" style=\"font-size: 22px; line-height: 1.5;\">\n Il partner operativo che trasforma la complessit\u00e0 normativa europea in candidature vincenti.\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <a href=\"#services\"><button class=\"px-8 py-4 border-2 border-white\/40 text-white font-semibold rounded-lg hover:bg-white\/10 transition-all flex items-center justify-center gap-2 group backdrop-blur-sm\">\n Scopri i servizi <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"group-hover:translate-x-1 transition-transform inline-block\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n <\/button><\/a>\n \n <a href=\"#\" id=\"hero-mobile-cta\" class=\"lg:hidden\"><button class=\"px-8 py-4 bg-secondary text-white font-semibold rounded-lg shadow-lg hover:brightness-110 transition-all active:scale-95\">\n Richiedi assessment gratuito\n <\/button><\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"flex-1 w-full lg:max-w-none\" id=\"assessment-form\" style=\"display:none;\">\n <div style=\"background: #ffffff; border-radius: 20px; padding: 36px 32px; box-shadow: 0 8px 40px rgba(0,0,0,0.18);\">\n <p style=\"color: #006b55; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 8px;\">Assessment Gratuito<\/p>\n <h3 style=\"color: #001626; font-size: 20px; font-weight: 700; margin-bottom: 6px; line-height: 1.3;\">Scopri quali fondi europei<br\/>sono accessibili al tuo ente<\/h3>\n <p style=\"color: #42474d; font-size: 13px; margin-bottom: 24px;\">Zero teoria. Solo dati tecnici concreti.<\/p>\n <div id=\"hero-form-wrapper\">\n <script charset=\"utf-8\" type=\"text\/javascript\" src=\"\/\/js-eu1.hsforms.net\/forms\/embed\/v2.js\"><\/script>\n <script>\n hbspt.forms.create({\n portalId: \"26479973\",\n formId: \"12061804-3faa-410b-9aa4-76041f7ea61a\",\n region: \"eu1\",\n target: \"#hero-form-wrapper\"\n });\n <\/script>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"bg-[#002B45] py-8 border-y border-white\/10 relative overflow-hidden\">\n<div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/carbon-fibre.png')] opacity-5\"><\/div>\n<div class=\"max-w-[1280px] mx-auto px-8 relative z-10\">\n<div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-4\">\n<div class=\"flex flex-col border-l-2 border-secondary pl-6\">\n<span class=\"text-secondary-fixed font-bold text-h3\">\u20ac66 MLD<\/span>\n<span class=\"text-white\/60 text-[11px] uppercase tracking-widest font-semibold\">Fondi UE non spesi (2026)<\/span>\n<\/div>\n<div class=\"flex flex-col border-l-2 border-secondary pl-6\">\n<span class=\"text-secondary-fixed font-bold text-h3\">92%<\/span>\n<span class=\"text-white\/60 text-[11px] uppercase tracking-widest font-semibold\">Fondi 2021-2027 disponibili<\/span>\n<\/div>\n<div class=\"flex flex-col border-l-2 border-secondary pl-6\">\n<span class=\"text-secondary-fixed font-bold text-h3\">48H<\/span>\n<span class=\"text-white\/60 text-[11px] uppercase tracking-widest font-semibold\">Tempo medio di risposta<\/span>\n<\/div>\n<div class=\"flex flex-col border-l-2 border-secondary pl-6\">\n<span class=\"text-secondary-fixed font-bold text-h3\" style=\"font-size:16px; line-height:1.4;\">Rischi pre-submission identificati e neutralizzati<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n<section class=\"py-xl bg-surface relative\" id=\"services\">\n<div class=\"max-w-[1280px] mx-auto px-8\">\n<div class=\"mb-lg flex flex-col md:flex-row md:items-end justify-between gap-6\">\n<div class=\"max-w-2xl\">\n<h2 class=\"font-h2 text-h2 text-primary mb-md\">3 aree. Un unico interlocutore tecnico.<\/h2>\n<p class=\"font-body-lg text-body-lg text-on-surface-variant\">\n Affianchiamo la Pubblica Amministrazione nella governance dei fondi europei \u2014 prima, durante e dopo ogni candidatura. Riduciamo il rischio amministrativo, garantiamo la conformit\u00e0 normativa e massimizziamo la capacit\u00e0 di spesa certificata.\n<\/p>\n<\/div>\n\n<\/div>\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-lg\">\n\n<div class=\"group bg-white p-8 rounded-2xl border border-outline-variant hover:border-secondary hover:shadow-2xl transition-all duration-500 overflow-hidden relative flex flex-col\">\n<div class=\"absolute -right-4 -top-4 w-24 h-24 bg-secondary-container\/10 rounded-full group-hover:scale-150 transition-transform duration-700\"><\/div>\n<div class=\"w-14 h-14 bg-secondary-container\/30 rounded-xl flex items-center justify-center mb-6 text-secondary group-hover:bg-secondary group-hover:text-white transition-colors duration-300\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/>\n <\/svg>\n<\/div>\n<h3 class=\"font-h3 text-h3 text-primary mb-2\">Supporto Tecnico e Compliance<\/h3>\n<p class=\"text-secondary font-semibold text-[15px] mb-4\">Meno rischio, pi\u00f9 spesa certificata.<\/p>\n<p class=\"text-on-surface-variant text-[15px] leading-relaxed\">Gestiamo la complessit\u00e0 normativa al posto tuo. La tua PA spende meglio, certifica nei tempi e non subisce rettifiche.<\/p>\n<\/div>\n\n<div class=\"group bg-white p-8 rounded-2xl border border-outline-variant hover:border-secondary hover:shadow-2xl transition-all duration-500 overflow-hidden relative flex flex-col\">\n<div class=\"absolute -right-4 -top-4 w-24 h-24 bg-secondary-container\/10 rounded-full group-hover:scale-150 transition-transform duration-700\"><\/div>\n<div class=\"w-14 h-14 bg-secondary-container\/30 rounded-xl flex items-center justify-center mb-6 text-secondary group-hover:bg-secondary group-hover:text-white transition-colors duration-300\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 22h18\"\/><path d=\"M6 18V10\"\/><path d=\"M10 18V10\"\/><path d=\"M14 18V10\"\/><path d=\"M18 18V10\"\/><path d=\"M2 10l10-7 10 7\"\/>\n <\/svg>\n<\/div>\n<h3 class=\"font-h3 text-h3 text-primary mb-2\">Servizi Dedicati alle Societ\u00e0 Partecipate<\/h3>\n<p class=\"text-secondary font-semibold text-[15px] mb-4\">Fondi europei accessibili, senza esporti.<\/p>\n<p class=\"text-on-surface-variant text-[15px] leading-relaxed\">Le tue partecipate vengono messe nelle piene condizioni di partecipare ai programmi europei: normativamente, strutturalmente, operativamente.<\/p>\n<\/div>\n\n<div class=\"group bg-white p-8 rounded-2xl border border-outline-variant hover:border-secondary hover:shadow-2xl transition-all duration-500 overflow-hidden relative flex flex-col\">\n<div class=\"absolute -right-4 -top-4 w-24 h-24 bg-secondary-container\/10 rounded-full group-hover:scale-150 transition-transform duration-700\"><\/div>\n<div class=\"w-14 h-14 bg-secondary-container\/30 rounded-xl flex items-center justify-center mb-6 text-secondary group-hover:bg-secondary group-hover:text-white transition-colors duration-300\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n <\/svg>\n<\/div>\n<h3 class=\"font-h3 text-h3 text-primary mb-2\">Lobbying e Posizionamento Europeo<\/h3>\n<p class=\"text-secondary font-semibold text-[15px] mb-4\">Arrivi prima, sui bandi che contano.<\/p>\n<p class=\"text-on-surface-variant text-[15px] leading-relaxed\">Presidiamo Bruxelles per te. Intercettiamo le opportunit\u00e0 giuste e ti posizioniamo nelle reti europee prima che il bando apra.<\/p>\n<\/div>\n<\/div>\n\n\n<div class=\"bg-[#002B45] p-10 rounded-3xl relative overflow-hidden group\">\n<img decoding=\"async\" alt=\"Office detail\" class=\"absolute inset-0 w-full h-full object-cover opacity-10 grayscale group-hover:scale-105 transition-transform duration-1000\" src=\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuC3SjfGGQI1yes6nhMmQ-vrM1Dvs1Rbsw6_TVurJEu4CHVbLjsxnS2H17j-zUab3nJT8vKmPtVX20NeLeRjabz-zEs2RC89MfAmCB1SSH0AB1Ycb9opdD8g3sbCTI6Y7ek1Kb_ijtfRY78VsgzB3HZh9FrvvFGdRAvxf9f38FjTUB3ejrWbrfy11yYtkRVHk2f61uB-1ORlQqx7jGz7vhq1dEtc_1U3xa-e70oh_xJm1O9lH__HA0Ky18irqOf0QW16N13jouxFmLU\"\/>\n<div class=\"relative z-10 flex flex-col md:flex-row items-center justify-between gap-8\">\n<div class=\"max-w-2xl\">\n<h4 class=\"text-white font-bold text-h3 mb-4\">Il nostro principio operativo<\/h4>\n<p class=\"text-on-primary-container font-body-lg italic text-lg border-l-4 border-secondary pl-6\">\n \"Interveniamo prima che la candidatura venga inviata \u2014 non dopo che viene respinta.\"\n<\/p>\n<\/div>\n<div class=\"h-1px md:h-16 w-full md:w-px bg-white\/20\"><\/div>\n<div class=\"text-secondary-fixed font-bold text-center md:text-right tracking-tight text-xl\">\n Pre-Audit & <br class=\"hidden md:block\"\/>Risk Elimination\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n<section class=\"py-xl bg-surface-container-lowest\" id=\"method\">\n<div class=\"max-w-[1280px] mx-auto px-8\">\n<div class=\"text-center mb-xl\">\n<h2 class=\"font-h2 text-h2 text-primary mb-md\">Dalla diagnosi alla rendicontazione.<\/h2>\n<div class=\"w-24 h-1.5 bg-secondary mx-auto rounded-full\"><\/div>\n<\/div>\n<div id=\"method-grid\" class=\"grid grid-cols-1 lg:grid-cols-2 gap-0 rounded-3xl overflow-hidden border border-slate-200 shadow-xl\" style=\"align-items:stretch;\">\n \n <div class=\"flex flex-col divide-y divide-slate-100\">\n <div class=\"flex items-center gap-5 p-8 group hover:bg-slate-50 transition-colors\">\n <div class=\"w-14 h-14 shrink-0 rounded-2xl bg-[#002B45] text-white flex items-center justify-center shadow group-hover:rotate-3 transition-transform\">\n <span class=\"font-black text-xl\">01<\/span>\n <\/div>\n <h4 class=\"font-bold text-primary text-lg\">Scouting Tecnico<\/h4>\n <\/div>\n <div class=\"flex items-center gap-5 p-8 group hover:bg-slate-50 transition-colors\">\n <div class=\"w-14 h-14 shrink-0 rounded-2xl bg-secondary text-white flex items-center justify-center shadow group-hover:rotate-3 transition-transform\">\n <span class=\"font-black text-xl\">02<\/span>\n <\/div>\n <h4 class=\"font-bold text-primary text-lg\">Pre-Check Normativo<\/h4>\n <\/div>\n <div class=\"flex items-center gap-5 p-8 group hover:bg-slate-50 transition-colors\">\n <div class=\"w-14 h-14 shrink-0 rounded-2xl bg-[#002B45] text-white flex items-center justify-center shadow group-hover:rotate-3 transition-transform\">\n <span class=\"font-black text-xl\">03<\/span>\n <\/div>\n <h4 class=\"font-bold text-primary text-lg\">Design Architetturale<\/h4>\n <\/div>\n <div class=\"flex items-center gap-5 p-8 group hover:bg-slate-50 transition-colors\">\n <div class=\"w-14 h-14 shrink-0 rounded-2xl bg-secondary text-white flex items-center justify-center shadow group-hover:rotate-3 transition-transform\">\n <span class=\"font-black text-xl\">04<\/span>\n <\/div>\n <h4 class=\"font-bold text-primary text-lg\">Submission Support<\/h4>\n <\/div>\n <div class=\"flex items-center gap-5 p-8 group hover:bg-slate-50 transition-colors\">\n <div class=\"w-14 h-14 shrink-0 rounded-2xl bg-[#002B45] text-white flex items-center justify-center shadow group-hover:rotate-3 transition-transform\">\n <span class=\"font-black text-xl\">05<\/span>\n <\/div>\n <h4 class=\"font-bold text-primary text-lg\">Project Management e Rendicontazione<\/h4>\n <\/div>\n <\/div>\n \n <div class=\"relative\" style=\"min-height:280px; height:100%;\">\n <img decoding=\"async\"\n src=\"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/accounting-company-provide-finance-taxation-planning-profitable-cash-flow-auditor-accountant-team-working-office-analyze-financial-data-accounting-record-with-calculatorinsight-scaled.jpg\"\n alt=\"Consulenza tecnica fondi europei\"\n style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;\"\n \/>\n <\/div>\n<\/div>\n\n<\/div>\n<\/section>\n\n\n<section class=\"py-xl bg-surface-container relative overflow-hidden decorative-icon-bg\" id=\"target\">\n\n<div class=\"max-w-[1280px] mx-auto px-8 relative z-10\">\n<div class=\"mb-lg text-center\">\n<h2 class=\"font-h2 text-h2 text-primary\">Target specifici. Valore misurabile.<\/h2>\n<\/div>\n\n\n<div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n\n<div class=\"flex flex-col bg-white rounded-3xl overflow-hidden shadow-sm border border-outline-variant hover:-translate-y-2 transition-transform duration-500\" style=\"min-height:260px;\">\n <div class=\"h-3 bg-[#002B45]\"><\/div>\n <div class=\"p-10 flex-grow flex flex-col\">\n <div style=\"width:44px;height:44px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;flex-shrink:0;\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#002B45\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M3 22h18\"\/><path d=\"M6 18V10\"\/><path d=\"M10 18V10\"\/><path d=\"M14 18V10\"\/><path d=\"M18 18V10\"\/><path d=\"M2 10l10-7 10 7\"\/>\n <\/svg>\n <\/div>\n <h3 style=\"font-family:'Lexend',sans-serif;font-size:20px;font-weight:700;color:#001626;line-height:1.3;margin:0;\">Responsabili PA<\/h3>\n <\/div>\n<\/div>\n\n<div class=\"flex flex-col bg-white rounded-3xl overflow-hidden shadow-sm border border-outline-variant hover:-translate-y-2 transition-transform duration-500\" style=\"min-height:260px;\">\n <div class=\"h-3 bg-secondary\"><\/div>\n <div class=\"p-10 flex-grow flex flex-col\">\n <div style=\"width:44px;height:44px;background:#d1fae5;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;flex-shrink:0;\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#006b55\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18\"\/><path d=\"M9 21V9\"\/>\n <\/svg>\n <\/div>\n <h3 style=\"font-family:'Lexend',sans-serif;font-size:20px;font-weight:700;color:#001626;line-height:1.3;margin:0;\">Societ\u00e0 Partecipate<\/h3>\n <\/div>\n<\/div>\n\n<div class=\"flex flex-col bg-white rounded-3xl overflow-hidden shadow-sm border border-outline-variant hover:-translate-y-2 transition-transform duration-500\" style=\"min-height:260px;\">\n <div class=\"h-3 bg-[#002B45]\"><\/div>\n <div class=\"p-10 flex-grow flex flex-col\">\n <div style=\"width:44px;height:44px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;flex-shrink:0;\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#002B45\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/>\n <\/svg>\n <\/div>\n <h3 style=\"font-family:'Lexend',sans-serif;font-size:20px;font-weight:700;color:#001626;line-height:1.3;margin:0;\">Enti Regionali\/Province autonome<\/h3>\n <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n<style>\n@media (min-width: 768px) {\n #cta-bg-img { display: block !important; }\n}\n<\/style>\n<section class=\"py-xl bg-[#002B45] relative overflow-hidden\">\n<div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-10\" style=\"z-index:2;\"><\/div>\n<img decoding=\"async\" id=\"cta-bg-img\" alt=\"Team istituzionale\" style=\"display:none; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0.35; z-index:1;\" src=\"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/29061.jpg\"\/>\n\n<div class=\"max-w-[1280px] mx-auto px-8 text-center\" style=\"position:relative; z-index:3;\">\n<h2 class=\"font-h1 text-h1 text-white mb-md\">Partiamo operativi.<\/h2>\n<p class=\"font-body-lg text-body-lg text-white\/80 mb-lg max-w-2xl mx-auto\">\n Un assessment gratuito per scoprire quali fondi europei sono accessibili al tuo ente oggi. Zero teoria, solo dati tecnici.\n<\/p>\n<div class=\"flex flex-col sm:flex-row gap-6 justify-center\">\n<a href=\"#assessment-form\"><button class=\"px-10 py-5 bg-secondary text-white font-bold rounded-xl hover:brightness-110 transition-all active:scale-95 shadow-2xl shadow-secondary\/20 text-lg\">\n Richiedi assessment gratuito\n<\/button><\/a>\n<a href=\"#assessment-form\"><button class=\"px-10 py-5 border-2 border-white\/30 text-white font-bold rounded-xl hover:bg-white\/10 transition-all active:scale-95 text-lg\">\n Contatta un esperto\n<\/button><\/a>\n<\/div>\n<\/div>\n<\/section>\n<\/main>\n<\/main>\n\n<footer style=\"background:#001626; border-top:1px solid rgba(255,255,255,0.08); padding:40px 16px;\">\n <div style=\"max-width:1280px; margin:0 auto; text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px;\">\n <p style=\"color:rgba(255,255,255,0.75); font-family:'Open Sans',sans-serif; font-size:14px; line-height:1.8; margin:0;\">\n <strong style=\"color:rgba(255,255,255,0.9);\">P.IVA \/ C.F.:<\/strong> 16898051004\n <\/p>\n <p style=\"color:rgba(255,255,255,0.75); font-family:'Open Sans',sans-serif; font-size:14px; line-height:1.8; margin:0;\">\n <strong style=\"color:rgba(255,255,255,0.9);\">Sede Legale:<\/strong> Piazza Principe Umberto I, 16 – 80053 Castellammare di Stabia (NA)\n <\/p>\n <p style=\"margin:0;\">\n <a href=\"mailto:info@tspan.it\" style=\"color:#5edbb7; font-family:'Open Sans',sans-serif; font-size:14px; text-decoration:none; font-weight:600; transition:opacity 0.2s;\" onmouseover=\"this.style.opacity='0.75'\" onmouseout=\"this.style.opacity='1'\">info@tspan.it<\/a>\n <\/p>\n <\/div>\n<\/footer>\n\n<div id=\"sticky-mobile-cta\" style=\"display:none; position:fixed; bottom:0; left:0; right:0; z-index:1000; padding:12px 16px 36px; background:linear-gradient(to top, rgba(0,22,38,0.97) 70%, rgba(0,22,38,0)); pointer-events:none; transform:translateY(100%); opacity:0; transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1), opacity 0.35s ease; box-sizing:border-box; max-width:100vw;\">\n <button id=\"sticky-cta-btn\" style=\"pointer-events:all; width:100%; background:#006b55; color:#fff; font-family:'Lexend',sans-serif; font-size:16px; font-weight:700; border:none; border-radius:12px; padding:16px 20px; box-shadow:0 4px 24px rgba(0,107,85,0.4); cursor:pointer; transition:filter 0.15s;\" onclick=\"document.getElementById('sticky-cta-btn').dispatchEvent(new Event('cta-open'))\">\n Richiedi assessment gratuito\n <\/button>\n<\/div>\n\n\n<script>\n(function(){\n var modalFormLoaded = false;\n\n function openModal() {\n if (window.innerWidth > 1023) return;\n document.getElementById('form-modal').classList.add('open');\n document.body.style.overflow = 'hidden';\n if (!modalFormLoaded && typeof hbspt !== 'undefined') {\n modalFormLoaded = true;\n hbspt.forms.create({\n portalId: \"26479973\",\n formId: \"12061804-3faa-410b-9aa4-76041f7ea61a\",\n region: \"eu1\",\n target: \"#modal-form-wrapper\"\n });\n }\n }\n function closeModal() {\n document.getElementById('form-modal').classList.remove('open');\n document.body.style.overflow = '';\n }\n\n document.getElementById('form-modal-close').addEventListener('click', closeModal);\n document.getElementById('form-modal').addEventListener('click', function(e){\n if (e.target === this) closeModal();\n });\n\n document.getElementById('navbar-cta-link').addEventListener('click', function(e){\n if (window.innerWidth <= 1023) { e.preventDefault(); openModal(); }\n });\n document.getElementById('hero-mobile-cta').addEventListener('click', function(e){\n e.preventDefault(); openModal();\n });\n document.querySelectorAll('.cta-modal-trigger').forEach(function(el){\n el.addEventListener('click', function(e){\n if (window.innerWidth <= 1023) { e.preventDefault(); openModal(); }\n });\n });\n\n \/\/ Sticky mobile CTA \u2014 appears after scrolling past hero\n var stickyCta = document.getElementById('sticky-mobile-cta');\n var stickyBtn = document.getElementById('sticky-cta-btn');\n var heroSection = document.querySelector('section');\n\n stickyBtn.addEventListener('cta-open', openModal);\n stickyBtn.addEventListener('click', openModal);\n\n function updateStickyCta() {\n if (window.innerWidth > 1023) { \n stickyCta.style.display = 'none';\n return; \n }\n var heroBottom = heroSection.getBoundingClientRect().bottom;\n if (heroBottom < 0) {\n stickyCta.style.display = 'block';\n \/\/ Trigger reflow so transition fires\n stickyCta.offsetHeight;\n stickyCta.style.transform = 'translateY(0)';\n stickyCta.style.opacity = '1';\n } else {\n stickyCta.style.transform = 'translateY(100%)';\n stickyCta.style.opacity = '0';\n \/\/ Hide after transition ends\n setTimeout(function(){\n if (heroSection.getBoundingClientRect().bottom >= 0) {\n stickyCta.style.display = 'none';\n }\n }, 400);\n }\n }\n\n window.addEventListener('scroll', updateStickyCta, { passive: true });\n window.addEventListener('resize', updateStickyCta);\n updateStickyCta();\n})();\n<\/script>\n<\/body><\/html>\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>TSPAN | Technical Partner for PA & EU Funds × Assessment Gratuito Scopri quali fondi europeisono accessibili al tuo ente Zero teoria. Solo dati tecnici concreti. Assessment Gratuito TECHNICAL PARTNER Non solo compliance. Tecnica che apre le porte all’Europa. Il partner operativo che trasforma la complessit\u00e0 normativa europea in candidature vincenti. Scopri i servizi Richiedi […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>TSPAN | Partner Tecnico per PA e Fondi Europei<\/title>\n<meta name=\"description\" content=\"PAN affianca la Pubblica Amministrazione nella governance dei fondi europei: compliance normativa, gestione delle partecipate e lobbying a Bruxelles. Assessment gratuito.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tspan.it\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TSPAN | Partner Tecnico per PA e Fondi Europei\" \/>\n<meta property=\"og:description\" content=\"PAN affianca la Pubblica Amministrazione nella governance dei fondi europei: compliance normativa, gestione delle partecipate e lobbying a Bruxelles. Assessment gratuito.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tspan.it\/\" \/>\n<meta property=\"og:site_name\" content=\"Implementalo e basta!\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-28T09:41:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/tspan-pos-orizzontale-logo.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tspan.it\\\/\",\"url\":\"https:\\\/\\\/tspan.it\\\/\",\"name\":\"TSPAN | Partner Tecnico per PA e Fondi Europei\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tspan.it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/tspan.it\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/tspan.it\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.timevision.it\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/tspan-pos-orizzontale-logo.svg\",\"datePublished\":\"2026-05-25T07:39:44+00:00\",\"dateModified\":\"2026-05-28T09:41:38+00:00\",\"description\":\"PAN affianca la Pubblica Amministrazione nella governance dei fondi europei: compliance normativa, gestione delle partecipate e lobbying a Bruxelles. Assessment gratuito.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/tspan.it\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tspan.it\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/tspan.it\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.timevision.it\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/tspan-pos-orizzontale-logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.timevision.it\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/tspan-pos-orizzontale-logo.svg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/tspan.it\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/tspan.it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tspan.it\\\/#website\",\"url\":\"https:\\\/\\\/tspan.it\\\/\",\"name\":\"Implementalo e basta!\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tspan.it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"}]}<\/script>\n","yoast_head_json":{"title":"TSPAN | Partner Tecnico per PA e Fondi Europei","description":"PAN affianca la Pubblica Amministrazione nella governance dei fondi europei: compliance normativa, gestione delle partecipate e lobbying a Bruxelles. Assessment gratuito.","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:\/\/tspan.it\/","og_locale":"it_IT","og_type":"article","og_title":"TSPAN | Partner Tecnico per PA e Fondi Europei","og_description":"PAN affianca la Pubblica Amministrazione nella governance dei fondi europei: compliance normativa, gestione delle partecipate e lobbying a Bruxelles. Assessment gratuito.","og_url":"https:\/\/tspan.it\/","og_site_name":"Implementalo e basta!","article_modified_time":"2026-05-28T09:41:38+00:00","og_image":[{"url":"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/tspan-pos-orizzontale-logo.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"9 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tspan.it\/","url":"https:\/\/tspan.it\/","name":"TSPAN | Partner Tecnico per PA e Fondi Europei","isPartOf":{"@id":"https:\/\/tspan.it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tspan.it\/#primaryimage"},"image":{"@id":"https:\/\/tspan.it\/#primaryimage"},"thumbnailUrl":"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/tspan-pos-orizzontale-logo.svg","datePublished":"2026-05-25T07:39:44+00:00","dateModified":"2026-05-28T09:41:38+00:00","description":"PAN affianca la Pubblica Amministrazione nella governance dei fondi europei: compliance normativa, gestione delle partecipate e lobbying a Bruxelles. Assessment gratuito.","breadcrumb":{"@id":"https:\/\/tspan.it\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tspan.it\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/tspan.it\/#primaryimage","url":"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/tspan-pos-orizzontale-logo.svg","contentUrl":"https:\/\/www.timevision.it\/wp-content\/uploads\/2026\/04\/tspan-pos-orizzontale-logo.svg"},{"@type":"BreadcrumbList","@id":"https:\/\/tspan.it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tspan.it\/"},{"@type":"ListItem","position":2,"name":"Home Page"}]},{"@type":"WebSite","@id":"https:\/\/tspan.it\/#website","url":"https:\/\/tspan.it\/","name":"Implementalo e basta!","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tspan.it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"}]}},"_links":{"self":[{"href":"https:\/\/tspan.it\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tspan.it\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tspan.it\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tspan.it\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tspan.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":26,"href":"https:\/\/tspan.it\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/tspan.it\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/tspan.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}