.elementor-4177 .elementor-element.elementor-element-724d1513{--display:flex;}.elementor-4177 .elementor-element.elementor-element-292e406{--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 );}/* Start custom CSS for text-editor, class: .elementor-element-d354efa */#ux-insight-prestige {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #1A0B2E;
    --text-muted: #564D65;
    --bg-white: #ffffff;
    
    padding: 140px 20px;
    background-color: var(--bg-white);
    font-family: 'Inter', system-ui, sans-serif;
    position: relative;
    overflow: hidden;
}

#ux-insight-prestige .ux-container {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

/* --- DÉCOR VIBRATOIRE --- */
#ux-insight-prestige .ux-shape-aura {
    position: absolute;
    top: -10%; left: 50%;
    transform: translateX(-50%);
    width: 120%; height: 500px;
    background: radial-gradient(circle, rgba(142, 68, 173, 0.04) 0%, transparent 70%);
    z-index: 1;
}

/* --- H1 MONUMENTAL --- */
#ux-insight-prestige .ux-header-hero {
    text-align: center;
    margin-bottom: 100px;
}

#ux-insight-prestige .ux-badge-top {
    display: inline-block;
    padding: 8px 20px;
    background: rgba(142, 68, 173, 0.05);
    border: 1px solid rgba(142, 68, 173, 0.15);
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: var(--amethyst);
    margin-bottom: 35px;
}

#ux-insight-prestige .ux-h1-massive {
    font-size: clamp(2.5rem, 7vw, 4.2rem);
    font-weight: 950;
    color: var(--text-dark);
    line-height: 1.05;
    letter-spacing: -4px;
    margin: 0;
}

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

#ux-insight-prestige .ux-h1-massive small {
    display: block;
    font-size: clamp(1rem, 2.5vw, 1.4rem);
    font-weight: 400;
    color: var(--text-muted);
    letter-spacing: 0;
    margin-top: 30px;
}

/* --- CAPSULE SAVIEZ-VOUS --- */
#ux-insight-prestige .ux-insight-capsule {
    background: #ffffff;
    border-radius: 40px;
    padding: 50px;
    border: 1px solid rgba(0,0,0,0.03);
    box-shadow: 0 40px 100px rgba(45, 30, 64, 0.05);
    margin-bottom: 100px;
    position: relative;
    transition: transform 0.4s ease;
}

#ux-insight-prestige .ux-insight-capsule:hover {
    transform: translateY(-5px);
}

#ux-insight-prestige .ux-capsule-inner {
    display: flex;
    gap: 40px;
    align-items: center;
}

/* Visualisation onde sonore */
#ux-insight-prestige .ux-vibe-visual {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 40px;
}

#ux-insight-prestige .ux-bar {
    width: 3px;
    background: var(--amethyst);
    border-radius: 10px;
    animation: vibe-height 1.2s infinite ease-in-out;
}

#ux-insight-prestige .ux-bar:nth-child(1) { height: 15px; animation-delay: 0.1s; }
#ux-insight-prestige .ux-bar:nth-child(2) { height: 35px; animation-delay: 0.3s; }
#ux-insight-prestige .ux-bar:nth-child(3) { height: 25px; animation-delay: 0.2s; }
#ux-insight-prestige .ux-bar:nth-child(4) { height: 30px; animation-delay: 0.4s; }

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

#ux-insight-prestige .ux-insight-label {
    font-size: 0.8rem;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--wine);
    letter-spacing: 2px;
    margin: 0 0 15px 0;
}

#ux-insight-prestige .ux-insight-p {
    font-size: 1.25rem;
    line-height: 1.7;
    color: var(--text-dark);
    margin-bottom: 10px;
}

#ux-insight-prestige .ux-insight-tag {
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--text-muted);
    letter-spacing: 1px;
}

/* --- RÉCIT ÉDITORIAL --- */
#ux-insight-prestige .ux-editorial-intro {
    max-width: 800px;
    margin: 0 auto;
}

#ux-insight-prestige .ux-p-dropcap::first-letter {
    float: left;
    font-size: 5rem;
    font-weight: 950;
    line-height: 0.8;
    margin-right: 15px;
    margin-top: 10px;
    background: linear-gradient(135deg, var(--amethyst), var(--wine));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#ux-insight-prestige .ux-p-dropcap, 
#ux-insight-prestige .ux-p-lead {
    font-size: 1.35rem;
    line-height: 1.9;
    color: var(--text-muted);
    margin-bottom: 40px;
}

#ux-insight-prestige .ux-divider-line {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 60px 0;
}

#ux-insight-prestige .ux-divider-line::before,
#ux-insight-prestige .ux-divider-line::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(0,0,0,0.05);
}

#ux-insight-prestige .ux-dot {
    width: 6px; height: 6px;
    background: var(--wine);
    border-radius: 50%;
    margin: 0 20px;
}

#ux-insight-prestige .ux-final-intro-hook {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--text-dark);
    margin-top: 40px;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    #ux-insight-prestige { padding: 80px 20px; }
    #ux-insight-prestige .ux-capsule-inner { flex-direction: column; text-align: center; }
    #ux-insight-prestige .ux-h1-massive { font-size: 2.2rem; }
    #ux-insight-prestige .ux-p-dropcap, #ux-insight-prestige .ux-p-lead { font-size: 1.15rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2f48cce *//* --- VARIABLES GLOBALES & RESET --- */
:root {
    --wine: #9A2A5B;
    --amethyst: #8E44AD;
    --text-dark: #1A0B2E;
    --text-muted: #564D65;
    --bg-white: #ffffff;
    --gradient-main: linear-gradient(135deg, #8E44AD, #9A2A5B);
}

.ux-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 10;
}

/* --- TYPOGRAPHIE & TITRES --- */
.ux-gradient-text {
    background: var(--gradient-main);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ux-h2-title {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 900;
    color: var(--text-dark);
    line-height: 1.1;
    letter-spacing: -2px;
}

/* --- SECTION 01 : PRESTIGE (HERO) --- */
#ux-insight-prestige {
    padding: 120px 0;
    background: var(--bg-white);
    position: relative;
    overflow: hidden;
}

.ux-shape-aura {
    position: absolute;
    top: -10%; left: 50%; transform: translateX(-50%);
    width: 120%; height: 600px;
    background: radial-gradient(circle, rgba(142, 68, 173, 0.05) 0%, transparent 70%);
}

.ux-badge-top {
    display: inline-block;
    padding: 6px 16px;
    background: rgba(142, 68, 173, 0.05);
    border: 1px solid rgba(142, 68, 173, 0.1);
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 3px;
    color: var(--amethyst);
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* --- SECTION 02 : SANCTUARY (GRIDS & CARDS) --- */
#ux-intimacy-sanctuary, #ux-final-validation-sanctuary {
    padding: 100px 0;
    background: #fcfaff;
}

.ux-section-header { margin-bottom: 60px; position: relative; }
.ux-number-bg {
    position: absolute; top: -40px; left: -20px;
    font-size: 8rem; font-weight: 900; color: rgba(142, 68, 173, 0.03);
    z-index: -1;
}

.ux-sanctuary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.ux-sanctuary-card {
    background: #fff; padding: 40px; border-radius: 30px;
    border: 1px solid rgba(0,0,0,0.03);
    box-shadow: 0 20px 40px rgba(0,0,0,0.02);
    transition: all 0.4s ease;
    position: relative; overflow: hidden;
}

.ux-sanctuary-card:hover { transform: translateY(-10px); box-shadow: 0 40px 80px rgba(142, 68, 173, 0.1); }

/* --- SECTION 03 : VOICE FREQUENCY (WAVES & LOGIC) --- */
.ux-signature-vibe {
    display: flex; align-items: center; gap: 40px;
    padding: 40px; background: var(--text-dark); border-radius: 30px;
    color: #fff; margin-bottom: 40px;
}

.ux-vibe-visual, .ux-wave-bar { display: flex; gap: 4px; align-items: center; }
.ux-bar, .ux-wave-bar {
    width: 4px; background: var(--amethyst); border-radius: 10px;
    animation: vibe-height 1.2s infinite ease-in-out;
}

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

.ux-duel-logic { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; position: relative; }
.ux-logic-point { padding: 30px; border-radius: 20px; background: #f9f9f9; position: relative; }
.ux-point-marker { 
    width: 40px; height: 40px; border-radius: 50%; 
    display: flex; align-items: center; justify-content: center;
    font-weight: 900; margin-bottom: 15px;
}
.ux-point-negative .ux-point-marker { background: #ffeef2; color: #d63031; }
.ux-point-positive .ux-point-marker { background: #eefdf3; color: #27ae60; }

/* --- SECTION FAQ : GALLERY --- */
.ux-faq-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.ux-faq-card { background: #fff; border: 1px solid #eee; border-radius: 20px; padding: 30px; }
.ux-q-number { color: var(--amethyst); font-weight: 900; opacity: 0.3; font-size: 1.5rem; }
.ux-card-separator { height: 1px; background: #eee; margin: 20px 0; }
.ux-a-signature { font-size: 0.7rem; font-weight: 900; text-transform: uppercase; color: var(--wine); margin-top: 15px; }

/* --- SECTION FINALE : CTA RADAR --- */
#ux-midnight-finale { padding: 100px 0; }
.ux-gravity-card {
    background: var(--text-dark); border-radius: 50px; padding: 80px 40px;
    text-align: center; color: #fff; position: relative; overflow: hidden;
}

.ux-radar-system { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.ux-ring {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    border: 1px solid rgba(142, 68, 173, 0.2); border-radius: 50%;
    animation: radar-grow 4s infinite linear;
}
.ux-ring-1 { width: 200px; height: 200px; }
.ux-ring-2 { width: 400px; height: 400px; animation-delay: 1s; }
.ux-ring-3 { width: 600px; height: 600px; animation-delay: 2s; }

@keyframes radar-grow {
    0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
    50% { opacity: 0.5; }
    100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }
}

.ux-action-center {
    display: inline-flex; align-items: center; gap: 20px;
    background: #fff; padding: 15px 40px; border-radius: 100px;
    margin-top: 40px; cursor: pointer; transition: 0.3s;
}
.ux-action-center:hover { transform: scale(1.05); box-shadow: 0 20px 40px rgba(142, 68, 173, 0.3); }
.ux-btn-main { display: block; color: var(--text-dark); font-weight: 900; }
.ux-btn-sub { font-size: 0.8rem; color: var(--amethyst); }

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .ux-duel-logic { grid-template-columns: 1fr; }
    .ux-signature-vibe { flex-direction: column; text-align: center; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83832e8 */#ux-couple-synergy-signature {
    padding: 100px 0;
    background: #ffffff;
}

/* Style spécifique pour la boîte de note "Expert" */
.ux-consultant-note-box {
    margin-top: 60px;
    background: linear-gradient(to right, rgba(142, 68, 173, 0.05), rgba(154, 42, 91, 0.05));
    border-left: 4px solid var(--amethyst);
    padding: 40px;
    border-radius: 0 30px 30px 0;
    display: flex;
    gap: 25px;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.ux-consultant-note-box::after {
    content: '"';
    position: absolute;
    right: 20px;
    bottom: -20px;
    font-size: 10rem;
    color: rgba(142, 68, 173, 0.03);
    font-family: serif;
}

.ux-note-icon {
    font-size: 2.5rem;
    filter: drop-shadow(0 5px 15px rgba(142, 68, 173, 0.2));
}

.ux-note-content p {
    font-size: 1.2rem;
    line-height: 1.7;
    color: var(--text-dark);
    margin: 0;
}

/* Animation des ondes doublée pour le couple */
.ux-wave-bar {
    background: var(--gradient-main) !important;
}

/* Ajustement responsive */
@media (max-width: 768px) {
    .ux-consultant-note-box {
        flex-direction: column;
        text-align: center;
        border-left: none;
        border-top: 4px solid var(--amethyst);
        border-radius: 0 0 30px 30px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4d523c7 */#ux-taboo-emergency-suite {
    padding: 120px 0;
    background: #fdfbff;
}

.ux-taboo-layout {
    display: grid;
    grid-template-columns: 80px 1fr 300px;
    gap: 40px;
    margin-bottom: 80px;
}

.ux-side-label {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
    font-weight: 900;
    letter-spacing: 5px;
    color: rgba(154, 42, 91, 0.2);
    font-size: 0.8rem;
}

.ux-confessional-box {
    background: white;
    padding: 50px;
    border-radius: 40px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.05);
}

.ux-shame-remover {
    margin-top: 30px;
    padding: 25px;
    background: #fff5f7;
    border-radius: 20px;
    border-left: 5px solid var(--wine);
    display: flex;
    gap: 20px;
    align-items: center;
}

.ux-emergency-dashboard {
    background: var(--text-dark);
    border-radius: 40px;
    padding: 60px;
    color: white;
}

.ux-dashboard-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-top: 40px;
}

.ux-widget {
    background: rgba(255,255,255,0.05);
    padding: 40px;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,0.1);
    transition: 0.3s;
}

.ux-widget:hover {
    background: rgba(255,255,255,0.08);
    transform: translateY(-5px);
}

.ux-white { color: white !important; }

.ux-kit-label {
    display: inline-block;
    margin-top: 20px;
    padding: 5px 15px;
    background: var(--wine);
    border-radius: 100px;
    font-size: 0.7rem;
    font-weight: 900;
}

/* Responsive */
@media (max-width: 992px) {
    .ux-taboo-layout { grid-template-columns: 1fr; }
    .ux-side-label { display: none; }
    .ux-dashboard-grid { grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a4f3e4a */#ux-mastery-ledger-suite {
    padding: 100px 0;
    background: var(--bg-white);
}

.ux-ledger-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr; /* On donne plus de poids à la solution */
    gap: 40px;
    margin-top: 60px;
}

.ux-ledger-card {
    padding: 60px;
    border-radius: 40px;
    position: relative;
    transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Style de la colonne "Lumière" */
.ux-ledger-card.ux-solution {
    background: #ffffff;
    border: 1px solid rgba(142, 68, 173, 0.1);
    box-shadow: 0 40px 80px rgba(142, 68, 173, 0.08);
}

/* Style de la colonne "Piège" */
.ux-ledger-card.ux-trap {
    background: #fdfafd;
    border: 1px solid rgba(154, 42, 91, 0.05);
}

.ux-card-status {
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 100px;
}

.ux-status-check { background: rgba(142, 68, 173, 0.05); color: var(--amethyst); }
.ux-trap .ux-card-status { background: rgba(154, 42, 91, 0.05); color: var(--wine); }

.ux-ledger-h3 {
    font-size: 1.8rem;
    font-weight: 900;
    color: var(--text-dark);
    margin-bottom: 25px;
}

.ux-ledger-list {
    list-style: none;
    padding: 0;
}

.ux-ledger-list li {
    padding: 15px 0;
    border-bottom: 1px dashed rgba(0,0,0,0.05);
    color: var(--text-muted);
    font-size: 1.1rem;
    line-height: 1.6;
}

.ux-ledger-indicator {
    margin-top: 40px;
    font-size: 0.75rem;
    font-weight: 900;
    color: var(--text-muted);
    text-transform: uppercase;
    opacity: 0.5;
}

/* Quote Impact */
.ux-impact-quote {
    margin-top: 80px;
    text-align: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.ux-quote-mark {
    font-size: 8rem;
    font-family: serif;
    color: rgba(142, 68, 173, 0.05);
    position: absolute;
    top: -50px; left: 50%;
    transform: translateX(-50%);
}

.ux-impact-quote p {
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--text-dark);
    position: relative;
    z-index: 2;
}

/* Responsive */
@media (max-width: 992px) {
    .ux-ledger-grid { grid-template-columns: 1fr; }
    .ux-ledger-card { padding: 40px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7c27ea4 */#ux-mastery-ritual-suite {
    padding: 120px 0;
    background: #fcfaff;
}

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

.ux-ritual-path {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}

.ux-vertical-thread {
    position: absolute;
    left: 40px; top: 0; bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, transparent, var(--amethyst), var(--wine), transparent);
    opacity: 0.2;
}

.ux-ritual-step {
    display: flex;
    gap: 40px;
    margin-bottom: 60px;
    position: relative;
    transition: 0.3s;
}

.ux-ritual-step:hover { transform: translateX(10px); }

.ux-step-circle {
    width: 80px; height: 80px;
    min-width: 80px;
    background: white;
    border: 1px solid rgba(142, 68, 173, 0.2);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem; font-weight: 950;
    color: var(--amethyst);
    box-shadow: 0 10px 30px rgba(142, 68, 173, 0.1);
    z-index: 2;
}

.ux-step-content {
    background: white;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.03);
    border: 1px solid rgba(0,0,0,0.02);
}

.ux-step-h4 {
    font-size: 1.4rem;
    font-weight: 900;
    color: var(--text-dark);
    margin-bottom: 15px;
}

.ux-divider-short {
    width: 40px; height: 2px;
    background: var(--wine);
    margin-bottom: 20px;
    opacity: 0.3;
}

/* Responsive */
@media (max-width: 768px) {
    .ux-vertical-thread { left: 20px; }
    .ux-step-circle { width: 50px; height: 50px; min-width: 50px; font-size: 1rem; }
    .ux-ritual-step { gap: 20px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5681dfe *//* --- CORRECTIF DE NAVIGATION --- */

/* 1. On s'assure que le contenu du CTA est au-dessus du radar */
#ux-midnight-finale .ux-cta-content {
    position: relative;
    z-index: 100; /* Passe devant tout */
}

/* 2. On rend le radar "transparent" aux clics */
#ux-midnight-finale .ux-radar-system {
    pointer-events: none; /* Les anneaux ne bloquent plus la souris */
    z-index: 1;
}

/* 3. Style du bouton en tant que lien <a> */
#ux-midnight-finale .ux-action-center {
    display: inline-flex !important;
    align-items: center;
    gap: 15px;
    background: #ffffff;
    padding: 16px 45px;
    border-radius: 100px;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    z-index: 110;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

#ux-midnight-finale .ux-action-center:hover {
    transform: scale(1.05) translateY(-3px);
    box-shadow: 0 20px 50px rgba(142, 68, 173, 0.4);
}

/* 4. Texte à l'intérieur du bouton */
#ux-midnight-finale .ux-btn-main {
    display: block;
    color: #1A0B2E;
    font-weight: 900;
    font-size: 1.1rem;
    line-height: 1.2;
}

#ux-midnight-finale .ux-btn-sub {
    display: block;
    color: #8E44AD;
    font-size: 0.85rem;
    font-weight: 600;
}

#ux-midnight-finale .ux-btn-icon {
    font-size: 1.5rem;
}/* End custom CSS */