{"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\/jp\/","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=\"4\u6587\u5b57\u3060\u3051\u3058\u3083\u306a\u3044\uff0110,000\u6587\u5b57\u4ee5\u4e0a\u306eMBTI\u6df1\u5c64\u5206\u6790\u30ec\u30dd\u30fc\u30c8\u300225\u5206\u306e\u30c6\u30b9\u30c8\u3067\u672c\u5f53\u306e\u81ea\u5206\u3092\u898b\u3064\u3051\u3088\u3046\u3002\">\n<meta property=\"og:title\" content=\"MBTI \u6df1\u5c64\u5206\u6790\u30ec\u30dd\u30fc\u30c8\uff5c10,000\u6587\u5b57\u4ee5\u4e0a\u306e\u8a73\u7d30\u5206\u6790\">\n<meta property=\"og:description\" content=\"4\u6587\u5b57\u3060\u3051\u3058\u3083\u306a\u3044\uff0110,000\u6587\u5b57\u4ee5\u4e0a\u306eMBTI\u6df1\u5c64\u5206\u6790\u30ec\u30dd\u30fc\u30c8\u300225\u5206\u306e\u30c6\u30b9\u30c8\u3067\u672c\u5f53\u306e\u81ea\u5206\u3092\u898b\u3064\u3051\u3088\u3046\u3002\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/maybeits.me\/jp\/jp\/\">\n<meta property=\"og:locale\" content=\"ja_JP\">\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=\"MBTI \u6df1\u5c64\u5206\u6790\u30ec\u30dd\u30fc\u30c8\uff5c10,000\u6587\u5b57\u4ee5\u4e0a\u306e\u8a73\u7d30\u5206\u6790\">\n<meta name=\"twitter:description\" content=\"4\u6587\u5b57\u3060\u3051\u3058\u3083\u306a\u3044\uff0110,000\u6587\u5b57\u4ee5\u4e0a\u306eMBTI\u6df1\u5c64\u5206\u6790\u30ec\u30dd\u30fc\u30c8\u300225\u5206\u306e\u30c6\u30b9\u30c8\u3067\u672c\u5f53\u306e\u81ea\u5206\u3092\u898b\u3064\u3051\u3088\u3046\u3002\">\n<link rel=\"alternate\" hreflang=\"zh-Hant\" href=\"https:\/\/maybeits.me\/jp\/\" \/>\n<link rel=\"alternate\" hreflang=\"zh-Hans\" href=\"https:\/\/maybeits.me\/jp\/zh-cn\/\" \/>\n<link rel=\"alternate\" hreflang=\"zh-HK\" href=\"https:\/\/maybeits.me\/jp\/zh-hk\/\" \/>\n<link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/maybeits.me\/jp\/en\/\" \/>\n<link rel=\"alternate\" hreflang=\"ja\" href=\"https:\/\/maybeits.me\/jp\/jp\/\" \/>\n<link rel=\"alternate\" hreflang=\"ko\" href=\"https:\/\/maybeits.me\/jp\/kr\/\" \/>\n<link rel=\"alternate\" hreflang=\"th\" href=\"https:\/\/maybeits.me\/jp\/th\/\" \/>\n<link rel=\"alternate\" hreflang=\"vi\" href=\"https:\/\/maybeits.me\/jp\/vi\/\" \/>\n<link rel=\"alternate\" hreflang=\"pt-BR\" href=\"https:\/\/maybeits.me\/jp\/br\/\" \/>\n<link rel=\"alternate\" hreflang=\"id\" href=\"https:\/\/maybeits.me\/jp\/id\/\" \/>\n<link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/maybeits.me\/jp\/\" \/>\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Product\",\n    \"name\": \"MBTI \\u6df1\\u5c64\\u5206\\u6790\\u30ec\\u30dd\\u30fc\\u30c8\\uff5c10,000\\u6587\\u5b57\\u4ee5\\u4e0a\\u306e\\u8a73\\u7d30\\u5206\\u6790\",\n    \"description\": \"4\\u6587\\u5b57\\u3060\\u3051\\u3058\\u3083\\u306a\\u3044\\uff0110,000\\u6587\\u5b57\\u4ee5\\u4e0a\\u306eMBTI\\u6df1\\u5c64\\u5206\\u6790\\u30ec\\u30dd\\u30fc\\u30c8\\u300225\\u5206\\u306e\\u30c6\\u30b9\\u30c8\\u3067\\u672c\\u5f53\\u306e\\u81ea\\u5206\\u3092\\u898b\\u3064\\u3051\\u3088\\u3046\\u3002\",\n    \"brand\": {\n        \"@type\": \"Brand\",\n        \"name\": \"Maybe it's me\"\n    },\n    \"url\": \"https:\\\/\\\/maybeits.me\\\/jp\\\/jp\\\/\"\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-cn-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\">\u4eba\u751f\u306e\u5931\u6557\u306e\u7406\u7531\u306f80%\u3067\u3059<br>\u79c1\u306f\u5341\u5206\u306a\u80fd\u529b\u304c\u306a\u3044\u4eba\u9593\u3067\u3042\u308a\u3001\u81ea\u5206\u81ea\u8eab\u3092\u3068\u3066\u3082\u3088\u304f\u7406\u89e3\u3057\u3066\u3044\u308b\u4eba\u9593\u3067\u3042\u308a\u3001\u305d\u3057\u3066\u81ea\u5206\u81ea\u8eab\u3092\u3068\u3066\u3082\u3088\u304f\u7406\u89e3\u3057\u3066\u3044\u307e\u3059\u3002<\/h1>\n\n            <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260205008-image.jpg\" alt=\"\u3069\u3061\u3089\u3078\uff1f\u7b54\u3048\u306f\u4e2d\u306b\u3042\u308a\u307e\u3059\"\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\">\u52aa\u529b\u304c\u8db3\u308a\u306a\u3044\u308f\u3051\u3058\u3083\u306a\u3044\u2014\u2014\u529b\u306e\u4f7f\u3044\u65b9\u304c\u9055\u3046\u3060\u3051\u304b\u3082\u3057\u308c\u306a\u3044<br>\u65b9\u5411\u304c\u306a\u3044\u308f\u3051\u3058\u3083\u306a\u3044\u2014\u2014\u672c\u5f53\u306b\u5408\u3046\u3082\u306e\u306b\u307e\u3060\u51fa\u4f1a\u3063\u3066\u3044\u306a\u3044\u3060\u3051<br>\u5909\u308f\u308a\u305f\u304f\u306a\u3044\u308f\u3051\u3058\u3083\u306a\u3044\u2014\u2014\u81ea\u5206\u3092\u898b\u3064\u3081\u308b\u304d\u3063\u304b\u3051\u304c\u8db3\u308a\u306a\u304b\u3063\u305f\u3060\u3051<\/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\">\u305d\u306e\u7b54\u3048\u3001\u3042\u306a\u305f\u306e\u6027\u683c\u5206\u6790\u3001\u30ec\u30dd\u30fc\u30c8\u306e\u4e2d\u306b\u3042\u308a\u307e\u3059<\/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\">\u305f\u3060\u3001\u8ab0\u3067\u3059\u304b\uff1f<\/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\">\u305f\u3063\u305f25\u5206\u3067\u2014\u2014<br>1\u4e07\u5b57\u4ee5\u4e0a\u306e\u6df1\u5c64\u5206\u6790\u30ec\u30dd\u30fc\u30c8\u304c\u624b\u306b\u5165\u308a\u307e\u3059<br>\u300c\u306a\u305c\u81ea\u5206\u306f\u3053\u3046\u3057\u3066\u3057\u307e\u3046\u306e\u304b\u300d\u3059\u3079\u3066\u660e\u78ba\u306b<\/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 \u30c6\u30b9\u30c8\u3092\u59cb\u3081\u3066\u3001\u300c\u77e5\u3089\u306a\u304b\u3063\u305f\u81ea\u5206\u300d\u3092\u898b\u3064\u3051\u3088\u3046<\/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\">\u3053\u308c\u306f\u4e00\u4f53\u4f55\u306a\u306e\uff1f<\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260205006-image.jpg\" alt=\"\u3082\u3063\u3068\u826f\u304f\u306a\u308a\u305f\u3044 vs. \u3053\u308c\u3067\u5341\u5206\" 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\u79d2\u9593\u306e\u78ba\u8a8d\u3068\u304a\u4e92\u3044\u306e\u6642\u9593\u306e\u78ba\u8a8d<\/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\u3053\u3093\u306a\u3042\u306a\u305f\u306e\u305f\u3081\u306b\u4e66\u304b\u308c\u305f\u30ec\u30dd\u30fc\u30c8\u3067\u3059<\/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\u304a\u91d1\u3092\u7bc0\u7d04\u3057\u3066\u304f\u3060\u3055\u3044\u3001\u3082\u3057\u2026<\/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\">\u75b2\u308c\u305f\u3001\u75b2\u308c\u305f\u3001\u305d\u3057\u3066\u75b2\u308c\u305f<\/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\">\u305f\u3060\u306e\u6e38\u3073\u3067\u30c6\u30b9\u30c8\u3057\u305f\u3044<\/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\">\u3053\u308c\u3068\u540c\u3058<\/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\">\u6027\u683c\u306f\u5909\u3048\u3089\u308c\u306a\u3044\u3068\u601d\u3063\u3066\u3044\u308b<\/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\">\u3082\u3046\u8a66\u884c\u932f\u8aa4\u306e\u6642\u9593\u304c\u8981\u3089\u306a\u3044<\/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\">\u697d\u3057\u307f\u306b\u3057\u3066\u3044\u307e\u3059<\/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\">4\u6587\u5b57<\/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\">\u8a00\u8449\u306b\u5bfe\u3059\u308b\u8cde\u8cdb<\/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\">\u307e\u3060100% \u3067\u304d\u3066\u3044\u306a\u3044\u3068Sense \u3058\u308b<\/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\">\u4eca\u65e5\u306e\u72b6\u6cc1\u306f\u5b8c\u74a7\u3067\u306f\u306a\u3044<\/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\">\u5de6\u5074\u304c\u5f53\u3066\u306f\u307e\u308b\u306a\u3089<\/p>\n                <p class=\"jf-hornedfrog fs-28 fs-md-40\" style=\"color: var(--accent-teal); font-weight: 600;\"\n                    data-i18n=\"fit_conclusion2\">\u306a\u305c\u540c\u3058\u3053\u3068\u304c\u7e70\u308a\u8fd4\u3055\u308c\u308b\u306e\u304b\u3001\u8003\u3048\u305f\u3053\u3068\u306f\u3042\u308a\u307e\u3059\u304b\uff1f<\/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\">2\u3064\u4ee5\u4e0a\u306f\u300c\u3066\u306f\u307e\u305f\u3057\u305f\u3089\u3001\u3053\u306e\u30ec\u30dd\u30fc\u30c8\u306f\u3042\u306a\u305f\u306e\u305f\u3081\u306e\u3082\u306e\u3067\u3059\u300d\u3068\u3057\u3066\u4f7f\u7528\u3055\u308c\u307e\u3059<\/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=\"\u6df7\u4e71\u3057\u3066\u3044\u308b\u4eba1\"\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\">3\u56de\u4ee5\u4e0a\u30c6\u30b9\u30c8\u3057\u305f\u3051\u3069\u6bce\u56de\u7d50\u679c\u304c\u9055\u53cd \u2014\u2014bendang no self-divided\u304c\u3069\u308c\u304b\u308f\u304b\u3089\u306a\u3044<\/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=\"\u6df7\u4e71\u3057\u305f\u30ad\u30e3\u30e9\u30af\u30bf\u30fc2\"\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\">\u6642\u9593\u3092\u304b\u3051\u3066\u30c6\u30b9\u30c8\u3057\u3066\u3082\u30014 \u30c6\u30ad\u30b9\u30c8\u3068\u8ab0\u306b\u3067\u3082\u3044\u3064\u3066\u306f\u307e\u308b\u5206\u6790\u3067\u304d\u306a\u304b\u3063\u305f<\/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=\"\u6df7\u4e71\u3057\u305f\u30ad\u30e3\u30e9\u30af\u30bf\u30fc3\"\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\">\u81ea\u5df1\u5206\u5272 INFP\/ENTJ\/ISFJ \u77e5\u3063\u3066\u3082...\u305d\u308c?\u305d\u306e\u7d50\u679c<\/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=\"\u6df7\u4e71\u3057\u305f\u30ad\u30e3\u30e9\u30af\u30bf\u30fc4\"\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\">\u30b3\u30e1\u30f3\u30c8\u306f\u3042\u308a\u307e\u305b\u3093<\/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\">\u305d\u308c\u3089\u306e\u65b9\u6cd5\u304c\u60aa\u3044\u308f\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093<\/p>\n                <p class=\"font-p fs-18 fs-md-24\" style=\"color: var(--gray); margin-bottom: 1.5rem;\"\n                    data-i18n=\"pain_conclusion2\">\u81ea\u5206\u3092\u7406\u89e3\u3059\u308b\u524d\u3067\u306f\u3001\u3069\u3093\u306a\u65b9\u6cd5\u3082\u8868\u9762\u7684\u306a\u3082\u306e\u306b\u904e\u304e\u306a\u3044\u306e\u3067\u3059<\/p>\n                <p class=\"jf-hornedfrog fs-22 fs-md-32\" style=\"color: var(--accent-teal); font-weight: 700;\"\n                    data-i18n=\"pain_conclusion3\">\u3053\u306e\u30ec\u30dd\u30fc\u30c8\u306f\u3001\u307e\u3055\u306b\u3053\u306e\u554f\u984c\u3092\u89e3\u6c7a\u3059\u308b\u305f\u3081\u306b\u4f5c\u3089\u308c\u307e\u3057\u305f<\/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\">MBTI \u6027\u683c\u5206\u6790\u30ec\u30dd\u30fc\u30c8 \u00d7 \ud83c\udfa7 Soul Talk\uff5c\u5fc3\u306e\u58f0\u3092\u8074\u304f<\/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\">\u3053\u308c\u306f\u305f\u3060\u306e\u30c6\u30b9\u30c8\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u2014\u2014\u3042\u306a\u305f\u5c02\u7528\u306e\u300e\u4eba\u751f\u306e\u6271\u3044\u4e66\u4e66\u300f\u3067\u3059<br>\u7269\u8a9e\u306e\u7d42\u308f\u308a<\/p>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-2.png\" alt=\"\u5831\u544a\u66f8\u3068\u30d8\u30c3\u30c9\u30d5\u30a9\u30f3\u3092\u624b\u306b\" 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\">\u305f\u3063\u305f25\u5206<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_time_desc\">\u65e5\u5e38\u751f\u6d3b\u306b\u95a2\u3059\u308b93\u306e\u8cea\u554f - \u76f4\u611f\u7684\u306a\u9078\u629e\u3002\u8003\u3048\u3059\u304e\u306a\u3044\u65b9\u304c\u6b63\u3057\u3044\u3067\u3059\u3002<\/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\">1\u4e07\u5b57\u4ee5\u4e0a\u306e\u89e3\u6790<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_report_desc\">100% \u3042\u306a\u305f\u306e\u7b54\u3048\u306b\u57fa\u3065\u3044\u3066\u751f\u6210\u3055\u308c\u307e\u3059\u3002\u540c\u3058\u30ec\u30dd\u30fc\u30c8\u306f2\u3064\u3068\u306f\u3042\u308a\u307e\u305b\u3093<\/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\">\u306e\u30aa\u30ea\u30b8\u30ca\u30eb\u30a4\u30e9\u30b9\u30c8 10\u70b9\u4ee5\u4e0a<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_illust_desc\">\u65e5\u5e38\u306e\u7fd2\u6163\u3001\u611f\u60c5\u7684\u306a\u53cd\u5fdc\u3001\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9<\/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\">\u97f3\u58f0\u7248\u89e3\u8aac<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_voice_desc\">\u8aad\u3080\u306e\u304c\u76f4\u9762\u3057\u3066\u3044\u307e\u3059\u304b\uff1f Soul Talk\u3067\u805e\u3044\u3066\u81ea\u5206\u3092\u7406\u89e3\u3057\u3088\u3046<\/p>\n                <\/div>\n            <\/div>\n\n            <p class=\"fs-20 fs-md-28\" style=\"margin-top: 3rem;\" data-i18n=\"product_summary\">\u5b8c\u5168\u306a\u30ec\u30dd\u30fc\u30c8\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\uff1a\u30a8\u30cd\u30eb\u30ae\u30fc\u306e\u6e90\u3001\u4ed5\u4e8b\u304c\u884c\u304d\u8a70\u307e\u308b\u7406\u7531\u3001\u4eba\u9593\u95a2\u4fc2\u306e\u5730\u96f7\u3001\u305d\u3057\u3066\u8abf\u6574\u65b9\u6cd5\u307e\u3067<\/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\u6027\u683c\u5206\u6790\u30ec\u30dd\u30fc\u30c8<\/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\">\u30ec\u30dd\u30fc\u30c8\u306f4\u3064\u306e\u30e1\u30a4\u30f3\u306a\u5074\u9762\u3092\u30ab\u30d0\u30fc\u3057\u307e\u3059\u2014\u2014\u3059\u3079\u3066\u3042\u306a\u305f\u306e\u7b54\u3048\u306b\u57fa\u3065\u3044\u3066\u3044\u307e\u3059\u3065\u3044\u3066\u4e66\u304b\u308c\u3066\u3044\u307e\u3059<\/p>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-4.png\" alt=\"\u30ec\u30dd\u30fc\u30c8\u3092\u958b\u304f\" 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\">\u5b8c\u5168\u30ec\u30dd\u30fc\u30c8\u30d7\u30ec\u30d3\u30e5\u30fc<\/span>\n            <\/h3>\n            <div class=\"report-preview-gif\">\n                <img decoding=\"async\" class=\"report-gif-img\"\n                    src=\"\u30c7\u30fc\u30bf:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n                    alt=\"\u5b8c\u5168\u306a\u30ec\u30dd\u30fc\u30c8\u56f3\" \/>\n                <div class=\"gif-overlay\">\n                    <div class=\"gif-overlay-text\">\n                        <strong class=\"gif-overlay-title\" data-i18n=\"gif_overlay_title\">\u5bb6\u96fb\u306b\u3082\u53d6\u6271\u8aac\u660e\u66f8\u304c\u3042\u308b\u306e\u306b<br class=\"mobile-br\">\u3042\u306a\u305f\u306e\u4eba\u751f\u306b\u306f\u4e00\u518a\u3082\u306a\u3044\u306e\uff1f<\/strong>\n                        <span class=\"gif-overlay-body\" data-i18n=\"gif_overlay_body1\">\u4ed6\u306e\u4eba\u306f\u30e9\u30d9\u30eb\u3092\u8cbc\u308b\u3060\u3051<br class=\"mobile-br\">\u79c1\u305f\u3061\u306f\u5b8c\u5168\u306a\u30b5\u30d0\u30a4\u30d0\u30eb\u6226\u7565\u3092\u304a\u6e21\u3057\u3057\u307e\u3059<\/span>\n                        <span class=\"gif-overlay-body\" data-i18n=\"gif_overlay_body2\">\u3053\u3093\u306a\u306b\u901f\u304f\u30b9\u30af\u30ed\u30fc\u30eb\u3059\u308b\u306e\u306f\u3001\u5185\u5bb9\u304c\u591a\u3059\u304e\u308b\u304b\u3089<br class=\"mobile-br\">\u4ed5\u4e8b\u306e\u9032\u3081\u65b9\u3001\u604b\u611b\u306e\u30b3\u30c4\u3001\u6d88\u8017\u306e\u6b62\u3081\u65b9...<br class=\"mobile-br\">\u3042\u306a\u305f\u304c\u884c\u304d\u8a70\u307e\u3063\u3066\u3044\u308b\u554f\u984c\u306e\u7b54\u3048\u3001\u5168\u90e8\u3053\u3053\u306b\u3042\u308a\u307e\u3059<\/span>\n                        <span class=\"gif-overlay-sub\" data-i18n=\"gif_overlay_sub\">\u3053\u308c\u306f\u6709\u6599\u7248\u306e\u5b8c\u5168\u30ec\u30dd\u30fc\u30c8\u30a4\u30e1\u30fc\u30b8\u3067\u3059\u3002\u3042\u306a\u305f\u306e\u306f\u3082\u3063\u3068\u7d20\u6575\u306b\u306a\u308a\u307e\u3059<\/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\">\u3053\u306e\u30ac\u30a4\u30c9\u306f\u3001\u3042\u306a\u305f\u3092\u5909\u3048\u308b\u305f\u3081\u306e\u3082\u306e\u3067\u306f\u306a\u304f<br>Self-divided\u306e\u30ea\u30ba\u30e0\u3092\u3073\u6d34\u3080\u305f\u3081\u306e\u30c4\u30fc\u30eb\u3067\u3059<\/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\">\u8cfc\u5165\u5f8c\u3001\u3059\u3079\u3066\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u304c\u8cfc\u5165\u5f8c\u3059\u3050\u306b\u516c\u958b\u3055\u308c\u307e\u3059\u3002<\/h2>\n            <p class=\"fs-22 fs-md-28\" style=\"text-align: center; color: var(--dark); font-weight: 700;\"\n                data-i18n=\"value_subtitle\">\u5206\u5272\u914d\u9001\uff1a\u3067\u306f\u306a\u304f\u3001\u3059\u3079\u3066\u4e00\u5ea6\u306b<\/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=\"\u8a73\u7d30\u306a\u6027\u683c\u5206\u6790\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_1_badge\">\u30b3\u30a2\u30ec\u30dd\u30fc\u30c8<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_1_title\">\u8a73\u7d30\u306a\u6027\u683c\u5206\u6790<\/h4>\n                    <p data-i18n=\"value_1_desc\">1\u4e07\u5b57\u4ee5\u4e0a\u306e\u5b8c\u5168\u30ec\u30dd\u30fc\u30c8\u2014\u2014\u610f\u601d\u6c7a\u5b9a\u306e\u30ed\u30b8\u30c3\u30af\u3001\u601d\u8003\u306e\u76f2\u70b9\u304b\u3089\u624d\u80fd\u306e\u4e0a\u9650\u307e\u3067\u3001\u3059\u3079\u3066\u8a73\u3057\u304f\u89e3\u8aac<\/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=\"\u8077\u5834\u30dd\u30b8\u30b7\u30e7\u30cb\u30f3\u30b0\u5206\u6790\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_2_badge\">\u30ad\u30ea\u30f3\u7de8\u96c6<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_2_title\">\u30ad\u30e3\u30ea\u30a2\u00d7\u30b7\u30b7\u306e\u6b7b\u89d2\u5206\u6790<\/h4>\n                    <p data-i18n=\"value_2_desc\">\u3053\u306e\u74b0\u5883\u3067\u5149\u308b\u304b\u3001\u4e8b\u52d9\u54e1\u3067\u30b9\u30c6\u30c3\u30d7\u898b\u3084\u3059\u3044\u9271\u5c71\u306f\u3069\u3053\u304b\u3001\u305d\u3057\u3066\u56de\u907f\u3059\u308b\u65b9\u3092\u6559\u3048\u307e\u3059<\/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=\"\u611f\u60c5\u30d1\u30bf\u30fc\u30f3\u306e\u89e3\u91c8\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_3_badge\">\u30e9\u30d6\u30b9\u30c8\u30fc\u30ea\u30fc<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_3_title\">\u604b\u611b\u00d7\u604b\u611b\u30bb\u30c3\u30af\u30b9\u89e3\u8aac<\/h4>\n                    <p data-i18n=\"value_3_desc\">\u79c1\u306f\u540c\u3058\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u7f32\u308a\u6d17\u3046\u306e\u304b?\u611b\u3059\u308b\u30b9\u30bf\u30a4\u30eb\u3092\u89e3\u8aad\u3057\u3001\u95a2\u4fc2\u306e\u4e2d\u3067\u306e\u672c\u9053\u30cb\u30fc\u30ba\u3092\u8a00\u3044\u307e\u3059<\/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=\"\u5bfe\u4eba\u95a2\u4fc2\u30de\u30cb\u30e5\u30a2\u30eb\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_4_badge\">\u4eba\u9593\u95a2\u4fc2<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_4_title\">\u6575\u540c\u58eb\u306e\u95a2\u4fc2<\/h4>\n                    <p data-i18n=\"value_4_desc\">\u5bb6\u65cf\u3001\u53cb\u4eba\u3001\u540c\u50da\u306a\u3069\u3001\u304a\u4e92\u3044\u306e\u95a2\u4fc2\u304c\u50b7\u3064\u3044\u305f\u6642\u306b\u3001\u305d\u306e\u95a2\u4fc2\u306e\u5883\u754c\u7dda\u3092\u3069\u3046\u5f15\u304f\u304b\u3001\u4eba\u306b\u8a71\u3059\u3053\u3068\u3067\u3069\u3046\u8868\u73fe\u3059\u308b\u304b\u3002<\/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=\"\u30a8\u30cd\u30eb\u30ae\u30fc\u7ba1\u7406\u30ac\u30a4\u30c9\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_5_badge\">\u30a8\u30cd\u30eb\u30ae\u30fc\u7de8\u96c6<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_5_title\">\u30a8\u30cd\u30eb\u30ae\u30fc\u30de\u30cd\u30b8\u30e1\u30f3\u30c8 \u00d7 \u5185\u90e8\u6d88\u8cbb<\/h4>\n                    <p data-i18n=\"value_5_desc\">\u30a8\u30cd\u30eb\u30ae\u30fc\u306e\u30d6\u30e9\u30c3\u30af\u30db\u30fc\u30eb\u304c\u3069\u3053\u306b\u3042\u308b\u304b\u3001\u7c73\u304b\u306b\u304a\u5ba2\u69d8\u3092\u6d88\u8cbb\u3057\u3066\u63d0\u4f9b\u3055\u308c\u308b\u5177\u4f53\u7684\u306a\u5145\u96fb\u65b9\u6cd5<\/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=\"Q\u30d0\u30fc\u30b8\u30e7\u30f3\u9650\u5b9a\u30a4\u30e9\u30b9\u30c8\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_6_badge\">\u5c02\u7528\u30a4\u30e9\u30b9\u30c8<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_6_title\">\u306e\u30aa\u30ea\u30b8\u30ca\u30ebQ\u7248\u30a4\u30e9\u30b9\u30c810\u70b9\u4ee5\u4e0a<\/h4>\n                    <p data-i18n=\"value_6_desc\">\u4e8b\u4e2d\u306e\u3042\u306a\u305f\u3001\u4eba\u306e\u6642\u306e\u3042\u306a\u305f\u3001\u4eba\u3068\u4e00\u613f\u306e\u6642\u306e\u3042\u306a\u305f\u2014\u2014\u3059\u3079\u3066\u304b\u308f\u3044\u3044\u30a4\u30e9\u30b9\u30c8\u3067\u3001\u4e00\u4e00\u4e00\u4e00\u304c\u3042\u306a\u305f\u3060\u3051\u306e\u3082\u306e<\/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>\u3059\u3079\u3066\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u30c6\u30b9\u30c8\u7d50\u679c\u306b\u57fa\u3065\u3044\u3066\u751f\u6210\u3055\u308c\u307e\u3057\u305f \u3065\u3044\u3066100% - \u3058\u30ec\u30dd\u30fc\u30c8\u306f2\u3064\u3068\u3042\u308a\u307e\u305b\u3093<\/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\">\u629c\u304d\u30c6\u30b9\u30c8\u306f\u300c\u3042\u306a\u305f\u306f\u8ab0\u3067\u3059\u304b\u300d\u3092\u6559\u3048\u3066Endwari<\/span><br>\u3053\u306e\u30ec\u30dd\u30fc\u30c8\u306f\u305d\u306e\u524d\u306b\u6559\u3048\u307e\u3059\uff1a\u300c\u3060\u304b\u3089\u3067\u304d\u308b\u304b\u300d<\/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\">\u6bd4\u8f03\u9805\u76ee<\/th>\n                            <th class=\"fs-14 fs-md-20\"\n                                style=\"background: linear-gradient(135deg, #A89589 0%, #9A6F47 100%);\"\n                                data-i18n=\"compare_th2\">\u666e\u901a\u306e\u7d20\u6750\u7121\u3057\u30c6\u30b9\u30c8<\/th>\n                            <th class=\"fs-14 fs-md-22\"\n                                style=\"background: linear-gradient(135deg, #5A7A7C 0%, #3D5456 100%);\"\n                                data-i18n=\"compare_th3\">\u3042\u306a\u305f\u304c\u5f97\u3089\u308c\u308b\u3082\u306e\u2728<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r1_label\">\u554f\u984c\u8a2d\u8a08<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r1_free\">\u8cea\u554f10\uff5e20\u306f\u6570\u5024\u5206\u6790\u3067\u7de0\u3081\u304f\u304f\u3089\u308c\u307e\u3059\u3002<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r1_ours\">93 \u306e\u30ea\u30a2\u30eb\u306a\u65e5\u5e38\u751f\u6d3b\u306e\u50be\u5411\u5224\u65ad\u306b\u95a2\u3059\u308b\u8cea\u554f<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r2_label\">\u7d50\u679c\u306f<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r2_free\">4\u6587\u5b57+\u4e00\u822c\u7684\u306a\u8aac\u660e<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r2_ours\">1\u4e07\u5b57\u4ee5\u4e0a\u306e\u30ec\u30dd\u30fc\u30c8\u3001\u3059\u3079\u3066\u304c\u3042\u306a\u305f\u3060\u3051\u306e\u3082\u306e<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r3_label\">\u30d3\u30b8\u30e5\u30a2\u30eb<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r3_free\">\u30ca\u30ca\u3068\u30ca\u30ca\u306e\u56fa\u5b9a\u753b\u50cf<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r3_ours\">\u3042\u306a\u305f\u5c02\u7528\u306eQ\u7248\u30a4\u30e9\u30b9\u30c810\u679a\u4ee5\u4e0a<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r4_label\">\u5b8c\u5168<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r4_free\">\u7d20\u6750\u3084\u30a2\u30c3\u30d7\u30b0\u30ec\u30fc\u30c9\u304c\u5fc5\u8981\u3067\u3059<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r4_ours\">\u4e00\u5ea6\u679d\u306e\u89e3\u653e<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r5_label\">\u30ec\u30dd\u30fc\u30c8\u306e\u8abf\u5b50<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r5_free\">\u30c6\u30b9\u30c8\u306e\u30ec\u30d3\u30e5\u30fc\u4fa1\u5024\u307f\u305f\u3044\u3067\u60c5\u304c\u306a\u3044<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r5_ours\">\u667a\u4e5f\u306e\u304a\u3057\u3083\u3079\u308a\u306a\u6027\u683c\u3001\u6e29\u304b\u304f\u3066\u7387\u76f4\u306a\u6027\u683c<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r6_label\">\u30b5\u30fc\u30d3\u30b9\u306e\u8ffd\u52a0<\/td>\n                            <td class=\"cross fs-14 fs-md-20\" data-i18n=\"compare_r6_free_cn\">\u901a\u5e38\u306f\u30ca\u30ca<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r6_ours\">\u30ec\u30dd\u30fc\u30c8\uff08Soul Talk\uff09\u306e\u97f3\u58f0\u30d0\u30fc\u30b8\u30e7\u30f3<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r7_label\">\u8fd4\u91d1\u4fdd\u8a3c<\/td>\n                            <td class=\"cross fs-14 fs-md-20\" data-i18n=\"compare_r7_free_cn\">\u8fd4\u54c1\u30dd\u30ea\u30b7\u30fc\u306a\u3057<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r7_ours\">24\u6642\u9593\u4ee5\u5185\u306e\u5168\u984d\u8fd4\u91d1<\/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\">\u4e8b\u6545\u306e\u7d50\u679c\u3001\u75c5\u6c17\u306e\u81ea\u5df1\u767a\u75c7\u3092\u8aac\u660e\u3059\u308b\u3068\u2014\u2014<br>\u4eca\u65e5\u306e\u3059\u3050\u4f7f\u3048\u308b\u300c\u81ea\u5206\u306e\u305f\u3081\u306e\u30a2\u30af\u30b7\u30e7\u30f3\u30ac\u30a4\u30c9\u300d\u3067\u3059<\/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\">\u81ea\u5df1\u5206\u5272\u3057\u305f\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u2014\u2014\u30ec\u30dd\u30fc\u30c8\u306e\u30a4\u30e9\u30b9\u30c8\u306b\u3053\u306e\u30a2\u30d0\u30bf\u30fc\u304c\u4f7f\u308f\u308c\u307e\u3059<\/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\">\u30c6\u30b9\u30c8\u3067\u81ea\u5206\u306b\u4f3c\u305f\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044<br>\u5c02\u5c5e\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\u304c93\u554f\u306e\u751f\u6d3b\u30b7\u30fc\u30f3\u3092\u4e00\u7dd2\u306b\u6b69\u304d\u307e\u3059\u3002\u6587\u5b57\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\uff1a\u4e00\u4eba\u306e\u6642\u9593\u3001\u793e\u4ea4\u306e\u5834\u9762\u3001\u4ed5\u4e8b\u306e\u6642\u306e\u3042\u306a\u305f\u30c6\u30b9\u30c8\u306e\u4e2d\u306e\u300c\u3042\u306a\u305f\u300d\u304c\u3082\u3063\u3068\u30ea\u30a2\u30eb\u306b<\/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=\"6\u4eba\u306e\u7537\u6027\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\"\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 \u7537\u6027\u30ad\u30e3\u30e9\u30af\u30bf\u30fc 6\u7a2e<\/p>\n                <\/div>\n                <div style=\"text-align: center;\">\n                    <img decoding=\"async\" src=\"https:\/\/pub-692abbec3b20435e888c103b6c121447.r2.dev\/role\/F1-F6.gif\" alt=\"6\u4eba\u306e\u5973\u6027\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\"\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 \u5973\u6027\u30ad\u30e3\u30e9\u30af\u30bf\u30fc 6\u7a2e<\/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 \u30ad\u30e3\u30e9\u30af\u30bf\u30fc\u3092\u9078\u3076\u3068\u3001\u30ec\u30dd\u30fc\u30c8\u306e\u69d8\u3005\u306a\u30b7\u30fc\u30f3\u306b\u300c\u81ea\u5206\u300d\u304c\u767b\u5834\u3057\u307e\u3059<br>\u4e00\u4eba\u306e\u6642\u9593\u3001\u3068\u3082\u3055\u3093\u306e\u6642\u9593\u3001\u305d\u3057\u3066\u516c\u52d9\u2014\u2014\u3059\u3079\u3066\u30a4\u30e9\u30b9\u30c8\u3067\u8868\u73fe\u3055\u308c\u307e\u3059<\/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\u304c\u521d\u3081\u3066\u3067\u3082<br>4\u5b57\u3092\u79d8\u5bc6\u30e1\u30e2\u3059\u308b\u307b\u3069\u30c6\u30b9\u30c8\u3057\u3066\u3044\u3066\u3082<\/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=\"\u521d\u3081\u3066\u306e\u30c6\u30b9\u30c8\u3092\u53d7\u3051\u308b\u521d\u5fc3\u8005\" 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\">\u521d\u591c\u306e\u5e83\u5834<\/h3>\n                    <p class=\"fs-16 fs-md-18\" data-i18n=\"audience_first_desc\">\u76f4\u611f\u306793\u554f\u306e\u751f\u6d3b\u5834\u9762\u306b\u7b54\u3048\u308b\u3060\u3051\u2014\u2014\u3042\u306a\u305f\u3060\u3051\u306e\u5b8c\u5168\u306a\u6027\u683c\u30ec\u30dd\u30fc\u30c8\u304c\u5b8c\u6210\u3057\u307e\u3059<\/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=\"\u8907\u6570\u56de\u30c6\u30b9\u30c8\u3057\u305f\u7d4c\u9a13\u8c4a\u5bcc\u306a\u30e6\u30fc\u30b6\u30fc\" 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\">Hedu\u3082\u30c6\u30b9\u3057\u305f\u3053\u3068\u304c\u3042\u308b\u65b9<\/h3>\n                    <p class=\"fs-16 fs-md-18\" data-i18n=\"audience_repeat_desc\">\u3053\u306e\u30ec\u30dd\u30fc\u30c8\u306f\u9055\u3044\u307e\u3059\u2014\u2014\u540c\u3058\u60a9\u307f\u306b\u9665\u308b\u7406\u7531\u3068\u3001\u3069\u3046\u8abf\u6574\u3059\u308c\u3070\u3044\u3044\u304b\u3092\u76f4\u63a5\u6559\u3048\u3066\u304f\u308c\u307e\u3059<\/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\">\u3053\u306e\u5b8c\u5168\u7248\u30ec\u30dd\u30fc\u30c8\u306f\u30e9\u30d9\u30eb\u3092\u8cbc\u308b\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u300c\u3042\u306a\u305f\u306f XXXX\u300d\u3068\u8a00\u3046\u3060\u3051\u3067\u306a\u304f\u6b21\u306b\u4f55\u3092\u3059\u3079\u304d\u304b\u3092\u6559\u3048\u3066\u304f\u308c\u307e\u3059<\/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\">\u3042\u306a\u305f\u306e\u305f\u3081\u306e\u30a4\u30e9\u30b9\u30c8\u3082\u3042\u308a\u307e\u3059<\/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=\"\u4ed5\u4e8b\u306e\u601d\u8003\" 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=\"\u4f11\u606f\u3068\u30ea\u30e9\u30c3\u30af\u30b9\" 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=\"\u5bfe\u4eba\u95a2\u4fc2\" 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=\"\u5b64\u72ec\u3068\u7791\u60f3\" 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\">\u5b8c\u5168\u7248\u30ec\u30dd\u30fc\u30c8\u306e\u5185\u5bb9<br>10\u679a\u4ee5\u4e0a\u306eQ\u7248\u30a4\u30e9\u30b9\u30c8\u304c\u542b\u307e\u308c\u3001<br>\u4ed5\u4e8b\u4e2d\u30fb\u4e00\u4eba\u306e\u6642\u9593\u30fb\u53cb\u4eba\u3068\u306e\u4ea4\u6d41\u306a\u3069\u3059\u3079\u3066\u300c\u3042\u306a\u305f\u300d\u304c\u4e3b\u4eba\u516c\u3067\u3059<\/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\">\u300c\u30bf\u30a4\u30d4\u30f3\u30b0\u4e2d\u306b\u751f\u4e2d\u4e0d\u5be9\u3060\u3063\u305f\u3042\u306e\u30a4\u30e9\u30b9\u30c8\u3001\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u611f\u3060\u3063\u305f!\u300d<\/span>\n                <\/p>\n            <\/div>\n\n            <p class=\"fs-18 fs-md-24\" style=\"margin-top: 2rem;\" data-i18n=\"qillust_note\">\u5199\u771f\u306e\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u304c\u5fc5\u8981\u3067\u3059\u3042\u306a\u305f\u5c02\u7528\u306e\u6027\u683c\u30ec\u30dd\u30fc\u30c8\uff0b\u53ef\u611b\u3044\u30a4\u30e9\u30b9\u30c8\u3059\u3079\u3066\u5b8c\u5168\u7248\u30ec\u30dd\u30fc\u30c8\u306b\u53ce\u9332\u3044\u3064\u3067\u3082\u898b\u8fd4\u305b\u307e\u3059<\/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\uff5c\u5fc3\u306e\u58f0\u3092\u8074\u304f<\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-6.png\" alt=\"\u805e\u3044\u3066\u3044\u308b\u4eba\" 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\">\u3053\u308c\u306f\u8b1b\u7fa9\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u3001AI\u306e\u68d2\u8aad\u307f\u3067\u3082\u3042\u308a\u307e\u305b\u3093<\/p>\n            <p class=\"fs-20 fs-md-24\" data-i18n=\"soul_desc2\">\u3042\u306a\u305f\u306e\u30ec\u30dd\u30fc\u30c8\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u57fa\u3065\u3044\u3066\u751f\u6210\u3055\u308c\u305f\u3001\u81ea\u7136\u8a00\u8a9e\u308a\u53e3\u306e\u97f3\u58f0\u89e3\u8aac\u3067\u3059<\/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\"><strong>\u60f3\u50cf\uff1a<\/strong><br>\u30bd\u30d5\u30a1\u306b\u5ea7\u308a\u3001\u30a4\u30e4\u30db\u30f3\u304b\u3089\u4f18\u3057\u3044\u58f0\u304c\u6587\u3053\u3048\u3066\u304f\u308b<br>\u30b3\u30e1\u30f3\u30c8\u306f\u3042\u308a\u307e\u305b\u3093<\/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\">\u805e\u3044\u3066\u7406\u89e3\u3059\u308b<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f1_desc\">\u8074\u304f\u3053\u3068\u3067\u30ec\u30dd\u30fc\u30c8\u306e\u5185\u5bb9\u3092\u5909\u3048\u3066\u7406\u89e3\u3059\u308b<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83d\udeb6<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"soul_f2_title\">\u3044\u3064\u3067\u3082\u3069\u3053\u3067\u3082<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f2_desc\">\u901a\u52e4\u4e2d\u3001\u6563\u6b69\u4e2d\u3001\u5bdd\u308b\u524d\u2014\u2014\u3044\u3064\u3067\u3082\u81ea\u5206\u306e\u58f0\u3092\u8074\u3051\u308b<\/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\">\u30ea\u30ba\u30e0\u3092\u307f\u308b<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f3_desc\">\u97f3\u3092\u6d41\u3057\u3001\u65b9\u5411\u3092\u6574\u3048\u3001\u65b9\u5411\u3092\u6574\u3048\u308b\u3002<\/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\">\u7d20\u6674\u3089\u3057\u3044\u826f\u3044\u30cb\u30e5\u30fc\u30b9\u3067\u3059<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f4_desc\">\u95a2\u4fc2\u306e\u53cb\u4eba<\/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\">\u3042\u306e\u97f3\u58f0\u306f\u53cb\u8fbe\u307f\u305f\u3044\u3060\u3068\u8a00\u3046\u4eba\u3082\u3044\u308c\u3070<br>\u300c\u81ea\u5206\u304c\u3084\u3063\u3068\u81ea\u5206\u306e\u58f0\u3092\u805e\u304d\u304f\u6c17\u306b\u306a\u3063\u305f\u300d\u3068\u8a00\u3046\u4eba\u3082\u3044\u307e\u3059<\/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\">\u5b9f\u969b\u306e\u30e6\u30fc\u30b6\u30fc\u306e\u58f0\u3092\u3054\u89a7\u304f\u3060\u3055\u3044<\/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=\"\u6e80\u8db3\u3057\u305f\u30e6\u30fc\u30b6\u30fc 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\">\u30ec\u30dd\u30fc\u30c8\u306f\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u306b\u3064\u3044\u3066\u8bed\u3063\u3066\u3044\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8\u306b\u516c\u958b\u3057\u3066\u3044\u308b\u3068\u60c5\u3058\u307e\u3057\u305f\u3002 3\u3064\u76ee\u306e\u6bb5\u843d\u3067\u6d99\u304c\u51fa\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u3053\u308c\u306f\u53d6\u6271\u8aac\u660e\u66f8\u3092\u3053\u3063\u305d\u308a\u53d6\u308a\u51fa\u3057\u307e\u3057\u305f<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_1_author\">\u2014 \u30e1\u30a4 \/ 27\u6b73 \/ 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=\"\u6e80\u8db3\u3057\u305f\u30e6\u30fc\u30b6\u30fc 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\">\u97f3\u304c\u7d42\u308f\u3063\u305f\u5f8c\u3001\u300c\u500b\u4eba\u7684\u306a\u72b6\u6cc1\u628a\u63e1\u306f\u5b9f\u73fe\u3057\u307e\u3057\u305f\u3002\u300d\u901a\u52e4\u4e2d\u3001\u505c\u8eca\u4e2d<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_2_author\">\u2014 \u30b8\u30a7\u30a4 \/ 31\u6b73 \/ 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=\"\u6e80\u8db3\u3057\u305f\u30e6\u30fc\u30b6\u30fc3\" 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\">\u3053\u306e\u30ac\u30a4\u30c9\u306e\u304a\u304b\u3052\u3067\u3001\u81ea\u5206\u3092\u5909\u3048\u308b\u5fc5\u8981\u304c\u306a\u3044\u3053\u3068\u304c\u5206\u304b\u308a\u307e\u3057\u305f\u3002\u5fc5\u8981\u306a\u90e8\u5206\u3092\u305d\u308c\u305e\u308c\u5206\u96e2\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u30aa\u30ea\u30b8\u30ca\u30eb\u7248\u306f1\u5dfb\u3067\u66f8\u304b\u308c\u3066\u3044\u307e\u3059<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_3_author\">\u2014 \u30be\u30fc\u30a4 \/ 29\u6b73 \/ 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-cn\" 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\">\u30de\u30c6\u30ea\u30a2\u30eb\u30b4\u30fc\u30eb\u30c9\u30d7\u30e9\u30f3<\/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\">\u4e00\u56de\u306e\u304a\u652f\u6255\u3044\u3067\u6c38\u4e45\u4fdd\u5b58\u3002\u30b5\u30d6\u30b9\u30af\u4e0d\u8981\u3001\u8ffd\u52a0\u6599\u91d1\u306a\u3057<br>\u30c6\u30ad\u30b9\u30c8\u5206\u6790\u306b24\u6642\u9593\u4ee5\u5185\u306b\u3054\u4e0d\u6e80\u306e\u5834\u5408\u306f\u5168\u984d\u8fd4\u91d1\u3001\u30ea\u30b9\u30af\u30bc\u30ed<\/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\u5fb9\u5e95\u5206\u6790\u7248\u3011<\/div>\n                    <div class=\"jf-kamabit pricing-title fs-40 fs-md-40\" data-i18n=\"planA_name\">MBTI\u6027\u683c\u5206\u6790\u30ec\u30dd\u30fc\u30c8<\/div>\n                    <div class=\"lihsianti pricing-description fs-32 fs-md-36\">\n                        <span data-i18n=\"planA_desc\">\u7d76\u5bfe\u7684\u306a\u5408\u7406\u6027\u3001\u5185\u90e8\u69cb\u9020\u3001\u5185\u90e8\u69cb\u9020\u3001\u305d\u3057\u3066\u6975\u7aef<\/span>\n                    <\/div>\n                    <div class=\"jf-jinxuanlatte-semibold pricing-original fs-16 fs-md-20\"><span\n                            data-i18n=\"price_original_label\">\u56fa\u5b9a\u6599\u91d1<\/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\">\u671f\u9593\u9650\u5b9a\u30aa\u30d5\u30a1\u30fc<\/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\u306e\u8cea\u554f<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f2\">1\u4e07\u5b57\u4ee5\u4e0a\u306e\u5c02\u5c5e\u30ec\u30dd\u30fc\u30c8<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f3\">Q\u7248\u30a4\u30e9\u30b9\u30c810\u679a\u4ee5\u4e0a<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f4\">\u8a73\u7d30\u306a\u6027\u683c\u5206\u6790<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f5\">24\u6642\u9593\u30ad\u30e3\u30c3\u30b7\u30e5\u30d0\u30c3\u30af\u4fdd\u8a3c<\/div>\n                    <\/div>\n\n                    <a href=\"https:\/\/maybeits.me\/jp\/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\">\u3053\u306e\u30d7\u30e9\u30f3\u3092\u9078\u629e<\/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\u4f53\u5185\u6d78\u6c34\u30d0\u30fc\u30b8\u30e7\u30f3\u3011<\/div>\n                    <div class=\"jf-kamabit pricing-title fs-38 fs-md-38\" data-i18n=\"planB_name\">\u4f53\u5185\u306b\u6f5c\u3080MBTI<br>(\u30ec\u30dd\u30fc\u30c8\uff0b\u5fc3\u306e\u58f0\u3092\u8074\u304f)<\/div>\n                    <div class=\"lihsianti pricing-description fs-32 fs-md-36\">\n                        <span data-i18n=\"planB_desc\">\u6700\u9ad8\u306e\u611f\u5ea6\u3068\u611f\u5ea6<\/span>\n                    <\/div>\n                    <div class=\"jf-jinxuanlatte-semibold pricing-original fs-16 fs-md-20\"><span\n                            data-i18n=\"price_original_label\">\u56fa\u5b9a\u6599\u91d1<\/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\">\ud83d\udc4d \u30b3\u30b9\u30d1\u6700\u9ad8<\/div>\n                    <div class=\"jf-jinxuanlatte-heavy pricing-price fs-30 fs-md-36\"><span\n                            data-i18n=\"price_sale_label\">\u671f\u9593\u9650\u5b9a\u30aa\u30d5\u30a1\u30fc<\/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 \u304a\u5f97<\/div>\n\n                    <div class=\"pricing-features font-p\">\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f1\">\u30ec\u30dd\u30fc\u30c8\u306e\u5b8c\u5168\u7248\u306e\u5185\u5bb9:<br>93\u554f\u30c6\u30b9\u30c8\u30011\u4e07\u5b57\u4ee5\u4e0a\u306e\u5c02\u5c5e\u30ec\u30dd\u30fc\u30c8\u306a\u3069<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f3\">\u9650\u5b9aQ\u30d0\u30fc\u30b8\u30e7\u30f3\u30a4\u30e9\u30b9\u30c8\u30bb\u30c3\u30c8<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f4\">\u3044\u3064\u3067\u3082\u3069\u3053\u3067\u3082\u8074\u3051\u308b<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f2\">\ud83c\udfa7 Soul Talk 25\u5206\u9593\u306e\u5c02\u5c5e\u97f3\u58f0\u30c0\u30a4\u30a2\u30ed\u30b0<\/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%\u4ee5\u4e0a\u306f\u30ec\u30dd\u30fc\u30c8\u306b\u306a\u3044\u72ec\u5360\u30b3\u30f3\u30c6\u30f3\u30c4<br>\u221f \u3042\u306a\u305f\u306e\u65e5\u5e38\u30b7\u30fc\u30f3\u3067\u7d50\u8ad6\u3092\u691c\u8a3c<br>\u221f \u591a\u6b21\u5143\u306e\u56e0\u679c\u95a2\u4fc2\u5206\u6790<br>\u221f \u7279\u5178\uff1a\u5c02\u5c5e\u30df\u30e5\u30fc\u30b8\u30c3\u30af MV<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <a href=\"https:\/\/maybeits.me\/jp\/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\">\u73fe\u5728\u306e\u89e3\u653e\u306e\u5b8c\u5168\u7248<\/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 \u77e5\u3063\u3066\u304a\u304f\u3079\u304d\u91cd\u8981\u306a\u3053\u3068:<\/span><\/strong><br>\n                    <span data-i18n=\"pricing_warn_desc\">\u300c\u30bd\u30a6\u30eb\u30c8\u30fc\u30af\u30aa\u30fc\u30c7\u30a3\u30aa\u30b3\u30e1\u30f3\u30bf\u30ea\u30fc\u300d\u30b5\u30fc\u30d3\u30b9\u306f\u300cMBTI\u6027\u683c\u5206\u6790\u30ec\u30dd\u30fc\u30c8\u300d\u8cfc\u5165\u8005\u306f\u8ffd\u52a0\u8cfc\u5165\u53ef\u80fd\uff08\u8ffd\u52a0\u4fa1\u683c\uff09<\/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>\u5225\u9014\u8cfc\u5165:<\/strong><span data-price=\"planA-sale-alt\">---<\/span>\uff08\u624b\u52d5\uff09+ <span\n                        data-price=\"audio-addon-alt\">---<\/span>\uff08\u97f3\u58f0\uff09\uff1d\u7dcf\u8cbb\u7528 <span data-price=\"total-separate\">---\n                        975<\/span><br>\n                    <strong style=\"color: #5A7A7C;\">\u4eca\u3059\u3050\u304a\u91d1\u3092\u7bc0\u7d04\u3059\u308b\u306b\u306f\u3001\u300c\u30b3\u30f3\u30d7\u30ea\u30fc\u30c8\u30bb\u30c3\u30c8\u300d\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002 <span data-price=\"savings-alt\">---\n                            198<\/span>\u6700\u3082\u8cbb\u7528\u5bfe\u52b9\u679c\u304c\u9ad8\u3044<\/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 \u3055\u3089\u306b\u30d7\u30ec\u30bc\u30f3\u30c8<\/span><br>\n                <span class=\"fs-24 fs-md-36\" data-i18n=\"bonus_title_2\">MBTI AI\u6d3b\u7528\u30c4\u30fc\u30eb\u30ad\u30c3\u30c8\uff08\u5b8c\u5168\u7248\u30fb30\u30c4\u30fc\u30eb\u4ed8\u5c5e\uff09<\/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\">\u30ec\u30dd\u30fc\u30c8\u3060\u3051\u3067\u306f\u3042\u308a\u307e\u305b\u3093<br>AI \u30c4\u30fc\u30eb\u30ad\u30c3\u30c8\u3082\u7121\u6599\u3067\u304a\u5c4a\u3051\u3057\u307e\u3059<br><br><strong style=\"color: #5A7A7C;\">\ud83d\udcd6 1\u4e07\u5b57\u4ee5\u4e0a\u306e\u6df1\u5c64\u5206\u6790<\/strong> \u2192 \u81ea\u5df1\u7406\u89e3<br><strong style=\"color: #5A7A7C;\">\ud83d\udee0\ufe0f 30\u306e AI \u30ac\u30a4\u30c9\u30c4\u30fc\u30eb<\/strong> \u2192 \u554f\u984c\u89e3\u6c7a<\/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\">\u2728MBTI\u9650\u5b9a15\u500b<\/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 \u8cac\u4efb\u3042\u308b\u691c\u67fb\u30fb\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0<\/li>\n                        <li data-i18n=\"bonus_mbti_2\">\u2022 \u5b8c\u74a7\u306e\u5b8c\u74a7\u3055<\/li>\n                        <li data-i18n=\"bonus_mbti_3\">\u2022 \u611f\u60c5\u8868\u73fe<\/li>\n                        <li data-i18n=\"bonus_mbti_4\">\u2022 \u4eba\u9593\u95a2\u4fc2\u306e\u76f8\u6027\u5206\u6790\uff08MBTI + \u661f\u5ea7\uff09<\/li>\n                        <li data-i18n=\"bonus_mbti_5\">\u2022 \u30d7\u30ec\u30bc\u30f3\u30c8\u306f\u30b7\u30b9\u30c6\u30e0\u3092\u63a8\u5968\u3057\u307e\u3059<\/li>\n                        <li data-i18n=\"bonus_mbti_6\">\u2022 \u5408\u7406\u7684\u306a\u610f\u601d\u6c7a\u5b9a<\/li>\n                        <li style=\"color: #8C8580; font-style: italic;\" data-i18n=\"bonus_mbti_more\">...\u5f7c\u306f9\u6b73\u306e\u7537\u306e\u5b50\u3067\u3059<\/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 15\u500b\u306e\u6c4e\u7528\u30c4\u30fc\u30eb<\/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\">\u611f\u60c5\u7ba1\u7406:<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_emotion_items\">\u7dca\u6025\u652f\u63f4\u3001\u4e0d\u5b89\u3001\u60b2\u3057\u307f\u3001\u60b2\u3057\u307f\u2026.<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_decision_label\">\u610f\u5473\u306b\u3088\u3063\u3066\u610f\u5473\u304c\u6c7a\u307e\u308a\u307e\u3059\u3002<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_decision_items\">\u898f\u6a21\u3001\u30bf\u30fc\u30b2\u30c3\u30c8\u5206\u89e3\u65b9\u6cd5\u3001\u7fd2\u6163\u69cb\u7bc9\u65b9\u6cd5\u306a\u3069\u3092\u9078\u629e\u3057\u307e\u3059...<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_social_label\">\u5bfe\u4eba\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\uff1a<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_social_items\">\u4f1a\u8a71\u5236\u5fa1\u751f\u6210\u3001\u548c\u89e3\u4ef2\u4ecb\u3001\u5236\u5fa1\u30d7\u30e9\u30f3\u2026.<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_growth_label\">\u500b\u4eba\u7684\u306a\u6210\u9577:<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_growth_items\">\u81ea\u5206\u3067\u65e5\u8a18\u3092\u77e5\u308a\u3001\u30c4\u30fc\u30eb\u306b\u51fa\u4f1a\u3044\u52aa\u529b\u3057\u3001\u30a2\u30af\u30bb\u30e9\u30ec\u30fc\u30bf\u30fc\u3092\u5b66\u3073\u2026\u3002.<\/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\">\u3053\u306e\u30c4\u30fc\u30eb\u30ad\u30c3\u30c8\u306e\u4fa1\u5024\u306f<\/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\">\u3053\u306e\u30de\u30cb\u30e5\u30a2\u30eb\u306e\u8cfc\u5165\u306f\u5b8c\u5168\u306b\u7121\u6599\u3067\u3059\u3002<\/span><\/span>\n                    <\/p>\n\n                    <p class=\"fs-16 fs-md-20\" style=\"margin-bottom: 1.5rem; color: #5A7A7C;\" data-i18n=\"bonus_quality\">\u826f\u3044\u3082\u306e\u306f\u6700\u9ad8\u306e\u3082\u306e\u3067\u3042\u308a\u3001\u6700\u9ad8\u306e\u3082\u306e\u306f\u6700\u9ad8\u306e\u3082\u306e\u3067\u3059\u3002<\/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 \u30ec\u30dd\u30fc\u30c81\u3064\u5206\u306e\u4fa1\u683c\u3067<\/p>\n                        <p class=\"fs-16 fs-md-20\" style=\"color: #4A4542;\" data-i18n=\"bonus_get_tools\">30\u306e\u8d85\u5b9f\u7528\u30c4\u30fc\u30eb\u3092\u624b\u306b\u5165\u308c\u308b<\/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\u30bf\u30a4\u30d7\u306b\u540c\u3058\u30c4\u30fc\u30eb\u3067\u306f\u3042\u308a\u307e\u305b\u3093<br>\u30d7\u30e9\u30a4\u30d9\u30fc\u30c8 MBTI \u9055\u53cd\u306a\u3057\u3001\u30c4\u30fc\u30eb\u3082\u9055\u53cd<\/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>\u5168\u3066\u306e\u30c4\u30fc\u30eb\u306f\u5b9f\u3067\u4f7f\u7528\u3055\u308c\u308bAI\u30d7\u30ed\u30f3\u30d7\u30c8<\/strong><br>\u3044\u3064\u3067\u3082\u4f7f\u3063\u3066\u3001\u6709\u52b9\u671f\u9650\u306a\u3057\u3001\u5b9a\u671f\u66f4\u65b0<\/span>\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div style=\"text-align: center; margin-top: 3rem;\">\n                <a href=\"https:\/\/maybeits.me\/jp\/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 \u5b8c\u5168\u30bb\u30c3\u30c8\u3092\u4eca\u3059\u3050\u89e3\u653e<\/a>\n                <p class=\"fs-16 fs-md-20\" style=\"margin-top: 1rem; color: #8C8580;\" data-i18n=\"bonus_cta_sub\">\u30ec\u30dd\u30fc\u30c8\uff0b\u30c4\u30fc\u30eb\u30ad\u30c3\u30c8\u3001\u4e00\u5ea6\u306b\u3059\u3079\u3066<\/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\">\u6700\u5f8c\u306e\u4e00\u4eba\u3001\u5931\u308f\u308c\u305f\u4e00\u4eba<\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-8.png\" alt=\"\u5149\u306b\u5411\u304b\u3063\u3066\" 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\">\u65b9\u5411\u6027: \u306a\u3044\u306e\u3067\u306f\u306a\u304f\u3001\u8ab0\u304c\u304d\u3061\u3093\u3068\u4ed5\u4e0a\u3052\u3066\u3044\u308b\u306e\u304b\u3057\u3066\u304f\u308c\u306a\u304b\u3063\u305f\u3060\u3051\u2014\u2014<br>\u30a8\u30cd\u30eb\u30ae\u30fc\u304c\u3069\u3053\u3078\u7121\u7406\u3048\u3001\u306a\u305c\u4e8b\u304c\u884c\u304f\u8bd8\u307e\u308b\u306e\u304b\u3001\u4eba\u9593\u95a2\u4fc2\u306e\u5730\u96f7...\u3059\u3079\u3066\u306e\u7b54\u3048 \u3048\u306f\u30ec\u30dd\u30fc\u30c8\u306e\u4e2d\u306b<\/p>\n\n            <p class=\"fs-18 fs-md-24\" data-i18n=\"final_desc2\">\u7269\u8a9e\u306e\u7d42\u308f\u308a<\/p>\n\n            <div style=\"margin: 3rem 0;\">\n                <p class=\"fs-20 fs-md-28\" style=\"margin-bottom: 2rem;\" data-i18n=\"final_encourage1\">\u30c6\u30b9\u30c8\u306e\u9593\u306b25\u5206<br>\u81ea\u5df1\u5206\u5272\u7406\u89e3\u3001\u6b63\u306e\u9078\u629e\u3001\u5b8c\u5168\u306a\u9078\u629e\u3001\u624b\u306e\u5b8c\u5168\u306a\u5236\u5fa1<\/p>\n                <p class=\"fs-20 fs-md-28\">\n                    <span data-i18n=\"final_encourage2\">\u3053\u308c\u306f\u30c6\u30b9\u30c8\u3067\u306f\u306a\u304f\u3001\u3042\u306a\u305f\u3078\u306e\u30c8\u30a4\u30ec\u30c3\u30c8\u30da\u30fc\u30d1\u30fc<br>\u304a\u652f\u6255\u3044\u306b\u3054\u6e80\u8db3\u3044\u305f\u3060\u3051\u306a\u3044\u5834\u5408\u306f\u300124 \u6642\u9593\u4ee5\u5185\u306b\u5168\u984d\u8fd4\u91d1\u3044\u305f\u3057\u307e\u3059\u3002<\/span>\uff01\n                <\/p>\n            <\/div>\n\n            <div class=\"cta-group\">\n                <a href=\"https:\/\/maybeits.me\/jp\/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\">\u73fe\u5728\u306e\u89e3\u653e\u306e\u5b8c\u5168\u7248<\/a>\n                <p class=\"fs-16 fs-md-20\" style=\"margin-top: 0.3rem; opacity: 0.9;\"><span\n                        data-i18n=\"price_savings_prefix\">\ud83d\udcb0 \u73b0\u7701 <span data-price=\"savings\">---<\/span> <span\n                            data-price=\"savings-final\">---<\/span>\uff08\u5b9a\u4fa1\uff09 <span\n                            data-price=\"planB-original-final\">---<\/span>\u7279\u5225\u30aa\u30d5\u30a1\u30fc <span\n                            data-price=\"planB-sale-final\">---<\/span>\uff09<\/p>\n\n                <a href=\"https:\/\/maybeits.me\/jp\/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\">\u307e\u305a\u306f\u30ec\u30dd\u30fc\u30c8\u3060\u3051\u8cfc\u5165\u3059\u308b<\/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\u30bc\u30ed\u30ea\u30b9\u30af\u4fdd\u8a3c\uff1a24\u6642\u9593\u4ee5\u5185\u5168\u984d\u8fd4\u91d1\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 \u91cd\u8981\u306a\u6ce8\u610f:<\/strong>\u3053\u306e\u30c6\u30b9\u30c8\u306f\u3001MBTI\u30d1\u30fc\u30bd\u30ca\u30ea\u30c6\u30a3\u30bf\u30a4\u30d7\u306b\u57fa\u3065\u304f\u81ea\u5df1\u63a2\u6c42\u30c4\u30fc\u30eb\u3067\u3042\u308a\u3001\u3042\u306a\u305f\u306e\u6027\u683c\u50be\u5411\u3084\u7279\u6027\u3092\u7406\u89e3\u3059\u308b\u306e\u306b\u5f79\u7acb\u3061\u307e\u3059\u3002\u3053\u306e\u30c6\u30b9\u30c8\u306f\u5c02\u9580\u7684\u306a\u5fc3\u7406\u30c6\u30b9\u30c8\u3084\u8a55\u4fa1\u3067\u306f\u306a\u304f\u3001\u8a3a\u65ad\u3084\u6cbb\u7642\u306e\u76ee\u7684\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u30e1\u30f3\u30bf\u30eb\u30d8\u30eb\u30b9\u306b\u95a2\u3059\u308b\u3054\u76f8\u8ac7\u306f\u3001\u8cc7\u683c\u306e\u3042\u308b\u5fc3\u7406\u58eb\u307e\u305f\u306f\u533b\u7642\u5c02\u9580\u5bb6\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <div class=\"floating-cta\">\n        <a href=\"https:\/\/maybeits.me\/jp\/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 \u4eca\u3059\u3050\u30c6\u30b9\u30c8\u3092\u59cb\u3081\u308b<\/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:'a24a76c22f89966a',t:'MTc4NTY0NjI0OQ=='};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\/jp\/wp-json\/wp\/v2\/pages\/7984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maybeits.me\/jp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maybeits.me\/jp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maybeits.me\/jp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maybeits.me\/jp\/wp-json\/wp\/v2\/comments?post=7984"}],"version-history":[{"count":138,"href":"https:\/\/maybeits.me\/jp\/wp-json\/wp\/v2\/pages\/7984\/revisions"}],"predecessor-version":[{"id":9246,"href":"https:\/\/maybeits.me\/jp\/wp-json\/wp\/v2\/pages\/7984\/revisions\/9246"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maybeits.me\/jp\/wp-json\/wp\/v2\/media\/1354"}],"wp:attachment":[{"href":"https:\/\/maybeits.me\/jp\/wp-json\/wp\/v2\/media?parent=7984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}