{"product_id":"digital-product-12","title":"The Messaging Framework: A Founder's Guide to Being Impossible to Ignore.","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eThe CLEAR Messaging Framework - Crafted By Words\u003c\/title\u003e\n\n    \u003c!-- Google Fonts --\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800\u0026amp;family=Playfair+Display:ital,wght@0,600;0,700;1,600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n    \u003cstyle\u003e\n        \/* ----- RESET \u0026 BASE ----- *\/\n        *,\n        *::before,\n        *::after {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --bg: #fbf9f6;\n            --bg-card: #ffffff;\n            --text-primary: #1a1a1a;\n            --text-secondary: #4a4a4a;\n            --text-muted: #7a7a7a;\n            --gold: #b8860b;\n            --gold-light: #d4a52a;\n            --gold-pale: #f5ede0;\n            --gold-glow: rgba(184, 134, 11, 0.12);\n            --border-light: #e8e0d6;\n            --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.06);\n            --shadow-hover: 0 20px 56px rgba(0, 0, 0, 0.10);\n            --radius: 18px;\n            --radius-sm: 10px;\n            --transition: 0.35s cubic-bezier(0.22, 1, 0.36, 1);\n            --max-width: 1120px;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            background: var(--bg);\n            color: var(--text-primary);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .container {\n            max-width: var(--max-width);\n            margin: 0 auto;\n            padding: 0 24px;\n        }\n\n        \/* ----- TYPOGRAPHY ----- *\/\n        .heading-serif {\n            font-family: 'Playfair Display', Georgia, serif;\n            font-weight: 700;\n            letter-spacing: -0.02em;\n        }\n\n        .tag {\n            display: inline-block;\n            font-size: 0.7rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.12em;\n            color: var(--gold);\n            background: var(--gold-pale);\n            padding: 6px 18px;\n            border-radius: 100px;\n            margin-bottom: 16px;\n        }\n\n        .btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            font-family: 'Inter', sans-serif;\n            font-weight: 600;\n            font-size: 1rem;\n            padding: 16px 40px;\n            border-radius: 60px;\n            border: none;\n            cursor: pointer;\n            transition: var(--transition);\n            text-decoration: none;\n            background: var(--gold);\n            color: #fff;\n            box-shadow: 0 4px 16px var(--gold-glow);\n        }\n\n        .btn:hover {\n            background: #a0740a;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 28px rgba(184, 134, 11, 0.25);\n        }\n\n        .btn .icon-right {\n            display: inline-flex;\n            align-items: center;\n            margin-left: 4px;\n        }\n\n        \/* ----- HEADER ----- *\/\n        .site-header {\n            padding: 20px 0;\n            border-bottom: 1px solid var(--border-light);\n            background: rgba(251, 249, 246, 0.85);\n            backdrop-filter: blur(8px);\n            position: sticky;\n            top: 0;\n            z-index: 100;\n        }\n\n        .site-header .container {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n        }\n\n        .logo {\n            font-family: 'Playfair Display', Georgia, serif;\n            font-weight: 700;\n            font-size: 1.3rem;\n            letter-spacing: -0.02em;\n            color: var(--text-primary);\n            text-decoration: none;\n        }\n\n        .logo span {\n            color: var(--gold);\n        }\n\n        .header-cta {\n            font-size: 0.85rem;\n            font-weight: 600;\n            color: var(--gold);\n            text-decoration: none;\n            border: 2px solid var(--gold-pale);\n            padding: 8px 22px;\n            border-radius: 60px;\n            transition: var(--transition);\n        }\n\n        .header-cta:hover {\n            background: var(--gold-pale);\n            border-color: var(--gold);\n        }\n\n        \/* ----- HERO ----- *\/\n        .hero {\n            padding: 64px 0 48px;\n            text-align: center;\n        }\n\n        .hero .tag {\n            margin-bottom: 20px;\n        }\n\n        .hero h1 {\n            font-size: clamp(2.2rem, 6vw, 3.8rem);\n            line-height: 1.08;\n            margin-bottom: 16px;\n            max-width: 860px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .hero h1 .highlight {\n            color: var(--gold);\n            position: relative;\n        }\n\n        .hero h1 .highlight::after {\n            content: '';\n            position: absolute;\n            left: 0;\n            bottom: 2px;\n            width: 100%;\n            height: 10px;\n            background: var(--gold-pale);\n            z-index: -1;\n            border-radius: 4px;\n        }\n\n        .hero .subhead {\n            font-size: clamp(1.05rem, 1.6vw, 1.25rem);\n            color: var(--text-secondary);\n            max-width: 720px;\n            margin: 0 auto 24px;\n            font-weight: 400;\n            line-height: 1.7;\n        }\n\n        .hero .subhead strong {\n            color: var(--text-primary);\n            font-weight: 600;\n        }\n\n        .hero .sub-label {\n            font-size: 0.8rem;\n            color: var(--text-muted);\n            margin-top: 4px;\n        }\n\n        .hero-badges {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 10px 20px;\n            margin-top: 28px;\n            font-size: 0.9rem;\n            color: var(--text-muted);\n        }\n\n        .hero-badges span {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .hero-badges .icon {\n            display: flex;\n            align-items: center;\n        }\n\n        \/* ----- PAIN SECTION ----- *\/\n        .pain-section {\n            padding: 48px 0 56px;\n            background: #fff;\n            border-radius: var(--radius);\n            margin: 0 0 56px;\n            box-shadow: var(--shadow-card);\n        }\n\n        .pain-section .container {\n            text-align: center;\n        }\n\n        .pain-section .big-claim {\n            font-size: clamp(1.4rem, 2.8vw, 2.2rem);\n            font-weight: 700;\n            margin-bottom: 16px;\n        }\n\n        .pain-section .big-claim .gold {\n            color: var(--gold);\n        }\n\n        .pain-section .description {\n            font-size: 1.05rem;\n            color: var(--text-secondary);\n            max-width: 720px;\n            margin: 0 auto;\n            line-height: 1.8;\n        }\n\n        .pain-section .description strong {\n            color: var(--text-primary);\n        }\n\n        \/* ----- DIAGNOSIS SECTION ----- *\/\n        .diagnosis-section {\n            padding: 32px 0 56px;\n        }\n\n        .diagnosis-section .container {\n            text-align: center;\n        }\n\n        .diagnosis-section h2 {\n            font-size: clamp(1.6rem, 3vw, 2.2rem);\n            margin-bottom: 8px;\n        }\n\n        .diagnosis-section .sub {\n            color: var(--text-secondary);\n            margin-bottom: 32px;\n        }\n\n        .diagnosis-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 16px;\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .diagnosis-item {\n            background: #fff;\n            border-radius: var(--radius-sm);\n            padding: 20px 20px;\n            border: 1px solid var(--border-light);\n            text-align: left;\n            display: flex;\n            gap: 12px;\n            align-items: flex-start;\n        }\n\n        .diagnosis-item .icon {\n            display: flex;\n            align-items: center;\n            flex-shrink: 0;\n            margin-top: 2px;\n        }\n\n        .diagnosis-item .quote {\n            font-style: italic;\n            color: var(--text-primary);\n            font-weight: 500;\n            font-size: 0.95rem;\n            margin-bottom: 4px;\n        }\n\n        .diagnosis-item p {\n            font-size: 0.9rem;\n            color: var(--text-secondary);\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        \/* ----- WHAT'S INSIDE (FRAMEWORK) ----- *\/\n        .framework-section {\n            padding: 56px 0 64px;\n            background: #fff;\n            border-radius: var(--radius);\n            box-shadow: var(--shadow-card);\n            margin-bottom: 56px;\n        }\n\n        .framework-section .section-label {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .framework-section .section-label h2 {\n            font-size: clamp(1.8rem, 3.6vw, 2.6rem);\n        }\n\n        .framework-section .section-label p {\n            color: var(--text-secondary);\n            margin-top: 6px;\n        }\n\n        .framework-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n            gap: 20px;\n        }\n\n        .framework-card {\n            background: var(--bg);\n            border-radius: var(--radius-sm);\n            padding: 24px 22px;\n            border: 1px solid var(--border-light);\n            transition: var(--transition);\n            text-align: left;\n        }\n\n        .framework-card:hover {\n            border-color: var(--gold);\n            box-shadow: var(--shadow-hover);\n            transform: translateY(-4px);\n        }\n\n        .framework-card .letter {\n            font-family: 'Playfair Display', Georgia, serif;\n            font-size: 2.4rem;\n            font-weight: 700;\n            color: var(--gold);\n            line-height: 1;\n            margin-bottom: 4px;\n        }\n\n        .framework-card h3 {\n            font-size: 1.1rem;\n            font-weight: 700;\n            margin-bottom: 4px;\n        }\n\n        .framework-card .sub-label {\n            font-size: 0.7rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.08em;\n            color: var(--gold);\n            margin-bottom: 4px;\n        }\n\n        .framework-card p {\n            font-size: 0.92rem;\n            color: var(--text-secondary);\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        \/* ----- BOOK DETAILS ----- *\/\n        .book-details {\n            padding: 24px 0 48px;\n            text-align: center;\n        }\n\n        .book-details .stats {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 20px 40px;\n            margin-top: 16px;\n        }\n\n        .book-details .stats span {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 0.95rem;\n            color: var(--text-secondary);\n        }\n\n        .book-details .stats .icon {\n            display: flex;\n            align-items: center;\n        }\n\n        .book-details .workbook-note {\n            margin-top: 20px;\n            padding: 16px 24px;\n            background: var(--gold-pale);\n            border-radius: var(--radius-sm);\n            border: 1px solid var(--border-light);\n            max-width: 600px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .book-details .workbook-note p {\n            font-size: 0.95rem;\n            color: var(--text-secondary);\n            margin: 0;\n            line-height: 1.6;\n        }\n\n        .book-details .workbook-note strong {\n            color: var(--text-primary);\n        }\n\n        \/* ----- TESTIMONIALS ----- *\/\n        .testimonials-section {\n            padding: 48px 0 56px;\n            background: #fff;\n            border-radius: var(--radius);\n            box-shadow: var(--shadow-card);\n            margin-bottom: 56px;\n        }\n\n        .testimonials-section .container {\n            text-align: center;\n        }\n\n        .testimonials-section h2 {\n            font-size: clamp(1.6rem, 3.2vw, 2.4rem);\n            margin-bottom: 8px;\n        }\n\n        .testimonials-section .sub {\n            color: var(--text-secondary);\n            margin-bottom: 32px;\n        }\n\n        .testimonial-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n            max-width: 860px;\n            margin: 0 auto;\n            text-align: left;\n        }\n\n        .testimonial-item {\n            background: var(--bg);\n            border-radius: var(--radius-sm);\n            padding: 24px 24px;\n            border: 1px solid var(--border-light);\n        }\n\n        .testimonial-item .quote-mark {\n            font-family: 'Playfair Display', Georgia, serif;\n            font-size: 2rem;\n            color: var(--gold-pale);\n            line-height: 1;\n            margin-bottom: 4px;\n        }\n\n        .testimonial-item blockquote {\n            font-size: 0.95rem;\n            color: var(--text-secondary);\n            line-height: 1.7;\n            margin: 0 0 12px 0;\n            font-style: italic;\n        }\n\n        .testimonial-item .attribution {\n            font-size: 0.85rem;\n            color: var(--text-muted);\n            font-weight: 500;\n        }\n\n        .testimonial-item .attribution strong {\n            color: var(--text-primary);\n            font-weight: 600;\n        }\n\n        .testimonial-item .attribution .role {\n            color: var(--text-muted);\n            font-weight: 400;\n        }\n\n        \/* ----- WHO FOR ----- *\/\n        .who-section {\n            padding: 32px 0 56px;\n            text-align: center;\n        }\n\n        .who-section h2 {\n            font-size: clamp(1.6rem, 3.2vw, 2.4rem);\n            margin-bottom: 8px;\n        }\n\n        .who-section .sub {\n            color: var(--text-secondary);\n            margin-bottom: 32px;\n        }\n\n        .who-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 16px;\n            max-width: 800px;\n            margin: 0 auto;\n            text-align: left;\n        }\n\n        .who-item {\n            background: #fff;\n            border-radius: var(--radius-sm);\n            padding: 18px 20px;\n            border: 1px solid var(--border-light);\n            display: flex;\n            gap: 10px;\n            align-items: flex-start;\n            font-size: 0.95rem;\n            color: var(--text-secondary);\n            line-height: 1.5;\n        }\n\n        .who-item .icon {\n            display: flex;\n            align-items: center;\n            flex-shrink: 0;\n            margin-top: 2px;\n        }\n\n        .who-item strong {\n            color: var(--text-primary);\n        }\n\n        \/* ----- PRICING \/ CTA ----- *\/\n        .final-cta {\n            background: #ffffff;\n            color: var(--text-primary);\n            border: 1px solid var(--border-light);\n            border-radius: var(--radius);\n            padding: 56px 40px;\n            text-align: center;\n            margin-bottom: 48px;\n            box-shadow: var(--shadow-card);\n        }\n\n        .final-cta h2 {\n            font-size: clamp(1.8rem, 4vw, 2.8rem);\n            font-weight: 700;\n            margin-bottom: 12px;\n            color: var(--text-primary);\n        }\n\n        .final-cta .sub {\n            font-size: 1.05rem;\n            color: var(--text-secondary);\n            max-width: 560px;\n            margin: 0 auto 24px;\n            line-height: 1.7;\n        }\n\n        .final-cta .price {\n            font-size: 1.1rem;\n            font-weight: 400;\n            color: var(--text-secondary);\n            margin-bottom: 24px;\n        }\n\n        .final-cta .price strong {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: var(--gold);\n        }\n\n        .final-cta .btn {\n            background: var(--gold);\n            color: #fff;\n            box-shadow: 0 4px 20px rgba(184, 134, 11, 0.3);\n            font-size: 1.05rem;\n            padding: 18px 48px;\n        }\n\n        .final-cta .btn:hover {\n            background: #a0740a;\n            transform: translateY(-2px);\n            box-shadow: 0 8px 32px rgba(184, 134, 11, 0.4);\n        }\n\n        .final-cta .fine {\n            font-size: 0.8rem;\n            color: var(--text-muted);\n            margin-top: 20px;\n        }\n\n        .final-cta .trust-line {\n            font-size: 0.85rem;\n            color: var(--text-muted);\n            margin-top: 16px;\n            border-top: 1px solid var(--border-light);\n            padding-top: 16px;\n        }\n\n        .final-cta .trust-line .icon {\n            display: inline-flex;\n            align-items: center;\n            vertical-align: middle;\n            margin-right: 4px;\n        }\n\n        .final-cta .tag {\n            background: var(--gold-pale);\n            color: var(--gold);\n        }\n\n        \/* ----- FOOTER ----- *\/\n        .site-footer {\n            padding: 32px 0 24px;\n            text-align: center;\n            font-size: 0.85rem;\n            color: var(--text-muted);\n            border-top: 1px solid var(--border-light);\n        }\n\n        .site-footer a {\n            color: var(--text-secondary);\n            text-decoration: none;\n        }\n\n        .site-footer a:hover {\n            color: var(--gold);\n        }\n\n        .site-footer .footer-contact {\n            margin-top: 4px;\n            font-size: 0.8rem;\n            color: var(--text-muted);\n        }\n\n        \/* ----- RESPONSIVE ----- *\/\n        @media (max-width: 768px) {\n            .hero {\n                padding: 40px 0 32px;\n            }\n\n            .testimonial-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .framework-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .diagnosis-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .who-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .final-cta {\n                padding: 40px 24px;\n            }\n\n            .final-cta .btn {\n                width: 100%;\n            }\n\n            .site-header .header-cta {\n                font-size: 0.75rem;\n                padding: 6px 16px;\n            }\n\n            .book-details .stats {\n                flex-direction: column;\n                align-items: center;\n                gap: 10px;\n            }\n\n            .book-details .workbook-note {\n                padding: 14px 18px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .hero-badges {\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .framework-card {\n                padding: 20px 16px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n\n\n    \u003c!-- ===== HEADER ===== --\u003e\n    \u003cheader class=\"site-header\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003ca href=\"#\" class=\"logo\"\u003eCrafted\u003cspan\u003eBy\u003c\/span\u003eWords\u003c\/a\u003e\n            \u003ca href=\"#cta\" class=\"header-cta\"\u003eGet the Framework\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003c!-- ===== HERO ===== --\u003e\n    \u003csection class=\"hero\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cspan class=\"tag\"\u003eThe CLEAR Messaging Framework™\u003c\/span\u003e\n            \u003ch1\u003e\n                You Don't Have a Marketing Problem.\u003cbr\u003e\n                You Have a \u003cspan class=\"highlight\"\u003eMessaging\u003c\/span\u003e Problem.\n            \u003c\/h1\u003e\n            \u003cp class=\"subhead\"\u003e\n                And It's Costing You Every Client Who Almost Got It.\n                \u003cbr\u003e\u003cbr\u003e\n                \u003cstrong\u003eThe CLEAR Messaging Framework™\u003c\/strong\u003e, the exact 5-layer system Crafted By Words × Void|X use with paying clients, now in a 190-page, step-by-step playbook you can run on your own business, starting today.\n            \u003c\/p\u003e\n            \u003ca href=\"#cta\" class=\"btn\"\u003eGet The CLEAR Messaging Framework — $39\u003c\/a\u003e\n            \u003cdiv class=\"sub-label\"\u003eInstant digital download • 190 pages • 23 chapters • Full workbook included\u003c\/div\u003e\n            \u003cdiv class=\"hero-badges\"\u003e\n                \u003cspan\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\u003e\u003c\/path\u003e\u003cpolyline points=\"22 4 12 14.01 9 11.01\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    5-Layer CLEAR System\n                \u003c\/span\u003e\n                \u003cspan\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    23 Chapters\n                \u003c\/span\u003e\n                \u003cspan\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 20h9\"\u003e\u003c\/path\u003e\u003cpath d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    Exercises + Self-Assessments\n                \u003c\/span\u003e\n                \u003cspan\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2L2 7l10 5 10-5-10-5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 17l10 5 10-5\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 12l10 5 10-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    Full Workbook Included\n                \u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ===== PAIN \/ GUT-PUNCH ===== --\u003e\n    \u003csection class=\"pain-section\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cspan class=\"tag\"\u003eThe opening gut-punch\u003c\/span\u003e\n            \u003cdiv class=\"big-claim\"\u003e\n                You've watched it happen.\u003cbr\u003e\n                A competitor with a worse product, a smaller team, and a less generous offer walks away with the client you \u003cspan class=\"gold\"\u003eshould have closed\u003c\/span\u003e.\n            \u003c\/div\u003e\n            \u003cp class=\"description\"\u003e\n                Not because they were better. \u003cstrong\u003eBecause they were clearer.\u003c\/strong\u003e\n                \u003cbr\u003e\u003cbr\u003e\n                You can have the best product in your market and still lose to the business that simply says what it does in a way people actually remember. That's not a marketing problem. It's not a \"we need a better tagline\" problem. It's messaging, and it is the single most underpriced lever in your entire business.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ===== DIAGNOSIS ===== --\u003e\n    \u003csection class=\"diagnosis-section\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cspan class=\"tag\"\u003eThe diagnosis\u003c\/span\u003e\n            \u003ch2 class=\"heading-serif\"\u003eIf you've ever caught yourself saying any of these, this book was written for you:\u003c\/h2\u003e\n            \u003cdiv class=\"diagnosis-grid\"\u003e\n                \u003cdiv class=\"diagnosis-item\"\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v4l2 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"quote\"\u003e\"Our marketing just isn't working.\"\u003c\/div\u003e\n                        \u003cp\u003eHere's the uncomfortable truth: that's not a marketing symptom. It's a messaging symptom. And no amount of ad spend fixes a problem that starts with the sentence you say when someone asks what you do.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"diagnosis-item\"\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v4l2 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"quote\"\u003e\"We need more leads.\"\u003c\/div\u003e\n                        \u003cp\u003eMore leads won't help if your message isn't landing. You'll just be doing the wrong thing more often.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"diagnosis-item\"\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8v4l2 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"quote\"\u003e\"Nobody seems to understand what we actually do.\"\u003c\/div\u003e\n                        \u003cp\u003eThat's the clearest sign of all. Your messaging is creating confusion, and confusion is the opposite of trust.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cp style=\"max-width:640px; margin:24px auto 0; color:var(--text-secondary); font-size:0.95rem;\"\u003e\n                \u003cstrong\u003eThose aren't marketing symptoms. They're messaging symptoms.\u003c\/strong\u003e And no amount of ad spend, funnel-tweaking, or content consistency fixes a problem that starts with the sentence you say when someone asks what you do.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ===== WHAT'S INSIDE (FRAMEWORK) ===== --\u003e\n    \u003csection class=\"framework-section\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cdiv class=\"section-label\"\u003e\n                \u003cspan class=\"tag\"\u003eWhat's inside\u003c\/span\u003e\n                \u003ch2 class=\"heading-serif\"\u003eThe CLEAR Messaging Framework™\u003c\/h2\u003e\n                \u003cp\u003eFive layers, in order, that take you from \"we sound like everyone else\" to impossible to ignore.\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"framework-grid\"\u003e\n                \u003cdiv class=\"framework-card\"\u003e\n                    \u003cdiv class=\"letter\"\u003eC\u003c\/div\u003e\n                    \u003cdiv class=\"sub-label\"\u003eClarity\u003c\/div\u003e\n                    \u003ch3\u003eWho you serve, what you solve\u003c\/h3\u003e\n                    \u003cp\u003eSaid in one honest sentence. Before you say anything else, this is what someone needs to understand.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"framework-card\"\u003e\n                    \u003cdiv class=\"letter\"\u003eL\u003c\/div\u003e\n                    \u003cdiv class=\"sub-label\"\u003eLanguage\u003c\/div\u003e\n                    \u003ch3\u003eThe voice that's unmistakably yours\u003c\/h3\u003e\n                    \u003cp\u003eThe generic words you finally get to lose, replaced by a tone and vocabulary that can't be confused with anyone else's.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"framework-card\"\u003e\n                    \u003cdiv class=\"letter\"\u003eE\u003c\/div\u003e\n                    \u003cdiv class=\"sub-label\"\u003eEmotion\u003c\/div\u003e\n                    \u003ch3\u003eThe story and feeling that make your facts worth remembering\u003c\/h3\u003e\n                    \u003cp\u003ePeople forget bullet points. They remember how you made them feel. This layer makes your message stick.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"framework-card\"\u003e\n                    \u003cdiv class=\"letter\"\u003eA\u003c\/div\u003e\n                    \u003cdiv class=\"sub-label\"\u003eAuthority\u003c\/div\u003e\n                    \u003ch3\u003eThe proof that turns a claim into something people actually believe\u003c\/h3\u003e\n                    \u003cp\u003eTestimonials, case studies, and the right evidence, placed where it matters most.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"framework-card\"\u003e\n                    \u003cdiv class=\"letter\"\u003eR\u003c\/div\u003e\n                    \u003cdiv class=\"sub-label\"\u003eRepetition\u003c\/div\u003e\n                    \u003ch3\u003eOne message, said consistently, everywhere your business shows up\u003c\/h3\u003e\n                    \u003cp\u003eConsistency builds memory. Memory builds trust. This layer makes sure your message travels.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cp style=\"text-align:center; margin-top:32px; color:var(--text-secondary); font-size:0.95rem;\"\u003e\n                Across \u003cstrong\u003e23 chapters\u003c\/strong\u003e and \u003cstrong\u003e190 pages\u003c\/strong\u003e, you'll build your Ideal Client Profile, nail your one-sentence value proposition, find your brand voice, craft your founder story, handle objections before they're raised, and assemble it all into a \u003cstrong\u003eMessaging Grid\u003c\/strong\u003e you can run across your website, sales calls, social content, and email, in one coordinated voice.\n            \u003c\/p\u003e\n            \u003cp style=\"text-align:center; margin-top:12px; color:var(--text-secondary); font-size:0.95rem;\"\u003e\n                Every chapter follows the same shape: the teaching, a real-world field note, a hands-on exercise, a self-assessment, and the key takeaways. \u003cstrong\u003eYou're never just reading. You're building.\u003c\/strong\u003e\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ===== BOOK DETAILS \/ WORKBOOK ===== --\u003e\n    \u003csection class=\"book-details\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cspan class=\"tag\"\u003eThe complete system\u003c\/span\u003e\n            \u003ch2 class=\"heading-serif\"\u003eEverything you need, in one place\u003c\/h2\u003e\n            \u003cdiv class=\"stats\"\u003e\n                \u003cspan\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\u003cline x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\u003e\u003c\/line\u003e\u003cline x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    23 chapters\n                \u003c\/span\u003e\n                \u003cspan\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 20h9\"\u003e\u003c\/path\u003e\u003cpath d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    190 pages\n                \u003c\/span\u003e\n                \u003cspan\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 2L2 7l10 5 10-5-10-5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 17l10 5 10-5\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 12l10 5 10-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    5-layer CLEAR system\n                \u003c\/span\u003e\n                \u003cspan\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    Messaging Grid template\n                \u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"workbook-note\"\u003e\n                \u003cp\u003e\n                    \u003cstrong\u003eAnd because we know worksheets get lost in a book:\u003c\/strong\u003e Appendix A hands you the entire workbook in one place. Every exercise from all 23 chapters, ready to print, screenshot, or hand to a teammate without making them read the whole thing first.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ===== TESTIMONIALS ===== --\u003e\n    \u003csection class=\"testimonials-section\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cspan class=\"tag\"\u003eProof it works\u003c\/span\u003e\n            \u003ch2 class=\"heading-serif\"\u003eWhat clients say\u003c\/h2\u003e\n            \u003cp class=\"sub\"\u003eReal results from real businesses who ran the system.\u003c\/p\u003e\n            \u003cdiv class=\"testimonial-grid\"\u003e\n                \u003cdiv class=\"testimonial-item\"\u003e\n                    \u003cdiv class=\"quote-mark\"\u003e\"\u003c\/div\u003e\n                    \u003cblockquote\u003eWithin a week of using the new homepage line, three past clients told me it finally sounded like me.\u003c\/blockquote\u003e\n                    \u003cdiv class=\"attribution\"\u003e\n                        \u003cstrong\u003eExecutive \u0026amp; Life Coach\u003c\/strong\u003e\n                        \u003cspan class=\"role\"\u003e• Crafted By Words client\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"testimonial-item\"\u003e\n                    \u003cdiv class=\"quote-mark\"\u003e\"\u003c\/div\u003e\n                    \u003cblockquote\u003eOur close rate recovered in a month, without a single new sales technique. We just stopped confusing people.\u003c\/blockquote\u003e\n                    \u003cdiv class=\"attribution\"\u003e\n                        \u003cstrong\u003eB2B Consultant\u003c\/strong\u003e\n                        \u003cspan class=\"role\"\u003e• Void|X client\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"testimonial-item\"\u003e\n                    \u003cdiv class=\"quote-mark\"\u003e\"\u003c\/div\u003e\n                    \u003cblockquote\u003eI used to dread sales calls. Now they feel like consultations, because I finally know exactly who I'm talking to.\u003c\/blockquote\u003e\n                    \u003cdiv class=\"attribution\"\u003e\n                        \u003cstrong\u003eBusiness Coach\u003c\/strong\u003e\n                        \u003cspan class=\"role\"\u003e• Crafted By Words client\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"testimonial-item\"\u003e\n                    \u003cdiv class=\"quote-mark\"\u003e\"\u003c\/div\u003e\n                    \u003cblockquote\u003eThe messaging grid is the single most opened document in our entire business.\u003c\/blockquote\u003e\n                    \u003cdiv class=\"attribution\"\u003e\n                        \u003cstrong\u003eAgency Founder\u003c\/strong\u003e\n                        \u003cspan class=\"role\"\u003e• Void|X client\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ===== WHO FOR ===== --\u003e\n    \u003csection class=\"who-section\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cspan class=\"tag\"\u003eWho this is for\u003c\/span\u003e\n            \u003ch2 class=\"heading-serif\"\u003eFounders, consultants, coaches, agency owners, and solopreneurs\u003c\/h2\u003e\n            \u003cp class=\"sub\"\u003eDone losing to competitors who simply communicate better.\u003c\/p\u003e\n            \u003cdiv class=\"who-grid\"\u003e\n                \u003cdiv class=\"who-item\"\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    \u003cspan\u003eIf your team can't agree on what to say about your own business, \u003cstrong\u003ethis was built for exactly that moment.\u003c\/strong\u003e\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"who-item\"\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    \u003cspan\u003eYou're tired of being compared on price when you know your work is better.\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"who-item\"\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    \u003cspan\u003eYou want to stop explaining your business and start \u003cstrong\u003ebeing understood.\u003c\/strong\u003e\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"who-item\"\u003e\n                    \u003cspan class=\"icon\"\u003e\n                        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                    \u003c\/span\u003e\n                    \u003cspan\u003eYou're ready to run a system that's been \u003cstrong\u003eproven with paying clients\u003c\/strong\u003e, not just theory.\u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ===== FINAL CTA ===== --\u003e\n    \u003csection class=\"container\" id=\"cta\"\u003e\n        \u003cdiv class=\"final-cta\"\u003e\n            \u003cspan class=\"tag\"\u003eGet The CLEAR Messaging Framework\u003c\/span\u003e\n            \u003ch2\u003eStop explaining your business.\u003cbr\u003eStart being understood.\u003c\/h2\u003e\n            \u003cp class=\"sub\"\u003e\n                The ask is small. The payoff compounds.\n                \u003cbr\u003e\n                This book costs less than one hour of a copywriter's time. If it helps you land one sentence about your business more clearly than you could say it before, it's already paid for itself.\n            \u003c\/p\u003e\n            \u003cdiv class=\"price\"\u003e\n                Get the digital edition for just \u003cstrong\u003e$39\u003c\/strong\u003e\n            \u003c\/div\u003e\n            \u003ca href=\"#\" class=\"btn\"\u003e\n                Get Instant Access — $39\n                \u003cspan class=\"icon-right\"\u003e\n                    \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\u003e\u003c\/line\u003e\u003cpolyline points=\"12 5 19 12 12 19\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                \u003c\/span\u003e\n            \u003c\/a\u003e\n            \u003cp class=\"fine\"\u003eInstant access • 190 pages • 23 chapters • Full workbook included\u003c\/p\u003e\n            \u003cdiv class=\"trust-line\"\u003e\n                \u003cspan class=\"icon\"\u003e\n                    \u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"9 12 11 14 15 10\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n                \u003c\/span\u003e\n                Built by Crafted By Words × Void|X • The same messaging system used with paying agency clients • Now packaged so you can run it yourself.\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- ===== FOOTER ===== --\u003e\n    \u003cfooter class=\"site-footer\"\u003e\n        \u003cdiv class=\"container\"\u003e\n            \u003cp\u003e\n                \u003ca href=\"#\"\u003eCrafted By Words\u003c\/a\u003e •\n                Personal Branding, Marketing \u0026amp; Sales Agency\n            \u003c\/p\u003e\n            \u003cp class=\"footer-contact\"\u003ecraftedbywords.in • work@craftedbywords.in\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/footer\u003e\n\n    \u003c!-- ===== JS ===== --\u003e\n    \u003cscript\u003e\n        (function() {\n            'use strict';\n\n            \/\/ Smooth scroll for CTA links\n            const ctaLinks = document.querySelectorAll('a[href=\"#cta\"]');\n            ctaLinks.forEach(link =\u003e {\n                link.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    const target = document.querySelector('#cta');\n                    if (target) {\n                        target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                    }\n                });\n            });\n\n            \/\/ Animate framework cards on scroll\n            const cards = document.querySelectorAll('.framework-card');\n            if (cards.length \u0026\u0026 'IntersectionObserver' in window) {\n                const observer = new IntersectionObserver((entries) =\u003e {\n                    entries.forEach(entry =\u003e {\n                        if (entry.isIntersecting) {\n                            entry.target.style.opacity = '1';\n                            entry.target.style.transform = 'translateY(0)';\n                        }\n                    });\n                }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\n                cards.forEach((card, i) =\u003e {\n                    card.style.opacity = '0';\n                    card.style.transform = 'translateY(20px)';\n                    card.style.transition =\n                        `opacity 0.5s cubic-bezier(0.22,1,0.36,1) ${i * 0.08}s, transform 0.5s cubic-bezier(0.22,1,0.36,1) ${i * 0.08}s`;\n                    observer.observe(card);\n                });\n            } else {\n                cards.forEach(c =\u003e {\n                    c.style.opacity = '1';\n                    c.style.transform = 'translateY(0)';\n                });\n            }\n\n            \/\/ Testimonial items entrance\n            const testimonialItems = document.querySelectorAll('.testimonial-item');\n            if (testimonialItems.length \u0026\u0026 'IntersectionObserver' in window) {\n                const obs2 = new IntersectionObserver((entries) =\u003e {\n                    entries.forEach(entry =\u003e {\n                        if (entry.isIntersecting) {\n                            entry.target.style.opacity = '1';\n                            entry.target.style.transform = 'scale(1)';\n                        }\n                    });\n                }, { threshold: 0.15 });\n\n                testimonialItems.forEach((item, i) =\u003e {\n                    item.style.opacity = '0';\n                    item.style.transform = 'scale(0.97)';\n                    item.style.transition =\n                        `opacity 0.4s ease ${i * 0.06}s, transform 0.4s ease ${i * 0.06}s`;\n                    obs2.observe(item);\n                });\n            }\n\n        })();\n    \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Crafted By Words' Digital Store.","offers":[{"title":"Default Title","offer_id":52036222910752,"sku":null,"price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1009\/4765\/6992\/files\/Cover-TheMessagingFramework_2bb4e260-cf7e-452d-9c14-92ba3052b614.jpg?v=1784996748","url":"https:\/\/shop.craftedbywords.in\/products\/digital-product-12","provider":"Crafted By Words' Digital Store.","version":"1.0","type":"link"}