{"id":30,"date":"2026-01-14T13:09:22","date_gmt":"2026-01-14T13:09:22","guid":{"rendered":"https:\/\/investimentiperte.com\/?page_id=30"},"modified":"2026-01-14T13:20:39","modified_gmt":"2026-01-14T13:20:39","slug":"quiz-se","status":"publish","type":"page","link":"https:\/\/investimentiperte.com\/?page_id=30","title":{"rendered":"Quiz SE"},"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 Wealth IQ-testet | Uppt\u00e4ck Ditt Finansiella Mindset<\/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\">Gratis Test<\/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\">F\u00e5 ditt gratis test<\/span>\n <a href=\"#assessment\" class=\"btn btn-primary sticky-btn\">\n B\u00f6rja Nu\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\">Gratis Test + Strategisamtal<\/div>\n <h1>\n <span>Uppt\u00e4ck Varf\u00f6r Du Inte<\/span>\n <span>Bygger F\u00f6rm\u00f6genhet \u2014<\/span>\n <span class=\"text-gradient\">Och F\u00e5 en Gratis Plan f\u00f6r att \u00c4ndra Det<\/span>\n <\/h1>\n <p class=\"hero-subtitle\">\n G\u00f6r v\u00e5rt 2-minuters Wealth IQ-test och f\u00e5 ett gratis 1-till-1 strategisamtal med en av v\u00e5ra experter. Vi visar dig exakt vad som h\u00e5ller dig tillbaka \u2014 och hur du f\u00f6r\u00e4ndrar det.\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 2 Minuters Test\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 Gratis Expertsamtal\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 Personlig Handlingsplan\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>F\u00e5 Ditt Gratis Test<\/h2>\n <p>+ ett 1-till-1 strategisamtal med v\u00e5ra experter<\/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\">Steg 1 av 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\">F\u00f6rnamn<\/label>\n <input type=\"text\" id=\"firstname\" name=\"firstname\" placeholder=\"Ange ditt f\u00f6rnamn\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"lastname\">Efternamn<\/label>\n <input type=\"text\" id=\"lastname\" name=\"lastname\" placeholder=\"Ange ditt efternamn\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"email\">E-postadress<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Ange din e-post\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"phone\">Telefonnummer<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+46 70 123 45 67\" required>\n <\/div>\n <button type=\"button\" class=\"btn btn-primary\" onclick=\"nextStep(1)\">\n Starta Testet\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. N\u00e4r du f\u00e5r pengar, vad \u00e4r din f\u00f6rsta instinkt?<\/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\">T\u00e4nka p\u00e5 vad jag kan k\u00f6pa<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q1b\" name=\"q1\" value=\"2\">\n <label for=\"q1b\">L\u00e4gga undan lite, sedan spendera resten<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q1c\" name=\"q1\" value=\"3\">\n <label for=\"q1c\">Omedelbart t\u00e4nka p\u00e5 hur jag kan f\u00e5 dem att v\u00e4xa<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-question\">\n <h3>2. Hur mycket av din m\u00e5nadsinkomst sparar du?<\/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\">Mindre \u00e4n 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\">Mer \u00e4n 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)\">Tillbaka<\/button>\n <button type=\"button\" class=\"btn btn-primary\" onclick=\"nextStep(2)\">Forts\u00e4tt<\/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. Vad \u00e4r din kunskap om guld som tillg\u00e5ng?<\/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\">Jag vet att det \u00e4r v\u00e4rdefullt, men jag f\u00f6rst\u00e5r det inte<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q3b\" name=\"q3\" value=\"2\">\n <label for=\"q3b\">Jag har h\u00f6rt att det \u00e4r bra f\u00f6r skydd, men vet inte hur<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q3c\" name=\"q3\" value=\"3\">\n <label for=\"q3c\">Jag f\u00f6rst\u00e5r dess historiska roll i f\u00f6rm\u00f6genhetsbevarande<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-question\">\n <h3>4. N\u00e4r du h\u00f6r \"AI inom finans\", vad t\u00e4nker du?<\/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\">L\u00e5ter komplicerat \/ inte f\u00f6r mig<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q4b\" name=\"q4\" value=\"2\">\n <label for=\"q4b\">Nyfiken men skeptisk<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q4c\" name=\"q4\" value=\"3\">\n <label for=\"q4c\">Ett anv\u00e4ndbart verktyg f\u00f6r analys<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-question\">\n <h3>5. Hur fattar du vanligtvis finansiella beslut?<\/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\">Jag g\u00e5r p\u00e5 magk\u00e4nslan<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q5b\" name=\"q5\" value=\"2\">\n <label for=\"q5b\">Jag fr\u00e5gar v\u00e4nner eller familj<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q5c\" name=\"q5\" value=\"3\">\n <label for=\"q5c\">Jag unders\u00f6ker och analyserar data<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"btn-nav-group\">\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"prevStep(3)\">Tillbaka<\/button>\n <button type=\"button\" class=\"btn btn-primary\" onclick=\"nextStep(3)\">Forts\u00e4tt<\/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. Om du hade 100 000 kr att s\u00e4tta undan idag, vad skulle du g\u00f6ra?<\/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\">Beh\u00e5lla dem p\u00e5 bankkontot<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q6b\" name=\"q6\" value=\"2\">\n <label for=\"q6b\">Leta efter n\u00e5got \"s\u00e4kert\" men vet inte vad<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q6c\" name=\"q6\" value=\"3\">\n <label for=\"q6c\">Diversifiera mellan olika tillg\u00e5ngstyper<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"quiz-question\">\n <h3>7. Vad \u00e4r din st\u00f6rsta utmaning med pengar?<\/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\">Jag tj\u00e4nar inte tillr\u00e4ckligt<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q7b\" name=\"q7\" value=\"2\">\n <label for=\"q7b\">Jag tj\u00e4nar bra, men kan inte f\u00e5 f\u00f6rm\u00f6genheten att v\u00e4xa<\/label>\n <\/div>\n <div class=\"quiz-option\">\n <input type=\"radio\" id=\"q7c\" name=\"q7\" value=\"3\">\n <label for=\"q7c\">Jag har sparande, men vet inte vad jag ska g\u00f6ra<\/label>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"btn-nav-group\">\n <button type=\"button\" class=\"btn btn-secondary\" onclick=\"prevStep(4)\">Tillbaka<\/button>\n <button type=\"submit\" class=\"btn btn-primary\" id=\"submit-btn\">\n Se Mina Resultat\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>H\u00e4r \u00e4r Exakt <span class=\"text-gold\">Vad Du F\u00e5r<\/span><\/h2>\n <p>Slutf\u00f6r det gratis testet och l\u00e5s upp alla tre f\u00f6rdelarna \u2014 helt utan f\u00f6rpliktelser<\/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>Ditt Wealth IQ-resultat<\/h3>\n <p>Uppt\u00e4ck var du st\u00e5r j\u00e4mf\u00f6rt med framg\u00e5ngsrika f\u00f6rm\u00f6genhetsbyggare. Ditt resultat avsl\u00f6jar ditt nuvarande finansiella mindset och tillv\u00e4xtpotential.<\/p>\n <\/div>\n <div class=\"benefit-card featured reveal\">\n <div class=\"benefit-badge\">Mest V\u00e4rdefullt<\/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>Gratis 1-till-1 Strategisamtal<\/h3>\n <p>Prata direkt med en av v\u00e5ra experter inom f\u00f6rm\u00f6genhetsutbildning. De g\u00e5r igenom dina resultat, svarar p\u00e5 dina fr\u00e5gor och skapar en personlig handlingsplan f\u00f6r dig.<\/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>Personlig Blindfl\u00e4cksanalys<\/h3>\n <p>L\u00e4r dig vilken specifik mental blockering som kostar dig mest \u2014 och f\u00e5 praktiska r\u00e5d om hur du \u00f6vervinner den omedelbart.<\/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>De Flesta Arbetar H\u00e5rt Hela Livet\u2026 <span class=\"text-gold\">Och G\u00e5r i Pension Utan Pengar.<\/span><\/h2>\n <\/div>\n <div class=\"problem-content reveal\">\n <p>Det handlar inte om hur mycket du tj\u00e4nar.<\/p>\n <p>L\u00e4kare, advokater, ingenj\u00f6rer \u2014 m\u00e4nniskor som tj\u00e4nar sexsiffriga l\u00f6ner \u2014 slutar ofta utan n\u00e5got att visa upp. Samtidigt lyckas andra som tj\u00e4nar betydligt mindre bygga verklig och varaktig f\u00f6rm\u00f6genhet.<\/p>\n <p>Skillnaden? <strong>Hur de t\u00e4nker kring pengar.<\/strong><\/p>\n <div class=\"highlight-box\">\n <p>Inga komplicerade formler. Inga hemliga investeringar. Ingen tur. Bara ett annorlunda tankes\u00e4tt \u2014 som de flesta aldrig l\u00e4r sig.<\/p>\n <\/div>\n <p>Skolan l\u00e4r inte ut det. F\u00f6r\u00e4ldrarna vet det inte. Och n\u00e4r de flesta inser det\u2026 \u00e4r det f\u00f6r sent.<\/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>De 3 F\u00f6rm\u00f6genhetsblindfl\u00e4ckarna <span class=\"text-gold\">Som H\u00e5ller Dig Tillbaka<\/span><\/h2>\n <\/div>\n <div class=\"blindspots-grid\">\n <div class=\"blindspot-card reveal\">\n <div class=\"blindspot-number\">1<\/div>\n <h3>Att T\u00e4nka Som en Konsument<\/h3>\n <p>De flesta spenderar f\u00f6rst, sparar det som blir \u00f6ver. F\u00f6rm\u00f6gna m\u00e4nniskor g\u00f6r tv\u00e4rtom \u2014 och det har inget med viljestyrka att g\u00f6ra.<\/p>\n <\/div>\n <div class=\"blindspot-card reveal\">\n <div class=\"blindspot-number\">2<\/div>\n <h3>Att F\u00f6rv\u00e4xla R\u00f6relse med Framsteg<\/h3>\n <p>L\u00e4sa artiklar, titta p\u00e5 videos, f\u00f6lja \"guruer\"\u2026 men aldrig ha en tydlig strategi. Information utan riktning \u00e4r bara brus.<\/p>\n <\/div>\n <div class=\"blindspot-card reveal\">\n <div class=\"blindspot-number\">3<\/div>\n <h3>Att Ignorera Vad de Rika G\u00f6r<\/h3>\n <p>Medan de flesta jagar trender, fokuserar de rika p\u00e5 tidstestade tillg\u00e5ngar som guld och utnyttjar moderna verktyg som AI f\u00f6r analys.<\/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>Riktiga M\u00e4nniskor, <span class=\"text-gold\">Riktiga Resultat<\/span><\/h2>\n <p>Se hur v\u00e5ra specialister har hj\u00e4lpt andra att transformera sitt finansiella mindset<\/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>E<\/span>\n <\/div>\n <div class=\"story-meta\">\n <h4>Erik L.<\/h4>\n <p>Marknadschef, Stockholm<\/p>\n <\/div>\n <\/div>\n \n <div class=\"story-section\">\n <div class=\"story-label problem\">Problemet<\/div>\n <p>\"Jag tj\u00e4nade bra \u2014 cirka 45 000 kr i m\u00e5naden \u2014 men i slutet av varje m\u00e5nad hade jag n\u00e4stan inget kvar. Varje g\u00e5ng jag fick l\u00f6n var min f\u00f6rsta tanke vad jag kunde k\u00f6pa. Nya kl\u00e4der, middagar ute, senaste mobilen. Jag visste att jag borde spara, men jag kunde bara inte.\"<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label discovery\">Vad Vi Uppt\u00e4ckte<\/div>\n <p>Eriks Wealth IQ-resultat avsl\u00f6jade att han var fast i <strong>Blindfl\u00e4ck #1: Att T\u00e4nka Som en Konsument<\/strong>. Han hade inget system f\u00f6r att hantera pengar \u2014 han hoppades bara att n\u00e5got skulle bli \u00f6ver.<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label solution\">Hur Vi Hj\u00e4lpte<\/div>\n <p>V\u00e5r specialist introducerade Erik till \"Betala Dig Sj\u00e4lv F\u00f6rst\"-metoden och visade hur f\u00f6rm\u00f6gna m\u00e4nniskor automatiskt allokerar inkomst innan de spenderar. Vi utbildade honom ocks\u00e5 om <strong>guld som ett verktyg f\u00f6r f\u00f6rm\u00f6genhetsbevarande<\/strong> \u2014 n\u00e5got han aldrig hade \u00f6verv\u00e4gt.<\/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 m\u00e5nader senare:<\/span>\n <p>\"Nu sparar jag 30% av min inkomst automatiskt. Jag f\u00f6rst\u00e5r \u00e4ntligen var mina pengar g\u00e5r, och jag har b\u00f6rjat bygga riktig f\u00f6rm\u00f6genhet f\u00f6r f\u00f6rsta g\u00e5ngen i mitt liv.\"<\/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>A<\/span>\n <\/div>\n <div class=\"story-meta\">\n <h4>Anna S.<\/h4>\n <p>IT-konsult, G\u00f6teborg<\/p>\n <\/div>\n <\/div>\n \n <div class=\"story-section\">\n <div class=\"story-label problem\">Problemet<\/div>\n <p>\"Jag hade ungef\u00e4r 250 000 kr p\u00e5 bankkontot som inte gjorde n\u00e5got. Jag visste att jag borde g\u00f6ra n\u00e5got med dem, men jag var paralyserad. Varje g\u00e5ng jag tittade p\u00e5 alternativen blev jag \u00f6verv\u00e4ldigad. Aktier verkade riskabla, fastigheter f\u00f6r dyrt, och jag litade inte p\u00e5 'guruer' online.\"<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label discovery\">Vad Vi Uppt\u00e4ckte<\/div>\n <p>Annas test visade att hon f\u00f6rstod vikten av att bygga f\u00f6rm\u00f6genhet, men var fast i <strong>Blindfl\u00e4ck #2: Att F\u00f6rv\u00e4xla R\u00f6relse med Framsteg<\/strong>. Hon konsumerade o\u00e4ndligt med inneh\u00e5ll men hade aldrig en tydlig strategi.<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label solution\">Hur Vi Hj\u00e4lpte<\/div>\n <p>V\u00e5r specialist guidade Anna genom <strong>grunderna i tillg\u00e5ngsallokering<\/strong> \u2014 varf\u00f6r diversifiering spelar roll och hur olika tillg\u00e5ngar (inklusive guld) fyller olika roller. Vi introducerade henne ocks\u00e5 till <strong>AI-baserade analysverktyg<\/strong> som hj\u00e4lper till att filtrera brus.<\/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\">Resultatet:<\/span>\n <p>\"F\u00f6r f\u00f6rsta g\u00e5ngen har jag en tydlig plan. Jag \u00e4r inte l\u00e4ngre paralyserad av alternativ \u2014 jag vet exakt vad jag g\u00f6r och varf\u00f6r. Enbart klarheten var v\u00e4rd allt.\"<\/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>K<\/span>\n <\/div>\n <div class=\"story-meta\">\n <h4>Karin B.<\/h4>\n <p>F\u00f6retagare, Malm\u00f6<\/p>\n <\/div>\n <\/div>\n \n <div class=\"story-section\">\n <div class=\"story-label problem\">Problemet<\/div>\n <p>\"Mitt f\u00f6retag gick bra, men jag fattade alla mina finansiella beslut baserat p\u00e5 vad v\u00e4nner och familj sa. 'K\u00f6p den h\u00e4r aktien,' 'investera i det d\u00e4r.' Jag hade inget eget ramverk. Det k\u00e4ndes som att jag spelade, inte byggde.\"<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label discovery\">Vad Vi Uppt\u00e4ckte<\/div>\n <p>Karin hade bra po\u00e4ng p\u00e5 sparvanor men var fast i <strong>Blindfl\u00e4ck #3: Att Ignorera Vad de Rika Faktiskt G\u00f6r<\/strong>. Hon f\u00f6ljde trender ist\u00e4llet f\u00f6r tidl\u00f6sa principer.<\/p>\n <\/div>\n <div class=\"story-section\">\n <div class=\"story-label solution\">Hur Vi Hj\u00e4lpte<\/div>\n <p>V\u00e5r specialist utbildade Karin om <strong>hur proffs utv\u00e4rderar information<\/strong> \u2014 inte genom att f\u00f6rlita sig p\u00e5 tips, utan genom att f\u00f6rst\u00e5 grunderna. Vi visade henne guldets historiska roll i f\u00f6rm\u00f6genhetsbevarande och hur man anv\u00e4nder <strong>AI-verktyg f\u00f6r objektiv analys<\/strong> ist\u00e4llet f\u00f6r k\u00e4nslom\u00e4ssiga beslut.<\/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\">Idag:<\/span>\n <p>\"\u00c4ntligen k\u00e4nner jag mig i kontroll. Jag fattar beslut baserade p\u00e5 kunskap, inte rykten. Mitt sj\u00e4lvf\u00f6rtroende har helt f\u00f6r\u00e4ndrats \u2014 och s\u00e5 har min finansiella framtid.\"<\/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>Vad Du <span class=\"text-gold\">L\u00e4r Dig Av Oss<\/span><\/h2>\n <p>V\u00e5rt utbildningsprogram t\u00e4cker allt du beh\u00f6ver f\u00f6r att bygga en solid finansiell grund<\/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>Grunder i Finansiellt Mindset<\/h3>\n <ul class=\"curriculum-list\">\n <li>F\u00f6rm\u00f6genhetsmindset vs. konsumentmindset<\/li>\n <li>Hur du \"betalar dig sj\u00e4lv f\u00f6rst\" automatiskt<\/li>\n <li>Bryta l\u00f6n-till-l\u00f6n-cykeln<\/li>\n <li>Bygga finansiell disciplin utan viljestyrka<\/li>\n <li>Psykologin bakom f\u00f6rm\u00f6genhetsuppbyggnad<\/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>Guld & F\u00f6rm\u00f6genhetsbevarande<\/h3>\n <ul class=\"curriculum-list\">\n <li>Varf\u00f6r guld har bevarat f\u00f6rm\u00f6genhet i 5 000 \u00e5r<\/li>\n <li>Guld vs. inflation: historisk analys<\/li>\n <li>Hur de rika anv\u00e4nder guld i sina portf\u00f6ljer<\/li>\n <li>Fysiskt guld vs. digitala guldalternativ<\/li>\n <li>N\u00e4r och varf\u00f6r \u00f6verv\u00e4ga guldallokering<\/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>AI & Moderna Analysverktyg<\/h3>\n <ul class=\"curriculum-list\">\n <li>Vad AI kan (och inte kan) g\u00f6ra inom finans<\/li>\n <li>Anv\u00e4nda AI f\u00f6r objektiv marknadsanalys<\/li>\n <li>Hur du filtrerar brus fr\u00e5n riktig information<\/li>\n <li>Tekniska verktyg f\u00f6r smartare beslut<\/li>\n <li>Undvika k\u00e4nslom\u00e4ssigt beslutsfattande<\/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>Grunder i Tillg\u00e5ngsallokering<\/h3>\n <ul class=\"curriculum-list\">\n <li>Varf\u00f6r diversifiering verkligen spelar roll<\/li>\n <li>F\u00f6rst\u00e5 olika tillg\u00e5ngsklasser<\/li>\n <li>Risk vs. avkastning: hitta din balans<\/li>\n <li>L\u00e5ngsiktigt vs. kortsiktigt t\u00e4nkande<\/li>\n <li>Bygga en portf\u00f6lj som matchar dina m\u00e5l<\/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>Strategier f\u00f6r F\u00f6rm\u00f6genhetsskydd<\/h3>\n <ul class=\"curriculum-list\">\n <li>Skydda f\u00f6rm\u00f6genhet fr\u00e5n ekonomisk os\u00e4kerhet<\/li>\n <li>F\u00f6rst\u00e5 valuta och k\u00f6pkraft<\/li>\n <li>Strategier f\u00f6r n\u00f6dfond<\/li>\n <li>Undvika vanliga misstag som f\u00f6rst\u00f6r f\u00f6rm\u00f6genhet<\/li>\n <li>Bygga ett generations\u00f6verskridande mindset<\/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>Ta Action<\/h3>\n <ul class=\"curriculum-list\">\n <li>Skapa din personliga v\u00e4g till f\u00f6rm\u00f6genhet<\/li>\n <li>S\u00e4tta realistiska finansiella milstolpar<\/li>\n <li>Ansvarsskyldighet och framstegsuppf\u00f6ljning<\/li>\n <li>\u00d6vervinna analysf\u00f6rlamning<\/li>\n <li>Bygga vanor som ackumuleras \u00f6ver tid<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"curriculum-cta reveal\">\n <p>Allt detta t\u00e4cks i ditt <strong>gratis strategisamtal<\/strong> \u2014 skr\u00e4ddarsytt efter din specifika situation och dina m\u00e5l.<\/p>\n <a href=\"#assessment\" class=\"btn btn-primary\">\n F\u00e5 Mitt Gratis 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 <\/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>Hur Vi <span class=\"text-gradient\">Hj\u00e4lper Dig Bygga F\u00f6rm\u00f6genhet<\/span><\/h2>\n <p>P\u00e5 bara 2 minuter slutf\u00f6r du v\u00e5rt Wealth IQ-test \u2014 7 enkla fr\u00e5gor om hur du t\u00e4nker kring pengar.<\/p>\n <p>Men h\u00e4r \u00e4r vad som g\u00f6r oss annorlunda: <strong>vi ger dig inte bara ett resultat och l\u00e4mnar dig ensam.<\/strong><\/p>\n \n <div class=\"promise-box\">\n <p>Efter testet ringer en av v\u00e5ra experter inom f\u00f6rm\u00f6genhetsutbildning dig personligen f\u00f6r att g\u00e5 igenom dina resultat \u2014 <strong>helt gratis<\/strong>. Ingen f\u00f6rs\u00e4ljning. Ingen press. Bara ett riktigt samtal om din finansiella framtid och en tydlig handlingsplan baserad p\u00e5 DIN situation.<\/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>F\u00f6rst\u00e5 varf\u00f6r du inte bygger f\u00f6rm\u00f6genhet (\u00e4ven om du tj\u00e4nar bra)<\/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>L\u00e4ra dig hur framg\u00e5ngsrika m\u00e4nniskor t\u00e4nker om guld, AI och tillg\u00e5ngsskydd<\/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>F\u00e5 en personlig handlingsplan du kan b\u00f6rja implementera idag<\/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>Slutf\u00f6r Testet<\/h4>\n <p>7 snabba fr\u00e5gor, tar 2 minuter<\/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>F\u00e5 Ditt Wealth IQ-resultat<\/h4>\n <p>Se var du st\u00e5r direkt<\/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>Gratis Strategisamtal<\/h4>\n <p>En expert g\u00e5r igenom dina resultat med dig<\/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>Din Personliga Handlingsplan<\/h4>\n <p>Tydliga n\u00e4sta steg skr\u00e4ddarsydda f\u00f6r dig<\/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>Varf\u00f6r Lita p\u00e5 <span class=\"text-gold\">Det H\u00e4r Testet?<\/span><\/h2>\n <\/div>\n <div class=\"trust-content reveal\">\n <p>Det h\u00e4r testet utvecklades av ett team av finansiella utbildare som har \u00e4gnat \u00e5r \u00e5t att studera hur f\u00f6rm\u00f6gna m\u00e4nniskor t\u00e4nker annorlunda kring pengar.<\/p>\n <p>Vi har hj\u00e4lpt tusentals m\u00e4nniskor \u00f6ver hela Skandinavien att f\u00f6rst\u00e5 hur guld har bevarat f\u00f6rm\u00f6genhet i \u00e5rhundraden, hur AI f\u00f6r\u00e4ndrar marknadsanalys och hur man bygger ett finansiellt mindset \u2014 \u00e4ven fr\u00e5n noll.<\/p>\n <p><strong>Vi s\u00e4ljer inte produkter. Vi f\u00f6rvaltar inte pengar. Vi utbildar.<\/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>Utbildning F\u00f6rst<\/h4>\n <p>Kunskap f\u00f6re f\u00f6rs\u00e4ljning<\/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% Privat<\/h4>\n <p>Din data \u00e4r s\u00e4ker<\/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>Genomf\u00f6rda tester<\/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>I Hela Skandinavien<\/h4>\n <p>Vi betj\u00e4nar hela regionen<\/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>Redo att \u00c4ntligen <span class=\"text-gradient\">Bygga Riktig F\u00f6rm\u00f6genhet?<\/span><\/h2>\n <p>G\u00f6r det gratis testet. F\u00e5 din personliga handlingsplan. Prata med en expert som verkligen bryr sig om din framg\u00e5ng.<\/p>\n <a href=\"#assessment\" class=\"btn btn-primary\">\n F\u00e5 Mitt Gratis Test + Strategisamtal\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% gratis. Inget kreditkort. Ingen f\u00f6rpliktelse. Bara riktig hj\u00e4lp.<\/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\">Finansiell utbildning av h\u00f6g kvalitet i hela Skandinavien<\/p>\n <div class=\"footer-links\">\n <a href=\"#\">Integritetspolicy<\/a>\n <a href=\"#\">Anv\u00e4ndarvillkor<\/a>\n <a href=\"#\">Kontakt<\/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 = `Steg ${currentStep} av ${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('V\u00e4nligen fyll i alla f\u00e4lt innan du forts\u00e4tter.');\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('V\u00e4nligen fyll i alla f\u00e4lt innan du skickar.');\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-se',\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\/hw6he4xh7mntfueqpag8vtp27nelpiay', {\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=32\/?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=32\/?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>Wealth IQ-testet | Uppt\u00e4ck Ditt Finansiella Mindset W Wealth IQ Academy Gratis Test F\u00e5 ditt gratis test B\u00f6rja Nu Gratis Test + Strategisamtal Uppt\u00e4ck Varf\u00f6r Du Inte Bygger F\u00f6rm\u00f6genhet \u2014 Och F\u00e5 en Gratis Plan f\u00f6r att \u00c4ndra Det G\u00f6r v\u00e5rt 2-minuters Wealth IQ-test och f\u00e5 ett gratis 1-till-1 strategisamtal med en av v\u00e5ra experter. […]<\/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-30","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/pages\/30","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=30"}],"version-history":[{"count":5,"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/investimentiperte.com\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/investimentiperte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}