{"id":3809,"date":"2026-04-30T17:15:05","date_gmt":"2026-04-30T15:15:05","guid":{"rendered":"https:\/\/hepatoscope.com\/3809-2\/"},"modified":"2026-05-11T10:50:10","modified_gmt":"2026-05-11T08:50:10","slug":"3809-2","status":"publish","type":"page","link":"https:\/\/hepatoscope.com\/fr\/3809-2\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3809\" class=\"elementor elementor-3809 elementor-3795\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7785bee e-flex e-con-boxed e-con e-parent\" data-id=\"7785bee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad90cdf elementor-widget elementor-widget-html\" data-id=\"ad90cdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hepatoscope-legacy-replacement-wrapper\">\r\n    <style>\r\n        .hepatoscope-legacy-replacement-wrapper {\r\n            --navy: #002E5A;\r\n            --pink: #E83363;\r\n            --yellow: #FFD100;\r\n            --white: #FFFFFF;\r\n            --off: #F7F9FC;\r\n            --sea: #0A5896;\r\n            --water: #A4D8DE;\r\n            \r\n            font-family: 'CenturyGothicPro', sans-serif;\r\n            color: var(--navy);\r\n            background-color: var(--off);\r\n            padding: 3rem 1rem;\r\n            line-height: 1.5;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper * {\r\n            box-sizing: border-box;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .max-w-7xl {\r\n            max-width: 80rem;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .flex { display: flex; }\r\n        .hepatoscope-legacy-replacement-wrapper .flex-col { flex-direction: column; }\r\n        .hepatoscope-legacy-replacement-wrapper .md-flex-row { flex-direction: column; }\r\n        @media (min-width: 768px) {\r\n            .hepatoscope-legacy-replacement-wrapper .md-flex-row { flex-direction: row; }\r\n            .hepatoscope-legacy-replacement-wrapper .md-w-1-2 { width: 50%; }\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .gap-10 { gap: 2.5rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .gap-8 { gap: 2rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .gap-6 { gap: 1.5rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .items-center { align-items: center; }\r\n        .hepatoscope-legacy-replacement-wrapper .mb-20 { margin-bottom: 5rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .mb-12 { margin-bottom: 3rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .mb-8 { margin-bottom: 2rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .mb-6 { margin-bottom: 1.5rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .mb-4 { margin-bottom: 1rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .text-4xl { font-size: 2.25rem; line-height: 2.5rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .md-text-5xl { font-size: 3rem; line-height: 1.1; }\r\n        .hepatoscope-legacy-replacement-wrapper .font-bold { font-weight: 700; }\r\n        .hepatoscope-legacy-replacement-wrapper .text-lg { font-size: 1.125rem; line-height: 1.75rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .text-xl { font-size: 1.25rem; line-height: 1.75rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .text-center { text-align: center; }\r\n        .hepatoscope-legacy-replacement-wrapper .text-white { color: var(--white); }\r\n        .hepatoscope-legacy-replacement-wrapper .opacity-80 { opacity: 0.8; }\r\n        .hepatoscope-legacy-replacement-wrapper .opacity-90 { opacity: 0.9; }\r\n        \r\n        .hepatoscope-legacy-replacement-wrapper .btn-primary {\r\n            display: inline-block;\r\n            background-color: var(--pink);\r\n            color: var(--white);\r\n            font-weight: 700;\r\n            padding: 1rem 2.5rem;\r\n            border-radius: 0.375rem;\r\n            text-decoration: none;\r\n            transition: background-color 0.3s;\r\n            border: none;\r\n            cursor: pointer;\r\n            font-size: 1.125rem;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .btn-primary:hover {\r\n            background-color: #d1214e;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .btn-secondary {\r\n            display: inline-block;\r\n            background-color: transparent;\r\n            color: var(--pink);\r\n            font-weight: 700;\r\n            padding: 1rem 2.5rem;\r\n            border-radius: 0.375rem;\r\n            text-decoration: none;\r\n            transition: all 0.3s;\r\n            border: 2px solid var(--pink);\r\n            cursor: pointer;\r\n            font-size: 1.125rem;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .btn-secondary:hover {\r\n            background-color: rgba(232, 51, 99, 0.1);\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .btn-group {\r\n            display: flex;\r\n            gap: 1rem;\r\n            flex-wrap: wrap;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .w-full { width: 100%; }\r\n        .hepatoscope-legacy-replacement-wrapper .rounded-xl { border-radius: 0.75rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }\r\n        .hepatoscope-legacy-replacement-wrapper .grid { display: grid; }\r\n        .hepatoscope-legacy-replacement-wrapper .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }\r\n        @media (min-width: 768px) {\r\n            .hepatoscope-legacy-replacement-wrapper .md-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }\r\n            .hepatoscope-legacy-replacement-wrapper .md-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n        }\r\n        \r\n        \/* New Blue Sections *\/\r\n        .hepatoscope-legacy-replacement-wrapper .blue-section {\r\n            background-color: var(--navy);\r\n            color: var(--white);\r\n            border-radius: 1rem;\r\n            padding: 3rem 2rem;\r\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n        }\r\n        @media (min-width: 768px) {\r\n            .hepatoscope-legacy-replacement-wrapper .blue-section {\r\n                padding: 4rem;\r\n            }\r\n        }\r\n        \r\n        .hepatoscope-legacy-replacement-wrapper .light-blue-section {\r\n            background-color: rgba(10, 88, 150, 0.05); \/* Sea color at 5% *\/\r\n            border-radius: 1rem;\r\n            padding: 3rem 2rem;\r\n            border: 1px solid rgba(10, 88, 150, 0.1);\r\n        }\r\n        @media (min-width: 768px) {\r\n            .hepatoscope-legacy-replacement-wrapper .light-blue-section {\r\n                padding: 4rem;\r\n            }\r\n        }\r\n\r\n        \/* Features inside blue section *\/\r\n        .hepatoscope-legacy-replacement-wrapper .feature-card {\r\n            background-color: var(--white);\r\n            color: var(--navy);\r\n            padding: 2rem;\r\n            border-radius: 0.5rem;\r\n            text-align: center;\r\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n            border-top: 4px solid var(--sea);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .feature-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .icon-container {\r\n            width: 4rem;\r\n            height: 4rem;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            background-color: rgba(10, 88, 150, 0.1); \/* Sea color at 10% *\/\r\n            color: var(--sea);\r\n            border-radius: 9999px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 1.5rem;\r\n            font-size: 2rem;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        \/* Table *\/\r\n        .hepatoscope-legacy-replacement-wrapper .table-container {\r\n            overflow-x: auto;\r\n            margin-bottom: 1rem;\r\n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\r\n            border-radius: 0.5rem;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .comparison-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            background: var(--white);\r\n            text-align: left;\r\n            color: var(--navy);\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .comparison-table th,\r\n        .hepatoscope-legacy-replacement-wrapper .comparison-table td {\r\n            padding: 1.25rem;\r\n            border-bottom: 1px solid rgba(0, 46, 90, 0.1);\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .comparison-table th {\r\n            background-color: var(--navy);\r\n            color: var(--white);\r\n            font-weight: 700;\r\n            font-size: 1.125rem;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .comparison-table td:first-child {\r\n            font-weight: 700;\r\n            width: 40%;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .highlight-col {\r\n            background-color: rgba(10, 88, 150, 0.05); \/* Sea *\/\r\n            font-weight: 700;\r\n            color: var(--sea);\r\n            width: 30%;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .comparison-table th.highlight-col {\r\n            background-color: var(--sea);\r\n            color: var(--white);\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .comparison-table tr:last-child td {\r\n            border-bottom: none;\r\n        }\r\n\r\n        \/* Form *\/\r\n        .hepatoscope-legacy-replacement-wrapper .form-section {\r\n            background-color: var(--navy);\r\n            color: var(--white);\r\n            border-radius: 1rem;\r\n            padding: 2rem 1.5rem;\r\n            max-width: 52rem;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n        }\r\n        @media (min-width: 768px) {\r\n            .hepatoscope-legacy-replacement-wrapper .form-section { padding: 4rem; }\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper label {\r\n            display: block;\r\n            font-size: 0.875rem;\r\n            font-weight: 700;\r\n            margin-bottom: 0.6rem;\r\n            color: rgba(255, 255, 255, 0.95);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.025em;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper input,\r\n        .hepatoscope-legacy-replacement-wrapper select,\r\n        .hepatoscope-legacy-replacement-wrapper textarea {\r\n            width: 100% !important;\r\n            padding: 1rem !important;\r\n            border-radius: 0.5rem !important;\r\n            background-color: var(--white) !important;\r\n            color: var(--navy) !important;\r\n            border: 2px solid transparent !important;\r\n            outline: none !important;\r\n            box-sizing: border-box !important;\r\n            font-family: inherit !important;\r\n            font-size: 1rem !important;\r\n            transition: all 0.2s ease !important;\r\n            margin-bottom: 0 !important;\r\n            appearance: none !important; \/* Fixes safari\/mobile boxiness *\/\r\n            -webkit-appearance: none !important;\r\n            box-shadow: none !important;\r\n            height: auto !important; \/* Fixes fixed-height inputs in some themes *\/\r\n            line-height: normal !important;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper input:focus,\r\n        .hepatoscope-legacy-replacement-wrapper select:focus {\r\n            border-color: var(--yellow) !important;\r\n            box-shadow: 0 0 0 3px rgba(255, 209, 0, 0.3) !important;\r\n        }\r\n        \/* Custom arrow for select to ensure consistency *\/\r\n        .hepatoscope-legacy-replacement-wrapper select {\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23002E5A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\") !important;\r\n            background-repeat: no-repeat !important;\r\n            background-position: right 1rem center !important;\r\n            background-size: 1.2rem !important;\r\n            padding-right: 3rem !important;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .form-group {\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        \r\n        \/* Choice Toggles (Radio Buttons) *\/\r\n        .hepatoscope-legacy-replacement-wrapper .choice-group {\r\n            display: flex;\r\n            gap: 0.75rem;\r\n            margin-top: 0.5rem;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .choice-item {\r\n            flex: 1;\r\n            position: relative;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .choice-item input {\r\n            position: absolute;\r\n            opacity: 0;\r\n            cursor: pointer;\r\n            height: 0;\r\n            width: 0;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .choice-label {\r\n            display: block;\r\n            background-color: rgba(255, 255, 255, 0.1);\r\n            border: 2px solid rgba(255, 255, 255, 0.2);\r\n            color: var(--white);\r\n            text-align: center;\r\n            padding: 0.875rem;\r\n            border-radius: 0.5rem;\r\n            cursor: pointer;\r\n            font-weight: 700;\r\n            transition: all 0.2s ease;\r\n            text-transform: none;\r\n            margin-bottom: 0;\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .choice-item input:checked + .choice-label {\r\n            background-color: var(--pink);\r\n            border-color: var(--pink);\r\n            color: var(--white);\r\n        }\r\n        .hepatoscope-legacy-replacement-wrapper .choice-item input:focus + .choice-label {\r\n            border-color: var(--yellow);\r\n        }\r\n\r\n        .hepatoscope-legacy-replacement-wrapper .mt-4 { margin-top: 1rem; }\r\n        .hepatoscope-legacy-replacement-wrapper .mt-6 { margin-top: 1.5rem; }\r\n\r\n        \/* Custom Demo Modal Styles *\/\r\n        .hs-demo-modal-overlay {\r\n            visibility: hidden;\r\n            position: fixed;\r\n            inset: 0;\r\n            background-color: rgba(0, 46, 90, 0.8);\r\n            backdrop-filter: blur(4px);\r\n            z-index: 1000;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 1rem;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease, visibility 0.3s ease;\r\n            display: flex;\r\n        }\r\n        .hs-demo-modal-overlay.active {\r\n            visibility: visible;\r\n            opacity: 1;\r\n        }\r\n        .hs-demo-modal-content {\r\n            background-color: #fff;\r\n            border-radius: 16px;\r\n            padding: 2.5rem;\r\n            width: 100%;\r\n            max-width: 800px;\r\n            position: relative;\r\n            transform: scale(0.95);\r\n            transition: transform 0.3s ease;\r\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n        }\r\n        .hs-demo-modal-overlay.active .hs-demo-modal-content {\r\n            transform: scale(1);\r\n        }\r\n        .hs-demo-close-btn {\r\n            position: absolute;\r\n            top: 1.5rem;\r\n            right: 1.5rem;\r\n            background: none;\r\n            border: none;\r\n            font-size: 2rem;\r\n            line-height: 1;\r\n            color: #002E5A;\r\n            opacity: 0.5;\r\n            cursor: pointer;\r\n            transition: opacity 0.2s;\r\n        }\r\n        .hs-demo-close-btn:hover {\r\n            opacity: 1;\r\n        }\r\n        .hs-demo-modal-title {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            color: #002E5A;\r\n            text-align: center;\r\n            margin-bottom: 2rem;\r\n            margin-top: 0;\r\n        }\r\n        .hs-demo-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 1.5rem;\r\n        }\r\n        @media (min-width: 768px) {\r\n            .hs-demo-grid {\r\n                grid-template-columns: 1fr 1fr;\r\n            }\r\n        }\r\n        .hs-demo-card {\r\n            background-color: #F7F9FC;\r\n            border: 1px solid rgba(10, 88, 150, 0.1);\r\n            border-radius: 12px;\r\n            padding: 2rem;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            text-align: center;\r\n            transition: transform 0.2s, box-shadow 0.2s;\r\n        }\r\n        .hs-demo-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);\r\n        }\r\n        .hs-demo-icon {\r\n            width: 64px;\r\n            height: 64px;\r\n            background-color: #002E5A;\r\n            color: #fff;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n        .hs-demo-card h2 {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            color: #002E5A;\r\n            margin-bottom: 1rem;\r\n            margin-top: 0;\r\n        }\r\n        .hs-demo-card p {\r\n            color: #002E5A;\r\n            opacity: 0.8;\r\n            margin-bottom: 2rem;\r\n            line-height: 1.5;\r\n            flex-grow: 1;\r\n        }\r\n        .hs-demo-btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            background-color: #E83363;\r\n            color: #fff;\r\n            font-weight: 700;\r\n            padding: 0.875rem 1.5rem;\r\n            border-radius: 6px;\r\n            text-decoration: none;\r\n            transition: background-color 0.2s;\r\n            width: 100%;\r\n            justify-content: center;\r\n        }\r\n        .hs-demo-btn:hover {\r\n            background-color: #d1214e;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"max-w-7xl\">\r\n        <!-- HERO SECTION -->\r\n        <div class=\"flex flex-col md-flex-row items-center gap-10 mb-20\">\r\n            <div class=\"md-w-1-2\">\r\n                <h1 class=\"text-4xl md-text-5xl font-bold mb-6\">\r\n                    Advance Your Practice <span>with State-of-the-Art Transient Elastography.<\/span>\r\n                <\/h1>\r\n                <p class=\"text-lg opacity-80 mb-8\">\r\n                    Discover Hepatoscope: The <strong>next generation of quantitative liver assessment<\/strong>.\r\n                    Overcome the limitations of other systems: <strong>eliminate probe switching<\/strong> for higher BMI patients and <strong>probe calibration<\/strong>.\r\n                    Achieve superior diagnostic confidence with <strong>image guidance<\/strong> and <strong>larger 2D sampling volumes<\/strong>.\r\n                <\/p>                <div class=\"btn-group\">\r\n                    <button type=\"button\" id=\"openCustomDemoBtn\" class=\"btn-primary\">\r\n                        Book a Demo\r\n                    <\/button>\r\n                    <a href=\"#trade-in-form\" class=\"btn-secondary\">\r\n                        Request a Quote\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"md-w-1-2\">\r\n                <!-- Placeholder for Hepatoscope vs old tech conceptual image -->\r\n                <img decoding=\"async\" src=\"https:\/\/hepatoscope.com\/wp-content\/uploads\/2025\/11\/e5d04e2d872a2f834423e1765b85a220a8e7695e-Large-1024x683.jpeg\" alt=\"Hepatoscope Advanced Liver Assessment\" class=\"rounded-xl shadow-lg w-full object-cover\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- COMPARISON WIDGET -->\r\n        <div class=\"mb-20 light-blue-section\">\r\n            <h2 class=\"text-3xl font-bold text-center mb-12\">The Clear Advantage over Traditional Systems<\/h2>\r\n            <div class=\"table-container\">\r\n                <table class=\"comparison-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Feature<\/th>\r\n                            <th class=\"highlight-col\">Hepatoscope (2DTE + QUS)<\/th>\r\n                            <th>Traditional Blind Elastography<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td>Probe Management<\/td>\r\n                            <td class=\"highlight-col\">One probe fits all (BMI-independent)<br>No calibration required<\/td>\r\n                            <td>Requires switching probes<br>Yearly calibration costs<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>Measurement Guidance<\/td>\r\n                            <td class=\"highlight-col\">Image-guidance (Real-time B-mode)<\/td>\r\n                            <td>Non-imaging prob<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>Sample Volume<\/td>\r\n                            <td class=\"highlight-col\">65 mL in 2D (Large robust sample)<\/td>\r\n                            <td>3 mL in 1D (Small volume)<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>Portability<\/td>\r\n                            <td class=\"highlight-col\">Ultra-portable<\/td>\r\n                            <td>Cart-based system<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- VALUE PROPOSITION \/ FEATURES -->\r\n        <div class=\"mb-20 blue-section\">\r\n            <h2 class=\"text-3xl font-bold text-center mb-12 text-white\">Designed for the Modern GI Practice<\/h2>\r\n            <div class=\"grid grid-cols-1 md-grid-cols-3 gap-8\">\r\n                \r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-container\">\ud83c\udfaf<\/div>\r\n                    <h3 class=\"text-xl font-bold mb-4\">Clinical Confidence<\/h3>\r\n                    <p class=\"opacity-80\">\r\n                        Stop guessing. Real-time B-mode ultrasound allows you to <b>see exactly where you are measuring<\/b>. 2D tracking avoid  refraction biases.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-container\">\ud83d\udcb8<\/div>\r\n                    <h3 class=\"text-xl font-bold mb-4\">Eliminate Hidden Fees<\/h3>\r\n                    <p class=\"opacity-80\">\r\n                        Hepatoscope's software-centric approach means <b>no expensive annual mechanical calibrations<\/b>.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"feature-card\">\r\n                    <div class=\"icon-container\">\u23f1\ufe0f<\/div>\r\n                    <h3 class=\"text-xl font-bold mb-4\">Streamline Your Workflow<\/h3>\r\n                    <p class=\"opacity-80\">\r\n                        Complete exams in under <b>4 minutes with a single probe<\/b> and under <b>normal patient breathing<\/b>. Hepatoscope integrates seamlessly into your existing clinic flow.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- LEAD CAPTURE FORM SECTION -->\r\n        <div id=\"trade-in-form\" class=\"form-section\">\r\n            <div class=\"text-center mb-12\">\r\n                <h2 class=\"text-3xl font-bold mb-4\">Evaluate Hepatoscope for Your Practice<\/h2>\r\n                <p class=\"opacity-90\">Provide your clinical details below to receive a personalized assessment plan.<\/p>\r\n            <\/div>\r\n\r\n            <form id=\"legacy-replacement-form\" class=\"flex flex-col\">\r\n                <!-- Hidden Fields -->\r\n                <input type=\"hidden\" name=\"campaign_id\" value=\"legacy_gi_replacement\">\r\n\r\n                <!-- 1. QUALIFYING QUESTIONS -->\r\n                <div class=\"form-group\">\r\n                    <label>Are you currently equipped with a liver assessment tool?<\/label>\r\n                    <div class=\"choice-group\">\r\n                        <div class=\"choice-item\">\r\n                            <input type=\"radio\" name=\"already_equipped_with_a_liver_assessment_tool\" id=\"equipped-yes\" value=\"Yes\" required>\r\n                            <label for=\"equipped-yes\" class=\"choice-label\">Yes<\/label>\r\n                        <\/div>\r\n                        <div class=\"choice-item\">\r\n                            <input type=\"radio\" name=\"already_equipped_with_a_liver_assessment_tool\" id=\"equipped-no\" value=\"No\">\r\n                            <label for=\"equipped-no\" class=\"choice-label\">No<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label>Patients assessed for steatosis\/fibrosis per week?<\/label>\r\n                    <select name=\"no_of_patients_assessed_by_week\" required>\r\n                        <option value=\"\" disabled selected>Select volume...<\/option>\r\n                        <option value=\"0\">0 (New capacity)<\/option>\r\n                        <option value=\"less than 5\">Less than 5<\/option>\r\n                        <option value=\"more than 5\">More than 5<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n\r\n                <div class=\"mt-6 mb-4\" style=\"border-top: 1px solid rgba(255,255,255,0.1); padding-top: 1.5rem;\">\r\n                    <h3 class=\"text-xl font-bold mb-4\">Contact Information<\/h3>\r\n                <\/div>\r\n\r\n                <!-- 2. PRACTITIONER & PRACTICE INFO -->\r\n                <div class=\"grid grid-cols-1 md-grid-cols-2 gap-6 mb-6\">\r\n                    <div class=\"form-group mb-0\">\r\n                        <label>Practitioner First Name<\/label>\r\n                        <input type=\"text\" name=\"firstname\" placeholder=\"e.g. Jane\" required>\r\n                    <\/div>\r\n                    <div class=\"form-group mb-0\">\r\n                        <label>Practitioner Last Name<\/label>\r\n                        <input type=\"text\" name=\"lastname\" placeholder=\"e.g. Smith\" required>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label>Email Address<\/label>\r\n                    <input type=\"email\" name=\"email\" placeholder=\"dr.smith@clinic.com\" required>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label>Practice \/ Clinic Name<\/label>\r\n                    <input type=\"text\" name=\"company\" placeholder=\"City Gastroenterology Center\" required>\r\n                <\/div>\r\n\r\n                <!-- 3. ADDRESS INFORMATION -->\r\n                <div class=\"form-group\">\r\n                    <label>Practice Street Address<\/label>\r\n                    <input type=\"text\" name=\"address\" placeholder=\"123 Medical Plaza\" required>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-1 md-grid-cols-3 gap-6\">\r\n                    <div class=\"form-group md-grid-cols-1\">\r\n                        <label>City<\/label>\r\n                        <input type=\"text\" name=\"city\" required>\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>State<\/label>\r\n                        <input type=\"text\" name=\"state\" placeholder=\"e.g. CA\" required>\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label>ZIP Code<\/label>\r\n                        <input type=\"text\" name=\"zip\" required>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"btn-primary w-full text-center mt-6\">\r\n                    Generate My Personalized Quote\r\n                <\/button>\r\n            <\/form>\r\n        <\/div>\r\n\r\n        <!-- CUSTOM DEMO MODAL -->\r\n        <div id=\"customDemoModal\" class=\"hs-demo-modal-overlay\">\r\n            <div class=\"hs-demo-modal-content\">\r\n                <button id=\"customCloseModalBtn\" class=\"hs-demo-close-btn\" aria-label=\"Close modal\">&times;<\/button>\r\n                <h2 class=\"hs-demo-modal-title\">Select your region<\/h2>\r\n                \r\n                <div class=\"hs-demo-grid\">\r\n                    <!-- US Card -->\r\n                    <div class=\"hs-demo-card\">\r\n                        <div class=\"hs-demo-icon\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"><\/polygon>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h2>United States<\/h2>\r\n                        <p>Discover our <strong>FDA-cleared features<\/strong> and see how the Hepatoscope <strong>seamlessly integrates<\/strong> into local clinical workflows.<\/p>\r\n                        <a href=\"https:\/\/calendar.app.google\/SBjWiiq258dGhj3JA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hs-demo-btn\">\r\n                            Book US Demo\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\r\n                                <polyline points=\"15 3 21 3 21 9\"><\/polyline>\r\n                                <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <!-- International Card -->\r\n                    <div class=\"hs-demo-card\">\r\n                        <div class=\"hs-demo-icon\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n                                <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\r\n                                <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h2>Rest of the World<\/h2>\r\n                        <p>Explore our <strong>CE-marked capabilities<\/strong> and learn about our <strong>optimized European and international workflows<\/strong>.<\/p>\r\n                        <a href=\"https:\/\/calendar.google.com\/calendar\/u\/0\/appointments\/schedules\/AcZssZ1MjNtrOtAa9Hd_XyriMCAsbk8M5vQYqOB4pQ7yz2dpLtxBq_Vh2yKKzG2w6Fjjkt_PqGnjG2S2\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hs-demo-btn\">\r\n                            Book International Demo\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\r\n                                <polyline points=\"15 3 21 3 21 9\"><\/polyline>\r\n                                <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line>\r\n                            <\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- SCRIPT INJECTION FOR DUAL POSTING & MODAL -->\r\n        <script>\r\n        document.addEventListener(\"DOMContentLoaded\", function() {\r\n            \/\/ HubSpot URL Parameter Tracking & Form Pre-fill\r\n            const urlParams = new URLSearchParams(window.location.search);\r\n            const urlEmail = urlParams.get('email');\r\n\r\n            if (urlEmail) {\r\n                \/\/ 1. Pre-fill the form\r\n                const emailInput = document.querySelector('input[name=\"email\"]');\r\n                if (emailInput) {\r\n                    emailInput.value = urlEmail;\r\n                }\r\n                \r\n                \/\/ 2. Auto-identify the visitor in HubSpot\r\n                var _hsq = window._hsq = window._hsq || [];\r\n                _hsq.push([\"identify\", {\r\n                    email: urlEmail\r\n                }]);\r\n                _hsq.push([\"trackPageView\"]);\r\n            }\r\n\r\n            \/\/ Smooth Scrolling for Anchor Links\r\n            document.querySelectorAll('.hepatoscope-legacy-replacement-wrapper a[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    const targetId = this.getAttribute('href').substring(1);\r\n                    const targetElement = document.getElementById(targetId);\r\n                    if (targetElement) {\r\n                        targetElement.scrollIntoView({\r\n                            behavior: 'smooth',\r\n                            block: 'start'\r\n                        });\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Modal Logic\r\n            const modal = document.getElementById('customDemoModal');\r\n            const openBtn = document.getElementById('openCustomDemoBtn');\r\n            const closeBtn = document.getElementById('customCloseModalBtn');\r\n            \r\n            if (openBtn && modal) {\r\n                openBtn.addEventListener('click', () => {\r\n                    modal.classList.add('active');\r\n                });\r\n            }\r\n            \r\n            if (closeBtn && modal) {\r\n                closeBtn.addEventListener('click', () => {\r\n                    modal.classList.remove('active');\r\n                });\r\n            }\r\n            \r\n            \/\/ Close when clicking outside content\r\n            if (modal) {\r\n                modal.addEventListener('click', (e) => {\r\n                    if (e.target === modal) {\r\n                        modal.classList.remove('active');\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ Main Trade-In Form Logic\r\n            const form = document.getElementById('legacy-replacement-form');\r\n            if(!form) return;\r\n\r\n            form.addEventListener('submit', async function(e) {\r\n                e.preventDefault();\r\n                e.stopPropagation(); \/\/ Prevents HubSpot tracking script from auto-capturing\r\n                e.stopImmediatePropagation(); \/\/ Ensures no other scripts handle this event\r\n                \r\n                const formData = new FormData(form);\r\n                const data = Object.fromEntries(formData.entries());\r\n                \r\n                const submitBtn = form.querySelector('button');\r\n                const originalText = submitBtn.innerText;\r\n                submitBtn.disabled = true;\r\n                submitBtn.innerText = \"Processing...\";\r\n\r\n                \/\/ --- Analytics: Fetch IP & Hutk ---\r\n                let userIp = \"\";\r\n                try {\r\n                    const ipResponse = await fetch('https:\/\/api.ipify.org?format=json');\r\n                    const ipData = await ipResponse.json();\r\n                    userIp = ipData.ip;\r\n                } catch (e) { console.warn(\"Could not fetch IP for HubSpot analytics\"); }\r\n\r\n                const hutkMatch = document.cookie.match(\/(?:^|;\\s*)hubspotutk=([^;]*)\/);\r\n                \r\n                \/\/ --- DESTINATION: HubSpot API ---\r\n                const portalId = '44886753'; \r\n                const formGuid = 'b8478efc-153a-4d73-8d53-7be72e916b05';\r\n\r\n                const hsPayload = {\r\n                    fields: [\r\n                        { name: 'email', value: data.email || \"\" },\r\n                        { name: 'firstname', value: data.firstname || \"\" },\r\n                        { name: 'lastname', value: data.lastname || \"\" },\r\n                        { objectTypeId: \"0-2\", name: 'name', value: data.company || \"\" },\r\n                        { name: 'address', value: data.address || \"\" },\r\n                        { name: 'city', value: data.city || \"\" },\r\n                        { name: 'state', value: data.state || \"\" },\r\n                        { name: 'zip', value: data.zip || \"\" },\r\n                        { name: 'country', value: \"USA\" },\r\n                        { name: 'street_address_2', value: \"\" },\r\n                        { name: 'already_equipped_with_a_liver_assessment_tool', value: data.already_equipped_with_a_liver_assessment_tool || \"\" },\r\n                        { name: 'no_of_patients_assessed_by_week', value: data.no_of_patients_assessed_by_week || \"\" }\r\n                    ],\r\n                    context: {\r\n                        pageUri: window.location.href,\r\n                        pageName: document.title || 'Legacy Upgrade Campaign'\r\n                    }\r\n                };\r\n\r\n                \/\/ Only add context fields if they exist to avoid HubSpot 400 errors\r\n                if (hutkMatch && hutkMatch[1]) hsPayload.context.hutk = hutkMatch[1];\r\n                if (userIp) hsPayload.context.ipAddress = userIp;\r\n\r\n                try {\r\n                    const hsResponse = await fetch(`https:\/\/api.hsforms.com\/submissions\/v3\/integration\/submit\/${portalId}\/${formGuid}`, {\r\n                        method: 'POST',\r\n                        headers: { 'Content-Type': 'application\/json' },\r\n                        body: JSON.stringify(hsPayload)\r\n                    });\r\n\r\n                    if (!hsResponse.ok) {\r\n                        const errorData = await hsResponse.json();\r\n                        console.error(\"HubSpot Error Details:\", JSON.stringify(errorData, null, 2));\r\n                        throw new Error(errorData.message || \"HubSpot submission failed\");\r\n                    }\r\n\r\n                    form.innerHTML = \"<div class='text-center p-8'><h3 class='text-2xl font-bold mb-2 text-white'>Thank You!<\/h3><p class='text-white opacity-80'>Your request has been received. Our team will contact you shortly.<\/p><\/div>\";\r\n                } catch (error) {\r\n                    console.error(\"Submission Error:\", error);\r\n                    alert(\"Submission Error: \" + error.message + \"\\n\\nNOTE: If you are testing this from a local file (file:\/\/), HubSpot may block the request. Please test this on a live web server or local development server.\");\r\n                    submitBtn.disabled = false;\r\n                    submitBtn.innerText = originalText;\r\n                }\r\n            });\r\n        });\r\n        <\/script>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Advance Your Practice with State-of-the-Art Transient Elastography. Discover Hepatoscope: The next generation of quantitative liver assessment. Overcome the limitations of other systems: eliminate probe switching for higher BMI patients and probe calibration. Achieve superior diagnostic confidence with image guidance and larger 2D sampling volumes. Book a Demo Request a Quote The Clear Advantage over Traditional [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-3809","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hepatoscope.com\/fr\/wp-json\/wp\/v2\/pages\/3809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hepatoscope.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hepatoscope.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hepatoscope.com\/fr\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/hepatoscope.com\/fr\/wp-json\/wp\/v2\/comments?post=3809"}],"version-history":[{"count":7,"href":"https:\/\/hepatoscope.com\/fr\/wp-json\/wp\/v2\/pages\/3809\/revisions"}],"predecessor-version":[{"id":3841,"href":"https:\/\/hepatoscope.com\/fr\/wp-json\/wp\/v2\/pages\/3809\/revisions\/3841"}],"wp:attachment":[{"href":"https:\/\/hepatoscope.com\/fr\/wp-json\/wp\/v2\/media?parent=3809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}