{"id":12,"date":"2026-01-14T12:50:23","date_gmt":"2026-01-14T12:50:23","guid":{"rendered":"https:\/\/investimentiperte.com\/?page_id=12"},"modified":"2026-01-16T13:10:55","modified_gmt":"2026-01-16T13:10:55","slug":"quiz-it","status":"publish","type":"page","link":"https:\/\/investimentiperte.com\/?page_id=12","title":{"rendered":"Quiz IT"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Test Wealth IQ | Scopri la Tua Mentalit\u00e0 Finanziaria<\/title>\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=Playfair+Display:wght@400;500;600;700&family=DM+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --gold-primary: #C9A227;\n --gold-light: #E8D48A;\n --gold-dark: #8B7355;\n --black: #0A0A0A;\n --dark-bg: #111111;\n --dark-surface: #1A1A1A;\n --dark-border: #2A2A2A;\n --white: #FFFFFF;\n --gray-100: #F5F5F5;\n --gray-300: #CCCCCC;\n --gray-500: #888888;\n --gray-700: #444444;\n --font-display: 'Playfair Display', Georgia, serif;\n --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n --shadow-gold: 0 0 60px rgba(201, 162, 39, 0.15);\n --shadow-card: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n }\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n html {\n scroll-behavior: smooth;\n }\n body {\n font-family: var(--font-body);\n background-color: var(--black);\n color: var(--white);\n line-height: 1.7;\n overflow-x: hidden;\n }\n \/* Grain Overlay *\/\n body::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'\/%3E%3C\/svg%3E\");\n opacity: 0.03;\n pointer-events: none;\n z-index: 1000;\n }\n \/* Typography *\/\n h1, h2, h3, h4 {\n font-family: var(--font-display);\n font-weight: 500;\n line-height: 1.2;\n }\n .text-gold {\n color: var(--gold-primary);\n }\n .text-gradient {\n background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold-primary) 50%, var(--gold-dark) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 24px;\n }\n .container-narrow {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 24px;\n }\n \/* Navigation *\/\n .nav {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 100;\n padding: 12px 0;\n background: linear-gradient(180deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0) 100%);\n transition: all 0.3s ease;\n }\n @media (min-width: 768px) {\n .nav {\n padding: 15px 0;\n }\n }\n .nav.scrolled {\n background: rgba(10, 10, 10, 0.98);\n backdrop-filter: blur(20px);\n padding: 10px 0;\n }\n @media (min-width: 768px) {\n .nav.scrolled {\n padding: 12px 0;\n }\n }\n .nav-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .logo {\n font-family: var(--font-display);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--white);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n @media (min-width: 768px) {\n .logo {\n font-size: 1.5rem;\n gap: 10px;\n }\n }\n .logo-icon {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--gold-light), var(--gold-primary));\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n }\n @media (min-width: 768px) {\n .logo-icon {\n width: 36px;\n height: 36px;\n font-size: 1.2rem;\n }\n }\n .nav-cta {\n display: none;\n padding: 12px 24px;\n background: transparent;\n border: 1px solid var(--gold-primary);\n color: var(--gold-primary);\n font-family: var(--font-body);\n font-size: 0.875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-decoration: none;\n }\n .nav-cta:hover {\n background: var(--gold-primary);\n color: var(--black);\n }\n @media (min-width: 768px) {\n .nav-cta {\n display: inline-block;\n }\n }\n \/* Sticky CTA *\/\n .sticky-cta {\n position: fixed;\n bottom: -100px;\n left: 0;\n right: 0;\n z-index: 99;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(20px);\n border-top: 1px solid var(--dark-border);\n padding: 12px 20px;\n transition: bottom 0.4s ease;\n }\n .sticky-cta.visible {\n bottom: 0;\n }\n .sticky-cta-content {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n }\n .sticky-cta-text {\n font-size: 0.9rem;\n color: var(--gray-300);\n display: none;\n }\n @media (min-width: 480px) {\n .sticky-cta-text {\n display: block;\n }\n }\n .sticky-btn {\n padding: 12px 24px;\n font-size: 0.85rem;\n flex-shrink: 0;\n width: auto;\n }\n @media (max-width: 479px) {\n .sticky-btn {\n width: 100%;\n }\n }\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n min-height: 100dvh;\n display: flex;\n align-items: flex-start;\n position: relative;\n padding: 56px 0 40px;\n overflow: hidden;\n }\n @media (min-width: 768px) {\n .hero {\n padding: 60px 0 60px;\n }\n }\n @media (min-width: 1024px) {\n .hero {\n align-items: center;\n padding: 65px 0 80px;\n }\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 80%;\n height: 150%;\n background: radial-gradient(ellipse at center, rgba(201, 162, 39, 0.08) 0%, transparent 60%);\n pointer-events: none;\n }\n .hero::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 200px;\n background: linear-gradient(180deg, transparent 0%, var(--black) 100%);\n pointer-events: none;\n }\n .hero-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n align-items: center;\n position: relative;\n z-index: 1;\n }\n @media (min-width: 1024px) {\n .hero-content {\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n }\n }\n .hero-text {\n animation: fadeInUp 1s ease-out;\n }\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n .badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 16px;\n background: rgba(201, 162, 39, 0.1);\n border: 1px solid rgba(201, 162, 39, 0.3);\n border-radius: 100px;\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n color: var(--gold-primary);\n margin-bottom: 16px;\n }\n @media (min-width: 768px) {\n .badge {\n font-size: 0.75rem;\n letter-spacing: 2px;\n margin-bottom: 20px;\n }\n }\n .badge::before {\n content: '';\n width: 6px;\n height: 6px;\n background: var(--gold-primary);\n border-radius: 50%;\n animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.4; }\n }\n .hero h1 {\n font-size: clamp(2rem, 5vw, 4rem);\n margin-bottom: 16px;\n color: var(--white);\n }\n @media (min-width: 768px) {\n .hero h1 {\n margin-bottom: 20px;\n }\n }\n .hero h1 span {\n display: block;\n }\n .hero-subtitle {\n font-size: 1rem;\n color: var(--gray-300);\n margin-bottom: 20px;\n max-width: 520px;\n }\n @media (min-width: 768px) {\n .hero-subtitle {\n font-size: 1.125rem;\n margin-bottom: 24px;\n }\n }\n .hero-features {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 24px;\n }\n @media (min-width: 768px) {\n .hero-features {\n gap: 20px;\n margin-bottom: 32px;\n }\n }\n .hero-feature {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 0.9rem;\n color: var(--gray-300);\n }\n .hero-feature svg {\n width: 20px;\n height: 20px;\n color: var(--gold-primary);\n }\n \/* Form Card *\/\n .form-card {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 24px;\n padding: 40px;\n box-shadow: var(--shadow-card), var(--shadow-gold);\n animation: fadeInUp 1s ease-out 0.2s both;\n position: relative;\n overflow: hidden;\n }\n .form-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--gold-dark), var(--gold-primary), var(--gold-light), var(--gold-primary), var(--gold-dark));\n }\n .form-header {\n text-align: center;\n margin-bottom: 32px;\n }\n .form-header h2 {\n font-size: 1.75rem;\n margin-bottom: 8px;\n }\n .form-header p {\n color: var(--gray-500);\n font-size: 0.9rem;\n }\n \/* Progress Bar *\/\n .progress-container {\n margin-bottom: 32px;\n }\n .progress-bar {\n height: 4px;\n background: var(--dark-border);\n border-radius: 2px;\n overflow: hidden;\n }\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--gold-primary), var(--gold-light));\n border-radius: 2px;\n transition: width 0.5s ease;\n width: 0%;\n }\n .progress-text {\n display: flex;\n justify-content: space-between;\n margin-top: 8px;\n font-size: 0.75rem;\n color: var(--gray-500);\n }\n \/* Form Steps *\/\n .form-step {\n display: none;\n }\n .form-step.active {\n display: block;\n animation: fadeIn 0.4s ease;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateX(20px); }\n to { opacity: 1; transform: translateX(0); }\n }\n \/* Input Styles *\/\n .input-group {\n margin-bottom: 20px;\n }\n .input-group label {\n display: block;\n font-size: 0.875rem;\n font-weight: 500;\n margin-bottom: 8px;\n color: var(--gray-300);\n }\n .input-group input,\n .input-group select {\n width: 100%;\n padding: 16px 20px;\n background: var(--dark-bg);\n border: 1px solid var(--dark-border);\n border-radius: 12px;\n color: var(--white);\n font-family: var(--font-body);\n font-size: 1rem;\n transition: all 0.3s ease;\n }\n .input-group input:focus,\n .input-group select:focus {\n outline: none;\n border-color: var(--gold-primary);\n box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.1);\n }\n .input-group input::placeholder {\n color: var(--gray-700);\n }\n \/* Quiz Question Styles *\/\n .quiz-question {\n margin-bottom: 24px;\n }\n .quiz-question h3 {\n font-family: var(--font-body);\n font-size: 1.1rem;\n font-weight: 500;\n margin-bottom: 16px;\n color: var(--white);\n }\n .quiz-options {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n .quiz-option {\n position: relative;\n }\n .quiz-option input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n }\n .quiz-option label {\n display: block;\n padding: 16px 20px;\n background: var(--dark-bg);\n border: 1px solid var(--dark-border);\n border-radius: 12px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-size: 0.95rem;\n color: var(--gray-300);\n }\n .quiz-option label:hover {\n border-color: var(--gold-dark);\n background: rgba(201, 162, 39, 0.05);\n }\n .quiz-option input:checked + label {\n border-color: var(--gold-primary);\n background: rgba(201, 162, 39, 0.1);\n color: var(--white);\n }\n .quiz-option input:checked + label::before {\n content: '\u2713';\n position: absolute;\n right: 16px;\n top: 50%;\n transform: translateY(-50%);\n color: var(--gold-primary);\n font-weight: bold;\n }\n \/* Buttons *\/\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 18px 32px;\n font-family: var(--font-body);\n font-size: 1rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n border: none;\n border-radius: 12px;\n cursor: pointer;\n transition: all 0.3s ease;\n width: 100%;\n }\n .btn-primary {\n background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark));\n color: var(--black);\n box-shadow: 0 4px 20px rgba(201, 162, 39, 0.3);\n }\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(201, 162, 39, 0.4);\n }\n .btn-primary:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n transform: none;\n }\n .btn-secondary {\n background: transparent;\n border: 1px solid var(--dark-border);\n color: var(--gray-300);\n }\n .btn-secondary:hover {\n border-color: var(--gray-500);\n color: var(--white);\n }\n .btn-nav-group {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n }\n .btn-nav-group .btn {\n flex: 1;\n }\n \/* Results *\/\n .results-container {\n text-align: center;\n }\n .score-display {\n margin: 32px 0;\n }\n .score-circle {\n width: 160px;\n height: 160px;\n margin: 0 auto 24px;\n border-radius: 50%;\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.2), rgba(201, 162, 39, 0.05));\n border: 3px solid var(--gold-primary);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-shadow: var(--shadow-gold);\n }\n .score-number {\n font-family: var(--font-display);\n font-size: 3rem;\n font-weight: 700;\n color: var(--gold-primary);\n line-height: 1;\n }\n .score-label {\n font-size: 0.875rem;\n color: var(--gray-500);\n margin-top: 4px;\n }\n .score-interpretation {\n font-size: 1.25rem;\n color: var(--white);\n margin-bottom: 16px;\n }\n .blindspot-reveal {\n background: rgba(201, 162, 39, 0.1);\n border: 1px solid rgba(201, 162, 39, 0.3);\n border-radius: 16px;\n padding: 24px;\n margin: 24px 0;\n text-align: left;\n }\n .blindspot-reveal h4 {\n font-family: var(--font-body);\n font-size: 0.875rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--gold-primary);\n margin-bottom: 8px;\n }\n .blindspot-reveal p {\n color: var(--gray-300);\n font-size: 0.95rem;\n }\n \/* Sections *\/\n section {\n padding: 100px 0;\n position: relative;\n }\n .section-header {\n text-align: center;\n max-width: 700px;\n margin: 0 auto 60px;\n }\n .section-header h2 {\n font-size: clamp(2rem, 4vw, 3rem);\n margin-bottom: 16px;\n }\n .section-header p {\n color: var(--gray-300);\n font-size: 1.1rem;\n }\n \/* Problem Section *\/\n .problem-section {\n background: var(--dark-bg);\n }\n \/* What You Get Section *\/\n .what-you-get-section {\n background: var(--black);\n padding: 100px 0;\n }\n .benefits-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n @media (min-width: 768px) {\n .benefits-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n .benefit-card {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 20px;\n padding: 32px;\n text-align: center;\n transition: all 0.3s ease;\n position: relative;\n }\n .benefit-card:hover {\n transform: translateY(-8px);\n border-color: var(--gold-dark);\n }\n .benefit-card.featured {\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.15), rgba(201, 162, 39, 0.05));\n border-color: var(--gold-primary);\n box-shadow: var(--shadow-gold);\n }\n .benefit-badge {\n position: absolute;\n top: -12px;\n left: 50%;\n transform: translateX(-50%);\n background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark));\n color: var(--black);\n font-size: 0.7rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 6px 16px;\n border-radius: 100px;\n }\n .benefit-icon {\n width: 72px;\n height: 72px;\n background: rgba(201, 162, 39, 0.1);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n }\n .benefit-icon svg {\n width: 36px;\n height: 36px;\n color: var(--gold-primary);\n }\n .benefit-card h3 {\n font-family: var(--font-body);\n font-size: 1.25rem;\n font-weight: 600;\n margin-bottom: 12px;\n color: var(--white);\n }\n .benefit-card p {\n color: var(--gray-500);\n font-size: 0.95rem;\n line-height: 1.6;\n }\n .problem-content {\n max-width: 800px;\n margin: 0 auto;\n }\n .problem-content p {\n font-size: 1.2rem;\n color: var(--gray-300);\n margin-bottom: 24px;\n }\n .problem-content p strong {\n color: var(--white);\n }\n .highlight-box {\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.1), rgba(201, 162, 39, 0.02));\n border-left: 4px solid var(--gold-primary);\n padding: 24px 32px;\n margin: 40px 0;\n border-radius: 0 16px 16px 0;\n }\n .highlight-box p {\n font-size: 1.3rem;\n color: var(--white);\n margin: 0;\n font-style: italic;\n }\n .promise-box {\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.15), rgba(201, 162, 39, 0.05));\n border: 1px solid rgba(201, 162, 39, 0.3);\n border-radius: 16px;\n padding: 24px;\n margin: 24px 0;\n }\n .promise-box p {\n font-size: 1rem;\n color: var(--gray-300);\n margin: 0;\n line-height: 1.7;\n }\n .promise-box strong {\n color: var(--gold-primary);\n }\n \/* Blindspots Section *\/\n .blindspots-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n @media (min-width: 768px) {\n .blindspots-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n .blindspot-card {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 20px;\n padding: 32px;\n transition: all 0.3s ease;\n }\n .blindspot-card:hover {\n transform: translateY(-8px);\n border-color: var(--gold-dark);\n box-shadow: var(--shadow-gold);\n }\n .blindspot-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark));\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-display);\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--black);\n margin-bottom: 20px;\n }\n .blindspot-card h3 {\n font-family: var(--font-body);\n font-size: 1.25rem;\n font-weight: 600;\n margin-bottom: 12px;\n color: var(--white);\n }\n .blindspot-card p {\n color: var(--gray-500);\n font-size: 0.95rem;\n }\n \/* Success Stories Section *\/\n .stories-section {\n background: var(--dark-bg);\n padding: 100px 0;\n }\n .stories-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 32px;\n }\n @media (min-width: 1024px) {\n .stories-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n .story-card {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 24px;\n padding: 32px;\n transition: all 0.3s ease;\n }\n .story-card:hover {\n border-color: var(--gold-dark);\n box-shadow: var(--shadow-gold);\n }\n .story-header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin-bottom: 24px;\n padding-bottom: 20px;\n border-bottom: 1px solid var(--dark-border);\n }\n .story-avatar {\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--gold-primary), var(--gold-dark));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-display);\n font-size: 1.5rem;\n font-weight: 600;\n color: var(--black);\n flex-shrink: 0;\n }\n .story-meta h4 {\n font-family: var(--font-body);\n font-size: 1.1rem;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 2px;\n }\n .story-meta p {\n font-size: 0.85rem;\n color: var(--gray-500);\n margin: 0;\n }\n .story-section {\n margin-bottom: 20px;\n }\n .story-label {\n display: inline-block;\n font-size: 0.7rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 4px 10px;\n border-radius: 4px;\n margin-bottom: 10px;\n }\n .story-label.problem {\n background: rgba(239, 68, 68, 0.15);\n color: #f87171;\n }\n .story-label.discovery {\n background: rgba(251, 191, 36, 0.15);\n color: #fbbf24;\n }\n .story-label.solution {\n background: rgba(34, 197, 94, 0.15);\n color: #4ade80;\n }\n .story-section p {\n font-size: 0.9rem;\n color: var(--gray-300);\n line-height: 1.7;\n margin: 0;\n }\n .story-section strong {\n color: var(--gold-primary);\n }\n .story-result {\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.15), rgba(201, 162, 39, 0.05));\n border: 1px solid rgba(201, 162, 39, 0.3);\n border-radius: 16px;\n padding: 20px;\n display: flex;\n gap: 16px;\n margin-top: 24px;\n }\n .result-icon {\n width: 48px;\n height: 48px;\n background: rgba(201, 162, 39, 0.2);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n .result-icon svg {\n width: 24px;\n height: 24px;\n color: var(--gold-primary);\n }\n .result-text {\n flex: 1;\n }\n .result-number {\n font-size: 0.75rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--gold-primary);\n display: block;\n margin-bottom: 6px;\n }\n .result-text p {\n font-size: 0.9rem;\n color: var(--white);\n margin: 0;\n font-style: italic;\n line-height: 1.6;\n }\n \/* Curriculum Section *\/\n .curriculum-section {\n background: var(--black);\n padding: 100px 0;\n }\n .curriculum-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n @media (min-width: 768px) {\n .curriculum-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n @media (min-width: 1024px) {\n .curriculum-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n .curriculum-category {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 20px;\n padding: 28px;\n transition: all 0.3s ease;\n }\n .curriculum-category:hover {\n border-color: var(--gold-dark);\n transform: translateY(-4px);\n }\n .category-icon {\n width: 56px;\n height: 56px;\n background: rgba(201, 162, 39, 0.1);\n border-radius: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n }\n .category-icon svg {\n width: 28px;\n height: 28px;\n color: var(--gold-primary);\n }\n .category-icon.gold {\n background: linear-gradient(135deg, rgba(201, 162, 39, 0.25), rgba(201, 162, 39, 0.1));\n border: 1px solid rgba(201, 162, 39, 0.3);\n }\n .curriculum-category h3 {\n font-family: var(--font-body);\n font-size: 1.15rem;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 16px;\n }\n .curriculum-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n .curriculum-list li {\n position: relative;\n padding-left: 20px;\n padding-bottom: 10px;\n font-size: 0.9rem;\n color: var(--gray-400);\n line-height: 1.5;\n }\n .curriculum-list li:last-child {\n padding-bottom: 0;\n }\n .curriculum-list li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--gold-primary);\n font-size: 0.8rem;\n }\n .curriculum-cta {\n text-align: center;\n margin-top: 60px;\n padding: 40px;\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 24px;\n }\n .curriculum-cta p {\n font-size: 1.1rem;\n color: var(--gray-300);\n margin-bottom: 24px;\n }\n .curriculum-cta strong {\n color: var(--gold-primary);\n }\n .curriculum-cta .btn {\n max-width: 350px;\n margin: 0 auto;\n }\n \/* Solution Section *\/\n .solution-section {\n background: var(--dark-bg);\n }\n .solution-content {\n display: grid;\n grid-template-columns: 1fr;\n gap: 60px;\n align-items: center;\n }\n @media (min-width: 1024px) {\n .solution-content {\n grid-template-columns: 1fr 1fr;\n }\n }\n .solution-text h2 {\n font-size: clamp(2rem, 4vw, 2.75rem);\n margin-bottom: 24px;\n }\n .solution-text p {\n color: var(--gray-300);\n font-size: 1.1rem;\n margin-bottom: 24px;\n }\n .solution-list {\n list-style: none;\n margin: 32px 0;\n }\n .solution-list li {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n padding: 16px 0;\n border-bottom: 1px solid var(--dark-border);\n }\n .solution-list li:last-child {\n border-bottom: none;\n }\n .solution-list svg {\n width: 24px;\n height: 24px;\n color: var(--gold-primary);\n flex-shrink: 0;\n margin-top: 2px;\n }\n .solution-list span {\n color: var(--gray-300);\n }\n .solution-visual {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 24px;\n padding: 40px;\n text-align: center;\n }\n .visual-steps {\n display: flex;\n flex-direction: column;\n gap: 24px;\n }\n .visual-step {\n display: flex;\n align-items: center;\n gap: 20px;\n text-align: left;\n }\n .step-number {\n width: 56px;\n height: 56px;\n background: rgba(201, 162, 39, 0.1);\n border: 2px solid var(--gold-primary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-display);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--gold-primary);\n flex-shrink: 0;\n }\n .step-content h4 {\n font-family: var(--font-body);\n font-size: 1rem;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 4px;\n }\n .step-content p {\n font-size: 0.875rem;\n color: var(--gray-500);\n margin: 0;\n }\n .step-arrow {\n text-align: center;\n color: var(--gold-dark);\n font-size: 1.5rem;\n }\n \/* Trust Section *\/\n .trust-section {\n background: var(--black);\n }\n .trust-content {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n }\n .trust-content p {\n color: var(--gray-300);\n font-size: 1.1rem;\n margin-bottom: 20px;\n }\n .trust-points {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n margin-top: 48px;\n }\n @media (min-width: 768px) {\n .trust-points {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n .trust-point {\n text-align: center;\n }\n .trust-icon {\n width: 64px;\n height: 64px;\n background: rgba(201, 162, 39, 0.1);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 16px;\n }\n .trust-icon svg {\n width: 28px;\n height: 28px;\n color: var(--gold-primary);\n }\n .trust-point h4 {\n font-family: var(--font-body);\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 4px;\n }\n .trust-point p {\n font-size: 0.8rem;\n color: var(--gray-500);\n margin: 0;\n }\n \/* Final CTA Section *\/\n .cta-section {\n background: linear-gradient(180deg, var(--dark-bg) 0%, var(--black) 100%);\n padding: 120px 0;\n }\n .cta-card {\n background: var(--dark-surface);\n border: 1px solid var(--dark-border);\n border-radius: 32px;\n padding: 60px 40px;\n text-align: center;\n max-width: 700px;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n }\n .cta-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--gold-dark), var(--gold-primary), var(--gold-light), var(--gold-primary), var(--gold-dark));\n }\n .cta-card h2 {\n font-size: clamp(2rem, 4vw, 2.75rem);\n margin-bottom: 20px;\n }\n .cta-card p {\n color: var(--gray-300);\n font-size: 1.1rem;\n margin-bottom: 32px;\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n }\n .cta-card .btn {\n max-width: 400px;\n margin: 0 auto;\n }\n .cta-note {\n margin-top: 20px;\n font-size: 0.875rem;\n color: var(--gray-500);\n }\n \/* Footer *\/\n footer {\n background: var(--black);\n border-top: 1px solid var(--dark-border);\n padding: 40px 0;\n text-align: center;\n }\n .footer-logo {\n font-family: var(--font-display);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--white);\n margin-bottom: 16px;\n }\n .footer-text {\n color: var(--gray-500);\n font-size: 0.875rem;\n }\n .footer-links {\n margin-top: 16px;\n display: flex;\n justify-content: center;\n gap: 24px;\n }\n .footer-links a {\n color: var(--gray-500);\n font-size: 0.875rem;\n text-decoration: none;\n transition: color 0.3s ease;\n }\n .footer-links a:hover {\n color: var(--gold-primary);\n }\n \/* Utility *\/\n .hidden {\n display: none !important;\n }\n \/* Scroll animations *\/\n .reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.8s ease;\n }\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body>\n <!-- Navigation -->\n <nav class=\"nav\" id=\"nav\">\n <div class=\"container\">\n <div class=\"nav-content\">\n <a href=\"#\" class=\"logo\">\n <div class=\"logo-icon\">W<\/div>\n Wealth IQ Academy\n <\/a>\n <a href=\"#assessment\" class=\"nav-cta\">Test Gratuito<\/a>\n <\/div>\n <\/div>\n <\/nav>\n <!-- Sticky CTA -->\n <div class=\"sticky-cta\" id=\"sticky-cta\">\n <div class=\"sticky-cta-content\">\n <span class=\"sticky-cta-text\">Ottieni il tuo test gratuito<\/span>\n <a href=\"#assessment\" class=\"btn btn-primary sticky-btn\">\n Inizia Ora\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n <!-- Main Content -->\n <main id=\"main-content\">\n <!-- Hero Section -->\n <section class=\"hero\" id=\"assessment\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"badge\">Test Gratuito + Sessione Strategica<\/div>\n <h1>\n <span>Scopri Perch\u00e9 Non Stai<\/span>\n <span>Costruendo Ricchezza \u2014<\/span>\n <span class=\"text-gradient\">E Ottieni un Piano Gratuito per Cambiare<\/span>\n <\/h1>\n <p class=\"hero-subtitle\">\n Completa il nostro Test Wealth IQ in 2 minuti e ricevi una sessione strategica 1-a-1 gratuita con uno dei nostri esperti. Ti mostreremo esattamente cosa ti sta bloccando \u2014 e come cambiarlo.\n <\/p>\n <div class=\"hero-features\">\n <div class=\"hero-feature\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n Test di 2 Minuti\n <\/div>\n <div class=\"hero-feature\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"\/>\n <\/svg>\n Chiamata Gratuita con Esperto\n <\/div>\n <div class=\"hero-feature\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n Roadmap Personalizzata\n <\/div>\n <\/div>\n <\/div>\n <!-- Assessment Form Card -->\n <div class=\"form-card\" id=\"assessment-form\">\n <div class=\"form-header\">\n <h2>Ottieni il Tuo Test Gratuito<\/h2>\n <p>+ una sessione strategica 1-a-1 con i nostri esperti<\/p>\n <\/div>\n <div class=\"progress-container\">\n <div class=\"progress-bar\">\n <div class=\"progress-fill\" id=\"progress-fill\"><\/div>\n <\/div>\n <div class=\"progress-text\">\n <span id=\"step-indicator\">Step 1 di 4<\/span>\n <span id=\"progress-percent\">0%<\/span>\n <\/div>\n <\/div>\n <form id=\"wealth-form\">\n <!-- Step 1: Contact Info -->\n <div class=\"form-step active\" id=\"step-1\">\n <div class=\"input-group\">\n <label for=\"firstname\">Nome<\/label>\n <input type=\"text\" id=\"firstname\" name=\"firstname\" placeholder=\"Inserisci il tuo nome\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"lastname\">Cognome<\/label>\n <input type=\"text\" id=\"lastname\" name=\"lastname\" placeholder=\"Inserisci il tuo cognome\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"email\">Indirizzo Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Inserisci la tua email\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"phone\">Numero di Telefono<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+39 333 123 4567\" required>\n <\/div>\n <button type=\"button\" class=\"btn btn-primary\" onclick=\"nextStep(1)\">\n Inizia il Test\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <!-- Step 2: Quiz Questions 1-2 -->\n <div class=\"form-step\" id=\"step-2\">\n <div class=\"quiz-question\">\n <h3>1. Quando ricevi denaro, qual \u00e8 il tuo primo istinto?<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q1a\" name=\"q1\" value=\"1\" required>\n <label for=\"q1a\">Pensare a cosa posso comprare<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q1b\" name=\"q1\" value=\"2\">\n <label for=\"q1b\">Mettere da parte qualcosa, poi spendere il resto<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q1c\" name=\"q1\" value=\"3\">\n <label for=\"q1c\">Pensare immediatamente a come farlo crescere<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-question\">\n <h3>2. Quanto del tuo reddito mensile risparmi?<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q2a\" name=\"q2\" value=\"1\" required>\n <label for=\"q2a\">Meno del 10%<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q2b\" name=\"q2\" value=\"2\">\n <label for=\"q2b\">10-25%<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q2c\" name=\"q2\" value=\"3\">\n <label for=\"q2c\">Pi\u00f9 del 25%<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"btn-nav-group\">\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"prevStep(2)\">Indietro<\/button>\n <button type=\"button\" class=\"btn btn-primary\" onclick=\"nextStep(2)\">Continua<\/button>\n <\/div>\n <\/div>\n <!-- Step 3: Quiz Questions 3-5 -->\n <div class=\"form-step\" id=\"step-3\">\n <div class=\"quiz-question\">\n <h3>3. Qual \u00e8 la tua conoscenza dell'oro come asset?<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q3a\" name=\"q3\" value=\"1\" required>\n <label for=\"q3a\">So che ha valore, ma non lo capisco<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q3b\" name=\"q3\" value=\"2\">\n <label for=\"q3b\">Ho sentito che \u00e8 buono per proteggere il capitale, ma non so come<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q3c\" name=\"q3\" value=\"3\">\n <label for=\"q3c\">Comprendo il suo ruolo storico nella conservazione della ricchezza<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-question\">\n <h3>4. Quando senti \"IA nella finanza,\" cosa ti viene in mente?<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q4a\" name=\"q4\" value=\"1\" required>\n <label for=\"q4a\">Sembra complicato \/ non fa per me<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q4b\" name=\"q4\" value=\"2\">\n <label for=\"q4b\">Curioso ma scettico<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q4c\" name=\"q4\" value=\"3\">\n <label for=\"q4c\">Uno strumento utile per l'analisi<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-question\">\n <h3>5. Come prendi tipicamente le decisioni finanziarie?<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q5a\" name=\"q5\" value=\"1\" required>\n <label for=\"q5a\">Seguo l'istinto<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q5b\" name=\"q5\" value=\"2\">\n <label for=\"q5b\">Chiedo ad amici o familiari<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q5c\" name=\"q5\" value=\"3\">\n <label for=\"q5c\">Faccio ricerche e analizzo i dati<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"btn-nav-group\">\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"prevStep(3)\">Indietro<\/button>\n <button type=\"button\" class=\"btn btn-primary\" onclick=\"nextStep(3)\">Continua<\/button>\n <\/div>\n <\/div>\n <!-- Step 4: Final Questions + Submit -->\n <div class=\"form-step\" id=\"step-4\">\n <div class=\"quiz-question\">\n <h3>6. Se avessi 10.000\u20ac da mettere da parte oggi, cosa faresti?<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q6a\" name=\"q6\" value=\"1\" required>\n <label for=\"q6a\">Li terrei sul conto in banca<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q6b\" name=\"q6\" value=\"2\">\n <label for=\"q6b\">Cercherei qualcosa di \"sicuro\" ma non so cosa<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q6c\" name=\"q6\" value=\"3\">\n <label for=\"q6c\">Diversificherei tra diversi tipi di asset<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-question\">\n <h3>7. Qual \u00e8 la tua sfida pi\u00f9 grande con il denaro?<\/h3>\n <div class=\"quiz-options\">\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q7a\" name=\"q7\" value=\"1\" required>\n <label for=\"q7a\">Non guadagno abbastanza<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q7b\" name=\"q7\" value=\"2\">\n <label for=\"q7b\">Guadagno bene, ma non riesco a far crescere il patrimonio<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q7c\" name=\"q7\" value=\"3\">\n <label for=\"q7c\">Ho risparmi, ma non so cosa fare<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"btn-nav-group\">\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"prevStep(4)\">Indietro<\/button>\n <button type=\"submit\" class=\"btn btn-primary\" id=\"submit-btn\">\n Vedi i Miei Risultati\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/button>\n <\/div>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <!-- What You Get Section -->\n <section class=\"what-you-get-section\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <h2>Ecco Esattamente <span class=\"text-gold\">Cosa Ottieni<\/span><\/h2>\n <p>Completa il test gratuito e sblocca tutti e tre i benefici \u2014 senza impegno<\/p>\n <\/div>\n <div class=\"benefits-grid\">\n <div class=\"benefit-card reveal\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\n <\/svg>\n <\/div>\n <h3>Il Tuo Punteggio Wealth IQ<\/h3>\n <p>Scopri dove ti posizioni rispetto ai costruttori di ricchezza di successo. Il tuo punteggio rivela la tua attuale mentalit\u00e0 finanziaria e il potenziale di crescita.<\/p>\n <\/div>\n <div class=\"benefit-card featured reveal\">\n <div class=\"benefit-badge\">Il Pi\u00f9 Prezioso<\/div>\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/>\n <\/svg>\n <\/div>\n <h3>Chiamata Strategica 1-a-1 Gratuita<\/h3>\n <p>Parla direttamente con uno dei nostri specialisti di educazione finanziaria. Esamineranno i tuoi risultati, risponderanno alle tue domande e creeranno un piano d'azione personalizzato per te.<\/p>\n <\/div>\n <div class=\"benefit-card reveal\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"\/>\n <\/svg>\n <\/div>\n <h3>Analisi dei Tuoi Punti Ciechi<\/h3>\n <p>Scopri quale specifico blocco mentale ti sta costando di pi\u00f9 \u2014 e ricevi consigli pratici su come superarlo immediatamente.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <!-- Problem Section -->\n <section class=\"problem-section\">\n <div class=\"container-narrow\">\n <div class=\"section-header reveal\">\n <h2>La Maggior Parte delle Persone Lavora Duramente Tutta la Vita\u2026 <span class=\"text-gold\">E Va in Pensione Senza Soldi.<\/span><\/h2>\n <\/div>\n <div class=\"problem-content reveal\">\n <p>Non \u00e8 una questione di quanto guadagni.<\/p>\n <p>Medici, avvocati, ingegneri \u2014 persone che guadagnano cifre a sei zeri \u2014 spesso finiscono senza nulla da mostrare. Nel frattempo, altri che guadagnano molto meno riescono a costruire ricchezza reale e duratura.<\/p>\n <p>La differenza? <strong>Come pensano al denaro.<\/strong><\/p>\n <div class=\"highlight-box\">\n <p>Nessuna formula complicata. Nessun investimento segreto. Nessuna fortuna. Solo un diverso schema mentale \u2014 che alla maggior parte delle persone non viene mai insegnato.<\/p>\n <\/div>\n <p>La scuola non lo insegna. I genitori non lo sanno. E quando la maggior parte delle persone lo capisce\u2026 \u00e8 troppo tardi.<\/p>\n <\/div>\n <\/div>\n <\/section>\n <!-- Blindspots Section -->\n <section class=\"blindspots-section\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <h2>I 3 Punti Ciechi della Ricchezza <span class=\"text-gold\">Che Ti Tengono Bloccato<\/span><\/h2>\n <\/div>\n <div class=\"blindspots-grid\">\n <div class=\"blindspot-card reveal\">\n <div class=\"blindspot-number\">1<\/div>\n <h3>Pensare Come un Consumatore<\/h3>\n <p>La maggior parte delle persone spende prima, risparmia quello che rimane. Le persone ricche fanno l'opposto \u2014 e non c'entra nulla la forza di volont\u00e0.<\/p>\n <\/div>\n <div class=\"blindspot-card reveal\">\n <div class=\"blindspot-number\">2<\/div>\n <h3>Confondere il Movimento con il Progresso<\/h3>\n <p>Leggere articoli, guardare video, seguire \"guru\"\u2026 ma senza mai avere una strategia chiara. L'informazione senza direzione \u00e8 solo rumore.<\/p>\n <\/div>\n <div class=\"blindspot-card reveal\">\n <div class=\"blindspot-number\">3<\/div>\n <h3>Ignorare Cosa Fanno i Ricchi<\/h3>\n <p>Mentre la maggior parte insegue le mode, i ricchi si concentrano su asset collaudati nel tempo come l'oro e sfruttano strumenti moderni come l'IA per l'analisi.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <!-- Success Stories Section -->\n <section class=\"stories-section\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <h2>Persone Reali, <span class=\"text-gold\">Risultati Reali<\/span><\/h2>\n <p>Scopri come i nostri specialisti hanno aiutato altri a trasformare la loro mentalit\u00e0 finanziaria<\/p>\n <\/div>\n <div class=\"stories-grid\">\n <!-- Story 1 -->\n <div class=\"story-card reveal\">\n <div class=\"story-header\">\n <div class=\"story-avatar\">\n <span>M<\/span>\n <\/div>\n <div class=\"story-meta\">\n <h4>Marco T.<\/h4>\n <p>Marketing Manager, Milano<\/p>\n <\/div>\n <\/div>\n \n <div class=\"story-section\">\n <div class=\"story-label problem\">Il Problema<\/div>\n <p>\"Guadagnavo bene \u2014 circa 4.500\u20ac al mese \u2014 ma alla fine di ogni mese non mi rimaneva quasi nulla. Ogni volta che ricevevo lo stipendio, il mio primo pensiero era cosa potevo comprare. Vestiti nuovi, cene fuori, l'ultimo smartphone. Sapevo che avrei dovuto risparmiare, ma non ci riuscivo.\"<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label discovery\">Cosa Abbiamo Scoperto<\/div>\n <p>Il punteggio Wealth IQ di Marco ha rivelato che era bloccato nel <strong>Punto Cieco #1: Pensare Come un Consumatore<\/strong>. Non aveva nessun sistema per gestire il denaro \u2014 sperava solo che rimanesse qualcosa.<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label solution\">Come lo Abbiamo Aiutato<\/div>\n <p>Il nostro specialista ha introdotto Marco al framework \"Paga Prima Te Stesso\" e gli ha mostrato come le persone benestanti allocano automaticamente il reddito prima di spendere. Lo abbiamo anche educato sull'<strong>oro come strumento di conservazione della ricchezza<\/strong> \u2014 qualcosa che non aveva mai considerato.<\/p>\n <\/div>\n <div class=\"story-result\">\n <div class=\"result-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"\/>\n <\/svg>\n <\/div>\n <div class=\"result-text\">\n <span class=\"result-number\">6 mesi dopo:<\/span>\n <p>\"Ora risparmio il 30% del mio reddito automaticamente. Capisco finalmente dove vanno i miei soldi, e ho iniziato a costruire vera ricchezza per la prima volta nella mia vita.\"<\/p>\n <\/div>\n <\/div>\n <\/div>\n <!-- Story 2 -->\n <div class=\"story-card reveal\">\n <div class=\"story-header\">\n <div class=\"story-avatar\">\n <span>L<\/span>\n <\/div>\n <div class=\"story-meta\">\n <h4>Luca R.<\/h4>\n <p>Consulente IT, Roma<\/p>\n <\/div>\n <\/div>\n \n <div class=\"story-section\">\n <div class=\"story-label problem\">Il Problema<\/div>\n <p>\"Avevo circa 25.000\u20ac fermi sul conto corrente che non facevano nulla. Sapevo che avrei dovuto fare qualcosa, ma ero paralizzato. Ogni volta che guardavo le opzioni, mi sentivo sopraffatto. Le azioni sembravano rischiose, gli immobili troppo costosi, e non mi fidavo dei 'guru' online.\"<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label discovery\">Cosa Abbiamo Scoperto<\/div>\n <p>Il test di Luca ha mostrato che capiva l'importanza di costruire ricchezza, ma era bloccato nel <strong>Punto Cieco #2: Confondere il Movimento con il Progresso<\/strong>. Consumava contenuti infiniti ma non aveva mai una strategia chiara.<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label solution\">Come lo Abbiamo Aiutato<\/div>\n <p>Il nostro specialista ha guidato Luca attraverso <strong>i fondamentali dell'allocazione degli asset<\/strong> \u2014 perch\u00e9 la diversificazione conta e come diversi asset (incluso l'oro) svolgono ruoli diversi. Lo abbiamo anche introdotto agli <strong>strumenti di analisi basati su IA<\/strong> che aiutano a filtrare il rumore.<\/p>\n <\/div>\n <div class=\"story-result\">\n <div class=\"result-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"\/>\n <\/svg>\n <\/div>\n <div class=\"result-text\">\n <span class=\"result-number\">Il Risultato:<\/span>\n <p>\"Per la prima volta, ho un piano chiaro. Non sono pi\u00f9 paralizzato dalle opzioni \u2014 so esattamente cosa sto facendo e perch\u00e9. Solo la chiarezza valeva tutto.\"<\/p>\n <\/div>\n <\/div>\n <\/div>\n <!-- Story 3 -->\n <div class=\"story-card reveal\">\n <div class=\"story-header\">\n <div class=\"story-avatar\">\n <span>G<\/span>\n <\/div>\n <div class=\"story-meta\">\n <h4>Giulia P.<\/h4>\n <p>Imprenditrice, Torino<\/p>\n <\/div>\n <\/div>\n \n <div class=\"story-section\">\n <div class=\"story-label problem\">Il Problema<\/div>\n <p>\"La mia attivit\u00e0 andava bene, ma prendevo tutte le mie decisioni finanziarie basandomi su quello che mi dicevano amici e familiari. 'Compra questa azione,' 'investi in quello.' Non avevo un mio framework. Mi sentivo come se stessi giocando d'azzardo, non costruendo.\"<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label discovery\">Cosa Abbiamo Scoperto<\/div>\n <p>Giulia aveva un buon punteggio sulle abitudini di risparmio ma era intrappolata nel <strong>Punto Cieco #3: Ignorare Cosa Fanno Realmente i Ricchi<\/strong>. Stava seguendo le mode invece dei principi senza tempo.<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label solution\">Come l'Abbiamo Aiutata<\/div>\n <p>Il nostro specialista ha educato Giulia su <strong>come i professionisti valutano le informazioni<\/strong> \u2014 non affidandosi ai consigli, ma comprendendo i fondamentali. Le abbiamo mostrato il ruolo storico dell'oro nella conservazione della ricchezza e come usare <strong>strumenti IA per l'analisi obiettiva<\/strong> invece di decisioni emotive.<\/p>\n <\/div>\n <div class=\"story-result\">\n <div class=\"result-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"\/>\n <\/svg>\n <\/div>\n <div class=\"result-text\">\n <span class=\"result-number\">Oggi:<\/span>\n <p>\"Finalmente mi sento in controllo. Prendo decisioni basate sulla conoscenza, non sulle voci. La mia sicurezza \u00e8 completamente cambiata \u2014 e cos\u00ec il mio futuro finanziario.\"<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <!-- What We Teach Section -->\n <section class=\"curriculum-section\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <h2>Cosa <span class=\"text-gold\">Imparerai da Noi<\/span><\/h2>\n <p>Il nostro programma di educazione finanziaria copre tutto ci\u00f2 di cui hai bisogno per costruire solide fondamenta finanziarie<\/p>\n <\/div>\n <div class=\"curriculum-grid\">\n <div class=\"curriculum-category reveal\">\n <div class=\"category-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <\/div>\n <h3>Fondamenti della Mentalit\u00e0 Finanziaria<\/h3>\n <ul class=\"curriculum-list\">\n <li>La mentalit\u00e0 della ricchezza vs. la mentalit\u00e0 del consumatore<\/li>\n <li>Come \"pagare prima te stesso\" automaticamente<\/li>\n <li>Rompere il ciclo da stipendio a stipendio<\/li>\n <li>Costruire disciplina finanziaria senza forza di volont\u00e0<\/li>\n <li>La psicologia dell'accumulo di ricchezza<\/li>\n <\/ul>\n <\/div>\n <div class=\"curriculum-category reveal\">\n <div class=\"category-icon gold\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\/>\n <\/svg>\n <\/div>\n <h3>Oro e Conservazione della Ricchezza<\/h3>\n <ul class=\"curriculum-list\">\n <li>Perch\u00e9 l'oro ha preservato ricchezza per 5.000 anni<\/li>\n <li>Oro vs. inflazione: analisi storica<\/li>\n <li>Come i ricchi usano l'oro nei loro portafogli<\/li>\n <li>Oro fisico vs. opzioni di oro digitale<\/li>\n <li>Quando e perch\u00e9 considerare l'allocazione in oro<\/li>\n <\/ul>\n <\/div>\n <div class=\"curriculum-category reveal\">\n <div class=\"category-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\n <\/svg>\n <\/div>\n <h3>IA e Strumenti di Analisi Moderni<\/h3>\n <ul class=\"curriculum-list\">\n <li>Cosa l'IA pu\u00f2 (e non pu\u00f2) fare nella finanza<\/li>\n <li>Usare l'IA per l'analisi oggettiva del mercato<\/li>\n <li>Come filtrare il rumore dalle informazioni reali<\/li>\n <li>Strumenti tecnologici per decisioni pi\u00f9 intelligenti<\/li>\n <li>Evitare le decisioni emotive<\/li>\n <\/ul>\n <\/div>\n <div class=\"curriculum-category reveal\">\n <div class=\"category-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\/>\n <\/svg>\n <\/div>\n <h3>Basi dell'Allocazione degli Asset<\/h3>\n <ul class=\"curriculum-list\">\n <li>Perch\u00e9 la diversificazione conta davvero<\/li>\n <li>Comprendere le diverse classi di asset<\/li>\n <li>Rischio vs. rendimento: trovare il tuo equilibrio<\/li>\n <li>Pensiero a lungo termine vs. breve termine<\/li>\n <li>Costruire un portafoglio che corrisponde ai tuoi obiettivi<\/li>\n <\/ul>\n <\/div>\n <div class=\"curriculum-category reveal\">\n <div class=\"category-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\n <\/svg>\n <\/div>\n <h3>Strategie di Protezione della Ricchezza<\/h3>\n <ul class=\"curriculum-list\">\n <li>Proteggere la ricchezza dall'incertezza economica<\/li>\n <li>Comprendere valuta e potere d'acquisto<\/li>\n <li>Strategie per il fondo di emergenza<\/li>\n <li>Evitare gli errori comuni che distruggono la ricchezza<\/li>\n <li>Costruire una mentalit\u00e0 di ricchezza generazionale<\/li>\n <\/ul>\n <\/div>\n <div class=\"curriculum-category reveal\">\n <div class=\"category-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/>\n <\/svg>\n <\/div>\n <h3>Passare all'Azione<\/h3>\n <ul class=\"curriculum-list\">\n <li>Creare la tua roadmap personale verso la ricchezza<\/li>\n <li>Stabilire traguardi finanziari realistici<\/li>\n <li>Responsabilit\u00e0 e monitoraggio dei progressi<\/li>\n <li>Superare la paralisi da analisi<\/li>\n <li>Costruire abitudini che si accumulano nel tempo<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"curriculum-cta reveal\">\n <p>Tutto questo viene trattato nella tua <strong>sessione strategica gratuita<\/strong> \u2014 personalizzata sulla tua situazione specifica e i tuoi obiettivi.<\/p>\n <a href=\"#assessment\" class=\"btn btn-primary\">\n Ottieni il Mio Test Gratuito\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n <!-- Solution Section -->\n <section class=\"solution-section\">\n <div class=\"container\">\n <div class=\"solution-content\">\n <div class=\"solution-text reveal\">\n <h2>Come Ti <span class=\"text-gradient\">Aiutiamo a Costruire Ricchezza<\/span><\/h2>\n <p>In soli 2 minuti, completerai il nostro Test Wealth IQ \u2014 7 semplici domande su come pensi al denaro.<\/p>\n <p>Ma ecco cosa ci rende diversi: <strong>non ti diamo solo un punteggio e ti lasciamo da solo.<\/strong><\/p>\n \n <div class=\"promise-box\">\n <p>Dopo il test, uno dei nostri specialisti di educazione finanziaria ti chiamer\u00e0 personalmente per esaminare i tuoi risultati \u2014 <strong>completamente gratis<\/strong>. Nessuna vendita. Nessuna pressione. Solo una vera conversazione sul tuo futuro finanziario e una roadmap chiara basata sulla TUA situazione.<\/p>\n <\/div>\n <ul class=\"solution-list\">\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <span>Capire perch\u00e9 non stai costruendo ricchezza (anche se guadagni bene)<\/span>\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <span>Imparare come le persone di successo pensano all'oro, all'IA e alla protezione degli asset<\/span>\n <\/li>\n <li>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <span>Ottenere un piano d'azione personalizzato che puoi iniziare a implementare oggi<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"solution-visual reveal\">\n <div class=\"visual-steps\">\n <div class=\"visual-step\">\n <div class=\"step-number\">1<\/div>\n <div class=\"step-content\">\n <h4>Completa il Test<\/h4>\n <p>7 domande veloci, richiede 2 minuti<\/p>\n <\/div>\n <\/div>\n <div class=\"step-arrow\">\u2193<\/div>\n <div class=\"visual-step\">\n <div class=\"step-number\">2<\/div>\n <div class=\"step-content\">\n <h4>Ottieni il Tuo Punteggio Wealth IQ<\/h4>\n <p>Scopri dove ti posizioni istantaneamente<\/p>\n <\/div>\n <\/div>\n <div class=\"step-arrow\">\u2193<\/div>\n <div class=\"visual-step\">\n <div class=\"step-number\">3<\/div>\n <div class=\"step-content\">\n <h4>Chiamata Strategica Gratuita<\/h4>\n <p>Un esperto esamina i tuoi risultati con te<\/p>\n <\/div>\n <\/div>\n <div class=\"step-arrow\">\u2193<\/div>\n <div class=\"visual-step\">\n <div class=\"step-number\">4<\/div>\n <div class=\"step-content\">\n <h4>La Tua Roadmap Personalizzata<\/h4>\n <p>Prossimi passi chiari su misura per te<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <!-- Trust Section -->\n <section class=\"trust-section\">\n <div class=\"container\">\n <div class=\"section-header reveal\">\n <h2>Perch\u00e9 Fidarsi di <span class=\"text-gold\">Questo Test?<\/span><\/h2>\n <\/div>\n <div class=\"trust-content reveal\">\n <p>Questo test \u00e8 stato sviluppato da un team di educatori finanziari che hanno passato anni a studiare come le persone benestanti pensano diversamente al denaro.<\/p>\n <p>Abbiamo aiutato migliaia di persone in tutta Italia a capire come l'oro ha preservato ricchezza per secoli, come l'IA sta cambiando l'analisi dei mercati e come costruire una mentalit\u00e0 finanziaria \u2014 anche partendo da zero.<\/p>\n <p><strong>Non vendiamo prodotti. Non gestiamo denaro. Educhiamo.<\/strong><\/p>\n \n <div class=\"trust-points\">\n <div class=\"trust-point\">\n <div class=\"trust-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M12 14l9-5-9-5-9 5 9 5z\"\/>\n <path d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\"\/>\n <\/svg>\n <\/div>\n <h4>Prima l'Educazione<\/h4>\n <p>Conoscenza prima delle vendite<\/p>\n <\/div>\n <div class=\"trust-point\">\n <div class=\"trust-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/>\n <\/svg>\n <\/div>\n <h4>100% Privato<\/h4>\n <p>I tuoi dati sono al sicuro<\/p>\n <\/div>\n <div class=\"trust-point\">\n <div class=\"trust-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"\/>\n <\/svg>\n <\/div>\n <h4>10.000+<\/h4>\n <p>Test completati<\/p>\n <\/div>\n <div class=\"trust-point\">\n <div class=\"trust-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/>\n <\/svg>\n <\/div>\n <h4>In Tutta Italia<\/h4>\n <p>Serviamo tutto il paese<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <!-- Final CTA Section -->\n <section class=\"cta-section\">\n <div class=\"container\">\n <div class=\"cta-card reveal\">\n <h2>Pronto Finalmente a <span class=\"text-gradient\">Costruire Vera Ricchezza?<\/span><\/h2>\n <p>Fai il test gratuito. Ottieni la tua roadmap personalizzata. Parla con un esperto che si preoccupa davvero del tuo successo.<\/p>\n <a href=\"#assessment\" class=\"btn btn-primary\">\n Ottieni il Mio Test Gratuito + Chiamata Strategica\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n <\/svg>\n <\/a>\n <p class=\"cta-note\">100% gratuito. Nessuna carta di credito. Nessun obbligo. Solo vero aiuto.<\/p>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n <!-- Footer -->\n <footer>\n <div class=\"container\">\n <div class=\"footer-logo\">Wealth IQ Academy<\/div>\n <p class=\"footer-text\">Educazione finanziaria di qualit\u00e0 in tutta Italia<\/p>\n <div class=\"footer-links\">\n <a href=\"#\">Privacy Policy<\/a>\n <a href=\"#\">Termini di Servizio<\/a>\n <a href=\"#\">Contatti<\/a>\n <\/div>\n <\/div>\n <\/footer>\n <script>\n \/\/ Navigation scroll effect\n const nav = document.getElementById('nav');\n const stickyCta = document.getElementById('sticky-cta');\n const heroSection = document.querySelector('.hero');\n \n window.addEventListener('scroll', () => {\n if (window.scrollY > 50) {\n nav.classList.add('scrolled');\n } else {\n nav.classList.remove('scrolled');\n }\n \/\/ Show sticky CTA after scrolling past hero\n const heroBottom = heroSection.offsetTop + heroSection.offsetHeight;\n if (window.scrollY > heroBottom - 200) {\n stickyCta.classList.add('visible');\n } else {\n stickyCta.classList.remove('visible');\n }\n });\n \/\/ Scroll reveal animation\n const revealElements = document.querySelectorAll('.reveal');\n const revealOnScroll = () => {\n revealElements.forEach(el => {\n const elementTop = el.getBoundingClientRect().top;\n const windowHeight = window.innerHeight;\n if (elementTop < windowHeight - 100) {\n el.classList.add('visible');\n }\n });\n };\n window.addEventListener('scroll', revealOnScroll);\n revealOnScroll();\n \/\/ Form Multi-Step Logic\n let currentStep = 1;\n const totalSteps = 4;\n const progressFill = document.getElementById('progress-fill');\n const stepIndicator = document.getElementById('step-indicator');\n const progressPercent = document.getElementById('progress-percent');\n function updateProgress() {\n const progress = ((currentStep - 1) \/ totalSteps) * 100;\n progressFill.style.width = progress + '%';\n stepIndicator.textContent = `Step ${currentStep} di ${totalSteps}`;\n progressPercent.textContent = Math.round(progress) + '%';\n }\n function showStep(step) {\n document.querySelectorAll('.form-step').forEach(el => el.classList.remove('active'));\n document.getElementById(`step-${step}`).classList.add('active');\n currentStep = step;\n updateProgress();\n }\n function validateStep(step) {\n const currentStepEl = document.getElementById(`step-${step}`);\n const inputs = currentStepEl.querySelectorAll('input[required], select[required]');\n let valid = true;\n inputs.forEach(input => {\n if (input.type === 'radio') {\n const name = input.name;\n const checked = currentStepEl.querySelector(`input[name=\"${name}\"]:checked`);\n if (!checked) valid = false;\n } else {\n if (!input.value.trim()) valid = false;\n }\n });\n return valid;\n }\n function nextStep(current) {\n if (!validateStep(current)) {\n alert('Per favore, completa tutti i campi prima di continuare.');\n return;\n }\n \n if (current < totalSteps) {\n showStep(current + 1);\n }\n }\n function prevStep(current) {\n if (current > 1) {\n showStep(current - 1);\n }\n }\n \/\/ Form submission\n document.getElementById('wealth-form').addEventListener('submit', function(e) {\n e.preventDefault();\n \n if (!validateStep(4)) {\n alert('Per favore, completa tutti i campi prima di inviare.');\n return;\n }\n \/\/ Calculate score\n let score = 0;\n for (let i = 1; i <= 7; i++) {\n const selected = document.querySelector(`input[name=\"q${i}\"]:checked`);\n if (selected) {\n score += parseInt(selected.value);\n }\n }\n \/\/ Collect all quiz answers for webhook\n const quizData = {\n firstname: document.getElementById('firstname').value,\n lastname: document.getElementById('lastname').value,\n email: document.getElementById('email').value,\n phone: document.getElementById('phone').value,\n score: score,\n answers: {},\n timestamp: new Date().toISOString(),\n source: 'wealth-iq-assessment-it',\n completed: true\n };\n for (let i = 1; i <= 7; i++) {\n const selected = document.querySelector(`input[name=\"q${i}\"]:checked`);\n quizData.answers[`q${i}`] = selected ? selected.value : null;\n }\n \/\/ Send complete data to webhook\n fetch('https:\/\/hook.eu1.make.com\/664hena64ilksjpx92lzbdxfsuuyl9rs', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify(quizData)\n })\n .then(response => {\n console.log('Quiz data sent successfully');\n \/\/ Redirect to thank you page with score\n window.location.href = `http:\/\/investimentiperte.com\/?page_id=18&score=${score}`;\n })\n .catch(error => {\n console.error('Error sending quiz data:', error);\n \/\/ Redirect anyway even if webhook fails\n window.location.href = `http:\/\/investimentiperte.com\/?page_id=18&score=${score}`;\n });\n });\n \/\/ Initialize\n updateProgress();\n <\/script>\n<\/body>\n<\/html>\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>Test Wealth IQ | Scopri la Tua Mentalit\u00e0 Finanziaria W Wealth IQ Academy Test Gratuito Ottieni il tuo test gratuito Inizia Ora Test Gratuito + Sessione Strategica Scopri Perch\u00e9 Non Stai Costruendo Ricchezza \u2014 E Ottieni un Piano Gratuito per Cambiare Completa il nostro Test Wealth IQ in 2 minuti e ricevi una sessione strategica […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/investimentiperte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":5,"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":68,"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/68"}],"wp:attachment":[{"href":"https:\/\/investimentiperte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}