{% extends 'demo/_base.html.twig' %}

{% block title %}NUM-ECARD | Dirigeants & Entrepreneurs — Hub de Communication Professionnel{% endblock %}

{% block meta_description %}Dirigeants PME, founders startups, gérants de franchise : NUM-ECARD valorise votre leadership, présente votre entreprise et équipe votre force de vente. Force de Vente à 399€.{% endblock %}

{% block theme_css %}
*{margin:0;padding:0;box-sizing:border-box}
        html{scroll-behavior:smooth;overflow-x:hidden}
        body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue',Arial,sans-serif;background:#fff;color:#1d1d1f;line-height:1.47059;font-weight:400;letter-spacing:-.022em;overflow-x:hidden}
        .navbar{position:sticky;top:0;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);z-index:9999;height:44px}
        .navbar-container{max-width:1000px;margin:0 auto;padding:0 22px;display:flex;justify-content:space-between;align-items:center;height:100%}
        .navbar-logo{font-size:17px;font-weight:600;color:#1d1d1f;text-decoration:none}
        .navbar-logo span{color:#0071e3}
        .navbar-back{color:#0071e3;text-decoration:none;font-size:12px}
        .navbar-cta{background:#0071e3;color:#fff!important;padding:4px 14px;border-radius:980px;font-size:12px;font-weight:500;text-decoration:none}
        /* BANNER — marine profond & or ambre — prestige dirigeant */
        .sector-banner{background:linear-gradient(135deg,#0e0c04 0%,#080600 60%,#161006 100%);padding:60px 22px 50px;text-align:center;position:relative;overflow:hidden}
        .sector-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 55%,rgba(220,148,0,.22) 0%,transparent 50%),radial-gradient(ellipse at 75% 40%,rgba(180,110,0,.15) 0%,transparent 45%)}
        .sector-badge{display:inline-block;background:rgba(220,148,0,.14);border:1px solid rgba(220,148,0,.38);color:#f0c030;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:20px;position:relative}
        .sector-banner h1{font-size:clamp(28px,5vw,48px);font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px;position:relative}
        .sector-banner h1 span{color:#f0c030}
        .sector-banner p{font-size:17px;color:rgba(255,255,255,.7);max-width:580px;margin:0 auto 30px;position:relative}
        .sector-banner-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}
        .btn-white{background:#fff;color:#1d1d1f;padding:12px 24px;border-radius:980px;font-size:15px;font-weight:500;text-decoration:none}
        .btn-outline-white{background:transparent;color:#fff;padding:12px 24px;border-radius:980px;font-size:15px;font-weight:500;border:1.5px solid rgba(255,255,255,.4);text-decoration:none}
        .section{padding:80px 22px}
        .section-inner{max-width:1000px;margin:0 auto}
        .section-label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#c88a00;margin-bottom:12px}
        .section-title{font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.03em;color:#1d1d1f;margin-bottom:16px;line-height:1.1}
        .section-subtitle{font-size:17px;color:#6e6e73;max-width:580px;line-height:1.6;margin-bottom:48px}
        .section-alt{background:#fffdf0}
        .pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
        .pain-card{background:#fff;border-radius:16px;padding:28px;border:1px solid rgba(0,0,0,.06);transition:box-shadow .3s,transform .3s}
        .pain-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}
        .pain-card.solved{border-left:3px solid #c88a00}
        .pain-card.solved h3{color:#c88a00}
        .pain-icon{font-size:28px;margin-bottom:14px}
        .pain-card h3{font-size:17px;font-weight:600;margin-bottom:8px}
        .pain-card p{font-size:14px;color:#6e6e73;line-height:1.6}
        .usecase-list{display:flex;flex-direction:column;gap:64px}
        .usecase-item{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
        .usecase-item.reverse{direction:rtl}
        .usecase-item.reverse>*{direction:ltr}
        .usecase-text h3{font-size:22px;font-weight:600;color:#1d1d1f;margin-bottom:10px}
        .usecase-text p{font-size:15px;color:#6e6e73;line-height:1.7;margin-bottom:14px}
        .usecase-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
        .tag{background:rgba(220,148,0,.1);color:#c88a00;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}
        .usecase-visual{background:linear-gradient(135deg,#fff8e0,#f8e498);border-radius:20px;padding:32px;min-height:280px;display:flex;flex-direction:column;justify-content:center}
        .mock-card{border-radius:16px;padding:20px;color:white;box-shadow:0 20px 40px rgba(0,0,0,.35);max-width:280px;margin:0 auto;font-size:13px}
        .mc-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
        .mc-logo{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:white;flex-shrink:0}
        .mc-company{font-weight:700;font-size:14px}
        .mc-tagline{font-size:10px;opacity:.7}
        .mc-name{font-size:16px;font-weight:700;margin-bottom:2px}
        .mc-role{font-size:11px;opacity:.7;margin-bottom:12px}
        .mc-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border-radius:8px;padding:8px 10px;margin-bottom:6px;font-size:11px}
        .mc-btn-icon{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}
        .mc-actu{border-radius:8px;padding:8px;margin-top:8px}
        .mc-actu-title{font-size:10px;font-weight:600;margin-bottom:4px}
        .mc-actu-text{font-size:10px;opacity:.8;line-height:1.4}
        .roi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
        .roi-card{text-align:center;padding:32px 20px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06)}
        .roi-number{font-size:42px;font-weight:700;color:#c88a00;letter-spacing:-.03em;line-height:1;margin-bottom:8px}
        .roi-label{font-size:14px;color:#6e6e73;line-height:1.4}
        .pricing-highlight{background:linear-gradient(135deg,#c88a00 0%,#906000 100%);border-radius:20px;padding:48px;text-align:center;color:white}
        .pricing-highlight h3{font-size:28px;font-weight:700;margin-bottom:8px}
        .pricing-highlight p{opacity:.85;font-size:15px;margin-bottom:24px}
        .price-big{font-size:56px;font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:4px}
        .price-note{font-size:13px;opacity:.65;margin-bottom:32px}
        .pricing-features{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}
        .pricing-feature{background:rgba(255,255,255,.15);padding:6px 16px;border-radius:20px;font-size:13px}
        .btn-pricing{display:inline-block;background:#fff;color:#906000;padding:14px 36px;border-radius:980px;font-size:16px;font-weight:600;text-decoration:none}
        .feature-list{list-style:none}
        .feature-list li{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:15px;display:flex;align-items:flex-start;gap:10px}
        .feature-list li:last-child{border-bottom:none}
        .check{color:#c88a00;font-size:16px;flex-shrink:0;margin-top:1px}
        .comparison-table{width:100%;border-collapse:collapse;font-size:14px}
        .comparison-table th{padding:12px 16px;text-align:left;font-weight:600;color:#6e6e73;border-bottom:2px solid rgba(0,0,0,.08);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
        .comparison-table td{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.05)}
        .comparison-table tr:last-child td{border-bottom:none}
        .col-num{color:#c88a00;font-weight:600}
        .yes{color:#34c759;font-weight:600}
        .no{color:#ff3b30}
        .comparison-table tr:hover td{background:#fffdf0}
        .testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
        .testimonial-card{background:#fff;border-radius:16px;padding:28px;border:1px solid rgba(0,0,0,.06)}
        .testimonial-stars{color:#f5a623;font-size:14px;margin-bottom:12px}
        .testimonial-text{font-size:15px;color:#1d1d1f;line-height:1.7;margin-bottom:16px;font-style:italic}
        .testimonial-author{display:flex;align-items:center;gap:12px}
        .author-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:14px;flex-shrink:0;background:linear-gradient(135deg,#c88a00,#906000)}
        .author-name{font-size:14px;font-weight:600}
        .author-role{font-size:12px;color:#6e6e73}
        .profil-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:48px}
        .profil-pill{text-align:center;padding:20px 16px;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.06);font-size:14px;font-weight:500;transition:all .3s}
        .profil-pill:hover{box-shadow:0 4px 16px rgba(0,0,0,.06);transform:translateY(-2px)}
        .profil-pill .emoji{font-size:24px;margin-bottom:8px;display:block}
        .usecase-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:48px}
        .pillar{background:#fff;border-radius:14px;padding:24px;border:1px solid rgba(0,0,0,.06);border-top:3px solid #c88a00}
        .pillar h4{font-size:15px;font-weight:600;margin-bottom:8px}
        .pillar p{font-size:13px;color:#6e6e73;line-height:1.5}
        .pillar .p-icon{font-size:24px;margin-bottom:10px}
        .cta-band{background:#1d1d1f;padding:60px 22px;text-align:center}
        .cta-band h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px}
        .cta-band p{color:#86868b;font-size:17px;margin-bottom:28px}
        .btn-blue{display:inline-block;background:#0071e3;color:#fff;padding:14px 32px;border-radius:980px;font-size:16px;font-weight:500;text-decoration:none;margin:0 8px 8px}
        .btn-ghost{display:inline-block;background:transparent;color:#fff;padding:14px 32px;border-radius:980px;font-size:16px;font-weight:500;border:1.5px solid rgba(255,255,255,.25);text-decoration:none;margin:0 8px 8px}
        .footer{background:#f5f5f7;border-top:1px solid rgba(0,0,0,.08);padding:40px 22px;text-align:center}
        .footer-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
        .footer-links a{color:#6e6e73;font-size:12px;text-decoration:none}
        .footer-copy{color:#86868b;font-size:12px}
        @media(max-width:768px){.usecase-item{grid-template-columns:1fr}.usecase-item.reverse{direction:ltr}.roi-grid{grid-template-columns:repeat(2,1fr)}}

        /* ── Slogans officiels — hero banner ── */
        .sector-slogans{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0 8px;position:relative;z-index:1}
        .slogan-main{font-size:15px;font-weight:700;color:#fff;letter-spacing:.01em;text-shadow:0 1px 3px rgba(0,0,0,.3)}
        .slogan-sep{color:rgba(255,255,255,.35);font-size:18px;line-height:1}
        .slogan-secondary{font-size:14px;color:rgba(255,255,255,.82);font-style:italic;letter-spacing:.01em}
{% endblock %}

{% block content %}
<section class="sector-banner">
    <span class="sector-badge">🏢 Dirigeants & Entrepreneurs</span>
    <h1>Le hub digital des<br><span>dirigeants, founders & franchisés</span></h1>
    <p>Dirigeants PME, créateurs de startup, entrepreneurs en franchise — NUM-ECARD valorise votre leadership, présente votre entreprise et équipe toute votre équipe sous une identité commune.</p>
        <div class="sector-slogans">
            <span class="slogan-main">✦ Le Pro qu'on n'oublie pas</span>
            <span class="slogan-sep">·</span>
            <span class="slogan-secondary">Tout ce que vous êtes en 1 clic</span>
        </div>
    <div class="sector-banner-actions">
        <a href="/#modele-starter" class="btn-white">Voir les offres à partir de 399€</a>
        <a href="#demo-dirigeants" class="btn-outline-white">Voir une démo dirigeant</a>
    </div>
</section>

<section class="section section-alt">
    <div class="section-inner">
        <p class="section-label">Pour qui ?</p>
        <h2 class="section-title">Tous les profils de dirigeants & entrepreneurs</h2>
        <p class="section-subtitle">Du fondateur de startup en recherche de financement au dirigeant de PME qui veut équiper son équipe, NUM-ECARD s'adapte à chaque enjeu de représentation.</p>
        <div class="profil-grid">
            <div class="profil-pill"><span class="emoji">🏭</span>Dirigeant PME / TPE</div>
            <div class="profil-pill"><span class="emoji">🚀</span>Founder / CEO Startup</div>
            <div class="profil-pill"><span class="emoji">🏪</span>Entrepreneur franchise</div>
            <div class="profil-pill"><span class="emoji">🤝</span>Co-fondateur</div>
            <div class="profil-pill"><span class="emoji">💼</span>DG / Président</div>
            <div class="profil-pill"><span class="emoji">🌐</span>Gérant d'un réseau</div>
            <div class="profil-pill"><span class="emoji">📈</span>Business Angel</div>
            <div class="profil-pill"><span class="emoji">🏗️</span>Gérant d'ETI familiale</div>
            <div class="profil-pill"><span class="emoji">🎓</span>Entrepreneur en reconversion</div>
            <div class="profil-pill"><span class="emoji">🌍</span>Entrepreneur export</div>
        </div>
        <div class="usecase-pillars">
            <div class="pillar"><div class="p-icon">🤝</div><h4>Networking & représentation</h4><p>Conférences, salons, comités, assemblées — votre carte premium crédibilise immédiatement votre statut et centralise tout ce que votre interlocuteur veut savoir.</p></div>
            <div class="pillar"><div class="p-icon">👥</div><h4>Équiper toute votre équipe</h4><p>Le Multi-Cartes donne à chaque collaborateur sa carte personnalisée sous votre identité. Une image homogène, une présence professionnelle de toute la structure.</p></div>
            <div class="pillar"><div class="p-icon">🚀</div><h4>Lever des fonds & pitcher</h4><p>Portfolio produit, vision, chiffres clés, équipe — votre QR code sur votre pitch deck renvoie vers une présentation complète et toujours à jour pour vos investisseurs.</p></div>
            <div class="pillar"><div class="p-icon">📢</div><h4>Actualités de l'entreprise</h4><p>Mon Actu publie vos levées de fonds, recrutements, ouvertures de sites ou lancements de produit. Votre réseau reçoit une notification — un rayonnement simplifié.</p></div>
        </div>
    </div>
</section>

<section class="section">
    <div class="section-inner">
        <p class="section-label">Les enjeux</p>
        <h2 class="section-title">Les défis des dirigeants & entrepreneurs</h2>
        <p class="section-subtitle">Représenter l'entreprise, convaincre les partenaires, fédérer les équipes — votre communication doit être à la hauteur de vos ambitions.</p>
        <div class="pain-grid">
            <div class="pain-card solved"><div class="pain-icon">🤝</div><h3>Représenter l'entreprise avec professionnalisme</h3><p>En conférence, comité ou RDV institutionnel — votre carte premium crédibilise immédiatement votre statut. Elle présente l'entreprise, l'équipe dirigeante et vos réalisations clés en un scan.</p></div>
            <div class="pain-card solved"><div class="pain-icon">🚀</div><h3>Pitcher auprès d'investisseurs en déplacement</h3><p>Votre QR code sur votre pitch deck renvoie vers une présentation complète et toujours à jour — vision, chiffres clés, équipe, traction. Vos investisseurs ont tout en un scan, même après le salon.</p></div>
            <div class="pain-card solved"><div class="pain-icon">👥</div><h3>Homogénéiser l'image de toute l'équipe</h3><p>Le Multi-Cartes équipe tous vos collaborateurs sous votre identité commune. Chaque carte est personnalisée mais reflète la même qualité d'image. Un commercial, un DAF, un responsable RH — même niveau de représentation.</p></div>
            <div class="pain-card solved"><div class="pain-icon">🏪</div><h3>Déployer une identité cohérente en franchise</h3><p>En réseau de franchise, l'identité locale doit s'articuler avec la marque nationale. Le Multi-Cartes personnalise chaque site tout en respectant la charte réseau — et le CRM Light consolide les contacts par franchisé.</p></div>
            <div class="pain-card solved"><div class="pain-icon">📢</div><h3>Faire rayonner les actualités de l'entreprise</h3><p>Levée de fonds, nouveau site, certification ISO, recrutement clé — Mon Actu diffuse vos actualités par notification push à tout votre réseau. Plus besoin de compter sur l'algorithme LinkedIn pour exister.</p></div>
            <div class="pain-card solved"><div class="pain-icon">💼</div><h3>Entretenir un réseau de partenaires actif</h3><p>Banques, experts-comptables, avocats, fournisseurs clés — le CRM Light identifie vos partenaires stratégiques et les vues de votre carte vous alertent quand l'un d'eux consulte votre profil. Relancez au bon moment.</p></div>
        </div>
    </div>
</section>

<section class="section section-alt" id="demo-dirigeants">
    <div class="section-inner">
        <p class="section-label">Cas d'usage</p>
        <h2 class="section-title">Votre carte dirigeant en action</h2>
        <div class="usecase-list">
            <div class="usecase-item">
                <div class="usecase-text">
                    <h3>Dirigeant PME — carte équipe & représentation institutionnelle</h3>
                    <p>Philippe dirige une PME de 45 personnes dans la distribution industrielle à Toulouse. Sa carte Force de Vente le positionne comme interlocuteur de référence lors de ses RDV avec grands comptes et partenaires institutionnels. Le Multi-Cartes équipe ses 8 commerciaux et ses 3 directeurs — chacun avec sa carte personnalisée sous l'identité DISTRIBELEC. Ses clients voient une équipe cohérente, une image haut de gamme uniforme.</p>
                    <div class="usecase-tags">
                        <span class="tag">Modèle Force de Vente — 399€</span>
                        <span class="tag">Multi-Cartes équipe — 999€</span>
                        <span class="tag">Image dirigeant premium</span>
                    </div>
                    <ul class="feature-list">
                        <li><span class="check">✓</span>Présentation entreprise, chiffres clés et références</li>
                        <li><span class="check">✓</span>Multi-Cartes : équipe commerciale & direction sous identité commune</li>
                        <li><span class="check">✓</span>Mon Actu : actualités entreprise et marchés remportés</li>
                        <li><span class="check">✓</span>Analytics : savoir quand un partenaire consulte</li>
                    </ul>
                </div>
                <div class="usecase-visual">
                    <div class="mock-card" style="background:linear-gradient(135deg,#0e0c04,#080600)">
                        <div class="mc-header">
                            <div class="mc-logo" style="background:#c88a00">PD</div>
                            <div><div class="mc-company">DISTRIBELEC SAS</div><div class="mc-tagline">Distribution Industrielle · Occitanie · 45 pers.</div></div>
                        </div>
                        <div class="mc-name">Philippe DUPONT</div>
                        <div class="mc-role">PDG · Dirigeant depuis 2011 · CA 12M€</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#c88a00">🏭</div>Notre entreprise & références</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#c88a00">👥</div>Équipe dirigeante</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#c88a00">📞</div>Prendre rendez-vous</div>
                        <div class="mc-actu" style="background:rgba(220,148,0,.12);border:1px solid rgba(220,148,0,.28)">
                            <div class="mc-actu-title" style="color:#f0c030">🏆 MARCHÉ REMPORTÉ</div>
                            <div class="mc-actu-text">Contrat cadre Airbus Helicopters · Distribution composants · 3 ans</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="usecase-item reverse">
                <div class="usecase-text">
                    <h3>Founder startup — pitch investisseurs & traction</h3>
                    <p>Léa est co-fondatrice d'une startup HealthTech en Seed. Elle intervient dans des événements investisseurs (station F, BFM, Vivatech) où chaque seconde compte. Son QR code sur son pitch deck et ses cartes de visite renvoie vers une présentation complète toujours à jour — traction, équipe, vision, contact. Ses investisseurs scannent, retombent sur le bon document, et n'ont plus aucune excuse pour ne pas avoir ses coordonnées.</p>
                    <div class="usecase-tags">
                        <span class="tag">Modèle Force de Vente — 399€</span>
                        <span class="tag">Pitch investisseurs via QR</span>
                        <span class="tag">Traction & métriques live</span>
                    </div>
                    <ul class="feature-list">
                        <li><span class="check">✓</span>Vision, traction et équipe présentées</li>
                        <li><span class="check">✓</span>Lien Notion / One Pager / pitch deck intégré</li>
                        <li><span class="check">✓</span>Mon Actu : levées, partenariats, jalons atteints</li>
                        <li><span class="check">✓</span>Analytics : savoir quels investisseurs ont consulté</li>
                    </ul>
                </div>
                <div class="usecase-visual" style="background:linear-gradient(135deg,#fff4d0,#f5e090)">
                    <div class="mock-card" style="background:linear-gradient(135deg,#160e06,#0c0802)">
                        <div class="mc-header">
                            <div class="mc-logo" style="background:#a87000">LM</div>
                            <div><div class="mc-company">MEDICHECK AI</div><div class="mc-tagline">HealthTech · AI Medical Records · Seed €1.5M</div></div>
                        </div>
                        <div class="mc-name">Léa MARTIN</div>
                        <div class="mc-role">CEO & Co-Founder · Ex-McKinsey · Stanford MBA</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#a87000">🚀</div>Notre pitch deck (PDF)</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#a87000">📊</div>Métriques & traction live</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#a87000">📅</div>Planifier un échange</div>
                        <div class="mc-actu" style="background:rgba(220,148,0,.12);border:1px solid rgba(220,148,0,.28)">
                            <div class="mc-actu-title" style="color:#f0c030">🎯 MILESTONE ATTEINT</div>
                            <div class="mc-actu-text">10 000 dossiers médicaux analysés · Précision 98.4% · Série A Q3 2026</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="usecase-item">
                <div class="usecase-text">
                    <h3>Entrepreneur franchise — identité réseau & Multi-Cartes local</h3>
                    <p>David gère 3 points de vente d'une franchise nationale de restauration rapide premium à Bordeaux, Pau et Bayonne. Le Multi-Cartes équipe chaque manager de site sous l'identité commune de la marque — personnalisation locale, cohérence réseau. Mon Actu diffuse les opérations promotionnelles du réseau local à toute la base de contacts. Le siège reçoit des reporting analytics consolidés par point de vente.</p>
                    <div class="usecase-tags">
                        <span class="tag">Modèle Multi-Cartes — 999€</span>
                        <span class="tag">3 sites — identité réseau</span>
                        <span class="tag">Analytics consolidés</span>
                    </div>
                    <ul class="feature-list">
                        <li><span class="check">✓</span>Identité franchise + personnalisation site locale</li>
                        <li><span class="check">✓</span>Multi-Cartes : manager + assistant + chargé recrutement</li>
                        <li><span class="check">✓</span>Mon Actu : opérations promotionnelles réseau</li>
                        <li><span class="check">✓</span>Analytics par site pour le franchisé multi-sites</li>
                    </ul>
                </div>
                <div class="usecase-visual" style="background:linear-gradient(135deg,#fff0c0,#f0d878)">
                    <div class="mock-card" style="background:linear-gradient(135deg,#120e04,#080600)">
                        <div class="mc-header">
                            <div class="mc-logo" style="background:#c88a00">DP</div>
                            <div><div class="mc-company">BURGER PREMIUM BORDEAUX</div><div class="mc-tagline">Franchise Nationale · 3 sites · Franchisé David PIERRE</div></div>
                        </div>
                        <div class="mc-name">David PIERRE</div>
                        <div class="mc-role">Franchisé Multi-Sites · Bordeaux · Pau · Bayonne</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#c88a00">🏪</div>Nos 3 restaurants</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#c88a00">💼</div>Recrutement — on recrute</div>
                        <div class="mc-actu" style="background:rgba(220,148,0,.14);border:1px solid rgba(220,148,0,.30)">
                            <div class="mc-actu-title" style="color:#f0c030">🎁 OPÉRATION AVRIL</div>
                            <div class="mc-actu-text">Menu duo -20% · Tous nos sites · Valable tout le mois d'avril</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section">
    <div class="section-inner">
        <p class="section-label">Impact concret</p>
        <h2 class="section-title">Ce que ça change pour votre activité de dirigeant</h2>
        <p class="section-subtitle">Objectifs cibles — mesurés dans le cadre de notre <strong>programme ambassadeurs lancement</strong> Dirigeants & Entrepreneurs. Les premiers retours terrain confirmeront ces projections.</p>
        <div class="roi-grid">
            <div class="roi-card"><div class="roi-number">11</div><div class="roi-label">cartes collaborateurs équipées avec le Multi-Cartes 999€ — pour le prix d'une seule carte papier premium par personne</div></div>
            <div class="roi-card"><div class="roi-number">100%</div><div class="roi-label">de vos partenaires, investisseurs et prospects gardent votre contact à jour — votre carte évolue avec votre activité</div></div>
            <div class="roi-card"><div class="roi-number">399€</div><div class="roi-label">une fois pour le modèle Force de Vente — moins qu'une journée de conseil en communication d'entreprise</div></div>
            <div class="roi-card"><div class="roi-number">0€</div><div class="roi-label">de coût annuel — analytics, Mon Actu et CRM Light inclus à vie, sans abonnement ni surprise</div></div>
        </div>
    </div>
</section>

<section class="section section-alt">
    <div class="section-inner">
        <p class="section-label">Comparatif</p>
        <h2 class="section-title">NUM-ECARD vs. vos outils habituels</h2>
        <div style="overflow-x:auto">
        <table class="comparison-table">
            <thead><tr><th>Besoin dirigeant</th><th>Carte papier premium</th><th>Site vitrine</th><th class="col-num">NUM-ECARD Force de Vente</th></tr></thead>
            <tbody>
                <tr><td>Présentation complète entreprise + dirigeant</td><td class="no">✗ Limité</td><td class="no">✓ Mais non mobile-first</td><td class="col-num yes">✓ Profil complet scannable</td></tr>
                <tr><td>Actualités & jalons en push à son réseau</td><td class="no">✗</td><td class="no">✗ (aucun push)</td><td class="col-num yes">✓ Mon Actu — push direct</td></tr>
                <tr><td>Équiper toute l'équipe sous même identité</td><td class="no">✗ Hétérogène</td><td class="no">✗</td><td class="col-num yes">✓ Multi-Cartes 999€</td></tr>
                <tr><td>Analytics — qui consulte, quand, depuis où</td><td class="no">✗</td><td class="no">✓ Google Analytics partiel</td><td class="col-num yes">✓ Analytics temps réel</td></tr>
                <tr><td>Pitch deck / documents accessibles via QR</td><td class="no">✗</td><td class="no">✓ Partiel</td><td class="col-num yes">✓ Liens intégrés au profil</td></tr>
                <tr><td>Coût annuel</td><td class="no">~500-2000€ réimpression</td><td class="no">~2000-8000€/an</td><td class="col-num yes">399€ une fois · 0€/an</td></tr>
            </tbody>
        </table>
        </div>
    </div>
</section>

<section class="section section-alt">
    <div class="section-inner">
        <p class="section-label">Offre recommandée</p>
        <h2 class="section-title">Pour les dirigeants qui veulent une communication à la hauteur</h2>
        <div class="pricing-highlight">
            <h3>Le modèle Force de Vente — fait pour le dirigeant</h3>
            <p>Représentation premium, analytics partenaires, Mon Actu, CRM Light — l'outil de communication du leader</p>
            <div class="price-big">399€</div>
            <div class="price-note">Paiement unique · Pas d'abonnement · Mises à jour à vie</div>
            <div class="pricing-features">
                <span class="pricing-feature">✓ Profil dirigeant complet</span>
                <span class="pricing-feature">✓ Analytics temps réel</span>
                <span class="pricing-feature">✓ Mon Actu actualités entreprise</span>
                <span class="pricing-feature">✓ CRM Light partenaires</span>
                <span class="pricing-feature">✓ Liens pitch deck & documents</span>
                <span class="pricing-feature">✓ 54 designs premium disponibles</span>
            </div>
            <a href="/#pricing" class="btn-pricing">Voir tous les modèles →</a>
        </div>
    </div>
</section>

<section class="cta-band">
    <h2>Votre leadership mérite<br>une communication à sa hauteur</h2>
    <p>Rejoignez les dirigeants et entrepreneurs qui font confiance à NUM-ECARD</p>
    <a href="/#contact" class="btn-blue">Demande d'infos</a>
    <a href="/#modele-forcevente" class="btn-ghost">Voir le modèle Force de Vente</a>
</section>



{% endblock %}