PageSourceSearch

https://nextai.pro/super-apps

html nextai.pro collected 2026-10-09 03:55:49 UTC 126,484 bytes, 2,296 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3 <head>
4  
4<script>
5   (function () {
6  var proto = XMLHttpRequest.prototype;
7  var open = proto.open, setRequestHeader = proto.setRequestHeader, send = proto.send;
8  var TOKEN_KEY = 'base44_access_token';
9  var storedTokenHeader = function () {
10    try { return 'Bearer ' + localStorage.getItem(TOKEN_KEY); } catch (e) { return null; }
11  };
12  var forgetStoredToken = function () {
13    try { localStorage.removeItem(TOKEN_KEY); localStorage.removeItem('token'); } catch (e) {}
14  };
15
16  proto.open = function (method, url) {
17    this.__b44IsAuthCheck = /\/entities\/User\/me(\?|$)/.test(url);
18    return open.apply(this, arguments);
19  };
20
21  proto.setRequestHeader = function (name, value) {
22    if (this.__b44IsAuthCheck && name.toLowerCase() === 'authorization' && value === storedTokenHeader()) {
23      this.__b44SentToken = value;
24    }
25    return setRequestHeader.call(this, name, value);
26  };
27
28  proto.send = function () {
29    this.addEventListener('loadend', function () {
30      var rejectedTokenStillStored = this.status === 401 && this.__b44SentToken === storedTokenHeader();
31      if (rejectedTokenStillStored) forgetStoredToken();
32    });
33    return send.apply(this, arguments);
34  };
35})();
36  </script>
36
37  <meta charset="utf-8"/>
38  <!-- Prerender: la página avisa cuando su contenido real está en el DOM (ver src/lib/Seo.jsx) -->
39  
39<script>
40   window.prerenderReady = false;
41    // Idioma y "es home" decididos una sola vez: la home vive en / (ES) y en /en (EN).
42    (function(){
43      var p = window.location.pathname.replace(/\/+$/, '') || '/';
44      window.__NEXTAI_LANG = (p === '/en' || p.indexOf('/en/') === 0) ? 'en' : 'es';
45      window.__NEXTAI_HOME = (p === '/' || p === '/en');
46      if (window.__NEXTAI_LANG === 'en') document.documentElement.setAttribute('lang', 'en');
47    })();
48  </script>
48
49  <!-- Diccionario EN de la home cinematográfica.
50       El HTML servido es SIEMPRE el español (idioma por defecto del sitio). En /en un script
51       síncrono (al final del <body>, antes de los módulos) sustituye el contenido de los nodos
52       marcados con data-i18n y reescribe los enlaces internos a sus rutas EN (ROUTE_PAIRS).
53       Reglas: data-i18n="clave" sustituye el contenido (innerHTML si el valor lleva marcado);
54       con data-i18n-attr="aria-label,alt,title,placeholder" el valor va a esos atributos.
55       data-i18n-keep-href excluye un enlace del reescritor de rutas. -->
56  
56<script>
57   window.__NEXTAI_EN = {
58      "nav.home": "home ↗<span class=\"tn-underline\"></span>",
59      "nav.build": "what we build ↗",
60      "nav.superapps": "super apps ↗",
61      "nav.superagents": "superagents ↗",
62      "nav.brain": "enterprise brain ↗",
63      "nav.contact": "contact ↗",
64
65      "hero.title": "Your company knows more<br><span class=\"hero-subtitle\">than it acts on.</span>",
66      "hero.nav.build": "what we build <span class=\"nav-arrow\">↗</span>",
67      "hero.nav.superapps": "super apps <span class=\"nav-arrow\">↗</span>",
68      "hero.nav.superagents": "superagents <span class=\"nav-arrow\">↗</span>",
69      "hero.nav.brain": "enterprise brain <span class=\"nav-arrow\">↗</span>",
70      "hero.eyebrow": "Enterprise AI ecosystems",
71      "hero.text": "We build the brain that brings it all together. And the agents that put it to work.",
72      "hero.cta": "BOOK YOUR DIGITAL AUDIT",
73      "hero.micro": "One hour. No sales deck.",
74
75      "s1.title": "Every tool holds<br>one piece.<br><span style=\"font-weight: 500;\">None sees the whole.</span>",
76      "s2.title": "And the call gets made blind<br><span style=\"font-weight: 500;\">on what is already known.</span>",
77      "s2.note": "We call it <strong>Context Debt</strong>.",
78      "clients.title": "COMPANIES THAT ALREADY TRUST US",
79      "bridge.title": "But this<br><span style=\"font-weight: 500;\">can be fixed.</span>",
80
81      "p4.title": "Four ways<br><span style=\"font-weight: 500;\">to build it.</span>",
82      "p4.p1.t": "Super apps",
83      "p4.p1.l": "Your idea, running.",
84      "p4.p2.t": "Superagents",
85      "p4.p2.l": "A whole process, without you.",
86      "p4.p3.t": "Ecosystems",
87      "p4.p3.l": "Your tools, talking to each other.",
88      "p4.p4.t": "Enterprise brains",
89      "p4.p4.l": "Your company, remembering.",
90      "p4.cta": "SEE WHAT WE BUILD",
91
92      "word.apps": "<span class=\"char\">A</span><span class=\"char\">P</span><span class=\"char\">P</span><span class=\"char\">S</span>",
93      "word.agents": "<span class=\"char\">A</span><span class=\"char\">G</span><span class=\"char\">E</span><span class=\"char\">N</span><span class=\"char\">T</span><span class=\"char\">S</span>",
94      "word.ecosystems": "<span class=\"char\">E</span><span class=\"char\">C</span><span class=\"char\">O</span><span class=\"char\">S</span><span class=\"char\">Y</span><span class=\"char\">S</span><span class=\"char\">T</span><span class=\"char\">E</span><span class=\"char\">M</span><span class=\"char\">S</span>",
95
96      "p3.title": "Your company working<br>as one single intelligence.",
97      "p3.left": "One brain. One set of data. One truth.",
98      "p3.stat1.desc": "agents that<br>never close",
99      "p3.stat2.num": "ONE TRUTH",
100      "p3.stat2.desc": "the same figure<br>for everyone",
101
102      "p5.t1": "Start where you are.",
103      "p5.t2": "Grow as far as you want.",
104      "p5.desc": "One agent. Then another. Then the brain that joins them up.",
105      "p5.navlabel": "The five phases of the NEXT-5 Roadmap",
106      "p5.r1": "1. Level",
107      "p5.r2": "2. Structure",
108      "p5.r3": "3. Xtend",
109      "p5.r4": "4. Transfer",
110      "p5.r5": "5. Scale",
111      "p5.eyebrow": "NEXT-5 Roadmap",
112
113      "p6.title": "One hour.<br><span style=\"font-weight: 400;\">One map.</span>",
114
115      "f.heading": "Tell us how your company works today. We will tell you what can be built, where to start and what is not worth touching yet. Whether you hire us or not.",
116      "f.placeholder": "Your work email",
117      "f.submit": "BOOK YOUR DIGITAL AUDIT",
118      "f.sub1": "45 minutes · You pick the slot on the spot",
119      "f.sub2": "By sending your email you agree that Cosmolabs OÜ (NextAI) will process your data to prepare your assessment and contact you, in line with the <a href=\"/privacidad\" style=\"color:#000;text-decoration:underline;\">Privacy policy</a>.",
120
121      "f.c1.t": "What we build",
122      "f.c1.a1": "Digital ID for AI agents",
123      "f.c1.a2": "Custom super apps",
124      "f.c1.a3": "AI superagents",
125      "f.c1.a4": "Enterprise Brain",
126      "f.c1.a5": "AI-Native Scale",
127      "f.c1.a6": "Digital Cortex",
128      "f.c1.a7": "All services",
129      "f.c1.a8": "Plans and pricing",
130
131      "f.c2.t": "Method and metrics",
132      "f.c2.a1": "How we work",
133      "f.c2.a2": "NEXT-5 Roadmap",
134      "f.c2.a3": "IMAN — Maturity index",
135      "f.c2.a4": "RAO — Operational autonomy",
136      "f.c2.a5": "Digital Audit",
137
138      "f.c3.t": "Knowledge",
139      "f.c3.a1": "Executive blog",
140      "f.c3.a2": "Enterprise AI glossary",
141      "f.c3.a3": "Frequently asked questions",
142      "f.c3.a4": "Percent case study",
143      "f.c3.a5": "Case studies",
144
145      "f.c4.t": "NextAI",
146      "f.c4.a1": "About NextAI",
147      "f.c4.a2": "Press and mentions",
148      "f.c4.a3": "Verify our agent Argos ↗",
149      "f.c4.a4": "Contact",
150      "f.c4.a5": "LinkedIn ↗",
151
152      "f.c5.t": "Legal",
153      "f.c5.a1": "Terms and conditions",
154      "f.c5.a2": "Privacy policy",
155      "f.c5.a3": "Cookie policy",
156      "f.c5.a4": "Legal notice",
157
158      "faq.q1": "How is a superagent different from a chatbot?",
159      "faq.a1": "A chatbot answers. A copilot suggests. A superagent takes over an entire process: it has memory of what happened, tools to act on your systems, limits on its authority and its own KPIs. The chatbot tells you how many invoices are outstanding; the superagent reconciles them.",
160      "faq.q2": "How long before we see the first result?",
161      "faq.a2": "Under two weeks from the first assessment to having an agent running. The full mapping of processes and data runs in parallel and closes in two or three weeks.",
162      "faq.q3": "We already tried AI and it did not work. Why would this time be different?",
163      "faq.a3": "Because the failure is almost always the same: the AI did not know the company. Without corporate memory, a model answers specific problems with general knowledge. That is 
163why we start with the brain and not with the tool.",
164      "faq.q4": "What is the digital ID of your AI agents?",
165      "faq.a4": "A cryptographically signed credential (W3C Verifiable Credentials 2.0) that identifies each software agent, declares which company answers for it, what it is allowed and not allowed to do, expires after 90 days and can be revoked instantly. Anyone can check it in seconds by scanning the QR code on its seal or at <a href=\"https://digitalcortex.tech/verify/argos\" target=\"_blank\" rel=\"noopener\">digitalcortex.tech/verify/argos</a>. It is a verifiable self-declaration, not an external audit. <a href=\"/dni-digital-agentes-ia\">How it works ↗</a>",
166      "faq.all": "See all the questions and the NEXT-5 Roadmap ↗",
167
168      "dni.seal.aria": "See how the digital ID for AI agents works",
169      "dni.seal.alt": "CORTEX Seal of the Argos agent: verifiable digital identity",
170      "dni.eyebrow": "Verifiable Agentic Identity · CORTEX Seal",
171      "dni.title": "Our AI agents carry a digital ID",
172      "dni.copy": "Who answers for each agent, what it may do and what it must not: signed, with an expiry date, revocable and checkable by anyone in 30 seconds. Argos, our lead-generation agent, was the first.",
173      "dni.btn1": "How it works",
174      "dni.btn2": "Verify Argos live ↗",
175
176      "f.recognition": "Recognition",
177      "f.trust": "Certified infrastructure",
178      "f.trust.eu": "EU-hosted data",
179      "f.trust.aiact": "EU AI Act compliant",
180      "f.design": "Design and interactive experience",
181      "f.copyright": "© 2026 NEXTAI · Cosmolabs OÜ · Registry code 17106582 · Ahtri tn 12, 15551 Tallinn, Estonia · <a href=\"mailto:[email protected]\">[email protected]</a>"
182    };
183    // ROUTE_PAIRS (src/i18n/routes.js) en forma de mapa ES -> EN para el reescritor de enlaces.
184    window.__NEXTAI_ROUTES_EN = {
185      "/": "/en",
186      "/services": "/en/services",
187      "/super-apps": "/en/super-apps",
188      "/plans": "/en/plans",
189      "/contact": "/en/contact",
190      "/about": "/en/about",
191      "/cortex": "/en/cortex",
192      "/casos/percent-cerebro-empresarial": "/en/cases/percent-enterprise-brain",
193      "/enterprise-faq": "/en/enterprise-faq",
194      "/blog": "/en/blog",
195      "/casos": "/en/case-studies",
196      "/cerebro-empresarial": "/en/enterprise-brain",
197      "/superagentes": "/en/superagents",
198      "/escala-ai-native": "/en/ai-native-scale",
199      "/ruta-next-5": "/en/next-5-roadmap",
200      "/rao": "/en/rao",
201      "/iman": "/en/iman",
202      "/glosario": "/en/glossary",
203      "/dni-digital-agentes-ia": "/en/digital-id-for-ai-agents",
204      "/prensa": "/en/press",
205      "/empleo": "/en/careers",
206      "/como-trabajamos": "/en/how-we-work",
207      "/auditoria-digital": "/en/digital-audit",
208      "/aviso-legal": "/en/legal-notice",
209      "/privacidad": "/en/privacy",
210      "/terminos": "/en/terms",
211      "/cookies": "/en/cookies"
212    };
213    // Slug ES -> EN de artículos con traducción (src/data/en/blogSlugs.js). Sin entrada, el
214    // enlace se queda en la versión española: no se inventan slugs.
215    window.__NEXTAI_BLOG_EN = {
216      "dni-digital-para-agentes-de-ia-lanzamiento-nextai": "digital-id-for-ai-agents-nextai-launch",
217      "agentes-openai-escaparon-complot-identidad-digital": "openai-agents-escaped-facts-and-lessons",
218      "identidad-agentica-verificable-carne-agentes-ia": "why-every-ai-agent-should-carry-an-id",
219      "como-revocar-un-agente-de-ia-en-segundos": "how-to-revoke-an-ai-agent-credential-in-seconds",
220      "ai-act-articulo-50-transparencia-agentes-ia-pymes": "ai-act-article-50-transparency-ai-agents-smes",
221      "que-es-un-dni-digital-para-agentes-de-ia": "what-is-a-digital-id-for-ai-agents",
222      "seis-preguntas-a-tu-proveedor-de-agentes-de-ia": "six-questions-for-your-ai-agent-provider",
223      "credenciales-verificables-w3c-para-agentes-explicadas": "w3c-verifiable-credentials-for-ai-agents-explained",
224      "identidad-de-agentes-de-ia-y-blockchain-que-aporta-y-que-no": "ai-agent-identity-and-blockchain-what-it-adds-and-what-it-does-not",
225      "caso-argos-el-primer-agente-de-nextai-con-dni-digital": "argos-case-study-first-nextai-agent-with-digital-id",
226      "nextai-anclara-la-identidad-de-sus-agentes-en-la-blockchain-base": "nextai-will-anchor-agent-identity-on-base-blockchain",
227      "nextai-publica-su-politica-de-identidad-agentica-y-el-registro-publico-de-agentes": "nextai-publishes-agentic-identity-policy-and-public-agent-registry",
228      "nextai-emite-la-primera-identidad-digital-verificable-de-un-agente-argos": "nextai-issues-first-verifiable-digital-identity-argos",
229      "agente-autonomo-no-es-agente-con-voluntad-lo-que-dice-la-aepd": "autonomous-agent-is-not-an-agent-with-a-will-what-the-aepd-says",
230      "que-es-un-cerebro-empresarial-con-ia": "what-is-an-enterprise-brain-with-ai",
231      "arquitectura-cerebro-empresarial-5-capas": "enterprise-brain-5-layer-architecture",
232      "rag-empresarial-guia-implantacion": "enterprise-rag-implementation-guide",
233      "deuda-de-contexto-ia": "context-debt-the-cost-of-an-ai-that-does-not-know-you",
234      "cerebro-empresarial-vs-chatgpt-empresa": "enterprise-brain-vs-chatgpt-in-the-enterprise",
235      "que-es-un-superagente-de-ia": "what-is-an-ai-superagent",
236      "chatbot-copiloto-agente-superagente-diferencias": "chatbot-vs-copilot-vs-agent-vs-superagent",
237      "superagente-comercial-ventas": "sales-superagent-ai-agent-for-sales-and-crm",
238      "superagente-atencion-al-cliente": "customer-service-superagent-beyond-the-chatbot",
239      "orquestacion-multiagente-empresa": "multi-agent-orchestration-in-the-enterprise",
240      "empresa-ai-native-que-es": "what-is-an-ai-native-company",
241      "escala-ai-native-niveles": "ai-native-scale-six-maturity-levels",
242      "rao-ratio-autonomia-operativa": "rao-operational-autonomy-ratio",
243      "pilotitis-por-que-fracasan-los-proyectos-de-ia": "pilot-fatigue-why-80-percent-of-ai-pilots-fail",
244      "eu-ai-act-guia-empresas-espanolas": "eu-ai-act-what-it-really-requires-from-companies",
245      "seguridad-de-agentes-de-ia": "ai-agent-security-permissions-boundaries-audit",
246      "gobierno-de-ia-registro-de-agentes": "ai-governance-how-to-keep-an-ai-agent-registry",
247      "roi-de-la-inteligencia-artificial-como-calcularlo": "ai-roi-how-to-calculate-it-properly",
248      "build-vs-buy-ia-empresarial": "build-vs-buy-enterprise-ai",
249      "geo-generative-engine-optimization-guia": "geo-generative-engine-optimization-guide"
250    };
251  </script>
251
252  <!-- Consent Mode v2: todo denegado por defecto hasta que el usuario acepte en el banner -->
253  
253<script>
254   window.dataLayer = window.dataLayer || [];
255    function gtag(){dataLayer.push(arguments);}
256    (function(){
257      var granted = false;
258      try {
259        var stored = JSON.parse(localStorage.getItem('nextai_cookie_consent') || 'null');
260        granted = stored && stored.value === 'all';
261      } catch (e) {}
262      var state = granted ? 'granted' : 'denied';
263      gtag('consent', 'default', {
264        ad_storage: state,
265        ad_user_data: state,
266        ad_personalization: state,
267        analytics_storage: state,
268        functionality_storage: 'granted',
269        security_storage: 'granted'
270      });
271    })();
272  </script>
272
273  <!-- Google Tag Manager: se carga sólo con consentimiento ("Aceptar todas") y después del load,
274       nunca en la ruta crítica. CookieBanner llama a window.__loadGTM() al aceptar. -->
275  
275<script>
276   (function(w,d){
277      var loaded = false;
278      w.__loadGTM = function(){
279        if (loaded) return; loaded = true;
280        w.dataLayer = w.dataLayer || [];
281        w.dataLayer.push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
282        var j = d.createElement('script'); j.async = true;
283        j.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-5GHZMX68';
284        d.head.appendChild(j);
285      };
286      var granted = false;
287      try { var s = JSON.parse(localStorage.getItem('nextai_cookie_consent') || 'null'); granted = !!(s && s.value === 'all'); } catch (e) {}
288      if (granted) {
289        var go = function(){ ('requestIdleCallback' in w) ? w.requestIdleCallback(w.__loadGTM, {timeout: 3000}) : setTimeout(w.__loadGTM, 1500); };
290        (d.readyState === 'complete') ? go() : w.addEventListener('load', go);
291      }
292    })(window, document);
293  </script>
293
294  <!-- End Google Tag Manager -->
295  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
296  <!-- Title, description y canonical los define cada ruta (Seo + GlobalSeo). No se fijan aquí
297       para que el HTML servido a los crawlers no repita los de la home en todas las URLs. -->
298  <title>
299   NextAI
300  </title>
301  <meta content="NextAI — Tu empresa, con cerebro propio" property="og:title"/>
302  <meta content="Ecosistemas de inteligencia artificial empresarial: Cerebro Empresarial, superagentes, Escala AI-Native, Ruta NEXT-5, IMAN y RAO." property="og:description"/>
303  <meta content="website" property="og:type"/>
304  <meta content="NextAI" property="og:site_name"/>
305  <meta content="es_ES" property="og:locale"/>
306  <meta content="https://nextai.pro/og-image.jpg" property="og:image"/>
307  <meta content="1200" property="og:image:width"/>
308  <meta content="630" property="og:image:height"/>
309  <meta content="summary_large_image" name="twitter:card"/>
310  <meta content="NextAI — Tu empresa, con cerebro propio" name="twitter:title"/>
311  <meta content="Ecosistemas de inteligencia artificial empresarial: Cerebro Empresarial, superagentes, Escala AI-Native, Ruta NEXT-5, IMAN y RAO." name="twitter:description"/>
312  <meta content="https://nextai.pro/og-image.jpg" name="twitter:image"/>
313  <meta content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" name="robots"/>
314  <meta content="#ffffff" name="theme-color"/>
315  <meta content="NextAI" name="author"/>
316  <link href="https://nextai.pro/llms.txt" rel="alternate" title="llms.txt" type="text/plain"/>
317  <link href="https://nextai.pro/sitemap.xml" rel="sitemap" type="application/xml"/>
318  
318<script type="application/ld+json">
319   {
320      "@context": "https://schema.org",
321      "@type": "WebSite",
322      "name": "NextAI",
323      "url": "https://nextai.pro/",
324      "inLanguage": "es-ES",
325      "publisher": {
326        "@id": "https://nextai.pro/#organization"
327      },
328      "@id": "https://nextai.pro/#website"
329    }
330  </script>
330
331  
331<script type="application/ld+json">
332   {
333      "@context": "https://schema.org",
334      "@type": "ProfessionalService",
335      "name": "NextAI",
336      "legalName": "Cosmolabs OÜ",
337      "url": "https://nextai.pro/",
338      "email": "[email protected]",
339      "address": {
340        "@type": "PostalAddress",
341        "streetAddress": "Ahtri tn 12",
342        "postalCode": "15551",
343        "addressLocality": "Tallinn",
344        "addressCountry": "EE"
345      },
346      "image": "https://nextai.pro/og-image.jpg",
347      "description": "Consultoría e ingeniería de IA empresarial: Cerebros Empresariales y superagentes que automatizan procesos completos.",
348      "areaServed": {
349        "@type": "Country",
350        "name": "España"
351      },
352      "availableLanguage": [
353        "es",
354        "en"
355      ],
356      "serviceType": [
357        "Cerebro Empresarial",
358        "Superagentes de IA",
359        "Ecosistemas de IA empresarial",
360        "Auditoría digital con IA",
361        "Gobierno de IA y cumplimiento del EU AI Act"
362      ],
363      "hasOfferCatalog": {
364        "@type": "OfferCatalog",
365        "name": "Servicios NextAI",
366        "itemListElement": [
367          {
368            "@type": "Offer",
369            "itemOffered": {
370              "@type": "Service",
371              "name": "Cerebro Empresarial",
372              "url": "https://nextai.pro/cerebro-empresarial"
373            }
374          },
375          {
376            "@type": "Offer",
377            "itemOffered": {
378              "@type": "Service",
379              "name": "Superagentes de IA",
380              "url": "https://nextai.pro/superagentes"
381            }
382          },
383          {
384            "@type": "Offer",
385            "itemOffered": {
386              "@type": "Service",
387              "name": "Auditoría digital con IA",
388              "url": "https://nextai.pro/auditoria-digital"
389            }
390          }
391        ]
392      },
393      "@id": "https://nextai.pro/#service",
394      "provider": {
395        "@id": "https://nextai.pro/#organization"
396      }
397    }
398  </script>
398
399  
399<script type="application/ld+json">
400   {
401      "@context": "https://schema.org",
402      "@type": "Organization",
403      "name": "NextAI",
404      "alternateName": "Next AI",
405      "url": "https://nextai.pro/",
406      "description": "NextAI construye ecosistemas de inteligencia artificial empresarial: cerebros empresariales y superagentes que dan memoria, razonamiento y autonomía operativa a las empresas.",
407      "slogan": "Tu empresa, con cerebro propio",
408      "areaServed": "ES",
409      "knowsAbout": [
410        "Cerebro Empresarial",
411        "Superagentes de IA",
412        "Escala AI-Native",
413        "Ruta NEXT-5",
414        "IMAN — Índice de Madurez AI-Native",
415        "RAO — Ratio de Autonomía Operativa",
416        "RAG empresarial",
417        "Grafos de conocimiento empresarial",
418        "Gobierno de IA y EU AI Act",
419        "Generative Engine Optimization (GEO)"
420      ],
421      "sameAs": [
422        "https://www.linkedin.com/company/nextaipro",
423        "https://interdiario.es/2026/05/06/cosmin-popescu-nextai-hemos-agotado-la-informacion-para-entrenar-a-la-ia-ahora-dependemos-de-la-creatividad-humana/",
424        "https://www.youtube.com/@nextai_es",
425        "https://app.base44.com/@nextai"
426      ],
427      "@id": "https://nextai.pro/#organization",
428      "legalName": "Cosmolabs OÜ",
429      "email": "[email protected]",
430      "founder": {
431        "@type": "Person",
432        "name": "Cosmin Popescu",
433        "jobTitle": "Fundador y CEO"
434      },
435      "parentOrganization": {
436        "@type": "Organization",
437        "name": "Cosmolabs OÜ",
438        "url": "https://cosmolabs.tech"
439      }
440    }
441  </script>
441
442  
442<script data-home-faq="" type="application/json">
443   {
444    "@context": "https://schema.org",
445    "@type": "FAQPage",
446    "mainEntity": [
447      {
448        "@type": "Question",
449        "name": "¿En qué se diferencia un superagente de un chatbot?",
450        "acceptedAnswer": { "@type": "Answer", "text": "Un chatbot responde. Un copiloto sugiere. Un superagente se hace cargo de un proceso completo: tiene memoria de lo que pasó, herramientas para actuar sobre vuestros sistemas, límites de autoridad y KPIs propios. El chatbot os dice cuántas facturas hay pendientes; el superagente las concilia." }
451      },
452      {
453        "@type": "Question",
454        "name": "¿Cuánto tarda en verse el primer resultado?",
455        "acceptedAnswer": { "@type": "Answer", "text": "Menos de dos semanas desde el primer diagnóstico hasta tener un agente funcionando. La cartografía completa de procesos y datos va en paralelo y se cierra en dos o tres semanas." }
456      },
457      {
458        "@type": "Question",
459        "name": "Ya probamos la IA y no funcionó. ¿Por qué esta vez sí?",
460        "acceptedAnswer": { "@type": "Answer", "text": "Porque casi siempre falla lo mismo: la IA no conocía la empresa. Sin memoria corporativa, un modelo responde con conocimiento general a problemas específicos. Por eso empezamos por el cerebro y no por la herramienta." }
461      }
462    ]
463  }
464  </script>
464
465  <!-- SEO en inglés de la home: se aplica de forma síncrona, antes del render, para que
466       title/description/og/twitter y los JSON-LD servidos en /en ya vayan en inglés. -->
467  
467<script>
468   (function(){
469      if (window.__NEXTAI_LANG !== 'en') return;
470      var d = document, EN = window.__NEXTAI_EN || {};
471      var URL_EN = 'https://nextai.pro/en';
472      var TITLE = 'NextAI | Enterprise brains and AI superagents';
473      var DESC = "We build the Enterprise Brain and the superagents that connect your company's data, processes and decisions. From assessment to the first agent in 2 weeks.";
474      var SOCIAL_T = 'NextAI — Your company, with a brain of its own';
475      var SOCIAL_D = 'Enterprise AI ecosystems: Enterprise Brain, superagents, AI-Native Scale, NEXT-5 Roadmap, IMAN and RAO.';
476      var ORG_DESC = 'NextAI builds enterprise artificial intelligence ecosystems: enterprise brains and superagents that give companies memory, reasoning and operational autonomy.';
477      d.title = TITLE;
478      function meta(key, attr, value){
479        var m = d.head.querySelector('meta[' + attr + '="' + key + '"]');
480        if (!m) { m = d.createElement('meta'); m.setAttribute(attr, key); d.head.appendChild(m); }
481        m.setAttribute('content', value);
482      }
483      meta('description', 'name', DESC);
484      meta('og:title', 'property', SOCIAL_T);
485      meta('og:description', 'property', SOCIAL_D);
486      meta('og:locale', 'property', 'en_GB');
487      meta('og:url', 'property', URL_EN);
488      meta('twitter:title', 'name', SOCIAL_T);
489      meta('twitter:description', 'name', SOCIAL_D);
490      var scripts = d.head.querySelectorAll('script[type="application/ld+json"]');
491      for (var i = 0; i < scripts.length; i++) {
492        var j; try { j = JSON.parse(scripts[i].textContent); } catch (e) { continue; }
493        if (j['@type'] === 'WebSite') {
494          j.inLanguage = 'en-GB';
495          j.url = URL_EN;
496          if (j.publisher) j.publisher.url = URL_EN;
497        } else if (j['@type'] === 'ProfessionalService') {
498          j.url = URL_EN;
499          j.inLanguage = 'en-GB';
500          j.description = 'Enterprise AI consultancy and engineering: Enterprise Brains and superagents that run complete business processes.';
501          j.serviceType = [
502            'Enterprise Brain',
503            'AI superagents',
504            'Enterprise AI ecosystems',
505            'Digital audit with AI',
506            'AI governance and EU AI Act readiness'
507          ];
508          if (j.hasOfferCatalog) {
509            j.hasOfferCatalog.name = 'NextAI services';
510            j.hasOfferCatalog.itemListElement = [
511              { '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'Enterprise Brain', url: URL_EN + '/enterprise-brain' } },
512              { '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'AI superagents', url: URL_EN + '/superagents' } },
513              { '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'Digital audit with AI', url: URL_EN + '/digital-audit' } }
514            ];
515          }
516        } else if (j['@type'] === 'Organization') {
517          j.url = URL_EN;
518          j.inLanguage = 'en-GB';
519          j.alternateName = ['Next AI', 'NextAI — Enterprise AI'];
520          j.description = ORG_DESC;
521          j.slogan = 'Your company, with a brain of its own';
522          j.knowsAbout = [
523            'Enterprise Brain',
524            'AI superagents',
525            'AI-Native Scale',
526            'NEXT-5 Roadmap',
527            'IMAN — AI-Native Maturity Index',
528            'RAO — Operational Autonomy Ratio',
529            'Enterprise RAG',
530            'Enterprise knowledge graphs',
531            'AI governance and the EU AI Act',
532            'Generative Engine Optimization (GEO)'
533          ];
534        }
535        scripts[i].textContent = JSON.stringify(j);
536      }
537      var faq = d.head.querySelector('script[data-home-faq]');
538      if (faq) {
539        var strip = function(v){ return String(v || '').replace(/<[^>]*>/g, '').replace(/\s+/g, ' ').trim(); };
540        var entity = [];
541        for (var n = 1; n <= 4; n++) {
542          if (!EN['faq.q' + n]) continue;
543          entity.push({
544            '@type': 'Question',
545            name: strip(EN['faq.q' + n]),
546            acceptedAnswer: { '@type': 'Answer', text: strip(EN['faq.a' + n]) }
547          });
548        }
549        faq.textContent = JSON.stringify({ '@context': 'https://schema.org', '@type': 'FAQPage', inLanguage: 'en-GB', mainEntity: entity });
550      }
551    })();
552  </script>
552
553  
553<script>
554   if (!window.__NEXTAI_HOME) document.documentElement.classList.add('inner-page');
555  </script>
555
556  <!-- Modo de la home decidido ANTES del primer paint (evita cambios de diseño/CLS):
557       sin GPU real (WebGL por software: Lighthouse, bots, VMs) o con prefers-reduced-motion → html.cinematic-static.
558       Depuración: ?cinematic=static | ?cinematic=live. -->
559  
559<script>
560   (function(){
561      if (!window.__NEXTAI_HOME) return;
562      function hardwareWebGL(){
563        try {
564          var c = document.createElement('canvas');
565          var gl = c.getContext('webgl2') || c.getContext('webgl');
566          if (!gl) return false;
567          var d = gl.getExtension('WEBGL_debug_renderer_info');
568          var r = String(d ? gl.getParameter(d.UNMASKED_RENDERER_WEBGL) : gl.getParameter(gl.RENDERER));
569          var l = gl.getExtension('WEBGL_lose_context'); if (l) l.loseContext();
570          return !/swiftshader|llvmpipe|softpipe|software|basic render|mesa offscreen/i.test(r);
571        } catch (e) { return false; }
572      }
573      var forced = null;
574      try { forced = new URLSearchParams(window.location.search).get('cinematic'); } catch (e) {}
575      var isStatic = forced === 'static' ? true : forced === 'live' ? false : null;
576      if (isStatic === null) {
577        var rm = false;
578        try { rm = window.matchMedia('(prefers-reduced-motion: reduce)').matches; } catch (e) {}
579        isStatic = rm || !hardwareWebGL();
580      }
581      if (isStatic) document.documentElement.classList.add('cinematic-static');
582    })();
583  </script>
583
584  <!-- Fuentes autohospedadas (antes Google Fonts: CSS bloqueante + 2 saltos de dominio en la ruta crítica) -->
585  <link as="font" crossorigin="" href="/fonts/bebas-neue-latin.woff2" rel="preload" type="font/woff2"/>
586  <link as="font" crossorigin="" href="/fonts/jost-var-latin.woff2" rel="preload" type="font/woff2"/>
587  <style>
588   @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/bebas-neue-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
589    @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/bebas-neue-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
590    @font-face { font-family: 'Jost'; font-style: normal; font-weight: 200 700; font-display: swap; src: url(/fonts/jost-var-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
591    @font-face { font-family: 'Jost'; font-style: normal; font-weight: 200 700; font-display: swap; src: url(/fonts/jost-var-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
592    @font-face { font-family: 'Jost'; font-style: italic; font-weight: 400; font-display: swap; src: url(/fonts/jost-italic-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
593    @font-face { font-family: 'Jost'; font-style: italic; font-weight: 400; font-display: swap; src: url(/fonts/jost-italic-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
594  </style>
595  <style>
596   /* Hide scrollbar for WebKit browsers */
597    ::-webkit-scrollbar { display: none; }
598    html {
599      /* Base 16px at 1920px width. Clamps at 12px for smaller screens to maintain readability */
600      font-size: max(12px, 0.833333vw);
601    }
602    body {
603      margin: 0;
604      overflow-x: hidden;
605      -ms-overflow-style: none;
606      scrollbar-width: none;
607      background-color: #ffffff;
608      height: 3400vh; /* Long cinematic scroll */
609    }
610    /* Inner pages (React routes): normal document flow, hide the cinematic DOM */
611    html.inner-page body { height: auto; overflow-x: visible; }
612    html.inner-page body > *:not(#root) { display: none !important; }
613    .preload-hidden { opacity: 0 !important; pointer-events: none !important; }
614    .reveal-anim {
615      transition: transform 1.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0.6s, opacity 1.6s ease 0.6s;
616      will-change: transform, opacity;
617    }
618    .preload-hidden.reveal-anim.from-top { transform: translateY(-20px); }
619    .preload-hidden.reveal-anim.from-bottom { transform: translateY(20px); }
620    canvas { display: block; }
621
622    .hero-logo { position: absolute; top: 2.5rem; left: 3.125rem; z-index: 5; font-family: 'Bebas Neue', sans-serif; font-size: 2rem; line-height: 1; letter-spacing: 0.04em; color: #000; }
623    .hero-title {
624      position: absolute; top: 43%; transform: translateY(-50%); left: 3.125rem;
625      font-family: 'Bebas Neue', sans-serif; font-weight: 400;
626      font-size: max(2.5rem, 7vw); color: #000000; margin: 0; z-index: 2;
627      pointer-events: none; line-height: 1.0; white-space: nowrap;
628    }
629    .char-mask {
630      display: inline-block; overflow: hidden; vertical-align: bottom;
631      padding-top: 0.2em; margin-top: -0.2em;
632      padding-bottom: 1.2em; margin-bottom: -1.2em; perspective: 500px;
633    }
634    .hero-char {
635      display: inline-block;
636      transform: translateY(110%) translateZ(-60px) rotateX(-65deg);
637      transform-origin: bottom center; filter: blur(14px); opacity: 0;
638      will-change: transform, filter, opacity;
639      transition: transform 1.6s cubic-bezier(0.2, 0.8, 0.2, 1), filter 1.6s ease, opacity 1.2s ease;
640    }
641    .hero-char.revealed { transform: translateY(0) translateZ(0) rotateX(0deg); filter: blur(0px); opacity: 1; }
642    /* Non-hero titles animate much faster for snappy scrolling */
643    .animated-title .hero-char {
644      transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.8s ease, opacity 0.6s ease;
645    }
646    .home-topnav {
647      position: fixed; top: 1rem; left: 1.5rem; right: 1.5rem; z-index: 20;
648      display: flex; align-items: center; justify-content: space-between;
649      padding: 1.1rem 2rem; font-family: 'Jost', sans-serif;
650      opacity: 0; pointer-events: none;
651      background: rgba(255, 255, 255, 0.65);
652      backdrop-filter: blur(26px); -webkit-backdrop-filter: blur(26px);
653      border: 1px solid rgba(255, 255, 255, 0.7);
654      border-radius: 1.25rem; overflow: hidden;
655      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
656      transition: opacity 0.35s ease;
657    }
658    .home-topnav::before {
659      content: ''; position: absolute; top: -10rem; left: 8%; width: 22rem; height: 22rem;
660      background: radial-gradient(circle, rgba(128, 170, 255, 0.55), transparent 70%);
661      filter: blur(30px); pointer-events: none;
662    }
663    .home-topnav::after {
664      content: ''; position: absolute; top: -12rem; right: 4%; width: 26rem; height: 26rem;
665      background: radial-gradient(circle, rgba(209, 196, 255, 0.6), transparent 70%);
666      filter: blur(30px); pointer-events: none;
667    }
668    .home-topnav .tn-logo { position: relative; font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; letter-spacing: 0.04em; color: #000; text-decoration: none; line-height: 1; }
669    .home-topnav nav { position: relative; display: flex; align-items: center; justify-content: flex-end; flex-wrap: nowrap; gap: clamp(0.5rem, 1.3vw, 1.75rem); min-width: 0; }
670    .home-topnav .tn-logo { flex: 0 0 auto; margin-right: 1rem; }
671    .home-topnav nav a { white-space: nowrap;
672      color: #000; text-decoration: none; font-size: 0.95rem; text-transform: uppercase;
673      opacity: 0.6; transition: opacity 0.2s; }
674    .home-topnav nav a:hover { opacity: 1; }
675    .home-topnav nav a.tn-active { opacity: 1; font-weight: 500; position: relative; }
676    .home-topnav nav a .tn-underline {
677      position: absolute; left: 0; right: 0; bottom: -0.35rem; height: 1px; border-radius: 2px;
678      background: linear-gradient(to right, #0091ff, #00aaff, #8000ff, #ff0099, #ff0000);
679      transform-origin: left center; transform: scaleX(0); opacity: 0;
680      animation: tn-underline-in 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s forwards;
681    }
682    @keyframes tn-underline-in {
683      from { transform: scaleX(0); opacity: 0; }
684      to { transform: scaleX(1); opacity: 0.75; }
685    }
686    .home-topnav .tn-line { position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(to right, #0091ff, #00aaff, #8000ff, #ff0099, #ff0000); }
687    .hero-nav {
688      position: absolute; top: 2.5rem; right: 3.125rem; z-index: 5;
689      font-family: 'Jost', sans-serif; font-weight: 400;
690      display: flex; flex-direction: column; align-items: flex-end; gap: 0.75rem;
691    }
692    .hero-nav a {
693      color: #000000; text-decoration: none; font-size: 1.1rem; font-weight: 400;
694      text-transform: uppercase; display: flex; align-items: center; gap: 0.5rem;
695      opacity: 1; transition: transform 0.2s ease; cursor: pointer;
696    }
697    .hero-nav a:hover { transform: translateX(-4px); }
698    .hero-nav a .nav-arrow { font-size: 1.2rem; font-weight: 400; line-height: 1; }
699    /* i18n: en /en los nodos traducibles se mantienen invisibles hasta que el script
700       síncrono del final del <body> los sustituye (sin flash de español). */
701    html[lang="en"]:not(.i18n-en-ready) [data-i18n]:not([data-i18n-attr]) { visibility: hidden !important; }
702    /* Selector de idioma ES | EN (mismo aspecto que src/components/inner/LangToggle.jsx) */
703    .lang-pill {
704      display: inline-flex; align-items: center; gap: 0.4rem;
705      border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 999px;
706      background: rgba(255, 255, 255, 0.6); padding: 0.3rem 0.75rem;
707      font-family: 'Jost', sans-serif; line-height: 1;
708      text-transform: uppercase; letter-spacing: 0.18em;
709      color: #000; text-decoration: none;
710      transition: background 0.2s ease, color 0.2s ease;
711    }
712    .hero-nav .lang-pill, .home-topnav nav .lang-pill { font-size: 0.68rem; opacity: 1; }
713    .lang-pill:hover, .hero-nav .lang-pill:hover { background: #000; color: #fff; transform: none; }
714    .lang-pill .lp-on { opacity: 1; font-weight: 500; }
715    .lang-pill .lp-off { opacity: 0.45; }
716    .lang-pill .lp-sep { opacity: 0.3; }
717    .hero-nav .lang-pill { margin-top: 0.35rem; }
718    .hero-subtitle { font-weight: 400; color: #000000; }
719    .hero-info-block {
720      position: absolute; bottom: 3.125rem; left: 3.125rem; z-index: 5;
721      font-family: 'Jost', sans-serif; color: #000000; width: 20rem;
722      display: flex; flex-direction: column;
723    }
724    .hi-top { display: flex; justify-content: space-between; font-size: 1.1rem; font-weight: 400; text-transform: uppercase; margin-bottom: 2rem; }
725    .hi-text { font-size: 1.0625rem; line-height: 1.5; opacity: 0.7; margin-bottom: 2.5rem; }
726    .hi-btn {
727      align-self: flex-start; padding: 0.875rem 3rem; border: 1px solid #000000;
728      border-radius: 2.5rem; background: rgba(255, 255, 255, 0.1);
729      backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
730      color: #000; text-decoration: none; font-size: 0.95rem; font-weight: 400;
731      letter-spacing: 1px; transition: background 0.2s, transform 0.2s;
732    }
733    .hi-btn:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-2px); }
734    .scroll-content-wrapper {
735      position: absolute; top: calc(100vh + 34.375rem); left: 0; width: 100%;
736      z-index: 2; display: flex; flex-direction: column;
737    }
738    .scroll-title-container { padding-left: 3.125rem; margin-bottom: 28rem; }
739    .scroll-title-container h3 {
740      font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: max(2.625rem, 5.5vw);
741      letter-spacing: -0.02em; white-space: nowrap; color: #000; margin: 0; line-height: 1.1;
742    }
743    .clients-container { width: 100%; display: flex; flex-direction: column; margin-bottom: 24rem; }
744    .bridge-title { margin-bottom: 20rem; }
745    .clients-subtitle { font-family: 'Jost', sans-serif; font-size: 1.1rem; font-weight: 400; text-transform: uppercase; padding-left: 3.125rem; margin-bottom: 1rem; color: #000; }
746    .clients-line {
747      height: 1px; margin-left: 3.125rem; margin-right: 3.125rem;
748      background: linear-gradient(to right, #0091ff, #00aaff, #8000ff, #ff0099, #ff0000);
749      margin-bottom: 3rem;
750    }
751    .marquee-container { width: 100%; overflow: hidden; white-space: nowrap; filter: grayscale(100%); opacity: 0.8; }
752    .marquee-content { display: inline-flex; align-items: center; gap: 6rem; padding-right: 6rem; animation: marquee 25s linear infinite; }
753    @keyframes marquee { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }
754    .marquee-logo { height: 3.75rem; width: auto; -o-object-fit: contain; object-fit: contain; }
755    .marquee-name {
756      font-family: 'Bebas Neue', sans-serif; font-size: 1.75rem; line-height: 1;
757      letter-spacing: 0.06em; text-transform: uppercase; color: #000; white-space: nowrap;
758    }
759    .feature-container { width: 100%; display: flex; flex-direction: column; }
760    .feature-title {
761      font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: max(2.625rem, 5.5vw);
762      letter-spacing: -0.02em; white-space: nowrap; color: #000; margin: 0; line-height: 1.1;
763    }
764    .split-feature-container {
765      width: 100%; display: flex; flex-direction: column;
766      padding-left: 3.125rem; padding-right: 3.125rem; box-sizing: border-box; margin-top: 37.5rem;
767    }
768    .pill-badge {
769      display: inline-block; font-family: 'Jost', sans-serif; font-size: max(0.875rem, 1vw);
770      font-weight: 400; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50px;
771      padding: 0.3rem 1.2rem; color: #000;
772    }
773    .split-bottom { display: flex; flex-direction: column; align-items: flex-start; max-width: 45rem; }
774    .feature-text { font-family: 'Jost', sans-serif; font-size: max(1.1rem, 1.25vw); line-height: 1.5; font-weight: 300; color: #000; opacity: 0.8; }
775    .phase4-container {
776      position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 5;
777      pointer-events: none; display: flex; align-items: flex-end; justify-content: flex-end;
778      opacity: 0; transform: translateY(50px);
779    }
780    .phase4-container .split-feature-container {
781      pointer-events: auto; margin-top: 0; padding-top: 4rem; padding-bottom: 4rem;
782      height: 100vh; justify-content: space-between; width: auto; align-items: flex-start;
783    }
784    .phase5-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 4; pointer-events: none; opacity: 0; }
785    .phase5-title-left { position: absolute; top: 2.5rem; left: 3.125rem; text-align: left; margin: 0; }
786    .phase5-title-right { position: absolute; bottom: 2.5rem; right: 3.125rem; text-align: right; margin: 0; }
787    .phase5-desc-left { position: absolute; bottom: 2.5rem; left: 3.125rem; text-align: left; max-width: 25rem; margin: 0; }
788    .phase5-label-right { position: absolute; top: 2.5rem; right: 3.125rem; width: 12rem; margin: 0; }
789    .phase6-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 2; pointer-events: none; opacity: 0; display: flex; align-items: center; justify-content: center; }
790    .phase6-title {
791      position: absolute; top: 30vh; transform: translateY(-50%); left: 0; width: 100%;
792      font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: max(2.5rem, 7vw);
793      color: #000; margin: 0; line-height: 1.0; text-align: center; white-space: nowrap; pointer-events: none;
794    }
795    .phase6-footer-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 4; pointer-events: none; transform: translateY(100vh); visibility: hidden; }
796    .phase6-footer-wrapper * { pointer-events: auto; }
797    .glass-footer {
798      position: absolute; bottom: 2.5rem; left: 3.125rem; right: 3.125rem; padding: 3rem;
799      background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
800      border-radius: 2rem; border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
801      display: flex; flex-direction: column; color: #000; font-family: 'Jost', sans-serif;
802      box-sizing: border-box; max-height: calc(100dvh - 3.5rem); overflow-y: auto; overscroll-behavior: contain;
803      scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.38) transparent;
804    }
805    .glass-footer > * { flex-shrink: 0; }
806    .glass-footer::-webkit-scrollbar { display: block; width: 8px; }
807    .glass-footer::-webkit-scrollbar-thumb { background: rgba(0,0,0,.38); border-radius: 8px; }
808    .glass-footer::-webkit-scrollbar-track { background: transparent; }
809    .footer-top { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
810    .footer-left { min-width: 0; display: flex; flex-direction: column; }
811    .footer-heading { max-width: 68ch; font-size: 1rem; font-weight: 500; line-height: 1.5; margin-bottom: 1.5rem; }
812    .footer-input-group { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; width: 100%; max-width: 42rem; box-sizing: border-box; background: rgba(255, 255, 255, 0.6); border-radius: 2rem; padding: 0.3rem; margin-bottom: 1rem; border: 1px solid rgba(0, 0, 0, 0.1); }
813    .footer-input { min-width: 0; width: 100%; box-sizing: border-box; background: transparent; border: none; outline: none; padding: 0.75rem 1rem; font-family: 'Jost', sans-serif; font-size: 0.9rem; color: #000; }
814    .footer-submit { min-height: 3rem; background: #000; color: #fff; border: none; border-radius: 2rem; padding: 0.6rem 1.5rem; font-family: 'Jost', sans-serif; cursor: pointer; transition: transform 0.2s; }
815    .footer-submit:hover { transform: scale(1.03); }
816    .footer-subtext { font-size: 0.85rem; color: #222; line-height: 1.5; max-width: 68ch; }
817    .footer-right { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2rem; min-width: 0; }
818    .footer-col { display: flex; min-width: 0; flex-direction: column; gap: 0.75rem;
818 overflow-wrap: anywhere; }
819    .footer-col-title { font-size: 0.9rem; font-weight: 500; margin-bottom: 0.5rem; }
820    .footer-col a { color: #000; opacity: 0.7; text-decoration: none; font-size: 0.85rem; transition: opacity 0.2s; }
821    .footer-col a:hover { opacity: 1; }
822    .footer-line { height: 1px; background: rgba(0, 0, 0, 0.1); margin-top: 3rem; margin-bottom: 1.5rem; }
823    .footer-bottom { text-align: center; font-size: 0.85rem; color: #333; line-height: 1.6; overflow-wrap: anywhere; }
824    /* Reconocimientos: tarjetas glass con relieve 3D */
825    .recognition-section { margin-top: 2.5rem; padding: 1.5rem; border-radius: 1.5rem; background: linear-gradient(135deg, rgba(255,255,255,.55), rgba(255,255,255,.18)); border: 1px solid rgba(255,255,255,.65); box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 20px 50px -30px rgba(40,30,120,.35); }
826    .recognition-title { display: block; margin-bottom: 1rem; font-size: .75rem; text-transform: uppercase; letter-spacing: .14em; opacity: .55; }
827    .recognition-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 1rem; perspective: 1200px; }
828    .recognition-card, .recognition-aia { box-sizing: border-box; position: relative; overflow: hidden; width: 100%; max-width: 100%; height: 84px; display: flex; align-items: center; gap: .95rem; padding: 0 1.15rem; border-radius: 1rem; color: #000; text-decoration: none; font-family: 'Jost', sans-serif;
829      background: linear-gradient(145deg, rgba(255,255,255,.85) 0%, rgba(255,255,255,.45) 55%, rgba(236,232,255,.5) 100%);
830      backdrop-filter: blur(16px) saturate(170%); -webkit-backdrop-filter: blur(16px) saturate(170%);
831      border: 1px solid rgba(255,255,255,.9);
832      box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06), 0 14px 32px -14px rgba(40,30,120,.35);
833      transform-style: preserve-3d; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease; }
834    .recognition-card::before, .recognition-aia::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.7) 48%, transparent 62%); transform: translateX(-120%); transition: transform .9s ease; }
835    .recognition-card:hover, .recognition-aia:hover { transform: translateY(-3px) rotateX(3deg) rotateY(-2deg); box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 2px 4px rgba(0,0,0,.06), 0 24px 40px -16px rgba(40,30,120,.45); }
836    .recognition-card:hover::before, .recognition-aia:hover::before { transform: translateX(120%); }
837    .recognition-card img { display: block; width: 48px; max-height: 28px; -o-object-fit: contain; object-fit: contain; flex: 0 0 48px; filter: none; opacity: 1; transition: filter .45s ease, opacity .45s ease; }
838    .recognition-card:hover img { filter: none; opacity: 1; }
839    .recognition-card img.recognition-logo--wide { width: 64px; flex-basis: 64px; }
840    .recognition-divider { align-self: center; height: 44px; width: 1px; flex: 0 0 1px; background: linear-gradient(to bottom, transparent, rgba(0,0,0,.22), transparent); }
841    .recognition-copy { min-width: 0; display: flex; flex-direction: column; gap: .2rem; line-height: 1.2; overflow-wrap: anywhere; }
842    .recognition-copy small { font-size: .62rem; letter-spacing: .1em; font-weight: 600; opacity: .7; }
843    .recognition-copy strong { font-size: 1rem; font-weight: 500; }
844    .recognition-trust { margin-top: 1.1rem; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .6rem; font-family: 'Jost', sans-serif; }
845    .recognition-trust-label { display: inline-flex; align-items: center; gap: .45rem; font-size: .7rem; text-transform: uppercase; letter-spacing: .14em; font-weight: 600; opacity: .7; margin-right: .25rem; }
846    .recognition-trust-label svg { width: 15px; height: 15px; flex: 0 0 15px; }
847    .recognition-trust-chip { font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; padding: .38rem .7rem; border-radius: 999px; background: rgba(255,255,255,.6); border: 1px solid rgba(255,255,255,.9); box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 4px 12px -8px rgba(40,30,120,.4); white-space: nowrap; }
848    @media (max-width: 640px) { .recognition-section { padding: 1rem; } .recognition-list { grid-template-columns: 1fr; } }
849    @media (prefers-reduced-motion: reduce) { .recognition-card, .recognition-aia, .recognition-card::before, .recognition-aia::before { transition: none; } .recognition-card:hover, .recognition-aia:hover { transform: none; } }
850    /* Banda «DNI digital para agentes de IA»: HTML estático en la home (indexable sin JS). */
851    .dni-band { position: relative; display: flex; align-items: center; gap: 2rem; margin-top: 2.5rem; padding: 1.5rem 1.75rem; border-radius: 1.5rem; background: linear-gradient(135deg, rgba(4,6,12,0.96), rgba(12,18,40,0.94)); color: #fff; overflow: hidden; isolation: isolate; flex-shrink: 0; }
852    .dni-band::before { content: ""; position: absolute; inset: -40%; background: radial-gradient(circle at 20% 50%, rgba(128,0,255,0.35), transparent 45%), radial-gradient(circle at 85% 30%, rgba(0,170,255,0.32), transparent 45%); z-index: -1; pointer-events: none; }
853    .dni-band::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(to right, #0091ff, #8000ff, #ff0099); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0.55; pointer-events: none; }
854    .dni-band-seal { flex: 0 0 auto; width: 8.5rem; height: 8.5rem; border-radius: 1.1rem; background: #04060C; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 0 0 1px rgba(255,255,255,0.08), 0 18px 40px -18px rgba(0,145,255,0.6); transition: transform 0.35s cubic-bezier(0.16,1,0.3,1), box-shadow 0.35s; }
855    .dni-band-seal:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 0 0 1px rgba(255,255,255,0.18), 0 26px 50px -18px rgba(128,0,255,0.7); }
856    .dni-band-seal img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; display: block; }
857    .dni-band-seal-fallback { display: none; font-family: 'Bebas Neue', sans-serif; font-size: 1.4rem; letter-spacing: 0.12em; line-height: 1.05; text-align: center; color: #dfe9ff; }
858    .dni-band-seal--off img { display: none; }
859    .dni-band-seal--off .dni-band-seal-fallback { display: block; }
860    .dni-band-text { flex: 1 1 auto; min-width: 0; }
861    .dni-band-eyebrow { font-size: 0.68rem; letter-spacing: 0.22em; text-transform: uppercase; opacity: 0.6; }
862    .dni-band-title { font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: clamp(1.7rem, 3vw, 2.5rem); line-height: 0.98; letter-spacing: 0.01em; margin: 0.45rem 0 0.6rem; text-transform: uppercase; }
863    .dni-band-copy { font-size: 0.9rem; line-height: 1.5; opacity: 0.78; margin: 0; max-width: 40rem; }
864    .dni-band-actions { flex: 0 0 auto; display: flex; flex-direction: column; gap: 0.6rem; }
865    .dni-band-btn { display: inline-block; text-align: center; border-radius: 2rem; padding: 0.65rem 1.3rem; font-family: 'Jost', sans-serif; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; color: #fff; border: 1px solid rgba(255,255,255,0.35); transition: transform 0.2s, background 0.2s, color 0.2s; white-space: nowrap; }
866    .dni-band-btn:hover { transform: scale(1.04); background: rgba(255,255,255,0.1); }
867    .dni-band-btn--dark { background: #fff; color: #000; border-color: #fff; }
868    .dni-band-btn--dark:hover { background: #f0f0f0; }
869    @media (prefers-reduced-motion: reduce) { .dni-band-seal, .dni-band-btn { transition: none; } .dni-band-seal:hover, .dni-band-btn:hover { transform: none; } }
870    .words-container { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; perspective: 1500px; z-index: 2; pointer-events: none; }
871    .flying-word {
872      position: absolute; top: 50%; left: 50%; font-family: 'Bebas Neue', sans-serif; font-weight: 400;
873      font-size: max(80px, 25vw);
873 color: #000000; margin: 0; padding: 0 0.2em; opacity: 0;
874      white-space: nowrap; transform: translate3d(-50%, -50%, 0) rotateY(0deg);
875    }
876    .flying-word .char { display: inline-block; padding: 0 0.15em; margin: 0 -0.15em; }
877    .glass-container {
878      position: fixed; bottom: 0; left: 0; width: 100%; height: 100vh;
879      background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px);
880      border-top: 1px solid rgba(255, 255, 255, 0.4); z-index: 10; transform: translateY(100vh); pointer-events: none;
881    }
882    .glass-gradient-wrapper {
883      position: absolute; top: 50%; left: 50%; width: calc(100% - 8rem); height: calc(100% - 8rem);
884      transform: translate(-50%, -50%) scale(0.65); border-radius: 0px; overflow: hidden; pointer-events: none;
885    }
886    .glass-gradient-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1; opacity: 0.5; }
887    .gradient-content {
888      position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; padding: 2rem;
889      box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;
890      color: #000000; font-family: 'Jost', sans-serif;
891    }
892    .gc-top-left { font-family: 'Bebas Neue', sans-serif; font-size: max(2.625rem, 5.5vw); font-weight: 400; line-height: 1.1; letter-spacing: -0.02em; color: #000000; max-width: none; white-space: nowrap; }
893    .gc-bottom { display: flex; justify-content: space-between; align-items: flex-end; }
894    .gc-bottom-left { font-size: 14px; font-weight: 400; opacity: 0.8; }
895    .gc-bottom-right { display: flex; gap: 3.75rem; align-items: flex-end; }
896    .stat-col { position: relative; padding-left: 20px; display: flex; flex-direction: column; gap: 16px; }
897    .stat-col-tall { margin-bottom: 120px; }
898    .stat-col::before {
899      content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 1px;
900      background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.2) 90%, rgba(0,0,0,0.0));
901    }
902    .stat-col-tall::before { bottom: -120px; }
903    .stat-num { font-family: 'Bebas Neue', sans-serif; font-size: max(42px, 5.5vw); font-weight: 400; line-height: 1; }
904    .stat-desc { font-size: 13px; line-height: 1.5; opacity: 0.85; }
905    .stat-sub { opacity: 0.5; font-size: 11px; }
906    .stat-btn {
907      width: 44px; height: 44px; border-radius: 50%; background: rgba(0, 0, 0, 0.05);
908      display: flex; align-items: center; justify-content: center; margin-top: 8px; cursor: pointer;
909      transition: background 0.2s; border: 1px solid rgba(0,0,0,0.1);
910    }
911    .stat-btn:hover { background: rgba(0, 0, 0, 0.15); }
912
913    /* --- v2 scene copy --- */
914    .eyebrow { font-family: 'Jost', sans-serif; font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase; opacity: 0.5; }
915    .hi-btn-row { display: flex; gap: 0.85rem; flex-wrap: wrap; }
916    .hi-btn.solid { background: #000; color: #fff; border-color: #000; }
917    .hi-btn.solid:hover { background: #141414; }
918    .hi-micro { font-size: 0.8rem; opacity: 0.55; margin-top: 1rem; }
919    .flow-support {
920      font-family: 'Jost', sans-serif; font-size: max(1.05rem, 1.2vw); line-height: 1.6;
921      opacity: 0.75; max-width: 36rem; margin-top: 2.25rem;
922    }
923    .flow-note { font-family: 'Jost', sans-serif; font-size: max(1.05rem, 1.2vw); margin-top: 1.75rem; opacity: 0.95; }
924    .flow-note strong { font-weight: 500; }
925    .proof-row { display: flex; gap: 4.5rem; flex-wrap: wrap; margin-top: 3.5rem; }
926    .proof-item { position: relative; padding-left: 1.25rem; }
927    .proof-item::before { content: ''; position: absolute; left: 0; top: 0.2rem; bottom: 0.2rem; width: 1px; background: rgba(0,0,0,0.15); }
928    .proof-num { font-family: 'Bebas Neue', sans-serif; font-size: max(2.75rem, 5vw); line-height: 1; }
929    .proof-desc { font-family: 'Jost', sans-serif; font-size: 0.95rem; opacity: 0.65; max-width: 15rem; margin-top: 0.5rem; line-height: 1.5; }
930    .case-panel {
931      background: rgba(255, 255, 255, 0.45); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
932      border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 2rem; padding: 3rem;
933      font-family: 'Jost', sans-serif; box-shadow: 0 8px 32px rgba(0,0,0,0.05);
934    }
935    .case-grid { display: flex; gap: 4rem; flex-wrap: wrap; margin-top: 2.5rem; }
936    .case-label { font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; opacity: 0.5; }
937    .case-value { font-family: 'Bebas Neue', sans-serif; font-size: max(2rem, 3.4vw); line-height: 1; margin-top: 0.4rem; }
938    .case-foot { font-size: 0.78rem; opacity: 0.45; margin-top: 2.5rem; }
939    .rao-number { font-family: 'Bebas Neue', sans-serif; font-size: max(5rem, 16vw); line-height: 0.95; text-align: center; }
940    .pillars { display: flex; flex-direction: column; gap: 1.15rem; max-width: 34rem; }
941    .pillar { display: flex; align-items: baseline; gap: 1rem; }
942    .pillar-idx { font-size: 0.72rem; opacity: 0.4; width: 1.6rem; flex: none; }
943    .pillar-t { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; line-height: 1; min-width: 13.5rem; flex: none; }
944    .pillar-l { font-size: 0.98rem; opacity: 0.7; }
945    .phase5-right { position: absolute; bottom: 2.5rem; right: 3.125rem; text-align: right; display: flex; flex-direction: column; align-items: flex-end; max-width: 34rem; }
946    .home-route-visual { display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; }
947    .home-route-visual a { color:#342d59; text-decoration:none; padding:5px 9px; border:1px solid #b9b8d1; border-radius:7px; background:rgba(255,255,255,.75); font-size:.88rem; }
948    .home-route-visual a:hover { background:#e6def6; }
949    .home-route-visual a:focus-visible { outline:2px solid #6d28d9; outline-offset:3px; }
950    .home-route-visual>
950span { color:#7753a1; font-size:13px; }
951    .ruta-words { font-family: 'Bebas Neue', sans-serif; font-size: max(1.05rem, 1.5vw); letter-spacing: 0.04em; line-height: 1.3; margin-top: 1.5rem; }
952    .brain-container {
953      position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 5;
954      pointer-events: none; opacity: 0; display: flex; flex-direction: column;
955      align-items: center; justify-content: center; font-family: 'Jost', sans-serif;
956    }
957    .brain-title { font-family: 'Bebas Neue', sans-serif; font-size: max(2.2rem, 5vw); line-height: 1; margin: 0 0 2.5rem; text-align: center; }
958    .brain-layer {
959      font-family: 'Bebas Neue', sans-serif; font-size: max(1.5rem, 3vw); line-height: 1.25;
960      opacity: 0; transform: translateY(20px); letter-spacing: 0.03em;
961      transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
962    }
963    .brain-layer.on { opacity: 1; transform: translateY(0); }
964    .brain-close { margin-top: 2.5rem; font-size: 1rem; opacity: 0.6; }
965    .footer-faq { margin-top: 2.5rem; }
966    .footer-faq details { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 0.8rem 0; }
967    .footer-faq summary { cursor: pointer; font-size: 0.9rem; list-style: none; }
968    .footer-faq summary::-webkit-details-marker { display: none; }
969    .footer-faq p { font-size: 0.82rem; opacity: 0.68; line-height: 1.55; margin: 0.65rem 0 0; max-width: 52rem; }
970    .footer-faq a { color: #000; font-size: 0.8rem; opacity: 0.6; }
971
972    /* ---------- MODO ESTÁTICO ----------
973       Sin GPU real (renderizado por software) o con prefers-reduced-motion, boot.js añade
974       html.cinematic-static: no hay preloader ni WebGL y las fases del scroll se apilan en flujo normal. */
975    html.cinematic-static body { height: auto; background: #f6fafe; }
976    html.cinematic-static body::before {
977      content: ''; position: fixed; inset: 0; z-index: 0; pointer-events: none;
978      background:
979        radial-gradient(60vmax 60vmax at 15% 20%, rgba(0, 170, 255, 0.18), transparent 70%),
980        radial-gradient(55vmax 55vmax at 85% 30%, rgba(128, 0, 255, 0.14), transparent 70%),
981        radial-gradient(50vmax 50vmax at 60% 90%, rgba(255, 0, 153, 0.12), transparent 70%),
982        #f6fafe;
983    }
984    html.cinematic-static #preloader { display: none !important; }
985    html.cinematic-static .preload-hidden { opacity: 1 !important; pointer-events: auto !important; transform: none !important; }
986    html.cinematic-static .hero-title { z-index: 5; }
987    html.cinematic-static .home-topnav, html.cinematic-static .words-container { display: none !important; }
988    html.cinematic-static .scroll-content-wrapper { position: relative; top: auto; margin-top: 100vh; padding-top: 6rem; z-index: 2; }
989    html.cinematic-static .scroll-title-container, html.cinematic-static .bridge-title { margin-bottom: 6rem; }
990    html.cinematic-static .clients-container { margin-bottom: 6rem; }
991    html.cinematic-static .feature-container { margin-bottom: 6rem !important; }
992    html.cinematic-static .glass-container,
993    html.cinematic-static .phase4-container,
994    html.cinematic-static .phase5-container,
995    html.cinematic-static .phase6-container,
996    html.cinematic-static .phase6-footer-wrapper {
997      position: relative; top: auto; left: auto; width: auto; height: auto; opacity: 1 !important;
998      transform: none !important; visibility: visible !important; pointer-events: auto; display: block;
999      z-index: 2; margin: 0 0 6rem;
1000    }
1001    html.cinematic-static .glass-container { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; border-top: none; }
1002    html.cinematic-static .glass-gradient-wrapper { position: relative; top: auto; left: auto; width: auto; height: auto; transform: none; margin: 0 3.125rem; border-radius: 24px; }
1003    html.cinematic-static .gradient-content { position: relative; min-height: 60vh; }
1004    html.cinematic-static .phase4-container .split-feature-container { height: auto; padding-top: 0; padding-bottom: 0; }
1005    html.cinematic-static .phase5-container { padding: 0 3.125rem; }
1006    html.cinematic-static .phase5-container .feature-title, html.cinematic-static .phase5-desc-left { position: static !important; text-align: left !important; margin: 0 0 1.5rem !important; }
1007    html.cinematic-static .phase6-title { position: static; transform: none; text-align: left; padding: 0 3.125rem; box-sizing: border-box; white-space: normal; }
1008    html.cinematic-static .glass-footer { position: relative; bottom: auto; left: auto; right: auto; margin: 0 3.125rem; max-height: none; overflow: visible; }
1009    @media (max-width: 780px) {
1010      html.cinematic-static .glass-gradient-wrapper, html.cinematic-static .glass-footer { margin: 0 0.75rem; }
1011      html.cinematic-static .phase5-container, html.cinematic-static .phase6-title { padding: 0 1.25rem; }
1012    }
1013
1014    /* Home navigation and audit footer: keep every column in its own track. */
1015    @media (min-width: 1600px) {
1016      .footer-top { grid-template-columns: minmax(19rem, 28%) minmax(0, 1fr); gap: 3rem; }
1017      .footer-input-group { grid-template-columns: minmax(0, 1fr); max-width: 24rem; border: none; background: transparent; padding: 0; gap: .6rem; }
1018      .footer-input { border: 1px solid rgba(0,0,0,.16); border-radius: 2rem; background: rgba(255,255,255,.7); }
1019      .footer-submit { width: 100%; }
1020    }
1021    @media (max-width: 1200px) and (min-width: 781px) {
1022      .home-topnav { padding: .9rem 1.25rem; }
1023      .home-topnav nav { gap: .65rem; }
1024      .home-topnav nav a { font-size: .78rem; }
1025    }
1026    @media (max-width: 1024px) {
1027      .footer-right { grid-template-columns: repeat(2, minmax(0, 1fr)); }
1028    }
1029    /* ---------- MOBILE ---------- */
1030    @media (max-width: 780px) {
1031      body { height: 1620vh; }
1032      .bridge-title { margin-bottom: 8rem; }
1033      .scroll-content-wrapper { top: calc(100vh + 12rem); }
1034      .clients-container { margin-bottom: 10rem !important; }
1035      .hero-logo { top: 1.5rem; left: 1.25rem; font-size: 1.5rem; }
1036      .hero-title {
1037        left: 1.25rem; right: 1.25rem; top: 40%;
1038        white-space: normal; font-size: 2.35rem !important; line-height: 1.05;
1039      }
1040      .hero-nav { top: 1.5rem; right: 1.25rem; display: flex; flex-direction: row; align-items: center; gap: .75rem; }
1041      .hero-nav a { display: none; }
1042      .hero-nav a:first-child, .hero-nav .lang-pill { display: inline-flex; font-size: .8rem; white-space: nowrap; }
1043      .hero-nav .lang-pill { margin: 0; font-size: .68rem; }
1044      .hero-info-block { bottom: 1.75rem; left: 1.25rem; right: 1.25rem; width: auto; }
1045      .hi-text { font-size: 1rem; margin-bottom: 1.5rem; }
1046      .hi-btn { padding: 0.8rem 1.5rem; font-size: 0.82rem; text-align: center; }
1047      .hi-btn-row { width: 100%; }
1048      .hi-btn-row .hi-btn { flex: 1; }
1049
1050      .home-topnav {
1051        left: .75rem; right: .75rem; padding: .85rem 1rem;
1052        flex-direction: row; align-items: center; gap: .5rem;
1053      }
1054      .home-topnav .tn-logo { margin-right: auto; }
1055      .home-topnav nav { flex-wrap: nowrap; gap: .75rem; }
1056      .home-topnav nav a { display: none; font-size: .8rem; }
1057      .home-topnav nav a:nth-child(2), .home-topnav nav .lang-pill { display: inline-flex; }
1058      .home-topnav nav .lang-pill { font-size: .68rem; }
1059
1060      .scroll-title-container { padding-left: 1.25rem; padding-right: 1.25rem; margin-bottom: 9rem; }
1061      .scroll-title-container h3,
1062      .feature-title { white-space: normal; font-size: 2.1rem; }
1063      .feature-container { padding-left: 1.25rem !important; padding-right: 1.25rem !important; margin-bottom: 9rem !important; }
1064      .flow-note, .flow-support { font-size: 1rem; }
1065      .clients-subtitle { padding-left: 1.25rem; font-size: 0.9rem; }
1066      .clients-line { margin-left: 1.25rem; margin-right: 1.25rem; }
1067      .marquee-content { gap: 3rem; padding-right: 3rem; }
1068      .marquee-name { font-size: 1.3rem; }
1069
1070      .split-feature-container { padding-left: 1.25rem; padding-right: 1.25rem; }
1071      .phase4-container { align-items: center; justify-content: flex-start; }
1072      .phase4-container .split-feature-container {
1073        padding-top: 8.5rem; padding-bottom: 2rem; width: 100%; justify-content: flex-start;
1074      }
1075      .phase4-container .hi-top { display: none; }
1076      .pillars { gap: 0.85rem; }
1077      .pillar { flex-direction: column; gap: 0.1rem; }
1078      .pillar-t { font-size: 1.25rem; min-width: 0; }
1079      .pillar-l { font-size: 0.9rem; }
1080
1081      .gc-top-left { white-space: normal; font-size: 1.65rem; }
1082      .gradient-content { padding: 1.25rem; }
1083      .gc-bottom { flex-direction: column; align-items: flex-start; gap: 1.25rem; }
1084      .gc-bottom-right { gap: 1.5rem; }
1085      .stat-num { font-size: 1.9rem; }
1086      .stat-desc { font-size: 0.72rem; }
1087      .glass-gradient-wrapper { width: calc(100% - 2rem); height: calc(100% - 8rem); }
1088
1089      .phase5-title-left, #phase5-title-1 { top: 8.5rem !important; left: 1.25rem !important; right: 1.25rem; }
1090      .phase5-title-right, #phase5-title-2 { bottom: 14rem !important; left: 1.25rem !important; right: 1.25rem !important; text-align: left !important; }
1091      .phase5-desc-left { bottom: 2rem; left: 1.25rem; right: 1.25rem; max-width: none !important; }
1092      .ruta-words { font-size: 0.95rem; }
1093
1094      .phase6-title { white-space: normal; font-size: 2.35rem; top: 22vh; padding: 0 1.25rem; box-sizing: border-box; }
1095
1096      .glass-footer {
1097        bottom: 1rem; left: .75rem; right: .75rem; padding: 1.5rem;
1098        max-height: calc(100dvh - 2rem); overflow-y: auto; overflow-x: hidden; box-sizing: border-box;
1099      }
1100      .footer-top { gap: 2rem; }
1101      .footer-heading { font-size: 1rem; }
1102      .footer-input-group { grid-template-columns: minmax(0, 1fr); gap: .6rem; background: transparent; border: none; padding: 0; max-width: none; }
1103      .footer-input { min-height: 3.25rem; border: 1px solid rgba(0,0,0,.16); border-radius: 2rem; background: rgba(255,255,255,.7); }
1104      .footer-submit { width: 100%; min-height: 3.25rem; padding: .75rem 1rem; font-size: .85rem; }
1105      .footer-right { gap: 1.75rem; }
1106      .footer-line { margin-top: 2rem; }
1107      .footer-bottom { line-height: 1.6; }
1108      .footer-bottom a { color: #000; }
1109      html.cinematic-static .glass-footer { padding: 1.5rem; }
1110      .dni-band { flex-direction: column; align-items: flex-start; gap: 1.25rem; padding: 1.4rem 1.25rem; }
1111      .dni-band-seal { width: 7rem; height: 7rem; }
1112      .dni-band-actions { flex-direction: column; width: 100%; }
1113      .dni-band-btn { white-space: normal; width: 100%; box-sizing: border-box; }
1114    }
1115    @media (min-width: 641px) and (max-width: 780px) {
1116      .footer-input-group { grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: .3rem; border: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.6); }
1117      .footer-input { border: none; background: transparent; }
1118      .footer-submit { width: auto; white-space: nowrap; }
1119    }
1120    @media (max-width: 640px) {
1121      .footer-right { grid-template-columns: minmax(0, 1fr); }
1122      .recognition-list { grid-template-columns: minmax(0, 1fr); }
1123      .recognition-card { gap: .75rem; }
1124      .glass-footer { padding: 1.25rem; }
1125      html.cinematic-static .glass-footer { padding: 1.25rem; }
1126      .footer-bottom { flex-wrap: wrap; }
1127    }
1128  </style>
1129  
1129<script crossorigin="" src="/assets/index-CnDuIwIv.js" type="module">
1130  </script>
1130
1131  <link crossorigin="" href="/assets/index-B23__7Kq.css" rel="stylesheet"/>
1132  
1132<script type="module">
1133   if (window.self === window.top) {
1134  let lastPath = "";
1135  function getPageNameFromPath(path) {
1136    const segments = path.split("/").filter(Boolean);
1137    return segments[0] || null;
1138  }
1139  function trackPageView() {
1140    const path = window.location.pathname;
1141    if (path === lastPath) return;
1142    lastPath = path;
1143    const pageName = getPageNameFromPath(path) || "home";
1144    const appId = "6a92faf6a07016f15965e74e";
1145    if (!appId) return;
1146    fetch(`/api/app-logs/${appId}/log-user-in-app/${pageName}`, {
1147      method: "POST",
1148    }).catch(() => {});
1149  }
1150  const originalPushState = history.pushState.bind(history);
1151  history.pushState = function (...args) {
1152    originalPushState(...args);
1153    trackPageView();
1154  };
1155  const originalReplaceState = history.replaceState.bind(history);
1156  history.replaceState = function (...args) {
1157    originalReplaceState(...args);
1158    trackPageView();
1159  };
1160  window.addEventListener("popstate", trackPageView);
1161  trackPageView();
1162}
1163  </script>
1163
1164  <meta content="yes" name="mobile-web-app-capable"/>
1165  <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
1166  <meta content="NextAI.pro" name="apple-mobile-web-app-title"/>
1167  
1167<script>
1168   (function(){var SAMPLING_RATE=1.0;var sid=(crypto.randomUUID&&crypto.randomUUID())||(Date.now()+'-'+Math.random().toString(36).slice(2));function samplingValue(v){var h=2166136261;for(var i=0;i<v.length;i++){h^=v.charCodeAt(i);h=Math.imul(h,16777619);}return(h>>>0)/4294967296;}var _sampledOut=samplingValue(sid)>=SAMPLING_RATE;window.Base44=window.Base44||{};if(_sampledOut){var _noop=function(){};window.Base44.recordings=Object.freeze({version:'1',setUserID:_noop,setUserAnonymousID:_noop,setMetadata:_noop,event:_noop,issue:_noop,start:_noop,stop:_noop,isActive:function(){return false;},getSessionID:function(){return null;},getSessionURL:function(){return null;},forceFlushBatch:_noop});try{console.debug('[base44 recordings] session sampled out');}catch(_){}return;}var s=document.createElement('script');window.Base44.__preQ=window.Base44.__preQ||[];if(!window.Base44.recordings){var _pre=function(m){return function(){if(window.Base44.__preQ.length<100)window.Base44.__preQ.push([m,Array.prototype.slice.call(arguments)]);};};window.Base44.recordings={version:'1',setUserID:_pre('setUserID'),setUserAnonymousID:_pre('setUserAnonymousID'),setMetadata:_pre('setMetadata'),event:_pre('event'),issue:_pre('issue'),start:_pre('start'),stop:_pre('stop'),isActive:function(){return false;},getSessionID:function(){return null;},getSessionURL:function(){return null;},forceFlushBatch:_pre('forceFlushBatch')};}s.src='https://unpkg.com/[email protected]/dist/rrweb.umd.cjs';s.integrity='sha384-vi2VGEOczLoSZVrAqXzYd5VWgeBvxiOEgda6/sVzRK+lvhbs9TuqZ474UUptLXLB';s.crossOrigin='anonymous';s.async=true;s.onload=function(){if(!window.rrweb)return;var _started=false;var APP_ID="6a92faf6a07016f15965e74e";var INGEST_TOKEN="j9R4YSCO4Kgi7EfwUK-ZhN7jg2s87xP4WQ6TSpxGqME";var NETWORK_IGNORE_HEADERS=["cookie", "set-cookie", "authorization", "x-api-key"];var buffer=[];var lastFlush=Date.now();var recorderStopFn=null;var _stopRequested=false;var MAX_SESSION_MS=1800000;var IDLE_TIMEOUT_MS=900000;var lastActivityAt=0;var idleTimer=null;var maxTimer=null;var _sdkActive=null;var _sdkPending=[];var SDK_CAP=256;var sdkSafe=function(v){try{return String(v).slice(0,SDK_CAP);}catch(_){return '';}};var sdkDeep=function(v){try{return JSON.parse(JSON.stringify(v||{}));}catch(_){return {};}};var sdkEmit=function(method,payload){if(_sampledOut)return;var ev={method:method,payload:payload||{}};if(_sdkActive){try{_sdkActive('base44_sdk',Object.assign({method:method},payload||{}));}catch(_){}return;}if(_sdkPending.length<100)_sdkPending.push(ev);};window.Base44=window.Base44||{};window.Base44.recordings=Object.freeze({version:'1',setUserID:function(id){sdkEmit('setUserID',{value:sdkSafe(id)});},setUserAnonymousID:function(id){sdkEmit('setUserAnonymousID',{value:sdkSafe(id)});},setMetadata:function(key,value){if(_sampledOut)return;if(typeof key!=='string'||key.length>64)return;var v;try{v=JSON.parse(JSON.stringify(value));}catch(_){return;}sdkEmit('setMetadata',{key:key,value:v});},event:function(name,payload){if(_sampledOut)return;if(typeof name!=='string')return;sdkEmit('event',{name:name.slice(0,64),payload:sdkDeep(payload)});},issue:function(name,payload){if(_sampledOut)return;if(typeof name!=='string')return;sdkEmit('issue',{name:name.slice(0,64),payload:sdkDeep(payload)});},start:function(){},stop:function(){stopRecording('manual',true);},isActive:function(){return !_sampledOut&&!_stopRequested&&!!recorderStopFn;},getSessionID:function(){return _sampledOut?null:sid;},getSessionURL:function(){return null;},forceFlushBatch:function(){if(_sampledOut)return;try{flush(false);}catch(_){}}});if(window.Base44.__preQ&&window.Base44.__preQ.length){var _pq=window.Base44.__preQ;window.Base44.__preQ=[];for(var _qi=0;_qi<_pq.length;_qi++){var _m=_pq[_qi][0],_a=_pq[_qi][1];try{var _fn=window.Base44.recordings[_m];if(typeof _fn==='function')_fn.apply(null,_a);}catch(_){}}}function redactUrl(u){try{u=String(u||'');var q=u.indexOf('?');if(q>=0)u=u.slice(0,q);var h=u.indexOf('#');if(h>=0)u=u.slice(0,h);return u;}catch(_){return'';}}function redactText(s){try{s=String(s||'');return s.replace(/https?:\/\/[^\s)'\"]+|\/[^\s)'\"]*[?#][^\s)'\"]*/g,function(m){return redactUrl(m);});}catch(_){return'';}}function stopRecording(reason,dropBuffered){if(_stopRequested){if(dropBuffered)buffer.length=0;return;}if(!dropBuffered){try{flush(false);}catch(_){}}_stopRequested=true;buffer.length=0;if(idleTimer){try{clearTimeout(idleTimer);}catch(_){}idleTimer=null;}if(maxTimer){try{clearTimeout(maxTimer);}catch(_){}maxTimer=null;}if(recorderStopFn){try{recorderStopFn();recorderStopFn=null;}catch(_){}}
1168try{if(reason)console.debug('[base44 recordings] stopped: '+reason);}catch(_){}}function scheduleIdleStop(){if(_stopRequested)return;if(idleTimer){try{clearTimeout(idleTimer);}catch(_){}}var wait=IDLE_TIMEOUT_MS-(Date.now()-lastActivityAt);if(wait<0)wait=0;idleTimer=setTimeout(function(){if(_stopRequested)return;if(Date.now()-lastActivityAt>=IDLE_TIMEOUT_MS)stopRecording('idle_timeout',false);else scheduleIdleStop();},wait);}function markActivity(){if(_stopRequested)return;lastActivityAt=Date.now();scheduleIdleStop();}function isMeaningfulActivityEvent(ev){try{return !!(ev&&ev.type===3&&ev.data&&((ev.data.source===2&&(ev.data.type===2||ev.data.type===4||ev.data.type===9))||ev.data.source===3||ev.data.source===5));}catch(_){return false;}}function sessionLifetimeCapture(){lastActivityAt=Date.now();maxTimer=setTimeout(function(){stopRecording('max_duration',false);},MAX_SESSION_MS);scheduleIdleStop();}function flush(ka){if(_stopRequested){buffer.length=0;return;}if(!buffer.length)return;var tok=null;try{tok=localStorage.getItem('base44_access_token');}catch(_){}var payload={app_id:APP_ID,session_id:sid,events:buffer.splice(0),page_url:redactUrl(location.href),user_agent:navigator.userAgent,access_token:tok};lastFlush=Date.now();var opts={method:'POST',headers:{'Content-Type':'application/json','X-Base44-Recording-Token':INGEST_TOKEN},body:JSON.stringify(payload)};if(ka)opts.keepalive=true;fetch('/api/runtime/session-recordings/ingest',opts).then(function(r){try{var skip=r.headers.get('X-Base44-Recording-Skip');if(skip==='excluded'||skip==='admin'){stopRecording('excluded',true);return;}if(skip==='sampled'){stopRecording('sampled',true);return;}}catch(_){}if(!r.ok){try{console.warn('session-recordings ingest http',r.status);}catch(_){}try{if(r.status===429&&r.headers.get('X-Base44-Recording-Limit')==='reached'){stopRecording('quota_reached',true);}}catch(_){}}}).catch(function(e){try{console.warn('session-recordings ingest err',e);}catch(_){}});}function devtoolsCapture(){if(!(window.rrweb&&window.rrweb.record&&window.rrweb.record.addCustomEvent))return;var add=window.rrweb.record.addCustomEvent;var inside=false;function safe(fn){return function(){if(inside)return;inside=true;try{return fn.apply(this,arguments);}finally{inside=false;}};}['log','info','warn','error','debug'].forEach(function(level){var orig=console[level];if(!orig)return;console[level]=function(){try{add('console',{level:level});}catch(_){}return orig.apply(console,arguments);};});window.addEventListener('error',safe(function(e){add('error',{message:redactText(String(e.message||'unknown')),source:redactUrl(e.filename||''),line:e.lineno||0,col:e.colno||0,stack:e.error&&e.error.stack?redactText(String(e.error.stack).slice(0,1000)):''});}));window.addEventListener('unhandledrejection',safe(function(e){var r=e.reason||{};add('error',{message:redactText(String(r.message||r||'unhandled rejection')),stack:r.stack?redactText(String(r.stack).slice(0,1000)):'',rejection:true});}));if(window.fetch){var of=window.fetch.bind(window);window.fetch=function(input,init){var t0=performance.now();var method=(init&&init.method)||(input&&input.method)||'GET';var url=typeof input==='string'?input:(input&&input.url)||'';if(url.indexOf('/api/runtime/session-recordings/ingest')>=0)return of(input,init);var rurl=redactUrl(url);return of(input,init).then(function(r){try{add('network',{kind:'fetch',method:method,url:rurl,status:r.status,duration:Math.round(performance.now()-t0)});}catch(_){}return r;}).catch(function(e){try{add('network',{kind:'fetch',method:method,url:rurl,status:0,duration:Math.round(performance.now()-t0),error:String(e&&e.message||e)});}catch(_){}throw e;});};}if(window.XMLHttpRequest){var xp=window.XMLHttpRequest.prototype;var oo=xp.open,os=xp.send;xp.open=function(m,u){this.__gp_m=m;this.__gp_u=u;return oo.apply(this,arguments);};xp.send=function(){var xhr=this,t0=performance.now();xhr.addEventListener('loadend',function(){try{if((xhr.__gp_u||'').indexOf('/api/runtime/session-recordings/ingest')<0)add('network',{kind:'xhr',method:xhr.__gp_m||'GET',url:redactUrl(xhr.__gp_u),status:xhr.status,duration:Math.round(performance.now()-t0)});}catch(_){}});return os.apply(this,arguments);};}}var EMAIL_RE=/([a-zA-Z0-9._%+-]+)@([a-zA-Z0-9.-]+\.[a-zA-Z]{2,})/g;var MASK_EMAILS=true;var MASK_NUMBERS=false;var CAPTURE_IFRAMES=true;function maskTextFn(text){if(!MASK_EMAILS||typeof text!=='string')return text;return text.replace(EMAIL_RE,'[email]');}function performanceCapture(){if(!('PerformanceObserver' in window))return;if(!(window.rrweb&&window.rrweb.record&&window.rrweb.record.addCustomEvent))return;var addPerf=window.rrweb.record.addCustomEvent;function emit(metric,value){try{addPerf('performance',{metric:metric,value:value,timestamp:Date.now()});}catch(_){}}try{new PerformanceObserver(function(list){var entries=list.getEntries();var last=entries[entries.length-1];if(last)emit('LCP',Math.round(last.renderTime||last.loadTime||last.startTime||0));}).observe({type:'largest-contentful-paint',buffered:true});}catch(_){}try{new PerformanceObserver(function(list){var entries=list.getEntries();for(var i=0;i<entries.length;i++){var e=entries[i];emit('FID',Math.round(e.processingStart-e.startTime));}}).observe({type:'first-input',buffered:true});}catch(_){}try{var clsValue=0;new PerformanceObserver(function(list){var entries=list.getEntries();for(var i=0;i<entries.length;i++){var e=entries[i];if(!e.hadRecentInput){clsValue+=e.value;}}emit('CLS',Math.round(clsValue*1000)/1000);}).observe({type:'layout-shift',buffered:true});}catch(_){}try{new PerformanceObserver(function(list){var entries=list.getEntries();for(var i=0;i<entries.length;i++){var e=entries[i];if(e.name==='first-contentful-paint')emit('FCP',Math.round(e.startTime));}}).observe({type:'paint',buffered:true});}catch(_){}try{new PerformanceObserver(function(list){var entries=list.getEntries();for(var i=0;i<entries.length;i++){var e=entries[i];emit('TTFB',Math.round(e.responseStart));}}).observe({type:'navigation',buffered:true});}catch(_){}}function issueCapture(){if(_sampledOut)return;if(!(window.rrweb&&window.rrweb.record&&window.rrweb.record.addCustomEvent))return;var addIssue=window.rrweb.record.addCustomEvent;var _crashEmitted=false;function emitIssue(kind){var page='';try{page=location.pathname;}catch(_){}try{addIssue('base44_issue',{kind:kind,page:page});}catch(_){}}var isReload=false;try{if(performance.getEntriesByType){var navEntry=performance.getEntriesByType('navigation')[0];if(navEntry&&navEntry.type==='reload')isReload=true;}}catch(_){}if(!isReload){try{if(performance.navigation&&performance.navigation.type===1)isReload=true;}catch(_){}}if(isReload)emitIssue('page_refresh');try{window.addEventListener('unhandledrejection',function(){try{if(_crashEmitted)return;_crashEmitted=true;emitIssue('app_crash');}catch(_){}},true);}catch(_){}}function startRecord(){if(_started)return;if(_stopRequested){try{console.debug('[base44 recordings] stop requested before start; not recording');}catch(_){}return;}if(_sampledOut){try{console.debug('[base44 recordings] session sampled out');}catch(_){}return;}_started=true;var maskInputOptions={password:true,email:true};if(MASK_NUMBERS){maskInputOptions.number=true;maskInputOptions.tel=true;maskInputOptions.date=true;}var recordOpts={emit:function(ev){if(_stopRequested)return;if(isMeaningfulActivityEvent(ev))markActivity();try{if(ev&&ev.type===4&&ev.data&&typeof ev.data.href==='string')ev.data.href=redactUrl(ev.data.href);}catch(_){}buffer.push(ev);if(ev.type===2){flush(false);return;}if(buffer.length>=50||Date.now()-lastFlush>5000)flush(false);},maskAllInputs:true,maskInputOptions:maskInputOptions,maskTextFn:maskTextFn,maskTextSelector:'.session-record-mask,[data-no-record]',blockSelector:'.session-record-block,[data-no-record-block]',recordCanvas:false,inlineStylesheet:true,checkoutEveryNms:60000};if(CAPTURE_IFRAMES)recordOpts.iframe=true;recorderStopFn=window.rrweb.record(recordOpts);if(window.rrweb.record.addCustomEvent){_sdkActive=window.rrweb.record.addCustomEvent;for(var _i=0;_i<_sdkPending.length;_i++){var _e=_sdkPending[_i];try{_sdkActive('base44_sdk',Object.assign({method:_e.method},_e.payload||{}));}catch(_){}}_sdkPending=[];}devtoolsCapture();performanceCapture();issueCapture();sessionLifetimeCapture();setTimeout(function(){try{window.rrweb.record.takeFullSnapshot&&window.rrweb.record.takeFullSnapshot(true);}catch(_){}},1500);setInterval(function(){flush(false);},5000);window.addEventListener('beforeunload',function(){flush(true);});}function whenReady(){var tries=0;function check(){var root=document.getElementById('root')||document.querySelector('main')||document.body;if(root&&root.childElementCount>0)return startRecord();if(++tries>50)return startRecord();setTimeout(check,100);}check();}
1168if(document.readyState==='complete')whenReady();else window.addEventListener('load',whenReady);};(document.head||document.body).appendChild(s);})();
1169  </script>
1169
1170 </head>
1171 <body>
1172  <!-- Google Tag Manager (noscript) -->
1173  <noscript>
1174   <iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-5GHZMX68" style="display:none;visibility:hidden" width="0">
1175   </iframe>
1176  </noscript>
1177  <!-- End Google Tag Manager (noscript) -->
1178  <div id="root">
1179   <div data-seo-source="builder" id="seo-snapshot" style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;">
1180    <main>
1181     <header>
1182      <h1>
1183       Super Apps | NextAI.pro
1184      </h1>
1185      <p>
1186       Super Apps on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1187      </p>
1188     </header>
1189     <nav aria-label="Pages">
1190      <h2>
1191       Pages
1192      </h2>
1193      <ul>
1194       <li>
1195        <a href="/">
1196         Home
1197        </a>
1198       </li>
1199       <li>
1200        <a href="/about">
1201         About
1202        </a>
1203        — About on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1204       </li>
1205       <li>
1206        <a href="/contact">
1207         Contact
1208        </a>
1209        — Contact on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1210       </li>
1211       <li>
1212        <a href="/services">
1213         Services
1214        </a>
1215        — Services on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1216       </li>
1217       <li>
1218        <a href="/super-apps">
1219         Super Apps
1220        </a>
1221        — Super Apps on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1222       </li>
1223       <li>
1224        <a href="/plans">
1225         Plans
1226        </a>
1227        — Plans on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1228       </li>
1229       <li>
1230        <a href="/presupuesto">
1231         Quote Builder
1232        </a>
1233        — Quote Builder on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1234       </li>
1235       <li>
1236        <a href="/cortex">
1237         Cortex
1238        </a>
1239        — Cortex on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1240       </li>
1241       <li>
1242        <a href="/casos">
1243         Casos Index
1244        </a>
1245        — Casos Index on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1246       </li>
1247       <li>
1248        <a href="/casos/percent-cerebro-empresarial">
1249         Percent Case
1250        </a>
1251        — Percent Case on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1252       </li>
1253       <li>
1254        <a href="/enterprise-faq">
1255         Enterprise Faq
1256        </a>
1257        — Enterprise Faq on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1258       </li>
1259       <li>
1260        <a href="/blog">
1261         Blog
1262        </a>
1263        — Blog on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1264       </li>
1265       <li>
1266        <a href="/cerebro-empresarial">
1267         Entity Page
1268        </a>
1269        — Entity Page on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1270       </li>
1271       <li>
1272        <a href="/iman">
1273         Iman
1274        </a>
1275        — Iman on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1276       </li>
1277       <li>
1278        <a href="/glosario">
1279         Glosario
1280        </a>
1281        — Glosario on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1282       </li>
1283       <li>
1284        <a href="/dni-digital-agentes-ia">
1285         Dni Agentes
1286        </a>
1287        — Comprueba quién responde de un agente de IA, sus permisos firmados y su estado. Caso Argos, límites de la credencial y diagnóstico para empresas.
1288       </li>
1289       <li>
1290        <a href="/prensa">
1291         Prensa
1292        </a>
1293        — Prensa on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1294       </li>
1295       <li>
1296        <a href="/empleo">
1297         Empleo
1298        </a>
1299        — Empleo on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1300       </li>
1301       <li>
1302        <a href="/como-trabajamos">
1303         Como Trabajamos
1304        </a>
1305        — Como Trabajamos on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1306       </li>
1307       <li>
1308        <a href="/auditoria-digital">
1309         Auditoria Digital
1310        </a>
1311        — Auditoria Digital on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1312       </li>
1313       <li>
1314        <a href="/agentes-de-voz">
1315         Agentes De Voz
1316        </a>
1317        — Agentes De Voz on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1318       </li>
1319       <li>
1320        <a href="/aviso-legal">
1321         Legal
1322        </a>
1323        — Legal on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1324       </li>
1325       <li>
1326        <a href="/casos/gestion-multicanal-sincronizacion-total">
1327         Caso Page
1328        </a>
1329        — Caso Page on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1330       </li>
1331       <li>
1332        <a href="/demo/extramall">
1333         Demo Extramall
1334        </a>
1335        — Demo Extramall on NextAI.pro. En NextAI implantamos cerebros empresariales, superagentes y automatización con.
1336       </li>
1337      </ul>
1338     </nav>
1339    </main>
1340   </div>
1341  </div>
1342  <!-- PRELOADER ODOMETER -->
1343  <div id="preloader" style="position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999; pointer-events: none; transition: opacity 1s ease;">
1344   <div style="position: absolute; top: 2.5rem; left: 3.125rem; color: #000; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 4rem; letter-spacing: -0.02em; line-height: 1;">
1345    [
1346    <div style="height: 4rem; overflow: hidden; position: relative; width: 6.5rem; display: inline-block; vertical-align: top;">
1347     <div id="odometer-numbers" style="position: absolute; top: 0; left: 0; width: 100%; transition: transform 0.05s linear; text-align: center;">
1348     </div>
1349    </div>
1350    / 100 ]
1351   </div>
1352  </div>
1353  <div class="home-topnav" id="home-topnav">
1354   <a class="tn-logo" href="/">
1355    NEXTAI
1356   </a>
1357   <nav>
1358    <a class="tn-active" data-i18n="nav.home" href="/">
1359     inicio ↗
1360     <span class="tn-underline">
1361     </span>
1362    </a>
1363    <a data-i18n="nav.build" href="/services">
1364     qué construimos ↗
1365    </a>
1366    <a data-i18n="nav.superapps" href="/super-apps">
1367     super apps ↗
1368    </a>
1369    <a data-i18n="nav.superagents" href="/superagentes">
1370     superagentes ↗
1371    </a>
1372    <a data-i18n="nav.brain" href="/cerebro-empresarial">
1373     cerebro empresarial ↗
1374    </a>
1375    <a data-i18n="nav.contact" href="/contact">
1376     contacto ↗
1377    </a>
1378    <a aria-label="View this page in English" class="lang-pill" data-i18n-keep-href="" href="/en" hreflang="en" lang="en">
1379     <span class="lp-on">
1380      ES
1381     </span>
1382     <span aria-hidden="true" class="lp-sep">
1383      |
1384     </span>
1385     <span class="lp-off">
1386      EN
1387     </span>
1388    </a>
1389   </nav>
1390   <div class="tn-line" id="home-topnav-line">
1391   </div>
1392  </div>
1393  <div class="hero-logo preload-hidden reveal-anim from-top">
1394   NEXTAI
1395  </div>
1396  <h1 class="hero-title" data-i18n="hero.title" id="animated-hero-title" style="font-size: max(2.2rem, 5vw);">
1397   Tu empresa sabe más
1398   <br/>
1399   <span class="hero-subtitle">
1400    de lo que decide.
1401   </span>
1402  </h1>
1403  <div class="hero-nav preload-hidden reveal-anim from-top">
1404   <a data-i18n="hero.nav.build" href="/services">
1405    qué construimos
1406    <span class="nav-arrow">
1407     ↗
1408    </span>
1409   </a>
1410   <a data-i18n="hero.nav.superapps" href="/super-apps">
1411    super apps
1412    <span class="nav-arrow">
1413     ↗
1414    </span>
1415   </a>
1416   <a data-i18n="hero.nav.superagents" href="/superagentes">
1417    superagentes
1418    <span class="nav-arrow">
1419     ↗
1420    </span>
1421   </a>
1422   <a data-i18n="hero.nav.brain" href="/cerebro-empresarial">
1423    cerebro empresarial
1424    <span class="nav-arrow">
1425     ↗
1426    </span>
1427   </a>
1428   <a aria-label="View this page in English" class="lang-pill" data-i18n-keep-href="" href="/en" hreflang="en" lang="en">
1429    <span class="lp-on">
1430     ES
1431    </span>
1432    <span aria-hidden="true" class="lp-sep">
1433     |
1434    </span>
1435    <span class="lp-off">
1436     EN
1437    </span>
1438   </a>
1439  </div>
1440  <div class="hero-info-block preload-hidden reveal-anim from-bottom">
1441   <div class="eyebrow" data-i18n="hero.eyebrow" style="margin-bottom: 1.5rem;">
1442    Ecosistemas de IA empresarial
1443   </div>
1444   <div class="hi-text" data-i18n="hero.text">
1445    Construimos el cerebro que lo reúne todo. Y los agentes que lo ponen a trabajar.
1446   </div>
1447   <div class="hi-btn-row">
1448    <a class="hi-btn solid" data-i18n="hero.cta" href="/auditoria-digital">
1449     PIDE TU AUDITORÍA DIGITAL
1450    </a>
1451   </div>
1452   <div class="hi-micro" data-i18n="hero.micro">
1453    Una hora. Sin presentación comercial.
1454   </div>
1455  </div>
1456  <div class="scroll-content-wrapper">
1457   <div class="scroll-title-container" id="scroll-title">
1458    <h3 class="animated-title flow-title" data-i18n="s1.title">
1459     Cada herramienta guarda
1460     <br/>
1461     una parte.
1462     <br/>
1463     <span style="font-weight: 500;">
1464      Ninguna ve el conjunto.
1465     </span>
1466    </h3>
1467   </div>
1468   <div class="feature-container" style="align-items: flex-start; padding-right: 3.125rem; padding-left: 3.125rem; box-sizing: border-box; margin-bottom: 26rem;">
1469    <h3 class="feature-title animated-title flow-title" data-i18n="s2.title" style="text-align: left;">
1470     Y se decide a ciegas
1471     <br/>
1472     <span style="font-weight: 500;">
1473      sobre lo que ya se sabe.
1474     </span>
1475    </h3>
1476    <div class="flow-note" data-i18n="s2.note" style="text-align: left;">
1477     Lo llamamos
1478     <strong>
1479      Deuda de Contexto
1480     </strong>
1481     .
1482    </div>
1483   </div>
1484   <div class="clients-container">
1485    <div class="clients-subtitle" data-i18n="clients.title">
1486     EMPRESAS QUE YA CONFÍAN EN NOSOTROS
1487    </div>
1488    <div class="clients-line">
1489    </div>
1490    <div class="marquee-container">
1491     <div class="marquee-content">
1492      <span class="marquee-name">
1493       Bioparc
1494      </span>
1495      <span class="marquee-name">
1496       Fundación Bioparc
1497      </span>
1498      <span class="marquee-name">
1499       De La Guía y Luzón
1500      </span>
1501      <span class="marquee-name">
1502       Alumed
1503      </span>
1504      <span class="marquee-name">
1505       La Tagliatella
1506      </span>
1507      <span class="marquee-name">
1508       Semamcoin
1509      </span>
1510      <span class="marquee-name">
1511       Transportes López Vialcanet
1512      </span>
1513      <span class="marquee-name">
1514       Torrent CF
1515      </span>
1516      <span class="marquee-name">
1517       Puchades
1518      </span>
1519      <span class="marquee-name">
1520       KDOS Consulting
1521      </span>
1522      <span class="marquee-name">
1523       Ludo Ciencia
1524      </span>
1525      <span class="marquee-name">
1526       Gómez Avanza
1527      </span>
1528      <span class="marquee-name">
1529       INCIBE
1530      </span>
1531      <span class="marquee-name">
1532       Percent
1533      </span>
1534      <span class="marquee-name">
1535       Subvia
1536      </span>
1537      <span class="marquee-name">
1538       Bioparc
1539      </span>
1540      <span class="marquee-name">
1541       Fundación Bioparc
1542      </span>
1543      <span class="marquee-name">
1544       De La Guía y Luzón
1545      </span>
1546      <span class="marquee-name">
1547       Alumed
1548      </span>
1549      <span class="marquee-name">
1550       La Tagliatella
1551      </span>
1552      <span class="marquee-name">
1553       Semamcoin
1554      </span>
1555      <span class="marquee-name">
1556       Transportes López Vialcanet
1557      </span>
1558      <span class="marquee-name">
1559       Torrent CF
1560      </span>
1561      <span class="marquee-name">
1562       Puchades
1563      </span>
1564      <span class="marquee-name">
1565       KDOS Consulting
1566      </span>
1567      <span class="marquee-name">
1568       Ludo Ciencia
1569      </span>
1570      <span class="marquee-name">
1571       Gómez Avanza
1572      </span>
1573      <span class="marquee-name">
1574       INCIBE
1575      </span>
1576      <span class="marquee-name">
1577       Percent
1578      </span>
1579      <span class="marquee-name">
1580       Subvia
1581      </span>
1582     </div>
1583    </div>
1584   </div>
1585   <div class="scroll-title-container bridge-title" id="bridge-title">
1586    <h3 class="animated-title flow-title" data-i18n="bridge.title">
1587     Pero esto
1588     <br/>
1589     <span style="font-weight: 500;">
1590      tiene solución.
1591     </span>
1592    </h3>
1593   </div>
1594  </div>
1595  <div class="phase4-container" id="phase4-container" style="font-family: 'Jost', sans-serif;">
1596   <div class="split-feature-container">
1597    <div aria-hidden="true" class="hi-top" style="width: 100%; min-width: 15rem; max-width: 20rem; margin-bottom: 0;">
1598    </div>
1599    <div style="display: flex; flex-direction: column; align-items: flex-start;">
1600     <div class="split-top" style="text-align: left; display: inline-block;">
1601      <h3 class="feature-title animated-title" data-i18n="p4.title" id="phase4-title" style="text-align: left; margin-top: 0;">
1602       Cuatro formas
1603       <br/>
1604       <span style="font-weight: 500;">
1605        de construirlo.
1606       </span>
1607      </h3>
1608      <div class="clients-line" style="margin-top: 3rem; margin-bottom: 3rem; width: 100%; margin-left: 0; margin-right: 0;">
1609      </div>
1610     </div>
1611     <div class="split-bottom" style="align-items: flex-start;">
1612      <div class="pillars">
1613       <div class="pillar">
1614        <span class="pillar-idx">
1615         01
1616        </span>
1617        <span class="pillar-t" data-i18n="p4.p1.t">
1618         Super apps
1619        </span>
1620        <span class="pillar-l" data-i18n="p4.p1.l">
1621         Tu idea, funcionando.
1622        </span>
1623       </div>
1624       <div class="pillar">
1625        <span class="pillar-idx">
1626         02
1627        </span>
1628        <span class="pillar-t" data-i18n="p4.p2.t">
1629         Superagentes
1630        </span>
1631        <span class="pillar-l" data-i18n="p4.p2.l">
1632         Un proceso entero, sin ti.
1633        </span>
1634       </div>
1635       <div class="pillar">
1636        <span class="pillar-idx">
1637         03
1638        </span>
1639        <span class="pillar-t" data-i18n="p4.p3.t">
1640         Ecosistemas
1641        </span>
1642        <span class="pillar-l" data-i18n="p4.p3.l">
1643         Tus herramientas, hablándose.
1644        </span>
1645       </div>
1646       <div class="pillar">
1647        <span class="pillar-idx">
1648         04
1649        </span>
1650        <span class="pillar-t" data-i18n="p4.p4.t">
1651         Cerebros empresariales
1652        </span>
1653        <span class="pillar-l" data-i18n="p4.p4.l">
1654         Tu empresa, recordando.
1655        </span>
1656       </div>
1657      </div>
1658      <a class="hi-btn" data-i18n="p4.cta" href="/services" style="margin-top: 2rem; text-transform: uppercase;">
1659       VER QUÉ CONSTRUIMOS
1660      </a>
1661     </div>
1662    </div>
1663   </div>
1664  </div>
1665  <div class="words-container">
1666   <div class="flying-word" data-i18n="word.apps" id="word1">
1667    <span class="char">
1668     A
1669    </span>
1670    <span class="char">
1671     P
1672    </span>
1673    <span class="char">
1674     P
1675    </span>
1676    <span class="char">
1677     S
1678    </span>
1679   </div>
1680   <div class="flying-word" data-i18n="word.agents" id="word2">
1681    <span class="char">
1682     A
1683    </span>
1684    <span class="char">
1685     G
1686    </span>
1687    <span class="char">
1688     E
1689    </span>
1690    <span class="char">
1691     N
1692    </span>
1693    <span class="char">
1694     T
1695    </span>
1696    <span class="char">
1697     E
1698    </span>
1699    <span class="char">
1700     S
1701    </span>
1702   </div>
1703   <div class="flying-word" data-i18n="word.ecosystems" id="word3" style="font-size: max(2.75rem, 11vw);">
1704    <span class="char">
1705     E
1706    </span>
1707    <span class="char">
1708     C
1709    </span>
1710    <span class="char">
1711     O
1712    </span>
1713    <span class="char">
1714     S
1715    </span>
1716    <span class="char">
1717     I
1718    </span>
1719    <span class="char">
1720     S
1721    </span>
1722    <span class="char">
1723     T
1724    </span>
1725    <span class="char">
1726     E
1727    </span>
1728    <span class="char">
1729     M
1730    </span>
1731    <span class="char">
1732     A
1733    </span>
1734    <span class="char">
1735     S
1736    </span>
1737   </div>
1738  </div>
1739  <div class="glass-container" id="glass-container">
1740   <div class="glass-gradient-wrapper" id="glass-gradient">
1741    <picture>
1742     <source srcset="/assets/clarix/gradient.avif" type="image/avif">
1743      <img alt="" class="glass-gradient-img" decoding="async" height="898" loading="lazy" src="/assets/clarix/gradient.webp" width="1600"/>
1744     </source>
1745    </picture>
1746    <div class="gradient-content">
1747     <div class="gc-top-left animated-title" data-i18n="p3.title" id="phase3-title">
1748      Tu empresa funcionando
1749      <br/>
1750      como una sola inteligencia.
1751     </div>
1752     <div class="gc-bottom">
1753      <div class="gc-bottom-left" data-i18n="p3.left">
1754       Un cerebro. Unos datos. Una verdad.
1755      </div>
1756      <div class="gc-bottom-right">
1757       <div class="stat-col">
1758        <div class="stat-num">
1759         24/7
1760        </div>
1761        <div class="stat-desc" data-i18n="p3.stat1.desc">
1762         agentes que
1763         <br/>
1764         no cierran
1765        </div>
1766       </div>
1767       <div class="stat-col">
1768        <div class="stat-num" data-i18n="p3.stat2.num">
1769         UNA VERDAD
1770        </div>
1771        <div class="stat-desc" data-i18n="p3.stat2.desc">
1772         la misma cifra
1773         <br/>
1774         para todos
1775        </div>
1776       </div>
1777      </div>
1778     </div>
1779    </div>
1780   </div>
1781  </div>
1782  <div class="phase5-container" id="phase5-container" style="font-family: 'Jost', sans-serif;">
1783   <h3 class="feature-title animated-title" data-i18n="p5.t1" id="phase5-title-1" style="position:absolute; top:7.5rem; left:3.125rem; text-align:left; margin:0;">
1784    Empieza donde estés.
1785   </h3>
1786   <h3 class="feature-title animated-title" data-i18n="p5.t2" id="phase5-title-2" style="position:absolute; bottom:9rem; right:3.125rem; text-align:right; margin:0; font-weight:500;">
1787    Crece hasta donde quieras.
1788   </h3>
1789   <div class="hi-text phase5-desc-left" style="max-width: 30rem;">
1790    <span data-i18n="p5.desc">
1791     Un agente. Después otro. Después el cerebro que los une.
1792    </span>
1793    <nav aria-label="Las cinco fases de la Ruta NEXT-5" class="ruta-words home-route-visual" data-i18n="p5.navlabel" data-i18n-attr="aria-label">
1794     <a data-i18n="p5.r1" href="/ruta-next-5">
1795      1. Nivelar
1796     </a>
1797     <span aria-hidden="true">
1798      →
1799     </span>
1800     <a data-i18n="p5.r2" href="/ruta-next-5">
1801      2. Estructurar
1802     </a>
1803     <span aria-hidden="true">
1804      →
1805     </span>
1806     <a data-i18n="p5.r3" href="/ruta-next-5">
1807      3. Xtender
1808     </a>
1809     <span aria-hidden="true">
1810      →
1811     </span>
1812     <a data-i18n="p5.r4" href="/ruta-next-5">
1813      4. Transferir
1814     </a>
1815     <span aria-hidden="true">
1816      →
1817     </span>
1818     <a data-i18n="p5.r5" href="/ruta-next-5">
1819      5. Escalar
1820     </a>
1821    </nav>
1822    <div class="eyebrow" data-i18n="p5.eyebrow" style="margin-top: 0.6rem;">
1823     Ruta NEXT-5
1824    </div>
1825   </div>
1826  </div>
1827  <div class="phase6-container" id="phase6-container">
1828   <h3 class="phase6-title animated-title" data-i18n="p6.title" id="phase6-title">
1829    Una hora.
1830    <br/>
1831    <span style="font-weight: 400;">
1832     Un mapa.
1833    </span>
1834   </h3>
1835  </div>
1836  <div class="phase6-footer-wrapper" id="phase6-footer">
1837   <div aria-label="Contenido del pie de página; desplázate para ver todos los reconocimientos y enlaces" class="glass-footer" data-lenis-prevent="" tabindex="0">
1838    <div class="footer-top">
1839     <div class="footer-left">
1840      <h2 style="margin: 0 0 2rem 0; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 1.75rem; letter-spacing: 0.04em;">
1841       NEXTAI
1842      </h2>
1843      <div class="footer-heading" data-i18n="f.heading">
1844       Cuéntanos cómo funciona tu empresa hoy. Te decimos qué se puede construir, por dónde empezar y qué no merece la pena tocar todavía. Tanto si nos contratas como si no.
1845      </div>
1846      <form action="/auditoria-digital" class="footer-input-group" id="footer-audit-form" method="get">
1847       <input class="footer-input" data-i18n="f.placeholder" data-i18n-attr="placeholder" name="email" placeholder="Tu email de trabajo" required="" type="email"/>
1848       <button class="footer-submit" data-i18n="f.submit" type="submit">
1849        PIDE TU AUDITORÍA DIGITAL
1850       </button>
1851      </form>
1852      <div class="footer-subtext" data-i18n="f.sub1" style="margin-bottom: 0.75rem;">
1853       45 minutos · Eliges el hueco al momento
1854      </div>
1855      <div class="footer-subtext" data-i18n="f.sub2">
1856       Al enviar tu email aceptas que Cosmolabs OÜ (NextAI) trate tus datos para preparar tu diagnóstico y contactarte, conforme a la
1857       <a href="/privacidad" style="color:#000;text-decoration:underline;">
1858        Política de privacidad
1859       </a>
1860       .
1861      </div>
1862     </div>
1863     <div class="footer-right">
1864      <div class="footer-col">
1865       <div class="footer-col-title" data-i18n="f.c1.t">
1866        Qué construimos
1867       </div>
1868       <a data-i18n="f.c1.a1" href="/dni-digital-agentes-ia">
1869        DNI digital para agentes de IA
1870       </a>
1871       <a data-i18n="f.c1.a2" href="/super-apps">
1872        Super apps a medida
1873       </a>
1874       <a data-i18n="f.c1.a3" href="/superagentes">
1875        Superagentes de IA
1876       </a>
1877       <a data-i18n="f.c1.a4" href="/cerebro-empresarial">
1878        Cerebro Empresarial
1879       </a>
1880       <a data-i18n="f.c1.a5" href="/escala-ai-native">
1881        Escala AI-Native
1882       </a>
1883       <a data-i18n="f.c1.a6" href="/cortex">
1884        Digital Cortex
1885       </a>
1886       <a data-i18n="f.c1.a7" href="/services">
1887        Todos los servicios
1888       </a>
1889       <a data-i18n="f.c1.a8" href="/plans">
1890        Planes y precios
1891       </a>
1892      </div>
1893      <div class="footer-col">
1894       <div class="footer-col-title" data-i18n="f.c2.t">
1895        Método y métricas
1896       </div>
1897       <a data-i18n="f.c2.a1" href="/como-trabajamos">
1898        Cómo trabajamos
1899       </a>
1900       <a data-i18n="f.c2.a2" href="/ruta-next-5">
1901        Ruta NEXT-5
1902       </a>
1903       <a data-i18n="f.c2.a3" href="/iman">
1904        IMAN — Índice de madurez
1905       </a>
1906       <a data-i18n="f.c2.a4" href="/rao">
1907        RAO — Autonomía operativa
1908       </a>
1909       <a data-i18n="f.c2.a5" href="/auditoria-digital">
1910        Auditoría Digital
1911       </a>
1912      </div>
1913      <div class="footer-col">
1914       <div class="footer-col-title" data-i18n="f.c3.t">
1915        Conocimiento
1916       </div>
1917       <a data-i18n="f.c3.a1" href="/blog">
1918        Blog ejecutivo
1919       </a>
1920       <a data-i18n="f.c3.a2" href="/glosario">
1921        Glosario de IA empresarial
1922       </a>
1923       <a data-i18n="f.c3.a3" href="/enterprise-faq">
1924        Preguntas frecuentes
1925       </a>
1926       <a data-i18n="f.c3.a4" href="/casos/percent-cerebro-empresarial">
1927        Caso Percent
1928       </a>
1929       <a data-i18n="f.c3.a5" href="/casos">
1930        Casos y proyectos
1931       </a>
1932      </div>
1933      <div class="footer-col">
1934       <div class="footer-col-title" data-i18n="f.c4.t">
1935        NextAI
1936       </div>
1937       <a data-i18n="f.c4.a1" href="/about">
1938        Sobre NextAI
1939       </a>
1940       <a data-i18n="f.c4.a2" href="/prensa">
1941        Prensa y menciones
1942       </a>
1943       <a data-i18n="f.c4.a3" href="https://digitalcortex.tech/verify/argos" rel="noopener" target="_blank">
1944        Verificar a nuestro agente Argos ↗
1945       </a>
1946       <a data-i18n="f.c4.a4" href="/contact">
1947        Contacto
1948       </a>
1949       <a data-i18n="f.c4.a5" href="https://www.linkedin.com/company/nextaipro" rel="noopener noreferrer" target="_blank">
1950        LinkedIn ↗
1951       </a>
1952      </div>
1953      <div class="footer-col">
1954       <div class="footer-col-title" data-i18n="f.c5.t">
1955        Legal
1956       </div>
1957       <a data-i18n="f.c5.a1" href="/terminos">
1958        Términos y condiciones
1959       </a>
1960       <a data-i18n="f.c5.a2" href="/privacidad">
1961        Política de privacidad
1962       </a>
1963       <a data-i18n="f.c5.a3" href="/cookies">
1964        Política de cookies
1965       </a>
1966       <a data-i18n="f.c5.a4" href="/aviso-legal">
1967        Aviso legal
1968       </a>
1969      </div>
1970     </div>
1971    </div>
1972    <div class="recognition-section">
1973     <span class="recognition-title" data-i18n="f.recognition">
1974      Reconocimientos
1975     </span>
1976     <div class="recognition-list">
1977      <div class="recognition-card">
1978       <img alt="OpenAI Select Partner" class="recognition-logo--wide" decoding="async" loading="lazy" src="/badges/openai-select-partner.svg"/>
1979       <span aria-hidden="true" class="recognition-divider">
1980       </span>
1981       <span class="recognition-copy">
1982        <small>
1983         SELECT PARTNER
1984        </small>
1985        <strong>
1986         OpenAI
1987        </strong>
1988       </span>
1989      </div>
1990      <a class="recognition-card" href="https://academy.claude.com/verify/b31976c14a45c02207d41aa61ac03997" rel="noopener" target="_blank">
1991       <img alt="Anthropic Claude logo" decoding="async" src="https://upload.wikimedia.org/wikipedia/commons/b/b0/Claude_AI_symbol.svg"/>
1992       <span aria-hidden="true" class="recognition-divider">
1993       </span>
1994       <span class="recognition-copy">
1995        <small>
1996         CERTIFIED · CLAUDE ACADEMY
1997        </small>
1998        <strong>
1999         Anthropic
2000        </strong>
2001       </span>
2002      </a>
2003      <div class="recognition-card">
2004       <img alt="Google Cloud logo" class="recognition-logo--wide" decoding="async" src="https://upload.wikimedia.org/wikipedia/commons/5/51/Google_Cloud_logo.svg"/>
2005       <span aria-hidden="true" class="recognition-divider">
2006       </span>
2007       <span class="recognition-copy">
2008        <small>
2009         CERTIFIED · GENERATIVE AI
2010        </small>
2011        <strong>
2012         Google Cloud
2013        </strong>
2014       </span>
2015      </div>
2016      <a class="recognition-card" href="https://app.base44.com/@nextai" rel="noopener" target="_blank">
2017       <img alt="Base44 logo" decoding="async" src="https://app.base44.com/apple-touch-icon.png"/>
2018       <span aria-hidden="true" class="recognition-divider">
2019       </span>
2020       <span class="recognition-copy">
2021        <small>
2022         OFFICIAL PARTNER · SPECIALIST
2023        </small>
2024        <strong>
2025         Base44
2026        </strong>
2027       </span>
2028      </a>
2029      <a class="recognition-card" href="https://startupvalencia.org/es/socios/?drts_search=1&amp;drts_search_keyword%5Btext%5D=cosmin&amp;drts_search_keyword%5Bid%5D=&amp;drts_search_keyword%5Btaxonomy%5D=" rel="noopener" target="_blank">
2030       <img alt="Startup Valencia logo" class="recognition-logo--wide recognition-logo--invert" decoding="async" src="https://startupvalencia.org/wp-content/uploads/2021/06/sv_logo-dark.svg"/>
2031       <span aria-hidden="true" class="recognition-divider">
2032       </span>
2033       <span class="recognition-copy">
2034        <small>
2035         SOCIO · MEMBER
2036        </small>
2037        <strong>
2038         Startup Valencia
2039        </strong>
2040       </span>
2041      </a>
2042      <div class="recognition-card">
2043       <img alt="Wix logo" class="recognition-logo--wide" decoding="async" src="https://upload.wikimedia.org/wikipedia/commons/7/76/Wix.com_website_logo.svg"/>
2044       <span aria-hidden="true" class="recognition-divider">
2045       </span>
2046       <span class="recognition-copy">
2047        <small>
2048         OFFICIAL PARTNER
2049        </small>
2050        <strong>
2051         Wix
2052        </strong>
2053       </span>
2054      </div>
2055      <a class="recognition-card recognition-card--expertuno" href="https://expertuno.com/es/consultant/nextai#verification-status" rel="noopener" target="_blank">
2056       <img alt="Verificación de Expertuno para NextAI" decoding="async" height="96" loading="lazy" src="https://expertuno.com/functions/verificationBadge?profile=6aba8740b0919fcaa155c8f4&amp;lang=es&amp;motion=off" width="360"/>
2057      </a>
2058      <a class="recognition-card" href="https://www.aiagencies.eu/?utm_source=agency-badge&amp;utm_medium=referral&amp;utm_campaign=featured-on" rel="noopener noreferrer" target="_blank">
2059       <img alt="AIAgencies.eu" class="recognition-logo--wide" decoding="async" loading="lazy" src="https://www.aiagencies.eu/badges/verified-member-horizontal-mono.svg"/>
2060       <span aria-hidden="true" class="recognition-divider">
2061       </span>
2062       <span class="recognition-copy">
2063        <small>
2064         VERIFIED MEMBER
2065        </small>
2066        <strong>
2067         AIAgencies.eu
2068        </strong>
2069       </span>
2070      </a>
2071     </div>
2072     <div class="recognition-trust">
2073      <span class="recognition-trust-label">
2074       <svg aria-hidden="true" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" viewbox="0 0 24 24">
2075        <path d="M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6l8-3z">
2076        </path>
2077        <path d="M8.5 12l2.5 2.5 4.5-5">
2078        </path>
2079       </svg>
2080       <span data-i18n="f.trust">
2081        Infraestructura certificada
2082       </span>
2083      </span>
2084      <span class="recognition-trust-chip">
2085       ISO 27001
2086      </span>
2087      <span class="recognition-trust-chip">
2088       SOC 2 Type II
2089      </span>
2090      <span class="recognition-trust-chip">
2091       GDPR
2092      </span>
2093      <span class="recognition-trust-chip" data-i18n="f.trust.eu">
2094       Datos alojados en la UE
2095      </span>
2096      <span class="recognition-trust-chip" data-i18n="f.trust.aiact">
2097       Conforme al EU AI Act
2098      </span>
2099     </div>
2100    </div>
2101    <div class="footer-faq" itemscope="" itemtype="https://schema.org/FAQPage">
2102     <details itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
2103      <summary data-i18n="faq.q1" itemprop="name">
2104       ¿En qué se diferencia un superagente de un chatbot?
2105      </summary>
2106      <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer">
2107       <p data-i18n="faq.a1" itemprop="text">
2108        Un chatbot responde. Un copiloto sugiere. Un superagente se hace cargo de un proceso completo: tiene memoria de lo que pasó, herramientas para actuar sobre vuestros sistemas, límites de autoridad y KPIs propios. El chatbot os dice cuántas facturas hay pendientes; el superagente las concilia.
2109       </p>
2110      </div>
2111     </details>
2112     <details itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
2113      <summary data-i18n="faq.q2" itemprop="name">
2114       ¿Cuánto tarda en verse el primer resultado?
2115      </summary>
2116      <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer">
2117       <p data-i18n="faq.a2" itemprop="text">
2118        Menos de dos semanas desde el primer diagnóstico hasta tener un agente funcionando. La cartografía completa de procesos y datos va en paralelo y se cierra en dos o tres semanas.
2119       </p>
2120      </div>
2121     </details>
2122     <details itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
2123      <summary data-i18n="faq.q3" itemprop="name">
2124       Ya probamos la IA y no funcionó. ¿Por qué esta vez sí?
2125      </summary>
2126      <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer">
2127       <p data-i18n="faq.a3" itemprop="text">
2128        Porque casi siempre falla lo mismo: la IA no conocía la empresa. Sin memoria corporativa, un modelo responde con conocimiento general a problemas específicos. Por eso empezamos por el cerebro y no por la herramienta.
2129       </p>
2130      </div>
2131     </details>
2132     <details itemprop="mainEntity" itemscope="" itemtype="https://schema.org/Question">
2133      <summary data-i18n="faq.q4" itemprop="name">
2134       ¿Qué es el DNI digital de vuestros agentes de IA?
2135      </summary>
2136      <div itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer">
2137       <p data-i18n="faq.a4" itemprop="text">
2138        Una credencial firmada criptográficamente (W3C Verifiable Credentials 2.0) que identifica a cada agente de software, declara qué sociedad responde de él, qué tiene permitido y qué tiene prohibido hacer, caduca a los 90 días y se puede revocar al instante. Cualquiera puede comprobarla en segundos escaneando el QR de su sello o en
2139        <a href="https://digitalcortex.tech/verify/argos" rel="noopener" target="_blank">
2140         digitalcortex.tech/verify/argos
2141        </a>
2142        . Es una autodeclaración verificable, no una auditoría externa.
2143        <a href="/dni-digital-agentes-ia">
2144         Cómo funciona ↗
2145        </a>
2146       </p>
2147      </div>
2148     </details>
2149     <div style="margin-top: 1rem;">
2150      <a data-i18n="faq.all" href="/como-trabajamos">
2151       Ver todas las preguntas y la Ruta NEXT-5 ↗
2152      </a>
2153     </div>
2154    </div>
2155    <section aria-labelledby="dni-band-title" class="dni-band">
2156     <a aria-label="Ver cómo funciona el DNI digital para agentes de IA" class="dni-band-seal" data-i18n="dni.seal.aria" data-i18n-attr="aria-label" href="/dni-digital-agentes-ia">
2157      <img alt="Sello CORTEX del agente Argos: identidad digital verificable" data-i18n="dni.seal.alt" data-i18n-attr="alt" decoding="async" loading="lazy" onerror="this.parentNode.classList.add('dni-band-seal--off')" src="https://digitalcortex.tech/functions/agentSeal?slug=argos"/>
2158      <span aria-hidden="true" class="dni-band-seal-fallback">
2159       CRD
2160       <br/>
2161       2026
2162       <br/>
2163       0001
2164      </span>
2165     </a>
2166     <div class="dni-band-text">
2167      <div class="dni-band-eyebrow" data-i18n="dni.eyebrow">
2168       Identidad Agéntica Verificable · Sello CORTEX
2169      </div>
2170      <h2 class="dni-band-title" data-i18n="dni.title" id="dni-band-title">
2171       Nuestros agentes de IA llevan DNI digital
2172      </h2>
2173      <p class="dni-band-copy" data-i18n="dni.copy">
2174       Quién responde de cada agente, qué puede hacer y qué tiene prohibido: firmado, con caducidad, revocable y comprobable por cualquiera en 30 segundos. Argos, nuestro agente de captación, fue el primero.
2175      </p>
2176     </div>
2177     <div class="dni-band-actions">
2178      <a class="dni-band-btn dni-band-btn--dark" data-i18n="dni.btn1" href="/dni-digital-agentes-ia">
2179       Cómo funciona
2180      </a>
2181      <a class="dni-band-btn" data-i18n="dni.btn2" href="https://digitalcortex.tech/verify/argos" rel="noopener" target="_blank">
2182       Verificar a Argos en vivo ↗
2183      </a>
2184     </div>
2185    </section>
2186    <div class="footer-line">
2187    </div>
2188    <div class="footer-bottom" style="display:flex;align-items:center;justify-content:center;gap:0.75rem;margin-bottom:1.25rem;">
2189     <span data-i18n="f.design" style="text-transform:uppercase;letter-spacing:0.2em;font-size:0.68rem;">
2190      Diseño y experiencia interactiva
2191     </span>
2192     <span style="width:1px;height:0.8rem;background:linear-gradient(to bottom,#0091ff,#8000ff,#ff0000);">
2193     </span>
2194     <a href="https://auradesign.pro/" rel="noopener noreferrer" style="font-family:'Bebas Neue',sans-serif;font-size:1.05rem;letter-spacing:0.06em;color:#000;text-decoration:none;" target="_blank">
2195      AURADESIGN.PRO ↗
2196     </a>
2197    </div>
2198    <div class="footer-bottom" data-i18n="f.copyright">
2199     © 2026 NEXTAI · Cosmolabs OÜ · Registry code 17106582 · Ahtri tn 12, 15551 Tallinn, Estonia ·
2200     <a href="mailto:[email protected]">
2201      [email protected]
2202     </a>
2203    </div>
2204   </div>
2205  </div>
2206  <!-- i18n de la home: síncrono y antes de los módulos (main.jsx / boot.js), de modo que la
2207       división en caracteres de los títulos (src/cinematic/scene.js) ya opere sobre el texto EN.
2208       En español no hace nada: el HTML servido ya es el correcto. -->
2209  
2209<script>
2210   (function(){
2211      var html = document.documentElement;
2212      if (window.__NEXTAI_LANG !== 'en') return;
2213      try {
2214        var EN = window.__NEXTAI_EN || {};
2215        var ROUTES = window.__NEXTAI_ROUTES_EN || {};
2216        var BLOG = window.__NEXTAI_BLOG_EN || {};
2217
2218        // 1. Texto y atributos traducibles
2219        var nodes = document.querySelectorAll('[data-i18n]');
2220        for (var i = 0; i < nodes.length; i++) {
2221          var el = nodes[i], key = el.getAttribute('data-i18n'), value = EN[key];
2222          if (typeof value !== 'string') { if (window.console) console.warn('[i18n] clave sin traducir:', key); continue; }
2223          var attrs = el.getAttribute('data-i18n-attr');
2224          if (attrs) {
2225            var list = attrs.split(',');
2226            for (var a = 0; a < list.length; a++) {
2227              var name = list[a].trim();
2228              if (name) el.setAttribute(name, value);
2229            }
2230          } else if (value.indexOf('<') !== -1) {
2231            el.innerHTML = value;
2232          } else {
2233            el.textContent = value;
2234          }
2235        }
2236
2237        // 2. Rutas internas -> equivalente EN (ROUTE_PAIRS + slugs del blog)
2238        function localize(path) {
2239          var p = path.replace(/\/+$/, '') || '/';
2240          if (ROUTES[p]) return ROUTES[p];
2241          if (p.indexOf('/blog/cluster/') === 0) return '/en' + p;
2242          if (p.indexOf('/blog/') === 0) {
2243            var slug = p.slice('/blog/'.length);
2244            return BLOG[slug] ? '/en/blog/' + BLOG[slug] : p;
2245          }
2246          if (p === '/en' || p.indexOf('/en/') === 0) return p;
2247          return '/en' + p;
2248        }
2249        function rewrite(el, attr) {
2250          var raw = el.getAttribute(attr);
2251          if (!raw || raw.charAt(0) !== '/' || raw.charAt(1) === '/') return;
2252          var cut = raw.search(/[?#]/);
2253          var path = cut === -1 ? raw : raw.slice(0, cut);
2254          var rest = cut === -1 ? '' : raw.slice(cut);
2255          el.setAttribute(attr, localize(path) + rest);
2256        }
2257        var links = document.querySelectorAll('a[href^="/"]:not([data-i18n-keep-href])');
2258        for (var l = 0; l < links.length; l++) rewrite(links[l], 'href');
2259        var forms = document.querySelectorAll('form[action^="/"]:not([data-i18n-keep-href])');
2260        for (var f = 0; f < forms.length; f++) rewrite(forms[f], 'action');
2261
2262        // 3. Selector de idioma: en /en apunta al español y marca EN como activo
2263        var pills = document.querySelectorAll('.lang-pill');
2264        for (var q = 0; q < pills.length; q++) {
2265          var pill = pills[q];
2266          pill.setAttribute('href', '/');
2267          pill.setAttribute('hreflang', 'es');
2268          pill.setAttribute('lang', 'es');
2269          pill.setAttribute('aria-label', 'Ver esta página en español');
2270          var on = pill.querySelector('.lp-on'), off = pill.querySelector('.lp-off');
2271          if (on && off) { on.className = 'lp-off'; off.className = 'lp-on'; }
2272        }
2273      } catch (e) {
2274        if (window.console) console.error('[i18n] fallo al aplicar el inglés', e);
2275      } finally {
2276        html.classList.add('i18n-en-ready');
2277      }
2278    })();
2279  </script>
2279
2280  
2280<script>
2281   // Count-up for the proof figures and the RAO number
2282    if (window.__NEXTAI_HOME) {
2283      // Footer email hands off to the digital-audit flow
2284      const auditForm = document.getElementById('footer-audit-form');
2285      if (auditForm) {
2286        auditForm.addEventListener('submit', (e) => {
2287          e.preventDefault();
2288          const email = auditForm.querySelector('input[name="email"]').value.trim();
2289          var auditPath = window.__NEXTAI_LANG === 'en' ? '/en/digital-audit' : '/auditoria-digital';
2290          window.location.href = auditPath + '?email=' + encodeURIComponent(email);
2291        });
2292      }
2293    }
2294  </script>
2294
2295 </body>
2296</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.