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

{% block title %}NUM-ECARD | Secteur Juridique — Hub de Communication Professionnel{% endblock %}

{% block meta_description %}Avocats, notaires, huissiers, juristes : NUM-ECARD renforce votre positionnement premium et valorise vos domaines d'expertise dans le respect de la déontologie. Dès 179€.{% 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 */
        .sector-banner{background:linear-gradient(135deg,#0a0d14 0%,#060810 60%,#0e1220 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% 50%,rgba(120,100,200,.15) 0%,transparent 60%),radial-gradient(ellipse at 75% 40%,rgba(180,150,60,.1) 0%,transparent 50%)}
        .sector-badge{display:inline-block;background:rgba(180,150,60,.15);border:1px solid rgba(180,150,60,.35);color:#e8d080;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:#e8d080}
        .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:#7a6010;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:#f5f5f7}
        .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 #b09020}
        .pain-card.solved h3{color:#7a6010}
        .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(176,144,32,.1);color:#7a6010;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}
        .usecase-visual{background:linear-gradient(135deg,#f8f5e8,#ede5b8);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,.25);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:#b09020;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,#1a1a2e 0%,#0e0e1e 100%);border-radius:20px;padding:48px;text-align:center;color:white;border:1px solid rgba(176,144,32,.3)}
        .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;color:#e8d080}
        .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(232,208,128,.15);padding:6px 16px;border-radius:20px;font-size:13px;color:#e8d080}
        .btn-pricing{display:inline-block;background:#e8d080;color:#0a0d14;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:#b09020;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:#b09020;font-weight:600}
        .yes{color:#34c759;font-weight:600}
        .no{color:#ff3b30}
        .comparison-table tr:hover td{background:#fafafa}
        .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,#b09020,#7a6010)}
        .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(160px,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}
        .deonto-box{background:linear-gradient(135deg,rgba(176,144,32,.06),rgba(176,144,32,.1));border:1px solid rgba(176,144,32,.25);border-radius:16px;padding:28px;margin-bottom:48px}
        .deonto-box h4{font-size:16px;font-weight:600;color:#7a6010;margin-bottom:8px}
        .deonto-box p{font-size:14px;color:#6e6e73;line-height:1.7}
        .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 #b09020}
        .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">⚖️ Secteur Juridique</span>
    <h1>La carte pro des<br><span>avocats, notaires & juristes</span></h1>
    <p>Avocats, notaires, huissiers, juristes d'entreprise, médiateurs — NUM-ECARD valorise vos domaines d'expertise et vous aide à générer des mandats qualifiés dans le strict respect de la déontologie professionnelle.</p>
        <div class="sector-slogans">
            <span class="slogan-main">✦ Tout ce que vous êtes en 1 clic</span>
            <span class="slogan-sep">·</span>
            <span class="slogan-secondary">Le Pro qu'on n'oublie pas</span>
        </div>
    <div class="sector-banner-actions">
        <a href="/#modele-starter" class="btn-white">Voir les offres à partir de 179€</a>
        <a href="#demo-juridique" class="btn-outline-white">Voir une démo juridique</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 professionnels du droit</h2>
        <p class="section-subtitle">Du cabinet indépendant à la grande structure, NUM-ECARD renforce votre positionnement premium sans jamais dépasser les limites déontologiques.</p>
        <div class="profil-grid">
            <div class="profil-pill"><span class="emoji">⚖️</span>Avocat (toutes branches)</div>
            <div class="profil-pill"><span class="emoji">📜</span>Notaire</div>
            <div class="profil-pill"><span class="emoji">🔔</span>Commissaire de justice</div>
            <div class="profil-pill"><span class="emoji">👔</span>Juriste d'entreprise</div>
            <div class="profil-pill"><span class="emoji">🤝</span>Médiateur</div>
            <div class="profil-pill"><span class="emoji">🏛️</span>Cabinet d'avocats</div>
            <div class="profil-pill"><span class="emoji">🔍</span>Mandataire judiciaire</div>
            <div class="profil-pill"><span class="emoji">💼</span>Conseil juridique indép.</div>
        </div>
        <div class="deonto-box">
            <h4>⚖️ Conformité déontologique totale — NUM-ECARD n'est pas une publicité</h4>
            <p>Les professions juridiques sont soumises à des règles strictes en matière de communication et de sollicitation. NUM-ECARD ne fait pas de publicité — elle centralise vos informations professionnelles (domaines d'expertise, coordonnées, barreau d'appartenance, références légales) sans aucune sollicitation commerciale agressive. Une présence sobre, professionnelle et conforme à votre déontologie.</p>
        </div>
        <div class="usecase-pillars">
            <div class="pillar"><div class="p-icon">🎓</div><h4>Expertise visible</h4><p>Vos domaines d'expertise, diplômes, certifications, langues parlées et références — accessibles immédiatement à vos prospects.</p></div>
            <div class="pillar"><div class="p-icon">🤝</div><h4>Réseau prescripteurs</h4><p>Experts-comptables, CGPI, notaires, avocats partenaires — le CRM Light structure et suit vos recommandations mutuelles.</p></div>
            <div class="pillar"><div class="p-icon">📰</div><h4>Veille juridique</h4><p>Mon Actu publie vos analyses juridiques, nouvelles lois, jurisprudences. Vos abonnés (ayant accepté les notifications) reçoivent une alerte — vous êtes leur référent.</p></div>
            <div class="pillar"><div class="p-icon">🏢</div><h4>Image cabinet unifiée</h4><p>Le Multi-Cartes donne à chaque associé et collaborateur sa carte personnalisée sous l'identité du cabinet.</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 professionnels du droit</h2>
        <p class="section-subtitle">Dans un secteur où la réputation prime sur la publicité, votre communication doit être précise, sobre et génératrice de confiance.</p>
        <div class="pain-grid">
            <div class="pain-card solved"><div class="pain-icon">🎯</div><h3>Communiquer ses domaines d'expertise</h3><p>Droit des sociétés, droit social, fusion-acquisition, propriété intellectuelle — vos spécialités s'affichent clairement sur votre carte, sans confusion avec les domaines que vous ne traitez pas.</p></div>
            <div class="pain-card solved"><div class="pain-icon">🤝</div><h3>Développer son réseau prescripteurs</h3><p>Notaires, experts-comptables, CGPI — le CRM Light permet de suivre et remercier chaque prescripteur. Vos apporteurs d'affaires restent motivés à vous recommander.</p></div>
            <div class="pain-card solved"><div class="pain-icon">📰</div><h3>Partager sa veille juridique</h3><p>Mon Actu publie vos analyses de jurisprudences, nouvelles lois, alertes réglementaires. Vos abonnés (ayant accepté les notifications) reçoivent une alerte — vous renforcez votre position d'expert sans sollicitation directe.</p></div>
            <div class="pain-card solved"><div class="pain-icon">💼</div><h3>Distinguer les associés et collaborateurs</h3><p>Le Multi-Cartes distingue clairement associés, collaborateurs et of counsel sous une identité de cabinet unifiée — une image cohérente et professionnelle à tous les niveaux.</p></div>
            <div class="pain-card solved"><div class="pain-icon">🌍</div><h3>Gérer sa visibilité internationale</h3><p>Langue, barreaux étrangers, droit international — votre profil multilingue présente votre légitimité internationale à vos clients étrangers ou transfrontaliers.</p></div>
            <div class="pain-card solved"><div class="pain-icon">📊</div><h3>Savoir d'où viennent vos mandats</h3><p>L'analytics intégré mesure les consultations de votre carte par canal (QR code événement, partage LinkedIn, recommandation) — pour optimiser votre développement commercial.</p></div>
        </div>
    </div>
</section>

<section class="section section-alt" id="demo-juridique">
    <div class="section-inner">
        <p class="section-label">Cas d'usage</p>
        <h2 class="section-title">Votre carte juridique en action</h2>
        <div class="usecase-list">
            <div class="usecase-item">
                <div class="usecase-text">
                    <h3>Avocat d'affaires — développement de mandats</h3>
                    <p>Maître Durand est avocate spécialisée en droit des sociétés et M&A. Sa carte Force de Vente présente son parcours (cabinet parisien, missions internationales), ses domaines d'expertise, ses publications et un bouton "Premier entretien confidentiel". En soirée d'affaires, son QR code crée une première impression premium que sa carte papier ne pouvait pas offrir.</p>
                    <div class="usecase-tags">
                        <span class="tag">Modèle Force de Vente — 399€</span>
                        <span class="tag">Expertise M&A / Droit sociétés</span>
                        <span class="tag">Veille juridique Mon Actu</span>
                    </div>
                    <ul class="feature-list">
                        <li><span class="check">✓</span>Barreau, spécialités et langues de travail</li>
                        <li><span class="check">✓</span>Parcours et références (secteurs traités)</li>
                        <li><span class="check">✓</span>Publications & veille juridique via Mon Actu</li>
                        <li><span class="check">✓</span>Bouton "Entretien confidentiel" discret</li>
                    </ul>
                </div>
                <div class="usecase-visual">
                    <div class="mock-card" style="background:linear-gradient(135deg,#0a0d14,#060810)">
                        <div class="mc-header">
                            <div class="mc-logo" style="background:#b09020">SD</div>
                            <div><div class="mc-company">DURAND & ASSOCIÉS</div><div class="mc-tagline">Avocats au Barreau de Paris</div></div>
                        </div>
                        <div class="mc-name">Maître Sophie DURAND</div>
                        <div class="mc-role">Droit des Sociétés · M&A · Private Equity</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#b09020">📋</div>Domaines d'expertise</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#b09020">📞</div>Entretien confidentiel</div>
                        <div class="mc-actu" style="background:rgba(176,144,32,.12);border:1px solid rgba(176,144,32,.25)">
                            <div class="mc-actu-title" style="color:#e8d080">📰 ANALYSE JURIDIQUE</div>
                            <div class="mc-actu-text">Réforme des SAS 2026 — Implications pour les pactes d'actionnaires</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="usecase-item reverse">
                <div class="usecase-text">
                    <h3>Notaire — accessibilité et modernité</h3>
                    <p>Maître Lefebvre dirige une étude notariale avec 3 collaborateurs. Sa carte Premium centralise les domaines d'actes de l'étude (immobilier, succession, sociétés), les horaires, un bouton de prise de RDV en ligne et les actualités fiscales pertinentes pour ses clients. Le Multi-Cartes équipe ses collaborateurs sous l'identité de l'étude.</p>
                    <div class="usecase-tags">
                        <span class="tag">Modèle Multi-Cartes — 999€</span>
                        <span class="tag">Domaines d'actes de l'étude</span>
                        <span class="tag">RDV en ligne intégré</span>
                    </div>
                    <ul class="feature-list">
                        <li><span class="check">✓</span>Domaines d'actes clairement listés</li>
                        <li><span class="check">✓</span>Prise de RDV en ligne depuis la carte</li>
                        <li><span class="check">✓</span>Mon Actu : actualités droits de succession, IFI</li>
                        <li><span class="check">✓</span>3 collaborateurs — identité étude unifiée</li>
                    </ul>
                </div>
                <div class="usecase-visual" style="background:linear-gradient(135deg,#f5f0e0,#e8d8a0)">
                    <div class="mock-card" style="background:linear-gradient(135deg,#0d1018,#080b14)">
                        <div class="mc-header">
                            <div class="mc-logo" style="background:#8a7018">ML</div>
                            <div><div class="mc-company">ÉTUDE LEFEBVRE</div><div class="mc-tagline">Notaires · Toulouse — Fondée en 1987</div></div>
                        </div>
                        <div class="mc-name">Maître Pierre LEFEBVRE</div>
                        <div class="mc-role">Notaire · Associé</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#8a7018">📅</div>Prendre rendez-vous</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#8a7018">📋</div>Nos domaines d'intervention</div>
                        <div class="mc-actu" style="background:rgba(138,112,24,.12);border:1px solid rgba(138,112,24,.25)">
                            <div class="mc-actu-title" style="color:#d4b840">💡 INFORMATION</div>
                            <div class="mc-actu-text">Droits de succession 2026 : les nouveaux abattements et ce qui change pour vos héritiers</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="usecase-item">
                <div class="usecase-text">
                    <h3>Juriste indépendant — positionnement B2B</h3>
                    <p>Marc est juriste d'entreprise indépendant spécialisé en contrats commerciaux internationaux. Il intervient en mission chez des PME en croissance. Sa carte Force de Vente présente son profil, ses secteurs d'intervention et les témoignages de ses DG clients. Ses prescripteurs (experts-comptables, consultants) sont suivis dans le CRM Light.</p>
                    <div class="usecase-tags">
                        <span class="tag">Modèle Force de Vente — 399€</span>
                        <span class="tag">Contrats commerciaux B2B</span>
                        <span class="tag">CRM Light prescripteurs</span>
                    </div>
                    <ul class="feature-list">
                        <li><span class="check">✓</span>Secteurs d'intervention détaillés</li>
                        <li><span class="check">✓</span>Témoignages DG et DAF clients</li>
                        <li><span class="check">✓</span>Langues de travail (FR, EN, ES)</li>
                        <li><span class="check">✓</span>CRM Light : suivi des prescripteurs EC/conseils</li>
                    </ul>
                </div>
                <div class="usecase-visual" style="background:linear-gradient(135deg,#f0ecd8,#e0d098)">
                    <div class="mock-card" style="background:linear-gradient(135deg,#0a0d14,#060810)">
                        <div class="mc-header">
                            <div class="mc-logo" style="background:#b09020">MR</div>
                            <div><div class="mc-company">MARC RENAUD JURIDIQUE</div><div class="mc-tagline">Juriste B2B · Contrats internationaux</div></div>
                        </div>
                        <div class="mc-name">Marc RENAUD</div>
                        <div class="mc-role">Juriste d'Entreprise Indépendant · FR · EN · ES</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#b09020">💼</div>Secteurs d'intervention</div>
                        <div class="mc-btn"><div class="mc-btn-icon" style="background:#b09020">💬</div>Témoignages clients dirigeants</div>
                        <div class="mc-actu" style="background:rgba(176,144,32,.12);border:1px solid rgba(176,144,32,.25)">
                            <div class="mc-actu-title" style="color:#e8d080">⚡ ALERTE CONTRATS</div>
                            <div class="mc-actu-text">Clauses de force majeure post-2025 : les nouvelles formulations recommandées</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 cabinet</h2>
        <p class="section-subtitle">Objectifs cibles — mesurés dans le cadre de notre <strong>programme ambassadeurs lancement</strong> Professions Réglementées. Les premiers retours terrain confirmeront ces projections.</p>
        <div class="roi-grid">
            <div class="roi-card"><div class="roi-number">+38%</div><div class="roi-label">de mandats entrants via recommandations pour les avocats Force de Vente actifs</div></div>
            <div class="roi-card"><div class="roi-number">100%</div><div class="roi-label">déontologiquement conforme — NUM-ECARD informe, ne sollicite pas</div></div>
            <div class="roi-card"><div class="roi-number">0€</div><div class="roi-label">de coût annuel — mises à jour et publications juridiques incluses à vie</div></div>
            <div class="roi-card"><div class="roi-number">999€</div><div class="roi-label">pour équiper tout un cabinet — associés et collaborateurs sous identité unifiée</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. les outils habituels des cabinets juridiques</h2>
        <div style="overflow-x:auto">
        <table class="comparison-table">
            <thead><tr><th>Besoin</th><th>Carte papier + LinkedIn</th><th>Site web cabinet</th><th class="col-num">NUM-ECARD</th></tr></thead>
            <tbody>
                <tr><td>Expertise & spécialités claires</td><td class="no">✗ Partiel</td><td class="no">✓ Mais peu consulté</td><td class="col-num yes">✓ Affiché dès le scan</td></tr>
                <tr><td>Veille juridique push</td><td class="no">✗ (algo LinkedIn)</td><td class="no">✗</td><td class="col-num yes">✓ Mon Actu — 100% reach</td></tr>
                <tr><td>Suivi des prescripteurs</td><td class="no">✗</td><td class="no">✗</td><td class="col-num yes">✓ CRM Light intégré</td></tr>
                <tr><td>Carte unifiée multi-collaborateurs</td><td class="no">✗</td><td class="no">✓ Pages individuelles</td><td class="col-num yes">✓ Multi-Cartes 999€</td></tr>
                <tr><td>Déontologiquement conforme</td><td class="yes">✓</td><td class="yes">✓</td><td class="col-num yes">✓ Informer sans solliciter</td></tr>
                <tr><td>Coût annuel</td><td class="yes">~80€/an</td><td class="no">~1000-5000€/an</td><td class="col-num yes">0€/an — paiement unique</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 professionnels du droit</h2>
        <div class="pricing-highlight">
            <h3>Le modèle Force de Vente — fait pour les cabinets juridiques</h3>
            <p>Expertise, veille juridique, prescripteurs, témoignages — tout l'arsenal d'un cabinet crédible</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">✓ Domaines d'expertise détaillés</span>
                <span class="pricing-feature">✓ Mon Actu (veille juridique)</span>
                <span class="pricing-feature">✓ CRM Light prescripteurs</span>
                <span class="pricing-feature">✓ Analytics profil complet</span>
                <span class="pricing-feature">✓ Multilingue FR/EN/ES</span>
                <span class="pricing-feature">✓ 54 designs disponibles</span>
            </div>
            <a href="/#pricing" class="btn-pricing">Voir tous les modèles →</a>
        </div>
    </div>
</section>

<section class="cta-band">
    <h2>Faites de votre réputation<br>votre meilleur apporteur d'affaires</h2>
    <p>Rejoignez les professionnels du droit qui ont adopté 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 %}