{"id":7984,"date":"2026-02-14T18:15:59","date_gmt":"2026-02-14T10:15:59","guid":{"rendered":"https:\/\/maybeits.me\/?page_id=7984"},"modified":"2026-08-02T01:31:05","modified_gmt":"2026-08-01T17:31:05","slug":"mbti-sale","status":"publish","type":"page","link":"https:\/\/maybeits.me\/th\/","title":{"rendered":"A Better Me"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7984\" class=\"elementor elementor-7984\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2193a1f e-flex e-con-boxed e-con e-parent\" data-id=\"2193a1f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a5672f elementor-widget elementor-widget-shortcode\" data-id=\"7a5672f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><meta name=\"description\" content=\"\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e41\u0e04\u0e48 4 \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23! \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c MBTI \u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01\u0e01\u0e27\u0e48\u0e32 10,000 \u0e04\u0e33 \u0e17\u0e14\u0e2a\u0e2d\u0e1a 25 \u0e19\u0e32\u0e17\u0e35 \u0e04\u0e49\u0e19\u0e1e\u0e1a\u0e15\u0e31\u0e27\u0e15\u0e19\u0e17\u0e35\u0e48\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07\">\n<meta property=\"og:title\" content=\"\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c MBTI \u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01 | \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e1a\u0e38\u0e04\u0e25\u0e34\u0e01\u0e20\u0e32\u0e1e\u0e01\u0e27\u0e48\u0e32 10,000 \u0e04\u0e33\">\n<meta property=\"og:description\" content=\"\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e41\u0e04\u0e48 4 \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23! \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c MBTI \u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01\u0e01\u0e27\u0e48\u0e32 10,000 \u0e04\u0e33 \u0e17\u0e14\u0e2a\u0e2d\u0e1a 25 \u0e19\u0e32\u0e17\u0e35 \u0e04\u0e49\u0e19\u0e1e\u0e1a\u0e15\u0e31\u0e27\u0e15\u0e19\u0e17\u0e35\u0e48\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/maybeits.me\/th\/th\/\">\n<meta property=\"og:locale\" content=\"th_TH\">\n<meta property=\"og:site_name\" content=\"Maybe it's me\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c MBTI \u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01 | \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e1a\u0e38\u0e04\u0e25\u0e34\u0e01\u0e20\u0e32\u0e1e\u0e01\u0e27\u0e48\u0e32 10,000 \u0e04\u0e33\">\n<meta name=\"twitter:description\" content=\"\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e41\u0e04\u0e48 4 \u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23! \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c MBTI \u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01\u0e01\u0e27\u0e48\u0e32 10,000 \u0e04\u0e33 \u0e17\u0e14\u0e2a\u0e2d\u0e1a 25 \u0e19\u0e32\u0e17\u0e35 \u0e04\u0e49\u0e19\u0e1e\u0e1a\u0e15\u0e31\u0e27\u0e15\u0e19\u0e17\u0e35\u0e48\u0e41\u0e17\u0e49\u0e08\u0e23\u0e34\u0e07\">\n<link rel=\"alternate\" hreflang=\"zh-Hant\" href=\"https:\/\/maybeits.me\/th\/\" \/>\n<link rel=\"alternate\" hreflang=\"zh-Hans\" href=\"https:\/\/maybeits.me\/th\/zh-cn\/\" \/>\n<link rel=\"alternate\" hreflang=\"zh-HK\" href=\"https:\/\/maybeits.me\/th\/zh-hk\/\" \/>\n<link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/maybeits.me\/th\/en\/\" \/>\n<link rel=\"alternate\" hreflang=\"ja\" href=\"https:\/\/maybeits.me\/th\/jp\/\" \/>\n<link rel=\"alternate\" hreflang=\"ko\" href=\"https:\/\/maybeits.me\/th\/kr\/\" \/>\n<link rel=\"alternate\" hreflang=\"th\" href=\"https:\/\/maybeits.me\/th\/th\/\" \/>\n<link rel=\"alternate\" hreflang=\"vi\" href=\"https:\/\/maybeits.me\/th\/vi\/\" \/>\n<link rel=\"alternate\" hreflang=\"pt-BR\" href=\"https:\/\/maybeits.me\/th\/br\/\" \/>\n<link rel=\"alternate\" hreflang=\"id\" href=\"https:\/\/maybeits.me\/th\/id\/\" \/>\n<link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/maybeits.me\/th\/\" \/>\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Product\",\n    \"name\": \"\\u0e23\\u0e32\\u0e22\\u0e07\\u0e32\\u0e19\\u0e27\\u0e34\\u0e40\\u0e04\\u0e23\\u0e32\\u0e30\\u0e2b\\u0e4c MBTI \\u0e40\\u0e0a\\u0e34\\u0e07\\u0e25\\u0e36\\u0e01 | \\u0e27\\u0e34\\u0e40\\u0e04\\u0e23\\u0e32\\u0e30\\u0e2b\\u0e4c\\u0e1a\\u0e38\\u0e04\\u0e25\\u0e34\\u0e01\\u0e20\\u0e32\\u0e1e\\u0e01\\u0e27\\u0e48\\u0e32 10,000 \\u0e04\\u0e33\",\n    \"description\": \"\\u0e44\\u0e21\\u0e48\\u0e43\\u0e0a\\u0e48\\u0e41\\u0e04\\u0e48 4 \\u0e15\\u0e31\\u0e27\\u0e2d\\u0e31\\u0e01\\u0e29\\u0e23! \\u0e23\\u0e32\\u0e22\\u0e07\\u0e32\\u0e19\\u0e27\\u0e34\\u0e40\\u0e04\\u0e23\\u0e32\\u0e30\\u0e2b\\u0e4c MBTI \\u0e40\\u0e0a\\u0e34\\u0e07\\u0e25\\u0e36\\u0e01\\u0e01\\u0e27\\u0e48\\u0e32 10,000 \\u0e04\\u0e33 \\u0e17\\u0e14\\u0e2a\\u0e2d\\u0e1a 25 \\u0e19\\u0e32\\u0e17\\u0e35 \\u0e04\\u0e49\\u0e19\\u0e1e\\u0e1a\\u0e15\\u0e31\\u0e27\\u0e15\\u0e19\\u0e17\\u0e35\\u0e48\\u0e41\\u0e17\\u0e49\\u0e08\\u0e23\\u0e34\\u0e07\",\n    \"brand\": {\n        \"@type\": \"Brand\",\n        \"name\": \"Maybe it's me\"\n    },\n    \"url\": \"https:\\\/\\\/maybeits.me\\\/th\\\/th\\\/\"\n}<\/script>\n<style id=\"mbti-sales-styles\">\n    \n\n    .zh-tw-version.mbti-sales,\n    .zh-cn-version.mbti-sales {\n        opacity: 0 !important;\n        visibility: hidden !important;\n        transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;\n    }\n\n    html.i18n-ready .zh-tw-version.mbti-sales,\n    html.i18n-ready .zh-cn-version.mbti-sales {\n        opacity: 1 !important;\n        visibility: visible !important;\n    }\n\n    html.i18n-fallback .zh-tw-version.mbti-sales,\n    html.i18n-fallback .zh-cn-version.mbti-sales {\n        opacity: 1 !important;\n        visibility: visible !important;\n    }\n\n    [data-i18n] {\n        opacity: 0 !important;\n        transition: opacity 0.15s ease-in-out;\n    }\n\n    html.i18n-ready [data-i18n] {\n        opacity: 1 !important;\n    }\n\n    html.i18n-fallback [data-i18n] {\n        opacity: 1 !important;\n    }\n\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    html {\n        margin: 0;\n        padding: 0;\n        overflow-x: hidden;\n    }\n\n    :root {\n        --primary-color: #8B7D6B;\n        --secondary-color: #A89176;\n        --accent-teal: #7B9A9C;\n        --dark: #4A4542;\n        --light: #F5F0EA;\n        --gray: #8C8580;\n\n        --morandi-cream: #F5F0EA;\n        --morandi-beige: #E8DDD0;\n        --morandi-warm-beige: #D9C9B8;\n        --morandi-brown: #B5A290;\n        --morandi-teal: #7B9A9C;\n        --morandi-soft-teal: #A8BFBE;\n\n        --gradient-warm: linear-gradient(135deg, #F5F0EA 0%, #E8DDD0 100%);\n        --gradient-beige: linear-gradient(135deg, #E8DDD0 0%, #D9C9B8 100%);\n        --gradient-accent: linear-gradient(135deg, #A8BFBE 0%, #7B9A9C 100%);\n\n        --gradient-hero: linear-gradient(135deg, #E8DDD0 0%, #D9C9B8 50%, #B5A290 100%);\n        --gradient-section-light: linear-gradient(135deg, #F5F0EA 0%, #E8DDD0 50%, #F5F0EA 100%);\n        --gradient-section-warm: linear-gradient(135deg, #E8DDD0 0%, #F5F0EA 30%, #E8DDD0 70%, #D9C9B8 100%);\n        --gradient-teal: linear-gradient(135deg, #7B9296 0%, #5A7A7C 100%);\n\n        --gradient-radial-soft: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, rgba(123, 154, 156, 0.04) 50%, transparent 100%);\n        --gradient-radial-warm: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        --gradient-radial-light: radial-gradient(circle, rgba(245, 240, 234, 0.8) 0%, rgba(245, 240, 234, 0.3) 50%, transparent 100%);\n    }\n\n    body {\n        font-family: \"ChironGoRoundTC\", sans-serif;\n        line-height: 1.8;\n        color: var(--dark);\n        background: var(--light);\n        overflow-x: hidden;\n        font-size: 18px;\n        letter-spacing: 0.03em;\n        margin: 0;\n        padding: 0;\n    }\n\n    html,\n    body {\n        min-height: 100vh;\n        position: relative;\n    }\n\n    .mbti-sales .hero {\n        min-height: 100vh;\n        background: linear-gradient(135deg, #E8DDD0 0%, #D9C9B8 50%, #B5A290 100%);\n        color: #4A4542;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        padding: 2rem;\n        position: relative;\n        overflow: hidden;\n        margin: 0;\n    }\n\n    .mbti-sales .hero::before {\n        content: \"\";\n        position: absolute;\n        width: 800px;\n        height: 800px;\n        background: radial-gradient(circle, rgba(245, 240, 234, 0.8) 0%, rgba(245, 240, 234, 0.3) 50%, transparent 100%);\n        border-radius: 45% 55% 52% 48% \/ 48% 52% 48% 52%;\n        top: -20%;\n        left: -25%;\n        animation: morphing 15s ease-in-out infinite;\n    }\n\n    .mbti-sales .hero::after {\n        content: \"\";\n        position: absolute;\n        width: 650px;\n        height: 650px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.35) 0%, rgba(123, 154, 156, 0.15) 70%, transparent 100%);\n        border-radius: 52% 48% 45% 55% \/ 55% 45% 52% 48%;\n        bottom: -18%;\n        right: -20%;\n        animation: morphing 20s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .hero-content::before {\n        content: \"\";\n        position: absolute;\n        width: 400px;\n        height: 400px;\n        background: linear-gradient(135deg, rgba(245, 240, 234, 0.3) 0%, rgba(245, 240, 234, 0.15) 100%);\n        border-radius: 48% 52% 45% 55%;\n        top: 5%;\n        right: -25%;\n        z-index: 0;\n        animation: float 8s ease-in-out infinite;\n    }\n\n    @keyframes float {\n\n        0%,\n        100% {\n            transform: translateY(0px) rotate(0deg);\n        }\n\n        50% {\n            transform: translateY(-30px) rotate(5deg);\n        }\n    }\n\n    @keyframes morphing {\n\n        0%,\n        100% {\n            border-radius: 48% 52% 45% 55% \/ 52% 48% 52% 48%;\n            transform: translate(0, 0) rotate(0deg);\n        }\n\n        25% {\n            border-radius: 52% 48% 55% 45% \/ 48% 52% 48% 52%;\n            transform: translate(25px, -25px) rotate(8deg);\n        }\n\n        50% {\n            border-radius: 45% 55% 48% 52% \/ 55% 45% 55% 45%;\n            transform: translate(-25px, 25px) rotate(-8deg);\n        }\n\n        75% {\n            border-radius: 55% 45% 52% 48% \/ 45% 55% 45% 55%;\n            transform: translate(25px, 25px) rotate(5deg);\n        }\n    }\n\n    .mbti-sales .hero-content {\n        max-width: 800px;\n        width: 100%;\n        position: relative;\n        z-index: 1;\n        animation: fadeInUp 1s ease;\n        background: rgba(255, 255, 255, 0.15);\n        -webkit-backdrop-filter: blur(10px);\n        backdrop-filter: blur(10px);\n        padding: 4rem 3rem;\n        border-radius: 30px;\n        border: 1px solid rgba(255, 255, 255, 0.3);\n        box-shadow: 0 10px 40px rgba(139, 125, 107, 0.2);\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .mbti-sales .hero h1 {\n        \n        margin-bottom: 2rem;\n        line-height: 1.4;\n        letter-spacing: 0.02em;\n        background: linear-gradient(110deg,\n                #2A241D 0%,\n                #4A6668 20%,\n                #3D3329 40%,\n                #4A6668 60%,\n                #2A241D 80%,\n                #4A6668 100%);\n        background-size: 200% 100%;\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        animation: holographicShift 8s ease-in-out infinite;\n    }\n\n    .mbti-sales .hero p {\n        \n        margin-bottom: 1.5rem;\n        opacity: 0.95;\n        line-height: 2;\n        color: #4A4542;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .mbti-sales .illustration-placeholder {\n        background: rgba(255, 255, 255, 0.15);\n        border: 2px dashed rgba(255, 255, 255, 0.3);\n        border-radius: 20px;\n        padding: 3rem 2rem;\n        margin: 2rem auto;\n        max-width: 600px;\n        text-align: center;\n        color: rgba(255, 255, 255, 0.7);\n        font-size: 0.85rem;\n        line-height: 1.6;\n    }\n\n    .mbti-sales .illustration-placeholder strong {\n        display: block;\n        font-size: 1rem;\n        margin-bottom: 0.5rem;\n        color: rgba(255, 255, 255, 0.9);\n    }\n\n    .mbti-sales .illustration-placeholder.light-bg {\n        background: rgba(0, 0, 0, 0.03);\n        border: 2px dashed rgba(0, 0, 0, 0.1);\n        color: rgba(74, 74, 72, 0.6);\n    }\n\n    .mbti-sales .illustration-placeholder.light-bg strong {\n        color: rgba(74, 74, 72, 0.8);\n    }\n\n    .mbti-sales .cta-button {\n        display: inline-block;\n        padding: 1.5rem 4rem;\n        \n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 800;\n        text-decoration: none;\n        border-radius: 50px;\n        transition: all 0.3s ease;\n        margin: 1rem;\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n        line-height: 1.5;\n        text-align: center;\n    }\n\n    .mbti-sales .cta-button::before {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 0;\n        height: 0;\n        border-radius: 50%;\n        background: rgba(255, 255, 255, 0.3);\n        transform: translate(-50%, -50%);\n        transition: width 0.6s, height 0.6s;\n    }\n\n    .mbti-sales .cta-button:hover::before {\n        width: 300px;\n        height: 300px;\n    }\n\n    .mbti-sales .cta-primary {\n        background: linear-gradient(135deg, #B5A290 0%, #A89176 100%);\n        color: white;\n        border: 2px solid transparent;\n    }\n\n    .mbti-sales .cta-primary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(181, 162, 144, 0.5);\n        background: linear-gradient(135deg, #A89176 0%, #9A8166 100%);\n    }\n\n    .mbti-sales .cta-secondary {\n        background: white;\n        color: #8B7D6B;\n        border: 2px solid #B5A290;\n    }\n\n    .mbti-sales .cta-secondary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(139, 125, 107, 0.4);\n        background: #F5F0EA;\n        border-color: #7B9A9C;\n        color: #7B9A9C;\n    }\n\n    .mbti-sales .container {\n        max-width: 900px;\n        margin: 0 auto;\n        padding: 5rem 2.5rem;\n        position: relative;\n        z-index: 1;\n    }\n\n    .mbti-sales .section {\n        margin-bottom: 0;\n        animation: fadeIn 1s ease;\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    .mbti-sales .section-title {\n        \n        text-align: center;\n        margin-bottom: 4rem;\n        color: #4A4542;\n        position: relative;\n        padding-bottom: 2rem;\n        line-height: 1.5;\n        letter-spacing: 0.02em;\n    }\n\n    .mbti-sales .section-title::before {\n        content: \"\";\n        position: absolute;\n        bottom: 0.5rem;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 60px;\n        height: 60px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n        z-index: -1;\n    }\n\n    .mbti-sales .section-title::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 140px;\n        height: 4px;\n        background: linear-gradient(90deg, transparent, #B5A290 20%, #7B9A9C 50%, #B5A290 80%, transparent);\n        border-radius: 4px;\n    }\n\n    .mbti-sales .pain-points {\n        background: linear-gradient(180deg, #D9C9B8 0%, #F5F0EA 10%, #F5F0EA 90%, #E8DDD0 100%);\n        padding: 0 2rem 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .pain-points::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.15) 0%, rgba(123, 154, 156, 0.05) 50%, transparent 100%);\n        border-radius: 52% 48% 45% 55% \/ 48% 52% 52% 48%;\n        top: -10%;\n        right: -15%;\n        animation: morphing 18s ease-in-out infinite;\n    }\n\n    .mbti-sales .pain-points::after {\n        content: \"\";\n        position: absolute;\n        width: 450px;\n        height: 450px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        border-radius: 48% 52% 55% 45%;\n        bottom: 10%;\n        left: -12%;\n        animation: morphing 20s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .pain-list {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .mbti-sales .pain-item {\n        background: white;\n        padding: 2.5rem 2.5rem 2.5rem 5rem;\n        margin: 2rem 0;\n        border-radius: 20px;\n        \n        box-shadow: 0 8px 20px rgba(139, 125, 107, 0.15);\n        position: relative;\n        color: #4A4542;\n        border-left: 6px solid #7B9A9C;\n        transition: all 0.3s ease;\n        line-height: 1.9;\n        font-family: \"jf-hornedfrog\" !important;\n        font-weight: bold;\n    }\n\n    .mbti-sales .pain-item:hover {\n        transform: translateX(10px);\n        box-shadow: 0 12px 30px rgba(123, 154, 156, 0.25);\n        border-left-width: 8px;\n    }\n\n    .mbti-sales .product-intro {\n        background: linear-gradient(135deg, #F5F0EA 0%, #E8DDD0 50%, #D9C9B8 100%);\n        color: #4A4542;\n        padding: 5rem 2rem;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .product-intro::before {\n        content: \"\";\n        position: absolute;\n        width: 700px;\n        height: 700px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.15) 0%, rgba(123, 154, 156, 0.05) 50%, transparent 100%);\n        border-radius: 45% 55% 48% 52% \/ 52% 48% 55% 45%;\n        bottom: -20%;\n        left: -20%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .product-intro::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.12) 0%, transparent 70%);\n        border-radius: 52% 48% 45% 55%;\n        top: -15%;\n        right: -15%;\n        animation: morphing 25s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 2.5rem;\n        max-width: 800px;\n        margin: 4rem auto;\n    }\n\n    .mbti-sales .feature-card {\n        background: white;\n        color: var(--dark);\n        padding: 3rem 2.5rem;\n        border-radius: 24px;\n        box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        position: relative;\n        overflow: hidden;\n        border: 3px solid #7B9A9C;\n        text-align: center;\n    }\n\n    .mbti-sales .feature-card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 150px;\n        height: 150px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n        transform: translate(50%, -50%);\n    }\n\n    .mbti-sales .feature-card:hover {\n        transform: translateY(-15px);\n        box-shadow: 0 20px 45px rgba(123, 154, 156, 0.3);\n        border-width: 5px;\n    }\n\n    .mbti-sales .feature-icon {\n        font-size: 3.5rem;\n        margin-bottom: 1.5rem;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 120px;\n        height: 120px;\n        background: linear-gradient(135deg, rgba(123, 154, 156, 0.15) 0%, rgba(168, 191, 190, 0.15) 100%);\n        border-radius: 50%;\n    }\n\n    .mbti-sales .feature-title {\n        \n        margin-bottom: 1.2rem;\n        color: #8B7D6B;\n        line-height: 1.4;\n        font-family: \"lihsianti\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .feature-card p {\n        line-height: 1.8;\n        \n        color: #5A5A5A;\n    }\n\n    .mbti-sales .comparison-section {\n        background: linear-gradient(180deg, #E8DDD0 0%, #F5F0EA 30%, #E8DDD0 70%, #D9C9B8 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .comparison-section::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.15) 0%, transparent 70%);\n        border-radius: 48% 52% 52% 48% \/ 45% 55% 48% 52%;\n        top: -15%;\n        left: -18%;\n        animation: morphing 18s ease-in-out infinite;\n    }\n\n    .mbti-sales .comparison-section::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.12) 0%, transparent 70%);\n        border-radius: 45% 55% 48% 52%;\n        bottom: -12%;\n        right: -15%;\n        animation: morphing 22s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .comparison-table {\n        max-width: 800px;\n        margin: 0 auto;\n        overflow: visible;\n    }\n\n    .mbti-sales table {\n        width: 100%;\n        border-collapse: separate;\n        border-spacing: 0;\n        background: white;\n        box-shadow: 0 10px 40px rgba(90, 122, 124, 0.1);\n        border-radius: 15px;\n        position: relative;\n    }\n\n    .mbti-sales th {\n        background: linear-gradient(135deg, #7B9296 0%, #5A7A7C 100%);\n        color: white;\n        padding: 2rem 1.5rem;\n        font-size: clamp(1rem, 1.5vw, 1.125rem);\n        text-align: center;\n        vertical-align: middle;\n        line-height: 1.6;\n        position: relative;\n    }\n\n    .mbti-sales th:first-child {\n        text-align: center;\n        padding-left: 1.5rem;\n        border-top-left-radius: 15px;\n    }\n\n    .mbti-sales th:nth-child(3) {\n        position: relative;\n        z-index: 10;\n        border-left: 5px solid #7B9A9C;\n        border-right: 5px solid #7B9A9C;\n        border-top: 6px solid #7B9A9C;\n        border-top-left-radius: 15px;\n        border-top-right-radius: 15px;\n    }\n\n    .mbti-sales td {\n        padding: 2rem 1.5rem;\n        border-bottom: 1px solid #f0f0f0;\n        font-size: clamp(0.95rem, 1.5vw, 1.0625rem);\n        vertical-align: middle;\n        text-align: center;\n        line-height: 1.7;\n        position: relative;\n    }\n\n    .mbti-sales td:nth-child(3) {\n        border-left: 5px solid #7B9A9C;\n        border-right: 5px solid #7B9A9C;\n        position: relative;\n        z-index: 10;\n    }\n\n    .mbti-sales td:first-child {\n        color: #3D4848;\n        text-align: center;\n        padding-left: 1.5rem;\n    }\n\n    .mbti-sales tr:last-child td {\n        border-bottom: none;\n    }\n\n    .mbti-sales tr:last-child td:nth-child(3) {\n        border-bottom: 5px solid #7B9A9C;\n        border-bottom-left-radius: 15px;\n        border-bottom-right-radius: 15px;\n    }\n\n    .mbti-sales tr:hover {\n        background: #fafafa;\n    }\n\n    .mbti-sales .check {\n        color: #5A7A7C;\n    }\n\n    .mbti-sales .cross {\n        color: #9A6F47;\n        font-size: 1rem;\n    }\n\n    @media (max-width: 768px) {\n\n        .mbti-sales .comparison-table {\n            margin: 0;\n            overflow-x: visible;\n        }\n\n        .mbti-sales table {\n            display: table;\n            width: 100%;\n            border-radius: 12px;\n            table-layout: fixed;\n        }\n\n        .mbti-sales thead {\n            display: table-header-group;\n        }\n\n        .mbti-sales tbody {\n            display: table-row-group;\n        }\n\n        .mbti-sales tr {\n            display: table-row;\n        }\n\n        .mbti-sales th,\n        .mbti-sales td {\n            display: table-cell;\n            font-size: 0.75rem;\n            padding: 0.8rem 0.4rem;\n            white-space: normal;\n            word-wrap: break-word;\n        }\n\n        .mbti-sales th:first-child,\n        .mbti-sales td:first-child {\n            width: 20%;\n            padding-left: 0.4rem;\n            padding-right: 0.4rem;\n            background: white;\n            text-align: center;\n        }\n\n        .mbti-sales th:nth-child(2),\n        .mbti-sales td:nth-child(2) {\n            width: 37%;\n        }\n\n        .mbti-sales th:nth-child(3),\n        .mbti-sales td:nth-child(3) {\n            width: 43%;\n        }\n\n        .mbti-sales th:first-child {\n            background: linear-gradient(135deg, #7B9296 0%, #5A7A7C 100%);\n        }\n\n    }\n\n    .mbti-sales .report-showcase {\n        background: linear-gradient(135deg, #F5F0EA 0%, #E8DDD0 50%, #F5F0EA 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .report-showcase::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, rgba(123, 154, 156, 0.04) 50%, transparent 100%);\n        border-radius: 52% 48% 48% 52% \/ 55% 45% 52% 48%;\n        top: -15%;\n        left: -15%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .report-showcase::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        border-radius: 45% 55% 52% 48%;\n        bottom: -12%;\n        right: -12%;\n        animation: morphing 24s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .report-features {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 2.5rem;\n        max-width: 800px;\n        margin: 4rem auto;\n    }\n\n    .mbti-sales .report-feature {\n        background: white;\n        padding: 3rem 2.5rem;\n        border-radius: 24px;\n        text-align: center;\n        box-shadow: 0 8px 25px rgba(139, 125, 107, 0.15);\n        transition: all 0.3s ease;\n        position: relative;\n        overflow: hidden;\n        border-top: 4px solid #7B9A9C;\n    }\n\n    .mbti-sales .report-feature::before {\n        content: \"\";\n        position: absolute;\n        top: -50%;\n        right: -50%;\n        width: 200px;\n        height: 200px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n    }\n\n    .mbti-sales .report-feature:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 15px 35px rgba(123, 154, 156, 0.25);\n        border-top-width: 5px;\n    }\n\n    .mbti-sales .report-feature-icon {\n        font-size: 3rem;\n        margin-bottom: 1.5rem;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 110px;\n        height: 110px;\n        background: linear-gradient(135deg, rgba(181, 162, 144, 0.15) 0%, rgba(123, 154, 156, 0.15) 100%);\n        border-radius: 50%;\n    }\n\n    .mbti-sales .report-feature h3 {\n        margin-bottom: 1rem;\n        font-family: \"lihsianti\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .report-feature p {\n        line-height: 1.9;\n        \n    }\n\n    .mbti-sales .soul-talk {\n        background: linear-gradient(135deg, #7B9A9C 0%, #6B8A8C 50%, #5B7A7C 100%);\n        color: #F5F0EA;\n        padding: 5rem 2rem;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .soul-talk::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(245, 240, 234, 0.15) 0%, rgba(245, 240, 234, 0.05) 50%, transparent 100%);\n        border-radius: 45% 55% 52% 48% \/ 48% 52% 45% 55%;\n        bottom: -18%;\n        right: -18%;\n        animation: morphing 22s ease-in-out infinite;\n    }\n\n    .mbti-sales .soul-talk::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(168, 191, 190, 0.2) 0%, transparent 70%);\n        border-radius: 52% 48% 48% 52%;\n        top: -15%;\n        left: -15%;\n        animation: morphing 20s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .soul-talk-content {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .mbti-sales .soul-talk h2 {\n        \n        margin-bottom: 2.5rem;\n        line-height: 1.4;\n        position: relative;\n        padding-bottom: 2rem;\n    }\n\n    .mbti-sales .soul-talk h2::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 140px;\n        height: 4px;\n        background: linear-gradient(90deg, transparent, rgba(245, 240, 234, 0.3) 20%, rgba(245, 240, 234, 0.8) 50%, rgba(245, 240, 234, 0.3) 80%, transparent);\n        border-radius: 4px;\n    }\n\n    .mbti-sales .soul-talk p {\n        \n        line-height: 2;\n        margin-bottom: 1.8rem;\n    }\n\n    .mbti-sales .soul-talk .feature-card {\n        border: none;\n        border-top: 5px solid #7B9A9C;\n    }\n\n    .mbti-sales .soul-talk .feature-card:hover {\n        border-width: auto;\n        border-top-width: 6px;\n    }\n\n    .mbti-sales .testimonials {\n        background: linear-gradient(180deg, #7B9A9C 0%, #F5F0EA 15%, #F5F0EA 85%, #E8DDD0 100%);\n        padding: 0 2rem 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .testimonials::before {\n        content: \"\";\n        position: absolute;\n        width: 550px;\n        height: 550px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.12) 0%, transparent 70%);\n        border-radius: 48% 52% 55% 45% \/ 52% 48% 48% 52%;\n        bottom: -10%;\n        right: -12%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .testimonials::after {\n        content: \"\";\n        position: absolute;\n        width: 450px;\n        height: 450px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 52% 48% 45% 55%;\n        top: 15%;\n        left: -10%;\n        animation: morphing 22s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .testimonial-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 1rem;\n        max-width: 100%;\n        margin: 4rem 0;\n    }\n\n    .mbti-sales .testimonial-card {\n        background: white;\n        color: #4A4542;\n        padding: 0 2rem 2rem 2rem;\n        border-radius: 24px;\n        box-shadow: 0 10px 35px rgba(123, 154, 156, 0.2);\n        position: relative;\n        border-left: 6px solid #7B9A9C;\n        transition: all 0.3s ease;\n    }\n\n    .mbti-sales .testimonial-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 15px 45px rgba(123, 154, 156, 0.3);\n    }\n\n    .mbti-sales .testimonial-card::before {\n        content: \"\\\\\"\";\n        font-size: 6rem;\n        position: absolute;\n        top: -1.5rem;\n        left: 1.5rem;\n        opacity: 0.15;\n        font-family: Georgia, serif;\n        color: #7B9A9C;\n        line-height: 1;\n    }\n\n    .mbti-sales .testimonial-card::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100px;\n        height: 100px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n        transform: translate(30%, 30%);\n    }\n\n    .mbti-sales .testimonial-card::before {\n        content: \"\\\\\"\";\n        font-size: 5rem;\n        position: absolute;\n        top: -1rem;\n        left: 1rem;\n        opacity: 0.3;\n        font-family: Georgia, serif;\n    }\n\n    .mbti-sales .testimonial-text {\n        \n        line-height: 1.7;\n        margin-bottom: 1.5rem;\n        position: relative;\n        z-index: 1;\n        color: #3D4848;\n        font-family: \"jf-hornedfrog\" !important;\n        font-weight: bold;\n    }\n\n    .mbti-sales .testimonial-author {\n        \n        color: #7B9296;\n        font-family: \"jf-jinxuan\" !important;\n        font-weight: 800;\n    }\n\n    .mbti-sales .testimonial-dots {\n        display: none;\n    }\n\n    .mbti-sales .report-preview-gif {\n        border-radius: 18px;\n        overflow: hidden;\n        position: relative;\n        border: 2px solid rgba(123, 154, 156, 0.3);\n        box-shadow: 0 4px 30px rgba(139, 125, 107, 0.2);\n        margin-top: 2rem;\n    }\n\n    .mbti-sales .report-preview-gif img {\n        width: 100%;\n        display: block;\n    }\n\n    .mbti-sales .gif-overlay {\n        position: absolute;\n        inset: 0;\n        background: rgba(0, 0, 0, 0.15);\n        backdrop-filter: blur(2.5px);\n        -webkit-backdrop-filter: blur(2.5px);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: none;\n    }\n\n    .mbti-sales .gif-overlay-text {\n        text-align: center;\n        color: white;\n        text-shadow: 0 2px 16px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.5);\n        padding: 40px 50px;\n        max-width: 88%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 18px;\n    }\n\n    .mbti-sales .gif-overlay-title {\n        font-size: 2rem;\n        font-weight: 700;\n        display: block;\n        line-height: 1.4;\n        letter-spacing: 1px;\n    }\n\n    .mbti-sales .gif-overlay-body {\n        font-size: 1.15rem;\n        line-height: 2;\n        display: block;\n        opacity: 0.95;\n    }\n\n    .mbti-sales .gif-overlay-cta {\n        font-size: 1.15rem;\n        font-weight: 700;\n        display: block;\n        line-height: 1.7;\n    }\n\n    .mbti-sales .gif-overlay-sub {\n        font-size: 0.9rem;\n        opacity: 0.7;\n        display: block;\n        margin-top: 6px;\n        letter-spacing: 0.5px;\n    }\n\n    .mbti-sales .mobile-br {\n        display: none;\n    }\n\n    .mbti-sales .mobile-hide {\n        display: inline;\n    }\n\n    .mbti-sales .pricing-section {\n        background: linear-gradient(135deg, #E8DDD0 0%, #F5F0EA 30%, #E8DDD0 70%, #D9C9B8 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .pricing-section::before {\n        content: \"\";\n        position: absolute;\n        width: 650px;\n        height: 650px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, rgba(123, 154, 156, 0.04) 50%, transparent 100%);\n        border-radius: 52% 48% 45% 55% \/ 48% 52% 52% 48%;\n        top: -15%;\n        left: -18%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .pricing-section::after {\n        content: \"\";\n        position: absolute;\n        width: 550px;\n        height: 550px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        border-radius: 45% 55% 52% 48%;\n        bottom: -12%;\n        right: -15%;\n        animation: morphing 24s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .pricing-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 2rem;\n        max-width: 1100px;\n        margin: 4rem auto;\n        align-items: stretch;\n    }\n\n    .mbti-sales .pricing-card {\n        background: white;\n        border-radius: 18px;\n        padding: 3rem 2rem;\n        box-shadow: 0 15px 45px rgba(139, 125, 107, 0.18);\n        text-align: center;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .mbti-sales .pricing-card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 6px;\n        background: linear-gradient(90deg, #B5A290, #7B9A9C, #B5A290);\n    }\n\n    .mbti-sales .pricing-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 55px rgba(139, 125, 107, 0.25);\n    }\n\n    .mbti-sales .pricing-card.featured {\n        border: 3px solid #7B9A9C;\n        background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(245, 240, 234, 0.5) 100%);\n    }\n\n    .mbti-sales .pricing-card.featured::after {\n        content: \"\u63a8\u85a6\";\n        position: absolute;\n        top: 12px;\n        right: -32px;\n        background: linear-gradient(135deg, #7B9A9C, #6B8A8C);\n        color: white;\n        padding: 0.5rem 3rem;\n        transform: rotate(45deg);\n        font-size: 1rem;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 800;\n    }\n\n    .mbti-sales .pricing-badge {\n        background: linear-gradient(135deg, #9A6F47 0%, #7B5A37 100%);\n        color: white;\n        padding: 0.5rem 1.5rem;\n        border-radius: 50px;\n        display: inline-block;\n        margin-bottom: 1rem;\n        \n    }\n\n    .mbti-sales .pricing-title {\n        \n        margin-bottom: 1rem;\n        color: #5A7A7C;\n        line-height: 1.2;\n    }\n\n    .mbti-sales .pricing-subtitle {\n        \n        margin-bottom: 10px;\n        color: #5A7A7C;\n        line-height: 1.2;\n    }\n\n    .mbti-sales .pricing-description {\n        color: #8C653F;\n        margin-bottom: 1.5rem;\n        line-height: 1.5;\n    }\n\n    .mbti-sales .pricing-price {\n        \n        color: var(--dark);\n        margin-bottom: 0.5rem;\n        line-height: 1.1;\n    }\n\n    .mbti-sales .pricing-original {\n        text-decoration: line-through;\n        color: var(--gray);\n        \n        margin-bottom: 0.8rem;\n    }\n\n    .mbti-sales .pricing-savings {\n        color: #5A7A7C;\n        margin-bottom: 1.5rem;\n        \n    }\n\n    .mbti-sales .pricing-features {\n        text-align: left;\n        margin: 1.5rem 0;\n        flex-grow: 1;\n    }\n\n    .mbti-sales .pricing-card .cta-button {\n        margin-top: auto;\n    }\n\n    .mbti-sales .pricing-badge-placeholder {\n        padding: 0.5rem 1.5rem;\n        margin-bottom: 1rem;\n    }\n\n    .mbti-sales .pricing-savings-placeholder {\n        margin-bottom: 1.5rem;\n    }\n\n    .mbti-sales .pricing-feature {\n        padding: 1rem 0;\n        border-bottom: 1px solid #eee;\n        display: flex;\n        align-items: center;\n        \n        line-height: 1.4;\n    }\n\n    .mbti-sales .pricing-feature::before {\n        content: \"\u2713\";\n        color: #5A7A7C;\n        margin-right: 1rem;\n        font-size: 1.3rem;\n        flex-shrink: 0;\n    }\n\n    .mbti-sales .final-cta {\n        background: linear-gradient(135deg, #7B9A9C 0%, #6B8A8C 30%, #7B9A9C 70%, #8BA9AB 100%);\n        color: #F5F0EA;\n        padding: 6rem 2rem;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .final-cta::before {\n        content: \"\";\n        position: absolute;\n        width: 700px;\n        height: 700px;\n        background: radial-gradient(circle, rgba(245, 240, 234, 0.2) 0%, rgba(245, 240, 234, 0.08) 50%, transparent 100%);\n        border-radius: 45% 55% 52% 48% \/ 52% 48% 45% 55%;\n        top: -18%;\n        left: -20%;\n        animation: morphing 22s ease-in-out infinite;\n    }\n\n    .mbti-sales .final-cta::after {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(168, 191, 190, 0.25) 0%, rgba(168, 191, 190, 0.1) 50%, transparent 100%);\n        border-radius: 52% 48% 48% 52% \/ 45% 55% 52% 48%;\n        bottom: -15%;\n        right: -18%;\n        animation: morphing 20s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .final-cta-content {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .mbti-sales .final-cta h2 {\n        \n        margin-bottom: 2.5rem;\n        line-height: 1.4;\n        position: relative;\n        padding-bottom: 2rem;\n    }\n\n    .mbti-sales .final-cta h2::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 140px;\n        height: 4px;\n        background: linear-gradient(90deg, transparent, rgba(245, 240, 234, 0.3) 20%, rgba(245, 240, 234, 0.8) 50%, rgba(245, 240, 234, 0.3) 80%, transparent);\n        border-radius: 4px;\n    }\n\n    .mbti-sales .final-cta p {\n        \n        margin-bottom: 1.8rem;\n        line-height: 2;\n    }\n\n    .mbti-sales .cta-group {\n        margin-top: 3rem;\n    }\n\n    .mbti-sales .guarantee {\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(245, 240, 234, 0.15) 100%);\n        padding: 2.5rem 2rem;\n        border-radius: 24px;\n        margin-top: 3rem;\n        \n        color: #F5F0EA;\n        border: 2px solid rgba(255, 255, 255, 0.3);\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n        -webkit-backdrop-filter: blur(10px);\n        backdrop-filter: blur(10px);\n        line-height: 1.8;\n        font-family: \"lihsianti\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .floating-cta {\n        position: fixed;\n        bottom: 20px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 1000;\n        animation: pulse 2s infinite;\n    }\n\n    .mbti-sales .floating-cta .cta-button {\n        padding: 1.5rem 5rem;\n        font-size: 1.3rem;\n        min-width: 420px;\n        display: inline-block;\n        box-sizing: border-box;\n    }\n\n    @keyframes pulse {\n\n        0%,\n        100% {\n            transform: translateX(-50%) scale(1);\n        }\n\n        50% {\n            transform: translateX(-50%) scale(1.05);\n        }\n    }\n\n    @media (max-width: 1024px) and (min-width: 769px) {\n\n        .mbti-sales .container {\n            padding: 4.5rem 2rem;\n        }\n\n        .mbti-sales .hero-content {\n            padding: 3.5rem 2.5rem;\n        }\n\n        .mbti-sales .features-grid,\n        .mbti-sales .report-features {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .mbti-sales .pricing-grid {\n            grid-template-columns: 1fr;\n            max-width: 600px;\n        }\n\n        .mbti-sales .testimonial-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n    }\n\n    @media (max-width: 768px) {\n\n        body {\n            font-size: 16px;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        html {\n            overflow-x: hidden;\n        }\n\n        .mbti-sales .hero {\n            min-height: auto;\n            padding: 2.5rem 1.5rem;\n        }\n\n        .mbti-sales .hero-content {\n            padding: 2rem 1.5rem;\n        }\n\n        .mbti-sales .hero-content::before {\n            top: 30%;\n            width: 300px;\n            height: 300px;\n        }\n\n        .mbti-sales .hero h1 {\n            font-size: 2.2rem;\n            margin-bottom: 1.5rem;\n            background: linear-gradient(110deg,\n                    #2A241D 0%,\n                    #4A6668 20%,\n                    #3D3329 40%,\n                    #4A6668 60%,\n                    #2A241D 80%,\n                    #4A6668 100%);\n            background-size: 200% 100%;\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n            animation: holographicShift 8s ease-in-out infinite;\n        }\n\n        .mbti-sales .hero p {\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            line-height: 1.7;\n        }\n\n        .mbti-sales .container {\n            padding: 1rem 15px;\n            max-width: 100%;\n        }\n\n        .mbti-sales .pain-points,\n        .mbti-sales .product-intro,\n        .mbti-sales .comparison-section,\n        .mbti-sales .report-showcase,\n        .mbti-sales .soul-talk,\n        .mbti-sales .pricing-section,\n        .mbti-sales .final-cta {\n            padding: 2rem 15px;\n        }\n\n        .mbti-sales .testimonials {\n            padding: 2rem 15px;\n            overflow: visible;\n        }\n\n        .mbti-sales .testimonials .section-title {\n            margin-bottom: 2rem;\n        }\n\n        .mbti-sales .pricing-section .section-title {\n            font-size: 2rem;\n        }\n\n        .mbti-sales .soul-talk-content {\n            max-width: 100%;\n        }\n\n        .mbti-sales .section-title {\n            font-size: 1.75rem;\n            margin-bottom: 1.5rem;\n            padding-bottom: 1.2rem;\n        }\n\n        .mbti-sales .pain-item {\n            font-size: 1rem;\n            padding: 1.8rem 1.2rem 1.8rem 3.8rem;\n            margin: 1.2rem 0;\n            line-height: 1.7;\n        }\n\n        .mbti-sales .features-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 1rem;\n            margin: 2.5rem 0;\n            max-width: 100%;\n        }\n\n        .mbti-sales .feature-card {\n            padding: 1.5rem 1rem;\n            aspect-ratio: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .mbti-sales .feature-icon {\n            display: none !important;\n        }\n\n        .mbti-sales .features-grid .feature-card p {\n            line-height: 1.5 !important;\n        }\n\n        .mbti-sales .feature-card .feature-title,\n        .mbti-sales .feature-card .feature-title.fs-28 {\n            font-size: 1.5rem !important;\n        }\n\n        .mbti-sales .product-intro p[style*=\"font-size: 1.5rem\"] {\n            font-size: 1.1rem !important;\n        }\n\n        .mbti-sales .comparison-section .section-title {\n            font-size: 1.5rem;\n        }\n\n        .mbti-sales .comparison-section p[style*=\"font-size: 1.6rem\"] {\n            font-size: 1.1rem !important;\n        }\n\n        .mbti-sales .report-features {\n            margin: 2.5rem 0;\n            max-width: 100%;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 1rem;\n        }\n\n        .mbti-sales .report-feature {\n            padding: 1.5rem 1rem;\n        }\n\n        .mbti-sales .report-feature img {\n            margin-bottom: 0.8rem !important;\n        }\n\n        .mbti-sales .report-feature h3 {\n            font-size: 1.3rem !important;\n            margin-bottom: 0.5rem !important;\n        }\n\n        .mbti-sales .report-feature p {\n            font-size: 0.85rem !important;\n            line-height: 1.5 !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"grid-template-columns: repeat(2, .mbti-sales 1fr)\"] {\n            gap: 1rem !important;\n            margin: 1.5rem auto !important;\n        }\n\n        .mbti-sales .soul-talk .features-grid {\n            margin-top: 2rem !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"grid-template-columns: repeat(2, .mbti-sales 1fr)\"][style*=\"gap: 3rem\"] {\n            grid-template-columns: 1fr !important;\n            gap: 2rem !important;\n            margin: 2rem auto !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"grid-template-columns: repeat(2, .mbti-sales 1fr)\"] p[style*=\"font-size: 1.5rem\"] {\n            font-size: 1.3rem !important;\n        }\n\n        .mbti-sales .feature-card p,\n        .mbti-sales .report-feature p {\n            font-size: 0.85rem !important;\n            line-height: 1.6;\n        }\n\n        .mbti-sales .testimonial-text,\n        .mbti-sales .testimonial-text.fs-30,\n        .mbti-sales .testimonial-card .testimonial-text {\n            font-size: 1.5rem !important;\n            line-height: 1.7;\n        }\n\n        .mbti-sales .pricing-features .pricing-feature {\n            padding: 0.3rem 0;\n        }\n\n        .mbti-sales .gif-overlay-text {\n            width: 92% !important;\n            flex: 0 0 92% !important;\n            padding: 16px 14px !important;\n            gap: 10px !important;\n            box-sizing: border-box !important;\n        }\n\n        .mbti-sales .gif-overlay-title {\n            font-size: 1.25rem;\n        }\n\n        .mbti-sales .gif-overlay-body {\n            font-size: 0.9rem;\n            line-height: 1.85;\n        }\n\n        .mbti-sales .gif-overlay-cta {\n            font-size: 0.9rem;\n        }\n\n        .mbti-sales .gif-overlay-sub {\n            font-size: 0.75rem;\n        }\n\n        .mbti-sales .mobile-br {\n            display: inline !important;\n        }\n\n        .mbti-sales .mobile-hide {\n            display: none !important;\n        }\n\n        .mbti-sales .mobile-text-left {\n            text-align: left !important;\n        }\n\n        .mbti-sales .compare-first-line {\n            font-size: 0.75em;\n            color: var(--gray);\n            font-weight: 400;\n        }\n\n        .mbti-sales .testimonial-grid {\n            display: flex;\n            overflow-x: auto;\n            overflow-y: hidden;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: none;\n            gap: 1.5rem;\n            margin: 2.5rem -1.5rem;\n            max-width: calc(100% + 3rem);\n            padding: 1rem 1.5rem;\n            align-items: stretch;\n        }\n\n        .mbti-sales .testimonial-grid::-webkit-scrollbar {\n            display: none;\n        }\n\n        .mbti-sales .testimonial-card {\n            flex: 0 0 85%;\n            scroll-snap-align: center;\n            padding: 0 2rem 2rem 2rem;\n            display: flex;\n            flex-direction: column;\n            min-height: 550px;\n        }\n\n        .mbti-sales .testimonial-card img {\n            flex-shrink: 0;\n        }\n\n        .mbti-sales .testimonial-card:first-child {\n            margin-left: 1.5rem;\n        }\n\n        .mbti-sales .testimonial-card:last-child {\n            margin-right: 1.5rem;\n        }\n\n        .mbti-sales .testimonial-text,\n        .mbti-sales .testimonial-text.fs-30,\n        .mbti-sales .testimonial-card .testimonial-text {\n            font-size: 1.5rem !important;\n            line-height: 1.7 !important;\n        }\n\n        .mbti-sales .testimonial-dots {\n            display: flex;\n            justify-content: center;\n            gap: 0.8rem;\n            margin-top: 2rem;\n        }\n\n        .mbti-sales .testimonial-dot {\n            width: 10px;\n            height: 10px;\n            border-radius: 50%;\n            background: #D4C4B0;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .mbti-sales .testimonial-dot.active {\n            background: #7B9A9C;\n            width: 30px;\n            border-radius: 5px;\n        }\n\n        .mbti-sales .pricing-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 0.5rem;\n            margin: 2rem 0;\n            display: grid;\n            align-items: stretch;\n        }\n\n        .mbti-sales .pricing-card {\n            padding: 1.5rem 0.8rem;\n            margin-bottom: 0;\n            position: relative;\n            z-index: 10;\n            order: unset;\n            display: flex;\n            flex-direction: column;\n            border-radius: 14px;\n        }\n\n        .mbti-sales .pricing-card.featured {\n            transform: scale(1);\n            margin-bottom: 0;\n            order: unset;\n        }\n\n        .mbti-sales .pricing-card .pricing-title,\n        .mbti-sales .pricing-card .pricing-title.fs-40,\n        .mbti-sales .pricing-card .pricing-title.fs-38 {\n            font-size: 1.25rem !important;\n            margin-bottom: 0.3rem;\n            line-height: 1.3 !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-subtitle,\n        .mbti-sales .pricing-card .pricing-subtitle.fs-36 {\n            font-size: 1.15rem !important;\n            margin-bottom: 0.3rem;\n            line-height: 1.3 !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-description,\n        .mbti-sales .pricing-card .pricing-description.fs-32 {\n            margin-bottom: 0.5rem;\n            font-size: 1.25rem !important;\n            line-height: 1.4 !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-original,\n        .mbti-sales .pricing-card .pricing-original.fs-16 {\n            margin-bottom: 0.3rem;\n            font-size: 1rem !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-price,\n        .mbti-sales .pricing-card .pricing-price.fs-30 {\n            font-size: 1.4rem !important;\n            margin-bottom: 0.3rem;\n            line-height: 1.3 !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-savings,\n        .mbti-sales .pricing-card .pricing-savings.fs-16 {\n            margin-bottom: 0.5rem;\n            font-size: 0.95rem !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-badge,\n        .mbti-sales .pricing-card .pricing-badge.fs-16 {\n            margin-bottom: 0.8rem;\n            font-size: 0.95rem !important;\n            padding: 0.4rem 0.8rem !important;\n        }\n\n        .mbti-sales .pricing-badge-placeholder {\n            margin-bottom: 0.8rem;\n            padding: 0.4rem 0.8rem;\n        }\n\n        .mbti-sales .pricing-savings-placeholder {\n            margin-bottom: 0.5rem;\n        }\n\n        .mbti-sales .pricing-card .pricing-features .pricing-feature,\n        .mbti-sales .pricing-card .pricing-feature.fs-16 {\n            font-size: 0.95rem !important;\n            padding: 0.4rem 0;\n            line-height: 1.4 !important;\n        }\n\n        .mbti-sales .pricing-card .cta-button {\n            font-size: 1rem !important;\n            padding: 0.7rem 0.3rem !important;\n        }\n\n        .mbti-sales .pricing-card.featured::after {\n            font-size: 0.8rem !important;\n            padding: 0.3rem 2rem !important;\n            top: 8px !important;\n            right: -28px !important;\n        }\n\n        .mbti-sales .pricing-features .pricing-feature {\n            padding: 0.7rem 0;\n        }\n\n        .mbti-sales .pricing-section div[style*=\"max-width: 900px\"] p {\n            font-size: 1rem !important;\n        }\n\n        .mbti-sales .cta-button {\n            display: block;\n            margin: 0 auto;\n            width: 90%;\n            padding: 1.2rem 2rem;\n            font-size: 1.05rem;\n        }\n\n        .mbti-sales .cta-group {\n            margin-top: 2.5rem;\n        }\n\n        .mbti-sales .cta-group .cta-button:first-of-type {\n            margin-bottom: 0.5rem;\n        }\n\n        .mbti-sales .cta-group .cta-button:last-of-type {\n            margin-top: 2rem;\n        }\n\n        .mbti-sales .guarantee {\n            margin-top: 2.5rem;\n            padding: 2rem 1.5rem;\n            font-size: 1rem;\n        }\n\n        .mbti-sales .final-cta-content p[style*=\"padding: 0 3rem\"] {\n            font-size: 0.75rem !important;\n            padding: 0 1rem !important;\n            line-height: 1.6 !important;\n        }\n\n        .mbti-sales .mobile-br {\n            display: inline !important;\n        }\n\n        .mbti-sales table {\n            font-size: 0.875rem;\n        }\n\n        .mbti-sales th,\n        .mbti-sales td {\n            padding: 1.2rem 0.8rem;\n            font-size: 0.875rem;\n        }\n\n        .mbti-sales th:first-child,\n        .mbti-sales td:first-child {\n            padding-left: 1rem;\n        }\n\n        .mbti-sales .floating-cta {\n            bottom: 15px;\n            left: 50%;\n            right: auto;\n            width: 88%;\n            max-width: 88%;\n            transform: translateX(-50%);\n        }\n\n        .mbti-sales .floating-cta .cta-button {\n            padding: 1rem 1.5rem;\n            font-size: 1rem;\n            white-space: nowrap;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            min-width: 0;\n            box-sizing: border-box;\n        }\n\n        .mbti-sales .bonus-gift {\n            padding: 2rem 15px !important;\n        }\n\n        .mbti-sales .bonus-gift .section-title {\n            font-size: 1.75rem !important;\n            margin-bottom: 1.5rem !important;\n        }\n\n        .mbti-sales .bonus-gift div[style*=\"grid-template-columns\"] {\n            grid-template-columns: 1fr !important;\n            gap: 1.5rem !important;\n            margin: 2rem auto !important;\n        }\n\n        .mbti-sales .bonus-gift div[style*=\"backdrop-filter\"] {\n            padding: 2rem 1.5rem !important;\n        }\n\n        .mbti-sales .pain-item:hover {\n            transform: none;\n        }\n\n        .mbti-sales .pain-points .container>div {\n            gap: 1rem !important;\n            \n        }\n\n        .mbti-sales .pain-points .container>div>div {\n            gap: 0.8rem !important;\n            \n        }\n\n        .mbti-sales .pain-points .container>div>div>div:first-child {\n            width: 130px !important;\n            min-width: 130px !important;\n        }\n\n        .mbti-sales .pain-points img {\n            width: 100% !important;\n        }\n\n        .mbti-sales .pain-points .pain-item {\n            min-width: 0 !important;\n            flex: 1 !important;\n        }\n\n        .mbti-sales .feature-card:hover,\n        .mbti-sales .report-feature:hover,\n        .mbti-sales .testimonial-card:hover,\n        .mbti-sales .pricing-card:hover {\n            transform: none;\n            box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15);\n            border-width: 3px;\n        }\n\n        .mbti-sales .fit-check-section {\n            padding: 2rem 15px !important;\n        }\n\n        .mbti-sales .value-stack-section {\n            padding: 2rem 15px !important;\n        }\n\n        .mbti-sales .pain-points .container>div:last-child {\n            margin-top: 1.5rem !important;\n            padding: 0.8rem 1rem !important;\n        }\n\n        .mbti-sales .product-intro p[style*=\"margin-bottom: 3rem\"] {\n            margin-bottom: 1.5rem !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"gap: 3rem\"] {\n            gap: 1.5rem !important;\n            margin: 1.5rem auto !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"gap: 2rem\"] {\n            margin: 1rem auto !important;\n        }\n\n        .mbti-sales p[style*=\"margin-top: 3rem\"] {\n            margin-top: 1.5rem !important;\n        }\n\n        .mbti-sales img[style*=\"margin: 0 0 3rem\"] {\n            margin-bottom: 1.5rem !important;\n        }\n\n        .mbti-sales .fit-check-section div[style*=\"margin-top: 3rem\"] {\n            margin-top: 1.5rem !important;\n            padding: 1rem !important;\n        }\n\n        .mbti-sales .pain-points .section-title[style*=\"margin-bottom: 3rem\"] {\n            margin-bottom: 1.5rem !important;\n        }\n\n        .mbti-sales .value-timeline {\n            margin-top: 1rem !important;\n        }\n\n        .mbti-sales section+section {\n            margin-top: 0 !important;\n        }\n\n        .mbti-sales .hero::before,\n        .mbti-sales .hero::after,\n        .mbti-sales .hero-content::before,\n        .mbti-sales .pain-points::before,\n        .mbti-sales .pain-points::after,\n        .mbti-sales .product-intro::before,\n        .mbti-sales .product-intro::after,\n        .mbti-sales .comparison-section::before,\n        .mbti-sales .comparison-section::after,\n        .mbti-sales .report-showcase::before,\n        .mbti-sales .report-showcase::after,\n        .mbti-sales .soul-talk::before,\n        .mbti-sales .soul-talk::after,\n        .mbti-sales .testimonials::before,\n        .mbti-sales .testimonials::after,\n        .mbti-sales .pricing-section::before,\n        .mbti-sales .pricing-section::after,\n        .mbti-sales .final-cta::before,\n        .mbti-sales .final-cta::after,\n        .mbti-sales .fit-check-section::before,\n        .mbti-sales .value-stack-section::before {\n            animation: none !important;\n            display: none !important;\n        }\n\n        .mbti-sales .hero-content {\n            -webkit-backdrop-filter: none !important;\n            backdrop-filter: none !important;\n            background: rgba(255, 255, 255, 0.3) !important;\n        }\n\n        .mbti-sales .guarantee {\n            -webkit-backdrop-filter: none !important;\n            backdrop-filter: none !important;\n            background: rgba(123, 154, 156, 0.3) !important;\n        }\n\n    }\n\n    .zh-tw-version.mbti-sales[style*=\"display: none\"],\n    .zh-cn-version.mbti-sales[style*=\"display: none\"],\n    .zh-tw-version.mbti-sales[style*=\"display:none\"],\n    .zh-cn-version.mbti-sales[style*=\"display:none\"] {\n        animation: none !important;\n    }\n    .zh-tw-version.mbti-sales[style*=\"display: none\"] *,\n    .zh-cn-version.mbti-sales[style*=\"display: none\"] *,\n    .zh-tw-version.mbti-sales[style*=\"display:none\"] *,\n    .zh-cn-version.mbti-sales[style*=\"display:none\"] * {\n        animation: none !important;\n        transition: none !important;\n    }\n\n    html:not(.i18n-ready):not(.i18n-fallback) .mbti-sales *::before,\n    html:not(.i18n-ready):not(.i18n-fallback) .mbti-sales *::after {\n        animation: none !important;\n    }\n\n    html {\n        scroll-behavior: smooth;\n    }\n\n    .mbti-sales .scroll-animate {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 0.6s ease;\n    }\n\n    .mbti-sales .scroll-animate.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    .pricing-modal-overlay {\n        display: none;\n        position: fixed;\n        inset: 0;\n        z-index: 99999;\n        background: rgba(0, 0, 0, 0.6);\n        backdrop-filter: blur(4px);\n        -webkit-backdrop-filter: blur(4px);\n        align-items: center;\n        justify-content: center;\n        padding: 1.5rem;\n        opacity: 0;\n        transition: opacity 0.25s ease;\n    }\n\n    .pricing-modal-overlay.show {\n        display: flex;\n        opacity: 1;\n    }\n\n    .pricing-modal-body {\n        background: white;\n        border-radius: 18px;\n        padding: 0;\n        max-width: 380px;\n        width: 100%;\n        max-height: 85vh;\n        overflow-y: auto;\n        position: relative;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n        text-align: center;\n        animation: modalSlideUp 0.3s ease;\n    }\n\n    .pricing-modal-body.featured-modal {\n        border: 3px solid #7B9A9C;\n        background: linear-gradient(135deg, #ffffff 0%, #F5F0EA 100%);\n    }\n\n    @keyframes modalSlideUp {\n        from {\n            transform: translateY(40px);\n            opacity: 0;\n        }\n\n        to {\n            transform: translateY(0);\n            opacity: 1;\n        }\n    }\n\n    .pricing-modal-close {\n        position: absolute;\n        top: 12px;\n        right: 12px;\n        width: 36px;\n        height: 36px;\n        border: none;\n        background: rgba(0, 0, 0, 0.08);\n        border-radius: 50%;\n        font-size: 1rem;\n        color: #666;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: background 0.2s;\n        z-index: 2;\n        line-height: 1;\n        padding: 0;\n    }\n\n    .pricing-modal-close:hover {\n        background: rgba(0, 0, 0, 0.15);\n    }\n\n    .pricing-modal-body .pricing-card {\n        background: white;\n        border: none;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 2.5rem 2rem 2rem !important;\n        text-align: center;\n        position: relative;\n        overflow: visible;\n    }\n\n    .pricing-modal-body .pricing-card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 5px;\n        background: linear-gradient(90deg, #B5A290, #7B9A9C, #B5A290);\n        border-radius: 18px 18px 0 0;\n    }\n\n    .pricing-modal-body .pricing-card.featured::after {\n        content: \"\u63a8\u85a6\";\n        position: absolute;\n        top: 10px;\n        right: -28px;\n        background: linear-gradient(135deg, #7B9A9C, #6B8A8C);\n        color: white;\n        padding: 0.4rem 2.5rem !important;\n        transform: rotate(45deg);\n        font-size: 0.8rem !important;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n        font-weight: 800;\n    }\n\n    .pricing-modal-body .pricing-subtitle {\n        font-size: 1.3rem !important;\n        margin-bottom: 0.6rem;\n        color: #5A7A7C;\n        line-height: 1.2 !important;\n    }\n\n    .pricing-modal-body .pricing-title {\n        font-size: 1.7rem !important;\n        margin-bottom: 0.8rem;\n        color: #5A7A7C;\n        line-height: 1.3 !important;\n    }\n\n    .pricing-modal-body .pricing-description {\n        font-size: 1.5rem !important;\n        color: #8C653F;\n        margin-bottom: 1.2rem;\n        line-height: 1.5 !important;\n    }\n\n    .pricing-modal-body .pricing-original {\n        font-size: 1.05rem !important;\n        text-decoration: line-through;\n        color: #999;\n        margin-bottom: 0.6rem;\n    }\n\n    .pricing-modal-body .pricing-badge {\n        display: inline-block;\n        background: linear-gradient(135deg, #9A6F47 0%, #7B5A37 100%);\n        color: white;\n        padding: 0.5rem 1.5rem !important;\n        border-radius: 50px;\n        font-size: 1rem !important;\n        margin-bottom: 0.8rem;\n    }\n\n    .pricing-modal-body .pricing-badge-placeholder {\n        display: none;\n    }\n\n    .pricing-modal-body .pricing-savings-placeholder {\n        display: none;\n    }\n\n    .pricing-modal-body .pricing-price {\n        font-size: 2rem !important;\n        color: var(--dark, #4A4542);\n        margin-bottom: 0.5rem;\n        line-height: 1.2 !important;\n        font-weight: 900;\n    }\n\n    .pricing-modal-body .pricing-savings {\n        font-size: 1rem !important;\n        color: #5A7A7C;\n        margin-bottom: 1.2rem;\n    }\n\n    .pricing-modal-body .pricing-features {\n        text-align: left;\n        margin: 1.5rem 0;\n    }\n\n    .pricing-modal-body .pricing-feature {\n        padding: 0.8rem 0;\n        border-bottom: 1px solid #eee;\n        display: flex;\n        align-items: center;\n        font-size: 1.05rem !important;\n        line-height: 1.5 !important;\n        color: #4A4542;\n    }\n\n    .pricing-modal-body .pricing-feature::before {\n        content: \"\u2713\";\n        color: #5A7A7C;\n        margin-right: 0.8rem;\n        font-size: 1.3rem !important;\n        flex-shrink: 0;\n        font-weight: 700;\n    }\n\n    .pricing-modal-body .cta-button {\n        display: block;\n        width: 100%;\n        padding: 1.2rem !important;\n        border-radius: 50px;\n        font-size: 1.15rem !important;\n        font-weight: 700;\n        text-decoration: none;\n        text-align: center;\n        margin-top: 1.5rem;\n        transition: all 0.3s ease;\n    }\n\n    .pricing-modal-body .cta-primary {\n        background: linear-gradient(135deg, #8B7D6B, #6B5D4B);\n        color: white;\n        border: none;\n    }\n\n    .pricing-modal-body .cta-secondary {\n        background: white;\n        color: #4A4542;\n        border: 2px solid #D4C4B0;\n    }\n\n    .mbti-sales .fw-400 {\n        font-weight: 400;\n    }\n\n    .mbti-sales .fw-500 {\n        font-weight: 500;\n    }\n\n    .mbti-sales .fw-600 {\n        font-weight: 600;\n    }\n\n    .mbti-sales .fw-700 {\n        font-weight: 700;\n    }\n\n    .mbti-sales .fw-800 {\n        font-weight: 800;\n    }\n\n    .mbti-sales .fw-900 {\n        font-weight: 900;\n    }\n\n    .mbti-sales .fs-fluid-xs {\n        font-size: clamp(12px, 1.2vw, 14px);\n    }\n\n    .mbti-sales .fs-fluid-sm {\n        font-size: clamp(14px, 1.5vw, 16px);\n    }\n\n    .mbti-sales .fs-fluid-base {\n        font-size: clamp(16px, 1.8vw, 18px);\n    }\n\n    .mbti-sales .fs-fluid-md {\n        font-size: clamp(18px, 2vw, 20px);\n    }\n\n    .mbti-sales .fs-fluid-lg {\n        font-size: clamp(20px, 2.5vw, 24px);\n    }\n\n    .mbti-sales .fs-fluid-xl {\n        font-size: clamp(24px, 3vw, 30px);\n    }\n\n    .mbti-sales .fs-fluid-2xl {\n        font-size: clamp(30px, 4vw, 40px);\n    }\n\n    .mbti-sales .fs-fluid-3xl {\n        font-size: clamp(40px, 5vw, 56px);\n    }\n\n    .mbti-sales .fs-12 {\n        font-size: 12px !important;\n    }\n\n    .mbti-sales .fs-14 {\n        font-size: 14px !important;\n    }\n\n    .mbti-sales .fs-16 {\n        font-size: 16px !important;\n    }\n\n    .mbti-sales .fs-18 {\n        font-size: 18px !important;\n    }\n\n    .mbti-sales .fs-20 {\n        font-size: 20px !important;\n    }\n\n    .mbti-sales .fs-22 {\n        font-size: 22px !important;\n    }\n\n    .mbti-sales .fs-24 {\n        font-size: 24px !important;\n    }\n\n    .mbti-sales .fs-26 {\n        font-size: 26px !important;\n    }\n\n    .mbti-sales .fs-28 {\n        font-size: 28px !important;\n    }\n\n    .mbti-sales .fs-30 {\n        font-size: 30px !important;\n    }\n\n    .mbti-sales .fs-32 {\n        font-size: 32px !important;\n    }\n\n    .mbti-sales .fs-34 {\n        font-size: 34px !important;\n    }\n\n    .mbti-sales .fs-36 {\n        font-size: 36px !important;\n    }\n\n    .mbti-sales .fs-38 {\n        font-size: 38px !important;\n    }\n\n    .mbti-sales .fs-40 {\n        font-size: 40px !important;\n    }\n\n    .mbti-sales .fs-48 {\n        font-size: 48px !important;\n    }\n\n    .mbti-sales .fs-56 {\n        font-size: 56px !important;\n    }\n\n    @media (min-width: 769px) {\n\n        .mbti-sales .fs-md-14 {\n            font-size: 14px !important;\n        }\n\n        .mbti-sales .fs-md-16 {\n            font-size: 16px !important;\n        }\n\n        .mbti-sales .fs-md-18 {\n            font-size: 18px !important;\n        }\n\n        .mbti-sales .fs-md-20 {\n            font-size: 20px !important;\n        }\n\n        .mbti-sales .fs-md-22 {\n            font-size: 22px !important;\n        }\n\n        .mbti-sales .fs-md-24 {\n            font-size: 24px !important;\n        }\n\n        .mbti-sales .fs-md-26 {\n            font-size: 26px !important;\n        }\n\n        .mbti-sales .fs-md-28 {\n            font-size: 28px !important;\n        }\n\n        .mbti-sales .fs-md-30 {\n            font-size: 30px !important;\n        }\n\n        .mbti-sales .fs-md-32 {\n            font-size: 32px !important;\n        }\n\n        .mbti-sales .fs-md-34 {\n            font-size: 34px !important;\n        }\n\n        .mbti-sales .fs-md-36 {\n            font-size: 36px !important;\n        }\n\n        .mbti-sales .fs-md-38 {\n            font-size: 38px !important;\n        }\n\n        .mbti-sales .fs-md-40 {\n            font-size: 40px !important;\n        }\n\n        .mbti-sales .fs-md-48 {\n            font-size: 48px !important;\n        }\n\n        .mbti-sales .fs-md-56 {\n            font-size: 56px !important;\n        }\n\n        .mbti-sales .fs-md-64 {\n            font-size: 64px !important;\n        }\n\n    }\n\n    .mbti-sales .p-0 {\n        padding: 0 !important;\n    }\n\n    .mbti-sales .p-2 {\n        padding: 0.5rem;\n    }\n\n    .mbti-sales .p-4 {\n        padding: 1rem;\n    }\n\n    .mbti-sales .p-6 {\n        padding: 1.5rem;\n    }\n\n    .mbti-sales .p-8 {\n        padding: 2rem;\n    }\n\n    .mbti-sales .p-10 {\n        padding: 2.5rem;\n    }\n\n    .mbti-sales .p-12 {\n        padding: 3rem;\n    }\n\n    .mbti-sales .py-2 {\n        padding-top: 0.5rem;\n        padding-bottom: 0.5rem;\n    }\n\n    .mbti-sales .py-4 {\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n    }\n\n    .mbti-sales .py-6 {\n        padding-top: 1.5rem;\n        padding-bottom: 1.5rem;\n    }\n\n    .mbti-sales .py-8 {\n        padding-top: 2rem;\n        padding-bottom: 2rem;\n    }\n\n    .mbti-sales .py-10 {\n        padding-top: 2.5rem;\n        padding-bottom: 2.5rem;\n    }\n\n    .mbti-sales .py-12 {\n        padding-top: 3rem;\n        padding-bottom: 3rem;\n    }\n\n    .mbti-sales .py-20 {\n        padding-top: 5rem;\n        padding-bottom: 5rem;\n    }\n\n    .mbti-sales .px-2 {\n        padding-left: 0.5rem;\n        padding-right: 0.5rem;\n    }\n\n    .mbti-sales .px-4 {\n        padding-left: 1rem;\n        padding-right: 1rem;\n    }\n\n    .mbti-sales .px-6 {\n        padding-left: 1.5rem;\n        padding-right: 1.5rem;\n    }\n\n    .mbti-sales .px-8 {\n        padding-left: 2rem;\n        padding-right: 2rem;\n    }\n\n    .mbti-sales .px-10 {\n        padding-left: 2.5rem;\n        padding-right: 2.5rem;\n    }\n\n    .mbti-sales .p-section {\n        padding: 5rem 2rem;\n    }\n\n    .mbti-sales .p-card {\n        padding: 2rem 1.5rem;\n    }\n\n    .mbti-sales .p-card-lg {\n        padding: 2.5rem 2rem;\n    }\n\n    .mbti-sales .p-card-xl {\n        padding: 3rem 2.5rem;\n    }\n\n    .mbti-sales .m-0 {\n        margin: 0 !important;\n    }\n\n    .mbti-sales .m-auto {\n        margin: 0 auto;\n    }\n\n    .mbti-sales .m-2 {\n        margin: 0.5rem;\n    }\n\n    .mbti-sales .m-4 {\n        margin: 1rem;\n    }\n\n    .mbti-sales .m-6 {\n        margin: 1.5rem;\n    }\n\n    .mbti-sales .m-8 {\n        margin: 2rem;\n    }\n\n    .mbti-sales .m-10 {\n        margin: 2.5rem;\n    }\n\n    .mbti-sales .m-12 {\n        margin: 3rem;\n    }\n\n    .mbti-sales .mt-0 {\n        margin-top: 0;\n    }\n\n    .mbti-sales .mt-2 {\n        margin-top: 0.5rem;\n    }\n\n    .mbti-sales .mt-4 {\n        margin-top: 1rem;\n    }\n\n    .mbti-sales .mt-6 {\n        margin-top: 1.5rem;\n    }\n\n    .mbti-sales .mt-8 {\n        margin-top: 2rem;\n    }\n\n    .mbti-sales .mt-10 {\n        margin-top: 2.5rem;\n    }\n\n    .mbti-sales .mt-12 {\n        margin-top: 3rem;\n    }\n\n    .mbti-sales .mt-16 {\n        margin-top: 4rem;\n    }\n\n    .mbti-sales .mt-20 {\n        margin-top: 5rem;\n    }\n\n    .mbti-sales .mb-0 {\n        margin-bottom: 0;\n    }\n\n    .mbti-sales .mb-2 {\n        margin-bottom: 0.5rem;\n    }\n\n    .mbti-sales .mb-4 {\n        margin-bottom: 1rem;\n    }\n\n    .mbti-sales .mb-6 {\n        margin-bottom: 1.5rem;\n    }\n\n    .mbti-sales .mb-8 {\n        margin-bottom: 2rem;\n    }\n\n    .mbti-sales .mb-10 {\n        margin-bottom: 2.5rem;\n    }\n\n    .mbti-sales .mb-12 {\n        margin-bottom: 3rem;\n    }\n\n    .mbti-sales .mb-16 {\n        margin-bottom: 4rem;\n    }\n\n    .mbti-sales .mb-20 {\n        margin-bottom: 5rem;\n    }\n\n    .mbti-sales .my-0 {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n\n    .mbti-sales .my-4 {\n        margin-top: 1rem;\n        margin-bottom: 1rem;\n    }\n\n    .mbti-sales .my-6 {\n        margin-top: 1.5rem;\n        margin-bottom: 1.5rem;\n    }\n\n    .mbti-sales .my-8 {\n        margin-top: 2rem;\n        margin-bottom: 2rem;\n    }\n\n    .mbti-sales .my-10 {\n        margin-top: 2.5rem;\n        margin-bottom: 2.5rem;\n    }\n\n    .mbti-sales .my-12 {\n        margin-top: 3rem;\n        margin-bottom: 3rem;\n    }\n\n    .mbti-sales .my-16 {\n        margin-top: 4rem;\n        margin-bottom: 4rem;\n    }\n\n    .mbti-sales .my-20 {\n        margin-top: 5rem;\n        margin-bottom: 5rem;\n    }\n\n    .mbti-sales .mx-auto {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .mbti-sales .mx-2 {\n        margin-left: 0.5rem;\n        margin-right: 0.5rem;\n    }\n\n    .mbti-sales .mx-4 {\n        margin-left: 1rem;\n        margin-right: 1rem;\n    }\n\n    .mbti-sales .mx-6 {\n        margin-left: 1.5rem;\n        margin-right: 1.5rem;\n    }\n\n    .mbti-sales .mx-8 {\n        margin-left: 2rem;\n        margin-right: 2rem;\n    }\n\n    .mbti-sales .rounded-none {\n        border-radius: 0;\n    }\n\n    .mbti-sales .rounded-sm {\n        border-radius: 4px;\n    }\n\n    .mbti-sales .rounded {\n        border-radius: 12px;\n    }\n\n    .mbti-sales .rounded-md {\n        border-radius: 16px;\n    }\n\n    .mbti-sales .rounded-lg {\n        border-radius: 20px;\n    }\n\n    .mbti-sales .rounded-xl {\n        border-radius: 24px;\n    }\n\n    .mbti-sales .rounded-2xl {\n        border-radius: 30px;\n    }\n\n    .mbti-sales .rounded-full {\n        border-radius: 50%;\n    }\n\n    .mbti-sales .section-base {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .section-padding {\n        padding: 5rem 2rem;\n        \n    }\n\n    .mbti-sales .section-padding-sm {\n        padding: 3rem 2rem;\n        \n    }\n\n    .mbti-sales .section-padding-lg {\n        padding: 7rem 2rem;\n        \n    }\n\n    .mbti-sales .section-light {\n        background: var(--gradient-section-light);\n    }\n\n    .mbti-sales .section-warm {\n        background: var(--gradient-section-warm);\n    }\n\n    .mbti-sales .section-hero {\n        background: var(--gradient-hero);\n    }\n\n    .mbti-sales .decorated-soft::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: var(--gradient-radial-soft);\n        border-radius: 50%;\n        top: -15%;\n        left: -15%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .decorated-soft::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: var(--gradient-radial-warm);\n        border-radius: 50%;\n        bottom: -12%;\n        right: -12%;\n        animation: morphing 24s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .bg-gradient-hero {\n        background: var(--gradient-hero);\n    }\n\n    .mbti-sales .bg-gradient-light {\n        background: var(--gradient-section-light);\n    }\n\n    .mbti-sales .bg-gradient-warm {\n        background: var(--gradient-section-warm);\n    }\n\n    .mbti-sales .bg-gradient-teal {\n        background: var(--gradient-teal);\n    }\n\n    .mbti-sales .bg-gradient-accent {\n        background: var(--gradient-accent);\n    }\n\n    .mbti-sales .text-left {\n        text-align: left;\n    }\n\n    .mbti-sales .text-center {\n        text-align: center;\n    }\n\n    .mbti-sales .text-right {\n        text-align: right;\n    }\n\n    .mbti-sales .block {\n        display: block;\n    }\n\n    .mbti-sales .inline-block {\n        display: inline-block;\n    }\n\n    .mbti-sales .flex {\n        display: flex;\n    }\n\n    .mbti-sales .inline-flex {\n        display: inline-flex;\n    }\n\n    .mbti-sales .hidden {\n        display: none;\n    }\n\n    .mbti-sales .relative {\n        position: relative;\n    }\n\n    .mbti-sales .absolute {\n        position: absolute;\n    }\n\n    .mbti-sales .fixed {\n        position: fixed;\n    }\n\n    .mbti-sales .sticky {\n        position: sticky;\n    }\n\n    .mbti-sales .w-full {\n        width: 100%;\n    }\n\n    .mbti-sales .w-auto {\n        width: auto;\n    }\n\n    .mbti-sales .max-w-800 {\n        max-width: 800px;\n    }\n\n    .mbti-sales .max-w-900 {\n        max-width: 900px;\n    }\n\n    .mbti-sales .max-w-1200 {\n        max-width: 1200px;\n    }\n\n    .mbti-sales .jf-jinxuan-semibold {\n        font-family: \"jf-jinxuan\" !important;\n        font-weight: 600;\n    }\n\n    .mbti-sales .jf-jinxuan-heavy {\n        font-family: \"jf-jinxuan\" !important;\n        font-weight: 900;\n    }\n\n    .mbti-sales .jf-jinxuanlatte-medium {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .jf-jinxuanlatte-semibold {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 600;\n    }\n\n    .mbti-sales .jf-jinxuanlatte-extrabold {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 800;\n    }\n\n    .mbti-sales .jf-jinxuanlatte-heavy {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 900;\n    }\n\n    .mbti-sales .jf-kamabit {\n        font-family: \"jf-kamabit\" !important;\n        font-weight: 700;\n    }\n\n    .mbti-sales .tearsfont {\n        font-family: \"tearsfont\" !important;\n        font-weight: 300;\n    }\n\n    .mbti-sales .lihsianti {\n        font-family: \"lihsianti\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .jf-hornedfrog {\n        font-family: \"jf-hornedfrog\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .font-p {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 800;\n    }\n\n    .mbti-sales .font-h2 {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 900;\n    }\n\n    .mbti-sales .pain-points p,\n    .mbti-sales .product-intro p,\n    .mbti-sales .comparison-section p,\n    .mbti-sales .report-showcase p,\n    .mbti-sales .soul-talk p,\n    .mbti-sales .testimonials p,\n    .mbti-sales .pricing-section p,\n    .mbti-sales .bonus-gift p,\n    .mbti-sales .final-cta p {\n        font-family: \"jf-jinxuanlatte\", \"ChironGoRoundTC\", sans-serif !important;\n        font-weight: 800;\n        margin-bottom: 0;\n    }\n\n    .zh-cn-version.mbti-sales .cta-button {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .testimonial-author {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .pricing-card.featured::after {\n        font-family: \"ChironGoRoundTC\" !important;\n        content: \"\u63a8\u8350\";\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuan-semibold {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuan-heavy {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuanlatte-medium {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuanlatte-semibold {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuanlatte-extrabold {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuanlatte-heavy {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-kamabit {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .tearsfont {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .font-p {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .font-h2 {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .pricing-section p,\n    .zh-cn-version.mbti-sales .bonus-gift p,\n    .zh-cn-version.mbti-sales .final-cta p {\n        font-family: \"ChironGoRoundTC\", sans-serif !important;\n    }\n\n    .mbti-sales .fit-check-section {\n        background: linear-gradient(180deg, #E8DDD0 0%, #F5F0EA 30%, #F5F0EA 70%, #E8DDD0 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .fit-check-section::before {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, transparent 70%);\n        border-radius: 52% 48% 45% 55% \/ 48% 52% 52% 48%;\n        top: -10%;\n        right: -12%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .fit-columns {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 2rem;\n        max-width: 900px;\n        margin: 3rem auto 0;\n    }\n\n    .mbti-sales .fit-card {\n        background: white;\n        border-radius: 20px;\n        padding: 2.5rem;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    }\n\n    .mbti-sales .fit-card.suitable {\n        border-top: 4px solid var(--accent-teal);\n    }\n\n    .mbti-sales .fit-card.not-suitable {\n        border-top: 4px solid var(--secondary-color);\n    }\n\n    .mbti-sales .fit-card-title {\n        font-size: 1.7rem;\n        font-weight: 700;\n        margin-bottom: 1.5rem;\n        color: var(--dark);\n    }\n\n    .mbti-sales .fit-item {\n        display: flex;\n        gap: 0.8rem;\n        margin-bottom: 1.5rem;\n        align-items: flex-start;\n    }\n\n    .mbti-sales .fit-icon {\n        flex-shrink: 0;\n        width: 28px;\n        height: 28px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.9rem;\n        font-weight: 700;\n        margin-top: 2px;\n    }\n\n    .mbti-sales .suitable .fit-icon {\n        background: rgba(123, 154, 156, 0.15);\n        color: var(--accent-teal);\n    }\n\n    .mbti-sales .not-suitable .fit-icon {\n        background: rgba(168, 145, 118, 0.15);\n        color: var(--secondary-color);\n    }\n\n    .mbti-sales .fit-item h4 {\n        font-size: 1.4rem;\n        font-weight: 700;\n        color: var(--dark);\n        margin-bottom: 0.3rem;\n    }\n\n    .mbti-sales .fit-item p {\n        font-size: 1.2rem;\n        color: var(--gray);\n        line-height: 1.7;\n    }\n\n    .mbti-sales .value-stack-section {\n        background: linear-gradient(180deg, #D9C9B8 0%, #F5F0EA 15%, #F5F0EA 85%, #E8DDD0 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .value-stack-section::before {\n        content: \"\";\n        position: absolute;\n        width: 550px;\n        height: 550px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        border-radius: 48% 52% 55% 45%;\n        bottom: -10%;\n        left: -15%;\n        animation: morphing 22s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .value-stack-grid {\n        max-width: 800px;\n        margin: 3rem auto 0;\n        display: flex;\n        flex-direction: column;\n        gap: 1.2rem;\n    }\n\n    .mbti-sales .value-stack-item {\n        background: white;\n        border-radius: 16px;\n        padding: 1.8rem 2rem;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n        display: flex;\n        gap: 1.2rem;\n        align-items: flex-start;\n        transition: transform 0.3s ease;\n    }\n\n    .mbti-sales .value-stack-item:hover {\n        transform: translateY(-2px);\n    }\n\n    .mbti-sales .value-stack-emoji {\n        font-size: 2rem;\n        flex-shrink: 0;\n        margin-top: 2px;\n    }\n\n    .mbti-sales .value-stack-item h4 {\n        font-size: 1.5rem;\n        font-weight: 700;\n        color: var(--dark);\n        margin-bottom: 0.4rem;\n    }\n\n    .mbti-sales .value-stack-item p {\n        font-size: 1.2rem;\n        color: var(--gray);\n        line-height: 1.7;\n    }\n\n    .mbti-sales .value-timeline {\n        position: relative;\n        padding-left: 35px;\n        margin-top: 2rem;\n    }\n\n    .mbti-sales .value-timeline::before {\n        content: '';\n        position: absolute;\n        left: 10px;\n        top: 0;\n        bottom: 0;\n        width: 3px;\n        background: linear-gradient(to bottom, #7B9A9C, #B5A290, #7B9A9C);\n        border-radius: 3px;\n    }\n\n    .mbti-sales .value-timeline-item {\n        position: relative;\n        margin-bottom: 2rem;\n        padding: 2rem;\n        border-radius: 16px;\n    }\n\n    .mbti-sales .value-timeline-item::before {\n        content: '';\n        position: absolute;\n        left: -23.5px;\n        transform: translate(-50%, -50%);\n        top: 50%;\n        width: 18px;\n        height: 18px;\n        border-radius: 50%;\n        border: 3px solid #7B9A9C;\n        background: #F5F0EA;\n    }\n\n    .mbti-sales .value-timeline-item.vt-pink {\n        background: #F2E8E1;\n    }\n\n    .mbti-sales .value-timeline-item.vt-blue {\n        background: #E8EEF0;\n    }\n\n    .mbti-sales .value-timeline-item.vt-peach {\n        background: #F5EDE8;\n    }\n\n    .mbti-sales .value-timeline-item.vt-yellow {\n        background: #F0EDE4;\n    }\n\n    .mbti-sales .value-timeline-item.vt-green {\n        background: #E8F0E8;\n    }\n\n    .mbti-sales .value-timeline-item.vt-purple {\n        background: #EDE8F0;\n    }\n\n    .mbti-sales .value-timeline-img-wrapper {\n        position: relative;\n        margin-bottom: 1rem;\n    }\n\n    .mbti-sales .value-timeline-img {\n        width: 100%;\n        max-width: 100%;\n        height: auto;\n        border-radius: 12px;\n        display: block;\n    }\n\n    .mbti-sales .value-timeline-item h4 {\n        font-size: 1.3rem;\n        font-weight: 700;\n        margin-bottom: 0.5rem;\n        color: var(--dark);\n    }\n\n    .mbti-sales .value-timeline-item p {\n        color: var(--gray);\n        font-size: 1.05rem;\n        line-height: 1.7;\n    }\n\n    .mbti-sales .value-timeline-badge {\n        position: absolute;\n        top: 0.5rem;\n        left: 0.5rem;\n        background: #7B9A9C;\n        color: white;\n        padding: 0.3rem 0.8rem;\n        border-radius: 50px;\n        font-size: 0.75rem;\n        font-weight: 600;\n        letter-spacing: 0.5px;\n        z-index: 2;\n    }\n\n    @media (max-width: 768px) {\n        .mbti-sales .fit-columns {\n            grid-template-columns: 1fr;\n        }\n\n        .mbti-sales .fit-card {\n            padding: 2rem 1.5rem;\n        }\n\n        .mbti-sales .value-stack-item {\n            padding: 1.5rem;\n        }\n\n        .mbti-sales .fit-table-wrapper {\n            margin: 0 -1rem;\n        }\n\n        .mbti-sales .fit-table th,\n        .mbti-sales .fit-table td {\n            padding: 0.8rem 1rem !important;\n            font-size: 0.9rem;\n        }\n\n        .mbti-sales .fit-table thead th {\n            font-size: 0.95rem !important;\n        }\n\n        .mbti-sales .fit-table-wrapper>div {\n            border-radius: 16px !important;\n        }\n\n        .mbti-sales .fit-table-wrapper>div>div {\n            padding: 1rem !important;\n            font-size: 0.95rem !important;\n        }\n\n        .mbti-sales .fit-table-wrapper>div>div span[data-i18n^=\"fit_yes_title\"],\n        .mbti-sales .fit-table-wrapper>div>div span[data-i18n^=\"fit_no_title\"] {\n            font-size: 1.15rem !important;\n        }\n\n        .mbti-sales .fit-table-wrapper>div>div span[data-i18n^=\"fit_yes_\"],\n        .mbti-sales .fit-table-wrapper>div>div span[data-i18n^=\"fit_no_\"] {\n            font-size: 0.95rem !important;\n        }\n\n        .mbti-sales .pain-avatar {\n            width: 130px !important;\n            min-width: 130px !important;\n            flex-shrink: 0 !important;\n        }\n\n        .mbti-sales .value-timeline {\n            padding-left: 28px;\n        }\n\n        .mbti-sales .value-timeline::before {\n            left: 8px;\n        }\n\n        .mbti-sales .value-timeline-item::before {\n            left: -18.5px;\n            width: 14px;\n            height: 14px;\n        }\n\n        .mbti-sales .value-timeline-item {\n            padding: 1.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .mbti-sales .value-timeline-img-wrapper {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mbti-sales .value-timeline-badge {\n            position: static;\n            order: -1;\n            margin-bottom: 0.5rem;\n            width: fit-content;\n        }\n    }\n\n\n.zh-tw-version.mbti-sales,\n.zh-cn-version.mbti-sales {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n[data-i18n] {\n    opacity: 1 !important;\n}\n.mbti-sales .scroll-animate {\n    opacity: 1 !important;\n    transform: none !important;\n}\n<\/style>\n<div id=\"mbti-root\">\n<div class=\"zh-tw-version mbti-sales\">\n\n    <section class=\"hero\">\n        <div class=\"hero-content\">\n            <h1 class=\"jf-kamabit fs-36 fs-md-56\" data-i18n=\"hero_title\">80% \u0e02\u0e2d\u0e07\u0e04\u0e19\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01\u0e27\u0e48\u0e32\u0e15\u0e34\u0e14\u0e02\u0e31\u0e14\u0e43\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15<br>\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e14\u0e35\u0e1e\u0e2d \u2014 \u0e41\u0e15\u0e48\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e04\u0e38\u0e13\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e40\u0e02\u0e49 \u0e32\u0e43\u0e08\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e17\u0e35\u0e48\u0e22\u0e31\u0e07\u0e21\u0e35\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e2d\u0e22\u0e39\u0e48<\/h1>\n\n            <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260205008-image.jpg\" alt=\"\u0e17\u0e32\u0e07\u0e44\u0e2b\u0e19? \u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e2d\u0e22\u0e39\u0e48\u0e02\u0e49\u0e32\u0e07\u0e43\u0e19\"\n                width=\"800\" height=\"600\" loading=\"eager\"\n                style=\"max-width: 100%; height: auto; border-radius: 20px; margin: 2rem auto; display: block; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.2);\">\n\n            <p class=\"font-p fs-18 fs-md-24 mobile-text-left\"\n                style=\"margin-bottom: 2rem; max-width: 800px; margin-left: auto; margin-right: auto;\"\n                data-i18n=\"hero_subtitle\">\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e27\u0e48\u0e32\u0e1e\u0e22\u0e32\u0e22\u0e32\u0e21\u0e44\u0e21\u0e48\u0e1e\u0e2d \u2014 \u0e41\u0e04\u0e48\u0e2d\u0e32\u0e08\u0e43\u0e0a\u0e49\u0e41\u0e23\u0e07\u0e1c\u0e34\u0e14\u0e17\u0e35\u0e48<br>\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e27\u0e48\u0e32\u0e44\u0e21\u0e48\u0e21\u0e35\u0e17\u0e34\u0e28\u0e17\u0e32\u0e07 \u2014 \u0e41\u0e04\u0e48\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e40\u0e08\u0e2d\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e08\u0e23\u0e34\u0e07\u0e46<br>\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e27\u0e48\u0e32\u0e44\u0e21\u0e48\u0e2d\u0e22\u0e32\u0e01\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 \u2014 \u0e41\u0e04\u0e48\u0e02\u0e32\u0e14\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e21\u0e2d\u0e07\u0e40\u0e2b\u0e47\u0e19\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07<\/p>\n\n            <p class=\"jf-hornedfrog fs-22 fs-md-32\" style=\"max-width: 800px; margin-left: auto; margin-right: auto;\">\n                <strong data-i18n=\"hero_quote1\">\u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e1a\u0e38\u0e04\u0e25\u0e34\u0e01\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/strong>\n            <\/p>\n            <p class=\"jf-hornedfrog fs-22 fs-md-32\" style=\"max-width: 800px; margin-left: auto; margin-right: auto;\">\n                <strong data-i18n=\"hero_quote2\">\u2014 \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e15\u0e2d\u0e19\u0e19\u0e35\u0e49<\/strong>\n            <\/p>\n\n            <p class=\"font-p fs-18 fs-md-28\"\n                style=\"margin-top: 1rem; max-width: 800px; margin-left: auto; margin-right: auto;\"\n                data-i18n=\"hero_desc\">\u0e40\u0e1e\u0e35\u0e22\u0e07 25 \u0e19\u0e32\u0e17\u0e35 \u2014<br>\u0e04\u0e38\u0e13\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01\u0e01\u0e27\u0e48\u0e32 10,000 \u0e04\u0e33<br>\u0e17\u0e35\u0e48\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e27\u0e48\u0e32\u0e17\u0e33\u0e44\u0e21\u0e04\u0e38\u0e13\u0e16\u0e36\u0e07\u0e17\u0e33\u0e2a\u0e34\u0e48\u0e07\u0e19\u0e35\u0e49<\/p>\n\n            <div style=\"margin-top: 3rem;\">\n                <a href=\"#fit-section\" class=\"cta-button cta-primary fs-18 fs-md-24\" data-i18n=\"hero_cta\">\ud83d\udd25 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e17\u0e33\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a \u2014 \u0e04\u0e49\u0e19\u0e1e\u0e1a \"\u0e15\u0e31\u0e27\u0e15\u0e19\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e40\u0e04\u0e22\u0e23\u0e39\u0e49\u0e08\u0e31\u0e01\"<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"fit-section\" class=\"fit-check-section scroll-animate\">\n        <div class=\"container\" style=\"position: relative; z-index: 1;\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\" style=\"color: var(--dark);\" data-i18n=\"fit_title\">\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e48\u0e2d\u0e19 \u2014 \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e19\u0e35\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e08\u0e23\u0e34\u0e07\u0e46 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e1b\u0e25\u0e48\u0e32?<\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260205006-image.jpg\" alt=\"\u0e2d\u0e22\u0e32\u0e01\u0e40\u0e01\u0e48\u0e07\u0e02\u0e36\u0e49\u0e19 \u0e01\u0e31\u0e1a \u0e41\u0e04\u0e48\u0e19\u0e35\u0e49\u0e01\u0e47\u0e14\u0e35\u0e1e\u0e2d\u0e41\u0e25\u0e49\u0e27\" width=\"900\" height=\"506\"\n                style=\"max-width: 100%; height: auto; display: block; margin: 2rem auto; border-radius: 16px; box-shadow: 0 8px 24px rgba(139, 125, 107, 0.15);\">\n\n            <p class=\"fs-16 fs-md-20\" style=\"text-align: center; color: var(--gray); margin-bottom: 2.5rem;\"\n                data-i18n=\"fit_subtitle\">10 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35\u0e43\u0e19\u0e40\u0e0a\u0e47\u0e04\u0e01\u0e48\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e40\u0e27\u0e25\u0e32\u0e2d\u0e35\u0e01\u0e15\u0e48\u0e2d\u0e44\u0e1b<\/p>\n\n            <div class=\"fit-table-wrapper\" style=\"max-width: 900px; margin: 0 auto;\">\n                <div\n                    style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.12);\">\n\n                    <div\n                        style=\"background: linear-gradient(135deg, #7B9A9C 0%, #5a7a7c 100%); padding: 1.5rem 1rem; text-align: center;\">\n                        <span style=\"color: white; font-size: 1.4rem; font-weight: 700;\" data-i18n=\"fit_yes_title\">\u2726\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e19\u0e35\u0e49\u0e40\u0e02\u0e35\u0e22\u0e19\u0e02\u0e36\u0e49\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e38\u0e13\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07...<\/span>\n                    <\/div>\n                    \n                    <div\n                        style=\"background: linear-gradient(135deg, #c4b5a5 0%, #a89683 100%); padding: 1.5rem 1rem; text-align: center;\">\n                        <span style=\"color: white; font-size: 1.4rem; font-weight: 700;\" data-i18n=\"fit_no_title\">\u2715\u0e40\u0e01\u0e47\u0e1a\u0e40\u0e07\u0e34\u0e19\u0e44\u0e27\u0e49\u0e40\u0e16\u0e2d\u0e30\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a...<\/span>\n                    <\/div>\n\n                    <div\n                        style=\"background: rgba(123, 154, 156, 0.08); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(123, 154, 156, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #7B9A9C; font-size: 1.2rem; font-weight: bold;\">\u2713<\/span>\n                        <span style=\"font-size: 1.05rem; color: #3d4f4f;\"\n                            data-i18n=\"fit_yes_1_title\">\u0e41\u0e15\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e15\u0e48\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32\u0e17\u0e33\u0e44\u0e21<\/span>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(180, 162, 144, 0.06); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(180, 162, 144, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #a89683; font-size: 1.2rem; font-weight: bold;\">\u2715<\/span>\n                        <span style=\"font-size: 1.05rem; color: #7a7066;\" data-i18n=\"fit_no_1_title\">\u0e17\u0e35\u0e48\u0e40\u0e25\u0e48\u0e19\u0e46 \u0e08\u0e4a\u0e30<\/span>\n                    <\/div>\n\n                    <div\n                        style=\"background: rgba(123, 154, 156, 0.04); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(123, 154, 156, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #7B9A9C; font-size: 1.2rem; font-weight: bold;\">\u2713<\/span>\n                        <span style=\"font-size: 1.05rem; color: #3d4f4f;\"\n                            data-i18n=\"fit_yes_2_title\">\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e27\u0e07\u0e08\u0e23\u0e40\u0e14\u0e34\u0e21\u0e0b\u0e49\u0e33\u0e41\u0e25\u0e49\u0e27\u0e0b\u0e49\u0e33\u0e40\u0e25\u0e48\u0e32<\/span>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(180, 162, 144, 0.03); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(180, 162, 144, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #a89683; font-size: 1.2rem; font-weight: bold;\">\u2715<\/span>\n                        <span style=\"font-size: 1.05rem; color: #7a7066;\" data-i18n=\"fit_no_2_title\">\u0e08\u0e23\u0e34\u0e07\u0e46 \u0e41\u0e25\u0e49\u0e27\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e40\u0e25\u0e22<\/span>\n                    <\/div>\n\n                    <div\n                        style=\"background: rgba(123, 154, 156, 0.08); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(123, 154, 156, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #7B9A9C; font-size: 1.2rem; font-weight: bold;\">\u2713<\/span>\n                        <span style=\"font-size: 1.05rem; color: #3d4f4f;\"\n                            data-i18n=\"fit_yes_3_title\">\u0e44\u0e21\u0e48\u0e2d\u0e22\u0e32\u0e01\u0e25\u0e2d\u0e07\u0e1c\u0e34\u0e14\u0e25\u0e2d\u0e07\u0e16\u0e39\u0e01\u0e2d\u0e35\u0e01\u0e41\u0e25\u0e49\u0e27<\/span>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(180, 162, 144, 0.06); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(180, 162, 144, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #a89683; font-size: 1.2rem; font-weight: bold;\">\u2715<\/span>\n                        <span style=\"font-size: 1.05rem; color: #7a7066;\" data-i18n=\"fit_no_3_title\">\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e2b\u0e49\u0e04\u0e19\u0e21\u0e32\u0e14\u0e39\u0e14\u0e27\u0e07\u0e43\u0e2b\u0e49<\/span>\n                    <\/div>\n\n                    <div\n                        style=\"background: rgba(123, 154, 156, 0.04); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(123, 154, 156, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #7B9A9C; font-size: 1.2rem; font-weight: bold;\">\u2713<\/span>\n                        <span style=\"font-size: 1.05rem; color: #3d4f4f;\" data-i18n=\"fit_yes_4_title\">\u0e40\u0e18\u0e2d\u0e08\u0e1a<\/span>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(180, 162, 144, 0.03); padding: 1.2rem 1.5rem; border-bottom: 1px solid rgba(180, 162, 144, 0.15); display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #a89683; font-size: 1.2rem; font-weight: bold;\">\u2715<\/span>\n                        <span style=\"font-size: 1.05rem; color: #7a7066;\" data-i18n=\"fit_no_4_title\">\u0e2d\u0e22\u0e32\u0e01\u0e08\u0e30\u0e1f\u0e31\u0e07\u0e41\u0e15\u0e48\u0e2a\u0e34\u0e48\u0e07\u0e14\u0e35\u0e46<\/span>\n                    <\/div>\n\n                    <div\n                        style=\"background: rgba(123, 154, 156, 0.08); padding: 1.2rem 1.5rem; display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #7B9A9C; font-size: 1.2rem; font-weight: bold;\">\u2713<\/span>\n                        <span style=\"font-size: 1.05rem; color: #3d4f4f;\" data-i18n=\"fit_yes_5_title\">100%<\/span>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(180, 162, 144, 0.06); padding: 1.2rem 1.5rem; display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #a89683; font-size: 1.2rem; font-weight: bold;\">\u2715<\/span>\n                        <span style=\"font-size: 1.05rem; color: #7a7066;\" data-i18n=\"fit_no_5_title\">\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e31\u0e27\u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e41\u0e1a\u0e1a 100% \u0e41\u0e25\u0e49\u0e27<\/span>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <div style=\"text-align: center; margin-top: 3rem; padding: 2rem 1rem;\">\n                <p class=\"jf-hornedfrog fs-24 fs-md-36\" style=\"color: var(--dark); margin-bottom: 0.8rem;\"\n                    data-i18n=\"fit_conclusion1\">\u0e16\u0e49\u0e32\u0e14\u0e49\u0e32\u0e19\u0e0b\u0e49\u0e32\u0e22\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a\u0e04\u0e38\u0e13<\/p>\n                <p class=\"jf-hornedfrog fs-28 fs-md-40\" style=\"color: var(--accent-teal); font-weight: 600;\"\n                    data-i18n=\"fit_conclusion2\">\u0e04\u0e38\u0e13\u0e40\u0e04\u0e22\u0e2a\u0e07\u0e2a\u0e31\u0e22\u0e44\u0e2b\u0e21\u0e27\u0e48\u0e32\u0e17\u0e33\u0e44\u0e21\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1e\u0e27\u0e01\u0e19\u0e35\u0e49\u0e16\u0e36\u0e07\u0e40\u0e01\u0e34\u0e14\u0e02\u0e36\u0e49\u0e19\u0e0b\u0e49\u0e33\u0e41\u0e25\u0e49\u0e27\u0e0b\u0e49\u0e33\u0e40\u0e25\u0e48\u0e32?<\/p>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <section id=\"pain-section\" class=\"pain-points scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\" style=\"margin-bottom: 3rem;\" data-i18n=\"pain_title\">\u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07 2 \u0e02\u0e49\u0e2d\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e19\u0e35\u0e49\u0e16\u0e39\u0e01\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e38\u0e13<\/h2>\n\n            <div style=\"display: flex; flex-direction: column; gap: 1.5rem; max-width: 900px; margin: 0 auto;\">\n\n                <div style=\"display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;\">\n                    <div class=\"pain-avatar\" style=\"flex: 0 0 auto; width: 180px; min-width: 160px;\">\n                        <img decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260204001-paste_1770228664137-1.png\" alt=\"\u0e1a\u0e38\u0e04\u0e04\u0e25\u0e17\u0e35\u0e48\u0e2a\u0e31\u0e1a\u0e2a\u0e19 1\"\n                            style=\"width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(139, 125, 107, 0.2));\">\n                    <\/div>\n                    <div class=\"pain-item fs-22 fs-md-34\"\n                        style=\"font-weight: bold; flex: 1; min-width: 0; background: white; padding: 1.8rem 1.5rem; border-radius: 15px 30px 15px 30px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); position: relative; border: 2px solid rgba(232, 221, 208, 0.5);\">\n                        \n                        <div\n                            style=\"position: absolute; left: -15px; top: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid white;\">\n                        <\/div>\n                        <span data-i18n=\"pain_1\">\u0e17\u0e33\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e21\u0e32\u0e41\u0e25\u0e49\u0e27 3 \u0e04\u0e23\u0e31\u0e49\u0e07\u0e02\u0e36\u0e49\u0e19\u0e44\u0e1b \u2014 \u0e23\u0e39\u0e49\u0e2d\u0e31\u0e19\u0e44\u0e2b\u0e19\u0e04\u0e37\u0e2d\u0e15\u0e31\u0e27\u0e15\u0e19\u0e08\u0e23\u0e34\u0e07\u0e46<\/span>\n                    <\/div>\n                <\/div>\n\n                <div\n                    style=\"display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; flex-direction: row-reverse;\">\n                    <div class=\"pain-avatar\" style=\"flex: 0 0 auto; width: 180px; min-width: 160px;\">\n                        <img decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260204002-paste_1770228664137-2.png\" alt=\"\u0e15\u0e31\u0e27\u0e25\u0e30\u0e04\u0e23\u0e17\u0e35\u0e48\u0e2a\u0e31\u0e1a\u0e2a\u0e19 2\"\n                            style=\"width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(139, 125, 107, 0.2));\">\n                    <\/div>\n                    <div class=\"pain-item fs-22 fs-md-34\"\n                        style=\"font-weight: bold; flex: 1; min-width: 0; background: white; padding: 1.8rem 1.5rem; border-radius: 15px 30px 15px 30px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); position: relative; border: 2px solid rgba(232, 221, 208, 0.5);\">\n                        \n                        <div\n                            style=\"position: absolute; right: -15px; top: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid white;\">\n                        <\/div>\n                        <span data-i18n=\"pain_2\">\u0e43\u0e0a\u0e49\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a 4 \u0e04\u0e19\u0e01\u0e31\u0e1a\u0e04\u0e33\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49\u0e01\u0e31\u0e1a\u0e17\u0e38\u0e01\u0e04\u0e19<\/span>\n                    <\/div>\n                <\/div>\n\n                <div style=\"display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap;\">\n                    <div class=\"pain-avatar\" style=\"flex: 0 0 auto; width: 180px; min-width: 160px;\">\n                        <img decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260204003-paste_1770228664137-3.png\" alt=\"\u0e15\u0e31\u0e27\u0e25\u0e30\u0e04\u0e23\u0e17\u0e35\u0e48\u0e2a\u0e31\u0e1a\u0e2a\u0e19 3\"\n                            style=\"width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(139, 125, 107, 0.2));\">\n                    <\/div>\n                    <div class=\"pain-item fs-22 fs-md-34\"\n                        style=\"font-weight: bold; flex: 1; min-width: 0; background: white; padding: 1.8rem 1.5rem; border-radius: 15px 30px 15px 30px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); position: relative; border: 2px solid rgba(232, 221, 208, 0.5);\">\n                        \n                        <div\n                            style=\"position: absolute; left: -15px; top: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid white;\">\n                        <\/div>\n                        <span data-i18n=\"pain_3\">\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e40\u0e1b\u0e47\u0e19 INFP \/ ENTJ \/ ISFJ... \u0e41\u0e25\u0e49\u0e27\u0e44\u0e07\u0e25\u0e48\u0e30? \u0e22\u0e31\u0e07\u0e04\u0e07\u0e21\u0e35\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c\u0e19\u0e35\u0e49\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e22\u0e31\u0e07\u0e44\u0e07<\/span>\n                    <\/div>\n                <\/div>\n\n                <div\n                    style=\"display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; flex-direction: row-reverse;\">\n                    <div class=\"pain-avatar\" style=\"flex: 0 0 auto; width: 180px; min-width: 160px;\">\n                        <img decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260204004-paste_1770228664137-4.png\" alt=\"\u0e15\u0e31\u0e27\u0e25\u0e30\u0e04\u0e23\u0e17\u0e35\u0e48\u0e2a\u0e31\u0e1a\u0e2a\u0e19 4\"\n                            style=\"width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(139, 125, 107, 0.2));\">\n                    <\/div>\n                    <div class=\"pain-item fs-22 fs-md-34\"\n                        style=\"font-weight: bold; flex: 1; min-width: 0; background: white; padding: 1.8rem 1.5rem; border-radius: 15px 30px 15px 30px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); position: relative; border: 2px solid rgba(232, 221, 208, 0.5);\">\n                        \n                        <div\n                            style=\"position: absolute; right: -15px; top: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid white;\">\n                        <\/div>\n                        <span data-i18n=\"pain_4\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e04\u0e2d\u0e21\u0e40\u0e21\u0e19\u0e15\u0e4c\u0e1c\u0e25\u0e2a\u0e2d\u0e1a \u2014 \u0e2d\u0e48\u0e32\u0e19\u0e08\u0e1a\u0e44\u0e21\u0e48\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01\u0e2d\u0e30\u0e44\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01\u0e16\u0e39\u0e01\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div style=\"text-align: center; margin-top: 3rem; padding: 2rem 1rem;\">\n                <p class=\"font-p fs-18 fs-md-24\" style=\"color: var(--gray); margin-bottom: 0.8rem;\"\n                    data-i18n=\"pain_conclusion1\">\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e27\u0e48\u0e32\u0e27\u0e34\u0e18\u0e35\u0e40\u0e2b\u0e25\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19\u0e44\u0e21\u0e48\u0e14\u0e35<\/p>\n                <p class=\"font-p fs-18 fs-md-24\" style=\"color: var(--gray); margin-bottom: 1.5rem;\"\n                    data-i18n=\"pain_conclusion2\">\u0e41\u0e15\u0e48\u0e01\u0e48\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e08\u0e23\u0e34\u0e07\u0e46 \u0e27\u0e34\u0e18\u0e35\u0e44\u0e2b\u0e19\u0e01\u0e47\u0e41\u0e04\u0e48\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e1c\u0e34\u0e27\u0e40\u0e1c\u0e34\u0e19<\/p>\n                <p class=\"jf-hornedfrog fs-22 fs-md-32\" style=\"color: var(--accent-teal); font-weight: 700;\"\n                    data-i18n=\"pain_conclusion3\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e19\u0e35\u0e49\u0e16\u0e39\u0e01\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e19\u0e35\u0e49\u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30<\/p>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <section class=\"product-intro scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"font-h2 fs-28 fs-md-48\" style=\"margin-bottom: 1.5rem; position: relative; padding-bottom: 2rem;\">\n                <span data-i18n=\"product_title\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e40\u0e08\u0e32\u0e30\u0e25\u0e36\u0e01 MBTI \u00d7 \ud83c\udfa7 Soul Talk \u2014 \u0e40\u0e2a\u0e35\u0e22\u0e07\u0e2a\u0e30\u0e17\u0e49\u0e2d\u0e19\u0e15\u0e31\u0e27\u0e15\u0e19<\/span>\n                <span\n                    style=\"content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 140px; height: 4px; background: linear-gradient(90deg, transparent, #B5A290 20%, #7B9A9C 50%, #B5A290 80%, transparent); border-radius: 4px; display: block;\"><\/span>\n            <\/h2>\n            <p class=\"fs-18 fs-md-24\" style=\"margin-bottom: 3rem; line-height: 1.8;\" data-i18n=\"product_desc\">\u0e44\u0e21\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e41\u0e15\u0e48\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a \u2014 \u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d \"\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e0a\u0e35\u0e27\u0e34\u0e15\" \u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e04\u0e38\u0e13<br>\u0e2d\u0e48\u0e32\u0e19\u0e08\u0e1a\u0e41\u0e25\u0e49\u0e27\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e17\u0e33\u0e44\u0e21\u0e04\u0e38\u0e13\u0e16\u0e36\u0e07\u0e17\u0e33\u0e40\u0e0a\u0e48\u0e19\u0e19\u0e35\u0e49 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e23\u0e17\u0e33\u0e15\u0e48\u0e2d\u0e44\u0e1b<\/p>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-2.png\" alt=\"\u0e16\u0e37\u0e2d\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e2b\u0e39\u0e1f\u0e31\u0e07\" width=\"800\" height=\"600\" style=\"width: 100%; height: auto; display: block; margin: 0 0 3rem 0; border-radius: 20px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.2);\">\n\n            <div class=\"features-grid\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\u23f1\ufe0f<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"feat_time_title\">\u0e40\u0e1e\u0e35\u0e22\u0e07 25 \u0e19\u0e32\u0e17\u0e35<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_time_desc\">93 \u0e16\u0e32\u0e21\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e2a\u0e16\u0e32\u0e19\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e08\u0e23\u0e34\u0e07 \u2014 \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e32\u0e21\u0e2a\u0e31\u0e0d\u0e0a\u0e32\u0e15\u0e0d\u0e32\u0e13\u0e40\u0e04\u0e22\u0e04\u0e34\u0e14\u0e21\u0e32\u0e01\u0e27\u0e48\u0e32\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udcd6<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"feat_report_title\">\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c 10,000+ \u0e04\u0e33<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_report_desc\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e08\u0e32\u0e01\u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 100% \u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e2a\u0e2d\u0e07\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udfa8<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"feat_illust_title\">\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e40\u0e09\u0e1e\u0e32\u0e30 10+ \u0e20\u0e32\u0e1e<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_illust_desc\">\u0e20\u0e32\u0e1e\u0e19\u0e48\u0e32\u0e23\u0e31\u0e01\u0e41\u0e2a\u0e14\u0e07\u0e19\u0e34\u0e2a\u0e31\u0e22\u0e15\u0e32\u0e21\u0e2d\u0e32\u0e23\u0e21\u0e13\u0e4c \u0e41\u0e25\u0e30\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e43\u0e19\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udfa7<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"feat_voice_title\">\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e1e\u0e32\u0e01\u0e22\u0e4c<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_voice_desc\">\u0e44\u0e21\u0e48\u0e2d\u0e22\u0e32\u0e01\u0e2d\u0e48\u0e32\u0e19? \u0e40\u0e1b\u0e34\u0e14 Soul Talk \u0e1f\u0e31\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07<\/p>\n                <\/div>\n            <\/div>\n\n            <p class=\"fs-20 fs-md-28\" style=\"margin-top: 3rem;\" data-i18n=\"product_summary\">\u0e08\u0e30\u0e21\u0e35\u0e01\u0e32\u0e23\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e1a\u0e2d\u0e01\u0e27\u0e48\u0e32: \u0e41\u0e2b\u0e25\u0e48\u0e07\u0e17\u0e35\u0e48\u0e21\u0e32\u0e02\u0e2d\u0e07\u0e07\u0e32\u0e19\u0e15\u0e34\u0e14\u0e40\u0e19\u0e49\u0e19\u0e43\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e2d\u0e22\u0e39\u0e48\u0e15\u0e23\u0e07\u0e44\u0e2b\u0e19\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e31\u0e1a\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"pain-points scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"section-title jf-kamabit fs-32 fs-md-48\" data-i18n=\"report_title\">MBTI<\/h2>\n            <p class=\"fs-16 fs-md-20\"\n                style=\"text-align: center; color: var(--gray); margin-top: -1rem; margin-bottom: 2rem;\"\n                data-i18n=\"report_subtitle\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e01\u0e32\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 4 \u0e2b\u0e25\u0e31\u0e01\u0e2b\u0e25\u0e31\u0e01 \u2014 \u0e17\u0e38\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e02\u0e35\u0e22\u0e19\u0e08\u0e32\u0e01\u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/p>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-4.png\" alt=\"\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e1b\u0e34\u0e14\" width=\"800\" height=\"600\" style=\"width: 100%; height: auto; border-radius: 20px; margin: 0 0 3rem 0; display: block; box-shadow: 0 15px 50px rgba(139, 125, 107, 0.45); border: 10px solid white;\">\n\n            <h3 class=\"font-h2 fs-24 fs-md-32\" style=\"text-align: center; margin-bottom: 1.5rem; color: var(--dark);\">\n                \ud83d\udcd6 <span data-i18n=\"report_gif_title\">\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21<\/span>\n            <\/h3>\n            <div class=\"report-preview-gif\">\n                <img decoding=\"async\" class=\"report-gif-img\"\n                    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n                    alt=\"\u0e41\u0e1c\u0e19\u0e20\u0e32\u0e1e\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21\" \/>\n                <div class=\"gif-overlay\">\n                    <div class=\"gif-overlay-text\">\n                        <strong class=\"gif-overlay-title\" data-i18n=\"gif_overlay_title\">\u0e0b\u0e37\u0e49\u0e2d\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e44\u0e1f\u0e1f\u0e49\u0e32\u0e22\u0e31\u0e07\u0e21\u0e35\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d<br class=\"mobile-br\">\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e2a\u0e21\u0e04\u0e27\u0e23\u0e21\u0e35\u0e2a\u0e31\u0e01\u0e40\u0e25\u0e48\u0e21\u0e40\u0e2b\u0e23\u0e2d?<\/strong>\n                        <span class=\"gif-overlay-body\" data-i18n=\"gif_overlay_body1\">\u0e04\u0e19\u0e2d\u0e37\u0e48\u0e19\u0e41\u0e04\u0e48\u0e41\u0e1b\u0e30\u0e1b\u0e49\u0e32\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13<br class=\"mobile-br\">\u0e40\u0e23\u0e32\u0e43\u0e2b\u0e49\u0e01\u0e25\u0e22\u0e38\u0e17\u0e18\u0e4c\u0e40\u0e2d\u0e32\u0e15\u0e31\u0e27\u0e23\u0e2d\u0e14\u0e17\u0e31\u0e49\u0e07\u0e0a\u0e38\u0e14<\/span>\n                        <span class=\"gif-overlay-body\" data-i18n=\"gif_overlay_body2\">\u0e40\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e40\u0e23\u0e47\u0e27\u0e02\u0e19\u0e32\u0e14\u0e19\u0e35\u0e49 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e40\u0e22\u0e2d\u0e30\u0e08\u0e19\u0e14\u0e39\u0e44\u0e21\u0e48\u0e2b\u0e21\u0e14<br class=\"mobile-br\">\u0e17\u0e33\u0e07\u0e32\u0e19\u0e22\u0e31\u0e07\u0e44\u0e07 \u0e23\u0e31\u0e01\u0e22\u0e31\u0e07\u0e44\u0e07 \u0e2b\u0e22\u0e38\u0e14\u0e04\u0e34\u0e14\u0e21\u0e32\u0e01\u0e22\u0e31\u0e07\u0e44\u0e07...<br class=\"mobile-br\">\u0e17\u0e38\u0e01\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e15\u0e34\u0e14\u0e2d\u0e22\u0e39\u0e48 \u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e19\u0e35\u0e49\u0e2b\u0e21\u0e14\u0e41\u0e25\u0e49\u0e27<\/span>\n                        <span class=\"gif-overlay-sub\" data-i18n=\"gif_overlay_sub\">\u0e19\u0e35\u0e48\u0e04\u0e37\u0e2d\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e27\u0e2d\u0e23\u0e4c\u0e0a\u0e31\u0e19\u0e40\u0e15\u0e47\u0e21\u0e41\u0e1a\u0e1a\u0e0a\u0e33\u0e23\u0e30\u0e40\u0e07\u0e34\u0e19 \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e08\u0e30\u0e14\u0e35\u0e22\u0e34\u0e48\u0e07\u0e01\u0e27\u0e48\u0e32<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <p class=\"fs-20 fs-md-28\" style=\"text-align: center; margin-top: 3rem; color: var(--primary-color);\"\n                data-i18n=\"report_summary\">-<br>\u0e41\u0e15\u0e48\u0e40\u0e2b\u0e47\u0e19\u0e08\u0e38\u0e14\u0e41\u0e02\u0e47\u0e07\u0e02\u0e2d\u0e07\u0e21\u0e31\u0e19\u0e41\u0e25\u0e49\u0e27\u0e08\u0e36\u0e07\u0e2a\u0e2d\u0e19\u0e27\u0e34\u0e18\u0e35\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"value-stack-section scroll-animate\">\n        <div class=\"container\" style=\"position: relative; z-index: 1;\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\" style=\"color: var(--dark);\" data-i18n=\"value_title\">\u0e0b\u0e37\u0e49\u0e2d\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e1b\u0e25\u0e14\u0e25\u0e47\u0e2d\u0e04\u0e17\u0e31\u0e19\u0e17\u0e35<\/h2>\n            <p class=\"fs-22 fs-md-28\" style=\"text-align: center; color: var(--dark); font-weight: 700;\"\n                data-i18n=\"value_subtitle\">\u0e17\u0e38\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e08\u0e30\u0e40\u0e01\u0e34\u0e14\u0e02\u0e36\u0e49\u0e19 \u2014 \u0e44\u0e14\u0e49\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e19<\/p>\n\n            <div class=\"value-timeline\">\n                <div class=\"value-timeline-item vt-pink\">\n                    <div class=\"value-timeline-img-wrapper\">\n                        <img decoding=\"async\" class=\"value-timeline-img\" src=\"https:\/\/mbti.life365.day\/ad\/S__95625221.png\" alt=\"\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e1a\u0e38\u0e04\u0e25\u0e34\u0e01\u0e20\u0e32\u0e1e\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_1_badge\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e01<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_1_title\">\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e1a\u0e38\u0e04\u0e25\u0e34\u0e01\u0e20\u0e32\u0e1e\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01<\/h4>\n                    <p data-i18n=\"value_1_desc\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21 10,000+ \u0e04\u0e33 \u2014 \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e15\u0e23\u0e23\u0e01\u0e30\u0e01\u0e32\u0e23\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08 \u0e08\u0e38\u0e14\u0e1a\u0e2d\u0e14\u0e43\u0e19\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14 \u0e44\u0e1b\u0e08\u0e19\u0e16\u0e36\u0e07\u0e40\u0e1e\u0e14\u0e32\u0e19\u0e1e\u0e23\u0e2a\u0e27\u0e23\u0e23\u0e04\u0e4c \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19<\/p>\n                <\/div>\n                <div class=\"value-timeline-item vt-blue\">\n                    <div class=\"value-timeline-img-wrapper\">\n                        <img decoding=\"async\" class=\"value-timeline-img\" src=\"https:\/\/mbti.life365.day\/ad\/S__95625222.png\" alt=\"\u0e01\u0e32\u0e23\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e43\u0e19\u0e17\u0e35\u0e48\u0e17\u0e33\u0e07\u0e32\u0e19\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_2_badge\">\u0e2d\u0e32\u0e0a\u0e35\u0e1e<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_2_title\">\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u00d7\u0e02\u0e32\u0e15\u0e31\u0e49\u0e07\u0e1a\u0e2d\u0e14<\/h4>\n                    <p data-i18n=\"value_2_desc\">\u0e41\u0e08\u0e49\u0e07\u0e43\u0e2b\u0e49\u0e17\u0e23\u0e32\u0e1a\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\u0e27\u0e48\u0e32\u0e21\u0e31\u0e19\u0e08\u0e30\u0e40\u0e2b\u0e22\u0e35\u0e22\u0e1a\u0e01\u0e31\u0e1a\u0e23\u0e30\u0e40\u0e1a\u0e34\u0e14\u0e2d\u0e30\u0e44\u0e23\u0e07\u0e48\u0e32\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e43\u0e19\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/p>\n                <\/div>\n                <div class=\"value-timeline-item vt-peach\">\n                    <div class=\"value-timeline-img-wrapper\">\n                        <img decoding=\"async\" class=\"value-timeline-img\" src=\"https:\/\/mbti.life365.day\/ad\/S__95625223.png\" alt=\"\u0e01\u0e32\u0e23\u0e15\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e17\u0e32\u0e07\u0e2d\u0e32\u0e23\u0e21\u0e13\u0e4c\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_3_badge\">\u0e04\u0e27\u0e32\u0e21\u0e23\u0e31\u0e01<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_3_title\">\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c \u00d7 \u0e16\u0e2d\u0e14\u0e23\u0e2b\u0e31\u0e2a\u0e01\u0e32\u0e23\u0e16\u0e48\u0e32\u0e22\u0e17\u0e2d\u0e14\u0e2a\u0e14<\/h4>\n                    <p data-i18n=\"value_3_desc\">\u0e17\u0e33\u0e44\u0e21\u0e04\u0e38\u0e13\u0e16\u0e36\u0e07\u0e40\u0e25\u0e48\u0e19\u0e1a\u0e17\u0e40\u0e14\u0e34\u0e21\u0e0b\u0e49\u0e33\u0e46 \u0e43\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c? \u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e16\u0e2d\u0e14\u0e23\u0e2b\u0e31\u0e2a\u0e17\u0e35\u0e48\u0e40\u0e23\u0e35\u0e22\u0e01\u0e23\u0e49\u0e2d\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e19\u0e43\u0e08\u0e08\u0e23\u0e34\u0e07\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13<\/p>\n                <\/div>\n                <div class=\"value-timeline-item vt-yellow\">\n                    <div class=\"value-timeline-img-wrapper\">\n                        <img decoding=\"async\" class=\"value-timeline-img\" src=\"https:\/\/mbti.life365.day\/ad\/S__95625224.png\" alt=\"\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1a\u0e38\u0e04\u0e04\u0e25\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_4_badge\">\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_4_title\">\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1a\u0e38\u0e04\u0e04\u0e25<\/h4>\n                    <p data-i18n=\"value_4_desc\">\u0e08\u0e38\u0e14\u0e21\u0e38\u0e48\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e04\u0e23\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e27\u0e17\u0e35\u0e48\u0e21\u0e35\u0e08\u0e38\u0e14\u0e21\u0e38\u0e48\u0e07\u0e2b\u0e21\u0e32\u0e22 \u2014 \u0e27\u0e34\u0e18\u0e35\u0e15\u0e31\u0e49\u0e07\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e17\u0e33\u0e23\u0e49\u0e32\u0e22\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01\u0e17\u0e35\u0e48\u0e1a\u0e2d\u0e01\u0e27\u0e48\u0e32 &quot;\u0e2d\u0e30\u0e44\u0e23\u0e01\u0e47\u0e44\u0e14\u0e49&quot;\"<\/p>\n                <\/div>\n                <div class=\"value-timeline-item vt-green\">\n                    <div class=\"value-timeline-img-wrapper\">\n                        <img decoding=\"async\" class=\"value-timeline-img\" src=\"https:\/\/mbti.life365.day\/ad\/S__95625225.png\" alt=\"\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_5_badge\">\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_5_title\">\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 \u00d7 \u0e21\u0e35\u0e1e\u0e25\u0e31\u0e07\u0e20\u0e32\u0e22\u0e43\u0e19<\/h4>\n                    <p data-i18n=\"value_5_desc\">\u0e2b\u0e32\u0e27\u0e48\u0e32\u0e2b\u0e25\u0e38\u0e21\u0e14\u0e33\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e17\u0e35\u0e48\u0e15\u0e23\u0e07\u0e44\u0e2b\u0e19\u0e21\u0e35\u0e2d\u0e30\u0e44\u0e23\u0e41\u0e2d\u0e1a\u0e41\u0e1d\u0e07\u0e1e\u0e25\u0e31\u0e07\u0e04\u0e38\u0e13\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e27\u0e34\u0e18\u0e35\u0e0a\u0e32\u0e23\u0e4c\u0e08\u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e38\u0e13<\/p>\n                <\/div>\n                <div class=\"value-timeline-item vt-purple\">\n                    <div class=\"value-timeline-img-wrapper\">\n                        <img decoding=\"async\" class=\"value-timeline-img\" src=\"https:\/\/mbti.life365.day\/ad\/S__95625226.png\" alt=\"\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e09\u0e1a\u0e31\u0e1a\u0e1e\u0e34\u0e40\u0e28\u0e29 Q-version\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_6_badge\">\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e1e\u0e34\u0e40\u0e28\u0e29<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_6_title\">\u0e20\u0e32\u0e1e Q-style \u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 10+ \u0e20\u0e32\u0e1e<\/h4>\n                    <p data-i18n=\"value_6_desc\">\u2014 \u0e04\u0e38\u0e13\u0e15\u0e2d\u0e19\u0e17\u0e33\u0e07\u0e32\u0e19\u0e43\u0e19\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e27\u0e32\u0e14\u0e40\u0e1b\u0e47\u0e19\u0e20\u0e32\u0e1e\u0e19\u0e48\u0e32\u0e23\u0e31\u0e01\u0e17\u0e38\u0e01\u0e20\u0e32\u0e1e\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e04\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27<\/p>\n                <\/div>\n            <\/div>\n\n            <p class=\"fs-18 fs-md-24\" style=\"text-align: center; margin-top: 3rem; color: var(--primary-color);\">\n                <strong data-i18n=\"value_note\"><strong>100% \u2014 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e2a\u0e2d\u0e07\u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e01\u0e31\u0e19<\/strong><\/strong>\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"comparison-section scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\" data-i18n=\"compare_title\"><span class=\"compare-first-line\">&quot;\u0e04\u0e38\u0e13\u0e40\u0e1b\u0e47\u0e19\u0e43\u0e04\u0e23&quot; \u0e41\u0e25\u0e49\u0e27\u0e2b\u0e22\u0e38\u0e14<\/span><br>\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e19\u0e35\u0e49\u0e44\u0e1b\u0e15\u0e48\u0e2d: &quot;\u0e41\u0e25\u0e49\u0e27\u0e04\u0e38\u0e13\u0e17\u0e33\u0e2d\u0e30\u0e44\u0e23\u0e44\u0e14\u0e49\u0e1a\u0e49\u0e32\u0e07&quot;\"<\/h2>\n\n            <div class=\"comparison-table font-p\">\n                <table>\n                    <thead>\n                        <tr>\n                            <th class=\"fs-14 fs-md-20\"\n                                style=\"width: 30%; background: linear-gradient(135deg, #7B9296 0%, #5A7A7C 100%);\"\n                                data-i18n=\"compare_th1\">\u0e2b\u0e21\u0e27\u0e14\u0e2b\u0e21\u0e39\u0e48<\/th>\n                            <th class=\"fs-14 fs-md-20\"\n                                style=\"background: linear-gradient(135deg, #A89589 0%, #9A6F47 100%);\"\n                                data-i18n=\"compare_th2\">\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e1f\u0e23\u0e35<\/th>\n                            <th class=\"fs-14 fs-md-22\"\n                                style=\"background: linear-gradient(135deg, #5A7A7C 0%, #3D5456 100%);\"\n                                data-i18n=\"compare_th3\">\u0e04\u0e38\u0e13\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a \u2728<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r1_label\">\u0e04\u0e33\u0e16\u0e32\u0e21<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r1_free\">10\u201320 \u0e02\u0e49\u0e2d\u0e27\u0e34\u0e08\u0e32\u0e23\u0e13\u0e4c\u0e43\u0e19\u0e01\u0e32\u0e23\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e43\u0e19\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e19\u0e35\u0e49<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r1_ours\">93 \u0e2a\u0e16\u0e32\u0e19\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e08\u0e23\u0e34\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e40\u0e1c\u0e22\u0e04\u0e27\u0e32\u0e21\u0e08\u0e23\u0e34\u0e07<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r2_label\">\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r2_free\">\u0e1a\u0e17\u0e2a\u0e19\u0e17\u0e19\u0e32 4 + \u0e04\u0e33\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r2_ours\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19 10,000+ \u0e04\u0e33 \u2014 \u0e17\u0e38\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e04\u0e38\u0e13<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r3_label\">\u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r3_free\">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2b\u0e23\u0e37\u0e2d\u0e20\u0e32\u0e1e\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r3_ours\">\u0e20\u0e32\u0e1e Q-style \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e38\u0e13 10+ \u0e20\u0e32\u0e1e<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r4_label\">\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r4_free\">\u0e15\u0e2d\u0e07\u0e0b\u0e37\u0e49\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2b\u0e23\u0e37\u0e2d\u0e2d\u0e31\u0e1e\u0e40\u0e01\u0e23\u0e14<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r4_ours\">\u0e08\u0e48\u0e32\u0e22\u0e04\u0e23\u0e31\u0e49\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27\u0e1b\u0e25\u0e14\u0e25\u0e47\u0e2d\u0e04\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r5_label\">\u0e19\u0e49\u0e33\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r5_free\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e1c\u0e25\u0e2a\u0e2d\u0e1a \u2014 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r5_ours\">\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e04\u0e38\u0e22\u0e14\u0e49\u0e27\u0e22 \u2014 \u0e2d\u0e1a\u0e2d\u0e38\u0e48\u0e19\u0e41\u0e25\u0e30\u0e15\u0e23\u0e07\u0e44\u0e1b\u0e15\u0e23\u0e07\u0e21\u0e32<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r6_label\">\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<\/td>\n                            <td class=\"cross fs-14 fs-md-20\" data-i18n=\"compare_r6_free_tw\">\u0e44\u0e21\u0e48\u0e21\u0e35<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r6_ours\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e40\u0e2a\u0e35\u0e22\u0e07 (Soul Talk)<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r7_label\">\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e01\u0e32\u0e23\u0e04\u0e37\u0e19\u0e40\u0e07\u0e34\u0e19<\/td>\n                            <td class=\"cross fs-14 fs-md-20\" data-i18n=\"compare_r7_free_tw\">\u0e44\u0e21\u0e48\u0e21\u0e35\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e04\u0e37\u0e19\u0e40\u0e07\u0e34\u0e19<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r7_ours\">\u0e04\u0e37\u0e19\u0e40\u0e07\u0e34\u0e19\u0e40\u0e15\u0e47\u0e21\u0e08\u0e33\u0e19\u0e27\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n\n            <p class=\"fs-20 fs-md-28\" style=\"text-align: center; margin-top: 3rem; color: var(--primary-color);\"\n                data-i18n=\"compare_summary\">\u2014<br>\u0e41\u0e1c\u0e19 &quot;\u0e40\u0e0a\u0e34\u0e0d\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07&quot; \u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"product-intro scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"font-h2 fs-28 fs-md-48\" style=\"margin-bottom: 1.5rem; position: relative; padding-bottom: 2rem;\">\n                <span data-i18n=\"char_title\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e31\u0e27\u0e25\u0e30\u0e04\u0e23\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e04\u0e38\u0e13 \u2014 \u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e43\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e2d\u0e27\u0e32\u0e15\u0e32\u0e23\u0e4c\u0e19\u0e35\u0e49<\/span>\n                <span\n                    style=\"content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 140px; height: 4px; background: linear-gradient(90deg, transparent, #B5A290 20%, #7B9A9C 50%, #B5A290 80%, transparent); border-radius: 4px; display: block;\"><\/span>\n            <\/h2>\n            <p class=\"fs-18 fs-md-24 mobile-text-left\"\n                style=\"margin-bottom: 3rem; line-height: 1.8; color: var(--gray);\" data-i18n=\"char_subtitle\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e31\u0e27\u0e25\u0e30\u0e04\u0e23\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e04\u0e38\u0e13\u0e43\u0e19\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a<br>\u0e15\u0e31\u0e27\u0e25\u0e30\u0e04\u0e23\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e08\u0e30\u0e23\u0e48\u0e27\u0e21\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e1c\u0e48\u0e32\u0e19 93 \u0e2a\u0e16\u0e32\u0e19\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e01\u0e31\u0e1a\u0e04\u0e38\u0e13 \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e41\u0e04\u0e48\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e18\u0e23\u0e23\u0e21\u0e14\u0e32:\u0e09\u0e32\u0e01\u0e40\u0e0a\u0e48\u0e19 \u0e15\u0e2d\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e04\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e15\u0e2d\u0e19\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e31\u0e07\u0e04\u0e21 \u0e15\u0e2d\u0e19\u0e17\u0e33\u0e07\u0e32\u0e19\u0e17\u0e33\u0e43\u0e2b\u0e49 \"\u0e04\u0e38\u0e13\" \u0e43\u0e19\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01\u0e08\u0e23\u0e34\u0e07\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19<\/p>\n\n            <div\n                style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; max-width: 900px; margin: 3rem auto;\">\n                <div style=\"text-align: center;\">\n                    <img decoding=\"async\" src=\"https:\/\/pub-692abbec3b20435e888c103b6c121447.r2.dev\/role\/M1-M6.gif\" alt=\"\u0e15\u0e31\u0e27\u0e25\u0e30\u0e04\u0e23\u0e0a\u0e32\u0e22 6 \u0e15\u0e31\u0e27\"\n                        loading=\"lazy\"\n                        style=\"width: 100%; height: auto; border-radius: 20px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.2); border: 4px solid #7B9A9C;\">\n                    <p class=\"jf-hornedfrog fs-34 fs-md-34\"\n                        style=\"font-family: jf-hornedfrog !important; font-weight: bold; margin-top: 1.5rem; color: var(--primary-color);\"\n                        data-i18n=\"char_male\">\ud83d\udc68 \u0e15\u0e31\u0e27\u0e25\u0e30\u0e04\u0e23\u0e1c\u0e39\u0e49\u0e0a\u0e32\u0e22 6 \u0e41\u0e1a\u0e1a<\/p>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <img decoding=\"async\" src=\"https:\/\/pub-692abbec3b20435e888c103b6c121447.r2.dev\/role\/F1-F6.gif\" alt=\"\u0e15\u0e31\u0e27\u0e25\u0e30\u0e04\u0e23\u0e2b\u0e0d\u0e34\u0e07 6 \u0e15\u0e31\u0e27\"\n                        loading=\"lazy\"\n                        style=\"width: 100%; height: auto; border-radius: 20px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.2); border: 4px solid #7B9A9C;\">\n                    <p class=\"jf-hornedfrog fs-34 fs-md-34\"\n                        style=\"font-family: jf-hornedfrog !important; font-weight: bold; margin-top: 1.5rem; color: var(--primary-color);\"\n                        data-i18n=\"char_female\">\ud83d\udc69 \u0e15\u0e31\u0e27\u0e25\u0e30\u0e04\u0e23\u0e1c\u0e39\u0e49\u0e2b\u0e0d\u0e34\u0e07 6 \u0e41\u0e1a\u0e1a<\/p>\n                <\/div>\n            <\/div>\n\n            <div\n                style=\"background: rgba(255,255,255,0.3); padding: 2rem; border-radius: 15px; max-width: 700px; margin: 3rem auto; border: 2px solid rgba(123, 154, 156, 0.2);\">\n                <p class=\"fs-18 fs-md-20\" style=\"line-height: 1.8; color: var(--dark);\" data-i18n=\"char_tip\">\ud83d\udca1 \u0e2b\u0e25\u0e31\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e31\u0e27\u0e25\u0e30\u0e04\u0e23 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e40\u0e2b\u0e47\u0e19 \"\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\" \u0e1b\u0e23\u0e32\u0e01\u0e0f\u0e43\u0e19\u0e09\u0e32\u0e01\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e43\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19<br>\u2014 \u0e27\u0e32\u0e14\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e14\u0e39<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"report-showcase scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\" style=\"color: var(--dark);\" data-i18n=\"audience_title\">MBTI \u0e15\u0e48\u0e2d\u0e44\u0e1b<br>\u0e2b\u0e23\u0e37\u0e2d\u0e17\u0e33\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e15\u0e31\u0e27\u0e2d\u0e31\u0e01\u0e29\u0e23 4 \u0e15\u0e31\u0e27\u0e44\u0e14\u0e49<\/h2>\n\n            <div class=\"report-features\">\n                <div class=\"report-feature\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-3-1.png\" alt=\"\u0e21\u0e37\u0e2d\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e04\u0e23\u0e31\u0e49\u0e07\u0e41\u0e23\u0e01\" width=\"400\" height=\"400\"\n                        style=\"width: 100%; height: auto; margin-bottom: 1.5rem;\">\n                    <h3 class=\"fs-40 fs-md-40\" style=\"margin-bottom: 1rem; color: var(--primary-color);\"\n                        data-i18n=\"audience_first_title\">\u0e19\u0e31\u0e48\u0e19\u0e41\u0e2b\u0e25\u0e30<\/h3>\n                    <p class=\"fs-16 fs-md-18\" data-i18n=\"audience_first_desc\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e32\u0e21\u0e2a\u0e31\u0e0d\u0e0a\u0e32\u0e15\u0e0d\u0e32\u0e13 \u0e15\u0e2d\u0e1a 93 \u0e04\u0e33\u0e16\u0e32\u0e21\u0e2a\u0e16\u0e32\u0e19\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e08\u0e23\u0e34\u0e07 \u2014 \u0e41\u0e25\u0e49\u0e27\u0e04\u0e38\u0e13\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e25\u0e34\u0e01\u0e20\u0e32\u0e1e\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e04\u0e19\u0e40\u0e14\u0e35\u0e22\u0e27<\/p>\n                <\/div>\n                <div class=\"report-feature\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-3-2a.png\" alt=\"\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e41\u0e25\u0e30\u0e44\u0e14\u0e49\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e21\u0e32\u0e2b\u0e25\u0e32\u0e22\u0e04\u0e23\u0e31\u0e49\u0e07\u0e41\u0e25\u0e49\u0e27\" width=\"400\" height=\"400\"\n                        style=\"width: 100%; height: auto; margin-bottom: 1.5rem;\">\n                    <h3 class=\"fs-36 fs-md-40\" style=\"margin-bottom: 1rem; color: var(--primary-color);\"\n                        data-i18n=\"audience_repeat_title\">\u0e04\u0e38\u0e13\u0e40\u0e04\u0e22\u0e17\u0e33\u0e21\u0e32\u0e1a\u0e49\u0e32\u0e07\u0e44\u0e2b\u0e21\u0e41\u0e25\u0e49\u0e27<\/h3>\n                    <p class=\"fs-16 fs-md-18\" data-i18n=\"audience_repeat_desc\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e19\u0e35\u0e49\u0e15\u0e48\u0e32\u0e07\u0e2d\u0e2d\u0e01\u0e44\u0e1b \u2014 \u0e1a\u0e2d\u0e01\u0e15\u0e23\u0e07\u0e46 \u0e27\u0e48\u0e32\u0e17\u0e33\u0e44\u0e21\u0e04\u0e38\u0e13\u0e16\u0e36\u0e07\u0e40\u0e08\u0e2d\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e14\u0e34\u0e21\u0e0b\u0e49\u0e33\u0e46 \u0e41\u0e25\u0e30\u0e08\u0e30\u0e1b\u0e23\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23<\/p>\n                <\/div>\n            <\/div>\n\n            <p class=\"fs-22 fs-md-32\" style=\"text-align: center; margin-top: 3rem; color: var(--dark);\"\n                data-i18n=\"audience_summary\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e19\u0e35\u0e49\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e41\u0e04\u0e48\u0e41\u0e1b\u0e30\u0e1b\u0e49\u0e32\u0e22\u0e1a\u0e2d\u0e01\u0e27\u0e48\u0e32 \"\u0e04\u0e38\u0e13\u0e40\u0e1b\u0e47\u0e19 XXXX\"\u0e41\u0e15\u0e48\u0e08\u0e30\u0e1a\u0e2d\u0e01\u0e27\u0e48\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e17\u0e33\u0e2d\u0e30\u0e44\u0e23\u0e15\u0e48\u0e2d<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"product-intro scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"font-h2 fs-28 fs-md-48\" style=\"margin-bottom: 2rem; position: relative; padding-bottom: 2rem;\">\n                <span data-i18n=\"qillust_title\">Q-style Q-style 10+ \u0e20\u0e32\u0e1e\u0e42\u0e06\u0e29\u0e13\u0e32\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e04\u0e38\u0e13<\/span>\n                <span\n                    style=\"content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 140px; height: 4px; background: linear-gradient(90deg, transparent, #B5A290 20%, #7B9A9C 50%, #B5A290 80%, transparent); border-radius: 4px; display: block;\"><\/span>\n            <\/h2>\n\n            <div\n                style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; max-width: 800px; margin: 2rem auto;\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/5956-WP01-MBTI-05A.png\" alt=\"\u0e01\u0e32\u0e23\u0e04\u0e34\u0e14\u0e40\u0e0a\u0e34\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\" width=\"300\" height=\"300\"\n                    style=\"width: 100%; height: auto; border-radius: 15px; box-shadow: 0 8px 25px rgba(139, 125, 107, 0.15);\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-5-2.png\" alt=\"\u0e1e\u0e31\u0e01\u0e1c\u0e48\u0e2d\u0e19\u0e43\u0e2b\u0e49\u0e2a\u0e1a\u0e32\u0e22\" width=\"300\" height=\"300\" style=\"width: 100%; height: auto; border-radius: 15px; box-shadow: 0 8px 25px rgba(139, 125, 107, 0.15);\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-5-3.png\" alt=\"\u0e1b\u0e0f\u0e34\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e1a\u0e38\u0e04\u0e04\u0e25\" width=\"300\" height=\"300\" style=\"width: 100%; height: auto; border-radius: 15px; box-shadow: 0 8px 25px rgba(139, 125, 107, 0.15);\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/5959-WP01-MBTI-05D.png\" alt=\"\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e19\u0e42\u0e14\u0e29\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e43\u0e04\u0e23\u0e48\u0e04\u0e23\u0e27\u0e0d\" width=\"300\" height=\"300\"\n                    style=\"width: 100%; height: auto; border-radius: 15px; box-shadow: 0 8px 25px rgba(139, 125, 107, 0.15);\">\n            <\/div>\n\n            <p class=\"fs-18 fs-md-24 mobile-text-left\" style=\"margin: 2rem 0; line-height: 1.8;\"\n                data-i18n=\"qillust_desc\">\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e43\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21<br>\u0e04\u0e38\u0e13\u0e08\u0e30\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e20\u0e32\u0e1e Q-style \u0e40\u0e09\u0e1e\u0e32\u0e30 10+ \u0e20\u0e32\u0e1e<br>\u0e41\u0e2a\u0e14\u0e07\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e15\u0e2d\u0e19\u0e17\u0e33\u0e07\u0e32\u0e19\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\u0e43\u0e19\u0e04\u0e37\u0e19\u0e19\u0e35\u0e49... \u0e41\u0e25\u0e30\u0e40\u0e1b\u0e47\u0e19 &quot;\u0e04\u0e38\u0e13&quot;\"<\/p>\n\n            <div\n                style=\"background: rgba(255,255,255,0.2); padding: 2rem 2.5rem; border-radius: 15px; max-width: 750px; margin: 2rem auto;\">\n                <p class=\"jf-hornedfrog fs-26 fs-md-32\"\n                    style=\"font-family: jf-hornedfrog !important; font-weight: bold; font-style: italic;\">\n                    <span data-i18n=\"qillust_quote\">\"&quot;\u0e15\u0e2d\u0e19\u0e19\u0e36\u0e07\u0e17\u0e35\u0e48\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e19\u0e31\u0e48\u0e07\u0e1e\u0e34\u0e21\u0e1e \u0e4c\u0e07\u0e32\u0e19\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e15\u0e31\u0e49\u0e07\u0e04\u0e33\u0e16\u0e32\u0e21\u0e01\u0e31\u0e1a\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e2b\u0e31\u0e27\u0e40\u0e23\u0e32\u0e30\u0e2d\u0e2d\u0e01\u0e21\u0e32\u0e40\u0e25\u0e22 \u2014 \u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e21\u0e32\u0e01\u0e46!&quot;\"<\/span>\n                <\/p>\n            <\/div>\n\n            <p class=\"fs-18 fs-md-24\" style=\"margin-top: 2rem;\" data-i18n=\"qillust_note\">\u0e04\u0e38\u0e13\u0e15\u0e49\u0e2d\u0e07\u0e2d\u0e31\u0e1e\u0e42\u0e2b\u0e25\u0e14\u0e23\u0e39\u0e1b\u0e16\u0e48\u0e32\u0e22\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e25\u0e34\u0e01\u0e20\u0e32\u0e1e\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e04\u0e38\u0e13 + \u0e20\u0e32\u0e1e\u0e27\u0e32\u0e14\u0e19\u0e48\u0e32\u0e23\u0e31\u0e01\u0e23\u0e27\u0e21\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e14\u0e39\u0e22\u0e49\u0e2d\u0e19\u0e01\u0e25\u0e31\u0e1a\u0e44\u0e14\u0e49\u0e17\u0e38\u0e01\u0e40\u0e21\u0e37\u0e48\u0e2d<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"soul-talk scroll-animate\">\n        <div class=\"soul-talk-content\">\n            <h2 class=\"jf-kamabit fs-32 fs-md-48\"\n                style=\"margin-bottom: 2.5rem; line-height: 1.4; position: relative; padding-bottom: 2rem; text-align: center; color: #F5F0EA;\"\n                data-i18n=\"soul_title\">\ud83c\udfa7 Soul Talk \u2014 \u0e40\u0e2a\u0e35\u0e22\u0e07\u0e2a\u0e30\u0e17\u0e49\u0e2d\u0e19\u0e15\u0e31\u0e27\u0e15\u0e19<\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-6.png\" alt=\"\u0e1c\u0e39\u0e49\u0e1f\u0e31\u0e07\" width=\"500\" height=\"400\" style=\"max-width: 500px; width: 100%; height: auto; border-radius: 20px; margin: 2rem auto; display: block;\">\n\n            <p class=\"fs-20 fs-md-24\" style=\"margin-bottom: 1.5rem;\" data-i18n=\"soul_desc1\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e22\u0e32\u0e27\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b\u0e44\u0e21\u0e48\u0e2d\u0e22\u0e32\u0e01\u0e2d\u0e48\u0e32\u0e19? \u0e2b\u0e23\u0e37\u0e2d\u0e2d\u0e48\u0e32\u0e19\u0e08\u0e1a\u0e41\u0e25\u0e49\u0e27\u0e2d\u0e22\u0e32\u0e01\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e25\u0e36\u0e01\u0e02\u0e36\u0e49\u0e19?<\/p>\n            <p class=\"fs-20 fs-md-24\" data-i18n=\"soul_desc2\">Soul Talk \u0e08\u0e30\u0e40\u0e25\u0e48\u0e32\u0e44\u0e2e\u0e44\u0e25\u0e17\u0e4c\u0e02\u0e2d\u0e07\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e14 \u0e49\u0e27\u0e22\u0e19\u0e49\u0e33\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e15\u0e32\u0e21\u0e1b\u0e01\u0e15\u0e34 \u2014 \u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e04 \u0e38\u0e13\u0e0a\u0e48\u0e27\u0e22\u0e08\u0e31\u0e14\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14<\/p>\n\n            <div style=\"background: rgba(255,255,255,0.2); padding: 2rem; border-radius: 15px; margin: 2rem 0;\">\n                <p class=\"fs-18 fs-md-20 mobile-text-left\" style=\"line-height: 1.9;\" data-i18n=\"soul_tip\">- \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07<br>\u0e2a\u0e27\u0e21\u0e2b\u0e39\u0e1f\u0e31\u0e07\u0e41\u0e25\u0e30\u0e14\u0e39\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e19\u0e35\u0e49\u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e04\u0e38\u0e13<br>\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e43\u0e19\u0e41\u0e1a\u0e1a\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/p>\n            <\/div>\n\n            <div class=\"features-grid\" style=\"margin-top: 3rem;\">\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udc42<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"soul_f1_title\">\u0e21\u0e32\u0e41\u0e25\u0e49\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f1_desc\">\u0e1f\u0e31\u0e07\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e48\u0e2d\u0e19\u0e19\u0e2d\u0e19 \u2014 \u0e27\u0e34\u0e18\u0e35\u0e17\u0e35\u0e48\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e17\u0e35\u0e48\u0e1c\u0e48\u0e2d\u0e19\u0e04\u0e25\u0e32\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udfaf<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"soul_f2_title\">\u0e17\u0e38\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e04\u0e38\u0e13<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f2_desc\">\u0e21\u0e35\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e17\u0e31\u0e48\u0e27\u0e44\u0e1b \u2014 \u0e40\u0e1b\u0e47\u0e19\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e32\u0e01\u0e1c\u0e25\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udfb5<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"soul_f3_title\">\u0e1f\u0e31\u0e07\u0e08\u0e1a\u0e40\u0e2b\u0e47\u0e19\u0e17\u0e34\u0e28\u0e17\u0e32\u0e07\u0e17\u0e35\u0e48\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e02\u0e36\u0e49\u0e19<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f3_desc\">\u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e2d\u0e32\u0e08\u0e15\u0e49\u0e2d\u0e07\u0e41\u0e01\u0e49\u0e44\u0e02\u0e40\u0e1e\u0e35\u0e22\u0e07 30% \u2014 \u0e2d\u0e48\u0e32\u0e19\u0e08\u0e1a\u0e41\u0e25\u0e49\u0e27\u0e04\u0e38\u0e13\u0e08\u0e30\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\u0e21\u0e32\u0e01\u0e02\u0e36\u0e49\u0e19\u0e27\u0e48\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e41\u0e01\u0e49\u0e44\u0e02\u0e22\u0e31\u0e07\u0e44\u0e07<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udc9d<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"soul_f4_title\">\u0e41\u0e15\u0e48\u0e2d\u0e1a\u0e2d\u0e38\u0e48\u0e19<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f4_desc\">\u0e19\u0e49\u0e33\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e04\u0e38\u0e22 \u0e41\u0e15\u0e48\u0e17\u0e38\u0e01\u0e04\u0e33\u0e41\u0e1b\u0e25\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a \u2014 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e08\u0e23\u0e34\u0e07\u0e46<\/p>\n                <\/div>\n            <\/div>\n\n            <p class=\"fs-18 fs-md-24 mobile-text-left\" style=\"margin-top: 3rem;\" data-i18n=\"soul_quote\">\u0e1a\u0e32\u0e07\u0e04\u0e19\u0e1a\u0e2d\u0e01\u0e27\u0e48\u0e32: &quot;\u0e1f\u0e31\u0e07\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e19\u0e31\u0e49\u0e19\u0e08\u0e1a\u0e43\u0e19\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32\u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19 &quot;&quot;\"<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"testimonials scroll-animate\">\n        <div class=\"container\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\" data-i18n=\"testi_title\">\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e08\u0e23\u0e34\u0e07 \u2014 \u0e21\u0e32\u0e14\u0e39\u0e01\u0e31\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e39\u0e14\u0e2d\u0e30\u0e44\u0e23\u0e1a\u0e49\u0e32\u0e07<\/h2>\n\n            <div class=\"testimonial-grid\">\n                <div class=\"testimonial-card\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-7-1.png\" alt=\"\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08 1\" width=\"300\" height=\"300\"\n                        style=\"width: 100%; height: auto;\">\n                    <div class=\"testimonial-text fs-30 fs-md-32\">\n                        <span\n                            data-i18n=\"testi_1_text\">\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e18\u0e23\u0e23\u0e21\u0e14\u0e32 \u0e41\u0e15\u0e48\u0e2d\u0e48\u0e32\u0e19\u0e16\u0e36\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e01\u0e47\u0e23\u0e39\u0e49\u0e41\u0e25\u0e49\u0e27\u0e17\u0e38\u0e01\u0e04\u0e33\u0e41\u0e1b\u0e25\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e2a\u0e35\u0e41\u0e14\u0e07\u0e01\u0e40\u0e02\u0e35\u0e22\u0e19\u0e01\u0e25\u0e49\u0e32\u0e1e\u0e39\u0e14\u0e2d\u0e2d\u0e01\u0e21\u0e32\u0e41\u0e04\u0e1b\u0e2a\u0e48\u0e07\u0e43\u0e2b\u0e49\u0e14\u0e39\u0e17\u0e35\u0e48\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e1a\u0e2d\u0e01 &quot;\u0e41\u0e25\u0e30\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e40\u0e18\u0e2d\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07&quot;\"<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_1_author\">\u2014 \u0e40\u0e21 \/ 27 \/ INFP<\/div>\n                <\/div>\n                <div class=\"testimonial-card\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-7-2.png\" alt=\"\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e17\u0e35\u0e48\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08 2\" width=\"300\" height=\"300\"\n                        style=\"width: 100%; height: auto;\">\n                    <div class=\"testimonial-text fs-30 fs-md-32\">\n                        <span data-i18n=\"testi_2_text\">\u0e01\u0e48\u0e2d\u0e19\u0e2d\u0e37\u0e48\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e44\u0e21\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e1f\u0e31\u0e07\u0e15\u0e2d\u0e19\u0e40\u0e14\u0e34\u0e19\u0e17\u0e32\u0e07\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e23\u0e32\u0e27\u0e02\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e2a\u0e1a\u0e32\u0e22\u0e21\u0e32\u0e01\u0e04\u0e37\u0e2d AI \u0e17\u0e35\u0e48\u0e41\u0e02\u0e47\u0e07\u0e46 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a Soul Talk!<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_2_author\">\u2014 \u0e40\u0e08\u0e22\u0e4c \/ \u0e2d\u0e32\u0e22\u0e38 31 \u0e1b\u0e35 \/ INTJ<\/div>\n                <\/div>\n                <div class=\"testimonial-card\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-7-3.png\" alt=\"\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e1e\u0e36\u0e07\u0e1e\u0e2d\u0e43\u0e08 3\" width=\"300\" height=\"300\"\n                        style=\"width: 100%; height: auto;\">\n                    <div class=\"testimonial-text fs-30 fs-md-32\">\n                        <span\n                            data-i18n=\"testi_3_text\">&quot;\u0e2d\u0e48\u0e2d\u0e19\u0e44\u0e2b\u0e27\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b&quot; &quot;\u0e04\u0e34\u0e14\u0e44\u0e14\u0e49\u0e2d\u0e35\u0e01&quot; \u0e2d\u0e48\u0e32\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e08\u0e1a\u0e16\u0e36\u0e07\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19\u0e08\u0e38\u0e14\u0e41\u0e02\u0e47\u0e07 \u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e27\u0e34\u0e18\u0e35\u0e43\u0e0a\u0e49\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e19\u0e35\u0e49\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\u0e43\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e2b\u0e22\u0e38\u0e14\u0e2a\u0e07\u0e2a\u0e31\u0e22\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e44\u0e14\u0e49<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_3_author\">\u2014 \u0e42\u0e0b\u0e2d\u0e35\u0e49 \/ \u0e2d\u0e32\u0e22\u0e38 29 \u0e1b\u0e35 \/ ENFJ<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"testimonial-dots\">\n                <span class=\"testimonial-dot active\" data-index=\"0\"><\/span>\n                <span class=\"testimonial-dot\" data-index=\"1\"><\/span>\n                <span class=\"testimonial-dot\" data-index=\"2\"><\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"pricing\" class=\"pricing-section scroll-animate\" style=\"display:none;\">\n        <div class=\"container\">\n            <h2 class=\"section-title font-h2 fs-30 fs-md-48\" style=\"color: var(--dark);\" data-i18n=\"pricing_title\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e41\u0e1c\u0e19\u0e17\u0e35\u0e48\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/h2>\n            <p class=\"fs-18 fs-md-24 mobile-text-left\"\n                style=\"text-align: center; margin-bottom: 3rem; color: var(--gray);\" data-i18n=\"pricing_subtitle\">\u0e08\u0e48\u0e32\u0e22\u0e04\u0e23\u0e31\u0e49\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27\u0e40\u0e01\u0e47\u0e1a\u0e15\u0e25\u0e2d\u0e14\u0e44\u0e1b \u0e44\u0e21\u0e48\u0e1c\u0e39\u0e01\u0e21\u0e31\u0e14 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e48\u0e32\u0e43\u0e0a\u0e49\u0e08\u0e48\u0e32\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21<br>\u0e44\u0e21\u0e48\u0e1e\u0e2d\u0e43\u0e08\u0e2a\u0e48\u0e27\u0e19\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e20\u0e32\u0e22\u0e43\u0e19 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07? \u0e04\u0e37\u0e19\u0e40\u0e07\u0e34\u0e19\u0e40\u0e15\u0e47\u0e21\u0e08\u0e33\u0e19\u0e27\u0e19 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e2a\u0e35\u0e48\u0e22\u0e07<\/p>\n\n            <div class=\"pricing-grid\">\n                \n                <div class=\"pricing-card\" style=\"display: flex; flex-direction: column;\">\n                    <div class=\"jf-kamabit pricing-subtitle fs-36 fs-md-36\" data-i18n=\"planA_badge\">\u3010\u0e2d\u0e48\u0e32\u0e19\u3011<\/div>\n                    <div class=\"jf-kamabit pricing-title fs-40 fs-md-40\" data-i18n=\"planA_name\">MBTI<\/div>\n                    <div class=\"lihsianti pricing-description fs-32 fs-md-36\">\n                        <span data-i18n=\"planA_desc\">\u0e2d\u0e32\u0e08\u0e08\u0e30\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e01\u0e48\u0e2d\u0e19? \u0e40\u0e23\u0e34\u0e48\u0e21\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48<\/span>\n                    <\/div>\n                    <div class=\"jf-jinxuanlatte-semibold pricing-original fs-16 fs-md-20\"><span\n                            data-i18n=\"price_original_label\">\u0e23\u0e32\u0e04\u0e32\u0e1b\u0e01\u0e15\u0e34<\/span> <span class=\"jf-jinxuanlatte-semibold\"\n                            data-price=\"planA-original\">---<\/span><\/div>\n                    <div class=\"pricing-badge-placeholder\" style=\"visibility: hidden;\"><span\n                            class=\"fs-16 fs-md-18\">&nbsp;<\/span><\/div>\n                    <div class=\"jf-jinxuanlatte-heavy pricing-price fs-30 fs-md-36\"><span\n                            data-i18n=\"price_sale_label\">\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e08\u0e33\u0e01\u0e31\u0e14<\/span><br><span data-price=\"planA-sale\">---<\/span>\n                    <\/div>\n                    <div class=\"pricing-savings-placeholder\" style=\"visibility: hidden;\"><span\n                            class=\"fs-16 fs-md-20\">&nbsp;<\/span><\/div>\n\n                    <div class=\"pricing-features font-p\">\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f1\">93 \u0e04\u0e33\u0e16\u0e32\u0e21\u0e08\u0e32\u0e01\u0e2a\u0e16\u0e32\u0e19\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e08\u0e23\u0e34\u0e07<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f2\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e25\u0e34\u0e01\u0e20\u0e32\u0e1e\u0e40\u0e09\u0e1e\u0e32\u0e30 10,000+ \u0e04\u0e33<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f3\">\u0e20\u0e32\u0e1e Q-style \u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 10+ \u0e20\u0e32\u0e1e<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f4\">\u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e04\u0e23\u0e1a: \u0e1e\u0e25\u0e31\u0e07\u0e07\u0e32\u0e19 \u0e07\u0e32\u0e19 \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c \u0e41\u0e1c\u0e19\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e01\u0e32\u0e23<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f5\">\u0e04\u0e37\u0e19\u0e40\u0e07\u0e34\u0e19\u0e40\u0e15\u0e47\u0e21\u0e08\u0e33\u0e19\u0e27\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07<\/div>\n                    <\/div>\n\n                    <a href=\"https:\/\/maybeits.me\/th\/mbti-start\/?plan=A\" data-plan-link=\"A\"\n                        class=\"cta-button cta-secondary fs-18 fs-md-20\" style=\"width: 100%; margin: 2rem 0 0 0;\"\n                        data-i18n=\"planA_cta\">\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e41\u0e1c\u0e19\u0e19\u0e35\u0e49<\/a>\n                <\/div>\n\n                <div class=\"pricing-card featured\">\n                    <div class=\"jf-kamabit pricing-subtitle fs-36 fs-md-36\" data-i18n=\"planB_badge\">\u3010\u0e0a\u0e38\u0e14\u0e40\u0e15\u0e47\u0e21\u3011<\/div>\n                    <div class=\"jf-kamabit pricing-title fs-38 fs-md-38\" data-i18n=\"planB_name\">MBTI \u0e0a\u0e38\u0e14\u0e08\u0e31\u0e14\u0e40\u0e15\u0e47\u0e21<br>(\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\uff0b\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e2a\u0e30\u0e17\u0e49\u0e2d\u0e19\u0e15\u0e31\u0e27\u0e15\u0e19)<\/div>\n                    <div class=\"lihsianti pricing-description fs-32 fs-md-36\">\n                        <span data-i18n=\"planB_desc\">\u0e2d\u0e48\u0e32\u0e19 + \u0e1f\u0e31\u0e07 \u2014 \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e2a\u0e2d\u0e07\u0e17\u0e32\u0e07<\/span>\n                    <\/div>\n                    <div class=\"jf-jinxuanlatte-semibold pricing-original fs-16 fs-md-20\"><span\n                            data-i18n=\"price_original_label\">\u0e23\u0e32\u0e04\u0e32\u0e1b\u0e01\u0e15\u0e34<\/span> <span class=\"jf-jinxuanlatte-semibold\"\n                            data-price=\"planB-original\">---<\/span><\/div>\n                    <div class=\"font-p fs-16 fs-md-18 pricing-badge\" data-i18n=\"planB_popular\">\u2b50 \u0e08\u0e23\u0e34\u0e07\u0e46<\/div>\n                    <div class=\"jf-jinxuanlatte-heavy pricing-price fs-30 fs-md-36\"><span\n                            data-i18n=\"price_sale_label\">\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e08\u0e33\u0e01\u0e31\u0e14<\/span><br><span data-price=\"planB-sale\">---<\/span>\n                    <\/div>\n                    <div class=\"jf-jinxuanlatte-extrabold pricing-savings fs-16 fs-md-20\"\n                        data-i18n=\"price_savings_prefix\">\ud83d\udcb0 \u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14<\/div>\n\n                    <div class=\"pricing-features font-p\">\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f1\">\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21 (\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19 + \u0e20\u0e32\u0e1e\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e23\u0e27\u0e21)<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f3\">\u0e0a\u0e38\u0e14\u0e20\u0e32\u0e1e Q-style \u2014 \u0e0a\u0e35\u0e27\u0e34\u0e15\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e27\u0e31\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e27\u0e32\u0e14\u0e2d\u0e2d\u0e01\u0e21\u0e32<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f4\">\u0e1f\u0e31\u0e07\u0e0b\u0e49\u0e33\u0e44\u0e14\u0e49\u0e15\u0e25\u0e2d\u0e14 \u0e40\u0e01\u0e47\u0e1a\u0e15\u0e25\u0e2d\u0e14\u0e44\u0e1b<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f2\">\ud83c\udfa7 Soul Talk \u0e1a\u0e17\u0e2a\u0e19\u0e17\u0e19\u0e32\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30 25 \u0e19\u0e32\u0e17\u0e35<\/div>\n                        <div class=\"pricing-sub-features\"\n                            style=\"padding-left: 2.2rem; margin-top: -0.3rem; margin-bottom: 0.5rem;\">\n                            <div class=\"fs-14 fs-md-16\" style=\"color: var(--gray); line-height: 2;\"\n                                data-i18n=\"planB_f2_sub\">\u221f 60%+ \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e1e\u0e34\u0e40\u0e28\u0e29\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e21\u0e35\u0e43\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19<br>\u221f \u0e43\u0e0a\u0e49\u0e2a\u0e16\u0e32\u0e19\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e43\u0e19\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e08\u0e23\u0e34\u0e07\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e1e\u0e34\u0e2a\u0e39\u0e08\u0e19\u0e4c\u0e17\u0e38\u0e01\u0e02\u0e49\u0e2d\u0e2a\u0e23\u0e38\u0e1b<br>\u221f \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e40\u0e2b\u0e15\u0e38\u0e1c\u0e25\u0e02\u0e49\u0e32\u0e21\u0e21\u0e34\u0e15\u0e34<br>\u221f \u0e41\u0e16\u0e21 MV \u0e40\u0e1e\u0e25\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e04\u0e38\u0e13<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <a href=\"https:\/\/maybeits.me\/th\/mbti-start\/?plan=B\" data-plan-link=\"B\"\n                        class=\"cta-button cta-primary fs-18 fs-md-20\" style=\"width: 100%; margin: 2rem 0 0 0;\"\n                        data-i18n=\"planB_cta\">\u0e1b\u0e25\u0e14\u0e25\u0e47\u0e2d\u0e04\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e15\u0e47\u0e21\u0e17\u0e35\u0e48<\/a>\n                <\/div>\n            <\/div>\n\n            <div\n                style=\"max-width: 900px; margin: 3rem auto; background: white; padding: 2rem; border-radius: 15px; box-shadow: 0 5px 20px rgba(90, 122, 124, 0.1); border-left: 4px solid #5A7A7C; text-align: justify;\">\n                <p class=\"fs-16 fs-md-20\" style=\"color: #3D4848; line-height: 1.7; margin-bottom: 1rem;\">\n                    <strong style=\"color: #5A7A7C;\"><span data-i18n=\"pricing_warn_label\">\u26a0\ufe0f\u0e02\u0e49\u0e2d\u0e2a\u0e33\u0e04\u0e31\u0e0d:<\/span><\/strong><br>\n                    <span data-i18n=\"pricing_warn_desc\">\"&quot;Soul Talk \u0e20\u0e32\u0e1e\u0e22\u0e19\u0e15\u0e23\u0e4c&quot; MBTI \u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07 (\u0e23\u0e32\u0e04\u0e32\u0e40\u0e2a\u0e23\u0e34\u0e21<\/span> <span\n                        data-price=\"audio-addon\">---<\/span>\uff09\n                <\/p>\n                <p class=\"fs-16 fs-md-20\" style=\"color: #3D4848; line-height: 1.7;\">\n                    <strong>\u0e0b\u0e37\u0e49\u0e2d\u0e41\u0e22\u0e01:<\/strong><span data-price=\"planA-sale-alt\">---<\/span>(\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d) + <span\n                        data-price=\"audio-addon-alt\">---<\/span>(\u0e40\u0e2a\u0e35\u0e22\u0e07) = \u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e23\u0e27\u0e21 <span data-price=\"total-separate\">---\n                        975<\/span><br>\n                    <strong style=\"color: #5A7A7C;\">\u0e40\u0e25\u0e37\u0e2d\u0e01 &quot;\u0e0a\u0e38\u0e14\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c&quot; \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14\u0e40\u0e07\u0e34\u0e19\u0e17\u0e31\u0e19\u0e17\u0e35 <span data-price=\"savings-alt\">---\n                            198<\/span>\u0e04\u0e38\u0e49\u0e21\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14<\/strong>\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"bonus-gift scroll-animate\"\n        style=\"background: linear-gradient(135deg, #E8DDD0 0%, #F5F0EA 30%, #E8DDD0 70%, #D9C9B8 100%); padding: 5rem 2rem; position: relative; overflow: hidden;\">\n        \n        <div\n            style=\"content: ''; position: absolute; width: 650px; height: 650px; background: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, rgba(123, 154, 156, 0.04) 50%, transparent 100%); border-radius: 52% 48% 45% 55% \/ 48% 52% 52% 48%; top: -15%; left: -18%; animation: morphing 20s ease-in-out infinite; pointer-events: none;\">\n        <\/div>\n        <div\n            style=\"content: ''; position: absolute; width: 550px; height: 550px; background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%); border-radius: 45% 55% 52% 48%; bottom: -12%; right: -15%; animation: morphing 24s ease-in-out infinite reverse; pointer-events: none;\">\n        <\/div>\n\n        <div class=\"container\">\n            <h2 class=\"section-title font-h2 fs-28 fs-md-48\"\n                style=\"text-align: center; margin-bottom: 2rem; color: #4A4542; position: relative; padding-bottom: 2rem; line-height: 1.5;\">\n                <span data-i18n=\"bonus_title_1\">\ud83c\udf81 \u0e42\u0e1a\u0e19\u0e31\u0e2a\u0e1e\u0e34\u0e40\u0e28\u0e29<\/span><br>\n                <span class=\"fs-24 fs-md-36\" data-i18n=\"bonus_title_2\">\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30 AI MBTI (\u0e23\u0e38\u0e48\u0e19\u0e42\u0e1b\u0e23\u30fb30 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d)<\/span>\n            <\/h2>\n\n            <p class=\"fs-18 fs-md-24 mobile-text-left\"\n                style=\"text-align: center; margin-bottom: 3rem; color: #4A4542; line-height: 1.8; max-width: 800px; margin-left: auto; margin-right: auto;\"\n                data-i18n=\"bonus_desc\">\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e41\u0e04\u0e48\u0e44\u0e14\u0e49\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19 \u2014<br>\u0e04\u0e38\u0e13\u0e22\u0e31\u0e07\u0e44\u0e14\u0e49\u0e0a\u0e38\u0e14\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d AI \u0e1f\u0e23\u0e35<br><br><strong style=\"color: #5A7A7C;\">\ud83d\udcd6 \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01 10,000+ \u0e04\u0e33<\/strong> \u2192 \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07<br><strong style=\"color: #5A7A7C;\">\ud83d\udee0\ufe0f \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d AI 30 \u0e0a\u0e34\u0e49\u0e19<\/strong> \u2192 \u0e0a\u0e48\u0e27\u0e22\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32<\/p>\n\n            <div class=\"bonus-tools-grid\"\n                style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; max-width: 900px; margin: 3rem auto; align-items: stretch;\">\n                \n                <div\n                    style=\"background: white; padding: 2.5rem 2rem; border-radius: 24px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); border-left: 5px solid #7B9A9C; transition: all 0.3s ease; display: flex; flex-direction: column;\">\n                    <h3 class=\"font-p fs-24 fs-md-28\" style=\"margin-bottom: 1.5rem; color: #7B9A9C;\"\n                        data-i18n=\"bonus_mbti_title\">\u2728\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e40\u0e09\u0e1e\u0e32\u0e30 MBTI 15 \u0e0a\u0e34\u0e49\u0e19<\/h3>\n                    <ul class=\"font-p fs-16 fs-md-18\"\n                        style=\"list-style: none; padding: 0; margin: 0; line-height: 2.5; color: #4A4542;\">\n                        <li data-i18n=\"bonus_mbti_1\">\u2022 \u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e21\u0e32\u0e01\u0e44\u0e1b? \u2192 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48<\/li>\n                        <li data-i18n=\"bonus_mbti_2\">\u2022 \u0e40\u0e1b\u0e47\u0e19\u0e40\u0e1e\u0e2d\u0e23\u0e4c\u0e40\u0e1f\u0e01\u0e15\u0e4c\u0e19\u0e34\u0e2a\u0e15\u0e4c? \u2192 \u0e23\u0e30\u0e1a\u0e1a\u0e25\u0e14\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e08\u0e32\u0e01\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e21\u0e1a\u0e39\u0e23\u0e13\u0e4c\u0e41\u0e1a\u0e1a<\/li>\n                        <li data-i18n=\"bonus_mbti_3\">\u2022 \u0e44\u0e21\u0e48\u0e22\u0e2d\u0e21\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01? \u2192 \u0e23\u0e30\u0e1a\u0e1a\u0e1d\u0e36\u0e01\u0e40\u0e02\u0e35\u0e22\u0e19\u0e17\u0e32\u0e07\u0e2d\u0e32\u0e23\u0e21\u0e13\u0e4c<\/li>\n                        <li data-i18n=\"bonus_mbti_4\">\u2022 \u0e21\u0e35\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e44\u0e2b\u0e21? \u2192 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e01\u0e31\u0e19\u0e02\u0e2d\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c<\/li>\n                        <li data-i18n=\"bonus_mbti_5\">\u2022 \u0e44\u0e21\u0e48\u0e23\u0e39\u0e49\u0e08\u0e30\u0e43\u0e2b\u0e49\u0e02\u0e2d\u0e07\u0e02\u0e27\u0e31\u0e0d\u0e2d\u0e30\u0e44\u0e23? \u2192 \u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e19\u0e30\u0e19\u0e33\u0e02\u0e2d\u0e07\u0e02\u0e27\u0e31\u0e0d\u0e2d\u0e31\u0e08\u0e09\u0e23\u0e34\u0e22\u0e30<\/li>\n                        <li data-i18n=\"bonus_mbti_6\">\u2022 \u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e44\u0e21\u0e48\u0e40\u0e27\u0e34\u0e23\u0e4c\u0e04? \u2192 \u0e23\u0e30\u0e1a\u0e1a\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e40\u0e25\u0e34\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23<\/li>\n                        <li style=\"color: #8C8580; font-style: italic;\" data-i18n=\"bonus_mbti_more\">...\u0e21\u0e35 9 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e40\u0e09\u0e1e\u0e32\u0e30<\/li>\n                    <\/ul>\n                <\/div>\n\n                <div\n                    style=\"background: white; padding: 2.5rem 2rem; border-radius: 24px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); border-left: 5px solid #B5A290; transition: all 0.3s ease; display: flex; flex-direction: column;\">\n                    <h3 class=\"font-p fs-24 fs-md-28\" style=\"margin-bottom: 1.5rem; color: #B5A290;\"\n                        data-i18n=\"bonus_general_title\">\u2728\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e2d\u0e40\u0e19\u0e01\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c 15 \u0e0a\u0e34\u0e49\u0e19<\/h3>\n                    <div class=\"fs-16 fs-md-18\" style=\"line-height: 2; color: #4A4542;\">\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_emotion_label\">\u0e2d\u0e32\u0e23\u0e21\u0e13\u0e4c:<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_emotion_items\">\u0e0a\u0e38\u0e14\u0e1b\u0e10\u0e21\u0e1e\u0e22\u0e32\u0e1a\u0e32\u0e25\u0e2d\u0e32\u0e23\u0e21\u0e13\u0e4c, \u0e1c\u0e39\u0e49\u0e23\u0e49\u0e2d\u0e07\u0e16\u0e2d\u0e14\u0e23\u0e2b\u0e31\u0e2a\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e19\u0e31\u0e49\u0e19, \u0e2a\u0e07\u0e2a\u0e32\u0e23\u0e17\u0e38\u0e01\u0e02\u0e4c...<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_decision_label\">\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2b\u0e25\u0e37\u0e2d:<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_decision_items\">\u0e15\u0e32\u0e0a\u0e31\u0e48\u0e07\u0e17\u0e32\u0e07\u0e40\u0e25\u0e37\u0e2d\u0e01, \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e41\u0e22\u0e01\u0e22\u0e48\u0e2d\u0e22\u0e01\u0e25\u0e38\u0e48\u0e21\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22, \u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34...<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_social_label\">\u0e17\u0e31\u0e01\u0e29\u0e30\u0e2a\u0e31\u0e07\u0e04\u0e21:<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_social_items\">\u0e04\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e17\u0e2a\u0e19\u0e17\u0e19\u0e32, \u0e1c\u0e39\u0e49\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e44\u0e01\u0e25\u0e48\u0e40\u0e01\u0e25\u0e35\u0e48\u0e22, \u0e1e\u0e25\u0e31\u0e07\u0e2a\u0e31\u0e07\u0e04\u0e21, \u0e2a\u0e30\u0e17\u0e49\u0e2d\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c...<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_growth_label\">\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25:<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_growth_items\">\u0e44\u0e14\u0e2d\u0e32\u0e23\u0e35\u0e48\u0e23\u0e39\u0e49\u0e15\u0e19\u0e40\u0e2d\u0e07, \u0e04\u0e19\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e08\u0e38\u0e14\u0e41\u0e02\u0e47\u0e07, \u0e04\u0e19\u0e17\u0e35\u0e48\u0e40\u0e23\u0e48\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49...<\/span><\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div\n                style=\"background: rgba(255,255,255,0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 3rem 2.5rem; border-radius: 24px; margin: 3rem auto; max-width: 800px; border: 2px solid rgba(255,255,255,0.4); box-shadow: 0 10px 40px rgba(123, 154, 156, 0.2);\">\n                <div style=\"text-align: center; line-height: 2; color: #4A4542;\">\n                    <p class=\"fs-18 fs-md-24\" style=\"margin-bottom: 1.5rem;\">\n                        \ud83d\udc8e <strong class=\"fs-20 fs-md-28\" style=\"color: #5A7A7C;\"><span data-i18n=\"bonus_value_text\">\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21 30 \u0e0a\u0e34\u0e49\u0e19\u0e19\u0e35\u0e49\u0e21\u0e38\u0e21\u0e21\u0e2d\u0e07\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32<\/span> <span data-price=\"toolkit-value\">---<\/span><\/strong><br>\n                        <span class=\"fs-18 fs-md-24\" style=\"color: #7B9A9C;\"><span\n                                data-i18n=\"bonus_value_free\">\u0e41\u0e15\u0e48\u0e0b\u0e37\u0e49\u0e2d\u0e41\u0e1c\u0e19\u0e44\u0e2b\u0e19\u0e01\u0e47\u0e44\u0e14\u0e49\u0e0a\u0e38\u0e14\u0e40\u0e15\u0e47\u0e21\u0e1f\u0e23\u0e35<\/span><\/span>\n                    <\/p>\n\n                    <p class=\"fs-16 fs-md-20\" style=\"margin-bottom: 1.5rem; color: #5A7A7C;\" data-i18n=\"bonus_quality\">\u0e2a\u0e48\u0e27\u0e19\u0e17\u0e35\u0e48\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e01\u0e27\u0e48\u0e32\u0e1b\u0e23\u0e34\u0e21\u0e32\u0e13 \u2014 \u0e17\u0e38\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e16\u0e39\u0e01\u0e21\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e33\u0e04\u0e31\u0e0d!<\/p>\n\n                    <div\n                        style=\"background: linear-gradient(135deg, rgba(123, 154, 156, 0.1) 0%, rgba(168, 191, 190, 0.1) 100%); padding: 1.5rem; border-radius: 15px; margin: 1.5rem 0;\">\n                        <p class=\"fs-18 fs-md-24\" style=\"color: #5A7A7C; margin-bottom: 0.5rem;\"\n                            data-i18n=\"bonus_equal\">\ud83c\udfaf \u0e43\u0e19\u0e23\u0e32\u0e04\u0e32\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e09\u0e1a\u0e31\u0e1a<\/p>\n                        <p class=\"fs-16 fs-md-20\" style=\"color: #4A4542;\" data-i18n=\"bonus_get_tools\">\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e2a\u0e38\u0e14\u0e40\u0e08\u0e4b\u0e07 30 \u0e0a\u0e34\u0e49\u0e19<\/p>\n                    <\/div>\n\n                    <p class=\"fs-16 fs-md-20\" style=\"margin: 1.5rem 0; color: #9A6F47; line-height: 1.8;\">\n                        <span data-i18n=\"bonus_personalized\">MBTI -<br>15 \u0e0a\u0e34\u0e49\u0e19\u0e41\u0e23\u0e01\u0e17\u0e35\u0e48\u0e04\u0e38\u0e13\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e32\u0e21\u0e1a\u0e38\u0e04\u0e25\u0e34\u0e01\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e2a\u0e38\u0e48\u0e21\u0e43\u0e2b\u0e49<\/span>\n                    <\/p>\n\n                    <p class=\"fs-16 fs-md-20\" style=\"margin: 1.5rem 0;\">\n                        <span data-i18n=\"bonus_ai_prompt\">\u2728 <strong>\u0e17\u0e38\u0e01\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19 AI \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e0a\u0e49<\/strong><br>\u0e40\u0e1b\u0e34\u0e14 ChatGPT \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d AI \u0e04\u0e19\u0e44\u0e2b\u0e19\u0e01\u0e47\u0e44\u0e14\u0e49\u0e41\u0e25\u0e49\u0e27\u0e43\u0e0a\u0e49\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e2d\u0e30\u0e44\u0e23\u0e17\u0e35\u0e48\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e40\u0e2a\u0e21\u0e2d<\/span>\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div style=\"text-align: center; margin-top: 3rem;\">\n                <a href=\"https:\/\/maybeits.me\/th\/mbti-start\/?plan=B\" data-plan-link=\"B\"\n                    class=\"fs-18 fs-md-24 cta-button cta-primary\" style=\"display: inline-block; padding: 1.5rem 3.5rem;\"\n                    data-i18n=\"bonus_cta\">\ud83d\udd25 \u0e1b\u0e25\u0e14\u0e25\u0e47\u0e2d\u0e04\u0e0a\u0e38\u0e14\u0e40\u0e15\u0e47\u0e21<\/a>\n                <p class=\"fs-16 fs-md-20\" style=\"margin-top: 1rem; color: #8C8580;\" data-i18n=\"bonus_cta_sub\">\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19 + \u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e23\u0e27\u0e21\u0e43\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e40\u0e14\u0e35\u0e22\u0e27<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"final-cta scroll-animate\" style=\"display:none;\">\n        <div class=\"final-cta-content\">\n            <h2 class=\"jf-jinxuanlatte-heavy fs-32 fs-md-56\"\n                style=\"margin-bottom: 2.5rem; line-height: 1.4; position: relative; padding-bottom: 2rem; text-align: center; color: #F5F0EA;\"\n                data-i18n=\"final_title\">\u0e04\u0e38\u0e13\u0e21\u0e32\u0e2d\u0e48\u0e32\u0e19\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48\u0e41\u0e25\u0e49\u0e27 \u2014 \u0e04\u0e38\u0e13\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32\u0e04\u0e38\u0e13\u0e2d\u0e22\u0e32\u0e01\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e08\u0e23\u0e34\u0e07\u0e46<\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-8.png\" alt=\"\u0e2a\u0e39\u0e48\u0e41\u0e2a\u0e07\u0e2a\u0e27\u0e48\u0e32\u0e07\" width=\"900\" height=\"675\" style=\"max-width: 900px; width: 100%; height: auto; border-radius: 20px; margin: 2rem auto 3rem auto; display: block; box-shadow: 0 10px 30px rgba(123, 154, 156, 0.3);\">\n\n            <p class=\"fs-18 fs-md-24\" data-i18n=\"final_desc1\">\u0e04\u0e38\u0e13\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e44\u0e23\u0e49\u0e17\u0e34\u0e28\u0e17\u0e32\u0e07 \u2014 \u2014<br>\u0e2a\u0e32\u0e40\u0e2b\u0e15\u0e38\u0e17\u0e35\u0e48\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e07\u0e32\u0e19\u0e15\u0e34\u0e14\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19\u0e43\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e2d\u0e22\u0e39\u0e48\u0e15\u0e23\u0e07\u0e44\u0e2b\u0e19... \u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e22\u0e31\u0e07\u0e04\u0e07\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19<\/p>\n\n            <p class=\"fs-18 fs-md-24\" data-i18n=\"final_desc2\">\u0e43\u0e19\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48 25 \u0e19\u0e32\u0e17\u0e35 \u0e04\u0e38\u0e13\u0e08\u0e30\u0e15\u0e49\u0e2d\u0e07:<br>\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e1a\u0e38\u0e04\u0e25\u0e34\u0e01\u0e20\u0e32\u0e1e\u0e40\u0e0a\u0e34\u0e07\u0e25\u0e36\u0e01 10,000 \u0e04\u0e33 + \u0e20\u0e32\u0e1e\u0e40\u0e09\u0e1e\u0e32\u0e30 10 \u0e20\u0e32\u0e1e + \u0e40\u0e2a\u0e35\u0e22\u0e07\u0e1e\u0e32\u0e01\u0e22\u0e4c + \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d AI 30 \u0e0a\u0e34\u0e49\u0e19<\/p>\n\n            <div style=\"margin: 3rem 0;\">\n                <p class=\"fs-20 fs-md-28\" style=\"margin-bottom: 2rem;\" data-i18n=\"final_encourage1\">25 \u0e19\u0e32\u0e17\u0e35\u0e17\u0e33\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a<br>\u0e44\u0e14\u0e49\u0e23\u0e32\u0e22\u0e07\u0e32\u0e19\u0e09\u0e1a\u0e31\u0e1a\u0e40\u0e15\u0e47\u0e21\u0e41\u0e25\u0e49\u0e27\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e15\u0e31\u0e27\u0e40\u0e2d\u0e07\u0e41\u0e25\u0e30\u0e15\u0e31\u0e14\u0e2a\u0e34\u0e19\u0e43\u0e08\u0e44\u0e14\u0e49\u0e14\u0e35\u0e02\u0e36\u0e49\u0e19<\/p>\n                <p class=\"fs-20 fs-md-28\">\n                    <span data-i18n=\"final_encourage2\">\u0e22\u0e31\u0e07\u0e0b\u0e37\u0e49\u0e2d\u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48 \u2014<br>\u0e08\u0e33\u0e44\u0e27\u0e49: \u0e04\u0e37\u0e19\u0e40\u0e07\u0e34\u0e19\u0e40\u0e15\u0e47\u0e21\u0e08\u0e33\u0e19\u0e27\u0e19\u0e20\u0e32\u0e22\u0e43\u0e19 24 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 \u0e44\u0e21\u0e48\u0e21\u0e35\u0e2d\u0e30\u0e44\u0e23\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e2a\u0e35\u0e22<\/span>\u0e04\u0e38\u0e13\u0e08\u0e30\u0e44\u0e21\u0e48\u0e2a\u0e39\u0e0d\u0e40\u0e2a\u0e35\u0e22\u0e2d\u0e30\u0e44\u0e23\u0e40\u0e25\u0e22\n                <\/p>\n            <\/div>\n\n            <div class=\"cta-group\">\n                <a href=\"https:\/\/maybeits.me\/th\/mbti-start\/?plan=B\" data-plan-link=\"B\"\n                    class=\"fs-20 fs-md-24 cta-button cta-primary\" style=\"padding: 1rem 4rem;\"\n                    data-i18n=\"final_cta_primary\">\u0e1b\u0e25\u0e14\u0e25\u0e47\u0e2d\u0e04\u0e0a\u0e38\u0e14\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c...<\/a>\n                <p class=\"fs-16 fs-md-20\" style=\"margin-top: 0.3rem; opacity: 0.9;\">\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 <span\n                        data-price=\"savings-final\">---<\/span>(\u0e23\u0e32\u0e04\u0e32\u0e40\u0e14\u0e34\u0e21) <span data-price=\"planB-original-final\">---<\/span>\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e1e\u0e34\u0e40\u0e28\u0e29\n                    <span data-price=\"planB-sale-final\">---<\/span>\uff09<\/p>\n\n                <a href=\"https:\/\/maybeits.me\/th\/mbti-start\/?plan=A\" data-plan-link=\"A\"\n                    class=\"fs-18 fs-md-20 cta-button cta-secondary\" style=\"margin-top: 1.2rem; padding: 1.5rem 5rem;\"\n                    data-i18n=\"final_cta_secondary\">MBTI<\/a>\n                <p class=\"fs-16 fs-md-20\" style=\"margin-top: 0.3rem; opacity: 0.9;\"><span\n                        data-price=\"planA-sale-final\">---<\/span><\/p>\n            <\/div>\n\n            <div class=\"guarantee fs-28 fs-md-36\" data-i18n=\"final_guarantee\">\u2728 \u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e44\u0e21\u0e48\u0e21\u0e35\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14: \u2728<\/div>\n\n            <p class=\"fs-16 fs-md-18\"\n                style=\"margin-top: 2.5rem; line-height: 1.7; color: rgba(245,240,234,0.75); text-align: center; padding: 0 3rem;\">\n                <strong style=\"color: rgba(245,240,234,0.9);\">\u26a0\ufe0f \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38\u0e2a\u0e33\u0e04\u0e31\u0e0d:<\/strong>\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e19\u0e35\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e2a\u0e33\u0e23\u0e27\u0e08\u0e1a\u0e38\u0e04\u0e25\u0e34\u0e01\u0e20\u0e32\u0e1e\u0e41\u0e1a\u0e1a MBTI \u0e17\u0e35\u0e48\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e04\u0e38\u0e13\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e41\u0e19\u0e27\u0e42\u0e19\u0e49\u0e21\u0e41\u0e25\u0e30\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e1a\u0e38\u0e04\u0e25\u0e34\u0e01\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13 \u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e19\u0e35\u0e49\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e17\u0e32\u0e07\u0e08\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e \u0e41\u0e25\u0e30\u0e44\u0e21\u0e48\u0e21\u0e35\u0e01\u0e32\u0e23\u0e27\u0e34\u0e19\u0e34\u0e08\u0e09\u0e31\u0e22\u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e1a\u0e33\u0e1a\u0e31\u0e14 \u0e2b\u0e32\u0e01\u0e04\u0e38\u0e13\u0e21\u0e35\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\u0e08\u0e34\u0e15 \u0e42\u0e1b\u0e23\u0e14\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e2b\u0e23\u0e37\u0e2d\u0e19\u0e31\u0e01\u0e08\u0e34\u0e15\u0e27\u0e34\u0e17\u0e22\u0e32\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <div class=\"floating-cta\">\n        <a href=\"https:\/\/maybeits.me\/th\/mbti-start\/?plan=B\" data-plan-link=\"B\"\n            class=\"cta-button cta-primary fs-18 fs-md-20\" data-i18n=\"floating_cta\">\ud83d\udd25 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e17\u0e33\u0e41\u0e1a\u0e1a\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e1f\u0e23\u0e35<\/a>\n    <\/div>\n\n<\/div>\n\n<\/div>\n<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'a249b5ca3d92acf2',t:'MTc4NTYzODM0NQ=='};var a=document.createElement('script');a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script>\n<script src=\"https:\/\/mbti-home-page.maybeits.me\/hydrate.js\" defer><\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":1354,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7984","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/maybeits.me\/th\/wp-json\/wp\/v2\/pages\/7984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maybeits.me\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maybeits.me\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maybeits.me\/th\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maybeits.me\/th\/wp-json\/wp\/v2\/comments?post=7984"}],"version-history":[{"count":138,"href":"https:\/\/maybeits.me\/th\/wp-json\/wp\/v2\/pages\/7984\/revisions"}],"predecessor-version":[{"id":9246,"href":"https:\/\/maybeits.me\/th\/wp-json\/wp\/v2\/pages\/7984\/revisions\/9246"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maybeits.me\/th\/wp-json\/wp\/v2\/media\/1354"}],"wp:attachment":[{"href":"https:\/\/maybeits.me\/th\/wp-json\/wp\/v2\/media?parent=7984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}