{"id":29,"date":"2026-05-02T10:32:17","date_gmt":"2026-05-02T10:32:17","guid":{"rendered":"https:\/\/www.francescomazzarella.eu\/home\/"},"modified":"2026-10-08T00:06:06","modified_gmt":"2026-10-07T22:06:06","slug":"home","status":"publish","type":"page","link":"https:\/\/www.francescomazzarella.eu\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"29\" class=\"elementor elementor-29\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3440f81 e-con e-atomic-element e-flexbox-base\" data-id=\"3440f81\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3440f81\">\n    \n<\/div>\n<div class=\"elementor-element elementor-element-0c69bb0 e-flex e-con-boxed e-con e-parent\" data-id=\"0c69bb0\" 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-c083fa2 elementor-widget elementor-widget-shortcode\" data-id=\"c083fa2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"fmn-root fmn-has-sticky\"\n             id=\"fmn-1-1961\"\n             data-fmn-breakpoint=\"980\">\n\n            <nav class=\"fmn-nav fmn-sticky\" aria-label=\"Main navigation\">\n                <div class=\"fmn-inner\">\n                    <a class=\"fmn-brand\" href=\"https:\/\/www.francescomazzarella.eu\/en\/\">\n                        <span class=\"fmn-brand-mark\">FM<\/span>\n                        <span class=\"fmn-brand-text\">Francesco Mazzarella<\/span>\n                    <\/a>\n\n                    <div class=\"fmn-desktop\" aria-label=\"Main menu\">\n                        <ul id=\"fmn-1-1961-desktop\" class=\"fmn-list fmn-desktop-list\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/\">Home<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/chi-sono\/\">About me<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/cosa-faccio\/\">What I do<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/percorsi\/\">Programmes<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/siti-web-strumenti-digitali\/\">Websites and digital tools<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/podcast\/\">Podcast<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/articoli\/\">Articles<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item fmn-item-cta\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/contattami\/\">Get in touch<\/a><\/li><\/ul>                    <\/div>\n\n                    <button class=\"fmn-toggle\"\n                            type=\"button\"\n                            aria-label=\"Open menu\"\n                            aria-expanded=\"false\"\n                            aria-controls=\"fmn-1-1961-panel\">\n                        <span><\/span>\n                        <span><\/span>\n                        <span><\/span>\n                    <\/button>\n                <\/div>\n            <\/nav>\n\n            <div class=\"fmn-panel\"\n                 id=\"fmn-1-1961-panel\"\n                 aria-hidden=\"true\">\n                <ul id=\"fmn-1-1961-mobile-list\" class=\"fmn-list fmn-mobile-list\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/\">Home<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/chi-sono\/\">About me<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/cosa-faccio\/\">What I do<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/percorsi\/\">Programmes<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/siti-web-strumenti-digitali\/\">Websites and digital tools<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/podcast\/\">Podcast<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/articoli\/\">Articles<\/a><\/li><li class=\"menu-item menu-item-type-post_type menu-item-object-page fmn-menu-item fmn-item-cta\"><a href=\"https:\/\/www.francescomazzarella.eu\/en\/contattami\/\">Get in touch<\/a><\/li><\/ul>            <\/div>\n        <\/div>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc50d99 elementor-widget elementor-widget-html\" data-id=\"fc50d99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HOME PAGE FM COMUNICAZIONE - FRANCESCO MAZZARELLA -->\n\n<section class=\"fm-home\">\n\n  <style>\n    .fm-home {\n      --fm-orange: #ff8c1a;\n      --fm-orange-dark: #d96f00;\n      --fm-blue: #165dff;\n      --fm-blue-dark: #0b2f7a;\n      --fm-dark: #111827;\n      --fm-text: #243041;\n      --fm-muted: #5f6b7a;\n      --fm-light: #f6f8fb;\n      --fm-white: #ffffff;\n      --fm-border: rgba(17, 24, 39, 0.10);\n      --fm-shadow: 0 18px 45px rgba(15, 23, 42, 0.12);\n      --fm-radius: 26px;\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      color: var(--fm-text);\n      background: #ffffff;\n      line-height: 1.65;\n      overflow: hidden;\n    }\n\n    .fm-home * {\n      box-sizing: border-box;\n    }\n\n    .fm-wrap {\n      width: min(1180px, calc(100% - 36px));\n      margin: 0 auto;\n    }\n\n    .fm-topbar {\n      position: sticky;\n      top: 0;\n      z-index: 50;\n      background: rgba(255, 255, 255, 0.94);\n      backdrop-filter: blur(14px);\n      border-bottom: 1px solid var(--fm-border);\n    }\n\n    .fm-nav {\n      min-height: 74px;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 22px;\n    }\n\n    .fm-brand {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      text-decoration: none;\n      color: var(--fm-dark);\n      min-width: 230px;\n    }\n\n    .fm-brand-mark {\n      width: 44px;\n      height: 44px;\n      border-radius: 16px;\n      background: linear-gradient(135deg, var(--fm-orange), var(--fm-blue));\n      color: #fff;\n      display: grid;\n      place-items: center;\n      font-weight: 900;\n      letter-spacing: -0.06em;\n      box-shadow: 0 10px 24px rgba(22, 93, 255, 0.22);\n    }\n\n    .fm-brand-text strong {\n      display: block;\n      font-size: 15px;\n      line-height: 1.1;\n      color: var(--fm-dark);\n    }\n\n    .fm-brand-text span {\n      display: block;\n      font-size: 12px;\n      color: var(--fm-muted);\n      margin-top: 3px;\n    }\n\n    .fm-menu {\n      display: flex;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 4px;\n      flex-wrap: wrap;\n    }\n\n    .fm-menu a {\n      text-decoration: none;\n      color: #263244;\n      font-size: 14px;\n      font-weight: 650;\n      padding: 9px 10px;\n      border-radius: 999px;\n      transition: 0.2s ease;\n      white-space: nowrap;\n    }\n\n    .fm-menu a:hover {\n      background: #f0f4ff;\n      color: var(--fm-blue);\n    }\n\n    .fm-menu .fm-menu-cta {\n      background: var(--fm-dark);\n      color: #fff;\n      padding: 9px 15px;\n      margin-left: 4px;\n    }\n\n    .fm-menu .fm-menu-cta:hover {\n      background: var(--fm-blue);\n      color: #fff;\n    }\n\n    .fm-hero {\n      position: relative;\n      background:\n        radial-gradient(circle at 12% 10%, rgba(255, 140, 26, 0.22), transparent 30%),\n        radial-gradient(circle at 88% 18%, rgba(22, 93, 255, 0.20), transparent 34%),\n        linear-gradient(135deg, #ffffff 0%, #f7f9ff 52%, #fff7ed 100%);\n      padding: 76px 0 62px;\n    }\n\n    .fm-hero-grid {\n      display: grid;\n      grid-template-columns: 1.05fr 0.95fr;\n      gap: 48px;\n      align-items: center;\n    }\n\n    .fm-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 13px;\n      border-radius: 999px;\n      background: rgba(255, 140, 26, 0.12);\n      color: #8a4700;\n      font-weight: 800;\n      font-size: 13px;\n      margin-bottom: 18px;\n    }\n\n    .fm-dot {\n      width: 9px;\n      height: 9px;\n      border-radius: 999px;\n      background: var(--fm-orange);\n      box-shadow: 0 0 0 5px rgba(255, 140, 26, 0.16);\n    }\n\n    .fm-hero h1 {\n      margin: 0;\n      font-size: clamp(40px, 5vw, 72px);\n      line-height: 0.98;\n      letter-spacing: -0.055em;\n      color: var(--fm-dark);\n      max-width: 740px;\n    }\n\n    .fm-hero h1 span {\n      background: linear-gradient(135deg, var(--fm-orange), var(--fm-blue));\n      -webkit-background-clip: text;\n      background-clip: text;\n      color: transparent;\n    }\n\n    .fm-hero-lead {\n      margin: 24px 0 0;\n      font-size: clamp(19px, 2vw, 24px);\n      line-height: 1.45;\n      color: #354154;\n      max-width: 720px;\n      font-weight: 520;\n    }\n\n    .fm-hero-note {\n      margin: 18px 0 0;\n      color: var(--fm-muted);\n      max-width: 680px;\n      font-size: 16px;\n    }\n\n    .fm-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n      margin-top: 32px;\n    }\n\n    .fm-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 9px;\n      min-height: 50px;\n      padding: 13px 22px;\n      border-radius: 999px;\n      text-decoration: none;\n      font-weight: 850;\n      border: 1px solid transparent;\n      transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n      line-height: 1.2;\n    }\n\n    .fm-btn:hover {\n      transform: translateY(-2px);\n    }\n\n    .fm-btn-primary {\n      background: linear-gradient(135deg, var(--fm-orange), #ffae42);\n      color: #161616;\n      box-shadow: 0 14px 30px rgba(255, 140, 26, 0.25);\n    }\n\n    .fm-btn-primary:hover {\n      box-shadow: 0 18px 38px rgba(255, 140, 26, 0.34);\n      color: #111;\n    }\n\n    .fm-btn-blue {\n      background: linear-gradient(135deg, var(--fm-blue), #5e8cff);\n      color: #fff;\n      box-shadow: 0 14px 30px rgba(22, 93, 255, 0.23);\n    }\n\n    .fm-btn-blue:hover {\n      color: #fff;\n      box-shadow: 0 18px 38px rgba(22, 93, 255, 0.30);\n    }\n\n    .fm-btn-ghost {\n      background: #fff;\n      border-color: rgba(17, 24, 39, 0.12);\n      color: var(--fm-dark);\n      box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);\n    }\n\n    .fm-photo-card {\n      position: relative;\n      border-radius: 36px;\n      padding: 16px;\n      background: linear-gradient(135deg, rgba(255, 140, 26, 0.35), rgba(22, 93, 255, 0.30));\n      box-shadow: var(--fm-shadow);\n    }\n\n    .fm-photo-inner {\n      background: #fff;\n      border-radius: 28px;\n      overflow: hidden;\n      position: relative;\n      min-height: 520px;\n      display: flex;\n      align-items: flex-end;\n      justify-content: center;\n    }\n\n    .fm-photo-inner img {\n      width: 100%;\n      height: 100%;\n      min-height: 520px;\n      object-fit: cover;\n      object-position: center;\n      display: block;\n    }\n\n    .fm-floating-card {\n      position: absolute;\n      left: 22px;\n      right: 22px;\n      bottom: 22px;\n      background: rgba(255, 255, 255, 0.92);\n      backdrop-filter: blur(12px);\n      border: 1px solid rgba(255, 255, 255, 0.70);\n      border-radius: 24px;\n      padding: 18px;\n      box-shadow: 0 16px 35px rgba(15, 23, 42, 0.15);\n    }\n\n    .fm-floating-card strong {\n      display: block;\n      color: var(--fm-dark);\n      font-size: 18px;\n      line-height: 1.25;\n    }\n\n    .fm-floating-card span {\n      display: block;\n      color: var(--fm-muted);\n      font-size: 14px;\n      margin-top: 6px;\n      line-height: 1.45;\n    }\n\n    .fm-quick-needs {\n      margin-top: -18px;\n      position: relative;\n      z-index: 3;\n    }\n\n    .fm-need-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n    }\n\n    .fm-need-card {\n      background: #fff;\n      border: 1px solid var(--fm-border);\n      border-radius: 24px;\n      padding: 24px;\n      box-shadow: 0 15px 38px rgba(15, 23, 42, 0.08);\n    }\n\n    .fm-need-card h3 {\n      margin: 0 0 8px;\n      color: var(--fm-dark);\n      font-size: 20px;\n      line-height: 1.22;\n      letter-spacing: -0.02em;\n    }\n\n    .fm-need-card p {\n      margin: 0;\n      color: var(--fm-muted);\n      font-size: 15.5px;\n    }\n\n    .fm-section {\n      padding: 76px 0;\n    }\n\n    .fm-section-soft {\n      background: var(--fm-light);\n    }\n\n    .fm-section-head {\n      max-width: 820px;\n      margin-bottom: 34px;\n    }\n\n    .fm-section-kicker {\n      color: var(--fm-orange-dark);\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.12em;\n      font-weight: 900;\n      margin-bottom: 10px;\n    }\n\n    .fm-section h2 {\n      margin: 0;\n      color: var(--fm-dark);\n      font-size: clamp(32px, 4vw, 52px);\n      line-height: 1.05;\n      letter-spacing: -0.045em;\n    }\n\n    .fm-section-head p {\n      margin: 16px 0 0;\n      color: var(--fm-muted);\n      font-size: 18px;\n      line-height: 1.55;\n    }\n\n    .fm-problems {\n      display: grid;\n      grid-template-columns: 0.88fr 1.12fr;\n      gap: 34px;\n      align-items: stretch;\n    }\n\n    .fm-panel-dark {\n      background: linear-gradient(135deg, var(--fm-dark), var(--fm-blue-dark));\n      border-radius: var(--fm-radius);\n      color: #fff;\n      padding: 34px;\n      min-height: 100%;\n      box-shadow: var(--fm-shadow);\n    }\n\n    .fm-panel-dark h3 {\n      margin: 0 0 14px;\n      font-size: 30px;\n      line-height: 1.1;\n      letter-spacing: -0.03em;\n      color: #fff;\n    }\n\n    .fm-panel-dark p {\n      margin: 0;\n      color: rgba(255, 255, 255, 0.82);\n      font-size: 17px;\n    }\n\n    .fm-problem-list {\n      display: grid;\n      gap: 14px;\n    }\n\n    .fm-problem-item {\n      display: grid;\n      grid-template-columns: 42px 1fr;\n      gap: 14px;\n      background: #fff;\n      border: 1px solid var(--fm-border);\n      border-radius: 22px;\n      padding: 18px;\n    }\n\n    .fm-icon {\n      width: 42px;\n      height: 42px;\n      border-radius: 15px;\n      display: grid;\n      place-items: center;\n      background: rgba(255, 140, 26, 0.14);\n      color: var(--fm-orange-dark);\n      font-weight: 900;\n      flex: 0 0 auto;\n    }\n\n    .fm-problem-item strong {\n      display: block;\n      color: var(--fm-dark);\n      font-size: 17px;\n      line-height: 1.25;\n    }\n\n    .fm-problem-item span {\n      display: block;\n      margin-top: 4px;\n      color: var(--fm-muted);\n      font-size: 15px;\n      line-height: 1.45;\n    }\n\n    .fm-services-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 18px;\n    }\n\n    .fm-service-card {\n      background: #fff;\n      border: 1px solid var(--fm-border);\n      border-radius: 24px;\n      padding: 25px;\n      box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);\n      display: flex;\n      flex-direction: column;\n      min-height: 100%;\n    }\n\n    .fm-service-card h3 {\n      margin: 14px 0 8px;\n      color: var(--fm-dark);\n      font-size: 21px;\n      line-height: 1.2;\n      letter-spacing: -0.025em;\n    }\n\n    .fm-service-card p {\n      margin: 0;\n      color: var(--fm-muted);\n      font-size: 15.5px;\n    }\n\n    .fm-service-card a {\n      margin-top: auto;\n      padding-top: 18px;\n      color: var(--fm-blue);\n      font-weight: 850;\n      text-decoration: none;\n    }\n\n    .fm-service-links{\n      margin-top:auto;\n      padding-top:18px;\n      display:flex;\n      flex-direction:column;\n      gap:8px;\n    }\n\n    .fm-service-links a{\n      margin:0;\n      padding:0;\n    }\n\n    .fm-manifesto {\n      background:\n        linear-gradient(135deg, rgba(255, 140, 26, 0.92), rgba(22, 93, 255, 0.94)),\n        radial-gradient(circle at top left, rgba(255,255,255,0.25), transparent 38%);\n      color: #fff;\n      border-radius: 34px;\n      padding: clamp(34px, 6vw, 70px);\n      box-shadow: var(--fm-shadow);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .fm-manifesto::after {\n      content: \"\";\n      position: absolute;\n      width: 260px;\n      height: 260px;\n      border-radius: 50%;\n      right: -90px;\n      bottom: -120px;\n      background: rgba(255,255,255,0.16);\n    }\n\n    .fm-manifesto small {\n      display: block;\n      font-weight: 900;\n      text-transform: uppercase;\n      letter-spacing: 0.14em;\n      margin-bottom: 18px;\n      opacity: 0.86;\n    }\n\n    .fm-manifesto h2 {\n      margin: 0;\n      max-width: 920px;\n      color: #fff;\n      font-size: clamp(34px, 5vw, 62px);\n      line-height: 1.04;\n      letter-spacing: -0.05em;\n      position: relative;\n      z-index: 2;\n    }\n\n    .fm-manifesto p {\n      margin: 22px 0 0;\n      max-width: 820px;\n      color: rgba(255, 255, 255, 0.88);\n      font-size: 20px;\n      position: relative;\n      z-index: 2;\n    }\n\n    .fm-two-col {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 22px;\n      align-items: stretch;\n    }\n\n    .fm-feature-box {\n      background: #fff;\n      border: 1px solid var(--fm-border);\n      border-radius: var(--fm-radius);\n      padding: 30px;\n      box-shadow: 0 12px 34px rgba(15, 23, 42, 0.06);\n    }\n\n    .fm-feature-box h3 {\n      margin: 0 0 10px;\n      color: var(--fm-dark);\n      font-size: 26px;\n      line-height: 1.15;\n      letter-spacing: -0.03em;\n    }\n\n    .fm-feature-box p {\n      margin: 0 0 18px;\n      color: var(--fm-muted);\n      font-size: 16.5px;\n    }\n\n    .fm-feature-box ul {\n      margin: 0;\n      padding-left: 20px;\n      color: var(--fm-text);\n    }\n\n    .fm-feature-box li {\n      margin: 8px 0;\n    }\n\n    .fm-cta-band {\n      background: #111827;\n      color: #fff;\n      border-radius: 34px;\n      padding: clamp(30px, 5vw, 52px);\n      display: grid;\n      grid-template-columns: 1fr auto;\n      gap: 26px;\n      align-items: center;\n      box-shadow: var(--fm-shadow);\n    }\n\n    .fm-cta-band h2 {\n      margin: 0;\n      color: #fff;\n      font-size: clamp(30px, 4vw, 48px);\n      line-height: 1.05;\n      letter-spacing: -0.04em;\n    }\n\n    .fm-cta-band p {\n      margin: 14px 0 0;\n      color: rgba(255,255,255,0.78);\n      font-size: 18px;\n      max-width: 760px;\n    }\n\n    .fm-whatsapp-float {\n      position: fixed;\n      right: 18px;\n      bottom: 18px;\n      z-index: 80;\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      background: #25d366;\n      color: #071b0d;\n      font-weight: 900;\n      text-decoration: none;\n      padding: 13px 18px;\n      border-radius: 999px;\n      box-shadow: 0 16px 34px rgba(37, 211, 102, 0.35);\n      border: 1px solid rgba(0,0,0,0.08);\n    }\n\n    .fm-whatsapp-float:hover {\n      color: #071b0d;\n      transform: translateY(-2px);\n    }\n\n    .fm-footer-note {\n      text-align: center;\n      color: var(--fm-muted);\n      font-size: 14px;\n      padding: 28px 0 36px;\n    }\n\n    @media (max-width: 980px) {\n      .fm-nav {\n        align-items: flex-start;\n        flex-direction: column;\n        padding: 14px 0;\n      }\n\n      .fm-brand {\n        min-width: auto;\n      }\n\n      .fm-menu {\n        justify-content: flex-start;\n      }\n\n      .fm-hero-grid,\n      .fm-problems,\n      .fm-two-col,\n      .fm-cta-band {\n        grid-template-columns: 1fr;\n      }\n\n      .fm-photo-inner,\n      .fm-photo-inner img {\n        min-height: 430px;\n      }\n\n      .fm-need-grid,\n      .fm-services-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .fm-cta-band .fm-actions {\n        margin-top: 0;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .fm-wrap {\n        width: min(100% - 24px, 1180px);\n      }\n\n      .fm-menu a {\n        font-size: 13px;\n        padding: 8px 9px;\n      }\n\n      .fm-hero {\n        padding: 48px 0 48px;\n      }\n\n      .fm-hero h1 {\n        font-size: 42px;\n      }\n\n      .fm-actions {\n        flex-direction: column;\n      }\n\n      .fm-btn {\n        width: 100%;\n      }\n\n      .fm-photo-card {\n        border-radius: 26px;\n        padding: 10px;\n      }\n\n      .fm-photo-inner {\n        border-radius: 20px;\n      }\n\n      .fm-floating-card {\n        left: 14px;\n        right: 14px;\n        bottom: 14px;\n        border-radius: 18px;\n      }\n\n      .fm-section {\n        padding: 56px 0;\n      }\n\n      .fm-panel-dark,\n      .fm-feature-box,\n      .fm-service-card,\n      .fm-need-card {\n        padding: 22px;\n      }\n\n      .fm-whatsapp-float {\n        left: 14px;\n        right: 14px;\n        justify-content: center;\n      }\n    }\n  <\/style>\n\n  <a class=\"fm-whatsapp-float\" href=\"https:\/\/wa.me\/393389817680\" target=\"_blank\" rel=\"noopener\" aria-label=\"Message me on WhatsApp\">\n  <span>Message me on WhatsApp<\/span>\n<\/a>\n<!-- MENU GESTITO DAL PLUGIN FM NAVIGAZIONE -->\n<!-- HERO -->\n  <section class=\"fm-hero\">\n    <div class=\"fm-wrap\">\n      <div class=\"fm-hero-grid\">\n\n        <div>\n          <div class=\"fm-eyebrow\">\n            <span class=\"fm-dot\"><\/span>\n            FM Comunicazione\n          <\/div>\n\n          <h1>\n            Communicate better.\n            <br>\n            Truly connect.\n            <br>\n            Use digital technology without losing <span>our humanity.<\/span>\n          <\/h1>\n\n          <p class=\"fm-hero-lead\">\n            I help organisations, associations, schools and communities make their messages clearer, their processes more participatory and their digital tools more human.\n          <\/p>\n\n          <p class=\"fm-hero-note\">\n            I bring together relational communication, training, event direction and digital design. The starting point is always what people genuinely need.\n          <\/p>\n\n       <div class=\"fm-actions\">\n  <a class=\"fm-btn fm-btn-primary\" href=\"#ambiti\">\n    Find where to begin\n  <\/a>\n\n  <a class=\"fm-btn fm-btn-blue\" href=\"https:\/\/www.francescomazzarella.eu\/en\/percorsi\/\">\n    Explore the programmes\n  <\/a>\n\n  <a class=\"fm-btn fm-btn-ghost\" href=\"https:\/\/www.francescomazzarella.eu\/en\/podcast\/\">\n    Listen to the podcast\n  <\/a>\n<\/div>\n        <\/div>\n\n        <div class=\"fm-photo-card\">\n          <div class=\"fm-photo-inner\">\n            <img decoding=\"async\" src=\"https:\/\/www.francescomazzarella.eu\/wp-content\/uploads\/2026\/05\/85C536B0-B911-40B6-8EB1-B0690D563B59.png\" alt=\"Francesco Mazzarella - FM Comunicazione\">\n            <div class=\"fm-floating-card\">\n              <strong>Technology in the service of human connection.<\/strong>\n              <span>\n                Communication, training, journalism, events, podcasts and digital tools designed to protect what makes us human.\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- TRE PORTE DI INGRESSO -->\n  <section class=\"fm-services-section\" id=\"ambiti\">\n  <div class=\"fm-container\">\n\n    <div class=\"fm-section-intro\">\n      <span class=\"fm-kicker\">Where we can begin<\/span>\n      <h2>Three areas of work, one integrated approach.<\/h2>\n      <p>\n        Choose the situation that best reflects your needs. You do not need to have a solution already: together, we can understand the context and identify a useful first step.\n      <\/p>\n    <\/div>\n\n    <div class=\"fm-services-grid\">\n\n      <article class=\"fm-service-card\">\n        <div class=\"fm-service-icon\">\u2194<\/div>\n        <h3>Groups, communities and organisations<\/h3>\n        <p>\n          Training, facilitation and relational communication to improve listening, participation, shared decision-making and the quality of relationships.\n        <\/p>\n        <div class=\"fm-service-links\">\n          <a href=\"\/en\/comunicazione-relazionale\/\">Relational communication \u2192<\/a>\n          <a href=\"\/en\/formazione-e-facilitazione\/\">Training and facilitation \u2192<\/a>\n          <a href=\"\/en\/tecnorelazione-ed-empatia-digitale\/\">The techno-relational approach and digital empathy \u2192<\/a>\n          <a href=\"\/en\/percorsi\/\">All programmes \u2192<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"fm-service-card\">\n        <div class=\"fm-service-icon\">\u25b6<\/div>\n        <h3>Events and participatory processes<\/h3>\n        <p>\n          Technical and relational design and direction for online, hybrid and in-person events, with careful attention to structure, pace, speakers and participation.\n        <\/p>\n        <a href=\"\/en\/regia-eventi-digitali-e-ibridi\/\">Explore event production \u2192<\/a>\n      <\/article>\n\n      <article class=\"fm-service-card\">\n        <div class=\"fm-service-icon\">\u2318<\/div>\n        <h3>Communication and digital tools<\/h3>\n        <p>\n          Narrative identity, writing, websites, podcasts, automation and practical tools to communicate a project more effectively and simplify everyday work.\n        <\/p>\n        <div class=\"fm-service-links\">\n          <a href=\"\/en\/siti-web-strumenti-digitali\/\">Websites and digital tools \u2192<\/a>\n          <a href=\"https:\/\/www.francescomazzarella.eu\/en\/scrittura-giornalismo-e-contenuti\/\">Writing, journalism and content \u2192<\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n  <!-- ESPERIENZE CONCRETE -->\n  <section class=\"fm-cases-section\">\n  <div class=\"fm-container\">\n\n    <div class=\"fm-section-intro\">\n      <span class=\"fm-kicker\">REAL-WORLD EXPERIENCE<\/span>\n      <h2>I do not start with services. I start with real situations.<\/h2>\n      <p>\n        Every situation has its own story, pace, challenges and possibilities. My role is to help you understand what is happening, bring clarity to the questions and build a pathway that is sustainable, human and genuinely practical.\n      <\/p>\n    <\/div>\n\n    <div class=\"fm-cases-grid\">\n\n      <article class=\"fm-case-card\">\n        <span class=\"fm-case-label\">Groups and communities<\/span>\n        <h3>When a group talks a lot but struggles to listen<\/h3>\n        <p>\n          I support teams, communities and working groups in restoring meaningful dialogue, clarity in decision-making, trust throughout the process and a shared way of moving forward together.\n        <\/p>\n        <ul>\n          <li>meeting facilitation<\/li>\n          <li>understanding relational dynamics<\/li>\n          <li>a clear synthesis of the issues that emerge<\/li>\n          <li>planning practical next steps<\/li>\n        <\/ul>\n      <\/article>\n\n      <article class=\"fm-case-card\">\n        <span class=\"fm-case-label\">Events and live production<\/span>\n        <h3>When an event risks becoming too technical and losing the human touch<\/h3>\n        <p>\n          I help design online, hybrid and in-person events, taking care not only of production, Zoom, streaming and the running order, but also of pacing, participation, attention and engagement.\n        <\/p>\n        <ul>\n          <li>running order and timing<\/li>\n          <li>speaker coordination<\/li>\n          <li>Zoom, audio and streaming production<\/li>\n          <li>care for the participant experience<\/li>\n        <\/ul>\n      <\/article>\n\n      <article class=\"fm-case-card\">\n        <span class=\"fm-case-label\">Communication and identity<\/span>\n        <h3>When a valuable project struggles to tell its story<\/h3>\n        <p>\n          I work on copy, websites, web pages, articles, social media, podcasts and digital tools to help individuals and organisations express more clearly who they are and the change they want to create.\n        <\/p>\n        <ul>\n          <li>copywriting and content creation<\/li>\n          <li>narrative and communication identity<\/li>\n          <li>web pages and presentations<\/li>\n          <li>social media launches and communication materials<\/li>\n        <\/ul>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"fm-cases-note\">\n      <p>\n        Whatever the situation, the starting point is always the same: understanding what is really needed, avoiding improvised solutions and building tools that support people rather than burden them.\n      <\/p>\n      <a class=\"fm-btn fm-btn-primary\" href=\"\/en\/contattami\/\">Let\u2019s talk about your situation<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n<!-- COSA OTTIENI -->\n<section class=\"fm-section fm-section-soft\">\n  <div class=\"fm-wrap\">\n\n    <div class=\"fm-section-head\">\n      <div class=\"fm-section-kicker\">WHAT YOU GAIN<\/div>\n      <h2>Greater clarity, practical tools and a method that remains useful over time.<\/h2>\n      <p>\n        My work is not limited to a meeting, a consultation or technical support. The aim is to help you move forward with greater clarity, better organisation, deeper awareness and practical tools you can continue to use over time.\n      <\/p>\n    <\/div>\n\n    <div class=\"fm-services-grid\">\n\n      <article class=\"fm-service-card\">\n        <div class=\"fm-service-icon\">\u2713<\/div>\n        <h3>Clarity about what is needed<\/h3>\n        <p>\n          I help you distinguish what is urgent from what truly matters, reading the context without stopping at the surface of the problem.\n        <\/p>\n      <\/article>\n\n      <article class=\"fm-service-card\">\n        <div class=\"fm-service-icon\">\u2192<\/div>\n        <h3>A shared direction<\/h3>\n        <p>\n          Together, we build a clear, sustainable and understandable direction, so that people, groups and projects can move forward with greater confidence.\n        <\/p>\n      <\/article>\n\n      <article class=\"fm-service-card\">\n        <div class=\"fm-service-icon\">\u2630<\/div>\n        <h3>Practical tools<\/h3>\n        <p>\n          These may include running orders, texts, summaries, training materials, web pages, digital tools, working formats, process maps or practical guidance.\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n<!-- FINE COSA OTTIENI -->\n<!-- SEZIONE: TESTIMONIANZE ANONIME -->\n<section class=\"fm-testimonials-section\">\n  <style>\n    .fm-testimonials-section {\n      background: #ffffff;\n      padding: 86px 20px;\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      color: #243041;\n    }\n\n    .fm-testimonials-section * {\n      box-sizing: border-box;\n    }\n\n    .fm-testimonials-section .fm-container {\n      max-width: 1180px;\n      margin: 0 auto;\n    }\n\n    .fm-testimonials-intro {\n      max-width: 860px;\n      margin: 0 auto 48px auto;\n      text-align: center;\n    }\n\n    .fm-testimonials-kicker {\n      display: inline-block;\n      margin-bottom: 14px;\n      padding: 8px 16px;\n      border-radius: 999px;\n      background: rgba(255, 140, 26, 0.12);\n      color: #d96f00;\n      font-weight: 850;\n      font-size: 0.9rem;\n      letter-spacing: 0.03em;\n    }\n\n    .fm-testimonials-intro h2 {\n      margin: 0;\n      color: #111827;\n      font-size: clamp(2rem, 4vw, 3.25rem);\n      line-height: 1.08;\n      letter-spacing: -0.04em;\n    }\n\n    .fm-testimonials-intro p {\n      margin: 18px 0 0;\n      color: #5f6b7a;\n      font-size: 1.08rem;\n      line-height: 1.72;\n    }\n\n    .fm-testimonials-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 24px;\n      margin-top: 36px;\n    }\n\n    .fm-testimonial-card {\n      position: relative;\n      background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);\n      border: 1px solid rgba(17, 24, 39, 0.10);\n      border-radius: 30px;\n      padding: 32px 30px;\n      box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);\n      overflow: hidden;\n    }\n\n    .fm-testimonial-card::before {\n      content: \"\u201c\";\n      position: absolute;\n      top: -22px;\n      right: 24px;\n      font-size: 7rem;\n      line-height: 1;\n      color: rgba(255, 140, 26, 0.18);\n      font-family: Georgia, serif;\n      pointer-events: none;\n    }\n\n    .fm-testimonial-card p {\n      position: relative;\n      z-index: 1;\n      margin: 0;\n      color: #354154;\n      font-size: 1.03rem;\n      line-height: 1.75;\n    }\n\n    .fm-testimonial-result {\n      margin-top: 22px;\n      padding: 15px 17px;\n      border-radius: 18px;\n      background: rgba(255, 140, 26, 0.10);\n      border: 1px solid rgba(255, 140, 26, 0.18);\n      color: #4b5563;\n      font-size: 0.96rem;\n      line-height: 1.55;\n    }\n\n    .fm-testimonial-result strong {\n      color: #111827;\n    }\n\n    .fm-testimonial-role {\n      display: block;\n      margin-top: 22px;\n      color: #111827;\n      font-weight: 850;\n      font-size: 0.98rem;\n    }\n\n    .fm-testimonial-type {\n      display: block;\n      margin-top: 4px;\n      color: #5f6b7a;\n      font-size: 0.92rem;\n    }\n\n    .fm-testimonials-note {\n      max-width: 920px;\n      margin: 38px auto 0 auto;\n      padding: 26px 30px;\n      border-radius: 28px;\n      background: linear-gradient(135deg, rgba(255, 140, 26, 0.10), rgba(22, 93, 255, 0.08));\n      border: 1px solid rgba(17, 24, 39, 0.08);\n      text-align: center;\n    }\n\n    .fm-testimonials-note p {\n      margin: 0;\n      color: #526070;\n      font-size: 1rem;\n      line-height: 1.68;\n    }\n\n    @media (max-width: 920px) {\n      .fm-testimonials-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 560px) {\n      .fm-testimonials-section {\n        padding: 62px 18px;\n      }\n\n      .fm-testimonial-card {\n        padding: 27px 22px;\n        border-radius: 24px;\n      }\n\n      .fm-testimonials-note {\n        padding: 24px 22px;\n      }\n    }\n  <\/style>\n\n  <div class=\"fm-container\">\n\n    <div class=\"fm-testimonials-intro\">\n      <span class=\"fm-testimonials-kicker\">Anonymous testimonials<\/span>\n\n      <h2>When a process leaves something lasting.<\/h2>\n\n      <p>\n        Some projects are measured not only by the service delivered, but by what remains: a group that listens more deeply, an event that has room to breathe, communication that regains clarity and relationships that once again have space to grow.\n      <\/p>\n    <\/div>\n\n    <div class=\"fm-testimonials-grid\">\n\n      <article class=\"fm-testimonial-card\">\n        <p>\n          Before the event, we had content, speakers, tight timings and many different elements to hold together. Francesco helped us create a clear thread, bring order to the running schedule and keep people at the centre. The technical side did not overshadow the purpose: it served it.\n        <\/p>\n\n        <div class=\"fm-testimonial-result\">\n          <strong>What changed:<\/strong> the event became clearer, better organised and more participatory.\n        <\/div>\n\n        <span class=\"fm-testimonial-role\">Online event coordinator<\/span>\n        <span class=\"fm-testimonial-type\">Event production, running schedule and communication support<\/span>\n      <\/article>\n\n      <article class=\"fm-testimonial-card\">\n        <p>\n          In our group, certain words kept being repeated, some difficulties remained unspoken and dialogue had become tiring. The process helped us pause, listen to one another and distinguish the real issues from immediate reactions. We were not given ready-made answers, but a method for starting again.\n        <\/p>\n\n        <div class=\"fm-testimonial-result\">\n          <strong>What changed:<\/strong> We regained greater trust, deeper listening and a shared direction.\n        <\/div>\n\n        <span class=\"fm-testimonial-role\">Member of a supported community<\/span>\n        <span class=\"fm-testimonial-type\">Relational communication and group life<\/span>\n      <\/article>\n\n      <article class=\"fm-testimonial-card\">\n        <p>\n          We had many ideas, but struggled to communicate them simply. Francesco helped us remove what was unnecessary, recognise the heart of the project and turn it into words that were clearer, more authentic and closer to the people we wanted to reach.\n        <\/p>\n\n        <div class=\"fm-testimonial-result\">\n          <strong>What changed:<\/strong> the project found a more distinctive and grounded voice.\n        <\/div>\n\n        <span class=\"fm-testimonial-role\">Contributor to a communication project<\/span>\n        <span class=\"fm-testimonial-type\">Copy, content and narrative identity<\/span>\n      <\/article>\n\n      <article class=\"fm-testimonial-card\">\n        <p>\n          The most valuable part was feeling supported without having things done for us. Francesco did not arrive with a ready-made solution, but with questions, careful listening and practical tools. By the end of the process, we had not become dependent on someone else; we had become better able to move forward on our own.\n        <\/p>\n\n        <div class=\"fm-testimonial-result\">\n          <strong>What changed:<\/strong> we were left with practical tools that continued to be useful after the process ended.\n        <\/div>\n\n        <span class=\"fm-testimonial-role\">Participant in a training programme<\/span>\n        <span class=\"fm-testimonial-type\">Training, facilitation and a shared approach<\/span>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"fm-testimonials-note\">\n      <p>\n        The testimonials are published anonymously to protect the privacy of the people and organisations involved. They do not simply describe a service received, but what can emerge when technology, listening and human connection move forward together.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n<!-- FINE SEZIONE: TESTIMONIANZE ANONIME -->\n<!-- SEZIONE: IL MIO METODO -->\n<section class=\"fm-method-section\">\n  <style>\n    .fm-method-section {\n      background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);\n      padding: 88px 20px;\n      font-family: \"Inter\", Arial, sans-serif;\n      color: #172033;\n    }\n\n    .fm-method-section * {\n      box-sizing: border-box;\n    }\n\n    .fm-method-section .fm-container {\n      max-width: 1180px;\n      margin: 0 auto;\n    }\n\n    .fm-method-section .fm-section-intro {\n      max-width: 820px;\n      margin: 0 auto 52px auto;\n      text-align: center;\n    }\n\n    .fm-method-section .fm-kicker {\n      display: inline-block;\n      margin-bottom: 14px;\n      padding: 8px 16px;\n      border-radius: 999px;\n      background: rgba(255, 140, 26, 0.12);\n      color: #d85f0e;\n      font-weight: 800;\n      font-size: 0.9rem;\n      letter-spacing: 0.02em;\n    }\n\n    .fm-method-section h2 {\n      font-size: clamp(2rem, 4vw, 3.2rem);\n      line-height: 1.08;\n      margin: 0 0 20px 0;\n      color: #172033;\n      letter-spacing: -0.03em;\n    }\n\n    .fm-method-section .fm-section-intro p {\n      font-size: 1.08rem;\n      line-height: 1.75;\n      color: #526070;\n      margin: 0;\n    }\n\n    .fm-method-timeline {\n      max-width: 940px;\n      margin: 0 auto;\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    .fm-method-step {\n      display: grid;\n      grid-template-columns: 76px 1fr;\n      gap: 24px;\n      align-items: flex-start;\n      background: #ffffff;\n      border: 1px solid rgba(23, 32, 51, 0.08);\n      border-radius: 28px;\n      padding: 28px;\n      box-shadow: 0 18px 45px rgba(23, 32, 51, 0.08);\n      transition: transform 0.25s ease, box-shadow 0.25s ease;\n    }\n\n    .fm-method-step:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 26px 65px rgba(23, 32, 51, 0.13);\n    }\n\n    .fm-method-number {\n      width: 58px;\n      height: 58px;\n      border-radius: 20px;\n      background: linear-gradient(135deg, #ff8c1a, #165dff);\n      color: #ffffff;\n      font-size: 1.05rem;\n      font-weight: 900;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      box-shadow: 0 14px 30px rgba(22, 93, 255, 0.22);\n    }\n\n    .fm-method-content h3 {\n      margin: 0 0 10px 0;\n      font-size: 1.35rem;\n      color: #172033;\n      line-height: 1.25;\n    }\n\n    .fm-method-content p {\n      margin: 0;\n      font-size: 1.02rem;\n      line-height: 1.72;\n      color: #5f6b7a;\n    }\n\n    .fm-method-quote {\n      max-width: 820px;\n      margin: 48px auto 0 auto;\n      padding: 34px 30px;\n      border-radius: 30px;\n      background: #172033;\n      color: #ffffff;\n      text-align: center;\n      box-shadow: 0 24px 60px rgba(23, 32, 51, 0.22);\n    }\n\n    .fm-method-quote p {\n      margin: 0 0 24px 0;\n      font-size: 1.14rem;\n      line-height: 1.72;\n      color: rgba(255, 255, 255, 0.9);\n    }\n\n    .fm-method-buttons {\n      display: flex;\n      justify-content: center;\n      gap: 14px;\n      flex-wrap: wrap;\n    }\n\n    .fm-method-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      padding: 14px 24px;\n      border-radius: 999px;\n      text-decoration: none;\n      font-weight: 800;\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .fm-method-btn:hover {\n      transform: translateY(-2px);\n    }\n\n    .fm-method-btn-primary {\n      background: linear-gradient(135deg, #ff8c1a, #165dff);\n      color: #ffffff;\n      box-shadow: 0 14px 32px rgba(22, 93, 255, 0.25);\n    }\n\n    .fm-method-btn-secondary {\n      background: rgba(255, 255, 255, 0.1);\n      color: #ffffff;\n      border: 1px solid rgba(255, 255, 255, 0.28);\n    }\n\n    @media (max-width: 640px) {\n      .fm-method-section {\n        padding: 64px 18px;\n      }\n\n      .fm-method-step {\n        grid-template-columns: 1fr;\n        padding: 26px 22px;\n      }\n\n      .fm-method-number {\n        width: 52px;\n        height: 52px;\n        border-radius: 18px;\n      }\n\n      .fm-method-quote {\n        padding: 30px 22px;\n      }\n\n      .fm-method-buttons {\n        flex-direction: column;\n      }\n\n      .fm-method-btn {\n        width: 100%;\n      }\n    }\n  <\/style>\n\n  <div class=\"fm-container\">\n\n    <div class=\"fm-section-intro\">\n      <span class=\"fm-kicker\">MY APPROACH<\/span>\n      <h2>First, I listen. Then, I design. Only afterwards do I choose the tools.<\/h2>\n      <p>\n        Every project begins with a careful understanding of the context. Technology never comes before people: it is introduced only when it helps make a process clearer, a relationship more liveable and communication more effective.\n      <\/p>\n    <\/div>\n\n    <div class=\"fm-method-timeline\">\n\n      <article class=\"fm-method-step\">\n        <div class=\"fm-method-number\">01<\/div>\n        <div class=\"fm-method-content\">\n          <h3>I listen to the context<\/h3>\n          <p>\n            I gather needs, challenges, objectives, ways of communicating and real-life dynamics. Before proposing solutions, I seek to understand what is truly happening within the group, project or organisation asking for support.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"fm-method-step\">\n        <div class=\"fm-method-number\">02<\/div>\n        <div class=\"fm-method-content\">\n          <h3>I identify challenges and possibilities<\/h3>\n          <p>\n            I help distinguish what is urgent from what is important, what is technical from what is relational, and what needs to be simplified from what needs to be protected and allowed to develop.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"fm-method-step\">\n        <div class=\"fm-method-number\">03<\/div>\n        <div class=\"fm-method-content\">\n          <h3>I design a sustainable pathway<\/h3>\n          <p>\n            Together with you, I design a proportionate response: training, facilitation, writing, digital tools, event production, communication or ongoing support. Not everything is right for everyone: what matters is what genuinely serves that specific context.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"fm-method-step\">\n        <div class=\"fm-method-number\">04<\/div>\n        <div class=\"fm-method-content\">\n          <h3>I support the process and provide clear outcomes<\/h3>\n          <p>\n            I do not simply deliver a product. I support the process, help bring together what emerges, provide a clear synthesis and prepare tools that remain useful after the work is completed.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"fm-method-quote\">\n      <p>\n        My aim is not to add complexity, but to help you bring clarity, meaning and quality back into your relationships, content and the tools you use.\n      <\/p>\n\n      <div class=\"fm-method-buttons\">\n        <a class=\"fm-method-btn fm-method-btn-primary\" href=\"\/en\/contattami\/\">\n          Tell me what you need\n        <\/a>\n        <a class=\"fm-method-btn fm-method-btn-secondary\" href=\"\/en\/percorsi\/\">\n          Explore the programmes\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n<!-- FINE SEZIONE: IL MIO METODO -->\n  <!-- ARTICOLI E PODCAST -->\n  <section class=\"fm-section\">\n    <div class=\"fm-wrap\">\n      <div class=\"fm-section-head\">\n        <div class=\"fm-section-kicker\">WORDS THAT LAST<\/div>\n        <h2>Articles, podcasts and content for making sense of the present.<\/h2>\n        <p>\n          I write, tell stories and record to offer a deeper perspective on reality: communication, society, faith, relationships, the digital world, education and culture.\n        <\/p>\n      <\/div>\n\n      <div class=\"fm-two-col\">\n\n        <div class=\"fm-feature-box\">\n          <h3>Articles and investigations<\/h3>\n          <p>\n            A journalistic and relational perspective on the events, people and questions shaping our time.\n          <\/p>\n          <a class=\"fm-btn fm-btn-blue\" href=\"https:\/\/www.francescomazzarella.eu\/en\/articoli\/\">\n            Read the articles\n          <\/a>\n        <\/div>\n\n        <div class=\"fm-feature-box\">\n          <h3>Tra Pagine e Legami<\/h3>\n          <p>\n            A podcast where books, life, words and relationships become tools for understanding the present and rediscovering meaning.\n          <\/p>\n          <a class=\"fm-btn fm-btn-primary\" href=\"https:\/\/www.francescomazzarella.eu\/en\/podcast-tra-pagine-e-legami\/\">\n            Listen to the podcast\n          <\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA FINALE -->\n<section class=\"fm-section fm-final-section\">\n  <style>\n    .fm-final-section {\n      padding-top: 70px;\n      padding-bottom: 90px;\n    }\n\n    .fm-final-section .fm-cta-band {\n      background: linear-gradient(135deg, #172033 0%, #165dff 100%);\n      border-radius: 32px;\n      padding: 46px 42px;\n      display: grid;\n      grid-template-columns: 1.4fr 0.6fr;\n      gap: 34px;\n      align-items: center;\n      box-shadow: 0 28px 70px rgba(23, 32, 51, 0.24);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .fm-final-section .fm-cta-band::before {\n      content: \"\";\n      position: absolute;\n      inset: -120px auto auto -120px;\n      width: 260px;\n      height: 260px;\n      background: radial-gradient(circle, rgba(255, 140, 26, 0.32), transparent 70%);\n      pointer-events: none;\n    }\n\n    .fm-final-section .fm-cta-band::after {\n      content: \"\";\n      position: absolute;\n      right: -120px;\n      bottom: -120px;\n      width: 280px;\n      height: 280px;\n      background: radial-gradient(circle, rgba(255, 255, 255, 0.16), transparent 70%);\n      pointer-events: none;\n    }\n\n    .fm-final-section .fm-cta-band > div {\n      position: relative;\n      z-index: 1;\n    }\n\n    .fm-final-section .fm-kicker-final {\n      display: inline-block;\n      margin-bottom: 16px;\n      padding: 8px 16px;\n      border-radius: 999px;\n      background: rgba(255, 255, 255, 0.14);\n      color: #ffffff;\n      font-weight: 800;\n      font-size: 0.9rem;\n      letter-spacing: 0.02em;\n    }\n\n    .fm-final-section h2 {\n      color: #ffffff;\n      font-size: clamp(2rem, 4vw, 3.45rem);\n      line-height: 1.06;\n      margin: 0 0 22px 0;\n      letter-spacing: -0.04em;\n    }\n\n    .fm-final-section p {\n      color: rgba(255, 255, 255, 0.9);\n      font-size: 1.12rem;\n      line-height: 1.72;\n      margin: 0;\n      max-width: 720px;\n    }\n\n    .fm-final-section .fm-final-note {\n      margin-top: 16px;\n      color: rgba(255, 255, 255, 0.78);\n      font-size: 1rem;\n    }\n\n    .fm-final-section .fm-actions {\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n      align-items: stretch;\n    }\n\n    .fm-final-section .fm-btn {\n      justify-content: center;\n      text-align: center;\n      white-space: normal;\n    }\n\n    .fm-final-section .fm-btn-primary {\n      background: #ff8c1a;\n      color: #ffffff;\n      box-shadow: 0 16px 36px rgba(255, 140, 26, 0.30);\n    }\n\n    .fm-final-section .fm-btn-ghost {\n      background: rgba(255,255,255,0.12);\n      color: #ffffff;\n      border: 1px solid rgba(255,255,255,0.32);\n    }\n\n    @media (max-width: 860px) {\n      .fm-final-section .fm-cta-band {\n        grid-template-columns: 1fr;\n        padding: 36px 26px;\n      }\n\n      .fm-final-section .fm-actions {\n        flex-direction: column;\n      }\n    }\n\n    @media (max-width: 560px) {\n      .fm-final-section {\n        padding-top: 50px;\n        padding-bottom: 70px;\n      }\n\n      .fm-final-section .fm-cta-band {\n        border-radius: 26px;\n        padding: 32px 22px;\n      }\n    }\n  <\/style>\n\n  <div class=\"fm-wrap\">\n    <div class=\"fm-cta-band\">\n      <div>\n        <span class=\"fm-kicker-final\">Let\u2019s begin with a real question<\/span>\n\n        <h2>Do you have a project, a group or a communication process that needs to move forward again?<\/h2>\n\n        <p>\n          Tell me where you are starting from. Together, we can understand which pathway, tool or form of communication can genuinely help you.\n        <\/p>\n\n        <p class=\"fm-final-note\">\n          You do not need to have everything clear already: we can begin with a question, a difficulty or simply an intuition.\n        <\/p>\n      <\/div>\n\n      <div class=\"fm-actions\">\n        <a class=\"fm-btn fm-btn-primary\" href=\"https:\/\/wa.me\/393389817680\" target=\"_blank\" rel=\"noopener\">\n          Work with me\n        <\/a>\n\n        <a class=\"fm-btn fm-btn-ghost\" href=\"https:\/\/www.francescomazzarella.eu\/en\/contattami\/\">\n          Get in touch\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- FINE CTA FINALE -->\n\n  <div class=\"fm-footer-credit\">\n  <strong>FM Comunicazione \u00b7 Francesco Mazzarella<\/strong><br>\n  Technology in the service of human connection \u00b7 \n  <a href=\"https:\/\/www.francescomazzarella.eu\/en\/\">Home<\/a> \u00b7\n  <a href=\"https:\/\/www.francescomazzarella.eu\/en\/privacy-policy\/\">Privacy Policy<\/a>\n<\/div>\n<\/section>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Scrivimi su WhatsApp FM Comunicazione Comunicare meglio. Incontrarsi davvero. Usare il digitale senza perdere l\u2019umano. Aiuto enti, associazioni, scuole, comunit\u00e0 e organizzazioni a rendere pi\u00f9 chiari i propri messaggi, pi\u00f9 partecipati i processi e pi\u00f9 umani gli strumenti digitali. Unisco comunicazione relazionale, formazione, regia di eventi e progettazione digitale. Il punto di partenza \u00e8 sempre [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":200,"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":998,"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/pages\/29\/revisions\/998"}],"wp:attachment":[{"href":"https:\/\/www.francescomazzarella.eu\/en\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}