<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Matéo Consulting : Cabinet de conseil en stratégie d'entreprise. Nous transformons la complexité en clarté opérationnelle pour les dirigeants exigeants.">
    <meta name="author" content="Matéo Consulting">
    <meta property="og:title" content="Matéo Consulting | Stratégie & Performance">
    <meta property="og:description" content="Cabinet de conseil en stratégie d'entreprise. Audit, vision et transformation.">
    <meta property="og:image" content="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/668e25ad-9e5b-4cd6-c6d2-d4dd95166500/public">
    <meta property="og:type" content="website">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Matéo Consulting">
    <meta name="twitter:description" content="Élever la stratégie. Clarifier la vision.">
    <meta name="twitter:image" content="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/668e25ad-9e5b-4cd6-c6d2-d4dd95166500/public">
    <link rel="icon" href="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/603ebf77-61dc-43d2-7c5c-a0f43868c400/public" type="image/png">
    
    <title>Matéo Consulting | Stratégie & Performance</title>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Manrope:wght@400;600;700&display=swap" rel="stylesheet">

    <style>
        /* RESET & BASE */
        :root {
            --primary: #111111;
            --secondary: #333333;
            --accent: #666666;
            --bg: #FFFFFF;
            --bg-alt: #FAFAFA;
            --text: #1A1A1A;
            --text-muted: #888888;
            --spacing: 2rem;
            --max-width: 1400px;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--bg);
            color: var(--text);
            line-height: 1.6;
            font-size: 17px;
            overflow-x: hidden;
        }

        h1, h2, h3, h4 {
            font-family: 'Manrope', sans-serif;
            color: var(--primary);
            font-weight: 600;
            line-height: 1.2;
        }

        a {
            text-decoration: none;
            color: inherit;
            transition: opacity 0.3s ease;
        }

        ul {
            list-style: none;
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        /* UTILITIES */
        .container {
            width: 100%;
            max-width: var(--max-width);
            margin: 0 auto;
            padding: 0 var(--spacing);
        }

        .section-padding {
            padding: 4rem 0;
        }

        .text-center { text-align: center; }
        .text-justify { text-align: justify; }

        /* HEADER & NAV */
        header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            z-index: 1000;
            border-bottom: 1px solid #eee;
        }

        .header-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 80px;
        }

        .logo {
            font-family: 'Manrope', sans-serif;
            font-weight: 700;
            font-size: 1.5rem;
            letter-spacing: -0.5px;
            color: var(--primary);
        }

        /* Mobile Nav Logic (Checkbox Hack) */
        .nav-toggle { display: none; }
        .nav-toggle-label {
            display: block;
            cursor: pointer;
            padding: 1rem;
        }
        .hamburger {
            width: 24px;
            height: 2px;
            background: var(--primary);
            position: relative;
            transition: all 0.3s;
        }
        .hamburger::before, .hamburger::after {
            content: '';
            position: absolute;
            width: 24px;
            height: 2px;
            background: var(--primary);
            transition: all 0.3s;
        }
        .hamburger::before { top: -8px; }
        .hamburger::after { top: 8px; }

        .nav-menu {
            position: absolute;
            top: 80px;
            left: 0;
            width: 100%;
            background: var(--bg);
            height: 0;
            overflow: hidden;
            transition: height 0.4s ease;
            border-bottom: 1px solid #eee;
        }

        .nav-menu a {
            display: block;
            padding: 1.5rem var(--spacing);
            border-bottom: 1px solid #f5f5f5;
            font-weight: 500;
        }

        #nav-toggle:checked ~ .nav-menu {
            height: auto; /* Fallback */
            height: 260px;
        }

        #nav-toggle:checked + .nav-toggle-label .hamburger { background: transparent; }
        #nav-toggle:checked + .nav-toggle-label .hamburger::before { transform: rotate(45deg); top: 0; }
        #nav-toggle:checked + .nav-toggle-label .hamburger::after { transform: rotate(-45deg); top: 0; }

        /* HERO SECTION */
        .hero {
            height: 100vh;
            min-height: 600px;
            position: relative;
            display: flex;
            align-items: center;
            background-color: #000;
            color: #fff;
            overflow: hidden;
        }

        .hero-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.6;
            z-index: 1;
        }

        .hero-content {
            position: relative;
            z-index: 2;
            max-width: 800px;
        }

        .hero h1 {
            font-size: 2.5rem;
            color: #fff;
            margin-bottom: 1.5rem;
            letter-spacing: -1px;
        }

        .tagline {
            font-size: 1.1rem;
            opacity: 0.9;
            margin-bottom: 2.5rem;
            font-weight: 300;
        }

        .btn {
            display: inline-block;
            padding: 1rem 2.5rem;
            background: #fff;
            color: #000;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.9rem;
            letter-spacing: 1px;
            border: 1px solid #fff;
            transition: all 0.3s ease;
        }

        .btn:hover {
            background: transparent;
            color: #fff;
        }

        /* INTRO STATEMENT */
        .intro {
            background: var(--bg);
            padding: 6rem 0;
        }

        .intro-text {
            font-size: 1.5rem;
            line-height: 1.5;
            color: var(--primary);
            font-weight: 300;
            max-width: 900px;
            margin: 0 auto;
        }

        /* SERVICES GRID */
        .services {
            background: var(--bg-alt);
        }

        .section-header {
            margin-bottom: 3rem;
        }

        .section-title {
            font-size: 2rem;
            margin-bottom: 1rem;
        }

        .grid-3 {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        .service-card {
            background: var(--bg);
            padding: 2.5rem;
            border: 1px solid #eee;
            transition: transform 0.3s ease;
        }

        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        }

        .service-icon {
            font-size: 2rem;
            margin-bottom: 1.5rem;
            color: var(--accent);
        }

        .service-title {
            font-size: 1.25rem;
            margin-bottom: 1rem;
        }

        .service-desc {
            color: var(--accent);
            font-size: 0.95rem;
            margin-bottom: 1.5rem;
        }

        /* KEY FIGURES */
        .key-figures {
            background: var(--primary);
            color: #fff;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 3rem;
            text-align: center;
        }

        .stat-item h3 {
            font-size: 3.5rem;
            color: #fff;
            margin-bottom: 0.5rem;
        }

        .stat-item p {
            font-size: 1rem;
            opacity: 0.7;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* METHODOLOGY & CONTENT */
        .methodology {
            background: var(--bg);
        }

        .content-block {
            margin-bottom: 3rem;
        }

        /* EXTERNAL LINK STYLING - DISCRET */
        /* Rule 11: Links to external sites must look like normal text */
        .context-link a[href^="http"] {
            color: inherit;
            text-decoration: none;
            border-bottom: none;
        }
        
        .context-link a[href^="http"]:hover {
            opacity: 0.7;
            cursor: pointer;
        }

        .context-paragraph {
            margin-bottom: 1.5rem;
            color: var(--text);
            font-size: 1rem;
            text-align: justify;
        }

        /* CTA CONTACT */
        .cta-contact {
            background: var(--bg-alt);
            position: relative;
        }

        .contact-wrapper {
            display: grid;
            grid-template-columns: 1fr;
            gap: 4rem;
        }

        .contact-form input,
        .contact-form textarea {
            width: 100%;
            padding: 1rem;
            margin-bottom: 1rem;
            border: 1px solid #ddd;
            background: #fff;
            font-family: 'Inter', sans-serif;
            font-size: 1rem;
            border-radius: 0;
        }

        .contact-form button {
            background: var(--primary);
            color: #fff;
            border: none;
            padding: 1rem 3rem;
            cursor: pointer;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            width: 100%;
        }

        /* FOOTER */
        footer {
            background: var(--primary);
            color: #fff;
            padding: 4rem 0 2rem;
            font-size: 0.9rem;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 3rem;
            margin-bottom: 3rem;
        }

        .footer-col h4 {
            color: #fff;
            margin-bottom: 1.5rem;
            font-size: 1.1rem;
        }

        .footer-links li { margin-bottom: 0.8rem; }
        .footer-links a { color: #888; }
        .footer-links a:hover { color: #fff; }

        .copyright {
            border-top: 1px solid #333;
            padding-top: 2rem;
            text-align: center;
            color: #666;
        }

        /* DESKTOP MEDIA QUERIES */
        @media (min-width: 768px) {
            .grid-3 { grid-template-columns: repeat(2, 1fr); }
            .stats-grid { grid-template-columns: repeat(2, 1fr); }
            .hero h1 { font-size: 3.5rem; }
        }

        @media (min-width: 1024px) {
            .nav-toggle-label { display: none; }
            .nav-menu {
                position: static;
                height: auto;
                width: auto;
                background: transparent;
                display: flex;
                border-bottom: none;
            }
            .nav-menu a {
                padding: 0;
                margin-left: 2.5rem;
                border-bottom: none;
                position: relative;
            }
            .nav-menu a::after {
                content: '';
                position: absolute;
                bottom: -5px;
                left: 0;
                width: 0;
                height: 1px;
                background: var(--primary);
                transition: width 0.3s;
            }
            .nav-menu a:hover::after { width: 100%; }
            
            .grid-3 { grid-template-columns: repeat(3, 1fr); }
            .stats-grid { grid-template-columns: repeat(4, 1fr); }
            .contact-wrapper { grid-template-columns: 1fr 1fr; }
            .footer-grid { grid-template-columns: 2fr 1fr 1fr 1fr; }
            .hero h1 { font-size: 4.5rem; }
        }
    </style>
</head>
<body>

    <!-- HEADER -->
    <header>
        <div class="container header-inner">
            <a href="/" class="logo">Matéo Consulting</a>
            
            <input type="checkbox" id="nav-toggle" class="nav-toggle">
            <label for="nav-toggle" class="nav-toggle-label">
                <span class="hamburger"></span>
            </label>

            <nav class="nav-menu">
                <a href="/">Accueil</a>
                <a href="/expertise">Expertise</a>
                <a href="/vision">Vision</a>
                <a href="/contact">Contact</a>
            </nav>
        </div>
    </header>

    <main>
        <!-- HERO MINIMALIST -->
        <section class="hero">
            <img src="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/668e25ad-9e5b-4cd6-c6d2-d4dd95166500/public" alt="Architecture minimaliste en noir et blanc" class="hero-bg">
            <div class="container hero-content">
                <h1>Élever la stratégie.<br>Clarifier la vision.</h1>
                <p class="tagline">Cabinet de conseil en stratégie d'entreprise pour dirigeants exigeants.</p>
                <a href="/contact" class="btn">Prendre Rendez-vous</a>
            </div>
        </section>

        <!-- INTRO STATEMENT -->
        <section class="intro section-padding">
            <div class="container">
                <div class="intro-text text-center context-link">
                    <p style="margin-bottom: 2rem;">
                        Nous transformons la complexité en clarté opérationnelle. Dans un monde saturé d'informations, l'essentiel réside dans la capacité à discerner la bonne direction.
                    </p>
                    
                    <!-- Integration Link 3 -->
                    <p class="context-paragraph">
                        Dans ce contexte, il convient également de mentionner l’importance de s’appuyer sur des ressources solides pour affiner ses stratégies globales, et <a href="https://businessstrategie.fr" title="businessstrategie.fr">businessstrategie.fr</a> offre une perspective approfondie et actualisée sur les leviers à mobiliser. En relation avec ce sujet, cette plateforme constitue un complément indispensable pour mieux appréhender les enjeux contemporains, ce qui nous amène à envisager désormais les prochaines étapes à suivre.
                    </p>
                </div>
            </div>
        </section>

        <!-- SERVICES GRID -->
        <section class="services section-padding" id="expertise">
            <div class="container">
                <div class="section-header text-center">
                    <h2 class="section-title">Nos Domaines d'Expertise</h2>
                    <p class="text-muted">Une approche holistique de la performance.</p>
                </div>

                <div class="grid-3 context-link">
                    <!-- Service 1: Audit -->
                    <div class="service-card">
                        <div class="service-icon">01</div>
                        <h3 class="service-title">Audit Organisationnel</h3>
                        <p class="service-desc">Analyse rigoureuse de vos structures internes pour identifier les frictions et libérer le potentiel.</p>
                        <!-- Integration Link 10 -->
                        <p class="context-paragraph" style="font-size: 0.9rem; margin-top: 1rem;">
                            Dans le même ordre d’idées, il convient également de mentionner que la conformité au RGPD et l’optimisation des performances commerciales sont des enjeux cruciaux pour toute boutique en ligne ; à ce propos, <a href="https://ekinoraudit.fr" title="ekinoraudit.fr">ekinoraudit.fr</a> propose des audits détaillés alliant ces deux dimensions, ce qui permet aux entreprises d’identifier précisément leurs axes d’amélioration. Cette démarche complémentaire ouvre ainsi la voie à une stratégie plus sécurisée et efficace, que nous aborderons dans la suite de cet article.
                        </p>
                        <a href="/expertise" style="text-decoration: underline; font-size: 0.9rem;">En savoir plus</a>
                    </div>

                    <!-- Service 2: Stratégie -->
                    <div class="service-card">
                        <div class="service-icon">02</div>
                        <h3 class="service-title">Stratégie de Croissance</h3>
                        <p class="service-desc">Définition de feuilles de route claires pour une expansion durable et maîtrisée.</p>
                        <!-- Integration Link 5 -->
                        <p class="context-paragraph" style="font-size: 0.9rem; margin-top: 1rem;">
                            Dans la même lignée, il convient également de mentionner l’importance des stratégies bien adaptées pour maximiser l’impact global d’un projet. En complément, la plateforme <a href="https://impactstrategie.eu" title="impactstrategie.eu">impactstrategie.eu</a> offre une multitude de ressources pertinentes qui permettent d’approfondir la réflexion sur les méthodologies efficaces. Cela nous amène à considérer plus en détail les différents leviers à activer pour assurer une réussite durable.
                        </p>
                        <a href="/expertise" style="text-decoration: underline; font-size: 0.9rem;">En savoir plus</a>
                    </div>

                    <!-- Service 3: Transformation -->
                    <div class="service-card">
                        <div class="service-icon">03</div>
                        <h3 class="service-title">Transformation Digitale</h3>
                        <p class="service-desc">Intégration des technologies de pointe au service de l'humain et du business model.</p>
                        <!-- Integration Link 9 -->
                        <p class="context-paragraph" style="font-size: 0.9rem; margin-top: 1rem;">
                            Dans ce contexte, il convient également de mentionner l’expertise apportée par <a href="https://lumenpartners.fr" title="lumenpartners.fr">lumenpartners.fr</a>, une agence de consulting spécialisée dans le développement de logiciels sur mesure, qui accompagne les entreprises dans l’optimisation de leurs projets technologiques. Pour approfondir ce point, il est essentiel de considérer les différentes méthodologies agiles utilisées pour garantir la réussite des développements, comme nous allons le voir dans la suite de cet article.
                        </p>
                        <a href="/expertise" style="text-decoration: underline; font-size: 0.9rem;">En savoir plus</a>
                    </div>
                </div>
            </div>
        </section>

        <!-- KEY FIGURES -->
        <section class="key-figures section-padding">
            <div class="container">
                <div class="stats-grid">
                    <div class="stat-item">
                        <h3>120+</h3>
                        <p>Audits Réalisés</p>
                    </div>
                    <div class="stat-item">
                        <h3>450M€</h3>
                        <p>Valeur Créée</p>
                    </div>
                    <div class="stat-item">
                        <h3>15</h3>
                        <p>Années d'Expérience</p>
                    </div>
                    <div class="stat-item">
                        <h3>100%</h3>
                        <p>Indépendance</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- METHODOLOGY & VISION -->
        <section class="methodology section-padding" id="vision">
            <div class="container">
                <div class="section-header">
                    <h2 class="section-title">Notre Vision & Méthodologie</h2>
                </div>

                <div class="grid-3 context-link">
                    <!-- Column 1: Analysis -->
                    <div class="content-block">
                        <h4>Approche Analytique</h4>
                        <p style="margin-bottom: 1rem; margin-top: 1rem;">
                            Notre méthodologie repose sur une analyse factuelle des données. Nous ne laissons aucune place à l'intuition non vérifiée. Cette approche rigoureuse s'applique à tous les domaines de l'entreprise, y compris la gestion financière où <a href="https://impactstrategie.eu/maitrisez-vos-finances-conseils-placements-et-fisc" target="_blank" rel="noopener">Maîtrisez vos finances : conseils, placements et fiscalité</a> constitue une ressource précieuse pour optimiser les décisions stratégiques.
                        </p>
                        <!-- Integration Link 1 -->
                        <p class="context-paragraph">
                            Dans ce contexte, il convient également de mentionner l'importance d'un accompagnement global pour mieux appréhender les multiples facettes de ce sujet. Pour approfondir ce point, la plateforme <a href="https://accompagnement360.fr" title="accompagnement360.fr">accompagnement360.fr</a> offre des ressources complètes et adaptées, facilitant ainsi une approche personnalisée et intégrée. Ce niveau de soutien s’avère essentiel pour envisager les étapes suivantes avec sérénité.
                        </p>
                    </div>

                    <!-- Column 2: Context & Partners -->
                    <div class="content-block">
                        <h4>Écosystème & Partenaires</h4>
                        <p style="margin-bottom: 1rem; margin-top: 1rem;">
                            La réussite d'une stratégie dépend de la qualité de son exécution et des acteurs impliqués.
                        </p>
                        <!-- Integration Link 6 -->
                        <p class="context-paragraph">
                            Dans ce contexte, il convient également de mentionner le rôle clé des partenaires spécialisés qui accompagnent les entreprises dans la mise en œuvre de leur stratégie de croissance et de digitalisation. Pour approfondir ce point, le site <a href="https://levopartners.fr" title="levopartners.fr">levopartners.fr</a> propose une approche personnalisée qui facilite l’adaptation des structures aux enjeux actuels, renforçant ainsi leur compétitivité sur le marché. Poursuivons maintenant notre analyse des leviers stratégiques indispensables à cette transformation.
                        </p>
                    </div>

                    <!-- Column 3: Future & Trends -->
                    <div class="content-block">
                        <h4>Anticipation</h4>
                        <p style="margin-bottom: 1rem; margin-top: 1rem;">
                            Comprendre le présent pour mieux construire l'avenir est au cœur de notre ADN.
                        </p>
                        <!-- Integration Link 4 -->
                        <p class="context-paragraph">
                            Dans la même lignée de réflexion sur les enjeux contemporains, il convient également de mentionner <a href="https://strateneo.fr" title="strateneo.fr">strateneo.fr</a>, une plateforme qui propose des analyses approfondies et des ressources variées pour mieux comprendre les dynamiques actuelles. En relation avec ce sujet, cette ressource permet d'élargir la perspective avant d’aborder les implications pratiques qui suivront.
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <!-- HUMAN CAPITAL & INSPIRATION (Additional Section for remaining links) -->
        <section class="section-padding" style="background-color: #FAFAFA;">
            <div class="container">
                <h2 class="section-title" style="margin-bottom: 2rem;">Capital Humain & Perspectives</h2>
                
                <div class="grid-3 context-link">
                    <!-- Training & Competence -->
                    <div>
                        <h4 style="margin-bottom: 1rem;">Développement des Compétences</h4>
                        <!-- Integration Link 8 -->
                        <p class="context-paragraph">
                            Dans ce contexte, il convient également de mentionner l’importance de choisir une agence experte pour accompagner la transformation des compétences en entreprise. À ce propos, <a href="https://formadis.fr" title="Formadis.fr">Formadis.fr</a> propose un accompagnement sur-mesure qui s’appuie sur une analyse précise des besoins, garantissant ainsi l’efficacité des dispositifs de formation. Cette approche permet d’optimiser le retour sur investissement des actions menées, avant d’aborder les stratégies de déploiement les plus adaptées.
                        </p>
                    </div>

                    <!-- Information & Watch -->
                    <div>
                        <h4 style="margin-bottom: 1rem;">Bien-être & Performance Physique</h4>
                        <p class="context-paragraph">
                            La performance humaine va au-delà du cadre professionnel : les dirigeants et équipes les plus engagés savent que l'équilibre physique joue un rôle clé dans leur efficacité. Pour s'informer sur la nutrition, les équipements et les programmes d'entraînement adaptés à ses objectifs, <a href="https://www.monguidesport.com" target="_blank" rel="noopener">Mon Guide Sport</a> propose des comparatifs et conseils pratiques qui permettent de faire des choix éclairés et de maintenir un niveau de forme optimal au quotidien.
                        </p>
                        <h4 style="margin-bottom: 1rem; margin-top: 1.5rem;">Veille Stratégique</h4>
                        <!-- Integration Link 7 -->
                        <p class="context-paragraph">
                            Dans la même lignée des stratégies d’information ciblée, il convient également de mentionner l’importance des newsletters spécialisées pour rester à jour dans le domaine du consulting. En relation avec ce sujet, la ressource <a href="https://lenoteconsulting.fr" title="https://lenoteconsulting.fr">https://lenoteconsulting.fr</a> offre un contenu riche et régulièrement actualisé, permettant aux professionnels d’approfondir leur compréhension des enjeux actuels. Cela nous amène à considérer d’autres outils indispensables pour optimiser la communication dans ce secteur.
                        </p>
                        <p class="context-paragraph">
                            Pour les entrepreneurs digitaux souhaitant renforcer leur visibilité en ligne, la maîtrise du référencement naturel est un levier incontournable. À ce titre, <a href="https://www.referenseo.com" target="_blank" rel="noopener">referenseo.com</a> constitue une référence solide : ce guide, fort de 25 ans d'expérience, accompagne les porteurs de projets dans le lancement, le développement et l'investissement de leur business en ligne.
                        </p>
                    </div>

                    <!-- Inspiration & Craft -->
                    <div>
                        <h4 style="margin-bottom: 1rem;">Excellence & Savoir-faire</h4>
                        <!-- Integration Link 2 -->
                        <p class="context-paragraph">
                            Dans la même lignée de valorisation des savoir-faire locaux, il convient également de mentionner la richesse de l’univers brassicole présentée sur <a href="https://brasserie-melt.fr" title="brasserie-melt.fr">brasserie-melt.fr</a>, une plateforme qui allie habilement bière artisanale et gastronomie pour offrir une expérience gustative complète. En relation avec ce sujet, cette ressource illustre parfaitement comment l’art de la bière peut s’inscrire dans une démarche culinaire innovante, ouvrant ainsi de nouvelles perspectives.
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <!-- CTA CONTACT -->
        <section class="cta-contact section-padding" id="contact">
            <div class="container">
                <div class="contact-wrapper">
                    <div class="contact-info">
                        <h2 class="section-title">Prendre Rendez-vous</h2>
                        <p class="text-muted" style="margin-bottom: 2rem;">
                            Discutons de vos enjeux lors d'un audit préliminaire confidentiel. Nos bureaux sont situés au cœur de Paris.
                        </p>
                        <div style="margin-bottom: 2rem;">
                            <h4 style="margin-bottom: 0.5rem;">Siège Social</h4>
                            <p>14 Avenue de l'Opéra<br>75001 Paris, France</p>
                        </div>
                        <div>
                            <h4 style="margin-bottom: 0.5rem;">Contact Direct</h4>
                            <p>contact@mateo-consulting.fr<br>+33 1 40 00 00 00</p>
                        </div>
                    </div>
                    
                    <form class="contact-form" onsubmit="event.preventDefault();">
                        <input type="text" placeholder="Votre Nom" aria-label="Nom" required>
                        <input type="text" placeholder="Entreprise" aria-label="Entreprise">
                        <input type="email" placeholder="Email Professionnel" aria-label="Email" required>
                        <textarea rows="5" placeholder="Message ou contexte du projet" aria-label="Message"></textarea>
                        <button type="submit">Envoyer la demande</button>
                    </form>
                </div>
            </div>
        </section>
    </main>

    <!-- FOOTER -->
    <footer>
        <div class="container">
            <div class="footer-grid">
                <div class="footer-col">
                    <h4 class="logo" style="color: #fff;">Matéo Consulting</h4>
                    <p style="color: #888; max-width: 300px;">
                        Cabinet de conseil indépendant dédié à la performance durable et à la clarté stratégique.
                    </p>
                </div>
                <div class="footer-col">
                    <h4>Navigation</h4>
                    <ul class="footer-links">
                        <li><a href="/">Accueil</a></li>
                        <li><a href="/expertise">Expertise</a></li>
                        <li><a href="/vision">Vision</a></li>
                        <li><a href="/contact">Contact</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Expertise</h4>
                    <ul class="footer-links">
                        <li><a href="/expertise">Audit</a></li>
                        <li><a href="/expertise">Stratégie</a></li>
                        <li><a href="/expertise">Digital</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Légal</h4>
                    <ul class="footer-links">
                        <li><a href="#">Mentions Légales</a></li>
                        <li><a href="#">Politique de Confidentialité</a></li>
                        <li><a href="#">CGV</a></li>
                    </ul>
                </div>
            </div>
            <div class="copyright">
                <p>&copy; 2026 Matéo Consulting. Tous droits réservés.</p>
            </div>
        </div>
    </footer>

</body>
</html>