.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="es-AR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ArgProspect B2B | La Base de Datos N°1 de Argentina</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet">
    <script src="https://unpkg.com/lucide@latest"></script>
    <style>
        body { font-family: 'Plus Jakarta Sans', sans-serif; scroll-behavior: smooth; background-color: #020617; }
        
        .glass {
            background: rgba(255, 255, 255, 0.02);
            backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .btn-main {
            background: linear-gradient(135deg, #0072ff 0%, #00c6ff 100%);
            box-shadow: 0 10px 30px -5px rgba(0, 114, 255, 0.4);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .btn-main:hover {
            transform: translateY(-4px) scale(1.02);
            box-shadow: 0 25px 45px -12px rgba(0, 114, 255, 0.6);
            filter: brightness(1.1);
        }

        .btn-demo {
            background: transparent;
            border: 2px solid rgba(255, 255, 255, 0.2);
            transition: all 0.3s ease;
        }
        .btn-demo:hover {
            background: rgba(255, 255, 255, 0.05);
            border-color: #fff;
            transform: translateY(-2px);
        }

        .gradient-text {
            background: linear-gradient(135deg, #fff 40%, #60a5fa 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .card-pro {
            transition: all 0.4s ease;
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        .card-pro:hover {
            background: rgba(255, 255, 255, 0.04);
            border-color: rgba(59, 130, 246, 0.4);
            transform: translateY(-10px);
        }

        .step-number {
            background: linear-gradient(135deg, #1e3a8a 0%, #0072ff 100%);
        }

        @keyframes pulse-soft {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }
        .pulse-soft { animation: pulse-soft 2s infinite; }

        /* Mobile Optimization */
        @media (max-width: 640px) {
            h1 {
                font-size: 3rem !important;
                line-height: 1.2 !important;
            }
            .container {
                padding-left: 1.5rem !important;
                padding-right: 1.5rem !important;
            }
        }
    </style>
</head>
<body class="text-slate-300 antialiased">

    <!-- Hero Section -->
    <section class="relative pt-32 pb-32 overflow-hidden">
        <div class="absolute top-0 left-1/2 -translate-x-1/2 w-full h-full bg-[radial-gradient(circle_at_center,_#1e3a8a22_0%,_transparent_75%)] -z-10"></div>
        <div class="container mx-auto px-6 text-center">
            <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full glass border-blue-500/20 text-blue-400 text-[10px] font-black tracking-[0.2em] mb-8 uppercase">
                🚀 Única base de datos actualizada a Febrero 2026
            </div>
            <h1 class="text-6xl md:text-8xl font-black leading-[1.1] text-white mb-8 gradient-text">
                Tu próximo cliente grande <br> está en esta lista.
            </h1>
            <p class="text-xl text-slate-400 mb-12 leading-relaxed max-w-2xl mx-auto">
                No pierdas más tiempo "limpiando" bases viejas. Accede a <strong>6.342 empresas argentinas</strong> verificadas con contacto directo para cerrar ventas B2B.
            </p>
            <div class="flex flex-col sm:flex-row gap-5 justify-center items-center">
                <a href="#oferta" class="btn-main px-12 py-6 rounded-2xl text-white font-black text-xl flex items-center gap-3">
                    QUIERO LA BASE COMPLETA <i data-lucide="zap" class="fill-current"></i>
                </a>
                <a href="#demo" class="btn-demo px-12 py-6 rounded-2xl text-white font-bold text-xl">
                    Ver Demo Gratis
                </a>
            </div>
            <div class="mt-16 flex justify-center items-center gap-8 opacity-50 grayscale hover:grayscale-0 transition-all duration-700">
                <span class="text-sm font-bold uppercase tracking-tighter">Ideal para:</span>
                <span class="font-black italic text-xl">SaaS</span>
                <span class="font-black italic text-xl">AGENCIAS</span>
                <span class="font-black italic text-xl">LOGÍSTICA</span>
                <span class="font-black italic text-xl">CONSULTORÍA</span>
            </div>
        </div>
    </section>

    <!-- Sección Cómo Funciona -->
    <section id="como-funciona" class="py-24 bg-slate-900/20">
        <div class="container mx-auto px-6">
            <h2 class="text-center text-4xl font-bold text-white mb-20">De 0 a reuniones en 3 pasos</h2>
            <div class="grid md:grid-cols-3 gap-12 relative">
                <div class="text-center">
                    <div class="w-16 h-16 step-number rounded-2xl flex items-center justify-center text-white text-2xl font-black mx-auto mb-6 shadow-xl shadow-blue-500/20">1</div>
                    <h3 class="text-xl font-bold text-white mb-4">Adquisición</h3>
                    <p class="text-slate-500">Realizas el pago único y recibes el acceso inmediato a la base en formato Excel/CSV.</p>
                </div>
                <div class="text-center">
                    <div class="w-16 h-16 step-number rounded-2xl flex items-center justify-center text-white text-2xl font-black mx-auto mb-6 shadow-xl shadow-blue-500/20">2</div>
                    <h3 class="text-xl font-bold text-white mb-4">Filtrado Pro</h3>
                    <p class="text-slate-500">Filtras por rubro, provincia o tamaño de empresa para encontrar tu cliente ideal en segundos.</p>
                </div>
                <div class="text-center">
                    <div class="w-16 h-16 step-number rounded-2xl flex items-center justify-center text-white text-2xl font-black mx-auto mb-6 shadow-xl shadow-blue-500/20">3</div>
                    <h3 class="text-xl font-bold text-white mb-4">Cierre</h3>
                    <p class="text-slate-500">Cargas los datos en tu CRM o herramienta de mailing y empiezas a generar reuniones.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Sección Demo -->
    <section id="demo" class="py-32 relative">
        <div class="container mx-auto px-6">
            <div class="glass p-12 md:p-20 rounded-[3rem] border-blue-500/10 grid lg:grid-cols-2 gap-16 items-center">
                <div>
                    <h2 class="text-4xl md:text-5xl font-black text-white mb-6">No confíes solo en nuestra palabra.</h2>
                    <p class="text-lg text-slate-400 mb-8">Descarga una muestra de 50 empresas reales con todos sus campos para que verifiques la calidad y el formato de nuestros datos.</p>
                    <ul class="space-y-4 mb-10">
                        <li class="flex items-center gap-3 text-slate-300 font-semibold"><i data-lucide="file-check-2" class="text-green-500"></i> Veracidad de Emails verificada</li>
                        <li class="flex items-center gap-3 text-slate-300 font-semibold"><i data-lucide="file-check-2" class="text-green-500"></i> Estructura lista para importar</li>
                    </ul>
                    <a href="#" class="btn-demo px-8 py-4 rounded-xl inline-flex items-center gap-3 font-bold">
                        <i data-lucide="download-cloud"></i> DESCARGAR MUESTRA GRATIS (.XLSX)
                    </a>
                </div>
                <div class="relative group">
                    <img src="https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&q=80&w=800" class="rounded-2xl shadow-2xl grayscale group-hover:grayscale-0 transition-all duration-500 border border-white/10" alt="Demo Sheet">
                    <div class="absolute inset-0 bg-blue-600/10 rounded-2xl"></div>
                </div>
            </div>
        </div>
    </section>

    <!-- Más Beneficios -->
    <section id="beneficios" class="py-24">
        <div class="container mx-auto px-6">
            <div class="grid md:grid-cols-3 gap-8">
                <div class="card-pro p-10 rounded-3xl glass">
                    <i data-lucide="shield-check" class="w-12 h-12 text-blue-500 mb-6"></i>
                    <h3 class="text-xl font-bold text-white mb-4">Datos 100% Legales</h3>
                    <p class="text-slate-500 text-sm">Información recolectada de fuentes públicas y registros comerciales oficiales de Argentina.</p>
                </div>
                <div class="card-pro p-10 rounded-3xl glass">
                    <i data-lucide="refresh-cw" class="w-12 h-12 text-blue-500 mb-6"></i>
                    <h3 class="text-xl font-bold text-white mb-4">Actualizaciones</h3>
                    <p class="text-slate-500 text-sm">Recibe actualizaciones semestrales de la base sin costo adicional durante el primer año.</p>
                </div>
                <div class="card-pro p-10 rounded-3xl glass">
                    <i data-lucide="cpu" class="w-12 h-12 text-blue-500 mb-6"></i>
                    <h3 class="text-xl font-bold text-white mb-4">CRM Friendly</h3>
                    <p class="text-slate-500 text-sm">Compatible con HubSpot, Salesforce, Pipedrive y herramientas de automatización de mailing.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Oferta -->
    <section id="oferta" class="py-32 relative">
        <div class="container mx-auto px-6 text-center">
            <div class="max-w-4xl mx-auto glass p-1 rounded-[4rem] border-blue-600/20">
                <div class="bg-slate-900/80 rounded-[3.8rem] p-16 border border-white/5">
                    <h2 class="text-5xl font-black text-white mb-4">Acceso Total e Inmediato</h2>
                    <p class="text-blue-400 font-bold tracking-widest uppercase mb-12">Oferta exclusiva de lanzamiento 2026</p>
                    
                    <div class="flex flex-col md:flex-row gap-12 items-center justify-center mb-16">
                        <div class="text-left space-y-4">
                            <div class="flex items-center gap-3"><i data-lucide="check" class="bg-blue-600 text-white rounded-full p-1 w-5 h-5"></i> 6.342 Empresas Argentinas</div>
                            <div class="flex items-center gap-3"><i data-lucide="check" class="bg-blue-600 text-white rounded-full p-1 w-5 h-5"></i> CUIT, Email y Teléfono</div>
                            <div class="flex items-center gap-3"><i data-lucide="check" class="bg-blue-600 text-white rounded-full p-1 w-5 h-5"></i> Filtrado por Ciudad y Provincia</div>
                            <div class="flex items-center gap-3"><i data-lucide="check" class="bg-blue-600 text-white rounded-full p-1 w-5 h-5"></i> Soporte 24/7 vía WhatsApp</div>
                        </div>
                        <div class="text-center p-10 glass rounded-3xl border-blue-500/30">
                            <span class="text-slate-500 line-through block mb-2 text-xl">Antes USD 199</span>
                            <!-- Updated price color to match the 'YNK Agency' gold/yellow look from images -->
                            <span class="text-8xl font-black text-amber-400 italic">USD 49</span>
                            <span class="block mt-4 text-green-400 font-bold animate-pulse">¡Ahorras 75% hoy!</span>
                        </div>
                    </div>

                    <button class="btn-main w-full py-8 rounded-3xl text-2xl font-black text-white tracking-tighter uppercase mb-6">
                        ¡QUIERO MI COPIA AHORA!
                    </button>
                    <div class="flex justify-center items-center gap-4 opacity-60">
                        <i data-lucide="lock" class="w-4 h-4"></i>
                        <span class="text-xs font-bold uppercase tracking-widest">Pago 100% Seguro y Encriptado</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="py-20 border-t border-white/5">
        <div class="container mx-auto px-6 grid md:grid-cols-2 gap-12 items-center">
            <div>
                <div class="flex items-center gap-2 mb-6">
                    <div class="w-8 h-8 bg-blue-600 rounded-lg flex items-center justify-center">
                        <i data-lucide="database" class="text-white w-4 h-4"></i>
                    </div>
                    <span class="font-bold text-white tracking-tighter">ARGPROSPECT B2B</span>
                </div>
                <p class="text-slate-500 text-sm max-w-sm">La solución definitiva para equipos comerciales que no quieren perder tiempo investigando y solo quieren cerrar tratos.</p>
            </div>
            <div class="text-right">
                <p class="text-white font-bold mb-4">¿Dudas? Hablá con un humano</p>
                <a href="#" class="text-blue-500 font-black text-2xl hover:underline">WhatsApp Soporte →</a>
            </div>
        </div>
        <div class="container mx-auto px-6 mt-20 pt-8 border-t border-white/5 text-center text-[10px] text-slate-700 font-bold tracking-[0.3em] uppercase">
            © 2026 ARGPROSPECT B2B - MADE FOR HUSTLERS
        </div>
    </footer>

    <script>
        lucide.createIcons();
    </script>
</body>
</html>/* End custom CSS */