{"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\/br\/","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=\"N\u00e3o \u00e9 s\u00f3 4 letras! Relat\u00f3rio de an\u00e1lise profunda MBTI com mais de 10.000 palavras. Teste de 25 minutos.\">\n<meta property=\"og:title\" content=\"Relat\u00f3rio MBTI Aprofundado | Mais de 10.000 palavras\">\n<meta property=\"og:description\" content=\"N\u00e3o \u00e9 s\u00f3 4 letras! Relat\u00f3rio de an\u00e1lise profunda MBTI com mais de 10.000 palavras. Teste de 25 minutos.\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/maybeits.me\/br\/br\/\">\n<meta property=\"og:locale\" content=\"pt_BR\">\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=\"Relat\u00f3rio MBTI Aprofundado | Mais de 10.000 palavras\">\n<meta name=\"twitter:description\" content=\"N\u00e3o \u00e9 s\u00f3 4 letras! Relat\u00f3rio de an\u00e1lise profunda MBTI com mais de 10.000 palavras. Teste de 25 minutos.\">\n<link rel=\"alternate\" hreflang=\"zh-Hant\" href=\"https:\/\/maybeits.me\/br\/\" \/>\n<link rel=\"alternate\" hreflang=\"zh-Hans\" href=\"https:\/\/maybeits.me\/br\/zh-cn\/\" \/>\n<link rel=\"alternate\" hreflang=\"zh-HK\" href=\"https:\/\/maybeits.me\/br\/zh-hk\/\" \/>\n<link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/maybeits.me\/br\/en\/\" \/>\n<link rel=\"alternate\" hreflang=\"ja\" href=\"https:\/\/maybeits.me\/br\/jp\/\" \/>\n<link rel=\"alternate\" hreflang=\"ko\" href=\"https:\/\/maybeits.me\/br\/kr\/\" \/>\n<link rel=\"alternate\" hreflang=\"th\" href=\"https:\/\/maybeits.me\/br\/th\/\" \/>\n<link rel=\"alternate\" hreflang=\"vi\" href=\"https:\/\/maybeits.me\/br\/vi\/\" \/>\n<link rel=\"alternate\" hreflang=\"pt-BR\" href=\"https:\/\/maybeits.me\/br\/br\/\" \/>\n<link rel=\"alternate\" hreflang=\"id\" href=\"https:\/\/maybeits.me\/br\/id\/\" \/>\n<link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/maybeits.me\/br\/\" \/>\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"Product\",\n    \"name\": \"Relat\\u00f3rio MBTI Aprofundado | Mais de 10.000 palavras\",\n    \"description\": \"N\\u00e3o \\u00e9 s\\u00f3 4 letras! Relat\\u00f3rio de an\\u00e1lise profunda MBTI com mais de 10.000 palavras. Teste de 25 minutos.\",\n    \"brand\": {\n        \"@type\": \"Brand\",\n        \"name\": \"Maybe it's me\"\n    },\n    \"url\": \"https:\\\/\\\/maybeits.me\\\/br\\\/br\\\/\"\n}<\/script>\n<style id=\"mbti-sales-styles\">\n    \n\n    .zh-tw-version.mbti-sales,\n    .zh-cn-version.mbti-sales {\n        opacity: 0 !important;\n        visibility: hidden !important;\n        transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;\n    }\n\n    html.i18n-ready .zh-tw-version.mbti-sales,\n    html.i18n-ready .zh-cn-version.mbti-sales {\n        opacity: 1 !important;\n        visibility: visible !important;\n    }\n\n    html.i18n-fallback .zh-tw-version.mbti-sales,\n    html.i18n-fallback .zh-cn-version.mbti-sales {\n        opacity: 1 !important;\n        visibility: visible !important;\n    }\n\n    [data-i18n] {\n        opacity: 0 !important;\n        transition: opacity 0.15s ease-in-out;\n    }\n\n    html.i18n-ready [data-i18n] {\n        opacity: 1 !important;\n    }\n\n    html.i18n-fallback [data-i18n] {\n        opacity: 1 !important;\n    }\n\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    html {\n        margin: 0;\n        padding: 0;\n        overflow-x: hidden;\n    }\n\n    :root {\n        --primary-color: #8B7D6B;\n        --secondary-color: #A89176;\n        --accent-teal: #7B9A9C;\n        --dark: #4A4542;\n        --light: #F5F0EA;\n        --gray: #8C8580;\n\n        --morandi-cream: #F5F0EA;\n        --morandi-beige: #E8DDD0;\n        --morandi-warm-beige: #D9C9B8;\n        --morandi-brown: #B5A290;\n        --morandi-teal: #7B9A9C;\n        --morandi-soft-teal: #A8BFBE;\n\n        --gradient-warm: linear-gradient(135deg, #F5F0EA 0%, #E8DDD0 100%);\n        --gradient-beige: linear-gradient(135deg, #E8DDD0 0%, #D9C9B8 100%);\n        --gradient-accent: linear-gradient(135deg, #A8BFBE 0%, #7B9A9C 100%);\n\n        --gradient-hero: linear-gradient(135deg, #E8DDD0 0%, #D9C9B8 50%, #B5A290 100%);\n        --gradient-section-light: linear-gradient(135deg, #F5F0EA 0%, #E8DDD0 50%, #F5F0EA 100%);\n        --gradient-section-warm: linear-gradient(135deg, #E8DDD0 0%, #F5F0EA 30%, #E8DDD0 70%, #D9C9B8 100%);\n        --gradient-teal: linear-gradient(135deg, #7B9296 0%, #5A7A7C 100%);\n\n        --gradient-radial-soft: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, rgba(123, 154, 156, 0.04) 50%, transparent 100%);\n        --gradient-radial-warm: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        --gradient-radial-light: radial-gradient(circle, rgba(245, 240, 234, 0.8) 0%, rgba(245, 240, 234, 0.3) 50%, transparent 100%);\n    }\n\n    body {\n        font-family: \"ChironGoRoundTC\", sans-serif;\n        line-height: 1.8;\n        color: var(--dark);\n        background: var(--light);\n        overflow-x: hidden;\n        font-size: 18px;\n        letter-spacing: 0.03em;\n        margin: 0;\n        padding: 0;\n    }\n\n    html,\n    body {\n        min-height: 100vh;\n        position: relative;\n    }\n\n    .mbti-sales .hero {\n        min-height: 100vh;\n        background: linear-gradient(135deg, #E8DDD0 0%, #D9C9B8 50%, #B5A290 100%);\n        color: #4A4542;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        padding: 2rem;\n        position: relative;\n        overflow: hidden;\n        margin: 0;\n    }\n\n    .mbti-sales .hero::before {\n        content: \"\";\n        position: absolute;\n        width: 800px;\n        height: 800px;\n        background: radial-gradient(circle, rgba(245, 240, 234, 0.8) 0%, rgba(245, 240, 234, 0.3) 50%, transparent 100%);\n        border-radius: 45% 55% 52% 48% \/ 48% 52% 48% 52%;\n        top: -20%;\n        left: -25%;\n        animation: morphing 15s ease-in-out infinite;\n    }\n\n    .mbti-sales .hero::after {\n        content: \"\";\n        position: absolute;\n        width: 650px;\n        height: 650px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.35) 0%, rgba(123, 154, 156, 0.15) 70%, transparent 100%);\n        border-radius: 52% 48% 45% 55% \/ 55% 45% 52% 48%;\n        bottom: -18%;\n        right: -20%;\n        animation: morphing 20s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .hero-content::before {\n        content: \"\";\n        position: absolute;\n        width: 400px;\n        height: 400px;\n        background: linear-gradient(135deg, rgba(245, 240, 234, 0.3) 0%, rgba(245, 240, 234, 0.15) 100%);\n        border-radius: 48% 52% 45% 55%;\n        top: 5%;\n        right: -25%;\n        z-index: 0;\n        animation: float 8s ease-in-out infinite;\n    }\n\n    @keyframes float {\n\n        0%,\n        100% {\n            transform: translateY(0px) rotate(0deg);\n        }\n\n        50% {\n            transform: translateY(-30px) rotate(5deg);\n        }\n    }\n\n    @keyframes morphing {\n\n        0%,\n        100% {\n            border-radius: 48% 52% 45% 55% \/ 52% 48% 52% 48%;\n            transform: translate(0, 0) rotate(0deg);\n        }\n\n        25% {\n            border-radius: 52% 48% 55% 45% \/ 48% 52% 48% 52%;\n            transform: translate(25px, -25px) rotate(8deg);\n        }\n\n        50% {\n            border-radius: 45% 55% 48% 52% \/ 55% 45% 55% 45%;\n            transform: translate(-25px, 25px) rotate(-8deg);\n        }\n\n        75% {\n            border-radius: 55% 45% 52% 48% \/ 45% 55% 45% 55%;\n            transform: translate(25px, 25px) rotate(5deg);\n        }\n    }\n\n    .mbti-sales .hero-content {\n        max-width: 800px;\n        width: 100%;\n        position: relative;\n        z-index: 1;\n        animation: fadeInUp 1s ease;\n        background: rgba(255, 255, 255, 0.15);\n        -webkit-backdrop-filter: blur(10px);\n        backdrop-filter: blur(10px);\n        padding: 4rem 3rem;\n        border-radius: 30px;\n        border: 1px solid rgba(255, 255, 255, 0.3);\n        box-shadow: 0 10px 40px rgba(139, 125, 107, 0.2);\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .mbti-sales .hero h1 {\n        \n        margin-bottom: 2rem;\n        line-height: 1.4;\n        letter-spacing: 0.02em;\n        background: linear-gradient(110deg,\n                #2A241D 0%,\n                #4A6668 20%,\n                #3D3329 40%,\n                #4A6668 60%,\n                #2A241D 80%,\n                #4A6668 100%);\n        background-size: 200% 100%;\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        animation: holographicShift 8s ease-in-out infinite;\n    }\n\n    .mbti-sales .hero p {\n        \n        margin-bottom: 1.5rem;\n        opacity: 0.95;\n        line-height: 2;\n        color: #4A4542;\n        max-width: 800px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .mbti-sales .illustration-placeholder {\n        background: rgba(255, 255, 255, 0.15);\n        border: 2px dashed rgba(255, 255, 255, 0.3);\n        border-radius: 20px;\n        padding: 3rem 2rem;\n        margin: 2rem auto;\n        max-width: 600px;\n        text-align: center;\n        color: rgba(255, 255, 255, 0.7);\n        font-size: 0.85rem;\n        line-height: 1.6;\n    }\n\n    .mbti-sales .illustration-placeholder strong {\n        display: block;\n        font-size: 1rem;\n        margin-bottom: 0.5rem;\n        color: rgba(255, 255, 255, 0.9);\n    }\n\n    .mbti-sales .illustration-placeholder.light-bg {\n        background: rgba(0, 0, 0, 0.03);\n        border: 2px dashed rgba(0, 0, 0, 0.1);\n        color: rgba(74, 74, 72, 0.6);\n    }\n\n    .mbti-sales .illustration-placeholder.light-bg strong {\n        color: rgba(74, 74, 72, 0.8);\n    }\n\n    .mbti-sales .cta-button {\n        display: inline-block;\n        padding: 1.5rem 4rem;\n        \n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 800;\n        text-decoration: none;\n        border-radius: 50px;\n        transition: all 0.3s ease;\n        margin: 1rem;\n        position: relative;\n        overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n        line-height: 1.5;\n        text-align: center;\n    }\n\n    .mbti-sales .cta-button::before {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 0;\n        height: 0;\n        border-radius: 50%;\n        background: rgba(255, 255, 255, 0.3);\n        transform: translate(-50%, -50%);\n        transition: width 0.6s, height 0.6s;\n    }\n\n    .mbti-sales .cta-button:hover::before {\n        width: 300px;\n        height: 300px;\n    }\n\n    .mbti-sales .cta-primary {\n        background: linear-gradient(135deg, #B5A290 0%, #A89176 100%);\n        color: white;\n        border: 2px solid transparent;\n    }\n\n    .mbti-sales .cta-primary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(181, 162, 144, 0.5);\n        background: linear-gradient(135deg, #A89176 0%, #9A8166 100%);\n    }\n\n    .mbti-sales .cta-secondary {\n        background: white;\n        color: #8B7D6B;\n        border: 2px solid #B5A290;\n    }\n\n    .mbti-sales .cta-secondary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 40px rgba(139, 125, 107, 0.4);\n        background: #F5F0EA;\n        border-color: #7B9A9C;\n        color: #7B9A9C;\n    }\n\n    .mbti-sales .container {\n        max-width: 900px;\n        margin: 0 auto;\n        padding: 5rem 2.5rem;\n        position: relative;\n        z-index: 1;\n    }\n\n    .mbti-sales .section {\n        margin-bottom: 0;\n        animation: fadeIn 1s ease;\n    }\n\n    @keyframes fadeIn {\n        from {\n            opacity: 0;\n        }\n\n        to {\n            opacity: 1;\n        }\n    }\n\n    .mbti-sales .section-title {\n        \n        text-align: center;\n        margin-bottom: 4rem;\n        color: #4A4542;\n        position: relative;\n        padding-bottom: 2rem;\n        line-height: 1.5;\n        letter-spacing: 0.02em;\n    }\n\n    .mbti-sales .section-title::before {\n        content: \"\";\n        position: absolute;\n        bottom: 0.5rem;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 60px;\n        height: 60px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n        z-index: -1;\n    }\n\n    .mbti-sales .section-title::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 140px;\n        height: 4px;\n        background: linear-gradient(90deg, transparent, #B5A290 20%, #7B9A9C 50%, #B5A290 80%, transparent);\n        border-radius: 4px;\n    }\n\n    .mbti-sales .pain-points {\n        background: linear-gradient(180deg, #D9C9B8 0%, #F5F0EA 10%, #F5F0EA 90%, #E8DDD0 100%);\n        padding: 0 2rem 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .pain-points::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.15) 0%, rgba(123, 154, 156, 0.05) 50%, transparent 100%);\n        border-radius: 52% 48% 45% 55% \/ 48% 52% 52% 48%;\n        top: -10%;\n        right: -15%;\n        animation: morphing 18s ease-in-out infinite;\n    }\n\n    .mbti-sales .pain-points::after {\n        content: \"\";\n        position: absolute;\n        width: 450px;\n        height: 450px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        border-radius: 48% 52% 55% 45%;\n        bottom: 10%;\n        left: -12%;\n        animation: morphing 20s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .pain-list {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .mbti-sales .pain-item {\n        background: white;\n        padding: 2.5rem 2.5rem 2.5rem 5rem;\n        margin: 2rem 0;\n        border-radius: 20px;\n        \n        box-shadow: 0 8px 20px rgba(139, 125, 107, 0.15);\n        position: relative;\n        color: #4A4542;\n        border-left: 6px solid #7B9A9C;\n        transition: all 0.3s ease;\n        line-height: 1.9;\n        font-family: \"jf-hornedfrog\" !important;\n        font-weight: bold;\n    }\n\n    .mbti-sales .pain-item:hover {\n        transform: translateX(10px);\n        box-shadow: 0 12px 30px rgba(123, 154, 156, 0.25);\n        border-left-width: 8px;\n    }\n\n    .mbti-sales .product-intro {\n        background: linear-gradient(135deg, #F5F0EA 0%, #E8DDD0 50%, #D9C9B8 100%);\n        color: #4A4542;\n        padding: 5rem 2rem;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .product-intro::before {\n        content: \"\";\n        position: absolute;\n        width: 700px;\n        height: 700px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.15) 0%, rgba(123, 154, 156, 0.05) 50%, transparent 100%);\n        border-radius: 45% 55% 48% 52% \/ 52% 48% 55% 45%;\n        bottom: -20%;\n        left: -20%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .product-intro::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.12) 0%, transparent 70%);\n        border-radius: 52% 48% 45% 55%;\n        top: -15%;\n        right: -15%;\n        animation: morphing 25s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .features-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 2.5rem;\n        max-width: 800px;\n        margin: 4rem auto;\n    }\n\n    .mbti-sales .feature-card {\n        background: white;\n        color: var(--dark);\n        padding: 3rem 2.5rem;\n        border-radius: 24px;\n        box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        position: relative;\n        overflow: hidden;\n        border: 3px solid #7B9A9C;\n        text-align: center;\n    }\n\n    .mbti-sales .feature-card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        right: 0;\n        width: 150px;\n        height: 150px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n        transform: translate(50%, -50%);\n    }\n\n    .mbti-sales .feature-card:hover {\n        transform: translateY(-15px);\n        box-shadow: 0 20px 45px rgba(123, 154, 156, 0.3);\n        border-width: 5px;\n    }\n\n    .mbti-sales .feature-icon {\n        font-size: 3.5rem;\n        margin-bottom: 1.5rem;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 120px;\n        height: 120px;\n        background: linear-gradient(135deg, rgba(123, 154, 156, 0.15) 0%, rgba(168, 191, 190, 0.15) 100%);\n        border-radius: 50%;\n    }\n\n    .mbti-sales .feature-title {\n        \n        margin-bottom: 1.2rem;\n        color: #8B7D6B;\n        line-height: 1.4;\n        font-family: \"lihsianti\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .feature-card p {\n        line-height: 1.8;\n        \n        color: #5A5A5A;\n    }\n\n    .mbti-sales .comparison-section {\n        background: linear-gradient(180deg, #E8DDD0 0%, #F5F0EA 30%, #E8DDD0 70%, #D9C9B8 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .comparison-section::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.15) 0%, transparent 70%);\n        border-radius: 48% 52% 52% 48% \/ 45% 55% 48% 52%;\n        top: -15%;\n        left: -18%;\n        animation: morphing 18s ease-in-out infinite;\n    }\n\n    .mbti-sales .comparison-section::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.12) 0%, transparent 70%);\n        border-radius: 45% 55% 48% 52%;\n        bottom: -12%;\n        right: -15%;\n        animation: morphing 22s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .comparison-table {\n        max-width: 800px;\n        margin: 0 auto;\n        overflow: visible;\n    }\n\n    .mbti-sales table {\n        width: 100%;\n        border-collapse: separate;\n        border-spacing: 0;\n        background: white;\n        box-shadow: 0 10px 40px rgba(90, 122, 124, 0.1);\n        border-radius: 15px;\n        position: relative;\n    }\n\n    .mbti-sales th {\n        background: linear-gradient(135deg, #7B9296 0%, #5A7A7C 100%);\n        color: white;\n        padding: 2rem 1.5rem;\n        font-size: clamp(1rem, 1.5vw, 1.125rem);\n        text-align: center;\n        vertical-align: middle;\n        line-height: 1.6;\n        position: relative;\n    }\n\n    .mbti-sales th:first-child {\n        text-align: center;\n        padding-left: 1.5rem;\n        border-top-left-radius: 15px;\n    }\n\n    .mbti-sales th:nth-child(3) {\n        position: relative;\n        z-index: 10;\n        border-left: 5px solid #7B9A9C;\n        border-right: 5px solid #7B9A9C;\n        border-top: 6px solid #7B9A9C;\n        border-top-left-radius: 15px;\n        border-top-right-radius: 15px;\n    }\n\n    .mbti-sales td {\n        padding: 2rem 1.5rem;\n        border-bottom: 1px solid #f0f0f0;\n        font-size: clamp(0.95rem, 1.5vw, 1.0625rem);\n        vertical-align: middle;\n        text-align: center;\n        line-height: 1.7;\n        position: relative;\n    }\n\n    .mbti-sales td:nth-child(3) {\n        border-left: 5px solid #7B9A9C;\n        border-right: 5px solid #7B9A9C;\n        position: relative;\n        z-index: 10;\n    }\n\n    .mbti-sales td:first-child {\n        color: #3D4848;\n        text-align: center;\n        padding-left: 1.5rem;\n    }\n\n    .mbti-sales tr:last-child td {\n        border-bottom: none;\n    }\n\n    .mbti-sales tr:last-child td:nth-child(3) {\n        border-bottom: 5px solid #7B9A9C;\n        border-bottom-left-radius: 15px;\n        border-bottom-right-radius: 15px;\n    }\n\n    .mbti-sales tr:hover {\n        background: #fafafa;\n    }\n\n    .mbti-sales .check {\n        color: #5A7A7C;\n    }\n\n    .mbti-sales .cross {\n        color: #9A6F47;\n        font-size: 1rem;\n    }\n\n    @media (max-width: 768px) {\n\n        .mbti-sales .comparison-table {\n            margin: 0;\n            overflow-x: visible;\n        }\n\n        .mbti-sales table {\n            display: table;\n            width: 100%;\n            border-radius: 12px;\n            table-layout: fixed;\n        }\n\n        .mbti-sales thead {\n            display: table-header-group;\n        }\n\n        .mbti-sales tbody {\n            display: table-row-group;\n        }\n\n        .mbti-sales tr {\n            display: table-row;\n        }\n\n        .mbti-sales th,\n        .mbti-sales td {\n            display: table-cell;\n            font-size: 0.75rem;\n            padding: 0.8rem 0.4rem;\n            white-space: normal;\n            word-wrap: break-word;\n        }\n\n        .mbti-sales th:first-child,\n        .mbti-sales td:first-child {\n            width: 20%;\n            padding-left: 0.4rem;\n            padding-right: 0.4rem;\n            background: white;\n            text-align: center;\n        }\n\n        .mbti-sales th:nth-child(2),\n        .mbti-sales td:nth-child(2) {\n            width: 37%;\n        }\n\n        .mbti-sales th:nth-child(3),\n        .mbti-sales td:nth-child(3) {\n            width: 43%;\n        }\n\n        .mbti-sales th:first-child {\n            background: linear-gradient(135deg, #7B9296 0%, #5A7A7C 100%);\n        }\n\n    }\n\n    .mbti-sales .report-showcase {\n        background: linear-gradient(135deg, #F5F0EA 0%, #E8DDD0 50%, #F5F0EA 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .report-showcase::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, rgba(123, 154, 156, 0.04) 50%, transparent 100%);\n        border-radius: 52% 48% 48% 52% \/ 55% 45% 52% 48%;\n        top: -15%;\n        left: -15%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .report-showcase::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        border-radius: 45% 55% 52% 48%;\n        bottom: -12%;\n        right: -12%;\n        animation: morphing 24s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .report-features {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 2.5rem;\n        max-width: 800px;\n        margin: 4rem auto;\n    }\n\n    .mbti-sales .report-feature {\n        background: white;\n        padding: 3rem 2.5rem;\n        border-radius: 24px;\n        text-align: center;\n        box-shadow: 0 8px 25px rgba(139, 125, 107, 0.15);\n        transition: all 0.3s ease;\n        position: relative;\n        overflow: hidden;\n        border-top: 4px solid #7B9A9C;\n    }\n\n    .mbti-sales .report-feature::before {\n        content: \"\";\n        position: absolute;\n        top: -50%;\n        right: -50%;\n        width: 200px;\n        height: 200px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n    }\n\n    .mbti-sales .report-feature:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 15px 35px rgba(123, 154, 156, 0.25);\n        border-top-width: 5px;\n    }\n\n    .mbti-sales .report-feature-icon {\n        font-size: 3rem;\n        margin-bottom: 1.5rem;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 110px;\n        height: 110px;\n        background: linear-gradient(135deg, rgba(181, 162, 144, 0.15) 0%, rgba(123, 154, 156, 0.15) 100%);\n        border-radius: 50%;\n    }\n\n    .mbti-sales .report-feature h3 {\n        margin-bottom: 1rem;\n        font-family: \"lihsianti\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .report-feature p {\n        line-height: 1.9;\n        \n    }\n\n    .mbti-sales .soul-talk {\n        background: linear-gradient(135deg, #7B9A9C 0%, #6B8A8C 50%, #5B7A7C 100%);\n        color: #F5F0EA;\n        padding: 5rem 2rem;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .soul-talk::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(245, 240, 234, 0.15) 0%, rgba(245, 240, 234, 0.05) 50%, transparent 100%);\n        border-radius: 45% 55% 52% 48% \/ 48% 52% 45% 55%;\n        bottom: -18%;\n        right: -18%;\n        animation: morphing 22s ease-in-out infinite;\n    }\n\n    .mbti-sales .soul-talk::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(168, 191, 190, 0.2) 0%, transparent 70%);\n        border-radius: 52% 48% 48% 52%;\n        top: -15%;\n        left: -15%;\n        animation: morphing 20s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .soul-talk-content {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .mbti-sales .soul-talk h2 {\n        \n        margin-bottom: 2.5rem;\n        line-height: 1.4;\n        position: relative;\n        padding-bottom: 2rem;\n    }\n\n    .mbti-sales .soul-talk h2::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 140px;\n        height: 4px;\n        background: linear-gradient(90deg, transparent, rgba(245, 240, 234, 0.3) 20%, rgba(245, 240, 234, 0.8) 50%, rgba(245, 240, 234, 0.3) 80%, transparent);\n        border-radius: 4px;\n    }\n\n    .mbti-sales .soul-talk p {\n        \n        line-height: 2;\n        margin-bottom: 1.8rem;\n    }\n\n    .mbti-sales .soul-talk .feature-card {\n        border: none;\n        border-top: 5px solid #7B9A9C;\n    }\n\n    .mbti-sales .soul-talk .feature-card:hover {\n        border-width: auto;\n        border-top-width: 6px;\n    }\n\n    .mbti-sales .testimonials {\n        background: linear-gradient(180deg, #7B9A9C 0%, #F5F0EA 15%, #F5F0EA 85%, #E8DDD0 100%);\n        padding: 0 2rem 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .testimonials::before {\n        content: \"\";\n        position: absolute;\n        width: 550px;\n        height: 550px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.12) 0%, transparent 70%);\n        border-radius: 48% 52% 55% 45% \/ 52% 48% 48% 52%;\n        bottom: -10%;\n        right: -12%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .testimonials::after {\n        content: \"\";\n        position: absolute;\n        width: 450px;\n        height: 450px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 52% 48% 45% 55%;\n        top: 15%;\n        left: -10%;\n        animation: morphing 22s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .testimonial-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 1rem;\n        max-width: 100%;\n        margin: 4rem 0;\n    }\n\n    .mbti-sales .testimonial-card {\n        background: white;\n        color: #4A4542;\n        padding: 0 2rem 2rem 2rem;\n        border-radius: 24px;\n        box-shadow: 0 10px 35px rgba(123, 154, 156, 0.2);\n        position: relative;\n        border-left: 6px solid #7B9A9C;\n        transition: all 0.3s ease;\n    }\n\n    .mbti-sales .testimonial-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 15px 45px rgba(123, 154, 156, 0.3);\n    }\n\n    .mbti-sales .testimonial-card::before {\n        content: \"\\\\\"\";\n        font-size: 6rem;\n        position: absolute;\n        top: -1.5rem;\n        left: 1.5rem;\n        opacity: 0.15;\n        font-family: Georgia, serif;\n        color: #7B9A9C;\n        line-height: 1;\n    }\n\n    .mbti-sales .testimonial-card::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        width: 100px;\n        height: 100px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.1) 0%, transparent 70%);\n        border-radius: 50%;\n        transform: translate(30%, 30%);\n    }\n\n    .mbti-sales .testimonial-card::before {\n        content: \"\\\\\"\";\n        font-size: 5rem;\n        position: absolute;\n        top: -1rem;\n        left: 1rem;\n        opacity: 0.3;\n        font-family: Georgia, serif;\n    }\n\n    .mbti-sales .testimonial-text {\n        \n        line-height: 1.7;\n        margin-bottom: 1.5rem;\n        position: relative;\n        z-index: 1;\n        color: #3D4848;\n        font-family: \"jf-hornedfrog\" !important;\n        font-weight: bold;\n    }\n\n    .mbti-sales .testimonial-author {\n        \n        color: #7B9296;\n        font-family: \"jf-jinxuan\" !important;\n        font-weight: 800;\n    }\n\n    .mbti-sales .testimonial-dots {\n        display: none;\n    }\n\n    .mbti-sales .report-preview-gif {\n        border-radius: 18px;\n        overflow: hidden;\n        position: relative;\n        border: 2px solid rgba(123, 154, 156, 0.3);\n        box-shadow: 0 4px 30px rgba(139, 125, 107, 0.2);\n        margin-top: 2rem;\n    }\n\n    .mbti-sales .report-preview-gif img {\n        width: 100%;\n        display: block;\n    }\n\n    .mbti-sales .gif-overlay {\n        position: absolute;\n        inset: 0;\n        background: rgba(0, 0, 0, 0.15);\n        backdrop-filter: blur(2.5px);\n        -webkit-backdrop-filter: blur(2.5px);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        pointer-events: none;\n    }\n\n    .mbti-sales .gif-overlay-text {\n        text-align: center;\n        color: white;\n        text-shadow: 0 2px 16px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.5);\n        padding: 40px 50px;\n        max-width: 88%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 18px;\n    }\n\n    .mbti-sales .gif-overlay-title {\n        font-size: 2rem;\n        font-weight: 700;\n        display: block;\n        line-height: 1.4;\n        letter-spacing: 1px;\n    }\n\n    .mbti-sales .gif-overlay-body {\n        font-size: 1.15rem;\n        line-height: 2;\n        display: block;\n        opacity: 0.95;\n    }\n\n    .mbti-sales .gif-overlay-cta {\n        font-size: 1.15rem;\n        font-weight: 700;\n        display: block;\n        line-height: 1.7;\n    }\n\n    .mbti-sales .gif-overlay-sub {\n        font-size: 0.9rem;\n        opacity: 0.7;\n        display: block;\n        margin-top: 6px;\n        letter-spacing: 0.5px;\n    }\n\n    .mbti-sales .mobile-br {\n        display: none;\n    }\n\n    .mbti-sales .mobile-hide {\n        display: inline;\n    }\n\n    .mbti-sales .pricing-section {\n        background: linear-gradient(135deg, #E8DDD0 0%, #F5F0EA 30%, #E8DDD0 70%, #D9C9B8 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .pricing-section::before {\n        content: \"\";\n        position: absolute;\n        width: 650px;\n        height: 650px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, rgba(123, 154, 156, 0.04) 50%, transparent 100%);\n        border-radius: 52% 48% 45% 55% \/ 48% 52% 52% 48%;\n        top: -15%;\n        left: -18%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .pricing-section::after {\n        content: \"\";\n        position: absolute;\n        width: 550px;\n        height: 550px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        border-radius: 45% 55% 52% 48%;\n        bottom: -12%;\n        right: -15%;\n        animation: morphing 24s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .pricing-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 2rem;\n        max-width: 1100px;\n        margin: 4rem auto;\n        align-items: stretch;\n    }\n\n    .mbti-sales .pricing-card {\n        background: white;\n        border-radius: 18px;\n        padding: 3rem 2rem;\n        box-shadow: 0 15px 45px rgba(139, 125, 107, 0.18);\n        text-align: center;\n        transition: all 0.4s ease;\n        position: relative;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .mbti-sales .pricing-card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 6px;\n        background: linear-gradient(90deg, #B5A290, #7B9A9C, #B5A290);\n    }\n\n    .mbti-sales .pricing-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 55px rgba(139, 125, 107, 0.25);\n    }\n\n    .mbti-sales .pricing-card.featured {\n        border: 3px solid #7B9A9C;\n        background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(245, 240, 234, 0.5) 100%);\n    }\n\n    .mbti-sales .pricing-card.featured::after {\n        content: \"\u63a8\u85a6\";\n        position: absolute;\n        top: 12px;\n        right: -32px;\n        background: linear-gradient(135deg, #7B9A9C, #6B8A8C);\n        color: white;\n        padding: 0.5rem 3rem;\n        transform: rotate(45deg);\n        font-size: 1rem;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 800;\n    }\n\n    .mbti-sales .pricing-badge {\n        background: linear-gradient(135deg, #9A6F47 0%, #7B5A37 100%);\n        color: white;\n        padding: 0.5rem 1.5rem;\n        border-radius: 50px;\n        display: inline-block;\n        margin-bottom: 1rem;\n        \n    }\n\n    .mbti-sales .pricing-title {\n        \n        margin-bottom: 1rem;\n        color: #5A7A7C;\n        line-height: 1.2;\n    }\n\n    .mbti-sales .pricing-subtitle {\n        \n        margin-bottom: 10px;\n        color: #5A7A7C;\n        line-height: 1.2;\n    }\n\n    .mbti-sales .pricing-description {\n        color: #8C653F;\n        margin-bottom: 1.5rem;\n        line-height: 1.5;\n    }\n\n    .mbti-sales .pricing-price {\n        \n        color: var(--dark);\n        margin-bottom: 0.5rem;\n        line-height: 1.1;\n    }\n\n    .mbti-sales .pricing-original {\n        text-decoration: line-through;\n        color: var(--gray);\n        \n        margin-bottom: 0.8rem;\n    }\n\n    .mbti-sales .pricing-savings {\n        color: #5A7A7C;\n        margin-bottom: 1.5rem;\n        \n    }\n\n    .mbti-sales .pricing-features {\n        text-align: left;\n        margin: 1.5rem 0;\n        flex-grow: 1;\n    }\n\n    .mbti-sales .pricing-card .cta-button {\n        margin-top: auto;\n    }\n\n    .mbti-sales .pricing-badge-placeholder {\n        padding: 0.5rem 1.5rem;\n        margin-bottom: 1rem;\n    }\n\n    .mbti-sales .pricing-savings-placeholder {\n        margin-bottom: 1.5rem;\n    }\n\n    .mbti-sales .pricing-feature {\n        padding: 1rem 0;\n        border-bottom: 1px solid #eee;\n        display: flex;\n        align-items: center;\n        \n        line-height: 1.4;\n    }\n\n    .mbti-sales .pricing-feature::before {\n        content: \"\u2713\";\n        color: #5A7A7C;\n        margin-right: 1rem;\n        font-size: 1.3rem;\n        flex-shrink: 0;\n    }\n\n    .mbti-sales .final-cta {\n        background: linear-gradient(135deg, #7B9A9C 0%, #6B8A8C 30%, #7B9A9C 70%, #8BA9AB 100%);\n        color: #F5F0EA;\n        padding: 6rem 2rem;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .final-cta::before {\n        content: \"\";\n        position: absolute;\n        width: 700px;\n        height: 700px;\n        background: radial-gradient(circle, rgba(245, 240, 234, 0.2) 0%, rgba(245, 240, 234, 0.08) 50%, transparent 100%);\n        border-radius: 45% 55% 52% 48% \/ 52% 48% 45% 55%;\n        top: -18%;\n        left: -20%;\n        animation: morphing 22s ease-in-out infinite;\n    }\n\n    .mbti-sales .final-cta::after {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: radial-gradient(circle, rgba(168, 191, 190, 0.25) 0%, rgba(168, 191, 190, 0.1) 50%, transparent 100%);\n        border-radius: 52% 48% 48% 52% \/ 45% 55% 52% 48%;\n        bottom: -15%;\n        right: -18%;\n        animation: morphing 20s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .final-cta-content {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .mbti-sales .final-cta h2 {\n        \n        margin-bottom: 2.5rem;\n        line-height: 1.4;\n        position: relative;\n        padding-bottom: 2rem;\n    }\n\n    .mbti-sales .final-cta h2::after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 140px;\n        height: 4px;\n        background: linear-gradient(90deg, transparent, rgba(245, 240, 234, 0.3) 20%, rgba(245, 240, 234, 0.8) 50%, rgba(245, 240, 234, 0.3) 80%, transparent);\n        border-radius: 4px;\n    }\n\n    .mbti-sales .final-cta p {\n        \n        margin-bottom: 1.8rem;\n        line-height: 2;\n    }\n\n    .mbti-sales .cta-group {\n        margin-top: 3rem;\n    }\n\n    .mbti-sales .guarantee {\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(245, 240, 234, 0.15) 100%);\n        padding: 2.5rem 2rem;\n        border-radius: 24px;\n        margin-top: 3rem;\n        \n        color: #F5F0EA;\n        border: 2px solid rgba(255, 255, 255, 0.3);\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n        -webkit-backdrop-filter: blur(10px);\n        backdrop-filter: blur(10px);\n        line-height: 1.8;\n        font-family: \"lihsianti\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .floating-cta {\n        position: fixed;\n        bottom: 20px;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 1000;\n        animation: pulse 2s infinite;\n    }\n\n    .mbti-sales .floating-cta .cta-button {\n        padding: 1.5rem 5rem;\n        font-size: 1.3rem;\n        min-width: 420px;\n        display: inline-block;\n        box-sizing: border-box;\n    }\n\n    @keyframes pulse {\n\n        0%,\n        100% {\n            transform: translateX(-50%) scale(1);\n        }\n\n        50% {\n            transform: translateX(-50%) scale(1.05);\n        }\n    }\n\n    @media (max-width: 1024px) and (min-width: 769px) {\n\n        .mbti-sales .container {\n            padding: 4.5rem 2rem;\n        }\n\n        .mbti-sales .hero-content {\n            padding: 3.5rem 2.5rem;\n        }\n\n        .mbti-sales .features-grid,\n        .mbti-sales .report-features {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n        .mbti-sales .pricing-grid {\n            grid-template-columns: 1fr;\n            max-width: 600px;\n        }\n\n        .mbti-sales .testimonial-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n\n    }\n\n    @media (max-width: 768px) {\n\n        body {\n            font-size: 16px;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        html {\n            overflow-x: hidden;\n        }\n\n        .mbti-sales .hero {\n            min-height: auto;\n            padding: 2.5rem 1.5rem;\n        }\n\n        .mbti-sales .hero-content {\n            padding: 2rem 1.5rem;\n        }\n\n        .mbti-sales .hero-content::before {\n            top: 30%;\n            width: 300px;\n            height: 300px;\n        }\n\n        .mbti-sales .hero h1 {\n            font-size: 2.2rem;\n            margin-bottom: 1.5rem;\n            background: linear-gradient(110deg,\n                    #2A241D 0%,\n                    #4A6668 20%,\n                    #3D3329 40%,\n                    #4A6668 60%,\n                    #2A241D 80%,\n                    #4A6668 100%);\n            background-size: 200% 100%;\n            -webkit-background-clip: text;\n            background-clip: text;\n            -webkit-text-fill-color: transparent;\n            animation: holographicShift 8s ease-in-out infinite;\n        }\n\n        .mbti-sales .hero p {\n            font-size: 1rem;\n            margin-bottom: 1rem;\n            line-height: 1.7;\n        }\n\n        .mbti-sales .container {\n            padding: 1rem 15px;\n            max-width: 100%;\n        }\n\n        .mbti-sales .pain-points,\n        .mbti-sales .product-intro,\n        .mbti-sales .comparison-section,\n        .mbti-sales .report-showcase,\n        .mbti-sales .soul-talk,\n        .mbti-sales .pricing-section,\n        .mbti-sales .final-cta {\n            padding: 2rem 15px;\n        }\n\n        .mbti-sales .testimonials {\n            padding: 2rem 15px;\n            overflow: visible;\n        }\n\n        .mbti-sales .testimonials .section-title {\n            margin-bottom: 2rem;\n        }\n\n        .mbti-sales .pricing-section .section-title {\n            font-size: 2rem;\n        }\n\n        .mbti-sales .soul-talk-content {\n            max-width: 100%;\n        }\n\n        .mbti-sales .section-title {\n            font-size: 1.75rem;\n            margin-bottom: 1.5rem;\n            padding-bottom: 1.2rem;\n        }\n\n        .mbti-sales .pain-item {\n            font-size: 1rem;\n            padding: 1.8rem 1.2rem 1.8rem 3.8rem;\n            margin: 1.2rem 0;\n            line-height: 1.7;\n        }\n\n        .mbti-sales .features-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 1rem;\n            margin: 2.5rem 0;\n            max-width: 100%;\n        }\n\n        .mbti-sales .feature-card {\n            padding: 1.5rem 1rem;\n            aspect-ratio: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .mbti-sales .feature-icon {\n            display: none !important;\n        }\n\n        .mbti-sales .features-grid .feature-card p {\n            line-height: 1.5 !important;\n        }\n\n        .mbti-sales .feature-card .feature-title,\n        .mbti-sales .feature-card .feature-title.fs-28 {\n            font-size: 1.5rem !important;\n        }\n\n        .mbti-sales .product-intro p[style*=\"font-size: 1.5rem\"] {\n            font-size: 1.1rem !important;\n        }\n\n        .mbti-sales .comparison-section .section-title {\n            font-size: 1.5rem;\n        }\n\n        .mbti-sales .comparison-section p[style*=\"font-size: 1.6rem\"] {\n            font-size: 1.1rem !important;\n        }\n\n        .mbti-sales .report-features {\n            margin: 2.5rem 0;\n            max-width: 100%;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 1rem;\n        }\n\n        .mbti-sales .report-feature {\n            padding: 1.5rem 1rem;\n        }\n\n        .mbti-sales .report-feature img {\n            margin-bottom: 0.8rem !important;\n        }\n\n        .mbti-sales .report-feature h3 {\n            font-size: 1.3rem !important;\n            margin-bottom: 0.5rem !important;\n        }\n\n        .mbti-sales .report-feature p {\n            font-size: 0.85rem !important;\n            line-height: 1.5 !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"grid-template-columns: repeat(2, .mbti-sales 1fr)\"] {\n            gap: 1rem !important;\n            margin: 1.5rem auto !important;\n        }\n\n        .mbti-sales .soul-talk .features-grid {\n            margin-top: 2rem !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"grid-template-columns: repeat(2, .mbti-sales 1fr)\"][style*=\"gap: 3rem\"] {\n            grid-template-columns: 1fr !important;\n            gap: 2rem !important;\n            margin: 2rem auto !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"grid-template-columns: repeat(2, .mbti-sales 1fr)\"] p[style*=\"font-size: 1.5rem\"] {\n            font-size: 1.3rem !important;\n        }\n\n        .mbti-sales .feature-card p,\n        .mbti-sales .report-feature p {\n            font-size: 0.85rem !important;\n            line-height: 1.6;\n        }\n\n        .mbti-sales .testimonial-text,\n        .mbti-sales .testimonial-text.fs-30,\n        .mbti-sales .testimonial-card .testimonial-text {\n            font-size: 1.5rem !important;\n            line-height: 1.7;\n        }\n\n        .mbti-sales .pricing-features .pricing-feature {\n            padding: 0.3rem 0;\n        }\n\n        .mbti-sales .gif-overlay-text {\n            width: 92% !important;\n            flex: 0 0 92% !important;\n            padding: 16px 14px !important;\n            gap: 10px !important;\n            box-sizing: border-box !important;\n        }\n\n        .mbti-sales .gif-overlay-title {\n            font-size: 1.25rem;\n        }\n\n        .mbti-sales .gif-overlay-body {\n            font-size: 0.9rem;\n            line-height: 1.85;\n        }\n\n        .mbti-sales .gif-overlay-cta {\n            font-size: 0.9rem;\n        }\n\n        .mbti-sales .gif-overlay-sub {\n            font-size: 0.75rem;\n        }\n\n        .mbti-sales .mobile-br {\n            display: inline !important;\n        }\n\n        .mbti-sales .mobile-hide {\n            display: none !important;\n        }\n\n        .mbti-sales .mobile-text-left {\n            text-align: left !important;\n        }\n\n        .mbti-sales .compare-first-line {\n            font-size: 0.75em;\n            color: var(--gray);\n            font-weight: 400;\n        }\n\n        .mbti-sales .testimonial-grid {\n            display: flex;\n            overflow-x: auto;\n            overflow-y: hidden;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: none;\n            gap: 1.5rem;\n            margin: 2.5rem -1.5rem;\n            max-width: calc(100% + 3rem);\n            padding: 1rem 1.5rem;\n            align-items: stretch;\n        }\n\n        .mbti-sales .testimonial-grid::-webkit-scrollbar {\n            display: none;\n        }\n\n        .mbti-sales .testimonial-card {\n            flex: 0 0 85%;\n            scroll-snap-align: center;\n            padding: 0 2rem 2rem 2rem;\n            display: flex;\n            flex-direction: column;\n            min-height: 550px;\n        }\n\n        .mbti-sales .testimonial-card img {\n            flex-shrink: 0;\n        }\n\n        .mbti-sales .testimonial-card:first-child {\n            margin-left: 1.5rem;\n        }\n\n        .mbti-sales .testimonial-card:last-child {\n            margin-right: 1.5rem;\n        }\n\n        .mbti-sales .testimonial-text,\n        .mbti-sales .testimonial-text.fs-30,\n        .mbti-sales .testimonial-card .testimonial-text {\n            font-size: 1.5rem !important;\n            line-height: 1.7 !important;\n        }\n\n        .mbti-sales .testimonial-dots {\n            display: flex;\n            justify-content: center;\n            gap: 0.8rem;\n            margin-top: 2rem;\n        }\n\n        .mbti-sales .testimonial-dot {\n            width: 10px;\n            height: 10px;\n            border-radius: 50%;\n            background: #D4C4B0;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .mbti-sales .testimonial-dot.active {\n            background: #7B9A9C;\n            width: 30px;\n            border-radius: 5px;\n        }\n\n        .mbti-sales .pricing-grid {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 0.5rem;\n            margin: 2rem 0;\n            display: grid;\n            align-items: stretch;\n        }\n\n        .mbti-sales .pricing-card {\n            padding: 1.5rem 0.8rem;\n            margin-bottom: 0;\n            position: relative;\n            z-index: 10;\n            order: unset;\n            display: flex;\n            flex-direction: column;\n            border-radius: 14px;\n        }\n\n        .mbti-sales .pricing-card.featured {\n            transform: scale(1);\n            margin-bottom: 0;\n            order: unset;\n        }\n\n        .mbti-sales .pricing-card .pricing-title,\n        .mbti-sales .pricing-card .pricing-title.fs-40,\n        .mbti-sales .pricing-card .pricing-title.fs-38 {\n            font-size: 1.25rem !important;\n            margin-bottom: 0.3rem;\n            line-height: 1.3 !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-subtitle,\n        .mbti-sales .pricing-card .pricing-subtitle.fs-36 {\n            font-size: 1.15rem !important;\n            margin-bottom: 0.3rem;\n            line-height: 1.3 !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-description,\n        .mbti-sales .pricing-card .pricing-description.fs-32 {\n            margin-bottom: 0.5rem;\n            font-size: 1.25rem !important;\n            line-height: 1.4 !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-original,\n        .mbti-sales .pricing-card .pricing-original.fs-16 {\n            margin-bottom: 0.3rem;\n            font-size: 1rem !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-price,\n        .mbti-sales .pricing-card .pricing-price.fs-30 {\n            font-size: 1.4rem !important;\n            margin-bottom: 0.3rem;\n            line-height: 1.3 !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-savings,\n        .mbti-sales .pricing-card .pricing-savings.fs-16 {\n            margin-bottom: 0.5rem;\n            font-size: 0.95rem !important;\n        }\n\n        .mbti-sales .pricing-card .pricing-badge,\n        .mbti-sales .pricing-card .pricing-badge.fs-16 {\n            margin-bottom: 0.8rem;\n            font-size: 0.95rem !important;\n            padding: 0.4rem 0.8rem !important;\n        }\n\n        .mbti-sales .pricing-badge-placeholder {\n            margin-bottom: 0.8rem;\n            padding: 0.4rem 0.8rem;\n        }\n\n        .mbti-sales .pricing-savings-placeholder {\n            margin-bottom: 0.5rem;\n        }\n\n        .mbti-sales .pricing-card .pricing-features .pricing-feature,\n        .mbti-sales .pricing-card .pricing-feature.fs-16 {\n            font-size: 0.95rem !important;\n            padding: 0.4rem 0;\n            line-height: 1.4 !important;\n        }\n\n        .mbti-sales .pricing-card .cta-button {\n            font-size: 1rem !important;\n            padding: 0.7rem 0.3rem !important;\n        }\n\n        .mbti-sales .pricing-card.featured::after {\n            font-size: 0.8rem !important;\n            padding: 0.3rem 2rem !important;\n            top: 8px !important;\n            right: -28px !important;\n        }\n\n        .mbti-sales .pricing-features .pricing-feature {\n            padding: 0.7rem 0;\n        }\n\n        .mbti-sales .pricing-section div[style*=\"max-width: 900px\"] p {\n            font-size: 1rem !important;\n        }\n\n        .mbti-sales .cta-button {\n            display: block;\n            margin: 0 auto;\n            width: 90%;\n            padding: 1.2rem 2rem;\n            font-size: 1.05rem;\n        }\n\n        .mbti-sales .cta-group {\n            margin-top: 2.5rem;\n        }\n\n        .mbti-sales .cta-group .cta-button:first-of-type {\n            margin-bottom: 0.5rem;\n        }\n\n        .mbti-sales .cta-group .cta-button:last-of-type {\n            margin-top: 2rem;\n        }\n\n        .mbti-sales .guarantee {\n            margin-top: 2.5rem;\n            padding: 2rem 1.5rem;\n            font-size: 1rem;\n        }\n\n        .mbti-sales .final-cta-content p[style*=\"padding: 0 3rem\"] {\n            font-size: 0.75rem !important;\n            padding: 0 1rem !important;\n            line-height: 1.6 !important;\n        }\n\n        .mbti-sales .mobile-br {\n            display: inline !important;\n        }\n\n        .mbti-sales table {\n            font-size: 0.875rem;\n        }\n\n        .mbti-sales th,\n        .mbti-sales td {\n            padding: 1.2rem 0.8rem;\n            font-size: 0.875rem;\n        }\n\n        .mbti-sales th:first-child,\n        .mbti-sales td:first-child {\n            padding-left: 1rem;\n        }\n\n        .mbti-sales .floating-cta {\n            bottom: 15px;\n            left: 50%;\n            right: auto;\n            width: 88%;\n            max-width: 88%;\n            transform: translateX(-50%);\n        }\n\n        .mbti-sales .floating-cta .cta-button {\n            padding: 1rem 1.5rem;\n            font-size: 1rem;\n            white-space: nowrap;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 100%;\n            min-width: 0;\n            box-sizing: border-box;\n        }\n\n        .mbti-sales .bonus-gift {\n            padding: 2rem 15px !important;\n        }\n\n        .mbti-sales .bonus-gift .section-title {\n            font-size: 1.75rem !important;\n            margin-bottom: 1.5rem !important;\n        }\n\n        .mbti-sales .bonus-gift div[style*=\"grid-template-columns\"] {\n            grid-template-columns: 1fr !important;\n            gap: 1.5rem !important;\n            margin: 2rem auto !important;\n        }\n\n        .mbti-sales .bonus-gift div[style*=\"backdrop-filter\"] {\n            padding: 2rem 1.5rem !important;\n        }\n\n        .mbti-sales .pain-item:hover {\n            transform: none;\n        }\n\n        .mbti-sales .pain-points .container>div {\n            gap: 1rem !important;\n            \n        }\n\n        .mbti-sales .pain-points .container>div>div {\n            gap: 0.8rem !important;\n            \n        }\n\n        .mbti-sales .pain-points .container>div>div>div:first-child {\n            width: 130px !important;\n            min-width: 130px !important;\n        }\n\n        .mbti-sales .pain-points img {\n            width: 100% !important;\n        }\n\n        .mbti-sales .pain-points .pain-item {\n            min-width: 0 !important;\n            flex: 1 !important;\n        }\n\n        .mbti-sales .feature-card:hover,\n        .mbti-sales .report-feature:hover,\n        .mbti-sales .testimonial-card:hover,\n        .mbti-sales .pricing-card:hover {\n            transform: none;\n            box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15);\n            border-width: 3px;\n        }\n\n        .mbti-sales .fit-check-section {\n            padding: 2rem 15px !important;\n        }\n\n        .mbti-sales .value-stack-section {\n            padding: 2rem 15px !important;\n        }\n\n        .mbti-sales .pain-points .container>div:last-child {\n            margin-top: 1.5rem !important;\n            padding: 0.8rem 1rem !important;\n        }\n\n        .mbti-sales .product-intro p[style*=\"margin-bottom: 3rem\"] {\n            margin-bottom: 1.5rem !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"gap: 3rem\"] {\n            gap: 1.5rem !important;\n            margin: 1.5rem auto !important;\n        }\n\n        .mbti-sales .product-intro div[style*=\"gap: 2rem\"] {\n            margin: 1rem auto !important;\n        }\n\n        .mbti-sales p[style*=\"margin-top: 3rem\"] {\n            margin-top: 1.5rem !important;\n        }\n\n        .mbti-sales img[style*=\"margin: 0 0 3rem\"] {\n            margin-bottom: 1.5rem !important;\n        }\n\n        .mbti-sales .fit-check-section div[style*=\"margin-top: 3rem\"] {\n            margin-top: 1.5rem !important;\n            padding: 1rem !important;\n        }\n\n        .mbti-sales .pain-points .section-title[style*=\"margin-bottom: 3rem\"] {\n            margin-bottom: 1.5rem !important;\n        }\n\n        .mbti-sales .value-timeline {\n            margin-top: 1rem !important;\n        }\n\n        .mbti-sales section+section {\n            margin-top: 0 !important;\n        }\n\n        .mbti-sales .hero::before,\n        .mbti-sales .hero::after,\n        .mbti-sales .hero-content::before,\n        .mbti-sales .pain-points::before,\n        .mbti-sales .pain-points::after,\n        .mbti-sales .product-intro::before,\n        .mbti-sales .product-intro::after,\n        .mbti-sales .comparison-section::before,\n        .mbti-sales .comparison-section::after,\n        .mbti-sales .report-showcase::before,\n        .mbti-sales .report-showcase::after,\n        .mbti-sales .soul-talk::before,\n        .mbti-sales .soul-talk::after,\n        .mbti-sales .testimonials::before,\n        .mbti-sales .testimonials::after,\n        .mbti-sales .pricing-section::before,\n        .mbti-sales .pricing-section::after,\n        .mbti-sales .final-cta::before,\n        .mbti-sales .final-cta::after,\n        .mbti-sales .fit-check-section::before,\n        .mbti-sales .value-stack-section::before {\n            animation: none !important;\n            display: none !important;\n        }\n\n        .mbti-sales .hero-content {\n            -webkit-backdrop-filter: none !important;\n            backdrop-filter: none !important;\n            background: rgba(255, 255, 255, 0.3) !important;\n        }\n\n        .mbti-sales .guarantee {\n            -webkit-backdrop-filter: none !important;\n            backdrop-filter: none !important;\n            background: rgba(123, 154, 156, 0.3) !important;\n        }\n\n    }\n\n    .zh-tw-version.mbti-sales[style*=\"display: none\"],\n    .zh-cn-version.mbti-sales[style*=\"display: none\"],\n    .zh-tw-version.mbti-sales[style*=\"display:none\"],\n    .zh-cn-version.mbti-sales[style*=\"display:none\"] {\n        animation: none !important;\n    }\n    .zh-tw-version.mbti-sales[style*=\"display: none\"] *,\n    .zh-cn-version.mbti-sales[style*=\"display: none\"] *,\n    .zh-tw-version.mbti-sales[style*=\"display:none\"] *,\n    .zh-cn-version.mbti-sales[style*=\"display:none\"] * {\n        animation: none !important;\n        transition: none !important;\n    }\n\n    html:not(.i18n-ready):not(.i18n-fallback) .mbti-sales *::before,\n    html:not(.i18n-ready):not(.i18n-fallback) .mbti-sales *::after {\n        animation: none !important;\n    }\n\n    html {\n        scroll-behavior: smooth;\n    }\n\n    .mbti-sales .scroll-animate {\n        opacity: 0;\n        transform: translateY(30px);\n        transition: all 0.6s ease;\n    }\n\n    .mbti-sales .scroll-animate.active {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    .pricing-modal-overlay {\n        display: none;\n        position: fixed;\n        inset: 0;\n        z-index: 99999;\n        background: rgba(0, 0, 0, 0.6);\n        backdrop-filter: blur(4px);\n        -webkit-backdrop-filter: blur(4px);\n        align-items: center;\n        justify-content: center;\n        padding: 1.5rem;\n        opacity: 0;\n        transition: opacity 0.25s ease;\n    }\n\n    .pricing-modal-overlay.show {\n        display: flex;\n        opacity: 1;\n    }\n\n    .pricing-modal-body {\n        background: white;\n        border-radius: 18px;\n        padding: 0;\n        max-width: 380px;\n        width: 100%;\n        max-height: 85vh;\n        overflow-y: auto;\n        position: relative;\n        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n        text-align: center;\n        animation: modalSlideUp 0.3s ease;\n    }\n\n    .pricing-modal-body.featured-modal {\n        border: 3px solid #7B9A9C;\n        background: linear-gradient(135deg, #ffffff 0%, #F5F0EA 100%);\n    }\n\n    @keyframes modalSlideUp {\n        from {\n            transform: translateY(40px);\n            opacity: 0;\n        }\n\n        to {\n            transform: translateY(0);\n            opacity: 1;\n        }\n    }\n\n    .pricing-modal-close {\n        position: absolute;\n        top: 12px;\n        right: 12px;\n        width: 36px;\n        height: 36px;\n        border: none;\n        background: rgba(0, 0, 0, 0.08);\n        border-radius: 50%;\n        font-size: 1rem;\n        color: #666;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: background 0.2s;\n        z-index: 2;\n        line-height: 1;\n        padding: 0;\n    }\n\n    .pricing-modal-close:hover {\n        background: rgba(0, 0, 0, 0.15);\n    }\n\n    .pricing-modal-body .pricing-card {\n        background: white;\n        border: none;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 2.5rem 2rem 2rem !important;\n        text-align: center;\n        position: relative;\n        overflow: visible;\n    }\n\n    .pricing-modal-body .pricing-card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 5px;\n        background: linear-gradient(90deg, #B5A290, #7B9A9C, #B5A290);\n        border-radius: 18px 18px 0 0;\n    }\n\n    .pricing-modal-body .pricing-card.featured::after {\n        content: \"\u63a8\u85a6\";\n        position: absolute;\n        top: 10px;\n        right: -28px;\n        background: linear-gradient(135deg, #7B9A9C, #6B8A8C);\n        color: white;\n        padding: 0.4rem 2.5rem !important;\n        transform: rotate(45deg);\n        font-size: 0.8rem !important;\n        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n        font-weight: 800;\n    }\n\n    .pricing-modal-body .pricing-subtitle {\n        font-size: 1.3rem !important;\n        margin-bottom: 0.6rem;\n        color: #5A7A7C;\n        line-height: 1.2 !important;\n    }\n\n    .pricing-modal-body .pricing-title {\n        font-size: 1.7rem !important;\n        margin-bottom: 0.8rem;\n        color: #5A7A7C;\n        line-height: 1.3 !important;\n    }\n\n    .pricing-modal-body .pricing-description {\n        font-size: 1.5rem !important;\n        color: #8C653F;\n        margin-bottom: 1.2rem;\n        line-height: 1.5 !important;\n    }\n\n    .pricing-modal-body .pricing-original {\n        font-size: 1.05rem !important;\n        text-decoration: line-through;\n        color: #999;\n        margin-bottom: 0.6rem;\n    }\n\n    .pricing-modal-body .pricing-badge {\n        display: inline-block;\n        background: linear-gradient(135deg, #9A6F47 0%, #7B5A37 100%);\n        color: white;\n        padding: 0.5rem 1.5rem !important;\n        border-radius: 50px;\n        font-size: 1rem !important;\n        margin-bottom: 0.8rem;\n    }\n\n    .pricing-modal-body .pricing-badge-placeholder {\n        display: none;\n    }\n\n    .pricing-modal-body .pricing-savings-placeholder {\n        display: none;\n    }\n\n    .pricing-modal-body .pricing-price {\n        font-size: 2rem !important;\n        color: var(--dark, #4A4542);\n        margin-bottom: 0.5rem;\n        line-height: 1.2 !important;\n        font-weight: 900;\n    }\n\n    .pricing-modal-body .pricing-savings {\n        font-size: 1rem !important;\n        color: #5A7A7C;\n        margin-bottom: 1.2rem;\n    }\n\n    .pricing-modal-body .pricing-features {\n        text-align: left;\n        margin: 1.5rem 0;\n    }\n\n    .pricing-modal-body .pricing-feature {\n        padding: 0.8rem 0;\n        border-bottom: 1px solid #eee;\n        display: flex;\n        align-items: center;\n        font-size: 1.05rem !important;\n        line-height: 1.5 !important;\n        color: #4A4542;\n    }\n\n    .pricing-modal-body .pricing-feature::before {\n        content: \"\u2713\";\n        color: #5A7A7C;\n        margin-right: 0.8rem;\n        font-size: 1.3rem !important;\n        flex-shrink: 0;\n        font-weight: 700;\n    }\n\n    .pricing-modal-body .cta-button {\n        display: block;\n        width: 100%;\n        padding: 1.2rem !important;\n        border-radius: 50px;\n        font-size: 1.15rem !important;\n        font-weight: 700;\n        text-decoration: none;\n        text-align: center;\n        margin-top: 1.5rem;\n        transition: all 0.3s ease;\n    }\n\n    .pricing-modal-body .cta-primary {\n        background: linear-gradient(135deg, #8B7D6B, #6B5D4B);\n        color: white;\n        border: none;\n    }\n\n    .pricing-modal-body .cta-secondary {\n        background: white;\n        color: #4A4542;\n        border: 2px solid #D4C4B0;\n    }\n\n    .mbti-sales .fw-400 {\n        font-weight: 400;\n    }\n\n    .mbti-sales .fw-500 {\n        font-weight: 500;\n    }\n\n    .mbti-sales .fw-600 {\n        font-weight: 600;\n    }\n\n    .mbti-sales .fw-700 {\n        font-weight: 700;\n    }\n\n    .mbti-sales .fw-800 {\n        font-weight: 800;\n    }\n\n    .mbti-sales .fw-900 {\n        font-weight: 900;\n    }\n\n    .mbti-sales .fs-fluid-xs {\n        font-size: clamp(12px, 1.2vw, 14px);\n    }\n\n    .mbti-sales .fs-fluid-sm {\n        font-size: clamp(14px, 1.5vw, 16px);\n    }\n\n    .mbti-sales .fs-fluid-base {\n        font-size: clamp(16px, 1.8vw, 18px);\n    }\n\n    .mbti-sales .fs-fluid-md {\n        font-size: clamp(18px, 2vw, 20px);\n    }\n\n    .mbti-sales .fs-fluid-lg {\n        font-size: clamp(20px, 2.5vw, 24px);\n    }\n\n    .mbti-sales .fs-fluid-xl {\n        font-size: clamp(24px, 3vw, 30px);\n    }\n\n    .mbti-sales .fs-fluid-2xl {\n        font-size: clamp(30px, 4vw, 40px);\n    }\n\n    .mbti-sales .fs-fluid-3xl {\n        font-size: clamp(40px, 5vw, 56px);\n    }\n\n    .mbti-sales .fs-12 {\n        font-size: 12px !important;\n    }\n\n    .mbti-sales .fs-14 {\n        font-size: 14px !important;\n    }\n\n    .mbti-sales .fs-16 {\n        font-size: 16px !important;\n    }\n\n    .mbti-sales .fs-18 {\n        font-size: 18px !important;\n    }\n\n    .mbti-sales .fs-20 {\n        font-size: 20px !important;\n    }\n\n    .mbti-sales .fs-22 {\n        font-size: 22px !important;\n    }\n\n    .mbti-sales .fs-24 {\n        font-size: 24px !important;\n    }\n\n    .mbti-sales .fs-26 {\n        font-size: 26px !important;\n    }\n\n    .mbti-sales .fs-28 {\n        font-size: 28px !important;\n    }\n\n    .mbti-sales .fs-30 {\n        font-size: 30px !important;\n    }\n\n    .mbti-sales .fs-32 {\n        font-size: 32px !important;\n    }\n\n    .mbti-sales .fs-34 {\n        font-size: 34px !important;\n    }\n\n    .mbti-sales .fs-36 {\n        font-size: 36px !important;\n    }\n\n    .mbti-sales .fs-38 {\n        font-size: 38px !important;\n    }\n\n    .mbti-sales .fs-40 {\n        font-size: 40px !important;\n    }\n\n    .mbti-sales .fs-48 {\n        font-size: 48px !important;\n    }\n\n    .mbti-sales .fs-56 {\n        font-size: 56px !important;\n    }\n\n    @media (min-width: 769px) {\n\n        .mbti-sales .fs-md-14 {\n            font-size: 14px !important;\n        }\n\n        .mbti-sales .fs-md-16 {\n            font-size: 16px !important;\n        }\n\n        .mbti-sales .fs-md-18 {\n            font-size: 18px !important;\n        }\n\n        .mbti-sales .fs-md-20 {\n            font-size: 20px !important;\n        }\n\n        .mbti-sales .fs-md-22 {\n            font-size: 22px !important;\n        }\n\n        .mbti-sales .fs-md-24 {\n            font-size: 24px !important;\n        }\n\n        .mbti-sales .fs-md-26 {\n            font-size: 26px !important;\n        }\n\n        .mbti-sales .fs-md-28 {\n            font-size: 28px !important;\n        }\n\n        .mbti-sales .fs-md-30 {\n            font-size: 30px !important;\n        }\n\n        .mbti-sales .fs-md-32 {\n            font-size: 32px !important;\n        }\n\n        .mbti-sales .fs-md-34 {\n            font-size: 34px !important;\n        }\n\n        .mbti-sales .fs-md-36 {\n            font-size: 36px !important;\n        }\n\n        .mbti-sales .fs-md-38 {\n            font-size: 38px !important;\n        }\n\n        .mbti-sales .fs-md-40 {\n            font-size: 40px !important;\n        }\n\n        .mbti-sales .fs-md-48 {\n            font-size: 48px !important;\n        }\n\n        .mbti-sales .fs-md-56 {\n            font-size: 56px !important;\n        }\n\n        .mbti-sales .fs-md-64 {\n            font-size: 64px !important;\n        }\n\n    }\n\n    .mbti-sales .p-0 {\n        padding: 0 !important;\n    }\n\n    .mbti-sales .p-2 {\n        padding: 0.5rem;\n    }\n\n    .mbti-sales .p-4 {\n        padding: 1rem;\n    }\n\n    .mbti-sales .p-6 {\n        padding: 1.5rem;\n    }\n\n    .mbti-sales .p-8 {\n        padding: 2rem;\n    }\n\n    .mbti-sales .p-10 {\n        padding: 2.5rem;\n    }\n\n    .mbti-sales .p-12 {\n        padding: 3rem;\n    }\n\n    .mbti-sales .py-2 {\n        padding-top: 0.5rem;\n        padding-bottom: 0.5rem;\n    }\n\n    .mbti-sales .py-4 {\n        padding-top: 1rem;\n        padding-bottom: 1rem;\n    }\n\n    .mbti-sales .py-6 {\n        padding-top: 1.5rem;\n        padding-bottom: 1.5rem;\n    }\n\n    .mbti-sales .py-8 {\n        padding-top: 2rem;\n        padding-bottom: 2rem;\n    }\n\n    .mbti-sales .py-10 {\n        padding-top: 2.5rem;\n        padding-bottom: 2.5rem;\n    }\n\n    .mbti-sales .py-12 {\n        padding-top: 3rem;\n        padding-bottom: 3rem;\n    }\n\n    .mbti-sales .py-20 {\n        padding-top: 5rem;\n        padding-bottom: 5rem;\n    }\n\n    .mbti-sales .px-2 {\n        padding-left: 0.5rem;\n        padding-right: 0.5rem;\n    }\n\n    .mbti-sales .px-4 {\n        padding-left: 1rem;\n        padding-right: 1rem;\n    }\n\n    .mbti-sales .px-6 {\n        padding-left: 1.5rem;\n        padding-right: 1.5rem;\n    }\n\n    .mbti-sales .px-8 {\n        padding-left: 2rem;\n        padding-right: 2rem;\n    }\n\n    .mbti-sales .px-10 {\n        padding-left: 2.5rem;\n        padding-right: 2.5rem;\n    }\n\n    .mbti-sales .p-section {\n        padding: 5rem 2rem;\n    }\n\n    .mbti-sales .p-card {\n        padding: 2rem 1.5rem;\n    }\n\n    .mbti-sales .p-card-lg {\n        padding: 2.5rem 2rem;\n    }\n\n    .mbti-sales .p-card-xl {\n        padding: 3rem 2.5rem;\n    }\n\n    .mbti-sales .m-0 {\n        margin: 0 !important;\n    }\n\n    .mbti-sales .m-auto {\n        margin: 0 auto;\n    }\n\n    .mbti-sales .m-2 {\n        margin: 0.5rem;\n    }\n\n    .mbti-sales .m-4 {\n        margin: 1rem;\n    }\n\n    .mbti-sales .m-6 {\n        margin: 1.5rem;\n    }\n\n    .mbti-sales .m-8 {\n        margin: 2rem;\n    }\n\n    .mbti-sales .m-10 {\n        margin: 2.5rem;\n    }\n\n    .mbti-sales .m-12 {\n        margin: 3rem;\n    }\n\n    .mbti-sales .mt-0 {\n        margin-top: 0;\n    }\n\n    .mbti-sales .mt-2 {\n        margin-top: 0.5rem;\n    }\n\n    .mbti-sales .mt-4 {\n        margin-top: 1rem;\n    }\n\n    .mbti-sales .mt-6 {\n        margin-top: 1.5rem;\n    }\n\n    .mbti-sales .mt-8 {\n        margin-top: 2rem;\n    }\n\n    .mbti-sales .mt-10 {\n        margin-top: 2.5rem;\n    }\n\n    .mbti-sales .mt-12 {\n        margin-top: 3rem;\n    }\n\n    .mbti-sales .mt-16 {\n        margin-top: 4rem;\n    }\n\n    .mbti-sales .mt-20 {\n        margin-top: 5rem;\n    }\n\n    .mbti-sales .mb-0 {\n        margin-bottom: 0;\n    }\n\n    .mbti-sales .mb-2 {\n        margin-bottom: 0.5rem;\n    }\n\n    .mbti-sales .mb-4 {\n        margin-bottom: 1rem;\n    }\n\n    .mbti-sales .mb-6 {\n        margin-bottom: 1.5rem;\n    }\n\n    .mbti-sales .mb-8 {\n        margin-bottom: 2rem;\n    }\n\n    .mbti-sales .mb-10 {\n        margin-bottom: 2.5rem;\n    }\n\n    .mbti-sales .mb-12 {\n        margin-bottom: 3rem;\n    }\n\n    .mbti-sales .mb-16 {\n        margin-bottom: 4rem;\n    }\n\n    .mbti-sales .mb-20 {\n        margin-bottom: 5rem;\n    }\n\n    .mbti-sales .my-0 {\n        margin-top: 0;\n        margin-bottom: 0;\n    }\n\n    .mbti-sales .my-4 {\n        margin-top: 1rem;\n        margin-bottom: 1rem;\n    }\n\n    .mbti-sales .my-6 {\n        margin-top: 1.5rem;\n        margin-bottom: 1.5rem;\n    }\n\n    .mbti-sales .my-8 {\n        margin-top: 2rem;\n        margin-bottom: 2rem;\n    }\n\n    .mbti-sales .my-10 {\n        margin-top: 2.5rem;\n        margin-bottom: 2.5rem;\n    }\n\n    .mbti-sales .my-12 {\n        margin-top: 3rem;\n        margin-bottom: 3rem;\n    }\n\n    .mbti-sales .my-16 {\n        margin-top: 4rem;\n        margin-bottom: 4rem;\n    }\n\n    .mbti-sales .my-20 {\n        margin-top: 5rem;\n        margin-bottom: 5rem;\n    }\n\n    .mbti-sales .mx-auto {\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .mbti-sales .mx-2 {\n        margin-left: 0.5rem;\n        margin-right: 0.5rem;\n    }\n\n    .mbti-sales .mx-4 {\n        margin-left: 1rem;\n        margin-right: 1rem;\n    }\n\n    .mbti-sales .mx-6 {\n        margin-left: 1.5rem;\n        margin-right: 1.5rem;\n    }\n\n    .mbti-sales .mx-8 {\n        margin-left: 2rem;\n        margin-right: 2rem;\n    }\n\n    .mbti-sales .rounded-none {\n        border-radius: 0;\n    }\n\n    .mbti-sales .rounded-sm {\n        border-radius: 4px;\n    }\n\n    .mbti-sales .rounded {\n        border-radius: 12px;\n    }\n\n    .mbti-sales .rounded-md {\n        border-radius: 16px;\n    }\n\n    .mbti-sales .rounded-lg {\n        border-radius: 20px;\n    }\n\n    .mbti-sales .rounded-xl {\n        border-radius: 24px;\n    }\n\n    .mbti-sales .rounded-2xl {\n        border-radius: 30px;\n    }\n\n    .mbti-sales .rounded-full {\n        border-radius: 50%;\n    }\n\n    .mbti-sales .section-base {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .section-padding {\n        padding: 5rem 2rem;\n        \n    }\n\n    .mbti-sales .section-padding-sm {\n        padding: 3rem 2rem;\n        \n    }\n\n    .mbti-sales .section-padding-lg {\n        padding: 7rem 2rem;\n        \n    }\n\n    .mbti-sales .section-light {\n        background: var(--gradient-section-light);\n    }\n\n    .mbti-sales .section-warm {\n        background: var(--gradient-section-warm);\n    }\n\n    .mbti-sales .section-hero {\n        background: var(--gradient-hero);\n    }\n\n    .mbti-sales .decorated-soft::before {\n        content: \"\";\n        position: absolute;\n        width: 600px;\n        height: 600px;\n        background: var(--gradient-radial-soft);\n        border-radius: 50%;\n        top: -15%;\n        left: -15%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .decorated-soft::after {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: var(--gradient-radial-warm);\n        border-radius: 50%;\n        bottom: -12%;\n        right: -12%;\n        animation: morphing 24s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .bg-gradient-hero {\n        background: var(--gradient-hero);\n    }\n\n    .mbti-sales .bg-gradient-light {\n        background: var(--gradient-section-light);\n    }\n\n    .mbti-sales .bg-gradient-warm {\n        background: var(--gradient-section-warm);\n    }\n\n    .mbti-sales .bg-gradient-teal {\n        background: var(--gradient-teal);\n    }\n\n    .mbti-sales .bg-gradient-accent {\n        background: var(--gradient-accent);\n    }\n\n    .mbti-sales .text-left {\n        text-align: left;\n    }\n\n    .mbti-sales .text-center {\n        text-align: center;\n    }\n\n    .mbti-sales .text-right {\n        text-align: right;\n    }\n\n    .mbti-sales .block {\n        display: block;\n    }\n\n    .mbti-sales .inline-block {\n        display: inline-block;\n    }\n\n    .mbti-sales .flex {\n        display: flex;\n    }\n\n    .mbti-sales .inline-flex {\n        display: inline-flex;\n    }\n\n    .mbti-sales .hidden {\n        display: none;\n    }\n\n    .mbti-sales .relative {\n        position: relative;\n    }\n\n    .mbti-sales .absolute {\n        position: absolute;\n    }\n\n    .mbti-sales .fixed {\n        position: fixed;\n    }\n\n    .mbti-sales .sticky {\n        position: sticky;\n    }\n\n    .mbti-sales .w-full {\n        width: 100%;\n    }\n\n    .mbti-sales .w-auto {\n        width: auto;\n    }\n\n    .mbti-sales .max-w-800 {\n        max-width: 800px;\n    }\n\n    .mbti-sales .max-w-900 {\n        max-width: 900px;\n    }\n\n    .mbti-sales .max-w-1200 {\n        max-width: 1200px;\n    }\n\n    .mbti-sales .jf-jinxuan-semibold {\n        font-family: \"jf-jinxuan\" !important;\n        font-weight: 600;\n    }\n\n    .mbti-sales .jf-jinxuan-heavy {\n        font-family: \"jf-jinxuan\" !important;\n        font-weight: 900;\n    }\n\n    .mbti-sales .jf-jinxuanlatte-medium {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .jf-jinxuanlatte-semibold {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 600;\n    }\n\n    .mbti-sales .jf-jinxuanlatte-extrabold {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 800;\n    }\n\n    .mbti-sales .jf-jinxuanlatte-heavy {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 900;\n    }\n\n    .mbti-sales .jf-kamabit {\n        font-family: \"jf-kamabit\" !important;\n        font-weight: 700;\n    }\n\n    .mbti-sales .tearsfont {\n        font-family: \"tearsfont\" !important;\n        font-weight: 300;\n    }\n\n    .mbti-sales .lihsianti {\n        font-family: \"lihsianti\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .jf-hornedfrog {\n        font-family: \"jf-hornedfrog\" !important;\n        font-weight: 500;\n    }\n\n    .mbti-sales .font-p {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 800;\n    }\n\n    .mbti-sales .font-h2 {\n        font-family: \"jf-jinxuanlatte\" !important;\n        font-weight: 900;\n    }\n\n    .mbti-sales .pain-points p,\n    .mbti-sales .product-intro p,\n    .mbti-sales .comparison-section p,\n    .mbti-sales .report-showcase p,\n    .mbti-sales .soul-talk p,\n    .mbti-sales .testimonials p,\n    .mbti-sales .pricing-section p,\n    .mbti-sales .bonus-gift p,\n    .mbti-sales .final-cta p {\n        font-family: \"jf-jinxuanlatte\", \"ChironGoRoundTC\", sans-serif !important;\n        font-weight: 800;\n        margin-bottom: 0;\n    }\n\n    .zh-cn-version.mbti-sales .cta-button {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .testimonial-author {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .pricing-card.featured::after {\n        font-family: \"ChironGoRoundTC\" !important;\n        content: \"\u63a8\u8350\";\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuan-semibold {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuan-heavy {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuanlatte-medium {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuanlatte-semibold {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuanlatte-extrabold {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-jinxuanlatte-heavy {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .jf-kamabit {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .tearsfont {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .font-p {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .font-h2 {\n        font-family: \"ChironGoRoundTC\" !important;\n    }\n\n    .zh-cn-version.mbti-sales .pricing-section p,\n    .zh-cn-version.mbti-sales .bonus-gift p,\n    .zh-cn-version.mbti-sales .final-cta p {\n        font-family: \"ChironGoRoundTC\", sans-serif !important;\n    }\n\n    .mbti-sales .fit-check-section {\n        background: linear-gradient(180deg, #E8DDD0 0%, #F5F0EA 30%, #F5F0EA 70%, #E8DDD0 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .fit-check-section::before {\n        content: \"\";\n        position: absolute;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(123, 154, 156, 0.12) 0%, transparent 70%);\n        border-radius: 52% 48% 45% 55% \/ 48% 52% 52% 48%;\n        top: -10%;\n        right: -12%;\n        animation: morphing 20s ease-in-out infinite;\n    }\n\n    .mbti-sales .fit-columns {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 2rem;\n        max-width: 900px;\n        margin: 3rem auto 0;\n    }\n\n    .mbti-sales .fit-card {\n        background: white;\n        border-radius: 20px;\n        padding: 2.5rem;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n    }\n\n    .mbti-sales .fit-card.suitable {\n        border-top: 4px solid var(--accent-teal);\n    }\n\n    .mbti-sales .fit-card.not-suitable {\n        border-top: 4px solid var(--secondary-color);\n    }\n\n    .mbti-sales .fit-card-title {\n        font-size: 1.7rem;\n        font-weight: 700;\n        margin-bottom: 1.5rem;\n        color: var(--dark);\n    }\n\n    .mbti-sales .fit-item {\n        display: flex;\n        gap: 0.8rem;\n        margin-bottom: 1.5rem;\n        align-items: flex-start;\n    }\n\n    .mbti-sales .fit-icon {\n        flex-shrink: 0;\n        width: 28px;\n        height: 28px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.9rem;\n        font-weight: 700;\n        margin-top: 2px;\n    }\n\n    .mbti-sales .suitable .fit-icon {\n        background: rgba(123, 154, 156, 0.15);\n        color: var(--accent-teal);\n    }\n\n    .mbti-sales .not-suitable .fit-icon {\n        background: rgba(168, 145, 118, 0.15);\n        color: var(--secondary-color);\n    }\n\n    .mbti-sales .fit-item h4 {\n        font-size: 1.4rem;\n        font-weight: 700;\n        color: var(--dark);\n        margin-bottom: 0.3rem;\n    }\n\n    .mbti-sales .fit-item p {\n        font-size: 1.2rem;\n        color: var(--gray);\n        line-height: 1.7;\n    }\n\n    .mbti-sales .value-stack-section {\n        background: linear-gradient(180deg, #D9C9B8 0%, #F5F0EA 15%, #F5F0EA 85%, #E8DDD0 100%);\n        padding: 5rem 2rem;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .mbti-sales .value-stack-section::before {\n        content: \"\";\n        position: absolute;\n        width: 550px;\n        height: 550px;\n        background: radial-gradient(circle, rgba(181, 162, 144, 0.1) 0%, transparent 70%);\n        border-radius: 48% 52% 55% 45%;\n        bottom: -10%;\n        left: -15%;\n        animation: morphing 22s ease-in-out infinite reverse;\n    }\n\n    .mbti-sales .value-stack-grid {\n        max-width: 800px;\n        margin: 3rem auto 0;\n        display: flex;\n        flex-direction: column;\n        gap: 1.2rem;\n    }\n\n    .mbti-sales .value-stack-item {\n        background: white;\n        border-radius: 16px;\n        padding: 1.8rem 2rem;\n        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n        display: flex;\n        gap: 1.2rem;\n        align-items: flex-start;\n        transition: transform 0.3s ease;\n    }\n\n    .mbti-sales .value-stack-item:hover {\n        transform: translateY(-2px);\n    }\n\n    .mbti-sales .value-stack-emoji {\n        font-size: 2rem;\n        flex-shrink: 0;\n        margin-top: 2px;\n    }\n\n    .mbti-sales .value-stack-item h4 {\n        font-size: 1.5rem;\n        font-weight: 700;\n        color: var(--dark);\n        margin-bottom: 0.4rem;\n    }\n\n    .mbti-sales .value-stack-item p {\n        font-size: 1.2rem;\n        color: var(--gray);\n        line-height: 1.7;\n    }\n\n    .mbti-sales .value-timeline {\n        position: relative;\n        padding-left: 35px;\n        margin-top: 2rem;\n    }\n\n    .mbti-sales .value-timeline::before {\n        content: '';\n        position: absolute;\n        left: 10px;\n        top: 0;\n        bottom: 0;\n        width: 3px;\n        background: linear-gradient(to bottom, #7B9A9C, #B5A290, #7B9A9C);\n        border-radius: 3px;\n    }\n\n    .mbti-sales .value-timeline-item {\n        position: relative;\n        margin-bottom: 2rem;\n        padding: 2rem;\n        border-radius: 16px;\n    }\n\n    .mbti-sales .value-timeline-item::before {\n        content: '';\n        position: absolute;\n        left: -23.5px;\n        transform: translate(-50%, -50%);\n        top: 50%;\n        width: 18px;\n        height: 18px;\n        border-radius: 50%;\n        border: 3px solid #7B9A9C;\n        background: #F5F0EA;\n    }\n\n    .mbti-sales .value-timeline-item.vt-pink {\n        background: #F2E8E1;\n    }\n\n    .mbti-sales .value-timeline-item.vt-blue {\n        background: #E8EEF0;\n    }\n\n    .mbti-sales .value-timeline-item.vt-peach {\n        background: #F5EDE8;\n    }\n\n    .mbti-sales .value-timeline-item.vt-yellow {\n        background: #F0EDE4;\n    }\n\n    .mbti-sales .value-timeline-item.vt-green {\n        background: #E8F0E8;\n    }\n\n    .mbti-sales .value-timeline-item.vt-purple {\n        background: #EDE8F0;\n    }\n\n    .mbti-sales .value-timeline-img-wrapper {\n        position: relative;\n        margin-bottom: 1rem;\n    }\n\n    .mbti-sales .value-timeline-img {\n        width: 100%;\n        max-width: 100%;\n        height: auto;\n        border-radius: 12px;\n        display: block;\n    }\n\n    .mbti-sales .value-timeline-item h4 {\n        font-size: 1.3rem;\n        font-weight: 700;\n        margin-bottom: 0.5rem;\n        color: var(--dark);\n    }\n\n    .mbti-sales .value-timeline-item p {\n        color: var(--gray);\n        font-size: 1.05rem;\n        line-height: 1.7;\n    }\n\n    .mbti-sales .value-timeline-badge {\n        position: absolute;\n        top: 0.5rem;\n        left: 0.5rem;\n        background: #7B9A9C;\n        color: white;\n        padding: 0.3rem 0.8rem;\n        border-radius: 50px;\n        font-size: 0.75rem;\n        font-weight: 600;\n        letter-spacing: 0.5px;\n        z-index: 2;\n    }\n\n    @media (max-width: 768px) {\n        .mbti-sales .fit-columns {\n            grid-template-columns: 1fr;\n        }\n\n        .mbti-sales .fit-card {\n            padding: 2rem 1.5rem;\n        }\n\n        .mbti-sales .value-stack-item {\n            padding: 1.5rem;\n        }\n\n        .mbti-sales .fit-table-wrapper {\n            margin: 0 -1rem;\n        }\n\n        .mbti-sales .fit-table th,\n        .mbti-sales .fit-table td {\n            padding: 0.8rem 1rem !important;\n            font-size: 0.9rem;\n        }\n\n        .mbti-sales .fit-table thead th {\n            font-size: 0.95rem !important;\n        }\n\n        .mbti-sales .fit-table-wrapper>div {\n            border-radius: 16px !important;\n        }\n\n        .mbti-sales .fit-table-wrapper>div>div {\n            padding: 1rem !important;\n            font-size: 0.95rem !important;\n        }\n\n        .mbti-sales .fit-table-wrapper>div>div span[data-i18n^=\"fit_yes_title\"],\n        .mbti-sales .fit-table-wrapper>div>div span[data-i18n^=\"fit_no_title\"] {\n            font-size: 1.15rem !important;\n        }\n\n        .mbti-sales .fit-table-wrapper>div>div span[data-i18n^=\"fit_yes_\"],\n        .mbti-sales .fit-table-wrapper>div>div span[data-i18n^=\"fit_no_\"] {\n            font-size: 0.95rem !important;\n        }\n\n        .mbti-sales .pain-avatar {\n            width: 130px !important;\n            min-width: 130px !important;\n            flex-shrink: 0 !important;\n        }\n\n        .mbti-sales .value-timeline {\n            padding-left: 28px;\n        }\n\n        .mbti-sales .value-timeline::before {\n            left: 8px;\n        }\n\n        .mbti-sales .value-timeline-item::before {\n            left: -18.5px;\n            width: 14px;\n            height: 14px;\n        }\n\n        .mbti-sales .value-timeline-item {\n            padding: 1.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .mbti-sales .value-timeline-img-wrapper {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .mbti-sales .value-timeline-badge {\n            position: static;\n            order: -1;\n            margin-bottom: 0.5rem;\n            width: fit-content;\n        }\n    }\n\n\n.zh-tw-version.mbti-sales,\n.zh-cn-version.mbti-sales {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n[data-i18n] {\n    opacity: 1 !important;\n}\n.mbti-sales .scroll-animate {\n    opacity: 1 !important;\n    transform: none !important;\n}\n<\/style>\n<div id=\"mbti-root\">\n<div class=\"zh-tw-version mbti-sales\">\n\n    <section class=\"hero\">\n        <div class=\"hero-content\">\n            <h1 class=\"jf-kamabit fs-36 fs-md-56\" data-i18n=\"hero_title\">80% \u00c9 a melhor hora para ouvir<br>N\u00e3o \u00e9 porque voc\u00ea n\u00e3o \u00e9 bom o suficiente \u2014 \u00e9 porque voc\u00ea ainda n\u00e3o se entende completamente<\/h1>\n\n            <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260205008-image.jpg\" alt=\"Qual caminho? A resposta est\u00e1 l\u00e1 dentro.\"\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\">N\u00e3o \u00e9 que voc\u00ea n\u00e3o se esfor\u00e7a \u2014 talvez a energia esteja indo pro lugar errado<br>N\u00e3o \u00e9 que voc\u00ea n\u00e3o tem dire\u00e7\u00e3o \u2014 s\u00f3 ainda n\u00e3o encontrou o que realmente combina<br>N\u00e3o \u00e9 que voc\u00ea n\u00e3o quer mudar \u2014 s\u00f3 falta uma chance de se enxergar de verdade<\/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\">As respostas est\u00e3o todas no seu relat\u00f3rio de personalidade<\/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\">Ningu\u00e9m nunca te ajudou a decodific\u00e1-las \u2014 at\u00e9 agora<\/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\">Em apenas 25 minutos \u2014<br>voc\u00ea receber\u00e1 um relat\u00f3rio profundo de mais de 10.000 palavras<br>que explica exatamente por que voc\u00ea faz o que faz<\/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 Comece o teste \u2014 redescubra o \"voc\u00ea\" que voc\u00ea nunca conheceu<\/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\">Espera \u2014 este relat\u00f3rio \u00e9 realmente para voc\u00ea?<\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mbti.life365.day\/ad\/20260205006-image.jpg\" alt=\"Quero ser melhor vs. Isso j\u00e1 \u00e9 bom o suficiente.\" 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\">Leve 10 segundos para verificar, para n\u00e3o desperdi\u00e7ar o tempo de ningu\u00e9m<\/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 Este relat\u00f3rio \u00e9 para voc\u00ea, se voc\u00ea...<\/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 Economize seu dinheiro, se voc\u00ea...<\/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\">Se sente exausto mas n\u00e3o consegue explicar por qu\u00ea<\/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\">S\u00f3 quer fazer por divers\u00e3o<\/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\">Continua preso nos mesmos padr\u00f5es<\/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\">Acha que personalidade n\u00e3o muda<\/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\">N\u00e3o quer mais perder tempo com tentativa e erro<\/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\">Espera que algu\u00e9m preveja seu futuro<\/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\">N\u00e3o quer receber s\u00f3 4 letras e pronto<\/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\">S\u00f3 quer ouvir coisas boas<\/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\">Sente que ainda n\u00e3o atingiu 100%<\/span>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(180, 162, 144, 0.06); padding: 1.2rem 1.5rem; display: flex; align-items: center; gap: 0.6rem;\">\n                        <span style=\"color: #a89683; font-size: 1.2rem; font-weight: bold;\">\u2715<\/span>\n                        <span style=\"font-size: 1.05rem; color: #7a7066;\" data-i18n=\"fit_no_5_title\">Acha que j\u00e1 est\u00e1 perfeito<\/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\">Se o lado esquerdo descreve voc\u00ea<\/p>\n                <p class=\"jf-hornedfrog fs-28 fs-md-40\" style=\"color: var(--accent-teal); font-weight: 600;\"\n                    data-i18n=\"fit_conclusion2\">Voc\u00ea j\u00e1 se perguntou por que essas coisas continuam acontecendo repetidamente?<\/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\">Se 2 ou mais se aplicam a voc\u00ea, este relat\u00f3rio foi feito para voc\u00ea<\/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=\"Pessoa Confusa 1\"\n                            style=\"width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(139, 125, 107, 0.2));\">\n                    <\/div>\n                    <div class=\"pain-item fs-22 fs-md-34\"\n                        style=\"font-weight: bold; flex: 1; min-width: 0; background: white; padding: 1.8rem 1.5rem; border-radius: 15px 30px 15px 30px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); position: relative; border: 2px solid rgba(232, 221, 208, 0.5);\">\n                        \n                        <div\n                            style=\"position: absolute; left: -15px; top: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid white;\">\n                        <\/div>\n                        <span data-i18n=\"pain_1\">J\u00e1 fez o teste 3+ vezes, mas os resultados s\u00e3o diferentes a cada vez \u2014 n\u00e3o sabe qual \u00e9 o verdadeiro voc\u00ea<\/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=\"Personagem Confuso 2\"\n                            style=\"width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(139, 125, 107, 0.2));\">\n                    <\/div>\n                    <div class=\"pain-item fs-22 fs-md-34\"\n                        style=\"font-weight: bold; flex: 1; min-width: 0; background: white; padding: 1.8rem 1.5rem; border-radius: 15px 30px 15px 30px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); position: relative; border: 2px solid rgba(232, 221, 208, 0.5);\">\n                        \n                        <div\n                            style=\"position: absolute; right: -15px; top: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid white;\">\n                        <\/div>\n                        <span data-i18n=\"pain_2\">Gastou tempo num teste e s\u00f3 recebeu 4 letras e uma an\u00e1lise gen\u00e9rica que serve para qualquer um<\/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=\"Personagem Confuso 3\"\n                            style=\"width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(139, 125, 107, 0.2));\">\n                    <\/div>\n                    <div class=\"pain-item fs-22 fs-md-34\"\n                        style=\"font-weight: bold; flex: 1; min-width: 0; background: white; padding: 1.8rem 1.5rem; border-radius: 15px 30px 15px 30px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); position: relative; border: 2px solid rgba(232, 221, 208, 0.5);\">\n                        \n                        <div\n                            style=\"position: absolute; left: -15px; top: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid white;\">\n                        <\/div>\n                        <span data-i18n=\"pain_3\">Sabe que \u00e9 INFP \/ ENTJ \/ ISFJ... e da\u00ed? Ainda n\u00e3o sabe como usar esse resultado para melhorar sua vida<\/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=\"Personagem Confuso 4\"\n                            style=\"width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(139, 125, 107, 0.2));\">\n                    <\/div>\n                    <div class=\"pain-item fs-22 fs-md-34\"\n                        style=\"font-weight: bold; flex: 1; min-width: 0; background: white; padding: 1.8rem 1.5rem; border-radius: 15px 30px 15px 30px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); position: relative; border: 2px solid rgba(232, 221, 208, 0.5);\">\n                        \n                        <div\n                            style=\"position: absolute; right: -15px; top: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid white;\">\n                        <\/div>\n                        <span data-i18n=\"pain_4\">O relat\u00f3rio parece um boletim escolar \u2014 n\u00e3o sente nada depois de ler, muito menos se sentir compreendido<\/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\">N\u00e3o \u00e9 que esses m\u00e9todos n\u00e3o funcionem<\/p>\n                <p class=\"font-p fs-18 fs-md-24\" style=\"color: var(--gray); margin-bottom: 1.5rem;\"\n                    data-i18n=\"pain_conclusion2\">\u00c9 que antes de entender a si mesmo, qualquer m\u00e9todo s\u00f3 arranha a superf\u00edcie<\/p>\n                <p class=\"jf-hornedfrog fs-22 fs-md-32\" style=\"color: var(--accent-teal); font-weight: 700;\"\n                    data-i18n=\"pain_conclusion3\">Este relat\u00f3rio foi feito para resolver exatamente isso<\/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\">Dossi\u00ea Pessoal MBTI \u00d7 \ud83c\udfa7 Soul Talk \u2014 A Voz Interior<\/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\">Isso n\u00e3o \u00e9 apenas um teste \u2014 \u00e9 um \"manual de vida\" personalizado s\u00f3 para voc\u00ea<br>Depois de ler, voc\u00ea saber\u00e1 por que \u00e9 assim e o que fazer a seguir<\/p>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-2.png\" alt=\"Segurando o relat\u00f3rio e os fones de ouvido\" 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\">Apenas 25 minutos<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_time_desc\">93 perguntas de cen\u00e1rios reais \u2014 siga seu instinto. Sem pensar demais; isso \u00e9 mais preciso<\/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\">An\u00e1lise de 10.000+ palavras<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_report_desc\">100% gerado das suas respostas. N\u00e3o existem dois relat\u00f3rios iguais<\/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\">10+ ilustra\u00e7\u00f5es personalizadas<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_illust_desc\">Ilustra\u00e7\u00f5es fofas mostrando seus h\u00e1bitos, rea\u00e7\u00f5es emocionais e estilo de intera\u00e7\u00e3o<\/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\">Narra\u00e7\u00e3o em \u00e1udio<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"feat_voice_desc\">N\u00e3o quer ler? Ative o Soul Talk e ou\u00e7a para se entender melhor<\/p>\n                <\/div>\n            <\/div>\n\n            <p class=\"fs-20 fs-md-28\" style=\"margin-top: 3rem;\" data-i18n=\"product_summary\">Voc\u00ea receber\u00e1 um relat\u00f3rio completo que mostra: de onde vem sua energia, por que o trabalho trava, onde est\u00e3o as armadilhas nos relacionamentos e como se ajustar<\/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\">Dossi\u00ea Pessoal MBTI<\/h2>\n            <p class=\"fs-16 fs-md-20\"\n                style=\"text-align: center; color: var(--gray); margin-top: -1rem; margin-bottom: 2rem;\"\n                data-i18n=\"report_subtitle\">Seu relat\u00f3rio cobre 4 dimens\u00f5es principais \u2014 cada se\u00e7\u00e3o \u00e9 escrita com base nas SUAS respostas<\/p>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-4.png\" alt=\"Abrir relat\u00f3rio\" 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\">Pr\u00e9-visualiza\u00e7\u00e3o do relat\u00f3rio completo<\/span>\n            <\/h3>\n            <div class=\"report-preview-gif\">\n                <img decoding=\"async\" class=\"report-gif-img\"\n                    src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n                    alt=\"Diagrama do relat\u00f3rio completo\" \/>\n                <div class=\"gif-overlay\">\n                    <div class=\"gif-overlay-text\">\n                        <strong class=\"gif-overlay-title\" data-i18n=\"gif_overlay_title\">At\u00e9 eletrodom\u00e9stico vem com manual \u2014<br class=\"mobile-br\">sua vida n\u00e3o merece ter um?<\/strong>\n                        <span class=\"gif-overlay-body\" data-i18n=\"gif_overlay_body1\">Os outros s\u00f3 te colocam um r\u00f3tulo<br class=\"mobile-br\">N\u00f3s te damos uma estrat\u00e9gia de sobreviv\u00eancia completa<\/span>\n                        <span class=\"gif-overlay-body\" data-i18n=\"gif_overlay_body2\">Rolando t\u00e3o r\u00e1pido? \u00c9 porque tem conte\u00fado demais pra ver<br class=\"mobile-br\">Como avan\u00e7ar no trabalho, como lidar com amor, como parar de se desgastar...Todo problema que te trava \u2014 as respostas est\u00e3o todas aqui<\/span>\n                        <span class=\"gif-overlay-sub\" data-i18n=\"gif_overlay_sub\">Esta \u00e9 a vers\u00e3o paga completa de demonstra\u00e7\u00e3o \u2014 a sua ser\u00e1 ainda melhor<\/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\">Este relat\u00f3rio n\u00e3o diz \"o que voc\u00ea deveria ser\" \u2014<br>te ajuda a ver as for\u00e7as que j\u00e1 tem, e ensina como us\u00e1-las<\/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\">Ap\u00f3s a compra, tudo \u00e9 desbloqueado imediatamente<\/h2>\n            <p class=\"fs-22 fs-md-28\" style=\"text-align: center; color: var(--dark); font-weight: 700;\"\n                data-i18n=\"value_subtitle\">N\u00e3o \u00e9 por partes \u2014 voc\u00ea recebe tudo de uma vez<\/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=\"An\u00e1lise de personalidade aprofundada\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_1_badge\">Relat\u00f3rio Principal<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_1_title\">An\u00e1lise Profunda de Personalidade<\/h4>\n                    <p data-i18n=\"value_1_desc\">Relat\u00f3rio completo de 10.000+ palavras \u2014 da sua l\u00f3gica de decis\u00e3o, pontos cegos de pensamento ao teto do seu talento, tudo explicado<\/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=\"An\u00e1lise de Posicionamento no Local de Trabalho\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_2_badge\">Carreira<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_2_title\">Posicionamento de Carreira \u00d7 An\u00e1lise de Pontos Cegos<\/h4>\n                    <p data-i18n=\"value_2_desc\">Diz em qual ambiente voc\u00ea brilha, onde mais pisa em armadilhas no trabalho e como evit\u00e1-las<\/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=\"Interpreta\u00e7\u00e3o de padr\u00f5es emocionais\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_3_badge\">Amor<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_3_title\">Padr\u00f5es de Relacionamento \u00d7 Decodifica\u00e7\u00e3o de Intera\u00e7\u00f5es<\/h4>\n                    <p data-i18n=\"value_3_desc\">Por que repete o mesmo roteiro nos relacionamentos? O relat\u00f3rio decodifica seu estilo de apego e revela suas reais necessidades<\/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=\"Manual de Rela\u00e7\u00f5es Interpessoais\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_4_badge\">Relacionamentos<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_4_title\">Manual de Relacionamentos Interpessoais<\/h4>\n                    <p data-i18n=\"value_4_desc\">Guia para lidar com fam\u00edlia, amigos e colegas \u2014 como estabelecer limites sem magoar e parar de ser a pessoa que diz \"tanto faz\"<\/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=\"Guia de Gest\u00e3o de Energia\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_5_badge\">Energia<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_5_title\">Gest\u00e3o de Energia \u00d7 Fim do Esgotamento Interno<\/h4>\n                    <p data-i18n=\"value_5_desc\">Descubra onde est\u00e3o os buracos negros de energia, o que est\u00e1 secretamente te drenando, e receba um m\u00e9todo de recarga personalizado<\/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=\"Ilustra\u00e7\u00f5es exclusivas da vers\u00e3o Q\">\n                        <span class=\"value-timeline-badge\" data-i18n=\"value_6_badge\">ilustra\u00e7\u00f5es<\/span>\n                    <\/div>\n                    <h4 data-i18n=\"value_6_title\">10+ Ilustra\u00e7\u00f5es Q-Style Exclusivas<\/h4>\n                    <p data-i18n=\"value_6_desc\">Voc\u00ea no trabalho, sozinho, socializando \u2014 tudo em ilustra\u00e7\u00f5es fofas, cada uma \u00fanica para voc\u00ea<\/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>Todo conte\u00fado \u00e9 100% gerado dos seus resultados \u2014 n\u00e3o existem dois relat\u00f3rios iguais<\/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\">Testes gratuitos dizem \"quem voc\u00ea \u00e9\" e param por a\u00ed<\/span><br>Este relat\u00f3rio vai al\u00e9m: \"ent\u00e3o o que voc\u00ea pode fazer\"<\/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\">Categoria<\/th>\n                            <th class=\"fs-14 fs-md-20\"\n                                style=\"background: linear-gradient(135deg, #A89589 0%, #9A6F47 100%);\"\n                                data-i18n=\"compare_th2\">Testes Gratuitos<\/th>\n                            <th class=\"fs-14 fs-md-22\"\n                                style=\"background: linear-gradient(135deg, #5A7A7C 0%, #3D5456 100%);\"\n                                data-i18n=\"compare_th3\">O Que Voc\u00ea Recebe \u2728<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r1_label\">Design das perguntas<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r1_free\">10\u201320 perguntas, termina em minutos<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r1_ours\">93 cen\u00e1rios reais para revelar suas verdadeiras tend\u00eancias<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r2_label\">Resultados<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r2_free\">4 letras + descri\u00e7\u00e3o gen\u00e9rica<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r2_ours\">Relat\u00f3rio de 10.000+ palavras \u2014 cada se\u00e7\u00e3o \u00e9 sobre VOC\u00ca<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r3_label\">Visual<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r3_free\">Nenhuma ou imagens gen\u00e9ricas<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r3_ours\">10+ ilustra\u00e7\u00f5es Q-style exclusivas para voc\u00ea<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r4_label\">Completo<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r4_free\">Precisa pagar por cap\u00edtulos ou upgrades<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r4_ours\">Um pagamento, tudo desbloqueado<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r5_label\">Tom do relat\u00f3rio<\/td>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r5_free\">Parece boletim escolar \u2014 sem emo\u00e7\u00e3o<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r5_ours\">Como um amigo conversando \u2014 acolhedor e direto<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r6_label\">Extras<\/td>\n                            <td class=\"cross fs-14 fs-md-20\" data-i18n=\"compare_r6_free_tw\">Geralmente nenhum<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r6_ours\">Narra\u00e7\u00e3o em \u00e1udio (Soul Talk)<\/td>\n                        <\/tr>\n                        <tr>\n                            <td class=\"fs-14 fs-md-20\" data-i18n=\"compare_r7_label\">Pol\u00edtica de reembolso<\/td>\n                            <td class=\"cross fs-14 fs-md-20\" data-i18n=\"compare_r7_free_tw\">Sem pol\u00edtica de reembolso<\/td>\n                            <td class=\"check fs-14 fs-md-22\" data-i18n=\"compare_r7_ours\">Reembolso total em 24 horas<\/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\">O que voc\u00ea recebe n\u00e3o \u00e9 adivinha\u00e7\u00e3o nem autoajuda gen\u00e9rica \u2014<br>\u00e9 um \"guia de a\u00e7\u00e3o pessoal\" pr\u00e1tico que pode usar imediatamente<\/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\">Escolha um personagem parecido com voc\u00ea \u2014 as ilustra\u00e7\u00f5es do relat\u00f3rio usar\u00e3o este avatar<\/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\">Escolha um personagem parecido com voc\u00ea no teste<br>Nosso personagem exclusivo acompanha voc\u00ea pelas 93 situa\u00e7\u00f5es do dia a dia \u2014 n\u00e3o \u00e9 s\u00f3 texto:cenas como voc\u00ea sozinho, em grupo, no trabalhotornando \"voc\u00ea\" no teste mais real<\/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 personagens masculinos\"\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 6 Personagens Masculinos<\/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 personagens femininas\"\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 6 Personagens Femininos<\/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 Depois de escolher, voc\u00ea ver\u00e1 \"voc\u00ea mesmo\" em v\u00e1rios cen\u00e1rios do relat\u00f3rio<br>Momentos sozinho, momentos sociais, no trabalho \u2014 tudo ilustrado para voc\u00ea<\/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\">Seja sua primeira vez com MBTI<br>ou j\u00e1 tenha feito tantas vezes que sabe as 4 letras de cor<\/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=\"Novatos fazendo o primeiro teste\" 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\">Se \u00e9 sua primeira vez<\/h3>\n                    <p class=\"fs-16 fs-md-18\" data-i18n=\"audience_first_desc\">Siga seu instinto em 93 perguntas de cen\u00e1rios reais \u2014 e ter\u00e1 um relat\u00f3rio de personalidade completo feito s\u00f3 para voc\u00ea<\/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=\"Usu\u00e1rio experiente que j\u00e1 testou v\u00e1rias vezes.\" 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\">Se j\u00e1 fez muitas vezes<\/h3>\n                    <p class=\"fs-16 fs-md-18\" data-i18n=\"audience_repeat_desc\">Este relat\u00f3rio \u00e9 diferente \u2014 diz diretamente por que voc\u00ea cai nos mesmos problemas, e como ajustar<\/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\">Este relat\u00f3rio completo n\u00e3o vai s\u00f3 te rotular\"voc\u00ea \u00e9 XXXX\"vai dizer o que fazer a seguir<\/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\">Seu relat\u00f3rio n\u00e3o \u00e9 s\u00f3 texto \u2014 inclui 10+ ilustra\u00e7\u00f5es Q-style feitas para voc\u00ea<\/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=\"Pensamento no Trabalho\" 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=\"Descanse e relaxe\" 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=\"intera\u00e7\u00e3o interpessoal\" 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=\"Solid\u00e3o e contempla\u00e7\u00e3o\" 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\">Conte\u00fado do relat\u00f3rio completo<br>voc\u00ea receber\u00e1 10+ ilustra\u00e7\u00f5es Q-style personalizadas,<br>mostrando voc\u00ea no trabalho, sozinho, com amigos... tudo com \"voc\u00ea\"<\/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\">\"Quando vi a ilustra\u00e7\u00e3o de mim digitando enquanto questionava minhas escolhas de vida, ca\u00ed na risada \u2014 sou eu demais!\"<\/span>\n                <\/p>\n            <\/div>\n\n            <p class=\"fs-18 fs-md-24\" style=\"margin-top: 2rem;\" data-i18n=\"qillust_note\">Voc\u00ea precisar\u00e1 enviar sua fotoSeu relat\u00f3rio de personalidade exclusivo + ilustra\u00e7\u00f5es fofastudo inclu\u00eddo no relat\u00f3rio completopronto para revisitar a qualquer momento<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"soul-talk scroll-animate\">\n        <div class=\"soul-talk-content\">\n            <h2 class=\"jf-kamabit fs-32 fs-md-48\"\n                style=\"margin-bottom: 2.5rem; line-height: 1.4; position: relative; padding-bottom: 2rem; text-align: center; color: #F5F0EA;\"\n                data-i18n=\"soul_title\">\ud83c\udfa7 Soul Talk \u2014 A Voz Interior<\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-6.png\" alt=\"A pessoa que est\u00e1 ouvindo\" 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\">Relat\u00f3rio longo demais para ler? Ou quer entender mais profundamente depois de ler?<\/p>\n            <p class=\"fs-20 fs-md-24\" data-i18n=\"soul_desc2\">Soul Talk narra os destaques do relat\u00f3rio com voz natural \u2014 como um amigo que te entende ajudando a organizar seus pensamentos<\/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\">No caminho do trabalho, antes de dormir, numa caminhada \u2014<br>coloque os fones e ou\u00e7a uma narra\u00e7\u00e3o feita especialmente para voc\u00ea<br>explicando o relat\u00f3rio da forma mais compreens\u00edvel<\/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\">Sem precisar de tela<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f1_desc\">Ou\u00e7a no transporte, exerc\u00edcio ou antes de dormir \u2014 a forma mais relaxada de se entender<\/p>\n                <\/div>\n                <div class=\"feature-card\">\n                    <div class=\"feature-icon\">\ud83c\udfaf<\/div>\n                    <div class=\"feature-title fs-28 fs-md-40\" data-i18n=\"soul_f2_title\">Cada parte \u00e9 sobre voc\u00ea<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f2_desc\">N\u00e3o \u00e9 conte\u00fado gen\u00e9rico \u2014 \u00e1udio gerado especificamente dos resultados do seu relat\u00f3rio<\/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\">Dire\u00e7\u00e3o mais clara depois de ouvir<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f3_desc\">Lendo o relat\u00f3rio talvez lembre 30% \u2014 depois de ouvir, ter\u00e1 muito mais clareza sobre como se ajustar<\/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\">Acolhedor mas direto<\/div>\n                    <p class=\"fs-16 fs-md-20\" data-i18n=\"soul_f4_desc\">O tom \u00e9 como um amigo conversando, mas cada frase tem embasamento \u2014 porque realmente leu seu relat\u00f3rio<\/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\">Algu\u00e9m disse: \"Depois de ouvir aquele \u00e1udio, senti mais do que lendo o relat\u00f3rio, porque algu\u00e9m estava me ajudando a organizar quem eu sou\"<\/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\">Feedback real de usu\u00e1rios \u2014 veja o que dizem<\/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=\"Usu\u00e1rio Satisfeito 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\">Achei que era s\u00f3 um relat\u00f3rio de teste comum, mas na terceira se\u00e7\u00e3o j\u00e1 estava chorando. Cada frase era um sentimento que nunca ousei dizer em voz alta. Mandei print para minha melhor amiga \u2014 ela disse \"isso \u00e9 literalmente seu manual do usu\u00e1rio\"<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_1_author\">\u2014 Mei \/ 27 \/ INFP<\/div>\n                <\/div>\n                <div class=\"testimonial-card\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-7-2.png\" alt=\"Usu\u00e1rio Satisfeito 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\">Achei que a vers\u00e3o em \u00e1udio era desnecess\u00e1ria, mas comecei a ouvir no metr\u00f4 e n\u00e3o consegui parar. A voz \u00e9 genuinamente confort\u00e1vel \u2014 sem aquele tom r\u00edgido de IA. Super recomendo Soul Talk!<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_2_author\">\u2014 Jay \/ 31 \/ 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=\"Usu\u00e1rio Satisfeito 3\" width=\"300\" height=\"300\"\n                        style=\"width: 100%; height: auto;\">\n                    <div class=\"testimonial-text fs-30 fs-md-32\">\n                        <span\n                            data-i18n=\"testi_3_text\">Sempre achei que era \"sens\u00edvel demais\" e \"pensava demais.\" Depois de ler o relat\u00f3rio, percebi que essas s\u00e3o minhas for\u00e7as. At\u00e9 me ensinou como usar essas caracter\u00edsticas no trabalho. Finalmente parei de duvidar de mim<\/span>\n                    <\/div>\n                    <div class=\"testimonial-author fs-18 fs-md-20\" data-i18n=\"testi_3_author\">\u2014 Zoe \/ 29 \/ ENFJ<\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"testimonial-dots\">\n                <span class=\"testimonial-dot active\" data-index=\"0\"><\/span>\n                <span class=\"testimonial-dot\" data-index=\"1\"><\/span>\n                <span class=\"testimonial-dot\" data-index=\"2\"><\/span>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"pricing\" class=\"pricing-section scroll-animate\" style=\"display:none;\">\n        <div class=\"container\">\n            <h2 class=\"section-title font-h2 fs-30 fs-md-48\" style=\"color: var(--dark);\" data-i18n=\"pricing_title\">Escolha o plano ideal para voc\u00ea<\/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\">Pagamento \u00fanico, guarde para sempre. Sem assinatura, sem taxas escondidas<br>Insatisfeito com a an\u00e1lise em 24 horas? Reembolso total, zero risco<\/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\">\u3010Dossi\u00ea Pessoal\u3011<\/div>\n                    <div class=\"jf-kamabit pricing-title fs-40 fs-md-40\" data-i18n=\"planA_name\">Dossi\u00ea Pessoal MBTI<\/div>\n                    <div class=\"lihsianti pricing-description fs-32 fs-md-36\">\n                        <span data-i18n=\"planA_desc\">Quer se entender primeiro? Comece aqui<\/span>\n                    <\/div>\n                    <div class=\"jf-jinxuanlatte-semibold pricing-original fs-16 fs-md-20\"><span\n                            data-i18n=\"price_original_label\">Pre\u00e7o Original<\/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\">Oferta por Tempo Limitado<\/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 perguntas de cen\u00e1rios reais<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f2\">Relat\u00f3rio personalizado de 10.000+ palavras<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f3\">10+ ilustra\u00e7\u00f5es Q-style exclusivas<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f4\">An\u00e1lise completa: energia, trabalho, relacionamentos, plano de a\u00e7\u00e3o<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planA_f5\">Reembolso total em 24 horas<\/div>\n                    <\/div>\n\n                    <a href=\"https:\/\/maybeits.me\/br\/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\">Escolher Este Plano<\/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\">\u3010Pacote Imersivo\u3011<\/div>\n                    <div class=\"jf-kamabit pricing-title fs-38 fs-md-38\" data-i18n=\"planB_name\">MBTI Imersivo<br>(Dossi\u00ea\uff0bA Voz Interior)<\/div>\n                    <div class=\"lihsianti pricing-description fs-32 fs-md-36\">\n                        <span data-i18n=\"planB_desc\">Leia + ou\u00e7a \u2014 se entenda de duas formas<\/span>\n                    <\/div>\n                    <div class=\"jf-jinxuanlatte-semibold pricing-original fs-16 fs-md-20\"><span\n                            data-i18n=\"price_original_label\">Pre\u00e7o Original<\/span> <span class=\"jf-jinxuanlatte-semibold\"\n                            data-price=\"planB-original\">---<\/span><\/div>\n                    <div class=\"font-p fs-16 fs-md-18 pricing-badge\" data-i18n=\"planB_popular\">\u2b50 Mais Popular<\/div>\n                    <div class=\"jf-jinxuanlatte-heavy pricing-price fs-30 fs-md-36\"><span\n                            data-i18n=\"price_sale_label\">Oferta por Tempo Limitado<\/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 Economize<\/div>\n\n                    <div class=\"pricing-features font-p\">\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f1\">Guia completo (relat\u00f3rio + ilustra\u00e7\u00f5es, tudo inclu\u00eddo)<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f3\">Conjunto de ilustra\u00e7\u00f5es Q-style \u2014 seu dia a dia ilustrado<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f4\">Ou\u00e7a quando quiser, guarde para sempre<\/div>\n                        <div class=\"pricing-feature fs-16 fs-md-18\" data-i18n=\"planB_f2\">\ud83c\udfa7 Soul Talk di\u00e1logo de \u00e1udio exclusivo de 25 min<\/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%+ conte\u00fado exclusivo que n\u00e3o est\u00e1 no relat\u00f3rio<br>\u221f Cada conclus\u00e3o verificada com seus cen\u00e1rios do dia a dia<br>\u221f An\u00e1lise de causa e efeito multidimensional<br>\u221f B\u00f4nus: MV musical exclusivo<\/div>\n                        <\/div>\n                    <\/div>\n\n                    <a href=\"https:\/\/maybeits.me\/br\/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\">Desbloquear a Experi\u00eancia Completa<\/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 Aviso Importante:<\/span><\/strong><br>\n                    <span data-i18n=\"pricing_warn_desc\">\"Soul Talk \u00c1udio\" s\u00f3 est\u00e1 dispon\u00edvel como complemento para compradores do Dossi\u00ea Pessoal MBTI (pre\u00e7o do complemento<\/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>Adquira separadamente:<\/strong><span data-price=\"planA-sale-alt\">---<\/span>(Manual) + <span\n                        data-price=\"audio-addon-alt\">---<\/span>(Voz) = Custo Total <span data-price=\"total-separate\">---\n                        975<\/span><br>\n                    <strong style=\"color: #5A7A7C;\">Selecione &quot;Pacote Completo&quot; para economizar agora. <span data-price=\"savings-alt\">---\n                            198<\/span>Mais econ\u00f4mico<\/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 B\u00f4nus Extra<\/span><br>\n                <span class=\"fs-24 fs-md-36\" data-i18n=\"bonus_title_2\">Kit de Intelig\u00eancia Artificial MBTI\uff08Edi\u00e7\u00e3o Ultimate\u30fb30 Ferramentas\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\">N\u00e3o \u00e9 s\u00f3 um relat\u00f3rio \u2014<br>voc\u00ea tamb\u00e9m ganha um kit de ferramentas AI gratuito<br><br><strong style=\"color: #5A7A7C;\">\ud83d\udcd6 An\u00e1lise profunda de 10.000+ palavras<\/strong> \u2192 Te ajuda a se entender<br><strong style=\"color: #5A7A7C;\">\ud83d\udee0\ufe0f 30 ferramentas AI<\/strong> \u2192 Te ajuda a resolver problemas<\/p>\n\n            <div class=\"bonus-tools-grid\"\n                style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; max-width: 900px; margin: 3rem auto; align-items: stretch;\">\n                \n                <div\n                    style=\"background: white; padding: 2.5rem 2rem; border-radius: 24px; box-shadow: 0 10px 30px rgba(139, 125, 107, 0.15); border-left: 5px solid #7B9A9C; transition: all 0.3s ease; display: flex; flex-direction: column;\">\n                    <h3 class=\"font-p fs-24 fs-md-28\" style=\"margin-bottom: 1.5rem; color: #7B9A9C;\"\n                        data-i18n=\"bonus_mbti_title\">\u2728 15 Ferramentas MBTI Exclusivas<\/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 Assumindo demais? \u2192 Auditoria de Responsabilidades<\/li>\n                        <li data-i18n=\"bonus_mbti_2\">\u2022 Perfeccionista? \u2192 Sistema de Al\u00edvio do Perfeccionismo<\/li>\n                        <li data-i18n=\"bonus_mbti_3\">\u2022 Dificuldade em expressar sentimentos? \u2192 Treinador de Express\u00e3o Emocional<\/li>\n                        <li data-i18n=\"bonus_mbti_4\">\u2022 Quer saber se s\u00e3o compat\u00edveis? \u2192 An\u00e1lise de Compatibilidade<\/li>\n                        <li data-i18n=\"bonus_mbti_5\">\u2022 N\u00e3o sabe que presente dar? \u2192 Recomendador Inteligente de Presentes<\/li>\n                        <li data-i18n=\"bonus_mbti_6\">\u2022 Relacionamento n\u00e3o funciona? \u2192 Sistema de Decis\u00e3o Racional de T\u00e9rmino<\/li>\n                        <li style=\"color: #8C8580; font-style: italic;\" data-i18n=\"bonus_mbti_more\">... mais 9 ferramentas exclusivas<\/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 Ferramentas de Uso Geral<\/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\">Suporte Emocional:<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_emotion_items\">Kit de Emerg\u00eancia, Decodificador de Ansiedade, Companheiro de Tristeza...<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_decision_label\">Apoio a Decis\u00f5es:<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_decision_items\">Balan\u00e7a de Escolhas, Decompositor de Metas, Construtor de H\u00e1bitos...<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_social_label\">Habilidades Sociais:<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_social_items\">Gerador de Roteiros, Mediador de Conflitos, Medidor de Bateria Social, Espelho de Relacionamentos...<\/span><\/p>\n                        <p style=\"margin-bottom: 0.8rem;\"><strong style=\"color: #8B7D6B;\"><span\n                                    data-i18n=\"bonus_cat_growth_label\">Crescimento Pessoal:<\/span><\/strong><span\n                                data-i18n=\"bonus_cat_growth_items\">Di\u00e1rio de Autoconhecimento, Descobridor de For\u00e7as, Acelerador de Aprendizado...<\/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\">Este kit de 30 ferramentas vale mais de<\/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\">Mas compre qualquer plano e receba o kit completo gr\u00e1tis<\/span><\/span>\n                    <\/p>\n\n                    <p class=\"fs-16 fs-md-20\" style=\"margin-bottom: 1.5rem; color: #5A7A7C;\" data-i18n=\"bonus_quality\">Qualidade acima de quantidade \u2014 cada ferramenta foi cuidadosamente selecionada!<\/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 Pelo pre\u00e7o de um relat\u00f3rio<\/p>\n                        <p class=\"fs-16 fs-md-20\" style=\"color: #4A4542;\" data-i18n=\"bonus_get_tools\">Voc\u00ea recebe 30 ferramentas incrivelmente \u00fateis<\/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\">Cada tipo de MBTI precisa de ferramentas diferentes \u2014<br>as 15 ferramentas exclusivas que voc\u00ea recebe s\u00e3o selecionadas com base na sua personalidade, n\u00e3o aleatoriamente<\/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>Cada ferramenta \u00e9 um prompt de AI pronto para usar<\/strong><br>Abra o ChatGPT ou qualquer ferramenta de AI, cole e comece a usar. Sem expira\u00e7\u00e3o, atualizado regularmente<\/span>\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div style=\"text-align: center; margin-top: 3rem;\">\n                <a href=\"https:\/\/maybeits.me\/br\/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 Desbloquear o Pacote Completo<\/a>\n                <p class=\"fs-16 fs-md-20\" style=\"margin-top: 1rem; color: #8C8580;\" data-i18n=\"bonus_cta_sub\">Relat\u00f3rio + Kit de Ferramentas, tudo em um<\/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\">Voc\u00ea leu at\u00e9 aqui \u2014 isso significa que voc\u00ea realmente quer se entender melhor<\/h2>\n\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/p.maybeits.me\/mbti-p\/F374-8.png\" alt=\"Em dire\u00e7\u00e3o \u00e0 luz\" 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\">Voc\u00ea n\u00e3o est\u00e1 sem dire\u00e7\u00e3o \u2014 ningu\u00e9m nunca te ajudou a organizar tudo \u2014<br>para onde vai sua energia, por que o trabalho trava, onde est\u00e3o as armadilhas nos relacionamentos... todas as respostas est\u00e3o no relat\u00f3rio<\/p>\n\n            <p class=\"fs-18 fs-md-24\" data-i18n=\"final_desc2\">Em apenas 25 minutos, voc\u00ea receber\u00e1:<br>relat\u00f3rio de personalidade de 10.000 palavras + 10 ilustra\u00e7\u00f5es personalizadas + narra\u00e7\u00e3o em \u00e1udio + 30 ferramentas AI<\/p>\n\n            <div style=\"margin: 3rem 0;\">\n                <p class=\"fs-20 fs-md-28\" style=\"margin-bottom: 2rem;\" data-i18n=\"final_encourage1\">Dedique 25 minutos ao teste<br>Receba um relat\u00f3rio completo que te ajuda a se entender e fazer melhores escolhas<\/p>\n                <p class=\"fs-20 fs-md-28\">\n                    <span data-i18n=\"final_encourage2\">Decida voc\u00ea comprar ou n\u00e3o \u2014<br>lembre-se: reembolso total em 24 horas. Voc\u00ea n\u00e3o tem nada a perder<\/span>Voc\u00ea n\u00e3o perder\u00e1 nada.\n                <\/p>\n            <\/div>\n\n            <div class=\"cta-group\">\n                <a href=\"https:\/\/maybeits.me\/br\/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\">Desbloquear o Pacote de Experi\u00eancia Completa<\/a>\n                <p class=\"fs-16 fs-md-20\" style=\"margin-top: 0.3rem; opacity: 0.9;\">Prov\u00edncia atual <span\n                        data-price=\"savings-final\">---<\/span>(Pre\u00e7o original) <span data-price=\"planB-original-final\">---<\/span>Oferta especial\n                    <span data-price=\"planB-sale-final\">---<\/span>\uff09<\/p>\n\n                <a href=\"https:\/\/maybeits.me\/br\/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\">Come\u00e7ar com o Dossi\u00ea Pessoal MBTI<\/a>\n                <p class=\"fs-16 fs-md-20\" style=\"margin-top: 0.3rem; opacity: 0.9;\"><span\n                        data-price=\"planA-sale-final\">---<\/span><\/p>\n            <\/div>\n\n            <div class=\"guarantee fs-28 fs-md-36\" data-i18n=\"final_guarantee\">\u2728 Promessa Zero Risco: Reembolso total em 24 horas se insatisfeito \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 Nota importante:<\/strong>Este teste \u00e9 uma ferramenta de autoavalia\u00e7\u00e3o do tipo de personalidade MBTI, criada para ajudar voc\u00ea a compreender suas tend\u00eancias e tra\u00e7os de personalidade. Este teste n\u00e3o \u00e9 um exame ou avalia\u00e7\u00e3o psicol\u00f3gica profissional e n\u00e3o tem fun\u00e7\u00e3o diagn\u00f3stica ou terap\u00eautica. Se voc\u00ea tiver necessidades relacionadas \u00e0 sa\u00fade mental, consulte um psic\u00f3logo ou profissional m\u00e9dico qualificado.\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <div class=\"floating-cta\">\n        <a href=\"https:\/\/maybeits.me\/br\/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 Comece Seu Teste Gratuito<\/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:'a249b613a97cc8d8',t:'MTc4NTYzODM1Nw=='};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\/br\/wp-json\/wp\/v2\/pages\/7984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maybeits.me\/br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maybeits.me\/br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maybeits.me\/br\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/maybeits.me\/br\/wp-json\/wp\/v2\/comments?post=7984"}],"version-history":[{"count":138,"href":"https:\/\/maybeits.me\/br\/wp-json\/wp\/v2\/pages\/7984\/revisions"}],"predecessor-version":[{"id":9246,"href":"https:\/\/maybeits.me\/br\/wp-json\/wp\/v2\/pages\/7984\/revisions\/9246"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maybeits.me\/br\/wp-json\/wp\/v2\/media\/1354"}],"wp:attachment":[{"href":"https:\/\/maybeits.me\/br\/wp-json\/wp\/v2\/media?parent=7984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}