@section('title', 'Genèse d'Adprodex (2025) - Adprodex')
@section('meta_description', 'Validation physique et écosystème fermé.')

@section('content')
<div class="min-h-screen bg-[#0a0a0a] pt-24 pb-12">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        
        <div class="mb-8">
            <a href="https://adprodex.com/fr/observatoire" class="text-gray-500 hover:text-brand-cyan transition-colors flex items-center gap-2 text-sm font-bold uppercase tracking-wider">
                <span>&larr;</span> Retour à l'Observatoire
            </a>
        </div>

        <div class="mb-12">
            <span class="text-brand-cyan text-sm font-bold tracking-widest uppercase mb-4 block">Dossier / Janvier 2026</span>
            <h1 class="text-4xl md:text-5xl font-bold text-white mb-6 leading-tight">Genèse d'Adprodex : Validation Physique en Écosystème Fermé</h1>
        </div>

        <div class="prose prose-invert prose-lg prose-cyan max-w-none">
            <p class="text-xl text-gray-300 leading-relaxed mb-8">Après une décennie de défaites technologiques, la recherche Adprodex est née avec un seul objectif : s'attaquer au problème à la racine en déplaçant le paradigme de la sécurité logicielle vers la sécurité physique.</p>
            
            
            <div class="bg-[#121212] border border-gray-800 p-8 rounded-xl shadow-2xl my-12 max-w-2xl mx-auto">
                <h3 class="text-white text-xl font-bold mb-8">Données Consolidées IVT 2025</h3>
                <div class="space-y-6">
                    <div>
                        <div class="flex justify-between text-sm font-bold text-gray-300 mb-2"><span>Allemagne (DE)</span><span>42.5%</span></div>
                        <div class="w-full bg-gray-800 rounded-full h-4"><div class="h-4 rounded-full" style="background-color: #ef4444; width: 42.5%"></div></div>
                    </div>
                    <div>
                        <div class="flex justify-between text-sm font-bold text-gray-300 mb-2"><span>Royaume-Uni (EN)</span><span>41.0%</span></div>
                        <div class="w-full bg-gray-800 rounded-full h-4"><div class="h-4 rounded-full" style="background-color: #f97316; width: 41%"></div></div>
                    </div>
                    <div>
                        <div class="flex justify-between text-sm font-bold text-gray-300 mb-2"><span>France (FR)</span><span>39.2%</span></div>
                        <div class="w-full bg-gray-800 rounded-full h-4"><div class="h-4 rounded-full" style="background-color: #eab308; width: 39.2%"></div></div>
                    </div>
                    <div>
                        <div class="flex justify-between text-sm font-bold text-gray-300 mb-2"><span>Italie (IT)</span><span>38.5%</span></div>
                        <div class="w-full bg-gray-800 rounded-full h-4"><div class="h-4 rounded-full bg-brand-cyan" style="width: 38.5%"></div></div>
                    </div>
                    <div>
                        <div class="flex justify-between text-sm font-bold text-gray-300 mb-2"><span>Espagne (ES)</span><span>37.8%</span></div>
                        <div class="w-full bg-gray-800 rounded-full h-4"><div class="h-4 rounded-full" style="background-color: #22c55e; width: 37.8%"></div></div>
                    </div>
                </div>
                <p class="text-xs text-gray-500 mt-6 text-right font-normal">Source : Données Adprodex (2025)</p>
            </div>

            
            <div class="mt-16">
                <h2 class="text-3xl font-bold text-white mb-6">L'échec de la validation logique</h2>
                <p class="text-gray-400 mb-6">Si la vérification de l'utilisateur repose sur des contrôles invisibles via navigateur, elle sera toujours contournée par l'IA.</p>
                <p class="text-gray-400 mb-8">La seule solution définitive est de forcer l'utilisateur à valider son existence physique dans le monde réel.</p>
                
                <h3 class="text-2xl font-bold text-brand-cyan mb-6">Les trois piliers d'Adprodex</h3>
                <ul class="list-disc pl-6 space-y-4 text-gray-400 mb-10">
                    <li><strong>1. Inscription Blindée :</strong> Accès via validation d'e-mail réelle et géolocalisation.</li><li><strong>2. Validation Biométrique :</strong> Accès protégé par empreinte digitale ou Face-ID.</li><li><strong>3. Validation hors ligne (La Preuve Ultime) :</strong> Le retrait du prix se fait physiquement en magasin (via code PIN) ou avec signature au livreur.</li>
                </ul>

                <h2 class="text-3xl font-bold text-white mb-6">Un nouveau standard pour les annonceurs</h2>
                <p class="text-gray-400 mb-6">L'App Tyche incarne ces piliers. Dans notre écosystème fermé, le taux de trafic invalide (IVT) tombe instantanément à Zéro.</p>
                <p class="text-gray-400 mb-6">Les entreprises locales peuvent investir avec la certitude mathématique que chaque centime atteint un véritable humain.</p>
            </div>
        </div>
    </div>
</div>
@endsection

<!DOCTYPE html>
<html lang="fr" class="dark">
<head>
    <!-- Google Consent Mode v2 Default Settings -->
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      
      // Default Consent State
      var consentState = {
        'ad_storage': 'denied',
        'ad_user_data': 'denied',
        'ad_personalization': 'denied',
        'analytics_storage': 'denied',
        'wait_for_update': 500
      };
      
      // Check if user already gave consent
      var savedConsent = localStorage.getItem('adprodex_cookie_consent_v2');
      if (savedConsent) {
        try {
          var parsed = JSON.parse(savedConsent);
          if (parsed.analytics) consentState['analytics_storage'] = 'granted';
          if (parsed.marketing) {
            consentState['ad_storage'] = 'granted';
            consentState['ad_user_data'] = 'granted';
            consentState['ad_personalization'] = 'granted';
          }
        } catch(e) {}
      }
      
      gtag('consent', 'default', consentState);
      gtag('js', new Date());
      gtag('config', 'G-D2D84VZVQH');
    </script>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-D2D84VZVQH"></script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="B50BQ8xHBeBBZnDow1W0wSMtRFV1a0r4dMBB0NRV">
    <meta name="description" content="L&#039;infrastructure technologique européenne pour l&#039;acquisition de clients géolocalisée. Nous certifions l&#039;engagement réel et éliminons le trafic de bots.">
            <link rel="canonical" href="https://adprodex.com/fr/observatoire/archivio-2025">
        
    <!-- SEO Multi-Lingua Globale (hreflang) -->
                <link rel="alternate" hreflang="it" href="https://adprodex.com/it" />
            <link rel="alternate" hreflang="en" href="https://adprodex.com/en" />
            <link rel="alternate" hreflang="es" href="https://adprodex.com/es" />
            <link rel="alternate" hreflang="fr" href="https://adprodex.com/fr" />
            <link rel="alternate" hreflang="de" href="https://adprodex.com" />
        <link rel="alternate" hreflang="x-default" href="https://adprodex.com" />

    <!-- Open Graph / Social Universali (1200x630 px) -->
                <meta property="og:type" content="website">
        <meta property="og:site_name" content="ADPRODEX">
        <meta property="og:url" content="https://adprodex.com/fr/observatoire/archivio-2025">
        <meta property="og:title" content="ADPRODEX | Digital Advertising Platform B2B &amp; Anti-Fraud">
        <meta property="og:description" content="La prima piattaforma pubblicitaria B2B europea a costo fisso di 0,10 € per clic certificato con protezione anti-frode.">
        <meta property="og:image" content="https://adprodex.com/images/adprodex-b2b-local-advertising-roi-dashboard.png">
        <meta property="og:image:width" content="1200">
        <meta property="og:image:height" content="630">
        <meta property="og:image:alt" content="ADPRODEX Platform Preview">
        <meta property="og:locale" content="fr">
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="ADPRODEX | Digital Advertising Platform B2B &amp; Anti-Fraud">
        <meta name="twitter:description" content="La prima piattaforma pubblicitaria B2B europea a costo fisso di 0,10 € per clic certificato con protezione anti-frode.">
        <meta name="twitter:image" content="https://adprodex.com/images/adprodex-b2b-local-advertising-roi-dashboard.png">
    
    <!-- PREDISPOSIZIONE PIXEL & SCRIPT DI TRACCIAMENTO SOCIAL (Pronti per il Giorno 0) -->
    
    
    
    
    
    
    
    <!-- Structured Data JSON-LD -->
    
    <title>ADPRODEX | Infrastructure B2B Européenne</title>
    <link rel="icon" type="image/x-icon" href="https://adprodex.com/favicon.ico">

    <!-- Fonts & Icons -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=inter:300,400,500,600,700,800&display=swap" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

    <!-- Tailwind CSS via Vite -->
    <link rel="preload" as="style" href="https://adprodex.com/build/assets/app-8d297ea3.css" /><link rel="modulepreload" href="https://adprodex.com/build/assets/app-7e03105b.js" /><link rel="stylesheet" href="https://adprodex.com/build/assets/app-8d297ea3.css" /><script type="module" src="https://adprodex.com/build/assets/app-7e03105b.js"></script>    <!-- STILE BLINDATO ADPRODEX (Indipendente da Tailwind) -->
    <style>
        :root {
            --brand-cyan: #00f2fe;
            --brand-bg: #05080f;
            --brand-surface: #0f141e;
            --brand-border: #1f2937;
        }
        body {
            background-color: var(--brand-bg);
            color: #d1d5db;
            font-family: 'Inter', sans-serif;
            margin: 0;
            padding: 0;
            -webkit-font-smoothing: antialiased;
        }
        /* Layout Strutturale Garantito */
        .max-w-7xl { max-width: 1280px; margin-left: auto; margin-right: auto; padding: 0 1rem; }
        .flex-col { display: flex; flex-direction: column; }
        .flex-row { display: flex; flex-direction: row; }
        .items-center { align-items: center; }
        .justify-between { justify-content: space-between; }
        .gap-3 { gap: 0.75rem; }
        
        /* Header Fix */
        header { 
            position: fixed; top: 0; width: 100%; z-index: 1000;
            background: rgba(5, 8, 15, 0.95);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid var(--brand-border);
            height: 80px;
            display: flex;
            align-items: center;
        }
        .logo-box {
            width: 40px; height: 40px; border-radius: 6px;
            background: var(--brand-cyan);
            color: black; font-weight: 800; font-size: 20px;
            display: flex; align-items: center; justify-content: center;
        }
        .logo-text { font-size: 24px; font-weight: 800; color: white; letter-spacing: -1px; line-height: 1; }
        .logo-sub { font-size: 10px; color: var(--brand-cyan); text-transform: uppercase; letter-spacing: 2px; font-weight: 600; }

        /* Responsive Grid Landing Fix */
        .landing-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; }
        @media (min-width: 1024px) {
            .landing-grid { grid-template-columns: 7fr 5fr; }
        }
        
        /* Utility Colors */
        .text-brand-cyan { color: var(--brand-cyan); }
        .bg-brand-cyan { background-color: var(--brand-cyan); }
        /* Fix Globale Hover Pulsanti per tutti i Server */
        .bg-brand-cyan:hover, a.bg-brand-cyan:hover, button.bg-brand-cyan:hover, .btn-brand-cyan:hover {
            color: #000000 !important;
        }
        /* Responsive Nav */
        #desktop-nav, #desktop-cta { display: flex; }
        #menu-toggle { display: none; }
        #mobile-menu { display: none; }
        @media (max-width: 1023px) {
            #desktop-nav { display: none !important; }
            #desktop-cta { display: none !important; }
            #menu-toggle { display: flex !important; }
        }
        /* Cookie Banner Globale */
        .cookie-banner {
            position: fixed;
            bottom: 24px;
            right: 24px;
            width: calc(100% - 48px);
            max-width: 500px;
            background: rgba(20, 20, 20, 0.95);
            backdrop-filter: blur(24px);
            -webkit-backdrop-filter: blur(24px);
            border: 0.5px solid rgba(0, 177, 218, 0.6);
            border-radius: 12px;
            padding: 16px 20px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.5);
            z-index: 9999;
            transform: translateY(150%);
            transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            font-family: 'Inter', sans-serif;
        }

        .cookie-banner.show { transform: translateY(0); }

        .cookie-text {
            font-size: 0.8rem;
            color: #888888;
            margin-bottom: 12px;
            line-height: 1.4;
        }

        .cookie-text a { color: #ededed; text-decoration: underline; }

        .cookie-buttons { display: flex; flex-direction: row; gap: 8px; }

        .btn-cookie {
            flex: 1; padding: 8px; border-radius: 6px;
            font-weight: 600; font-size: 0.8rem; cursor: pointer;
            transition: all 0.2s ease; text-align: center;
        }

        .btn-cookie.accept { background: var(--brand-cyan); color: #000; border: none; }
        .btn-cookie.accept:hover { background: #00d4df; }
        .btn-cookie.reject { background: transparent; color: #9ca3af; border: 1px solid #374151; }
        .btn-cookie.reject:hover { background: #1f2937; color: white; }
        .btn-cookie.settings { background: transparent; color: #ededed; border: 1px solid rgba(255, 255, 255, 0.2); }
        .btn-cookie.settings:hover { border-color: #ededed; }

        /* Modal Preferenze Cookie (GDPR) */
        .cookie-modal-overlay {
            position: fixed; inset: 0; background: rgba(0,0,0,0.8); backdrop-filter: blur(5px);
            z-index: 10000; display: none; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s;
        }
        .cookie-modal-overlay.show { display: flex; opacity: 1; }
        .cookie-modal {
            background: #0a0f19; border: 1px solid rgba(0, 177, 218, 0.3); border-radius: 12px;
            width: 90%; max-width: 500px; padding: 24px; box-shadow: 0 0 40px rgba(0,177,218,0.15);
            font-family: 'Inter', sans-serif; color: #d1d5db;
        }
        .cookie-modal h3 { color: white; font-size: 1.2rem; font-weight: 700; margin-top: 0; margin-bottom: 8px; }
        .cookie-modal p { font-size: 0.85rem; color: #9ca3af; margin-bottom: 20px; line-height: 1.4; }
        .cookie-option { display: flex; justify-content: space-between; align-items: center; padding: 12px; border: 1px solid #1f2937; border-radius: 6px; margin-bottom: 12px; background: rgba(0,0,0,0.5); cursor: pointer; transition: border-color 0.2s; }
        .cookie-option:hover { border-color: rgba(0,177,218,0.3); }
        .cookie-option-title { font-weight: 700; color: white; font-size: 0.9rem; }
        .cookie-option-desc { font-size: 0.75rem; color: #9ca3af; margin-top: 4px; line-height: 1.3; }
        .cookie-toggle { width: 40px; height: 22px; background: #374151; border-radius: 12px; position: relative; transition: 0.3s; flex-shrink: 0; margin-left: 12px; }
        .cookie-toggle.active { background: var(--brand-cyan); }
        .cookie-toggle::after { content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; background: white; border-radius: 50%; transition: 0.3s; }
        .cookie-toggle.active::after { transform: translateX(18px); }
        .cookie-toggle.disabled { cursor: not-allowed; opacity: 0.7; }
        .cookie-modal-buttons { display: flex; justify-content: flex-end; gap: 12px; margin-top: 24px; }
        .btn-modal-save { padding: 8px 16px; background: var(--brand-cyan); color: black; border: none; border-radius: 6px; font-weight: 700; cursor: pointer; transition: 0.2s; }
        .btn-modal-save:hover { background: #00d4df; }
        .btn-modal-close:hover { background: #1f2937; }

        /* Mobile Ottimizzazioni per Cookie Banner & Modal */
        @media (max-width: 768px) {
            .cookie-banner {
                bottom: 16px;
                right: 16px;
                width: calc(100% - 32px);
                padding: 16px;
            }
            .cookie-buttons {
                flex-direction: column;
                gap: 10px;
            }
            .btn-cookie { padding: 12px; font-size: 0.9rem; } /* Touch target più largo */
            
            .cookie-modal {
                width: calc(100% - 32px);
                padding: 20px 16px;
                max-height: 90vh;
                overflow-y: auto;
            }
            .cookie-modal-buttons {
                flex-direction: column;
                gap: 10px;
            }
            .btn-modal-save, .btn-modal-close { width: 100%; padding: 12px; text-align: center; }
        }
        
        /* FORZATURA FONT-AWESOME PER FRECCE E ICONE (Evita i quadratini) */
        .fas, .fa-solid {
            font-family: "Font Awesome 6 Free" !important;
            font-weight: 900 !important;
        }
        .fab, .fa-brands {
            font-family: "Font Awesome 6 Brands" !important;
            font-weight: 400 !important;
        }
    </style>
</head>
<body class="selection:bg-brand-cyan selection:text-black">
    
    <!-- Enterprise Header Garantito -->
    <header>
        <div class="max-w-7xl" style="width: 100%; display: flex; justify-content: space-between; align-items: center;">
            <div style="display: flex; align-items: center; gap: 8px;">
                <a href="https://adprodex.com/fr" style="width: 160px; height: 65px; display: flex; align-items: center; text-decoration: none; cursor: pointer;">
                    <svg viewBox="-50 -30 550 250" width="100%" height="100%" id="adprodex-svg" xmlns="http://www.w3.org/2000/svg" style="overflow: visible;">
  <defs>
    <style>
      .brand-text-svg {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 38px;
        fill: #ffffff;
        letter-spacing: 12px;
      }
    </style>
  </defs>

  <g transform="translate(0, 10)">
    <!-- TRIANGOLO ANIMATO (Shifted +25px to right to fit text properly) -->
    <line id="L1" x1="190" y1="130" x2="190" y2="130" stroke="#ffffff" stroke-width="2">
      <animate attributeName="x2" from="190" to="140" dur="0.4s" begin="0s" fill="freeze"/>
    </line>
    <line id="L2" x1="140" y1="130" x2="140" y2="130" stroke="#ffffff" stroke-width="2">
      <animate attributeName="x2" from="140" to="180" dur="0.4s" begin="0.4s" fill="freeze"/>
      <animate attributeName="y2" from="130" to="61"  dur="0.4s" begin="0.4s" fill="freeze"/>
    </line>
    <line id="L3" x1="180" y1="61" x2="180" y2="61" stroke="transparent" stroke-width="2">
      <animate attributeName="x2" from="180" to="185" dur="0.05s" begin="0.8s" fill="freeze"/>
      <animate attributeName="y2" from="61"  to="52"  dur="0.05s" begin="0.8s" fill="freeze"/>
    </line>
    <line id="L4" x1="185" y1="52" x2="185" y2="52" stroke="#ffffff" stroke-width="2">
      <animate attributeName="x2" from="185" to="225" dur="0.4s" begin="0.85s" fill="freeze"/>
      <animate attributeName="y2" from="52"  to="-17" dur="0.4s" begin="0.85s" fill="freeze"/>
    </line>
    <line id="L5" x1="225" y1="-17" x2="225" y2="-17" stroke="#ffffff" stroke-width="2">
      <animate attributeName="x2" from="225" to="265" dur="0.4s" begin="1.25s" fill="freeze"/>
      <animate attributeName="y2" from="-17" to="52"  dur="0.4s" begin="1.25s" fill="freeze"/>
    </line>
    <line id="L6" x1="265" y1="52" x2="265" y2="52" stroke="transparent" stroke-width="2">
      <animate attributeName="x2" from="265" to="270" dur="0.05s" begin="1.65s" fill="freeze"/>
      <animate attributeName="y2" from="52"  to="61"  dur="0.05s" begin="1.65s" fill="freeze"/>
    </line>
    <line id="L7" x1="270" y1="61" x2="270" y2="61" stroke="#ff2a5f" stroke-width="2">
      <animate attributeName="x2" from="270" to="310" dur="0.4s" begin="1.70s" fill="freeze"/>
      <animate attributeName="y2" from="61"  to="130" dur="0.4s" begin="1.70s" fill="freeze"/>
    </line>
    <line id="L8" x1="310" y1="130" x2="310" y2="130" stroke="#ff2a5f" stroke-width="2">
      <animate attributeName="x2" from="310" to="260" dur="0.4s" begin="2.10s" fill="freeze"/>
    </line>
    <line id="L9" x1="260" y1="130" x2="260" y2="130" stroke="transparent" stroke-width="2">
      <animate attributeName="x2" from="260" to="250" dur="0.05s" begin="2.50s" fill="freeze"/>
    </line>
    <line id="L10" x1="250" y1="130" x2="250" y2="130" stroke="#ffffff" stroke-width="2">
      <animate attributeName="x2" from="250" to="185" dur="0.4s" begin="2.55s" fill="freeze"/>
      <animate attributeName="y2" from="130" to="51"  dur="0.4s" begin="2.55s" fill="freeze"/>
    </line>
    <line id="L11" x1="265" y1="52" x2="265" y2="52" stroke="#ffffff" stroke-width="2">
      <animate attributeName="x2" from="265" to="226" dur="0.4s" begin="3.45s" fill="freeze"/>
      <animate attributeName="y2" from="52"  to="98"  dur="0.4s" begin="3.45s" fill="freeze"/>
    </line>
  </g>

    <!-- TESTO ANIMATO -->
  <text x="235" y="195" class="brand-text-svg" text-anchor="middle">
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.0s" fill="freeze"/>
      A
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.1s" fill="freeze"/>
      D
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.2s" fill="freeze"/>
      P
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.3s" fill="freeze"/>
      R
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.4s" fill="freeze"/>
      O
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.5s" fill="freeze"/>
      D
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.6s" fill="freeze"/>
      E
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.7s" fill="freeze"/>
      X
    </tspan>
  </text>
  </svg>
                </a>
            </div>
            
            
            <nav id="desktop-nav" style="gap: 2rem;">
                <a href="https://adprodex.com/fr" style="color: #9ca3af; font-size: 14px; font-weight: 600; text-decoration: none;">Accueil</a>
                <a href="https://adprodex.com/fr/solutions/restauration" style="color: #9ca3af; font-size: 14px; font-weight: 600; text-decoration: none;">Restauration</a>
                <a href="https://adprodex.com/fr/solutions/ecommerce" style="color: #9ca3af; font-size: 14px; font-weight: 600; text-decoration: none;">E-commerce</a>
                <a href="https://adprodex.com/fr/solutions/agences-smm" style="color: #9ca3af; font-size: 14px; font-weight: 600; text-decoration: none;">Agences &amp; SMM</a>
                <a href="https://adprodex.com/fr/simulateur" style="color: #9ca3af; font-size: 14px; font-weight: 600; text-decoration: none;">Simulateur</a>
                <a href="https://adprodex.com/fr/observatoire" style="color: var(--brand-cyan); font-size: 14px; font-weight: 600; text-decoration: none;">Observatoire</a>
            </nav>

            
            <div id="desktop-cta" style="align-items: center; gap: 24px;">
                <a href="https://adprodex.com/register" style="border: 2px solid var(--brand-cyan); color: var(--brand-cyan); padding: 8px 18px; border-radius: 6px; font-weight: 700; text-decoration: none; font-size: 14px;">
                    Enregistrer l&#039;entreprise
                </a>
                <a href="https://adprodex.com/login" style="background: var(--brand-cyan); color: black; padding: 10px 20px; border-radius: 6px; font-weight: 700; text-decoration: none; font-size: 14px;">
                    Espace Client
                </a>
            </div>

            
            <button id="menu-toggle" onclick="toggleMenu()" style="background:none; border:none; cursor:pointer; padding:8px; flex-direction:column; gap:5px; z-index:1001;">
                <span id="bar1" style="display:block; width:24px; height:2px; background:white; transition: all 0.3s;"></span>
                <span id="bar2" style="display:block; width:24px; height:2px; background:white; transition: all 0.3s;"></span>
                <span id="bar3" style="display:block; width:24px; height:2px; background:white; transition: all 0.3s;"></span>
            </button>
        </div>

        
        <div id="mobile-menu" style="display:none; position:fixed; top:80px; left:0; right:0; background:rgba(5,8,15,0.98); backdrop-filter:blur(12px); border-bottom:1px solid #1f2937; padding:24px; z-index:999;">
            <nav style="display:flex; flex-direction:column; gap:1rem; margin-bottom:1.5rem;">
                <a href="https://adprodex.com/fr" style="color:#9ca3af; font-size:16px; font-weight:600; text-decoration:none; padding:8px 0; border-bottom:1px solid #1f2937;">Accueil</a>
                <a href="https://adprodex.com/fr/solutions/restauration" style="color:#9ca3af; font-size:16px; font-weight:600; text-decoration:none; padding:8px 0; border-bottom:1px solid #1f2937;">Restauration</a>
                <a href="https://adprodex.com/fr/solutions/ecommerce" style="color:#9ca3af; font-size:16px; font-weight:600; text-decoration:none; padding:8px 0; border-bottom:1px solid #1f2937;">E-commerce</a>
                <a href="https://adprodex.com/fr/solutions/agences-smm" style="color:#9ca3af; font-size:16px; font-weight:600; text-decoration:none; padding:8px 0; border-bottom:1px solid #1f2937;">Agences &amp; SMM</a>
                <a href="https://adprodex.com/fr/simulateur" style="color:#9ca3af; font-size:16px; font-weight:600; text-decoration:none; padding:8px 0;">Simulateur</a>
                <a href="https://adprodex.com/fr/observatoire" style="color:#9ca3af; font-size:16px; font-weight:600; text-decoration:none; padding:8px 0; border-top:1px solid #1f2937;">Observatoire</a>
            </nav>
            <div style="display:flex; flex-direction:column; gap:12px;">
                <a href="https://adprodex.com/register" style="border:2px solid var(--brand-cyan); color:var(--brand-cyan); padding:12px 18px; border-radius:6px; font-weight:700; text-decoration:none; font-size:15px; text-align:center;">Enregistrer l&#039;entreprise</a>
                <a href="https://adprodex.com/login" style="background:var(--brand-cyan); color:black; padding:12px 20px; border-radius:6px; font-weight:700; text-decoration:none; font-size:15px; text-align:center;">Espace Client</a>
            </div>
        </div>
    </header>

    <script>
        function toggleMenu() {
            var menu = document.getElementById('mobile-menu');
            var bar1 = document.getElementById('bar1');
            var bar2 = document.getElementById('bar2');
            var bar3 = document.getElementById('bar3');
            var isOpen = menu.style.display === 'block';
            menu.style.display = isOpen ? 'none' : 'block';
            bar1.style.transform = isOpen ? '' : 'translateY(7px) rotate(45deg)';
            bar2.style.opacity = isOpen ? '1' : '0';
            bar3.style.transform = isOpen ? '' : 'translateY(-7px) rotate(-45deg)';
        }
        // Close menu on outside click
        document.addEventListener('click', function(e) {
            var menu = document.getElementById('mobile-menu');
            var toggle = document.getElementById('menu-toggle');
            if (menu && toggle && !menu.contains(e.target) && !toggle.contains(e.target)) {
                menu.style.display = 'none';
                document.getElementById('bar1').style.transform = '';
                document.getElementById('bar2').style.opacity = '1';
                document.getElementById('bar3').style.transform = '';
            }
        });
    </script>

    <main style="padding-top: 80px;">
            </main>

    <!-- Institutional Footer ad Alto Contrasto -->
    <footer class="bg-brand-surface border-t border-brand-border pt-16 pb-8 mt-2">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-5 gap-8 mb-12 items-center">
                <div class="md:col-span-1">
                    <div class="flex items-center gap-3 mb-6" style="width: 160px; height: 65px;">
                        <svg viewBox="-50 -30 550 250" width="100%" height="100%" id="adprodex-svg" xmlns="http://www.w3.org/2000/svg" style="overflow: visible;">
  <defs>
    <style>
      .brand-text-svg {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 38px;
        fill: #ffffff;
        letter-spacing: 12px;
      }
    </style>
  </defs>

  <g transform="translate(0, 10)">
    <!-- TRIANGOLO ANIMATO (Shifted +25px to right to fit text properly) -->
    <line id="L1" x1="190" y1="130" x2="190" y2="130" stroke="#ffffff" stroke-width="2">
      <animate attributeName="x2" from="190" to="140" dur="0.4s" begin="0s" fill="freeze"/>
    </line>
    <line id="L2" x1="140" y1="130" x2="140" y2="130" stroke="#ffffff" stroke-width="2">
      <animate attributeName="x2" from="140" to="180" dur="0.4s" begin="0.4s" fill="freeze"/>
      <animate attributeName="y2" from="130" to="61"  dur="0.4s" begin="0.4s" fill="freeze"/>
    </line>
    <line id="L3" x1="180" y1="61" x2="180" y2="61" stroke="transparent" stroke-width="2">
      <animate attributeName="x2" from="180" to="185" dur="0.05s" begin="0.8s" fill="freeze"/>
      <animate attributeName="y2" from="61"  to="52"  dur="0.05s" begin="0.8s" fill="freeze"/>
    </line>
    <line id="L4" x1="185" y1="52" x2="185" y2="52" stroke="#ffffff" stroke-width="2">
      <animate attributeName="x2" from="185" to="225" dur="0.4s" begin="0.85s" fill="freeze"/>
      <animate attributeName="y2" from="52"  to="-17" dur="0.4s" begin="0.85s" fill="freeze"/>
    </line>
    <line id="L5" x1="225" y1="-17" x2="225" y2="-17" stroke="#ffffff" stroke-width="2">
      <animate attributeName="x2" from="225" to="265" dur="0.4s" begin="1.25s" fill="freeze"/>
      <animate attributeName="y2" from="-17" to="52"  dur="0.4s" begin="1.25s" fill="freeze"/>
    </line>
    <line id="L6" x1="265" y1="52" x2="265" y2="52" stroke="transparent" stroke-width="2">
      <animate attributeName="x2" from="265" to="270" dur="0.05s" begin="1.65s" fill="freeze"/>
      <animate attributeName="y2" from="52"  to="61"  dur="0.05s" begin="1.65s" fill="freeze"/>
    </line>
    <line id="L7" x1="270" y1="61" x2="270" y2="61" stroke="#ff2a5f" stroke-width="2">
      <animate attributeName="x2" from="270" to="310" dur="0.4s" begin="1.70s" fill="freeze"/>
      <animate attributeName="y2" from="61"  to="130" dur="0.4s" begin="1.70s" fill="freeze"/>
    </line>
    <line id="L8" x1="310" y1="130" x2="310" y2="130" stroke="#ff2a5f" stroke-width="2">
      <animate attributeName="x2" from="310" to="260" dur="0.4s" begin="2.10s" fill="freeze"/>
    </line>
    <line id="L9" x1="260" y1="130" x2="260" y2="130" stroke="transparent" stroke-width="2">
      <animate attributeName="x2" from="260" to="250" dur="0.05s" begin="2.50s" fill="freeze"/>
    </line>
    <line id="L10" x1="250" y1="130" x2="250" y2="130" stroke="#ffffff" stroke-width="2">
      <animate attributeName="x2" from="250" to="185" dur="0.4s" begin="2.55s" fill="freeze"/>
      <animate attributeName="y2" from="130" to="51"  dur="0.4s" begin="2.55s" fill="freeze"/>
    </line>
    <line id="L11" x1="265" y1="52" x2="265" y2="52" stroke="#ffffff" stroke-width="2">
      <animate attributeName="x2" from="265" to="226" dur="0.4s" begin="3.45s" fill="freeze"/>
      <animate attributeName="y2" from="52"  to="98"  dur="0.4s" begin="3.45s" fill="freeze"/>
    </line>
  </g>

    <!-- TESTO ANIMATO -->
  <text x="235" y="195" class="brand-text-svg" text-anchor="middle">
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.0s" fill="freeze"/>
      A
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.1s" fill="freeze"/>
      D
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.2s" fill="freeze"/>
      P
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.3s" fill="freeze"/>
      R
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.4s" fill="freeze"/>
      O
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.5s" fill="freeze"/>
      D
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.6s" fill="freeze"/>
      E
    </tspan>
    <tspan opacity="0">
      <animate attributeName="opacity" from="0" to="1" dur="0.3s" begin="4.7s" fill="freeze"/>
      X
    </tspan>
  </text>
  </svg>
                    </div>
                    <p class="text-sm text-gray-400 leading-relaxed font-medium">
                        L&#039;infrastructure technologique européenne pour l&#039;acquisition de clients géolocalisée. Nous certifions l&#039;engagement réel et éliminons le trafic de bots.
                    </p>
                </div>

                <!-- Colonna 2: Tecnologia -->
                <div class="mt-5 justify-self-center" style="margin-left: 80px; min-width: 200px; white-space: nowrap;">
                    <h4 class="text-white font-bold tracking-wide uppercase text-xs mb-4 text-brand-cyan">Technologie</h4>
                    <ul class="space-y-3 text-sm text-gray-300 font-medium">
                        <li><a href="https://adprodex.com/fr/la-plateforme" class="hover:text-white transition-colors">La Plateforme d&#039;Acquisition</a></li>
                        <li><a href="https://adprodex.com/fr/ecosysteme" class="hover:text-white transition-colors">Écosystème App Tyche</a></li>
                        <li><a href="https://adprodex.com/fr/securite" class="hover:text-white transition-colors">Sécurité &amp; Anti-fraude</a></li>
                    </ul>
                </div>

                <!-- Colonna 3: Soluzioni -->
                <div class="mt-5 justify-self-center" style="margin-left: 80px; min-width: 200px; white-space: nowrap;">
                    <h4 class="text-white font-bold tracking-wide uppercase text-xs mb-4 text-brand-cyan">Solutions</h4>
                    <ul class="space-y-3 text-sm text-gray-300 font-medium">
                        <li><a href="https://adprodex.com/fr/solutions/restauration" class="hover:text-white transition-colors">Restauration et Établissements</a></li>
                        <li><a href="https://adprodex.com/fr/solutions/ecommerce" class="hover:text-white transition-colors">Pour l&#039;E-commerce</a></li>
                        <li><a href="https://adprodex.com/fr/solutions/agences-smm" class="hover:text-white transition-colors">Agences et SMM</a></li>
                    </ul>
                </div>

                <!-- Colonna 4: Risorse -->
                <div class="mt-5 justify-self-center" style="margin-left: 80px; min-width: 200px; white-space: nowrap;">
                    <h4 class="text-white font-bold tracking-wide uppercase text-xs mb-4 text-brand-cyan">Ressources</h4>
                    <ul class="space-y-3 text-sm text-gray-300 font-medium">
                        <li><a href="https://adprodex.com/fr/etudes-de-cas" class="hover:text-white transition-colors">Études de Cas</a></li>
                        <li><a href="https://adprodex.com/fr/blog" class="hover:text-white transition-colors">Blog</a></li>
                        <li><a href="https://adprodex.com/fr/observatoire" class="hover:text-white transition-colors">Observatoire</a></li>
                        <li><a href="https://adprodex.com/fr/investisseurs" class="hover:text-white transition-colors">Investisseurs</a></li>
                        <li><a href="https://adprodex.com/fr/devenez-master-concessionnaire" class="hover:text-white transition-colors" style="color: #00f2fe; font-weight: bold;">Partenariat Master</a></li>
                    </ul>
                </div>

                <!-- Colonna 5: Trust Box (Lontano a Dx) -->
                <div class="md:col-span-1">
                    <div class="p-4 rounded bg-brand-bg border border-brand-border h-full flex flex-col justify-center">
                        <p class="text-xs text-brand-cyan font-bold mb-2">🌍 Infrastructure B2B Européenne</p>
                        <p class="text-[11px] text-gray-400 leading-relaxed">ADPRODEX exploite une infrastructure de suivi géolocalisé propriétaire active dans toute l&#039;Europe pour garantir des normes Enterprise.</p>
                    </div>
                </div>
            </div>

            <!-- Footer Bottom Bar -->
            <div class="border-t border-brand-border pt-8 text-center">

                
                
                <div class="flex flex-wrap justify-center items-center gap-1 mb-5">
                    <a href="https://adprodex.com" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-md text-xs font-bold transition-all" style="color:#6b7280;border:1px solid #1f2937; text-decoration:none;">🇩🇪 Deutsch</a>
                    <span style="color:#374151">|</span>
                    <a href="https://adprodex.com/en" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-md text-xs font-bold transition-all" style="color:#6b7280;border:1px solid #1f2937; text-decoration:none;">🇬🇧 English</a>
                    <span style="color:#374151">|</span>
                    <a href="https://adprodex.com/es" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-md text-xs font-bold transition-all" style="color:#6b7280;border:1px solid #1f2937; text-decoration:none;">🇪🇸 Español</a>
                    <span style="color:#374151">|</span>
                    <a href="https://adprodex.com/fr" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-md text-xs font-bold transition-all" style="background:var(--brand-cyan);color:black; text-decoration:none;">🇫🇷 Français</a>
                    <span style="color:#374151">|</span>
                    <a href="https://adprodex.com/it" class="inline-flex items-center gap-1 px-3 py-1.5 rounded-md text-xs font-bold transition-all" style="color:#6b7280;border:1px solid #1f2937; text-decoration:none;">🇮🇹 Italiano</a>
                </div>



                <p class="mb-3 font-bold text-white text-sm">Powered by ADPRODEX Krefeld - DE &copy; 2026</p>

                <div class="flex flex-wrap justify-center items-center text-sm font-bold text-brand-cyan mt-3">
                    <a href="https://adprodex.com/fr/impressum" class="hover:text-white transition-colors mx-2">Impressum</a> <span class="opacity-50">|</span>
                    <a href="https://adprodex.com/terms-comp" target="_blank" class="hover:text-white transition-colors mx-2">Conditions générales</a> <span class="opacity-50">|</span>
                    <a href="https://adprodex.com/privacy" target="_blank" class="hover:text-white transition-colors mx-2">Politique de confidentialité</a> <span class="opacity-50">|</span>
                    <a href="https://adprodex.com/cookie" target="_blank" class="hover:text-white transition-colors mx-2">Politique en matière de cookies</a> <span class="opacity-50">|</span>
                    <a href="https://adprodex.com/adv_info" target="_blank" class="hover:text-white transition-colors mx-2">Informations publicitaires</a> <span class="opacity-50">|</span>
                    <a href="https://adprodex.com/license" target="_blank" class="hover:text-white transition-colors mx-2">Licences</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- Cookie Banner Globale GDPR Compliant -->
    <div class="cookie-banner" id="cookieBanner">
        <div class="cookie-text">
            <strong>Nous respectons votre vie privée</strong><br>
            Nous utilisons des cookies techniques essentiels pour assurer le bon fonctionnement du site. Avec votre consentement, nous aimerions également utiliser des cookies de profilage et de suivi pour analyser le trafic et vous proposer des publicités personnalisées. En cliquant sur &quot;Tout Accepter&quot;, vous consentez à l&#039;utilisation de tous les cookies. En fermant la bannière ou en cliquant sur &quot;Uniquement Nécessaires&quot;, seuls les cookies essentiels seront conservés.<br><br>
            <a href="https://adprodex.com/cookie" target="_blank" style="color: #ededed; text-decoration: underline;">Cookie Policy</a>
        </div>
        <div class="cookie-buttons">
            <button class="btn-cookie accept" id="btnAcceptAllCookies">Tout Accepter</button>
            <button class="btn-cookie reject" id="btnRejectCookies">Uniquement Nécessaires</button>
            <button class="btn-cookie settings" id="btnOpenCookieSettings">Personnaliser</button>
        </div>
    </div>

    <!-- Modal Preferenze Cookie -->
    <div class="cookie-modal-overlay" id="cookieModal">
        <div class="cookie-modal">
            <h3>Préférences de Cookies</h3>
            <p>Gérez vos préférences. Les cookies techniques sont toujours actifs car ils sont indispensables au fonctionnement de base du site.</p>
            
            <div class="cookie-option" style="cursor: default; border-color: rgba(255,255,255,0.1);">
                <div>
                    <div class="cookie-option-title">Techniques (Essentiels)</div>
                    <div class="cookie-option-desc">Indispensables à la sécurité, la navigation et la connexion. Ne peuvent pas être désactivés.</div>
                </div>
                <div class="cookie-toggle active disabled"></div>
            </div>
            
            <div class="cookie-option" onclick="document.getElementById('toggleAnalytics').classList.toggle('active')">
                <div>
                    <div class="cookie-option-title">Analyses &amp; Statistiques</div>
                    <div class="cookie-option-desc">Ils nous aident, de manière anonyme, à comprendre comment les visiteurs interagissent avec le site afin de l&#039;améliorer.</div>
                </div>
                <div class="cookie-toggle" id="toggleAnalytics"></div>
            </div>
            
            <div class="cookie-option" onclick="document.getElementById('toggleMarketing').classList.toggle('active')">
                <div>
                    <div class="cookie-option-title">Marketing &amp; Profilage</div>
                    <div class="cookie-option-desc">Utilisés pour suivre les visiteurs à travers les sites web afin d&#039;afficher des publicités pertinentes.</div>
                </div>
                <div class="cookie-toggle" id="toggleMarketing"></div>
            </div>

            <div class="cookie-modal-buttons">
                <button class="btn-modal-close" id="btnCloseCookieModal">Annuler</button>
                <button class="btn-modal-save" id="btnSaveCookiePreferences">Sauver les Préférences</button>
            </div>
        </div>
    </div>

    <!-- Script Cookie Banner Globale -->
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const cookieBanner = document.getElementById('cookieBanner');
            const cookieModal = document.getElementById('cookieModal');
            const toggleAnalytics = document.getElementById('toggleAnalytics');
            const toggleMarketing = document.getElementById('toggleMarketing');
            
            // Consenso salvato strutturato (V2)
            const savedConsent = localStorage.getItem('adprodex_cookie_consent_v2');
            
            if (!savedConsent) {
                setTimeout(() => {
                    cookieBanner.classList.add('show');
                }, 800);
            } else {
                // Se c'è già il consenso, precarica i toggle per quando l'utente riapre le impostazioni dal footer
                try {
                    const parsed = JSON.parse(savedConsent);
                    if (parsed.analytics) toggleAnalytics.classList.add('active');
                    if (parsed.marketing) toggleMarketing.classList.add('active');
                } catch(e) {}
            }

            function saveConsent(preferences) {
                localStorage.setItem('adprodex_cookie_consent_v2', JSON.stringify(preferences));
                cookieBanner.classList.remove('show');
                cookieModal.classList.remove('show');
                console.log('Cookie Preferences Saved:', preferences);
                
                // Aggiornamento Google Consent Mode v2
                if (typeof gtag === 'function') {
                    gtag('consent', 'update', {
                        'analytics_storage': preferences.analytics ? 'granted' : 'denied',
                        'ad_storage': preferences.marketing ? 'granted' : 'denied',
                        'ad_user_data': preferences.marketing ? 'granted' : 'denied',
                        'ad_personalization': preferences.marketing ? 'granted' : 'denied'
                    });
                }
            }

            document.getElementById('btnAcceptAllCookies')?.addEventListener('click', () => {
                toggleAnalytics.classList.add('active');
                toggleMarketing.classList.add('active');
                saveConsent({ necessary: true, analytics: true, marketing: true });
            });

            document.getElementById('btnRejectCookies')?.addEventListener('click', () => {
                toggleAnalytics.classList.remove('active');
                toggleMarketing.classList.remove('active');
                saveConsent({ necessary: true, analytics: false, marketing: false });
            });

            document.getElementById('btnOpenCookieSettings')?.addEventListener('click', () => {
                cookieModal.classList.add('show');
            });

            document.getElementById('btnCloseCookieModal')?.addEventListener('click', () => {
                cookieModal.classList.remove('show');
            });

            document.getElementById('btnSaveCookiePreferences')?.addEventListener('click', () => {
                const isAnalytics = toggleAnalytics.classList.contains('active');
                const isMarketing = toggleMarketing.classList.contains('active');
                saveConsent({ necessary: true, analytics: isAnalytics, marketing: isMarketing });
            });
        });
    </script>
    <script>
        // Track Page Duration & Idle Detection
        document.addEventListener("DOMContentLoaded", function() {
            let sessionId = "TLpAyyv0WGBjr7qFuyQarwcDatf3CX7VFhbeQ9Pa";
            let currentUrl = "https://adprodex.com/fr/observatoire/archivio-2025";
            
            let idleSeconds = 0;
            const maxIdleTime = 30; // Dopo 30 secondi di inattività non invia più ping

            // Resetta il timer inattività a ogni interazione
            function resetIdleTime() {
                idleSeconds = 0;
            }

            // Sensori di attività
            ['mousemove', 'mousedown', 'keypress', 'DOMMouseScroll', 'mousewheel', 'touchmove', 'MSPointerMove'].forEach(function(event) {
                document.addEventListener(event, resetIdleTime, { passive: true });
            });

            // Timer Inattività
            setInterval(function() {
                idleSeconds++;
            }, 1000);
            
            // Ping every 10 seconds
            setInterval(function() {
                if (idleSeconds < maxIdleTime) {
                    fetch('https://adprodex.com/track-page-duration', {
                        method: 'POST',
                        headers: {
                            'Content-Type': 'application/json',
                            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
                        },
                        body: JSON.stringify({
                            session_id: sessionId,
                            duration_seconds: 10,
                            url: currentUrl
                        })
                    }).catch(err => console.log('Ping failed'));
                }
            }, 10000);
        });
    </script>
</body>
</html>