<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Startups & Entrepreneurs - Datalyse</title>
    <meta name="description" content="Datalyse: The all-in-one platform for sales, communications, HR and brokers. Automate your business with artificial intelligence.">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.0.0/css/flag-icons.min.css">
    <link rel="stylesheet" href="/styles.css?V=3">
    <link rel="stylesheet" href="/stylesventas.css">
    <link rel="stylesheet" href="/stylesfooter.css">
    <link rel="stylesheet" href="/css/menu.css?v=6">
            <link rel="icon" href="https://www.datalyse.io/images/favicon.ico">

    <style>
        .lang-selector-wrapper {
            position: relative;
            display: inline-block;
        }

        .lang-selector-btn {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 16px;
            background: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 10px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            color: #333;
            transition: all 0.2s ease;
            min-width: 180px;
        }

        .lang-selector-btn:hover {
            border-color: #bbb;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        }

        .lang-selector-btn.open {
            border-color: #3b82f6;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
        }

        .lang-selector-btn .fi {
            font-size: 20px;
            border-radius: 3px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.15);
        }

        .lang-current-text {
            flex: 1;
            text-align: left;
        }

        .lang-chevron {
            width: 18px;
            height: 18px;
            stroke: #666;
            stroke-width: 2;
            fill: none;
            transition: transform 0.2s ease;
        }

        .lang-selector-btn.open .lang-chevron {
            transform: rotate(180deg);
        }

        .lang-dropdown {
            position: absolute;
            top: calc(100% + 8px);
            left: 0;
            width: 280px;
            max-height: 400px;
            background: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 14px;
            box-shadow: 0 12px 40px rgba(0,0,0,0.15);
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.2s ease;
            z-index: 1000;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

        .lang-dropdown.show {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .lang-dropdown-header {
            padding: 14px 16px;
            border-bottom: 1px solid #f0f0f0;
            font-size: 12px;
            font-weight: 600;
            color: #888;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .lang-dropdown-search {
            padding: 12px 16px;
            border-bottom: 1px solid #f0f0f0;
            display: flex;
            align-items: center;
            gap: 10px;
            background: #fafafa;
        }

        .lang-dropdown-search svg {
            width: 18px;
            height: 18px;
            stroke: #999;
            stroke-width: 2;
            fill: none;
            flex-shrink: 0;
        }

        .lang-dropdown-search input {
            flex: 1;
            border: none;
            background: transparent;
            font-size: 14px;
            color: #333;
            outline: none;
        }

        .lang-dropdown-search input::placeholder {
            color: #aaa;
        }

        .lang-dropdown-list {
            overflow-y: auto;
            max-height: 300px;
            padding: 8px;
        }

        .lang-dropdown-list::-webkit-scrollbar {
            width: 6px;
        }

        .lang-dropdown-list::-webkit-scrollbar-track {
            background: transparent;
        }

        .lang-dropdown-list::-webkit-scrollbar-thumb {
            background: #ddd;
            border-radius: 3px;
        }

        .lang-option {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 12px;
            border-radius: 8px;
            text-decoration: none;
            color: #333;
            font-size: 14px;
            transition: all 0.15s ease;
        }

        .lang-option:hover {
            background: #f5f5f5;
        }

        .lang-option.active {
            background: #eff6ff;
            color: #3b82f6;
        }

        .lang-option.hidden {
            display: none;
        }

        .lang-option .fi {
            font-size: 22px;
            border-radius: 3px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.12);
        }

        .lang-name {
            flex: 1;
            font-weight: 500;
        }

        .lang-check {
            width: 18px;
            height: 18px;
            stroke: #3b82f6;
            stroke-width: 2.5;
            fill: none;
        }

        @media (max-width: 480px) {
            .lang-dropdown {
                width: 260px;
                right: 0;
                left: auto;
            }

            .lang-selector-btn {
                min-width: auto;
                padding: 8px 12px;
            }

            .lang-current-text {
                display: none;
            }
        }
    </style>

</head>
<body>


<!-- ==================== TOP BAR ==================== -->
<div class="dl-topbar">
    <div class="dl-topbar-inner">
        <a href="/contact">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
            Support
        </a>
        <span class="dl-topbar-sep"></span>
                <a href="tel:+442922550669">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
            +44 29 2255 0669
        </a>
                <span class="dl-topbar-sep"></span>
        <div class="dl-topbar-lang" id="dlTopbarLang">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
            <span>English (UK)</span>
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
            <div class="dl-topbar-lang-dropdown" id="dlLangDropdown">
                                <a href="https://datalyse.es">
                    <span class="fi fi-es" style="font-size:16px;border-radius:2px;"></span>
                    Español                </a>
                                <a href="https://us.datalyse.io">
                    <span class="fi fi-us" style="font-size:16px;border-radius:2px;"></span>
                    English (US)                </a>
                                <a href="https://datalyse.io" class="dl-active-lang">
                    <span class="fi fi-gb" style="font-size:16px;border-radius:2px;"></span>
                    English (UK)                </a>
                                <a href="https://de.datalyse.io">
                    <span class="fi fi-de" style="font-size:16px;border-radius:2px;"></span>
                    Deutsch                </a>
                                <a href="https://nl.datalyse.io">
                    <span class="fi fi-nl" style="font-size:16px;border-radius:2px;"></span>
                    Nederlands                </a>
                                <a href="https://pl.datalyse.io">
                    <span class="fi fi-pl" style="font-size:16px;border-radius:2px;"></span>
                    Polski                </a>
                                <a href="https://pt.datalyse.io">
                    <span class="fi fi-pt" style="font-size:16px;border-radius:2px;"></span>
                    Português                </a>
                                <a href="https://pt-br.datalyse.io">
                    <span class="fi fi-br" style="font-size:16px;border-radius:2px;"></span>
                    Português (BR)                </a>
                                <a href="https://bg.datalyse.io">
                    <span class="fi fi-bg" style="font-size:16px;border-radius:2px;"></span>
                    Български                </a>
                                <a href="https://cs.datalyse.io">
                    <span class="fi fi-cz" style="font-size:16px;border-radius:2px;"></span>
                    Český                </a>
                                <a href="https://zh.datalyse.io">
                    <span class="fi fi-cn" style="font-size:16px;border-radius:2px;"></span>
                    中文(简体)                </a>
                                <a href="https://da.datalyse.io">
                    <span class="fi fi-dk" style="font-size:16px;border-radius:2px;"></span>
                    Dansk                </a>
                                <a href="https://sk.datalyse.io">
                    <span class="fi fi-sk" style="font-size:16px;border-radius:2px;"></span>
                    Slovenský                </a>
                                <a href="https://sl.datalyse.io">
                    <span class="fi fi-si" style="font-size:16px;border-radius:2px;"></span>
                    Slovenskega                </a>
                                <a href="https://et.datalyse.io">
                    <span class="fi fi-ee" style="font-size:16px;border-radius:2px;"></span>
                    Eesti                </a>
                                <a href="https://fi.datalyse.io">
                    <span class="fi fi-fi" style="font-size:16px;border-radius:2px;"></span>
                    Suomi                </a>
                                <a href="https://fr.datalyse.io">
                    <span class="fi fi-fr" style="font-size:16px;border-radius:2px;"></span>
                    Français                </a>
                                <a href="https://el.datalyse.io">
                    <span class="fi fi-gr" style="font-size:16px;border-radius:2px;"></span>
                    Ελληνικά                </a>
                                <a href="https://hu.datalyse.io">
                    <span class="fi fi-hu" style="font-size:16px;border-radius:2px;"></span>
                    Magyar                </a>
                                <a href="https://it.datalyse.io">
                    <span class="fi fi-it" style="font-size:16px;border-radius:2px;"></span>
                    Italiano                </a>
                                <a href="https://ja.datalyse.io">
                    <span class="fi fi-jp" style="font-size:16px;border-radius:2px;"></span>
                    日本語                </a>
                                <a href="https://lv.datalyse.io">
                    <span class="fi fi-lv" style="font-size:16px;border-radius:2px;"></span>
                    Latviešu                </a>
                                <a href="https://lt.datalyse.io">
                    <span class="fi fi-lt" style="font-size:16px;border-radius:2px;"></span>
                    Lietuvių                </a>
                                <a href="https://ro.datalyse.io">
                    <span class="fi fi-ro" style="font-size:16px;border-radius:2px;"></span>
                    Română                </a>
                                <a href="https://ru.datalyse.io">
                    <span class="fi fi-ru" style="font-size:16px;border-radius:2px;"></span>
                    Русский                </a>
                                <a href="https://sv.datalyse.io">
                    <span class="fi fi-se" style="font-size:16px;border-radius:2px;"></span>
                    Svenska                </a>
                            </div>
        </div>
    </div>
</div>

<!-- ==================== NAVBAR ==================== -->
<nav class="dl-navbar" id="dlNavbar">
    <div class="dl-navbar-inner">
        <!-- Logo -->
        <a href="/" class="dl-logo">
            <svg class="dl-logo-svg" viewBox="0 0 4545 987" xmlns="http://www.w3.org/2000/svg"><path class="dl-logo-letter" d="M440 0h98v757h-98v-83Q373 770 255 770q-107 0-182-79Q0 613 0 493q0-118 73-197t183-79q119 0 185 92Zm-171 679q75 0 122-54 49-55 49-132t-49-131q-47-53-122-53-74 0-123 53T97 493q0 77 49 132 50 54 123 54Z" fill="currentColor"/><path class="dl-logo-letter" d="M1129 757v-83q-67 96-185 96-107 0-181-79-74-79-74-198 0-118 73-197t182-79q119 0 185 92v-79h98v527Zm-170-78q75 0 122-54 48-55 48-132t-48-131q-47-53-122-53-74 0-123 53T786 493q0 77 49 132 50 54 123 54Z" fill="currentColor"/><path class="dl-logo-letter" d="M1356 317l-3-86h88V100h97v131h150v87h-150v279q0 84 73 84 45 0 69-28l45 74q-45 45-125 45-75 0-116-44-42-45-42-129V317Z" fill="currentColor"/><path class="dl-logo-letter" d="M2219 757v-83q-67 96-185 96-107 0-181-79-74-79-74-198 0-118 73-197t182-79q119 0 185 92v-79h98v527Zm-170-78q75 0 122-54 48-55 48-132t-48-131q-47-53-122-53-74 0-123 53T1876 493q0 77 49 132 50 54 123 54Z" fill="currentColor"/><path class="dl-logo-letter" d="M2506 757V0h98v757Z" fill="currentColor"/><path class="dl-logo-letter" d="M2820 230l178 412 150-411h99l-228 613q-51 143-172 143-71 0-126-49l46-76q35 33 82 33 30 0 50-20t20-45l16-45-239-534Z" fill="currentColor"/><path class="dl-logo-letter" d="M3414 363l-2 4q0 31 31 51 30 19 76 31 49 13 89 27 45 17 76 51t31 89q0 69-54 113t-152 44q-142 0-211-86l57-64q57 71 161 71 49 0 75-21 26-22 26-56 0-33-31-54t-74-34q-39-12-87-30-45-16-76-50t-31-86q0-61 52-103 51-43 139-43 137 0 196 81l-58 59q-47-61-136-61-43 0-70 19-26 17-26 48Z" fill="currentColor"/><path class="dl-logo-letter" d="M4185 748l2 2q-112 40-213-9t-142-160q-39-108 4-210 42-100 147-138t200 10q97 49 134 153 8 23 9 34l-394 141q32 65 95 92 62 27 132 2 84-30 119-105l71 46q-19 44-63 82-43 37-101 53Zm-170-436l-1-1q-59 21-85 76-25 55-14 122l301-108q-37-65-89-87-53-23-113-2Z" fill="currentColor"/><circle class="dl-logo-dot" cx="4477" cy="767" r="68" fill="#2563eb"/></svg>
        </a>

        <!-- Center Nav -->
        <div class="dl-nav-center">
            <!-- Plataforma (mega menu) -->
            <div class="dl-nav-item" data-mega="producto" id="dlNavProducto">
                Platform
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
            </div>

            <!-- Productos y precios (mega menu) -->
            <div class="dl-nav-item" data-mega="precios" id="dlNavPrecios">
                Products and pricing
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
            </div>

            <!-- Recursos (mega menu) -->
            <div class="dl-nav-item" data-mega="recursos" id="dlNavRecursos">
                Resources
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
            </div>

            <!-- Contacto -->
            <a href="/contact" class="dl-nav-item">Contact</a>

        </div>

        <!-- Actions -->
        <div class="dl-nav-actions">
            <a href="#" class="dl-btn-ai-agent" id="dlBtnAiAgent">
                <span class="dl-ai-pulse"></span>
                <span>Talk to our AI agent</span>
            </a>
            <a href="https://app.datalyse.io/?elang=en" class="dl-btn-login">Log in</a>
            <a href="/signupnow" class="dl-btn-trial">Start for free</a>
        </div>

        <!-- Hamburger -->
        <button class="dl-hamburger" id="dlHamburger" aria-label="Menu">
            <span></span><span></span><span></span>
        </button>
    </div>

    <!-- ==================== MEGA MENU 1 - PLATAFORMA ==================== -->
    <div class="dl-mega" id="dlMegaProducto">
        <!-- Featured card row -->
        <div class="dl-mega-featured-row" style="max-width:1360px;margin:0 auto;">
            <a href="/sales" class="dl-mega-featured-card">
                <div class="dl-mega-featured-icon">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8"/><path d="M12 17v4"/><path d="M7 8h2m2 0h2"/></svg>
                </div>
                <div>
                    <div class="dl-mega-featured-title">All-in-one platform</div>
                    <div class="dl-mega-featured-desc">CRM, telecommunications, AI and team management integrated</div>
                </div>
            </a>
        </div>

        <div class="dl-mega-body">
            <!-- LEFT CONTENT -->
            <div class="dl-mega-left" style="padding-top:24px;">

                <!-- SOLUCIONES section -->
                <div class="dl-mega-section-title">SOLUTIONS</div>
                <div class="dl-mega-grid-3">

                    <!-- Column 1: Ventas y CRM -->
                    <div>
                        <div class="dl-mega-col-title">Sales and CRM</div>
                        <a href="/sales" class="dl-mega-text-link">Contacts and CRM</a>
                        <a href="/opportunities" class="dl-mega-text-link">Opportunity Management</a>
                        <a href="/tickets" class="dl-mega-text-link">Ticket Management</a>
                        <a href="/calendar" class="dl-mega-text-link">Calendar and Meetings</a>
                        <a href="/reports" class="dl-mega-text-link">Reports and Dashboards</a>
                    </div>

                    <!-- Column 2: Telecomunicaciones -->
                    <div>
                        <div class="dl-mega-col-title">Telecommunications</div>
                        <a href="/web-phone" class="dl-mega-text-link">Web Phone</a>
                        <a href="/numbers" class="dl-mega-text-link">Numbers in 90+ countries</a>
                        <a href="/whatsapp" class="dl-mega-text-link">WhatsApp Business</a>
                        <a href="/emails" class="dl-mega-text-link">Emails</a>
                        <a href="/messenger" class="dl-mega-text-link">Facebook Messenger</a>
                        <a href="/instagram" class="dl-mega-text-link">Instagram DM</a>
                        <a href="/facebook-ads" class="dl-mega-text-link">Facebook Lead Ads</a>
                    </div>

                    <!-- Column 3: IA y Automatización -->
                    <div>
                        <div class="dl-mega-col-title">AI and Automation</div>
                        <a href="/ai-agents" class="dl-mega-text-link">AI Agents</a>
                        <a href="/ai-assistant" class="dl-mega-text-link">AI Assistant</a>
                        <a href="/ai-voices" class="dl-mega-text-link">+500 AI Voices</a>
                        <a href="/voice-cloner" class="dl-mega-text-link">Voice Cloner</a>
                        <a href="/workflows" class="dl-mega-text-link">Workflows and automations</a>
                    </div>
                </div>

                <!-- Bottom row: MÁS SOLUCIONES -->
                <div class="dl-mega-bottom-row">
                    <div class="dl-mega-section-title">MORE SOLUTIONS</div>
                    <div class="dl-mega-bottom-grid">
                        <a href="/hr" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="8" x2="20" y2="14"/><line x1="23" y1="11" x2="17" y2="11"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">Employee Management</div>
                                <div class="dl-mega-bottom-desc">HR, time tracking and attendance</div>
                            </div>
                        </a>
                        <a href="/brokers" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 7V5a4 4 0 0 0-8 0v2"/><line x1="12" y1="12" x2="12" y2="16"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">DataTrader Manager</div>
                                <div class="dl-mega-bottom-desc">CRM for financial brokers</div>
                            </div>
                        </a>
                        <a href="/call-centers" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">Call Centers</div>
                                <div class="dl-mega-bottom-desc">Dialers and advanced analytics</div>
                            </div>
                        </a>
                        <a href="/web-services" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">Datalyse Web Services <span class="dl-badge dl-badge-purple">New</span></div>
                                <div class="dl-mega-bottom-desc">Your brand, website and @yourcompany email</div>
                            </div>
                        </a>
                    </div>
                </div>

            </div>

            <!-- RIGHT PANEL (Plataforma) -->
            <div class="dl-mega-right">
                <div class="dl-mega-right-title">Industries</div>
                <div class="dl-sector-tags">
                    <a href="/contact" class="dl-sector-tag">Finance</a>
                    <a href="/contact" class="dl-sector-tag">Insurance</a>
                    <a href="/contact" class="dl-sector-tag">Real Estate</a>
                    <a href="/contact" class="dl-sector-tag">Contact Centers</a>
                    <a href="/contact" class="dl-sector-tag">Retail</a>
                </div>

                <div class="dl-mega-right-title">Resources</div>
                <a href="/blog" class="dl-mega-right-link">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>
                    Blog
                </a>
                <a href="https://developers.datalyse.io/devs/?elang=en" class="dl-mega-right-link" target="_blank" rel="noopener">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
                    API & Developers
                </a>

                <a href="/contact" class="dl-mega-cta">
                    Request a demo
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
                </a>
            </div>
        </div>
    </div>

    <!-- ==================== MEGA MENU 2 - PRODUCTOS Y PRECIOS ==================== -->
    <div class="dl-mega" id="dlMegaPrecios">
        <!-- Featured card row -->
        <div class="dl-mega-featured-row" style="max-width:1360px;margin:0 auto;">
            <a href="/pricing" class="dl-mega-featured-card">
                <div class="dl-mega-featured-icon" style="background:#22c55e;">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
                </div>
                <div>
                    <div class="dl-mega-featured-title">Free</div>
                    <div class="dl-mega-featured-desc">Free version of Datalyse, forever.</div>
                </div>
            </a>
            <a href="/pricing" class="dl-mega-featured-card">
                <div class="dl-mega-featured-icon" style="background:#10b981;">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
                </div>
                <div>
                    <div class="dl-mega-featured-title">Starter</div>
                    <div class="dl-mega-featured-desc">CRM, communication and automation in one platform.</div>
                </div>
            </a>
            <a href="/pricing" class="dl-mega-featured-card">
                <div class="dl-mega-featured-icon" style="background:#3b82f6;">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg>
                </div>
                <div>
                    <div class="dl-mega-featured-title">Grow</div>
                    <div class="dl-mega-featured-desc">More automation, more capacity and multichannel intelligence.</div>
                </div>
            </a>
            <a href="/pricing" class="dl-mega-featured-card">
                <div class="dl-mega-featured-icon" style="background:#8b5cf6;">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
                </div>
                <div>
                    <div class="dl-mega-featured-title">Pro</div>
                    <div class="dl-mega-featured-desc">Maximum performance, control and customisation at scale.</div>
                </div>
            </a>
        </div>

        <div class="dl-mega-body">
            <div class="dl-mega-left" style="padding-top:24px;">

                <!-- PRODUCTOS section -->
                <div class="dl-mega-section-title">PRODUCTS</div>
                <div class="dl-mega-grid-4" style="gap:0;">
                    <a href="/sales" class="dl-mega-link">
                        <svg class="dl-mega-link-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
                        <div class="dl-mega-link-text">
                            <div class="dl-mega-link-name">Sales and CRM</div>
                            <div class="dl-mega-link-desc">AI-powered CRM, pipeline and automations</div>
                        </div>
                    </a>
                    <a href="/telecom" class="dl-mega-link">
                        <svg class="dl-mega-link-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                        <div class="dl-mega-link-text">
                            <div class="dl-mega-link-name">Telecommunications</div>
                            <div class="dl-mega-link-desc">PBX, numbers in 90+ countries and WhatsApp</div>
                        </div>
                    </a>
                    <a href="/hr" class="dl-mega-link">
                        <svg class="dl-mega-link-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="8" x2="20" y2="14"/><line x1="23" y1="11" x2="17" y2="11"/></svg>
                        <div class="dl-mega-link-text">
                            <div class="dl-mega-link-name">Human Resources</div>
                            <div class="dl-mega-link-desc">Time tracking, shifts and recruitment</div>
                        </div>
                    </a>
                    <a href="/brokers" class="dl-mega-link">
                        <svg class="dl-mega-link-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg>
                        <div class="dl-mega-link-text">
                            <div class="dl-mega-link-name">Brokers</div>
                            <div class="dl-mega-link-desc">Financial CRM and compliance</div>
                        </div>
                    </a>
                </div>

                <!-- MULTICHANNEL COMMUNICATION SOLUTIONS -->
                <div class="dl-mega-bottom-row">
                    <div class="dl-mega-section-title" style="margin-top:20px;">MULTICHANNEL COMMUNICATION SOLUTIONS</div>
                    <div class="dl-mega-bottom-grid">
                        <a href="/numbers" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">Numbers in 90+ countries</div>
                                <div class="dl-mega-bottom-desc">Competitive rates, multi-carrier with advanced routing</div>
                            </div>
                        </a>
                        <a href="/whatsapp" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">WhatsApp · Instagram · Messenger</div>
                                <div class="dl-mega-bottom-desc">Integrated messaging with AI or manual response</div>
                            </div>
                        </a>
                        <a href="/facebook-ads" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">Facebook Lead Ads</div>
                                <div class="dl-mega-bottom-desc">Direct capture from ad forms</div>
                            </div>
                        </a>
                        <a href="/emails" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">Email inbox</div>
                                <div class="dl-mega-bottom-desc">With your hosting or our integrated email service</div>
                            </div>
                        </a>
                    </div>
                </div>

                <!-- SERVICIOS DE IA -->
                <div class="dl-mega-bottom-row">
                    <div class="dl-mega-section-title">AI SERVICES</div>
                    <div class="dl-mega-bottom-grid">
                        <a href="/ai-agents" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a4 4 0 0 1 4 4v1h1a3 3 0 0 1 3 3v1a3 3 0 0 1-3 3h-1v4a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-4H7a3 3 0 0 1-3-3v-1a3 3 0 0 1 3-3h1V6a4 4 0 0 1 4-4z"/><circle cx="10" cy="12" r="1"/><circle cx="14" cy="12" r="1"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">AI Agents</div>
                                <div class="dl-mega-bottom-desc">Calls 24/7 in 90+ languages</div>
                            </div>
                        </a>
                        <a href="/ai-assistant" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">AI Assistant</div>
                                <div class="dl-mega-bottom-desc">AI copilot, docs and AI websites</div>
                            </div>
                        </a>
                        <a href="/ai-voices" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/><path d="M19.07 4.93a10 10 0 0 1 0 14.14"/><path d="M15.54 8.46a5 5 0 0 1 0 7.07"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">+500 AI Voices & Cloner</div>
                                <div class="dl-mega-bottom-desc">Ultra-realistic voices and clone your voice</div>
                            </div>
                        </a>
                        <a href="/web-services" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">Datalyse Web Services</div>
                                <div class="dl-mega-bottom-desc">Domain, AI website and @yourcompany email</div>
                            </div>
                        </a>
                    </div>
                </div>

            </div>

            <!-- RIGHT PANEL (Productos y precios) -->
            <div class="dl-mega-right">
                <div class="dl-mega-right-title">Plans</div>
                <a href="/pricing" class="dl-mega-right-link">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
                    Free
                </a>
                <a href="/pricing" class="dl-mega-right-link">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
                    Starter
                </a>
                <a href="/pricing" class="dl-mega-right-link">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/><polyline points="17 6 23 6 23 12"/></svg>
                    Grow
                </a>
                <a href="/pricing" class="dl-mega-right-link">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
                    Pro
                </a>
                <a href="/pricing" class="dl-mega-cta">
                    Compare plans
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
                </a>

                <div class="dl-mega-right-title" style="margin-top:20px;">Rates</div>
                <a href="/pricing-telecom" class="dl-mega-right-link">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                    Call Rates
                </a>
                <a href="/pricing-ai" class="dl-mega-right-link">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a4 4 0 0 1 4 4v1h1a3 3 0 0 1 3 3v1a3 3 0 0 1-3 3h-1v4a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-4H7a3 3 0 0 1-3-3v-1a3 3 0 0 1 3-3h1V6a4 4 0 0 1 4-4z"/><circle cx="10" cy="12" r="1"/><circle cx="14" cy="12" r="1"/></svg>
                    AI Agent Rates
                </a>
            </div>
        </div>
    </div>

    <!-- ==================== MEGA MENU 3 - RECURSOS ==================== -->
    <div class="dl-mega" id="dlMegaRecursos">
        <div class="dl-mega-body">
            <div class="dl-mega-left" style="padding-top:24px;">

                <!-- COMPANY INFORMATION -->
                <div class="dl-mega-section-title">COMPANY INFORMATION</div>
                <div class="dl-mega-grid-4">
                    <div>
                        <a href="/about" class="dl-mega-text-link">About us</a>
                        <a href="/about" class="dl-mega-text-link">Our journey and philosophy</a>
                        <a href="/awards" class="dl-mega-text-link">Awards</a>
                    </div>
                    <div>
                        <a href="/blog" class="dl-mega-text-link">Blog</a>
                        <a href="/about" class="dl-mega-text-link">Case studies</a>
                        <a href="/investors" class="dl-mega-text-link">Investors</a>
                    </div>
                    <div>
                        <a href="/security" class="dl-mega-text-link">Security and protection</a>
                        <a href="/helpdesk" class="dl-mega-text-link">Help centre</a>
                        <a href="/helpdesk" class="dl-mega-text-link">Product guides</a>
                    </div>
                    <div>
                        <a href="https://developers.datalyse.io/devs/?elang=en" class="dl-mega-text-link" target="_blank" rel="noopener">API & Developers</a>
                        <a href="https://developers.datalyse.io/devs/?elang=en#applications" class="dl-mega-text-link" target="_blank" rel="noopener">Embeddable widgets</a>
                        <a href="https://developers.datalyse.io/devs/?elang=en" class="dl-mega-text-link" target="_blank" rel="noopener">Technical documentation</a>
                    </div>
                </div>

                <!-- PARTNERS AND PROGRAMMES -->
                <div class="dl-mega-bottom-row">
                    <div class="dl-mega-section-title">PARTNERS AND PROGRAMMES</div>
                    <div class="dl-mega-bottom-grid">
                        <a href="/partners" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">Partner Programme</div>
                                <div class="dl-mega-bottom-desc">For SaaS and wholesale telecom operators</div>
                            </div>
                        </a>
                        <a href="/startups" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">Startups and entrepreneurs</div>
                                <div class="dl-mega-bottom-desc">Grants and free credits to get started</div>
                            </div>
                        </a>
                        <a href="/wholesale" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 7V5a4 4 0 0 0-8 0v2"/><line x1="12" y1="12" x2="12" y2="16"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">Wholesale Telecom</div>
                                <div class="dl-mega-bottom-desc">Services for telecom operators</div>
                            </div>
                        </a>
                        <a href="/web-services" class="dl-mega-bottom-card">
                            <div class="dl-mega-bottom-icon">
                                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
                            </div>
                            <div>
                                <div class="dl-mega-bottom-name">White-label SaaS</div>
                                <div class="dl-mega-bottom-desc">Offer Datalyse with your brand to your clients</div>
                            </div>
                        </a>
                    </div>
                </div>

            </div>

            <!-- RIGHT PANEL -->
            <div class="dl-mega-right">
                <div class="dl-mega-right-title">Support</div>
                <a href="/contact" class="dl-mega-right-link">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                    Contact support
                </a>
                <a href="/helpdesk" class="dl-mega-right-link">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
                    Interactive guides
                </a>

                <div class="dl-mega-right-title">Trust</div>
                <a href="/privacy" class="dl-mega-right-link">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
                    Security and privacy
                </a>
                <a href="/legal" class="dl-mega-right-link">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
                    Términos y condiciones
                </a>

                <a href="/contact" class="dl-mega-cta">
                    We can help
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
                </a>
            </div>
        </div>
    </div>

    <!-- MEGA OVERLAY (click outside to close) -->
    <div class="dl-mega-overlay" id="dlMegaOverlay"></div>
</nav>

<!-- ==================== MOBILE MENU ==================== -->
<div class="dl-mobile-menu" id="dlMobileMenu">
    <!-- Plataforma -->
    <div class="dl-mobile-section" data-section="plataforma">
        <button class="dl-mobile-section-header" type="button">
            Platform
            <span class="dl-mobile-section-toggle">+</span>
        </button>
        <div class="dl-mobile-section-body">
            <div class="dl-mobile-group-title">Sales and CRM</div>
            <a href="/sales" class="dl-mobile-link">Contacts and CRM <span class="dl-badge dl-badge-green">Popular</span></a>
            <a href="/opportunities" class="dl-mobile-link">Opportunity Management</a>
            <a href="/tickets" class="dl-mobile-link">Ticket Management</a>
            <a href="/calendar" class="dl-mobile-link">Calendar and Meetings</a>
            <a href="/reports" class="dl-mobile-link">Reports and Dashboards</a>

            <div class="dl-mobile-group-title">Telecommunications</div>
            <a href="/web-phone" class="dl-mobile-link">Web Phone <span class="dl-badge dl-badge-green">Popular</span></a>
            <a href="/numbers" class="dl-mobile-link">Phone Numbers</a>
            <a href="/whatsapp" class="dl-mobile-link">WhatsApp Business</a>
            <a href="/emails" class="dl-mobile-link">Emails</a>
            <a href="/messenger" class="dl-mobile-link">Facebook Messenger <span class="dl-badge dl-badge-purple">New</span></a>
            <a href="/instagram" class="dl-mobile-link">Instagram DM <span class="dl-badge dl-badge-purple">New</span></a>
            <a href="/facebook-ads" class="dl-mobile-link">Facebook Lead Ads <span class="dl-badge dl-badge-purple">Beta</span></a>

            <div class="dl-mobile-group-title">Enterprise AI</div>
            <a href="/ai-agents" class="dl-mobile-link">AI Agents <span class="dl-badge dl-badge-purple">New</span></a>
            <a href="/ai-voices" class="dl-mobile-link">AI Voices</a>
            <a href="/ai-assistant" class="dl-mobile-link">AI Assistant</a>

            <div class="dl-mobile-group-title">More solutions</div>
            <a href="/hr" class="dl-mobile-link">Employee Management</a>
            <a href="/brokers" class="dl-mobile-link">DataTrader Manager</a>
            <a href="/call-centers" class="dl-mobile-link">Call Centers <span class="dl-badge dl-badge-purple">New</span></a>
            <a href="/web-services" class="dl-mobile-link">Datalyse Web Services <span class="dl-badge dl-badge-purple">New</span></a>
        </div>
    </div>

    <!-- Productos y precios -->
    <div class="dl-mobile-section" data-section="precios">
        <button class="dl-mobile-section-header" type="button">
            Products and pricing
            <span class="dl-mobile-section-toggle">+</span>
        </button>
        <div class="dl-mobile-section-body">
            <div class="dl-mobile-group-title">Products</div>
            <a href="/sales" class="dl-mobile-link">Sales and CRM</a>
            <a href="/telecom" class="dl-mobile-link">Telecommunications</a>
            <a href="/hr" class="dl-mobile-link">Human Resources</a>
            <a href="/brokers" class="dl-mobile-link">Brokers</a>

            <div class="dl-mobile-group-title">Multichannel Communications</div>
            <a href="/numbers" class="dl-mobile-link">Numbers in 90+ countries</a>
            <a href="/whatsapp" class="dl-mobile-link">WhatsApp · Instagram · Messenger</a>
            <a href="/facebook-ads" class="dl-mobile-link">Facebook Lead Ads</a>
            <a href="/emails" class="dl-mobile-link">Email inbox</a>

            <div class="dl-mobile-group-title">AI Services</div>
            <a href="/ai-agents" class="dl-mobile-link">AI Agents</a>
            <a href="/ai-assistant" class="dl-mobile-link">AI Assistant</a>
            <a href="/ai-voices" class="dl-mobile-link">+500 AI Voices & Cloner</a>
            <a href="/web-services" class="dl-mobile-link">Datalyse Web Services</a>

            <div class="dl-mobile-group-title">Plans and pricing</div>
            <a href="/pricing" class="dl-mobile-link">Compare plans</a>
            <a href="/pricing-telecom" class="dl-mobile-link">Call Rates</a>
            <a href="/pricing-ai" class="dl-mobile-link">AI Agent Rates</a>
        </div>
    </div>

    <!-- Recursos -->
    <div class="dl-mobile-section" data-section="recursos">
        <button class="dl-mobile-section-header" type="button">
            Resources
            <span class="dl-mobile-section-toggle">+</span>
        </button>
        <div class="dl-mobile-section-body">
            <div class="dl-mobile-group-title">Company</div>
            <a href="/about" class="dl-mobile-link">About us</a>
            <a href="/awards" class="dl-mobile-link">Awards and journey</a>
            <a href="/blog" class="dl-mobile-link">Blog</a>
            <a href="/investors" class="dl-mobile-link">Investors</a>
            <a href="/security" class="dl-mobile-link">Security and protection</a>

            <div class="dl-mobile-group-title">Developers</div>
            <a href="https://developers.datalyse.io/devs/?elang=en" class="dl-mobile-link" target="_blank" rel="noopener">API & Developers</a>
            <a href="https://developers.datalyse.io/devs/?elang=en" class="dl-mobile-link" target="_blank" rel="noopener">Widgets and documentation</a>

            <div class="dl-mobile-group-title">Partners and programmes</div>
            <a href="/partners" class="dl-mobile-link">Partner Programme</a>
            <a href="/startups" class="dl-mobile-link">Startups and entrepreneurs</a>
            <a href="/wholesale" class="dl-mobile-link">Wholesale Telecom</a>
            <a href="/web-services" class="dl-mobile-link">White-label SaaS</a>
        </div>
    </div>

    <!-- Direct links -->
    <a href="/contact" class="dl-mobile-direct-link">Contacto</a>

    <!-- CTA buttons -->
    <div class="dl-mobile-bottom">
        <a href="#" class="dl-btn-ai-agent" id="dlBtnAiAgentMobile" style="width:100%;justify-content:center;">
            <span class="dl-ai-pulse"></span>
            <span>Talk to our AI agent</span>
        </a>
        <a href="https://app.datalyse.io/?elang=en" class="dl-btn-login">Log in</a>
        <a href="/signupnow" class="dl-btn-trial">Start for free</a>

        <!-- Phone -->
        <a href="tel:+442922550669" class="dl-mobile-phone-link">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
            +44 29 2255 0669        </a>

        <!-- Language selector -->
        <div class="dl-mobile-lang">
            <button class="dl-mobile-lang-btn" id="dlMobileLangBtn" type="button">
                <span class="fi fi-gb"></span>
                English (UK)                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>
            </button>
            <div class="dl-mobile-lang-list" id="dlMobileLangList">
                                <a href="https://datalyse.es">
                    <span class="fi fi-es" style="font-size:14px;border-radius:2px;"></span>
                    Español                </a>
                                <a href="https://us.datalyse.io">
                    <span class="fi fi-us" style="font-size:14px;border-radius:2px;"></span>
                    English (US)                </a>
                                <a href="https://datalyse.io">
                    <span class="fi fi-gb" style="font-size:14px;border-radius:2px;"></span>
                    English (UK)                </a>
                                <a href="https://de.datalyse.io">
                    <span class="fi fi-de" style="font-size:14px;border-radius:2px;"></span>
                    Deutsch                </a>
                                <a href="https://nl.datalyse.io">
                    <span class="fi fi-nl" style="font-size:14px;border-radius:2px;"></span>
                    Nederlands                </a>
                                <a href="https://pl.datalyse.io">
                    <span class="fi fi-pl" style="font-size:14px;border-radius:2px;"></span>
                    Polski                </a>
                                <a href="https://pt.datalyse.io">
                    <span class="fi fi-pt" style="font-size:14px;border-radius:2px;"></span>
                    Português                </a>
                                <a href="https://pt-br.datalyse.io">
                    <span class="fi fi-br" style="font-size:14px;border-radius:2px;"></span>
                    Português (BR)                </a>
                                <a href="https://bg.datalyse.io">
                    <span class="fi fi-bg" style="font-size:14px;border-radius:2px;"></span>
                    Български                </a>
                                <a href="https://cs.datalyse.io">
                    <span class="fi fi-cz" style="font-size:14px;border-radius:2px;"></span>
                    Český                </a>
                                <a href="https://zh.datalyse.io">
                    <span class="fi fi-cn" style="font-size:14px;border-radius:2px;"></span>
                    中文(简体)                </a>
                                <a href="https://da.datalyse.io">
                    <span class="fi fi-dk" style="font-size:14px;border-radius:2px;"></span>
                    Dansk                </a>
                                <a href="https://sk.datalyse.io">
                    <span class="fi fi-sk" style="font-size:14px;border-radius:2px;"></span>
                    Slovenský                </a>
                                <a href="https://sl.datalyse.io">
                    <span class="fi fi-si" style="font-size:14px;border-radius:2px;"></span>
                    Slovenskega                </a>
                                <a href="https://et.datalyse.io">
                    <span class="fi fi-ee" style="font-size:14px;border-radius:2px;"></span>
                    Eesti                </a>
                                <a href="https://fi.datalyse.io">
                    <span class="fi fi-fi" style="font-size:14px;border-radius:2px;"></span>
                    Suomi                </a>
                                <a href="https://fr.datalyse.io">
                    <span class="fi fi-fr" style="font-size:14px;border-radius:2px;"></span>
                    Français                </a>
                                <a href="https://el.datalyse.io">
                    <span class="fi fi-gr" style="font-size:14px;border-radius:2px;"></span>
                    Ελληνικά                </a>
                                <a href="https://hu.datalyse.io">
                    <span class="fi fi-hu" style="font-size:14px;border-radius:2px;"></span>
                    Magyar                </a>
                                <a href="https://it.datalyse.io">
                    <span class="fi fi-it" style="font-size:14px;border-radius:2px;"></span>
                    Italiano                </a>
                                <a href="https://ja.datalyse.io">
                    <span class="fi fi-jp" style="font-size:14px;border-radius:2px;"></span>
                    日本語                </a>
                                <a href="https://lv.datalyse.io">
                    <span class="fi fi-lv" style="font-size:14px;border-radius:2px;"></span>
                    Latviešu                </a>
                                <a href="https://lt.datalyse.io">
                    <span class="fi fi-lt" style="font-size:14px;border-radius:2px;"></span>
                    Lietuvių                </a>
                                <a href="https://ro.datalyse.io">
                    <span class="fi fi-ro" style="font-size:14px;border-radius:2px;"></span>
                    Română                </a>
                                <a href="https://ru.datalyse.io">
                    <span class="fi fi-ru" style="font-size:14px;border-radius:2px;"></span>
                    Русский                </a>
                                <a href="https://sv.datalyse.io">
                    <span class="fi fi-se" style="font-size:14px;border-radius:2px;"></span>
                    Svenska                </a>
                            </div>
        </div>
    </div>
</div>

<script>
(function() {
    'use strict';

    var navbar = document.getElementById('dlNavbar');
    var hamburger = document.getElementById('dlHamburger');
    var mobileMenu = document.getElementById('dlMobileMenu');
    var megaOverlay = document.getElementById('dlMegaOverlay');
    var megaProducto = document.getElementById('dlMegaProducto');
    var navProducto = document.getElementById('dlNavProducto');
    var navPrecios = document.getElementById('dlNavPrecios');
    var megaPrecios = document.getElementById('dlMegaPrecios');
    var navRecursos = document.getElementById('dlNavRecursos');
    var megaRecursos = document.getElementById('dlMegaRecursos');
    var topbarLang = document.getElementById('dlTopbarLang');
    var langDropdown = document.getElementById('dlLangDropdown');
    var mobileLangBtn = document.getElementById('dlMobileLangBtn');
    var mobileLangList = document.getElementById('dlMobileLangList');

    var activeMenu = null;
    var closeTimer = null;

    // Scroll handler for sticky effect
    function onScroll() {
        if (window.scrollY > 10) {
            navbar.classList.add('dl-scrolled');
        } else {
            navbar.classList.remove('dl-scrolled');
        }
    }
    window.addEventListener('scroll', onScroll, { passive: true });
    onScroll();

    // Close all menus
    function closeAll() {
        clearTimeout(closeTimer);
        megaProducto.classList.remove('dl-open');
        megaPrecios.classList.remove('dl-open');
        megaRecursos.classList.remove('dl-open');
        megaOverlay.classList.remove('dl-open');
        navProducto.classList.remove('dl-active');
        navPrecios.classList.remove('dl-active');
        navRecursos.classList.remove('dl-active');
        activeMenu = null;
    }

    // Position arrow under active nav item
    function positionArrow(navEl, menuEl) {
        if (!navEl || !menuEl) return;
        var rect = navEl.getBoundingClientRect();
        var menuRect = menuEl.getBoundingClientRect();
        var center = rect.left + rect.width / 2 - menuRect.left;
        menuEl.style.setProperty('--arrow-left', center + 'px');
    }

    function openMenu(name) {
        closeAll();
        activeMenu = name;
        if (name === 'producto') {
            megaProducto.classList.add('dl-open');
            megaOverlay.classList.add('dl-open');
            navProducto.classList.add('dl-active');
            positionArrow(navProducto, megaProducto);
        } else if (name === 'precios') {
            megaPrecios.classList.add('dl-open');
            megaOverlay.classList.add('dl-open');
            navPrecios.classList.add('dl-active');
            positionArrow(navPrecios, megaPrecios);
        } else if (name === 'recursos') {
            megaRecursos.classList.add('dl-open');
            megaOverlay.classList.add('dl-open');
            navRecursos.classList.add('dl-active');
            positionArrow(navRecursos, megaRecursos);
        }
    }

    // Desktop hover logic with delay
    function setupHover(navEl, name) {
        navEl.addEventListener('mouseenter', function() {
            clearTimeout(closeTimer);
            openMenu(name);
        });
        navEl.addEventListener('mouseleave', function() {
            closeTimer = setTimeout(closeAll, 400);
        });
    }

    setupHover(navProducto, 'producto');
    setupHover(navPrecios, 'precios');
    setupHover(navRecursos, 'recursos');

    // Keep mega open when hovering over it
    megaProducto.addEventListener('mouseenter', function() {
        clearTimeout(closeTimer);
    });
    megaProducto.addEventListener('mouseleave', function() {
        closeTimer = setTimeout(closeAll, 400);
    });

    // Keep mega precios open when hovering
    megaPrecios.addEventListener('mouseenter', function() { clearTimeout(closeTimer); });
    megaPrecios.addEventListener('mouseleave', function() { closeTimer = setTimeout(closeAll, 400); });

    // Keep mega recursos open when hovering
    megaRecursos.addEventListener('mouseenter', function() { clearTimeout(closeTimer); });
    megaRecursos.addEventListener('mouseleave', function() { closeTimer = setTimeout(closeAll, 400); });

    // Click on overlay closes mega
    megaOverlay.addEventListener('click', closeAll);

    // Click nav items (for touch devices at desktop size)
    navProducto.addEventListener('click', function(e) {
        e.stopPropagation();
        if (activeMenu === 'producto') { closeAll(); } else { openMenu('producto'); }
    });
    navPrecios.addEventListener('click', function(e) {
        e.stopPropagation();
        if (activeMenu === 'precios') { closeAll(); } else { openMenu('precios'); }
    });
    navRecursos.addEventListener('click', function(e) {
        e.stopPropagation();
        if (activeMenu === 'recursos') { closeAll(); } else { openMenu('recursos'); }
    });

    // Close on outside click
    document.addEventListener('click', function(e) {
        if (!navbar.contains(e.target)) {
            closeAll();
        }
    });

    // Close on Escape
    document.addEventListener('keydown', function(e) {
        if (e.key === 'Escape') {
            closeAll();
            closeMobile();
            langDropdown.classList.remove('dl-open');
        }
    });

    // ==================== TAB SWITCHING ====================
    var megaTabs = megaProducto.querySelectorAll('.dl-mega-tab');
    var megaPanels = megaProducto.querySelectorAll('.dl-mega-tab-panel');

    megaTabs.forEach(function(tab) {
        tab.addEventListener('click', function(e) {
            e.stopPropagation();
            var targetPanel = tab.getAttribute('data-tab');

            // Update active tab
            megaTabs.forEach(function(t) { t.classList.remove('dl-tab-active'); });
            tab.classList.add('dl-tab-active');

            // Update active panel
            megaPanels.forEach(function(p) { p.classList.remove('dl-tab-panel-active'); });
            var panel = megaProducto.querySelector('[data-panel="' + targetPanel + '"]');
            if (panel) {
                panel.classList.add('dl-tab-panel-active');
            }
        });
    });

    // Hamburger toggle
    function closeMobile() {
        hamburger.classList.remove('dl-open');
        mobileMenu.classList.remove('dl-open');
        document.body.style.overflow = '';
    }

    hamburger.addEventListener('click', function() {
        var isOpen = hamburger.classList.toggle('dl-open');
        if (isOpen) {
            mobileMenu.classList.add('dl-open');
            document.body.style.overflow = 'hidden';
        } else {
            closeMobile();
        }
    });

    // Mobile accordion
    var sections = mobileMenu.querySelectorAll('.dl-mobile-section');
    sections.forEach(function(section) {
        var header = section.querySelector('.dl-mobile-section-header');
        header.addEventListener('click', function() {
            var isExpanded = section.classList.contains('dl-expanded');
            // Close all sections
            sections.forEach(function(s) { s.classList.remove('dl-expanded'); });
            if (!isExpanded) {
                section.classList.add('dl-expanded');
            }
        });
    });

    // Top bar language dropdown
    topbarLang.addEventListener('click', function(e) {
        e.stopPropagation();
        langDropdown.classList.toggle('dl-open');
    });
    document.addEventListener('click', function(e) {
        if (!topbarLang.contains(e.target)) {
            langDropdown.classList.remove('dl-open');
        }
    });

    // Mobile language toggle
    mobileLangBtn.addEventListener('click', function() {
        mobileLangList.classList.toggle('dl-open');
    });

    // Close mobile on resize to desktop
    window.addEventListener('resize', function() {
        if (window.innerWidth > 1024) {
            closeMobile();
        }
    });

    // ==================== AI AGENT VOICE ====================
    function openAiVoice() {
        try {
            document.getElementById('datyai-btn-open-voice').click();
        } catch (e) {
            setTimeout(function() {
                try {
                    document.getElementById('datyai-btn-open-voice').click();
                } catch (e2) {}
            }, 10000);
        }
    }

    var aiBtn = document.getElementById('dlBtnAiAgent');
    if (aiBtn) {
        aiBtn.addEventListener('click', function(e) {
            e.preventDefault();
            openAiVoice();
        });
    }
    var aiBtnMobile = document.getElementById('dlBtnAiAgentMobile');
    if (aiBtnMobile) {
        aiBtnMobile.addEventListener('click', function(e) {
            e.preventDefault();
            closeMobile();
            openAiVoice();
        });
    }
})();
</script>
<!-- ==================== STYLES ==================== -->
<style>
/* === STARTUPS PAGE === */
.stu-hero {
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 120px 24px 80px;
    position: relative;
    overflow: hidden;
}
.stu-hero::before {
    content: '';
    position: absolute;
    top: -30%;
    left: -15%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(249,115,22,0.06) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}
.stu-hero::after {
    content: '';
    position: absolute;
    bottom: -20%;
    right: -10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(37,99,235,0.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}
.stu-container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}
.stu-hero-inner {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.stu-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    background: rgba(249,115,22,0.06);
    border: 1px solid rgba(249,115,22,0.15);
    border-radius: 100px;
    font-size: 14px;
    font-weight: 500;
    color: #f97316;
    margin-bottom: 32px;
    letter-spacing: 0.02em;
}
.stu-title {
    font-size: clamp(40px, 6vw, 72px);
    font-weight: 700;
    color: #0a0a0a;
    line-height: 1.05;
    letter-spacing: -0.03em;
    margin: 0 0 24px;
}
.stu-subtitle {
    font-size: clamp(17px, 2vw, 20px);
    color: #525252;
    line-height: 1.6;
    margin: 0 auto 48px;
    max-width: 640px;
    font-weight: 400;
}
.stu-hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 36px;
    background: #0a0a0a;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 100px;
    text-decoration: none;
    transition: all 0.3s ease;
    letter-spacing: -0.01em;
}
.stu-hero-cta:hover {
    background: #f97316;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(249,115,22,0.3);
}
.stu-hero-cta svg {
    width: 18px;
    height: 18px;
    transition: transform 0.3s ease;
}
.stu-hero-cta:hover svg {
    transform: translateX(4px);
}

/* Section common */
.stu-section {
    padding: 120px 24px;
    background: #fff;
}
.stu-section--alt {
    background: #fafafa;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}
.stu-section-label {
    font-size: 14px;
    font-weight: 600;
    color: #f97316;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 16px;
}
.stu-section-title {
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 700;
    color: #0a0a0a;
    line-height: 1.1;
    letter-spacing: -0.03em;
    margin: 0 0 20px;
}
.stu-section-desc {
    font-size: clamp(16px, 1.8vw, 18px);
    color: #525252;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 0 56px;
}
.stu-section-center {
    text-align: center;
}
.stu-section-center .stu-section-desc {
    margin: 0 auto 56px;
}

/* What you get cards */
.stu-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}
.stu-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    padding: 40px 32px;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}
.stu-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #f97316, #2563eb);
    opacity: 0;
    transition: opacity 0.4s ease;
}
.stu-card:hover::before {
    opacity: 1;
}
.stu-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.06);
    border-color: transparent;
}
.stu-card-icon {
    width: 48px;
    height: 48px;
    background: rgba(249,115,22,0.06);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    color: #f97316;
}
.stu-card-icon svg {
    width: 24px;
    height: 24px;
}
.stu-card h3 {
    font-size: 22px;
    font-weight: 700;
    color: #0a0a0a;
    margin: 0 0 12px;
    letter-spacing: -0.02em;
}
.stu-card p {
    font-size: 15px;
    color: #525252;
    line-height: 1.6;
    margin: 0;
}

/* Requirements */
.stu-reqs {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 600px;
    margin: 0 auto;
}
.stu-req {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 24px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    transition: all 0.3s ease;
}
.stu-req:hover {
    border-color: #2563eb;
}
.stu-req-num {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: #0a0a0a;
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
}
.stu-req span {
    font-size: 16px;
    font-weight: 600;
    color: #0a0a0a;
    letter-spacing: -0.01em;
}

/* CTA Section */
.stu-cta {
    padding: 120px 24px;
    background: #0a0a0a;
    text-align: center;
}
.stu-cta-title {
    font-size: clamp(36px, 5vw, 56px);
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
    margin: 0 0 20px;
    line-height: 1.1;
}
.stu-cta-desc {
    font-size: clamp(16px, 1.8vw, 18px);
    color: #a3a3a3;
    line-height: 1.6;
    max-width: 540px;
    margin: 0 auto 40px;
}
.stu-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 36px;
    background: #f97316;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 100px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.stu-cta-btn:hover {
    background: #ea580c;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(249,115,22,0.4);
}
.stu-cta-btn svg {
    width: 18px;
    height: 18px;
    transition: transform 0.3s ease;
}
.stu-cta-btn:hover svg {
    transform: translateX(4px);
}

/* Reveal animation */
.stu-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}
.stu-reveal.revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Responsive */
@media (max-width: 768px) {
    .stu-cards-grid {
        grid-template-columns: 1fr;
    }
}
</style>

<!-- ==================== HERO ==================== -->
<section class="stu-hero">
    <div class="stu-container">
        <div class="stu-hero-inner">
            <div class="stu-badge stu-reveal">Startups and Entrepreneurs</div>
            <h1 class="stu-title stu-reveal">Boost your startup with Datalyse</h1>
            <p class="stu-subtitle stu-reveal">Free credits, mentoring, and access to all our tools for startups and entrepreneurs who are just getting started.</p>
            <a href="/contact" class="stu-hero-cta stu-reveal">
                Apply for the programme
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
            </a>
        </div>
    </div>
</section>

<!-- ==================== WHAT YOU GET ==================== -->
<section class="stu-section stu-section--alt">
    <div class="stu-container">
        <div class="stu-section-center">
            <div class="stu-section-label stu-reveal">What's included</div>
            <h2 class="stu-section-title stu-reveal">Everything you need to take off</h2>
            <p class="stu-section-desc stu-reveal">Tools, credits and support so your startup can grow from day one.</p>
        </div>
        <div class="stu-cards-grid">
            <div class="stu-card stu-reveal">
                <div class="stu-card-icon">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
                </div>
                <h3>Up to 500 EUR in free credits</h3>
                <p>Get started with no investment. Use the credits for calls, AI, SMS and all platform features.</p>
            </div>
            <div class="stu-card stu-reveal">
                <div class="stu-card-icon">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
                </div>
                <h3>Growth plan for 6 months</h3>
                <p>Full access to the Growth plan with all premium features at no cost for six months.</p>
            </div>
            <div class="stu-card stu-reveal">
                <div class="stu-card-icon">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
                </div>
                <h3>Priority support</h3>
                <p>Direct access to our support team with reduced response times so you never get stuck.</p>
            </div>
            <div class="stu-card stu-reveal">
                <div class="stu-card-icon">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
                </div>
                <h3>Access to the founders community</h3>
                <p>Connect with other entrepreneurs, share experiences and learn from founders already using Datalyse.</p>
            </div>
        </div>
    </div>
</section>

<!-- ==================== REQUIREMENTS ==================== -->
<section class="stu-section">
    <div class="stu-container">
        <div class="stu-section-center">
            <div class="stu-section-label stu-reveal">Requirements</div>
            <h2 class="stu-section-title stu-reveal">Can I participate?</h2>
            <p class="stu-section-desc stu-reveal">To access the startup programme you only need to meet these requirements.</p>
        </div>
        <div class="stu-reqs">
            <div class="stu-req stu-reveal">
                <div class="stu-req-num">01</div>
                <span>Company less than 2 years old</span>
            </div>
            <div class="stu-req stu-reveal">
                <div class="stu-req-num">02</div>
                <span>Fewer than 10 employees</span>
            </div>
            <div class="stu-req stu-reveal">
                <div class="stu-req-num">03</div>
                <span>Not having used Datalyse before</span>
            </div>
        </div>
    </div>
</section>

<!-- ==================== CTA ==================== -->
<section class="stu-cta">
    <div class="stu-container">
        <h2 class="stu-cta-title stu-reveal">Start for free. Grow without limits.</h2>
        <p class="stu-cta-desc stu-reveal">Apply for the startup programme and start building your business with Datalyse.</p>
        <a href="/contact" class="stu-cta-btn stu-reveal">
            Apply for the programme
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
        </a>
    </div>
</section>

<!-- ==================== SCROLL REVEAL JS ==================== -->
<script>
(function(){
    const els = document.querySelectorAll('.stu-reveal');
    const observer = new IntersectionObserver((entries) => {
        entries.forEach((entry, i) => {
            if (entry.isIntersecting) {
                setTimeout(() => entry.target.classList.add('revealed'), i * 80);
                observer.unobserve(entry.target);
            }
        });
    }, { threshold: 0.15 });
    els.forEach(el => observer.observe(el));
})();
</script>

<!-- ==================== FOOTER HYROS STYLE ==================== -->
<footer class="footer">
    <div class="footer-inner">
        <div class="footer-main">
            <!-- Left Column: Brand + CTA -->
            <div class="footer-brand-section">
                <div class="footer-brand-content">
                    <p class="footer-headline">The all-in-one platform for sales, communications and operations</p>

                    <div class="footer-app-buttons">
                                                    <a class="app-btn" href="https://apps.apple.com/us/app/datalyse/id1573072100" target="_blank">
                                <img src="/images/en-appstore2.png" alt="App Store">
                            </a>
                            <a class="app-btn" href="https://app.datalyse.io" target="_blank">
                                <img src="/images/webapp-en.png" alt="Web App">
                            </a>
                                            </div>
                </div>
            </div>

            <!-- Right Columns: Links -->
            <div class="footer-links-grid">
                <div class="footer-column">
                    <h4>Products</h4>
                    <ul>
                        <li><a href="/sales">Sales and Operations</a></li>
                        <li><a href="/telecom">Telecommunications</a></li>
                        <li><a href="/hr">Human Resources</a></li>
                        <li><a href="/brokers">Brokers</a></li>
                    </ul>
                </div>

                <div class="footer-column">
                    <h4>Company</h4>
                    <ul>
                        <li><a href="/about">About us</a></li>
                        <li><a href="/pricing">Pricing</a></li>
                        <li><a href="/pricing-telecom">Call Rates</a></li>
                        <li><a href="/pricing-ai">AI Agent Rates</a></li>
                        <li><a href="/blog">Blog</a></li>
                    </ul>
                </div>

                <div class="footer-column">
                    <h4>Support</h4>
                    <ul>
                        <li><a href="/contact">Contact support</a></li>
                        <li><a href="/helpdesk">Interactive guides</a></li>
                        <li><a href="https://developers.datalyse.io/?elang=en" target="_blank">Developers</a></li>
                    </ul>
                </div>

                <div class="footer-column">
                    <h4>Legal</h4>
                    <ul>
                        <li><a href="/privacy">Privacy policy</a></li>
                        <li><a href="/legal">Terms of service</a></li>
                        <li><a href="/cookies">Cookies</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Bottom Bar -->
        <div class="footer-bottom">
            <div class="footer-bottom-left">
                <img src="https://www.datalyse.io/images/logodatalyseblack.svg" alt="Datalyse" class="footer-logo">
                <p class="footer-copy">&copy; 2026 Datalyse. All rights reserved.</p>
            </div>
        </div>
    </div>

    
    
    <datalyse-aiagent domain="voiceclou5.datalyse.io" agent-id="6956b98d0a8df027b33146c0" color="light" theme="light" position="bottom-right" chat-mode="both" initial-size="normal" languages="es,en-GB,en-AU,en-IN,en-NZ,en-US,de,de-CH,fr,fr-CA,it,ja,ko-KR,nl-BE,pt-BR,pt-PT" welcome-texts="Hablar con Claudia,Talk to Claudia,Talk to Claudia,Talk to Claudia,Talk to Claudia,Talk to Claudia,Mit Claudia sprechen,Mit Claudia sprechen,Parler à Claudia,Parler à Claudia,Parla con Claudia,クラウディアと話す,클라우디아와 대화,Praat met Claudia,Falar com a Claudia,Falar com a Cláudia"></datalyse-aiagent><script src="https://app.datalyse.io/webagentai/datalyse-aiagent.js" defer></script>
</footer>
    <script src="/scriptventas.js"></script>

<script translate="no">
    (function() {
        var _b = document.getElementById('langSelectorBtn');
        var _d = document.getElementById('langDropdown');
        var _s = document.getElementById('langSearch');
        var _o = document.querySelectorAll('.lang-option');

        if (!_b || !_d) return;

        function _t() {
            var _x = _d.classList.contains('show');
            if (_x) {
                _d.classList.remove('show');
                _b.classList.remove('open');
            } else {
                _d.classList.add('show');
                _b.classList.add('open');
                if (_s) _s.focus();
            }
        }

        function _c() {
            _d.classList.remove('show');
            _b.classList.remove('open');
            if (_s) {
                _s.value = '';
                _f('');
            }
        }

        function _f(q) {
            for (var i = 0; i < _o.length; i++) {
                var txt = _o[i].getAttribute('data-search') || '';
                if (txt.indexOf(q) > -1) {
                    _o[i].classList.remove('hidden');
                } else {
                    _o[i].classList.add('hidden');
                }
            }
        }

        _b.onclick = function(ev) {
            ev.stopPropagation();
            _t();
            return false;
        };

        document.addEventListener('click', function(ev) {
            if (!_d.contains(ev.target) && !_b.contains(ev.target)) {
                _c();
            }
        });

        document.addEventListener('keydown', function(ev) {
            if (ev.keyCode === 27) _c();
        });

        if (_s) {
            _s.addEventListener('input', function() {
                _f(this.value.toLowerCase());
            });
        }
    })();
</script>
</body>
</html>