/* === CSS CRITIQUE MOBILE - Chargé en premier === */
        /* Force fond noir slate-950 sur tout le document */
        html, body {
            background-color: #020617 !important;
            color: #ffffff !important;
            min-height: 100vh;
        }

        /* Force texte blanc sur tout le site sauf formulaires */
        body, main, section, header, footer, nav, div, p, span {
            color: #ffffff;
        }

        /* Liens : supprimer le bleu et le soulignement */
        a {
            color: inherit !important;
            text-decoration: none !important;
        }
        a:link, a:visited, a:hover, a:active, a:focus {
            color: inherit !important;
            text-decoration: none !important;
        }

        /* Titres en blanc */
        h1, h2, h3, h4, h5, h6 {
            color: #ffffff !important;
        }

        /* FORMULAIRE - Fond blanc, texte noir (exception) */
        .glass-card, .glass-card * {
            color: #000000;
        }
        .glass-card {
            background: #ffffff !important;
        }
        .glass-card h2, .glass-card h3 {
            color: #0f172a !important;
        }
        .glass-card p, .glass-card label {
            color: #475569 !important;
        }
        .glass-card input, .glass-card textarea, .glass-card select {
            color: #000000 !important;
            background: #f8fafc !important;
        }


        * { font-family: 'Inter', system-ui, -apple-system, sans-serif; }

        /* === RESET LIENS HEADER - V9 Mobile Fix === */
        header a {
            text-decoration: none !important;
            color: inherit;
        }
        header a:visited,
        header a:hover,
        header a:active,
        header a:focus {
            text-decoration: none !important;
        }

        /* === OPTIMISATION MOBILE V9.0 - Pixel Perfect === */
        @media (max-width: 640px) {
            /* HEADER MOBILE FIX - Supprimer liens bleus soulignés */
            header {
                padding: 0 !important;
            }
            header a {
                text-decoration: none !important;
                color: #e2e8f0 !important;
            }
            header a:visited,
            header a:hover,
            header a:active {
                text-decoration: none !important;
            }
            header nav {
                gap: 0.25rem !important;
            }
            header nav a {
                padding: 0.5rem 0.75rem !important;
                font-size: 0.75rem !important;
            }
            header nav a[href="#devis"] {
                padding: 0.5rem 1rem !important;
                font-size: 0.7rem !important;
                color: #ffffff !important;
            }

            /* Hero section - hauteur automatique pour éviter le formulaire coupé */
            .hero-gradient {
                min-height: auto !important;
                padding-top: 4.5rem !important;
                padding-bottom: 1.5rem !important;
            }

            /* Reduction des paddings horizontaux sur mobile */
            .hero-gradient > div { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
            section { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }

            /* TITRES HERO - V9 text-2xl/3xl max */
            h1 {
                font-size: 1.5rem !important;
                line-height: 1.2 !important;
                letter-spacing: -0.02em !important;
            }
            h1 .block, h1 span.block {
                font-size: 0.875rem !important;
                margin-top: 0.25rem !important;
                font-weight: 500 !important;
            }
            h2 { font-size: 1.25rem !important; }

            /* FORMULAIRE MOBILE - Fond blanc pur, texte noir, parfaitement lisible */
            .glass-card {
                padding: 1rem !important;
                margin: 0.5rem !important;
                border-radius: 1rem !important;
                width: calc(100% - 1rem) !important;
                max-height: none !important;
                overflow: visible !important;
                background: #ffffff !important;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
            }
            .glass-card h2 {
                font-size: 1.25rem !important;
                color: #0f172a !important;
            }
            .glass-card p {
                color: #475569 !important;
            }
            .glass-card label {
                color: #1e293b !important;
            }
            .glass-card input,
            .glass-card textarea,
            .glass-card select {
                color: #0f172a !important;
                background: #f8fafc !important;
                border-color: #e2e8f0 !important;
            }
            .glass-card input::placeholder,
            .glass-card textarea::placeholder {
                color: #94a3b8 !important;
            }
            #devis {
                width: 100%;
                margin-top: 1rem !important;
            }

            /* Grille hero en colonne sur mobile */
            .hero-gradient .grid.lg\:grid-cols-2 {
                display: flex !important;
                flex-direction: column !important;
                gap: 1rem !important;
            }

            /* Réduire padding du contenu hero */
            .hero-gradient .py-16 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }

            /* Masquer stats widgets sur petit ecran pour eviter chevauchement */
            .stat-widget { display: none !important; }

            /* Masquer badge hero sur mobile */
            .hero-gradient .inline-flex.items-center.gap-2.px-3.py-1\.5 { display: none !important; }

            /* Masquer proof bar sur mobile */
            .hero-gradient .flex.items-center.gap-4.text-white\/60 { display: none !important; }

            /* Réduire la description sur mobile */
            .hero-gradient p.text-lg {
                font-size: 0.875rem !important;
                margin-bottom: 0.75rem !important;
                line-height: 1.5 !important;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            /* Cards partenaires - fond blanc, texte noir */
            .enterprise-card {
                padding: 1rem !important;
                background: #ffffff !important;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
                overflow: hidden !important;
            }
            .enterprise-card * {
                min-width: 0 !important;
            }
            .enterprise-card h3 {
                font-size: 1rem !important;
            }
            .enterprise-card a {
                width: 100% !important;
                max-width: 100% !important;
            }
            .enterprise-card a span {
                overflow-wrap: anywhere !important;
            }
            .mobile-no-overflow {
                inset: 0 !important;
            }
        }

        @media (max-width: 400px) {
            /* TITRES ENCORE PLUS PETITS sur très petits écrans */
            h1 {
                font-size: 1.25rem !important;
            }
            h1 .block {
                font-size: 0.75rem !important;
            }
            .grid-cols-2.sm\:grid-cols-4 { grid-template-columns: repeat(2, 1fr) !important; }

            /* Formulaire encore plus compact sur très petits écrans */
            .glass-card {
                padding: 0.75rem !important;
            }
            .glass-card h2 { font-size: 1.1rem !important; }

            /* Header ultra compact */
            header .flex.items-center.justify-between {
                padding: 0 0.5rem !important;
            }
            header nav a:not([href="#devis"]):not(.header-blog-link) {
                display: none !important;
            }
            header nav .header-blog-link {
                display: inline-flex !important;
                padding: 0.55rem 0.65rem !important;
                font-size: 0.75rem !important;
                white-space: nowrap !important;
            }
        }

        /* === AMELIORATION CONTRASTE V6.1 === */
        /* HERO: Image de fond Unsplash dynamique */
        .hero-gradient {
            position: relative;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        /* Overlay sombre pour lisibilité du texte - Apple Dark Style */
        .hero-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.55);
            z-index: 1;
        }

        /* Fallback: fond Slate-950 solide si pas d'image */
        .hero-overlay-solid {
            background: #020617 !important; /* slate-950 */
        }

        /* Fond de secours pour hero sans image */
        .hero-gradient:not([style*="background-image"]) {
            background: linear-gradient(135deg, #020617 0%, #0f172a 50%, #1e1b4b 100%) !important;
        }

        /* Suppression des anciens styles de fond */
        .hero-gradient::before {
            display: none !important;
        }

        /* Textes sur fond sombre = BLANC PUR (#FFFFFF) */
        .hero-gradient h1,
        .hero-gradient .text-white,
        header.bg-slate-900\/80 a,
        header.bg-slate-950 a,
        footer.bg-slate-900 .text-white {
            color: #FFFFFF !important;
        }
        .hero-gradient p,
        .hero-gradient .text-slate-300 {
            color: #cbd5e1 !important;
        }
        .hero-gradient .text-white\/80 { color: rgba(255, 255, 255, 0.9) !important; }
        .hero-gradient .text-white\/60 { color: rgba(255, 255, 255, 0.8) !important; }
        .hero-gradient .text-white\/40 { color: #cbd5e1 !important; }

        /* Textes sur fond clair = NOIR pour lisibilite maximale */
        .glass-card h2 { color: #000000 !important; }
        .glass-card label { color: #1e293b !important; font-weight: 600 !important; }
        .glass-card p, .glass-card .text-slate-500 { color: #475569 !important; }
        .glass-card input { color: #000000 !important; }
        .glass-card input::placeholder { color: #94a3b8; }
        .glass-card textarea { color: #000000 !important; }
        .bg-white h2, .bg-white h3, .bg-white p { color: #1e293b; }
        .enterprise-card h3 { color: #0f172a !important; }
        .enterprise-card p { color: #475569 !important; }

        .glass-card {
            background: #ffffff !important;
            border: 1px solid #e2e8f0;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        /* Stat widget style */
        .stat-widget {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.08);
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }

        .stat-widget:hover {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.15);
            transform: translateY(-2px);
        }

        /* Modern input focus */
        .input-modern {
            transition: all 0.2s ease;
        }

        .input-modern:focus {
            box-shadow:
                0 0 0 1px #7c3f1d,
                0 0 0 4px #7c3f1d20;
        }

        /* Button glow effect */
        .btn-glow {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .btn-glow::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, transparent 50%);
            pointer-events: none;
        }

        .btn-glow:hover {
            transform: translateY(-2px);
            box-shadow:
                0 4px 12px #d9770640,
                0 8px 24px #d9770630;
        }

        /* Enterprise card hover */
        .enterprise-card {
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            min-width: 0;
        }

        .enterprise-card:hover {
            transform: translateY(-4px);
            box-shadow:
                0 0 0 1px rgba(0, 0, 0, 0.04),
                0 4px 8px rgba(0, 0, 0, 0.04),
                0 16px 32px rgba(0, 0, 0, 0.08),
                0 32px 64px rgba(0, 0, 0, 0.06);
        }

        /* Anti-overflow mobile: indispensable avec embeds/formulaires externes. */
        html, body { overflow-x: hidden; max-width: 100%; }
        * { box-sizing: border-box; }
        #devis, #devis .glass-card, #devis iframe, #devis > div { max-width: 100% !important; overflow: hidden; }

        .hero-gradient h1 {
            font-size: clamp(2rem, 5.2vw, 4.5rem) !important;
            overflow-wrap: anywhere;
        }
        .hero-gradient h1 span {
            font-size: clamp(1rem, 1.7vw, 1.65rem) !important;
        }

        /* Source-first SEO: le bloc intention arrive haut dans le HTML puis est rendu sous le hero. */
        .lead-layout-source-priority {
            display: flex;
            flex-direction: column;
        }
        .lead-layout-source-priority > * { order: 20; }
        .lead-layout-source-priority > .hero-gradient { order: 1; }
        .lead-layout-source-priority > .source-intent-copy { order: 2; }
        .source-intent-copy, .source-intent-copy * { color: #0f172a !important; }
        .source-intent-copy a { color: #7c3f1d !important; text-decoration: underline !important; }

        @media (max-width: 640px) {
            header .h-16, header .lg\:h-20 { gap: 0.75rem !important; }
            header nav a:not([href="#devis"]):not(.header-blog-link) { display: none !important; }
            header nav .header-blog-link {
                display: inline-flex !important;
                padding: 0.55rem 0.65rem !important;
                font-size: 0.75rem !important;
                white-space: nowrap !important;
            }
            header nav a[href="#devis"] {
                margin-left: 0 !important;
                padding: 0.65rem 0.9rem !important;
                font-size: 0.75rem !important;
                white-space: nowrap !important;
            }
            .hero-gradient { min-height: auto !important; padding-top: 4.75rem !important; }
            .hero-gradient .py-16 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
            .hero-gradient .grid { gap: 1rem !important; }
            .hero-gradient h1 { margin-bottom: 0.75rem !important; }
            .hero-gradient p.text-lg { margin-bottom: 1rem !important; }
            .hero-gradient .stat-widget { display: none !important; }
            .hero-gradient .flex.items-center.gap-4.text-white\/60 { display: none !important; }
            #devis { scroll-margin-top: 5rem; }
        }

        /* Smooth scrolling */
        html { scroll-behavior: smooth; }

        /* City link pill */
        .city-pill {
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .city-pill:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }