<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Summa Conseil | Cabinet de conseil en stratégie d'entreprise</title>
    <meta name="description" content="Summa Conseil accompagne les dirigeants dans leurs décisions stratégiques. Atteignez les sommets de votre marché grâce à notre expertise.">
    
    <!-- SEO Meta Tags -->
    <meta property="og:title" content="Summa Conseil | Cabinet de conseil en stratégie d'entreprise">
    <meta property="og:description" content="Summa Conseil accompagne les dirigeants dans leurs décisions stratégiques. Atteignez les sommets de votre marché grâce à notre expertise.">
    <meta property="og:image" content="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/bad1ac9a-db16-4c7b-eb02-7b1a1c46d700/public">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="fr_FR">
    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Summa Conseil | Cabinet de conseil en stratégie d'entreprise">
    <meta name="twitter:description" content="Summa Conseil accompagne les dirigeants dans leurs décisions stratégiques. Atteignez les sommets de votre marché grâce à notre expertise.">
    <meta name="twitter:image" content="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/bad1ac9a-db16-4c7b-eb02-7b1a1c46d700/public">

    <!-- Favicon -->
    <link rel="icon" href="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/424ae76c-e0d6-4a5c-4d51-5aab73977700/public" type="image/png">

    <!-- Google Fonts -->
    <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=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">

    <style>
        /* CSS Variables */
        :root {
            --primary: #0A192F;
            --secondary: #1E293B;
            --accent: #C5A880;
            --bg: #FAFAFA;
            --bg-alt: #F1F5F9;
            --text: #0F172A;
            --text-muted: #64748B;
            
            --font-heading: 'Playfair Display', serif;
            --font-body: 'Inter', sans-serif;
            
            --max-width: 1200px;
            --spacing: 1.5rem;
            --radius: 4px;
            
            --transition: all 0.3s ease;
        }

        /* Reset & Base Styles */
        *, *::before, *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            scroll-behavior: smooth;
            font-size: 16px;
        }

        body {
            font-family: var(--font-body);
            color: var(--text);
            background-color: var(--bg);
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: var(--font-heading);
            color: var(--primary);
            line-height: 1.2;
            margin-bottom: 1rem;
            font-weight: 600;
        }

        p {
            margin-bottom: 1rem;
            color: var(--text-muted);
        }

        a {
            color: var(--accent);
            text-decoration: none;
            transition: var(--transition);
        }

        a:hover {
            color: var(--primary);
        }

        /* Discreet Links (External or inline) */
        .link-discreet {
            color: inherit;
            text-decoration: none;
            border-bottom: 1px solid transparent;
        }
        .link-discreet:hover {
            border-bottom-color: currentColor;
            color: inherit;
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
            border-radius: var(--radius);
        }

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

        .section {
            padding: calc(var(--spacing) * 4) 0;
        }

        .section-alt {
            background-color: var(--bg-alt);
        }

        .section-dark {
            background-color: var(--primary);
            color: var(--bg);
        }

        .section-dark h2, .section-dark h3, .section-dark p {
            color: var(--bg);
        }

        .section-header {
            text-align: center;
            margin-bottom: calc(var(--spacing) * 3);
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }

        .section-header h2 {
            font-size: 2.25rem;
            position: relative;
            padding-bottom: 1rem;
            margin-bottom: 1.5rem;
        }

        .section-header h2::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 2px;
            background-color: var(--accent);
        }

        /* Grid System */
        .grid {
            display: grid;
            gap: calc(var(--spacing) * 2);
        }

        /* Buttons */
        .btn {
            display: inline-block;
            padding: 0.875rem 2rem;
            font-family: var(--font-body);
            font-weight: 500;
            text-align: center;
            border-radius: var(--radius);
            cursor: pointer;
            transition: var(--transition);
            border: 1px solid transparent;
            font-size: 1rem;
        }

        .btn-primary {
            background-color: var(--accent);
            color: white;
        }

        .btn-primary:hover {
            background-color: #b0936b;
            color: white;
        }

        .btn-outline {
            background-color: transparent;
            border-color: var(--accent);
            color: var(--accent);
        }

        .btn-outline:hover {
            background-color: var(--accent);
            color: white;
        }

        .btn-outline-light {
            border-color: white;
            color: white;
        }

        .btn-outline-light:hover {
            background-color: white;
            color: var(--primary);
        }

        /* Header & Navigation */
        .site-header {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            padding: 1.5rem 0;
            background: linear-gradient(to bottom, rgba(10, 25, 47, 0.8) 0%, rgba(10, 25, 47, 0) 100%);
        }

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

        .logo {
            font-family: var(--font-heading);
            font-size: 1.5rem;
            font-weight: 700;
            color: white;
            text-decoration: none;
            letter-spacing: 0.5px;
        }

        .logo:hover {
            color: var(--accent);
        }

        /* Mobile Menu Checkbox Hack */
        .nav-toggle {
            display: none;
        }

        .nav-toggle-label {
            display: block;
            cursor: pointer;
            padding: 0.5rem;
            position: relative;
            z-index: 1001;
        }

        .nav-toggle-label span,
        .nav-toggle-label span::before,
        .nav-toggle-label span::after {
            display: block;
            background: white;
            height: 2px;
            width: 24px;
            border-radius: 2px;
            position: relative;
            transition: var(--transition);
        }

        .nav-toggle-label span::before,
        .nav-toggle-label span::after {
            content: '';
            position: absolute;
        }

        .nav-toggle-label span::before { bottom: 7px; }
        .nav-toggle-label span::after { top: 7px; }

        .main-nav {
            position: fixed;
            top: 0;
            right: -100%;
            width: 80%;
            max-width: 400px;
            height: 100vh;
            background-color: var(--primary);
            padding: 6rem 2rem 2rem;
            transition: right 0.4s cubic-bezier(0.77, 0.2, 0.05, 1.0);
            z-index: 1000;
            box-shadow: -5px 0 15px rgba(0,0,0,0.1);
            overflow-y: auto;
        }

        .nav-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background: rgba(0,0,0,0.5);
            opacity: 0;
            visibility: hidden;
            transition: var(--transition);
            z-index: 999;
        }

        .nav-toggle:checked ~ .main-nav {
            right: 0;
        }

        .nav-toggle:checked ~ .nav-overlay {
            opacity: 1;
            visibility: visible;
        }

        .nav-toggle:checked ~ .nav-toggle-label span {
            background: transparent;
        }

        .nav-toggle:checked ~ .nav-toggle-label span::before {
            transform: rotate(45deg);
            bottom: 0;
        }

        .nav-toggle:checked ~ .nav-toggle-label span::after {
            transform: rotate(-45deg);
            top: 0;
        }

        .main-nav ul {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .main-nav a {
            color: rgba(255, 255, 255, 0.8);
            font-size: 1.125rem;
            font-weight: 500;
            display: block;
            padding: 0.5rem 0;
        }

        .main-nav a:hover {
            color: var(--accent);
        }

        /* Hero Section */
        .hero {
            position: relative;
            min-height: 100vh;
            display: flex;
            align-items: center;
            background-image: url('https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/bad1ac9a-db16-4c7b-eb02-7b1a1c46d700/public');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            padding-top: 5rem;
        }

        .hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(10, 25, 47, 0.95) 0%, rgba(10, 25, 47, 0.6) 100%);
        }

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

        .hero h1 {
            color: white;
            font-size: 2.5rem;
            margin-bottom: 1.5rem;
        }

        .hero p {
            color: rgba(255, 255, 255, 0.9);
            font-size: 1.125rem;
            margin-bottom: 2.5rem;
            max-width: 600px;
        }

        .hero-btns {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        /* Expertise Section */
        .card {
            background: white;
            padding: 2.5rem 2rem;
            border-radius: var(--radius);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border-top: 3px solid transparent;
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            border-top-color: var(--accent);
        }

        .card-icon {
            width: 48px;
            height: 48px;
            background-color: var(--bg-alt);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.5rem;
            color: var(--accent);
            font-size: 1.5rem;
            font-family: var(--font-heading);
            font-style: italic;
        }

        .card h3 {
            font-size: 1.25rem;
            margin-bottom: 1rem;
        }

        .card p {
            flex-grow: 1;
            font-size: 0.9375rem;
        }

        .card-link {
            margin-top: 1.5rem;
            font-weight: 500;
            font-size: 0.875rem;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }

        /* About Section */
        .about-grid {
            display: grid;
            gap: 3rem;
            align-items: center;
        }

        .about-image {
            position: relative;
        }

        .about-image img {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .about-image::after {
            content: '';
            position: absolute;
            bottom: -1.5rem;
            right: -1.5rem;
            width: 100%;
            height: 100%;
            border: 2px solid var(--accent);
            border-radius: var(--radius);
            z-index: -1;
        }

        .about-content h2 {
            font-size: 2rem;
            margin-bottom: 1.5rem;
        }

        .values-list {
            list-style: none;
            margin-top: 2rem;
        }

        .values-list li {
            position: relative;
            padding-left: 2rem;
            margin-bottom: 1rem;
            color: var(--text);
            font-weight: 500;
        }

        .values-list li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--accent);
            font-weight: bold;
        }

        /* Metrics Section */
        .metrics-grid {
            display: grid;
            gap: 2rem;
            text-align: center;
        }

        .metric-item {
            padding: 2rem;
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: var(--radius);
        }

        .metric-number {
            display: block;
            font-family: var(--font-heading);
            font-size: 3rem;
            color: var(--accent);
            margin-bottom: 0.5rem;
            line-height: 1;
        }

        .metric-label {
            font-size: 1rem;
            color: rgba(255,255,255,0.8);
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 0.875rem;
        }

        /* Testimonials Section */
        .testimonial-card {
            background: white;
            padding: 2rem;
            border-radius: var(--radius);
            position: relative;
        }

        .testimonial-card::before {
            content: '"';
            font-family: var(--font-heading);
            font-size: 4rem;
            color: var(--bg-alt);
            position: absolute;
            top: 1rem;
            left: 1.5rem;
            line-height: 1;
            z-index: 0;
        }

        .testimonial-content {
            position: relative;
            z-index: 1;
            font-style: italic;
            margin-bottom: 1.5rem;
            color: var(--text);
        }

        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .author-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: var(--secondary);
            object-fit: cover;
        }

        .author-info h4 {
            margin: 0;
            font-size: 1rem;
            font-family: var(--font-body);
            color: var(--primary);
        }

        .author-info span {
            font-size: 0.875rem;
            color: var(--text-muted);
        }

        /* Contact Section */
        .contact-grid {
            display: grid;
            gap: 3rem;
        }

        .contact-info {
            background-color: var(--primary);
            color: white;
            padding: 3rem 2rem;
            border-radius: var(--radius);
        }

        .contact-info h3 {
            color: white;
            margin-bottom: 2rem;
        }

        .info-item {
            margin-bottom: 1.5rem;
        }

        .info-item h4 {
            color: var(--accent);
            font-size: 1rem;
            margin-bottom: 0.5rem;
            font-family: var(--font-body);
        }

        .info-item p {
            color: rgba(255,255,255,0.8);
            margin: 0;
        }

        .contact-form .form-group {
            margin-bottom: 1.5rem;
        }

        .contact-form label {
            display: block;
            margin-bottom: 0.5rem;
            font-weight: 500;
            color: var(--primary);
        }

        .contact-form input,
        .contact-form textarea {
            width: 100%;
            padding: 0.875rem;
            border: 1px solid #E2E8F0;
            border-radius: var(--radius);
            font-family: var(--font-body);
            font-size: 1rem;
            background-color: var(--bg);
            transition: border-color 0.3s;
        }

        .contact-form input:focus,
        .contact-form textarea:focus {
            outline: none;
            border-color: var(--accent);
        }

        .contact-form textarea {
            min-height: 150px;
            resize: vertical;
        }

        /* Footer */
        .site-footer {
            background-color: var(--primary);
            color: rgba(255,255,255,0.7);
            padding: 3rem 0 1.5rem;
            border-top: 1px solid rgba(255,255,255,0.1);
        }

        .footer-grid {
            display: grid;
            gap: 2rem;
            margin-bottom: 3rem;
        }

        .footer-brand h3 {
            color: white;
            font-family: var(--font-heading);
            font-size: 1.5rem;
            margin-bottom: 1rem;
        }

        .footer-links h4 {
            color: white;
            font-size: 1.125rem;
            margin-bottom: 1.25rem;
        }

        .footer-links ul {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 0.75rem;
        }

        .footer-links a {
            color: rgba(255,255,255,0.7);
        }

        .footer-links a:hover {
            color: var(--accent);
        }

        .footer-bottom {
            text-align: center;
            padding-top: 1.5rem;
            border-top: 1px solid rgba(255,255,255,0.1);
            font-size: 0.875rem;
        }

        /* Media Queries */
        @media (min-width: 768px) {
            h1 { font-size: 3.5rem; }
            
            .hero-btns {
                flex-direction: row;
            }

            .grid-2 { grid-template-columns: repeat(2, 1fr); }
            .grid-3 { grid-template-columns: repeat(2, 1fr); }
            
            .about-grid { grid-template-columns: 1fr 1fr; }
            .contact-grid { grid-template-columns: 1fr 1.5fr; }
            .footer-grid { grid-template-columns: 2fr 1fr 1fr; }
            .metrics-grid { grid-template-columns: repeat(3, 1fr); }
        }

        @media (min-width: 1024px) {
            .nav-toggle-label { display: none; }
            
            .main-nav {
                position: static;
                width: auto;
                height: auto;
                background-color: transparent;
                padding: 0;
                box-shadow: none;
                overflow: visible;
            }

            .main-nav ul {
                flex-direction: row;
                gap: 2rem;
            }

            .main-nav a {
                font-size: 1rem;
                padding: 0;
            }

            .main-nav a::after {
                content: '';
                display: block;
                width: 0;
                height: 2px;
                background: var(--accent);
                transition: width 0.3s;
                margin-top: 4px;
            }

            .main-nav a:hover::after {
                width: 100%;
            }

            .grid-3 { grid-template-columns: repeat(3, 1fr); }
        }
    </style>
</head>
<body>

    <header class="site-header">
        <div class="container header-inner">
            <a href="/" class="logo">Summa Conseil</a>
            
            <input type="checkbox" id="nav-toggle" class="nav-toggle">
            <label for="nav-toggle" class="nav-toggle-label" aria-label="Ouvrir le menu">
                <span></span>
            </label>
            
            <!-- Overlay for mobile menu closure -->
            <label for="nav-toggle" class="nav-overlay" aria-label="Fermer le menu"></label>

            <nav class="main-nav">
                <ul>
                    <li><a href="/">Accueil</a></li>
                    <li><a href="/notre-expertise">Notre Expertise</a></li>
                    <li><a href="/le-cabinet">Le Cabinet</a></li>
                    <li><a href="/cas-clients">Cas Clients</a></li>
                    <li><a href="/contact">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main>
        <!-- HERO SECTION -->
        <section class="hero" id="hero">
            <div class="container">
                <div class="hero-content">
                    <h1>La vision stratégique au service de votre sommet.</h1>
                    <p>Summa Conseil accompagne les dirigeants dans leurs décisions stratégiques. Atteignez les sommets de votre marché grâce à notre expertise analytique et notre approche sur-mesure.</p>
                    <div class="hero-btns">
                        <a href="/notre-expertise" class="btn btn-primary">Découvrir notre expertise</a>
                        <a href="/contact" class="btn btn-outline-light">Nous contacter</a>
                    </div>
                </div>
            </div>
        </section>

        <!-- EXPERTISE SECTION -->
        <section class="section bg-alt" id="expertise">
            <div class="container">
                <div class="section-header">
                    <h2>Notre Expertise</h2>
                    <p>Des solutions stratégiques conçues pour répondre aux défis complexes des directions générales et transformer les obstacles en opportunités de croissance.</p>
                </div>
                
                <div class="grid grid-3">
                    <div class="card">
                        <div class="card-icon">S</div>
                        <h3>Stratégie d'Entreprise</h3>
                        <p>Définition de la vision à long terme, analyse de positionnement concurrentiel et identification des relais de croissance pour assurer la pérennité de votre modèle d'affaires.</p>
                        <a href="/notre-expertise" class="card-link">En savoir plus &rarr;</a>
                    </div>
                    
                    <div class="card">
                        <div class="card-icon">M</div>
                        <h3>Transformation & Management</h3>
                        <p>Accompagnement dans la restructuration organisationnelle, l'optimisation des processus opérationnels et la conduite du changement au sein de vos équipes dirigeantes.</p>
                        <a href="/notre-expertise" class="card-link">En savoir plus &rarr;</a>
                    </div>
                    
                    <div class="card">
                        <div class="card-icon">F</div>
                        <h3>Ingénierie Financière</h3>
                        <p>Conseil en fusions-acquisitions, optimisation de la structure de capital et modélisation financière complexe pour sécuriser vos investissements stratégiques.</p>
                        <a href="/notre-expertise" class="card-link">En savoir plus &rarr;</a>
                    </div>
                </div>
            </div>
        </section>

        <!-- ABOUT SECTION -->
        <section class="section" id="about">
            <div class="container">
                <div class="about-grid">
                    <div class="about-image">
                        <img src="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/5b2c29f1-a73f-409b-dfbe-97df540cf300/public" alt="Associés fondateurs de Summa Conseil" loading="lazy">
                    </div>
                    <div class="about-content">
                        <h2>Le Cabinet</h2>
                        <p>Fondé par des experts issus de l'industrie et de la haute finance, Summa Conseil s'est imposé comme un partenaire de confiance pour les comités de direction et les conseils d'administration.</p>
                        <p>Nous croyons que chaque organisation possède une dynamique unique. C'est pourquoi nous rejetons les méthodologies préfabriquées au profit d'une approche rigoureusement analytique et profondément personnalisée. Pour ceux qui souhaitent découvrir des réflexions variées et des contenus partagés par une communauté engagée, http://pastisolives.fr propose un espace de publication ouverte sur de nombreuses thématiques. Dans le prolongement de notre expertise patrimoniale, nous recommandons également aux particuliers de consulter des ressources locales fiables sur l'immobilier et la gestion de patrimoine, à l'image de https://www.mittelwihr.eu. Pour valoriser durablement un bien immobilier, les <a href="https://www.projets-renovetd.fr" target="_blank" rel="noopener">travaux de maçonnerie</a> constituent souvent un levier essentiel, alliant solidité structurelle et amélioration de la valeur du patrimoine bâti. Pour une expertise approfondie des marchés immobiliers parisiens et métropolitains, nous invitons également nos clients à découvrir <a href="https://www.rouxel-immo.fr" target="_blank" rel="noopener">https://www.rouxel-immo.fr</a>, une référence en matière d'accompagnement personnalisé dans l'investissement immobilier. Par ailleurs, dans un contexte où la transformation numérique et la mobilité occupent une place croissante dans les stratégies d'entreprise, nous invitons nos lecteurs à s'informer sur les dernières évolutions de la téléphonie mobile et des usages digitaux — <a href="https://www.phoneinfo.fr" target="_blank" rel="noopener">Cliquez ici</a> pour accéder à un média dédié à ces enjeux technologiques. Dans cette même optique d'innovation, la blockchain et les technologies de demain représentent des leviers stratégiques incontournables pour les entreprises en quête de compétitivité ; nous recommandons à ce titre <a href="https://www.miui-france.org" target="_blank" rel="noopener">le site de la Tech MIUI France</a>, qui permet de comprendre ces technologies tout en proposant des contenus accessibles et des opportunités pour s'y initier. Pour les entreprises souhaitant enrichir leur communication avec des contenus animés et du motion design professionnel, <a href="https://www.mootion.fr" target="_blank" rel="noopener">Cliquez ici</a> pour découvrir une solution dédiée à la création de vidéos et d'animations percutantes. Enfin, pour nos collaborateurs et dirigeants soucieux d'allier performance et bien-être au quotidien, nous recommandons de s'inspirer des savoir-faire artisanaux et des traditions culinaires explorés sur https://meinado.fr/, un blog passionné dédié à la boulangerie artisanale, aux recettes du monde et au bien-être. Pour les dirigeants et investisseurs souhaitant rester informés des tendances et des stratégies de croissance, le <a href="https://croissance-mag.com" target="_blank" rel="noopener">Meilleur blog business</a> constitue une ressource éditoriale de référence pour décrypter les évolutions du monde des affaires. Enfin, pour les entrepreneurs en phase de lancement souhaitant structurer leur démarche pas à pas — du choix du statut juridique au financement —, nous recommandons de consulter <a href="https://www.100jourspourentreprendre.fr" target="_blank" rel="noopener">100jourspourentreprendre.fr</a>, un guide complet dédié à la création et au pilotage de son entreprise.</p>
                        
                        <ul class="values-list">
                            <li><strong>Excellence Analytique</strong> : Une rigueur intellectuelle sans compromis.</li>
                            <li><strong>Discrétion Absolue</strong> : La confidentialité au cœur de notre éthique.</li>
                            <li><strong>Indépendance</strong> : Des recommandations objectives et impartiales.</li>
                        </ul>
                        
                        <div style="margin-top: 2rem;">
                            <a href="/le-cabinet" class="btn btn-outline">Découvrir notre histoire</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- METRICS SECTION -->
        <section class="section section-dark" id="metrics">
            <div class="container">
                <div class="metrics-grid">
                    <div class="metric-item">
                        <span class="metric-number">15+</span>
                        <span class="metric-label">Années d'expérience</span>
                    </div>
                    <div class="metric-item">
                        <span class="metric-number">250+</span>
                        <span class="metric-label">Missions stratégiques</span>
                    </div>
                    <div class="metric-item">
                        <span class="metric-number">3</span>
                        <span class="metric-label">Bureaux (Paris, Genève, Londres)</span>
                    </div>
                </div>
            </div>
        </section>

        <!-- TESTIMONIALS SECTION -->
        <section class="section bg-alt" id="testimonials">
            <div class="container">
                <div class="section-header">
                    <h2>Confiance Accordée</h2>
                    <p>Découvrez comment nos interventions ont généré un impact mesurable et durable pour nos clients à travers l'Europe.</p>
                </div>
                
                <div class="grid grid-2">
                    <div class="testimonial-card">
                        <p class="testimonial-content">L'intervention de Summa Conseil a été déterminante dans notre stratégie d'acquisition. Leur capacité à modéliser des scénarios complexes tout en gardant une vision claire des enjeux opérationnels nous a permis de sécuriser une transaction majeure.</p>
                        <div class="testimonial-author">
                            <img src="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/c26bb2c8-df65-428f-107d-f72541128b00/public" alt="Portrait client" class="author-avatar" loading="lazy">
                            <div class="author-info">
                                <h4>Jean-Marc D.</h4>
                                <span>CEO, Groupe Industriel Européen</span>
                            </div>
                        </div>
                    </div>
                    
                    <div class="testimonial-card">
                        <p class="testimonial-content">Face à une disruption technologique de notre marché, l'équipe a su redéfinir notre proposition de valeur. Une approche directe, des analyses pointues et un accompagnement de haut niveau jusqu'à l'exécution.</p>
                        <div class="testimonial-author">
                            <img src="https://imagedelivery.net/ThCUuRdIBfF317Jr4_mDfQ/564d0dab-68a1-427b-1aae-12aaf80a4c00/public" alt="Portrait client" class="author-avatar" loading="lazy">
                            <div class="author-info">
                                <h4>Sophie L.</h4>
                                <span>Directrice Générale, Secteur Services B2B</span>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div style="text-align: center; margin-top: 3rem;">
                    <a href="/cas-clients" class="btn btn-outline">Voir tous nos cas clients</a>
                </div>
            </div>
        </section>

        <!-- CONTACT SECTION -->
        <section class="section" id="contact">
            <div class="container">
                <div class="section-header">
                    <h2>Prenez Contact</h2>
                    <p>Nos associés sont à votre disposition pour échanger de manière confidentielle sur vos enjeux stratégiques actuels ou futurs.</p>
                </div>
                
                <div class="contact-grid">
                    <div class="contact-form">
                        <form action="#" method="POST" onsubmit="event.preventDefault();">
                            <div class="grid grid-2" style="gap: 1.5rem; margin-bottom: 1.5rem;">
                                <div class="form-group" style="margin-bottom: 0;">
                                    <label for="prenom">Prénom</label>
                                    <input type="text" id="prenom" name="prenom" required>
                                </div>
                                <div class="form-group" style="margin-bottom: 0;">
                                    <label for="nom">Nom</label>
                                    <input type="text" id="nom" name="nom" required>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="societe">Société</label>
                                <input type="text" id="societe" name="societe">
                            </div>
                            <div class="form-group">
                                <label for="email">Email professionnel</label>
                                <input type="email" id="email" name="email" required>
                            </div>
                            <div class="form-group">
                                <label for="message">Nature de votre demande</label>
                                <textarea id="message" name="message" required></textarea>
                            </div>
                            <button type="submit" class="btn btn-primary" style="width: 100%;">Envoyer la demande</button>
                        </form>
                    </div>
                    
                    <div class="contact-info">
                        <h3>Nos Bureaux</h3>
                        
                        <div class="info-item">
                            <h4>Paris (Siège)</h4>
                            <p>8 Avenue Franklin Delano Roosevelt<br>75008 Paris, France</p>
                            <p style="margin-top: 0.5rem;"><a href="tel:+33100000000" class="link-discreet" style="color: inherit;">+33 (0)1 00 00 00 00</a></p>
                        </div>
                        
                        <div class="info-item">
                            <h4>Genève</h4>
                            <p>Rue du Rhône 14<br>1204 Genève, Suisse</p>
                        </div>
                        
                        <div class="info-item" style="margin-top: 3rem;">
                            <h4>Contact Général</h4>
                            <p><a href="mailto:contact@summaconseil.com" class="link-discreet" style="color: var(--accent);">contact@summaconseil.com</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer class="site-footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <h3>Summa Conseil</h3>
                    <p style="color: rgba(255,255,255,0.7); max-width: 300px;">La vision stratégique au service de votre sommet. Cabinet de conseil de direction générale.</p>
                </div>
                
                <div class="footer-links">
                    <h4>Navigation</h4>
                    <ul>
                        <li><a href="/">Accueil</a></li>
                        <li><a href="/notre-expertise">Notre Expertise</a></li>
                        <li><a href="/le-cabinet">Le Cabinet</a></li>
                        <li><a href="/cas-clients">Cas Clients</a></li>
                    </ul>
                </div>
                
                <div class="footer-links">
                    <h4>Informations</h4>
                    <ul>
                        <li><a href="/contact">Contact</a></li>
                        <li><a href="#" class="link-discreet">Mentions Légales</a></li>
                        <li><a href="#" class="link-discreet">Politique de Confidentialité</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="footer-bottom">
                <p>&copy; 2026 Summa Conseil. Tous droits réservés.</p>
            </div>
        </div>
    </footer>

</body>
</html>