{"id":2917,"date":"2026-08-10T13:57:17","date_gmt":"2026-08-10T13:57:17","guid":{"rendered":"https:\/\/marcotriggiani.it\/?page_id=2917"},"modified":"2026-08-10T15:27:28","modified_gmt":"2026-08-10T15:27:28","slug":"test-new-home","status":"publish","type":"page","link":"https:\/\/marcotriggiani.it\/en\/test-new-home\/","title":{"rendered":"test new home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2917\" class=\"elementor elementor-2917\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88469dc e-con-full e-flex e-con e-parent\" data-id=\"88469dc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f2f586 elementor-widget elementor-widget-html\" data-id=\"8f2f586\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\nTHESIS: questa home vive di un solo momento \u2014 il riconoscimento. Chi arriva non si percepisce\ncome \"uno che ha bisogno di un coach\" (consapevolezza 5-6\/10), quindi la pagina apre sulla sua\nsettimana, non sul curriculum di Marco. Rifiuta il default di categoria: ritratto scontornato\nsorridente + \"Ciao! Sono Marco\" + tre card di servizi identiche + muro di testimonianze a\ncinque stelle. Al loro posto un registro rigato che il visitatore spunta da solo.\nOWN-WORLD: token gi\u00e0 validati di Marco (ruota-della-carriera.html) \u2014 carta #faf9f6, nero\n#1a1a18, blu #045ed4 che occupa regioni intere e non accenti, arancio #ff5b05 riservato a un\nsolo significato: il visitatore che si muove (spunte del registro, conteggio, passi della\nchiamata). DM Serif Display sui display, DM Sans su tutto il resto. La struttura portante sono\nfiletti da 1px e registri rigati, mai card: l'elevazione \u00e8 dichiarata una volta sola, col bordo.\nSTORY: riconosce la propria settimana, capisce che il disagio \u00e8 un dato leggibile, percorre la\ncronistoria di Marco e capisce con chi sta parlando, vede tre manager che erano nello stesso\npunto, capisce cosa succede nelle 8 settimane, si qualifica da solo, legge la garanzia e cosa\naccade nei 40 minuti, clicca verso \/landing-vsl\/. La storia sta al centro della pagina, non\nnell'hero: apre sul problema di chi legge, poi si presenta.\nFIRST VIEWPORT: fondo carta. H1 a due tempi \u2014 la constatazione su cui il visitatore annuisce,\npiccola e in grigio, un filetto, poi la virata a piena scala in nero pieno. Sotto, tre righe di\npromessa a 62ch, CTA blu piena + microcopy; a destra Marco alla scrivania in cornice alta.\nIn fondo, una singola riga rigata di fatti in testo corrente \u2014 mai una griglia di tre metriche.\nFORM: composizione precisata dal wireframe validato in sito-nuovo-wireframe.md \u00a73, quindi\nshaped direttamente senza concept roll (new-work.md \u00a73: mai il roll su richiesta gi\u00e0 precisata).\nUn solo gesto animato riusato quattro volte (sale di 18-20px e va a fuoco, sempre stesso ease):\ningresso hero, reveal allo scroll dei 29 blocchi [data-riv], binario della cronistoria, scala\ndelle 8 settimane. Niente si nasconde senza JavaScript, pi\u00f9 rete di sicurezza a 3s.\nQuattro soli asset visivi, tutti reali: Marco alla scrivania in hero, la scala delle settimane\ncome grafica informativa, il rail di 8 screenshot WhatsApp veri nelle referenze, il ritratto\nscontornato in chiusura. Zero stock, zero illustrazioni, zero icone decorative.\nInterazione firma: il registro spuntabile, che usa la logica del copy (\"almeno tre\") come\nmeccanica di autoqualificazione.\nFINISH: unreviewed and undocumented is unfinished; this build ends with the finish review,\nthe verdict, and DESIGN.md.\n-->\n<!doctype html>\n<html lang=\"it\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Marco Triggiani \u2014 Career coach per manager e professionisti<\/title>\n<meta name=\"description\" content=\"Career coach per manager e professionisti con 15-20 anni di carriera. Il Protocollo 3C: un percorso di coaching 1:1 in 8 settimane per ritrovare una direzione professionale che regga nel tempo. Primo passo: coaching conoscitiva gratuita di 40 minuti.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display&family=DM+Sans:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n   MARCO TRIGGIANI \u2014 HOME\n   Token ereditati da ruota-della-carriera.html (mondo gi\u00e0 validato).\n   Tutto \u00e8 scoped sotto .mt-home per l'incollo in un blocco HTML di Elementor.\n   ============================================================ *\/\n.mt-home{\n  \/* --- colore --- *\/\n  --blu:#045ed4;\n  --blu-scuro:#0348a8;\n  --blu-chiaro:#e6eefa;\n  --arancio:#ff5b05;\n  --carta:#faf9f6;\n  --carta-alt:#f2f0ea;\n  --nero:#1a1a18;\n  --nero-alt:#232320;\n  --bianco:#ffffff;\n  --testo-sec:#5f5e5a;         \/* 6,1:1 su carta *\/\n  --testo-su-blu:#dceafa;      \/* 4,8:1 su blu   *\/\n  --testo-su-nero:#a8a6a0;     \/* 7,1:1 su nero  *\/\n  --filetto:rgba(26,26,24,0.14);\n  --filetto-forte:rgba(26,26,24,0.28);\n  --filetto-chiaro:rgba(255,255,255,0.20);\n  \/* --- forma --- *\/\n  --r:12px;\n  --ease:cubic-bezier(0.16,1,0.3,1);\n  --gutter:clamp(20px,5vw,64px);\n  --max:1200px;\n}\n\n.mt-home *, .mt-home *::before, .mt-home *::after{box-sizing:border-box;}\n.mt-home{\n  font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;\n  font-weight:400;\n  color:var(--nero);\n  background:var(--carta);\n  line-height:1.55;\n  -webkit-font-smoothing:antialiased;\n  text-rendering:optimizeLegibility;\n  overflow-x:hidden;\n}\n\n\/* ------------------------------------------------------------------\n   TRE LIVELLI DI CASCATA, in ordine crescente di forza.\n   Non toccare senza aver letto DESIGN.md \u00a77.\n\n     0,0,1   tema su elemento nudo ......... a{color:#333}\n     0,1,1   questo reset E il kit Elementor  .elementor-kit-9 a{...}\n     0,2,0   i componenti ................. .mt-home .mt-btn{...}\n\n   Il reset sta a 0,1,1 per battere il tema. I componenti stanno a 0,2,0\n   per battere sia il reset sia il kit di Elementor. Un componente scritto\n   come `.mt-btn` da solo (0,1,0) perde contro il kit e si prende il colore\n   link del tema: le CTA diventano grigio scuro e illeggibili.\n   ------------------------------------------------------------------ *\/\n.mt-home h1, .mt-home h2, .mt-home h3{\n  font-family:'DM Serif Display',Georgia,serif;\n  font-weight:400;\n  letter-spacing:-0.025em;\n  line-height:1.06;\n  margin:0;\n}\n.mt-home p, .mt-home figure, .mt-home blockquote{margin:0;}\n.mt-home ul, .mt-home ol{margin:0;padding:0;list-style:none;}\n.mt-home a{color:inherit;text-decoration:none;}\n.mt-home img{display:block;max-width:100%;height:auto;}\n.mt-home button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}\n\/* I temi impongono spesso `svg{max-width:100%;height:auto}` e\n   `svg:not([fill]){fill:currentColor}`: le icone si gonfiano o si riempiono\n   di nero. Le nostre hanno misure fisse e si disegnano solo di tratto. *\/\n.mt-home svg{max-width:none;fill:none;}\n\n.mt-home :focus-visible{\n  outline:2px solid var(--blu);\n  outline-offset:3px;\n  border-radius:2px;\n}\n.mt-home .mt-sez--nero :focus-visible, .mt-home .mt-sez--blu :focus-visible{outline-color:#ffffff;}\n\n.mt-home .mt-wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter);}\n.mt-home .mt-sez{padding:clamp(72px,10vw,132px) 0;}\n.mt-home .mt-sez--nero{background:var(--nero);color:var(--bianco);}\n.mt-home .mt-sez--blu{background:var(--blu);color:var(--bianco);}\n.mt-home .mt-sez--alt{background:var(--carta-alt);}\n\n\/* misura di lettura 62ch, dentro la finestra 65-75 dei caratteri stretti di DM Sans *\/\n.mt-home .mt-misura{max-width:62ch;}\n.mt-home .mt-misura--corta{max-width:48ch;}\n\n.mt-home .mt-occhio{\n  font-size:clamp(12px,1.1vw,13px);\n  letter-spacing:0.14em;\n  text-transform:uppercase;\n  font-weight:500;\n}\n\n\/* ---------- bottoni ---------- *\/\n.mt-home .mt-btn{\n  display:inline-flex;align-items:center;justify-content:center;gap:10px;\n  padding:17px 30px;\n  border-radius:var(--r);\n  font-size:16px;font-weight:500;letter-spacing:-0.01em;\n  background:var(--blu);color:var(--bianco);\n  border:1px solid var(--blu);\n  transition:background .22s var(--ease),border-color .22s var(--ease),transform .22s var(--ease);\n}\n.mt-home .mt-btn:hover{background:var(--blu-scuro);border-color:var(--blu-scuro);transform:translateY(-1px);}\n.mt-home .mt-btn:active{transform:translateY(0);}\n.mt-home .mt-btn--inv{background:var(--bianco);color:var(--blu);border-color:var(--bianco);}\n.mt-home .mt-btn--inv:hover{background:var(--blu-chiaro);border-color:var(--blu-chiaro);color:var(--blu-scuro);}\n.mt-home .mt-btn--grande{padding:21px 40px;font-size:17.5px;}\n.mt-home .mt-btn__freccia{display:block;width:16px;height:16px;flex:0 0 16px;}\n\n\/* Su schermo stretto la CTA diventa a piena larghezza e resta su una riga:\n   con il padding desktop l'etichetta andava a capo e la freccia restava orfana. *\/\n@media (max-width:560px){\n  .mt-home .mt-btn{width:100%;padding:16px 18px;font-size:15.5px;}\n  .mt-home .mt-btn--grande{padding:18px 20px;font-size:16px;}\n}\n\n.mt-home .mt-micro{\n  margin-top:14px;\n  font-size:14px;color:var(--testo-sec);\n}\n.mt-home .mt-sez--blu .mt-micro{color:var(--testo-su-blu);}\n.mt-home .mt-sez--nero .mt-micro{color:var(--testo-su-nero);}\n\n\/* ============================== NAV ============================== *\/\n.mt-home .mt-nav{\n  position:sticky;top:0;z-index:60;\n  background:rgba(250,249,246,0.93);\n  backdrop-filter:saturate(160%) blur(12px);\n  -webkit-backdrop-filter:saturate(160%) blur(12px);\n  border-bottom:1px solid var(--filetto);\n}\n.mt-home .mt-nav__in{\n  max-width:var(--max);margin:0 auto;padding:15px var(--gutter);\n  display:flex;align-items:center;gap:28px;\n}\n.mt-home .mt-marchio{display:flex;align-items:center;gap:10px;flex:0 0 auto;}\n.mt-home .mt-marchio__punto{width:9px;height:9px;border-radius:50%;background:var(--blu);flex:0 0 9px;}\n.mt-home .mt-marchio__nome{\n  font-family:'DM Serif Display',Georgia,serif;\n  font-size:18px;letter-spacing:-0.02em;white-space:nowrap;\n}\n.mt-home .mt-nav__link{\n  display:flex;align-items:center;gap:26px;margin-left:auto;\n  font-size:15px;\n}\n.mt-home .mt-nav__link a{position:relative;padding:3px 0;color:var(--nero);}\n.mt-home .mt-nav__link a::after{\n  content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:1px;\n  background:var(--nero);transform:scaleX(0);transform-origin:left;\n  transition:transform .28s var(--ease);\n}\n.mt-home .mt-nav__link a:hover::after{transform:scaleX(1);}\n.mt-home .mt-nav__cta{flex:0 0 auto;}\n.mt-home .mt-nav__cta .mt-btn{padding:12px 22px;font-size:14.5px;}\n@media (max-width:900px){\n  .mt-home .mt-nav__link{display:none;}\n  .mt-home .mt-nav__cta{margin-left:auto;}\n  .mt-home .mt-nav__cta .mt-btn{padding:11px 18px;font-size:14px;}\n}\n\/* Sotto i 700px la barra fissa in basso porta la stessa CTA: quella in nav\n   diventa un doppione che si mangia met\u00e0 barra, quindi esce. *\/\n@media (max-width:700px){\n  .mt-home .mt-nav__cta{display:none;}\n  .mt-home .mt-marchio__nome{font-size:17px;}\n}\n\n\/* ============================== HERO ============================== *\/\n.mt-home .mt-hero{padding:clamp(44px,5vw,68px) 0 0;}\n.mt-home .mt-hero__griglia{\n  display:grid;\n  grid-template-columns:minmax(0,1.32fr) minmax(0,0.68fr);\n  gap:clamp(32px,4.4vw,64px);\n  align-items:center;\n}\n.mt-home .mt-hero h1{\n  font-size:clamp(2.05rem,3.9vw,3.3rem);\n  letter-spacing:-0.03em;\n}\n\/* Gancio a due tempi, stessa scala e stesso nero su entrambe le righe:\n   l'enfasi la portano le parole chiave, non un cambio di dimensione.\n   Il \"Ma\" apre la seconda riga per forza, non per wrap del browser. *\/\n.mt-home .mt-gancio__uno,\n.mt-home .mt-gancio__due{\n  display:block;\n  text-wrap:balance;\n}\n\/* Un filo d'aria fra i due tempi: senza, \"stipendio buono\" e \"Ma hai la\n   sensazione\" si leggono come una frase sola e la virata si perde. *\/\n.mt-home .mt-gancio__due{margin-top:0.3em;}\n\/* Parole chiave: il testo resta nero (massima leggibilit\u00e0) e l'accento \u00e8\n   strutturale, un filetto blu sotto \u2014 coerente coi registri rigati della\n   pagina. Niente testo colorato, niente evidenziatore. *\/\n.mt-home .mt-chiave{\n  text-decoration-line:underline;\n  text-decoration-color:var(--blu);\n  text-decoration-thickness:0.075em;\n  text-underline-offset:0.14em;\n  text-decoration-skip-ink:none;\n}\n.mt-home .mt-hero__sotto{\n  margin-top:clamp(20px,2.2vw,26px);\n  font-size:clamp(17px,1.6vw,19.5px);\n  color:var(--testo-sec);\n  font-weight:300;\n  line-height:1.6;\n}\n.mt-home .mt-hero__azione{margin-top:clamp(26px,2.8vw,34px);}\n.mt-home .mt-hero__ritratto{\n  position:relative;\n  border-radius:var(--r);\n  overflow:hidden;\n  background:var(--carta-alt);\n  aspect-ratio:3\/4;\n}\n.mt-home .mt-hero__ritratto img{\n  width:100%;height:100%;\n  object-fit:cover;\n  object-position:50% 24%;\n}\n@media (max-width:900px){\n  .mt-home .mt-hero__griglia{grid-template-columns:1fr;gap:26px;align-items:start;}\n  .mt-home .mt-hero__ritratto{aspect-ratio:16\/10;order:-1;}\n  .mt-home .mt-hero__ritratto img{object-position:50% 20%;}\n}\n\/* 4\/3 e non 5\/4: con il gancio a due tempi il 5\/4 spingeva la CTA sotto la\n   piega di 14px su 390\u00d7844. Misurato, non a occhio. *\/\n@media (max-width:560px){\n  .mt-home .mt-hero__ritratto{aspect-ratio:4\/3;}\n  .mt-home .mt-hero__ritratto img{object-position:50% 22%;}\n}\n\n\/* --- riga rigata di fatti: testo corrente, non una griglia di metriche --- *\/\n.mt-home .mt-fatti{\n  margin-top:clamp(48px,6vw,84px);\n  border-top:1px solid var(--filetto);\n  border-bottom:1px solid var(--filetto);\n  padding:22px 0;\n  display:flex;flex-wrap:wrap;align-items:baseline;\n  gap:10px 26px;\n  font-size:clamp(14.5px,1.35vw,16px);\n  color:var(--testo-sec);\n}\n.mt-home .mt-fatti b{color:var(--nero);font-weight:500;}\n\/* Il filetto sta PRIMA dell'elemento successivo, non dopo il precedente:\n   cos\u00ec un ritorno a capo non lascia mai un filetto sospeso a fine riga. *\/\n.mt-home .mt-fatti span + span::before{\n  content:\"\";display:inline-block;\n  width:1px;height:0.95em;margin-right:26px;\n  background:var(--filetto-forte);\n  vertical-align:-0.12em;\n}\n\/* Impilati su mobile: il filetto diventerebbe un rientro sbagliato a inizio riga. *\/\n@media (max-width:700px){\n  .mt-home .mt-fatti{flex-direction:column;gap:11px;}\n  .mt-home .mt-fatti span + span::before{display:none;}\n}\n\n\/* ============================== REGISTRO (nero) ============================== *\/\n.mt-home .mt-reg h2{\n  font-size:clamp(2rem,4.2vw,3.5rem);\n  color:var(--bianco);\n  text-wrap:balance;\n}\n.mt-home .mt-reg__intro{\n  margin-top:22px;color:var(--testo-su-nero);\n  font-size:clamp(16px,1.5vw,18px);font-weight:300;\n  max-width:70ch;\n}\n.mt-home .mt-reg__lista{\n  margin-top:clamp(40px,5vw,60px);\n  border-top:1px solid var(--filetto-chiaro);\n}\n.mt-home .mt-voce{border-bottom:1px solid var(--filetto-chiaro);}\n.mt-home .mt-voce__lab{\n  display:flex;align-items:flex-start;gap:clamp(16px,2vw,26px);\n  padding:clamp(22px,2.6vw,30px) 0;\n  cursor:pointer;\n  transition:transform .3s var(--ease);\n}\n.mt-home .mt-voce__lab:hover{transform:translateX(8px);}\n.mt-home .mt-voce input{\n  position:absolute;width:1px;height:1px;\n  padding:0;margin:-1px;overflow:hidden;\n  clip:rect(0 0 0 0);white-space:nowrap;border:0;\n}\n.mt-home .mt-voce__segno{\n  flex:0 0 26px;width:26px;height:26px;margin-top:4px;\n  border:1px solid rgba(255,255,255,0.42);\n  border-radius:3px;\n  display:grid;place-items:center;\n  transition:border-color .24s var(--ease),background .24s var(--ease);\n}\n.mt-home .mt-voce__segno svg{\n  width:15px;height:15px;\n  stroke:var(--nero);stroke-width:2.4;fill:none;\n  stroke-linecap:round;stroke-linejoin:round;\n  opacity:0;transform:scale(.5);\n  transition:opacity .22s var(--ease),transform .3s var(--ease);\n}\n.mt-home .mt-voce input:checked + .mt-voce__segno{\n  background:var(--arancio);border-color:var(--arancio);\n}\n.mt-home .mt-voce input:checked + .mt-voce__segno svg{opacity:1;transform:scale(1);}\n.mt-home .mt-voce input:focus-visible + .mt-voce__segno{outline:2px solid #fff;outline-offset:3px;}\n.mt-home .mt-voce__txt{\n  font-size:clamp(17px,1.85vw,22px);\n  line-height:1.45;letter-spacing:-0.015em;\n  color:var(--bianco);\n  transition:color .24s var(--ease);\n}\n.mt-home .mt-voce__txt b{font-weight:500;}\n.mt-home .mt-voce input:checked ~ .mt-voce__txt{color:#fff;}\n\n.mt-home .mt-reg__esito{\n  margin-top:clamp(36px,4.4vw,52px);\n  display:flex;flex-wrap:wrap;align-items:center;gap:22px 32px;\n}\n.mt-home .mt-reg__conto{\n  font-family:'DM Serif Display',Georgia,serif;\n  font-size:clamp(17px,1.7vw,20px);\n  letter-spacing:-0.02em;\n  color:var(--testo-su-nero);\n  transition:color .3s var(--ease);\n}\n.mt-home .mt-reg__conto b{color:var(--arancio);font-weight:400;}\n.mt-home .mt-reg__conto[data-soglia=\"si\"]{color:var(--bianco);}\n\n\/* ============================== SEGNALE ============================== *\/\n.mt-home .mt-seg{text-align:left;}\n.mt-home .mt-seg h2{\n  font-size:clamp(1.9rem,3.9vw,3.2rem);\n  max-width:26ch;text-wrap:balance;\n}\n.mt-home .mt-seg__corpo{\n  margin-top:clamp(26px,3vw,36px);\n  font-size:clamp(18px,2vw,23px);\n  line-height:1.55;font-weight:300;\n  color:var(--nero);\n}\n\n\/* ============================== STORIA (cronistoria) ============================== *\/\n.mt-home .mt-sto h2{font-size:clamp(1.9rem,3.9vw,3.1rem);max-width:30ch;text-wrap:balance;}\n.mt-home .mt-sto__sotto{\n  margin-top:22px;color:var(--testo-sec);\n  font-size:clamp(16px,1.5vw,18px);font-weight:300;max-width:58ch;\n}\n.mt-home .mt-sto__linea{\n  position:relative;\n  margin-top:clamp(44px,5.5vw,72px);\n  padding-left:clamp(26px,3vw,38px);\n}\n\/* Il binario: filetto grigio per tutta l'altezza, porzione blu che avanza\n   di tappa in tappa. Sotto prefers-reduced-motion \u00e8 pieno da subito. *\/\n.mt-home .mt-sto__binario{\n  position:absolute;left:5px;top:6px;bottom:6px;width:1px;\n  background:var(--filetto-forte);\n}\n\/* La porzione blu \u00e8 alta come tutto il binario e viene schiacciata con\n   scaleY: si anima sul compositor, senza toccare il layout. --avanzamento\n   \u00e8 un rapporto 0-1. *\/\n.mt-home .mt-sto__binario::after{\n  content:\"\";position:absolute;left:0;top:0;width:1px;height:100%;\n  background:var(--blu);\n  transform-origin:top center;\n  transform:scaleY(var(--avanzamento,0));\n  transition:transform .55s var(--ease);\n}\n.mt-home .mt-tappa{\n  position:relative;\n  \/* 190px basta per l'etichetta pi\u00f9 lunga (\"IL MOMENTO DIFFICILE\" \u2248 172px).\n     Una colonna a frazione lasciava 330px di vuoto accanto a \"2011\". *\/\n  display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);\n  gap:clamp(14px,2.4vw,36px);\n  padding:clamp(22px,2.6vw,30px) 0;\n  border-bottom:1px solid var(--filetto);\n}\n.mt-home .mt-tappa:first-child{border-top:1px solid var(--filetto);}\n.mt-home .mt-tappa__nodo{\n  position:absolute;\n  left:calc(-1 * clamp(26px,3vw,38px));\n  top:clamp(26px,2.9vw,34px);\n  width:11px;height:11px;\n  border:1px solid var(--filetto-forte);\n  background:var(--carta-alt);\n  transition:background .4s var(--ease),border-color .4s var(--ease),transform .4s var(--ease);\n}\n.mt-home .mt-tappa[data-vista=\"si\"] .mt-tappa__nodo{\n  background:var(--blu);border-color:var(--blu);transform:scale(1.18);\n}\n.mt-home .mt-tappa__ep{\n  font-size:12.5px;letter-spacing:0.13em;text-transform:uppercase;\n  font-weight:500;color:var(--testo-sec);\n  padding-top:3px;\n  transition:color .4s var(--ease);\n}\n.mt-home .mt-tappa[data-vista=\"si\"] .mt-tappa__ep{color:var(--blu-scuro);}\n.mt-home .mt-tappa__txt{\n  font-size:clamp(16px,1.55vw,18px);\n  line-height:1.6;color:var(--nero);\n  max-width:64ch;\n}\n.mt-home .mt-sto__coda{\n  margin-top:clamp(36px,4.2vw,52px);\n  padding-left:clamp(26px,3vw,38px);\n  display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 44px;\n}\n.mt-home .mt-sto__coda p{\n  font-family:'DM Serif Display',Georgia,serif;\n  font-size:clamp(18px,1.9vw,23px);letter-spacing:-0.02em;\n  line-height:1.3;max-width:34ch;\n}\n.mt-home .mt-sto__coda a{\n  font-family:'DM Sans',sans-serif;font-size:16px;\n  border-bottom:1px solid var(--filetto-forte);padding-bottom:2px;\n  transition:border-color .24s var(--ease),color .24s var(--ease);\n}\n@media (max-width:720px){\n  .mt-home .mt-tappa{grid-template-columns:1fr;gap:10px;}\n  .mt-home .mt-tappa__nodo{top:clamp(24px,2.9vw,30px);}\n}\n@media (prefers-reduced-motion:reduce){\n  .mt-home .mt-sto__binario::after{transform:scaleY(1);transition:none;}\n  .mt-home .mt-tappa__nodo{background:var(--blu);border-color:var(--blu);}\n  .mt-home .mt-tappa__ep{color:var(--blu-scuro);}\n}\n\n\/* ============================== REFERENZE ============================== *\/\n.mt-home .mt-ref h2{font-size:clamp(1.9rem,3.9vw,3.1rem);}\n.mt-home .mt-ref__griglia{\n  margin-top:clamp(40px,5vw,64px);\n  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:clamp(24px,3vw,40px);\n}\n.mt-home .mt-cit{\n  border-top:2px solid var(--nero);\n  padding-top:26px;\n  display:flex;flex-direction:column;\n}\n.mt-home .mt-cit__txt{\n  font-size:clamp(16px,1.5vw,17.5px);\n  line-height:1.6;\n}\n.mt-home .mt-cit__pie{\n  margin-top:auto;padding-top:26px;\n  display:flex;align-items:center;gap:14px;\n}\n\/* SOSTITUIRE: appena Marco fornisce le foto, rimpiazzare .mt-cit__sigla con\n   <img decoding=\"async\" class=\"mt-cit__foto\" src=\"...\" alt=\"Nome Cognome\"> \u2014 stesse misure. *\/\n.mt-home .mt-cit__sigla, .mt-home .mt-cit__foto{\n  flex:0 0 48px;width:48px;height:48px;border-radius:50%;\n  object-fit:cover;\n}\n.mt-home .mt-cit__sigla{\n  display:grid;place-items:center;\n  background:var(--blu-chiaro);color:var(--blu-scuro);\n  font-family:'DM Serif Display',Georgia,serif;\n  font-size:16px;letter-spacing:0.01em;\n}\n.mt-home .mt-cit__chi{display:block;font-size:15px;font-weight:500;letter-spacing:-0.01em;}\n.mt-home .mt-cit__ruolo{display:block;margin-top:2px;font-size:13.5px;color:var(--testo-sec);line-height:1.4;}\n\/* --- galleria degli screenshot reali: la prova pi\u00f9 credibile che ha.\n       Rail orizzontale con scroll-snap; le immagini sono gi\u00e0 pubbliche\n       sulla \/landing-vsl\/, qui sono solo inquadrate meglio. --- *\/\n.mt-home .mt-prove{\n  margin-top:clamp(52px,6vw,80px);\n  padding-top:clamp(32px,3.6vw,44px);\n  border-top:1px solid var(--filetto);\n}\n.mt-home .mt-prove__tit{\n  display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;\n  font-size:15px;font-weight:500;letter-spacing:-0.01em;\n}\n.mt-home .mt-prove__tit span{\n  font-weight:400;color:var(--testo-sec);\n}\n.mt-home .mt-prove__rail{\n  margin-top:24px;\n  display:flex;gap:clamp(14px,1.8vw,22px);\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  scrollbar-width:thin;\n  padding:2px 2px 18px;\n  -webkit-overflow-scrolling:touch;\n  \/* Niente bleed a margini negativi: dentro Elementor il padding del\n     contenitore cambia e il rail sborderebbe dal genitore (misurato:\n     64px di overflow su .mt-prove). Resta nella colonna di testo. *\/\n}\n.mt-home .mt-prova{\n  flex:0 0 auto;\n  width:clamp(200px,20vw,254px);\n  scroll-snap-align:start;\n  border:1px solid var(--filetto-forte);\n  border-radius:var(--r);\n  overflow:hidden;\n  background:var(--bianco);\n}\n.mt-home .mt-prova img{\n  width:100%;height:auto;\n  aspect-ratio:13\/19;\n  object-fit:cover;\n  \/* taglia la status bar dello screenshot: ora, batteria e wifi sono rumore *\/\n  object-position:50% 6%;\n  \/* Il messaggio \u00e8 pi\u00f9 lungo della cornice e finisce tagliato a met\u00e0 frase.\n     Il fade rende il taglio voluto: dice \"continua\" invece di \"\u00e8 rotto\". *\/\n  -webkit-mask-image:linear-gradient(to bottom,#000 74%,rgba(0,0,0,0) 100%);\n          mask-image:linear-gradient(to bottom,#000 74%,rgba(0,0,0,0) 100%);\n}\n.mt-home .mt-prove__nota{\n  margin-top:6px;\n  font-size:13.5px;color:var(--testo-sec);\n}\n\n.mt-home .mt-ref__oltre{\n  margin-top:clamp(36px,4vw,52px);\n  font-size:16px;\n}\n.mt-home .mt-ref__oltre a{\n  border-bottom:1px solid var(--filetto-forte);\n  padding-bottom:2px;\n  transition:border-color .24s var(--ease),color .24s var(--ease);\n}\n.mt-home .mt-ref__oltre a:hover{color:var(--blu);border-color:var(--blu);}\n@media (max-width:860px){\n  .mt-home .mt-ref__griglia{grid-template-columns:1fr;gap:0;}\n  .mt-home .mt-cit{border-top:1px solid var(--filetto);padding:26px 0;}\n  .mt-home .mt-cit:first-child{border-top:2px solid var(--nero);}\n  .mt-home .mt-cit__pie{padding-top:20px;}\n}\n\n\/* ============================== PROTOCOLLO (blu) ============================== *\/\n.mt-home .mt-pro h2{font-size:clamp(2rem,4.2vw,3.5rem);color:var(--bianco);}\n.mt-home .mt-pro__sotto{\n  margin-top:22px;color:var(--testo-su-blu);\n  font-size:clamp(16px,1.5vw,18px);font-weight:300;\n}\n\/* --- scala delle 8 settimane: grafica informativa, non decorazione.\n       Dice in un colpo d'occhio quanto dura ogni fase, cosa che le tre\n       colonne qui sotto dicono solo leggendole una per una. --- *\/\n.mt-home .mt-scala{\n  margin-top:clamp(38px,4.4vw,58px);\n}\n.mt-home .mt-scala__bande{\n  display:grid;grid-template-columns:3fr 3fr 2fr;\n  gap:4px;\n}\n.mt-home .mt-scala__banda{\n  padding:0 0 10px;\n  font-size:12px;letter-spacing:0.12em;text-transform:uppercase;\n  font-weight:500;color:var(--bianco);\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;\n}\n.mt-home .mt-scala__rail{\n  position:relative;height:6px;border-radius:3px;\n  background:rgba(255,255,255,0.22);\n  overflow:hidden;\n}\n.mt-home .mt-scala__pieno{\n  position:absolute;inset:0;border-radius:3px;\n  background:var(--bianco);\n  transform-origin:left center;transform:scaleX(0);\n  transition:transform 1.5s var(--ease);\n}\n.mt-home .mt-scala[data-vista=\"si\"] .mt-scala__pieno{transform:scaleX(1);}\n.mt-home .mt-scala__sett{\n  margin-top:10px;\n  display:grid;grid-template-columns:repeat(8,1fr);\n  font-size:12px;color:var(--testo-su-blu);font-weight:500;\n  font-variant-numeric:tabular-nums;\n}\n.mt-home .mt-scala__sett span{\n  position:relative;padding-top:9px;\n}\n\/* tacca per settimana: il rail sopra diventa una scala leggibile *\/\n.mt-home .mt-scala__sett span::before{\n  content:\"\";position:absolute;top:0;left:0;\n  width:1px;height:5px;background:rgba(255,255,255,0.42);\n}\n.mt-home .mt-scala__sett span:nth-child(4)::before,\n.mt-home .mt-scala__sett span:nth-child(7)::before{\n  height:9px;background:var(--bianco);\n}\n@media (max-width:620px){\n  .mt-home .mt-scala__banda{\n    font-size:10.5px;letter-spacing:0.06em;\n  }\n  .mt-home .mt-scala__sett{font-size:11px;}\n}\n\n.mt-home .mt-pro__fasi{\n  margin-top:clamp(32px,3.8vw,48px);\n  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:0;\n  border-top:1px solid var(--filetto-chiaro);\n}\n.mt-home .mt-fase{\n  padding:clamp(28px,3vw,38px) clamp(20px,2.4vw,34px) clamp(28px,3vw,38px) 0;\n  border-right:1px solid var(--filetto-chiaro);\n}\n.mt-home .mt-fase:last-child{border-right:0;padding-right:0;}\n.mt-home .mt-fase:not(:first-child){padding-left:clamp(20px,2.4vw,34px);}\n.mt-home .mt-fase__sett{\n  font-size:12.5px;letter-spacing:0.13em;text-transform:uppercase;\n  color:var(--testo-su-blu);font-weight:500;\n}\n.mt-home .mt-fase h3{\n  margin-top:12px;\n  font-size:clamp(1.4rem,2.3vw,1.95rem);\n  color:var(--bianco);\n}\n.mt-home .mt-fase__cosa{\n  margin-top:18px;\n  font-size:15.5px;line-height:1.6;\n  color:var(--testo-su-blu);\n}\n.mt-home .mt-fase__esce{\n  margin-top:26px;padding-top:20px;\n  border-top:1px solid var(--filetto-chiaro);\n  font-size:15px;line-height:1.55;\n  color:var(--bianco);\n}\n.mt-home .mt-fase__esce b{\n  display:block;margin-bottom:5px;\n  font-size:12.5px;letter-spacing:0.11em;text-transform:uppercase;\n  font-weight:500;color:var(--testo-su-blu);\n}\n.mt-home .mt-pro__chiusa{\n  margin-top:clamp(38px,4.4vw,58px);\n  padding-top:clamp(30px,3.4vw,42px);\n  border-top:1px solid var(--filetto-chiaro);\n  display:flex;flex-wrap:wrap;gap:28px 44px;align-items:center;\n  justify-content:space-between;\n}\n.mt-home .mt-pro__chiusa p{\n  font-size:clamp(17px,1.7vw,20px);\n  font-weight:300;line-height:1.5;max-width:44ch;\n  color:var(--bianco);\n}\n@media (max-width:860px){\n  .mt-home .mt-pro__fasi{grid-template-columns:1fr;}\n  .mt-home .mt-fase{border-right:0;border-bottom:1px solid var(--filetto-chiaro);padding:28px 0;}\n  .mt-home .mt-fase:not(:first-child){padding-left:0;}\n  .mt-home .mt-fase:last-child{border-bottom:0;}\n}\n\n\/* ============================== QUALIFICA ============================== *\/\n.mt-home .mt-qua h2{font-size:clamp(1.9rem,3.9vw,3.1rem);}\n.mt-home .mt-qua__sotto{\n  margin-top:22px;color:var(--testo-sec);\n  font-size:clamp(16px,1.5vw,18px);font-weight:300;max-width:56ch;\n}\n.mt-home .mt-qua__due{\n  margin-top:clamp(40px,5vw,64px);\n  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:clamp(28px,3.4vw,52px);\n}\n.mt-home .mt-col__tit{\n  display:flex;align-items:center;gap:11px;\n  padding-bottom:18px;border-bottom:1px solid var(--nero);\n  font-size:15px;font-weight:500;letter-spacing:-0.01em;\n}\n.mt-home .mt-col__tit svg{width:17px;height:17px;flex:0 0 17px;stroke-width:2.2;fill:none;stroke-linecap:round;}\n.mt-home .mt-col--no .mt-col__tit svg{stroke:var(--testo-sec);}\n.mt-home .mt-col--si .mt-col__tit{border-bottom-color:var(--blu);color:var(--blu-scuro);}\n.mt-home .mt-col--si .mt-col__tit svg{stroke:var(--blu);}\n.mt-home .mt-col li{\n  padding:18px 0;border-bottom:1px solid var(--filetto);\n  font-size:16px;line-height:1.55;\n}\n.mt-home .mt-col--no li{color:var(--testo-sec);}\n.mt-home .mt-qua__chiusa{\n  margin-top:clamp(40px,4.6vw,58px);\n}\n.mt-home .mt-qua__chiusa p{\n  font-size:clamp(17px,1.7vw,20px);font-weight:300;max-width:52ch;\n}\n.mt-home .mt-qua__chiusa .mt-btn{margin-top:26px;}\n@media (max-width:720px){\n  .mt-home .mt-qua__due{grid-template-columns:1fr;gap:34px;}\n}\n\n\/* ============================== GARANZIA ============================== *\/\n.mt-home .mt-gar{\n  border-top:1px solid var(--blu);\n  padding-top:clamp(30px,3.4vw,42px);\n  display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);\n  gap:clamp(26px,4vw,64px);\n}\n.mt-home .mt-gar h2{font-size:clamp(1.7rem,3.2vw,2.6rem);}\n.mt-home .mt-gar__corpo{font-size:clamp(16px,1.55vw,18px);line-height:1.65;color:var(--testo-sec);}\n.mt-home .mt-gar__corpo b{color:var(--nero);font-weight:500;}\n.mt-home .mt-gar__corpo p + p{margin-top:18px;}\n@media (max-width:800px){.mt-home .mt-gar{grid-template-columns:1fr;gap:22px;}}\n\n\/* ============================== 40 MINUTI (nero) ============================== *\/\n.mt-home .mt-call h2{font-size:clamp(2rem,4.2vw,3.4rem);color:var(--bianco);}\n.mt-home .mt-call__passi{\n  margin-top:clamp(40px,5vw,64px);\n  border-top:1px solid var(--filetto-chiaro);\n}\n.mt-home .mt-passo{\n  display:grid;grid-template-columns:clamp(38px,3.6vw,52px) minmax(0,1fr);\n  gap:clamp(14px,1.6vw,22px);\n  padding:clamp(26px,3vw,34px) 0;\n  border-bottom:1px solid var(--filetto-chiaro);\n  align-items:baseline;\n}\n.mt-home .mt-passo__n{\n  font-family:'DM Serif Display',Georgia,serif;\n  font-size:clamp(1.6rem,2.8vw,2.3rem);\n  color:var(--arancio);letter-spacing:-0.02em;line-height:1;\n}\n.mt-home .mt-passo__txt{\n  font-size:clamp(16.5px,1.6vw,19px);\n  line-height:1.55;color:var(--bianco);font-weight:300;\n}\n.mt-home .mt-passo__txt b{font-weight:500;}\n.mt-home .mt-call__azione{margin-top:clamp(38px,4.4vw,54px);}\n\n\/* ============================== FAQ ============================== *\/\n.mt-home .mt-faq h2{font-size:clamp(1.9rem,3.9vw,3.1rem);}\n.mt-home .mt-faq__lista{\n  margin-top:clamp(36px,4.4vw,56px);\n  border-top:1px solid var(--filetto);\n  max-width:78ch;\n}\n.mt-home .mt-faq details{border-bottom:1px solid var(--filetto);}\n.mt-home .mt-faq summary{\n  display:flex;align-items:flex-start;gap:20px;\n  padding:24px 0;cursor:pointer;list-style:none;\n  font-size:clamp(16.5px,1.55vw,18.5px);\n  font-weight:500;letter-spacing:-0.015em;line-height:1.45;\n  transition:color .22s var(--ease);\n}\n.mt-home .mt-faq summary::-webkit-details-marker{display:none;}\n.mt-home .mt-faq summary:hover{color:var(--blu);}\n.mt-home .mt-faq__piu{\n  flex:0 0 18px;width:18px;height:18px;margin-top:4px;margin-left:auto;\n  position:relative;\n}\n.mt-home .mt-faq__piu::before, .mt-home .mt-faq__piu::after{\n  content:\"\";position:absolute;inset:50% 0 auto 0;\n  height:1.5px;background:currentColor;border-radius:2px;\n  transition:transform .3s var(--ease);\n}\n.mt-home .mt-faq__piu::after{transform:rotate(90deg);}\n.mt-home .mt-faq details[open] .mt-faq__piu::after{transform:rotate(0deg);}\n.mt-home .mt-faq__risp{\n  padding:0 clamp(28px,4vw,38px) 26px 0;\n  font-size:16px;line-height:1.65;color:var(--testo-sec);\n  max-width:62ch;\n}\n\n\/* ============================== CHIUSURA (blu) ==============================\n   Qui il ritratto scontornato ha senso: chiude la pagina guardando in faccia\n   chi legge, accanto all'ultima CTA. Non \u00e8 il ritratto sorridente in apertura\n   che la THESIS rifiuta \u2014 \u00e8 la firma in fondo, dopo che la pagina ha parlato. *\/\n.mt-home .mt-fine{\n  padding-bottom:0;\n  overflow:hidden;\n}\n.mt-home .mt-fine__griglia{\n  display:grid;\n  \/* 0.95fr e non 0.72: il ritratto \u00e8 scontornato su un quadrato 1024,\n     quindi la figura occupa meno della cornice e a 425px sparisce. *\/\n  grid-template-columns:minmax(0,1fr) minmax(0,0.95fr);\n  gap:clamp(20px,2.6vw,40px);\n  align-items:end;\n}\n.mt-home .mt-fine h2{\n  font-size:clamp(2.05rem,4.3vw,3.5rem);color:var(--bianco);\n  max-width:20ch;text-wrap:balance;\n}\n.mt-home .mt-fine__corpo{\n  margin-top:clamp(20px,2.4vw,28px);\n  max-width:48ch;\n  font-size:clamp(17px,1.7vw,19.5px);\n  font-weight:300;color:var(--testo-su-blu);line-height:1.6;\n}\n.mt-home .mt-fine__azione{margin-top:clamp(28px,3.2vw,38px);}\n.mt-home .mt-fine__testo{padding-bottom:clamp(72px,9vw,120px);}\n.mt-home .mt-fine__ritratto{\n  align-self:end;\n  margin-bottom:-1px;   \/* siede esatto sul bordo, senza filo di blu sotto *\/\n}\n.mt-home .mt-fine__ritratto img{\n  width:100%;\n  margin-left:auto;\n  display:block;\n  filter:drop-shadow(0 24px 48px rgba(3,52,120,0.35));\n}\n@media (max-width:820px){\n  .mt-home .mt-fine__griglia{grid-template-columns:1fr;gap:0;}\n  .mt-home .mt-fine__testo{padding-bottom:clamp(36px,6vw,56px);}\n  .mt-home .mt-fine__ritratto img{max-width:340px;margin:0 auto;}\n}\n\n\/* ============================== FOOTER ============================== *\/\n.mt-home .mt-pie{background:var(--nero);color:var(--bianco);padding:clamp(56px,6.5vw,88px) 0 32px;}\n.mt-home .mt-pie__griglia{\n  display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));\n  gap:clamp(32px,4vw,56px);\n}\n.mt-home .mt-pie__nome{\n  font-family:'DM Serif Display',Georgia,serif;\n  font-size:22px;letter-spacing:-0.02em;\n}\n.mt-home .mt-pie__claim{\n  margin-top:12px;max-width:34ch;\n  font-size:15px;line-height:1.6;color:var(--testo-su-nero);\n}\n.mt-home .mt-pie__btn{margin-top:26px;}\n.mt-home .mt-pie h3{\n  font-size:12.5px;letter-spacing:0.13em;text-transform:uppercase;\n  font-family:'DM Sans',sans-serif;font-weight:500;\n  color:var(--testo-su-nero);\n}\n.mt-home .mt-pie__link{margin-top:18px;display:flex;flex-direction:column;gap:11px;font-size:15px;}\n.mt-home .mt-pie__link a:hover{color:var(--arancio);}\n.mt-home .mt-pie__social{\n  margin-top:26px;display:flex;gap:16px;\n  font-size:14px;\n}\n.mt-home .mt-pie__social a{color:var(--testo-su-nero);}\n.mt-home .mt-pie__social a:hover{color:var(--bianco);}\n.mt-home .mt-pie__coda{\n  margin-top:clamp(44px,5vw,68px);padding-top:24px;\n  border-top:1px solid var(--filetto-chiaro);\n  display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;\n  font-size:13.5px;color:var(--testo-su-nero);\n}\n.mt-home .mt-pie__coda nav{display:flex;flex-wrap:wrap;gap:12px 22px;}\n.mt-home .mt-pie__coda a:hover{color:var(--bianco);}\n@media (max-width:780px){\n  .mt-home .mt-pie__griglia{grid-template-columns:1fr;gap:38px;}\n}\n\n\/* ============================== BARRA MOBILE ============================== *\/\n.mt-home .mt-barra{\n  position:fixed;left:0;right:0;bottom:0;z-index:70;\n  display:none;\n  padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));\n  background:rgba(250,249,246,0.96);\n  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);\n  border-top:1px solid var(--filetto);\n  transform:translateY(110%);\n  transition:transform .34s var(--ease);\n}\n.mt-home .mt-barra[data-vis=\"si\"]{transform:translateY(0);}\n.mt-home .mt-barra .mt-btn{width:100%;}\n@media (max-width:700px){\n  .mt-home .mt-barra{display:block;}\n  .mt-home .mt-pie{padding-bottom:96px;}\n}\n\n\/* ==================================================================\n   CORAZZA WORDPRESS \u2014 leggere prima di modificare\n   ------------------------------------------------------------------\n   Tre livelli di specificit\u00e0 non bastano dentro Elementor, perch\u00e9:\n\n   1. il kit Elementor emette `.elementor-kit-N h1{font-family;color}`\n      e `.elementor-kit-N svg{fill}` a 0,1,1 \u2014 pareggia col nostro reset\n      e vince sull'ordine di caricamento;\n   2. ElementsKit emette `.elementor-widget-container a{color:#333\n      !important}` \u2014 un !important batte qualsiasi specificit\u00e0.\n\n   Senza questo blocco: CTA grigio scuro a 2,1:1 su blu, titoli in\n   Roboto grigio invece del serif, frecce riempite di grigio.\n   Qui c'\u00e8 SOLO ci\u00f2 che un tema ruba davvero. Niente !important\n   decorativi: dimensioni, spaziature e layout restano negoziabili.\n   ================================================================== *\/\n\n\/* --- link: nessuno stile di tema, il colore lo decide il componente --- *\/\n.mt-home a{color:inherit !important;text-decoration:none !important;}\n\n\/* --- CTA: sono la conversione, non possono perdere --- *\/\n.mt-home .mt-btn{\n  color:var(--bianco) !important;\n  background:var(--blu) !important;\n  border-color:var(--blu) !important;\n  text-decoration:none !important;\n}\n.mt-home .mt-btn:hover{background:var(--blu-scuro) !important;border-color:var(--blu-scuro) !important;}\n.mt-home .mt-btn--inv{\n  color:var(--blu) !important;\n  background:var(--bianco) !important;\n  border-color:var(--bianco) !important;\n}\n.mt-home .mt-btn--inv:hover{\n  color:var(--blu-scuro) !important;\n  background:var(--blu-chiaro) !important;\n  border-color:var(--blu-chiaro) !important;\n}\n\n\/* --- link di servizio: il colore lo decidono loro, non il tema.\n       Servono !important perch\u00e9 `a{color:inherit!important}` qui sopra\n       ucciderebbe anche questi. --- *\/\n.mt-home .mt-nav__link a{color:var(--nero) !important;}\n.mt-home .mt-pie__link a:hover{color:var(--arancio) !important;}\n.mt-home .mt-pie__social a{color:var(--testo-su-nero) !important;}\n.mt-home .mt-pie__social a:hover{color:var(--bianco) !important;}\n.mt-home .mt-pie__coda a:hover{color:var(--bianco) !important;}\n.mt-home .mt-ref__oltre a:hover{color:var(--blu) !important;}\n\n\/* --- titoli: il serif \u00e8 l'identit\u00e0, il tema non lo tocca.\n       Il colore va a `inherit` cos\u00ec lo detta la sezione (carta\/nero\/blu).\n       Solo margin-BOTTOM \u00e8 corazzato: i componenti usano margin-top\n       (es. .mt-fase h3) e corazzare `margin` li azzererebbe. --- *\/\n.mt-home h1,.mt-home h2,.mt-home h3{\n  font-family:'DM Serif Display',Georgia,serif !important;\n  font-weight:400 !important;\n  color:inherit !important;\n  margin-bottom:0 !important;\n  line-height:1.06 !important;\n  letter-spacing:-0.025em !important;\n  text-transform:none !important;\n}\n.mt-home .mt-hero h1{letter-spacing:-0.03em !important;}\n\/* Eccezione: gli h3 del footer sono etichette, non titoli. Restano DM Sans. *\/\n.mt-home .mt-pie h3{\n  font-family:'DM Sans',sans-serif !important;\n  font-weight:500 !important;\n  color:var(--testo-su-nero) !important;\n  letter-spacing:0.13em !important;\n}\n\n\/* --- icone: disegnate solo di tratto, mai riempite --- *\/\n.mt-home svg{fill:none !important;max-width:none !important;}\n\n\/* --- testo di base. Corazzati SOLO margin-bottom, padding-left e\n       list-style: sono ci\u00f2 che il tema impone e ci\u00f2 che i componenti\n       non impostano mai. `margin:0!important` qui azzererebbe ogni\n       margin-top di classe \u2014 400px di spaziatura persi. --- *\/\n.mt-home p{margin-bottom:0 !important;}\n.mt-home blockquote{margin:0 !important;font-style:normal !important;}\n.mt-home ul,.mt-home ol{margin-bottom:0 !important;padding-left:0 !important;list-style:none !important;}\n.mt-home li{list-style:none !important;}\n\/* I due contenitori con <p> senza classe: il kit Elementor colora `p`\n   a 0,1,1 e batte l'ereditariet\u00e0, quindi il colore va riaffermato. *\/\n.mt-home .mt-gar__corpo p,.mt-home .mt-faq__risp p{color:inherit;}\n.mt-home summary{list-style:none !important;cursor:pointer !important;}\n.mt-home summary::marker,.mt-home summary::-webkit-details-marker{display:none !important;content:\"\" !important;}\n\n\/* --- il contenitore si difende: un tema con fondo scuro o testo colorato\n       non deve filtrare dentro le sezioni chiare --- *\/\n.mt-home{\n  color:var(--nero) !important;\n  background:var(--carta) !important;\n  font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;\n}\n.mt-home .mt-sez--nero{background:var(--nero) !important;color:var(--bianco) !important;}\n.mt-home .mt-sez--blu{background:var(--blu) !important;color:var(--bianco) !important;}\n.mt-home .mt-sez--alt{background:var(--carta-alt) !important;}\n.mt-home .mt-pie{background:var(--nero) !important;color:var(--bianco) !important;}\n\n\/* ============================== MOVIMENTO ==============================\n   Un solo gesto, riusato: sale di 18px e si mette a fuoco. Sempre lo stesso\n   ease, sempre la stessa distanza \u2014 cos\u00ec quattro momenti diversi leggono\n   come una sola mano e non come quattro effetti presi in prestito.\n\n   1. ingresso hero (a scalare, subito)\n   2. reveal allo scroll dei blocchi marcati [data-riv]\n   3. binario della cronistoria che avanza di tappa in tappa\n   4. scala delle 8 settimane che si riempie\n\n   NIENTE si nasconde senza JavaScript: la classe che nasconde viene messa\n   da JS su .mt-home, quindi senza script la pagina \u00e8 tutta visibile.\n   ====================================================================== *\/\n\n\/* solo per screen reader: la scala settimane a parole *\/\n.mt-home .mt-nascosto{\n  position:absolute;width:1px;height:1px;padding:0;margin:-1px;\n  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;\n}\n\n@media (prefers-reduced-motion:no-preference){\n  .mt-home .mt-in{animation:mtIn .82s var(--ease) both;}\n  .mt-home .mt-in--2{animation-delay:.10s;}\n  .mt-home .mt-in--3{animation-delay:.19s;}\n  .mt-home .mt-in--4{animation-delay:.27s;}\n  @keyframes mtIn{\n    from{opacity:0;transform:translateY(20px);filter:blur(6px);}\n    to{opacity:1;transform:translateY(0);filter:blur(0);}\n  }\n\n  \/* Reveal allo scroll. Attivo solo con data-riv-on=\"si\", che mette il JS. *\/\n  .mt-home[data-riv-on=\"si\"] [data-riv]{\n    opacity:0;\n    transform:translateY(18px);\n    filter:blur(5px);\n    transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease);\n    transition-delay:calc(var(--i,0) * 90ms);\n  }\n  .mt-home[data-riv-on=\"si\"] [data-riv][data-vista=\"si\"]{\n    opacity:1;transform:translateY(0);filter:blur(0);\n  }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"mt-home\">\n\n<!-- ============================== NAV ============================== -->\n<header class=\"mt-nav\">\n  <div class=\"mt-nav__in\">\n    <a class=\"mt-marchio\" href=\"\/\" aria-label=\"Marco Triggiani, home\">\n      <span class=\"mt-marchio__punto\" aria-hidden=\"true\"><\/span>\n      <span class=\"mt-marchio__nome\">Marco Triggiani<\/span>\n    <\/a>\n    <nav class=\"mt-nav__link\" aria-label=\"Navigazione principale\">\n      <a href=\"\/chi-sono\">Chi sono<\/a>\n      <a href=\"\/protocollo-3c\">Il Protocollo 3C<\/a>\n      <a href=\"\/risultati\">Risultati<\/a>\n      <a href=\"\/blog\">Blog<\/a>\n    <\/nav>\n    <div class=\"mt-nav__cta\">\n      <a class=\"mt-btn\" href=\"\/landing-vsl\/\">Prenota la coaching gratuita<\/a>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- ============================== HERO ============================== -->\n<section class=\"mt-hero\" id=\"mt-hero\">\n  <div class=\"mt-wrap\">\n    <div class=\"mt-hero__griglia\">\n      <div>\n        <!-- Gancio a due tempi: prima la constatazione su cui il visitatore \u00e8\n             d'accordo, poi la virata. Il \"Ma\" \u00e8 il perno, e va a capo suo:\n             la rottura di riga \u00e8 voluta, non affidata al wrap del browser.\n             Le parole chiave sono tre e non una di pi\u00f9: se si evidenzia\n             mezza frase non si sta evidenziando niente.\n             Alternative validate, da scambiare senza altre modifiche:\n             B \u2014 \"Hai fatto tutto quello che andava fatto. E oggi ti chiedi se il prossimo\n                  pezzo di carriera sar\u00e0 uguale a questo.\"\n             C \u2014 \"Dall'esterno funziona tutto. Dentro, da un po', non torna niente.\" -->\n        <h1 class=\"mt-in\">\n          <span class=\"mt-gancio__uno\">Carriera solida, stipendio buono<\/span>\n          <span class=\"mt-gancio__due\">Ma hai la sensazione precisa di essere <span class=\"mt-chiave\">nel posto sbagliato<\/span>.<\/span>\n          <!-- VARIANTE con tutte le chiavi marcate, se la vuoi provare \u2014 basta\n               scambiare le due righe qui sopra con queste:\n          <span class=\"mt-gancio__uno\">Carriera <span class=\"mt-chiave\">solida<\/span>, stipendio <span class=\"mt-chiave\">buono<\/span><\/span>\n          <span class=\"mt-gancio__due\">Ma hai la sensazione precisa di essere <span class=\"mt-chiave\">nel posto sbagliato<\/span>.<\/span>\n          -->\n        <\/h1>\n        <p class=\"mt-hero__sotto mt-misura mt-in mt-in--2\">\n          Aiuto manager e professionisti con 15-20 anni di carriera a ritrovare una direzione\n          professionale che regga nel tempo. In otto settimane, con un metodo. Il primo passo \u00e8\n          una coaching conoscitiva gratuita di 40 minuti.\n        <\/p>\n        <div class=\"mt-hero__azione mt-in mt-in--3\">\n          <a class=\"mt-btn mt-btn--grande\" href=\"\/landing-vsl\/\">\n            Prenota la coaching gratuita\n            <svg class=\"mt-btn__freccia\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M2.5 8h11M9 3.5 13.5 8 9 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n          <p class=\"mt-micro\">40 minuti \u00b7 gratuita \u00b7 nessun impegno<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"mt-hero__ritratto mt-in mt-in--2\">\n        <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/marcotriggiani.it\/wp-content\/uploads\/2024\/09\/Marco-Triggiani-Contatti.webp\"\n             alt=\"Marco Triggiani alla scrivania del suo studio\" width=\"1024\" height=\"683\" fetchpriority=\"high\">\n      <\/div>\n    <\/div>\n\n    <!-- Numeri statici a testo. Mai contatori animati su un dato di credibilit\u00e0:\n         il widget Elementor della landing parte da \"1\" e si legge come un errore. -->\n    <div class=\"mt-fatti mt-in mt-in--4\">\n      <span><b>20 anni<\/b> dentro le aziende \u2014 ENI, FIAT, PMI<\/span>\n      <span><b>50 manager<\/b> seguiti in percorsi 1:1<\/span>\n      <span><b>6 paesi<\/b>, 5 continenti di operativit\u00e0<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================== REGISTRO DEL RICONOSCIMENTO ============================== -->\n<section class=\"mt-sez mt-sez--nero mt-reg\">\n  <div class=\"mt-wrap\">\n    <h2 class=\"mt-misura--corta\" data-riv>Ti riconosci in almeno tre di questi punti?<\/h2>\n    <p class=\"mt-reg__intro mt-misura\" data-riv style=\"--i:1\">\n      Spuntali. Serve a te, non a me: nessun dato viene raccolto e nessuna riga lascia questa pagina.\n    <\/p>\n\n    <form class=\"mt-reg__lista\" id=\"mt-registro\" data-riv style=\"--i:2\" aria-describedby=\"mt-conto\">\n      <div class=\"mt-voce\">\n        <label class=\"mt-voce__lab\">\n          <input type=\"checkbox\" data-reg>\n          <span class=\"mt-voce__segno\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 16 16\"><path d=\"M3 8.5 6.2 11.5 13 4.5\"\/><\/svg>\n          <\/span>\n          <span class=\"mt-voce__txt\"><b>La domenica sera.<\/b> Verso le nove ti si chiude qualcosa allo stomaco al pensiero di luned\u00ec. Va avanti da mesi e l'hai archiviato come normale.<\/span>\n        <\/label>\n      <\/div>\n      <div class=\"mt-voce\">\n        <label class=\"mt-voce__lab\">\n          <input type=\"checkbox\" data-reg>\n          <span class=\"mt-voce__segno\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 16 16\"><path d=\"M3 8.5 6.2 11.5 13 4.5\"\/><\/svg>\n          <\/span>\n          <span class=\"mt-voce__txt\"><b>Il lavoro ha perso senso.<\/b> Fai le stesse cose che facevi tre anni fa, le fai bene, e non ti importa pi\u00f9 di nessuna.<\/span>\n        <\/label>\n      <\/div>\n      <div class=\"mt-voce\">\n        <label class=\"mt-voce__lab\">\n          <input type=\"checkbox\" data-reg>\n          <span class=\"mt-voce__segno\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 16 16\"><path d=\"M3 8.5 6.2 11.5 13 4.5\"\/><\/svg>\n          <\/span>\n          <span class=\"mt-voce__txt\"><b>Hai dato tutto e non \u00e8 tornato niente.<\/b> Anni di disponibilit\u00e0, trasferte, straordinari. Il risultato \u00e8 una posizione che non senti tua.<\/span>\n        <\/label>\n      <\/div>\n      <div class=\"mt-voce\">\n        <label class=\"mt-voce__lab\">\n          <input type=\"checkbox\" data-reg>\n          <span class=\"mt-voce__segno\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 16 16\"><path d=\"M3 8.5 6.2 11.5 13 4.5\"\/><\/svg>\n          <\/span>\n          <span class=\"mt-voce__txt\"><b>Vorresti muoverti e non lo fai.<\/b> Perch\u00e9 muoversi significa rimettere in discussione uno stipendio, una reputazione, vent'anni.<\/span>\n        <\/label>\n      <\/div>\n      <div class=\"mt-voce\">\n        <label class=\"mt-voce__lab\">\n          <input type=\"checkbox\" data-reg>\n          <span class=\"mt-voce__segno\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 16 16\"><path d=\"M3 8.5 6.2 11.5 13 4.5\"\/><\/svg>\n          <\/span>\n          <span class=\"mt-voce__txt\"><b>Hai gi\u00e0 provato da solo.<\/b> Libri, corsi, podcast, un paio di weekend motivazionali. Sei tornato al luned\u00ec identico.<\/span>\n        <\/label>\n      <\/div>\n      <div class=\"mt-voce\">\n        <label class=\"mt-voce__lab\">\n          <input type=\"checkbox\" data-reg>\n          <span class=\"mt-voce__segno\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 16 16\"><path d=\"M3 8.5 6.2 11.5 13 4.5\"\/><\/svg>\n          <\/span>\n          <span class=\"mt-voce__txt\"><b>Hai in testa un pensiero fisso:<\/b> \u00abE se la mia situazione fosse cos\u00ec per sempre?\u00bb<\/span>\n        <\/label>\n      <\/div>\n    <\/form>\n\n    <div class=\"mt-reg__esito\" data-riv style=\"--i:3\">\n      <a class=\"mt-btn mt-btn--inv\" href=\"\/landing-vsl\/\">\n        Prenota la coaching gratuita\n        <svg class=\"mt-btn__freccia\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n          <path d=\"M2.5 8h11M9 3.5 13.5 8 9 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n      <p class=\"mt-reg__conto\" id=\"mt-conto\" role=\"status\" aria-live=\"polite\">\n        Da tre punti in su, una conversazione di 40 minuti ha senso.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================== IL SEGNALE ============================== -->\n<section class=\"mt-sez mt-seg\">\n  <div class=\"mt-wrap\">\n    <h2 data-riv>Quella sensazione contiene un'informazione precisa.<\/h2>\n    <p class=\"mt-seg__corpo mt-misura\" data-riv style=\"--i:1\">\n      Il vuoto che senti nonostante i risultati ti sta dicendo che la direzione presa quindici\n      anni fa non \u00e8 pi\u00f9 la tua. Chi lo rimanda ci arriva comunque, con dieci anni in meno per\n      fare qualcosa e le stesse domande sul tavolo.\n    <\/p>\n  <\/div>\n<\/section>\n\n<!-- ============================== STORIA \u2014 CRONISTORIA ==============================\n     Testo verbatim dalla timeline della \/landing-vsl\/. Etichette delle tappe\n     come le ha scritte Marco: nessuna data inventata dove lui non la d\u00e0. -->\n<section class=\"mt-sez mt-sez--alt mt-sto\">\n  <div class=\"mt-wrap\">\n    <h2 data-riv>Vent'anni dentro le aziende, prima di stare da questa parte del tavolo<\/h2>\n    <p class=\"mt-sto__sotto\" data-riv style=\"--i:1\">\n      Non ti sto descrivendo una situazione che ho letto su un libro. Ci sono passato cinque volte,\n      in sei paesi diversi.\n    <\/p>\n\n    <div class=\"mt-sto__linea\">\n      <span class=\"mt-sto__binario\" id=\"mt-binario\" aria-hidden=\"true\"><\/span>\n\n      <article class=\"mt-tappa\">\n        <span class=\"mt-tappa__nodo\" aria-hidden=\"true\"><\/span>\n        <p class=\"mt-tappa__ep\">Inizio carriera<\/p>\n        <p class=\"mt-tappa__txt\">\n          ENI in Olanda, poi il Kazakistan a 28 anni. Un team internazionale di 12 persone da\n          guidare. Poi la FIAT di Marchionne, uno degli ambienti pi\u00f9 esigenti in cui abbia mai\n          lavorato, responsabile HR per le aree internazionali IVECO. Un MBA a Milano mentre\n          gestivo la mia azienda in Tunisia.\n        <\/p>\n      <\/article>\n\n      <article class=\"mt-tappa\">\n        <span class=\"mt-tappa__nodo\" aria-hidden=\"true\"><\/span>\n        <p class=\"mt-tappa__ep\">2011<\/p>\n        <p class=\"mt-tappa__txt\">\n          La Rivoluzione dei Gelsomini, ho perso tutto. In pochi giorni ho perso l'azienda, gli\n          investimenti, le certezze. Quello che ho fatto dopo \u00e8 la parte che cambia tutto.\n        <\/p>\n      <\/article>\n\n      <article class=\"mt-tappa\">\n        <span class=\"mt-tappa__nodo\" aria-hidden=\"true\"><\/span>\n        <p class=\"mt-tappa__ep\">Dopo il 2011<\/p>\n        <p class=\"mt-tappa__txt\">\n          Negli Stati Uniti, ricominciare da zero. Per dieci anni nelle operations, strutturando\n          un'azienda su 48 stati e costruendo il loro CRM, poi nelle vendite dirette. Mercato\n          diverso, lingua diversa, cultura diversa. Il metodo ha funzionato lo stesso.\n        <\/p>\n      <\/article>\n\n      <article class=\"mt-tappa\">\n        <span class=\"mt-tappa__nodo\" aria-hidden=\"true\"><\/span>\n        <p class=\"mt-tappa__ep\">Il momento difficile<\/p>\n        <p class=\"mt-tappa__txt\">\n          Era stato prima. Quando avevo tutto. Ruoli importanti, aziende di primo piano, stipendi\n          alti. E mi svegliavo lo stesso con quella sensazione che qualcosa non tornasse.\n        <\/p>\n      <\/article>\n\n      <article class=\"mt-tappa\">\n        <span class=\"mt-tappa__nodo\" aria-hidden=\"true\"><\/span>\n        <p class=\"mt-tappa__ep\">Il metodo<\/p>\n        <p class=\"mt-tappa__txt\">\n          5 crisi. 6 paesi. 5 continenti. Ho cambiato identit\u00e0 professionale pi\u00f9 volte, e ogni\n          volta ho usato lo stesso schema di lavoro. Da l\u00ec \u00e8 nato il Protocollo 3C.\n        <\/p>\n      <\/article>\n\n      <article class=\"mt-tappa\">\n        <span class=\"mt-tappa__nodo\" aria-hidden=\"true\"><\/span>\n        <p class=\"mt-tappa__ep\">Oggi<\/p>\n        <p class=\"mt-tappa__txt\">\n          Oltre 50 manager aiutati a uscire dalla stessa trappola. Con un metodo costruito\n          vivendolo, non leggendolo.\n        <\/p>\n      <\/article>\n    <\/div>\n\n    <div class=\"mt-sto__coda\">\n      <p>Il pezzo che mi ha insegnato di pi\u00f9 \u00e8 quello in cui avevo tutto e non tornava niente.<\/p>\n      <a href=\"\/chi-sono\">Il percorso completo \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================== REFERENZE ============================== -->\n<section class=\"mt-sez mt-ref\">\n  <div class=\"mt-wrap\">\n    <h2 data-riv>Cosa cambia, concretamente<\/h2>\n\n    <div class=\"mt-ref__griglia\" data-riv style=\"--i:1\">\n      <!-- Testimonianze verbatim da \/Referenze. Tagli segnalati con [\u2026], zero riscritture. -->\n      <blockquote class=\"mt-cit\">\n        <p class=\"mt-cit__txt\">\n          \u00abEro in una situazione di stallo. [\u2026] Non riuscivo a sentirmi realizzato e rispettato\n          per le reali potenzialit\u00e0. [\u2026] Ora ho piena coscienza del mio valore, e sono molto pi\u00f9\n          capace di affrontare problemi complessi con un approccio pi\u00f9 sereno.\u00bb\n        <\/p>\n        <footer class=\"mt-cit__pie\">\n          <span class=\"mt-cit__sigla\" aria-hidden=\"true\">GS<\/span>\n          <span>\n            <span class=\"mt-cit__chi\">Gianfranco Santarelli<\/span>\n            <span class=\"mt-cit__ruolo\">Responsabile controllo di gestione, cliniche private \u00b7 24 mesi di percorso<\/span>\n          <\/span>\n        <\/footer>\n      <\/blockquote>\n\n      <blockquote class=\"mt-cit\">\n        <p class=\"mt-cit__txt\">\n          \u00abCercavo indicazioni chiare su come affermare e far accettare la mia nuova posizione da\n          manager. [\u2026] I risultati del coaching sono stati rapidi ed evidenti: ho ottenuto ben\n          presto la fiducia di colleghi e collaboratori.\u00bb\n        <\/p>\n        <footer class=\"mt-cit__pie\">\n          <span class=\"mt-cit__sigla\" aria-hidden=\"true\">VG<\/span>\n          <span>\n            <span class=\"mt-cit__chi\">Valentina Gallo<\/span>\n            <span class=\"mt-cit__ruolo\">Product Development Process &amp; IS Project Leader \u00b7 cambio di ruolo<\/span>\n          <\/span>\n        <\/footer>\n      <\/blockquote>\n\n      <blockquote class=\"mt-cit\">\n        <p class=\"mt-cit__txt\">\n          \u00abIo, ormai adulto avanzato, strutturalmente scettico. [\u2026] In mezz'ora al tavolo di un\n          bar, dopo aver esaminato dettagliatamente contenuti ed obiettivi della mia riunione, mi\n          hai ribaltato l'impostazione. [\u2026] Il risultato della riunione \u00e8 stato come meglio non\n          poteva essere.\u00bb\n        <\/p>\n        <footer class=\"mt-cit__pie\">\n          <span class=\"mt-cit__sigla\" aria-hidden=\"true\">RB<\/span>\n          <span>\n            <span class=\"mt-cit__chi\">Renzo Bracciali<\/span>\n            <span class=\"mt-cit__ruolo\">Imprenditore \u00b7 una sessione<\/span>\n          <\/span>\n        <\/footer>\n      <\/blockquote>\n    <\/div>\n\n    <!-- ============ SCREENSHOT REALI ============\n         Immagini gi\u00e0 pubblicate sulla \/landing-vsl\/ di Marco, quindi gi\u00e0\n         pubbliche con il consenso dei clienti. Qui sono solo inquadrate\n         meglio: la status bar dello screenshot viene tagliata via CSS.\n         DA VERIFICARE con Marco: nello screenshot di Renzo Bracciali \u00e8\n         visibile la sua foto profilo WhatsApp. Se preferisce, gli si chiede\n         una versione senza. -->\n    <div class=\"mt-prove\" data-riv>\n      <p class=\"mt-prove__tit\">\n        Quello che mi scrivono a percorso finito\n        <span>Messaggi reali, non riscritti. Scorri \u2192<\/span>\n      <\/p>\n\n      <div class=\"mt-prove__rail\" tabindex=\"0\" role=\"group\" aria-label=\"Screenshot di messaggi ricevuti dai clienti, scorrevoli orizzontalmente\">\n        <figure class=\"mt-prova\">\n          <img loading=\"lazy\" src=\"https:\/\/marcotriggiani.it\/wp-content\/uploads\/2026\/03\/Renzo-Bracciali_1.png\"\n               alt=\"Messaggio di Renzo Bracciali: \u00abIo, ormai adulto avanzato, strutturalmente scettico. In mezz'ora al tavolo di un bar mi hai ribaltato l'impostazione.\u00bb\"\n               width=\"1170\" height=\"2532\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <figure class=\"mt-prova\">\n          <img loading=\"lazy\" src=\"https:\/\/marcotriggiani.it\/wp-content\/uploads\/2026\/03\/Valerio-Pace_1-.png\"\n               alt=\"Messaggio di Valerio Pace dopo il percorso di coaching\"\n               width=\"1170\" height=\"2532\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <figure class=\"mt-prova\">\n          <img loading=\"lazy\" src=\"https:\/\/marcotriggiani.it\/wp-content\/uploads\/2026\/03\/Prina-Federico.png\"\n               alt=\"Messaggio di Federico Prina dopo il percorso di coaching\"\n               width=\"1170\" height=\"2532\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <figure class=\"mt-prova\">\n          <img loading=\"lazy\" src=\"https:\/\/marcotriggiani.it\/wp-content\/uploads\/2026\/03\/Giorgia-Frazzi_1.png\"\n               alt=\"Messaggio di Giorgia Frazzi dopo il percorso di coaching\"\n               width=\"1170\" height=\"2532\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <figure class=\"mt-prova\">\n          <img loading=\"lazy\" src=\"https:\/\/marcotriggiani.it\/wp-content\/uploads\/2026\/03\/Maggie-Pan.png\"\n               alt=\"Messaggio di Li (Maggie) Pan dopo il percorso di coaching\"\n               width=\"1170\" height=\"2532\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <figure class=\"mt-prova\">\n          <img loading=\"lazy\" src=\"https:\/\/marcotriggiani.it\/wp-content\/uploads\/2026\/03\/Andrea-Renzi.jpg\"\n               alt=\"Messaggio di Andrea Renzi dopo il percorso di coaching\"\n               width=\"1170\" height=\"2532\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <figure class=\"mt-prova\">\n          <img loading=\"lazy\" src=\"https:\/\/marcotriggiani.it\/wp-content\/uploads\/2026\/03\/Alice-Giovannini.png\"\n               alt=\"Messaggio di Alice Giovannini dopo il percorso di coaching\"\n               width=\"1170\" height=\"2532\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <figure class=\"mt-prova\">\n          <img loading=\"lazy\" src=\"https:\/\/marcotriggiani.it\/wp-content\/uploads\/2026\/03\/Anna-Mazzer-1.png\"\n               alt=\"Messaggio di Anna Mazzer dopo il percorso di coaching\"\n               width=\"1170\" height=\"2532\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n      <\/div>\n    <\/div>\n\n    <p class=\"mt-ref__oltre\"><a href=\"\/risultati\">Altre 20 referenze, con nome e ruolo \u2192<\/a><\/p>\n  <\/div>\n<\/section>\n\n<!-- ============================== PROTOCOLLO 3C ============================== -->\n<section class=\"mt-sez mt-sez--blu mt-pro\">\n  <div class=\"mt-wrap\">\n    <h2 data-riv>Il Protocollo 3C<\/h2>\n    <p class=\"mt-pro__sotto mt-misura\" data-riv style=\"--i:1\">\n      Un percorso di coaching 1:1 in otto settimane, in tre fasi progressive. Ogni fase chiude\n      con qualcosa che resta in mano a te.\n    <\/p>\n\n    <!-- Scala delle settimane: le tre fasi mappate sugli otto giorni reali. -->\n    <div class=\"mt-scala\" id=\"mt-scala\">\n      <div class=\"mt-scala__bande\" aria-hidden=\"true\">\n        <p class=\"mt-scala__banda\">Consapevolezza<\/p>\n        <p class=\"mt-scala__banda\">Curiosit\u00e0<\/p>\n        <p class=\"mt-scala__banda\">Costanza<\/p>\n      <\/div>\n      <div class=\"mt-scala__rail\" aria-hidden=\"true\">\n        <span class=\"mt-scala__pieno\"><\/span>\n      <\/div>\n      <p class=\"mt-scala__sett\" aria-hidden=\"true\">\n        <span>1<\/span><span>2<\/span><span>3<\/span><span>4<\/span>\n        <span>5<\/span><span>6<\/span><span>7<\/span><span>8<\/span>\n      <\/p>\n      <p class=\"mt-nascosto\">Il percorso dura otto settimane: le prime tre di Consapevolezza, dalla quarta alla sesta di Curiosit\u00e0, la settima e l'ottava di Costanza.<\/p>\n    <\/div>\n\n    <div class=\"mt-pro__fasi\" data-riv style=\"--i:1\">\n      <article class=\"mt-fase\">\n        <p class=\"mt-fase__sett\">Settimane 1\u20143<\/p>\n        <h3>Consapevolezza<\/h3>\n        <p class=\"mt-fase__cosa\">\n          Mettiamo per iscritto dove sei: cosa funziona ancora, cosa si \u00e8 spento, quali dinamiche\n          generano la frustrazione che torna ogni settimana.\n        <\/p>\n        <p class=\"mt-fase__esce\">\n          <b>Cosa esce<\/b>\n          Una fotografia precisa della tua situazione professionale e l'obiettivo del percorso\n          definito nero su bianco.\n        <\/p>\n      <\/article>\n\n      <article class=\"mt-fase\">\n        <p class=\"mt-fase__sett\">Settimane 4\u20146<\/p>\n        <h3>Curiosit\u00e0<\/h3>\n        <p class=\"mt-fase__cosa\">\n          Lavoriamo su cosa conta davvero per te a livello professionale e su cosa sai fare meglio\n          di quanto pensi. Poi apriamo le strade percorribili, una per una.\n        <\/p>\n        <p class=\"mt-fase__esce\">\n          <b>Cosa esce<\/b>\n          Una lista di direzioni concrete, valutate sui tuoi vincoli reali di tempo, reddito e famiglia.\n        <\/p>\n      <\/article>\n\n      <article class=\"mt-fase\">\n        <p class=\"mt-fase__sett\">Settimane 7\u20148<\/p>\n        <h3>Costanza<\/h3>\n        <p class=\"mt-fase__cosa\">\n          Costruiamo la strategia e i primi passi, con gli strumenti per tenere la direzione anche\n          quando il percorso \u00e8 finito e io non ci sono pi\u00f9.\n        <\/p>\n        <p class=\"mt-fase__esce\">\n          <b>Cosa esce<\/b>\n          Un piano operativo che regge dopo l'ultima sessione, e un metodo applicabile alla\n          prossima svolta.\n        <\/p>\n      <\/article>\n    <\/div>\n\n    <div class=\"mt-pro__chiusa\" data-riv>\n      <p>L'obiettivo \u00e8 una direzione professionale che regga nel tempo. In molti casi la scelta consapevole \u00e8 restare.<\/p>\n      <a class=\"mt-btn mt-btn--inv\" href=\"\/landing-vsl\/\">\n        Prenota la coaching gratuita\n        <svg class=\"mt-btn__freccia\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n          <path d=\"M2.5 8h11M9 3.5 13.5 8 9 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================== QUALIFICA ============================== -->\n<section class=\"mt-sez mt-qua\">\n  <div class=\"mt-wrap\">\n    <h2 data-riv>Non lavoro con tutti<\/h2>\n    <p class=\"mt-qua__sotto\" data-riv style=\"--i:1\">\n      Il coaching produce risultati solo quando entrambe le parti sono pronte. Qui sotto capisci\n      in trenta secondi da che parte stai.\n    <\/p>\n\n    <div class=\"mt-qua__due\" data-riv style=\"--i:2\">\n      <div class=\"mt-col mt-col--no\">\n        <p class=\"mt-col__tit\">\n          <svg viewBox=\"0 0 18 18\" aria-hidden=\"true\"><path d=\"M4.5 4.5l9 9M13.5 4.5l-9 9\" stroke=\"currentColor\"\/><\/svg>\n          Non \u00e8 per te se\n        <\/p>\n        <ul>\n          <li>Sei convinto che il problema sia tutto fuori da te<\/li>\n          <li>Vuoi cambiare lavoro entro la settimana<\/li>\n          <li>Non hai intenzione di guardare come lavori davvero<\/li>\n          <li>Cerchi qualcuno che ti confermi che va tutto bene<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"mt-col mt-col--si\">\n        <p class=\"mt-col__tit\">\n          <svg viewBox=\"0 0 18 18\" aria-hidden=\"true\"><path d=\"M3.5 9.5l3.6 3.5L14.5 5.5\" stroke=\"currentColor\"\/><\/svg>\n          \u00c8 per te se\n        <\/p>\n        <ul>\n          <li>Hai una carriera seria alle spalle e senti che qualcosa non torna<\/li>\n          <li>Non hai le risposte, ma sei disposto a cercarle<\/li>\n          <li>Hai capito che aspettare non \u00e8 una strategia<\/li>\n          <li>Sei disposto a mettere per iscritto un obiettivo e a lavorarci otto settimane<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"mt-qua__chiusa\" data-riv>\n      <p>Se ti riconosci nella colonna di destra, il passo successivo \u00e8 una conversazione di 40 minuti.<\/p>\n      <a class=\"mt-btn\" href=\"\/landing-vsl\/\">\n        Prenota la coaching gratuita\n        <svg class=\"mt-btn__freccia\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n          <path d=\"M2.5 8h11M9 3.5 13.5 8 9 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================== GARANZIA ============================== -->\n<section class=\"mt-sez mt-sez--alt\">\n  <div class=\"mt-wrap\">\n    <div class=\"mt-gar\" data-riv>\n      <h2>L'obiettivo lo definiamo prima, nero su bianco<\/h2>\n      <div class=\"mt-gar__corpo\">\n        <p>\n          Prima di iniziare stabiliamo insieme l'obiettivo del percorso e lo mettiamo per\n          iscritto. Quello resta il riferimento per tutte le sessioni. Nella maggior parte dei\n          casi l'obiettivo si raggiunge tra la terza e la quarta sessione.\n        <\/p>\n        <p>\n          <b>Se alla fine del percorso resta aperto un elemento cruciale e hai lavorato con\n          impegno, aggiungo una sessione compresa nel prezzo.<\/b> Posso permettermelo perch\u00e9 so\n          cosa funziona.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================== I 40 MINUTI ============================== -->\n<section class=\"mt-sez mt-sez--nero mt-call\">\n  <div class=\"mt-wrap\">\n    <h2 class=\"mt-misura--corta\" data-riv>Cosa succede nei 40 minuti<\/h2>\n\n    <!-- I numeri restano: qui la sequenza \u00e8 l'informazione, \u00e8 l'ordine reale della chiamata. -->\n    <ol class=\"mt-call__passi\" data-riv style=\"--i:1\">\n      <li class=\"mt-passo\">\n        <span class=\"mt-passo__n\" aria-hidden=\"true\">1<\/span>\n        <p class=\"mt-passo__txt\"><b>Mi racconti la situazione.<\/b> Dove sei adesso, cosa ti ha portato fino a qui, cosa hai gi\u00e0 provato per conto tuo.<\/p>\n      <\/li>\n      <li class=\"mt-passo\">\n        <span class=\"mt-passo__n\" aria-hidden=\"true\">2<\/span>\n        <p class=\"mt-passo__txt\"><b>Lavoriamo su un punto concreto.<\/b> Non una presentazione dei miei servizi: una prima sessione vera, su un problema che hai in questo momento.<\/p>\n      <\/li>\n      <li class=\"mt-passo\">\n        <span class=\"mt-passo__n\" aria-hidden=\"true\">3<\/span>\n        <p class=\"mt-passo__txt\"><b>Ti dico se ha senso lavorare insieme.<\/b> Se non \u00e8 il caso te lo dico, e ti indico cosa fare al posto mio.<\/p>\n      <\/li>\n    <\/ol>\n\n    <div class=\"mt-call__azione\" data-riv style=\"--i:2\">\n      <a class=\"mt-btn mt-btn--inv mt-btn--grande\" href=\"\/landing-vsl\/\">\n        Prenota la coaching gratuita\n        <svg class=\"mt-btn__freccia\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n          <path d=\"M2.5 8h11M9 3.5 13.5 8 9 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n      <p class=\"mt-micro\">Gratuita \u00b7 nessun impegno \u00b7 se non \u00e8 il caso te lo dico<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================== FAQ ============================== -->\n<section class=\"mt-sez mt-faq\">\n  <div class=\"mt-wrap\">\n    <h2 data-riv>Le domande che ricevo prima della chiamata<\/h2>\n\n    <div class=\"mt-faq__lista\" data-riv style=\"--i:1\">\n      <details>\n        <summary>Non ho tempo per un percorso di coaching<span class=\"mt-faq__piu\" aria-hidden=\"true\"><\/span><\/summary>\n        <div class=\"mt-faq__risp\">\n          <p>Il percorso sono otto settimane con una sessione da 45-60 minuti ciascuna. Il tempo che stai spendendo davvero \u00e8 quello che passa mentre rimandi la decisione: quello non lo recuperi. La chiamata dura 40 minuti e serve a capire se ha senso, quindi la spesa massima \u00e8 quella.<\/p>\n        <\/div>\n      <\/details>\n      <details>\n        <summary>Non sono sicuro che il coaching faccia per me<span class=\"mt-faq__piu\" aria-hidden=\"true\"><\/span><\/summary>\n        <div class=\"mt-faq__risp\">\n          <p>La chiamata serve esattamente a stabilirlo, ed \u00e8 gratuita. Lavoriamo su un punto concreto della tua situazione: alla fine hai un elemento in pi\u00f9 anche se decidi di non proseguire. E se non sei il profilo giusto per me, te lo dico io.<\/p>\n        <\/div>\n      <\/details>\n      <details>\n        <summary>Ho gi\u00e0 letto libri e fatto corsi, non \u00e8 cambiato nulla<span class=\"mt-faq__piu\" aria-hidden=\"true\"><\/span><\/summary>\n        <div class=\"mt-faq__risp\">\n          <p>Un libro parla a centomila persone contemporaneamente, quindi non pu\u00f2 parlare della tua azienda, del tuo capo e dei tuoi vincoli. Il percorso 1:1 lavora sulla tua situazione specifica, con un obiettivo scritto prima e un confronto diretto tra le sessioni.<\/p>\n        <\/div>\n      <\/details>\n      <details>\n        <summary>Ho paura di cambiare e perdere quello che ho costruito<span class=\"mt-faq__piu\" aria-hidden=\"true\"><\/span><\/summary>\n        <div class=\"mt-faq__risp\">\n          <p>Fare chiarezza non obbliga a cambiare lavoro. Una parte dei percorsi si chiude con la decisione consapevole di restare, cambiando come si sta dentro quel ruolo. Vent'anni di carriera sono un patrimonio da usare, e il primo lavoro che facciamo \u00e8 capire cosa vale davvero di quello che hai costruito.<\/p>\n        <\/div>\n      <\/details>\n      <details>\n        <summary>In quanto tempo vedo dei risultati<span class=\"mt-faq__piu\" aria-hidden=\"true\"><\/span><\/summary>\n        <div class=\"mt-faq__risp\">\n          <p>I primi spostamenti concreti arrivano di solito tra la terza e la quarta sessione. Il percorso completo \u00e8 di otto settimane, con una sessione di follow-up a un mese dalla fine.<\/p>\n        <\/div>\n      <\/details>\n      <details>\n        <summary>Quanto costa il percorso<span class=\"mt-faq__piu\" aria-hidden=\"true\"><\/span><\/summary>\n        <div class=\"mt-faq__risp\">\n          <!-- DA DECIDERE con Marco: qui va il range del percorso, oppure resta il rimando alla\n               chiamata. Vedi sito-nuovo-wireframe.md \u00a78.5 \u2014 senza un ordine di grandezza una\n               parte dei lead qualificati non si candida. -->\n          <p>Ne parliamo in chiamata, perch\u00e9 la durata e l'intensit\u00e0 dipendono dal punto in cui sei e dagli obiettivi che ci diamo. La coaching conoscitiva \u00e8 gratuita e non impegna a niente.<\/p>\n        <\/div>\n      <\/details>\n      <details>\n        <summary>Come si svolgono le sessioni<span class=\"mt-faq__piu\" aria-hidden=\"true\"><\/span><\/summary>\n        <div class=\"mt-faq__risp\">\n          <p>45-60 minuti, in videocall o in presenza. Prima di ogni sessione ricevi un questionario per arrivare preparato, dopo hai esercizi su cui lavorare. Tra una sessione e l'altra ci confrontiamo direttamente su WhatsApp. Tutto quello che ci diciamo resta tra noi.<\/p>\n        <\/div>\n      <\/details>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================== CHIUSURA ============================== -->\n<section class=\"mt-sez mt-sez--blu mt-fine\">\n  <div class=\"mt-wrap\">\n    <div class=\"mt-fine__griglia\">\n      <div class=\"mt-fine__testo\">\n        <h2 data-riv>Hai letto fino a qui.<\/h2>\n        <p class=\"mt-fine__corpo\" data-riv style=\"--i:1\">\n          Se sei arrivato in fondo, quello che c'\u00e8 scritto sopra ti riguarda. Il passo successivo\n          costa quaranta minuti e non impegna a niente.\n        <\/p>\n        <div class=\"mt-fine__azione\" data-riv style=\"--i:2\">\n          <a class=\"mt-btn mt-btn--inv mt-btn--grande\" href=\"\/landing-vsl\/\">\n            Prenota la coaching gratuita\n            <svg class=\"mt-btn__freccia\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M2.5 8h11M9 3.5 13.5 8 9 12.5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n          <p class=\"mt-micro\">Risposta entro poche ore<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"mt-fine__ritratto\" data-riv style=\"--i:1\">\n        <img loading=\"lazy\" src=\"https:\/\/marcotriggiani.it\/wp-content\/uploads\/2024\/09\/Marco-Triggiani-4.webp\"\n             alt=\"Marco Triggiani\" width=\"1024\" height=\"1024\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================== FOOTER ============================== -->\n<footer class=\"mt-pie\">\n  <div class=\"mt-wrap\">\n    <div class=\"mt-pie__griglia\">\n      <div>\n        <p class=\"mt-pie__nome\">Marco Triggiani<\/p>\n        <p class=\"mt-pie__claim\">\n          Career coach per manager e professionisti. Guido chi ha una carriera alle spalle a\n          ritrovare una direzione che regga nel tempo.\n        <\/p>\n        <div class=\"mt-pie__btn\">\n          <a class=\"mt-btn\" href=\"\/landing-vsl\/\">Prenota la coaching gratuita<\/a>\n        <\/div>\n        <div class=\"mt-pie__social\">\n          <a href=\"https:\/\/www.instagram.com\/marcotriggiani\/\" rel=\"noopener\">Instagram<\/a>\n          <a href=\"https:\/\/www.linkedin.com\/in\/marcotriggiani79\/\" rel=\"noopener\">LinkedIn<\/a>\n          <a href=\"https:\/\/www.tiktok.com\/@marco.triggiani\" rel=\"noopener\">TikTok<\/a>\n        <\/div>\n      <\/div>\n\n      <div>\n        <h3>Sitemap<\/h3>\n        <nav class=\"mt-pie__link\" aria-label=\"Mappa del sito\">\n          <a href=\"\/\">Home<\/a>\n          <a href=\"\/chi-sono\">Chi sono<\/a>\n          <a href=\"\/protocollo-3c\">Il Protocollo 3C<\/a>\n          <a href=\"\/risultati\">Risultati<\/a>\n          <a href=\"\/blog\">Blog<\/a>\n          <a href=\"\/contatti\">Contatti<\/a>\n        <\/nav>\n      <\/div>\n\n      <div>\n        <h3>Contatti<\/h3>\n        <div class=\"mt-pie__link\">\n          <a href=\"mailto:info@marcotriggiani.it\">info@marcotriggiani.it<\/a>\n          <a href=\"tel:+393474624476\">+39 347 462 4476<\/a>\n          <span>Via Solferino 5<br>30026 Portogruaro (VE)<\/span>\n          <span>P.IVA 04896830272<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"mt-pie__coda\">\n      <span>\u00a9 2026 Marco Triggiani. Tutti i diritti riservati.<\/span>\n      <nav aria-label=\"Note legali\">\n        <a href=\"\/privacy-policy\">Privacy Policy<\/a>\n        <a href=\"\/cookie-policy\/\">Cookie Policy<\/a>\n        <a href=\"\/termini-e-condizioni\">Termini e condizioni<\/a>\n      <\/nav>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<!-- ============================== BARRA MOBILE ============================== -->\n<div class=\"mt-barra\" id=\"mt-barra\">\n  <a class=\"mt-btn\" href=\"\/landing-vsl\/\">Prenota la coaching gratuita<\/a>\n<\/div>\n\n<\/div><!-- \/.mt-home -->\n\n<script>\n(function(){\n  \/* --- registro: conteggio delle spunte ------------------------------------\n     Il testo di partenza \u00e8 gi\u00e0 in pagina, quindi senza JS non manca nulla:\n     le checkbox restano funzionanti e la riga resta leggibile.              *\/\n  var caselle = document.querySelectorAll('#mt-registro [data-reg]');\n  var conto   = document.getElementById('mt-conto');\n\n  if (caselle.length && conto) {\n    var iniziale = conto.textContent;\n    var aggiorna = function(){\n      var n = 0;\n      caselle.forEach(function(c){ if (c.checked) n++; });\n\n      if (n === 0) {\n        conto.textContent = iniziale;\n        conto.removeAttribute('data-soglia');\n      } else if (n < 3) {\n        conto.innerHTML = '<b>' + n + ' su 6.<\/b> Da tre punti in su, una conversazione di 40 minuti ha senso.';\n        conto.removeAttribute('data-soglia');\n      } else {\n        conto.innerHTML = '<b>' + n + ' su 6.<\/b> Sei esattamente la persona con cui lavoro. Il passo successivo \u00e8 la chiamata.';\n        conto.setAttribute('data-soglia', 'si');\n      }\n    };\n    caselle.forEach(function(c){ c.addEventListener('change', aggiorna); });\n  }\n\n  \/* --- cronistoria: il binario avanza di tappa in tappa --------------------\n     Le tappe sono sempre leggibili: senza JS o con reduced-motion il binario\n     resta pieno e i nodi accesi, non si perde nulla del racconto.           *\/\n  var tappe   = document.querySelectorAll('.mt-sto .mt-tappa');\n  var binario = document.getElementById('mt-binario');\n  var pigro   = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  if (tappe.length && binario && !pigro && 'IntersectionObserver' in window) {\n    var avanza = function(tappa){\n      var nodo = tappa.querySelector('.mt-tappa__nodo');\n      if (!nodo) return;\n      \/\/ Misurato coi rect: il nodo \u00e8 absolute dentro la tappa, quindi il suo\n      \/\/ offsetTop \u00e8 relativo alla tappa e non al binario.\n      var fine = nodo.getBoundingClientRect().bottom - binario.getBoundingClientRect().top;\n      var quota = Math.max(0, Math.min(1, fine \/ binario.offsetHeight));\n      var ora   = parseFloat(binario.style.getPropertyValue('--avanzamento')) || 0;\n      if (quota > ora) binario.style.setProperty('--avanzamento', quota.toFixed(4));\n    };\n\n    var osserva = new IntersectionObserver(function(voci){\n      voci.forEach(function(v){\n        if (!v.isIntersecting) return;\n        v.target.setAttribute('data-vista', 'si');\n        avanza(v.target);\n        osserva.unobserve(v.target);      \/\/ una volta accesa, resta accesa\n      });\n    }, { rootMargin: '0px 0px -35% 0px', threshold: 0.01 });\n\n    tappe.forEach(function(t){ osserva.observe(t); });\n  } else if (tappe.length && binario) {\n    binario.style.setProperty('--avanzamento', '1');\n    tappe.forEach(function(t){ t.setAttribute('data-vista', 'si'); });\n  }\n\n  \/* --- reveal allo scroll + scala delle settimane --------------------------\n     Un solo osservatore per tutto. La classe che nasconde viene messa qui,\n     quindi senza JavaScript la pagina resta interamente visibile.          *\/\n  var blocchi = document.querySelectorAll('.mt-home [data-riv]');\n  var scala   = document.getElementById('mt-scala');\n  var casa    = document.querySelector('.mt-home');\n\n  if (!pigro && 'IntersectionObserver' in window) {\n    if (blocchi.length && casa) {\n      casa.setAttribute('data-riv-on', 'si');\n\n      var vedi = new IntersectionObserver(function(voci){\n        voci.forEach(function(v){\n          if (!v.isIntersecting) return;\n          v.target.setAttribute('data-vista', 'si');\n          vedi.unobserve(v.target);\n        });\n      }, { rootMargin: '0px 0px -12% 0px', threshold: 0.01 });\n\n      blocchi.forEach(function(b){ vedi.observe(b); });\n\n      \/* Rete di sicurezza: se qualcosa resta nascosto (osservatore mai\n         scattato, elemento fuori flusso), dopo 3s si mostra tutto. Una\n         pagina di conversione non pu\u00f2 permettersi contenuto invisibile. *\/\n      window.setTimeout(function(){\n        blocchi.forEach(function(b){ b.setAttribute('data-vista', 'si'); });\n      }, 3000);\n    }\n\n    if (scala) {\n      new IntersectionObserver(function(voci, o){\n        if (!voci[0].isIntersecting) return;\n        scala.setAttribute('data-vista', 'si');\n        o.disconnect();\n      }, { rootMargin: '0px 0px -20% 0px', threshold: 0.2 }).observe(scala);\n    }\n  } else if (scala) {\n    scala.setAttribute('data-vista', 'si');\n  }\n\n  \/* --- barra mobile: compare passato l'hero -------------------------------- *\/\n  var barra = document.getElementById('mt-barra');\n  var hero  = document.getElementById('mt-hero');\n\n  if (barra && hero && 'IntersectionObserver' in window) {\n    new IntersectionObserver(function(voci){\n      barra.setAttribute('data-vis', voci[0].isIntersecting ? 'no' : 'si');\n    }, { rootMargin: '-72px 0px 0px 0px' }).observe(hero);\n  } else if (barra) {\n    barra.setAttribute('data-vis', 'si');\n  }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\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>Marco Triggiani \u2014 Career coach per manager e professionisti Marco Triggiani Chi sono Il Protocollo 3C Risultati Blog Prenota la coaching gratuita Carriera solida, stipendio buono Ma hai la sensazione precisa di essere nel posto sbagliato. Aiuto manager e professionisti con 15-20 anni di carriera a ritrovare una direzione professionale che regga nel tempo. In [&hellip;]<\/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-2917","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marcotriggiani.it\/en\/wp-json\/wp\/v2\/pages\/2917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marcotriggiani.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marcotriggiani.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marcotriggiani.it\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/marcotriggiani.it\/en\/wp-json\/wp\/v2\/comments?post=2917"}],"version-history":[{"count":16,"href":"https:\/\/marcotriggiani.it\/en\/wp-json\/wp\/v2\/pages\/2917\/revisions"}],"predecessor-version":[{"id":2933,"href":"https:\/\/marcotriggiani.it\/en\/wp-json\/wp\/v2\/pages\/2917\/revisions\/2933"}],"wp:attachment":[{"href":"https:\/\/marcotriggiani.it\/en\/wp-json\/wp\/v2\/media?parent=2917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}