.elementor-5855 .elementor-element.elementor-element-2816e6d5{--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-9c10b28 *//* --- SCAM SHIELD : CHARTE CLEMY 2026 --- */
#clemy-protection-report {
    --amethyste: #6e1b89;
    --wine: #641235;
    --white: #ffffff;
    --dark: #1e1036;
    --lavender-light: #fbf9ff;
    --glass: rgba(255, 255, 255, 0.9);
    
    background-color: var(--lavender-light);
    color: #444;
    font-family: 'Inter', -apple-system, sans-serif;
    line-height: 1.8;
    padding-bottom: 120px;
    -webkit-font-smoothing: antialiased;
}

/* NAVIGATION CAPSULE (MODERN UX) */
#clemy-protection-report .pill-nav {
    position: sticky;
    top: 20px;
    z-index: 1000;
    margin-bottom: 60px;
    padding: 0 20px;
}

#clemy-protection-report .nav-wrapper {
    max-width: 1000px;
    margin: 0 auto;
    background: var(--glass);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(110, 27, 137, 0.1);
    border-radius: 100px;
    padding: 12px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 10px 40px rgba(30, 16, 54, 0.05);
}

#clemy-protection-report .brand-badge {
    font-weight: 900;
    font-size: 0.85rem;
    letter-spacing: 2px;
    color: var(--amethyste);
}

#clemy-protection-report .brand-badge .dot { color: var(--wine); }

#clemy-protection-report .links-group {
    display: flex;
    gap: 15px;
    align-items: center;
}

#clemy-protection-report .links-group a {
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 700;
    color: #555;
    transition: 0.3s;
    padding: 6px 12px;
}

#clemy-protection-report .links-group a:hover { color: var(--amethyste); }

#clemy-protection-report .cta-nav {
    background: var(--wine);
    color: white !important;
    border-radius: 50px;
    padding: 8px 18px !important;
}

/* HERO HEADER */
#clemy-protection-report .report-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 25px;
}

#clemy-protection-report .hero-header {
    text-align: center;
    padding: 60px 0;
}

#clemy-protection-report .kicker {
    display: inline-block;
    padding: 6px 20px;
    background: #f3e5f5;
    color: var(--amethyste);
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 25px;
}

#clemy-protection-report .main-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.2rem, 6vw, 4.2rem);
    font-weight: 900;
    line-height: 1.1;
    color: var(--dark);
    margin-bottom: 30px;
}

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

#clemy-protection-report .hero-description {
    font-size: 1.25rem;
    max-width: 800px;
    margin: 0 auto;
    color: #666;
}

/* INVESTIGATION CARD */
#clemy-protection-report .investigation-card {
    background: var(--white);
    border-radius: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 40px 100px rgba(30, 16, 54, 0.05);
    border: 1px solid rgba(110, 27, 137, 0.08);
}

#clemy-protection-report .card-inner {
    padding: clamp(30px, 8vw, 70px);
    border-left: 10px solid var(--amethyste);
}

#clemy-protection-report .status-indicator {
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--amethyste);
    background: #fdfbff;
    border: 1px solid rgba(110, 27, 137, 0.1);
    padding: 6px 15px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 30px;
}

#clemy-protection-report .intro-p {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--dark);
    line-height: 1.5;
}

#clemy-protection-report .scam-bubble {
    background: #fff8f8;
    border: 1px dashed var(--wine);
    padding: 30px;
    border-radius: 24px;
    margin: 40px 0;
    position: relative;
}

#clemy-protection-report .bubble-label {
    display: block;
    font-size: 0.7rem;
    font-weight: 900;
    color: var(--wine);
    text-transform: uppercase;
    margin-bottom: 10px;
}

#clemy-protection-report .scam-bubble {
    font-family: 'Playfair Display', serif;
    font-size: 1.6rem;
    font-style: italic;
    color: var(--wine);
    text-align: center;
}

#clemy-protection-report .report-body strong {
    color: var(--wine);
    font-weight: 800;
}

#clemy-protection-report .ethical-stand {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid rgba(0,0,0,0.05);
    font-style: italic;
    color: var(--amethyste);
    font-weight: 500;
    font-size: 1.1rem;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    #clemy-protection-report .links-group { display: none; } /* On simplifie sur mobile */
    #clemy-protection-report .card-inner { padding: 30px 20px; }
    #clemy-protection-report .scam-bubble { font-size: 1.2rem; padding: 20px; }
}

/* --- OPTIMISATION RESPONSIVE : SCAM SHIELD --- */

@media (max-width: 768px) {
    #clemy-protection-report {
        padding-bottom: 60px; /* On réduit le souffle de fin pour le mobile */
    }

    /* --- Navigation Capsule (Pill Nav) Mobile --- */
    #clemy-protection-report .pill-nav {
        top: 15px; /* Un peu plus près du bord sur mobile */
        padding: 0 15px; /* On élargit la zone de la capsule */
        margin-bottom: 30px;
    }

    #clemy-protection-report .nav-wrapper {
        padding: 10px 20px;
        justify-content: center; /* On centre le logo puisque les liens disparaissent */
    }

    /* Le display:none des liens de ton code original est parfait pour la clarté */
    #clemy-protection-report .links-group { 
        display: none; 
    }

    #clemy-protection-report .brand-badge {
        font-size: 0.95rem; /* Un peu plus gros puisqu'il est seul */
        letter-spacing: 3px;
    }

    /* --- Hero Header Mobile --- */
    #clemy-protection-report .report-container {
        padding: 0 20px;
    }

    #clemy-protection-report .hero-header {
        padding: 30px 0 40px;
    }

    #clemy-protection-report .kicker {
        padding: 6px 16px;
        font-size: 0.7rem;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }

    #clemy-protection-report .main-title {
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    #clemy-protection-report .hero-description {
        font-size: 1.05rem;
        line-height: 1.6;
        padding: 0 10px; /* Évite que le texte ne touche les bords de l'écran */
    }

    /* --- Investigation Card Mobile --- */
    #clemy-protection-report .investigation-card {
        border-radius: 24px; /* Adoucit l'aspect "bloc" sur petit écran */
        box-shadow: 0 20px 50px rgba(30, 16, 54, 0.08);
    }

    #clemy-protection-report .card-inner {
        padding: 30px 20px;
        border-left-width: 6px; /* Bordure plus fine mais toujours présente pour l'identité visuelle */
    }

    #clemy-protection-report .status-indicator {
        font-size: 0.65rem;
        padding: 5px 12px;
        margin-bottom: 25px;
    }

    #clemy-protection-report .intro-p {
        font-size: 1.1rem;
        line-height: 1.6;
    }

    /* La Bulle d'Arnaque (Citation) */
    #clemy-protection-report .scam-bubble {
        margin: 30px 0;
        padding: 25px 15px;
        border-radius: 16px;
        font-size: 1.3rem; /* Typo Playfair optimisée pour 375px */
        line-height: 1.4;
    }

    #clemy-protection-report .bubble-label {
        font-size: 0.65rem;
        margin-bottom: 15px; /* Un peu plus d'air entre le label et la citation */
    }

    /* Conclusion Éthique */
    #clemy-protection-report .ethical-stand {
        margin-top: 30px;
        padding-top: 30px;
        font-size: 1rem;
        line-height: 1.6;
        text-align: left; /* Plus naturel à lire sur mobile */
    }
}

/* Optimisation pour les écrans ultra-fins (iPhone SE / mini) */
@media (max-width: 380px) {
    #clemy-protection-report .main-title {
        font-size: 1.75rem;
    }
    
    #clemy-protection-report .scam-bubble {
        font-size: 1.15rem;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e8d611d *//* --- ANATOMIE DU PIÈGE : CLEMY PROTECTION SYSTEM --- */
#clemy-scam-anatomy {
    --amethyste: #6e1b89;
    --wine: #641235;
    --indigo: #1e1036;
    --white: #ffffff;
    --bg-light: #fdfcff;
    --border-soft: rgba(110, 27, 137, 0.1);
    
    background-color: var(--bg-light);
    padding: clamp(60px, 12vw, 120px) 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--indigo);
    line-height: 1.8;
}

#clemy-scam-anatomy .anatomy-canvas {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 25px;
}

/* --- HEADER --- */
#clemy-scam-anatomy .anatomy-header { text-align: center; margin-bottom: 70px; }

#clemy-scam-anatomy .kicker-alert {
    display: inline-block;
    padding: 8px 24px;
    background: var(--amethyste);
    color: white;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 25px;
    box-shadow: 0 10px 20px rgba(110, 27, 137, 0.15);
}

#clemy-scam-anatomy .display-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.2rem, 6vw, 3.8rem);
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 30px;
}

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

#clemy-scam-anatomy .intro-lead {
    font-size: 1.25rem;
    max-width: 850px;
    margin: 0 auto;
    color: #555;
}

/* --- BENTO GRID SYSTEM --- */
#clemy-scam-anatomy .bento-scam-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-bottom: 80px;
}

#clemy-scam-anatomy .bento-item {
    background: var(--white);
    border: 1px solid var(--border-soft);
    border-radius: 40px;
    padding: clamp(30px, 5vw, 60px);
    position: relative;
    box-shadow: 0 40px 100px rgba(30, 16, 54, 0.03);
    transition: transform 0.4s ease, border-color 0.4s ease;
}

#clemy-scam-anatomy .bento-item:hover {
    transform: translateY(-8px);
    border-color: var(--amethyste);
}

#clemy-scam-anatomy .step-badge {
    position: absolute; top: 30px; right: 30px;
    font-size: 0.7rem; font-weight: 900;
    background: #f3e5f5; color: var(--amethyste);
    padding: 5px 15px; border-radius: 100px;
}

#clemy-scam-anatomy .step-title {
    font-family: 'Playfair Display', serif;
    font-size: 1.8rem; font-weight: 800;
    color: var(--wine); margin-bottom: 20px;
}

#clemy-scam-anatomy .step-title small {
    display: block; font-family: 'Inter', sans-serif;
    font-size: 0.9rem; color: var(--indigo); opacity: 0.6;
}

/* Step 1 specifics */
#clemy-scam-anatomy .examples-vault {
    background: #fffafa;
    border-radius: 24px; padding: 25px;
    border: 1px dashed rgba(100, 18, 53, 0.2);
    margin-top: 30px;
}

#clemy-scam-anatomy .vault-label {
    display: block; font-weight: 900; color: var(--wine);
    text-transform: uppercase; font-size: 0.7rem; margin-bottom: 15px;
}

#clemy-scam-anatomy .scam-list {
    list-style: none; padding: 0; margin: 0;
}

#clemy-scam-anatomy .scam-list li {
    font-style: italic; color: #666; font-size: 0.95rem;
    margin-bottom: 12px; position: relative; padding-left: 20px;
}

#clemy-scam-anatomy .scam-list li::before {
    content: '→'; position: absolute; left: 0; color: var(--wine);
}

/* Step 2 specifics */
#clemy-scam-anatomy .audio-trap {
    background: var(--indigo); color: white;
    padding: 25px; border-radius: 20px;
    margin: 30px 0; display: flex; align-items: center; gap: 20px;
}

#clemy-scam-anatomy .audio-trap strong { color: #ffeb3b; font-family: monospace; font-size: 1.2rem; }

#clemy-scam-anatomy .warning-footer { font-size: 0.95rem; border-top: 1px solid #eee; padding-top: 20px; }

/* --- VISUAL ALERT FRAME --- */
#clemy-scam-anatomy .visual-alert-frame { text-align: center; }

#clemy-scam-anatomy .frame-inner {
    display: inline-block; position: relative;
    border-radius: 30px; overflow: hidden;
    box-shadow: 0 50px 100px rgba(0,0,0,0.1);
    line-height: 0; border: 1px solid var(--border-soft);
}

#clemy-scam-anatomy img { width: 100%; max-width: 900px; height: auto; transition: 0.5s; }

#clemy-scam-anatomy .scan-line {
    position: absolute; top: 0; left: 0; width: 100%; height: 2px;
    background: var(--wine); opacity: 0.5;
    animation: scanning 4s linear infinite;
}

@keyframes scanning { 0% { top: 0; } 100% { top: 100%; } }

#clemy-scam-anatomy .caption { margin-top: 20px; font-style: italic; color: #888; font-size: 0.9rem; }

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    #clemy-scam-anatomy .bento-item { padding: 30px; }
    #clemy-scam-anatomy .step-title { font-size: 1.5rem; }
}

/* --- OPTIMISATION RESPONSIVE : ANATOMIE DU PIÈGE --- */

@media (max-width: 768px) {
    #clemy-scam-anatomy {
        padding: 50px 0; /* Plus compact pour le mobile */
    }

    #clemy-scam-anatomy .anatomy-canvas {
        padding: 0 20px;
    }

    /* Header : Stabilisation du Playfair Display */
    #clemy-scam-anatomy .anatomy-header {
        margin-bottom: 50px;
    }

    #clemy-scam-anatomy .display-title {
        font-size: 2rem;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    #clemy-scam-anatomy .kicker-alert {
        padding: 6px 16px;
        font-size: 0.7rem;
        letter-spacing: 2px;
        margin-bottom: 15px;
    }

    #clemy-scam-anatomy .intro-lead {
        font-size: 1.05rem;
        line-height: 1.6;
        padding: 0 10px;
    }

    /* --- Bento Grid : Empilement Mobile --- */
    #clemy-scam-anatomy .bento-scam-grid {
        grid-template-columns: 1fr; /* On force 1 colonne stricte */
        gap: 25px;
        margin-bottom: 50px;
    }

    #clemy-scam-anatomy .bento-item {
        padding: 35px 20px 25px; /* Ajustement pour laisser de la place au badge */
        border-radius: 28px;
    }

    /* Désactivation de l'effet "hover" de levée pour la stabilité tactile */
    #clemy-scam-anatomy .bento-item:hover {
        transform: none;
    }

    /* Badge "Étape" (Step Badge) */
    #clemy-scam-anatomy .step-badge {
        top: 20px;
        right: 20px;
        font-size: 0.65rem;
        padding: 4px 12px;
    }

    #clemy-scam-anatomy .step-title {
        font-size: 1.4rem;
        margin-bottom: 15px;
        padding-right: 60px; /* Empêche le titre de passer SOUS le badge */
    }

    #clemy-scam-anatomy .step-title small {
        font-size: 0.85rem;
        margin-top: 5px;
    }

    /* Exemples (Vault) */
    #clemy-scam-anatomy .examples-vault {
        padding: 20px 15px;
        border-radius: 16px;
        margin-top: 25px;
    }

    #clemy-scam-anatomy .scam-list li {
        font-size: 0.9rem;
        margin-bottom: 10px;
        padding-left: 15px;
        line-height: 1.5;
    }

    /* Audio Trap (Piège 2) */
    #clemy-scam-anatomy .audio-trap {
        flex-direction: column; /* On empile sur mobile */
        align-items: flex-start;
        padding: 20px 15px;
        gap: 10px;
        border-radius: 16px;
        margin: 25px 0;
    }

    #clemy-scam-anatomy .audio-trap strong {
        font-size: 1.1rem;
    }

    #clemy-scam-anatomy .warning-footer {
        font-size: 0.9rem;
        margin-top: 15px;
        padding-top: 15px;
    }

    /* --- Visual Alert Frame --- */
    #clemy-scam-anatomy .frame-inner {
        border-radius: 20px;
    }

    #clemy-scam-anatomy .caption {
        font-size: 0.85rem;
        padding: 0 10px;
    }
}

/* Optimisation pour les terminaux ultra-fins (iPhone SE / mini) */
@media (max-width: 380px) {
    #clemy-scam-anatomy .display-title {
        font-size: 1.75rem;
    }

    #clemy-scam-anatomy .step-title {
        font-size: 1.25rem;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7c7e721 *//* --- SVA LAB : CLEMY PROTECTION SYSTEM --- */
#clemy-sva-lab {
    --amethyste: #6e1b89;
    --wine: #641235;
    --indigo: #1e1036;
    --white: #ffffff;
    --bg-modern: #f8f7fb;
    --border-lux: rgba(110, 27, 137, 0.1);
    
    background-color: var(--bg-modern);
    padding: clamp(60px, 10vw, 120px) 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--indigo);
    line-height: 1.8;
}

#clemy-sva-lab .lab-canvas {
    max-width: 1100px; margin: 0 auto; padding: 0 25px;
}

/* --- HEADER --- */
#clemy-sva-lab .lab-header { text-align: center; margin-bottom: 70px; }

#clemy-sva-lab .kicker {
    display: inline-block; padding: 8px 24px;
    background: var(--amethyste); color: white;
    border-radius: 50px; font-size: 0.75rem; font-weight: 900;
    text-transform: uppercase; letter-spacing: 4px; margin-bottom: 25px;
}

#clemy-sva-lab .display-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.2rem, 6vw, 3.8rem);
    font-weight: 900; line-height: 1.1; margin-bottom: 30px;
}

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

#clemy-sva-lab .intro-lead {
    font-size: 1.2rem; max-width: 800px; margin: 0 auto; color: #555;
}

/* --- SVA GRID --- */
#clemy-sva-lab .sva-grid {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px; margin-bottom: 60px;
}

#clemy-sva-lab .sva-card {
    background: var(--white); border-radius: 30px; padding: 35px;
    display: flex; align-items: flex-start; gap: 25px;
    border: 1px solid var(--border-lux);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#clemy-sva-lab .sva-card:hover { transform: translateY(-8px); box-shadow: 0 30px 60px rgba(30, 16, 54, 0.05); }

#clemy-sva-lab .sva-indicator {
    width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0; margin-top: 5px;
}

#clemy-sva-lab .green { background: #4caf50; box-shadow: 0 0 15px rgba(76, 175, 80, 0.4); }
#clemy-sva-lab .gray { background: #9e9e9e; box-shadow: 0 0 15px rgba(158, 158, 158, 0.4); }
#clemy-sva-lab .purple { background: var(--amethyste); box-shadow: 0 0 15px rgba(110, 27, 137, 0.4); }

#clemy-sva-lab .sva-range { font-family: monospace; font-size: 0.9rem; color: var(--amethyste); font-weight: 800; }
#clemy-sva-lab .sva-status { font-family: 'Playfair Display', serif; font-size: 1.5rem; margin: 5px 0; }
#clemy-sva-lab .sva-label { font-size: 0.95rem; color: #666; margin: 0; }

/* --- IMPACT CALCULATOR (THE WAHOU CARD) --- */
#clemy-sva-lab .impact-calculator { margin-bottom: 60px; }

#clemy-sva-lab .calculator-inner {
    background: var(--indigo); border-radius: 40px;
    padding: clamp(30px, 8vw, 70px); position: relative;
    overflow: hidden; box-shadow: 0 50px 100px rgba(30, 16, 54, 0.2);
}

#clemy-sva-lab .calc-glow {
    position: absolute; top: -50%; right: -20%; width: 100%; height: 200%;
    background: radial-gradient(circle, rgba(100, 18, 53, 0.4) 0%, transparent 70%);
}

#clemy-sva-lab .calc-content { position: relative; z-index: 10; text-align: center; color: white; }

#clemy-sva-lab .calc-title { font-family: 'Playfair Display', serif; font-size: 2rem; margin-bottom: 25px; }

#clemy-sva-lab .math-result-box {
    background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 30px; padding: 40px; margin-top: 40px;
    backdrop-filter: blur(10px);
}

#clemy-sva-lab .math-line { font-family: monospace; font-size: 1.2rem; opacity: 0.7; margin-bottom: 15px; }

#clemy-sva-lab .final-price {
    font-size: clamp(3rem, 10vw, 5.5rem); font-weight: 900; line-height: 1;
    color: var(--white); text-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
}

#clemy-sva-lab .final-price small { font-size: 1rem; text-transform: uppercase; letter-spacing: 3px; }

#clemy-sva-lab .price-subtitle { margin-top: 20px; font-style: italic; color: var(--lavender); font-size: 1.1rem; }

/* --- TACTICAL FOOTER --- */
#clemy-sva-lab .tactical-footer {
    background: var(--white); border-radius: 24px; padding: 40px;
    display: flex; align-items: center; gap: 30px;
    border-left: 8px solid var(--wine);
}

#clemy-sva-lab .footer-icon { font-size: 3rem; }

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    #clemy-sva-lab .sva-card { flex-direction: column; text-align: center; align-items: center; }
    #clemy-sva-lab .tactical-footer { flex-direction: column; text-align: center; }
}

/* --- OPTIMISATION RESPONSIVE : SVA LAB --- */

@media (max-width: 768px) {
    #clemy-sva-lab {
        padding: 50px 0; /* Plus de rythme pour le scroll mobile */
    }

    #clemy-sva-lab .lab-canvas {
        padding: 0 20px;
    }

    /* Header : On stabilise le titre Playfair */
    #clemy-sva-lab .lab-header {
        margin-bottom: 45px;
    }

    #clemy-sva-lab .display-title {
        font-size: 1.9rem;
        line-height: 1.2;
    }

    #clemy-sva-lab .kicker {
        padding: 6px 16px;
        font-size: 0.7rem;
        letter-spacing: 2px;
    }

    /* --- SVA Grid : Transformation en "Stat-Cards" --- */
    #clemy-sva-lab .sva-grid {
        grid-template-columns: 1fr; /* Une seule colonne pour la clarté */
        gap: 20px;
    }

    #clemy-sva-lab .sva-card {
        flex-direction: column; /* Empilement : Point -> Titre -> Texte */
        text-align: center;
        align-items: center;
        padding: 30px 20px;
        border-radius: 24px;
        gap: 15px;
    }

    /* Stabilité tactile : On limite les effets de survol */
    #clemy-sva-lab .sva-card:hover {
        transform: none;
        box-shadow: 0 10px 30px rgba(30, 16, 54, 0.05);
    }

    #clemy-sva-lab .sva-indicator {
        margin-top: 0; /* Centrage vertical parfait */
        width: 16px; 
        height: 16px;
    }

    #clemy-sva-lab .sva-status {
        font-size: 1.3rem;
        margin: 5px 0;
    }

    /* --- Impact Calculator (La Carte Maîtresse) --- */
    #clemy-sva-lab .calculator-inner {
        padding: 45px 20px;
        border-radius: 30px;
    }

    #clemy-sva-lab .calc-title {
        font-size: 1.6rem;
        line-height: 1.3;
    }

    #clemy-sva-lab .math-result-box {
        padding: 30px 15px;
        border-radius: 20px;
        margin-top: 30px;
    }

    #clemy-sva-lab .math-line {
        font-size: 1rem;
        margin-bottom: 10px;
        opacity: 0.8;
    }

    /* Le Prix : Sécurisation du débordement sur petit écran */
    #clemy-sva-lab .final-price {
        font-size: 3.2rem; /* On évite le 10vw qui peut être trop large sur iPhone SE */
        line-height: 1;
        margin-top: 10px;
    }

    #clemy-sva-lab .final-price small {
        font-size: 0.85rem;
        display: block; /* On force le retour à la ligne pour "Valeur Totale" */
        margin-top: 8px;
    }

    /* --- Tactical Footer : Le "Reçu" de Confiance --- */
    #clemy-sva-lab .tactical-footer {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 30px 20px;
        border-left: none; /* On enlève la bordure latérale qui déséquilibre le centre */
        border-top: 6px solid var(--wine); /* On la passe en haut pour un effet "Onglet" */
        border-radius: 20px;
    }

    #clemy-sva-lab .footer-icon {
        font-size: 2.5rem;
    }
}

/* Fix pour les terminaux ultra-compacts */
@media (max-width: 380px) {
    #clemy-sva-lab .final-price {
        font-size: 2.8rem;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9552d67 *//* --- PSYCHOLOGY LAB : CLEMY PROTECTION SYSTEM 2026 --- */
#clemy-psychology-lab {
    --amethyste: #6e1b89;
    --wine: #641235;
    --indigo: #1e1036;
    --white: #ffffff;
    --bg-aura: #f9f8fd;
    --glass-border: rgba(110, 27, 137, 0.12);
    
    background-color: var(--bg-aura);
    padding: clamp(80px, 15vw, 150px) 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--indigo);
    line-height: 1.8;
    position: relative;
    overflow: hidden;
}

#clemy-psychology-lab .lab-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 25px;
    position: relative;
    z-index: 10;
}

/* --- HEADER --- */
#clemy-psychology-lab .lab-header { text-align: center; margin-bottom: 80px; }

#clemy-psychology-lab .kicker-glow {
    display: inline-block;
    padding: 8px 24px;
    background: var(--amethyste);
    color: white;
    border-radius: 50px;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 30px;
    box-shadow: 0 10px 25px rgba(110, 27, 137, 0.2);
}

#clemy-psychology-lab .display-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.4rem, 7vw, 4rem);
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 30px;
}

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

#clemy-psychology-lab .intro-text {
    font-size: 1.25rem;
    max-width: 850px;
    margin: 0 auto;
    color: #555;
    font-weight: 400;
}

/* --- BENTO PSYCHOLOGY GRID --- */
#clemy-psychology-lab .bento-psychology {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 30px;
    margin-bottom: 100px;
}

#clemy-psychology-lab .psych-card {
    background: var(--white);
    border: 1px solid var(--glass-border);
    border-radius: 40px;
    padding: clamp(30px, 6vw, 60px);
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 20px 60px rgba(30, 16, 54, 0.03);
}

#clemy-psychology-lab .psych-card:hover {
    transform: translateY(-10px);
    border-color: var(--amethyste);
    box-shadow: 0 40px 100px rgba(110, 27, 137, 0.08);
}

#clemy-psychology-lab .card-icon {
    font-size: 2.5rem;
    margin-bottom: 25px;
}

#clemy-psychology-lab .card-subtitle {
    font-family: 'Playfair Display', serif;
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 20px;
}

#clemy-psychology-lab .fear-accent .card-subtitle { color: var(--wine); }
#clemy-psychology-lab .hope-accent .card-subtitle { color: #1976d2; }

#clemy-psychology-lab .pulse-indicator {
    display: inline-block;
    margin-top: 30px;
    padding: 6px 15px;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 50px;
}

#clemy-psychology-lab .fear-accent .pulse-indicator { background: #fff1f1; color: var(--wine); }
#clemy-psychology-lab .hope-accent .pulse-indicator { background: #e3f2fd; color: #1976d2; }

/* --- SMS EVIDENCE FRAME --- */
#clemy-psychology-lab .sms-evidence-frame {
    text-align: center;
}

#clemy-psychology-lab .frame-glass {
    display: inline-block;
    position: relative;
    border-radius: 35px;
    padding: 10px;
    background: var(--white);
    box-shadow: 0 50px 100px rgba(0,0,0,0.06);
    border: 1px solid var(--glass-border);
}

#clemy-psychology-lab .frame-glass img {
    max-width: 100%;
    height: auto;
    border-radius: 25px;
    display: block;
}

#clemy-psychology-lab .scan-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to bottom, transparent, rgba(110, 27, 137, 0.05), transparent);
    animation: scanning 5s ease-in-out infinite;
    pointer-events: none;
}

@keyframes scanning { 0% { top: -100%; } 100% { top: 100%; } }

#clemy-psychology-lab .caption-text {
    margin-top: 25px;
    font-style: italic;
    color: #888;
    font-size: 0.95rem;
}

/* --- RESPONSIVE --- */
/* --- OPTIMISATION RESPONSIVE : PSYCHOLOGY LAB --- */

@media (max-width: 768px) {
    #clemy-psychology-lab {
        padding: 60px 0; /* Plus de souffle, moins de fatigue au scroll */
    }

    #clemy-psychology-lab .lab-wrapper {
        padding: 0 20px;
    }

    /* Header : On stabilise l'impact visuel */
    #clemy-psychology-lab .lab-header {
        margin-bottom: 50px;
    }

    #clemy-psychology-lab .display-title {
        font-size: 2.1rem;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    #clemy-psychology-lab .kicker-glow {
        padding: 6px 18px;
        font-size: 0.7rem;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    #clemy-psychology-lab .intro-text {
        font-size: 1.05rem;
        line-height: 1.6;
        padding: 0 5px;
    }

    /* --- Bento Psychology : Empilement Narratif --- */
    #clemy-psychology-lab .bento-psychology {
        grid-template-columns: 1fr; /* Une seule colonne pour une lecture "Story" */
        gap: 20px;
        margin-bottom: 60px;
    }

    #clemy-psychology-lab .psych-card {
        padding: 35px 20px;
        border-radius: 30px; /* On adoucit les angles sur mobile */
    }

    /* On désactive l'effet de levée pour éviter les clics fantômes sur mobile */
    #clemy-psychology-lab .psych-card:hover {
        transform: none;
        box-shadow: 0 20px 60px rgba(30, 16, 54, 0.03);
    }

    #clemy-psychology-lab .card-icon {
        font-size: 2rem;
        margin-bottom: 15px;
    }

    #clemy-psychology-lab .card-subtitle {
        font-size: 1.6rem;
        margin-bottom: 15px;
    }

    #clemy-psychology-lab .pulse-indicator {
        margin-top: 20px;
        padding: 5px 12px;
    }

    /* --- SMS Evidence : Le Scan Mobile --- */
    #clemy-psychology-lab .frame-glass {
        border-radius: 24px;
        padding: 6px;
        width: 100%; /* On prend toute la largeur disponible */
        box-sizing: border-box;
    }

    #clemy-psychology-lab .frame-glass img {
        border-radius: 18px;
    }

    #clemy-psychology-lab .caption-text {
        font-size: 0.85rem;
        margin-top: 20px;
        line-height: 1.5;
        padding: 0 10px;
    }
}

/* Optimisation pour les terminaux ultra-fins (iPhone SE / mini) */
@media (max-width: 380px) {
    #clemy-psychology-lab .display-title {
        font-size: 1.8rem;
    }

    #clemy-psychology-lab .card-subtitle {
        font-size: 1.4rem;
    }

    #clemy-psychology-lab .psych-card {
        padding: 30px 15px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9a31fb2 *//* --- SURVIVAL VAULT : CLEMY PROTECTION 2026 --- */
#clemy-survival-vault {
    --amethyste: #6e1b89;
    --wine: #641235;
    --dark: #0f051d;
    --white: #ffffff;
    --bg-light: #fdfcff;
    --border-glass: rgba(110, 27, 137, 0.1);
    
    background-color: var(--bg-light);
    padding: clamp(80px, 15vw, 150px) 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: #333;
    line-height: 1.7;
    position: relative;
    overflow: hidden;
}

#clemy-survival-vault .vault-canvas {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 25px;
}

/* --- HEADER --- */
#clemy-survival-vault .vault-header { text-align: center; margin-bottom: 80px; }

#clemy-survival-vault .kicker-shield {
    display: inline-block;
    padding: 8px 24px;
    background: var(--dark);
    color: white;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 30px;
}

#clemy-survival-vault .display-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.5rem, 8vw, 4.5rem);
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 25px;
}

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

/* --- ACTION BOARD (BENTO) --- */
#clemy-survival-vault .action-board {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

#clemy-survival-vault .action-card {
    background: var(--white);
    border: 1px solid var(--border-glass);
    border-radius: 32px;
    padding: 40px;
    position: relative;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 10px 30px rgba(30, 16, 54, 0.02);
}

#clemy-survival-vault .action-card:hover {
    transform: translateY(-5px);
    border-color: var(--amethyste);
    box-shadow: 0 30px 60px rgba(110, 27, 137, 0.1);
}

#clemy-survival-vault .card-number {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    font-weight: 900;
    color: var(--amethyste);
    opacity: 0.15;
    position: absolute;
    top: 20px; right: 30px;
}

#clemy-survival-vault .card-subtitle {
    font-family: 'Playfair Display', serif;
    font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: 15px;
    color: var(--dark);
}

#clemy-survival-vault .critical { border-top: 5px solid var(--wine); }

#clemy-survival-vault .status-tag {
    display: inline-block;
    margin-top: 20px;
    padding: 4px 12px;
    background: #f3e5f5;
    color: var(--amethyste);
    font-size: 0.65rem;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 4px;
}

/* --- MASTER LOCK (FULL WIDTH) --- */
#clemy-survival-vault .master-lock {
    grid-column: span 2;
    background: var(--dark);
    color: white;
}

#clemy-survival-vault .master-lock .card-subtitle { color: white; }

#clemy-survival-vault .legal-badge {
    margin-top: 30px;
    padding: 25px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px dashed rgba(255, 255, 255, 0.2);
    border-radius: 20px;
}

#clemy-survival-vault .law-ref {
    display: block;
    color: var(--amethyste);
    font-weight: 900;
    font-size: 0.7rem;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#clemy-survival-vault .link-external {
    color: var(--amethyste);
    font-weight: 800;
    text-decoration: underline;
}

/* --- FOOTER --- */
#clemy-survival-vault .vault-footer {
    text-align: center;
    margin-top: 60px;
    font-style: italic;
    color: #888;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* --- RESPONSIVE --- */
@media (max-width: 850px) {
    #clemy-survival-vault .action-board { grid-template-columns: 1fr; }
    #clemy-survival-vault .master-lock { grid-column: span 1; }
    #clemy-survival-vault .action-card { padding: 30px; }
}

/* --- OPTIMISATION RESPONSIVE : SURVIVAL VAULT --- */

@media (max-width: 850px) {
    #clemy-survival-vault {
        padding: 60px 0; /* Plus compact pour le mobile */
    }

    #clemy-survival-vault .vault-canvas {
        padding: 0 20px;
    }

    /* Header : On stabilise la typographie de luxe */
    #clemy-survival-vault .vault-header {
        margin-bottom: 50px;
    }

    #clemy-survival-vault .display-title {
        font-size: 2.1rem; /* On évite le 8vw qui mangerait l'écran */
        line-height: 1.2;
        margin-bottom: 20px;
    }

    #clemy-survival-vault .kicker-shield {
        padding: 6px 18px;
        font-size: 0.65rem;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    /* --- Action Board : Empilement de Sécurité --- */
    #clemy-survival-vault .action-board {
        grid-template-columns: 1fr; /* Une seule colonne pour la clarté */
        gap: 20px;
    }

    #clemy-survival-vault .action-card {
        padding: 30px 20px;
        border-radius: 24px; /* On adoucit l'arrondi sur mobile */
    }

    /* On désactive le hover pour éviter les boutons "collants" au toucher */
    #clemy-survival-vault .action-card:hover {
        transform: none;
        box-shadow: 0 10px 30px rgba(30, 16, 54, 0.02);
    }

    /* Le Numéro : On le réduit pour qu'il ne masque pas le texte */
    #clemy-survival-vault .card-number {
        font-size: 2.2rem;
        top: 15px;
        right: 20px;
    }

    #clemy-survival-vault .card-subtitle {
        font-size: 1.35rem;
        padding-right: 40px; /* On laisse de la place au numéro */
    }

    /* --- Master Lock Mobile (Le Bloc Sombre) --- */
    #clemy-survival-vault .master-lock {
        grid-column: span 1; /* Aligné sur la colonne unique */
        padding: 40px 20px;
    }

    #clemy-survival-vault .legal-badge {
        padding: 20px 15px;
        margin-top: 25px;
        border-radius: 16px;
    }

    #clemy-survival-vault .law-ref {
        font-size: 0.65rem;
    }

    #clemy-survival-vault .link-external {
        display: block; /* On passe le lien à la ligne pour faciliter le clic au pouce */
        margin-top: 10px;
        font-size: 0.9rem;
    }

    /* Footer */
    #clemy-survival-vault .vault-footer {
        margin-top: 40px;
        font-size: 0.85rem;
        padding: 0 10px;
    }
}

/* Optimisation pour les terminaux ultra-fins (iPhone SE / mini) */
@media (max-width: 380px) {
    #clemy-survival-vault .display-title {
        font-size: 1.8rem;
    }

    #clemy-survival-vault .card-subtitle {
        font-size: 1.2rem;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b7b4dd6 *//* --- ETHICS HUB : CLEMY MASTER DESIGN 2026 --- */
#clemy-ethics-hub {
    --amethyste: #6e1b89;
    --wine: #641235;
    --indigo: #1e1036;
    --white: #ffffff;
    --lavender-mist: #fcfaff;
    --glass: rgba(255, 255, 255, 0.8);
    
    background-color: var(--lavender-mist);
    padding: clamp(80px, 15vw, 150px) 0;
    font-family: 'Inter', -apple-system, sans-serif;
    color: var(--indigo);
    line-height: 1.8;
}

#clemy-ethics-hub .ethics-canvas {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 25px;
}

/* --- HEADER --- */
#clemy-ethics-hub .ethics-header { text-align: center; margin-bottom: 80px; }

#clemy-ethics-hub .kicker-glow {
    display: inline-block;
    padding: 8px 24px;
    background: var(--amethyste);
    color: white;
    border-radius: 50px;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 25px;
    box-shadow: 0 10px 20px rgba(110, 27, 137, 0.15);
}

#clemy-ethics-hub .display-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.4rem, 7vw, 4rem);
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 30px;
}

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

#clemy-ethics-hub .intro-text {
    font-size: 1.25rem;
    max-width: 800px;
    margin: 0 auto;
    color: #555;
}

/* --- ETHICS GRID --- */
#clemy-ethics-hub .ethics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 100px;
}

#clemy-ethics-hub .ethic-card {
    background: var(--glass);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 35px;
    padding: 40px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 20px 50px rgba(30, 16, 54, 0.03);
}

#clemy-ethics-hub .ethic-card:hover {
    transform: translateY(-10px);
    background: var(--white);
    box-shadow: 0 40px 80px rgba(110, 27, 137, 0.08);
    border-color: var(--amethyste);
}

#clemy-ethics-hub .card-icon {
    font-size: 3rem;
    margin-bottom: 25px;
    filter: drop-shadow(0 10px 15px rgba(110, 27, 137, 0.1));
}

#clemy-ethics-hub .ethic-subtitle {
    font-family: 'Playfair Display', serif;
    font-size: 1.6rem;
    color: var(--wine);
    margin-bottom: 20px;
    font-weight: 800;
}

#clemy-ethics-hub .ethic-card p { font-size: 0.95rem; color: #555; margin: 0; }

/* --- MASTER CTA (MEGA GIGA WAHOU) --- */
#clemy-ethics-hub .master-cta-card {
    background: linear-gradient(145deg, var(--indigo) 0%, var(--amethyste) 100%);
    border-radius: 50px;
    padding: clamp(40px, 10vw, 80px) 25px;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 40px 100px rgba(110, 27, 137, 0.3);
}

#clemy-ethics-hub .cta-aura {
    position: absolute;
    top: -50%; left: -20%;
    width: 140%; height: 200%;
    background: radial-gradient(circle, rgba(100, 18, 53, 0.4) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
}

#clemy-ethics-hub .cta-content { position: relative; z-index: 2; }

#clemy-ethics-hub .cta-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2rem, 5vw, 3.2rem);
    color: white;
    margin-bottom: 25px;
    font-weight: 900;
}

#clemy-ethics-hub .cta-description {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.2rem;
    max-width: 750px;
    margin: 0 auto 45px;
}

#clemy-ethics-hub .cta-description strong { color: white; border-bottom: 2px solid var(--wine); }

/* BUTTONS */
#clemy-ethics-hub .cta-button-group {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

#clemy-ethics-hub .btn-main {
    background: white;
    color: var(--amethyste);
    padding: 20px 45px;
    border-radius: 100px;
    font-weight: 900;
    font-size: 1.2rem;
    text-decoration: none;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#clemy-ethics-hub .btn-sub {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    padding: 20px 45px;
    border-radius: 100px;
    font-weight: 700;
    font-size: 1.2rem;
    text-decoration: none;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: 0.3s;
}

#clemy-ethics-hub .btn-main:hover { transform: scale(1.05) translateY(-5px); color: var(--wine); }
#clemy-ethics-hub .btn-sub:hover { background: rgba(255, 255, 255, 0.2); }

#clemy-ethics-hub .cta-footer-tags {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#clemy-ethics-hub .cta-footer-tags span { color: white; font-weight: 800; }

/* RESPONSIVE */
/* --- OPTIMISATION RESPONSIVE : ETHICS HUB --- */

@media (max-width: 768px) {
    #clemy-ethics-hub {
        padding: 60px 0; /* On réduit pour garder l'élan de la lecture */
    }

    #clemy-ethics-hub .ethics-canvas {
        padding: 0 20px;
    }

    /* Header : On stabilise le titre pour éviter les césures orphelines */
    #clemy-ethics-hub .ethics-header {
        margin-bottom: 50px;
    }

    #clemy-ethics-hub .display-title {
        font-size: 2rem; /* Évite l'aspect "trop massif" sur smartphone */
        line-height: 1.2;
    }

    #clemy-ethics-hub .kicker-glow {
        padding: 6px 16px;
        font-size: 0.65rem;
        letter-spacing: 2px;
    }

    #clemy-ethics-hub .intro-text {
        font-size: 1.05rem;
        line-height: 1.6;
    }

    /* --- Ethics Grid : Le flux de confiance --- */
    #clemy-ethics-hub .ethics-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 60px;
    }

    #clemy-ethics-hub .ethic-card {
        padding: 30px 20px;
        border-radius: 24px; /* On adoucit l'arrondi */
    }

    /* On désactive le hover desktop pour la stabilité mobile */
    #clemy-ethics-hub .ethic-card:hover {
        transform: none;
    }

    #clemy-ethics-hub .card-icon {
        font-size: 2.2rem;
        margin-bottom: 15px;
    }

    #clemy-ethics-hub .ethic-subtitle {
        font-size: 1.4rem;
        margin-bottom: 12px;
    }

    /* --- Master CTA (Le Final "Wahou") --- */
    #clemy-ethics-hub .master-cta-card {
        padding: 50px 20px;
        border-radius: 35px;
        margin: 0 -5px; /* On gagne un peu de largeur visuelle */
    }

    #clemy-ethics-hub .cta-title {
        font-size: 1.7rem; /* Équilibre entre impact et lisibilité */
        line-height: 1.2;
    }

    #clemy-ethics-hub .cta-description {
        font-size: 1.05rem;
        margin-bottom: 35px;
    }

    /* Boutons : Format "Thumb-Ready" */
    #clemy-ethics-hub .cta-button-group {
        flex-direction: column;
        gap: 12px;
        align-items: stretch; /* Les boutons prennent toute la largeur */
    }

    #clemy-ethics-hub .btn-main, 
    #clemy-ethics-hub .btn-sub {
        padding: 18px 25px;
        font-size: 1.1rem;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }

    /* On garde l'effet de scale uniquement au clic sur mobile */
    #clemy-ethics-hub .btn-main:active {
        transform: scale(0.98);
    }

    #clemy-ethics-hub .cta-footer-tags {
        font-size: 0.75rem;
        line-height: 1.4;
    }
}

/* Optimisation pour les écrans ultra-fins (iPhone SE / mini) */
@media (max-width: 380px) {
    #clemy-ethics-hub .display-title {
        font-size: 1.75rem;
    }
    
    #clemy-ethics-hub .cta-title {
        font-size: 1.5rem;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-502b0c9 *//* --- FAQ SÉCURITÉ : VIGILANCE LUXE SYSTEM --- */
#clemy-security-faq {
    --purple: #6d28d9;
    --wine: #8a1538;
    --dark: #0b0b0b;
    --lavender: #f3eefc;
    --white: #ffffff;
    --border-lux: rgba(138, 21, 56, 0.15); /* Teinte Wine pour l'alerte */
    
    padding: clamp(60px, 12vw, 120px) 0;
    background-color: #fdfdfd;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
}

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

/* Header Alerte */
#clemy-security-faq .faq-header {
    text-align: center;
    margin-bottom: 70px;
}

#clemy-security-faq .kicker-pill {
    display: inline-block;
    padding: 8px 24px;
    background: #fff1f4; /* Fond rosé pour l'alerte */
    color: var(--wine);
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 25px;
}

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

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

/* Accordion System */
#clemy-security-faq .faq-group {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

#clemy-security-faq .faq-item {
    background: var(--white);
    border: 1px solid var(--border-lux);
    border-radius: 24px;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
}

#clemy-security-faq .faq-item:hover {
    border-color: var(--wine);
    box-shadow: 0 15px 40px rgba(138, 21, 56, 0.06);
}

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

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

#clemy-security-faq summary::-webkit-details-marker { display: none; }
#clemy-security-faq summary::marker { content: ""; }

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

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

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

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

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

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

/* Content Body */
#clemy-security-faq .faq-content {
    padding: 0 35px 35px 85px;
    color: #4a4a4a;
    font-size: 1.05rem;
    line-height: 1.8;
    animation: alertSlide 0.5s ease-out;
}

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

#clemy-security-faq .faq-content strong {
    color: var(--wine);
}

/* Responsive */
@media (max-width: 768px) {
    #clemy-security-faq .q-num { display: none; }
    #clemy-security-faq .faq-content { padding: 0 25px 30px 25px; }
}/* End custom CSS */