.elementor-4521 .elementor-element.elementor-element-1b61f78b{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-56dd16b */#ux-numerology-voyage {
    --purp: #6d28d9;
    --wine: #8A1538;
    --indigo: #1a237e;
    --text: #1A0B2E;
    --white: #ffffff;
    
    background-color: var(--white);
    font-family: 'Inter', system-ui, sans-serif;
    color: var(--text);
    padding-bottom: 120px;
}

#ux-numerology-voyage .ux-container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* --- SOMMAIRE DISCRET --- */
#ux-numerology-voyage .ux-magazine-nav {
    position: sticky; top: 0; z-index: 100;
    background: rgba(255,255,255,0.9); backdrop-filter: blur(10px);
    padding: 20px 0; border-bottom: 1px solid rgba(0,0,0,0.03);
}
#ux-numerology-voyage .ux-nav-inner {
    max-width: 1100px; margin: 0 auto; padding: 0 20px;
    display: flex; justify-content: space-between; align-items: center;
}
#ux-numerology-voyage .ux-nav-brand { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; color: #999; }
#ux-numerology-voyage .ux-nav-brand strong { color: var(--purp); }

#ux-numerology-voyage .ux-chapters { display: flex; gap: 20px; }
#ux-numerology-voyage .ux-chapters a {
    text-decoration: none; font-size: 0.8rem; font-weight: 700; color: var(--text);
    transition: color 0.3s;
}
#ux-numerology-voyage .ux-chapters a:hover { color: var(--purp); }

/* --- HERO SECTION --- */
#ux-numerology-voyage .ux-hero-section { padding: 100px 0 60px; text-align: left; }

#ux-numerology-voyage .ux-badge-glow {
    display: inline-block; padding: 6px 18px; background: #E3F2FD;
    color: #1565C0; border-radius: 100px; font-size: 0.7rem; font-weight: 900;
    text-transform: uppercase; letter-spacing: 2px; margin-bottom: 30px;
}

#ux-numerology-voyage .ux-h1-editorial {
    font-size: clamp(3rem, 10vw, 5.5rem); font-weight: 950; line-height: 0.9;
    letter-spacing: -4px; margin: 0;
}
#ux-numerology-voyage .ux-text-accent {
    color: transparent; -webkit-text-stroke: 1.5px var(--purp);
}
#ux-numerology-voyage .ux-h1-editorial small {
    display: block; font-size: 1.2rem; font-weight: 400; letter-spacing: 0;
    margin-top: 30px; font-family: serif; font-style: italic; color: var(--wine);
}

/* --- ÉDITORIAL LAYOUT (OVERLAP) --- */
#ux-numerology-voyage .ux-editorial-layout {
    display: flex; align-items: center; margin-top: 40px; position: relative;
}

/* L'Image */
#ux-numerology-voyage .ux-image-side { flex: 1.2; position: relative; }
#ux-numerology-voyage .ux-image-wrapper { position: relative; width: 100%; }
#ux-numerology-voyage .ux-image-wrapper img {
    width: 100%; border-radius: 4px; box-shadow: 0 50px 100px rgba(0,0,0,0.1);
    position: relative; z-index: 2;
}
#ux-numerology-voyage .ux-image-aura {
    position: absolute; top: -30px; left: -30px; width: 100%; height: 100%;
    background: var(--indigo); opacity: 0.05; z-index: 1; border-radius: 4px;
}

/* Le Contenu Textuel (Overlap) */
#ux-numerology-voyage .ux-content-side {
    flex: 1; margin-left: -100px; position: relative; z-index: 3;
}

#ux-numerology-voyage .ux-intro-card {
    background: var(--white); padding: 60px;
    box-shadow: 0 30px 70px rgba(109, 40, 217, 0.12);
    border-radius: 2px; border-left: 8px solid var(--purp);
}

#ux-numerology-voyage .ux-h3-reveal {
    font-size: 1.8rem; font-weight: 900; margin-bottom: 25px; color: var(--purp);
}

#ux-numerology-voyage .ux-p-questions {
    font-size: 1.3rem; font-weight: 600; line-height: 1.5; margin-bottom: 30px;
}

#ux-numerology-voyage .ux-divider {
    width: 50px; height: 3px; background: var(--wine); margin-bottom: 30px;
}

#ux-numerology-voyage .ux-p-explanation {
    font-size: 1.05rem; line-height: 1.8; color: #666; margin-bottom: 20px;
}

#ux-numerology-voyage .ux-p-highlight {
    font-size: 1.15rem; line-height: 1.7; color: var(--text); border-top: 1px solid #EEE; padding-top: 25px;
}
#ux-numerology-voyage .ux-p-highlight strong { color: var(--purp); }

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    #ux-numerology-voyage .ux-editorial-layout { flex-direction: column; }
    #ux-numerology-voyage .ux-content-side { margin-left: 0; margin-top: -60px; padding: 0 20px; width: 100%; }
    #ux-numerology-voyage .ux-intro-card { padding: 40px 30px; }
    #ux-numerology-voyage .ux-h1-editorial { font-size: 3rem; letter-spacing: -2px; }
    #ux-numerology-voyage .ux-chapters { display: none; }
} @media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : NUMEROLOGY (#ux-numerology-voyage)
   ============================================================ */

    /* 1. RESET GLOBAL & NAV */
    #ux-numerology-voyage {
        padding-bottom: 60px !important;
        overflow-x: hidden !important;
    }

    #ux-numerology-voyage .ux-container {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #ux-numerology-voyage .ux-nav-inner {
        justify-content: center !important; /* Centrage absolu de la marque */
        padding: 10px 0 !important;
    }

    #ux-numerology-voyage .ux-chapters {
        display: none !important; /* Épurement total pour le focus */
    }

    /* 2. HERO SECTION (MAÎTRISE TYPOGRAPHIQUE) */
    #ux-numerology-voyage .ux-hero-section {
        padding: 40px 10px 40px !important;
        text-align: center !important; /* L'impact du centrage mobile */
    }

    #ux-numerology-voyage .ux-badge-glow {
        margin-bottom: 20px !important;
    }

    #ux-numerology-voyage .ux-h1-editorial {
        font-size: 2.8rem !important; /* Taille ajustée */
        letter-spacing: -1.5px !important; /* On relâche l'étreinte des lettres pour éviter la bouillie */
        line-height: 1.1 !important;
    }

    #ux-numerology-voyage .ux-h1-editorial small {
        font-size: 1.05rem !important;
        margin-top: 15px !important;
    }

    /* 3. EDITORIAL OVERLAP (L'INCRUSTATION VERTICALE) */
    #ux-numerology-voyage .ux-editorial-layout {
        flex-direction: column !important;
        margin-top: 30px !important;
    }

    #ux-numerology-voyage .ux-image-side {
        width: 100% !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }

    #ux-numerology-voyage .ux-image-aura {
        top: -10px !important;
        left: -10px !important; /* On réduit l'aura pour éviter le scroll horizontal fantôme */
    }

    /* 4. CONTENT CARD (LA CAPSULE DE LECTURE) */
    #ux-numerology-voyage .ux-content-side {
        margin-left: 0 !important;
        margin-top: -40px !important; /* L'Overlap devient vertical ! */
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #ux-numerology-voyage .ux-intro-card {
        padding: 35px 20px !important;
        border-left: none !important;
        border-top: 6px solid var(--purp) !important; /* L'accent passe en couronne */
        border-radius: 15px !important;
    }

    #ux-numerology-voyage .ux-h3-reveal {
        font-size: 1.5rem !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }

    #ux-numerology-voyage .ux-p-questions {
        font-size: 1.1rem !important;
        margin-bottom: 25px !important;
        text-align: center !important;
    }

    #ux-numerology-voyage .ux-divider {
        margin: 20px auto 25px !important; /* Centrage sous les questions */
    }

    #ux-numerology-voyage .ux-p-explanation {
        font-size: 0.95rem !important;
        text-align: left !important; /* On garde la justification à gauche pour le confort de lecture prolongée */
    }

    #ux-numerology-voyage .ux-p-highlight {
        font-size: 1rem !important;
        padding-top: 15px !important;
        text-align: left !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-08861c0 */#ux-pythagoras-vibration {
    --purp: #6d28d9;
    --wine: #8A1538;
    --indigo: #1a237e;
    --text: #1A0B2E;
    --white: #ffffff;
    
    background-color: var(--white);
    padding: 100px 20px;
    font-family: 'Inter', system-ui, sans-serif;
    color: var(--text);
    overflow: hidden;
}

#ux-pythagoras-vibration .ux-container { max-width: 1050px; margin: 0 auto; position: relative; }

/* --- HEADER NODE --- */
#ux-pythagoras-vibration .ux-root-header { margin-bottom: 80px; }
#ux-pythagoras-vibration .ux-header-layout { display: flex; align-items: center; gap: 30px; margin-bottom: 25px; }

#ux-pythagoras-vibration .ux-num-node {
    width: 80px; height: 80px; position: relative;
    display: flex; align-items: center; justify-content: center;
}
#ux-pythagoras-vibration .ux-node-text {
    font-size: 2.5rem; font-weight: 950; color: var(--purp); z-index: 2;
}
#ux-pythagoras-vibration .ux-node-pulse {
    position: absolute; inset: 0; border: 2px solid var(--purp); border-radius: 50%;
    animation: node-ping 2s infinite cubic-bezier(0, 0, 0.2, 1); opacity: 0;
}
@keyframes node-ping { 
    0% { transform: scale(1); opacity: 0.8; }
    100% { transform: scale(1.6); opacity: 0; }
}

#ux-pythagoras-vibration .ux-badge-frequency {
    display: inline-block; padding: 4px 12px; background: #FBF8FF; color: var(--purp);
    border-radius: 4px; font-size: 0.7rem; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px;
}

#ux-pythagoras-vibration .ux-h2-title {
    font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 950; line-height: 1.1; margin: 0;
}
#ux-pythagoras-vibration .ux-gradient-text {
    background: linear-gradient(135deg, var(--purp), var(--wine));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

#ux-pythagoras-vibration .ux-header-line {
    width: 100%; height: 1px; background: linear-gradient(to right, var(--purp), transparent); opacity: 0.2;
}

/* --- THE PRISM LAYOUT --- */
#ux-pythagoras-vibration .ux-pythagoras-prism {
    display: flex; align-items: stretch; gap: 60px;
}

#ux-pythagoras-vibration .ux-prism-content { flex: 1.3; }
#ux-pythagoras-vibration .ux-p-lead { font-size: 1.25rem; line-height: 1.7; color: var(--text); margin-bottom: 40px; }

#ux-pythagoras-vibration .ux-floating-quote {
    background: #111; color: #fff; padding: 40px; border-radius: 20px;
    font-size: 1.8rem; font-family: serif; font-style: italic; font-weight: 500;
    line-height: 1.3; margin: 0 0 40px 0; position: relative;
    box-shadow: 0 30px 60px rgba(0,0,0,0.15);
}
#ux-pythagoras-vibration .ux-floating-quote::before {
    content: '“'; position: absolute; top: 10px; left: 20px; font-size: 5rem; opacity: 0.2;
}

#ux-pythagoras-vibration .ux-p-context { font-size: 1.1rem; line-height: 1.8; color: #666; }

/* --- VIBRATION MATRIX (ASIDE) --- */
#ux-pythagoras-vibration .ux-vibration-matrix {
    flex: 0.8; background: #ffffff; border-radius: 30px; border: 1px solid rgba(109, 40, 217, 0.1);
    display: flex; flex-direction: column; overflow: hidden;
    box-shadow: 0 20px 50px rgba(109, 40, 217, 0.05);
}

#ux-pythagoras-vibration .ux-matrix-header {
    background: var(--purp); color: #fff; padding: 15px; text-align: center;
    font-size: 0.65rem; font-weight: 900; letter-spacing: 2px;
}

#ux-pythagoras-vibration .ux-matrix-body { padding: 30px; flex: 1; display: flex; flex-direction: column; gap: 20px; }

#ux-pythagoras-vibration .ux-vibe-item {
    display: flex; align-items: center; gap: 20px;
}
#ux-pythagoras-vibration .ux-vibe-num {
    width: 45px; height: 45px; background: #FBF8FF; border: 1px solid rgba(109, 40, 217, 0.1);
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-weight: 900; color: var(--purp); font-size: 1.2rem;
}
#ux-pythagoras-vibration .ux-vibe-info strong { display: block; font-size: 1rem; color: var(--text); }
#ux-pythagoras-vibration .ux-vibe-info small { color: #999; font-size: 0.8rem; }

#ux-pythagoras-vibration .ux-matrix-footer {
    padding: 15px; background: #fafafa; border-top: 1px solid #eee;
    text-align: center; font-size: 0.65rem; color: #bbb; text-transform: uppercase;
}

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
    #ux-pythagoras-vibration .ux-pythagoras-prism { flex-direction: column; }
    #ux-pythagoras-vibration .ux-num-node { width: 60px; height: 60px; }
    #ux-pythagoras-vibration .ux-node-text { font-size: 1.8rem; }
    #ux-pythagoras-vibration .ux-floating-quote { font-size: 1.4rem; padding: 30px; }
}@media (max-width: 768px) {/* ============================================================
   FORCE RESPONSIVE RADICAL : PYTHAGORAS (#ux-pythagoras-vibration)
   ============================================================ */

    /* 1. RESET GLOBAL & SECTION */
    #ux-pythagoras-vibration {
        padding: 60px 0 80px 0 !important;
        overflow-x: hidden !important;
    }

    #ux-pythagoras-vibration .ux-container {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER NODE (L'AUTORITÉ CENTRÉE) */
    #ux-pythagoras-vibration .ux-root-header {
        margin-bottom: 45px !important;
        text-align: center !important;
    }

    #ux-pythagoras-vibration .ux-header-layout {
        flex-direction: column !important; /* Empilement vertical */
        align-items: center !important;
        text-align: center !important;
        gap: 15px !important;
        margin-bottom: 25px !important;
    }

    #ux-pythagoras-vibration .ux-num-node {
        width: 65px !important; /* Taille ajustée pour ne pas saturer */
        height: 65px !important;
        margin: 0 auto !important;
    }

    #ux-pythagoras-vibration .ux-node-text {
        font-size: 2rem !important;
    }

    #ux-pythagoras-vibration .ux-h2-title {
        font-size: 1.85rem !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
        padding: 0 10px;
    }

    /* Ligne de séparation centrée */
    #ux-pythagoras-vibration .ux-header-line {
        width: 80% !important;
        margin: 0 auto !important;
        background: linear-gradient(to right, transparent, var(--purp), transparent) !important;
    }

    /* 3. PRISM LAYOUT (LE FLUX NARRATIF) */
    #ux-pythagoras-vibration .ux-pythagoras-prism {
        flex-direction: column !important;
        gap: 40px !important;
    }

    #ux-pythagoras-vibration .ux-prism-content {
        padding: 0 5px !important;
    }

    #ux-pythagoras-vibration .ux-p-lead {
        font-size: 1.1rem !important;
        line-height: 1.6 !important;
        text-align: center !important;
        margin-bottom: 30px !important;
    }

    /* 4. FLOATING QUOTE (L'IMPACT MAÎTRISÉ) */
    #ux-pythagoras-vibration .ux-floating-quote {
        font-size: 1.35rem !important;
        line-height: 1.4 !important;
        padding: 35px 25px !important;
        border-radius: 15px !important;
        margin-bottom: 30px !important;
        text-align: left !important;
    }

    #ux-pythagoras-vibration .ux-floating-quote::before {
        font-size: 4rem !important;
        top: 5px !important;
        left: 10px !important;
    }

    #ux-pythagoras-vibration .ux-p-context {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }

    /* 5. VIBRATION MATRIX (LE COFFRE-FORT TACTILE) */
    #ux-pythagoras-vibration .ux-vibration-matrix {
        margin: 0 5px !important;
        border-radius: 20px !important;
        box-shadow: 0 15px 40px rgba(109, 40, 217, 0.08) !important;
    }

    #ux-pythagoras-vibration .ux-matrix-body {
        padding: 25px 20px !important;
        gap: 15px !important;
    }

    #ux-pythagoras-vibration .ux-vibe-item {
        gap: 15px !important;
    }

    #ux-pythagoras-vibration .ux-vibe-num {
        width: 40px !important;
        height: 40px !important;
        font-size: 1rem !important;
        flex-shrink: 0 !important;
    }

    #ux-pythagoras-vibration .ux-vibe-info strong {
        font-size: 0.95rem !important;
        line-height: 1.3 !important;
    }

    #ux-pythagoras-vibration .ux-vibe-info small {
        font-size: 0.75rem !important;
        line-height: 1.4 !important;
        display: block !important;
        margin-top: 2px !important;
    }
    
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-dd4a335 */#ux-destiny-processor {
    --wine: #8A1538;
    --amethyst: #6D28D9;
    --text: #1A0B2E;
    --muted: #564D65;
    --white: #ffffff;
    --glow: rgba(109, 40, 217, 0.1);
    
    padding: 100px 20px;
    background-color: var(--white);
    font-family: 'Inter', system-ui, sans-serif;
}

#ux-destiny-processor .ux-container { max-width: 1000px; margin: 0 auto; }

/* --- HEADER --- */
#ux-destiny-processor .ux-proc-header { margin-bottom: 60px; }
#ux-destiny-processor .ux-header-layout { display: flex; align-items: center; gap: 30px; margin-bottom: 25px; }

#ux-destiny-processor .ux-big-num { 
    font-size: 5rem; font-weight: 950; color: #F0F0F0; line-height: 1;
}

#ux-destiny-processor .ux-badge-tech {
    display: inline-block; padding: 4px 12px; background: #F3E8FF; color: var(--amethyst);
    border-radius: 5px; font-size: 0.75rem; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;
}

#ux-destiny-processor .ux-h2-title { font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 950; color: var(--text); line-height: 1.1; letter-spacing: -2px; }
#ux-destiny-processor .ux-gradient-text { background: linear-gradient(135deg, var(--amethyst), var(--wine)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* --- CALCULATOR LAB --- */
#ux-destiny-processor .ux-calculator-lab {
    background: #ffffff; border-radius: 40px; border: 1px solid rgba(0,0,0,0.06);
    padding: 60px; box-shadow: 0 40px 100px rgba(0,0,0,0.04);
}

#ux-destiny-processor .ux-lab-head { text-align: center; margin-bottom: 50px; }
#ux-destiny-processor .ux-h3-lab { font-size: 1.6rem; font-weight: 900; color: var(--text); margin-bottom: 10px; }
#ux-destiny-processor .ux-lab-head p { color: var(--muted); }

/* Logic Flow Row */
#ux-destiny-processor .ux-logic-flow { position: relative; max-width: 800px; margin: 0 auto; }
#ux-destiny-processor .ux-flow-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 40px; }

#ux-destiny-processor .ux-chip {
    flex: 1; background: #FBF8FF; padding: 25px 15px; border-radius: 20px;
    border: 1px solid rgba(109, 40, 217, 0.1); text-align: center;
}
#ux-destiny-processor .ux-chip-label { display: block; font-size: 0.65rem; font-weight: 900; color: var(--amethyst); letter-spacing: 2px; margin-bottom: 10px; }
#ux-destiny-processor .ux-chip-val { font-size: 1.8rem; font-weight: 900; color: var(--text); margin-bottom: 5px; font-family: monospace; }
#ux-destiny-processor .ux-chip-calc { font-size: 0.85rem; color: var(--muted); }
#ux-destiny-processor .ux-chip-calc strong { color: var(--wine); }

#ux-destiny-processor .ux-plus { font-size: 1.5rem; font-weight: 300; color: #DDD; }

/* Pipeline SVG */
#ux-destiny-processor .ux-pipeline { height: 40px; margin: -20px 0 20px; }

/* Result Dock */
#ux-destiny-processor .ux-result-dock {
    display: flex; align-items: center; justify-content: space-between;
    background: var(--text); color: #fff; padding: 30px 40px; border-radius: 30px;
    box-shadow: 0 20px 50px rgba(26, 11, 46, 0.2);
}
#ux-destiny-processor .ux-res-label { font-size: 0.7rem; font-weight: 800; color: var(--amethyst); letter-spacing: 2px; }
#ux-destiny-processor .ux-res-val { font-size: 1.3rem; font-family: monospace; margin-top: 5px; }

#ux-destiny-processor .ux-final-sticker {
    background: #ffffff; color: var(--text); padding: 15px 25px; border-radius: 20px;
    text-align: center; border: 2px solid var(--wine);
}
#ux-destiny-processor .ux-final-sticker small { display: block; font-size: 0.6rem; font-weight: 900; margin-bottom: 5px; color: var(--wine); }
#ux-destiny-processor .ux-final-num { font-size: 2.5rem; font-weight: 950; line-height: 1; }

/* Master Alert */
#ux-destiny-processor .ux-master-alert {
    margin-top: 50px; display: flex; align-items: center; gap: 20px;
    padding: 25px; background: #FFF5F7; border-radius: 20px; border: 1px dashed var(--wine);
}
#ux-destiny-processor .ux-alert-icon { font-size: 1.5rem; }
#ux-destiny-processor .ux-alert-text { font-size: 0.95rem; color: var(--muted); line-height: 1.5; }

/* --- RESPONSIVE --- */
@media (max-width: 800px) {
    #ux-destiny-processor .ux-flow-row { flex-direction: column; gap: 10px; }
    #ux-destiny-processor .ux-plus { transform: rotate(90deg); margin: 5px 0; }
    #ux-destiny-processor .ux-result-dock { flex-direction: column; gap: 20px; text-align: center; }
    #ux-destiny-processor .ux-pipeline { display: none; }
    #ux-destiny-processor .ux-calculator-lab { padding: 40px 20px; }
}@media (max-width: 768px) {/* ============================================================
   FORCE RESPONSIVE RADICAL : DESTINY PROCESSOR (#ux-destiny-processor)
   ============================================================ */

    /* 1. RESET GLOBAL & SECTION */
    #ux-destiny-processor {
        padding: 60px 0 80px 0 !important;
        overflow-x: hidden !important;
    }

    #ux-destiny-processor .ux-container {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER & NUMÉRO (L'AUTORITÉ DU CENTRE) */
    #ux-destiny-processor .ux-header-layout {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 15px !important;
        margin-bottom: 35px !important;
    }

    #ux-destiny-processor .ux-big-num {
        font-size: 3.5rem !important; /* Calibrage anti-collision */
        margin-bottom: 5px !important;
    }

    #ux-destiny-processor .ux-h2-title {
        font-size: 1.85rem !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
        padding: 0 10px;
    }

    /* 3. CALCULATOR LAB (LE LABORATOIRE TACTILE) */
    #ux-destiny-processor .ux-calculator-lab {
        padding: 35px 20px !important; /* Respiration récupérée */
        border-radius: 25px !important;
        margin: 0 5px !important;
    }

    #ux-destiny-processor .ux-lab-head {
        margin-bottom: 35px !important;
    }

    #ux-destiny-processor .ux-h3-lab {
        font-size: 1.4rem !important;
        line-height: 1.2 !important;
    }

    /* 4. LOGIC FLOW (L'ÉQUATION VERTICALE) */
    #ux-destiny-processor .ux-flow-row {
        flex-direction: column !important;
        gap: 15px !important;
        margin-bottom: 30px !important;
    }

    #ux-destiny-processor .ux-chip {
        width: 100% !important; /* Les puces occupent tout l'espace */
        box-sizing: border-box !important;
        padding: 20px 15px !important;
    }

    /* Le connecteur mathématique */
    #ux-destiny-processor .ux-plus {
        transform: none !important; /* Pas besoin de rotation pour un '+' */
        margin: 5px 0 !important;
        font-size: 2rem !important; /* On l'agrandit pour marquer la transition */
        color: var(--amethyst) !important; /* Une touche d'énergie */
        opacity: 0.5 !important;
    }

    #ux-destiny-processor .ux-pipeline {
        display: none !important; /* On confirme la disparition du SVG horizontal */
    }

    /* 5. RESULT DOCK (LA RÉVÉLATION) */
    #ux-destiny-processor .ux-result-dock {
        flex-direction: column !important;
        padding: 25px 20px !important;
        border-radius: 20px !important;
        gap: 20px !important;
        text-align: center !important;
    }

    #ux-destiny-processor .ux-res-val {
        font-size: 1.15rem !important;
    }

    #ux-destiny-processor .ux-final-sticker {
        width: 100% !important; /* Le sticker final devient un gros bloc impactant */
        box-sizing: border-box !important;
        padding: 20px !important;
    }

    /* 6. MASTER ALERT (LA MISE EN GARDE) */
    #ux-destiny-processor .ux-master-alert {
        flex-direction: column !important; /* Empilement icône / texte */
        text-align: center !important;
        padding: 20px !important;
        gap: 15px !important;
        margin-top: 35px !important;
    }

    #ux-destiny-processor .ux-alert-text {
        font-size: 0.95rem !important;
    }
    
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-26cc89b */#ux-numeric-mosaic {
    --wine: #8A1538;
    --amethyst: #6D28D9;
    --text: #1A0B2E;
    --muted: #564D65;
    --white: #ffffff;
    
    padding: 100px 20px;
    background-color: var(--white);
    font-family: 'Inter', system-ui, sans-serif;
    overflow: hidden;
}

#ux-numeric-mosaic .ux-container { max-width: 1200px; margin: 0 auto; }

/* --- HEADER --- */
#ux-numeric-mosaic .ux-mosaic-header { margin-bottom: 70px; }
#ux-numeric-mosaic .ux-index-wrapper { position: relative; display: inline-block; margin-bottom: 20px; }
#ux-numeric-mosaic .ux-index-bg {
    font-size: 8rem; font-weight: 950; color: rgba(109, 40, 217, 0.04);
    line-height: 0.8; letter-spacing: -5px; position: absolute; left: -20px; top: -40px;
}
#ux-numeric-mosaic .ux-h2-title {
    font-size: clamp(2rem, 5vw, 3rem); font-weight: 950; color: var(--text);
    position: relative; z-index: 2; margin: 0;
}
#ux-numeric-mosaic .ux-text-wine { color: var(--wine); }
#ux-numeric-mosaic .ux-p-lead { font-size: 1.2rem; color: var(--muted); max-width: 700px; margin-top: 15px; }

/* --- THE MOSAIC GRID --- */
#ux-numeric-mosaic .ux-mosaic-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 30px;
}

#ux-numeric-mosaic .ux-archetype-card {
    background: #ffffff; border-radius: 30px; padding: 50px 40px;
    position: relative; overflow: hidden;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 10px 40px rgba(0,0,0,0.02);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#ux-numeric-mosaic .ux-archetype-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(109, 40, 217, 0.08);
}

/* Le Chiffre Géant en fond de carte */
#ux-numeric-mosaic .ux-num-ghost {
    position: absolute; top: -10px; right: 10px;
    font-size: 10rem; font-weight: 950; color: rgba(0,0,0,0.02);
    line-height: 1; pointer-events: none; transition: 0.4s;
}
#ux-numeric-mosaic .ux-archetype-card:hover .ux-num-ghost {
    transform: scale(1.1); color: rgba(109, 40, 217, 0.04);
}

/* Bordures d'accentuation */
#ux-numeric-mosaic .ux-border-wine { border-top: 6px solid var(--wine); }
#ux-numeric-mosaic .ux-border-purp { border-top: 6px solid var(--amethyst); }

#ux-numeric-mosaic .ux-card-inner { position: relative; z-index: 2; }

#ux-numeric-mosaic .ux-h3-archetype {
    font-size: 1.6rem; font-weight: 900; color: var(--text); margin-bottom: 20px;
}

#ux-numeric-mosaic .ux-mission {
    font-size: 1rem; line-height: 1.6; color: var(--muted); margin-bottom: 35px; min-height: 60px;
}

/* Le Bloc "DÉFI" (Soul Challenge) */
#ux-numeric-mosaic .ux-soul-challenge {
    background: #FBF8FF; padding: 20px; border-radius: 20px;
    border: 1px dashed rgba(109, 40, 217, 0.2);
}
#ux-numeric-mosaic .ux-challenge-label {
    display: inline-block; font-size: 0.65rem; font-weight: 900; color: var(--amethyst);
    letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px;
}
#ux-numeric-mosaic .ux-soul-challenge p {
    margin: 0; font-size: 0.95rem; font-weight: 600; color: var(--text); line-height: 1.4;
}

/* Effet de lueur spécial pour les chiffres spirituels (7 par ex) */
#ux-numeric-mosaic .ux-card-glow {
    background: linear-gradient(180deg, #ffffff 0%, #FBF8FF 100%);
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
/* ============================================================
   FORCE RESPONSIVE RADICAL : NUMERIC MOSAIC (#ux-numeric-mosaic)
   ============================================================ */

    /* 1. RESET GLOBAL & SECTION */
    #ux-numeric-mosaic {
        padding: 60px 0 80px 0 !important;
        overflow-x: hidden !important;
    }

    #ux-numeric-mosaic .ux-container {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER & INDEX (L'AUTORITÉ CENTRÉE) */
    #ux-numeric-mosaic .ux-mosaic-header {
        margin-bottom: 45px !important;
        text-align: center !important;
    }

    #ux-numeric-mosaic .ux-index-wrapper {
        display: block !important;
        margin-bottom: 15px !important;
    }

    /* On dompte le chiffre géant de l'en-tête */
    #ux-numeric-mosaic .ux-index-bg {
        font-size: 4rem !important; 
        position: relative !important; /* Fin du positionnement absolu chaotique */
        left: 0 !important;
        top: 0 !important;
        margin-bottom: 5px !important;
        letter-spacing: -2px !important;
    }

    #ux-numeric-mosaic .ux-h2-title {
        font-size: 1.85rem !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
        padding: 0 10px;
    }

    #ux-numeric-mosaic .ux-p-lead {
        font-size: 1.05rem !important;
        text-align: center !important;
        line-height: 1.5 !important;
        padding: 0 10px;
        margin: 15px auto 0 !important;
    }

    /* 3. MOSAIC GRID (LE FLUX VERTICAL) */
    #ux-numeric-mosaic .ux-mosaic-grid {
        grid-template-columns: 1fr !important; /* Une seule colonne sur mobile */
        gap: 25px !important;
    }

    /* 4. ARCHETYPE CARDS (LE COCON TACTILE) */
    #ux-numeric-mosaic .ux-archetype-card {
        padding: 30px 20px !important; /* Respiration récupérée */
        border-radius: 20px !important;
        margin: 0 5px !important;
        transform: none !important; /* Stabilité tactile */
    }

    #ux-numeric-mosaic .ux-archetype-card:hover {
        transform: none !important;
        box-shadow: 0 15px 35px rgba(0,0,0,0.05) !important;
    }

    /* 5. GHOST NUMBER (LE FILIGRANE) */
    #ux-numeric-mosaic .ux-num-ghost {
        font-size: 5.5rem !important; /* On réduit pour ne pas masquer le texte */
        top: -5px !important;
        right: 5px !important;
        opacity: 0.6 !important; 
    }

    #ux-numeric-mosaic .ux-archetype-card:hover .ux-num-ghost {
        transform: none !important; /* Pas d'effet de zoom stressant sur mobile */
    }

    /* 6. TYPOGRAPHIE & DÉFIS */
    #ux-numeric-mosaic .ux-h3-archetype {
        font-size: 1.45rem !important;
        margin-bottom: 15px !important;
    }

    #ux-numeric-mosaic .ux-mission {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        margin-bottom: 25px !important;
        min-height: auto !important; /* On libère la hauteur, le texte s'adapte naturellement */
    }

    #ux-numeric-mosaic .ux-soul-challenge {
        padding: 20px 15px !important;
    }

    #ux-numeric-mosaic .ux-soul-challenge p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c977775 */#ux-chrono-forecast {
    --wine: #8A1538;
    --amethyst: #6D28D9;
    --text: #1A0B2E;
    --muted: #564D65;
    --white: #ffffff;
    
    padding: 100px 20px;
    background-color: var(--white);
    font-family: 'Inter', system-ui, sans-serif;
}

#ux-chrono-forecast .ux-container { max-width: 1100px; margin: 0 auto; }

/* --- HEADER DIGITAL --- */
#ux-chrono-forecast .ux-chrono-header { margin-bottom: 70px; }
#ux-chrono-forecast .ux-header-main { display: flex; align-items: center; gap: 35px; margin-bottom: 30px; }

#ux-chrono-forecast .ux-digital-index {
    font-size: 3.5rem; font-weight: 950; color: transparent;
    -webkit-text-stroke: 1.5px var(--amethyst); position: relative;
}
#ux-chrono-forecast .ux-index-glow {
    filter: drop-shadow(0 0 10px rgba(109, 40, 217, 0.3));
}

#ux-chrono-forecast .ux-badge-oracle {
    display: inline-block; padding: 4px 12px; background: #FBF8FF; color: var(--amethyst);
    border-radius: 5px; font-size: 0.75rem; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px;
}

#ux-chrono-forecast .ux-h2-title { font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 950; color: var(--text); line-height: 1.1; letter-spacing: -2.5px; margin: 0; }
#ux-chrono-forecast .ux-gradient-text { background: linear-gradient(135deg, var(--amethyst), var(--wine)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

#ux-chrono-forecast .ux-p-intro { font-size: 1.2rem; line-height: 1.7; color: var(--muted); max-width: 750px; }

/* --- DASHBOARD --- */
#ux-chrono-forecast .ux-forecast-dashboard {
    background: #ffffff; border-radius: 40px; border: 1px solid rgba(0,0,0,0.05);
    padding: 60px; box-shadow: 0 40px 100px rgba(0,0,0,0.03); overflow: hidden;
}

#ux-chrono-forecast .ux-dashboard-grid { display: flex; gap: 80px; align-items: center; }

/* Panel Orbital */
#ux-chrono-forecast .ux-meteo-panel { flex: 1; text-align: center; }
#ux-chrono-forecast .ux-h3-panel { font-size: 1.8rem; font-weight: 900; margin-bottom: 50px; }

#ux-chrono-forecast .ux-cycle-visual {
    width: 250px; height: 250px; margin: 0 auto 50px; position: relative;
}
#ux-chrono-forecast .ux-orbit-track {
    position: absolute; inset: 0; border: 1px dashed #EEE; border-radius: 50%;
    animation: rotation-douce 60s infinite linear;
}
@keyframes rotation-douce { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

#ux-chrono-forecast .ux-year-node {
    position: absolute; width: 40px; height: 40px; background: #fff; border: 1px solid #EEE;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-weight: 900; font-size: 0.8rem; color: var(--muted);
}
/* Placement des points clés sur l'orbite */
#ux-chrono-forecast .ux-node-1 { top: 0; left: 50%; transform: translate(-50%, -50%); }
#ux-chrono-forecast .ux-node-active { 
    top: 50%; right: 0; transform: translate(50%, -50%); 
    background: var(--amethyst); color: #fff; width: 60px; height: 60px; font-size: 0.9rem;
    box-shadow: 0 0 25px rgba(109, 40, 217, 0.4);
}
#ux-chrono-forecast .ux-node-8 { bottom: 0; left: 50%; transform: translate(-50%, 50%); }
#ux-chrono-forecast .ux-node-9 { top: 50%; left: 0; transform: translate(-50%, -50%); }

#ux-chrono-forecast .ux-orbit-center {
    position: absolute; inset: 60px; background: #FBF8FF; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; font-size: 2rem;
}

#ux-chrono-forecast .ux-meteo-legend { text-align: left; display: inline-block; }
#ux-chrono-forecast .ux-legend-item { display: flex; align-items: center; gap: 10px; font-size: 0.95rem; margin-bottom: 10px; color: var(--muted); }
#ux-chrono-forecast .ux-dot { width: 8px; height: 8px; border-radius: 50%; }
#ux-chrono-forecast .ux-bg-wine { background: var(--wine); }
#ux-chrono-forecast .ux-bg-purp { background: var(--amethyst); }
#ux-chrono-forecast .ux-bg-dark { background: var(--text); }

/* Panel Calcul */
#ux-chrono-forecast .ux-calc-panel { flex: 1; }
#ux-chrono-forecast .ux-image-wrap img { width: 100%; border-radius: 25px; margin-bottom: 30px; box-shadow: 0 15px 35px rgba(0,0,0,0.08); }

#ux-chrono-forecast .ux-calc-card {
    background: #F8FAFC; border-radius: 20px; padding: 35px; border-left: 6px solid var(--wine);
}
#ux-chrono-forecast .ux-h4-calc { font-size: 1.3rem; font-weight: 900; color: var(--wine); margin-bottom: 15px; }
#ux-chrono-forecast .ux-formula {
    background: #fff; padding: 15px; border-radius: 10px; border: 1px solid #EEE;
    font-family: monospace; font-size: 1.1rem; font-weight: 800; color: var(--text);
    text-align: center; margin-bottom: 25px;
}
#ux-chrono-forecast .ux-p-warning { font-size: 0.95rem; line-height: 1.6; color: var(--muted); margin: 0; }
#ux-chrono-forecast .ux-p-warning strong { color: var(--wine); }

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
    #ux-chrono-forecast .ux-dashboard-grid { flex-direction: column; gap: 40px; }
    #ux-chrono-forecast .ux-forecast-dashboard { padding: 40px 25px; }
    #ux-chrono-forecast .ux-header-main { flex-direction: column; align-items: flex-start; gap: 10px; }
}@media (max-width: 768px) {/* ============================================================
   FORCE RESPONSIVE RADICAL : CHRONO FORECAST (#ux-chrono-forecast)
   ============================================================ */

    /* 1. RESET GLOBAL & SECTION */
    #ux-chrono-forecast {
        padding: 60px 0 80px 0 !important;
        overflow-x: hidden !important;
    }

    #ux-chrono-forecast .ux-container {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER & INDEX (L'AUTORITÉ DU CENTRE) */
    #ux-chrono-forecast .ux-chrono-header {
        margin-bottom: 45px !important;
        text-align: center !important;
    }

    #ux-chrono-forecast .ux-header-main {
        flex-direction: column !important; /* Empilement vertical */
        align-items: center !important;
        text-align: center !important;
        gap: 15px !important;
        margin-bottom: 25px !important;
    }

    #ux-chrono-forecast .ux-digital-index {
        font-size: 3rem !important; /* Taille ajustée pour ne pas saturer */
        margin-bottom: 5px !important;
    }

    #ux-chrono-forecast .ux-h2-title {
        font-size: 1.85rem !important;
        line-height: 1.2 !important;
        letter-spacing: -1.5px !important; /* On relâche l'étreinte des lettres */
        padding: 0 10px;
    }

    #ux-chrono-forecast .ux-p-intro {
        font-size: 1.05rem !important;
        text-align: center !important;
        line-height: 1.6 !important;
        padding: 0 10px;
        margin: 0 auto !important;
    }

    /* 3. DASHBOARD (LE COCON TACTILE) */
    #ux-chrono-forecast .ux-forecast-dashboard {
        padding: 35px 20px !important; /* Respiration récupérée */
        border-radius: 25px !important;
        margin: 0 5px !important;
    }

    #ux-chrono-forecast .ux-dashboard-grid {
        flex-direction: column !important;
        gap: 45px !important;
    }

    /* 4. PANEL ORBITAL (L'ASTROLABE MOBILE) */
    #ux-chrono-forecast .ux-meteo-panel {
        width: 100% !important;
    }

    #ux-chrono-forecast .ux-h3-panel {
        font-size: 1.5rem !important;
        margin-bottom: 35px !important;
    }

    /* L'Orbite : Réduction calibrée pour éviter le scroll fantôme */
    #ux-chrono-forecast .ux-cycle-visual {
        width: 200px !important;
        height: 200px !important;
        margin: 0 auto 40px !important;
    }

    /* Les nœuds sur l'orbite : ajustement des tailles */
    #ux-chrono-forecast .ux-year-node {
        width: 35px !important;
        height: 35px !important;
        font-size: 0.75rem !important;
    }

    #ux-chrono-forecast .ux-node-active {
        width: 50px !important;
        height: 50px !important;
        font-size: 0.85rem !important;
    }

    #ux-chrono-forecast .ux-orbit-center {
        inset: 45px !important; /* Centre réduit proportionnellement */
        font-size: 1.5rem !important;
    }

    #ux-chrono-forecast .ux-meteo-legend {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* Centrage de la légende */
    }

    /* 5. PANEL CALCUL (L'ÉQUATION ET L'AVERTISSEMENT) */
    #ux-chrono-forecast .ux-calc-panel {
        width: 100% !important;
    }

    #ux-chrono-forecast .ux-image-wrap img {
        border-radius: 15px !important;
        margin-bottom: 25px !important;
    }

    #ux-chrono-forecast .ux-calc-card {
        padding: 25px 20px !important;
        border-left: none !important;
        border-top: 5px solid var(--wine) !important; /* L'accent passe en couronne */
        border-radius: 15px !important;
        text-align: center !important;
    }

    #ux-chrono-forecast .ux-h4-calc {
        font-size: 1.25rem !important;
        margin-bottom: 20px !important;
    }

    #ux-chrono-forecast .ux-formula {
        font-size: 1rem !important;
        padding: 12px !important;
        margin-bottom: 20px !important;
    }

    #ux-chrono-forecast .ux-p-warning {
        font-size: 0.95rem !important;
        text-align: left !important; /* On garde la justification à gauche pour le confort de lecture */
    }
    
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-05e9fb8 */#ux-soul-gps-final {
    --wine: #8A1538;
    --amethyst: #6D28D9;
    --text: #1A0B2E;
    --muted: #564D65;
    --white: #ffffff;
    
    padding: 100px 20px;
    background-color: var(--white);
    font-family: 'Inter', system-ui, sans-serif;
}

#ux-soul-gps-final .ux-container { max-width: 1000px; margin: 0 auto; }

/* --- HEADER GPS --- */
#ux-soul-gps-final .ux-gps-header { margin-bottom: 70px; }
#ux-soul-gps-final .ux-header-flex { display: flex; align-items: center; gap: 30px; margin-bottom: 30px; }

#ux-soul-gps-final .ux-gps-icon {
    width: 70px; height: 70px; background: var(--text); border-radius: 20px;
    display: flex; align-items: center; justify-content: center; position: relative;
}
#ux-soul-gps-final .ux-index-num { font-size: 2rem; font-weight: 900; color: #fff; z-index: 2; }
#ux-soul-gps-final .ux-ping-ring {
    position: absolute; inset: -10px; border: 2px solid var(--amethyst); border-radius: 25px;
    animation: gps-ping 2s infinite; opacity: 0;
}
@keyframes gps-ping { 
    0% { transform: scale(0.8); opacity: 0; } 50% { opacity: 0.5; } 100% { transform: scale(1.2); opacity: 0; }
}

#ux-soul-gps-final .ux-badge-nav {
    display: inline-block; padding: 4px 12px; background: rgba(109, 40, 217, 0.05);
    color: var(--amethyst); border-radius: 100px; font-size: 0.75rem; font-weight: 900;
    text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px;
}

#ux-soul-gps-final .ux-h2-title { font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 950; color: var(--text); letter-spacing: -2px; margin: 0; }
#ux-soul-gps-final .ux-text-wine { color: var(--wine); }

#ux-soul-gps-final .ux-p-lead { font-size: 1.25rem; line-height: 1.7; color: var(--muted); max-width: 750px; }

/* --- DASHBOARD SYSTEM --- */
#ux-soul-gps-final .ux-dashboard-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 30px; }

#ux-soul-gps-final .ux-nav-card {
    padding: 50px 40px; border-radius: 35px; border: 1px solid rgba(0,0,0,0.05);
    position: relative; transition: 0.4s; overflow: hidden;
}
#ux-soul-gps-final .ux-glass-purp { background: linear-gradient(135deg, #ffffff 0%, #FBF8FF 100%); }
#ux-soul-gps-final .ux-glass-wine { background: linear-gradient(135deg, #ffffff 0%, #FFF5F7 100%); }

#ux-soul-gps-final .ux-nav-card:hover { transform: translateY(-10px); box-shadow: 0 30px 60px rgba(0,0,0,0.05); }

#ux-soul-gps-final .ux-card-status {
    font-size: 0.65rem; font-weight: 900; letter-spacing: 2px; color: #AAA; margin-bottom: 30px;
}
#ux-soul-gps-final .ux-card-icon { font-size: 2.5rem; margin-bottom: 20px; }
#ux-soul-gps-final .ux-nav-card h3 { font-size: 1.5rem; font-weight: 900; margin-bottom: 20px; }

#ux-soul-gps-final .ux-glass-purp h3 { color: var(--amethyst); }
#ux-soul-gps-final .ux-glass-wine h3 { color: var(--wine); }

#ux-soul-gps-final .ux-nav-card p { font-size: 1.05rem; line-height: 1.7; color: var(--muted); margin-bottom: 30px; }

/* Barres de signal vibratoires */
#ux-soul-gps-final .ux-signal-bars { display: flex; gap: 4px; align-items: flex-end; height: 20px; opacity: 0.3; }
#ux-soul-gps-final .ux-signal-bars span { width: 4px; border-radius: 10px; background: currentColor; }
#ux-soul-gps-final .ux-signal-bars span:nth-child(1) { height: 20%; }
#ux-soul-gps-final .ux-signal-bars span:nth-child(2) { height: 40%; }
#ux-soul-gps-final .ux-signal-bars span:nth-child(3) { height: 70%; }
#ux-soul-gps-final .ux-signal-bars span:nth-child(4) { height: 90%; }
#ux-soul-gps-final .ux-signal-bars span:nth-child(5) { height: 60%; }

/* --- SYNC EXPERIENCE (FOOTER) --- */
#ux-soul-gps-final .ux-sync-experience {
    background: var(--text); border-radius: 35px; padding: 60px; color: #fff;
    position: relative; overflow: hidden;
}
#ux-soul-gps-final .ux-sync-label {
    display: flex; align-items: center; gap: 10px; font-size: 0.75rem; font-weight: 900;
    color: var(--amethyst); letter-spacing: 3px; margin-bottom: 30px;
}
#ux-soul-gps-final .ux-sync-pulse {
    width: 8px; height: 8px; background: var(--amethyst); border-radius: 50%;
    animation: sync-blink 1.5s infinite;
}
@keyframes sync-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }

#ux-soul-gps-final .ux-h4-sync { font-size: 1.8rem; font-weight: 900; margin-bottom: 20px; }
#ux-soul-gps-final .ux-sync-content p { font-size: 1.2rem; line-height: 1.8; color: rgba(255,255,255,0.7); max-width: 800px; margin-bottom: 40px; }
#ux-soul-gps-final .ux-link-amethyst { color: var(--amethyst); font-weight: 800; text-decoration: none; }

#ux-soul-gps-final .ux-formula-sync {
    display: inline-flex; align-items: center; gap: 15px; padding: 20px 35px;
    background: rgba(255,255,255,0.05); border-radius: 100px; border: 1px solid rgba(255,255,255,0.1);
    font-weight: 900; font-size: 1.1rem; letter-spacing: 1px;
}
#ux-soul-gps-final .ux-plus { color: var(--wine); }
#ux-soul-gps-final .ux-equal { color: var(--amethyst); }

/* --- RESPONSIVE --- */
@media (max-width: 850px) {
    #ux-soul-gps-final .ux-dashboard-grid { grid-template-columns: 1fr; }
    #ux-soul-gps-final .ux-sync-experience { padding: 40px 25px; }
    #ux-soul-gps-final .ux-formula-sync { flex-direction: column; border-radius: 20px; width: 100%; }
    #ux-soul-gps-final .ux-h4-sync { font-size: 1.4rem; }
}@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : SOUL GPS (#ux-soul-gps-final)
   ============================================================ */

    /* 1. RESET GLOBAL & SECTION */
    #ux-soul-gps-final {
        padding: 60px 0 80px 0 !important;
        overflow-x: hidden !important;
    }

    #ux-soul-gps-final .ux-container {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER & RADAR PING (L'AUTORITÉ DU CENTRE) */
    #ux-soul-gps-final .ux-gps-header {
        margin-bottom: 45px !important;
        text-align: center !important;
    }

    #ux-soul-gps-final .ux-header-flex {
        flex-direction: column !important; /* Empilement vertical */
        align-items: center !important;
        text-align: center !important;
        gap: 15px !important;
        margin-bottom: 25px !important;
    }

    /* Le capteur GPS mobile */
    #ux-soul-gps-final .ux-gps-icon {
        width: 60px !important;
        height: 60px !important;
        margin: 0 auto !important;
    }

    #ux-soul-gps-final .ux-index-num {
        font-size: 1.6rem !important;
    }

    #ux-soul-gps-final .ux-h2-title {
        font-size: 1.85rem !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important; /* Relâchement pour éviter les collisions */
        padding: 0 10px;
    }

    #ux-soul-gps-final .ux-p-lead {
        font-size: 1.05rem !important;
        text-align: center !important;
        line-height: 1.6 !important;
        padding: 0 10px;
        margin: 0 auto !important;
    }

    /* 3. DASHBOARD CARDS (LE COCON TACTILE) */
    #ux-soul-gps-final .ux-dashboard-grid {
        grid-template-columns: 1fr !important; /* Une seule colonne */
        gap: 25px !important;
    }

    #ux-soul-gps-final .ux-nav-card {
        padding: 35px 20px !important; /* Respiration récupérée */
        border-radius: 25px !important;
        margin: 0 5px !important;
        transform: none !important; /* Stabilité tactile Retina */
    }

    #ux-soul-gps-final .ux-nav-card:hover {
        transform: none !important;
        box-shadow: 0 15px 35px rgba(0,0,0,0.05) !important;
    }

    #ux-soul-gps-final .ux-nav-card h3 {
        font-size: 1.35rem !important;
        margin-bottom: 15px !important;
    }

    #ux-soul-gps-final .ux-nav-card p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        margin-bottom: 25px !important;
    }

    /* 4. SYNC EXPERIENCE FOOTER (LA SYNTHÈSE ABSOLUE) */
    #ux-soul-gps-final .ux-sync-experience {
        padding: 40px 20px 35px !important;
        border-radius: 25px !important;
        margin: 0 5px !important;
        text-align: center !important; /* On centre le message final */
    }

    #ux-soul-gps-final .ux-sync-label {
        justify-content: center !important; /* Centrage de l'étiquette clignotante */
        margin-bottom: 25px !important;
    }

    #ux-soul-gps-final .ux-h4-sync {
        font-size: 1.5rem !important;
        line-height: 1.2 !important;
    }

    #ux-soul-gps-final .ux-sync-content p {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
        margin-bottom: 30px !important;
    }

    /* 5. L'ÉQUATION FINALE (IMPACT MAXIMAL) */
    #ux-soul-gps-final .ux-formula-sync {
        flex-direction: column !important; /* L'équation s'empile verticalement */
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 25px 15px !important;
        border-radius: 20px !important;
        gap: 15px !important;
        font-size: 1rem !important;
    }

    #ux-soul-gps-final .ux-plus,
    #ux-soul-gps-final .ux-equal {
        font-size: 1.5rem !important; /* Les signes mathématiques deviennent des connecteurs forts */
        margin: 5px 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4f3074f8 */#ux-numeric-reveal-final {
    --indigo-deep: #1a237e;
    --indigo-bright: #3949ab;
    --amethyst: #6D28D9;
    --wine: #8A1538;
    --white: #ffffff;
    
    padding: 100px 20px;
    background-color: var(--white);
    font-family: 'Inter', system-ui, sans-serif;
}

#ux-numeric-reveal-final .ux-container { max-width: 900px; margin: 0 auto; }

/* --- LA CARTE REVEAL --- */
#ux-numeric-reveal-final .ux-reveal-card {
    background: linear-gradient(135deg, var(--indigo-deep), var(--indigo-bright));
    border-radius: 40px;
    padding: 80px 40px;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 30px 80px rgba(26, 35, 126, 0.4);
}

/* Pluie de chiffres en fond */
#ux-numeric-reveal-final .ux-matrix-bg {
    position: absolute; inset: 0;
    display: flex; justify-content: space-around;
    font-family: monospace; font-weight: 900; font-size: 10rem;
    color: rgba(255, 255, 255, 0.03);
    pointer-events: none; user-select: none;
}
#ux-numeric-reveal-final .ux-matrix-bg span:nth-child(even) { transform: translateY(20%); }

#ux-numeric-reveal-final .ux-reveal-content { position: relative; z-index: 2; }

/* L'Icone Coeur de Code */
#ux-numeric-reveal-final .ux-core-icon {
    width: 70px; height: 70px; background: rgba(255, 255, 255, 0.1);
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    margin: 0 auto 30px; position: relative;
}
#ux-numeric-reveal-final .ux-icon-star { color: #fff; font-size: 1.8rem; }
#ux-numeric-reveal-final .ux-pulse-ring {
    position: absolute; inset: -10px; border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%; animation: pulse-reveal 2s infinite;
}
@keyframes pulse-reveal { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.4); opacity: 0; } }

#ux-numeric-reveal-final .ux-h3-reveal {
    font-size: clamp(2rem, 5vw, 3rem); font-weight: 950; color: #fff;
    line-height: 1.1; margin-bottom: 25px; letter-spacing: -1.5px;
}
#ux-numeric-reveal-final .ux-text-bright { color: #81d4fa; }

#ux-numeric-reveal-final .ux-reveal-body { max-width: 600px; margin: 0 auto 50px; }
#ux-numeric-reveal-final .ux-p-iceberg { font-size: 1.3rem; color: #fff; font-weight: 600; margin-bottom: 20px; line-height: 1.5; }
#ux-numeric-reveal-final .ux-p-details { font-size: 1.1rem; color: rgba(255, 255, 255, 0.7); line-height: 1.7; }

/* LE BOUTON STELLAR */
#ux-numeric-reveal-final .ux-btn-stellar {
    display: inline-block; position: relative; padding: 22px 60px;
    background: #ffffff; color: var(--indigo-deep);
    border-radius: 100px; text-decoration: none;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}
#ux-numeric-reveal-final .ux-btn-stellar:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 25px 50px rgba(0,0,0,0.3);
}
#ux-numeric-reveal-final .ux-btn-glow {
    position: absolute; inset: -5px; background: #fff; opacity: 0.2;
    border-radius: 100px; filter: blur(10px); z-index: -1;
}

#ux-numeric-reveal-final .ux-btn-label { display: block; font-weight: 900; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 1px; }
#ux-numeric-reveal-final .ux-btn-subtext { display: block; font-size: 0.85rem; opacity: 0.6; margin-top: 5px; font-weight: 500; }

/* Footer tags */
#ux-numeric-reveal-final .ux-reveal-footer {
    margin-top: 50px; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;
}
#ux-numeric-reveal-final .ux-secure-tag {
    font-size: 0.75rem; font-weight: 800; color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase; letter-spacing: 1px;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
 /* ============================================================
   FORCE RESPONSIVE RADICAL : REVEAL FINAL (#ux-numeric-reveal-final)
   ============================================================ */

    /* 1. RESET GLOBAL & SECTION */
    #ux-numeric-reveal-final {
        padding: 60px 0 80px 0 !important;
        overflow-x: hidden !important;
    }

    #ux-numeric-reveal-final .ux-container {
        padding: 0 15px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. REVEAL CARD (L'ÉCRIN IMMERSIF) */
    #ux-numeric-reveal-final .ux-reveal-card {
        padding: 60px 20px 45px !important; /* Respiration ajustée */
        border-radius: 35px !important;
        margin: 0 5px !important;
        box-shadow: 0 20px 50px rgba(26, 35, 126, 0.3) !important;
    }

    /* La matrice domptée */
    #ux-numeric-reveal-final .ux-matrix-bg {
        font-size: 5rem !important; /* Taille calibrée pour mobile */
        opacity: 0.8 !important; /* Légère réduction pour protéger le texte */
    }

    /* 3. CORE ICON & TYPOGRAPHY (LE CŒUR DU MESSAGE) */
    #ux-numeric-reveal-final .ux-core-icon {
        width: 60px !important;
        height: 60px !important;
        margin-bottom: 25px !important;
    }

    #ux-numeric-reveal-final .ux-h3-reveal {
        font-size: 1.85rem !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
        margin-bottom: 20px !important;
        padding: 0 10px;
    }

    #ux-numeric-reveal-final .ux-p-iceberg {
        font-size: 1.15rem !important;
        line-height: 1.5 !important;
        margin-bottom: 20px !important;
        padding: 0 10px;
    }

    #ux-numeric-reveal-final .ux-p-details {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin-bottom: 35px !important;
        padding: 0 15px;
    }

    /* 4. BOUTON STELLAR (CONVERSION TACTILE SANS FRICTION) */
    #ux-numeric-reveal-final .ux-btn-stellar {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important; /* Cible 100% pour le pouce */
        padding: 20px 15px !important;
        box-sizing: border-box !important;
        justify-content: center !important;
        align-items: center !important;
        transform: none !important; /* Stabilité absolue */
    }

    #ux-numeric-reveal-final .ux-btn-stellar:hover {
        transform: none !important; /* On supprime le saut au scroll */
        box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;
    }

    #ux-numeric-reveal-final .ux-btn-label {
        font-size: 1.1rem !important;
    }

    #ux-numeric-reveal-final .ux-btn-subtext {
        font-size: 0.8rem !important;
        margin-top: 5px !important;
    }

    /* Contention du halo */
    #ux-numeric-reveal-final .ux-btn-glow {
        inset: -4px !important;
        filter: blur(12px) !important;
    }

    /* 5. FOOTER TAGS (LA RÉASSURANCE VERTICALE) */
    #ux-numeric-reveal-final .ux-reveal-footer {
        margin-top: 35px !important;
        flex-direction: column !important; /* Empilement des tags de sécurité */
        gap: 15px !important;
        align-items: center !important;
    }

    #ux-numeric-reveal-final .ux-secure-tag {
        font-size: 0.7rem !important;
        letter-spacing: 1.5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0beafdb *//* --- FAQ NUMÉROLOGIE : CLEMY MASTER SYSTEM --- */
#clemy-faq-numerologie {
    --purple: #6e1b89;
    --dark: #1e1036;
    --wine: #641235;
    --white: #ffffff;
    --lavender: #f3e5f5;
    --border-blueprint: rgba(110, 27, 137, 0.15);
    
    padding: clamp(60px, 12vw, 120px) 0;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
}

#clemy-faq-numerologie .faq-canvas {
    max-width: 900px; margin: 0 auto; padding: 0 25px;
}

/* --- HEADER --- */
#clemy-faq-numerologie .faq-header { text-align: center; margin-bottom: 60px; }

#clemy-faq-numerologie .kicker-badge {
    display: inline-block; background: var(--lavender); color: var(--purple);
    padding: 8px 22px; border-radius: 50px; font-size: 0.75rem; 
    font-weight: 900; text-transform: uppercase; letter-spacing: 3px;
    margin-bottom: 25px; border: 1px solid rgba(110, 27, 137, 0.1);
}

#clemy-faq-numerologie .display-title {
    font-family: 'Playfair Display', serif; font-size: clamp(2.4rem, 6vw, 3.5rem);
    font-weight: 900; line-height: 1.1; margin-bottom: 20px; color: var(--dark);
}

#clemy-faq-numerologie .text-gradient {
    background: linear-gradient(135deg, var(--purple), var(--wine));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

#clemy-faq-numerologie .faq-intro { font-size: 1.1rem; color: #666; max-width: 650px; margin: 0 auto; line-height: 1.6; }

/* --- ACCORDION SYSTEM --- */
#clemy-faq-numerologie .faq-accordion-group { display: flex; flex-direction: column; gap: 15px; }

#clemy-faq-numerologie .faq-item {
    background: #ffffff; border: 1px solid var(--border-blueprint); border-radius: 20px;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
}

#clemy-faq-numerologie .faq-item:hover {
    border-color: var(--purple);
    box-shadow: 0 15px 35px rgba(110, 27, 137, 0.06);
}

#clemy-faq-numerologie .faq-item[open] {
    border-color: var(--purple);
    box-shadow: 0 30px 60px rgba(30, 16, 54, 0.08);
}

/* Featured Math Styling */
#clemy-faq-numerologie .featured-math[open] { border-left: 6px solid var(--wine); }
#clemy-faq-numerologie .item-master[open] { border-left: 6px solid var(--purple); }

/* Summary Styling */
#clemy-faq-numerologie summary {
    padding: 28px 30px; cursor: pointer; list-style: none;
    display: flex; align-items: center; gap: 20px;
}

#clemy-faq-numerologie summary::-webkit-details-marker { display: none; }

#clemy-faq-numerologie .q-num {
    font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 900;
    color: var(--purple); opacity: 0.4; min-width: 35px;
}

#clemy-faq-numerologie .q-text {
    font-size: 1.05rem; font-weight: 700; color: var(--dark);
    flex-grow: 1; padding-right: 30px; line-height: 1.4;
}

/* Custom Chevron */
#clemy-faq-numerologie .q-chevron {
    width: 20px; height: 20px; position: relative; transition: 0.4s;
}

#clemy-faq-numerologie .q-chevron::before, 
#clemy-faq-numerologie .q-chevron::after {
    content: ''; position: absolute; top: 50%; left: 50%;
    width: 12px; height: 2px; background: var(--purple); transition: 0.4s;
}

#clemy-faq-numerologie .q-chevron::before { transform: translate(-50%, -50%) rotate(0deg); }
#clemy-faq-numerologie .q-chevron::after { transform: translate(-50%, -50%) rotate(90deg); }

#clemy-faq-numerologie .faq-item[open] .q-chevron { transform: rotate(45deg); }

/* Content Animation */
#clemy-faq-numerologie .faq-content {
    padding: 0 35px 35px 85px; color: #555;
    line-height: 1.8; font-size: 1rem;
    animation: faqMathFade 0.5s ease-out;
}

@keyframes faqMathFade {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* LaTeX Box Styling */
.math-box {
    background: #fafafa; border-radius: 12px; padding: 20px;
    margin-bottom: 20px; border: 1px dashed #ddd;
}
.latex-render { font-size: 1.4rem; color: var(--wine); text-align: center; margin: 10px 0; }

#clemy-faq-numerologie .faq-content strong { color: var(--wine); font-weight: 800; }

/* --- RESPONSIVE 2000% --- */
@media (max-width: 768px) {
    #clemy-faq-numerologie .faq-canvas { padding: 0 20px; }
    #clemy-faq-numerologie .faq-content { padding: 0 25px 30px 25px; }
    #clemy-faq-numerologie .q-num { display: none; }
    #clemy-faq-numerologie summary { padding: 25px; }
    #clemy-faq-numerologie .display-title { text-align: left; }
    #clemy-faq-numerologie .faq-intro { text-align: left; }/* ============================================================
   FORCE RESPONSIVE RADICAL : FAQ NUMÉROLOGIE (#clemy-faq-numerologie)
   ============================================================ */

    /* 1. RESET GLOBAL & SECTION */
    #clemy-faq-numerologie {
        padding: 60px 0 80px 0 !important;
        overflow-x: hidden !important;
    }

    #clemy-faq-numerologie .faq-canvas {
        padding: 0 15px !important; /* On maximise l'espace vital */
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. HEADER (L'AUTORITÉ DU CENTRE) */
    #clemy-faq-numerologie .faq-header {
        margin-bottom: 45px !important;
        text-align: center !important; /* Maintien du prestige institutionnel */
    }

    #clemy-faq-numerologie .display-title {
        font-size: 1.85rem !important; /* Calibrage anti-césure */
        line-height: 1.2 !important;
        text-align: center !important;
    }

    #clemy-faq-numerologie .faq-intro {
        font-size: 1rem !important;
        text-align: center !important;
        line-height: 1.5 !important;
        padding: 0 10px;
    }

    /* 3. ACCORDION SYSTEM (ERGONOMIE TACTILE) */
    #clemy-faq-numerologie .faq-accordion-group {
        gap: 12px !important;
    }

    #clemy-faq-numerologie summary {
        padding: 22px 18px !important; /* Zone de clic optimisée pour le pouce */
        gap: 12px !important;
    }

    /* On sacrifie le numéro pour l'espace mobile */
    #clemy-faq-numerologie .q-num {
        display: none !important;
    }

    #clemy-faq-numerologie .q-text {
        font-size: 0.95rem !important;
        padding-right: 5px !important;
        line-height: 1.4 !important;
        text-align: left !important;
    }

    #clemy-faq-numerologie .q-chevron {
        width: 16px !important;
        height: 16px !important;
        flex-shrink: 0;
    }

    /* 4. CONTENT & MATH BOX (L'ABLATION DU VIDE) */
    #clemy-faq-numerologie .faq-content {
        padding: 0 20px 25px 20px !important; /* RESET VITAL : suppression des 85px à gauche */
        font-size: 0.95rem !important;
        line-height: 1.7 !important;
        text-align: left !important;
    }

    /* Ajustement de la boîte d'équations pour mobile */
    #clemy-faq-numerologie .math-box {
        padding: 15px !important;
        margin-bottom: 15px !important;
        border-radius: 10px !important;
    }

    #clemy-faq-numerologie .latex-render {
        font-size: 1.15rem !important; /* On évite que l'équation ne déborde */
    }

    /* 5. ITEM SPECIFIC (LA COURONNE NUMÉRIQUE) */
    #clemy-faq-numerologie .featured-math[open],
    #clemy-faq-numerologie .item-master[open] {
        border-left: none !important;
        border-top: 5px solid var(--wine) !important; /* L'accent passe en haut */
    }

    #clemy-faq-numerologie .item-master[open] {
        border-top-color: var(--purple) !important;
    }

    /* Animation adoucie pour le mobile */
    @keyframes faqMathFadeMobile {
        from { opacity: 0; transform: translateY(-5px); }
        to { opacity: 1; transform: translateY(0); }
    }
    #clemy-faq-numerologie .faq-item[open] .faq-content {
        animation: faqMathFadeMobile 0.4s ease-out;
    }
}/* End custom CSS */