{"uuid":"9b4e87a6-7f49-44de-91bd-c4294ba5e81b","provider":"wsw-nova","model":"sirius","image_strategy":"generate_gemini:nano","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: clamp(1.5rem, 4vw, 3rem) 1rem clamp(3rem, 6vw, 5rem);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b *,\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b *::before,\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b *::after {\n box-sizing: inherit;\n }\n\n /* --- Custom Properties (scoped) --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b {\n --lb-accent: var(--wsw-color-accent, #1558a5);\n --lb-accent-dark: var(--wsw-color-dark, #10427b);\n --lb-text: var(--wsw-color-black, #212529);\n --lb-muted: #6f7f99;\n --lb-border: #dfe7f2;\n --lb-bg: var(--wsw-color-light, #eeedeb);\n --lb-card: var(--wsw-color-white, #ffffff);\n --lb-red: #dc3545;\n --lb-orange: #f59e0b;\n --lb-green: #17b26a;\n --lb-shadow: 0 10px 35px rgba(34, 66, 120, 0.08);\n --lb-radius: 1.75rem;\n --lb-transition: 0.2s ease-out;\n }\n\n /* --- Utility --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-wrap {\n max-width: 1180px;\n margin: 0 auto;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-center {\n text-align: center;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-hidden {\n display: none !important;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-divider {\n height: 1px;\n background: var(--lb-border);\n margin: 1.5rem 0;\n border: none;\n }\n\n /* --- Step Progress Bar --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-progress {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0;\n max-width: 560px;\n margin: 0 auto 2.5rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-progress-step {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n font-weight: 700;\n font-size: 0.95rem;\n flex-shrink: 0;\n transition: background var(--lb-transition), color var(--lb-transition), transform var(--lb-transition);\n background: var(--lb-border);\n color: var(--lb-muted);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-progress-step.active {\n background: var(--lb-accent);\n color: var(--wsw-color-white, #fff);\n transform: scale(1.15);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-progress-step.done {\n background: var(--lb-green);\n color: var(--wsw-color-white, #fff);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-progress-line {\n flex: 1;\n height: 3px;\n background: var(--lb-border);\n min-width: 24px;\n transition: background var(--lb-transition);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-progress-line.done {\n background: var(--lb-green);\n }\n\n /* --- Hero --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-hero h1 {\n font-size: clamp(2.2rem, 6vw, 4.5rem);\n line-height: 1.05;\n margin: 0.5rem 0 1.25rem;\n color: var(--lb-text);\n letter-spacing: -0.02em;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-sub {\n max-width: 52rem;\n margin: 0 auto 2rem;\n line-height: 1.5;\n color: var(--lb-muted);\n }\n\n /* --- Search Bar --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-search {\n max-width: 66rem;\n margin: 2rem auto 3rem;\n background: var(--lb-card);\n border: 2px solid var(--lb-border);\n border-radius: var(--lb-radius);\n box-shadow: var(--lb-shadow);\n display: flex;\n padding: 0.875rem;\n gap: 0.875rem;\n align-items: center;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-search-icon {\n width: 3.5rem;\n height: 3.5rem;\n border-radius: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--lb-muted);\n font-size: 1.6rem;\n flex: 0 0 auto;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-search input {\n border: none;\n outline: none;\n background: transparent;\n width: 100%;\n font-size: 1.2rem;\n color: var(--lb-text);\n font-family: inherit;\n padding: 0.5rem 0;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-search input::placeholder {\n color: #9badc7;\n }\n\n /* --- Buttons --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-btn {\n border: none;\n cursor: pointer;\n border-radius: 1.25rem;\n font-size: 1.1rem;\n font-weight: 600;\n padding: 1.1rem 1.75rem;\n transition: transform var(--lb-transition), box-shadow var(--lb-transition), opacity var(--lb-transition);\n font-family: inherit;\n line-height: 1.3;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n text-decoration: none;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 4px 16px rgba(21, 88, 165, 0.15);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-btn:active {\n transform: translateY(0);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-btn:focus-visible {\n outline: 3px solid var(--lb-accent);\n outline-offset: 2px;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-btn-primary {\n background: var(--lb-accent);\n color: var(--wsw-color-white, #fff);\n min-width: 13rem;\n box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.08);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-btn-secondary {\n background: var(--lb-card);\n color: var(--lb-text);\n border: 2px solid var(--lb-border);\n min-width: 10rem;\n }\n\n /* --- Section Titles --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-section-title {\n font-size: clamp(1.5rem, 3.5vw, 2.8rem);\n line-height: 1.1;\n color: var(--lb-text);\n margin: 2rem 0 0.875rem;\n text-align: center;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-section-copy {\n max-width: 52rem;\n margin: 0 auto 2rem;\n text-align: center;\n line-height: 1.5;\n color: var(--lb-muted);\n }\n\n /* --- Criteria Grid --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-grid-criteria {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 1rem;\n max-width: 72rem;\n margin: 0 auto 1rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-criterion {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1rem 1.5rem;\n border: 2px solid var(--lb-border);\n border-radius: 999px;\n background: var(--lb-card);\n color: var(--lb-text);\n font-size: 1.1rem;\n box-shadow: 0 2px 8px rgba(28, 52, 93, 0.03);\n transition: border-color var(--lb-transition), box-shadow var(--lb-transition);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-criterion:hover {\n border-color: var(--lb-accent);\n box-shadow: 0 4px 16px rgba(21, 88, 165, 0.08);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-criterion .left {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n min-width: 0;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-criterion .ico {\n width: 2.25rem;\n height: 2.25rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n color: var(--lb-accent);\n flex-shrink: 0;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-criterion .text {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-criterion .pts {\n font-weight: 600;\n color: var(--lb-muted);\n flex-shrink: 0;\n margin-left: 0.5rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-footnote {\n text-align: center;\n color: var(--lb-muted);\n font-size: 0.95rem;\n line-height: 1.5;\n margin-top: 1.5rem;\n }\n\n /* --- Cards --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-card {\n background: var(--lb-card);\n border: 2px solid var(--lb-border);\n border-radius: 1.75rem;\n box-shadow: var(--lb-shadow);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-card-title {\n font-size: clamp(1.4rem, 3vw, 1.75rem);\n margin: 0 0 0.5rem;\n color: var(--lb-text);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-card-sub {\n color: var(--lb-muted);\n margin-bottom: 1.5rem;\n line-height: 1.5;\n }\n\n /* --- Results Grid (Step 2) --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-results {\n display: grid;\n grid-template-columns: 22rem 1fr;\n gap: 1.5rem;\n margin-top: 1.5rem;\n }\n\n /* --- Profile Card --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-profile-card {\n padding: 2rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-kicker {\n color: var(--lb-muted);\n font-size: 0.85rem;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n font-weight: 700;\n margin-bottom: 1rem;\n }\n\n /* --- Gauge --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-gauge-wrap {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.75rem;\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-gauge {\n width: 180px;\n height: 180px;\n border-radius: 50%;\n background: conic-gradient(var(--gauge-color, var(--lb-red)) calc(var(--score, 0) * 1%), var(--lb-border) 0);\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-gauge::before {\n content: \"\";\n position: absolute;\n inset: 1.25rem;\n background: var(--lb-card);\n border-radius: 50%;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-gauge-inner {\n position: relative;\n z-index: 2;\n text-align: center;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-gauge-score {\n font-size: 3.5rem;\n font-weight: 800;\n line-height: 1;\n color: var(--gauge-color, var(--lb-red));\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-gauge-sub {\n font-size: 0.9rem;\n color: var(--lb-muted);\n margin-top: 0.25rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-strength {\n font-size: 1.3rem;\n font-weight: 700;\n color: var(--gauge-color, var(--lb-red));\n }\n\n /* --- Business Info --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-business-name {\n font-size: 1.2rem;\n line-height: 1.35;\n font-weight: 700;\n margin-bottom: 0.75rem;\n color: var(--lb-text);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-muted-line {\n color: var(--lb-muted);\n line-height: 1.5;\n margin: 0.5rem 0;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-rating {\n color: var(--lb-text);\n font-weight: 600;\n margin-top: 0.5rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-link {\n color: var(--lb-accent);\n text-decoration: none;\n display: inline-block;\n margin-top: 1rem;\n transition: opacity var(--lb-transition);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-link:hover {\n opacity: 0.75;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-link:focus-visible {\n outline: 2px solid var(--lb-accent);\n outline-offset: 2px;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-link.center {\n display: block;\n text-align: center;\n margin-top: 1.5rem;\n color: var(--lb-muted);\n text-decoration: underline;\n }\n\n /* --- Right Column --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-right-col {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-detail-card,\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-competition-card,\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-reco-card,\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-roadmap-card,\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-form-card {\n padding: 2rem;\n }\n\n /* --- Detail Grid --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-detail-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem 2rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-detail-item {\n display: grid;\n grid-template-columns: auto 1fr auto;\n gap: 0.75rem;\n align-items: start;\n padding: 0.5rem 0;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-detail-icon {\n width: 1.75rem;\n height: 1.75rem;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1rem;\n margin-top: 0.15rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .warn { color: var(--lb-orange); }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .bad { color: var(--lb-red); }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .good { color: var(--lb-green); }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-detail-label {\n font-weight: 600;\n color: var(--lb-text);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-detail-desc {\n font-size: 0.875rem;\n color: var(--lb-muted);\n line-height: 1.4;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-detail-points {\n font-weight: 700;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .pts-warn { color: var(--lb-orange); }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .pts-bad { color: var(--lb-red); }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .pts-good { color: var(--lb-green); }\n\n /* --- Metrics --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-metrics {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-metric {\n border: 2px solid var(--lb-border);\n border-radius: 1.25rem;\n padding: 1.25rem;\n background: var(--lb-card);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-metric-title {\n color: var(--lb-muted);\n font-size: 0.8rem;\n font-weight: 700;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n margin-bottom: 0.5rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-metric-value {\n color: var(--lb-orange);\n font-size: 2.2rem;\n font-weight: 800;\n line-height: 1.1;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-metric-sub {\n color: var(--lb-muted);\n font-size: 0.85rem;\n line-height: 1.4;\n margin-top: 0.35rem;\n }\n\n /* --- Ranking --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-list-title {\n color: var(--lb-muted);\n font-size: 0.85rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n margin: 1.5rem 0 0.75rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-ranking {\n border: 2px solid var(--lb-border);\n border-radius: 1.25rem;\n overflow: hidden;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-rank-row {\n display: grid;\n grid-template-columns: 3.5rem 1fr auto;\n gap: 0.75rem;\n align-items: center;\n padding: 1rem 1.25rem;\n background: var(--lb-card);\n border-bottom: 1px solid var(--lb-border);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-rank-row:last-child {\n border-bottom: none;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-rank-no {\n width: 2.25rem;\n height: 2.25rem;\n border-radius: 50%;\n background: var(--lb-bg);\n color: var(--lb-muted);\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.9rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-rank-name {\n color: var(--lb-text);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-rank-rate {\n color: var(--lb-muted);\n font-size: 0.875rem;\n }\n\n /* --- Recommendations (Step 3) --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-reco-list {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-reco-item {\n display: grid;\n grid-template-columns: 2.75rem 1fr;\n gap: 1rem;\n align-items: start;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-reco-no {\n width: 2.75rem;\n height: 2.75rem;\n border-radius: 50%;\n background: var(--lb-bg);\n color: var(--lb-accent);\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n flex-shrink: 0;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-reco-text {\n line-height: 1.5;\n color: var(--lb-text);\n padding-top: 0.35rem;\n }\n\n /* --- Roadmap (Step 4) --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-badge {\n display: inline-block;\n background: var(--lb-accent);\n color: var(--wsw-color-white, #fff);\n padding: 0.5rem 1rem;\n border-radius: 999px;\n font-size: 0.8rem;\n font-weight: 800;\n letter-spacing: 0.04em;\n margin-right: 0.75rem;\n vertical-align: middle;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-roadmap-head {\n font-size: clamp(1.3rem, 3vw, 1.6rem);\n color: var(--lb-text);\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 0.5rem;\n line-height: 1.3;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-roadmap-copy {\n line-height: 1.55;\n color: var(--lb-muted);\n margin: 1rem 0 1.5rem;\n }\n\n /* --- Projection --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-projection {\n border: 2px solid var(--lb-border);\n border-radius: var(--lb-radius);\n background: var(--lb-card);\n padding: 1.5rem 2rem;\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-projection-title {\n color: var(--lb-accent);\n font-size: 0.85rem;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n margin-bottom: 1.25rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-projection-grid {\n display: grid;\n grid-template-columns: 1fr 6rem 1fr 1px 1fr;\n gap: 0.5rem;\n align-items: center;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-big-num {\n font-size: clamp(2.5rem, 5vw, 4rem);\n font-weight: 800;\n line-height: 1;\n color: var(--lb-text);\n text-align: center;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-big-num.green {\n color: var(--lb-green);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-big-sub {\n text-align: center;\n color: var(--lb-muted);\n font-size: 0.9rem;\n margin-top: 0.5rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-arrow {\n text-align: center;\n font-size: 3rem;\n color: var(--lb-accent);\n font-weight: 300;\n line-height: 1;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-vline {\n width: 1px;\n height: 5rem;\n background: var(--lb-border);\n justify-self: center;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-projection-note {\n margin-top: 1.25rem;\n color: var(--lb-muted);\n font-size: 0.9rem;\n line-height: 1.5;\n }\n\n /* --- Action Items --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-action-list {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-top: 1rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-action-item {\n display: grid;\n grid-template-columns: 3.5rem 1fr auto;\n gap: 1.25rem;\n align-items: start;\n padding: 1.5rem;\n border: 2px solid var(--lb-border);\n border-radius: var(--lb-radius);\n background: var(--lb-card);\n transition: border-color var(--lb-transition), box-shadow var(--lb-transition);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-action-item:hover {\n border-color: var(--lb-accent);\n box-shadow: 0 4px 20px rgba(21, 88, 165, 0.06);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-action-icon {\n width: 3.5rem;\n height: 3.5rem;\n border-radius: 50%;\n background: var(--lb-bg);\n color: var(--lb-accent);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.5rem;\n font-weight: 700;\n flex-shrink: 0;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-action-title {\n font-size: 1.2rem;\n font-weight: 700;\n color: var(--lb-text);\n margin-bottom: 0.35rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-action-text {\n line-height: 1.55;\n color: var(--lb-muted);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-action-time {\n color: var(--lb-muted);\n white-space: nowrap;\n padding-top: 0.25rem;\n font-size: 0.85rem;\n font-weight: 600;\n }\n\n /* --- Form (Step 5) --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-info-box {\n border: 2px solid var(--lb-border);\n background: var(--lb-bg);\n border-radius: 1.25rem;\n padding: 1.25rem 1.5rem;\n margin-bottom: 1.75rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-info-title {\n font-weight: 700;\n color: var(--lb-text);\n margin-bottom: 0.5rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-info-copy {\n line-height: 1.5;\n color: var(--lb-muted);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-form-group {\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-label {\n display: block;\n color: var(--lb-text);\n margin-bottom: 0.5rem;\n font-weight: 600;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-label .optional {\n color: var(--lb-muted);\n font-weight: 400;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-input {\n width: 100%;\n padding: 1rem 1.25rem;\n border-radius: 1.25rem;\n border: 2px solid var(--lb-border);\n font-size: 1rem;\n outline: none;\n color: var(--lb-text);\n background: var(--lb-card);\n font-family: inherit;\n transition: border-color var(--lb-transition), box-shadow var(--lb-transition);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-input:focus {\n border-color: var(--lb-accent);\n box-shadow: 0 0 0 4px rgba(21, 88, 165, 0.08);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-help {\n margin-top: 0.5rem;\n font-size: 0.85rem;\n line-height: 1.45;\n color: var(--lb-muted);\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-checking {\n margin: 0.5rem 0 1.5rem;\n color: var(--lb-muted);\n line-height: 1.5;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-error {\n color: var(--lb-red);\n font-size: 0.85rem;\n margin-top: 0.5rem;\n display: none;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-form-actions {\n display: flex;\n gap: 1rem;\n align-items: center;\n margin-top: 1.5rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-form-actions .lb-btn-primary {\n flex: 1;\n }\n\n /* --- Step Navigation Buttons (shared) --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-step-actions {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n margin-top: 1.75rem;\n }\n\n /* --- Dev Note --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-dev-note {\n margin-top: 1.25rem;\n padding: 0.875rem 1rem;\n border-radius: 1rem;\n background: #fff8e8;\n border: 1px solid #f3d387;\n color: #7a5b00;\n font-size: 0.8rem;\n line-height: 1.45;\n }\n\n /* --- Step Transitions --- */\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-step {\n animation: lbFadeIn 0.35s ease-out;\n }\n @keyframes lbFadeIn {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n /* --- Reduced Motion --- */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b *,\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b *::before,\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n /* --- Theme Overrides: Dark/Black --- */\n section.wsw-theme-d #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b,\n section.wsw-theme-db #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b,\n section.wsw-theme-b #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b,\n section.wsw-theme-bb #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b {\n --lb-text: var(--wsw-color-white, #fff);\n --lb-muted: #a0b0c8;\n --lb-border: rgba(255,255,255,0.12);\n --lb-card: rgba(255,255,255,0.06);\n --lb-bg: rgba(255,255,255,0.04);\n --lb-shadow: 0 10px 35px rgba(0,0,0,0.2);\n }\n section.wsw-theme-d #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-search input,\n section.wsw-theme-db #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-search input,\n section.wsw-theme-b #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-search input,\n section.wsw-theme-bb #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-search input {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-input,\n section.wsw-theme-db #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-input,\n section.wsw-theme-b #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-input,\n section.wsw-theme-bb #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-input {\n background: rgba(255,255,255,0.08);\n color: var(--wsw-color-white, #fff);\n border-color: rgba(255,255,255,0.15);\n }\n section.wsw-theme-d #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-dev-note,\n section.wsw-theme-db #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-dev-note,\n section.wsw-theme-b #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-dev-note,\n section.wsw-theme-bb #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-dev-note {\n background: rgba(255,248,232,0.1);\n border-color: rgba(243,211,135,0.3);\n color: #f3d387;\n }\n section.wsw-theme-d #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-btn-secondary,\n section.wsw-theme-db #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-btn-secondary,\n section.wsw-theme-b #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-btn-secondary,\n section.wsw-theme-bb #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-btn-secondary {\n background: rgba(255,255,255,0.08);\n color: var(--wsw-color-white, #fff);\n border-color: rgba(255,255,255,0.15);\n }\n\n /* --- Theme: Accent --- */\n section.wsw-theme-a #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b {\n --lb-text: var(--wsw-color-white, #fff);\n --lb-muted: rgba(255,255,255,0.7);\n --lb-border: rgba(255,255,255,0.15);\n --lb-card: rgba(255,255,255,0.1);\n --lb-bg: rgba(255,255,255,0.06);\n }\n\n /* --- Responsive --- */\n @media (max-width: 1100px) {\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-results {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-detail-grid {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-metrics {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-projection-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-vline,\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-arrow {\n display: none;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-action-item {\n grid-template-columns: 3rem 1fr;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-action-time {\n grid-column: 2;\n }\n }\n\n @media (max-width: 768px) {\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-grid-criteria {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-search {\n flex-direction: column;\n align-items: stretch;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-search-icon {\n display: none;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-btn-primary,\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-btn-secondary {\n width: 100%;\n min-width: 0;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-step-actions,\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-form-actions {\n flex-direction: column;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-criterion {\n padding: 0.875rem 1rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-progress {\n max-width: 100%;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-metrics {\n grid-template-columns: 1fr 1fr 1fr;\n }\n }\n\n @media (max-width: 480px) {\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-metrics {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-action-item {\n grid-template-columns: 1fr;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-action-icon {\n margin-bottom: 0.25rem;\n }\n #wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b .lb-action-time {\n grid-column: auto;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b\">\n <div class=\"lb-wrap\">\n\n <!-- Progress Bar -->\n <div class=\"lb-progress\" role=\"navigation\" aria-label=\"Fortschritt\">\n <div class=\"lb-progress-step active\" data-step=\"1\" aria-current=\"step\"><span>1</span></div>\n <div class=\"lb-progress-line\" data-line=\"1\"></div>\n <div class=\"lb-progress-step\" data-step=\"2\"><span>2</span></div>\n <div class=\"lb-progress-line\" data-line=\"2\"></div>\n <div class=\"lb-progress-step\" data-step=\"3\"><span>3</span></div>\n <div class=\"lb-progress-line\" data-line=\"3\"></div>\n <div class=\"lb-progress-step\" data-step=\"4\"><span>4</span></div>\n <div class=\"lb-progress-line\" data-line=\"4\"></div>\n <div class=\"lb-progress-step\" data-step=\"5\"><span>5</span></div>\n </div>\n\n <!-- STEP 1 -->\n <div class=\"lb-step\" data-step-panel=\"1\">\n <div class=\"lb-hero lb-center\">\n <h1>Google Profil Check</h1>\n <span class=\"lb-sub\">\n Lokale Kunden suchen Sie auf Google. Finden sie Sie auch – oder zuerst die Konkurrenz?\n Sehen Sie in 10 Sekunden, wo Ihr Profil heute steht und welche Hebel Ihnen mehr Anrufe,\n Wegbeschreibungen und Aufträge bringen.\n </span>\n </div>\n\n <div class=\"lb-search\">\n <div class=\"lb-search-icon\" aria-hidden=\"true\"><span>⌕</span></div>\n <input data-ref=\"query\" type=\"text\" placeholder=\"z. B. „Bäckerei Müller Zürich\" \"=\"\" aria-label=\"Firmenname und Standort eingeben\">\n <button class=\"lb-btn lb-btn-primary\" type=\"button\" data-action=\"go\" data-target=\"2\">\n <span>Prüfen →</span>\n </button>\n </div>\n\n <h2 class=\"lb-section-title\">Was wir prüfen – und wie viel es zählt</h2>\n <span class=\"lb-section-copy\">\n Wir messen die Hebel, die wirklich Kunden bringen: Bewertungen, Antwortverhalten, lokales Ranking\n und wie Sie gegen Ihre direkte Konkurrenz dastehen. Stammdaten sind Pflicht, zählen aber weniger.\n </span>\n\n <div class=\"lb-grid-criteria\">\n <div class=\"lb-criterion\"><div class=\"left\"><div class=\"ico\" aria-hidden=\"true\"><span>☆</span></div><span class=\"text\">Bewertungs-Anzahl</span></div><span class=\"pts\">20 Pkt</span></div>\n <div class=\"lb-criterion\"><div class=\"left\"><div class=\"ico\" aria-hidden=\"true\"><span>↗</span></div><span class=\"text\">Lokales Ranking (Map-Pack)</span></div><span class=\"pts\">20 Pkt</span></div>\n <div class=\"lb-criterion\"><div class=\"left\"><div class=\"ico\" aria-hidden=\"true\"><span>☆</span></div><span class=\"text\">Bewertungs-Schnitt</span></div><span class=\"pts\">15 Pkt</span></div>\n <div class=\"lb-criterion\"><div class=\"left\"><div class=\"ico\" aria-hidden=\"true\"><span>◔</span></div><span class=\"text\">Antworten auf Bewertungen</span></div><span class=\"pts\">15 Pkt</span></div>\n <div class=\"lb-criterion\"><div class=\"left\"><div class=\"ico\" aria-hidden=\"true\"><span>⇗</span></div><span class=\"text\">Position vs. Top-3 Konkurrenz</span></div><span class=\"pts\">10 Pkt</span></div>\n <div class=\"lb-criterion\"><div class=\"left\"><div class=\"ico\" aria-hidden=\"true\"><span>✚</span></div><span class=\"text\">Aktivität (Google-Beiträge)</span></div><span class=\"pts\">10 Pkt</span></div>\n <div class=\"lb-criterion\"><div class=\"left\"><div class=\"ico\" aria-hidden=\"true\"><span>▣</span></div><span class=\"text\">Foto-Bestand</span></div><span class=\"pts\">5 Pkt</span></div>\n <div class=\"lb-criterion\"><div class=\"left\"><div class=\"ico\" aria-hidden=\"true\"><span>⚙</span></div><span class=\"text\">Profil-Stammdaten</span></div><span class=\"pts\">5 Pkt</span></div>\n </div>\n\n <span class=\"lb-footnote\">\n Summe der maximal erreichbaren Punkte = 100. Live-Daten zur Konkurrenz und zum Map-Pack-Ranking\n ziehen wir aus öffentlichen Suchergebnissen.\n </span>\n </div>\n\n <!-- STEP 2 -->\n <div class=\"lb-step lb-hidden\" data-step-panel=\"2\">\n <div class=\"lb-results\">\n <div class=\"lb-card lb-profile-card\">\n <span class=\"lb-kicker\">Profil-Score</span>\n\n <div class=\"lb-gauge-wrap\">\n <div class=\"lb-gauge\" data-ref=\"gauge\" style=\"--score:21;--gauge-color:#dc3545;\" role=\"meter\" aria-valuenow=\"21\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-label=\"Profil-Score\">\n <div class=\"lb-gauge-inner\">\n <span class=\"lb-gauge-score\" data-ref=\"scoreMain\" style=\"color: rgb(220, 53, 69);\">21</span>\n <span class=\"lb-gauge-sub\">von 100</span>\n </div>\n </div>\n <span class=\"lb-strength\" data-ref=\"strength\" style=\"color: rgb(220, 53, 69);\">Schwach</span>\n </div>\n\n <div class=\"lb-divider\"></div>\n\n <span class=\"lb-business-name\" data-ref=\"businessName\">Musterbetrieb GmbH</span>\n <span class=\"lb-muted-line\" data-ref=\"address\">📍 Musterstrasse 1, 8000 Zürich, Schweiz</span>\n <span class=\"lb-muted-line\" data-ref=\"category\">Maler</span>\n <span class=\"lb-rating\" data-ref=\"ratingLine\">⭐ 4.1 · 9 Bewertungen</span>\n\n <a href=\"#\" class=\"lb-link\" data-ref=\"googleLink\" target=\"_blank\" rel=\"noopener noreferrer\"><span>Profil bei Google öffnen ↗</span></a>\n <a href=\"#\" class=\"lb-link center\" data-action=\"go\" data-target=\"1\"><span>Anderes Profil prüfen</span></a>\n </div>\n\n <div class=\"lb-right-col\">\n <div class=\"lb-card lb-detail-card\">\n <h3 class=\"lb-card-title\">Detail-Bewertung</h3>\n <span class=\"lb-card-sub\">Die wichtigsten Bereiche Ihres Profils im Überblick.</span>\n\n <div class=\"lb-detail-grid\">\n <div class=\"lb-detail-item\">\n <div class=\"lb-detail-icon warn\" aria-hidden=\"true\"><span>⚠</span></div>\n <div>\n <span class=\"lb-detail-label\">Bewertungs-Anzahl</span>\n <span class=\"lb-detail-desc\" data-ref=\"descReviewCount\">9 Bewertung(en) – sehr wenig.</span>\n </div>\n <span class=\"lb-detail-points pts-warn\" data-ref=\"ptsReviewCount\">1/20</span>\n </div>\n\n <div class=\"lb-detail-item\">\n <div class=\"lb-detail-icon warn\" aria-hidden=\"true\"><span>⚠</span></div>\n <div>\n <span class=\"lb-detail-label\">Lokales Ranking (Map-Pack)</span>\n <span class=\"lb-detail-desc\" data-ref=\"descMapRank\">Platz 6 für „Maler Zürich\".</span>\n </div>\n <span class=\"lb-detail-points pts-warn\" data-ref=\"ptsMapRank\">5/20</span>\n </div>\n\n <div class=\"lb-detail-item\">\n <div class=\"lb-detail-icon warn\" aria-hidden=\"true\"><span>⚠</span></div>\n <div>\n <span class=\"lb-detail-label\">Bewertungs-Schnitt</span>\n <span class=\"lb-detail-desc\" data-ref=\"descRating\">4.1★ – unteres Mittelfeld.</span>\n </div>\n <span class=\"lb-detail-points pts-warn\" data-ref=\"ptsRating\">2/15</span>\n </div>\n\n <div class=\"lb-detail-item\">\n <div class=\"lb-detail-icon bad\" aria-hidden=\"true\"><span>✕</span></div>\n <div>\n <span class=\"lb-detail-label\">Antworten auf Bewertungen</span>\n <span class=\"lb-detail-desc\" data-ref=\"descReplies\">Antwortquote derzeit 0 %.</span>\n </div>\n <span class=\"lb-detail-points pts-bad\" data-ref=\"ptsReplies\">0/15</span>\n </div>\n\n <div class=\"lb-detail-item\">\n <div class=\"lb-detail-icon warn\" aria-hidden=\"true\"><span>⚠</span></div>\n <div>\n <span class=\"lb-detail-label\">Position vs. Top-3 Konkurrenz</span>\n <span class=\"lb-detail-desc\" data-ref=\"descVsTop3\">Sie liegen sichtbar hinter der Top-3 Konkurrenz.</span>\n </div>\n <span class=\"lb-detail-points pts-warn\" data-ref=\"ptsVsTop3\">4/10</span>\n </div>\n\n <div class=\"lb-detail-item\">\n <div class=\"lb-detail-icon warn\" aria-hidden=\"true\"><span>⚠</span></div>\n <div>\n <span class=\"lb-detail-label\">Aktivität (Google-Beiträge)</span>\n <span class=\"lb-detail-desc\" data-ref=\"descPosts\">2 Beiträge · länger inaktiv.</span>\n </div>\n <span class=\"lb-detail-points pts-warn\" data-ref=\"ptsPosts\">4/10</span>\n </div>\n\n <div class=\"lb-detail-item\">\n <div class=\"lb-detail-icon bad\" aria-hidden=\"true\"><span>✕</span></div>\n <div>\n <span class=\"lb-detail-label\">Foto-Bestand</span>\n <span class=\"lb-detail-desc\" data-ref=\"descPhotos\">0 Fotos – unter dem Minimum (5).</span>\n </div>\n <span class=\"lb-detail-points pts-bad\" data-ref=\"ptsPhotos\">0/5</span>\n </div>\n\n <div class=\"lb-detail-item\">\n <div class=\"lb-detail-icon good\" aria-hidden=\"true\"><span>✓</span></div>\n <div>\n <span class=\"lb-detail-label\">Profil-Stammdaten</span>\n <span class=\"lb-detail-desc\" data-ref=\"descMasterdata\">Stammdaten aktuell vollständig gepflegt.</span>\n </div>\n <span class=\"lb-detail-points pts-good\" data-ref=\"ptsMasterdata\">5/5</span>\n </div>\n </div>\n </div>\n\n <div class=\"lb-card lb-competition-card\">\n <h3 class=\"lb-card-title\">Live-Wettbewerb</h3>\n <span class=\"lb-card-sub\">Map-Pack-Position, Top-3 in Ihrer Umgebung, Antwortverhalten und Aktivität.</span>\n\n <div class=\"lb-metrics\">\n <div class=\"lb-metric\">\n <span class=\"lb-metric-title\">Map-Pack-Platz</span>\n <span class=\"lb-metric-value\" data-ref=\"mapRankBig\">#6</span>\n <span class=\"lb-metric-sub\" data-ref=\"mapRankKeyword\">für „Maler Zürich\"</span>\n </div>\n <div class=\"lb-metric\">\n <span class=\"lb-metric-title\">Antwortquote</span>\n <span class=\"lb-metric-value\" data-ref=\"replyRateBig\">0 %</span>\n <span class=\"lb-metric-sub\" data-ref=\"replyRateSub\">von 9 sichtbaren Bewertungen</span>\n </div>\n <div class=\"lb-metric\">\n <span class=\"lb-metric-title\">Google-Beiträge</span>\n <span class=\"lb-metric-value\" data-ref=\"postCountBig\">2</span>\n <span class=\"lb-metric-sub\">öffentliche Beiträge</span>\n </div>\n </div>\n\n <span class=\"lb-list-title\">Top im Map-Pack</span>\n <div class=\"lb-ranking\" data-ref=\"rankingList\">\n <div class=\"lb-rank-row\">\n <span class=\"lb-rank-no\">1</span>\n <span class=\"lb-rank-name\">Top Konkurrent 1</span>\n <span class=\"lb-rank-rate\">⭐ 5.0 (12)</span>\n </div>\n <div class=\"lb-rank-row\">\n <span class=\"lb-rank-no\">2</span>\n <span class=\"lb-rank-name\">Top Konkurrent 2</span>\n <span class=\"lb-rank-rate\">⭐ 4.9 (18)</span>\n </div>\n <div class=\"lb-rank-row\">\n <span class=\"lb-rank-no\">3</span>\n <span class=\"lb-rank-name\">Top Konkurrent 3</span>\n <span class=\"lb-rank-rate\">⭐ 4.8 (9)</span>\n </div>\n </div>\n\n <div class=\"lb-step-actions\">\n <button class=\"lb-btn lb-btn-secondary\" type=\"button\" data-action=\"go\" data-target=\"1\"><span>Zurück</span></button>\n <button class=\"lb-btn lb-btn-primary\" type=\"button\" data-action=\"go\" data-target=\"3\"><span>Empfehlungen anzeigen →</span></button>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <!-- STEP 3 -->\n <div class=\"lb-step lb-hidden\" data-step-panel=\"3\">\n <div class=\"lb-card lb-reco-card\" style=\"max-width:68rem;margin:0 auto;\">\n <h2 class=\"lb-card-title\">Empfehlungen</h2>\n\n <div class=\"lb-reco-list\" data-ref=\"recoList\">\n <div class=\"lb-reco-item\">\n <span class=\"lb-reco-no\">1</span>\n <span class=\"lb-reco-text\" data-ref=\"reco1\">Erst 9 Bewertung(en). Das Volumen ist der größte einzelne Hebel für Map-Pack-Rankings. Realistisches Ziel: 20+ in 2–3 Monaten mit systematischer Akquise.</span>\n </div>\n <div class=\"lb-reco-item\">\n <span class=\"lb-reco-no\">2</span>\n <span class=\"lb-reco-text\" data-ref=\"reco2\">Schnitt 4.1★ ist unter dem Durchschnitt für lokale Anbieter. Gegenmaßnahme: jede neue zufriedene Kundeninteraktion direkt um eine ehrliche Bewertung bitten.</span>\n </div>\n <div class=\"lb-reco-item\">\n <span class=\"lb-reco-no\">3</span>\n <span class=\"lb-reco-text\" data-ref=\"reco3\">Nur 0 % der sichtbaren Bewertungen sind beantwortet. Sachliche Antworten innerhalb von 24 Stunden sind ein starkes Signal an Google und an neue Kunden.</span>\n </div>\n <div class=\"lb-reco-item\">\n <span class=\"lb-reco-no\">4</span>\n <span class=\"lb-reco-text\" data-ref=\"reco4\">Im Map-Pack aktuell auf Platz 6. Die ersten drei Plätze bekommen den Großteil der Klicks – Bewertungen, Antworten und regelmäßige Beiträge sind die Hebel.</span>\n </div>\n <div class=\"lb-reco-item\">\n <span class=\"lb-reco-no\">5</span>\n <span class=\"lb-reco-text\" data-ref=\"reco5\">Nur 0 Fotos – mindestens 5 (Außen, Innen, Team, Produkte) sind das Minimum, um nicht leer zu wirken.</span>\n </div>\n </div>\n\n <div class=\"lb-step-actions\">\n <button class=\"lb-btn lb-btn-secondary\" type=\"button\" data-action=\"go\" data-target=\"2\"><span>Zurück</span></button>\n <button class=\"lb-btn lb-btn-primary\" type=\"button\" data-action=\"go\" data-target=\"4\"><span>Lösung anzeigen →</span></button>\n </div>\n </div>\n </div>\n\n <!-- STEP 4 -->\n <div class=\"lb-step lb-hidden\" data-step-panel=\"4\">\n <div class=\"lb-card lb-roadmap-card\" style=\"max-width:72rem;margin:0 auto;\">\n <div class=\"lb-roadmap-head\">\n <span class=\"lb-badge\">LOCALBOOST</span>\n <span>So bringt LocalBoost Ihr Profil nach vorne</span>\n </div>\n <span class=\"lb-roadmap-copy\">\n Die LocalBoost-Software übernimmt Bewertungs-Management, Posts, Foto-Optimierung und Reporting automatisch.\n Hier sehen Sie konkret, was in den ersten 6 Monaten für Ihr Profil passiert.\n </span>\n\n <div class=\"lb-projection\">\n <span class=\"lb-projection-title\">Score-Hochrechnung mit LocalBoost</span>\n <div class=\"lb-projection-grid\">\n <div>\n <span class=\"lb-big-num\" data-ref=\"projNow\">21</span>\n <span class=\"lb-big-sub\">heute</span>\n </div>\n <div class=\"lb-arrow\" aria-hidden=\"true\"><span>→</span></div>\n <div>\n <span class=\"lb-big-num\" data-ref=\"projFuture\">~60</span>\n <span class=\"lb-big-sub\">in ~6 Monaten</span>\n </div>\n <div class=\"lb-vline\" aria-hidden=\"true\"></div>\n <div>\n <span class=\"lb-big-num green\" data-ref=\"projDelta\">+39</span>\n <span class=\"lb-big-sub\">Punkte</span>\n </div>\n </div>\n <span class=\"lb-projection-note\">\n Realistische Projektion über 6 Monate mit aktivem LocalBoost-Einsatz und wenigen Stunden Ihrer Mitwirkung.\n </span>\n </div>\n\n <div class=\"lb-action-list\">\n <div class=\"lb-action-item\">\n <div class=\"lb-action-icon\" aria-hidden=\"true\"><span>✚</span></div>\n <div>\n <span class=\"lb-action-title\">Bewertungs-Akquise automatisieren</span>\n <span class=\"lb-action-text\">QR-Code-Karten am Verkaufsort, SMS-/E-Mail-Follow-up nach Kundenkontakt, einfacher Workflow für Ihr Team. Realistisch +5 bis +15 echte Bewertungen pro Monat.</span>\n </div>\n <span class=\"lb-action-time\">Setup 1 Woche, dann laufend</span>\n </div>\n\n <div class=\"lb-action-item\">\n <div class=\"lb-action-icon\" aria-hidden=\"true\"><span>◔</span></div>\n <div>\n <span class=\"lb-action-title\">Bewertungs-Antworten + Schnitt-Hebung</span>\n <span class=\"lb-action-text\">Antwort auf jede neue Bewertung in der Regel innerhalb von 24 Std. – sachlich, freundlich und in Ihrem Tonfall.</span>\n </div>\n <span class=\"lb-action-time\">laufend</span>\n </div>\n\n <div class=\"lb-action-item\">\n <div class=\"lb-action-icon\" aria-hidden=\"true\"><span>↗</span></div>\n <div>\n <span class=\"lb-action-title\">Lokales Ranking + Konkurrenz-Aufschluss</span>\n <span class=\"lb-action-text\">Kategorien sauber setzen, lokale Begriffe verwenden, Konkurrenz beobachten und gezielt zum Map-Pack aufschließen.</span>\n </div>\n <span class=\"lb-action-time\">Setup 2 Wochen, dann monatlich</span>\n </div>\n\n <div class=\"lb-action-item\">\n <div class=\"lb-action-icon\" aria-hidden=\"true\"><span>📝</span></div>\n <div>\n <span class=\"lb-action-title\">Google-Beiträge automatisch veröffentlichen</span>\n <span class=\"lb-action-text\">1–2 Beiträge pro Woche mit Neuigkeiten, Angeboten oder saisonalen Impulsen.</span>\n </div>\n <span class=\"lb-action-time\">wöchentlich</span>\n </div>\n\n <div class=\"lb-action-item\">\n <div class=\"lb-action-icon\" aria-hidden=\"true\"><span>▣</span></div>\n <div>\n <span class=\"lb-action-title\">Foto-Pflege &amp; Aufbau</span>\n <span class=\"lb-action-text\">Bestehende Bilder kuratieren, ergänzen und regelmäßig neue Fotos veröffentlichen.</span>\n </div>\n <span class=\"lb-action-time\">Setup, dann monatlich</span>\n </div>\n\n <div class=\"lb-action-item\">\n <div class=\"lb-action-icon\" aria-hidden=\"true\"><span>📊</span></div>\n <div>\n <span class=\"lb-action-title\">Monatliches Reporting</span>\n <span class=\"lb-action-text\">Profilaufrufe, Anrufe, Bewertungen, Interaktionen und Sichtbarkeit klar und verständlich aufbereitet.</span>\n </div>\n <span class=\"lb-action-time\">monatlich</span>\n </div>\n </div>\n\n <div class=\"lb-step-actions\">\n <button class=\"lb-btn lb-btn-secondary\" type=\"button\" data-action=\"go\" data-target=\"3\"><span>Zurück</span></button>\n <button class=\"lb-btn lb-btn-primary\" type=\"button\" data-action=\"go\" data-target=\"5\"><span>Detail-Ergebnis anfordern →</span></button>\n </div>\n </div>\n </div>\n\n <!-- STEP 5 -->\n <div class=\"lb-step lb-hidden\" data-step-panel=\"5\">\n <div class=\"lb-hero lb-center\">\n <h1>Google Profil Check</h1>\n <span class=\"lb-sub\">\n Lokale Kunden suchen Sie auf Google. Finden sie Sie auch – oder zuerst die Konkurrenz?\n Sehen Sie in 10 Sekunden, wo Ihr Profil heute steht und welche Hebel Ihnen mehr Anrufe,\n Wegbeschreibungen und Aufträge bringen.\n </span>\n </div>\n\n <form data-ref=\"form\" class=\"lb-card lb-form-card\" style=\"max-width:68rem;margin:0 auto;\" method=\"post\" action=\"\">\n <div class=\"lb-info-box\">\n <span class=\"lb-info-title\">Wir prüfen Ihr Profil und senden Ihnen das Detail-Ergebnis</span>\n <span class=\"lb-info-copy\">\n Bitte Name und geschäftliche E-Mail angeben. Wir nutzen die Daten ausschließlich, um Ihnen das Ergebnis\n und auf Wunsch eine Beratung zukommen zu lassen.\n </span>\n </div>\n\n <div class=\"lb-form-group\">\n <label class=\"lb-label\" for=\"lb-name-9b4e\">Ihr Name</label>\n <input class=\"lb-input\" id=\"lb-name-9b4e\" name=\"name\" type=\"text\" placeholder=\"Vor- und Nachname\" required=\"\">\n <span class=\"lb-error\" data-error=\"name\">Bitte Ihren Namen eingeben.</span>\n </div>\n\n <div class=\"lb-form-group\">\n <label class=\"lb-label\" for=\"lb-company-9b4e\">Ihre Firma <span class=\"optional\">(optional)</span></label>\n <input class=\"lb-input\" id=\"lb-company-9b4e\" name=\"firma\" type=\"text\" placeholder=\"Name Ihres Unternehmens\">\n <span class=\"lb-help\">Hilft uns zu erkennen, ob Sie Ihr eigenes Profil prüfen oder ein anderes Unternehmen.</span>\n </div>\n\n <div class=\"lb-form-group\">\n <label class=\"lb-label\" for=\"lb-email-9b4e\">E-Mail-Adresse</label>\n <input class=\"lb-input\" id=\"lb-email-9b4e\" name=\"email\" type=\"email\" placeholder=\"ihr.name@firma.ch\" required=\"\">\n <span class=\"lb-error\" data-error=\"email\">Bitte eine gültige E-Mail-Adresse eingeben.</span>\n <span class=\"lb-help\">Wir nutzen die E-Mail, um das Detail-Ergebnis zuzustellen.</span>\n </div>\n\n <span class=\"lb-checking\">\n Geprüft wird: <strong data-ref=\"checkedProfile\">Musterbetrieb GmbH</strong>\n — <a href=\"#\" class=\"lb-link\" data-action=\"go\" data-target=\"1\" style=\"margin-top:0;\"><span>ändern</span></a>\n </span>\n\n <!-- Hidden Inputs -->\n <input type=\"hidden\" name=\"leadquelle\" value=\"Google Profil Check Funnel\">\n <input type=\"hidden\" name=\"profil_name\" data-hidden=\"profilName\" value=\"\">\n <input type=\"hidden\" name=\"profil_suchanfrage\" data-hidden=\"profilSuchanfrage\" value=\"\">\n <input type=\"hidden\" name=\"profil_adresse\" data-hidden=\"profilAdresse\" value=\"\">\n <input type=\"hidden\" name=\"profil_kategorie\" data-hidden=\"profilKategorie\" value=\"\">\n <input type=\"hidden\" name=\"profil_google_link\" data-hidden=\"profilGoogleLink\" value=\"\">\n <input type=\"hidden\" name=\"profil_score\" data-hidden=\"profilScore\" value=\"\">\n <input type=\"hidden\" name=\"profil_score_label\" data-hidden=\"profilScoreLabel\" value=\"\">\n <input type=\"hidden\" name=\"profil_bewertung_score\" data-hidden=\"profilBewertungScore\" value=\"\">\n <input type=\"hidden\" name=\"profil_bewertung_anzahl\" data-hidden=\"profilBewertungAnzahl\" value=\"\">\n <input type=\"hidden\" name=\"profil_antwortquote\" data-hidden=\"profilAntwortquote\" value=\"\">\n <input type=\"hidden\" name=\"profil_map_pack_platz\" data-hidden=\"profilMapPackPlatz\" value=\"\">\n <input type=\"hidden\" name=\"profil_beitraege\" data-hidden=\"profilBeitraege\" value=\"\">\n <input type=\"hidden\" name=\"profil_fotos\" data-hidden=\"profilFotos\" value=\"\">\n <input type=\"hidden\" name=\"profil_stammdaten_score\" data-hidden=\"profilStammdatenScore\" value=\"\">\n <input type=\"hidden\" name=\"profil_zukunft_score\" data-hidden=\"profilZukunftScore\" value=\"\">\n <input type=\"hidden\" name=\"profil_score_delta\" data-hidden=\"profilScoreDelta\" value=\"\">\n <input type=\"hidden\" name=\"empfehlung_1\" data-hidden=\"empfehlung1\" value=\"\">\n <input type=\"hidden\" name=\"empfehlung_2\" data-hidden=\"empfehlung2\" value=\"\">\n <input type=\"hidden\" name=\"empfehlung_3\" data-hidden=\"empfehlung3\" value=\"\">\n <input type=\"hidden\" name=\"empfehlung_4\" data-hidden=\"empfehlung4\" value=\"\">\n <input type=\"hidden\" name=\"empfehlung_5\" data-hidden=\"empfehlung5\" value=\"\">\n <input type=\"hidden\" name=\"funnel_step\" data-hidden=\"funnelStep\" value=\"5\">\n <input type=\"hidden\" name=\"absendedatum_iso\" data-hidden=\"absendedatumIso\" value=\"\">\n <input type=\"hidden\" name=\"session_id\" data-hidden=\"sessionId\" value=\"lb_pxnore2trm_1779390323805\">\n\n <div class=\"lb-form-actions\">\n <button class=\"lb-btn lb-btn-secondary\" type=\"button\" data-action=\"go\" data-target=\"4\"><span>Zurück</span></button>\n <button class=\"lb-btn lb-btn-primary\" type=\"submit\"><span>Ergebnis anzeigen →</span></button>\n </div>\n\n <div class=\"lb-dev-note\">\n <strong>Hinweis:</strong> Die <code>name</code>-Attribute der Felder und Hidden-Inputs\n sowie die <code>action</code> des Formulars müssen für den produktiven Einsatz angepasst werden.\n </div>\n </form>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-9b4e87a6-7f49-44de-91bd-c4294ba5e81b');\n if (!el) return;\n\n /* FUTURE EXTENSION PLACEHOLDER:\n Data submission to WSW backend routes will be implemented\n via a dedicated secure API endpoint.\n See: ApiClient.php wsw-snippet route */\n\n /* --- Helpers --- */\n function q(selector) { return el.querySelector(selector); }\n function qAll(selector) { return el.querySelectorAll(selector); }\n function ref(name) { return el.querySelector('[data-ref=\"' + name + '\"]'); }\n function setText(refName, value) {\n var node = ref(refName);\n if (node) node.textContent = value;\n }\n function setHidden(name, value) {\n var node = el.querySelector('[data-hidden=\"' + name + '\"]');\n if (node) node.value = String(value);\n }\n\n /* --- Data Model --- */\n var data = {\n query: '',\n businessName: 'Musterbetrieb GmbH',\n address: 'Musterstrasse 1, 8000 Zürich, Schweiz',\n category: 'Maler',\n googleLink: '#',\n reviewAverage: '4.1',\n reviewCount: 9,\n replyRate: '0 %',\n mapRank: 6,\n mapKeyword: 'Maler Zürich',\n posts: 2,\n photos: 0,\n masterdataScore: '5/5',\n score: 21,\n scoreLabel: 'Schwach',\n futureScore: 60,\n scoreDelta: 39,\n recommendations: [\n 'Erst 9 Bewertung(en). Das Volumen ist der größte einzelne Hebel für Map-Pack-Rankings. Realistisches Ziel: 20+ in 2–3 Monaten mit systematischer Akquise.',\n 'Schnitt 4.1★ ist unter dem Durchschnitt für lokale Anbieter. Gegenmaßnahme: jede neue zufriedene Kundeninteraktion direkt um eine ehrliche Bewertung bitten.',\n 'Nur 0 % der sichtbaren Bewertungen sind beantwortet. Sachliche Antworten innerhalb von 24 Stunden sind ein starkes Signal an Google und an neue Kunden.',\n 'Im Map-Pack aktuell auf Platz 6. Die ersten drei Plätze bekommen den Großteil der Klicks – Bewertungen, Antworten und regelmäßige Beiträge sind die Hebel.',\n 'Nur 0 Fotos – mindestens 5 (Außen, Innen, Team, Produkte) sind das Minimum, um nicht leer zu wirken.'\n ],\n detailScores: {\n reviewCount: '1/20',\n mapRank: '5/20',\n rating: '2/15',\n replies: '0/15',\n vsTop3: '4/10',\n posts: '4/10',\n photos: '0/5',\n masterdata: '5/5'\n }\n };\n\n var currentStep = 1;\n\n /* --- Session ID (non-sensitive, UI only) --- */\n var sessionId = 'lb_' + Math.random().toString(36).slice(2) + '_' + Date.now();\n setHidden('sessionId', sessionId);\n\n /* --- Score Color --- */\n function getScoreColor(score) {\n if (score >= 70) return '#17b26a';\n if (score >= 40) return '#f59e0b';\n return '#dc3545';\n }\n\n /* --- Progress Bar --- */\n function updateProgress(step) {\n qAll('.lb-progress-step').forEach(function(node) {\n var s = parseInt(node.getAttribute('data-step'), 10);\n node.classList.remove('active', 'done');\n node.removeAttribute('aria-current');\n if (s < step) node.classList.add('done');\n if (s === step) {\n node.classList.add('active');\n node.setAttribute('aria-current', 'step');\n }\n });\n qAll('.lb-progress-line').forEach(function(node) {\n var l = parseInt(node.getAttribute('data-line'), 10);\n node.classList.toggle('done', l < step);\n });\n }\n\n /* --- Render --- */\n function renderAll() {\n setText('businessName', data.businessName);\n setText('checkedProfile', data.businessName);\n setText('address', '📍 ' + data.address);\n setText('category', data.category);\n setText('ratingLine', '⭐ ' + data.reviewAverage + ' · ' + data.reviewCount + ' Bewertungen');\n setText('scoreMain', data.score);\n setText('strength', data.scoreLabel);\n\n var gauge = ref('gauge');\n if (gauge) {\n var color = getScoreColor(data.score);\n gauge.style.setProperty('--score', data.score);\n gauge.style.setProperty('--gauge-color', color);\n gauge.setAttribute('aria-valuenow', data.score);\n }\n var strengthEl = ref('strength');\n if (strengthEl) strengthEl.style.color = getScoreColor(data.score);\n var scoreEl = ref('scoreMain');\n if (scoreEl) scoreEl.style.color = getScoreColor(data.score);\n\n setText('descReviewCount', data.reviewCount + ' Bewertung(en) – sehr wenig.');\n setText('descMapRank', 'Platz ' + data.mapRank + ' für „' + data.mapKeyword + '\".');\n setText('descRating', data.reviewAverage + '★ – unteres Mittelfeld.');\n setText('descReplies', 'Antwortquote derzeit ' + data.replyRate + '.');\n setText('descVsTop3', 'Sie liegen sichtbar hinter der Top-3 Konkurrenz.');\n setText('descPosts', data.posts + ' Beiträge · länger inaktiv.');\n setText('descPhotos', data.photos + ' Fotos – unter dem Minimum (5).');\n setText('descMasterdata', 'Stammdaten aktuell vollständig gepflegt.');\n\n setText('ptsReviewCount', data.detailScores.reviewCount);\n setText('ptsMapRank', data.detailScores.mapRank);\n setText('ptsRating', data.detailScores.rating);\n setText('ptsReplies', data.detailScores.replies);\n setText('ptsVsTop3', data.detailScores.vsTop3);\n setText('ptsPosts', data.detailScores.posts);\n setText('ptsPhotos', data.detailScores.photos);\n setText('ptsMasterdata', data.detailScores.masterdata);\n\n setText('mapRankBig', '#' + data.mapRank);\n setText('mapRankKeyword', 'für „' + data.mapKeyword + '\"');\n setText('replyRateBig', data.replyRate);\n setText('replyRateSub', 'von ' + data.reviewCount + ' sichtbaren Bewertungen');\n setText('postCountBig', data.posts);\n\n setText('reco1', data.recommendations[0]);\n setText('reco2', data.recommendations[1]);\n setText('reco3', data.recommendations[2]);\n setText('reco4', data.recommendations[3]);\n setText('reco5', data.recommendations[4]);\n\n setText('projNow', data.score);\n setText('projFuture', '~' + data.futureScore);\n setText('projDelta', '+' + data.scoreDelta);\n\n var gLink = ref('googleLink');\n if (gLink) gLink.href = data.googleLink || '#';\n }\n\n /* --- Fill Hidden Fields --- */\n function fillHiddenFields() {\n setHidden('profilName', data.businessName);\n setHidden('profilSuchanfrage', data.query || data.businessName);\n setHidden('profilAdresse', data.address);\n setHidden('profilKategorie', data.category);\n setHidden('profilGoogleLink', data.googleLink);\n setHidden('profilScore', data.score);\n setHidden('profilScoreLabel', data.scoreLabel);\n setHidden('profilBewertungScore', data.reviewAverage);\n setHidden('profilBewertungAnzahl', data.reviewCount);\n setHidden('profilAntwortquote', data.replyRate);\n setHidden('profilMapPackPlatz', data.mapRank);\n setHidden('profilBeitraege', data.posts);\n setHidden('profilFotos', data.photos);\n setHidden('profilStammdatenScore', data.masterdataScore);\n setHidden('profilZukunftScore', data.futureScore);\n setHidden('profilScoreDelta', data.scoreDelta);\n setHidden('empfehlung1', data.recommendations[0]);\n setHidden('empfehlung2', data.recommendations[1]);\n setHidden('empfehlung3', data.recommendations[2]);\n setHidden('empfehlung4', data.recommendations[3]);\n setHidden('empfehlung5', data.recommendations[4]);\n setHidden('absendedatumIso', new Date().toISOString());\n setHidden('funnelStep', String(currentStep));\n }\n\n /* --- Navigate --- */\n function goToStep(step) {\n step = parseInt(step, 10);\n if (step < 1 || step > 5) return;\n\n qAll('.lb-step').forEach(function(node) {\n node.classList.add('lb-hidden');\n });\n var target = el.querySelector('[data-step-panel=\"' + step + '\"]');\n if (target) target.classList.remove('lb-hidden');\n\n currentStep = step;\n updateProgress(step);\n\n if (step >= 2) {\n var queryInput = ref('query');\n if (queryInput && queryInput.value.trim()) {\n data.query = queryInput.value.trim();\n data.businessName = queryInput.value.trim();\n }\n renderAll();\n }\n\n if (step === 5) {\n fillHiddenFields();\n }\n\n el.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n\n /* --- Delegated Events --- */\n el.addEventListener('click', function(e) {\n var actionEl = e.target.closest('[data-action=\"go\"]');\n if (actionEl) {\n e.preventDefault();\n goToStep(actionEl.getAttribute('data-target'));\n }\n });\n\n el.addEventListener('keydown', function(e) {\n if (e.key === 'Enter') {\n var queryInput = ref('query');\n if (e.target === queryInput) {\n e.preventDefault();\n goToStep(2);\n }\n }\n });\n\n /* --- Form Validation --- */\n var form = ref('form');\n if (form) {\n form.addEventListener('submit', function(e) {\n qAll('.lb-error').forEach(function(node) {\n node.style.display = 'none';\n });\n\n var nameInput = q('#lb-name-9b4e');\n var emailInput = q('#lb-email-9b4e');\n var nameVal = nameInput ? nameInput.value.trim() : '';\n var emailVal = emailInput ? emailInput.value.trim() : '';\n var hasError = false;\n\n if (!nameVal) {\n var errName = el.querySelector('[data-error=\"name\"]');\n if (errName) errName.style.display = 'block';\n hasError = true;\n }\n\n if (!emailVal || !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(emailVal)) {\n var errEmail = el.querySelector('[data-error=\"email\"]');\n if (errEmail) errEmail.style.display = 'block';\n hasError = true;\n }\n\n if (hasError) {\n e.preventDefault();\n return;\n }\n\n fillHiddenFields();\n });\n }\n\n /* --- Init --- */\n renderAll();\n updateProgress(1);\n\n})();\n</script>","summary":null,"version":1,"inserted_version":1,"total_cost":1.2765368,"total_messages_sent":1,"summarized_at_total":0}