.elementor-4480 .elementor-element.elementor-element-b686e18{--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 );}.elementor-4480 .elementor-element.elementor-element-283f544{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-a59a7f1 */#ux-silent-oracle-dossier {
    --wine: #8A1538;
    --amethyst: #6D28D9;
    --text-dark: #1A0B2E;
    --text-muted: #564D65;
    --white: #ffffff;
    --bg-soft: #FDFDFD;
    
    padding: 100px 20px;
    background-color: var(--white);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--text-dark);
}

#ux-silent-oracle-dossier .ux-container { max-width: 1050px; margin: 0 auto; position: relative; }

/* --- HEADER EXPERT --- */
#ux-silent-oracle-dossier .ux-expert-header {
    text-align: center;
    padding: 80px 40px;
    background: linear-gradient(180deg, var(--bg-soft) 0%, #F4F8FB 100%);
    border-radius: 40px;
    border: 1px solid rgba(0,0,0,0.03);
    margin-bottom: 80px;
    position: relative;
}

#ux-silent-oracle-dossier .ux-badge-float {
    display: inline-flex; align-items: center; gap: 10px;
    background: #E3F2FD; color: #1565C0; padding: 8px 20px;
    border-radius: 100px; font-size: 0.75rem; font-weight: 900;
    letter-spacing: 2px; margin-bottom: 30px;
}

#ux-silent-oracle-dossier .ux-pulse-dot {
    width: 8px; height: 8px; background: #1565C0; border-radius: 50%;
    animation: badge-pulse 2s infinite;
}
@keyframes badge-pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.5); opacity: 0.5; } 100% { transform: scale(1); opacity: 1; } }

#ux-silent-oracle-dossier .ux-h1-monumental {
    font-size: clamp(2.2rem, 6vw, 3.8rem); font-weight: 950;
    line-height: 1.1; letter-spacing: -2.5px; margin: 0 0 30px 0;
}

#ux-silent-oracle-dossier .ux-gradient-text {
    background: linear-gradient(135deg, var(--wine), var(--amethyst));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

#ux-silent-oracle-dossier .ux-header-lead {
    max-width: 750px; margin: 0 auto; font-size: 1.25rem;
    line-height: 1.7; color: var(--text-muted);
}

#ux-silent-oracle-dossier .ux-scroll-indicator {
    margin-top: 40px; font-size: 1.5rem; color: var(--wine);
    animation: bounce 2s infinite;
}
@keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-10px);} 60% {transform: translateY(-5px);} }

/* --- CARTE RÈGLE D'OR --- */
#ux-silent-oracle-dossier .ux-golden-rule-card {
    display: flex; background: #ffffff; border-radius: 30px;
    overflow: hidden; box-shadow: 0 40px 100px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.03); margin-bottom: 80px;
}

#ux-silent-oracle-dossier .ux-rule-side { width: 15px; flex-shrink: 0; }
#ux-silent-oracle-dossier .ux-bg-wine { background: var(--wine); }

#ux-silent-oracle-dossier .ux-rule-content { padding: 50px; flex: 1; }

#ux-silent-oracle-dossier .ux-rule-label {
    font-size: 0.8rem; font-weight: 900; color: var(--wine);
    letter-spacing: 4px; text-transform: uppercase; margin-bottom: 25px;
}

#ux-silent-oracle-dossier .ux-p-main {
    font-size: 1.5rem; font-weight: 800; color: var(--text-dark);
    line-height: 1.3; margin-bottom: 30px; letter-spacing: -0.5px;
}

#ux-silent-oracle-dossier .ux-warning-box {
    background: #FFF5F7; border-radius: 20px; padding: 30px;
    border-left: 5px solid var(--wine);
}
#ux-silent-oracle-dossier .ux-warning-box p {
    margin: 0; font-size: 1.1rem; line-height: 1.6; color: var(--text-muted);
}
#ux-silent-oracle-dossier .ux-warning-box strong { color: var(--wine); font-weight: 900; }

/* --- ÉDITORIAL --- */
#ux-silent-oracle-dossier .ux-manifesto-editorial { padding: 0 20px; }
#ux-silent-oracle-dossier .ux-editorial-grid {
    display: grid; grid-template-columns: 1fr 1.5fr; gap: 60px; align-items: start;
}

#ux-silent-oracle-dossier .ux-p-highlight {
    font-size: 1.4rem; font-weight: 500; color: var(--text-dark);
    line-height: 1.6; border-right: 2px solid rgba(0,0,0,0.05); padding-right: 40px;
}

#ux-silent-oracle-dossier .ux-link-amethyst {
    color: var(--amethyst); font-weight: 800; text-decoration: none;
    border-bottom: 2px solid rgba(109, 40, 217, 0.2);
}

#ux-silent-oracle-dossier .ux-experience-badge {
    display: inline-flex; align-items: center; gap: 20px;
    margin: 30px 0; background: #FBF8FF; padding: 20px 30px;
    border-radius: 20px; border: 1px solid rgba(109, 40, 217, 0.1);
}

#ux-silent-oracle-dossier .ux-years {
    font-size: 2.2rem; font-weight: 950; color: var(--amethyst); line-height: 1;
}

#ux-silent-oracle-dossier .ux-exp-text {
    font-size: 0.9rem; font-weight: 800; color: var(--text-dark);
    text-transform: uppercase; letter-spacing: 1px; line-height: 1.3;
}

#ux-silent-oracle-dossier article p { font-size: 1.15rem; line-height: 1.8; color: var(--text-muted); }

/* --- RESPONSIVE --- */
@media (max-width: 850px) {
    #ux-silent-oracle-dossier .ux-expert-header { padding: 60px 20px; }
    #ux-silent-oracle-dossier .ux-rule-content { padding: 30px; }
    #ux-silent-oracle-dossier .ux-p-main { font-size: 1.25rem; }
    #ux-silent-oracle-dossier .ux-editorial-grid { grid-template-columns: 1fr; gap: 40px; }
    #ux-silent-oracle-dossier .ux-p-highlight { border-right: none; border-bottom: 2px solid rgba(0,0,0,0.05); padding: 0 0 30px 0; }
}@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : ORACLE DOSSIER (#ux-silent-oracle-dossier)
   ============================================================ */

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

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

    /* 2. HEADER MONUMENTAL (L'AUTORITÉ DU CENTRE) */
    #ux-silent-oracle-dossier .ux-expert-header {
        padding: 45px 15px 35px !important; /* Respiration ajustée */
        border-radius: 25px !important;
        margin: 0 5px 50px !important;
    }

    #ux-silent-oracle-dossier .ux-badge-float {
        font-size: 0.65rem !important;
        padding: 8px 15px !important;
        margin-bottom: 25px !important;
    }

    #ux-silent-oracle-dossier .ux-h1-monumental {
        font-size: 2rem !important; /* Calibrage anti-collision */
        line-height: 1.15 !important;
        letter-spacing: -1.5px !important; /* On relâche l'étreinte des lettres */
        padding: 0 5px;
        margin-bottom: 20px !important;
    }

    #ux-silent-oracle-dossier .ux-header-lead {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
        padding: 0 10px;
    }

    #ux-silent-oracle-dossier .ux-scroll-indicator {
        margin-top: 30px !important;
    }

    /* 3. GOLDEN RULE CARD (LE BOUCLIER DE CONFIANCE) */
    #ux-silent-oracle-dossier .ux-golden-rule-card {
        flex-direction: column !important; /* L'accent latéral devient un accent haut */
        border-radius: 25px !important;
        margin: 0 5px 50px !important;
    }

    #ux-silent-oracle-dossier .ux-rule-side {
        width: 100% !important;
        height: 6px !important; /* La barre passe en haut */
    }

    #ux-silent-oracle-dossier .ux-rule-content {
        padding: 35px 20px !important;
        text-align: center !important; /* On centre la règle d'or */
    }

    #ux-silent-oracle-dossier .ux-rule-label {
        font-size: 0.75rem !important;
        margin-bottom: 15px !important;
    }

    #ux-silent-oracle-dossier .ux-p-main {
        font-size: 1.3rem !important;
        margin-bottom: 25px !important;
        line-height: 1.4 !important;
    }

    #ux-silent-oracle-dossier .ux-warning-box {
        padding: 20px 15px !important;
        border-radius: 15px !important;
        border-left: none !important;
        border-top: 3px solid var(--wine) !important; /* Accord avec la nouvelle disposition */
        text-align: left !important; /* Retour à gauche pour la lecture */
    }

    #ux-silent-oracle-dossier .ux-warning-box p {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    /* 4. ÉDITORIAL GRID (LA LECTURE FLUIDE) */
    #ux-silent-oracle-dossier .ux-manifesto-editorial {
        padding: 0 5px !important;
    }

    #ux-silent-oracle-dossier .ux-editorial-grid {
        grid-template-columns: 1fr !important; /* Une seule colonne */
        gap: 35px !important;
    }

    #ux-silent-oracle-dossier .ux-p-highlight {
        font-size: 1.15rem !important;
        line-height: 1.6 !important;
        border-right: none !important;
        border-bottom: 2px solid rgba(0,0,0,0.05) !important;
        padding: 0 0 25px 0 !important;
        text-align: center !important; /* L'exergue devient une citation centrale */
    }

    /* 5. EXPERIENCE BADGE (LE SCEAU D'AUTORITÉ) */
    #ux-silent-oracle-dossier .ux-experience-badge {
        flex-direction: column !important; /* On empile les années et le texte */
        text-align: center !important;
        gap: 10px !important;
        padding: 25px 20px !important;
        border-radius: 15px !important;
        margin: 35px 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #ux-silent-oracle-dossier .ux-years {
        font-size: 2.5rem !important; /* On grossit le chiffre pour l'impact */
    }

    #ux-silent-oracle-dossier .ux-exp-text {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
    }

    #ux-silent-oracle-dossier article p {
        font-size: 1rem !important;
        line-height: 1.7 !important;
        margin-bottom: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f55310e */#ux-vibratory-capture {
    --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-vibratory-capture .ux-container { max-width: 1000px; margin: 0 auto; }

/* --- HEADER --- */
#ux-vibratory-capture .ux-capture-header { margin-bottom: 60px; }
#ux-vibratory-capture .ux-header-flex { display: flex; align-items: center; gap: 30px; margin-bottom: 30px; }

#ux-vibratory-capture .ux-index-glow {
    font-size: 3.5rem; font-weight: 950; color: #fff;
    background: var(--amethyst); width: 80px; height: 80px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 20px; box-shadow: 0 20px 40px rgba(109, 40, 217, 0.2);
}

#ux-vibratory-capture .ux-badge-vibe {
    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: 10px;
}

#ux-vibratory-capture .ux-h2-title {
    font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 950; color: var(--text);
    line-height: 1.1; letter-spacing: -2px; margin: 0;
}

#ux-vibratory-capture .ux-gradient-text {
    background: linear-gradient(135deg, var(--wine), var(--amethyst));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

#ux-vibratory-capture .ux-p-intro {
    font-size: 1.25rem; line-height: 1.7; color: var(--muted); max-width: 700px;
}

/* --- DASHBOARD MINUTE 1 --- */
#ux-vibratory-capture .ux-minute-one-dashboard {
    background: #ffffff; border-radius: 40px; border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 40px 100px rgba(0,0,0,0.03); overflow: hidden;
}

#ux-vibratory-capture .ux-dashboard-grid { display: flex; align-items: stretch; }

#ux-vibratory-capture .ux-analysis-panel { padding: 60px; flex: 1.2; position: relative; }

#ux-vibratory-capture .ux-live-indicator {
    display: flex; align-items: center; gap: 10px; font-size: 0.7rem;
    font-weight: 900; color: var(--wine); letter-spacing: 2px; margin-bottom: 20px;
}

#ux-vibratory-capture .ux-ping {
    width: 8px; height: 8px; background: var(--wine); border-radius: 50%;
    animation: pulse-ping 2s infinite;
}
@keyframes pulse-ping { 0% { box-shadow: 0 0 0 0 rgba(138, 21, 56, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(138, 21, 56, 0); } 100% { box-shadow: 0 0 0 0 rgba(138, 21, 56, 0); } }

#ux-vibratory-capture .ux-h3-panel { font-size: 1.8rem; font-weight: 900; color: var(--text); margin-bottom: 20px; }
#ux-vibratory-capture .ux-p-panel { font-size: 1.1rem; line-height: 1.7; color: var(--muted); margin-bottom: 35px; }

/* Nodes de Validation */
#ux-vibratory-capture .ux-node {
    display: flex; align-items: center; gap: 15px; margin-bottom: 12px;
    padding: 12px 20px; background: #FBF8FF; border-radius: 12px;
    border: 1px solid rgba(109, 40, 217, 0.05);
}
#ux-vibratory-capture .ux-node-icon { color: #10B981; font-weight: 900; }
#ux-vibratory-capture .ux-node-text { font-size: 0.95rem; font-weight: 700; color: var(--text); }

#ux-vibratory-capture .ux-panel-footer {
    margin-top: 35px; padding-top: 25px; border-top: 1px dashed rgba(0,0,0,0.1);
    font-size: 0.9rem; font-weight: 800; color: var(--amethyst); text-transform: uppercase; letter-spacing: 1px;
}

/* Panneau Visuel */
#ux-vibratory-capture .ux-visual-panel { flex: 0.8; background: #fafafa; display: flex; align-items: center; justify-content: center; padding: 40px; position: relative; }
#ux-vibratory-capture .ux-image-wrapper { position: relative; width: 100%; max-width: 320px; }
#ux-vibratory-capture .ux-image-wrapper img { width: 100%; border-radius: 30px; box-shadow: 0 30px 60px rgba(0,0,0,0.15); }

/* L'effet de vagues */
#ux-vibratory-capture .ux-wave-overlay {
    position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);
    display: flex; gap: 4px; align-items: flex-end; height: 40px;
}
#ux-vibratory-capture .ux-wave-overlay span {
    width: 4px; background: var(--wine); border-radius: 10px;
    animation: wave-rise 1.2s infinite ease-in-out;
}
#ux-vibratory-capture .ux-wave-overlay span:nth-child(1) { height: 40%; animation-delay: 0.1s; }
#ux-vibratory-capture .ux-wave-overlay span:nth-child(2) { height: 100%; animation-delay: 0.3s; }
#ux-vibratory-capture .ux-wave-overlay span:nth-child(3) { height: 60%; animation-delay: 0.2s; }
#ux-vibratory-capture .ux-wave-overlay span:nth-child(4) { height: 80%; animation-delay: 0.4s; }

@keyframes wave-rise { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(1.5); } }

/* --- RESPONSIVE --- */
@media (max-width: 850px) {
    #ux-vibratory-capture .ux-dashboard-grid { flex-direction: column; }
    #ux-vibratory-capture .ux-visual-panel { order: -1; padding: 30px; }
    #ux-vibratory-capture .ux-analysis-panel { padding: 40px 25px; }
}@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : VIBRATORY CAPTURE (#ux-vibratory-capture)
   ============================================================ */

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

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

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

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

    #ux-vibratory-capture .ux-index-glow {
        width: 65px !important; /* Calibrage anti-surcharge */
        height: 65px !important;
        font-size: 2.2rem !important;
        border-radius: 15px !important;
        margin: 0 auto !important;
        box-shadow: 0 15px 30px rgba(109, 40, 217, 0.15) !important;
    }

    #ux-vibratory-capture .ux-h2-title {
        font-size: 1.85rem !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important; /* Relâchement pour la lisibilité mobile */
        padding: 0 10px;
    }

    #ux-vibratory-capture .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 MINUTE 1 (LA SÉQUENCE ORGANIQUE) */
    #ux-vibratory-capture .ux-minute-one-dashboard {
        border-radius: 25px !important;
        margin: 0 5px !important;
    }

    #ux-vibratory-capture .ux-dashboard-grid {
        flex-direction: column !important; /* On annule la disposition horizontale */
    }

    /* 4. PANNEAU VISUEL (L'IMMERSION PRIORITAIRE) */
    #ux-vibratory-capture .ux-visual-panel {
        order: -1 !important; /* L'image passe toujours en premier sur mobile */
        padding: 40px 20px 30px !important; /* Espace optimisé */
        background: #F8F9FA !important; /* Un gris très doux pour la séparation */
    }

    #ux-vibratory-capture .ux-image-wrapper {
        max-width: 260px !important; /* On évite que l'image ne prenne 100% de la hauteur */
        margin: 0 auto !important;
    }

    #ux-vibratory-capture .ux-image-wrapper img {
        border-radius: 20px !important;
        box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;
    }

    /* Vagues vibratoires domptées */
    #ux-vibratory-capture .ux-wave-overlay {
        bottom: -15px !important; /* On remonte légèrement l'animation */
        height: 30px !important;
    }

    #ux-vibratory-capture .ux-wave-overlay span {
        width: 3px !important; /* Affinement pour plus d'élégance */
    }

    /* 5. PANNEAU D'ANALYSE (LE COCON DE LECTURE) */
    #ux-vibratory-capture .ux-analysis-panel {
        padding: 35px 20px !important; /* Respiration récupérée */
    }

    #ux-vibratory-capture .ux-live-indicator {
        justify-content: center !important; /* On centre le ping "LIVE" */
        margin-bottom: 25px !important;
        font-size: 0.75rem !important;
    }

    #ux-vibratory-capture .ux-h3-panel {
        font-size: 1.5rem !important;
        text-align: center !important;
        margin-bottom: 15px !important;
    }

    #ux-vibratory-capture .ux-p-panel {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        text-align: left !important; /* Le titre est centré, mais le paragraphe reste aligné pour le confort */
        margin-bottom: 30px !important;
    }

    /* 6. NODES DE VALIDATION (L'ERGONOMIE) */
    #ux-vibratory-capture .ux-node {
        padding: 15px !important;
        gap: 12px !important;
        border-radius: 10px !important;
    }

    #ux-vibratory-capture .ux-node-text {
        font-size: 0.9rem !important;
        line-height: 1.4 !important;
    }

    #ux-vibratory-capture .ux-panel-footer {
        text-align: center !important;
        margin-top: 30px !important;
        padding-top: 20px !important;
        font-size: 0.8rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-39b457c */#ux-trap-detector {
    --wine: #8A1538;
    --amethyst: #6D28D9;
    --text: #1A0B2E;
    --muted: #564D65;
    --white: #ffffff;
    --danger-bg: #FFF5F5;
    
    padding: 100px 20px;
    background-color: var(--white);
    font-family: 'Inter', system-ui, sans-serif;
}

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

/* --- HEADER --- */
#ux-trap-detector .ux-trap-header { margin-bottom: 70px; }
#ux-trap-detector .ux-header-layout { display: flex; align-items: center; gap: 30px; margin-bottom: 30px; }

#ux-trap-detector .ux-index-danger {
    font-size: 3.5rem; font-weight: 950; color: #fff;
    background: var(--wine); width: 85px; height: 85px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 25px; box-shadow: 0 20px 40px rgba(138, 21, 56, 0.2);
}

#ux-trap-detector .ux-badge-alert {
    display: inline-block; padding: 4px 12px; background: var(--danger-bg);
    color: var(--wine); border-radius: 100px; font-size: 0.75rem;
    font-weight: 900; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px;
}

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

#ux-trap-detector .ux-p-intro {
    font-size: 1.25rem; line-height: 1.7; color: var(--muted); max-width: 800px;
}

/* --- ANOMALY GRID --- */
#ux-trap-detector .ux-anomaly-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 30px;
    margin-bottom: 80px;
}

#ux-trap-detector .ux-anomaly-card {
    background: #ffffff; border-radius: 35px; border: 1px solid rgba(138, 21, 56, 0.1);
    position: relative; overflow: hidden; padding: 50px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.02);
}

/* L'effet de scan laser */
#ux-trap-detector .ux-card-scanner {
    position: absolute; top: 0; left: 0; width: 100%; height: 4px;
    background: linear-gradient(to right, transparent, var(--wine), transparent);
    animation: scan-vertical 4s infinite ease-in-out; opacity: 0.4;
}
@keyframes scan-vertical { 0% { top: 0; } 100% { top: 100%; } }

#ux-trap-detector .ux-h3-anomaly { font-size: 1.6rem; font-weight: 900; color: var(--wine); margin-bottom: 20px; line-height: 1.2; }
#ux-trap-detector .ux-h3-anomaly small { font-size: 0.9rem; color: var(--muted); font-weight: 500; }

#ux-trap-detector .ux-p-desc { font-size: 1.1rem; line-height: 1.6; color: var(--muted); margin-bottom: 30px; }

/* La citation interceptée */
#ux-trap-detector .ux-quote-intercept {
    background: #fdfdfd; padding: 25px; border-radius: 15px; border: 1px dashed #ddd;
    margin-bottom: 30px; position: relative;
}
#ux-trap-detector .ux-intercept-label {
    display: block; font-size: 0.65rem; font-weight: 900; color: #999;
    letter-spacing: 2px; margin-bottom: 10px;
}
#ux-trap-detector .ux-quote-intercept em { font-style: italic; color: var(--text); font-size: 1.05rem; }

/* Le Log d'Analyse (Style Code/Monospace) */
#ux-trap-detector .ux-analysis-log {
    background: var(--text); color: #fff; padding: 25px; border-radius: 15px;
    font-family: 'Courier New', Courier, monospace; font-size: 0.9rem;
}
#ux-trap-detector .ux-log-title { color: var(--wine); font-weight: 900; margin-bottom: 10px; display: block; }
#ux-trap-detector .ux-analysis-log p { margin: 0; line-height: 1.5; color: #ccc; }

/* --- CLÉMY SHIELD (LE FINAL) --- */
#ux-trap-detector .ux-clemy-shield {
    background: #FBF8FF; border-radius: 35px; padding: 50px;
    border: 1px solid rgba(109, 40, 217, 0.15);
    box-shadow: 0 30px 60px rgba(109, 40, 217, 0.05);
}

#ux-trap-detector .ux-shield-inner { display: flex; align-items: flex-start; gap: 40px; }

#ux-trap-detector .ux-shield-brand { flex-shrink: 0; text-align: center; }
#ux-trap-detector .ux-shield-icon {
    width: 60px; height: 60px; background: var(--amethyst); color: #fff;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    font-size: 1.8rem; font-weight: 900; margin-bottom: 15px;
    box-shadow: 0 10px 20px rgba(109, 40, 217, 0.3);
}
#ux-trap-detector .ux-shield-h4 { font-size: 1.2rem; font-weight: 900; color: var(--amethyst); text-transform: uppercase; letter-spacing: 1px; }

#ux-trap-detector .ux-shield-text p { font-size: 1.25rem; line-height: 1.7; color: var(--text); margin-bottom: 20px; }
#ux-trap-detector .ux-p-risk { font-size: 1.1rem !important; color: var(--amethyst) !important; font-style: italic; font-weight: 600; }

/* --- RESPONSIVE --- */
@media (max-width: 900px) {
    #ux-trap-detector .ux-anomaly-grid { grid-template-columns: 1fr; }
    #ux-trap-detector .ux-shield-inner { flex-direction: column; align-items: center; text-align: center; }
    #ux-trap-detector .ux-anomaly-card { padding: 40px 25px; }
}@media (max-width: 768px) {
    /* ============================================================
   FORCE RESPONSIVE RADICAL : TRAP DETECTOR (#ux-trap-detector)
   ============================================================ */

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

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

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

    #ux-trap-detector .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-trap-detector .ux-index-danger {
        width: 65px !important; /* Calibrage anti-surcharge */
        height: 65px !important;
        font-size: 2.2rem !important;
        border-radius: 15px !important;
        margin: 0 auto !important;
    }

    #ux-trap-detector .ux-h2-title {
        font-size: 1.85rem !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important; /* Relâchement pour la lisibilité mobile */
        padding: 0 10px;
    }

    #ux-trap-detector .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. ANOMALY GRID (LE FLUX VERTICAL) */
    #ux-trap-detector .ux-anomaly-grid {
        display: flex !important; /* On quitte la Grid pour un Flex plus souple */
        flex-direction: column !important;
        gap: 25px !important;
        margin-bottom: 50px !important;
    }

    /* 4. ANOMALY CARDS (LE COCON DE DÉTECTION) */
    #ux-trap-detector .ux-anomaly-card {
        padding: 35px 20px !important; /* Respiration récupérée */
        border-radius: 25px !important;
        margin: 0 5px !important;
        width: auto !important; /* Reset de la contrainte minmax(400px) */
    }

    #ux-trap-detector .ux-h3-anomaly {
        font-size: 1.4rem !important;
        margin-bottom: 15px !important;
    }

    #ux-trap-detector .ux-p-desc {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        margin-bottom: 25px !important;
    }

    /* 5. INTERCEPT & LOG (LA LECTURE TECHNIQUE) */
    #ux-trap-detector .ux-quote-intercept {
        padding: 20px 15px !important;
        border-radius: 12px !important;
        margin-bottom: 20px !important;
    }

    #ux-trap-detector .ux-quote-intercept em {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    #ux-trap-detector .ux-analysis-log {
        padding: 20px 15px !important;
        border-radius: 12px !important;
        font-size: 0.8rem !important; /* On réduit légèrement le monospace pour éviter le scroll */
    }

    /* 6. CLEMY SHIELD (LE BOUCLIER FINAL) */
    #ux-trap-detector .ux-clemy-shield {
        padding: 35px 20px !important;
        border-radius: 25px !important;
        margin: 0 5px !important;
    }

    #ux-trap-detector .ux-shield-inner {
        flex-direction: column !important; /* Icône au-dessus du texte */
        align-items: center !important;
        text-align: center !important;
        gap: 20px !important;
    }

    #ux-trap-detector .ux-shield-brand {
        margin: 0 auto !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #ux-trap-detector .ux-shield-icon {
        width: 50px !important;
        height: 50px !important;
        font-size: 1.5rem !important;
        margin-bottom: 10px !important;
    }

    #ux-trap-detector .ux-shield-h4 {
        font-size: 1.1rem !important;
    }

    #ux-trap-detector .ux-shield-text p {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
        margin-bottom: 15px !important;
    }

    #ux-trap-detector .ux-p-risk {
        font-size: 0.95rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f967e3e */#ux-pricing-trust-index {
    --wine: #8A1538;
    --amethyst: #6D28D9;
    --text: #1A0B2E;
    --muted: #564D65;
    --white: #ffffff;
    --safe-bg: #FBF8FF;
    
    padding: 100px 20px;
    background-color: var(--white);
    font-family: 'Inter', system-ui, sans-serif;
}

#ux-pricing-trust-index .ux-container { max-width: 1100px; margin: 0 auto; }

/* --- HEADER --- */
#ux-pricing-trust-index .ux-pricing-header { margin-bottom: 60px; }
#ux-pricing-trust-index .ux-header-layout { display: flex; align-items: center; gap: 30px; margin-bottom: 40px; }

#ux-pricing-trust-index .ux-index-box {
    font-size: 3.5rem; font-weight: 950; color: #fff;
    background: var(--wine); width: 85px; height: 85px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 25px; box-shadow: 0 20px 40px rgba(138, 21, 56, 0.2);
}

#ux-pricing-trust-index .ux-badge-ethic {
    display: inline-block; padding: 4px 12px; background: #FFF5F7;
    color: var(--wine); border-radius: 100px; font-size: 0.75rem;
    font-weight: 900; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px;
}

#ux-pricing-trust-index .ux-h2-title {
    font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 950; color: var(--text);
    line-height: 1.1; letter-spacing: -2px; margin: 0;
}

#ux-pricing-trust-index .ux-gradient-text {
    background: linear-gradient(135deg, var(--amethyst), var(--wine));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

#ux-pricing-trust-index .ux-myths-grid { display: flex; gap: 20px; }
#ux-pricing-trust-index .ux-myth-tag {
    background: #F5F5F5; padding: 12px 20px; border-radius: 12px;
    font-size: 0.95rem; color: var(--muted); display: flex; align-items: center; gap: 10px;
}
#ux-pricing-trust-index .ux-myth-icon { color: var(--wine); font-weight: 900; }

/* --- PRICING MAIN CARD --- */
#ux-pricing-trust-index .ux-pricing-main-card {
    background: #ffffff; border-radius: 40px; border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 40px 100px rgba(0,0,0,0.03); overflow: hidden; padding: 60px;
}

#ux-pricing-trust-index .ux-pricing-layout { display: flex; gap: 80px; align-items: start; }

#ux-pricing-trust-index .ux-pricing-info { flex: 1; }
#ux-pricing-trust-index .ux-h3-pricing { font-size: 1.8rem; font-weight: 900; color: var(--wine); margin-bottom: 25px; }
#ux-pricing-trust-index .ux-p-pricing { font-size: 1.15rem; line-height: 1.7; color: var(--muted); margin-bottom: 40px; }
#ux-pricing-trust-index .ux-image-frame img { width: 100%; border-radius: 25px; box-shadow: 0 20px 40px rgba(0,0,0,0.08); }

/* --- THE SPECTRUM (RIGHT COLUMN) --- */
#ux-pricing-trust-index .ux-trust-spectrum { flex: 1.2; position: relative; padding-left: 40px; }

/* La ligne verticale du spectre */
#ux-pricing-trust-index .ux-spectrum-line {
    position: absolute; left: 0; top: 20px; bottom: 20px; width: 4px;
    background: linear-gradient(to bottom, #EEE 0%, var(--amethyst) 50%, #EEE 100%);
    border-radius: 10px;
}

#ux-pricing-trust-index .ux-tier { position: relative; margin-bottom: 50px; }
#ux-pricing-trust-index .ux-tier:last-child { margin-bottom: 0; }

#ux-pricing-trust-index .ux-tier-marker {
    position: absolute; left: -48px; top: 0; width: 20px; height: 20px;
    background: #EEE; border: 4px solid #fff; border-radius: 50%;
}

/* Safe Zone Styling */
#ux-pricing-trust-index .ux-tier-safe {
    background: var(--safe-bg); padding: 35px; border-radius: 25px;
    border: 1px solid rgba(109, 40, 217, 0.1);
}
#ux-pricing-trust-index .ux-marker-glow {
    background: var(--amethyst); color: #fff; font-size: 0.7rem; font-weight: 900;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 0 20px rgba(109, 40, 217, 0.4);
}

#ux-pricing-trust-index .ux-tier-price { font-size: 1.4rem; font-weight: 900; color: var(--text); margin-bottom: 8px; }
#ux-pricing-trust-index .ux-tier-safe .ux-tier-price { color: var(--amethyst); font-size: 2rem; }

#ux-pricing-trust-index .ux-safe-label {
    display: inline-block; font-size: 0.7rem; font-weight: 900; color: var(--amethyst);
    letter-spacing: 2px; border: 1px solid var(--amethyst); padding: 4px 10px;
    border-radius: 5px; margin-bottom: 15px;
}

#ux-pricing-trust-index .ux-tier-content p { font-size: 1rem; line-height: 1.6; color: var(--muted); margin: 0; }

/* --- RESPONSIVE --- */
@media (max-width: 950px) {
    #ux-pricing-trust-index .ux-pricing-layout { flex-direction: column; gap: 50px; }
    #ux-pricing-trust-index .ux-myths-grid { flex-direction: column; }
    #ux-pricing-trust-index .ux-pricing-main-card { padding: 40px 25px; }
    #ux-pricing-trust-index .ux-trust-spectrum { padding-left: 30px; }
}@media (max-width: 768px) {/* ============================================================
   FORCE RESPONSIVE RADICAL : PRICING INDEX (#ux-pricing-trust-index)
   ============================================================ */

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

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

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

    #ux-pricing-trust-index .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-pricing-trust-index .ux-index-box {
        width: 65px !important; /* Calibrage anti-surcharge */
        height: 65px !important;
        font-size: 2.2rem !important;
        border-radius: 15px !important;
        margin: 0 auto !important;
    }

    #ux-pricing-trust-index .ux-h2-title {
        font-size: 1.85rem !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important; /* Relâchement pour la lisibilité mobile */
        padding: 0 10px;
    }

    /* 3. MYTHS GRID (LA CHECKLIST COMPACTE) */
    #ux-pricing-trust-index .ux-myths-grid {
        display: flex !important;
        flex-direction: column !important; /* Les mythes s'empilent */
        gap: 10px !important; /* Gap réduit pour un effet liste */
        margin-bottom: 30px !important;
    }

    #ux-pricing-trust-index .ux-myth-tag {
        font-size: 0.9rem !important;
        padding: 15px !important;
        border-radius: 12px !important;
        text-align: left !important;
        display: flex !important;
        align-items: center !important;
    }

    /* 4. PRICING MAIN CARD (LE COCON DE TRANSPARENCE) */
    #ux-pricing-trust-index .ux-pricing-main-card {
        padding: 35px 20px !important; /* Respiration récupérée */
        border-radius: 25px !important;
        margin: 0 5px !important;
    }

    #ux-pricing-trust-index .ux-pricing-layout {
        flex-direction: column !important;
        gap: 40px !important;
    }

    #ux-pricing-trust-index .ux-pricing-info {
        text-align: center !important; /* Centrage de l'explication */
    }

    #ux-pricing-trust-index .ux-h3-pricing {
        font-size: 1.5rem !important;
        margin-bottom: 15px !important;
    }

    #ux-pricing-trust-index .ux-p-pricing {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
        margin-bottom: 25px !important;
        text-align: left !important; /* On garde la justification à gauche pour le confort */
    }

    #ux-pricing-trust-index .ux-image-frame img {
        border-radius: 15px !important;
    }

    /* 5. TRUST SPECTRUM (L'ALIGNEMENT CHIRURGICAL) */
    #ux-pricing-trust-index .ux-trust-spectrum {
        padding-left: 25px !important; /* On libère de l'espace pour le texte */
    }

    #ux-pricing-trust-index .ux-spectrum-line {
        left: 0 !important;
        width: 3px !important; /* Ligne affinée */
    }

    #ux-pricing-trust-index .ux-tier {
        margin-bottom: 35px !important;
    }

    /* Sécurité absolue de l'alignement des points sur la ligne */
    #ux-pricing-trust-index .ux-tier-marker {
        left: -33px !important; /* Calcul exact par rapport au padding-left de 25px */
        width: 14px !important;
        height: 14px !important;
        border-width: 3px !important;
    }

    #ux-pricing-trust-index .ux-marker-glow {
        left: -38px !important; /* Ajustement pour la taille de la puce safe (généralement plus grande) */
        width: 25px !important;
        height: 25px !important;
        font-size: 0.6rem !important;
    }

    /* La zone de prix sécurisée */
    #ux-pricing-trust-index .ux-tier-safe {
        padding: 25px 15px !important;
        border-radius: 15px !important;
    }

    #ux-pricing-trust-index .ux-tier-safe .ux-tier-price {
        font-size: 1.6rem !important; /* Équilibre de taille */
    }

    #ux-pricing-trust-index .ux-tier-price {
        font-size: 1.25rem !important;
    }

    #ux-pricing-trust-index .ux-tier-content p {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }
    
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3e9b708 */#ux-command-center-identity {
    --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-command-center-identity .ux-container { max-width: 1100px; margin: 0 auto; }

/* --- HEADER COMMAND --- */
#ux-command-center-identity .ux-command-header { margin-bottom: 70px; }
#ux-command-center-identity .ux-header-flex { display: flex; align-items: center; gap: 30px; margin-bottom: 30px; }

#ux-command-center-identity .ux-index-pill {
    font-size: 2.5rem; font-weight: 950; color: #fff;
    background: var(--text); padding: 10px 30px;
    border-radius: 100px; box-shadow: 0 15px 30px rgba(26, 11, 46, 0.15);
}

#ux-command-center-identity .ux-badge-ethic {
    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: 10px;
}

#ux-command-center-identity .ux-h2-title {
    font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 950; color: var(--text);
    line-height: 1.1; letter-spacing: -2px; margin: 0;
}

#ux-command-center-identity .ux-gradient-text {
    background: linear-gradient(135deg, var(--amethyst), var(--wine));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}

#ux-command-center-identity .ux-p-lead {
    font-size: 1.25rem; line-height: 1.7; color: var(--muted); max-width: 800px;
}

/* --- COMMAND GRID --- */
#ux-command-center-identity .ux-command-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px;
}

#ux-command-center-identity .ux-command-card {
    background: #ffffff; border-radius: 35px; border: 1px solid rgba(0,0,0,0.05);
    padding: 50px 40px; position: relative; overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.03);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    display: flex; flex-direction: column; justify-content: space-between;
}

#ux-command-center-identity .ux-command-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 40px 80px rgba(109, 40, 217, 0.08);
}

/* Accentuation de couleur par carte */
#ux-command-center-identity .ux-card-amethyst { border-top: 5px solid var(--amethyst); }
#ux-command-center-identity .ux-card-wine { border-top: 5px solid var(--wine); }
#ux-command-center-identity .ux-card-dark { border-top: 5px solid var(--text); }

#ux-command-center-identity .ux-card-icon {
    font-size: 2.5rem; margin-bottom: 30px;
    background: #FBF8FF; width: 70px; height: 70px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 20px;
}

#ux-command-center-identity .ux-h3-card { font-size: 1.5rem; font-weight: 900; color: var(--text); margin-bottom: 15px; }
#ux-command-center-identity .ux-command-card p { font-size: 1rem; line-height: 1.7; color: var(--muted); margin-bottom: 30px; }
#ux-command-center-identity .ux-command-card strong { color: var(--text); }

/* Étiquette de statut en bas */
#ux-command-center-identity .ux-card-status {
    font-size: 0.7rem; font-weight: 900; color: #BBB;
    text-transform: uppercase; letter-spacing: 2px;
    padding-top: 20px; border-top: 1px dashed #EEE;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
/* ============================================================
   FORCE RESPONSIVE RADICAL : COMMAND CENTER (#ux-command-center-identity)
   ============================================================ */

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

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

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

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

    #ux-command-center-identity .ux-index-pill {
        font-size: 1.8rem !important; /* Calibrage pour ne pas écraser le titre */
        padding: 10px 25px !important;
        margin: 0 auto !important;
    }

    #ux-command-center-identity .ux-h2-title {
        font-size: 1.85rem !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important; /* Relâchement pour la lisibilité mobile */
        padding: 0 10px;
    }

    #ux-command-center-identity .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. COMMAND GRID (SÉCURITÉ ANTI-DÉBORDEMENT) */
    #ux-command-center-identity .ux-command-grid {
        grid-template-columns: 1fr !important; /* Force 1 colonne pour éviter le bug des 320px */
        gap: 25px !important;
    }

    /* 4. COMMAND CARDS (LE TABLEAU DE BORD) */
    #ux-command-center-identity .ux-command-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-command-center-identity .ux-command-card:hover {
        transform: none !important; /* Suppression du saut au scroll */
        box-shadow: 0 15px 35px rgba(0,0,0,0.05) !important;
    }

    #ux-command-center-identity .ux-card-icon {
        width: 60px !important;
        height: 60px !important;
        font-size: 2rem !important;
        margin-bottom: 20px !important;
    }

    #ux-command-center-identity .ux-h3-card {
        font-size: 1.35rem !important;
        margin-bottom: 15px !important;
    }

    #ux-command-center-identity .ux-command-card p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        margin-bottom: 25px !important;
    }

    #ux-command-center-identity .ux-card-status {
        padding-top: 15px !important;
        font-size: 0.65rem !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9019897 */#ux-facet-faq {
    padding: 100px 0;
    background: #ffffff;
    overflow: hidden;
}

.faq-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.faq-header { text-align: center; margin-bottom: 80px; }

.h2-gradient-facet {
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    background: linear-gradient(135deg, #1A0B2E, #8E44AD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.faq-main-layout {
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
}

/* --- LE DIAMANT --- */
.faq-visual-center {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 280px; height: 280px;
    z-index: 10;
}

.image-diamond-frame {
    width: 100%; height: 100%;
    transform: rotate(45deg);
    overflow: hidden;
    border: 10px solid #fff;
    box-shadow: 0 20px 50px rgba(142, 68, 173, 0.15);
    background: #fff;
}

.image-diamond-frame img {
    width: 150%; height: 150%;
    object-fit: cover;
    transform: rotate(-45deg) translate(-18%, -18%);
}

/* --- LA GRILLE --- */
.faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 180px 80px; /* On laisse de l'espace vertical pour le diamant */
}

.facet-card {
    background: #fdfbff;
    padding: 40px;
    border-radius: 35px;
    border: 1px solid rgba(0,0,0,0.02);
    transition: all 0.3s ease;
}

.facet-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,0.05); }

.facet-q h3 {
    font-size: 1.2rem;
    color: #1A0B2E;
    margin-bottom: 15px;
    font-weight: 800;
}

.card-amethyst .facet-q h3 { border-left: 4px solid #8E44AD; padding-left: 15px; }
.card-bordeaux .facet-q h3 { border-left: 4px solid #9A2A5B; padding-left: 15px; }

.facet-a {
    font-size: 1rem;
    color: #564D65;
    line-height: 1.7;
}

@media (max-width: 992px) {
    .faq-visual-center { display: none; }
    .faq-grid { grid-template-columns: 1fr; gap: 30px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-788e299 */#ux-clemy-final-call {
    --wine: #8A1538;
    --amethyst: #6D28D9;
    --midnight: #1A0B2E;
    --text: #1A0B2E;
    --muted: #564D65;
    --white: #ffffff;
    
    padding: 100px 20px;
    background-color: var(--white);
    font-family: 'Inter', system-ui, sans-serif;
}

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

/* --- CTA VOICE CARD --- */
#ux-clemy-final-call .ux-voice-cta-card {
    background: var(--midnight);
    border-radius: 40px;
    padding: 80px 40px;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 40px 100px rgba(26, 11, 46, 0.3);
}

/* Animation d'ondes sonores en fond */
#ux-clemy-final-call .ux-voice-waves {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    margin-bottom: 40px; height: 60px;
}
#ux-clemy-final-call .ux-voice-waves span {
    width: 6px; background: var(--wine); border-radius: 10px;
    animation: voice-vibe 1.5s infinite ease-in-out;
}
#ux-clemy-final-call .ux-voice-waves span:nth-child(1) { height: 30px; animation-delay: 0.1s; }
#ux-clemy-final-call .ux-voice-waves span:nth-child(2) { height: 60px; animation-delay: 0.3s; background: var(--amethyst); }
#ux-clemy-final-call .ux-voice-waves span:nth-child(3) { height: 45px; animation-delay: 0.2s; }
#ux-clemy-final-call .ux-voice-waves span:nth-child(4) { height: 55px; animation-delay: 0.4s; background: var(--amethyst); }
#ux-clemy-final-call .ux-voice-waves span:nth-child(5) { height: 25px; animation-delay: 0.5s; }

@keyframes voice-vibe { 0%, 100% { transform: scaleY(1); opacity: 0.5; } 50% { transform: scaleY(1.5); opacity: 1; } }

#ux-clemy-final-call .ux-cta-h3 {
    font-size: clamp(1.8rem, 5vw, 2.8rem); font-weight: 900; color: #fff;
    line-height: 1.1; margin-bottom: 25px; letter-spacing: -1.5px;
}
#ux-clemy-final-call .ux-text-glitch { color: var(--wine); }

#ux-clemy-final-call .ux-cta-p {
    font-size: 1.25rem; line-height: 1.7; color: rgba(255,255,255,0.7);
    max-width: 700px; margin: 0 auto 50px;
}

#ux-clemy-final-call .ux-btn-voice {
    display: inline-flex; align-items: center; gap: 20px;
    background: #ffffff; color: var(--midnight);
    padding: 20px 45px; border-radius: 100px; text-decoration: none;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}
#ux-clemy-final-call .ux-btn-voice:hover { transform: scale(1.05) translateY(-5px); }
#ux-clemy-final-call .ux-btn-icon { font-size: 1.5rem; }
#ux-clemy-final-call .ux-btn-text { font-size: 1.1rem; font-weight: 900; text-align: left; line-height: 1.2; text-transform: uppercase; }
#ux-clemy-final-call .ux-btn-text small { font-size: 0.9rem; font-weight: 500; opacity: 0.6; display: block; }

#ux-clemy-final-call .ux-trust-bar {
    margin-top: 40px; font-size: 0.8rem; font-weight: 800;
    color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: 2px;
}
#ux-clemy-final-call .ux-trust-sep { margin: 0 10px; color: var(--wine); }

/* --- KNOWLEDGE SHELF --- */
#ux-clemy-final-call .ux-knowledge-shelf { margin-top: 100px; }
#ux-clemy-final-call .ux-shelf-header { margin-bottom: 40px; display: flex; align-items: center; gap: 20px; }
#ux-clemy-final-call .ux-shelf-line { height: 2px; background: var(--wine); width: 40px; }
#ux-clemy-final-call .ux-shelf-title { font-size: 1.4rem; font-weight: 900; margin: 0; }

#ux-clemy-final-call .ux-shelf-grid { display: flex; flex-direction: column; gap: 15px; }

#ux-clemy-final-call .ux-shelf-item {
    display: flex; align-items: center; justify-content: space-between;
    padding: 25px 35px; background: #ffffff; border-radius: 20px;
    border: 1px solid rgba(0,0,0,0.05); text-decoration: none;
    transition: all 0.3s ease;
}
#ux-clemy-final-call .ux-shelf-item:hover {
    transform: translateX(15px); border-color: var(--amethyst);
    box-shadow: 0 15px 40px rgba(109, 40, 217, 0.05);
}

#ux-clemy-final-call .ux-item-tag {
    font-size: 0.65rem; font-weight: 900; padding: 4px 12px; border-radius: 5px;
    text-transform: uppercase; letter-spacing: 1px; margin-right: 25px; min-width: 80px; text-align: center;
}
#ux-clemy-final-call .ux-tag-wine { background: #FFF5F7; color: var(--wine); }
#ux-clemy-final-call .ux-tag-purp { background: #FBF8FF; color: var(--amethyst); }
#ux-clemy-final-call .ux-tag-dark { background: #F5F5F5; color: #666; }

#ux-clemy-final-call .ux-item-title { font-size: 1.1rem; font-weight: 700; color: var(--text); flex: 1; transition: color 0.3s; }
#ux-clemy-final-call .ux-shelf-item:hover .ux-item-title { color: var(--amethyst); }

#ux-clemy-final-call .ux-item-arrow { font-size: 1.2rem; color: #DDD; transition: transform 0.3s; }
#ux-clemy-final-call .ux-shelf-item:hover .ux-item-arrow { transform: translateX(5px); color: var(--wine); }

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
  /* ============================================================
   FORCE RESPONSIVE RADICAL : FINAL CALL (#ux-clemy-final-call)
   ============================================================ */

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

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

    /* 2. VOICE CTA CARD (L'ÉCRIN MAGNÉTIQUE) */
    #ux-clemy-final-call .ux-voice-cta-card {
        padding: 60px 20px 45px !important; /* Respiration ajustée */
        border-radius: 35px !important;
        margin: 0 5px !important;
        box-shadow: 0 25px 60px rgba(26, 11, 46, 0.4) !important;
    }

    #ux-clemy-final-call .ux-voice-waves {
        margin-bottom: 25px !important;
        height: 50px !important; /* Ondes légèrement réduites pour l'harmonie */
    }

    #ux-clemy-final-call .ux-voice-waves span {
        width: 5px !important;
    }

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

    #ux-clemy-final-call .ux-cta-p {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
        margin-bottom: 35px !important;
        padding: 0 10px;
    }

    /* 3. BOUTON VOICE (CONVERSION TACTILE SANS FRICTION) */
    #ux-clemy-final-call .ux-btn-voice {
        display: flex !important;
        width: 100% !important; /* Pleine largeur 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 */
        gap: 15px !important;
        border-radius: 20px !important;
    }

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

    #ux-clemy-final-call .ux-btn-icon {
        font-size: 1.3rem !important;
    }

    #ux-clemy-final-call .ux-btn-text {
        font-size: 1rem !important;
    }

    #ux-clemy-final-call .ux-btn-text small {
        font-size: 0.8rem !important;
    }

    /* Trust Bar en colonne pour éviter les césures */
    #ux-clemy-final-call .ux-trust-bar {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin-top: 30px !important;
        font-size: 0.7rem !important;
    }

    #ux-clemy-final-call .ux-trust-sep {
        display: none !important; /* On cache les séparateurs verticaux */
    }

    /* 4. KNOWLEDGE SHELF (LE MENU TACTILE) */
    #ux-clemy-final-call .ux-knowledge-shelf {
        margin-top: 60px !important;
    }

    #ux-clemy-final-call .ux-shelf-header {
        margin-bottom: 30px !important;
        justify-content: center !important; /* Titre centré */
    }

    #ux-clemy-final-call .ux-shelf-grid {
        gap: 12px !important;
    }

    #ux-clemy-final-call .ux-shelf-item {
        padding: 20px !important;
        flex-direction: column !important; /* Empilement Tag + Titre */
        align-items: flex-start !important;
        gap: 15px !important;
        border-radius: 15px !important;
        transform: none !important; /* Stabilité tactile */
        margin: 0 5px !important;
    }

    #ux-clemy-final-call .ux-shelf-item:hover {
        transform: none !important; /* Suppression des effets de glissement */
        box-shadow: 0 10px 25px rgba(109, 40, 217, 0.05) !important;
    }

    #ux-clemy-final-call .ux-item-tag {
        margin-right: 0 !important; /* Reset margin */
        padding: 6px 15px !important;
        font-size: 0.7rem !important;
    }

    #ux-clemy-final-call .ux-item-title {
        font-size: 1.05rem !important;
        line-height: 1.4 !important;
        width: 100% !important;
    }

    #ux-clemy-final-call .ux-item-arrow {
        display: none !important; /* Flèche masquée pour épurer */
    }
}/* End custom CSS */