/* ============================================================================
   BUNDLE: bundle-flywheel-sections.css
   Generated: 2026-02-24 16:19:29
   Sources: 32 files
   DO NOT EDIT — regenerate with: php scripts/build-css-bundles.php
   ============================================================================ */

/* === SOURCE: case-studies-2026.css === */
/* ════════════════════════════════════════════════════════════════════════════════
   CASE STUDIES 2026 - TESTIMONIAL-STYLE CARDS (VARIANTE C)
   ════════════════════════════════════════════════════════════════════════════════
   Design: Fond gradient navy, cards glassmorphism quote-style
   Guillemet Option F Font Awesome (harmonise 2026-02-06)
   Resultats en badges inline, hover avec border glow gold
   ════════════════════════════════════════════════════════════════════════════════ */

/* === SECTION PRINCIPALE === */
.sxo-2026-wrapper .trust-case-studies-2026 {
    background: linear-gradient(135deg, #0a1628 0%, #1a365d 100%);
    padding: 64px 0;
    position: relative;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-case-studies-2026 {
        padding: 80px 0;
    }
}

/* Subtle pattern overlay */
.sxo-2026-wrapper .trust-case-studies-2026::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 20% 80%, rgba(196, 163, 90, 0.05) 0%, transparent 50%),
                      radial-gradient(circle at 80% 20%, rgba(196, 163, 90, 0.05) 0%, transparent 50%);
    pointer-events: none;
}

/* === HEADER === */
.sxo-2026-wrapper .case-studies-header-2026 {
    text-align: center;
    margin-bottom: 56px;
    position: relative;
    z-index: 1;
}

.sxo-2026-wrapper .case-studies-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 12px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .case-studies-title-2026 {
        font-size: 2.25rem;
    }
}

.sxo-2026-wrapper .case-studies-subtitle-2026 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin: 0 auto;
}

/* === GRID === */
.sxo-2026-wrapper .case-studies-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .case-studies-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* === CARD GLASSMORPHISM === */
.sxo-2026-wrapper .case-studies-card-2026 {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    min-height: 48px;
}

/* Quote icon - VARIANTE C EXACTE */
.sxo-2026-wrapper .case-studies-quote-icon-2026 {
    font-size: 3.5rem;
    color: #c4a35a;
    opacity: 0.6;
    line-height: 1;
    margin-bottom: 16px;
}

/* Hover border glow effect */
.sxo-2026-wrapper .case-studies-card-2026::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 24px;
    border: 2px solid transparent;
    background: linear-gradient(135deg, rgba(196, 163, 90, 0), rgba(196, 163, 90, 0)) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    transition: all 0.4s ease;
    pointer-events: none;
}

.sxo-2026-wrapper .case-studies-card-2026:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.3), 0 0 32px rgba(196, 163, 90, 0.15);
}

.sxo-2026-wrapper .case-studies-card-2026:hover::after {
    background: linear-gradient(135deg, #c4a35a, #d4b86a) border-box;
}

/* === BADGE === */
.sxo-2026-wrapper .case-studies-badge-2026 {
    display: inline-block;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    width: fit-content;
    position: relative;
    z-index: 1;
}

/* === CHALLENGE (QUOTE) === */
.sxo-2026-wrapper .case-studies-challenge-2026 {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.7;
    margin: 0 0 12px 0;
    font-style: italic;
    position: relative;
    z-index: 1;
}

/* === SOLUTION === */
.sxo-2026-wrapper .case-studies-solution-2026 {
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
    margin: 0 0 24px 0;
    position: relative;
    z-index: 1;
}

.sxo-2026-wrapper .case-studies-solution-2026 strong {
    color: #c4a35a;
    font-weight: 600;
}

/* === RESULTS BADGES === */
.sxo-2026-wrapper .case-studies-results-2026 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}

.sxo-2026-wrapper .case-studies-result-badge-2026 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(34, 197, 94, 0.15);
    border: 1px solid rgba(34, 197, 94, 0.3);
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #22c55e;
}

.sxo-2026-wrapper .case-studies-result-badge-2026 i {
    font-size: 0.625rem;
}

/* === COMPANY FOOTER === */
.sxo-2026-wrapper .case-studies-company-2026 {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: auto;
    position: relative;
    z-index: 1;
}

.sxo-2026-wrapper .case-studies-avatar-2026 {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sxo-2026-wrapper .case-studies-avatar-2026 i {
    color: #0a1628;
    font-size: 1.25rem;
}

.sxo-2026-wrapper .case-studies-company-info-2026 {
    flex: 1;
}

.sxo-2026-wrapper .case-studies-company-name-2026 {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 4px 0;
}

.sxo-2026-wrapper .case-studies-company-sector-2026 {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

/* === PRINT === */
@media print {
    .sxo-2026-wrapper .trust-case-studies-2026 {
        background: #ffffff;
        color: #0a1628;
    }
    .sxo-2026-wrapper .case-studies-card-2026 {
        background: #f8fafc;
        border: 1px solid #e2e8f0;
    }
}

/* === ACCESSIBILITY - REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .trust-case-studies-2026 *,
    .sxo-2026-wrapper .trust-case-studies-2026 *::before,
    .sxo-2026-wrapper .trust-case-studies-2026 *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


/* === SOURCE: community-2026.css === */
/* ============================================================================
   COMMUNITY 2026 - SXO 2026 GOLD STANDARD
   Template: community_section_2026.html.twig
   Classes exactes du template matchées 1:1
   ============================================================================ */

/* ═══════════════════════════════════════════════════════════
   SECTION CONTAINER
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-community-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
    background: #ffffff;
    padding: 80px 0;
    position: relative;
}

/* ═══════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .community-header-2026 {
    text-align: center;
    margin-bottom: 50px;
}

.sxo-2026-wrapper .community-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #1e3a5f;
    margin-bottom: 16px;
    line-height: 1.2;
}

.sxo-2026-wrapper .community-subtitle-2026 {
    color: #64748b;
    font-size: 1.25rem;
    max-width: 600px;
    margin: 0 auto;
}

/* ═══════════════════════════════════════════════════════════
   GRID DE TILES
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .community-tiles-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ═══════════════════════════════════════════════════════════
   TILE (lien social)
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .community-tile-2026 {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid rgba(30, 58, 95, 0.08);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

.sxo-2026-wrapper .community-tile-2026:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(30, 58, 95, 0.12);
    border-color: #1e40af;
}

/* ═══════════════════════════════════════════════════════════
   TILE ICON
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .community-tile-icon-2026 {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sxo-2026-wrapper .community-tile-icon-2026 i {
    font-size: 1.5rem;
    color: #ffffff;
}

/* ═══════════════════════════════════════════════════════════
   TILE CONTENT
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .community-tile-title-2026 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1e3a5f;
    margin-bottom: 4px;
}

.sxo-2026-wrapper .community-tile-description-2026 {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0;
    line-height: 1.4;
}

/* ═══════════════════════════════════════════════════════════
   TILE ARROW
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .community-tile-arrow-2026 {
    margin-left: auto;
    width: 36px;
    height: 36px;
    background: rgba(30, 64, 175, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.sxo-2026-wrapper .community-tile-arrow-2026 i {
    color: #1e40af;
    font-size: 0.875rem;
}

.sxo-2026-wrapper .community-tile-2026:hover .community-tile-arrow-2026 {
    background: #1e40af;
}

.sxo-2026-wrapper .community-tile-2026:hover .community-tile-arrow-2026 i {
    color: #ffffff;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════ */
@media (min-width: 768px) {
    .sxo-2026-wrapper .community-tiles-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .trust-community-2026 {
        padding: 100px 0;
    }

    .sxo-2026-wrapper .community-title-2026 {
        font-size: 2.5rem;
    }

    .sxo-2026-wrapper .community-tiles-grid-2026 {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .community-tile-2026,
    .sxo-2026-wrapper .community-tile-arrow-2026 {
        transition: none !important;
    }

    .sxo-2026-wrapper .community-tile-2026:hover {
        transform: none !important;
    }
}


/* === SOURCE: cta-advocacy-2026.css === */
/* ============================================================================
   Cta Advocacy 2026 - SXO 2026 GOLD STANDARD
   Theme: Trust Blue Corporate avec wrapper isolation
   Classes: .trust-cta-advocacy-2026, .cta_advocacy-*-2026
   ============================================================================ */

/* ═══════════════════════════════════════════════════════════
   SÉCURISATION AFFICHAGE - Force visibilité
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-cta-advocacy-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* ═══════════════════════════════════════════════════════════
   SECTION CONTAINER
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-cta-advocacy-2026 {
    background: radial-gradient(circle at 40% 40%, #1e3a5f 0%, #0f1d30 100%);
    padding: 80px 0;
    position: relative;
    color: #ffffff;
}

.sxo-2026-wrapper .cta_advocacy-header-2026 {
    text-align: center;
    margin-bottom: 50px;
}

.sxo-2026-wrapper .cta_advocacy-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 16px;
    line-height: 1.2;
}

.sxo-2026-wrapper .cta_advocacy-subtitle-2026 {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1.25rem;
    max-width: 600px;
    margin: 0 auto;
}

.sxo-2026-wrapper .cta_advocacy-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.sxo-2026-wrapper .cta_advocacy-card-2026 {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 30px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sxo-2026-wrapper .cta_advocacy-card-2026:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(30, 58, 95, 0.15);
}

.sxo-2026-wrapper .cta_advocacy-icon-2026 {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #1e3a5f 0%, #2d4a6f 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 1.5rem;
    color: #ffffff;
}

.sxo-2026-wrapper .cta_advocacy-item-title-2026 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
}

.sxo-2026-wrapper .cta_advocacy-item-text-2026 {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1rem;
    line-height: 1.6;
}

/* CTA Button */
.sxo-2026-wrapper .cta_advocacy-cta-2026 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #ffffff;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    min-height: 48px;
}

.sxo-2026-wrapper .cta_advocacy-cta-2026:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 24px rgba(255, 107, 53, 0.4);
}

/* Mobile first - Tablet (>= 768px) */
@media (min-width: 768px) {
    .sxo-2026-wrapper .cta_advocacy-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop (>= 1200px) */
@media (min-width: 1200px) {
    .sxo-2026-wrapper .trust-cta-advocacy-2026 {
        padding: 100px 0;
    }

    .sxo-2026-wrapper .cta_advocacy-grid-2026 {
        grid-template-columns: repeat(3, 1fr);
    }

    .sxo-2026-wrapper .cta_advocacy-title-2026 {
        font-size: 2.5rem;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .cta_advocacy-card-2026,
    .sxo-2026-wrapper .cta_advocacy-cta-2026 {
        transition: none !important;
    }

    .sxo-2026-wrapper .cta_advocacy-card-2026:hover,
    .sxo-2026-wrapper .cta_advocacy-cta-2026:hover {
        transform: none !important;
    }
}


/* === SOURCE: cta-final-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   CTA FINAL SECTION 2026 - Autonome
   Source: prototype-homepage-parfaite-2026.html
   Date: 2026-02-05
   ═══════════════════════════════════════════════════════════════════════════ */

.sxo-2026-wrapper .cta-final-2026 {
    background: linear-gradient(135deg, #0a1628 0%, #1a365d 100%);
    padding: 48px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .cta-final-2026 {
        padding: 64px 0;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .cta-final-2026 {
        padding: 80px 0;
    }
}

.sxo-2026-wrapper .cta-final-2026 .container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 16px;
}

.sxo-2026-wrapper .cta-final-card-2026 {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 40px 24px;
    text-align: center;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .cta-final-card-2026 {
        padding: 56px 48px;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .cta-final-card-2026 {
        padding: 64px 56px;
    }
}

.sxo-2026-wrapper .cta-final-title-2026 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 12px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .cta-final-title-2026 {
        font-size: 1.875rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .cta-final-title-2026 {
        font-size: 2.25rem;
    }
}

.sxo-2026-wrapper .cta-final-text-2026 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
    margin: 0 0 28px 0;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}

.sxo-2026-wrapper .cta-final-actions-2026 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

@media (min-width: 576px) {
    .sxo-2026-wrapper .cta-final-actions-2026 {
        flex-direction: row;
        justify-content: center;
    }
}

.sxo-2026-wrapper .cta-final-primary-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 32px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.4s ease;
    min-height: 56px;
    box-shadow: 0 4px 20px rgba(196, 163, 90, 0.3);
}

.sxo-2026-wrapper .cta-final-primary-2026:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(196, 163, 90, 0.4);
    color: #0a1628;
}

.sxo-2026-wrapper .cta-final-secondary-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    background: transparent;
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.9375rem;
    text-decoration: none;
    transition: all 0.3s ease;
    min-height: 52px;
}

.sxo-2026-wrapper .cta-final-secondary-2026:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
    color: #ffffff;
}

/* === FOCUS-VISIBLE & ACTIVE STATES (Round 4 Harmonization) === */
.sxo-2026-wrapper .cta-final-primary-2026:focus-visible {
    outline: 3px solid #c4a35a;
    outline-offset: 3px;
}

.sxo-2026-wrapper .cta-final-primary-2026:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(196, 163, 90, 0.2);
}

.sxo-2026-wrapper .cta-final-secondary-2026:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.5);
    outline-offset: 3px;
}

.sxo-2026-wrapper .cta-final-secondary-2026:active {
    transform: scale(0.97);
}


/* ═══════════════════════════════════════════════════════════════════════════
   ENRICHISSEMENTS DEPUIS TRUST (2026-02-24) - Batch 3B
   Selecteurs adaptes : .trust-cta-final-2026 -> .cta-final-2026
                        .cta_final-* -> .cta-final-*
   ═══════════════════════════════════════════════════════════════════════════ */

/* === SECURISATION AFFICHAGE === */
.sxo-2026-wrapper section[data-section-type="cta_final"],
.sxo-2026-wrapper .cta-final-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* === CONTAINER RESPONSIVE PADDING === */
@media (min-width: 768px) {
    .sxo-2026-wrapper .cta-final-2026 .container {
        padding: 0 24px;
    }
}

/* === LAYOUT WRAPPERS (structure TRUST enrichie) === */
.sxo-2026-wrapper .cta-final-layout-2026 {
    display: flex;
    flex-direction: column;
    gap: 28px;
    align-items: center;
}

.sxo-2026-wrapper .cta-final-content-col-2026 {
    text-align: center;
}

.sxo-2026-wrapper .cta-final-content-2026 {
    max-width: 550px;
    margin: 0 auto;
}

/* === TITLE LINE-HEIGHT === */
.sxo-2026-wrapper .cta-final-title-2026 {
    line-height: 1.2;
}

/* === TEXT RESPONSIVE === */
@media (min-width: 768px) {
    .sxo-2026-wrapper .cta-final-text-2026 {
        font-size: 1.0625rem;
    }
}

/* === ACTIONS COL WRAPPER === */
.sxo-2026-wrapper .cta-final-actions-col-2026 {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* === ICON DANS BOUTONS === */
.sxo-2026-wrapper .cta-final-primary-2026 i {
    font-size: 1rem;
}

.sxo-2026-wrapper .cta-final-secondary-2026 i {
    font-size: 0.9375rem;
}

/* === PRINT STYLES === */
@media print {
    .sxo-2026-wrapper .cta-final-2026 {
        background: #ffffff !important;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .cta-final-card-2026 {
        background: #f5f5f5 !important;
        border: 1px solid #dddddd;
    }

    .sxo-2026-wrapper .cta-final-title-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .cta-final-text-2026 {
        color: #333333 !important;
    }

    .sxo-2026-wrapper .cta-final-primary-2026 {
        background: #cccccc !important;
        color: #000000 !important;
        box-shadow: none !important;
    }

    .sxo-2026-wrapper .cta-final-secondary-2026 {
        border-color: #333333 !important;
        color: #000000 !important;
    }
}

/* === ACCESSIBILITY - REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .cta-final-primary-2026,
    .sxo-2026-wrapper .cta-final-secondary-2026 {
        transition: none;
    }

    .sxo-2026-wrapper .cta-final-primary-2026:hover {
        transform: none;
    }
}


/* === SOURCE: cta-intermediate-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   CTA INTERMEDIATE SECTION 2026 - Autonome
   Source: prototype-homepage-parfaite-2026.html
   Date: 2026-02-05
   Modifie: 2026-02-06 - Ajout bouton secondaire et container actions
   ═══════════════════════════════════════════════════════════════════════════ */

.sxo-2026-wrapper .cta-intermediate-2026 {
    background: linear-gradient(135deg, #0a1628 0%, #1a365d 100%);
    padding: 48px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .cta-intermediate-2026 {
        padding: 56px 0;
    }
}

.sxo-2026-wrapper .cta-intermediate-2026 .container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 16px;
    text-align: center;
}

.sxo-2026-wrapper .cta-intermediate-title-2026 {
    font-size: 1.5rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 16px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .cta-intermediate-title-2026 {
        font-size: 1.75rem;
    }
}

.sxo-2026-wrapper .cta-intermediate-text-2026 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.75);
    margin: 0 0 24px 0;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* === ACTIONS CONTAINER === */
.sxo-2026-wrapper .cta-intermediate-actions-2026 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .cta-intermediate-actions-2026 {
        flex-direction: row;
        justify-content: center;
        gap: 20px;
    }
}

/* === BOUTON PRIMAIRE === */
.sxo-2026-wrapper .cta-intermediate-btn-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 32px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.4s ease;
    min-height: 56px;
    box-shadow: 0 4px 20px rgba(196, 163, 90, 0.3);
}

.sxo-2026-wrapper .cta-intermediate-btn-2026:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(196, 163, 90, 0.4);
    color: #0a1628;
}

/* === BOUTON SECONDAIRE === */
.sxo-2026-wrapper .cta-intermediate-btn-secondary-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 32px;
    background: transparent;
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.4s ease;
    min-height: 56px;
}

.sxo-2026-wrapper .cta-intermediate-btn-secondary-2026:hover {
    border-color: #c4a35a;
    color: #c4a35a;
    transform: translateY(-2px);
}

/* === FOCUS-VISIBLE & ACTIVE STATES (Round 4 Harmonization) === */
.sxo-2026-wrapper .cta-intermediate-btn-2026:focus-visible {
    outline: 3px solid #c4a35a;
    outline-offset: 3px;
}

.sxo-2026-wrapper .cta-intermediate-btn-2026:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(196, 163, 90, 0.2);
}

.sxo-2026-wrapper .cta-intermediate-btn-secondary-2026:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.5);
    outline-offset: 3px;
}

.sxo-2026-wrapper .cta-intermediate-btn-secondary-2026:active {
    transform: translateY(0);
}


/* ═══════════════════════════════════════════════════════════════════════════
   ENRICHISSEMENTS DEPUIS TRUST (2026-02-24) - Batch 3B
   Selecteurs adaptes : .trust-cta-intermediate-2026 -> .cta-intermediate-2026
                        .cta_intermediate-* -> .cta-intermediate-*
   ═══════════════════════════════════════════════════════════════════════════ */

/* === SECURISATION AFFICHAGE === */
.sxo-2026-wrapper section[data-section-type="cta_intermediate"],
.sxo-2026-wrapper .cta-intermediate-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* === CONTAINER RESPONSIVE PADDING === */
@media (min-width: 768px) {
    .sxo-2026-wrapper .cta-intermediate-2026 .container {
        padding: 0 24px;
    }
}

/* === CARD (structure enrichie) === */
.sxo-2026-wrapper .cta-intermediate-card-2026 {
    background: transparent;
    padding: 0;
    border: none;
}

/* === LAYOUT (flex column -> row on desktop) === */
.sxo-2026-wrapper .cta-intermediate-layout-2026 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    text-align: center;
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .cta-intermediate-layout-2026 {
        flex-direction: row;
        text-align: left;
        gap: 48px;
    }
}

.sxo-2026-wrapper .cta-intermediate-content-col-2026 {
    flex: 1;
}

.sxo-2026-wrapper .cta-intermediate-content-2026 {
    max-width: 700px;
}

/* === ICON === */
.sxo-2026-wrapper .cta-intermediate-icon-2026 {
    width: 56px;
    height: 56px;
    background: rgba(196, 163, 90, 0.15);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .cta-intermediate-icon-2026 {
        margin: 0 0 16px;
    }
}

.sxo-2026-wrapper .cta-intermediate-icon-2026 i {
    font-size: 1.5rem;
    color: #c4a35a;
}

/* === TITLE LINE-HEIGHT === */
.sxo-2026-wrapper .cta-intermediate-title-2026 {
    line-height: 1.2;
}

/* === SUBTITLE === */
.sxo-2026-wrapper .cta-intermediate-subtitle-2026 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
    margin: 0 0 16px 0;
}

/* === BENEFITS LIST === */
.sxo-2026-wrapper .cta-intermediate-benefits-2026 {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .cta-intermediate-benefits-2026 {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px;
    }
}

.sxo-2026-wrapper .cta-intermediate-benefits-2026 li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9375rem;
    font-weight: 500;
}

.sxo-2026-wrapper .cta-intermediate-benefits-2026 li i {
    color: #c4a35a;
    font-size: 1rem;
}

/* === NOTE === */
.sxo-2026-wrapper .cta-intermediate-note-2026 {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.6);
    font-style: italic;
    margin: 0;
}

/* === ACTIONS COL WRAPPER === */
.sxo-2026-wrapper .cta-intermediate-actions-col-2026 {
    flex-shrink: 0;
}

/* === PRINT STYLES === */
@media print {
    .sxo-2026-wrapper .cta-intermediate-2026 {
        background: #f5f5f5 !important;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .cta-intermediate-title-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .cta-intermediate-text-2026 {
        color: #333333 !important;
    }

    .sxo-2026-wrapper .cta-intermediate-subtitle-2026,
    .sxo-2026-wrapper .cta-intermediate-benefits-2026 li {
        color: #333333 !important;
    }

    .sxo-2026-wrapper .cta-intermediate-btn-2026 {
        background: #333333 !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }

    .sxo-2026-wrapper .cta-intermediate-btn-secondary-2026 {
        border-color: #333333 !important;
        color: #000000 !important;
    }
}

/* === ACCESSIBILITY - REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .cta-intermediate-btn-2026,
    .sxo-2026-wrapper .cta-intermediate-btn-secondary-2026 {
        transition: none;
    }

    .sxo-2026-wrapper .cta-intermediate-btn-2026:hover,
    .sxo-2026-wrapper .cta-intermediate-btn-secondary-2026:hover {
        transform: none;
    }
}


/* === SOURCE: custom-2026.css === */
/* ══════════════════════════════════════════════════════
   SECURISATION AFFICHAGE - Force visibilite
   ══════════════════════════════════════════════════════ */
.sxo-2026-wrapper section[data-section-type] {
    display: block;
    visibility: visible;
    opacity: 1;
}
/* Trust custom 2026 - SXO 2026 GOLD STANDARD */


/* === SOURCE: cyber-2026.css === */
/* ============================================================================
   CYBER 2026 - SXO 2026 GOLD STANDARD
   Template: cyber_2026.html.twig
   Classes exactes du template matchées 1:1
   ============================================================================ */

/* ═══════════════════════════════════════════════════════════
   SECTION CONTAINER
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-cyber-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
    background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);
    padding: 80px 0;
    position: relative;
}

/* ═══════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .cyber-header-2026 {
    text-align: center;
    margin-bottom: 50px;
}

.sxo-2026-wrapper .cyber-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 16px;
    line-height: 1.2;
}

.sxo-2026-wrapper .cyber-subtitle-2026 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.25rem;
    max-width: 600px;
    margin: 0 auto;
}

/* ═══════════════════════════════════════════════════════════
   GRID
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .cyber-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ═══════════════════════════════════════════════════════════
   CYBER ITEM
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .cyber-item-2026 {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 30px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.3s ease, background 0.3s ease;
    text-align: center;
}

.sxo-2026-wrapper .cyber-item-2026:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.1);
}

/* ═══════════════════════════════════════════════════════════
   ICON
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .cyber-icon-2026 {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.sxo-2026-wrapper .cyber-icon-2026 i {
    font-size: 1.75rem;
    color: #ffffff;
}

/* ═══════════════════════════════════════════════════════════
   TEXT
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .cyber-item-title-2026 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
}

.sxo-2026-wrapper .cyber-item-description-2026 {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9375rem;
    line-height: 1.6;
    margin: 0;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════ */
@media (min-width: 576px) {
    .sxo-2026-wrapper .cyber-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .trust-cyber-2026 {
        padding: 100px 0;
    }

    .sxo-2026-wrapper .cyber-grid-2026 {
        grid-template-columns: repeat(4, 1fr);
    }

    .sxo-2026-wrapper .cyber-title-2026 {
        font-size: 2.5rem;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .cyber-item-2026 {
        transition: none !important;
    }

    .sxo-2026-wrapper .cyber-item-2026:hover {
        transform: none !important;
    }
}


/* === SOURCE: editorial-2026.css === */
/* ============================================================================
   EDITORIAL 2026 - SXO 2026 GOLD STANDARD
   Template: editorial_2026.html.twig
   Classes exactes du template matchées 1:1
   ============================================================================ */

/* ═══════════════════════════════════════════════════════════
   SECTION CONTAINER
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-editorial-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
    background: #ffffff;
    padding: 80px 0;
    position: relative;
    color: #1e3a5f;
}

/* ═══════════════════════════════════════════════════════════
   LAYOUT (2 colonnes)
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .editorial-layout-2026 {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

/* ═══════════════════════════════════════════════════════════
   COLONNE CONTENU (principale)
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .editorial-content-col-2026 {
    flex: 2;
}

.sxo-2026-wrapper .editorial-content-2026 {
    padding: 0;
}

/* ═══════════════════════════════════════════════════════════
   TITRE
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .editorial-title-2026 {
    font-size: 2.25rem;
    font-weight: 800;
    color: #1e3a5f;
    margin-bottom: 24px;
    line-height: 1.3;
}

/* ═══════════════════════════════════════════════════════════
   CORPS DU TEXTE
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .editorial-body-2026 {
    color: #475569;
    font-size: 1rem;
    line-height: 1.8;
}

.sxo-2026-wrapper .editorial-body-2026 p {
    margin-bottom: 1.5rem;
}

.sxo-2026-wrapper .editorial-body-2026 h3,
.sxo-2026-wrapper .editorial-body-2026 h4 {
    color: #1e3a5f;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.sxo-2026-wrapper .editorial-body-2026 h3 {
    font-size: 1.5rem;
}

.sxo-2026-wrapper .editorial-body-2026 h4 {
    font-size: 1.25rem;
}

.sxo-2026-wrapper .editorial-body-2026 ul,
.sxo-2026-wrapper .editorial-body-2026 ol {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.sxo-2026-wrapper .editorial-body-2026 li {
    margin-bottom: 0.5rem;
}

.sxo-2026-wrapper .editorial-body-2026 a {
    color: #1e40af;
    text-decoration: underline;
}

.sxo-2026-wrapper .editorial-body-2026 a:hover {
    color: #1e3a5f;
}

.sxo-2026-wrapper .editorial-body-2026 blockquote {
    border-left: 4px solid #1e40af;
    padding-left: 20px;
    margin: 2rem 0;
    font-style: italic;
    color: #64748b;
}

/* ═══════════════════════════════════════════════════════════
   COLONNE SIDEBAR
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .editorial-sidebar-col-2026 {
    flex: 1;
}

.sxo-2026-wrapper .editorial-sidebar-2026 {
    position: sticky;
    top: 100px;
}

/* ═══════════════════════════════════════════════════════════
   SIDEBAR CARD
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .editorial-sidebar-card-2026 {
    background: linear-gradient(135deg, #f0f7ff 0%, #e8f4ff 100%);
    border: 1px solid rgba(30, 64, 175, 0.1);
    border-radius: 16px;
    padding: 30px;
}

.sxo-2026-wrapper .editorial-sidebar-title-2026 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e3a5f;
    margin-bottom: 12px;
}

.sxo-2026-wrapper .editorial-sidebar-text-2026 {
    color: #64748b;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* ═══════════════════════════════════════════════════════════
   SIDEBAR CTA
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .editorial-sidebar-cta-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: #ffffff;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.9375rem;
    text-decoration: none;
    transition: all 0.3s ease;
    min-height: 48px;
}

.sxo-2026-wrapper .editorial-sidebar-cta-2026:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(30, 64, 175, 0.35);
    color: #ffffff;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════ */
@media (min-width: 1200px) {
    .sxo-2026-wrapper .trust-editorial-2026 {
        padding: 100px 0;
    }

    .sxo-2026-wrapper .editorial-layout-2026 {
        flex-direction: row;
        gap: 60px;
    }

    .sxo-2026-wrapper .editorial-title-2026 {
        font-size: 2.5rem;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .editorial-sidebar-cta-2026 {
        transition: none !important;
    }

    .sxo-2026-wrapper .editorial-sidebar-cta-2026:hover {
        transform: none !important;
    }
}


/* === SOURCE: experts-2026.css === */
/* ============================================================================
   EXPERTS 2026 - SXO 2026 GOLD STANDARD
   Template: experts_2026.html.twig
   Classes exactes du template matchées 1:1
   ============================================================================ */

/* ═══════════════════════════════════════════════════════════
   SECTION CONTAINER
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-experts-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
    background: #ffffff;
    padding: 80px 0;
    position: relative;
}

/* ═══════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .experts-header-2026 {
    text-align: center;
    margin-bottom: 50px;
}

.sxo-2026-wrapper .experts-header-2026 .experts-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #1e3a5f;
    margin-bottom: 16px;
    line-height: 1.2;
}

.sxo-2026-wrapper .experts-subtitle-2026 {
    color: #64748b;
    font-size: 1.25rem;
    max-width: 600px;
    margin: 0 auto;
}

/* ═══════════════════════════════════════════════════════════
   GRID
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .experts-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ═══════════════════════════════════════════════════════════
   EXPERT CARD
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .experts-card-2026 {
    background: #f8fafc;
    border-radius: 16px;
    padding: 30px;
    text-align: center;
    border: 1px solid rgba(30, 58, 95, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sxo-2026-wrapper .experts-card-2026:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(30, 58, 95, 0.15);
}

/* ═══════════════════════════════════════════════════════════
   AVATAR
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .experts-avatar-2026 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 20px;
    border: 4px solid #1e40af;
}

.sxo-2026-wrapper .experts-avatar-2026 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ═══════════════════════════════════════════════════════════
   EXPERT INFO
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .experts-name-2026 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e3a5f;
    margin-bottom: 8px;
}

.sxo-2026-wrapper .experts-card-2026 .experts-title-2026 {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1e40af;
    margin-bottom: 12px;
}

.sxo-2026-wrapper .experts-description-2026 {
    color: #64748b;
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 0;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════ */
@media (min-width: 576px) {
    .sxo-2026-wrapper .experts-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .trust-experts-2026 {
        padding: 100px 0;
    }

    .sxo-2026-wrapper .experts-grid-2026 {
        grid-template-columns: repeat(4, 1fr);
    }

    .sxo-2026-wrapper .experts-header-2026 .experts-title-2026 {
        font-size: 2.5rem;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .experts-card-2026 {
        transition: none !important;
    }

    .sxo-2026-wrapper .experts-card-2026:hover {
        transform: none !important;
    }
}


/* === SOURCE: faq-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   FAQ SECTION 2026 - Autonome
   Source: prototype-homepage-parfaite-2026.html
   Date: 2026-02-05
   ═══════════════════════════════════════════════════════════════════════════ */

.sxo-2026-wrapper .faq-section-2026 {
    background: linear-gradient(135deg, #0a1628 0%, #1a365d 100%);
    padding: 48px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .faq-section-2026 {
        padding: 64px 0;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .faq-section-2026 {
        padding: 80px 0;
    }
}

.sxo-2026-wrapper .faq-section-2026 .container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 16px;
}

.sxo-2026-wrapper .faq-header-2026 {
    text-align: center;
    margin-bottom: 40px;
}

.sxo-2026-wrapper .faq-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 12px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .faq-title-2026 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .faq-title-2026 {
        font-size: 2.5rem;
    }
}

.sxo-2026-wrapper .faq-subtitle-2026 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin: 0 auto;
}

.sxo-2026-wrapper .faq-grid-2026 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sxo-2026-wrapper .faq-item-2026 {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    overflow: hidden;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.sxo-2026-wrapper .faq-item-2026:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(196, 163, 90, 0.3);
}

.sxo-2026-wrapper .faq-item-2026[open] {
    border-color: rgba(196, 163, 90, 0.5);
    background: rgba(255, 255, 255, 0.06);
}

.sxo-2026-wrapper .faq-question-2026 {
    width: 100%;
    background: transparent;
    border: none;
    padding: 20px 24px;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    color: #ffffff;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.4;
    transition: background 0.3s ease;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .faq-question-2026 {
        font-size: 1rem;
    }
}

.sxo-2026-wrapper .faq-question-2026:hover {
    background: rgba(255, 255, 255, 0.02);
}

.sxo-2026-wrapper .faq-icon-2026 {
    color: #c4a35a;
    font-size: 0.875rem;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.sxo-2026-wrapper .faq-item-2026[open] .faq-icon-2026 {
    transform: rotate(180deg);
}

.sxo-2026-wrapper .faq-answer-2026 {
    color: rgba(255, 255, 255, 0.75);
    
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.sxo-2026-wrapper .faq-item-2026[open] .faq-answer-2026 {
    max-height: 500px;
    padding: 0 24px 20px;
}

.sxo-2026-wrapper .faq-answer-2026 p {
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.7;
    font-size: 0.9375rem;
    margin: 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ENRICHISSEMENTS DEPUIS TRUST (2026-02-24)
   ═══════════════════════════════════════════════════════════════════════════ */

/* --- Render safety --- */
.sxo-2026-wrapper section[data-section-type="faq"],
.sxo-2026-wrapper .faq-section-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* --- Container responsive 768px (from TRUST) --- */
@media (min-width: 768px) {
    .sxo-2026-wrapper .faq-section-2026 .container {
        padding: 0 24px;
    }
}

/* --- Header margin-bottom responsive (from TRUST) --- */
@media (min-width: 768px) {
    .sxo-2026-wrapper .faq-header-2026 {
        margin-bottom: 48px;
    }
}

/* --- Title line-height (from TRUST) --- */
.sxo-2026-wrapper .faq-title-2026 {
    line-height: 1.2;
}

/* --- Subtitle responsive + line-height (from TRUST) --- */
.sxo-2026-wrapper .faq-subtitle-2026 {
    line-height: 1.6;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .faq-subtitle-2026 {
        font-size: 1.0625rem;
    }
}

/* --- Active state for items (JS accordion, from TRUST) --- */
.sxo-2026-wrapper .faq-item-2026.active {
    border-color: rgba(196, 163, 90, 0.5);
    background: rgba(255, 255, 255, 0.06);
}

/* --- aria-expanded border (from TRUST) --- */
.sxo-2026-wrapper .faq-question-2026[aria-expanded="true"] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* --- aria-expanded icon rotation (from TRUST) --- */
.sxo-2026-wrapper .faq-question-2026[aria-expanded="true"] .faq-icon-2026 {
    transform: rotate(180deg);
}

/* --- Answer for .active items (JS accordion, from TRUST) --- */
.sxo-2026-wrapper .faq-item-2026.active .faq-answer-2026 {
    max-height: 500px;
    padding: 0 24px 20px;
}

/* --- Answer list styles (from TRUST) --- */
.sxo-2026-wrapper .faq-answer-2026 ul,
.sxo-2026-wrapper .faq-answer-2026 ol {
    color: rgba(255, 255, 255, 0.75);
    margin: 12px 0;
    padding-left: 24px;
}

/* --- Answer link styles (from TRUST) --- */
.sxo-2026-wrapper .faq-answer-2026 a {
    color: #c4a35a;
    text-decoration: underline;
}

.sxo-2026-wrapper .faq-answer-2026 a:hover {
    color: #d4b86a;
}

/* --- Footer / CTA (from TRUST) --- */
.sxo-2026-wrapper .faq-footer-2026 {
    text-align: center;
    margin-top: 48px;
    padding: 24px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.sxo-2026-wrapper .faq-footer-2026 p {
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 16px 0;
    font-size: 0.9375rem;
}

.sxo-2026-wrapper .faq-cta-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.9375rem;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    min-height: 48px;
}

.sxo-2026-wrapper .faq-cta-2026:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(196, 163, 90, 0.4);
}

/* --- Legacy support selectors (from TRUST) --- */
.sxo-2026-wrapper .faq-faq-header {
    text-align: center;
    margin-bottom: 48px;
}

.sxo-2026-wrapper .faq-faq-container {
    max-width: 900px;
    margin: 0 auto;
}

.sxo-2026-wrapper .faq-question-button-2026 {
    width: 100%;
    background: transparent;
    border: none;
    padding: 20px 24px;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    transition: background 0.3s ease;
}

.sxo-2026-wrapper .faq-question-text-2026 {
    flex: 1;
    margin: 0;
}

.sxo-2026-wrapper .faq-answer-wrapper-2026 {
    padding: 0 24px 20px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.7;
}

.sxo-2026-wrapper .faq-answer-content-2026 {
    color: rgba(255, 255, 255, 0.75);
}

.sxo-2026-wrapper .faq-category-badge-2026 {
    display: inline-block;
    background: rgba(196, 163, 90, 0.15);
    color: #c4a35a;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px;
}

/* --- Print styles (from TRUST, adapted selectors) --- */
@media print {
    .sxo-2026-wrapper .faq-section-2026 {
        background: #ffffff !important;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .faq-item-2026 {
        background: #f5f5f5 !important;
        border: 1px solid #dddddd;
    }

    .sxo-2026-wrapper .faq-title-2026,
    .sxo-2026-wrapper .faq-question-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .faq-answer-2026 p {
        color: #333333 !important;
    }

    .sxo-2026-wrapper .faq-item-2026.active .faq-answer-2026,
    .sxo-2026-wrapper .faq-item-2026[open] .faq-answer-2026 {
        max-height: none;
        padding: 0 24px 20px;
    }
}

/* --- Reduced motion (from TRUST, adapted selectors) --- */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .faq-item-2026,
    .sxo-2026-wrapper .faq-icon-2026,
    .sxo-2026-wrapper .faq-answer-2026,
    .sxo-2026-wrapper .faq-cta-2026 {
        transition: none;
    }

    .sxo-2026-wrapper .faq-cta-2026:hover {
        transform: none;
    }
}

/* --- Initial states (replace inline style, from TRUST) --- */
.sxo-2026-wrapper .faq-icon-minus-2026 {
    display: none;
}

.sxo-2026-wrapper .faq-answer-wrapper-2026 {
    display: none;
}

/* --- CTA wrapper legacy (from TRUST) --- */
.sxo-2026-wrapper .faq-faq-cta-wrapper {
    text-align: center;
    margin-top: 48px;
    padding: 24px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.sxo-2026-wrapper .faq-faq-cta-wrapper p {
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 16px 0;
    font-size: 0.9375rem;
}

.sxo-2026-wrapper .faq-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.9375rem;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    min-height: 48px;
}

.sxo-2026-wrapper .faq-cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(196, 163, 90, 0.4);
}

/* --- Accordion selectors (from TRUST) --- */
.sxo-2026-wrapper .faq-accordion-2026 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 800px;
    margin: 0 auto;
}

.sxo-2026-wrapper .faq-question-content-2026 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

.sxo-2026-wrapper .faq-icon-plus-2026 {
    display: inline-block;
    font-size: 1.25rem;
    transition: transform 0.3s ease;
}

.sxo-2026-wrapper .faq-item-2026.active .faq-icon-plus-2026 {
    display: none;
}

.sxo-2026-wrapper .faq-item-2026.active .faq-icon-minus-2026 {
    display: inline-block;
}


/* === SOURCE: features-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   FEATURES SECTION 2026 - Autonome
   Source: prototype-homepage-parfaite-2026.html
   Date: 2026-02-05
   ═══════════════════════════════════════════════════════════════════════════ */

.sxo-2026-wrapper .features-section-2026 {
    background: linear-gradient(135deg, #0a1628 0%, #1a365d 100%);
    padding: 48px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .features-section-2026 {
        padding: 64px 0;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .features-section-2026 {
        padding: 80px 0;
    }
}

.sxo-2026-wrapper .features-section-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

.sxo-2026-wrapper .features-header-2026 {
    text-align: center;
    margin-bottom: 40px;
}

.sxo-2026-wrapper .features-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 12px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .features-title-2026 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .features-title-2026 {
        font-size: 2.5rem;
    }
}

.sxo-2026-wrapper .features-subtitle-2026 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin: 0 auto;
}

.sxo-2026-wrapper .features-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 576px) {
    .sxo-2026-wrapper .features-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .features-grid-2026 {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }
}

.sxo-2026-wrapper .features-card-2026 {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 28px 20px;
    min-height: 200px; /* CLS fix 2026-02-20 */
    text-align: center;
    transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.sxo-2026-wrapper .features-card-2026:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(196, 163, 90, 0.3);
    transform: translateY(-4px);
}

.sxo-2026-wrapper .features-icon-2026 {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.sxo-2026-wrapper .features-icon-2026 i {
    font-size: 1.25rem;
    color: #0a1628;
}

.sxo-2026-wrapper .features-card-title-2026 {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px 0;
}

.sxo-2026-wrapper .features-card-text-2026 {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
    line-height: 1.5;
}

/* === CLICKABLE CARDS (url present) === */
.sxo-2026-wrapper .features-card-link-2026 {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    display: block;
    min-height: 48px;
}

.sxo-2026-wrapper .features-card-link-2026:focus-visible {
    outline: 2px solid #c4a35a;
    outline-offset: 2px;
    border-radius: 16px;
}

.sxo-2026-wrapper .features-card-link-2026:active {
    transform: translateY(-2px);
}

/* === COMING SOON CARDS === */
.sxo-2026-wrapper .features-card-coming-soon-2026 {
    opacity: 0.65;
    cursor: default;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sxo-2026-wrapper .features-card-coming-soon-2026:hover {
    transform: none;
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
}

.sxo-2026-wrapper .features-badge-coming-soon-2026 {
    display: inline-block;
    margin-top: auto;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    font-size: 0.8125rem;
    font-weight: 700;
    padding: 6px 16px;
    border-radius: 50px;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(196, 163, 90, 0.4);
}

/* === ACCESSIBILITE === */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .features-card-2026,
    .sxo-2026-wrapper .features-card-link-2026 {
        transition: none;
    }
}

/* === IMAGES DANS LES CARTES === */
.sxo-2026-wrapper .features-card-has-image-2026 {
    padding-top: 0;
    overflow: hidden;
}

.sxo-2026-wrapper .features-image-2026 {
    width: calc(100% + 3rem);
    margin: -1.5rem -1.5rem 1.25rem -1.5rem;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
}

.sxo-2026-wrapper .features-image-2026 img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.sxo-2026-wrapper .features-card-2026:hover .features-image-2026 img {
    transform: scale(1.05);
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .features-image-2026 img {
        height: 220px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ENRICHISSEMENTS DEPUIS TRUST (2026-02-24)
   ═══════════════════════════════════════════════════════════════════════════ */

/* --- Render safety --- */
.sxo-2026-wrapper section[data-section-type="features"],
.sxo-2026-wrapper .features-section-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* --- Container responsive 768px (from TRUST) --- */
@media (min-width: 768px) {
    .sxo-2026-wrapper .features-section-2026 .container {
        padding: 0 24px;
    }
}

/* --- Header margin-bottom responsive (from TRUST) --- */
@media (min-width: 768px) {
    .sxo-2026-wrapper .features-header-2026 {
        margin-bottom: 48px;
    }
}

/* --- Title line-height (from TRUST) --- */
.sxo-2026-wrapper .features-title-2026 {
    line-height: 1.2;
}

/* --- Subtitle responsive (from TRUST) --- */
.sxo-2026-wrapper .features-subtitle-2026 {
    line-height: 1.6;
    text-align: center;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .features-subtitle-2026 {
        font-size: 1.125rem;
    }
}

/* --- Bento grid layout (from TRUST, alternate grid for 3-col) --- */
.sxo-2026-wrapper .features-bento-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 576px) {
    .sxo-2026-wrapper .features-bento-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .features-bento-grid-2026 {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

/* --- Feature card (TRUST singular naming, alias) --- */
.sxo-2026-wrapper .feature-card-2026 {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 28px 20px;
    min-height: 200px; /* CLS fix */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .feature-card-2026 {
        padding: 32px 24px;
    }
}

.sxo-2026-wrapper .feature-card-2026:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(196, 163, 90, 0.4);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

/* --- Highlight variant (from TRUST) --- */
.sxo-2026-wrapper .feature-card-highlight-2026 {
    border-color: rgba(196, 163, 90, 0.3);
    background: rgba(196, 163, 90, 0.05);
}

/* --- Icon wrapper (from TRUST, square variant) --- */
.sxo-2026-wrapper .feature-icon-wrapper-2026 {
    width: 56px;
    height: 56px;
    margin-bottom: 20px;
    background: linear-gradient(135deg, rgba(196, 163, 90, 0.2) 0%, rgba(196, 163, 90, 0.05) 100%);
    border: 1px solid rgba(196, 163, 90, 0.3);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .feature-icon-wrapper-2026 {
        width: 64px;
        height: 64px;
    }
}

.sxo-2026-wrapper .feature-icon-wrapper-2026 i {
    font-size: 1.5rem;
    color: #c4a35a;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .feature-icon-wrapper-2026 i {
        font-size: 1.75rem;
    }
}

/* --- Feature title (TRUST singular naming) --- */
.sxo-2026-wrapper .feature-title-2026 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .feature-title-2026 {
        font-size: 1.25rem;
    }
}

/* --- Feature description (TRUST singular naming) --- */
.sxo-2026-wrapper .feature-description-2026 {
    font-size: 0.875rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .feature-description-2026 {
        font-size: 0.9375rem;
    }
}

/* --- Badge (from TRUST) --- */
.sxo-2026-wrapper .feature-badge-2026 {
    position: absolute;
    top: 16px;
    right: 16px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- Benefits list (from TRUST) --- */
.sxo-2026-wrapper .feature-benefits-2026 {
    list-style: none;
    padding: 0;
    margin: 16px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sxo-2026-wrapper .feature-benefits-2026 li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.875rem;
    line-height: 1.5;
}

.sxo-2026-wrapper .feature-benefits-2026 li i {
    color: #c4a35a;
    font-size: 0.875rem;
    flex-shrink: 0;
}

.sxo-2026-wrapper .feature-benefits-2026 li span {
    flex: 1;
}

/* --- Print styles (from TRUST, adapted selectors) --- */
@media print {
    .sxo-2026-wrapper .features-section-2026 {
        background: #ffffff !important;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .features-card-2026,
    .sxo-2026-wrapper .feature-card-2026 {
        background: #f5f5f5 !important;
        border: 1px solid #ddd !important;
    }

    .sxo-2026-wrapper .features-title-2026,
    .sxo-2026-wrapper .feature-title-2026,
    .sxo-2026-wrapper .features-card-title-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .features-subtitle-2026,
    .sxo-2026-wrapper .feature-description-2026,
    .sxo-2026-wrapper .features-card-text-2026 {
        color: #333333 !important;
    }
}


/* === SOURCE: hero-2026.css === */
/* ============================================================================
   HERO SECTION 2026 - SXO OPTIMISÉ + ADAPTATIF
   ============================================================================

   FIX 2026-01-31: Ajout préfixe .sxo-2026-wrapper pour isolation CSS
   (Pattern obligatoire FLYWHEEL - voir CLAUDE.md règle #25)

   Caractéristiques SXO 2026:
   - Mobile-first strict (ZERO @media max-width)
   - Core Web Vitals optimisés (LCP < 2.5s, INP < 200ms, CLS < 0.1)
   - Layout adaptatif (50/50 ou pleine largeur centrée)
   - Classes suffixées -2026
   - ZERO inline styles
   - Wrapper isolation .sxo-2026-wrapper

   Date: 2026-01-31
   ============================================================================ */

/* ============================================================================
   VARIABLES & BASE STYLES
   ============================================================================ */

.sxo-2026-wrapper {
    --hero-padding-mobile: 48px;
    --hero-padding-tablet: 64px;
    --hero-padding-desktop: 80px;

    /* FIX 2026-01-31: Réduction hauteur pour éviter fond bleu vide excessif */
    --hero-min-height-mobile: auto;
    --hero-min-height-tablet: auto;
    --hero-min-height-desktop: auto;

    --hero-overlay-opacity: 0.85;
    --hero-overlay-opacity-hover: 0.9;

    --hero-badge-bg: rgba(255, 255, 255, 0.15);
    --hero-badge-border: rgba(255, 255, 255, 0.3);
    --hero-badge-blur: 10px;

    --hero-text-color: #ffffff;
    --hero-text-muted: rgba(255, 255, 255, 0.8);

    /* FIX 2026-01-30: Gold premium */
    --hero-cta-primary-bg: #c4a35a;
    --hero-cta-primary-bg-hover: #d4b86a;
    --hero-cta-secondary-bg: transparent;
    --hero-cta-secondary-border: rgba(255, 255, 255, 0.5);

    --hero-focus-outline: #c4a35a;
    --hero-focus-offset: 2px;

    --hero-transition-speed: 0.2s;
    --hero-transition-easing: ease-out;
}

/* ============================================================================
   HERO SECTION ROOT
   ============================================================================ */

.sxo-2026-wrapper .hero-section-2026 {
    /* Performance optimizations */
    contain: layout style paint;
    content-visibility: auto;

    /* Layout */
    position: relative;
    min-height: var(--hero-min-height-mobile);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    /* Spacing */
    padding: var(--hero-padding-mobile) 16px;

    /* Typography - hérite de body (Poppins défini globalement) */
    line-height: 1.5;
    color: var(--hero-text-color);

    /* Accessibility */
    scroll-margin-top: 80px;
}

/* ============================================================================
   THEME VARIANTS - Backgrounds
   ============================================================================ */

/* Trust Theme (Corporate) - DEFAULT */
.sxo-2026-wrapper .hero-section-2026.trust-hero-2026 {
    background: linear-gradient(135deg, #0a1628 0%, #1a365d 50%, #2d3748 100%);
}

/* Modern Theme (Tech) */
.sxo-2026-wrapper .hero-section-2026.modern-hero-2026 {
    background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
}

/* Premium Theme (Luxury) */
.sxo-2026-wrapper .hero-section-2026.premium-hero-2026 {
    background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
}

/* Energy Theme (Dynamic) */
.sxo-2026-wrapper .hero-section-2026.energy-hero-2026 {
    background: linear-gradient(135deg, #2d3748 0%, #1a365d 100%);
}

/* No Media Variant */
.sxo-2026-wrapper .hero-section-2026.no-media {
    min-height: var(--hero-min-height-mobile);
}

/* ============================================================================
   OVERLAY
   ============================================================================ */

.sxo-2026-wrapper .hero-overlay-2026 {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(10, 22, 40, 0.7) 0%, rgba(26, 54, 93, 0.6) 100%);
    z-index: 1;
    transition: opacity var(--hero-transition-speed) var(--hero-transition-easing);
}

.sxo-2026-wrapper .hero-section-2026:hover .hero-overlay-2026 {
    opacity: var(--hero-overlay-opacity-hover);
}

/* ============================================================================
   CONTAINER & GRID
   ============================================================================ */

.sxo-2026-wrapper .container-2026 {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px; /* FIX: alignement avec header-v5 */
    margin: 0 auto;
    padding: 0 16px;
}

.sxo-2026-wrapper .hero-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: center;
}

/* ============================================================================
   CONTENT COLUMN
   ============================================================================ */

.sxo-2026-wrapper .hero-content-2026 {
    color: var(--hero-text-color);
    text-align: left;
}

.sxo-2026-wrapper .hero-content-centered-2026 {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

/* ============================================================================
   BADGE
   ============================================================================ */

.sxo-2026-wrapper .hero-badge-wrapper-2026 {
    margin-bottom: 16px;
}

.sxo-2026-wrapper .hero-badge-2026 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: var(--hero-badge-bg);
    border: 1px solid var(--hero-badge-border);
    border-radius: 9999px;
    backdrop-filter: blur(var(--hero-badge-blur));
    -webkit-backdrop-filter: blur(var(--hero-badge-blur));
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #c4a35a;
    transition: all var(--hero-transition-speed) var(--hero-transition-easing);
}

.sxo-2026-wrapper .hero-badge-2026:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-2px);
}

.sxo-2026-wrapper .hero-badge-2026 i {
    font-size: 1rem;
    color: #c4a35a;
}

.sxo-2026-wrapper .hero-badge-text-2026 {
    white-space: normal;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .hero-badge-text-2026 {
        white-space: nowrap;
    }
}

/* Theme-specific badge colors */
.sxo-2026-wrapper .trust-badge-2026 {
    color: #c4a35a;
}

.sxo-2026-wrapper .modern-badge-2026 {
    color: #d4b86a;
}

.sxo-2026-wrapper .premium-badge-2026 {
    color: #c4a35a;
}

.sxo-2026-wrapper .energy-badge-2026 {
    color: #c4a35a;
}

/* ============================================================================
   TITLE
   ============================================================================ */

.sxo-2026-wrapper .hero-title-2026 {
    font-size: clamp(1.75rem, 6vw, 2.5rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 16px 0;
    letter-spacing: -0.02em;
    color: #ffffff;
    overflow-wrap: break-word;
    word-break: break-word;
}

.sxo-2026-wrapper .hero-highlight-2026 {
    display: inline-block;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 900;
}

/* Theme-specific title colors */
.sxo-2026-wrapper .trust-title-2026 {
    color: #ffffff;
}

.sxo-2026-wrapper .modern-title-2026 {
    color: #e2e8f0;
}

.sxo-2026-wrapper .premium-title-2026 {
    color: #f7fafc;
}

.sxo-2026-wrapper .energy-title-2026 {
    color: #ffffff;
}

/* ============================================================================
   SUBTITLE
   ============================================================================ */

.sxo-2026-wrapper .hero-subtitle-2026 {
    font-size: clamp(0.9rem, 3vw, 1.125rem);
    line-height: 1.7;
    margin: 0 0 24px 0;
    color: var(--hero-text-muted);
    max-width: 600px;
}

.sxo-2026-wrapper .hero-content-centered-2026 .hero-subtitle-2026 {
    margin-left: auto;
    margin-right: auto;
}

/* Theme-specific subtitle colors */
.sxo-2026-wrapper .trust-subtitle-2026 {
    color: rgba(226, 232, 240, 0.9);
}

.sxo-2026-wrapper .modern-subtitle-2026 {
    color: rgba(203, 213, 224, 0.9);
}

.sxo-2026-wrapper .premium-subtitle-2026 {
    color: rgba(237, 242, 247, 0.9);
}

.sxo-2026-wrapper .energy-subtitle-2026 {
    color: rgba(226, 232, 240, 0.9);
}

/* ============================================================================
   BENEFITS
   ============================================================================ */

.sxo-2026-wrapper .hero-benefits-2026 {
    list-style: none;
    padding: 0;
    margin: 0 0 32px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sxo-2026-wrapper .hero-benefit-item-2026 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 1rem;
    line-height: 1.5;
    color: #ffffff;
}

.sxo-2026-wrapper .hero-benefit-item-2026 i {
    color: #c4a35a;
    font-size: 1.125rem;
    margin-top: 2px;
    flex-shrink: 0;
}

/* Theme-specific benefits icon colors */
.sxo-2026-wrapper .trust-benefit-2026 i {
    color: #c4a35a;
}

.sxo-2026-wrapper .modern-benefit-2026 i {
    color: #d4b86a;
}

.sxo-2026-wrapper .premium-benefit-2026 i {
    color: #c4a35a;
}

.sxo-2026-wrapper .energy-benefit-2026 i {
    color: #c4a35a;
}

/* ============================================================================
   CTAs
   ============================================================================ */

.sxo-2026-wrapper .hero-cta-group-2026 {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

.sxo-2026-wrapper .cta-button-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: all var(--hero-transition-speed) var(--hero-transition-easing);
    cursor: pointer;
    border: 2px solid transparent;
    min-height: 48px;
}

/* Primary CTA - dark text on gold for WCAG AA contrast (7.2:1) */
.sxo-2026-wrapper .cta-button-2026.cta-primary-2026 {
    background: var(--hero-cta-primary-bg);
    color: #1a1a1a;
    border-color: var(--hero-cta-primary-bg);
}

.sxo-2026-wrapper .cta-button-2026.cta-primary-2026:hover {
    background: var(--hero-cta-primary-bg-hover);
    border-color: var(--hero-cta-primary-bg-hover);
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(196, 163, 90, 0.3);
}

/* Secondary CTA */
.sxo-2026-wrapper .cta-button-2026.cta-secondary-2026 {
    background: var(--hero-cta-secondary-bg);
    color: #ffffff;
    border-color: var(--hero-cta-secondary-border);
}

.sxo-2026-wrapper .cta-button-2026.cta-secondary-2026:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #ffffff;
    transform: translateY(-2px);
}

/* Theme-specific secondary borders */
.sxo-2026-wrapper .trust-cta-secondary-2026 {
    border-color: rgba(196, 163, 90, 0.5);
}

.sxo-2026-wrapper .trust-cta-secondary-2026:hover {
    border-color: #c4a35a;
}

.sxo-2026-wrapper .modern-cta-secondary-2026 {
    border-color: rgba(144, 205, 244, 0.5);
}

.sxo-2026-wrapper .modern-cta-secondary-2026:hover {
    border-color: #d4b86a;
}

.sxo-2026-wrapper .premium-cta-secondary-2026 {
    border-color: rgba(246, 173, 85, 0.5);
}

.sxo-2026-wrapper .premium-cta-secondary-2026:hover {
    border-color: #c4a35a;
}

.sxo-2026-wrapper .energy-cta-secondary-2026 {
    border-color: rgba(196, 163, 90, 0.5);
}

.sxo-2026-wrapper .energy-cta-secondary-2026:hover {
    border-color: #c4a35a;
}

/* Focus states for accessibility */
.sxo-2026-wrapper .cta-button-2026:focus-visible {
    outline: 3px solid var(--hero-focus-outline);
    outline-offset: var(--hero-focus-offset);
}

.sxo-2026-wrapper .cta-button-2026:focus {
    outline: 3px solid rgba(196, 163, 90, 0.5);
    outline-offset: var(--hero-focus-offset);
}

/* ============================================================================
   MEDIA COLUMN
   ============================================================================ */

.sxo-2026-wrapper .hero-media-2026 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sxo-2026-wrapper .hero-video-wrapper-2026,
.sxo-2026-wrapper .hero-image-wrapper-2026 {
    width: 100%;
    max-width: 500px;
}

.sxo-2026-wrapper .video-container-2026 {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}

.sxo-2026-wrapper .ratio-16x9-2026 {
    padding-bottom: 56.25%; /* 16:9 */
}

.sxo-2026-wrapper .ratio-16x9-2026 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.sxo-2026-wrapper .hero-product-image-2026 {
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    transition: transform var(--hero-transition-speed) var(--hero-transition-easing);
}

.sxo-2026-wrapper .hero-product-image-2026:hover {
    transform: scale(1.02);
}

/* ============================================================================
   RESPONSIVE BREAKPOINTS (Mobile-First)
   ============================================================================ */

/* Tablet (768px and up) */
@media (min-width: 768px) {
    .sxo-2026-wrapper .hero-section-2026 {
        min-height: var(--hero-min-height-tablet);
        padding: var(--hero-padding-tablet) 32px;
    }

    .sxo-2026-wrapper .hero-grid-2026 {
        grid-template-columns: 1fr 1fr;
        gap: 48px;
    }

    .sxo-2026-wrapper .hero-title-2026 {
        font-size: 3rem;
        overflow-wrap: normal;
        word-break: normal;
    }

    .sxo-2026-wrapper .cta-button-2026 {
        padding: 14px 28px;
        font-size: 1rem;
    }

    .sxo-2026-wrapper .hero-subtitle-2026 {
        font-size: 1.25rem;
    }

    .sxo-2026-wrapper .hero-video-wrapper-2026,
    .sxo-2026-wrapper .hero-image-wrapper-2026 {
        max-width: 600px;
    }
}

/* Desktop (1200px and up) */
@media (min-width: 1200px) {
    .sxo-2026-wrapper .hero-section-2026 {
        min-height: var(--hero-min-height-desktop);
        padding: var(--hero-padding-desktop) 64px;
    }

    .sxo-2026-wrapper .hero-grid-2026 {
        gap: 64px;
    }

    .sxo-2026-wrapper .hero-title-2026 {
        font-size: 4rem;
    }

    .sxo-2026-wrapper .hero-subtitle-2026 {
        font-size: 1.375rem;
    }

    .sxo-2026-wrapper .hero-video-wrapper-2026,
    .sxo-2026-wrapper .hero-image-wrapper-2026 {
        max-width: 800px;
    }
}

/* ============================================================================
   ACCESSIBILITY & REDUCED MOTION
   ============================================================================ */

@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .hero-section-2026,
    .sxo-2026-wrapper .hero-overlay-2026,
    .sxo-2026-wrapper .hero-badge-2026,
    .sxo-2026-wrapper .cta-button-2026,
    .sxo-2026-wrapper .hero-product-image-2026 {
        transition: none;
    }

    .sxo-2026-wrapper .hero-badge-2026:hover,
    .sxo-2026-wrapper .cta-button-2026:hover,
    .sxo-2026-wrapper .hero-product-image-2026:hover {
        transform: none;
    }
}

@media (prefers-contrast: high) {
    .sxo-2026-wrapper .hero-badge-2026 {
        border-width: 2px;
    }

    .sxo-2026-wrapper .cta-button-2026 {
        border-width: 3px;
    }
}

/* ============================================================================
   PRINT STYLES
   ============================================================================ */

@media print {
    .sxo-2026-wrapper .hero-section-2026 {
        min-height: auto;
        padding: 24px 0;
        background: #ffffff;
        color: #000000;
    }

    .sxo-2026-wrapper .hero-overlay-2026 {
        display: none;
    }

    .sxo-2026-wrapper .hero-title-2026,
    .sxo-2026-wrapper .hero-subtitle-2026,
    .sxo-2026-wrapper .hero-benefit-item-2026 {
        color: #000000;
    }

    .sxo-2026-wrapper .cta-button-2026 {
        display: none;
    }

    .sxo-2026-wrapper .hero-media-2026 {
        display: none;
    }
}

/* ============================================================================
   THEME-SPECIFIC OVERRIDES
   ============================================================================ */

/* Trust Theme - Blue tones */
.sxo-2026-wrapper .trust-hero-2026 .hero-overlay-2026 {
    background: linear-gradient(135deg, rgba(10, 22, 40, 0.7) 0%, rgba(26, 54, 93, 0.6) 100%);
}

/* Modern Theme - Dark gray tones */
.sxo-2026-wrapper .modern-hero-2026 .hero-overlay-2026 {
    background: linear-gradient(135deg, rgba(45, 55, 72, 0.85) 0%, rgba(26, 32, 44, 0.9) 100%);
}

/* Premium Theme - Gold tones */
.sxo-2026-wrapper .premium-hero-2026 .hero-overlay-2026 {
    background: linear-gradient(135deg, rgba(26, 32, 44, 0.85) 0%, rgba(45, 55, 72, 0.9) 100%);
}

/* Energy Theme */
.sxo-2026-wrapper .energy-hero-2026 .hero-overlay-2026 {
    background: linear-gradient(135deg, rgba(45, 55, 72, 0.85) 0%, rgba(26, 54, 93, 0.9) 100%);
}

/* ============================================================================
   LAYOUT ADAPTATIF - NO MEDIA VARIANT
   FIX 2026-01-31: Centrage forcé pour subtitle et benefits
   ============================================================================ */

.sxo-2026-wrapper .hero-section-2026.no-media .hero-grid-2026 {
    grid-template-columns: 1fr;
    max-width: 800px;
    margin: 0 auto;
}

.sxo-2026-wrapper .hero-section-2026.no-media .hero-content-2026 {
    text-align: center;
}

/* FIX 2026-01-31: Forcer centrage subtitle avec pour override génériques */
.sxo-2026-wrapper .hero-section-2026.no-media .hero-subtitle-2026 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* FIX 2026-01-31: Bloc centré globalement, items alignés à gauche */
.sxo-2026-wrapper .hero-section-2026.no-media .hero-benefits-2026 {
    align-items: flex-start;
    width: fit-content;
    margin: 0 auto 32px auto;
}

/* FIX: Force left-align on benefit text to prevent centered wrapping in no-media layout */
.sxo-2026-wrapper .hero-section-2026.no-media .hero-benefit-item-2026 {
    text-align: left;
}

.sxo-2026-wrapper .hero-section-2026.no-media .hero-cta-group-2026 {
    justify-content: center;
}

/* ============================================================================
   RESPONSIVE ADAPTATIONS FOR NO MEDIA
   ============================================================================ */

@media (min-width: 768px) {
    .sxo-2026-wrapper .hero-section-2026.no-media .hero-grid-2026 {
        grid-template-columns: 1fr;
        max-width: 700px;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .hero-section-2026.no-media .hero-grid-2026 {
        max-width: 900px;
    }
}

/* ============================================================================
   END OF FILE
   ============================================================================ */

/* ============================================================================
   PREMIUM FEATURES - Accent Line, Stats, Partners, Visual Card
   Unification hero 2026-02-09
   ============================================================================ */

.sxo-2026-wrapper .accent-line-2026 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #c4a35a, transparent);
    z-index: 3;
}

.sxo-2026-wrapper .hero-visual-2026 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sxo-2026-wrapper .visual-card-2026 {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 32px;
    width: 100%;
    max-width: 500px;
    position: relative;
    overflow: hidden;
}

.sxo-2026-wrapper .visual-decoration-2026 {
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(196, 163, 90, 0.08) 0%, transparent 50%);
    pointer-events: none;
}

.sxo-2026-wrapper .visual-stats-2026 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}

.sxo-2026-wrapper .stat-item-2026 {
    text-align: center;
    padding: 16px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    border: 1px solid rgba(196, 163, 90, 0.2);
    transition: transform 0.2s ease-out, border-color 0.2s ease-out;
}

.sxo-2026-wrapper .stat-item-2026:hover {
    transform: translateY(-2px);
    border-color: rgba(196, 163, 90, 0.5);
}

.sxo-2026-wrapper .stat-value-2026 {
    font-size: 2rem;
    font-weight: 800;
    color: #c4a35a;
    line-height: 1.2;
    margin-bottom: 4px;
}

.sxo-2026-wrapper .stat-label-2026 {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.3;
}

.sxo-2026-wrapper .partner-logos-2026 {
    position: relative;
    z-index: 1;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
}

.sxo-2026-wrapper .partner-logos-2026 p {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.5);
    margin: 0 0 12px 0;
    text-align: center;
}

.sxo-2026-wrapper .logos-grid-2026 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.sxo-2026-wrapper .logo-item-2026 {
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
    white-space: nowrap;
}

.sxo-2026-wrapper .logo-more-2026 {
    color: #c4a35a;
    border-color: rgba(196, 163, 90, 0.3);
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .visual-card-2026 {
        padding: 40px;
        max-width: 550px;
    }
    .sxo-2026-wrapper .stat-value-2026 {
        font-size: 2.5rem;
    }
    .sxo-2026-wrapper .stat-label-2026 {
        font-size: 0.9375rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .visual-card-2026 {
        padding: 48px;
        max-width: 600px;
    }
    .sxo-2026-wrapper .stat-value-2026 {
        font-size: 3rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .stat-item-2026 {
        transition: none;
    }
    .sxo-2026-wrapper .stat-item-2026:hover {
        transform: none;
    }
}

@media print {
    .sxo-2026-wrapper .hero-visual-2026 {
        display: none;
    }
    .sxo-2026-wrapper .accent-line-2026 {
        display: none;
    }
}

/* === ACTIVE STATES (Round 4 Harmonization) === */
.sxo-2026-wrapper .cta-button-2026.cta-primary-2026:active {
    transform: translateY(0);
    box-shadow: 0 4px 15px rgba(196, 163, 90, 0.2);
}

.sxo-2026-wrapper .cta-button-2026.cta-secondary-2026:active {
    transform: translateY(0);
}

.sxo-2026-wrapper .trust-cta-secondary-2026:focus-visible,
.sxo-2026-wrapper .modern-cta-secondary-2026:focus-visible,
.sxo-2026-wrapper .premium-cta-secondary-2026:focus-visible,
.sxo-2026-wrapper .energy-cta-secondary-2026:focus-visible {
    outline: 3px solid var(--hero-focus-outline);
    outline-offset: var(--hero-focus-offset);
}


/* === SOURCE: listing-2026.css === */
/* ============================================================================
   TRUST-LISTING-2026.CSS
   Template transitoire pour pages listing (SXO 2026)

   Date: 2026-01-28
   Version: 1.0.0
   Règle: Tous les sélecteurs commencent par .sxo-2026-wrapper (isolation CSS)
   ============================================================================ */

/* === SECTION CONTAINER === */
.sxo-2026-wrapper .trust-listing-2026 {
    padding: 4rem 0;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

/* === HEADER === */
.sxo-2026-wrapper .listing-header-2026 {
    text-align: center;
    margin-bottom: 3rem;
}

.sxo-2026-wrapper .listing-title-2026 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 1rem 0;
    line-height: 1.2;
}

.sxo-2026-wrapper .listing-subtitle-2026 {
    font-size: 1.125rem;
    color: #64748b;
    margin: 0;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* === FILTRES === */
.sxo-2026-wrapper .listing-filters-container-2026 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-bottom: 2.5rem;
    padding: 0 1rem;
}

.sxo-2026-wrapper .listing-filter-button-2026 {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 9999px;
    background: #ffffff;
    color: #475569;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 48px; /* Règle touch #11 */
}

.sxo-2026-wrapper .listing-filter-button-2026:hover {
    border-color: #3b82f6;
    color: #3b82f6;
    background: #eff6ff;
}

.sxo-2026-wrapper .listing-filter-button-2026.active {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.sxo-2026-wrapper .listing-filter-count-2026 {
    background: rgba(0, 0, 0, 0.1);
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    font-size: 0.75rem;
}

.sxo-2026-wrapper .listing-filter-button-2026.active .listing-filter-count-2026 {
    background: rgba(255, 255, 255, 0.2);
}

/* === GRILLE === */
.sxo-2026-wrapper .listing-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 0 1rem;
}

@media (min-width: 576px) {
    .sxo-2026-wrapper .listing-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .listing-grid-2026 {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .listing-grid-2026 {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* === CARTES === */
.sxo-2026-wrapper .listing-card-2026 {
    background: #ffffff;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.sxo-2026-wrapper .listing-card-2026:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* === CARTE IMAGE === */
.sxo-2026-wrapper .listing-card-image-2026 {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}

.sxo-2026-wrapper .listing-card-image-2026 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.sxo-2026-wrapper .listing-card-2026:hover .listing-card-image-2026 img {
    transform: scale(1.05);
}

.sxo-2026-wrapper .listing-card-badge-2026 {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    color: #ffffff;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* === CARTE CONTENU === */
.sxo-2026-wrapper .listing-card-content-2026 {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.sxo-2026-wrapper .listing-card-title-2026 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 0.75rem 0;
    line-height: 1.4;
}

.sxo-2026-wrapper .listing-card-title-2026 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.sxo-2026-wrapper .listing-card-title-2026 a:hover {
    color: #3b82f6;
}

.sxo-2026-wrapper .listing-card-description-2026 {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0 0 1rem 0;
    line-height: 1.6;
    flex-grow: 1;
}

/* === CARTE ACTIONS === */
.sxo-2026-wrapper .listing-card-actions-2026 {
    margin-top: auto;
}

.sxo-2026-wrapper .listing-card-cta-2026 {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #3b82f6;
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.2s ease;
    min-height: 48px; /* Règle touch #11 */
}

.sxo-2026-wrapper .listing-card-cta-2026:hover {
    color: #2563eb;
    gap: 0.75rem;
}

.sxo-2026-wrapper .listing-card-cta-2026 i {
    transition: transform 0.2s ease;
}

.sxo-2026-wrapper .listing-card-cta-2026:hover i {
    transform: translateX(4px);
}

/* === DATA MISSING === */
.sxo-2026-wrapper .data-missing-2026 {
    text-align: center;
    padding: 3rem 2rem;
    background: #fef3c7;
    border: 2px dashed #f59e0b;
    border-radius: 0.75rem;
    color: #92400e;
    font-weight: 600;
    font-size: 1.125rem;
}

/* === RESPONSIVE AMÉLIORATIONS === */
@media (min-width: 768px) {
    .sxo-2026-wrapper .listing-title-2026 {
        font-size: 2.5rem;
    }

    .sxo-2026-wrapper .trust-listing-2026 {
        padding: 5rem 0;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .listing-title-2026 {
        font-size: 3.5rem;
    }
}


/* === SOURCE: listing-filters-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════════
   LISTING FILTERS 2026 - VARIANTE A : PILLS GLASSMORPHISM
   ═══════════════════════════════════════════════════════════════════════════════

   Design: Pills flottantes avec glassmorphism sur fond Navy
   - Fond section: Navy transparent avec backdrop-filter
   - Boutons: Glassmorphism avec bordures subtiles
   - Etat actif: Gold gradient
   - Mobile-first, sticky positioning

   Date: 2026-01-31
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════════
   SECURISATION AFFICHAGE
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper section[data-section-type="listing_filters"],
.sxo-2026-wrapper .trust-listing-filters-2026 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   SECTION ROOT - Glassmorphism Navy
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-listing-filters-2026 {
    background: linear-gradient(135deg, rgba(26, 54, 93, 0.95) 0%, rgba(10, 22, 40, 0.98) 100%) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    padding: 24px 0;
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid rgba(196, 163, 90, 0.2);
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-listing-filters-2026 {
        padding: 32px 0;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   CONTAINER
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-listing-filters-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-listing-filters-2026 .container {
        padding: 0 24px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   TITLE (optionnel)
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-filters-title-2026 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .listing-filters-title-2026 {
        font-size: 1.5rem;
        margin-bottom: 24px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   FILTERS CONTAINER
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-filters-container-2026 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .listing-filters-container-2026 {
        gap: 12px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   FILTER BUTTON - Pill Glassmorphism
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper button.listing-filters-button-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 50px;
    font-family: inherit;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.3s ease;
    min-height: 48px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper button.listing-filters-button-2026 {
        padding: 12px 24px;
        font-size: 0.875rem;
        min-height: 48px;
    }
}

/* Icon dans bouton */
.sxo-2026-wrapper button.listing-filters-button-2026 i {
    font-size: 0.875rem;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

/* Hover state */
.sxo-2026-wrapper button.listing-filters-button-2026:hover {
    background: rgba(196, 163, 90, 0.15) !important;
    border-color: rgba(196, 163, 90, 0.4) !important;
    color: #ffffff;
}

.sxo-2026-wrapper button.listing-filters-button-2026:hover i {
    opacity: 1;
}

/* Active state - Gold gradient */
.sxo-2026-wrapper button.listing-filters-button-2026.active {
    background: linear-gradient(135deg, var(--nav-gold-primary) 0%, var(--nav-gold-light) 100%) !important;
    color: var(--nav-navy-deep) !important;
    border-color: transparent !important;
    box-shadow: 0 4px 20px rgba(196, 163, 90, 0.3);
}

.sxo-2026-wrapper button.listing-filters-button-2026.active i {
    opacity: 1;
}

/* Focus state pour accessibilite */
.sxo-2026-wrapper button.listing-filters-button-2026:focus {
    outline: 2px solid rgba(196, 163, 90, 0.5);
    outline-offset: 2px;
}

.sxo-2026-wrapper button.listing-filters-button-2026:focus:not(:focus-visible) {
    outline: none;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   FILTER COUNT BADGE
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-filters-count-2026 {
    font-size: 0.75rem;
    font-weight: 500;
    opacity: 0.7;
    background: rgba(255, 255, 255, 0.1);
    padding: 2px 8px;
    border-radius: 12px;
    margin-left: 2px;
}

.sxo-2026-wrapper button.listing-filters-button-2026.active .listing-filters-count-2026 {
    background: rgba(10, 22, 40, 0.2);
    opacity: 1;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   DATA MISSING
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-listing-filters-2026 .data-missing-2026 {
    color: #fbbf24;
    font-weight: 600;
    text-align: center;
    padding: 16px;
    background: rgba(251, 191, 36, 0.1);
    border: 1px solid rgba(251, 191, 36, 0.3);
    border-radius: 8px;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   PRINT STYLES
   ═══════════════════════════════════════════════════════════════════════════════ */
@media print {
    .sxo-2026-wrapper .trust-listing-filters-2026 {
        background: #f8f9fa !important;
        position: relative !important;
        backdrop-filter: none !important;
    }

    .sxo-2026-wrapper button.listing-filters-button-2026 {
        background: #ffffff !important;
        color: #1e3a5f !important;
        border: 1px solid #dee2e6 !important;
        backdrop-filter: none !important;
    }

    .sxo-2026-wrapper button.listing-filters-button-2026.active {
        background: #c4a35a !important;
        color: #000000 !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   ACCESSIBILITY - REDUCED MOTION
   ═══════════════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper button.listing-filters-button-2026 {
        transition: none;
    }
}


/* === SOURCE: listing-grid-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════════
   LISTING GRID 2026 - VARIANTE A : CARDS GLASSMORPHISM
   ═══════════════════════════════════════════════════════════════════════════════

   Design: Cards glassmorphism sur fond Navy gradient
   - Fond section: Navy gradient (#0a1628 -> #1a365d)
   - Cards: Glassmorphism avec bordures subtiles
   - Badge: Gold gradient
   - Hover: Lift + glow Gold ambiant
   - Mobile-first, grid 1 -> 2 -> 3 -> 4 colonnes

   Date: 2026-01-31
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════════
   SECURISATION AFFICHAGE
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper section[data-section-type="listing_grid"],
.sxo-2026-wrapper .trust-listing-grid-2026 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   SECTION ROOT - Navy Gradient
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-listing-grid-2026 {
    background: linear-gradient(180deg, var(--nav-navy-deep) 0%, #1a365d 100%);
    padding: 48px 0;
    position: relative;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-listing-grid-2026 {
        padding: 64px 0;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .trust-listing-grid-2026 {
        padding: 80px 0;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   CONTAINER
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-listing-grid-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-listing-grid-2026 .container {
        padding: 0 24px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-grid-header-2026 {
    text-align: center;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .listing-grid-header-2026 {
        margin-bottom: 50px;
    }
}

.sxo-2026-wrapper .listing-grid-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .listing-grid-title-2026 {
        font-size: 2rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .listing-grid-title-2026 {
        font-size: 2.5rem;
    }
}

.sxo-2026-wrapper .listing-grid-subtitle-2026 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.6);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .listing-grid-subtitle-2026 {
        font-size: 1.125rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   GRID CONTAINER
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-grid-container-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 576px) {
    .sxo-2026-wrapper .listing-grid-container-2026 {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .listing-grid-container-2026 {
        grid-template-columns: repeat(3, 1fr);
        gap: 28px;
    }

    .sxo-2026-wrapper .listing-grid-container-2026[data-columns="4"] {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   ITEM CARD - Glassmorphism
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-grid-item-2026 {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.4s ease;
}

.sxo-2026-wrapper .listing-grid-item-2026:hover {
    transform: translateY(-8px);
    border-color: rgba(196, 163, 90, 0.3);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4),
                0 0 40px rgba(196, 163, 90, 0.1);
}

/* Hidden state for filtering */
.sxo-2026-wrapper .listing-grid-item-2026.hidden {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   CARD IMAGE
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-card-image-2026 {
    position: relative;
    width: 100%;
    padding-bottom: 62.5%;
    overflow: hidden;
    background: linear-gradient(135deg, #1a365d 0%, var(--nav-navy-deep) 100%);
}

.sxo-2026-wrapper .listing-card-img-2026 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.sxo-2026-wrapper .listing-grid-item-2026:hover .listing-card-img-2026 {
    transform: scale(1.08);
}

/* ═══════════════════════════════════════════════════════════════════════════════
   CARD BADGE - Gold Gradient
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-card-badge-2026 {
    position: absolute;
    top: 16px;
    right: 16px;
    background: linear-gradient(135deg, var(--nav-gold-primary) 0%, var(--nav-gold-light) 100%);
    color: var(--nav-navy-deep);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 12px rgba(196, 163, 90, 0.4);
}

/* ═══════════════════════════════════════════════════════════════════════════════
   CARD ICON (FALLBACK)
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-card-icon-2026 {
    position: relative;
    width: 100%;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1a365d 0%, var(--nav-navy-deep) 100%);
}

.sxo-2026-wrapper .listing-card-icon-2026 i {
    font-size: 3rem;
    color: rgba(196, 163, 90, 0.8);
    transition: color 0.3s ease, transform 0.3s ease;
}

.sxo-2026-wrapper .listing-grid-item-2026:hover .listing-card-icon-2026 i {
    color: var(--nav-gold-primary);
    transform: scale(1.1);
}

/* ═══════════════════════════════════════════════════════════════════════════════
   CARD CONTENT
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-card-content-2026 {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .listing-card-content-2026 {
        padding: 24px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   CARD CATEGORY - Gold accent
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-card-category-2026 {
    display: inline-block;
    color: var(--nav-gold-primary);
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   CARD TITLE & DESCRIPTION
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-grid-item-title-2026 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px 0;
    line-height: 1.3;
    overflow-wrap: break-word;
    word-break: break-word;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .listing-grid-item-title-2026 {
        font-size: 1.25rem;
    }
}

.sxo-2026-wrapper .listing-grid-item-description-2026 {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 0 0 16px 0;
    flex: 1;
    overflow-wrap: break-word;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .listing-grid-item-description-2026 {
        font-size: 0.875rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   CARD TAGS
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-card-tags-2026 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 16px;
}

.sxo-2026-wrapper .listing-card-tag-2026 {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.7);
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* ═══════════════════════════════════════════════════════════════════════════════
   CARD LINK - Gold accent
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-grid-item-link-2026 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--nav-gold-primary);
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-top: auto;
}

.sxo-2026-wrapper .listing-grid-item-link-2026 i {
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

.sxo-2026-wrapper .listing-grid-item-link-2026:hover {
    color: var(--nav-gold-light);
}

.sxo-2026-wrapper .listing-grid-item-link-2026:hover i {
    transform: translateX(4px);
}

/* ═══════════════════════════════════════════════════════════════════════════════
   FOOTER / COUNT
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-grid-footer-2026 {
    margin-top: 40px;
    text-align: center;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .listing-grid-footer-2026 {
        margin-top: 50px;
    }
}

.sxo-2026-wrapper .listing-grid-count-2026 {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.875rem;
}

.sxo-2026-wrapper .listing-grid-count-2026 .count-visible {
    font-weight: 700;
    color: var(--nav-gold-primary);
}

/* ═══════════════════════════════════════════════════════════════════════════════
   DATA MISSING
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-listing-grid-2026 .data-missing-2026,
.sxo-2026-wrapper .data-missing-2026 {
    color: #fbbf24;
    font-weight: 600;
    text-align: center;
    padding: 40px 20px;
    background: rgba(251, 191, 36, 0.1);
    border: 1px solid rgba(251, 191, 36, 0.3);
    border-radius: 12px;
    max-width: 400px;
    margin: 0 auto;
}

/* ═══════════════════════════════════════════════════════════════════════════════
   PRINT STYLES
   ═══════════════════════════════════════════════════════════════════════════════ */
@media print {
    .sxo-2026-wrapper .trust-listing-grid-2026 {
        background: #ffffff !important;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .listing-grid-title-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .listing-grid-subtitle-2026 {
        color: #333333 !important;
    }

    .sxo-2026-wrapper .listing-grid-item-2026 {
        background: #ffffff !important;
        border: 1px solid #dee2e6 !important;
        backdrop-filter: none !important;
        box-shadow: none !important;
    }

    .sxo-2026-wrapper .listing-grid-item-title-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .listing-grid-item-description-2026 {
        color: #333333 !important;
    }

    .sxo-2026-wrapper .listing-card-category-2026 {
        color: #666666 !important;
    }

    .sxo-2026-wrapper .listing-grid-item-link-2026 {
        color: #1e40af !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   ACCESSIBILITY - REDUCED MOTION
   ═══════════════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .listing-grid-item-2026,
    .sxo-2026-wrapper .listing-card-img-2026,
    .sxo-2026-wrapper .listing-grid-item-link-2026 i,
    .sxo-2026-wrapper .listing-card-icon-2026 i {
        transition: none;
    }

    .sxo-2026-wrapper .listing-grid-item-2026:hover {
        transform: none;
    }

    .sxo-2026-wrapper .listing-grid-item-2026:hover .listing-card-img-2026 {
        transform: none;
    }

    .sxo-2026-wrapper .listing-grid-item-2026:hover .listing-card-icon-2026 i {
        transform: none;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════════
   BRAND LOGOS - object-fit contain pour logos editeurs
   ═══════════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .listing-grid-item-2026[data-category="editeur"] .listing-card-image-2026 {
    background: #ffffff;
    padding-bottom: 50%;
}

.sxo-2026-wrapper .listing-grid-item-2026[data-category="editeur"] .listing-card-img-2026 {
    object-fit: contain;
    padding: 16px 24px;
}


/* === SOURCE: modules-2026.css === */
/* ════════════════════════════════════════════════════════════════════════════════
   MODULES 2026 - ICON-CENTRIC NAVY (VARIANTE B)
   ════════════════════════════════════════════════════════════════════════════════
   Design: Fond navy, glassmorphism, icones XXL 80px gold, glow au hover
   Cartes centrees, approche B2B informative sans prix ni toggle
   ════════════════════════════════════════════════════════════════════════════════ */

/* === SECTION PRINCIPALE === */
.sxo-2026-wrapper .trust-modules-2026 {
    background: #0a1628;
    padding: 80px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-modules-2026 {
        padding: 100px 0;
    }
}

/* === HEADER === */
.sxo-2026-wrapper .modules-header-2026 {
    text-align: center;
    margin-bottom: 70px;
}

.sxo-2026-wrapper .modules-title-2026 {
    font-size: 1.75rem;
    font-weight: 700;
    color: #f8fafc;
    margin: 0 0 20px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .modules-title-2026 {
        font-size: 2.5rem;
    }
}

.sxo-2026-wrapper .modules-subtitle-2026 {
    font-size: 1.125rem;
    color: #94a3b8;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.7;
}

/* === GRID === */
.sxo-2026-wrapper .modules-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 60px;
}

@media (min-width: 576px) {
    .sxo-2026-wrapper .modules-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .modules-grid-2026 {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* === CARD GLASSMORPHISM === */
.sxo-2026-wrapper .module-card-2026 {
    background: rgba(26, 54, 93, 0.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(196, 163, 90, 0.15);
    border-radius: 16px;
    padding: 40px 24px;
    text-align: center;
    transition: all 0.4s ease;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sxo-2026-wrapper .module-card-2026:hover {
    background: rgba(26, 54, 93, 0.6);
    border-color: rgba(196, 163, 90, 0.4);
    transform: translateY(-6px);
}

.sxo-2026-wrapper .module-card-2026:hover .module-icon-2026 {
    box-shadow: 0 0 40px rgba(196, 163, 90, 0.5);
}

/* === ICON === */
.sxo-2026-wrapper .module-icon-2026 {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    transition: box-shadow 0.4s ease;
}

.sxo-2026-wrapper .module-icon-2026 i {
    font-size: 2rem;
    color: #0a1628;
}

/* === CONTENT === */
.sxo-2026-wrapper .module-name-2026 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #f8fafc;
    margin: 0 0 14px 0;
}

.sxo-2026-wrapper .module-benefit-2026 {
    font-size: 0.9375rem;
    color: #94a3b8;
    line-height: 1.65;
    flex-grow: 1;
    margin: 0;
}

/* === CTA === */
.sxo-2026-wrapper .modules-cta-2026 {
    text-align: center;
}

.sxo-2026-wrapper .modules-btn-2026 {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    padding: 18px 48px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.125rem;
    transition: all 0.3s ease;
    box-shadow: 0 6px 25px rgba(196, 163, 90, 0.35);
    min-height: 48px;
}

.sxo-2026-wrapper .modules-btn-2026:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 35px rgba(196, 163, 90, 0.5);
    color: #0a1628;
}

/* === PRINT === */
@media print {
    .sxo-2026-wrapper .trust-modules-2026 {
        background: #ffffff;
    }
    .sxo-2026-wrapper .module-card-2026 {
        background: #f8fafc;
        border: 1px solid #e2e8f0;
    }
    .sxo-2026-wrapper .modules-title-2026,
    .sxo-2026-wrapper .module-name-2026 {
        color: #0a1628;
    }
}

/* === ACCESSIBILITY - REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .trust-modules-2026 *,
    .sxo-2026-wrapper .trust-modules-2026 *::before,
    .sxo-2026-wrapper .trust-modules-2026 *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


/* === SOURCE: network-2026.css === */
/* ============================================================================
   NETWORK 2026 - SXO 2026 GOLD STANDARD
   Template: network_2026.html.twig
   Classes exactes du template matchées 1:1
   ============================================================================ */

/* ═══════════════════════════════════════════════════════════
   SECTION CONTAINER
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-network-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
    background: #f8fafc;
    padding: 80px 0;
    position: relative;
}

/* ═══════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .network-header-2026 {
    text-align: center;
    margin-bottom: 50px;
}

.sxo-2026-wrapper .network-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #1e3a5f;
    margin-bottom: 16px;
    line-height: 1.2;
}

.sxo-2026-wrapper .network-subtitle-2026 {
    color: #64748b;
    font-size: 1.25rem;
    max-width: 600px;
    margin: 0 auto;
}

/* ═══════════════════════════════════════════════════════════
   GRID
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .network-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ═══════════════════════════════════════════════════════════
   NODE CARD
   ═══════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .network-node-2026 {
    background: #ffffff;
    border-radius: 16px;
    padding: 30px;
    border: 1px solid rgba(30, 58, 95, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}

.sxo-2026-wrapper .network-node-2026::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    border-radius: 16px 0 0 16px;
}

.sxo-2026-wrapper .network-node-2026:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(30, 58, 95, 0.15);
}

.sxo-2026-wrapper .network-node-title-2026 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e3a5f;
    margin-bottom: 8px;
}

.sxo-2026-wrapper .network-node-location-2026 {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e40af;
    margin-bottom: 12px;
}

.sxo-2026-wrapper .network-node-description-2026 {
    color: #64748b;
    font-size: 0.875rem;
    line-height: 1.6;
    margin: 0;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════ */
@media (min-width: 576px) {
    .sxo-2026-wrapper .network-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .trust-network-2026 {
        padding: 100px 0;
    }

    .sxo-2026-wrapper .network-grid-2026 {
        grid-template-columns: repeat(3, 1fr);
    }

    .sxo-2026-wrapper .network-title-2026 {
        font-size: 2.5rem;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .network-node-2026 {
        transition: none !important;
    }

    .sxo-2026-wrapper .network-node-2026:hover {
        transform: none !important;
    }
}


/* === SOURCE: pricing-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   PRICING SXO 2026 - DARK NAVY IMMERSIF (VARIANTE A ADAPTIVE)
   ═══════════════════════════════════════════════════════════════════════════

   Design validé : Variante A - Dark Navy Immersif
   - Fond gradient Navy profond (immersion maximale)
   - Cards glassmorphism avec reflets subtils
   - Grid adaptive 2-4 cartes avec centrage automatique
   - Badge "Recommandé" flottant avec étoile
   - Boutons CTA gold gradient
   - Mobile-first strict
   - Container 1200px

   Date: 2026-01-31
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   SECURISATION AFFICHAGE
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper section[data-section-type="pricing"],
.sxo-2026-wrapper .trust-pricing-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION ROOT
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-pricing-2026 {
    background: linear-gradient(180deg, #0a1628 0%, #1a365d 50%, #0a1628 100%);
    padding: 64px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-pricing-2026 {
        padding: 80px 0;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   CONTAINER
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-pricing-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-pricing-2026 .container {
        padding: 0 24px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .pricing-header-2026 {
    text-align: center;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .pricing-header-2026 {
        margin-bottom: 48px;
    }
}

.sxo-2026-wrapper .pricing-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 16px 0;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .pricing-title-2026 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .pricing-title-2026 {
        font-size: 2.5rem;
    }
}

.sxo-2026-wrapper .pricing-subtitle-2026 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ═══════════════════════════════════════════════════════════════════════════
   GRID ADAPTIVE 2-4 CARTES AVEC CENTRAGE
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .pricing-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    justify-content: center;
}

@media (min-width: 576px) {
    .sxo-2026-wrapper .pricing-grid-2026 {
        grid-template-columns: repeat(2, minmax(0, 320px));
        justify-content: center;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .pricing-grid-2026 {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        max-width: 1200px;
        margin: 0 auto;
        gap: 24px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   CARD GLASSMORPHISM
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .pricing-card-2026 {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 28px 20px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    position: relative;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .pricing-card-2026 {
        padding: 32px 24px;
    }
}

.sxo-2026-wrapper .pricing-card-2026:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(196, 163, 90, 0.4);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

/* Card populaire/recommandée - SANS décalage vertical */
.sxo-2026-wrapper .pricing-card-2026.popular {
    border-color: #c4a35a;
    border-width: 2px;
    background: rgba(196, 163, 90, 0.08);
    /* PAS de margin-top pour garder l'alignement */
}

.sxo-2026-wrapper .pricing-card-2026.popular:hover {
    background: rgba(196, 163, 90, 0.12);
    box-shadow: 0 20px 40px rgba(196, 163, 90, 0.2);
}

/* ═══════════════════════════════════════════════════════════════════════════
   BADGE FLOTTANT AVEC ETOILE - Sans impact sur alignement
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .pricing-badge-2026 {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.8125rem;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(196, 163, 90, 0.4);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    z-index: 10;
}

.sxo-2026-wrapper .pricing-badge-2026 i {
    font-size: 0.75rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PLAN NAME & PRICE
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .pricing-plan-name-2026 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 8px 0;
}

.sxo-2026-wrapper .pricing-plan-desc-2026 {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 16px 0;
}

.sxo-2026-wrapper .pricing-price-2026 {
    margin-bottom: 20px;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Ligne prix avec "À partir de" à GAUCHE */
.sxo-2026-wrapper .pricing-price-row-2026 {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* "À partir de" - Conformité ACLG - INLINE à gauche */
.sxo-2026-wrapper .pricing-from-2026 {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 500;
    white-space: nowrap;
}

.sxo-2026-wrapper .pricing-value-2026 {
    font-size: 2.5rem;
    font-weight: 900;
    color: #c4a35a;
    line-height: 1;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .pricing-value-2026 {
        font-size: 3rem;
    }
}

.sxo-2026-wrapper .pricing-currency-2026 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #c4a35a;
}

.sxo-2026-wrapper .pricing-amount-2026 {
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
}

.sxo-2026-wrapper .pricing-decimals-2026 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #c4a35a;
}
.sxo-2026-wrapper .pricing-period-2026 {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.6);
}

/* "Sur devis" - Centré, adaptatif */
.sxo-2026-wrapper .pricing-value-2026.on-quote {
    font-size: 1.75rem;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .pricing-value-2026.on-quote {
        font-size: 2rem;
    }
}

.sxo-2026-wrapper .pricing-billing-note-2026 {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 4px;
}

/* Old price strikethrough variant */
.sxo-2026-wrapper .pricing-old-price-2026 {
    text-decoration: line-through;
    opacity: 0.6;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FEATURES LIST
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .pricing-features-2026 {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
    flex-grow: 1;
    text-align: left;
}

.sxo-2026-wrapper .pricing-features-2026 li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.875rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sxo-2026-wrapper .pricing-features-2026 li:last-child {
    border-bottom: none;
}

.sxo-2026-wrapper .pricing-features-2026 li i {
    color: #c4a35a;
    flex-shrink: 0;
    width: 16px;
    text-align: center;
}

/* Feature désactivée */
.sxo-2026-wrapper .pricing-features-2026 li.disabled {
    color: rgba(255, 255, 255, 0.4);
}

.sxo-2026-wrapper .pricing-features-2026 li.disabled i {
    color: rgba(255, 255, 255, 0.3);
}

/* ═══════════════════════════════════════════════════════════════════════════
   CTA BUTTON
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .pricing-cta-2026 {
    display: block;
    padding: 14px 24px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    min-height: 48px;
    transition: all 0.4s ease;
    text-align: center;
}

.sxo-2026-wrapper .pricing-cta-2026:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(196, 163, 90, 0.4);
    color: #0a1628;
}

/* CTA secondaire (outline) */
.sxo-2026-wrapper .pricing-cta-secondary-2026 {
    display: block;
    padding: 14px 24px;
    background: transparent;
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    min-height: 48px;
    transition: all 0.4s ease;
    text-align: center;
}

.sxo-2026-wrapper .pricing-cta-secondary-2026:hover {
    border-color: #c4a35a;
    color: #c4a35a;
    transform: translateY(-2px);
}

/* ═══════════════════════════════════════════════════════════════════════════
   TOGGLE MENSUEL/ANNUEL (OPTIONNEL)
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .pricing-toggle-2026 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 32px;
}

.sxo-2026-wrapper .pricing-toggle-label-2026 {
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
}

.sxo-2026-wrapper .pricing-toggle-label-2026.active {
    color: #ffffff;
}

.sxo-2026-wrapper .pricing-toggle-switch-2026 {
    width: 56px;
    height: 28px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    position: relative;
    cursor: pointer;
    transition: background 0.3s ease;
}

.sxo-2026-wrapper .pricing-toggle-switch-2026::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 20px;
    background: #c4a35a;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

.sxo-2026-wrapper .pricing-toggle-switch-2026.annual::after {
    transform: translateX(28px);
}

.sxo-2026-wrapper .pricing-discount-badge-2026 {
    background: rgba(16, 185, 129, 0.2);
    color: #10b981;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FOOTER NOTE & DISCLAIMER ACLG
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .pricing-footer-2026 {
    text-align: center;
    margin-top: 40px;
}

.sxo-2026-wrapper .pricing-note-2026 {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.5);
    font-style: italic;
}

/* Disclaimer obligatoire ACLG (Règle #36) */
.sxo-2026-wrapper .pricing-disclaimer-2026 {
    text-align: center;
    margin-top: 2rem;
    padding: 1rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.06);
}

/* ═══════════════════════════════════════════════════════════════════════════
   PRINT STYLES
   ═══════════════════════════════════════════════════════════════════════════ */
@media print {
    .sxo-2026-wrapper .trust-pricing-2026 {
        background: #ffffff !important;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .pricing-title-2026 {
        color: #0a1628 !important;
    }

    .sxo-2026-wrapper .pricing-subtitle-2026 {
        color: #64748b !important;
    }

    .sxo-2026-wrapper .pricing-card-2026 {
        background: #f8fafc !important;
        border: 1px solid #e2e8f0 !important;
        backdrop-filter: none !important;
    }

    .sxo-2026-wrapper .pricing-plan-name-2026,
    .sxo-2026-wrapper .pricing-features-2026 li {
        color: #1e293b !important;
    }

    .sxo-2026-wrapper .pricing-value-2026 {
        color: #c4a35a !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ACCESSIBILITY - REDUCED MOTION
   ═══════════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .pricing-card-2026 {
        transition: none;
    }

    .sxo-2026-wrapper .pricing-card-2026:hover {
        transform: none;
    }

    .sxo-2026-wrapper .pricing-cta-2026:hover,
    .sxo-2026-wrapper .pricing-cta-secondary-2026:hover {
        transform: none;
    }

    .sxo-2026-wrapper .pricing-toggle-switch-2026::after {
        transition: none;
    }
}


/* === SOURCE: pricing-grid-2026.css === */
/* ============================================================================
   PRICING GRID 2026 - TRUST LIGHT CORPORATE NAVY
   Theme: Light professional, corporate clean, navy accents, subtle shadows
   Convention: Classes -2026 matchant pricing_grid_2026.html.twig
   FIX 2026-02-06: Conversion max-width -> min-width (mobile-first)
   ============================================================================ */

/* ─────────────────────────────────────────────────────────────────
   SECTION WRAPPER
   ───────────────────────────────────────────────────────────────── */

.sxo-2026-wrapper .pricing-grid-section-2026 {
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
    padding: 60px 0;
    position: relative;
}

/* ─────────────────────────────────────────────────────────────────
   HEADER
   ───────────────────────────────────────────────────────────────── */

.sxo-2026-wrapper .pricing-grid-header-2026 {
    text-align: center;
    margin-bottom: 50px;
}

.sxo-2026-wrapper .pricing-grid-title-2026 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 12px;
}

.sxo-2026-wrapper .pricing-grid-title-2026 span {
    color: #1e3a5f;
}

.sxo-2026-wrapper .pricing-grid-header-2026 p {
    color: #64748b;
    font-size: 1.125rem;
    max-width: 600px;
    margin: 0 auto;
}

/* ─────────────────────────────────────────────────────────────────
   TABLE CONTAINER - GRID LAYOUT
   ───────────────────────────────────────────────────────────────── */

.sxo-2026-wrapper .pricing-grid-table-2026 {
    max-width: 1200px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(30, 58, 95, 0.08);
}

/* ─────────────────────────────────────────────────────────────────
   HEADER ROW (Plans) - Mobile: Stack, Tablet+: Grid
   FIX 2026-02-06: Mobile-first (display: block par defaut)
   ───────────────────────────────────────────────────────────────── */

.sxo-2026-wrapper .pricing-grid-header-row-2026 {
    display: block;
    background: #eff6ff;
    border-bottom: 2px solid #cbd5e1;
}

.sxo-2026-wrapper .pricing-grid-feature-col-2026 {
    padding: 20px 16px;
    background: #ffffff;
    border-right: 1px solid #e5e7eb;
    display: none; /* Hidden on mobile */
}

.sxo-2026-wrapper .pricing-grid-plan-col-2026 {
    padding: 20px;
    text-align: center;
    position: relative;
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
}

.sxo-2026-wrapper .pricing-grid-plan-col-2026:last-child {
    border-right: none;
}

.sxo-2026-wrapper .pricing-grid-plan-col-2026.popular {
    background: #1e3a5f;
    color: #ffffff;
    box-shadow: 0 4px 16px rgba(30, 58, 95, 0.2);
}

/* ─────────────────────────────────────────────────────────────────
   BADGE
   ───────────────────────────────────────────────────────────────── */

.sxo-2026-wrapper .pricing-grid-badge-2026 {
    display: inline-block;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
}

/* ─────────────────────────────────────────────────────────────────
   PLAN NAME & PRICE
   ───────────────────────────────────────────────────────────────── */

.sxo-2026-wrapper .pricing-grid-plan-name-2026 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 8px;
}

.sxo-2026-wrapper .pricing-grid-plan-col-2026.popular .pricing-grid-plan-name-2026 {
    color: #ffffff;
}

.sxo-2026-wrapper .pricing-grid-price-2026 {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 4px;
    margin-bottom: 8px;
}

.sxo-2026-wrapper .pricing-grid-currency-2026 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #64748b;
}

.sxo-2026-wrapper .pricing-grid-value-2026 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #1e293b;
    line-height: 1;
}

.sxo-2026-wrapper .pricing-grid-plan-col-2026.popular .pricing-grid-currency-2026,
.sxo-2026-wrapper .pricing-grid-plan-col-2026.popular .pricing-grid-value-2026 {
    color: #ffffff;
}

.sxo-2026-wrapper .pricing-grid-period-2026 {
    font-size: 0.875rem;
    color: #94a3b8;
}

.sxo-2026-wrapper .pricing-grid-plan-col-2026.popular .pricing-grid-period-2026 {
    color: rgba(255, 255, 255, 0.8);
}

.sxo-2026-wrapper .pricing-grid-desc-2026 {
    font-size: 0.875rem;
    color: #64748b;
    margin-top: 8px;
}

.sxo-2026-wrapper .pricing-grid-plan-col-2026.popular .pricing-grid-desc-2026 {
    color: rgba(255, 255, 255, 0.8);
}

/* ─────────────────────────────────────────────────────────────────
   FEATURE ROWS - Mobile: Stack
   FIX 2026-02-06: Mobile-first (display: block par defaut)
   ───────────────────────────────────────────────────────────────── */

.sxo-2026-wrapper .pricing-grid-feature-row-2026 {
    display: block;
    border-bottom: 1px solid #e5e7eb;
    transition: background-color 0.2s ease;
}

.sxo-2026-wrapper .pricing-grid-feature-row-2026:nth-child(even) {
    background: #f8fafc;
}

.sxo-2026-wrapper .pricing-grid-feature-row-2026:hover {
    background: #eff6ff;
}

.sxo-2026-wrapper .pricing-grid-feature-label-2026 {
    padding: 16px;
    font-weight: 600;
    color: #1e293b;
    background: #f1f5f9;
    border-right: none;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

.sxo-2026-wrapper .pricing-grid-feature-value-2026 {
    padding: 16px;
    padding-left: 20px;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-right: none;
    min-height: 48px; /* Touch target */
}

.sxo-2026-wrapper .pricing-grid-feature-value-2026:last-child {
    border-right: none;
}

/* ─────────────────────────────────────────────────────────────────
   CHECK & CROSS ICONS
   ───────────────────────────────────────────────────────────────── */

.sxo-2026-wrapper .pricing-grid-check-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e3a5f, #2563eb);
    color: #ffffff;
    font-size: 0.875rem;
}

.sxo-2026-wrapper .pricing-grid-cross-2026 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #e5e7eb;
    color: #94a3b8;
    font-size: 0.875rem;
}

/* ─────────────────────────────────────────────────────────────────
   CTA ROW - Mobile: Stack
   FIX 2026-02-06: Mobile-first (display: block par defaut)
   ───────────────────────────────────────────────────────────────── */

.sxo-2026-wrapper .pricing-grid-cta-row-2026 {
    display: block;
    background: #f8fafc;
    border-top: 2px solid #e5e7eb;
}

.sxo-2026-wrapper .pricing-grid-cta-col-2026 {
    padding: 24px 16px;
    text-align: center;
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
}

.sxo-2026-wrapper .pricing-grid-cta-col-2026:last-child {
    border-right: none;
    border-bottom: none;
}

.sxo-2026-wrapper .pricing-grid-cta-2026 {
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #ffffff;
    font-weight: 700;
    font-size: 0.9375rem;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    min-height: 48px;
    line-height: 24px;
}

.sxo-2026-wrapper .pricing-grid-cta-2026:hover {
    background: linear-gradient(135deg, #ea580c, #c2410c);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.35);
}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE - MOBILE FIRST
   FIX 2026-02-06: Conversion max-width vers min-width
   ═══════════════════════════════════════════════════════════════ */

/* Tablet (>= 768px) - Display grid layout */
@media (min-width: 768px) {
    .sxo-2026-wrapper .pricing-grid-section-2026 {
        padding: 70px 0;
    }

    .sxo-2026-wrapper .pricing-grid-title-2026 {
        font-size: 2.75rem;
    }

    .sxo-2026-wrapper .pricing-grid-header-row-2026 {
        display: grid;
        grid-template-columns: 200px repeat(auto-fit, minmax(180px, 1fr));
    }

    .sxo-2026-wrapper .pricing-grid-feature-col-2026 {
        display: block;
    }

    .sxo-2026-wrapper .pricing-grid-plan-col-2026 {
        padding: 24px 16px;
        border-right: 1px solid #e5e7eb;
        border-bottom: none;
    }

    .sxo-2026-wrapper .pricing-grid-feature-row-2026 {
        display: grid;
        grid-template-columns: 200px repeat(auto-fit, minmax(180px, 1fr));
    }

    .sxo-2026-wrapper .pricing-grid-feature-label-2026 {
        background: #ffffff;
        border-right: 1px solid #e5e7eb;
        font-size: 1rem;
    }

    .sxo-2026-wrapper .pricing-grid-feature-value-2026 {
        padding: 16px;
        text-align: center;
        justify-content: center;
        border-right: 1px solid #e5e7eb;
    }

    .sxo-2026-wrapper .pricing-grid-cta-row-2026 {
        display: grid;
        grid-template-columns: 200px repeat(auto-fit, minmax(180px, 1fr));
    }

    .sxo-2026-wrapper .pricing-grid-cta-col-2026 {
        border-right: 1px solid #e5e7eb;
        border-bottom: none;
    }

    .sxo-2026-wrapper .pricing-grid-cta-col-2026:last-child {
        border-right: none;
    }
}

/* Desktop (>= 1200px) */
@media (min-width: 1200px) {
    .sxo-2026-wrapper .pricing-grid-section-2026 {
        padding: 80px 0;
    }

    .sxo-2026-wrapper .pricing-grid-title-2026 {
        font-size: 2.5rem;
    }

    .sxo-2026-wrapper .pricing-grid-plan-col-2026 {
        padding: 28px 20px;
    }
}

/* ─────────────────────────────────────────────────────────────────
   ACCESSIBILITY - REDUCED MOTION
   ───────────────────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .pricing-grid-feature-row-2026,
    .sxo-2026-wrapper .pricing-grid-cta-2026 {
        transition: none;
    }
}


/* === SOURCE: proofs-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   PROOFS SECTION 2026 - Autonome
   Source: prototype-homepage-parfaite-2026.html
   Date: 2026-02-05
   ═══════════════════════════════════════════════════════════════════════════ */

.sxo-2026-wrapper .proofs-section-2026 {
    background: #f8fafc;
    padding: 48px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .proofs-section-2026 {
        padding: 64px 0;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .proofs-section-2026 {
        padding: 80px 0;
    }
}

.sxo-2026-wrapper .proofs-section-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

.sxo-2026-wrapper .proofs-header-2026 {
    text-align: center;
    margin-bottom: 40px;
}

.sxo-2026-wrapper .proofs-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #0a1628;
    margin: 0 0 12px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .proofs-title-2026 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .proofs-title-2026 {
        font-size: 2.5rem;
    }
}

.sxo-2026-wrapper .proofs-subtitle-2026 {
    font-size: 1rem;
    color: #64748b;
    max-width: 600px;
    margin: 0 auto;
}

.sxo-2026-wrapper .proofs-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .proofs-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .proofs-grid-2026 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px;
    }
    .sxo-2026-wrapper .proofs-grid-2026 > * {
        flex: 0 0 calc((100% - 2 * 24px) / 3);
    }
    .sxo-2026-wrapper .proofs-grid-2026:has(> :nth-child(4)):not(:has(> :nth-child(5))) > *,
    .sxo-2026-wrapper .proofs-grid-2026:has(> :nth-child(7)) > * {
        flex: 0 0 calc((100% - 3 * 24px) / 4);
    }
}

.sxo-2026-wrapper .proofs-card-2026 {
    background: #0a1628;
    border-radius: 16px;
    padding: 28px 24px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sxo-2026-wrapper .proofs-card-2026:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(10, 22, 40, 0.25);
}

.sxo-2026-wrapper .proofs-icon-2026 {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.sxo-2026-wrapper .proofs-icon-2026 i {
    font-size: 1.5rem;
    color: #0a1628;
}

.sxo-2026-wrapper .proofs-card-title-2026 {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px 0;
}

.sxo-2026-wrapper .proofs-card-text-2026 {
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
    line-height: 1.6;
}


/* === CTA === */
.sxo-2026-wrapper .proofs-cta-2026 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    padding: 14px 32px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    min-height: 48px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sxo-2026-wrapper .proofs-cta-2026:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(196, 163, 90, 0.35);
}

/* ═══════════════════════════════════════════════════════════════════════════
   ENRICHISSEMENTS DEPUIS TRUST (2026-02-24)
   ═══════════════════════════════════════════════════════════════════════════ */

/* --- Render safety --- */
.sxo-2026-wrapper section[data-section-type="proofs"],
.sxo-2026-wrapper .proofs-section-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* --- Container responsive 768px (from TRUST) --- */
@media (min-width: 768px) {
    .sxo-2026-wrapper .proofs-section-2026 .container {
        padding: 0 24px;
    }
}

/* --- Header margin-bottom responsive (from TRUST) --- */
@media (min-width: 768px) {
    .sxo-2026-wrapper .proofs-header-2026 {
        margin-bottom: 48px;
    }
}

/* --- Title line-height (from TRUST) --- */
.sxo-2026-wrapper .proofs-title-2026 {
    line-height: 1.2;
}

/* --- Subtitle responsive (from TRUST) --- */
.sxo-2026-wrapper .proofs-subtitle-2026 {
    line-height: 1.6;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .proofs-subtitle-2026 {
        font-size: 1.0625rem;
    }
}

/* --- Card padding responsive (from TRUST) --- */
@media (min-width: 768px) {
    .sxo-2026-wrapper .proofs-card-2026 {
        padding: 32px 28px;
    }
}

/* --- Icon transition + hover scale (from TRUST) --- */
.sxo-2026-wrapper .proofs-icon-2026 {
    transition: transform 0.3s ease;
}

.sxo-2026-wrapper .proofs-card-2026:hover .proofs-icon-2026 {
    transform: scale(1.05);
}

/* --- Item title responsive (from TRUST) --- */
.sxo-2026-wrapper .proofs-item-title-2026 {
    line-height: 1.3;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .proofs-item-title-2026 {
        font-size: 1.125rem;
    }
}

/* --- Print styles (from TRUST, adapted selectors) --- */
@media print {
    .sxo-2026-wrapper .proofs-section-2026 {
        background: #ffffff !important;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .proofs-card-2026 {
        background: #f5f5f5 !important;
        border: 1px solid #dddddd;
        box-shadow: none !important;
    }

    .sxo-2026-wrapper .proofs-title-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .proofs-item-title-2026,
    .sxo-2026-wrapper .proofs-card-title-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .proofs-item-text-2026,
    .sxo-2026-wrapper .proofs-card-text-2026,
    .sxo-2026-wrapper .proofs-text-2026 {
        color: #333333 !important;
    }

    .sxo-2026-wrapper .proofs-icon-2026 {
        background: #cccccc !important;
    }

    .sxo-2026-wrapper .proofs-icon-2026 i {
        color: #000000 !important;
    }
}

/* --- Reduced motion (from TRUST, adapted selectors) --- */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .proofs-card-2026,
    .sxo-2026-wrapper .proofs-icon-2026,
    .sxo-2026-wrapper .proofs-cta-2026 {
        transition: none;
    }

    .sxo-2026-wrapper .proofs-card-2026:hover {
        transform: none;
    }

    .sxo-2026-wrapper .proofs-card-2026:hover .proofs-icon-2026 {
        transform: none;
    }

    .sxo-2026-wrapper .proofs-cta-2026:hover {
        transform: none;
    }
}


/* === SOURCE: referral-2026.css === */
/* ════════════════════════════════════════════════════════════════════════════════
   REFERRAL 2026 - SPLIT LAYOUT NAVY (VARIANTE B)
   ════════════════════════════════════════════════════════════════════════════════
   Design: Fond navy, deux colonnes, visuel decoratif cercles gold
   Benefices verticaux avec checkmarks verts, bouton outline gold (ghost)
   ════════════════════════════════════════════════════════════════════════════════ */

/* === SECTION PRINCIPALE === */
.sxo-2026-wrapper .trust-referral-2026 {
    background: #0a1628;
    padding: 48px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-referral-2026 {
        padding: 64px 0;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .trust-referral-2026 {
        padding: 80px 0;
    }
}

/* === CONTAINER === */
.sxo-2026-wrapper .referral-container-2026 {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 16px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .referral-container-2026 {
        padding: 0 24px;
    }
}

/* === GRID 2 COLONNES === */
.sxo-2026-wrapper .referral-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    align-items: center;
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .referral-grid-2026 {
        grid-template-columns: 1fr 1.2fr;
        gap: 60px;
    }
}

/* === VISUAL (Cercles decoratifs) === */
.sxo-2026-wrapper .referral-visual-2026 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.sxo-2026-wrapper .referral-visual-graphic-2026 {
    width: 200px;
    height: 200px;
    position: relative;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .referral-visual-graphic-2026 {
        width: 280px;
        height: 280px;
    }
}

.sxo-2026-wrapper .referral-visual-circle-2026 {
    position: absolute;
    border-radius: 50%;
}

.sxo-2026-wrapper .referral-visual-circle-2026.circle-outer {
    width: 100%;
    height: 100%;
    border: 2px solid rgba(196, 163, 90, 0.2);
    top: 0;
    left: 0;
}

.sxo-2026-wrapper .referral-visual-circle-2026.circle-middle {
    width: 70%;
    height: 70%;
    border: 2px solid rgba(196, 163, 90, 0.3);
    top: 15%;
    left: 15%;
}

.sxo-2026-wrapper .referral-visual-circle-2026.circle-inner {
    width: 40%;
    height: 40%;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    top: 30%;
    left: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sxo-2026-wrapper .referral-visual-circle-2026.circle-inner i {
    font-size: 2rem;
    color: #0a1628;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .referral-visual-circle-2026.circle-inner i {
        font-size: 2.5rem;
    }
}

/* Decorative dots */
.sxo-2026-wrapper .referral-visual-dot-2026 {
    position: absolute;
    width: 12px;
    height: 12px;
    background: #c4a35a;
    border-radius: 50%;
}

.sxo-2026-wrapper .referral-visual-dot-2026.dot-1 {
    top: 10%;
    right: 5%;
}

.sxo-2026-wrapper .referral-visual-dot-2026.dot-2 {
    bottom: 20%;
    left: 0;
}

.sxo-2026-wrapper .referral-visual-dot-2026.dot-3 {
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    opacity: 0.6;
}

/* === CONTENT === */
.sxo-2026-wrapper .referral-content-2026 {
    text-align: center;
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .referral-content-2026 {
        text-align: left;
    }
}

.sxo-2026-wrapper .referral-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .referral-title-2026 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .referral-title-2026 {
        font-size: 2.5rem;
    }
}

.sxo-2026-wrapper .referral-subtitle-2026 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 28px 0;
    line-height: 1.6;
}

/* === BENEFITS === */
.sxo-2026-wrapper .referral-benefits-2026 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 32px;
}

.sxo-2026-wrapper .referral-benefit-2026 {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    text-align: left;
}

.sxo-2026-wrapper .referral-benefit-check-2026 {
    width: 28px;
    height: 28px;
    background: rgba(34, 197, 94, 0.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sxo-2026-wrapper .referral-benefit-check-2026 i {
    font-size: 0.875rem;
    color: #22c55e;
}

.sxo-2026-wrapper .referral-benefit-content-2026 {
    flex: 1;
}

.sxo-2026-wrapper .referral-benefit-title-2026 {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 2px 0;
}

.sxo-2026-wrapper .referral-benefit-text-2026 {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

/* === CTA GHOST BUTTON === */
.sxo-2026-wrapper .referral-cta-2026 {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: transparent;
    border: 2px solid #c4a35a;
    color: #c4a35a;
    font-weight: 700;
    font-size: 1rem;
    border-radius: 12px;
    text-decoration: none;
    min-height: 48px;
    transition: all 0.2s ease;
}

.sxo-2026-wrapper .referral-cta-2026:hover {
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    border-color: transparent;
}

/* === PRINT === */
@media print {
    .sxo-2026-wrapper .trust-referral-2026 {
        background: #ffffff;
    }
    .sxo-2026-wrapper .referral-title-2026 {
        color: #0a1628;
    }
    .sxo-2026-wrapper .referral-benefit-title-2026 {
        color: #0a1628;
    }
}

/* === ACCESSIBILITY - REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .trust-referral-2026 *,
    .sxo-2026-wrapper .trust-referral-2026 *::before,
    .sxo-2026-wrapper .trust-referral-2026 *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


/* === SOURCE: services-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   SERVICES 2026 - PREMIUM CARDS (SXO GOLD STANDARD)
   ═══════════════════════════════════════════════════════════════════════════

   Design IDENTIQUE aux sections premium (features, stats)
   - Container 1200px avec padding responsive
   - Deux variantes background: navy (glassmorphism) et light (cards navy)
   - Support images full-bleed + icons (fallback)
   - Grille adaptive: 2x2 pour 4 items, 3 colonnes sinon
   - Icon wrapper: carre arrondi gold (comme features/stats)
   - Palette Navy + Gold (ZERO orange)
   - Mobile-first strict

   Date: 2026-02-04 | Batch 3
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   SECURISATION AFFICHAGE
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper section[data-section-type="services"],
.sxo-2026-wrapper .trust-services-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* ═══════════════════════════════════════════════════════════════════════════
   VARIANTE LIGHT (defaut)
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-services-2026,
.sxo-2026-wrapper .trust-services-2026[data-bg="light"] {
    background: #f8fafc;
    padding: 48px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-services-2026[data-bg="light"],
    .sxo-2026-wrapper .trust-services-2026:not([data-bg]) {
        padding: 64px 0;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .trust-services-2026[data-bg="light"],
    .sxo-2026-wrapper .trust-services-2026:not([data-bg]) {
        padding: 80px 0;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   VARIANTE NAVY
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-services-2026[data-bg="navy"] {
    background: linear-gradient(135deg, #0a1628 0%, #1a365d 100%);
    padding: 48px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-services-2026[data-bg="navy"] {
        padding: 64px 0;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .trust-services-2026[data-bg="navy"] {
        padding: 80px 0;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   CONTAINER — 1200px avec padding responsive (comme features/stats)
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-services-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-services-2026 .container {
        padding: 0 24px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   HEADER — responsive (comme features/stats)
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .services-header-2026 {
    text-align: center;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .services-header-2026 {
        margin-bottom: 48px;
    }
}

/* Titre — progression identique features/stats */
.sxo-2026-wrapper .services-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    margin: 0 0 16px 0;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .services-title-2026 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .services-title-2026 {
        font-size: 2.5rem;
    }
}

/* Couleurs titre selon variante */
.sxo-2026-wrapper .trust-services-2026[data-bg="light"] .services-title-2026,
.sxo-2026-wrapper .trust-services-2026:not([data-bg]) .services-title-2026 {
    color: #0a1628;
}

.sxo-2026-wrapper .trust-services-2026[data-bg="navy"] .services-title-2026 {
    color: #ffffff;
}

/* Sous-titre — centrage explicite (comme features) */
.sxo-2026-wrapper .services-subtitle-2026 {
    font-size: 1rem;
    max-width: 600px;
    margin: 0 auto 8px;
    line-height: 1.6;
    text-align: center;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .services-subtitle-2026 {
        font-size: 1.125rem;
    }
}

.sxo-2026-wrapper .trust-services-2026[data-bg="light"] .services-subtitle-2026,
.sxo-2026-wrapper .trust-services-2026:not([data-bg]) .services-subtitle-2026 {
    color: #64748b;
}

.sxo-2026-wrapper .trust-services-2026[data-bg="navy"] .services-subtitle-2026 {
    color: rgba(255, 255, 255, 0.7);
}

/* Description header — centrage explicite */
.sxo-2026-wrapper .services-description-2026 {
    font-size: 0.9375rem;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
    text-align: center;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .services-description-2026 {
        font-size: 1rem;
    }
}

.sxo-2026-wrapper .trust-services-2026[data-bg="light"] .services-description-2026,
.sxo-2026-wrapper .trust-services-2026:not([data-bg]) .services-description-2026 {
    color: #64748b;
}

.sxo-2026-wrapper .trust-services-2026[data-bg="navy"] .services-description-2026 {
    color: rgba(255, 255, 255, 0.7);
}

/* ═══════════════════════════════════════════════════════════════════════════
   GRID — Mobile first, 2x2 pour 4 items
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .services-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 576px) {
    .sxo-2026-wrapper .services-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .services-grid-2026 {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }

    .sxo-2026-wrapper .services-grid-2026[data-count="4"] {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .services-grid-2026[data-count="4"] {
        gap: 28px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   CARD BASE — Reset du padding generique core-2026-generics.css
   CRITIQUE : le generique applique padding:24px sur [class$="-card-2026"]
   On doit le neutraliser pour les image cards (full-bleed)
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-services-2026 .service-card-2026 {
    padding: 0;
    overflow: hidden;
    border-radius: 20px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- Variante LIGHT : cards navy solides --- */
.sxo-2026-wrapper .trust-services-2026[data-bg="light"] .service-card-2026,
.sxo-2026-wrapper .trust-services-2026:not([data-bg]) .service-card-2026 {
    background: #0a1628;
    border: 1px solid rgba(26, 54, 93, 0.2);
}

.sxo-2026-wrapper .trust-services-2026[data-bg="light"] .service-card-2026:hover,
.sxo-2026-wrapper .trust-services-2026:not([data-bg]) .service-card-2026:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(10, 22, 40, 0.3);
}

/* --- Variante NAVY : glassmorphism (comme features) --- */
.sxo-2026-wrapper .trust-services-2026[data-bg="navy"] .service-card-2026 {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.sxo-2026-wrapper .trust-services-2026[data-bg="navy"] .service-card-2026:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(196, 163, 90, 0.4);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

/* ═══════════════════════════════════════════════════════════════════════════
   IMAGE FULL-BLEED (card padding: 0 = image bord a bord)
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .service-image-2026 {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: rgba(26, 54, 93, 0.3);
}

.sxo-2026-wrapper .service-image-2026 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 24px;
    transition: transform 0.5s ease;
}

.sxo-2026-wrapper .service-card-2026:hover .service-image-2026 img {
    transform: scale(1.05);
}

/* Overlay gradient sur l'image */
.sxo-2026-wrapper .service-image-2026::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30%;
    background: linear-gradient(180deg, transparent 0%, rgba(10, 22, 40, 0.4) 100%);
    pointer-events: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ICON WRAPPER — Design identique features/stats (carre arrondi, gold rgba)
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .service-icon-2026 {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, rgba(196, 163, 90, 0.2) 0%, rgba(196, 163, 90, 0.05) 100%);
    border: 1px solid rgba(196, 163, 90, 0.3);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 28px 0 0 24px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .service-icon-2026 {
        width: 64px;
        height: 64px;
        margin: 32px 0 0 24px;
    }
}

.sxo-2026-wrapper .service-icon-2026 i {
    font-size: 1.5rem;
    color: #c4a35a;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .service-icon-2026 i {
        font-size: 1.75rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   CONTENU CARD — responsive (comme features/stats)
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .service-content-2026 {
    padding: 20px 20px 28px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .service-content-2026 {
        padding: 20px 24px 32px;
    }
}

/* Titres cards */
.sxo-2026-wrapper .trust-services-2026[data-bg="light"] .service-title-2026,
.sxo-2026-wrapper .trust-services-2026:not([data-bg]) .service-title-2026,
.sxo-2026-wrapper .trust-services-2026[data-bg="navy"] .service-title-2026 {
    color: #ffffff;
}

.sxo-2026-wrapper .service-title-2026 {
    font-size: 1.0625rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .service-title-2026 {
        font-size: 1.25rem;
    }
}

/* Descriptions cards */
.sxo-2026-wrapper .trust-services-2026[data-bg="light"] .service-description-2026,
.sxo-2026-wrapper .trust-services-2026:not([data-bg]) .service-description-2026 {
    color: rgba(255, 255, 255, 0.75);
}

.sxo-2026-wrapper .trust-services-2026[data-bg="navy"] .service-description-2026 {
    color: rgba(255, 255, 255, 0.7);
}

.sxo-2026-wrapper .service-description-2026 {
    font-size: 0.875rem;
    margin: 0;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .service-description-2026 {
        font-size: 0.9375rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   PRINT
   ═══════════════════════════════════════════════════════════════════════════ */
@media print {
    .sxo-2026-wrapper .trust-services-2026 {
        background: #ffffff;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .service-card-2026 {
        background: #f8fafc;
        border: 1px solid #e2e8f0;
    }

    .sxo-2026-wrapper .service-title-2026,
    .sxo-2026-wrapper .services-title-2026 {
        color: #000000;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ACCESSIBILITY — REDUCED MOTION
   ═══════════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .service-card-2026,
    .sxo-2026-wrapper .service-image-2026 img {
        transition: none;
    }

    .sxo-2026-wrapper .service-card-2026:hover {
        transform: none;
    }

    .sxo-2026-wrapper .service-card-2026:hover .service-image-2026 img {
        transform: none;
    }
}


/* === SOURCE: stats-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   STATS SECTION 2026 - Autonome
   Source: prototype-homepage-parfaite-2026.html
   Date: 2026-02-05
   ═══════════════════════════════════════════════════════════════════════════ */

.sxo-2026-wrapper .stats-section-2026 {
    background: #f8fafc;
    padding: 48px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .stats-section-2026 {
        padding: 64px 0;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .stats-section-2026 {
        padding: 80px 0;
    }
}

.sxo-2026-wrapper .stats-section-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

.sxo-2026-wrapper .stats-header-2026 {
    text-align: center;
    margin-bottom: 40px;
}

.sxo-2026-wrapper .stats-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #0a1628;
    margin: 0 0 12px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .stats-title-2026 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .stats-title-2026 {
        font-size: 2.5rem;
    }
}

.sxo-2026-wrapper .stats-grid-2026 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .stats-grid-2026 {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }
}

.sxo-2026-wrapper .stats-card-2026 {
    background: #0a1628;
    border-radius: 16px;
    padding: 28px 20px;
    min-height: 180px; /* CLS fix 2026-02-20 */
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sxo-2026-wrapper .stats-card-2026:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(10, 22, 40, 0.25);
}

.sxo-2026-wrapper .stats-number-2026 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #c4a35a;
    line-height: 1;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .stats-number-2026 {
        font-size: 3rem;
    }
}

.sxo-2026-wrapper .stats-label-2026 {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 4px;
}

.sxo-2026-wrapper .stats-description-2026 {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.6);
}

/* ═══════════════════════════════════════════════════════════════════════════
   ENRICHISSEMENTS DEPUIS TRUST (2026-02-24)
   ═══════════════════════════════════════════════════════════════════════════ */

/* --- Render safety --- */
.sxo-2026-wrapper section[data-section-type="stats"],
.sxo-2026-wrapper .stats-section-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* --- Container responsive 768px (from TRUST) --- */
@media (min-width: 768px) {
    .sxo-2026-wrapper .stats-section-2026 .container {
        padding: 0 24px;
    }
}

/* --- Header margin-bottom responsive (from TRUST) --- */
@media (min-width: 768px) {
    .sxo-2026-wrapper .stats-header-2026 {
        margin-bottom: 48px;
    }
}

/* --- Title line-height (from TRUST) --- */
.sxo-2026-wrapper .stats-title-2026 {
    line-height: 1.2;
}

/* --- Subtitle (from TRUST) --- */
.sxo-2026-wrapper .stats-subtitle-2026 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
    text-align: center;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .stats-subtitle-2026 {
        font-size: 1.125rem;
    }
}

/* --- Card enhanced hover with border-color (from TRUST) --- */
.sxo-2026-wrapper .stats-card-2026:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(196, 163, 90, 0.4);
}

/* --- Card icon wrapper (from TRUST) --- */
.sxo-2026-wrapper .stats-icon-wrapper-2026 {
    width: 48px;
    height: 48px;
    margin: 0 auto 16px;
    background: linear-gradient(135deg, rgba(196, 163, 90, 0.2) 0%, rgba(196, 163, 90, 0.05) 100%);
    border: 1px solid rgba(196, 163, 90, 0.3);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .stats-icon-wrapper-2026 {
        width: 56px;
        height: 56px;
        border-radius: 16px;
    }
}

.sxo-2026-wrapper .stats-icon-wrapper-2026 i {
    font-size: 1.25rem;
    color: #c4a35a;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .stats-icon-wrapper-2026 i {
        font-size: 1.5rem;
    }
}

/* --- Number at 1200px breakpoint (from TRUST) --- */
@media (min-width: 1200px) {
    .sxo-2026-wrapper .stats-number-2026 {
        font-size: 3rem;
    }
}

/* --- Label responsive (from TRUST) --- */
@media (min-width: 768px) {
    .sxo-2026-wrapper .stats-label-2026 {
        font-size: 1rem;
    }
}

/* --- Description responsive (from TRUST) --- */
.sxo-2026-wrapper .stats-description-2026 {
    line-height: 1.5;
    margin: 8px 0 0 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .stats-description-2026 {
        font-size: 0.875rem;
    }
}

/* --- Print styles (from TRUST, adapted selectors) --- */
@media print {
    .sxo-2026-wrapper .stats-section-2026 {
        background: #ffffff !important;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .stats-card-2026 {
        background: #f5f5f5 !important;
        border: 1px solid #ddd !important;
    }

    .sxo-2026-wrapper .stats-title-2026,
    .sxo-2026-wrapper .stats-number-2026 {
        color: #000000 !important;
        -webkit-text-fill-color: #000000 !important;
        background: none !important;
    }

    .sxo-2026-wrapper .stats-subtitle-2026,
    .sxo-2026-wrapper .stats-label-2026 {
        color: #333333 !important;
    }
}

/* --- Reduced motion (from TRUST, adapted selectors) --- */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .stats-card-2026 {
        transition: none;
    }

    .sxo-2026-wrapper .stats-card-2026:hover {
        transform: none;
    }
}


/* === SOURCE: success-stories-2026.css === */
/* ════════════════════════════════════════════════════════════════════════════════
   SUCCESS STORIES 2026 - TESTIMONIAL CAROUSEL NAVY (VARIANTE B)
   ════════════════════════════════════════════════════════════════════════════════
   Design: Fond navy, grande citation unique mise en avant
   Badge annees floating, guillemets decoratifs ::before, mini-cards empilees
   Navigation dots (optionnelle), high-impact elegant
   Reproduction EXACTE Variante B (2026-02-06)
   ════════════════════════════════════════════════════════════════════════════════ */

/* === SECTION PRINCIPALE === */
.sxo-2026-wrapper .trust-success-stories-2026 {
    background: #0a1628;
    padding: 64px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-success-stories-2026 {
        padding: 80px 0;
    }
}

/* === HEADER === */
.sxo-2026-wrapper .success-stories-header-2026 {
    text-align: center;
    margin-bottom: 48px;
}

.sxo-2026-wrapper .success-stories-badge-2026 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(196, 163, 90, 0.15);
    color: #c4a35a;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 20px;
    border: 1px solid rgba(196, 163, 90, 0.3);
}

.sxo-2026-wrapper .success-stories-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 16px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .success-stories-title-2026 {
        font-size: 2.25rem;
    }
}

.sxo-2026-wrapper .success-stories-subtitle-2026 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin: 0 auto;
}

/* === CAROUSEL CONTAINER === */
.sxo-2026-wrapper .success-stories-carousel-2026 {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

/* === FEATURED CARD (grande citation) === */
.sxo-2026-wrapper .success-story-featured-2026 {
    max-width: 900px;
    margin: 0 auto;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    padding: 40px 32px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .success-story-featured-2026 {
        padding: 56px 48px;
    }
}

/* Big quotation marks decoration - VARIANTE B (taille/position prototype, couleur visible) */
.sxo-2026-wrapper .success-story-featured-2026::before {
    content: '\201C';
    position: absolute;
    top: 20px;
    left: 24px;
    font-size: 8rem;
    color: #c4a35a;
    opacity: 0.3;
    font-family: Georgia, serif;
    line-height: 1;
    z-index: 0;
    pointer-events: none;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .success-story-featured-2026::before {
        font-size: 12rem;
        top: 10px;
        left: 32px;
    }
}

/* === YEARS FLOATING BADGE === */
.sxo-2026-wrapper .success-story-years-floating-2026 {
    position: absolute;
    top: 24px;
    right: 24px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    padding: 12px 20px;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 8px 24px rgba(196, 163, 90, 0.3);
}

.sxo-2026-wrapper .success-story-years-number-2026 {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1;
    display: block;
}

.sxo-2026-wrapper .success-story-years-label-2026 {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* === FEATURED CONTENT === */
.sxo-2026-wrapper .success-story-content-2026 {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 20px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .success-story-content-2026 {
        padding: 24px 80px 24px 40px;
    }
}

.sxo-2026-wrapper .success-story-quote-2026 {
    font-size: 1.25rem;
    color: #ffffff;
    line-height: 1.7;
    font-style: italic;
    margin: 0 0 24px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .success-story-quote-2026 {
        font-size: 1.5rem;
    }
}

/* === AUTHOR === */
.sxo-2026-wrapper .success-story-author-2026 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.sxo-2026-wrapper .success-story-logo-2026 {
    width: 80px;
    height: 80px;
    border-radius: 16px;
    background: linear-gradient(135deg, #1a365d 0%, #0a1628 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(196, 163, 90, 0.3);
}

.sxo-2026-wrapper .success-story-logo-2026 i {
    font-size: 2rem;
    color: #c4a35a;
}

.sxo-2026-wrapper .success-story-company-2026 {
    font-weight: 700;
    color: #ffffff;
    font-size: 1.25rem;
    margin: 0;
}

/* === INFO TAGS === */
.sxo-2026-wrapper .success-story-info-2026 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 8px;
}

.sxo-2026-wrapper .success-story-tag-2026 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.05);
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.sxo-2026-wrapper .success-story-tag-2026 i {
    color: #c4a35a;
}

/* === NAVIGATION DOTS === */
.sxo-2026-wrapper .success-stories-dots-2026 {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}

.sxo-2026-wrapper .success-stories-dot-2026 {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    transition: all 0.3s ease;
}

.sxo-2026-wrapper .success-stories-dot-2026.active {
    background: #c4a35a;
    transform: scale(1.3);
}

/* === STACKED MINI CARDS === */
.sxo-2026-wrapper .success-stories-stack-2026 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sxo-2026-wrapper .success-story-mini-2026 {
    max-width: 900px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 0.3s ease;
    width: 100%;
    min-height: 48px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .success-story-mini-2026 {
        flex-direction: row;
        align-items: center;
    }
}

.sxo-2026-wrapper .success-story-mini-2026:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(196, 163, 90, 0.3);
}

.sxo-2026-wrapper .success-story-mini-years-2026 {
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    color: #0a1628;
    padding: 8px 16px;
    border-radius: 12px;
    font-weight: 800;
    font-size: 1rem;
    white-space: nowrap;
    text-align: center;
    flex-shrink: 0;
}

.sxo-2026-wrapper .success-story-mini-content-2026 {
    flex: 1;
}

.sxo-2026-wrapper .success-story-mini-company-2026 {
    font-weight: 700;
    color: #ffffff;
    font-size: 1rem;
    margin: 0 0 4px 0;
}

.sxo-2026-wrapper .success-story-mini-quote-2026 {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.6);
    font-style: italic;
    margin: 0;
}

/* === PRINT === */
@media print {
    .sxo-2026-wrapper .trust-success-stories-2026 {
        background: #ffffff;
    }
    .sxo-2026-wrapper .success-stories-title-2026,
    .sxo-2026-wrapper .success-story-company-2026,
    .sxo-2026-wrapper .success-story-quote-2026 {
        color: #0a1628;
    }
}

/* === ACCESSIBILITY - REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .trust-success-stories-2026 *,
    .sxo-2026-wrapper .trust-success-stories-2026 *::before,
    .sxo-2026-wrapper .trust-success-stories-2026 *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


/* === SOURCE: support-pillars-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   SUPPORT PILLARS SECTION 2026 - Autonome
   Source: prototype-homepage-parfaite-2026.html
   Date: 2026-02-05
   ═══════════════════════════════════════════════════════════════════════════ */

.sxo-2026-wrapper .support-pillars-2026 {
    background: linear-gradient(135deg, #0a1628 0%, #1a365d 100%);
    padding: 48px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .support-pillars-2026 {
        padding: 64px 0;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .support-pillars-2026 {
        padding: 80px 0;
    }
}

.sxo-2026-wrapper .support-pillars-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

.sxo-2026-wrapper .support-pillars-header-2026 {
    text-align: center;
    margin-bottom: 48px;
}

.sxo-2026-wrapper .support-pillars-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 12px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .support-pillars-title-2026 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .support-pillars-title-2026 {
        font-size: 2.5rem;
    }
}

.sxo-2026-wrapper .support-pillars-subtitle-2026 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 600px;
    margin: 0 auto;
}

.sxo-2026-wrapper .support-pillars-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    position: relative;
}

@media (min-width: 576px) {
    .sxo-2026-wrapper .support-pillars-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .support-pillars-grid-2026 {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
    }

    .sxo-2026-wrapper .support-pillars-grid-2026::before {
        content: '';
        position: absolute;
        top: 32px;
        left: 10%;
        right: 10%;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(196, 163, 90, 0.4), transparent);
        pointer-events: none;
    }
}

.sxo-2026-wrapper .support-pillar-card-2026 {
    text-align: center;
    position: relative;
}

.sxo-2026-wrapper .support-pillar-number-2026 {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.25rem;
    color: #0a1628;
    margin: 0 auto 20px;
    position: relative;
    z-index: 1;
    box-shadow: 0 8px 24px rgba(196, 163, 90, 0.3);
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .support-pillar-number-2026 {
        width: 64px;
        height: 64px;
        font-size: 1.5rem;
    }
}

.sxo-2026-wrapper .support-pillar-title-2026 {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .support-pillar-title-2026 {
        font-size: 1.0625rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .support-pillar-title-2026 {
        font-size: 1.125rem;
    }
}

.sxo-2026-wrapper .support-pillar-text-2026 {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
    margin: 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .support-pillar-text-2026 {
        font-size: 0.9375rem;
    }
}


/* ═══════════════════════════════════════════════════════════════════════════
   ENRICHISSEMENTS DEPUIS TRUST (2026-02-24) - Batch 3B
   Selecteurs adaptes : .trust-support-pillars-2026 -> .support-pillars-2026
   ═══════════════════════════════════════════════════════════════════════════ */

/* === SECURISATION AFFICHAGE === */
.sxo-2026-wrapper section[data-section-type="support_pillars"],
.sxo-2026-wrapper .support-pillars-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* === CONTAINER RESPONSIVE PADDING === */
@media (min-width: 768px) {
    .sxo-2026-wrapper .support-pillars-2026 .container {
        padding: 0 24px;
    }
}

/* === HEADER TITLE LINE-HEIGHT === */
.sxo-2026-wrapper .support-pillars-header-2026 .support-pillars-title-2026 {
    line-height: 1.2;
}

/* === SUBTITLE RESPONSIVE === */
@media (min-width: 768px) {
    .sxo-2026-wrapper .support-pillars-subtitle-2026 {
        font-size: 1.0625rem;
        line-height: 1.6;
    }
}

/* === CARD TITLE LINE-HEIGHT === */
.sxo-2026-wrapper .support-pillar-card-2026 .support-pillar-title-2026 {
    line-height: 1.3;
}

/* === HOVER EFFECTS - Number circle (transition + hover scale) === */
.sxo-2026-wrapper .support-pillar-number-2026 {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sxo-2026-wrapper .support-pillar-card-2026:hover .support-pillar-number-2026 {
    transform: scale(1.1);
    box-shadow: 0 12px 32px rgba(196, 163, 90, 0.4);
}

/* === ICON WRAPPER (masque dans variante timeline) === */
.sxo-2026-wrapper .support-pillar-icon-wrapper-2026 {
    display: none;
}

/* === LEGACY SUPPORT (ancien markup avec icon-wrapper visible) === */
.sxo-2026-wrapper .support-pillar-icon-2026 {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.sxo-2026-wrapper .support-pillar-icon-2026 i {
    font-size: 1.5rem;
    color: #0a1628;
}

/* === PRINT STYLES === */
@media print {
    .sxo-2026-wrapper .support-pillars-2026 {
        background: #ffffff !important;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .support-pillars-header-2026 .support-pillars-title-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .support-pillars-subtitle-2026 {
        color: #333333 !important;
    }

    .sxo-2026-wrapper .support-pillar-number-2026 {
        background: #cccccc !important;
        color: #000000 !important;
        box-shadow: none !important;
    }

    .sxo-2026-wrapper .support-pillar-card-2026 .support-pillar-title-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .support-pillar-text-2026 {
        color: #333333 !important;
    }

    .sxo-2026-wrapper .support-pillars-grid-2026::before {
        display: none !important;
    }
}

/* === ACCESSIBILITY - REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .support-pillar-number-2026 {
        transition: none;
    }

    .sxo-2026-wrapper .support-pillar-card-2026:hover .support-pillar-number-2026 {
        transform: none;
    }
}


/* === SOURCE: target-profiles-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   TARGET PROFILES 2026 - CARDS NAVY SUR FOND BLANC (SXO GOLD STANDARD)
   ═══════════════════════════════════════════════════════════════════════════

   Design valide : Variante C - Alternance
   - Fond blanc (contraste apres sections navy)
   - Cards en gradient navy
   - Icons rondes avec accent gold
   - Solutions en gold
   - Mobile-first strict
   - Container 1200px

   Date: 2026-01-31
   FIX 2026-02-06: Reduction !important (19→5 max) via specificite accrue
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   SECURISATION AFFICHAGE (3 !important acceptables)
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper section[data-section-type="target_profiles"],
.sxo-2026-wrapper .trust-target-profiles-2026 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION ROOT
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-target-profiles-2026 {
    background: #ffffff;
    padding: 64px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-target-profiles-2026 {
        padding: 80px 0;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   CONTAINER
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-target-profiles-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-target-profiles-2026 .container {
        padding: 0 24px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-target-profiles-2026 .target-profiles-header-2026 {
    text-align: center;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profiles-header-2026 {
        margin-bottom: 48px;
    }
}

.sxo-2026-wrapper .trust-target-profiles-2026 .target-profiles-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #0a1628;
    margin: 0 0 16px 0;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profiles-title-2026 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profiles-title-2026 {
        font-size: 2.5rem;
    }
}

/* FIX 2026-02-06: Specificite accrue pour eviter !important */
.sxo-2026-wrapper .trust-target-profiles-2026 .target-profiles-header-2026 .target-profiles-subtitle-2026 {
    font-size: 1rem;
    color: #64748b;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
    text-align: center;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profiles-header-2026 .target-profiles-subtitle-2026 {
        font-size: 1.125rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   GRID
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-target-profiles-2026 .target-profiles-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profiles-grid-2026 {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   PROFILE CARD - Navy Gradient
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-card-2026 {
    background: linear-gradient(180deg, #0a1628 0%, #1a365d 100%);
    border-radius: 20px;
    padding: 28px 20px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid transparent;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-card-2026 {
        padding: 32px 24px;
    }
}

.sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-card-2026:hover {
    transform: translateY(-8px);
    border-color: #c4a35a;
    box-shadow: 0 20px 40px rgba(10, 22, 40, 0.3);
}

/* ═══════════════════════════════════════════════════════════════════════════
   ICON - Round Gold Accent
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-icon-2026 {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, rgba(196, 163, 90, 0.2) 0%, rgba(196, 163, 90, 0.05) 100%);
    border: 1px solid rgba(196, 163, 90, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-icon-2026 i,
.sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-icon-2026 span {
    font-size: 1.5rem;
    color: #c4a35a;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CARD CONTENT
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-title-2026 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-title-2026 {
        font-size: 1.25rem;
    }
}

.sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-description-2026 {
    font-size: 0.875rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 16px 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PAIN POINTS
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-pains-2026 {
    text-align: left;
    margin-bottom: 16px;
}

.sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-pain-item-2026 {
    padding: 10px 12px;
    background: rgba(239, 68, 68, 0.2);
    border-radius: 8px;
    margin-bottom: 8px;
    color: #fca5a5;
    font-size: 0.8125rem;
    line-height: 1.4;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SOLUTION - Gold Accent
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-solution-2026 {
    padding: 12px 16px;
    background: rgba(196, 163, 90, 0.2);
    border: 1px solid rgba(196, 163, 90, 0.3);
    border-radius: 10px;
    color: #c4a35a;
    font-weight: 600;
    font-size: 0.875rem;
    text-align: left;
    line-height: 1.5;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PRINT STYLES (2 !important acceptables pour print)
   ═══════════════════════════════════════════════════════════════════════════ */
@media print {
    .sxo-2026-wrapper .trust-target-profiles-2026 {
        background: #ffffff !important;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-card-2026 {
        background: #f5f5f5 !important;
        border: 1px solid #ddd;
    }

    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profiles-title-2026,
    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-title-2026 {
        color: #000000;
    }

    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profiles-header-2026 .target-profiles-subtitle-2026,
    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-description-2026 {
        color: #333333;
    }

    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-pain-item-2026 {
        color: #dc2626;
        background: rgba(220, 38, 38, 0.1);
    }

    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-solution-2026 {
        color: #16a34a;
        background: rgba(34, 197, 94, 0.1);
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ACCESSIBILITY - REDUCED MOTION
   ═══════════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-card-2026 {
        transition: none;
    }

    .sxo-2026-wrapper .trust-target-profiles-2026 .target-profile-card-2026:hover {
        transform: none;
    }
}


/* === SOURCE: testimonials-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   TESTIMONIALS SECTION 2026 - Autonome
   Source: prototype-homepage-parfaite-2026.html
   Date: 2026-02-05
   Guillemet decoratif CSS ::before Variante B (harmonise 2026-02-06)
   ═══════════════════════════════════════════════════════════════════════════ */

.sxo-2026-wrapper .testimonials-section-2026 {
    background: #f8fafc;
    padding: 48px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .testimonials-section-2026 {
        padding: 64px 0;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .testimonials-section-2026 {
        padding: 80px 0;
    }
}

.sxo-2026-wrapper .testimonials-section-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

.sxo-2026-wrapper .testimonials-header-2026 {
    text-align: center;
    margin-bottom: 40px;
}

.sxo-2026-wrapper .testimonials-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #0a1628;
    margin: 0 0 12px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .testimonials-title-2026 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .testimonials-title-2026 {
        font-size: 2.5rem;
    }
}

.sxo-2026-wrapper .testimonials-subtitle-2026 {
    font-size: 1rem;
    color: #64748b;
    max-width: 600px;
    margin: 0 auto;
}

.sxo-2026-wrapper .testimonials-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .testimonials-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .testimonials-grid-2026 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px;
    }
    .sxo-2026-wrapper .testimonials-grid-2026 > * {
        flex: 0 0 calc((100% - 2 * 24px) / 3);
    }
    .sxo-2026-wrapper .testimonials-grid-2026:has(> :nth-child(4)):not(:has(> :nth-child(5))) > *,
    .sxo-2026-wrapper .testimonials-grid-2026:has(> :nth-child(7)) > * {
        flex: 0 0 calc((100% - 3 * 24px) / 4);
    }
}

.sxo-2026-wrapper .testimonial-card-2026 {
    background: #0a1628;
    border-radius: 16px;
    padding: 28px 24px;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sxo-2026-wrapper .testimonial-card-2026:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(10, 22, 40, 0.25);
}

/* Guillemet decoratif - VARIANTE B (taille/position prototype, couleur visible) */
.sxo-2026-wrapper .testimonial-card-2026::before {
    content: '"';
    position: absolute;
    top: 24px;
    left: 32px;
    font-size: 6rem;
    color: #c4a35a;
    opacity: 0.3;
    font-family: Georgia, serif;
    line-height: 1;
    z-index: 0;
    pointer-events: none;
}

.sxo-2026-wrapper .testimonial-stars-2026 {
    display: flex;
    gap: 4px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

.sxo-2026-wrapper .testimonial-stars-2026 i {
    color: #c4a35a;
    font-size: 0.875rem;
}

.sxo-2026-wrapper .testimonial-text-2026 {
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.7;
    margin: 0 0 20px 0;
    font-style: italic;
    position: relative;
    z-index: 1;
}

.sxo-2026-wrapper .testimonial-author-2026 {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.sxo-2026-wrapper .testimonial-avatar-2026 {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    color: #0a1628;
}

.sxo-2026-wrapper .testimonial-name-2026 {
    font-weight: 700;
    color: #ffffff;
    font-size: 0.9375rem;
}

.sxo-2026-wrapper .testimonial-role-2026 {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.6);
}


/* ======================================================================
   ENRICHISSEMENTS DEPUIS TRUST (2026-02-24) - Batch 3B
   Selecteurs adaptes : .trust-testimonials-2026 -> .testimonials-section-2026
   ====================================================================== */

/* === SECURISATION AFFICHAGE === */
.sxo-2026-wrapper section[data-section-type="testimonials"],
.sxo-2026-wrapper .testimonials-section-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* === CONTAINER RESPONSIVE PADDING === */
@media (min-width: 768px) {
    .sxo-2026-wrapper .testimonials-section-2026 .container {
        padding: 0 24px;
    }
}

/* === HEADER RESPONSIVE MARGIN === */
@media (min-width: 768px) {
    .sxo-2026-wrapper .testimonials-header-2026 {
        margin-bottom: 48px;
    }
}

/* === TITLE LINE-HEIGHT === */
.sxo-2026-wrapper .testimonials-title-2026 {
    line-height: 1.2;
}

/* === SUBTITLE RESPONSIVE === */
@media (min-width: 768px) {
    .sxo-2026-wrapper .testimonials-subtitle-2026 {
        font-size: 1.0625rem;
        line-height: 1.6;
    }
}

/* === GRID RESPONSIVE GAPS === */
@media (min-width: 768px) {
    .sxo-2026-wrapper .testimonials-grid-2026 {
        gap: 28px;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .testimonials-grid-2026 {
        gap: 32px;
    }
}

/* === CARD FLEX LAYOUT (enrichi) === */
.sxo-2026-wrapper .testimonial-card-2026 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .testimonial-card-2026 {
        padding: 32px 28px;
    }
}

/* === STARS/RATING DUAL SELECTORS + RESPONSIVE === */
.sxo-2026-wrapper .testimonial-rating-2026 {
    display: flex;
    gap: 4px;
}

.sxo-2026-wrapper .testimonial-rating-2026 i,
.sxo-2026-wrapper .testimonial-star-gold-2026 {
    color: #c4a35a;
    font-size: 0.875rem;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .testimonial-stars-2026 i,
    .sxo-2026-wrapper .testimonial-rating-2026 i,
    .sxo-2026-wrapper .testimonial-star-gold-2026 {
        font-size: 1rem;
    }
}

/* === QUOTE WRAPPER (structure enrichie) === */
.sxo-2026-wrapper .testimonial-quote-2026 {
    position: relative;
    flex: 1;
}

.sxo-2026-wrapper .testimonial-quote-2026::before {
    content: '\201C';
    position: absolute;
    top: -10px;
    left: -8px;
    font-size: 3.5rem;
    font-weight: 800;
    color: rgba(196, 163, 90, 0.25);
    line-height: 1;
    font-family: Georgia, serif;
}

.sxo-2026-wrapper .testimonial-quote-2026,
.sxo-2026-wrapper .testimonial-quote-2026 p {
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.7;
    margin: 0;
    padding-left: 16px;
    font-style: italic;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .testimonial-quote-2026,
    .sxo-2026-wrapper .testimonial-quote-2026 p {
        font-size: 1rem;
    }
}

/* === AUTHOR BORDER-TOP SEPARATOR === */
.sxo-2026-wrapper .testimonial-author-2026 {
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* === AVATAR IMG SUPPORT === */
.sxo-2026-wrapper .testimonial-avatar-2026 {
    position: relative;
    flex-shrink: 0;
}

.sxo-2026-wrapper .testimonial-avatar-2026 img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

/* === AVATAR PLACEHOLDER === */
.sxo-2026-wrapper .testimonial-avatar-placeholder-2026 {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0a1628;
}

/* === VERIFIED BADGE === */
.sxo-2026-wrapper .testimonial-verified-badge-2026 {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 18px;
    height: 18px;
    background: #22c55e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.625rem;
    border: 2px solid #0a1628;
}

/* === INFO WRAPPER === */
.sxo-2026-wrapper .testimonial-info-2026 {
    flex: 1;
    min-width: 0;
}

/* === AUTHOR NAME/ROLE OVERFLOW === */
.sxo-2026-wrapper .testimonial-author-name-2026 {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 2px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sxo-2026-wrapper .testimonial-author-role-2026 {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sxo-2026-wrapper .testimonial-name-2026,
.sxo-2026-wrapper .testimonial-role-2026 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* === COMPANY NAME === */
.sxo-2026-wrapper .testimonial-company-2026,
.sxo-2026-wrapper .testimonial-author-company-2026 {
    font-size: 0.8125rem;
    color: #c4a35a;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

/* === COMPANY LOGO === */
.sxo-2026-wrapper .testimonial-company-logo-2026 {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
}

.sxo-2026-wrapper .testimonial-company-logo-2026 img {
    max-height: 32px;
    width: auto;
    opacity: 0.6;
    filter: brightness(0) invert(1);
    transition: opacity 0.3s ease;
}

.sxo-2026-wrapper .testimonial-card-2026:hover .testimonial-company-logo-2026 img {
    opacity: 1;
}

/* === PRINT STYLES === */
@media print {
    .sxo-2026-wrapper .testimonials-section-2026 {
        background: #ffffff !important;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .testimonial-card-2026 {
        background: #f5f5f5 !important;
        border: 1px solid #dddddd;
        box-shadow: none !important;
    }

    .sxo-2026-wrapper .testimonials-title-2026,
    .sxo-2026-wrapper .testimonial-name-2026,
    .sxo-2026-wrapper .testimonial-author-name-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .testimonial-quote-2026,
    .sxo-2026-wrapper .testimonial-quote-2026 p,
    .sxo-2026-wrapper .testimonial-text-2026 {
        color: #333333 !important;
    }

    .sxo-2026-wrapper .testimonial-stars-2026 i,
    .sxo-2026-wrapper .testimonial-rating-2026 i {
        color: #666666 !important;
    }
}

/* === ACCESSIBILITY - REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .testimonial-card-2026 {
        transition: none;
    }

    .sxo-2026-wrapper .testimonial-card-2026:hover {
        transform: none;
    }

    .sxo-2026-wrapper .testimonial-company-logo-2026 img {
        transition: none;
    }
}


/* === SOURCE: urgency-bar-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   URGENCY BAR SECTION 2026 - SXO 2026
   Source: prototype-homepage-parfaite-2026.html
   Date: 2026-02-12 - Merge avec composant global
   ═══════════════════════════════════════════════════════════════════════════ */

.sxo-2026-wrapper .urgency-bar-2026 {
    background: linear-gradient(90deg, #c4a35a, #d4b86a);
    color: #0a1628;
    padding: 12px 0;
    position: relative;
    z-index: 1000;
    text-align: center;
}

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.sxo-2026-wrapper .urgency-bar-2026 .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.sxo-2026-wrapper .urgency-bar-2026 span {
    color: #0a1628;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.4;
}

.sxo-2026-wrapper .urgency-bar-2026 span i {
    margin-right: 8px;
}

.sxo-2026-wrapper .urgency-bar-2026 a {
    background: #0a1628;
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 48px;
}

.sxo-2026-wrapper .urgency-bar-2026 a:hover {
    background: #1a365d;
    color: #ffffff;
    text-decoration: none;
}

/* Responsive - Mobile-first */
@media (min-width: 576px) {
    .sxo-2026-wrapper .urgency-bar-2026 span {
        font-size: 0.9375rem;
    }
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .urgency-bar-2026 {
        padding: 10px 0;
    }

    .sxo-2026-wrapper .urgency-bar-2026 span {
        font-size: 1rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .urgency-bar-2026 a {
        padding: 8px 24px;
    }
}

/* Accessibilite */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .urgency-bar-2026 {
        animation: none !important;
    }

    .sxo-2026-wrapper .urgency-bar-2026 a {
        transition: none !important;
    }
}

@media print {
    .sxo-2026-wrapper .urgency-bar-2026 {
        display: none !important;
    }
}


/* === SOURCE: use-cases-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   USE CASES 2026 - CARDS NAVY SUR FOND BLANC (SXO GOLD STANDARD)
   ═══════════════════════════════════════════════════════════════════════════

   Design valide : Variante C - Coherence Target Profiles
   - Fond blanc (continuite avec Target Profiles)
   - Cards en gradient navy
   - Icons rondes avec accent gold
   - After en gold (pas vert)
   - Mobile-first strict
   - Container 1200px

   Date: 2026-01-31
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   SECURISATION AFFICHAGE
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper section[data-section-type="use_cases"],
.sxo-2026-wrapper .trust-use-cases-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION ROOT
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-use-cases-2026 {
    background: #ffffff;
    padding: 64px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-use-cases-2026 {
        padding: 80px 0;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   CONTAINER
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .trust-use-cases-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-use-cases-2026 .container {
        padding: 0 24px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .use-cases-header-2026 {
    text-align: center;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .use-cases-header-2026 {
        margin-bottom: 48px;
    }
}

.sxo-2026-wrapper .use-cases-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #0a1628;
    margin: 0 0 16px 0;
    line-height: 1.2;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .use-cases-title-2026 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .use-cases-title-2026 {
        font-size: 2.5rem;
    }
}

.sxo-2026-wrapper .use-cases-subtitle-2026 {
    font-size: 1rem;
    color: #64748b;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
    text-align: center;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .use-cases-subtitle-2026 {
        font-size: 1.125rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   GRID
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .use-cases-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .use-cases-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   USE CASE CARD - Navy Gradient
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .use-case-card-2026 {
    background: linear-gradient(180deg, #0a1628 0%, #1a365d 100%);
    border-radius: 20px;
    padding: 24px 20px;
    min-height: 280px; /* CLS fix 2026-02-20 */
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid transparent;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .use-case-card-2026 {
        padding: 28px 24px;
    }
}

.sxo-2026-wrapper .use-case-card-2026:hover {
    transform: translateY(-8px);
    border-color: #c4a35a;
    box-shadow: 0 20px 40px rgba(10, 22, 40, 0.3);
}

/* ═══════════════════════════════════════════════════════════════════════════
   CARD HEADER
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .use-case-header-2026 {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.sxo-2026-wrapper .use-case-icon-2026 {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, rgba(196, 163, 90, 0.2) 0%, rgba(196, 163, 90, 0.05) 100%);
    border: 1px solid rgba(196, 163, 90, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sxo-2026-wrapper .use-case-icon-2026 i {
    font-size: 1.25rem;
    color: #c4a35a;
}

.sxo-2026-wrapper .use-case-title-2026 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .use-case-title-2026 {
        font-size: 1.25rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   COMPARISON GRID
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .use-case-comparison-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

@media (min-width: 576px) {
    .sxo-2026-wrapper .use-case-comparison-2026 {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   BEFORE / AFTER BOXES
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .use-case-before-2026,
.sxo-2026-wrapper .use-case-after-2026 {
    padding: 16px;
    border-radius: 12px;
}

.sxo-2026-wrapper .use-case-before-2026 {
    background: rgba(239, 68, 68, 0.2);
    border-left: 3px solid #ef4444;
}

.sxo-2026-wrapper .use-case-after-2026 {
    background: rgba(196, 163, 90, 0.2);
    border-left: 3px solid #c4a35a;
}

.sxo-2026-wrapper .use-case-before-title-2026,
.sxo-2026-wrapper .use-case-after-title-2026 {
    font-size: 0.8125rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #ffffff;
}

/* ═══════════════════════════════════════════════════════════════════════════
   LISTS
   ═══════════════════════════════════════════════════════════════════════════ */
.sxo-2026-wrapper .use-case-before-list-2026,
.sxo-2026-wrapper .use-case-after-list-2026 {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sxo-2026-wrapper .use-case-before-list-2026 li,
.sxo-2026-wrapper .use-case-after-list-2026 li {
    padding: 6px 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.8125rem;
    line-height: 1.5;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PRINT STYLES
   ═══════════════════════════════════════════════════════════════════════════ */
@media print {
    .sxo-2026-wrapper .trust-use-cases-2026 {
        background: #ffffff !important;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .use-case-card-2026 {
        background: #f5f5f5 !important;
        border: 1px solid #ddd !important;
    }

    .sxo-2026-wrapper .use-cases-title-2026,
    .sxo-2026-wrapper .use-case-title-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .use-cases-subtitle-2026 {
        color: #333333 !important;
    }

    .sxo-2026-wrapper .use-case-before-title-2026,
    .sxo-2026-wrapper .use-case-after-title-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .use-case-before-list-2026 li,
    .sxo-2026-wrapper .use-case-after-list-2026 li {
        color: #333333 !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   ACCESSIBILITY - REDUCED MOTION
   ═══════════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .use-case-card-2026 {
        transition: none;
    }

    .sxo-2026-wrapper .use-case-card-2026:hover {
        transform: none;
    }
}


/* === SOURCE: usp-2026.css === */
/* ═══════════════════════════════════════════════════════════════════════════
   USP SECTION 2026 - Autonome
   Source: prototype-homepage-parfaite-2026.html
   Date: 2026-02-05
   ═══════════════════════════════════════════════════════════════════════════ */

.sxo-2026-wrapper .usp-section-2026 {
    background: #f8fafc;
    padding: 48px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .usp-section-2026 {
        padding: 64px 0;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .usp-section-2026 {
        padding: 80px 0;
    }
}

.sxo-2026-wrapper .usp-section-2026 .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

.sxo-2026-wrapper .usp-header-2026 {
    text-align: center;
    margin-bottom: 40px;
}

.sxo-2026-wrapper .usp-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #0a1628;
    margin: 0 0 12px 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .usp-title-2026 {
        font-size: 2.25rem;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .usp-title-2026 {
        font-size: 2.5rem;
    }
}

.sxo-2026-wrapper .usp-subtitle-2026 {
    font-size: 1rem;
    color: #64748b;
    max-width: 600px;
    margin: 0 auto;
}

.sxo-2026-wrapper .usp-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .usp-grid-2026 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .usp-grid-2026 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px;
    }
    .sxo-2026-wrapper .usp-grid-2026 > * {
        flex: 0 0 calc((100% - 2 * 24px) / 3);
    }
    .sxo-2026-wrapper .usp-grid-2026:has(> :nth-child(4)):not(:has(> :nth-child(5))) > *,
    .sxo-2026-wrapper .usp-grid-2026:has(> :nth-child(7)) > * {
        flex: 0 0 calc((100% - 3 * 24px) / 4);
    }
}

.sxo-2026-wrapper .usp-card-2026 {
    background: #0a1628;
    border-radius: 16px;
    padding: 28px 24px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sxo-2026-wrapper .usp-card-2026:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(10, 22, 40, 0.25);
}

.sxo-2026-wrapper .usp-icon-2026 {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #c4a35a 0%, #d4b86a 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}

.sxo-2026-wrapper .usp-icon-2026 i {
    font-size: 1.25rem;
    color: #0a1628;
}

.sxo-2026-wrapper .usp-card-title-2026 {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px 0;
}

.sxo-2026-wrapper .usp-card-text-2026 {
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
    line-height: 1.5;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ENRICHISSEMENTS DEPUIS TRUST (2026-02-24)
   ═══════════════════════════════════════════════════════════════════════════ */

/* --- Render safety --- */
.sxo-2026-wrapper section[data-section-type="usp"],
.sxo-2026-wrapper .usp-section-2026 {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* --- Container responsive 768px (from TRUST) --- */
@media (min-width: 768px) {
    .sxo-2026-wrapper .usp-section-2026 .container {
        padding: 0 24px;
    }
}

/* --- Header margin-bottom responsive (from TRUST) --- */
@media (min-width: 768px) {
    .sxo-2026-wrapper .usp-header-2026 {
        margin-bottom: 48px;
    }
}

/* --- Title line-height (from TRUST) --- */
.sxo-2026-wrapper .usp-title-2026 {
    line-height: 1.2;
}

/* --- Subtitle enhanced (from TRUST) --- */
.sxo-2026-wrapper .usp-subtitle-2026 {
    line-height: 1.6;
    text-align: center;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .usp-subtitle-2026 {
        font-size: 1.125rem;
    }
}

/* --- Bento grid layout (from TRUST) --- */
.sxo-2026-wrapper .usp-bento-grid-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    justify-content: center;
}

@media (min-width: 576px) {
    .sxo-2026-wrapper .usp-bento-grid-2026 {
        grid-template-columns: repeat(2, minmax(0, 320px));
        justify-content: center;
    }
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .usp-bento-grid-2026 {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        max-width: 1200px;
        margin: 0 auto;
        gap: 24px;
    }
}

/* --- Bento card (from TRUST) --- */
.sxo-2026-wrapper .usp-bento-card-2026 {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 28px 20px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .usp-bento-card-2026 {
        padding: 32px 24px;
    }
}

.sxo-2026-wrapper .usp-bento-card-2026:hover {
    transform: translateY(-8px);
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(196, 163, 90, 0.4);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

/* --- Icon wrapper (from TRUST) --- */
.sxo-2026-wrapper .usp-icon-wrapper-2026 {
    width: 56px;
    height: 56px;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, rgba(196, 163, 90, 0.2) 0%, rgba(196, 163, 90, 0.05) 100%);
    border: 1px solid rgba(196, 163, 90, 0.3);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .usp-icon-wrapper-2026 {
        width: 64px;
        height: 64px;
    }
}

.sxo-2026-wrapper .usp-icon-wrapper-2026 i,
.sxo-2026-wrapper .usp-icon-wrapper-2026 svg {
    font-size: 1.5rem;
    color: #c4a35a;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .usp-icon-wrapper-2026 i,
    .sxo-2026-wrapper .usp-icon-wrapper-2026 svg {
        font-size: 1.75rem;
    }
}

/* --- Card title responsive (from TRUST) --- */
@media (min-width: 768px) {
    .sxo-2026-wrapper .usp-card-title-2026 {
        font-size: 1.125rem;
    }
}

/* --- Card description (TRUST naming) --- */
.sxo-2026-wrapper .usp-card-description-2026 {
    font-size: 0.875rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

@media (min-width: 768px) {
    .sxo-2026-wrapper .usp-card-description-2026 {
        font-size: 0.9375rem;
    }
}

/* --- Print styles (from TRUST, adapted selectors) --- */
@media print {
    .sxo-2026-wrapper .usp-section-2026 {
        background: #ffffff !important;
        padding: 24px 0;
    }

    .sxo-2026-wrapper .usp-card-2026,
    .sxo-2026-wrapper .usp-bento-card-2026 {
        background: #f5f5f5 !important;
        border: 1px solid #ddd !important;
    }

    .sxo-2026-wrapper .usp-title-2026,
    .sxo-2026-wrapper .usp-card-title-2026 {
        color: #000000 !important;
    }

    .sxo-2026-wrapper .usp-subtitle-2026,
    .sxo-2026-wrapper .usp-card-text-2026,
    .sxo-2026-wrapper .usp-card-description-2026 {
        color: #333333 !important;
    }
}

/* --- Reduced motion (from TRUST, adapted selectors) --- */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .usp-card-2026,
    .sxo-2026-wrapper .usp-bento-card-2026 {
        transition: none;
    }

    .sxo-2026-wrapper .usp-card-2026:hover,
    .sxo-2026-wrapper .usp-bento-card-2026:hover {
        transform: none;
    }
}


/* === SOURCE: video-demo-2026.css === */
/* ════════════════════════════════════════════════════════════════════════════════
   VIDEO DEMO 2026 - FEATURED VIDEO NAVY (VARIANTE B)
   ════════════════════════════════════════════════════════════════════════════════
   Design: Fond navy, video principale + sidebar thumbnails
   Play button pulse gold, ambiance cinema premium
   FIX 2026-02-06: Conversion max-width -> min-width (mobile-first)
   ════════════════════════════════════════════════════════════════════════════════ */

/* === SECTION PRINCIPALE === */
.sxo-2026-wrapper .trust-video-demo-2026 {
    background: #0a1628;
    padding: 80px 0;
}

/* === HEADER === */
.sxo-2026-wrapper .video-demo-header-2026 {
    text-align: center;
    margin-bottom: 48px;
}

.sxo-2026-wrapper .video-demo-title-2026 {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 16px 0;
}

.sxo-2026-wrapper .video-demo-subtitle-2026 {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: rgba(255, 255, 255, 0.7);
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

/* === LAYOUT - Mobile first: 1 colonne === */
.sxo-2026-wrapper .video-demo-layout-2026 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

@media (min-width: 1200px) {
    .sxo-2026-wrapper .video-demo-layout-2026 {
        grid-template-columns: 2fr 1fr;
        gap: 32px;
    }
}

/* === FEATURED VIDEO === */
.sxo-2026-wrapper .video-demo-featured-2026 {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(135deg, #1a365d 0%, #0a1628 100%);
}

.sxo-2026-wrapper .video-demo-featured-2026 .video-demo-thumbnail-2026 {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
}

.sxo-2026-wrapper .video-demo-featured-2026 .video-demo-thumbnail-2026::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 30% 40%, rgba(196, 163, 90, 0.15) 0%, transparent 60%),
        radial-gradient(circle at 70% 60%, rgba(26, 54, 93, 0.4) 0%, transparent 60%);
}

/* Play Button Featured avec Pulse */
.sxo-2026-wrapper .video-demo-play-featured-2026 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background: transparent;
    border: 4px solid #c4a35a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.4s ease;
    z-index: 2;
    animation: pulse-ring-video 2s ease-out infinite;
}

@keyframes pulse-ring-video {
    0% {
        box-shadow: 0 0 0 0 rgba(196, 163, 90, 0.4);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(196, 163, 90, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(196, 163, 90, 0);
    }
}

.sxo-2026-wrapper .video-demo-play-featured-2026::before {
    content: '';
    position: absolute;
    inset: 8px;
    background: #c4a35a;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.sxo-2026-wrapper .video-demo-play-featured-2026 i {
    position: relative;
    z-index: 1;
    font-size: 2rem;
    color: #0a1628;
    margin-left: 6px;
}

.sxo-2026-wrapper .video-demo-featured-2026:hover .video-demo-play-featured-2026 {
    transform: translate(-50%, -50%) scale(1.1);
}

.sxo-2026-wrapper .video-demo-featured-2026:hover .video-demo-play-featured-2026::before {
    box-shadow: 0 0 60px rgba(196, 163, 90, 0.8);
}

/* Featured Overlay */
.sxo-2026-wrapper .video-demo-featured-overlay-2026 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 40px 24px 24px;
    background: linear-gradient(to top, rgba(10, 22, 40, 0.95) 0%, transparent 100%);
}

.sxo-2026-wrapper .video-demo-featured-title-2026 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 8px 0;
}

.sxo-2026-wrapper .video-demo-featured-desc-2026 {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

/* Featured Duration Badge */
.sxo-2026-wrapper .video-demo-featured-duration-2026 {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(196, 163, 90, 0.9);
    color: #0a1628;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    z-index: 2;
}

/* === SIDEBAR VIDEOS - Mobile first: horizontal scroll === */
.sxo-2026-wrapper .video-demo-sidebar-2026 {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 8px;
    gap: 16px;
}

.sxo-2026-wrapper .video-demo-sidebar-item-2026 {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    min-width: 280px;
}

.sxo-2026-wrapper .video-demo-sidebar-item-2026:hover {
    border-color: #c4a35a;
    transform: translateY(-4px);
}

/* Desktop: vertical stack */
@media (min-width: 1200px) {
    .sxo-2026-wrapper .video-demo-sidebar-2026 {
        flex-direction: column;
        overflow-x: visible;
        padding-bottom: 0;
    }

    .sxo-2026-wrapper .video-demo-sidebar-item-2026 {
        min-width: auto;
    }

    .sxo-2026-wrapper .video-demo-sidebar-item-2026:hover {
        transform: translateX(-4px);
    }
}

.sxo-2026-wrapper .video-demo-sidebar-item-2026 .video-demo-thumbnail-2026 {
    position: relative;
    padding-bottom: 56.25%;
    background: linear-gradient(135deg, #1a365d 0%, #0a1628 100%);
}

.sxo-2026-wrapper .video-demo-sidebar-item-2026 .video-demo-thumbnail-2026::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgba(196, 163, 90, 0.1) 0%, transparent 70%);
}

/* Sidebar Play Icon */
.sxo-2026-wrapper .video-demo-sidebar-play-2026 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background: rgba(196, 163, 90, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.sxo-2026-wrapper .video-demo-sidebar-play-2026 i {
    font-size: 1rem;
    color: #0a1628;
    margin-left: 2px;
}

.sxo-2026-wrapper .video-demo-sidebar-item-2026:hover .video-demo-sidebar-play-2026 {
    transform: translate(-50%, -50%) scale(1.1);
    box-shadow: 0 0 20px rgba(196, 163, 90, 0.5);
}

/* Sidebar Overlay */
.sxo-2026-wrapper .video-demo-sidebar-overlay-2026 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 32px 12px 12px;
    background: linear-gradient(to top, rgba(10, 22, 40, 0.9) 0%, transparent 100%);
}

.sxo-2026-wrapper .video-demo-sidebar-title-2026 {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.3;
    margin: 0;
}

/* Sidebar Duration */
.sxo-2026-wrapper .video-demo-sidebar-duration-2026 {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(10, 22, 40, 0.8);
    color: #c4a35a;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* === IFRAME (pour integration reelle) === */
.sxo-2026-wrapper .video-demo-iframe-2026 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* === PRINT === */
@media print {
    .sxo-2026-wrapper .trust-video-demo-2026 {
        background: #ffffff;
    }
    .sxo-2026-wrapper .video-demo-title-2026 {
        color: #0a1628;
    }
}

/* === ACCESSIBILITY - REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .trust-video-demo-2026 *,
    .sxo-2026-wrapper .trust-video-demo-2026 *::before,
    .sxo-2026-wrapper .trust-video-demo-2026 *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


/* === SOURCE: video-pitch-2026.css === */
/* ============================================================================
   VIDEO PITCH 2026 - SXO 2026 GOLD STANDARD
   Section: video courte de presentation (YouTube/Vimeo)
   Architecture: Mobile-First, Root CSS (charge via @ROOT:video-pitch)
   Selecteurs: .sxo-2026-wrapper .trust-video-pitch-2026 / .video-pitch-*-2026
   Grille typo: 1.75 → 2.25 → 2.5rem (Section H2 standard)
   ============================================================================ */

/* === SECTION WRAPPER (mobile base 360px+) === */
.sxo-2026-wrapper .trust-video-pitch-2026 {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
    padding: 48px 0;
    position: relative;
    color: #ffffff;
}

/* === HEADER === */
.sxo-2026-wrapper .video-pitch-header-2026 {
    text-align: center;
    margin-bottom: 24px;
    padding: 0 16px;
}

.sxo-2026-wrapper .video-pitch-title-2026 {
    font-size: 1.75rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 12px;
    line-height: 1.2;
}

.sxo-2026-wrapper .video-pitch-subtitle-2026 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* === VIDEO WRAPPER (mobile: pleine largeur avec marge) === */
.sxo-2026-wrapper .video-pitch-wrapper-2026 {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 16px;
}

/* === VIDEO CONTAINER (16:9 responsive) === */
.sxo-2026-wrapper .video-pitch-container-2026 {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    background: #0f172a;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.sxo-2026-wrapper .video-pitch-iframe-2026 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* === TRANSCRIPT === */
.sxo-2026-wrapper .video-pitch-transcript-2026 {
    margin-top: 20px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    padding: 16px;
}

.sxo-2026-wrapper .video-pitch-transcript-toggle-2026 {
    cursor: pointer;
    color: #c4a35a;
    font-weight: 600;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
}

.sxo-2026-wrapper .video-pitch-transcript-toggle-2026:hover {
    color: #d4b36a;
}

.sxo-2026-wrapper .video-pitch-transcript-toggle-2026:focus-visible {
    outline: 2px solid #c4a35a;
    outline-offset: 2px;
    border-radius: 4px;
}

.sxo-2026-wrapper .video-pitch-transcript-content-2026 {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9375rem;
    line-height: 1.8;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* === TABLET (>= 768px) === */
@media (min-width: 768px) {
    .sxo-2026-wrapper .trust-video-pitch-2026 {
        padding: 64px 0;
    }

    .sxo-2026-wrapper .video-pitch-header-2026 {
        margin-bottom: 32px;
        padding: 0;
    }

    .sxo-2026-wrapper .video-pitch-title-2026 {
        font-size: 2.25rem;
    }

    .sxo-2026-wrapper .video-pitch-subtitle-2026 {
        font-size: 1.125rem;
    }

    .sxo-2026-wrapper .video-pitch-wrapper-2026 {
        padding: 0;
    }

    .sxo-2026-wrapper .video-pitch-container-2026 {
        border-radius: 12px;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
    }

    .sxo-2026-wrapper .video-pitch-transcript-2026 {
        padding: 20px;
        border-radius: 12px;
    }
}

/* === DESKTOP (>= 1200px) : FORMAT AGRANDI === */
@media (min-width: 1200px) {
    .sxo-2026-wrapper .trust-video-pitch-2026 {
        padding: 80px 0;
    }

    .sxo-2026-wrapper .video-pitch-header-2026 {
        margin-bottom: 40px;
    }

    .sxo-2026-wrapper .video-pitch-title-2026 {
        font-size: 2.5rem;
    }

    .sxo-2026-wrapper .video-pitch-subtitle-2026 {
        font-size: 1.25rem;
        max-width: 700px;
    }

    /* Pleine largeur container (1140px) - supprime la contrainte 900px */
    .sxo-2026-wrapper .video-pitch-wrapper-2026 {
        max-width: 100%;
    }

    .sxo-2026-wrapper .video-pitch-container-2026 {
        border-radius: 16px;
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
    }

    .sxo-2026-wrapper .video-pitch-transcript-2026 {
        margin-top: 24px;
        padding: 24px;
    }
}

/* === REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
    .sxo-2026-wrapper .video-pitch-transcript-toggle-2026 {
        transition: none;
    }
}

/* === PRINT === */
@media print {
    .sxo-2026-wrapper .trust-video-pitch-2026 {
        background: #ffffff !important;
        color: #0a1628 !important;
    }
    .sxo-2026-wrapper .trust-video-pitch-2026 * {
        color: #0a1628 !important;
        box-shadow: none !important;
    }
    .sxo-2026-wrapper .video-pitch-container-2026 {
        display: none;
    }
}