{"id":2861,"date":"2026-05-08T13:30:45","date_gmt":"2026-05-08T13:30:45","guid":{"rendered":"https:\/\/marcotriggiani.it\/?page_id=2861"},"modified":"2026-05-08T14:33:09","modified_gmt":"2026-05-08T14:33:09","slug":"quiz-ruota-della-carriera","status":"publish","type":"page","link":"https:\/\/marcotriggiani.it\/en\/quiz-ruota-della-carriera\/","title":{"rendered":"Quiz Ruota della Carriera"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2861\" class=\"elementor elementor-2861\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffea3fb e-flex e-con-boxed e-con e-parent\" data-id=\"ffea3fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84dcaab elementor-widget elementor-widget-html\" data-id=\"84dcaab\" 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<!-- RUOTA DELLA CARRIERA \u2014 Marco Triggiani -->\n<!-- Incolla questo codice nel widget HTML di Elementor Pro -->\n\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&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Chart.js\/4.4.1\/chart.umd.js\"><\/script>\n<script src=\"https:\/\/unpkg.com\/jspdf@2.5.1\/dist\/jspdf.umd.min.js\"><\/script>\n\n<style>\n.ruota-widget *, .ruota-widget *::before, .ruota-widget *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n.ruota-widget {\n  --blue: #045ed4;\n  --blue-light: #e6eefa;\n  --blue-dark: #0348a8;\n  --orange: #ff5b05;\n  --orange-light: #fff0e8;\n  --amber: #BA7517;\n  --amber-light: #FAEEDA;\n  --text: #1a1a18;\n  --text-muted: #5f5e5a;\n  --text-faint: #888780;\n  --bg: #faf9f6;\n  --bg-card: #ffffff;\n  --border: rgba(0,0,0,0.1);\n  --border-strong: rgba(0,0,0,0.18);\n  --radius: 10px;\n  --radius-lg: 16px;\n  font-family: 'DM Sans', sans-serif;\n  background: var(--bg);\n  color: var(--text);\n  width: 100%;\n  max-width: 580px;\n  margin: 0 auto;\n  padding: 2rem 1rem 5rem;\n}\n\n.ruota-widget .screen { display: none; }\n.ruota-widget .screen.active { display: block; }\n\n.ruota-widget .top-bar {\n  display: flex; align-items: center; gap: 10px;\n  margin-bottom: 2.5rem; padding-bottom: 1.5rem;\n  border-bottom: 0.5px solid var(--border);\n}\n.ruota-widget .brand-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--blue); flex-shrink: 0; }\n.ruota-widget .brand-name { font-family: 'DM Serif Display', serif; font-size: 15px; color: var(--text); }\n.ruota-widget .brand-tag { margin-left: auto; font-size: 11px; color: var(--text-faint); letter-spacing: 0.05em; text-transform: uppercase; }\n\n.ruota-widget .progress-wrap { margin-bottom: 2.5rem; }\n.ruota-widget .progress-bar { height: 2px; background: var(--border); border-radius: 2px; overflow: hidden; margin-bottom: 8px; }\n.ruota-widget .progress-fill { height: 100%; background: var(--blue); border-radius: 2px; transition: width 0.5s cubic-bezier(.4,0,.2,1); }\n.ruota-widget .progress-label { font-size: 12px; color: var(--text-faint); display: flex; justify-content: space-between; }\n\n.ruota-widget .badge {\n  display: inline-flex; align-items: center; gap: 6px;\n  background: var(--blue-light); color: var(--blue-dark);\n  border-radius: 100px; padding: 5px 14px;\n  font-size: 12px; font-weight: 500; margin-bottom: 1.5rem;\n}\n.ruota-widget .badge svg { width: 14px; height: 14px; }\n\n.ruota-widget h1 {\n  font-family: 'DM Serif Display', serif;\n  font-size: clamp(26px, 5vw, 36px);\n  line-height: 1.2; color: var(--text); margin-bottom: 1rem; letter-spacing: -0.02em;\n}\n.ruota-widget .lead { font-size: 16px; color: var(--text-muted); line-height: 1.7; margin-bottom: 2rem; }\n\n.ruota-widget .features { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 2rem; }\n.ruota-widget .feature {\n  background: var(--bg-card); border: 0.5px solid var(--border);\n  border-radius: var(--radius); padding: 14px 16px;\n  display: flex; align-items: flex-start; gap: 10px;\n}\n.ruota-widget .feature-icon { width: 32px; height: 32px; background: var(--blue-light); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.ruota-widget .feature-icon svg { width: 16px; height: 16px; stroke: var(--blue-dark); }\n.ruota-widget .feature-title { font-size: 13px; font-weight: 500; color: var(--text); margin-bottom: 2px; }\n.ruota-widget .feature-desc { font-size: 12px; color: var(--text-faint); }\n\n.ruota-widget .q-area { font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue); margin-bottom: 8px; }\n.ruota-widget .q-text {\n  font-family: 'DM Serif Display', serif;\n  font-size: clamp(20px, 4vw, 26px); line-height: 1.35;\n  color: var(--text); margin-bottom: 8px; letter-spacing: -0.01em;\n}\n.ruota-widget .q-sub { font-size: 14px; color: var(--text-faint); margin-bottom: 2.5rem; line-height: 1.65; }\n\n.ruota-widget .scale-wrap { margin-bottom: 2rem; }\n.ruota-widget .nums-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 0.5rem; }\n.ruota-widget .num-btn {\n  padding: 12px 4px; border-radius: var(--radius);\n  font-size: 18px; font-weight: 500; font-family: 'DM Sans', sans-serif;\n  cursor: pointer; transition: all 0.15s;\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  gap: 4px; border: 1.5px solid transparent;\n}\n.ruota-widget .num-btn[data-val=\"1\"] { background: #f5f0ee; color: #8a6a5e; border-color: #ddd0cc; }\n.ruota-widget .num-btn[data-val=\"2\"] { background: #eef0f8; color: #5a6a88; border-color: #ccd4ea; }\n.ruota-widget .num-btn[data-val=\"3\"] { background: #e6eefa; color: #2a5aaa; border-color: #b8cef0; }\n.ruota-widget .num-btn[data-val=\"4\"] { background: #d8e7fc; color: #0a4ab8; border-color: #a0c0f0; }\n.ruota-widget .num-btn[data-val=\"5\"] { background: #c8dbfa; color: #034ab0; border-color: #7aaae8; }\n.ruota-widget .num-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(4,94,212,0.15); }\n.ruota-widget .num-btn.selected[data-val=\"1\"] { background: #c0756a; border-color: #c0756a; color: #fff; }\n.ruota-widget .num-btn.selected[data-val=\"2\"] { background: #7090c0; border-color: #7090c0; color: #fff; }\n.ruota-widget .num-btn.selected[data-val=\"3\"] { background: #3070d0; border-color: #3070d0; color: #fff; }\n.ruota-widget .num-btn.selected[data-val=\"4\"] { background: #0a4ec4; border-color: #0a4ec4; color: #fff; }\n.ruota-widget .num-btn.selected[data-val=\"5\"] { background: #045ed4; border-color: #045ed4; color: #fff; }\n.ruota-widget .num-label { font-size: 10px; font-weight: 500; line-height: 1.2; text-align: center; }\n\n.ruota-widget .nav-row { display: flex; gap: 10px; align-items: center; }\n.ruota-widget .btn-back {\n  padding: 11px 18px; border: 0.5px solid var(--border-strong);\n  border-radius: var(--radius); background: transparent;\n  color: var(--text-muted); font-size: 14px; font-family: 'DM Sans', sans-serif;\n  cursor: pointer; display: flex; align-items: center; gap: 6px; transition: background 0.15s;\n}\n.ruota-widget .btn-back:hover { background: rgba(0,0,0,0.04); }\n.ruota-widget .btn-back svg { width: 16px; height: 16px; stroke: currentColor; }\n.ruota-widget .btn-next {\n  flex: 1; padding: 12px 20px; border: none;\n  border-radius: var(--radius); background: var(--blue);\n  color: #fff; font-size: 15px; font-weight: 500;\n  font-family: 'DM Sans', sans-serif; cursor: pointer;\n  opacity: 0.35; pointer-events: none;\n  transition: opacity 0.2s, transform 0.1s;\n  display: flex; align-items: center; justify-content: center; gap: 8px;\n}\n.ruota-widget .btn-next.ready { opacity: 1; pointer-events: all; }\n.ruota-widget .btn-next:active { transform: scale(0.98); }\n.ruota-widget .btn-next svg { width: 16px; height: 16px; stroke: currentColor; }\n\n.ruota-widget .gate-avatar {\n  width: 56px; height: 56px; border-radius: 50%;\n  background: var(--blue-light);\n  display: flex; align-items: center; justify-content: center;\n  font-family: 'DM Serif Display', serif; font-size: 18px;\n  color: var(--blue-dark); margin-bottom: 1.5rem;\n}\n.ruota-widget .gate-title { font-family: 'DM Serif Display', serif; font-size: clamp(22px, 4vw, 28px); line-height: 1.25; color: var(--text); margin-bottom: 10px; letter-spacing: -0.02em; }\n.ruota-widget .gate-sub { font-size: 15px; color: var(--text-muted); line-height: 1.6; margin-bottom: 2rem; }\n.ruota-widget .field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n.ruota-widget .field-wrap { margin-bottom: 14px; }\n.ruota-widget .field-label { font-size: 12px; font-weight: 500; color: var(--text-muted); margin-bottom: 6px; display: block; }\n.ruota-widget .field-input {\n  width: 100%; padding: 12px 14px;\n  border: 0.5px solid var(--border-strong); border-radius: var(--radius);\n  font-size: 16px; font-family: 'DM Sans', sans-serif;\n  color: var(--text); background: var(--bg-card);\n  outline: none; transition: border-color 0.15s;\n}\n.ruota-widget .field-input:focus { border-color: var(--blue); }\n.ruota-widget .field-input::placeholder { color: var(--text-faint); }\n\n.ruota-widget .privacy-wrap { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px; padding: 14px; background: var(--bg); border: 0.5px solid var(--border); border-radius: var(--radius); }\n.ruota-widget .privacy-wrap input[type=\"checkbox\"] { width: 18px; height: 18px; flex-shrink: 0; margin-top: 1px; accent-color: var(--blue); cursor: pointer; }\n.ruota-widget .privacy-label { font-size: 12px; color: var(--text-muted); line-height: 1.55; cursor: pointer; }\n\n.ruota-widget .gate-submit {\n  width: 100%; padding: 14px 20px; border: none;\n  border-radius: var(--radius); background: var(--blue);\n  color: #fff; font-size: 15px; font-weight: 500;\n  font-family: 'DM Sans', sans-serif; cursor: pointer;\n  display: flex; align-items: center; justify-content: center; gap: 10px;\n  margin-top: 6px; transition: background 0.15s, transform 0.1s;\n}\n.ruota-widget .gate-submit:hover { background: var(--blue-dark); }\n.ruota-widget .gate-submit:active { transform: scale(0.98); }\n.ruota-widget .gate-submit svg { width: 18px; height: 18px; stroke: currentColor; }\n.ruota-widget .gate-privacy { font-size: 11px; color: var(--text-faint); text-align: center; margin-top: 12px; line-height: 1.5; }\n.ruota-widget .error-msg { font-size: 12px; color: #c0392b; margin-top: 6px; display: none; }\n.ruota-widget .error-msg.visible { display: block; }\n\n.ruota-widget .result-chip {\n  display: inline-flex; align-items: center; gap: 6px;\n  background: var(--blue-light); color: var(--blue-dark);\n  border-radius: 100px; padding: 5px 14px;\n  font-size: 12px; font-weight: 500; margin-bottom: 1rem;\n}\n.ruota-widget h2.result-title { font-family: 'DM Serif Display', serif; font-size: clamp(22px, 4vw, 30px); line-height: 1.25; color: var(--text); margin-bottom: 8px; letter-spacing: -0.02em; }\n.ruota-widget .result-sub { font-size: 15px; color: var(--text-muted); line-height: 1.6; margin-bottom: 2rem; }\n.ruota-widget .chart-wrap { background: var(--bg-card); border: 0.5px solid var(--border); border-radius: var(--radius-lg); padding: 1.5rem; margin-bottom: 1.25rem; position: relative; height: 360px; }\n\n.ruota-widget .insights { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 1.5rem; }\n.ruota-widget .insight-card { background: var(--bg-card); border: 0.5px solid var(--border); border-radius: var(--radius); padding: 16px; }\n.ruota-widget .insight-head { font-size: 11px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; }\n.ruota-widget .insight-head svg { width: 14px; height: 14px; }\n.ruota-widget .insight-head.blue { color: var(--blue-dark); }\n.ruota-widget .insight-head.amber { color: var(--amber); }\n.ruota-widget .insight-item { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--text); padding: 5px 0; border-bottom: 0.5px solid var(--border); line-height: 1.3; }\n.ruota-widget .insight-item:last-child { border-bottom: none; }\n.ruota-widget .insight-item svg { width: 13px; height: 13px; flex-shrink: 0; }\n.ruota-widget .insight-score { margin-left: auto; font-size: 12px; font-weight: 500; color: var(--text-faint); flex-shrink: 0; }\n\n.ruota-widget .btn-pdf {\n  display: flex; align-items: center; gap: 14px;\n  width: 100%; padding: 16px 20px; margin-bottom: 14px;\n  border: 1.5px solid var(--blue); border-radius: var(--radius);\n  background: transparent; color: var(--blue);\n  font-family: 'DM Sans', sans-serif; cursor: pointer;\n  transition: background 0.15s, transform 0.1s;\n}\n.ruota-widget .btn-pdf:hover { background: var(--blue-light); }\n.ruota-widget .btn-pdf:active { transform: scale(0.98); }\n.ruota-widget .btn-pdf svg { width: 22px; height: 22px; stroke: currentColor; flex-shrink: 0; }\n.ruota-widget .btn-pdf-text { display: flex; flex-direction: column; gap: 3px; text-align: left; }\n.ruota-widget .btn-pdf-title { font-size: 15px; font-weight: 500; }\n.ruota-widget .btn-pdf-sub { font-size: 12px; font-weight: 400; opacity: 0.72; }\n\n.ruota-widget .btn-orange {\n  display: flex; align-items: center; justify-content: center; gap: 12px;\n  width: 100%; padding: 18px 20px; margin-bottom: 14px;\n  border: none; border-radius: var(--radius);\n  background: var(--orange); color: #fff;\n  font-size: 15px; font-weight: 500; font-family: 'DM Sans', sans-serif;\n  cursor: pointer; transition: background 0.15s, transform 0.1s; text-align: left;\n}\n.ruota-widget .btn-orange:hover { background: #e04e00; }\n.ruota-widget .btn-orange:active { transform: scale(0.98); }\n.ruota-widget .btn-orange svg { width: 20px; height: 20px; stroke: currentColor; flex-shrink: 0; }\n.ruota-widget .btn-orange-text { display: flex; flex-direction: column; gap: 3px; }\n.ruota-widget .btn-orange-sub { font-size: 12px; font-weight: 400; opacity: 0.85; }\n\n.ruota-widget .cta-box { background: var(--bg-card); border: 0.5px solid var(--border); border-radius: var(--radius-lg); padding: 2rem; }\n.ruota-widget .cta-eyebrow { font-size: 11px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; color: var(--blue); margin-bottom: 8px; }\n.ruota-widget .cta-title { font-family: 'DM Serif Display', serif; font-size: 20px; color: var(--text); margin-bottom: 10px; line-height: 1.3; }\n.ruota-widget .cta-body { font-size: 14px; color: var(--text-muted); line-height: 1.7; margin-bottom: 1.5rem; }\n.ruota-widget .session-points { list-style: none; margin-bottom: 1.5rem; }\n.ruota-widget .session-points li { font-size: 13px; color: var(--text); display: flex; align-items: flex-start; gap: 8px; padding: 5px 0; }\n.ruota-widget .session-points li svg { width: 14px; height: 14px; stroke: var(--blue); flex-shrink: 0; margin-top: 2px; }\n.ruota-widget .btn-cta {\n  display: flex; align-items: center; justify-content: center; gap: 10px;\n  width: 100%; padding: 15px 24px;\n  background: var(--blue); color: #fff; border: none;\n  border-radius: var(--radius); font-size: 15px; font-weight: 500;\n  font-family: 'DM Sans', sans-serif; cursor: pointer; text-decoration: none;\n  transition: background 0.15s, transform 0.1s;\n}\n.ruota-widget .btn-cta:hover { background: var(--blue-dark); }\n.ruota-widget .btn-cta:active { transform: scale(0.98); }\n.ruota-widget .btn-cta svg { width: 18px; height: 18px; stroke: currentColor; }\n\n.ruota-widget .reflect-badge {\n  display: inline-flex; align-items: center; gap: 6px;\n  background: var(--orange-light); color: var(--orange);\n  border-radius: 100px; padding: 5px 14px;\n  font-size: 12px; font-weight: 500; margin-bottom: 1rem;\n}\n.ruota-widget h2.reflect-title { font-family: 'DM Serif Display', serif; font-size: clamp(22px, 4vw, 28px); line-height: 1.25; color: var(--text); margin-bottom: 8px; letter-spacing: -0.02em; }\n.ruota-widget .reflect-sub { font-size: 15px; color: var(--text-muted); line-height: 1.6; margin-bottom: 2rem; }\n.ruota-widget .reflect-card { background: var(--bg-card); border: 0.5px solid var(--border); border-radius: var(--radius-lg); padding: 1.5rem; margin-bottom: 12px; }\n.ruota-widget .reflect-card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 1.25rem; }\n.ruota-widget .score-pill { display: inline-flex; align-items: center; background: var(--amber-light); color: var(--amber); border-radius: 100px; padding: 3px 10px; font-size: 12px; font-weight: 500; flex-shrink: 0; }\n.ruota-widget .reflect-area-name { font-size: 15px; font-weight: 500; color: var(--text); }\n.ruota-widget .reflect-q { font-size: 12px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-faint); margin-bottom: 8px; display: flex; align-items: center; gap: 7px; }\n.ruota-widget .reflect-q-arrow { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: var(--orange); border-radius: 50%; flex-shrink: 0; }\n.ruota-widget .reflect-q-arrow svg { width: 11px; height: 11px; stroke: #fff; }\n.ruota-widget .reflect-card-divider { height: 0.5px; background: var(--border); margin: 1rem 0; }\n.ruota-widget .reflect-textarea {\n  width: 100%; border: 0.5px solid var(--border-strong);\n  border-radius: var(--radius); padding: 12px 14px;\n  font-size: 14px; font-family: 'DM Sans', sans-serif;\n  color: var(--text); background: var(--bg);\n  resize: vertical; min-height: 80px; line-height: 1.6;\n  transition: border-color 0.15s; margin-bottom: 1rem; outline: none;\n}\n.ruota-widget .reflect-textarea:focus { border-color: var(--blue); }\n.ruota-widget .reflect-textarea:last-child { margin-bottom: 0; }\n.ruota-widget .reflect-textarea::placeholder { color: var(--text-faint); }\n\n.ruota-widget .divider { height: 0.5px; background: var(--border); margin: 1.5rem 0; }\n.ruota-widget .save-btn {\n  display: flex; align-items: center; justify-content: center; gap: 8px;\n  width: 100%; padding: 12px 20px; margin-bottom: 10px;\n  border: 0.5px solid var(--border-strong); border-radius: var(--radius);\n  background: transparent; color: var(--text-muted);\n  font-size: 14px; font-family: 'DM Sans', sans-serif;\n  cursor: pointer; transition: background 0.15s;\n}\n.ruota-widget .save-btn:hover { background: rgba(0,0,0,0.04); }\n.ruota-widget .save-btn svg { width: 16px; height: 16px; stroke: currentColor; }\n.ruota-widget .restart-link { text-align: center; font-size: 13px; color: var(--text-faint); cursor: pointer; text-decoration: underline; margin-top: 1rem; display: block; }\n\n\/* Blocca override uppercase\/letterspacing di Elementor\/WordPress sui button *\/\n.ruota-widget button,\n.ruota-widget a.btn-cta {\n  text-transform: none !important;\n  letter-spacing: normal !important;\n}\n\n@media (max-width: 600px) {\n  .ruota-widget .btn-orange {\n    padding: 14px 16px;\n    gap: 10px;\n    align-items: flex-start;\n  }\n  .ruota-widget .btn-orange svg { width: 18px; height: 18px; margin-top: 2px; flex-shrink: 0; }\n  .ruota-widget .btn-orange-text { min-width: 0; flex: 1; }\n  .ruota-widget .btn-orange-text > span:first-child { font-size: 13px; line-height: 1.45; white-space: normal; word-break: break-word; display: block; }\n  .ruota-widget .btn-orange-sub { font-size: 11px; line-height: 1.4; white-space: normal; word-break: break-word; }\n\n  .ruota-widget .btn-pdf { padding: 13px 16px; gap: 10px; }\n  .ruota-widget .btn-pdf svg { width: 19px; height: 19px; }\n  .ruota-widget .btn-pdf-title { font-size: 13px; }\n  .ruota-widget .btn-pdf-sub { font-size: 11px; }\n\n  .ruota-widget .gate-submit { font-size: 14px; padding: 13px 16px; }\n  .ruota-widget .btn-cta { font-size: 13px; padding: 13px 18px; }\n  .ruota-widget .cta-title { font-size: 17px; }\n  .ruota-widget .cta-box { padding: 1.5rem; }\n}\n\n@media (max-width: 480px) {\n  .ruota-widget .features { grid-template-columns: 1fr; }\n  .ruota-widget .insights { grid-template-columns: 1fr; }\n  .ruota-widget .field-row { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 380px) {\n  .ruota-widget { padding: 1.25rem 0.75rem 4rem; }\n  .ruota-widget .btn-orange-text > span:first-child { font-size: 12px; }\n  .ruota-widget h1 { font-size: 23px; }\n  .ruota-widget .nums-grid { gap: 6px; }\n  .ruota-widget .num-btn { font-size: 15px; padding: 10px 2px; }\n}\n<\/style>\n\n<div class=\"ruota-widget\">\n\n  <div class=\"top-bar\">\n    <div class=\"brand-dot\"><\/div>\n    <span class=\"brand-name\">Marco Triggiani<\/span>\n    <span class=\"brand-tag\">Career Coach<\/span>\n  <\/div>\n\n  <!-- WELCOME -->\n  <div id=\"rdc-screen-welcome\" class=\"screen active\">\n    <div class=\"badge\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n      3 minuti \u00b7 12 aree \u00b7 riflessione guidata\n    <\/div>\n    <h1>Cosa vuoi davvero dal tuo lavoro, oggi?<\/h1>\n    <p class=\"lead\">Non \u00e8 un test di performance. \u00c8 una mappa di come ti senti oggi: 12 domande per capire cosa funziona, cosa non ti soddisfa e da dove vuoi ripartire.<\/p>\n\n    <div class=\"features\">\n      <div class=\"feature\">\n        <div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/svg><\/div>\n        <div><div class=\"feature-title\">Chiarezza immediata<\/div><div class=\"feature-desc\">Scopri cosa conta davvero per te ora<\/div><\/div>\n      <\/div>\n      <div class=\"feature\">\n        <div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg><\/div>\n        <div><div class=\"feature-title\">12 aree chiave<\/div><div class=\"feature-desc\">Una visione completa della tua carriera<\/div><\/div>\n      <\/div>\n      <div class=\"feature\">\n        <div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg><\/div>\n        <div><div class=\"feature-title\">Riflessione guidata<\/div><div class=\"feature-desc\">Domande aperte per andare in profondit\u00e0<\/div><\/div>\n      <\/div>\n      <div class=\"feature\">\n        <div class=\"feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg><\/div>\n        <div><div class=\"feature-title\">Piano d'azione<\/div><div class=\"feature-desc\">Da oggi a dove vuoi arrivare<\/div><\/div>\n      <\/div>\n    <\/div>\n\n    <div style=\"display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff;border:0.5px solid rgba(0,0,0,0.1);border-radius:10px;margin-bottom:2rem;\">\n      <div style=\"width:40px;height:40px;border-radius:50%;background:#e6eefa;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'DM Serif Display',serif;font-size:16px;color:#0348a8;\">MT<\/div>\n      <div>\n        <div style=\"font-size:13px;font-weight:500;color:#1a1a18;\">Marco Triggiani \u00b7 Career Coach<\/div>\n        <div style=\"font-size:12px;color:#888780;margin-top:2px;\">Ho creato questo test per aiutarti a fare chiarezza su ci\u00f2 che vuoi davvero, oggi.<\/div>\n      <\/div>\n    <\/div>\n\n    <button class=\"btn-cta\" onclick=\"rdcStartTest()\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n      Inizia il test gratuito\n    <\/button>\n  <\/div>\n\n  <!-- QUESTIONS -->\n  <div id=\"rdc-screen-question\" class=\"screen\">\n    <div class=\"progress-wrap\">\n      <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"rdc-progress-fill\" style=\"width:0%\"><\/div><\/div>\n      <div class=\"progress-label\">\n        <span id=\"rdc-progress-text\">Area 1 di 12<\/span>\n        <span id=\"rdc-progress-pct\">0%<\/span>\n      <\/div>\n    <\/div>\n    <p class=\"q-area\" id=\"rdc-q-area\"><\/p>\n    <p class=\"q-text\" id=\"rdc-q-text\"><\/p>\n    <p class=\"q-sub\" id=\"rdc-q-sub\"><\/p>\n    <div class=\"scale-wrap\">\n      <div class=\"nums-grid\" id=\"rdc-q-nums\"><\/div>\n    <\/div>\n    <div class=\"nav-row\">\n      <button class=\"btn-back\" id=\"rdc-btn-back\" onclick=\"rdcPrevQ()\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n        Indietro\n      <\/button>\n      <button class=\"btn-next\" id=\"rdc-btn-next\" onclick=\"rdcNextQ()\">\n        <span id=\"rdc-btn-next-label\">Avanti<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <!-- EMAIL GATE -->\n  <div id=\"rdc-screen-gate\" class=\"screen\">\n    <div class=\"gate-avatar\">MT<\/div>\n    <p class=\"gate-title\">Ottieni la tua Ruota della Carriera<\/p>\n    <p class=\"gate-sub\">Hai completato tutte e 12 le domande. Inserisci i tuoi dati per vedere la tua ruota visiva, i risultati e le domande di riflessione guidata.<\/p>\n\n    <div class=\"field-row\">\n      <div class=\"field-wrap\">\n        <label class=\"field-label\" for=\"rdc-input-nome\">Nome *<\/label>\n        <input class=\"field-input\" id=\"rdc-input-nome\" type=\"text\" placeholder=\"Il tuo nome\" autocomplete=\"given-name\">\n        <div class=\"error-msg\" id=\"rdc-err-nome\">Campo obbligatorio.<\/div>\n      <\/div>\n      <div class=\"field-wrap\">\n        <label class=\"field-label\" for=\"rdc-input-cognome\">Cognome *<\/label>\n        <input class=\"field-input\" id=\"rdc-input-cognome\" type=\"text\" placeholder=\"Il tuo cognome\" autocomplete=\"family-name\">\n        <div class=\"error-msg\" id=\"rdc-err-cognome\">Campo obbligatorio.<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"field-wrap\">\n      <label class=\"field-label\" for=\"rdc-input-email\">Email *<\/label>\n      <input class=\"field-input\" id=\"rdc-input-email\" type=\"email\" placeholder=\"La tua email\" autocomplete=\"email\">\n      <div class=\"error-msg\" id=\"rdc-err-email\">Inserisci un'email valida per continuare.<\/div>\n    <\/div>\n\n    <div class=\"field-wrap\">\n      <label class=\"field-label\" for=\"rdc-input-telefono\">WhatsApp *<\/label>\n      <input class=\"field-input\" id=\"rdc-input-telefono\" type=\"tel\" placeholder=\"Il tuo numero WhatsApp\" autocomplete=\"tel\">\n      <div class=\"error-msg\" id=\"rdc-err-telefono\">Campo obbligatorio.<\/div>\n    <\/div>\n\n    <div class=\"privacy-wrap\">\n      <input type=\"checkbox\" id=\"rdc-privacy-check\">\n      <label class=\"privacy-label\" for=\"rdc-privacy-check\">Acconsento al trattamento dei miei dati personali e al loro trattamento anche al di fuori della UE secondo quanto specificato nella Privacy Policy<\/label>\n    <\/div>\n    <div class=\"error-msg\" id=\"rdc-err-privacy\" style=\"margin-bottom:10px;\">Devi accettare la privacy policy per continuare.<\/div>\n\n    <div id=\"rdc-err-send\" class=\"error-msg\" style=\"margin-bottom:8px;text-align:center;font-size:13px;\">Si \u00e8 verificato un errore. Riprova tra qualche secondo.<\/div>\n    <button class=\"gate-submit\" id=\"rdc-gate-submit-btn\" onclick=\"rdcSubmitGate()\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n      <span id=\"rdc-gate-btn-label\">Vedi i miei risultati<\/span>\n    <\/button>\n    <p class=\"gate-privacy\">Nessuno spam. I tuoi dati sono al sicuro e non vengono condivisi con terzi.<\/p>\n  <\/div>\n\n  <!-- RESULTS -->\n  <div id=\"rdc-screen-results\" class=\"screen\">\n    <div class=\"result-chip\" id=\"rdc-score-chip\"><\/div>\n    <h2 class=\"result-title\" id=\"rdc-result-title\"><\/h2>\n    <p class=\"result-sub\" id=\"rdc-result-sub\"><\/p>\n    <div class=\"chart-wrap\">\n      <canvas id=\"rdc-wheel-chart\" role=\"img\" aria-label=\"Grafico radar delle 12 aree della carriera\"><\/canvas>\n    <\/div>\n    <div class=\"insights\">\n      <div class=\"insight-card\">\n        <div class=\"insight-head blue\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          Aree in cui stai bene\n        <\/div>\n        <div id=\"rdc-strengths\"><\/div>\n      <\/div>\n      <div class=\"insight-card\">\n        <div class=\"insight-head amber\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n          Aree da esplorare\n        <\/div>\n        <div id=\"rdc-gaps\"><\/div>\n      <\/div>\n    <\/div>\n\n    <button class=\"btn-pdf\" id=\"rdc-btn-pdf\" onclick=\"rdcDownloadPDF()\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n      <div class=\"btn-pdf-text\">\n        <span class=\"btn-pdf-title\" id=\"rdc-pdf-label\">Scarica la tua Ruota in PDF<\/span>\n        <span class=\"btn-pdf-sub\">Documento A4 con grafico, punteggi e CTA<\/span>\n      <\/div>\n    <\/button>\n\n    <div style=\"display:flex;flex-direction:column;align-items:center;margin-bottom:6px;padding-top:4px;\">\n      <svg viewBox=\"0 0 60 48\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"60\" height=\"48\" style=\"display:block;\">\n        <style>.rdc-arr1{animation:rdcBounce 1.2s ease-in-out infinite}.rdc-arr2{animation:rdcBounce 1.2s ease-in-out 0.2s infinite}.rdc-arr3{animation:rdcBounce 1.2s ease-in-out 0.4s infinite}@keyframes rdcBounce{0%,100%{transform:translateY(0);opacity:.25}50%{transform:translateY(5px);opacity:1}}<\/style>\n        <polyline class=\"rdc-arr1\" points=\"10,4 30,18 50,4\" fill=\"none\" stroke=\"#ff5b05\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <polyline class=\"rdc-arr2\" points=\"10,18 30,32 50,18\" fill=\"none\" stroke=\"#ff5b05\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <polyline class=\"rdc-arr3\" points=\"10,32 30,46 50,32\" fill=\"none\" stroke=\"#ff5b05\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/div>\n    <button class=\"btn-orange\" onclick=\"rdcGoToReflection()\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\n      <div class=\"btn-orange-text\">\n        <span>Approfondisci con le domande di riflessione<\/span>\n        <span class=\"btn-orange-sub\">Scopri cosa vuoi davvero nelle aree che contano di pi\u00f9<\/span>\n      <\/div>\n    <\/button>\n    <div class=\"cta-box\">\n      <p class=\"cta-eyebrow\">Sessione strategica gratuita \u00b7 30 min<\/p>\n      <p class=\"cta-title\">Trasformiamo questa mappa in un piano concreto<\/p>\n      <p class=\"cta-body\" id=\"rdc-cta-body\"><\/p>\n      <ul class=\"session-points\">\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Analisi della tua Ruota e delle risposte aperte<\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Identificazione degli ostacoli che ti rallentano<\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Piano d'azione su misura per il tuo momento<\/li>\n      <\/ul>\n      <a href=\"https:\/\/calendly.com\/marcotriggiani\/30min\" target=\"_blank\" class=\"btn-cta\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n        Prenota la sessione gratuita di 30 minuti\n      <\/a>\n    <\/div>\n    <a class=\"restart-link\" onclick=\"rdcRestartTest()\">Ricomincia il test dall'inizio<\/a>\n  <\/div>\n\n  <!-- REFLECTION -->\n  <div id=\"rdc-screen-reflection\" class=\"screen\">\n    <div class=\"progress-wrap\">\n      <div class=\"progress-bar\"><div class=\"progress-fill\" style=\"width:100%\"><\/div><\/div>\n      <div class=\"progress-label\"><span>Riflessione guidata<\/span><span>Fase 2 di 2<\/span><\/div>\n    <\/div>\n    <div class=\"reflect-badge\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" width=\"14\" height=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"\/><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"\/><\/svg>\n      Domande di approfondimento\n    <\/div>\n    <h2 class=\"reflect-title\">Adesso vai in profondit\u00e0<\/h2>\n    <p class=\"reflect-sub\">Il test ti ha dato un quadro chiaro di dove sei oggi. Ora viene la parte pi\u00f9 preziosa: capire cosa vuoi davvero. Per ogni area in cui hai indicato un punteggio basso, prenditi qualche minuto per scrivere liberamente \u2014 queste riflessioni sono il punto di partenza per costruire una carriera che ti somigli davvero.<\/p>\n    <div style=\"display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff0e8;border:0.5px solid #ff5b05;border-radius:10px;margin-bottom:1.5rem;\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ff5b05\" stroke-width=\"2.5\" width=\"20\" height=\"20\" style=\"flex-shrink:0\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><polyline points=\"19 12 12 19 5 12\"\/><\/svg>\n      <span style=\"font-size:13px;color:#e04e00;font-weight:500;\">Scrivi le tue risposte qui sotto \u2014 pi\u00f9 sei onesto con te stesso, pi\u00f9 questa riflessione sar\u00e0 utile.<\/span>\n    <\/div>\n    <div id=\"rdc-reflection-cards\"><\/div>\n    <div class=\"divider\"><\/div>\n    <button class=\"save-btn\" onclick=\"rdcSaveAnswers()\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n      Scarica le mie risposte (.txt)\n    <\/button>\n    <div class=\"cta-box\" style=\"margin-top:0;\">\n      <p style=\"font-family:'DM Serif Display',serif;font-size:26px;font-weight:700;color:#1a1a18;margin-bottom:12px;letter-spacing:-0.01em;line-height:1.2;\">Il passo successivo<\/p>\n      <p class=\"cta-title\">Porta queste risposte in sessione con Marco<\/p>\n      <p class=\"cta-body\">Hai appena fatto qualcosa che in pochi fanno: messo a fuoco cosa vuoi davvero. Il percorso di coaching con Marco parte esattamente da qui. In 30 minuti trasformiamo queste riflessioni in un piano concreto e su misura per te.<\/p>\n      <ul class=\"session-points\">\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Lavoriamo sulle tue risposte aperte insieme<\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Identifichiamo le priorit\u00e0 concrete su cui agire<\/li>\n        <li><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Costruiamo il tuo piano passo dopo passo<\/li>\n      <\/ul>\n      <a href=\"https:\/\/calendly.com\/marcotriggiani\/30min\" target=\"_blank\" class=\"btn-cta\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n        Prenota la sessione gratuita di 30 minuti\n      <\/a>\n    <\/div>\n    <a class=\"restart-link\" onclick=\"rdcGoToResults()\">\u2190 Torna ai risultati<\/a>\n  <\/div>\n\n<\/div><!-- \/ruota-widget -->\n\n<script>\n(function() {\n\n  \/\/ \u2500\u2500 CONFIGURAZIONE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  var MAKE_WEBHOOK_URL = 'https:\/\/hook.eu2.make.com\/8i5bjojewzs83vs504848klbhckm2ucj';\n  \/\/ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n  var SCALE = 5;\n  var scaleLabels = ['Per nulla', 'Poco', 'Abbastanza', 'Molto', 'Moltissimo'];\n\n  var areas = [\n    { label: 'Soddisfazione personale', key: 's_soddisfazione', q: 'Quanto sei felice del tuo lavoro oggi?', sub: \"Pensa a come ti senti la mattina quando suona la sveglia \u2014 al tuo stato d'animo prima ancora di iniziare la giornata.\" },\n    { label: 'Scopo, significato e obiettivi', key: 's_scopo', q: 'Il tuo lavoro ha un senso profondo per te?', sub: 'Rifletti su quanto ci\u00f2 che fai ogni giorno sia davvero in linea con i tuoi valori pi\u00f9 profondi e con la direzione che vuoi dare alla tua vita.' },\n    { label: 'Competenze e strumenti', key: 's_competenze', q: 'Stai usando al massimo ci\u00f2 che sai fare?', sub: 'Considera quanto spazio hai per esprimere il meglio di te e quanto gli strumenti a tua disposizione ti supportano nel farlo.' },\n    { label: 'Crescita professionale', key: 's_crescita', q: 'Senti di imparare e avanzare nel tuo lavoro?', sub: 'Pensa a dove eri un anno fa e a dove sei oggi \u2014 e a quanto il tuo percorso si sta muovendo nella direzione che desideri.' },\n    { label: 'Riconoscimento e impatto', key: 's_riconoscimento', q: 'Ti senti apprezzato per il tuo contributo?', sub: \"Rifletti su quanto il tuo contributo viene visto e valorizzato da chi ti circonda, dentro e fuori dall'azienda.\" },\n    { label: 'Leadership e mentorship', key: 's_leadership', q: 'Hai opportunit\u00e0 di guidare o essere guidato?', sub: 'Considera la qualit\u00e0 della guida che ricevi e le opportunit\u00e0 che hai di crescere come professionista e come punto di riferimento per gli altri.' },\n    { label: 'Equilibrio vita-lavoro', key: 's_equilibrio', q: 'Riesci a dedicare tempo a te stesso, alla famiglia e alle tue passioni?', sub: 'Pensa a quanto spazio lasci \u2014 e ti viene lasciato \u2014 per le persone e le cose che contano nella tua vita al di fuori del lavoro.' },\n    { label: 'Retribuzione e benefit', key: 's_retribuzione', q: 'Il tuo stipendio e i benefit che ricevi ti danno serenit\u00e0?', sub: \"Rifletti su quanto ci\u00f2 che ricevi rispecchi davvero il valore e l'impegno che metti ogni giorno nel tuo lavoro.\" },\n    { label: 'Energia e lucidit\u00e0', key: 's_energia', q: 'Ti senti di avere lucidit\u00e0 e motivazione durante la giornata?', sub: 'Pensa al tuo livello di energia e concentrazione durante una giornata tipo \u2014 quanto riesci a essere presente, reattivo e produttivo.' },\n    { label: 'Ambiente e cultura lavorativa', key: 's_ambiente', q: 'La cultura aziendale rispecchia chi sei e come vuoi lavorare?', sub: \"Considera quanto l'ambiente, le persone e i valori dell'azienda rispecchino chi sei e come vuoi esprimerti professionalmente ogni giorno.\" },\n    { label: 'Relazioni e networking', key: 's_relazioni', q: 'I tuoi colleghi, capi e contatti sono alleati preziosi?', sub: 'Pensa alla qualit\u00e0 delle relazioni che hai costruito nel tempo \u2014 quanto ti supportano, ti ispirano e ti aprono nuove opportunit\u00e0.' },\n    { label: 'Autonomia e influenza', key: 's_autonomia', q: 'Hai la libert\u00e0 di decidere e plasmare il tuo lavoro?', sub: \"Rifletti su quanto spazio hai per proporre idee, prendere decisioni e lasciare davvero un'impronta nel tuo lavoro.\" }\n  ];\n\n  var reflectQ1 = 'Se questa area fosse a 5, come sarebbe la tua giornata tipo?';\n  var reflectQ2 = 'Cosa ti manca oggi per arrivarci? (una decisione, una risorsa, un cambiamento)';\n\n  var current = 0;\n  var scores = new Array(12).fill(0);\n  var chartInstance = null;\n\n  function showScreen(id) {\n    document.querySelectorAll('.ruota-widget .screen').forEach(function(s) { s.classList.remove('active'); });\n    document.getElementById(id).classList.add('active');\n    window.scrollTo({ top: document.querySelector('.ruota-widget').offsetTop - 20, behavior: 'smooth' });\n  }\n\n  window.rdcStartTest = function() { showScreen('rdc-screen-question'); current = 0; scores = new Array(12).fill(0); renderQuestion(); };\n\n  function renderQuestion() {\n    var a = areas[current];\n    var pct = Math.round((current \/ 12) * 100);\n    document.getElementById('rdc-progress-fill').style.width = pct + '%';\n    document.getElementById('rdc-progress-text').textContent = 'Area ' + (current + 1) + ' di 12';\n    document.getElementById('rdc-progress-pct').textContent = pct + '%';\n    document.getElementById('rdc-q-area').textContent = a.label;\n    document.getElementById('rdc-q-text').textContent = a.q;\n    document.getElementById('rdc-q-sub').textContent = a.sub;\n    document.getElementById('rdc-btn-back').style.display = current === 0 ? 'none' : 'flex';\n    document.getElementById('rdc-btn-next-label').textContent = current === 11 ? 'Continua' : 'Avanti';\n    var grid = document.getElementById('rdc-q-nums');\n    grid.innerHTML = '';\n    for (var i = 1; i <= SCALE; i++) {\n      (function(val) {\n        var btn = document.createElement('button');\n        btn.className = 'num-btn' + (scores[current] === val ? ' selected' : '');\n        btn.setAttribute('data-val', val);\n        btn.innerHTML = '<span>' + val + '<\/span><span class=\"num-label\">' + scaleLabels[val - 1] + '<\/span>';\n        btn.onclick = function() { selectScore(val); };\n        grid.appendChild(btn);\n      })(i);\n    }\n    updateNextBtn();\n  }\n\n  function selectScore(val) {\n    scores[current] = val;\n    document.querySelectorAll('#rdc-q-nums .num-btn').forEach(function(b) {\n      b.classList.toggle('selected', parseInt(b.getAttribute('data-val')) === val);\n    });\n    updateNextBtn();\n  }\n\n  function updateNextBtn() {\n    document.getElementById('rdc-btn-next').classList.toggle('ready', scores[current] > 0);\n  }\n\n  window.rdcNextQ = function() {\n    if (!scores[current]) return;\n    if (current < 11) { current++; renderQuestion(); }\n    else showScreen('rdc-screen-gate');\n  };\n\n  window.rdcPrevQ = function() {\n    if (current > 0) { current--; renderQuestion(); }\n  };\n\n  window.rdcSubmitGate = function() {\n    var nome = document.getElementById('rdc-input-nome').value.trim();\n    var cognome = document.getElementById('rdc-input-cognome').value.trim();\n    var email = document.getElementById('rdc-input-email').value.trim();\n    var telefono = document.getElementById('rdc-input-telefono').value.trim();\n    var privacy = document.getElementById('rdc-privacy-check').checked;\n    var valid = true;\n\n    ['rdc-err-nome','rdc-err-cognome','rdc-err-email','rdc-err-telefono','rdc-err-privacy','rdc-err-send'].forEach(function(id) {\n      document.getElementById(id).classList.remove('visible');\n    });\n\n    if (!nome)    { document.getElementById('rdc-err-nome').classList.add('visible');    valid = false; }\n    if (!cognome) { document.getElementById('rdc-err-cognome').classList.add('visible'); valid = false; }\n    if (!email || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) { document.getElementById('rdc-err-email').classList.add('visible'); valid = false; }\n    if (!telefono){ document.getElementById('rdc-err-telefono').classList.add('visible'); valid = false; }\n    if (!privacy) { document.getElementById('rdc-err-privacy').classList.add('visible'); valid = false; }\n    if (!valid) return;\n\n    var btn = document.getElementById('rdc-gate-submit-btn');\n    var label = document.getElementById('rdc-gate-btn-label');\n    btn.style.opacity = '0.6';\n    btn.style.pointerEvents = 'none';\n    label.textContent = 'Sto salvando...';\n\n    var avg = (scores.reduce(function(a, b) { return a + b; }, 0) \/ 12).toFixed(1);\n    var now = new Date().toLocaleString('it-IT');\n\n    var payload = {\n      nome: nome, cognome: cognome, email: email, telefono: telefono,\n      data: now, media: avg,\n      s_soddisfazione: scores[0], s_scopo: scores[1], s_competenze: scores[2],\n      s_crescita: scores[3], s_riconoscimento: scores[4], s_leadership: scores[5],\n      s_equilibrio: scores[6], s_retribuzione: scores[7], s_energia: scores[8],\n      s_ambiente: scores[9], s_relazioni: scores[10], s_autonomia: scores[11]\n    };\n\n    fetch(MAKE_WEBHOOK_URL, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify(payload)\n    })\n      .then(function() { showResults(); })\n      .catch(function() {\n        document.getElementById('rdc-err-send').classList.add('visible');\n        btn.style.opacity = '1'; btn.style.pointerEvents = 'all';\n        label.textContent = 'Vedi i miei risultati';\n      });\n  };\n\n  function showResults() {\n    showScreen('rdc-screen-results');\n    var avg = scores.reduce(function(a, b) { return a + b; }, 0) \/ 12;\n    var avgR = (Math.round(avg * 10) \/ 10).toFixed(1);\n    var sorted = scores.map(function(s, i) { return { score: s, idx: i }; }).sort(function(a, b) { return b.score - a.score; });\n    var top3 = sorted.slice(0, 3);\n    var bot3 = sorted.slice(-3).reverse();\n    var chip, title, sub, ctaBody;\n    if (avg >= 3.75) {\n      chip = 'Media: ' + avgR + '\/5 \u00b7 Sai gi\u00e0 cosa vuoi';\n      title = 'Hai un buon rapporto con il tuo lavoro';\n      sub = 'Questo grafico riflette il tuo livello di soddisfazione oggi. In molte aree stai gi\u00e0 bene \u2014 ci sono spazi precisi dove puoi alzare il livello e costruire qualcosa di ancora pi\u00f9 soddisfacente.';\n      ctaBody = 'Parti da una buona base. Una sessione con Marco ti aiuter\u00e0 a definire il tuo prossimo traguardo e costruire la strada concreta per arrivarci.';\n    } else if (avg >= 2.5) {\n      chip = 'Media: ' + avgR + '\/5 \u00b7 Potenziale da sbloccare';\n      title = 'Il tuo lavoro ti d\u00e0 qualcosa, ma non ancora abbastanza';\n      sub = 'Questo grafico \u00e8 una mappa di dove sei oggi: ci sono aree che funzionano e aree che ti pesano. Avere questa chiarezza \u00e8 gi\u00e0 il primo passo \u2014 perch\u00e9 non puoi costruire una carriera migliore senza sapere da dove partire.';\n      ctaBody = 'Hai le idee pi\u00f9 chiare di quanto pensi. In 30 minuti con Marco identifichiamo le leve concrete per colmare il divario tra dove sei e dove vuoi essere.';\n    } else {\n      chip = 'Media: ' + avgR + '\/5 \u00b7 Momento di chiarezza';\n      title = 'Il tuo lavoro oggi non ti sta dando ci\u00f2 che meriti';\n      sub = \"Questo grafico mostra con onest\u00e0 il tuo stato attuale. Riconoscerlo non \u00e8 una sconfitta \u2014 \u00e8 il coraggio di dire 'voglio di pi\u00f9'. Da qui si costruisce qualcosa di nuovo, e non devi farlo da solo.\";\n      ctaBody = 'Aver riconosciuto questo divario richiede coraggio. Con Marco partiamo esattamente da qui e costruiamo insieme una direzione concreta e sostenibile.';\n    }\n    document.getElementById('rdc-score-chip').textContent = chip;\n    document.getElementById('rdc-result-title').textContent = title;\n    document.getElementById('rdc-result-sub').textContent = sub;\n    document.getElementById('rdc-cta-body').textContent = ctaBody;\n\n    var blueCheck = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#045ed4\" stroke-width=\"2\" width=\"13\" height=\"13\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>';\n    var amberArrow = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#BA7517\" stroke-width=\"2\" width=\"13\" height=\"13\"><line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"\/><polyline points=\"5 12 12 5 19 12\"\/><\/svg>';\n    document.getElementById('rdc-strengths').innerHTML = top3.map(function(x) {\n      return '<div class=\"insight-item\">' + blueCheck + areas[x.idx].label + '<span class=\"insight-score\">' + x.score + '\/5<\/span><\/div>';\n    }).join('');\n    document.getElementById('rdc-gaps').innerHTML = bot3.map(function(x) {\n      return '<div class=\"insight-item\">' + amberArrow + areas[x.idx].label + '<span class=\"insight-score\">' + x.score + '\/5<\/span><\/div>';\n    }).join('');\n\n    if (chartInstance) { chartInstance.destroy(); chartInstance = null; }\n    var ctx = document.getElementById('rdc-wheel-chart').getContext('2d');\n    chartInstance = new Chart(ctx, {\n      type: 'radar',\n      data: {\n        labels: areas.map(function(a) { return a.label; }),\n        datasets: [{\n          data: scores,\n          backgroundColor: 'rgba(4,94,212,0.1)',\n          borderColor: '#045ed4', borderWidth: 2,\n          pointBackgroundColor: '#045ed4', pointBorderColor: '#fff',\n          pointBorderWidth: 2, pointRadius: 5, pointHoverRadius: 7\n        }]\n      },\n      options: {\n        responsive: true, maintainAspectRatio: false,\n        plugins: { legend: { display: false } },\n        scales: {\n          r: {\n            min: 0, max: SCALE,\n            ticks: { stepSize: 1, display: false, backdropColor: 'transparent' },\n            grid: { color: 'rgba(0,0,0,0.07)' },\n            angleLines: { color: 'rgba(0,0,0,0.07)' },\n            pointLabels: { font: { size: 11, family: \"'DM Sans', sans-serif\" }, color: '#5f5e5a' }\n          }\n        }\n      }\n    });\n  }\n\n  window.rdcGoToReflection = function() { buildReflectionCards(); showScreen('rdc-screen-reflection'); };\n  window.rdcGoToResults = function() { showScreen('rdc-screen-results'); };\n\n  function buildReflectionCards() {\n    var sorted = scores.map(function(s, i) { return { score: s, idx: i }; }).sort(function(a, b) { return a.score - b.score; });\n    var toShow = sorted.filter(function(x) { return x.score <= 3; });\n    if (toShow.length < 3) toShow = sorted.slice(0, 3);\n    var container = document.getElementById('rdc-reflection-cards');\n    container.innerHTML = '';\n    toShow.forEach(function(item) {\n      var score = item.score, idx = item.idx;\n      var area = areas[idx];\n      var card = document.createElement('div');\n      card.className = 'reflect-card';\n      card.dataset.areaIdx = idx;\n      card.innerHTML =\n        '<div class=\"reflect-card-head\">' +\n          '<span class=\"reflect-area-name\">' + area.label + '<\/span>' +\n          '<span class=\"score-pill\">' + score + '\/5<\/span>' +\n        '<\/div>' +\n        '<p class=\"reflect-q\"><span class=\"reflect-q-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><polyline points=\"19 12 12 19 5 12\"\/><\/svg><\/span>' + reflectQ1 + '<\/p>' +\n        '<textarea class=\"reflect-textarea\" data-field=\"ten\" placeholder=\"Immagina di svegliarti in una mattina in cui questa area funziona perfettamente per te. Cosa succederebbe? Cosa sentiresti?\" rows=\"3\"><\/textarea>' +\n        '<div class=\"reflect-card-divider\"><\/div>' +\n        '<p class=\"reflect-q\"><span class=\"reflect-q-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><polyline points=\"19 12 12 19 5 12\"\/><\/svg><\/span>' + reflectQ2 + '<\/p>' +\n        '<textarea class=\"reflect-textarea\" data-field=\"gap\" placeholder=\"Pensa a un cambiamento concreto, una conversazione da fare, una scelta da prendere o una risorsa che ti manca.\" rows=\"3\"><\/textarea>';\n      container.appendChild(card);\n    });\n  }\n\n  window.rdcSaveAnswers = function() {\n    var nome = document.getElementById('rdc-input-nome').value.trim() || 'Anonimo';\n    var cards = document.querySelectorAll('.ruota-widget .reflect-card');\n    var text = 'RUOTA DELLA CARRIERA \u2014 Le mie riflessioni\\nMarco Triggiani \u00b7 Career Coach\\n==========================================\\n\\n';\n    text += 'Nome: ' + nome + '\\nData: ' + new Date().toLocaleDateString('it-IT') + '\\n\\n';\n    cards.forEach(function(card) {\n      var idx = parseInt(card.dataset.areaIdx);\n      var ten = card.querySelector('[data-field=\"ten\"]').value.trim();\n      var gap = card.querySelector('[data-field=\"gap\"]').value.trim();\n      text += 'AREA: ' + areas[idx].label + ' (punteggio: ' + scores[idx] + '\/5)\\n';\n      text += '\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\\n';\n      text += 'Se questa area fosse a 5, come sarebbe la mia giornata tipo?\\n' + (ten || '(non compilato)') + '\\n\\n';\n      text += 'Cosa mi manca oggi per arrivarci?\\n' + (gap || '(non compilato)') + '\\n\\n\\n';\n    });\n    text += '==========================================\\nCreato da Marco Triggiani \u2014 Career Coach\\ncalendly.com\/marcotriggiani\/30min\\n';\n    var blob = new Blob([text], { type: 'text\/plain;charset=utf-8' });\n    var url = URL.createObjectURL(blob);\n    var a = document.createElement('a');\n    a.href = url;\n    a.download = 'ruota-carriera-' + nome.toLowerCase().replace(\/\\s\/g, '-') + '.txt';\n    a.click();\n    URL.revokeObjectURL(url);\n  };\n\n  window.rdcRestartTest = function() { scores = new Array(12).fill(0); current = 0; showScreen('rdc-screen-welcome'); };\n\n  \/\/ \u2500\u2500 PDF GENERATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n  window.rdcDownloadPDF = function() {\n    if (!chartInstance) return;\n\n    var btn   = document.getElementById('rdc-btn-pdf');\n    var label = document.getElementById('rdc-pdf-label');\n    btn.style.opacity = '0.5';\n    btn.style.pointerEvents = 'none';\n    label.textContent = 'Generazione PDF...';\n\n    \/\/ Try to load logo \u2014 fallback to MT monogram if CORS blocks it\n    var logoImg = new Image();\n    logoImg.crossOrigin = 'anonymous';\n    logoImg.onload = function() {\n      var lc = document.createElement('canvas');\n      lc.width = logoImg.naturalWidth; lc.height = logoImg.naturalHeight;\n      try {\n        lc.getContext('2d').drawImage(logoImg, 0, 0);\n        renderChartThenPDF({ dataUrl: lc.toDataURL('image\/png'), w: lc.width, h: lc.height });\n      } catch(e) { renderChartThenPDF(null); }\n    };\n    logoImg.onerror = function() { renderChartThenPDF(null); };\n    logoImg.src = 'https:\/\/marcotriggiani.it\/wp-content\/uploads\/2024\/08\/cropped-MT-1.png';\n  };\n\n  function renderChartThenPDF(logo) {\n    var logoDataUrl = logo ? logo : null;\n    \/\/ Render chart on a hidden 900\u00d7900 canvas for crisp PDF quality\n    var offCanvas = document.createElement('canvas');\n    offCanvas.width = 900; offCanvas.height = 900;\n    offCanvas.style.cssText = 'position:fixed;left:-9999px;top:-9999px;visibility:hidden;';\n    document.body.appendChild(offCanvas);\n\n    var tempChart = new Chart(offCanvas.getContext('2d'), {\n      type: 'radar',\n      data: {\n        labels: areas.map(function(a) { return a.label; }),\n        datasets: [{\n          data: scores,\n          backgroundColor: 'rgba(4,94,212,0.12)',\n          borderColor: '#045ed4', borderWidth: 4,\n          pointBackgroundColor: '#045ed4', pointBorderColor: '#fff',\n          pointBorderWidth: 3, pointRadius: 8\n        }]\n      },\n      options: {\n        responsive: false,\n        animation: { duration: 0 },\n        plugins: { legend: { display: false } },\n        scales: {\n          r: {\n            min: 0, max: 5,\n            ticks: { stepSize: 1, display: false, backdropColor: 'transparent' },\n            grid: { color: 'rgba(0,0,0,0.08)' },\n            angleLines: { color: 'rgba(0,0,0,0.08)' },\n            pointLabels: {\n              font: { size: 15, family: 'helvetica' },\n              color: '#444444',\n              padding: 12\n            }\n          }\n        }\n      }\n    });\n\n    \/\/ Two rAF to ensure Chart.js has painted\n    requestAnimationFrame(function() {\n      requestAnimationFrame(function() {\n        var chartImg = offCanvas.toDataURL('image\/png');\n        tempChart.destroy();\n        document.body.removeChild(offCanvas);\n        buildPDF(chartImg, logo);\n      });\n    });\n  }\n\n  function buildPDF(chartImg, logo) {\n    var nome         = document.getElementById('rdc-input-nome').value.trim();\n    var cognome      = document.getElementById('rdc-input-cognome').value.trim();\n    var nomeCompleto = (nome + ' ' + cognome).trim();\n    var avg          = (scores.reduce(function(a,b){return a+b;},0) \/ 12).toFixed(1);\n    var oggi         = new Date().toLocaleDateString('it-IT', { day:'2-digit', month:'long', year:'numeric' });\n\n    var pdf = new jspdf.jsPDF('p', 'mm', 'a4');\n    var W   = 210, H = 297, pad = 14;\n\n    \/\/ \u2500\u2500 HEADER (0\u201346mm) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    pdf.setFillColor(4, 94, 212);\n    pdf.rect(0, 0, W, 46, 'F');\n\n    \/\/ Logo: fit within 42\u00d726mm box preserving aspect ratio, centered vertically\n    var txtX = pad;\n    if (logo && logo.dataUrl) {\n      var maxLogoW = 42, maxLogoH = 26;\n      var ratio    = logo.w \/ logo.h;\n      var logoW    = maxLogoW;\n      var logoH    = logoW \/ ratio;\n      if (logoH > maxLogoH) { logoH = maxLogoH; logoW = logoH * ratio; }\n      var logoY    = (46 - logoH) \/ 2;\n      pdf.addImage(logo.dataUrl, 'PNG', pad, logoY, logoW, logoH);\n      txtX = pad + logoW + 5;\n    } else {\n      \/\/ MT monogram fallback\n      pdf.setFillColor(255, 255, 255);\n      pdf.circle(pad + 13, 23, 12, 'F');\n      pdf.setTextColor(4, 94, 212);\n      pdf.setFontSize(13);\n      pdf.setFont('helvetica', 'bold');\n      pdf.text('MT', pad + 13, 26.5, { align: 'center' });\n      txtX = pad + 30;\n    }\n\n    \/\/ Brand name (right of logo)\n    pdf.setTextColor(255, 255, 255);\n    pdf.setFontSize(18);\n    pdf.setFont('helvetica', 'bold');\n    pdf.text('Marco Triggiani', txtX, 19);\n\n    pdf.setFontSize(10);\n    pdf.setFont('helvetica', 'normal');\n    pdf.setTextColor(185, 210, 255);\n    pdf.text('Career Coach', txtX, 27);\n\n    \/\/ Title right-aligned\n    pdf.setTextColor(255, 255, 255);\n    pdf.setFontSize(16);\n    pdf.setFont('helvetica', 'bold');\n    pdf.text('Ruota della Carriera', W - pad, 19, { align: 'right' });\n\n    pdf.setFontSize(9);\n    pdf.setFont('helvetica', 'normal');\n    pdf.setTextColor(185, 210, 255);\n    pdf.text('La tua mappa professionale', W - pad, 27, { align: 'right' });\n\n    \/\/ Orange accent stripe\n    pdf.setFillColor(255, 91, 5);\n    pdf.rect(0, 43, W, 3, 'F');\n\n    \/\/ \u2500\u2500 USER BAR (46\u201367mm) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    pdf.setFillColor(236, 244, 255);\n    pdf.rect(0, 46, W, 21, 'F');\n\n    pdf.setTextColor(26, 26, 24);\n    pdf.setFontSize(14);\n    pdf.setFont('helvetica', 'bold');\n    pdf.text(nomeCompleto, pad, 56);\n\n    pdf.setFontSize(9);\n    pdf.setFont('helvetica', 'normal');\n    pdf.setTextColor(95, 94, 90);\n    pdf.text(oggi, pad, 63);\n\n    \/\/ Score pill\n    pdf.setFillColor(4, 94, 212);\n    pdf.roundedRect(W - 57, 49, 43, 13, 3, 3, 'F');\n    pdf.setTextColor(255, 255, 255);\n    pdf.setFontSize(11);\n    pdf.setFont('helvetica', 'bold');\n    pdf.text('Media: ' + avg + ' \/ 5', W - 35.5, 57.5, { align: 'center' });\n\n    \/\/ \u2500\u2500 BODY: 2-column layout (70\u2013270mm) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    \/\/ Left col: chart card  Right col: score list\n    var colLx = pad;\n    var colLw = 108;\n    var colRx = pad + colLw + 6;\n    var colRw = W - colRx - pad;\n    var bodyY = 71;\n\n    \/\/ Section labels\n    pdf.setFillColor(4, 94, 212);\n    pdf.rect(colLx, bodyY, 3, 8, 'F');\n    pdf.setTextColor(26, 26, 24);\n    pdf.setFontSize(10);\n    pdf.setFont('helvetica', 'bold');\n    pdf.text('Il tuo profilo', colLx + 6, bodyY + 6);\n\n    pdf.setFillColor(255, 91, 5);\n    pdf.rect(colRx, bodyY, 3, 8, 'F');\n    pdf.setTextColor(26, 26, 24);\n    pdf.text('Punteggio per area', colRx + 6, bodyY + 6);\n\n    \/\/ Chart card (white bg with border)\n    var chartCardY = bodyY + 11;\n    var chartCardH = 168;\n    pdf.setFillColor(255, 255, 255);\n    pdf.setDrawColor(220, 232, 248);\n    pdf.setLineWidth(0.4);\n    pdf.roundedRect(colLx, chartCardY, colLw, chartCardH, 4, 4, 'FD');\n\n    var chartW = 98, chartH = 98;\n    var chartX = colLx + (colLw - chartW) \/ 2;\n    var chartY = chartCardY + (chartCardH - chartH) \/ 2;\n    pdf.addImage(chartImg, 'PNG', chartX, chartY, chartW, chartH);\n\n    \/\/ Score list (right column)\n    var scoreY = bodyY + 14;\n    var rowH   = 13.5;\n\n    areas.forEach(function(area, i) {\n      var y     = scoreY + i * rowH;\n      var score = scores[i];\n      var rowBg = i % 2 === 0 ? [246, 250, 255] : [255, 255, 255];\n      pdf.setFillColor(rowBg[0], rowBg[1], rowBg[2]);\n      pdf.rect(colRx, y - 5, colRw, rowH, 'F');\n\n      \/\/ Area name\n      pdf.setFontSize(8);\n      pdf.setFont('helvetica', 'normal');\n      pdf.setTextColor(26, 26, 24);\n      var lbl = area.label.length > 19 ? area.label.substring(0, 18) + '\u2026' : area.label;\n      pdf.text(lbl, colRx + 2, y + 1);\n\n      \/\/ Bar\n      var barX  = colRx + 2;\n      var barY  = y + 3.5;\n      var barW  = colRw - 14;\n      var barH2 = 3;\n      pdf.setFillColor(215, 228, 248);\n      pdf.rect(barX, barY, barW, barH2, 'F');\n      var fillW = (score \/ 5) * barW;\n      if (score <= 2) pdf.setFillColor(186, 117, 23);\n      else            pdf.setFillColor(4, 94, 212);\n      if (fillW > 0) pdf.rect(barX, barY, fillW, barH2, 'F');\n\n      \/\/ Score badge\n      if (score <= 2) pdf.setTextColor(186, 117, 23);\n      else            pdf.setTextColor(4, 94, 212);\n      pdf.setFontSize(8);\n      pdf.setFont('helvetica', 'bold');\n      pdf.text(score + '\/5', colRx + colRw - 1, y + 1, { align: 'right' });\n    });\n\n    \/\/ \u2500\u2500 FOOTER \u2014 orange bold (H-28 to H) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    pdf.setFillColor(255, 91, 5);\n    pdf.rect(0, H - 28, W, 28, 'F');\n\n    \/\/ Thin dark band at top of footer\n    pdf.setFillColor(220, 60, 0);\n    pdf.rect(0, H - 28, W, 1, 'F');\n\n    pdf.setTextColor(255, 255, 255);\n    pdf.setFontSize(11);\n    pdf.setFont('helvetica', 'bold');\n    pdf.text('Prenota la tua sessione strategica gratuita \u2014 30 minuti', W \/ 2, H - 16, { align: 'center' });\n\n    pdf.setFontSize(9);\n    pdf.setFont('helvetica', 'normal');\n    pdf.setTextColor(255, 220, 190);\n    pdf.text('marcotriggiani.it  \u00b7  calendly.com\/marcotriggiani\/30min', W \/ 2, H - 8, { align: 'center' });\n\n    \/\/ Whole footer is clickable \u2192 Calendly\n    pdf.link(0, H - 28, W, 28, { url: 'https:\/\/calendly.com\/marcotriggiani\/30min' });\n\n    \/\/ \u2500\u2500 SAVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n    var filename = 'ruota-carriera-' + nomeCompleto.toLowerCase().replace(\/\\s+\/g, '-') + '.pdf';\n    pdf.save(filename);\n\n    var btn   = document.getElementById('rdc-btn-pdf');\n    var label = document.getElementById('rdc-pdf-label');\n    btn.style.opacity = '1';\n    btn.style.pointerEvents = 'all';\n    label.textContent = 'Scarica la tua Ruota in PDF';\n  }\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Marco Triggiani Career Coach 3 minuti \u00b7 12 aree \u00b7 riflessione guidata Cosa vuoi davvero dal tuo lavoro, oggi? Non \u00e8 un test di performance. \u00c8 una mappa di come ti senti oggi: 12 domande per capire cosa funziona, cosa non ti soddisfa e da dove vuoi ripartire. Chiarezza immediataScopri cosa conta davvero per te [&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-2861","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marcotriggiani.it\/en\/wp-json\/wp\/v2\/pages\/2861","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=2861"}],"version-history":[{"count":25,"href":"https:\/\/marcotriggiani.it\/en\/wp-json\/wp\/v2\/pages\/2861\/revisions"}],"predecessor-version":[{"id":2887,"href":"https:\/\/marcotriggiani.it\/en\/wp-json\/wp\/v2\/pages\/2861\/revisions\/2887"}],"wp:attachment":[{"href":"https:\/\/marcotriggiani.it\/en\/wp-json\/wp\/v2\/media?parent=2861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}