'+num+'
'+esc(s.titulo||'')+'
'+esc(s.gancho||'')+'
'+esc(s.como||'')+'
'+chips+'
'+prova+''+L(u.name)+'
'\n + ''+L(u.tagline)+'
'\n + ''\n + ''+L(UNI_META.hint)+'
';\n var details=\"\";\n for(var j=0;j'+isoScene2(parseIso2(detailSpec(u,c,j)))+'
'+num+'
'\n + ''+L(c.title)+'
'\n + ''+L(c.desc)+'
'\n + ''+pts_html+'
'\n + ''+L(UNI_META.old)+'
'\n + ''+L(c.oldModel)+'
'+L(UNI_META.wd)+'
'+L(c.withData2)+'
'+res_html+'
'+L(UNI_META.moreH)+'
'+L(UNI_META.moreP)+'
'\n + ''+c+'
'; }).join(\"\");\n return '';\n }).join(\"\");\n\n return `\n\n\n
`;\n },\n mounted(d2, root){\n var reduce = (window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches) || false;\n var deck = root.querySelector(\"#deck\");\n var slides = Array.prototype.slice.call(root.querySelectorAll(\".slide\"));\n var n = slides.length, idx = 0;\n var lang = \"pt\";\n\n var nodes = root.querySelectorAll(\"[data-pt],[data-en]\");\n var ZH = {\n \"Industries\":\"行业方案\",\"Products\":\"产品\",\"How we deliver\":\"交付方式\",\"Customers\":\"客户\",\"Demo\":\"演示\",\"Sign in\":\"登录\",\n \"A Digital Expression Suite\":\"数字表达套件\",\n \"From problem\n \n \n \n \n ${indSlides}\n \n \n \n
\n\n \n
\n01 / 12
\n \nUse ← → ou espaço
\nto production.\":\"从问题
到生产。\",\n \"The suite that brings the business area close to technology — and turns it into the team that ships.\":\"让业务部门贴近技术的套件 —— 并把它变成能交付的团队。\",\n \"What we see\":\"我们看见什么\",\n \"Every area has
software waiting to exist.\":\"每个部门，都有
一款等待诞生的软件。\",\n \"Technology already lets us build almost anything. The missing piece was the bridge between the problem and the solution in production.\":\"技术早已能构建几乎一切。所缺的一环，是问题与上线方案之间的那座桥。\",\n \"The shift\":\"转变\",\n \"We are the enablers.\":\"我们，是赋能者。\",\n \"Before\":\"过去\",\n \"From idea to delivery: many hands, many translations, a lot of time.\":\"从创意到交付：经手无数、层层转译、耗时漫长。\",\n \"With Data²\":\"有了 Data²\",\n \"The business area itself designs, connects real data, ships and operates. In production.\":\"业务部门亲手设计、接入真实数据、发布并运营。直接在生产环境。\",\n \"What we do\":\"我们做什么\",\n \"A suite that becomes real software.\":\"一套真正变成软件的套件。\",\n \"AI built in\":\"内置 AI\",\"Real data\":\"真实数据\",\"Automation\":\"自动化\",\"No code\":\"无需代码\",\n \"What is possible\":\"无限可能\",\n \"HR & People\":\"人力资源与员工\",\"Supply & Operations\":\"供应链与运营\",\"Financial Services\":\"金融服务\",\"CX & Contact Center\":\"客户体验与呼叫中心\",\"Retail & E-commerce\":\"零售与电商\",\"Sales Enablement\":\"销售赋能\",\"BI & Analytics\":\"商业智能与分析\",\"Insurance & CX\":\"保险与客户体验\",\"Procurement\":\"采购\",\n \"An HR that answers thousands of employees, in many languages — instantly.\":\"一个能即时回应数千名员工、支持多语言的人力资源。\",\n \"AI assistant for employees\":\"面向员工的 AI 助手\",\"Human handoff\":\"人工转接\",\"Document reading (OCR)\":\"文档识别（OCR）\",\"Rules configured by the team\":\"规则由业务团队配置\",\"Analytics & CSAT\":\"分析与满意度（CSAT）\",\n \"Turn leftover stock into a production plan — in minutes, not weeks.\":\"把过剩库存变成生产计划 —— 只需几分钟，而非数周。\",\n \"Scenario simulation\":\"情景模拟\",\"Bill-of-materials explosion\":\"物料清单（BOM）展开\",\"Savings & feasibility scoring\":\"节省与可行性评分\",\"Self-service SQL on the data lake\":\"面向数据湖的自助 SQL\",\"Export\":\"导出\",\n \"AI-personalized 1-to-1 outreach at scale — run by the commercial team.\":\"AI 一对一个性化触达，规模化运行 —— 由商务团队操盘。\",\n \"CRM + outreach automation\":\"CRM + 触达自动化\",\"Omnichannel waves\":\"全渠道波次\",\"AI copy in the lead's tone\":\"以客户口吻的 AI 文案\",\"Offer & ROI modeling\":\"方案与 ROI 建模\",\"Corporate SSO\":\"企业单点登录（SSO）\",\n \"An entire contact center — from the on-site widget to queue automation — on one platform.\":\"一个完整的呼叫中心 —— 从网站挂件到队列自动化 —— 全在一个平台上。\",\n \"Omnichannel webchat\":\"全渠道网页聊天\",\"AI triage bot\":\"AI 分流机器人\",\"Bot → human handoff\":\"机器人 → 人工转接\",\"Agent + supervisor console\":\"坐席 + 主管控制台\",\"Queue automation & CSAT\":\"队列自动化与满意度（CSAT）\",\n \"From storefront to ERP: tailor-made buying experiences on real e-commerce data.\":\"从门店到 ERP：基于电商真实数据的量身购物体验。\",\n \"Catalog & product\":\"目录与商品\",\"VTEX / GraphQL integration\":\"VTEX / GraphQL 集成\",\"AI photo studio\":\"AI 影像工作室\",\"ERP & store operations\":\"ERP 与门店运营\",\n \"A sales copilot that surfaces the next best action — in natural language.\":\"一个销售副驾，用自然语言给出下一步的最佳行动。\",\n \"Copilot in natural language\":\"自然语言副驾\",\"Next-best-action recommendation\":\"下一最佳行动推荐\",\"AI search over customers & segments\":\"面向客户与细分的 AI 搜索\",\"Portfolio performance dashboards\":\"客户组合业绩仪表盘\",\"AI content generation\":\"AI 内容生成\",\n \"From live data to an action plan — dashboards the team reads and acts on, no spreadsheet export.\":\"从实时数据到行动计划 —— 业务团队看得懂、能行动的仪表盘，无需导出表格。\",\n \"Executive dashboards on live data\":\"基于实时数据的高管仪表盘\",\"Automated daily ingestion\":\"每日自动数据接入\",\"Targets & action plan tracked\":\"目标与行动计划全程追踪\",\"Alerts & monitoring\":\"告警与监控\",\n \"Support that answers from the right source — a semantic knowledge base with AI triage.\":\"从正确来源作答的客服 —— 配备语义知识库与 AI 分流。\",\n \"Semantic-search knowledge base\":\"语义搜索知识库\",\"AI triage & support\":\"AI 分流与客服\",\"Answers grounded in the source\":\"答案有据可依，源自原文\",\"Support analytics\":\"客服分析\",\n \"Procurement excellence: financial modeling and supply planning, simulated in minutes.\":\"采购卓越：财务建模与供应规划，几分钟即可模拟完成。\",\n \"Supply planning\":\"供应规划\",\"Financial scenario modeling\":\"财务情景建模\",\"Decision simulators & builders\":\"决策模拟器与构建器\",\"Data-driven sourcing\":\"数据驱动的采购\",\n \"How we deliver\":\"交付方式\",\n \"Our stack.
Our services.\":\"我们的技术栈。
我们的服务。\",\n \"Sprints\":\"敏捷冲刺\",\n \"Don't know where to start? Our team walks your area through the first steps — and can build it for you.\":\"不知从何开始？我们的团队会带着你的部门迈出前几步 —— 也能替你直接构建。\",\n \"Ideation\":\"创意构思\",\"Prototype\":\"原型\",\n \"Own your data\":\"掌控你的数据\",\n \"The Data Framework keeps your model and infra under your control — never hidden in code.\":\"数据框架让你的模型与基础设施始终在你掌控之中 —— 绝不藏于代码。\",\n \"Domain-Driven\":\"领域驱动\",\"Single Data Language\":\"统一数据语言\",\n \"Proof\":\"实证\",\n \"Already building
on Data².\":\"他们已在
Data² 上构建。\",\n \"Let's start\":\"现在开始\",\n \"Bring your area's
problem.\":\"带来你部门
的问题。\",\n \"We turn it into software — in production. www.data2.app\":\"我们把它变成软件 —— 直接上线生产。www.data2.app\",\n \"Use ← → or space\":\"使用 ← → 或空格\"\n};\n function unesc(s){ return String(s).replace(/</g,\"<\").replace(/>/g,\">\").replace(/&/g,\"&\"); }\n var ZH2 = {}; for(var zk in ZH){ ZH2[unesc(zk)] = unesc(ZH[zk]); }\n function applyLang(l){\n lang = l;\n nodes.forEach(function(nd){ var v; if(l===\"zh\"){ v=nd.getAttribute(\"data-zh\")||ZH2[nd.getAttribute(\"data-en\")]||nd.getAttribute(\"data-en\"); } else { v=nd.getAttribute(\"data-\"+l)||nd.getAttribute(\"data-en\"); } if(v!=null) nd.innerHTML=v; });\n root.querySelectorAll(\"#lang button\").forEach(function(b){ b.classList.toggle(\"on\", b.dataset.l===l); });\n }\n root.querySelectorAll(\"#lang button\").forEach(function(b){ b.addEventListener(\"click\", function(e){ e.stopPropagation(); applyLang(b.dataset.l); }); });\n\n var dotsWrap = root.querySelector(\"#dots\");\n for(var i=0;i
Data² · Iso Scene DSL
Ilustrações isométricas neon definidas numa expressão simples. Cada bloco é uma forma — cube · cyl · hex · pyr — com altura (h), animação independente (float / pulse / bob), detalhe (win), ícone (icon:) e fios de fluxo (->). Edite à esquerda; renderiza ao vivo à direita.
'+(e&&e.message||e)+'
'; } }\n if(ta){ ta.value=PRESETS.city; ta.addEventListener(\"input\", draw); }\n root.querySelectorAll(\".presets button\").forEach(function(bt){ bt.addEventListener(\"click\",function(){ if(ta){ta.value=PRESETS[bt.dataset.p]||\"\";} draw(); }); });\n draw();\n }\n}"}}}}}}}},{"_id":"6a6a3b5853635bade866228c","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"isoshader","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host,.sh{--bg:#04050a;--panel:#0a0c11;--line:rgba(255,255,255,.09);--ink:#dfe7ff;--mut:#7f8aa3;--acc:#3a7bff;--mono:ui-monospace,\"SF Mono\",Menlo,monospace;--sans:\"Helvetica Neue\",Arial,sans-serif}\n*{box-sizing:border-box;margin:0;padding:0}\n.sh{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--sans)}\n.sh-body{display:grid;grid-template-columns:280px 1fr;height:100%}\n.sh.collapsed .sh-body{grid-template-columns:1fr}\n.sh.collapsed .sh-panel{display:none}\n.sh-toggle{position:absolute;top:14px;left:14px;z-index:9;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:rgba(10,12,17,.62);color:var(--ink);font-size:15px;cursor:pointer;transition:.15s}\n.sh-toggle:hover{border-color:var(--acc)}\n.sh-panel{border-right:1px solid var(--line);padding:18px 16px;overflow:auto;display:flex;flex-direction:column;gap:16px;background:var(--panel)}\n.sh-head h1{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}\n.sh-head p{color:var(--mut);font-size:12px;margin-top:6px;line-height:1.5}\n.grp .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}\n.btns{display:flex;flex-wrap:wrap;gap:6px}\n.btns button{font-family:var(--mono);font-size:11px;background:#0e1017;border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:6px 10px;cursor:pointer;transition:.15s}\n.btns button:hover{border-color:var(--acc)}\n.btns button.on{border-color:var(--acc);background:rgba(58,123,255,.16);color:#fff}\n.sld{display:flex;align-items:center;gap:8px;margin-bottom:9px}\n.sld label{flex:0 0 88px;font-size:11px;color:var(--mut)}\n.sld input[type=range]{flex:1;accent-color:var(--acc);height:3px}\n.sld .val{flex:0 0 40px;text-align:right;font-family:var(--mono);font-size:10px;color:#aeb8d0}\n.sh-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;background:#04050a;overflow:hidden}\n.viewport{position:relative;width:100%;height:100%;overflow:hidden}\n.viewport.card{width:460px;height:300px;border-radius:14px;border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.65)}\n.viewport.thumb{width:260px;height:170px;border-radius:12px;border:1px solid var(--line);box-shadow:0 18px 44px rgba(0,0,0,.65)}\n#gl{display:block;width:100%;height:100%}\n.sh-err{position:absolute;inset:0;padding:20px;color:#ff6a4d;font-family:var(--mono);font-size:12px;white-space:pre-wrap;overflow:auto}\n@media(max-width:820px){.sh-body{grid-template-columns:1fr}}\n`,\n render(d2){\n var panel=`Data² · Neon Diorama
Passe artístico: sombra real, lua, bloom, grade cinematográfico, props de telhado, variação por prédio.
Cena
Tamanho
Camadas
Ajuste
${panel}
DATA² · CASOS
'+c.head+'
'\n +''+c.lede+'
'\n +''+c.metrics.map(function(m){return '';}).join('')+'
'\n +''+m.p+'0'+m.s+'
'+m.l+'
'+c.client+'Capacidade Data² · resultado anonimizado
'\n +'';\n slidesEl.appendChild(s);\n var b=document.createElement('button');b.setAttribute('aria-label','caso '+(i+1));b.innerHTML='';\n b.addEventListener('click',function(){go(i);});dotsEl.appendChild(b);\n });\n var slideEls=slidesEl.querySelectorAll('.slide'), dotEls=dotsEl.querySelectorAll('button');\n\n function countUp(el){var p=el.getAttribute('data-p'),v=+el.getAttribute('data-v'),s=el.getAttribute('data-s'),t0=null;\n if(reduce){el.textContent=p+v+s;return;}\n function step(ts){if(!alive)return;if(t0==null)t0=ts;var k=Math.min(1,(ts-t0)/1000),e=1-Math.pow(1-k,3);el.textContent=p+Math.round(v*e)+s;if(k<1)requestAnimationFrame(step);}\n requestAnimationFrame(step);}\n\n function go(n){idx=(n+N)%N;var c=CASES[idx];\n slideEls.forEach(function(s,i){s.classList.toggle('on',i===idx);});\n root.querySelector('#kctx').innerHTML=c.sector;\n root.querySelector('#count').innerHTML='0'+(idx+1)+' / 0'+N;\n car.style.setProperty('--hue',c.hue);dotsEl.style.setProperty('--hue',c.hue);\n setPalette(c);\n slideEls[idx].querySelectorAll('.metric .v').forEach(function(el){el.textContent=el.getAttribute('data-p')+'0'+el.getAttribute('data-s');});\n setTimeout(function(){if(alive)slideEls[idx].querySelectorAll('.metric .v').forEach(countUp);},520);\n startT=perf();}\n\n function progLoop(){if(!alive||!root.isConnected)return;\n if(!paused){var now=perf(),k=Math.min(1,(now-startT)/DELAY);\n dotEls.forEach(function(d,i){d.querySelector('i').style.width=(i${esc(n.label)}
`; }\n return `${esc(n.label)}`;\n }).join('');\n const megaProds = (dd('cms-productsDataSet')||[]).slice().sort((a,b)=>(a.ordem||0)-(b.ordem||0));\n const megaInds = (dd('cms-industriesDataSet')||[]).slice().sort((a,b)=>(a.ordem||0)-(b.ordem||0));\n const megaRts = (dd('cms-runtimesDataSet')||[]);\n const megaConcepts = nav.filter(n=>n.kind==='mega'&&n.href.indexOf('/runtimes/')<0).sort((a,b)=>(a.ordem||0)-(b.ordem||0));\n const megaRuntimes = nav.filter(n=>n.kind==='mega'&&n.href.indexOf('/runtimes/')>=0).sort((a,b)=>(a.ordem||0)-(b.ordem||0));\n const blurbs = {'/plataforma/como-funciona':'Do intent ao sistema em produção.','/plataforma/data2-lang':'A linguagem única do runtime.','/plataforma/data-framework':'DataSource → DataSet → o dado é seu.','/plataforma/agent-native':'O builder, também aberto a agentes.'};\n const rtMeta = {}; megaRts.forEach(r=>{ rtMeta[r.name]={papel:r.papel,accent:r.accent}; });\n const conceptCols = [megaConcepts.slice(0,2), megaConcepts.slice(2,4)];\n const liveMap = {}; megaRuntimes.forEach(r=>{ liveMap[(r.label||'').toLowerCase()] = r.href; });\n const megaPlat = `A plataformaVer visão geral →
${conceptCols.map(col=>`
${col.map(c=>`
`).join('')}${esc(c.label)}
${esc(blurbs[c.href]||'')}
`).join('')}Os oito componentes
Data² é a runtime — estes são os oito componentes dela.
${megaProds.map(p=>{const ac=esc(p.accent||'#3A7BFF');const live=liveMap[(p.key||'').toLowerCase()];const href=esc(live||'/produtos');return `${esc(p.name)}${live?'ao vivo →':''}`;}).join('')}Oito produtos, um runtimeVer todos →
${megaProds.map(p=>{const ac=esc(p.accent||'#3A7BFF');const soon=p.status==='em-breve';return `
${esc(p.name)}${soon?'em breve':''}
${esc(p.tagline)}
`;}).join('')}Nove indústrias, um runtimeVer todas →
${megaInds.map(i=>{const hue=esc(i.hue||'#3A7BFF');return `
${esc(i.name_pt)}
${esc(i.dor)}
`;}).join('')}Esqueleto · Fase 0
${esc(t)}
\nRota registrada no shell. O conteúdo rico desta seção entra na próxima sessão — lendo das Tables do CMS.
\n path: ${esc(path)}
`;\n }\n\n const isHome = path === '/';\n return `${header}${isHome?'
`;\n },\n mounted(d2, root){\n d2.on('[data-nav]','click',(e)=>{\n const el = e.target.closest('[data-nav]');\n if(!el) return;\n const h = el.getAttribute('data-href');\n if(h){ e.preventDefault(); d2.state.path = h; const w=d2.$('#scrollwrap'); if(w) w.scrollTop=0; try{ d2.router('site_router').goTo(h); }catch(_){} }\n });\n megaSetup(d2);\n drawerSetup(d2);\n askSetup(d2);\n contatoSetup(d2);\n setupReveal(d2);\n expDispatch(d2);\n heroDispatch(d2);\n },\n updated(d2){ setupReveal(d2); expDispatch(d2); heroDispatch(d2); }\n}\nfunction D2WM(){return '';}\nfunction megaSetup(d2){\n const root = d2.root || (typeof document!=='undefined'?document:null);\n if(!root) return;\n let closeTimer=null;\n const kill=()=>{ if(closeTimer){clearTimeout(closeTimer);closeTimer=null;} };\n const panels = ()=> Array.prototype.slice.call(root.querySelectorAll('[data-megapanel]'));\n const trigs = ()=> Array.prototype.slice.call(root.querySelectorAll('[data-mega]'));\n const openMenu=(key)=>{ kill(); panels().forEach(p=>p.classList.toggle('open',p.getAttribute('data-megapanel')===key)); trigs().forEach(t=>t.classList.toggle('mopen',t.getAttribute('data-mega')===key)); };\n const closeAll=()=>{ kill(); panels().forEach(p=>p.classList.remove('open')); trigs().forEach(t=>t.classList.remove('mopen')); };\n const scheduleClose=()=>{ kill(); closeTimer=setTimeout(closeAll,180); };\n d2.on(root,'mouseover',(e)=>{ const t=e.target.closest&&e.target.closest('[data-mega]'); if(t){ openMenu(t.getAttribute('data-mega')); return; } if(e.target.closest&&e.target.closest('[data-megapanel]')){ kill(); } });\n d2.on(root,'mouseout',(e)=>{ const from=e.target.closest&&(e.target.closest('[data-mega]')||e.target.closest('[data-megapanel]')); if(!from) return; const to=e.relatedTarget; const stay=to&&to.closest&&(to.closest('[data-mega]')||to.closest('[data-megapanel]')); if(!stay) scheduleClose(); });\n d2.on('[data-mega]','click',(e)=>{ const t=e.target.closest('[data-mega]'); if(!t) return; e.preventDefault(); const key=t.getAttribute('data-mega'); if(t.classList.contains('mopen')) closeAll(); else openMenu(key); });\n d2.on(root,'click',(e)=>{ if(!(e.target.closest&&(e.target.closest('[data-mega]')||e.target.closest('[data-megapanel]')))) closeAll(); });\n d2.on(root,'keydown',(e)=>{ if(e.key==='Escape'||e.keyCode===27) closeAll(); });\n}\nfunction drawerSetup(d2){\n const root = d2.root || (typeof document!=='undefined'?document:null); if(!root) return;\n const dr = function(){ return root.querySelector('[data-drawer]'); };\n const close = function(){ const d=dr(); if(d) d.classList.remove('open'); };\n d2.on('[data-burger]','click',function(e){ e.preventDefault(); const d=dr(); if(d) d.classList.toggle('open'); });\n d2.on('[data-drawer-close]','click',function(e){ e.preventDefault(); close(); });\n d2.on(root,'keydown',function(e){ if(e.key==='Escape'||e.keyCode===27) close(); });\n}\nvar REVEAL_CLEAN=null;\nfunction setupReveal(d2){\n const wrap = d2.$('#scrollwrap');\n const root = d2.root || (wrap && wrap.parentNode) || (typeof document!=='undefined'?document:null);\n if(!root) return;\n const all = () => Array.prototype.slice.call(root.querySelectorAll('[data-reveal]'));\n const items = all();\n if(!items.length) return;\n const reduce = typeof window!=='undefined' && window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if(reduce){ items.forEach(el=>el.classList.add('in')); return; }\n const vhOf = () => (wrap ? wrap.clientHeight : (typeof window!=='undefined'?window.innerHeight:900)) || 900;\n const wtop = () => wrap ? wrap.getBoundingClientRect().top : 0;\n const check = () => { const lim = wtop() + vhOf()*0.9; all().forEach(el=>{ if(!el.classList.contains('in') && el.getBoundingClientRect().top < lim) el.classList.add('in'); }); };\n check();\n if(REVEAL_CLEAN){ try{REVEAL_CLEAN();}catch(e){} }\n REVEAL_CLEAN = wrap ? d2.on(wrap,'scroll',check) : (typeof window!=='undefined'? d2.on(window,'scroll',check) : null);\n}\nfunction isoTile(hue){ return ``; }\nfunction renderHome(d2, esc, dd){\n const hs = (dd('cms-home-sectionsDataSet')).filter(s=>s.ativo!==false).sort((a,b)=>(a.ordem||0)-(b.ordem||0));\n const D = {\n lv: (dd('cms-leversDataSet')).sort((a,b)=>(a.ordem||0)-(b.ordem||0)),\n inds: (dd('cms-industriesDataSet')).sort((a,b)=>(a.ordem||0)-(b.ordem||0)),\n logos: (dd('cms-logosDataSet')).sort((a,b)=>(a.ordem||0)-(b.ordem||0)),\n prods: (dd('cms-productsDataSet')).sort((a,b)=>(a.ordem||0)-(b.ordem||0)),\n rts: (dd('cms-runtimesDataSet')).sort((a,b)=>(a.ordem||0)-(b.ordem||0))\n };\n const parts = [''];\n hs.forEach(s=>{ parts.push(dobra(s, D, esc, d2)); });\n return parts.join('');\n}\nfunction dobra(s, D, esc, d2){\n const __OV = ({\n 'hero + iso-shader': {eyebrow:'Necessidade elevada à produção.', headline:'Da necessidade à produção.', subhead:'O resto é demo.', cta_label:'', cta_href:''},\n 'metric band': {eyebrow:'Alavancas', headline:'Antes de produção, todo número é promessa.', subhead:''},\n 'logo-wall': {headline:'Já estão no ar.', subhead:''},\n 'split statement': {headline:'O difícil nunca foi a ideia.', subhead:'Foi chegar em produção.'},\n 'two-column': {headline:'Construímos com você. Não pra você.', subhead:'Semanas, não trimestres. Produção, não slides.'},\n 'runtime triad': {headline:'Em semanas, no ar.', subhead:''},\n 'industry grid 3x3': {headline:'O setor muda. A distância até produção, não.', subhead:''},\n 'case carousel': {headline:'Não são cases. Estão no ar.', subhead:'Cada um tem endereço. Abra qualquer um.'},\n 'product grid 4x2': {eyebrow:'A plataforma', headline:'Não é um stack. É uma runtime.', subhead:'Uma linguagem. Todo o software. Dados, telas, lógica, eventos, integrações e IA — tudo dito do mesmo jeito.'},\n 'code / mcp': {headline:'Feito para gente. Aberto a agentes.', subhead:'O mesmo builder de sempre — do seu lado, não no seu lugar.'},\n 'closing cta': {headline:'Chega de demo.', subhead:'Traga a necessidade. Devolvemos rodando.', cta_label:'Botar no ar', cta_href:'/consultoria'}\n })[s.tipo];\n if(__OV) s = Object.assign({}, s, __OV);\n const clean = t => esc(String(t==null?'':t).replace(/\\s*\\[PH[^\\]]*\\]/g,''));\n const eb = `':''}${body}${isHome?'
':''}${footer}${esc(s.eyebrow||'')}
`;\n const cta = s.cta_label?``:'';\n const sub = s.subhead?`${esc(s.subhead)}
`:'';\n switch(s.tipo){\n case 'hero + iso-shader': return ''+heroRender(d2)+'
${esc(s.headline)}
${sub}${D.lv.map(m=>``).join('')}
${esc(m.valor)}${m.unidade?`${esc(m.unidade)}`:''}
${esc(m.label)}
${esc(s.headline)}
${sub}${row}${row}
${esc(s.headline)}
${sub}${esc(s.headline)}
${sub}Com você
Do seu lado, no seu problema.
Um time entra no seu contexto e escreve. O que se escreve já nasce rodando.
A runtime
Uma runtime, não um stack.
Data² é a runtime. UI, Rush, Connect, Domain e o resto são componentes dela — o que segura o sistema em produção.
${esc(s.headline)}
${sub}${steps.map(t=>``).join('')}
${t.n}
${t.h}
${t.p}
${D.rts.map(r=>`${esc(r.name)} · ${esc(r.papel)}`).join('')}
${esc(s.headline)}
${sub}${D.inds.map(i=>{const al=Array.isArray(i.alavancas)?(i.alavancas.find(x=>!/\\[PH\\]/.test(x))||i.alavancas[0]||''):'';const hue=esc(i.hue||'#3A7BFF');return `
${isoTile(hue)}
`;}).join('')}${esc(i.name_pt)}
${esc(i.dor)}
${i.construimos?`${esc(i.construimos)}
`:''}${clean(al)}
${esc(s.headline)}
${sub}${d2.render('www@nUYyYfWeNHEK6YeaD5kcd',{},{key:'homeCasos',style:'display:block;width:100%;height:640px'})}
${esc(s.headline)}
${sub}${D.prods.map(p=>``).join('')}
${cta}${esc(p.name)}${p.status==='em-breve'?'em breve':''}
${esc(p.tagline)}
${esc(s.headline)}
${sub}Origem · DataSource
Tabela, API ou IA
De onde o dado vem é detalhe de implementação — tabela própria, API externa ou resposta de IA.
Acesso · DataSet
Uma só interface
Busca semântica, filtro e agregação sobre qualquer origem. A UI fala com o DataSet, nunca com a origem.
Propriedade
O dado é seu
Nada sai do seu domínio. Own-your-data por construção, com governança e auditoria.
${esc(s.headline)}
${sub}Do seu lado
Do seu lado, não no seu lugar.
O mesmo builder de sempre. Gente e agentes na mesma superfície — você no comando.
Prova viva
Você está dentro da prova.
Este site roda na própria Data². Sem ensaio, sem mock.
${esc(s.eyebrow)}
`:''}${esc(s.headline)}
${sub}Intenção
Você — ou um agente — descreve o que o sistema precisa fazer.
Builder
O builder de sempre, do seu lado — e também aberto a agentes, com validação em tempo de escrita.
data2-lang
Uma só linguagem descreve UI, dados, fluxos e regras — todo o runtime a fala.
Componentes
Rush escuta, Connect integra, Domain decide — o motor que sustenta o sistema.
Produção
Rodando de verdade, sob as suas regras — e o dado nunca sai do seu domínio.
${rts.map(r=>`${esc(r.name)} · ${esc(r.papel||'')}`).join('')}
Data Framework
A fundação por baixo de tudo: DataSource → DataSet, busca semântica e own-your-data por construção.
${prods.map(p=>``).join('')}
`;\n const rtCards = `${esc(p.name)}${p.status==='em-breve'?'em breve':''}
${esc(p.description||p.tagline||'')}
${rts.map(r=>{const ac=esc(r.accent||'#3A7BFF');return ``;}).join('')}
`;\n const df = `${esc(r.name)}
${esc(r.papel||'')}
${esc(r.description||'')}
Origem · DataSource
Tabela, API ou IA
De onde o dado vem é detalhe de implementação — tabela própria, API externa ou resposta de IA.
Acesso · DataSet
Uma só interface
Busca semântica, filtro e agregação sobre qualquer origem. A UI fala com o DataSet, nunca com a origem.
Propriedade
O dado é seu
Nada sai do seu domínio. Own-your-data por construção, com governança e auditoria por policy.
01
Do seu lado
O mesmo builder de sempre. Quem constrói é você — agentes entram como ajuda, não no seu lugar.
02
Validação em tempo de escrita
Cada mudança é checada quando é escrita — os footguns são barrados antes de virar bug em produção.
03
Um sistema só
UI, dados, fluxos e integrações na mesma linguagem — o sistema inteiro, não um fragmento.
A plataforma · nós e fluxos
Não é um stack. É uma runtime.
Uma linguagem. Todo o software. Dados, telas, lógica, eventos, integrações e IA — tudo dito do mesmo jeito.
O mapa
Como um sistema nasce.
Da intenção à produção, num fluxo contínuo — cada nó é uma capacidade real do runtime.
${map}Os produtos
Oito produtos, um só runtime.
Cada produto é uma face do mesmo motor — não SDKs soltos que você costura.
${prodCards}Os componentes
Três motores, um sistema.
Rush escuta o mundo, Connect alcança o mundo, Domain decide. Juntos, sustentam o que foi construído.
${rtCards}Data Framework
O dado é seu — por construção.
A origem é detalhe; o acesso é uniforme; a propriedade é sua.
${df}Agent-native
Feito para gente. Aberto a agentes.
O mesmo builder de sempre — do seu lado, não no seu lugar. Também aberto a agentes, com validação em tempo de escrita.
${agent}Do intent à produção — no seu domínio.
Construímos com você — semanas, não trimestres.
Os componentes
Três motores, um sistema.
Rush escuta o mundo, Connect alcança o mundo, Domain decide.
'+rts.map(function(r){var ac=esc(r.accent||'#3A7BFF');return '';}).join('')+'
'+esc(r.name)+'
'+esc(r.papel||'')+'
'+esc(r.description||'')+'
'+esc(eyebrow)+'
'+esc(name)+'
'+esc(dor)+'
'+isoDiorama(hue)+'
'+esc(head)+'
'+esc(sub)+'
'+esc(eyebrow)+'
'+esc(head)+'
'+esc(a.tag)+'
'+esc(a.h)+'
'+esc(a.p)+'
'+esc(b.tag)+'
'+esc(b.h)+'
'+esc(b.p)+'
'+esc(eyebrow)+'
'+esc(head)+'
'+items.map(function(a){return leverCard(esc,parseLever(a),false);}).join('')+'
'+nodes.map(function(n){return '';}).join('')+'
';\n}\nfunction renderComoFunciona(d2, esc, dd){\n var hue='#3A7BFF';\n var stages=[{n:'n1',t:'Intenção',d:'Você — ou um agente — descreve em linguagem natural o que o sistema precisa fazer.'},{n:'n2',t:'Builder',d:'O builder de sempre, do seu lado — e também aberto a agentes, com validação em tempo de escrita.'},{n:'n3',t:'data2-lang',d:'Uma só linguagem descreve UI, dados, fluxos e regras. Todo o runtime a fala.'},{n:'n4',t:'Componentes',d:'Rush escuta, Connect integra, Domain decide — o motor que sustenta o sistema.'},{n:'n5',t:'Produção',d:'Rodando de verdade, sob as suas regras. O dado nunca sai do seu domínio.'}];\n var map=''+esc(n.n)+'
'+esc(n.d||'')+'
O caminho
Da intenção à produção.
Um fluxo contínuo — cada nó é uma capacidade real do runtime.
'+stages.map(function(s){return '';}).join('')+'
'+esc(s.t)+'
'+esc(s.d)+'
Origem → Acesso → Propriedade
Três camadas, um princípio.
Origem · DataSource
Tabela, API ou IA
De onde o dado vem é detalhe de implementação — tabela própria, API externa ou resposta de IA.
Acesso · DataSet
Uma só interface
Busca semântica, filtro e agregação sobre qualquer origem. A UI fala com o DataSet, nunca com a origem.
Propriedade
O dado é seu
Nada sai do seu domínio. Own-your-data por construção, com governança e auditoria por policy.
O pipeline
Como o dado flui.
'+d2IFlow(esc,hue,[{n:'DataSource',d:'a origem',c:hue},{n:'DataSet',d:'acesso uniforme',c:hue},{n:'Consumo',d:'UI · agente · fluxo',c:hue}])+'Agent-native
Do seu lado, não no seu lugar.
01
Do seu lado
O mesmo builder de sempre. Quem constrói é você — agentes entram como ajuda, não no seu lugar.
02
Validação em tempo de escrita
Cada mudança é checada quando é escrita — os footguns são barrados antes de virar bug em produção.
03
Um sistema só
UI, dados, fluxos e integrações na mesma linguagem — o sistema inteiro, não um fragmento.
Uma língua, quatro domínios
Tudo na mesma linguagem.
UI, dados, fluxos e regras descritos de um jeito só — todo o runtime a fala.
'+d2IFlow(esc,hue,[{n:'UI',d:'as telas',c:hue},{n:'Dados',d:'o modelo',c:hue},{n:'Fluxos',d:'a automação',c:hue},{n:'Regras',d:'as policies',c:hue}])+''+\n '
'+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
'+\n ' · Domain
'+\n 'Inteligência multimodal. Nativa no runtime.
'+\n 'Texto, voz, imagem e visão — uma decisão auditável, na hora. Escolha a capacidade: ela acontece ao vivo.
domain · engine
idiomas · PT·EN·ES·+40
latência · 17ms
'+\n 'idiomas · PT·EN·ES·+40
latência · 17ms
Decisão
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
Qualquer entrada · uma decisão · na hora
'+\n ''+\n '
'+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
'+\n ' · Rush + Connect · Barramento
'+\n 'Entra evento. Sai integração.
'+\n 'Fontes de todo tipo entram pelo Rush; o barramento transporta; o Connect entrega em qualquer sistema. Escolha um fluxo: ele acontece ao vivo.
barramento · in→out
fontes · webhook·SIP·cron·WABA
entrega · at-least-once
'+\n 'fontes · webhook·SIP·cron·WABA
entrega · at-least-once
Rush
escuta · inbound
Connect
entrega · outbound
Webhook
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
Muitas fontes · um barramento · entrega integrada em muitos sistemas
'+\n '')+''; if(i>=full.length){clearInterval(iv); el.innerHTML=full.replace(/\\\\n/g,'
');} },26); }\n else if(k==='voz'){ dov.innerHTML='
▸ entra · “Cadê meu pedido 8421?”
“Sai amanhã 14h — rastreio enviado.”
';\n dtimers.push(setTimeout(function(){ if(active==='voz')dov.querySelector('.bub.in').classList.add('show'); },250)); dtimers.push(setTimeout(function(){ if(active==='voz')dov.querySelector('.bub.out').classList.add('show'); },1500));\n var vt0=performance.now(); function wv(t){ if(!demo.isConnected) return; if(active!=='voz')return; var y=SH*0.72; dx.clearRect(0,SH*0.55,SW,SH*0.45); dx.beginPath(); for(var x=0;x<=SW;x+=6){ var e=Math.sin(x*0.02+(t-vt0)*0.006)*0.5+Math.sin(x*0.05-(t-vt0)*0.009)*0.3; var amp=46*(0.4+0.6*Math.abs(Math.sin((t-vt0)*0.002+x*0.002))); if(x===0)dx.moveTo(x,y+e*amp); else dx.lineTo(x,y+e*amp);} var g=dx.createLinearGradient(0,0,SW,0); g.addColorStop(0,'rgba(250,72,220,.3)');g.addColorStop(.5,'#FA48DC');g.addColorStop(1,'rgba(77,207,250,.7)'); dx.strokeStyle=g; dx.lineWidth=2.4; dx.stroke(); demoRaf=requestAnimationFrame(wv);} demoRaf=requestAnimationFrame(wv); }\n else if(k==='imagem'){ dov.innerHTML='prompt · “frasco de perfume, luz suave”
'; var it0=performance.now(); function img(t){ if(!demo.isConnected) return; if(active!=='imagem')return; var p=Math.min(1,(t-it0)/2600); var BS=200,bx=SW/2-BS/2,by=SH/2-BS/2+10; var res=Math.max(5,Math.round(5+(1-p)*42)); var cell=Math.ceil(BS/Math.ceil(BS/res)); for(var y=0;yvizinhos por significado
'; }\n else if(k==='streaming'){ var toks=[],n=0; dov.innerHTML='0 tok
'; function str(){ if(!demo.isConnected) return; if(active!=='streaming')return; dx.fillStyle='rgba(11,7,17,.28)';dx.fillRect(0,0,SW,SH); dx.globalCompositeOperation='lighter'; for(var k2=0;k2<6;k2++)toks.push({x:0,y:SH*0.2+Math.random()*SH*0.6,v:6+Math.random()*10}); n+=Math.round(40+Math.random()*90); var el=dov.querySelector('[data-sc]'); if(el)el.textContent=n.toLocaleString('pt-BR')+' tok'; for(var i=toks.length-1;i>=0;i--){var p=toks[i];p.x+=p.v;if(p.x>SW){toks.splice(i,1);continue;}dx.beginPath();dx.arc(p.x,p.y,1.8,0,6.28);dx.fillStyle='rgba(255,120,230,.8)';dx.fill();} if(toks.length>420)toks.splice(0,toks.length-420); dx.globalCompositeOperation='source-over'; demoRaf=requestAnimationFrame(str);} demoRaf=requestAnimationFrame(str); }\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ c.classList.toggle('on', c.getAttribute('data-f')===k); });\n }\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ d2.on(c,'click',function(){ run(c.getAttribute('data-f')); }); });\n run('decisao');\n if(!reduce){ dtimers.push(setTimeout(function(){ if(active==='decisao') run('voz'); },5200)); }\n \n}\n\nfunction expBarramentoMount(d2, root){\n var st=root.querySelector('[data-st]'), pipe=root.querySelector('[data-pipe]');\n var lblR=root.querySelector('[data-lblR]'), lblC=root.querySelector('[data-lblC]');\n var stage=root.querySelector('[data-stage]'), sth=root.querySelector('[data-sth]'), box=root.querySelector('[data-box]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var px=pipe.getContext('2d');\n var W=0,H=0,DP=1, PW=0,PH=0,PL=0,PT=0;\n var SRC=[{k:'Webhook'},{k:'SIP'},{k:'Cron'},{k:'WABA'}], DST=[{k:'ERP'},{k:'E-mail'},{k:'WhatsApp'},{k:'Gateway'}];\n var srcEls=[], dstEls=[];\n var xRush,xConn,yMid, srcAnchors=[], dstAnchors=[];\n var amb=[];\n function mkChips(){ srcEls.forEach(function(e){e.remove();}); dstEls.forEach(function(e){e.remove();}); srcEls=[]; dstEls=[];\n SRC.forEach(function(s,i){ var e=document.createElement('div'); e.className='chip src litv'; e.textContent=s.k; st.appendChild(e); srcEls.push(e); });\n DST.forEach(function(s,i){ var e=document.createElement('div'); e.className='chip dst'; e.textContent=s.k; st.appendChild(e); dstEls.push(e); }); }\n function layout(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height;\n PL=0; PT=0; PW=W; PH=H;\n pipe.style.left='0px'; pipe.style.top='0px'; pipe.style.width=W+'px'; pipe.style.height=H+'px';\n DP=Math.min(2,(window.devicePixelRatio||1)); pipe.width=Math.round(W*DP); pipe.height=Math.round(H*DP); px.setTransform(DP,0,0,DP,0,0);\n yMid=H*0.40; xRush=W*0.24; xConn=W*0.76;\n // source/dest anchors spread vertically around yMid\n srcAnchors=[]; dstAnchors=[]; var sx=W*0.085, dx=W*0.915, spread=190;\n SRC.forEach(function(s,i){ var y=yMid + (i-(SRC.length-1)/2)*(spread/(SRC.length-1)); srcAnchors.push({x:sx,y:y}); if(srcEls[i]){ srcEls[i].style.left=(sx-14)+'px'; srcEls[i].style.top=y+'px'; } });\n DST.forEach(function(s,i){ var y=yMid + (i-(DST.length-1)/2)*(spread/(DST.length-1)); dstAnchors.push({x:dx,y:y}); if(dstEls[i]){ dstEls[i].style.left=(dx+14)+'px'; dstEls[i].style.top=y+'px'; } });\n lblR.style.left=(xRush-14)+'px'; lblR.style.top=(yMid-60)+'px';\n lblC.style.left=(xConn-72)+'px'; lblC.style.top=(yMid+34)+'px';\n stage.style.top=(yMid+150)+'px';\n // ambient particles\n if(!amb.length){ for(var i=0;i<46;i++){ amb.push({x:Math.random(),y:Math.random(),s:0.02+Math.random()*0.05,r:0.6+Math.random()*1.6,c:Math.random()<0.5?'132,72,250':'72,250,250',a:0.05+Math.random()*0.12}); } } }\n mkChips(); layout(); d2.on(window,'resize',layout);\n\n var STR=3; // bus strands\n var ctrlY=0, ctrlTY=0, mX=9999,mY=0,hasMouse=false, energy=0, tprev=performance.now(), run=true, raf=null;\n d2.on(st,'pointermove',function(e){ var r=pipe.getBoundingClientRect(); mX=(e.clientX-r.left); mY=(e.clientY-r.top); hasMouse=true; });\n d2.on(st,'pointerleave',function(){ hasMouse=false; });\n function bez(t,off){ var y0=yMid-10+off, y1=yMid+10+off, cx=(xRush+xConn)/2; var u=1-t;\n var x=u*u*xRush + 2*u*t*cx + t*t*xConn; var y=u*u*y0 + 2*u*t*(yMid+ctrlY+off) + t*t*y1; return [x,y]; }\n var packets=[], spawnAcc=0, dstIdx=0;\n function spawnFromSource(){ var si=(Math.random()*SRC.length)|0; if(srcEls[si]){ srcEls[si].classList.add('lit'); (function(el){ setTimeout(function(){ if(el.isConnected)el.classList.remove('lit'); },700); })(srcEls[si]); } packets.push({t:0, sp:0.0040+Math.random()*0.0018, strand:(Math.random()*STR)|0, from:si}); energy=Math.min(1,energy+0.25); }\n function draw(t){ if(!pipe.isConnected) return; if(!run)return; var dt=(t-tprev); tprev=t;\n if(hasMouse){ var infl=Math.max(0,1-Math.abs(mX-(xRush+xConn)/2)/((xConn-xRush)*0.75)); ctrlTY=(mY-yMid)*0.5*infl; } else { ctrlTY=Math.sin(t*0.0009)*20; }\n ctrlY+=(ctrlTY-ctrlY)*0.06; if(energy>0)energy-=0.008;\n px.clearRect(0,0,PW,PH);\n px.save(); px.globalCompositeOperation='lighter';\n // ambient\n for(var i=0;i'+\n ''+\n '
';\n}\nfunction heroMount(d2, root){\n var st=root.querySelector('[data-st]'), glow=root.querySelector('[data-glow]');\n var inp=root.querySelector('[data-inp]'), go=root.querySelector('[data-go]'), body=root.querySelector('[data-body]'), badge=root.querySelector('[data-badge]'), url=root.querySelector('[data-url]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n function esc(s){ return String(s).replace(/[&<>\"]/g,function(c){return {'&':'&','<':'<','>':'>','\"':'"'}[c];}); }\n var SOL=[\n { need:'Cortar 40% do custo de atendimento', url:'atendimento.data2.app', acc:'#FA48DC', blocks:[\n {c:'Rush', col:'#8448FA', t:'Escuta a chamada'},{c:'Domain', col:'#FA48DC', t:'IA resolve na hora'},\n {c:'Connect', col:'#48FAFA', t:'Integra o CRM'},{c:'UI', col:'#4866FA', t:'Painel do time'} ],\n app:''+\n '
'+\n ''+\n '
'+\n ' Necessidade elevada à produção
'+\n 'Da necessidade à produção.O resto é demo.
'+\n '›
'+\n 'Descreva. Os componentes se montam. No ar.
'+\n ''+ COMPS.map(function(c){ return ''+c[0]+''; }).join('') +'
'+\n ''+\n '
'+\n ''+\n ''+\n '
'+\n ' no ar
'+\n ''+\n 'Atendimento · ao vivo
Cadê meu pedido 8421?
Sai amanhã, 14h — rastreio no seu e-mail.
◈ agente resolveu · 0 na fila
' },\n { need:'Conciliar estoque em tempo real', url:'estoque.data2.app', acc:'#4866FA', blocks:[\n {c:'Registry', col:'#FA4848', t:'Os dados, vivos'},{c:'Rush', col:'#8448FA', t:'Cada movimento, um evento'},\n {c:'Domain', col:'#FA48DC', t:'Alerta antes de faltar'},{c:'UI', col:'#4866FA', t:'Tela de controle'} ],\n app:'Estoque · tempo real
1.204 SKUsgiro 3.2×ruptura 0,4%
⚠ repor SKU-88 em 2 dias
' },\n { need:'Cobrar e conciliar pagamentos', url:'pagamentos.data2.app', acc:'#BFFA48', blocks:[\n {c:'Cashier', col:'#BFFA48', t:'Cobrança nativa'},{c:'Connect', col:'#48FAFA', t:'Fala com o gateway'},\n {c:'Registry', col:'#FA4848', t:'Concilia sozinho'},{c:'ID', col:'#48FAA1', t:'Quem pode ver'} ],\n app:'Pagamentos · conciliado
R$ 1.240,00✓ conciliado
R$ 890,00✓ conciliado
R$ 3.110,00✓ conciliado
3.482 transações hoje · 0 divergências
' },\n { need:'Estúdio de imagem do produto', url:'estudio.data2.app', acc:'#FADC48', blocks:[\n {c:'Media', col:'#FADC48', t:'Gera a imagem'},{c:'Registry', col:'#FA4848', t:'Puxa o catálogo'},\n {c:'UI', col:'#4866FA', t:'Galeria pronta'} ],\n app:'Estúdio · imagens
8 imagens geradas · prontas pro catálogo
' }\n ];\n\n var gx=glow.getContext('2d'), W=0,H=0,DP=1, spots=[];\n function resize(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; DP=Math.min(2,(window.devicePixelRatio||1)); glow.width=Math.round(W*DP); glow.height=Math.round(H*DP); gx.setTransform(DP,0,0,DP,0,0); }\n resize(); d2.on(window,'resize',resize);\n var running=true, raf=null;\n function frame(){ if(!glow.isConnected)return; if(!running)return; gx.clearRect(0,0,W,H); gx.globalCompositeOperation='lighter';\n for(var i=0;i'+b.c+'
'+esc(b.t)+'
';\n layer.appendChild(el); made.push(el); });\n var k=0;\n (function next(){ if(!body.isConnected)return; if(k>=sol.blocks.length){ timers.push(setTimeout(function(){ revealApp(sol, layer, done); }, 620)); return; }\n var b=sol.blocks[k], el=made[k]; el.classList.add('in'); litPalette(b.c, true); puff(b.col);\n var bar=el.querySelector('.bar > i'); if(bar) timers.push(setTimeout(function(){ if(bar.isConnected)bar.style.width=(58+Math.random()*38)+'%'; }, 110));\n k++; timers.push(setTimeout(next, 500)); })();\n }\n function revealApp(sol, layer, done){\n if(!body.isConnected)return;\n Array.prototype.slice.call(layer.querySelectorAll('.blk')).forEach(function(e){ e.classList.add('gone'); });\n timers.push(setTimeout(function(){ if(!body.isConnected)return;\n var app=document.createElement('div'); app.className='app'; app.style.setProperty('--acc', sol.acc); app.innerHTML=sol.app;\n body.innerHTML=''; body.appendChild(app); void app.offsetWidth; app.classList.add('in');\n puff(sol.acc); badge.classList.add('on'); url.style.opacity='1';\n done&&timers.push(setTimeout(done, 2400));\n }, 420));\n }\n\n function cycle(){ if(!st.isConnected||userMode)return; var sol=SOL[si%SOL.length]; si++; clr();\n typeNeed(sol.need, function(){ timers.push(setTimeout(function(){ if(userMode)return; assemble(sol, function(){ timers.push(setTimeout(cycle, 700)); }); }, 340)); }); }\n\n function slug(t){ return (t.toLowerCase().normalize('NFD').replace(/[^a-z0-9]+/g,'-').replace(/^-|-$/g,'').slice(0,22)||'app')+'.data2.app'; }\n function runCustom(text){ userMode=true; clr();\n var sol={ need:text, url:slug(text), acc:'#8448FA', blocks:[\n {c:'Domain', col:'#FA48DC', t:'Entende o pedido'},{c:'Registry', col:'#FA4848', t:'Traz os dados'},\n {c:'Connect', col:'#48FAFA', t:'Conecta o que já existe'},{c:'UI', col:'#4866FA', t:'Vira tela'} ],\n app:''+esc(text.slice(0,42))+' · no ar
fluxo publicado✓
dados conectados✓
◈ pronto, em produção
' };\n assemble(sol, null);\n }\n\n d2.on(inp,'focus',function(){ userMode=true; clr(); inp.value=''; });\n d2.on(inp,'keydown',function(e){ if(e.key==='Enter'){ e.preventDefault(); var t=inp.value.trim(); if(t) runCustom(t); } });\n d2.on(go,'click',function(){ var t=inp.value.trim(); if(t){ runCustom(t); } });\n d2.on(inp,'blur',function(){ if(!inp.value.trim()){ userMode=false; timers.push(setTimeout(function(){ if(!userMode) cycle(); }, 800)); } });\n\n if(reduce){ var sol=SOL[0]; inp.value=sol.need; sol.blocks.forEach(function(b){litPalette(b.c,true);});\n var app=document.createElement('div'); app.className='app in'; app.style.setProperty('--acc', sol.acc); app.innerHTML=sol.app; body.appendChild(app);\n badge.classList.add('on'); url.textContent=sol.url; url.style.opacity='1'; }\n else { timers.push(setTimeout(cycle, 500)); }\n}\nfunction heroDispatch(d2){ var el=d2.$?d2.$('.d2hero'):null; if(!el||el.getAttribute('data-hero-live')==='1')return; el.setAttribute('data-hero-live','1'); try{ heroMount(d2, el); }catch(e){} }\nfunction expDispatch(d2){\n var sec = d2.$ ? d2.$('[data-exp]') : null;\n if(!sec || sec.getAttribute('data-exp-live')==='1') return;\n sec.setAttribute('data-exp-live','1');\n var k = sec.getAttribute('data-exp');\n try{ if(k==='domain') expDomainMount(d2, sec); else if(k==='barramento') expBarramentoMount(d2, sec); }catch(e){}\n}\n\n\nfunction renderRuntimeDetail(d2, esc, dd, slug){\n var rts=(dd('cms-runtimesDataSet')||[]).slice().sort(function(a,b){return (a.ordem||0)-(b.ordem||0);});\n var rt=rts.find(function(x){return x.key===slug;})||{};\n if(!rt.key){ return renderPlataforma(d2, esc, dd); }\n var ac=esc(rt.accent||'#3A7BFF');\n var rtHref={'rush':'/plataforma/runtimes/rush','connect':'/plataforma/runtimes/connect','domain':'/plataforma/runtimes/domain'};\n var heroLine={rush:'Seu sistema escuta o mundo e reage sozinho.',connect:'Seu sistema alcança o mundo — e o mundo responde.',domain:'A camada que entende, decide e prova a decisão.'};\n var whenLine={rush:'Quando algo acontece e o sistema precisa reagir sozinho — um webhook chega, um horário dispara, um e-mail entra, uma ligação toca.',connect:'Quando o seu sistema precisa alcançar o mundo — cobrar num PSP, escrever num ERP, notificar em tempo real.',domain:'Quando a decisão exige entender linguagem, contexto ou imagem — e precisa ser auditável, não um chute de modelo.'};\n var proof={rush:['eventos por minuto sob carga','handlers em data2-lang','reação em tempo real','canais de entrada'],connect:['integrações vivas','entregas confirmadas','canais em tempo real','tempo até integrar'],domain:['intenções roteadas','respostas em JSON válido','hard-gates aplicados','precisão do julgador']};\n var desc=String(rt.description||'');\n var caps;\n if(Array.isArray(rt.capacidades)&&rt.capacidades.length){ caps=rt.capacidades.slice(0,4); }\n else { var splitAt=desc.indexOf(': '); if(splitAt<0) splitAt=desc.indexOf('. '); var rest=splitAt>0?desc.slice(splitAt+2):desc; if(rest.indexOf('—')>=0){ rest=rest.slice(rest.indexOf('—')+1); } caps=rest.split(/[,;·—]|\\.\\s|\\se\\s/).map(function(s){return s.trim().replace(/\\.$/,'');}).filter(function(s){return s.length>3;}).slice(0,4); }\n var hero='← A plataformaRuntime · '+esc(rt.papel||'')+'
'+esc(rt.name)+'
'+esc(heroLine[slug]||rt.papel||'')+'
'+(desc?''+esc(desc)+'
':'')+''+isoDiorama(ac)+'
'+isoMini(ac)+'
';}).join('');\n var oque=''+esc(c.charAt(0).toUpperCase()+c.slice(1))+'
O que faz
As capacidades.
'+(capCards?''+capCards+'
':''+esc(desc)+'
')+'':'
';\n var idov=dov.querySelector('[data-idov]');\n function iFacet(f){ imode=f; imodeStart=performance.now(); igen=0; ilastLoop=-1; ienergy=1; setEnergy(); iClearFacet();\n Array.prototype.slice.call(dov.querySelectorAll('.ichip')).forEach(function(c){ c.classList.toggle('on', c.getAttribute('data-if')===f); });\n if(f==='gera'){ idov.innerHTML='';var dot=here?'':'';return open+dot+'
';}).join('');\n var mapa=''+esc(r.name)+'
'+esc(r.papel||'')+'
O mapa
No motor da runtime.
Rush escuta, Connect integra, Domain decide — este é o seu lugar.
'+mapNodes+'
'+esc(p.text)+'
'+esc(p.v)+'
'+esc(p.l)+'
'+isoTile(hue)+'
';\n }).join('');\n return '← Início'+esc(i.name_pt)+'
'+esc(i.dor)+'
'+(i.construimos?''+esc(i.construimos)+'
':'')+''+clean(al)+'
Indústrias · nove quadros
O setor muda. A distância até produção, não.
Cada indústria é uma dor real que um time embarcado resolveu sobre o runtime — do problema ao resultado medido.
'+cards+'
Indústria
'+esc(i.name_pt)+'
'+esc(i.dor)+'
'+isoDiorama(hue)+'
'+esc(p)+'
'+esc(roleOf(p))+'
'+isoMini(c2)+'
'; }).join('');\n var cols = Math.max(pr.length,1);\n var blueprint = ''+esc(c)+'
Arquitetura
O que construímos.
'+esc(i.construimos||i.oferta||'')+'
'+nodes+'
'+capCards+'
Alavancas
O resultado, em números.
'+levers+'
Caso
Já foi feito.
'+esc(kase.cliente_setor)+'
Desafio. '+esc(kase.desafio)+'
'+(kase.feito?'O que fizemos. '+esc(kase.feito)+'
':'')+''+lev+'
Caso
Em preparação.
Caso · em breve
Estudo desta indústria em preparação
A implementação existe; o estudo público entra na próxima rodada.
Vamos resolver isso na sua operação.
Construímos com você — semanas, não trimestres.
'\n : '';\n }).join('');\n return '← Início'\n +'0); }\n function stat(txt){ statusEl.innerHTML=txt; }\n function buildPanel(){ var q=Q[curQ]; var restricted=role==='analista'&&q.sensitive;\n var rows=q.rows.map(function(r){ var v=r[1]; if(restricted&&r[0]==='valor')v='R$ ••••••'; return '0)coreHot-=0.012;\n // motes (on fire): travel from chip x into core, then out along a live filament\n for(var i=motes.length-1;i>=0;i--){ var m=motes[i]; m.p+=m.sp; if(m.p>1){ motes.splice(i,1); continue; }\n var x=m.x+(CX-m.x)*m.p, y=m.y+(CY-m.y)*m.p; gx.beginPath(); gx.arc(x,y,1.8,0,6.28); gx.fillStyle='rgba(255,150,235,'+(0.8*(1-m.p))+')'; gx.fill(); }\n gx.globalCompositeOperation='source-over';\n raf=requestAnimationFrame(loop);\n }\n var DECS={'0':'“Prazo é 5 dias úteis.”','1':'→ Transferir ao gerente','2':'✓ Reembolso R$ 240','3':'→ Classificar: chamado técnico'};\n var chipEls=Array.prototype.slice.call(root.querySelectorAll('.chip')), busy=false;\n function fire(k){ if(busy)return; busy=true; chipEls.forEach(function(c){c.style.animation='';});\n var ch=root.querySelector('.chip[data-chip=\"'+k+'\"]'); if(ch)ch.classList.add('spent');\n var r=ch.getBoundingClientRect(), sr=st.getBoundingClientRect(); var sx=r.right-sr.left, sy=r.top-sr.top+r.height/2;\n decis.classList.remove('show'); dc.classList.remove('on'); dv.textContent='';\n coreHot=1; for(var i=0;i<18;i++) motes.push({x:sx,y:sy,p:Math.random()*-0.4,sp:0.02+Math.random()*0.02});\n setTimeout(function(){ growFils(true); },300);\n setTimeout(function(){ decis.classList.add('show'); if(lat)lat.textContent=(12+Math.floor(Math.random()*12));\n var full=DECS[k]||''; var i=0; var iv=setInterval(function(){ i++; dv.textContent=full.slice(0,i); if(i>=full.length){ clearInterval(iv); dc.classList.add('on'); dc.innerHTML='~2000 tok/s · auditável'; } },24);\n },1150);\n setTimeout(function(){ growFils(false); decis.classList.remove('show'); dv.textContent=''; dc.classList.remove('on'); chipEls.forEach(function(c){c.classList.remove('spent');}); busy=false; },4600);\n }\n var raf=null, run=true;\n size(); d2.on(window,'resize',size); buildFils();\n if(!reduce){ if(!root.querySelector('style[data-cp]')){ var s=document.createElement('style'); s.setAttribute('data-cp',''); s.textContent='@keyframes cpp{0%,100%{transform:none}50%{transform:translateX(3px)}}'; root.appendChild(s);} chipEls[0].style.animation='cpp 2.4s ease-in-out infinite';\n raf=requestAnimationFrame(loop);\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run){run=true;raf=requestAnimationFrame(loop);} if(!busy) setTimeout(function(){ if(!busy) fire('2'); },1000); } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.15}); io.observe(st);\n } else { growFils(true); decis.classList.add('show'); dv.textContent=DECS['2']; dc.classList.add('on'); dc.innerHTML='~2000 tok/s · auditável'; gx.clearRect(0,0,W,H); }\n chipEls.forEach(function(c){ d2.on(c,'click',function(){ fire(c.getAttribute('data-chip')); }); });\n }\n}\n"}}}}}}}},{"_id":"6a740e12669cd00c3487b278","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"EDJ9JbK6KxhazUqCavLd_","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:840px; overflow:hidden;\n background:radial-gradient(78% 70% at 36% 46%, #180a1c 0%, #0c0712 46%, #070509 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; perspective:1000px; }\n.aura{ position:absolute; z-index:1; width:640px; height:640px; border-radius:50%; pointer-events:none;\n background:radial-gradient(circle, rgba(250,72,220,.22) 0%, rgba(176,72,250,.10) 34%, rgba(120,40,200,0) 70%);\n filter:blur(8px); transition:transform .3s ease-out; }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:5; }\n.head{ position:absolute; top:46px; left:56px; z-index:7; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#8a7488; display:flex; align-items:center; gap:8px; }\n.dot{ width:8px; height:8px; border-radius:50%; background:#FA48DC; box-shadow:0 0 12px 2px #FA48DC; }\n.h1{ font-size:clamp(28px,3.4vw,46px); font-weight:500; letter-spacing:-.025em; margin:12px 0 0; color:#F4F2F6; }\n.h1 .g{ color:#8a8490; }\n.h1s{ margin:12px 0 0; font-size:14px; line-height:1.5; color:#9a949c; max-width:38ch; }\n.seed{ position:absolute; top:52px; right:56px; z-index:7; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#544f56; line-height:1.7; }\n.seed b{ color:#c98fbf; font-weight:400; font-variant-numeric:tabular-nums; }\n.goowrap{ position:absolute; z-index:4; transition:transform .3s ease-out; will-change:transform; }\nsvg.goo{ overflow:visible; display:block; }\n.chips{ position:absolute; left:56px; top:50%; transform:translateY(-50%); z-index:8; display:flex; flex-direction:column; gap:11px; }\n.chip{ display:flex; align-items:center; gap:9px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:10px 16px; cursor:pointer; transition:.16s cubic-bezier(.2,.8,.2,1); font-family:ui-monospace,Menlo,monospace; font-size:11.5px; color:#cfc9d2; backdrop-filter:blur(3px); }\n.chip:hover{ border-color:rgba(250,72,220,.7); color:#fff; box-shadow:0 0 26px rgba(250,72,220,.28); transform:translateX(4px) scale(1.03); }\n.chip.spent{ opacity:.45; }\n.chip .ci{ width:15px; height:15px; opacity:.8; }\n.decis{ position:absolute; z-index:9; width:206px; background:rgba(16,8,15,.82); border:1px solid rgba(250,72,220,.42); border-radius:13px; padding:15px 16px; opacity:0; transform:translateY(10px) scale(.97); transition:.45s cubic-bezier(.2,.8,.2,1); box-shadow:0 26px 70px rgba(0,0,0,.6), 0 0 46px rgba(250,72,220,.18); backdrop-filter:blur(7px); }\n.decis.show{ opacity:1; transform:none; }\n.decis .dh{ font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.18em; text-transform:uppercase; color:#d07fc4; margin-bottom:8px; }\n.decis .dv{ font-size:15px; font-weight:500; color:#fff; line-height:1.35; min-height:40px; }\n.decis .dc{ margin-top:11px; font-family:ui-monospace,Menlo,monospace; font-size:10px; color:#7fd0a0; opacity:0; transition:.3s; }\n.decis .dc.on{ opacity:1; } .decis .dc b{ color:#FA8CE8; }\n.spec{ position:absolute; right:56px; top:50%; transform:translateY(-50%); z-index:7; width:300px; border-left:1px solid rgba(255,255,255,.1); padding-left:30px; }\n.spec .sh{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#7a7480; margin-bottom:14px; }\n.frow{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.07); }\n.frow .fk{ font-size:13px; color:#EDECEF; } .frow .fk small{ display:block; font-family:ui-monospace,Menlo,monospace; font-size:10px; color:#7a7480; margin-top:2px; }\n.frow .fv{ font-family:ui-monospace,Menlo,monospace; font-size:12px; color:#c98fbf; white-space:nowrap; text-align:right; } .frow .fv.lang{ color:#EDECEF; }\n.payoff{ position:absolute; left:0; right:0; bottom:40px; text-align:center; z-index:7; font-family:ui-monospace,Menlo,monospace; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:#5f5a61; }\n.payoff b{ color:#c98fbf; }\n.fidge{ position:absolute; z-index:7; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:#4f4a52; }\n@media (max-width:980px){ .spec{ position:relative; right:auto; top:auto; transform:none; width:auto; border-left:none; border-top:1px solid rgba(255,255,255,.1); margin:20px 24px; padding:20px 0 0; } .chips{ position:relative; left:auto; top:auto; transform:none; flex-direction:row; flex-wrap:wrap; padding:0 24px; } .head,.seed{ position:relative; inset:auto; padding:20px 24px 0; text-align:left; } .payoff{ position:relative; bottom:auto; margin-top:16px; } }\n@media (prefers-reduced-motion:reduce){ .chip{ animation:none !important; } }\n`,\n render(d2){\n var chips=[['texto · pergunta','0','M2 4h12M2 8h9M2 12h11'],['voz · áudio','1','M2 8h2l2-5 3 10 2-6 2 3h2'],['imagem · nota','2','M2 3h12v10H2z M5 7l3 3 3-4'],['visão · tela','3','M8 4C3 4 1 8 1 8s2 4 7 4 7-4 7-4-2-4-7-4z M8 6a2 2 0 100 4 2 2 0 000-4z']];\n var feats=[['Multimodal','texto · voz · imagem · visão','4 entradas',''],['Idiomas','entende e responde','PT · EN · ES · +40','lang'],['Velocidade','geração em streaming','~2000 tok/s',''],['Contexto','memória por chamada','128k tokens',''],['Decisão','estruturada, não prosa','auditável',''],['Modelo','padrão nativo Data²','cerebras','']];\n return ''+\n '
')+''; if(i>=full.length){clearInterval(iv); el.innerHTML=full.replace(/\\\\n/g,'
');} },26); }\n else if(k==='voz'){ dov.innerHTML='tg[6]/2.2){ dx.strokeStyle=tg[5]; dx.lineWidth=1.4; dx.setLineDash([6,4]); dx.strokeRect(bx+tg[0]*BW,by+tg[1]*BH,tg[2]*BW,tg[3]*BH); dx.setLineDash([]); var el=dov.querySelector('[data-vt=\"'+i+'\"]'); if(el){ el.style.left=((bx+tg[0]*BW)/SW*100)+'%'; el.style.top=(((by+tg[1]*BH)/SH*100)-6)+'%'; el.classList.add('show'); } } }); dx.strokeStyle='rgba(255,255,255,.12)'; dx.strokeRect(bx,by,BW,BH); demoRaf=requestAnimationFrame(vis);} demoRaf=requestAnimationFrame(vis); }\n else if(k==='embeddings'){ var pts=[]; var cl=[[SW*0.32,SH*0.4,'#FA48DC'],[SW*0.62,SH*0.36,'#48FAA1'],[SW*0.5,SH*0.68,'#4DA4FA']]; for(var i=0;i<46;i++){var c=cl[i%3];pts.push({x:Math.random()*SW,y:Math.random()*SH,tx:c[0]+(Math.random()-.5)*130,ty:c[1]+(Math.random()-.5)*110,c:c[2]});} function emb(){ if(active!=='embeddings')return; dx.clearRect(0,0,SW,SH); pts.forEach(function(p){p.x+=(p.tx-p.x)*.06;p.y+=(p.ty-p.y)*.06;dx.beginPath();dx.arc(p.x,p.y,3,0,6.28);dx.fillStyle=p.c;dx.fill();}); demoRaf=requestAnimationFrame(emb);} demoRaf=requestAnimationFrame(emb); dov.innerHTML='half-6) continue; pts.push({x:gx,y:gy,a:Math.atan2(gy,gx),d:d}); } } R=half; }\n function layout(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; var mobile=W<=900;\n if(mobile){ CBW=CBH=Math.min(Math.round(W-40),380);\n core.style.left=''; core.style.top='';\n aura.style.left=''; aura.style.top='';\n stage.style.left=''; stage.style.top='';\n if(head)head.style.left=''; if(seed)seed.style.right='';\n CX=W/2; CY=CBH/2;\n } else { CBW=560; CBH=560; var CW=Math.min(W,1500), offX=(W-CW)/2; CX=offX+CW*0.30; CY=H*0.46;\n core.style.left=(CX-CBW/2)+'px'; core.style.top=(CY-CBH/2)+'px';\n aura.style.left=(CX-280)+'px'; aura.style.top=(CY-280)+'px';\n stage.style.left=(CX+230)+'px'; stage.style.top=(CY-125)+'px';\n if(head)head.style.left=(offX+56)+'px'; if(seed)seed.style.right=(offX+56)+'px';\n }\n core.style.width=CBW+'px'; core.style.height=CBH+'px';\n DP=Math.min(2,(window.devicePixelRatio||1)); core.width=Math.round(CBW*DP); core.height=Math.round(CBH*DP); fx.setTransform(DP,0,0,DP,0,0); build(); }\n layout(); d2.on(window,'resize',layout);\n\n // mouse in core-local coords (0,0 = center); rest gently orbits\n var mx=0,my=0,tmx=9999,tmy=0, hasMouse=false, energy=0, t0=performance.now(), crun=true, rafc=null;\n d2.on(st,'pointermove',function(e){ var r=core.getBoundingClientRect(); tmx=(e.clientX-r.left)-CBW/2; tmy=(e.clientY-r.top)-CBH/2; hasMouse=true;\n aura.style.transform='translate('+(tmx*0.10).toFixed(0)+'px,'+(tmy*0.10).toFixed(0)+'px)'; });\n d2.on(st,'pointerleave',function(){ hasMouse=false; aura.style.transform=''; });\n function cframe(t){ if(!crun)return; var tt=(t-t0)/1000;\n // target point = mouse, or a slow orbiting point when idle (keeps it alive, satisfying)\n var gx,gy; if(hasMouse){ mx+=(tmx-mx)*0.12; my+=(tmy-my)*0.12; gx=mx; gy=my; } else { gx=Math.cos(tt*0.5)*R*0.42; gy=Math.sin(tt*0.5*1.1)*R*0.32; mx+=(gx-mx)*0.05; my+=(gy-my)*0.05; }\n if(energy>0)energy-=0.012;\n fx.clearRect(0,0,CBW,CBH); fx.save(); fx.translate(CBW/2,CBH/2);\n fx.globalCompositeOperation='lighter';\n for(var i=0;i1)al=1;\n var r2=250, g2=72+Math.round(glow*120), b2=220;\n fx.strokeStyle='rgba('+r2+','+g2+','+b2+','+al.toFixed(3)+')'; fx.lineWidth=1.1+inten*0.9; fx.lineCap='round';\n var cx=Math.cos(p.a), cy=Math.sin(p.a);\n fx.beginPath(); fx.moveTo(p.x-cx*len*0.5, p.y-cy*len*0.5); fx.lineTo(p.x+cx*len*0.5, p.y+cy*len*0.5); fx.stroke();\n }\n // core node at the focus\n var pulse=0.5+0.5*Math.sin(tt*1.6);\n var g=fx.createRadialGradient(mx,my,0,mx,my,40+energy*30); g.addColorStop(0,'rgba(255,180,240,'+(0.5+energy*0.4)+')'); g.addColorStop(1,'rgba(250,72,220,0)');\n fx.fillStyle=g; fx.beginPath(); fx.arc(mx,my,40+energy*30,0,6.28); fx.fill();\n fx.fillStyle='rgba(255,225,248,'+(0.85)+')'; fx.beginPath(); fx.arc(mx,my,3.5+pulse*1.5+energy*3,0,6.28); fx.fill();\n fx.restore(); fx.globalCompositeOperation='source-over';\n rafc=requestAnimationFrame(cframe);\n }\n if(!reduce){ rafc=requestAnimationFrame(cframe); } else { /* static: point outward */ fx.clearRect(0,0,CBW,CBH); fx.save(); fx.translate(CBW/2,CBH/2); pts.forEach(function(p){ fx.strokeStyle='rgba(250,110,220,0.4)'; fx.lineWidth=1.2; var cx=Math.cos(p.a),cy=Math.sin(p.a); fx.beginPath(); fx.moveTo(p.x-cx*5,p.y-cy*5); fx.lineTo(p.x+cx*5,p.y+cy*5); fx.stroke(); }); fx.restore(); }\n var ioC=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!crun&&!reduce){crun=true;t0=performance.now();rafc=requestAnimationFrame(cframe);} } else { crun=false; if(rafc)cancelAnimationFrame(rafc); } }); },{threshold:.02}); ioC.observe(st);\n function setEnergy(){ energy=1; }\n\n // ---- demo stage ----\n var dx=demo.getContext('2d'), SW=880,SH=500, active='decisao', dtimers=[], demoRaf=null;\n function clearD(){ dtimers.forEach(clearTimeout); dtimers=[]; dov.innerHTML=''; dx.clearRect(0,0,SW,SH); if(demoRaf)cancelAnimationFrame(demoRaf); demoRaf=null; }\n var NAMES={decisao:t('nm_decisao'),voz:t('nm_voz'),imagem:t('nm_imagem'),visao:t('nm_visao'),embeddings:t('nm_embeddings'),streaming:t('nm_streaming')};\n function run(k){ active=k; clearD(); setEnergy(); sth.innerHTML=' '+NAMES[k];\n if(k==='decisao'){ dov.innerHTML=''; var el=dov.querySelector('[data-tw]'); var full=''+t('dec_l1')+'\\\\n'+t('dec_l2')+'\\\\n\\\\n'+t('dec_l3')+''; var i=0; var iv=setInterval(function(){ if(active!=='decisao'){clearInterval(iv);return;} i++; el.innerHTML=full.slice(0,i).replace(/\\\\n/g,'
')+''; if(i>=full.length){clearInterval(iv); el.innerHTML=full.replace(/\\\\n/g,'
');} },26); }\n else if(k==='voz'){ dov.innerHTML=''+f[1]+'
'; }).join('')+'';\n return head+isoTile(ac)+'
';\n }).join('');\n var mapNodes = ps.map(function(p){\n var ac=esc(p.accent||'#3A7BFF');\n var role = prodRole[String(p.name).toUpperCase()] || (p.status==='em-breve'?'em breve':'runtime');\n return ''+esc(p.name)+(soon?'em breve':'')+'
'+esc(p.tagline||'')+'
'+val+'
'+esc(p.name)+'
'+esc(role)+'
Os produtos · oito faces, um runtime
Oito produtos, um só runtime.
Cada produto resolve uma parte do sistema — interface, dado, mídia, identidade, integração, IA, eventos e pagamento. Não são SDKs soltos para costurar: são faces do mesmo motor.
'+cards+'
Um só runtime
Oito nós, um motor.
Cada produto é um nó do mesmo runtime — o mesmo dado, as mesmas policies, a mesma superfície.
'+mapNodes+'
Produto
'+esc(p.name)+soonBadge+'
'+esc(p.tagline||'')+'
'+(desc?''+esc(desc)+'
':'')+''+isoDiorama(ac)+'
'+isoMini(ac)+'
'; }).join('');\n var resolve = ''+esc(c.charAt(0).toUpperCase()+c.slice(1))+'
O que resolve
'+esc(p.tagline||p.name)+'
'+(capCards?''+capCards+'
':''+esc(desc)+'
')+'' : ''+\n ''+\n ''+\n ''+\n ' '+\n seq.map(function(o){ return ' ';\n\n // the traveling comet: position along bus + fill morphing to each organ's color\n var times = seq.map(function(o){ return o.t.toFixed(2); }).join(';');\n var cols = seq.map(function(o){ return P[o.k][0]; }).join(';');\n var comet =\n '';\n var lblY = o.up ? (oy - r - 16) : (oy + r + 20);\n var roleY = o.up ? (lblY - 13) : (lblY + 13);\n var delay = (i*0.65).toFixed(2);\n return ''+\n nerve + tick +\n ''+\n ''+\n (isEnd?'':'')+\n ''+o.name+' '+\n ''+o.role+' '+\n ' ';\n }).join('');\n\n var svg =\n '';\n\n var ecgpath = 'M0 17 L120 17 L128 17 L134 4 L140 30 L146 17 L300 17 L308 17 L314 6 L320 28 L326 17 L520 17 L528 17 L534 8 L540 26 L546 17 L900 17';\n\n return ''+\n '=words.length){ clearInterval(iv); if(curSpan.parentNode)curSpan.remove(); busy=false; go.disabled=false; return; }\n body.insertBefore(document.createTextNode(words[i]), curSpan); i++;\n }, 34);\n }\n function decide(q){\n if(busy) return; busy=true; go.disabled=true;\n cq.textContent=q; card.classList.remove('on'); body.textContent='';\n status.classList.add('on'); readout.innerHTML='runtime · raciocinando';\n grow(true);\n var t0=Date.now(); var done=false;\n var prompt='Você é o motor de decisão Domain do runtime Data². Responda à pergunta de negócio abaixo como uma DECISÃO curta e estruturada em português: uma linha \"Veredito:\" e 2 a 3 bullets objetivos (comece cada um com \"• \"). Sem introdução, sem rodeios. Pergunta: '+q;\n function finish(txt){\n if(done) return; done=true;\n var ms=Date.now()-t0; var toks=Math.max(12, Math.round(txt.length/4));\n status.classList.remove('on');\n readout.innerHTML='decisão · '+toks+' tokens · '+ms+'ms';\n // converge filaments\n fils.forEach(function(f){ if(!f.live){ f.p.setAttribute('opacity','0.06'); f.tip.setAttribute('opacity','0'); } });\n card.classList.add('on'); reveal(txt.trim());\n }\n var timeout=setTimeout(function(){ finish(fallback(q)); }, 6000);\n try{\n var pr = d2.assistant && d2.assistant('homeAskExec').ask(prompt);\n if(pr && pr.then){ pr.then(function(r){ clearTimeout(timeout); var t=coerce(r); finish(t && t.length>4 ? t : fallback(q)); })\n .catch(function(){ clearTimeout(timeout); finish(fallback(q)); }); }\n else { clearTimeout(timeout); finish(fallback(q)); }\n }catch(e){ clearTimeout(timeout); finish(fallback(q)); }\n }\n Array.prototype.slice.call(root.querySelectorAll('.chip')).forEach(function(c){\n d2.on(c,'click', function(){ decide(c.getAttribute('data-q')); });\n });\n d2.on(go,'click', function(){ var v=(input.value||'').trim(); if(v) decide(v); });\n d2.on(input,'keydown', function(e){ if(e.key==='Enter'){ var v=(input.value||'').trim(); if(v) decide(v); } });\n }\n}\n"}}}}}}}},{"_id":"6a73c868f40ebd96f36ed74b","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"aPbFCgSZrujN8SOdIJ5Q9","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:660px; overflow:hidden;\n background:radial-gradient(120% 100% at 28% 40%, #160a0a 0%, #060708 60%);\n color:#F4F6F8; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; display:flex; }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.left{ position:relative; z-index:3; width:min(40%,440px); padding:52px 40px; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.34em; text-transform:uppercase; color:#a35a5a; }\n.tt{ font-size:clamp(34px,4vw,58px); font-weight:600; letter-spacing:-.025em; margin:10px 0 0; line-height:1; }\n.tt .r{ color:#FA4848; }\n.sub{ margin:16px 0 24px; font-size:14.5px; line-height:1.55; color:#A7ADB5; max-width:34ch; }\n.meta{ font-family:ui-monospace,Menlo,monospace; font-size:12px; color:#8b9199; }\n.meta b{ color:#FA4848; font-variant-numeric:tabular-nums; }\n.meta .ds{ color:#d7bcbc; }\n.hintx{ margin-top:22px; font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.06em; color:#565c63; }\n.stage{ position:relative; z-index:2; flex:1; display:flex; align-items:center; justify-content:center; }\n.crystal{ position:relative; width:min(84%,420px); }\n.dsname{ font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#a35a5a; margin-bottom:12px; display:flex; align-items:center; gap:8px; }\n.dsname::before{ content:''; width:7px; height:7px; border-radius:50%; background:#FA4848; box-shadow:0 0 12px #FA4848; }\n.rows{ display:flex; flex-direction:column; gap:7px; }\n.row{ position:relative; display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:11px;\n background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); cursor:pointer;\n opacity:0; transform:translateX(18px); transition:opacity .5s, transform .5s, border-color .2s, background .2s; }\n.row.in{ opacity:1; transform:none; }\n.row:hover{ border-color:rgba(250,72,72,.5); background:rgba(250,72,72,.06); }\n.row .fn{ font-family:ui-monospace,Menlo,monospace; font-size:13px; color:#F4F6F8; flex:1; }\n.row .ty{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.08em; text-transform:uppercase;\n padding:3px 8px; border-radius:999px; border:1px solid currentColor; }\n.row .dot{ width:8px; height:8px; border-radius:2px; }\n.ty.texto{ color:#7Fb0FF; } .ty.numero{ color:#48FAA1; } .ty.cor{ color:#FADC48; } .ty.lista{ color:#DC48FA; } .ty.bool{ color:#FF8A3D; }\n.dot.texto{ background:#7Fb0FF; } .dot.numero{ background:#48FAA1; border-radius:50%; } .dot.cor{ background:#FADC48; transform:rotate(45deg); } .dot.lista{ background:#DC48FA; } .dot.bool{ background:#FF8A3D; border-radius:50%; }\n.sample{ position:absolute; left:100%; margin-left:14px; top:50%; transform:translateY(-50%) translateX(8px);\n width:210px; background:rgba(14,7,7,.95); border:1px solid rgba(250,72,72,.3); border-radius:10px; padding:10px 12px;\n opacity:0; pointer-events:none; transition:.2s; z-index:6; }\n.row:hover .sample{ opacity:1; transform:translateY(-50%) translateX(0); }\n.sample .sh{ font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.16em; text-transform:uppercase; color:#a35a5a; margin-bottom:6px; }\n.sample .sv{ font-size:12.5px; color:#e6d4d4; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\n.scan{ position:absolute; left:-6px; right:-6px; height:2px; top:0; z-index:5;\n background:linear-gradient(90deg,transparent,#FA4848,transparent); opacity:0; filter:drop-shadow(0 0 8px #FA4848); }\n.scan.run{ animation:scan 1.9s cubic-bezier(.6,0,.3,1) forwards; }\n@keyframes scan{ 0%{ opacity:0; top:0; } 8%{ opacity:1; } 92%{ opacity:1; } 100%{ opacity:0; top:100%; } }\n.pt{ position:absolute; width:7px; height:7px; z-index:4; pointer-events:none; opacity:0; }\n.foot{ position:absolute; bottom:30px; left:0; right:0; text-align:center; z-index:5;\n font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.05em; color:#565c63; }\n.foot b{ color:#8b9199; font-weight:400; }\n@media (max-width:820px){ .st{ flex-direction:column; } .left{ width:100%; padding:34px 24px 6px; } .sample{ display:none; } }\n@media (prefers-reduced-motion:reduce){ .row{ opacity:1; transform:none; transition:none; } .scan{ display:none; } }\n`,\n render(d2){\n return ''+\n '=MAX) break;\n var a=(-0.5 + Math.random()*1.0) * 1.15 + 0.0; // fan to the right + spread\n var ang = a - 0.15 + (Math.random()-0.5)*0.5;\n var sp = 2.2 + Math.random()*3.4;\n toks.push({ x:CX, y:CY, vx:Math.cos(ang)*sp, vy:Math.sin(ang)*sp*0.8, life:1, r:0.8+Math.random()*1.7,\n h: 300 + Math.random()*40 }); } }\n\n // ---- core arcs ----\n var t0=performance.now();\n function drawCore(t){\n var pulse = 0.5 + 0.5*Math.sin(t*0.0016);\n // baked glow\n var g=fctx.createRadialGradient(CX,CY,0,CX,CY,140+pulse*40);\n g.addColorStop(0,'rgba(250,72,220,'+(0.30+pulse*0.16)+')');\n g.addColorStop(0.4,'rgba(250,72,220,0.10)');\n g.addColorStop(1,'rgba(250,72,220,0)');\n fctx.fillStyle=g; fctx.beginPath(); fctx.arc(CX,CY,180,0,Math.PI*2); fctx.fill();\n // concentric arcs\n for(var i=0;i<5;i++){\n var rr=26+i*15; var spd=(i%2?-1:1)*(0.0004+i*0.00016);\n var a0=t*spd + i; var a1=a0 + 1.1 + 0.5*Math.sin(t*0.001+i);\n fctx.beginPath(); fctx.arc(CX,CY,rr,a0,a1);\n fctx.strokeStyle='rgba(255,150,235,'+(0.5-i*0.07)+')'; fctx.lineWidth=1.4; fctx.stroke();\n }\n // nucleus\n fctx.beginPath(); fctx.arc(CX,CY,8+pulse*3,0,Math.PI*2);\n fctx.fillStyle='#FFC8F2'; fctx.shadowColor='#FA48DC'; fctx.shadowBlur=24; fctx.fill(); fctx.shadowBlur=0;\n }\n\n // ---- image de-noise loop ----\n var IB=0, imgT=0, IN=null;\n function imgFrame(dt){\n imgT+=dt; var cyc=3200; var p=(imgT%cyc)/cyc; // 0..1\n imgpct.textContent=Math.round(Math.min(1,p*1.15)*100)+'%';\n var res = Math.max(3, Math.round(3 + (1-p)* (p<0.98?42:0))); // block size shrinks -> sharpen\n var cell=190/Math.ceil(190/res);\n ictx.clearRect(0,0,190,190);\n for(var y=0;y<190;y+=cell){ for(var x=0;x<190;x+=cell){\n // target \"image\": a soft magenta orb gradient\n var dx=(x+cell/2-95)/95, dy=(y+cell/2-95)/95; var d=Math.sqrt(dx*dx+dy*dy);\n var base=Math.max(0,1-d);\n var noise=(1-p)* (Math.random()-0.5)*1.3;\n var v=Math.max(0,Math.min(1, base + noise));\n var rr=Math.round(120+v*135), gg=Math.round(20+v*70), bb=Math.round(90+v*150);\n ictx.fillStyle='rgb('+rr+','+gg+','+bb+')';\n ictx.fillRect(x,y,cell+1,cell+1);\n } }\n }\n\n // ---- voice waveform ----\n function waveFrame(t){\n wctx.clearRect(0,0,230,56); wctx.beginPath();\n for(var x=0;x<=230;x+=2){\n var e = Math.sin(x*0.06 + t*0.006)*0.5 + Math.sin(x*0.13 - t*0.009)*0.3 + Math.sin(x*0.21+t*0.013)*0.2;\n var amp = 20*(0.35+0.65*Math.abs(Math.sin(t*0.0021 + x*0.004)));\n var y=28 + e*amp;\n if(x===0) wctx.moveTo(x,y); else wctx.lineTo(x,y);\n }\n var grd=wctx.createLinearGradient(0,0,230,0); grd.addColorStop(0,'rgba(250,72,220,.2)'); grd.addColorStop(.5,'#FA48DC'); grd.addColorStop(1,'rgba(77,207,250,.6)');\n wctx.strokeStyle=grd; wctx.lineWidth=1.6; wctx.stroke();\n }\n\n // ---- readout jitter ----\n var jit=0;\n function jitter(t){ if(t-jit>140){ jit=t;\n tps.textContent=(1900+Math.floor(Math.random()*260)).toLocaleString('pt-BR');\n lat.textContent=(12+Math.floor(Math.random()*14)); } }\n\n var raf=null, last=performance.now(), running=true;\n function loop(t){\n if(!running) return;\n var dt=Math.min(48, t-last); last=t;\n // trails: translucent wipe instead of clear\n fctx.fillStyle='rgba(6,7,8,0.28)'; fctx.fillRect(0,0,W,H);\n spawn(reduce?1:5);\n for(var i=toks.length-1;i>=0;i--){ var p=toks[i];\n p.x+=p.vx; p.y+=p.vy; p.vx*=0.995; p.life-=0.011;\n if(p.life<=0 || p.x>W+20 || p.x<-20 || p.y<-20 || p.y>H+20){ toks.splice(i,1); continue; }\n fctx.beginPath(); fctx.arc(p.x,p.y,p.r,0,Math.PI*2);\n fctx.fillStyle='rgba('+ (250) +','+ (72+Math.round(p.life*90)) +','+ (220) +','+ (0.15+p.life*0.7) +')';\n fctx.fill();\n }\n drawCore(t);\n imgFrame(dt); waveFrame(t); jitter(t);\n raf=requestAnimationFrame(loop);\n }\n if(reduce){ fctx.fillStyle='rgba(6,7,8,1)'; fctx.fillRect(0,0,W,H); spawn(60); for(var k=0;k<60;k++){var p=toks[k]; if(!p)continue; p.x=CX+p.vx*30; p.y=CY+p.vy*30; fctx.beginPath(); fctx.arc(p.x,p.y,p.r,0,6.28); fctx.fillStyle='rgba(250,120,220,.5)'; fctx.fill();} drawCore(1200); imgT=3100; imgFrame(0); waveFrame(0); }\n else raf=requestAnimationFrame(loop);\n\n // pause offscreen\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){\n if(e.isIntersecting){ if(!running && !reduce){ running=true; last=performance.now(); raf=requestAnimationFrame(loop); } }\n else { running=false; if(raf) cancelAnimationFrame(raf); }\n }); }, {threshold:.05}); io.observe(st);\n\n // modality interaction — burst on click\n Array.prototype.slice.call(root.querySelectorAll('.mode')).forEach(function(m){\n d2.on(m,'click', function(){\n Array.prototype.slice.call(root.querySelectorAll('.mode')).forEach(function(o){o.classList.remove('on');});\n m.classList.add('on'); if(!reduce) spawn(80);\n });\n });\n }\n}\n"}}}}}}}},{"_id":"6a73dfdc82f74266a2c825f7","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"GrNg1FVOcjUlrSFg5v_xI","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:680px; overflow:hidden;\n background:#050406; color:#F4F6F8; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.field{ position:absolute; inset:0; width:100%; height:100%; display:block; z-index:1; }\n.vig{ position:absolute; inset:0; z-index:2; pointer-events:none;\n background:radial-gradient(62% 68% at 60% 48%, transparent 40%, rgba(4,3,6,.55) 100%); }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.copy{ position:absolute; top:54px; left:58px; z-index:5; max-width:34ch; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.36em; text-transform:uppercase; color:#b16aa8; }\n.h1{ font-size:clamp(40px,4.6vw,72px); font-weight:600; letter-spacing:-.035em; line-height:.95; margin:14px 0 0; }\n.h1 .m{ background:linear-gradient(96deg,#FF7BE6,#FA48DC 45%,#B048FA); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }\n.sub{ margin:20px 0 0; font-size:15px; line-height:1.62; color:#b9adb6; max-width:33ch; }\n.sub b{ color:#F4F6F8; font-weight:600; }\n.modes{ position:absolute; left:58px; bottom:132px; z-index:5; display:flex; flex-wrap:wrap; gap:9px; max-width:340px; }\n.mode{ font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;\n color:#c99ac3; border:1px solid rgba(250,72,220,.24); background:rgba(250,72,220,.045); border-radius:999px;\n padding:6px 12px; cursor:pointer; transition:.18s; }\n.mode:hover,.mode.on{ color:#fff; border-color:rgba(250,72,220,.8); background:rgba(250,72,220,.18); box-shadow:0 0 22px rgba(250,72,220,.3); }\n.imgwrap{ position:absolute; right:64px; top:100px; z-index:5; width:196px; }\n.imgcap{ font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:#b16aa8; margin-bottom:9px; display:flex; justify-content:space-between; }\ncanvas.img{ width:196px; height:196px; border-radius:16px; border:1px solid rgba(250,72,220,.26); display:block;\n box-shadow:0 24px 60px rgba(0,0,0,.55), 0 0 44px rgba(250,72,220,.14); }\n.voice{ position:absolute; right:64px; bottom:128px; z-index:5; width:236px; }\n.vcap{ font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:#b16aa8; margin-bottom:9px; }\ncanvas.wave{ width:236px; height:60px; display:block; }\n.readout{ position:absolute; left:0; right:0; bottom:40px; z-index:5; text-align:center;\n font-family:ui-monospace,Menlo,monospace; font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:#5f4f5c; }\n.readout b{ color:#FA48DC; font-weight:400; font-variant-numeric:tabular-nums; }\n.readout .sep{ color:#33272f; margin:0 12px; }\n@media (max-width:900px){ .imgwrap,.voice{ position:relative; right:auto; top:auto; bottom:auto; display:inline-block; margin:14px 0 0 58px; } .modes{ position:relative; left:58px; bottom:auto; margin-top:16px; } .copy{ position:relative; padding:40px 24px 0; top:auto; left:auto; } }\n`,\n render(d2){\n return ''+\n '=CAP) break;\n var layer=Math.random(); // 0..1 depth\n var ang=(Math.random()*1.5-0.75) + (Math.random()-0.5)*0.4; // fan right\n var sp=(1.1+layer*4.2)*(0.9+Math.random()*0.5);\n var r=0.6+layer*layer*2.4;\n P.push({x:CX+(Math.random()-0.5)*10, y:CY+(Math.random()-0.5)*10,\n vx:Math.cos(ang)*sp, vy:Math.sin(ang)*sp*0.7, life:1, r:r, z:layer,\n dr:0.006+ (1-layer)*0.006 }); } }\n\n function core(t){\n var pulse=0.5+0.5*Math.sin(t*0.0016);\n var beat=Math.pow(0.5+0.5*Math.sin(t*0.0042),6); // occasional thought flash\n // halo (additive)\n var g=fx.createRadialGradient(CX,CY,0,CX,CY,160+pulse*44);\n g.addColorStop(0,'rgba(255,120,235,'+(0.26+pulse*0.14+beat*0.25)+')');\n g.addColorStop(0.45,'rgba(200,60,220,0.08)'); g.addColorStop(1,'rgba(160,40,220,0)');\n fx.fillStyle=g; fx.beginPath(); fx.arc(CX,CY,210,0,6.2832); fx.fill();\n for(var i=0;i<6;i++){ var rr=22+i*13; var spd=(i%2?-1:1)*(0.0005+i*0.00015);\n var a0=t*spd+i*1.3; var a1=a0+0.8+0.6*Math.sin(t*0.0011+i);\n fx.beginPath(); fx.arc(CX,CY,rr,a0,a1);\n fx.strokeStyle='rgba(255,'+(150+i*10)+',240,'+(0.55-i*0.06)+')'; fx.lineWidth=1.3; fx.stroke(); }\n fx.beginPath(); fx.arc(CX,CY,6+pulse*3+beat*5,0,6.2832);\n fx.fillStyle='rgba(255,225,248,'+(0.85+beat*0.15)+')'; fx.fill();\n }\n\n // image: aperture/iris resolving from noise (reads as \"vision\")\n var IT=0;\n function imgF(dt){ IT+=dt; var cyc=3600; var p=(IT%cyc)/cyc; imgpct.textContent=Math.round(Math.min(1,p*1.12)*100)+'%';\n var S=392; var res=Math.max(2,Math.round(2+(1-p)*30)); var cell=Math.ceil(S/Math.ceil(S/res));\n ix.globalCompositeOperation='source-over';\n for(var y=0;y150){ jt=t;\n tps.textContent=(1900+Math.floor(Math.random()*260)).toLocaleString('pt-BR'); lat.textContent=(12+Math.floor(Math.random()*13)); } }\n\n var raf=null,last=performance.now(),run=true;\n function loop(t){ if(!run) return; var dt=Math.min(48,t-last); last=t;\n // fade (source-over dark wash) then additive draw\n fx.globalCompositeOperation='source-over'; fx.fillStyle='rgba(5,4,6,0.30)'; fx.fillRect(0,0,W,H);\n fx.globalCompositeOperation='lighter';\n spawn(reduce?2:7);\n for(var i=P.length-1;i>=0;i--){ var p=P[i]; p.x+=p.vx; p.y+=p.vy; p.vx*=0.996; p.life-=p.dr;\n if(p.life<=0||p.x>W+30||p.y<-30||p.y>H+30){ P.splice(i,1); continue; }\n var a=(0.10+p.z*0.6)*p.life; fx.beginPath(); fx.arc(p.x,p.y,p.r,0,6.2832);\n fx.fillStyle='rgba(255,'+(90+Math.round(p.z*110))+',235,'+a+')'; fx.fill(); }\n core(t);\n fx.globalCompositeOperation='source-over';\n imgF(dt); waveF(t); jitter(t); raf=requestAnimationFrame(loop);\n }\n if(reduce){ fx.fillStyle='#050406'; fx.fillRect(0,0,W,H); fx.globalCompositeOperation='lighter'; spawn(90);\n P.forEach(function(p){ p.x=CX+p.vx*26; p.y=CY+p.vy*26; fx.beginPath(); fx.arc(p.x,p.y,p.r,0,6.28); fx.fillStyle='rgba(255,120,230,'+(0.2+p.z*0.5)+')'; fx.fill(); });\n core(1400); fx.globalCompositeOperation='source-over'; IT=3400; imgF(0); waveF(0); }\n else raf=requestAnimationFrame(loop);\n\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){\n if(e.isIntersecting){ if(!run&&!reduce){ run=true; last=performance.now(); raf=requestAnimationFrame(loop); } }\n else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.05}); io.observe(st);\n\n Array.prototype.slice.call(root.querySelectorAll('.mode')).forEach(function(m){\n d2.on(m,'click',function(){ Array.prototype.slice.call(root.querySelectorAll('.mode')).forEach(function(o){o.classList.remove('on');}); m.classList.add('on'); if(!reduce) spawn(120); }); });\n }\n}"}}}}}}}},{"_id":"6a73e02b1204b3d36b63330c","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"4KeACEyp4erq3tyigRPDy","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:680px; overflow:hidden;\n background:#060405; color:#F4F6F8; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.field{ position:absolute; inset:0; width:100%; height:100%; display:block; z-index:1; }\n.vig{ position:absolute; inset:0; z-index:2; pointer-events:none;\n background:radial-gradient(60% 66% at 62% 50%, transparent 42%, rgba(6,3,4,.6) 100%); }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.copy{ position:absolute; top:54px; left:58px; z-index:5; max-width:33ch; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.36em; text-transform:uppercase; color:#c76a6a; }\n.h1{ font-size:clamp(40px,4.6vw,72px); font-weight:600; letter-spacing:-.035em; line-height:.95; margin:14px 0 0; }\n.h1 .r{ background:linear-gradient(96deg,#FF7A7A,#FA4848 45%,#F748A0); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }\n.sub{ margin:20px 0 0; font-size:15px; line-height:1.62; color:#b9adb0; max-width:33ch; }\n.sub b{ color:#F4F6F8; font-weight:600; }\n.count{ position:absolute; left:58px; bottom:150px; z-index:5; }\n.count .n{ font-family:ui-monospace,Menlo,monospace; font-size:clamp(30px,3.4vw,48px); font-weight:600; letter-spacing:-.02em; color:#fff; font-variant-numeric:tabular-nums; }\n.count .l{ font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.22em; text-transform:uppercase; color:#c76a6a; margin-top:4px; }\n.clusters{ position:absolute; right:56px; bottom:120px; z-index:5; text-align:right; display:flex; flex-direction:column; gap:9px; }\n.cl{ font-family:ui-monospace,Menlo,monospace; font-size:11.5px; letter-spacing:.05em; color:#a99; }\n.cl b{ color:#FA6a6a; font-variant-numeric:tabular-nums; }\n.cl .dot{ display:inline-block; width:7px; height:7px; border-radius:50%; margin-left:8px; vertical-align:middle; }\n.foot{ position:absolute; left:0; right:0; bottom:40px; z-index:5; text-align:center;\n font-family:ui-monospace,Menlo,monospace; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#5f4c4c; }\n.foot b{ color:#FA4848; font-weight:400; }\n@media (max-width:900px){ .copy{ position:relative; padding:40px 24px 0; top:auto; left:auto; } .count{ position:relative; left:24px; bottom:auto; margin-top:16px; } .clusters{ position:relative; right:auto; bottom:auto; text-align:left; margin:14px 0 0 24px; } canvas.field{ opacity:.7; } }\n`,\n render(d2){\n return ''+\n '0.8?1.6:1),\n // arrival tween from a random edge\n sx: (Math.random()<0.5? -40 : W+40), sy: Math.random()*H, prog: 0,\n delay: Math.random()* (reduce?0:1) });\n }\n // scan ring\n var scanR=0;\n\n var count=1240000, rate=0;\n var raf=null,last=performance.now(),run=true, tstart=performance.now();\n function loop(t){ if(!run) return; var dt=Math.min(50,t-last); last=t; var age=(t-tstart)/1000;\n fx.globalCompositeOperation='source-over'; fx.fillStyle='rgba(6,4,5,0.34)'; fx.fillRect(0,0,W,H);\n fx.globalCompositeOperation='lighter';\n // faint core glow\n var g=fx.createRadialGradient(CX,CY,0,CX,CY,maxR*1.1); g.addColorStop(0,'rgba(250,72,72,0.12)'); g.addColorStop(1,'rgba(250,72,72,0)');\n fx.fillStyle=g; fx.beginPath(); fx.arc(CX,CY,maxR*1.1,0,6.2832); fx.fill();\n // scan expanding ring\n scanR+= dt*0.16; if(scanR>maxR*1.15) scanR=0;\n for(var i=0;i'+\n ''+\n ''+\n ' ';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), field=root.querySelector('[data-field]');\n var stage=root.querySelector('[data-stage]'), ov=root.querySelector('[data-ov]');\n var ptEl=root.querySelector('[data-pt]'), pdEl=root.querySelector('[data-pd]');\n var tps=root.querySelector('[data-tps]'), lat=root.querySelector('[data-lat]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2,(window.devicePixelRatio||1));\n var fx=field.getContext('2d'), sx=stage.getContext('2d');\n var W=0,H=0,CX=0,CY=0, SW=900, SH=680;\n function size(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; CX=W*0.40; CY=H*0.50;\n field.width=W*DPR; field.height=H*DPR; fx.setTransform(DPR,0,0,DPR,0,0); }\n size(); d2.on(window,'resize',size);\n\n // ---------- ambient core + torrent (left-center) ----------\n var P=[], CAP=reduce?70:420;\n function spawn(n){ for(var i=0;i=CAP)break; var layer=Math.random();\n var ang=(Math.random()*1.4-0.7)+(Math.random()-0.5)*0.4; var sp=(1+layer*3.6)*(0.9+Math.random()*0.4);\n P.push({x:CX,y:CY,vx:Math.cos(ang)*sp,vy:Math.sin(ang)*sp*0.7,life:1,r:0.6+layer*layer*2.2,z:layer,dr:0.008+(1-layer)*0.006}); } }\n function ambient(t){\n fx.globalCompositeOperation='source-over'; fx.fillStyle='rgba(5,4,6,0.32)'; fx.fillRect(0,0,W,H);\n fx.globalCompositeOperation='lighter';\n var pulse=0.5+0.5*Math.sin(t*0.0016);\n var g=fx.createRadialGradient(CX,CY,0,CX,CY,150+pulse*40);\n g.addColorStop(0,'rgba(255,120,235,'+(0.24+pulse*0.12)+')'); g.addColorStop(0.5,'rgba(200,60,220,0.06)'); g.addColorStop(1,'rgba(160,40,220,0)');\n fx.fillStyle=g; fx.beginPath(); fx.arc(CX,CY,190,0,6.2832); fx.fill();\n for(var i=0;i<5;i++){ var rr=20+i*12; var spd=(i%2?-1:1)*(0.0005+i*0.00015); var a0=t*spd+i; var a1=a0+0.9+0.5*Math.sin(t*0.001+i);\n fx.beginPath(); fx.arc(CX,CY,rr,a0,a1); fx.strokeStyle='rgba(255,160,240,'+(0.5-i*0.07)+')'; fx.lineWidth=1.3; fx.stroke(); }\n fx.beginPath(); fx.arc(CX,CY,6+pulse*3,0,6.2832); fx.fillStyle='rgba(255,225,248,.9)'; fx.fill();\n spawn(reduce?1:4);\n for(var j=P.length-1;j>=0;j--){ var p=P[j]; p.x+=p.vx; p.y+=p.vy; p.vx*=0.996; p.life-=p.dr;\n if(p.life<=0||p.x>W+30||p.y<-30||p.y>H+30){ P.splice(j,1); continue; }\n fx.beginPath(); fx.arc(p.x,p.y,p.r,0,6.2832); fx.fillStyle='rgba(255,'+(90+Math.round(p.z*110))+',235,'+((0.1+p.z*0.5)*p.life)+')'; fx.fill(); }\n fx.globalCompositeOperation='source-over';\n }\n\n // ---------- modality stage ----------\n function clearStage(){ sx.clearRect(0,0,SW,SH); ov.innerHTML=''; }\n var active='decisao', t0mod=0;\n var DEFS={\n texto:{t:'TEXTO', d:'raciocínio', run:function(){ ov.innerHTML='';\n var full='Veredito: reter cliente.\\\\n• Uso caiu 38% em 30d.\\\\n• 2 chamados abertos sem resposta.\\\\n• Ação: oferta + contato do CS hoje.'; var tw=ov.querySelector('[data-tw]'); var i=0;\n var iv=setInterval(function(){ if(active!=='texto'){clearInterval(iv);return;} i++; tw.innerHTML=full.slice(0,i).replace(/\\\\n/g,'
')+''; if(i>=full.length){clearInterval(iv); tw.innerHTML=full.replace(/\\\\n/g,'
'); } }, 26); },\n draw:null},\n voz:{t:'VOZ', d:'fala entra · fala sai', run:function(){ ov.innerHTML=\n '
')+''; if(i>=full.length){clearInterval(iv); el.innerHTML=full.replace(/\\\\n/g,'
');} }, 24); },\n draw:function(t){ filDraw(t); }},\n embeddings:{t:'EMBEDDINGS', d:'significado', run:function(){ ov.innerHTML=''; embInit(); },\n draw:function(t){ embDraw(t); }},\n streaming:{t:'STREAMING', d:'tempo real', run:function(){ ov.innerHTML='tg.at/2.2){ sx.strokeStyle=tg.c; sx.lineWidth=2; sx.setLineDash([7,5]); sx.strokeRect(tg.x*SW,tg.y*SH,tg.w*SW,tg.h*SH); sx.setLineDash([]);\n var el=ov.querySelector('[data-vt=\"'+i+'\"]'); if(el){ el.style.left=(tg.x*100)+'%'; el.style.top=('calc('+(tg.y*100)+'% - 20px)'); el.classList.add('show'); } } }); }\n // decision filaments\n var fils=[], decT=0;\n function filInit(){ fils=[]; var cx=SW*0.28, cy=SH*0.5; for(var i=0;i<10;i++){ var a=(-1+2*(i/9)); var len=SW*0.4*(0.6+Math.random()*0.5); fils.push({a:a*0.9, len:len, live:i%3!==0, cx:cx, cy:cy, ph:Math.random()*6}); } }\n function filDraw(t){ sx.clearRect(0,0,SW,SH); sx.globalCompositeOperation='lighter';\n fils.forEach(function(f){ var gr=Math.min(1,(t-0)); sx.beginPath(); sx.moveTo(f.cx,f.cy);\n var ex=f.cx+Math.cos(f.a)*f.len, ey=f.cy+Math.sin(f.a)*f.len*0.7; var mx=f.cx+Math.cos(f.a)*f.len*0.5, my=f.cy+Math.sin(f.a)*f.len*0.5-40;\n sx.quadraticCurveTo(mx,my,ex,ey); sx.strokeStyle='rgba(250,72,220,'+(f.live?0.7:0.18)+')'; sx.lineWidth=f.live?1.6:1; sx.stroke();\n if(f.live){ sx.beginPath(); sx.arc(ex,ey,2.5+Math.sin(t*0.004+f.ph),0,6.28); sx.fillStyle='#FA8CE8'; sx.fill(); } });\n sx.beginPath(); sx.arc(SW*0.28,SH*0.5,6,0,6.28); sx.fillStyle='#FFD0F2'; sx.fill(); sx.globalCompositeOperation='source-over'; }\n // embeddings\n var emb=[];\n function embInit(){ emb=[]; var cl=[[SW*0.3,SH*0.32,'#FA48DC'],[SW*0.68,SH*0.4,'#48FAA1'],[SW*0.5,SH*0.72,'#4DA4FA']]; for(var i=0;i<48;i++){ var c=cl[i%3]; emb.push({x:Math.random()*SW,y:Math.random()*SH,tx:c[0]+(Math.random()-0.5)*150,ty:c[1]+(Math.random()-0.5)*130,c:c[2]}); } }\n function embDraw(t){ sx.clearRect(0,0,SW,SH); sx.globalCompositeOperation='lighter';\n emb.forEach(function(p){ p.x+=(p.tx-p.x)*0.05; p.y+=(p.ty-p.y)*0.05; sx.beginPath(); sx.arc(p.x,p.y,3,0,6.28); sx.fillStyle=p.c; sx.fill(); });\n for(var i=0;i=0;i--){ var p=stoks[i]; p.x+=p.v; if(p.x>SW){ stoks.splice(i,1); continue; } sx.beginPath(); sx.arc(p.x,p.y,p.r,0,6.28); sx.fillStyle='rgba(255,120,230,0.8)'; sx.fill(); }\n if(stoks.length>500) stoks.splice(0,stoks.length-500); sx.globalCompositeOperation='source-over'; }\n\n function setMode(k){ active=k; var D=DEFS[k]; ptEl.textContent=D.t; pdEl.textContent=D.d; clearStage(); if(D.run)D.run();\n Array.prototype.slice.call(root.querySelectorAll('.mode')).forEach(function(o){ o.classList.toggle('on', o.getAttribute('data-mode')===k); }); if(!reduce) spawn(60); }\n\n var raf=null,last=performance.now(),run=true,jt=0;\n function loop(t){ if(!run)return; var dt=Math.min(48,t-last); last=t;\n ambient(t);\n var D=DEFS[active]; if(D&&D.draw) D.draw(t,dt);\n if(t-jt>150){ jt=t; tps.textContent=(1900+Math.floor(Math.random()*260)).toLocaleString('pt-BR'); lat.textContent=(12+Math.floor(Math.random()*13)); }\n raf=requestAnimationFrame(loop); }\n setMode('decisao');\n if(!reduce) raf=requestAnimationFrame(loop); else { ambient(1200); var D=DEFS.decisao; if(D.draw)D.draw(1200,0); }\n\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;last=performance.now();raf=requestAnimationFrame(loop);} } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.05}); io.observe(st);\n Array.prototype.slice.call(root.querySelectorAll('.mode')).forEach(function(m){ d2.on(m,'click',function(){ setMode(m.getAttribute('data-mode')); }); });\n }\n}\n"}}}}}}}},{"_id":"6a73e4cb7b69f6e944519325","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"wfO5QJnMSYxmOlwNqJ6N5","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:700px; overflow:hidden;\n background:#060405; color:#F4F6F8; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.field{ position:absolute; inset:0; width:100%; height:100%; display:block; z-index:1; }\n.vig{ position:absolute; inset:0; z-index:2; pointer-events:none;\n background:radial-gradient(60% 66% at 62% 50%, transparent 40%, rgba(6,3,4,.62) 100%); }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.copy{ position:absolute; top:54px; left:58px; z-index:6; max-width:32ch; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.36em; text-transform:uppercase; color:#c76a6a; }\n.h1{ font-size:clamp(38px,4.4vw,68px); font-weight:600; letter-spacing:-.035em; line-height:.95; margin:14px 0 0; }\n.h1 .r{ background:linear-gradient(96deg,#FF7A7A,#FA4848 45%,#F748A0); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }\n.sub{ margin:20px 0 0; font-size:14.5px; line-height:1.6; color:#b9adb0; max-width:32ch; }\n.sub b{ color:#F4F6F8; font-weight:600; }\n.count{ position:absolute; left:58px; bottom:56px; z-index:6; }\n.count .n{ font-family:ui-monospace,Menlo,monospace; font-size:clamp(28px,3.2vw,44px); font-weight:600; letter-spacing:-.02em; color:#fff; font-variant-numeric:tabular-nums; }\n.count .l{ font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.22em; text-transform:uppercase; color:#c76a6a; margin-top:4px; }\n.clusters{ position:absolute; right:56px; top:96px; z-index:6; text-align:right; display:flex; flex-direction:column; gap:9px; }\n.cl{ font-family:ui-monospace,Menlo,monospace; font-size:11.5px; letter-spacing:.05em; color:#a99; }\n.cl b{ color:#FA6a6a; font-variant-numeric:tabular-nums; }\n.cl .dot{ display:inline-block; width:7px; height:7px; border-radius:50%; margin-left:8px; vertical-align:middle; }\n.foot{ position:absolute; left:0; right:0; bottom:40px; z-index:6; text-align:center;\n font-family:ui-monospace,Menlo,monospace; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#5f4c4c; }\n.foot b{ color:#FA4848; font-weight:400; }\n/* emergent artifact */\n.art{ position:absolute; z-index:5; left:60%; top:50%; transform:translate(-50%,-50%) scale(.92); opacity:0;\n transition:opacity .5s cubic-bezier(.2,.7,.2,1), transform .5s cubic-bezier(.2,.7,.2,1);\n width:236px; padding:15px 16px; border-radius:13px; background:rgba(10,5,6,.86); backdrop-filter:blur(3px);\n border:1px solid var(--ac); box-shadow:0 24px 60px rgba(0,0,0,.55), 0 0 34px color-mix(in srgb, var(--ac) 26%, transparent); font-family:ui-monospace,Menlo,monospace; }\n.art.show{ opacity:1; transform:translate(-50%,-50%) scale(1); }\n.art .at{ font-size:9.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--ac); margin-bottom:11px; display:flex; justify-content:space-between; }\n.art .fl{ display:flex; flex-direction:column; gap:2px; margin-bottom:9px; }\n.art .fk{ font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:#8a7; opacity:.7; }\n.art .fk2{ font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:#a88; opacity:.6; }\n.art .fv{ font-size:13px; color:#fff; border-bottom:1px solid rgba(255,255,255,.14); padding-bottom:5px; }\n.art .row{ display:flex; justify-content:space-between; font-size:12.5px; padding:5px 0; border-bottom:1px solid rgba(255,255,255,.07); }\n.art .row .v{ color:#fff; } .art .row .k{ color:#9a8f8f; }\n.art .big{ font-size:22px; color:#fff; font-weight:600; }\n.art .ok{ margin-top:10px; font-size:11px; color:#48FAA1; letter-spacing:.06em; }\n.art .tbl{ display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin-top:4px; }\n.art .cell{ height:16px; border-radius:3px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); }\n.art .cell.hot{ background:color-mix(in srgb, var(--ac) 40%, transparent); border-color:var(--ac); }\n.art .scr{ border:1px solid rgba(255,255,255,.12); border-radius:8px; overflow:hidden; margin-top:2px; }\n.art .scrbar{ height:16px; background:rgba(255,255,255,.06); display:flex; align-items:center; padding:0 6px; gap:3px; }\n.art .scrbar i{ width:5px; height:5px; border-radius:50%; background:var(--ac); display:inline-block; }\n.art .scrbody{ height:64px; position:relative; background:linear-gradient(180deg, rgba(255,255,255,.02), transparent); }\n.art .spark{ position:absolute; left:8px; right:8px; bottom:10px; height:34px; }\n@media (max-width:940px){ .copy{ position:relative; padding:36px 24px 0; top:auto; left:auto; } .count{ position:relative; left:24px; bottom:auto; margin-top:14px; } .clusters{ position:relative; right:auto; top:auto; text-align:left; margin:14px 0 0 24px; } .art{ left:50%; } canvas.field{ opacity:.7; } }\n`,\n render(d2){\n return ''+\n '0.82?1.7:1),\n sx:(Math.random()<0.5?-40:W+40), sy:Math.random()*H, prog:0 }); }\n var scanR=0, count=1240000;\n\n // ---- emergent artifacts ----\n var ARTS=[\n {ac:'#FA4848', title:'novo cadastro', html:''},\n {ac:'#F748A0', title:'registro · evento', html:''],\n ['voz','Voz · entra e sai','Ouve e responde falando — atendimento e comandos por voz.',''],\n ['imagem','Geração de imagem','Cria imagem sob demanda a partir de um prompt.',''],\n ['visao','Visão computacional','Lê documentos e fotos: extrai, detecta e entende.',''],\n ['embeddings','Embeddings & busca','Significado vira vetor — busca semântica e similaridade.',''],\n ['streaming','Streaming 2k tok/s','Responde em tempo real, token a token, sem espera.','']\n ];\n return ''+\n '=0;i--){ var p=P[i]; p.x+=p.vx; p.y+=p.vy; p.life-=p.dr; if(p.life<=0){P.splice(i,1);continue;}\n fx.beginPath(); fx.arc(p.x,p.y,p.r,0,6.2832); fx.fillStyle='rgba(255,150,240,'+(p.life*0.5)+')'; fx.fill(); }\n fx.globalCompositeOperation='source-over';\n }\n // core (on stage canvas center)\n function core(t){ var pulse=0.5+0.5*Math.sin(t*0.0016); var beat=Math.pow(0.5+0.5*Math.sin(t*0.004),6);\n sx.globalCompositeOperation='lighter';\n for(var i=0;i<6;i++){ var rr=30+i*18; var spd=(i%2?-1:1)*(0.0005+i*0.00014); var a0=t*spd+i*1.2; var a1=a0+0.9+0.5*Math.sin(t*0.001+i);\n sx.beginPath(); sx.arc(SCX,SCY,rr,a0,a1); sx.strokeStyle='rgba(255,150,240,'+(0.5-i*0.06)+')'; sx.lineWidth=1.6; sx.stroke(); }\n sx.beginPath(); sx.arc(SCX,SCY,9+pulse*4+beat*7,0,6.2832); sx.fillStyle='rgba(255,225,248,'+(0.85+beat*0.15)+')'; sx.fill();\n sx.globalCompositeOperation='source-over';\n }\n\n // ---------- feature demos (center intervention) ----------\n var active=null, aT=0;\n function clearOv(){ ov.innerHTML=''; }\n var imgT=0, visTags=[], emb=[], stoks=[], streamN=0, fils=[];\n var DEMOS={\n decisao:{ enter:function(){ clearOv(); filInit(); aT=0;\n var c=document.createElement('div'); c.className='dcard mono'; c.innerHTML='tg.at/2.2){ sx.strokeStyle=tg.c; sx.lineWidth=2; sx.setLineDash([7,5]); sx.strokeRect(bx+tg.x*BW,by+tg.y*BH,tg.w*BW,tg.h*BH); sx.setLineDash([]); var el=ov.querySelector('[data-vt=\"'+i+'\"]'); if(el){ var sr=stage.getBoundingClientRect(); el.style.left=((bx+tg.x*BW)/SW*100)+'%'; el.style.top=(((by+tg.y*BH)/SH*100)-6)+'%'; el.classList.add('show'); } } }); } },\n embeddings:{ enter:function(){ clearOv(); emb=[]; var cl=[[SCX-160,SCY-70,'#FA48DC'],[SCX+150,SCY-40,'#48FAA1'],[SCX,SCY+120,'#4DA4FA']]; for(var i=0;i<54;i++){ var c=cl[i%3]; emb.push({x:SCX+(Math.random()-0.5)*700,y:SCY+(Math.random()-0.5)*380,tx:c[0]+(Math.random()-0.5)*150,ty:c[1]+(Math.random()-0.5)*120,c:c[2]}); } },\n draw:function(t){ sx.globalCompositeOperation='lighter'; emb.forEach(function(p){ p.x+=(p.tx-p.x)*0.05; p.y+=(p.ty-p.y)*0.05; sx.beginPath(); sx.arc(p.x,p.y,3.2,0,6.28); sx.fillStyle=p.c; sx.fill(); }); for(var i=0;i=0;i--){ var p=stoks[i]; p.x+=p.v; if(p.x>SCX+380){stoks.splice(i,1);continue;} sx.beginPath(); sx.arc(p.x,p.y,p.r,0,6.28); sx.fillStyle='rgba(255,120,230,.85)'; sx.fill(); } if(stoks.length>520)stoks.splice(0,stoks.length-520); sx.globalCompositeOperation='source-over'; } }\n };\n function filInit(){ fils=[]; for(var i=0;i<12;i++){ var a=(-1+2*(i/11)); fils.push({a:a*0.95, len:200+Math.random()*140, live:i%3!==0, ph:Math.random()*6}); } }\n function filDraw(t){ sx.globalCompositeOperation='lighter'; fils.forEach(function(f){ sx.beginPath(); sx.moveTo(SCX,SCY); var ex=SCX+Math.cos(f.a)*f.len, ey=SCY+Math.sin(f.a)*f.len*0.7; var mx=SCX+Math.cos(f.a)*f.len*0.5, my=SCY+Math.sin(f.a)*f.len*0.5-40; sx.quadraticCurveTo(mx,my,ex,ey); sx.strokeStyle='rgba(250,72,220,'+(f.live?0.6:0.16)+')'; sx.lineWidth=f.live?1.6:1; sx.stroke(); if(f.live){ sx.beginPath(); sx.arc(ex,ey,2.4+Math.sin(t*0.004+f.ph),0,6.28); sx.fillStyle='#FA8CE8'; sx.fill(); } }); sx.globalCompositeOperation='source-over'; }\n\n function setF(k){ active=k; clearOv(); if(DEMOS[k]&&DEMOS[k].enter) DEMOS[k].enter();\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ c.classList.toggle('on', c.getAttribute('data-f')===k); }); }\n\n var raf=null,last=performance.now(),run=true,jt=0;\n function loop(t){ if(!run)return; var dt=Math.min(48,t-last); last=t;\n ambient(t);\n sx.clearRect(0,0,SW,SH);\n var D=active&&DEMOS[active]; if(D&&D.draw) D.draw(t,dt);\n core(t);\n if(t-jt>150){ jt=t; tps.textContent=(1900+Math.floor(Math.random()*260)).toLocaleString('pt-BR'); lat.textContent=(12+Math.floor(Math.random()*13)); }\n raf=requestAnimationFrame(loop); }\n setF('decisao');\n if(!reduce) raf=requestAnimationFrame(loop); else { ambient(1000); sx.clearRect(0,0,SW,SH); if(DEMOS.decisao.draw)DEMOS.decisao.draw(1000,0); core(1000); }\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;last=performance.now();raf=requestAnimationFrame(loop);} } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.04}); io.observe(st);\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ d2.on(c,'click',function(){ setF(c.getAttribute('data-f')); }); });\n }\n}\n"}}}}}}}},{"_id":"6a73f592dad59127650872b6","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"pXGXE1hmGr3zDEEZ3rNLx","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:840px; overflow:hidden;\n background:#070608; color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.field{ position:absolute; inset:0; width:100%; height:100%; display:block; z-index:1; }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:4; }\n.head{ position:absolute; top:46px; left:56px; z-index:6; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:10.5px; letter-spacing:.34em; text-transform:uppercase; color:#6f6a72; }\n.h1{ font-size:clamp(30px,3.3vw,46px); font-weight:500; letter-spacing:-.02em; margin:12px 0 0; color:#F6F5F8; }\n.h1 u{ text-decoration:none; border-bottom:2px solid #FA48DC; padding-bottom:2px; }\n.h1s{ margin:14px 0 0; font-size:14px; line-height:1.55; color:#9a949c; max-width:46ch; }\n.seed{ position:absolute; top:52px; right:56px; z-index:6; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#544f56; line-height:1.7; }\n/* central instrument stage */\n.stagebox{ position:absolute; left:50%; top:196px; transform:translateX(-50%); z-index:5; width:min(60%,700px); height:330px; }\ncanvas.stage{ position:absolute; inset:0; width:100%; height:100%; }\n.ov{ position:absolute; inset:0; z-index:2; pointer-events:none; }\n.mono{ font-family:ui-monospace,Menlo,monospace; }\n.dcard{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:330px;\n background:rgba(9,8,11,.72); border:1px solid rgba(255,255,255,.10); border-radius:4px; padding:16px 18px; opacity:0; transition:opacity .45s ease; backdrop-filter:blur(2px); }\n.dcard.show{ opacity:1; }\n.dcard .dh{ font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.2em; text-transform:uppercase; color:#a86aa0; }\n.dcard .dv{ font-size:16px; font-weight:500; margin:7px 0 11px; color:#F6F5F8; letter-spacing:-.01em; }\n.dcard .db{ font-family:ui-monospace,Menlo,monospace; font-size:12px; color:#b6acb4; line-height:1.7; }\n.dcard .conf{ margin-top:14px; display:flex; align-items:center; gap:9px; }\n.dcard .conf .bar{ flex:1; height:2px; background:rgba(255,255,255,.1); overflow:hidden; }\n.dcard .conf .bar i{ display:block; height:100%; width:0; background:#FA48DC; transition:width 1.1s ease; }\n.dcard .conf .pc{ font-family:ui-monospace,Menlo,monospace; font-size:10px; color:#a86aa0; }\n.bub{ position:absolute; max-width:60%; padding:8px 12px; border-radius:3px; font-family:ui-monospace,Menlo,monospace; font-size:12px; opacity:0; transition:opacity .4s; }\n.bub.in{ left:4%; top:16%; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.1); color:#cfc9d0; }\n.bub.out{ right:4%; top:56%; background:rgba(250,72,220,.08); border:1px solid rgba(250,72,220,.3); color:#f0d8ec; }\n.bub.show{ opacity:1; }\n.tag2{ position:absolute; font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.03em; color:#d6d2d8; background:rgba(9,8,11,.8); border:1px solid; padding:2px 6px; border-radius:3px; opacity:0; transition:.3s; white-space:nowrap; }\n.tag2.show{ opacity:1; }\n.cap{ position:absolute; left:0; right:0; top:544px; z-index:6; text-align:center; padding:0 40px; }\n.cap .ct{ font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:#a86aa0; }\n.cap .cs{ margin:8px auto 0; font-size:14.5px; line-height:1.5; color:#c9c4cb; max-width:56ch; font-weight:400; }\n.readout{ position:absolute; left:0; right:0; top:620px; z-index:6; text-align:center; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:#544f56; }\n.readout b{ color:#9a7d96; font-weight:400; font-variant-numeric:tabular-nums; }\n/* feature cards — flat, hairline, editorial */\n.cards{ position:absolute; left:0; right:0; bottom:44px; z-index:6; display:flex; gap:0; justify-content:center; padding:0 44px; border-top:1px solid rgba(255,255,255,.06); }\n.fc{ flex:1; max-width:220px; text-align:left; padding:20px 20px 18px; cursor:pointer; position:relative; transition:background .2s; border-right:1px solid rgba(255,255,255,.05); }\n.fc:first-child{ border-left:1px solid rgba(255,255,255,.05); }\n.fc:hover{ background:rgba(255,255,255,.018); }\n.fc.on{ background:rgba(250,72,220,.05); }\n.fc.on::before{ content:''; position:absolute; top:-1px; left:0; right:0; height:2px; background:#FA48DC; }\n.fc .ic{ width:26px; height:26px; margin-bottom:12px; opacity:.9; }\n.fc .ft{ font-size:13px; font-weight:600; color:#EDECEF; letter-spacing:-.01em; }\n.fc .fd{ margin-top:6px; font-size:11.5px; line-height:1.5; color:#8a848c; }\n.fc .fs{ margin-top:9px; font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.08em; color:#5f5a61; text-transform:uppercase; }\n.fc.on .fs{ color:#a86aa0; }\n@media (max-width:1120px){ .cards{ flex-wrap:wrap; } .fc{ max-width:none; flex:1 1 30%; border-bottom:1px solid rgba(255,255,255,.05); } }\n@media (max-width:900px){ .stagebox{ position:relative; top:auto; margin:120px auto 0; width:88%; height:250px; } .head{ position:relative; left:auto; top:auto; padding:36px 24px 0; } .seed{ display:none; } .cap,.readout{ position:relative; top:auto; margin-top:14px; } .cards{ position:relative; bottom:auto; margin-top:18px; } }\n@media (prefers-reduced-motion:reduce){ canvas.field{ opacity:.7; } }\n`,\n render(d2){\n var F=[\n ['decisao','Raciocínio & Decisão','Cruza dezenas de sinais e devolve uma decisão estruturada — com o porquê, não só o quê.','regras + modelo · auditável',\n ''],\n ['voz','Voz · entra e sai','Transcreve a fala, entende a intenção e responde falando — atendimento e comandos por voz.','STT + TTS · pt · en · es',\n ''],\n ['imagem','Geração de imagem','Cria imagens sob demanda a partir de um prompt — produto, cena, campanha.','difusão · sob demanda',\n ''],\n ['visao','Visão computacional','Lê documentos e fotos: extrai campos, detecta objetos, entende o conteúdo.','OCR + detecção',\n ''],\n ['embeddings','Embeddings & busca','Transforma significado em vetor: busca semântica, similaridade e agrupamento.','vetor · kNN',\n ''],\n ['streaming','Streaming 2k tok/s','Responde em tempo real, token a token — a resposta aparece antes de terminar de pensar.','~2.000 tok/s',\n '']\n ];\n return ''+\n 'tg.at/2.2){ sx.strokeStyle=tg.c; sx.lineWidth=1.4; sx.setLineDash([6,4]); sx.strokeRect(bx+tg.x*BW,by+tg.y*BH,tg.w*BW,tg.h*BH); sx.setLineDash([]); var el=ov.querySelector('[data-vt=\"'+i+'\"]'); if(el){ el.style.left=((bx+tg.x*BW)/SW*100)+'%'; el.style.top=(((by+tg.y*BH)/SH*100)-5)+'%'; el.classList.add('show'); } } }); sx.strokeStyle='rgba(255,255,255,.12)'; sx.strokeRect(bx,by,BW,BH); } },\n embeddings:{ enter:function(){ clearOv(); emb=[]; var cl=[[SCX-150,SCY-60,'#FA48DC'],[SCX+140,SCY-30,'#48FAA1'],[SCX,SCY+110,'#4DA4FA']]; for(var i=0;i<50;i++){ var c=cl[i%3]; emb.push({x:SCX+(Math.random()-0.5)*560,y:SCY+(Math.random()-0.5)*320,tx:c[0]+(Math.random()-0.5)*130,ty:c[1]+(Math.random()-0.5)*110,c:c[2]}); } },\n draw:function(t){ emb.forEach(function(p){ p.x+=(p.tx-p.x)*0.05; p.y+=(p.ty-p.y)*0.05; sx.beginPath(); sx.arc(p.x,p.y,2.6,0,6.28); sx.fillStyle=p.c; sx.fill(); }); for(var i=0;i=0;i--){ var p=stoks[i]; p.x+=p.v; if(p.x>SCX+270){stoks.splice(i,1);continue;} sx.beginPath(); sx.arc(p.x,p.y,p.r,0,6.28); sx.fillStyle='rgba(230,150,215,0.7)'; sx.fill(); } if(stoks.length>460)stoks.splice(0,stoks.length-460); } }\n };\n function filInit(){ fils=[]; for(var i=0;i<10;i++){ var a=(-1+2*(i/9)); fils.push({a:a*0.95, len:150+Math.random()*90, live:i%3!==0, ph:Math.random()*6}); } }\n function filDraw(t){ fils.forEach(function(f){ sx.beginPath(); sx.moveTo(SCX,SCY); var ex=SCX+Math.cos(f.a)*f.len, ey=SCY+Math.sin(f.a)*f.len*0.7; var mx=SCX+Math.cos(f.a)*f.len*0.5, my=SCY+Math.sin(f.a)*f.len*0.5-30; sx.quadraticCurveTo(mx,my,ex,ey); sx.strokeStyle='rgba(250,72,220,'+(f.live?0.4:0.12)+')'; sx.lineWidth=1; sx.stroke(); if(f.live){ sx.beginPath(); sx.arc(ex,ey,1.6+Math.sin(t*0.004+f.ph)*0.6,0,6.28); sx.fillStyle='rgba(250,140,232,0.8)'; sx.fill(); } }); }\n\n function setF(k){ active=k; clearOv(); ctEl.textContent=({decisao:'Decisão',voz:'Voz',imagem:'Imagem',visao:'Visão',embeddings:'Embeddings',streaming:'Streaming'})[k]; csEl.textContent=CAPS[k];\n if(DEMOS[k]&&DEMOS[k].enter)DEMOS[k].enter(); Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ c.classList.toggle('on', c.getAttribute('data-f')===k); }); }\n\n var raf=null,last=performance.now(),run=true,jt=0;\n function loop(t){ if(!run)return; var dt=Math.min(48,t-last); last=t;\n ambient(t); sx.clearRect(0,0,SW,SH); reticle(t); var D=active&&DEMOS[active]; if(D&&D.draw) D.draw(t,dt);\n if(t-jt>160){ jt=t; tps.textContent=(1900+Math.floor(Math.random()*240)).toLocaleString('pt-BR'); lat.textContent=(12+Math.floor(Math.random()*12)); }\n raf=requestAnimationFrame(loop); }\n setF('decisao');\n if(!reduce) raf=requestAnimationFrame(loop); else { ambient(600); sx.clearRect(0,0,SW,SH); reticle(600); if(DEMOS.decisao.draw)DEMOS.decisao.draw(600,0); }\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;last=performance.now();raf=requestAnimationFrame(loop);} } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.04}); io.observe(st);\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ d2.on(c,'click',function(){ setF(c.getAttribute('data-f')); }); });\n }\n}\n"}}}}}}}},{"_id":"6a73f93c5bcb322df2e7b637","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"zzljPq9LaSs59j6TgT5__","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:840px; overflow:hidden;\n background:#070506; color:#EDE9EA; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.field{ position:absolute; inset:0; width:100%; height:100%; display:block; z-index:1; }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:4; }\n.head{ position:absolute; top:46px; left:56px; z-index:6; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:10.5px; letter-spacing:.34em; text-transform:uppercase; color:#6f6a6a; }\n.h1{ font-size:clamp(30px,3.3vw,46px); font-weight:500; letter-spacing:-.02em; margin:12px 0 0; color:#F6F3F4; }\n.h1 u{ text-decoration:none; border-bottom:2px solid #FA4848; padding-bottom:2px; }\n.h1s{ margin:14px 0 0; font-size:14px; line-height:1.55; color:#9a9294; max-width:46ch; }\n.seed{ position:absolute; top:52px; right:56px; z-index:6; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#564f50; line-height:1.7; }\n.seed b{ color:#c98f8f; font-weight:400; font-variant-numeric:tabular-nums; }\n.stagebox{ position:absolute; left:50%; top:188px; transform:translateX(-50%); z-index:5; width:min(66%,780px); height:344px; }\ncanvas.stage{ position:absolute; inset:0; width:100%; height:100%; }\n.ov{ position:absolute; inset:0; z-index:2; pointer-events:none; }\n.mono{ font-family:ui-monospace,Menlo,monospace; }\n.lab{ position:absolute; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.04em; color:#e6dcdc; opacity:0; transition:opacity .4s; white-space:nowrap; }\n.lab.show{ opacity:1; }\n.lab .k{ color:#8a7f80; }\n.legend{ position:absolute; left:0; right:0; top:544px; z-index:6; text-align:center; padding:0 40px; }\n.legend .ct{ font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:#c86a6a; }\n.legend .cs{ margin:8px auto 0; font-size:14.5px; line-height:1.5; color:#c8c0c1; max-width:58ch; }\n.readout{ position:absolute; left:0; right:0; top:620px; z-index:6; text-align:center; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:#564f50; }\n.readout b{ color:#c98f8f; font-weight:400; font-variant-numeric:tabular-nums; }\n.cards{ position:absolute; left:0; right:0; bottom:44px; z-index:6; display:flex; justify-content:center; padding:0 44px; border-top:1px solid rgba(255,255,255,.06); }\n.fc{ flex:1; max-width:220px; text-align:left; padding:20px 20px 18px; cursor:pointer; position:relative; transition:background .2s; border-right:1px solid rgba(255,255,255,.05); }\n.fc:first-child{ border-left:1px solid rgba(255,255,255,.05); }\n.fc:hover{ background:rgba(255,255,255,.018); }\n.fc.on{ background:rgba(250,72,72,.05); }\n.fc.on::before{ content:''; position:absolute; top:-1px; left:0; right:0; height:2px; background:#FA4848; }\n.fc .ic{ width:26px; height:26px; margin-bottom:12px; opacity:.9; }\n.fc .ft{ font-size:13px; font-weight:600; color:#EDE9EA; letter-spacing:-.01em; }\n.fc .fd{ margin-top:6px; font-size:11.5px; line-height:1.5; color:#8a8284; }\n.fc .fs{ margin-top:9px; font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.08em; color:#5f5a5b; text-transform:uppercase; }\n.fc.on .fs{ color:#c86a6a; }\n@media (max-width:1120px){ .cards{ flex-wrap:wrap; } .fc{ max-width:none; flex:1 1 30%; border-bottom:1px solid rgba(255,255,255,.05); } }\n@media (max-width:900px){ .stagebox{ position:relative; top:auto; margin:120px auto 0; width:88%; height:250px; } .head{ position:relative; left:auto; top:auto; padding:36px 24px 0; } .seed{ display:none; } .legend,.readout{ position:relative; top:auto; margin-top:14px; } .cards{ position:relative; bottom:auto; margin-top:18px; } }\n@media (prefers-reduced-motion:reduce){ canvas.field{ opacity:.75; } }\n`,\n render(d2){\n var F=[\n ['organiza','Organiza o caos','Do dado bruto o runtime estrutura cadastros, tabelas, telas e transações — sozinho.','forms · tabelas · telas',\n ''],\n ['escala','Escala a milhões','Bilhões de linhas indexadas em tempo real, sem cair de performance.','1.3M+ · +6k/s',\n ''],\n ['tipado','Tipado & versionado','Cada campo com tipo declarado; cada mudança versionada e auditável.','schema · histórico',\n ''],\n ['busca','Busca semântica','Encontra pelo significado — vizinhos por embedding, não por palavra exata.','vetor · kNN',\n ''],\n ['acesso','Acesso, não banco','DataSet é acesso governado ao dado — não um banco que você tem que operar.','governado · policy',\n ''],\n ['tempo','Tempo real','Novos registros entram e ficam consultáveis na hora — nada de lote noturno.','streaming · live',\n '']\n ];\n return ''+\n '=0||l[0].indexOf('linhas')>=0||l[0].indexOf('✓')>=0)?l[0]:(''+l[0]+''); el.style.left=(l[1]/SW*100)+'%'; el.style.top=(l[2]/SH*100)+'%'; ov.appendChild(el); });\n }\n function release(){ builders.forEach(function(p){ p.built=false; }); builders=[]; ov.innerHTML=''; }\n\n function setF(k){ active=k; scanR=0; release();\n ctEl.textContent=({organiza:'Organiza',escala:'Escala',tipado:'Tipado',busca:'Busca semântica',acesso:'Acesso',tempo:'Tempo real'})[k]; csEl.textContent=CAPS[k];\n if(k==='organiza'){ orgPhase='form'; orgT=0; shapeI=0; recruit(); }\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ c.classList.toggle('on', c.getAttribute('data-f')===k); }); }\n\n var count=1240000, raf=null,last=performance.now(),run=true,age0=performance.now();\n function loop(t){ if(!run)return; var dt=Math.min(50,t-last); last=t; var age=(t-age0)/1000; fc();\n // field\n fx.globalCompositeOperation='source-over'; fx.fillStyle='rgba(7,5,6,0.34)'; fx.fillRect(0,0,W,H);\n fx.globalCompositeOperation='lighter';\n var densify = active==='escala'?1.5:1;\n var g=fx.createRadialGradient(fcx,fcy,0,fcx,fcy,maxR*0.7); g.addColorStop(0,'rgba(250,72,72,'+(0.12*densify)+')'); g.addColorStop(1,'rgba(250,72,72,0)'); fx.fillStyle=g; fx.beginPath(); fx.arc(fcx,fcy,maxR*0.8,0,6.2832); fx.fill();\n scanR+=dt*0.18; if(scanR>maxR) scanR=0;\n // organiza phase machine\n if(active==='organiza'){ orgT+=dt; if(orgPhase==='form'&&orgT>2600){orgPhase='hold';orgT=0;} else if(orgPhase==='hold'&&orgT>2200){orgPhase='out';orgT=0;release();} else if(orgPhase==='out'&&orgT>700){orgPhase='form';orgT=0;shapeI=(shapeI+1)%shapes.length;recruit();}\n if(orgPhase==='form'&&orgT>1100){ ov.querySelectorAll('.lab').forEach(function(e){e.classList.add('show');}); } }\n var offx=fcx-SCX, offy=fcy-SCY; // field center offset vs stage coords\n for(var i=0;i field)\n p.cx=(p.cx==null?ox:p.cx); p.cy=(p.cy==null?oy:p.cy); p.cx+=(ox-p.cx)*0.10; p.cy+=(oy-p.cy)*0.10;\n fx.beginPath(); fx.arc(p.cx,p.cy,1.6,0,6.28); fx.fillStyle='rgba(255,150,150,0.95)'; fx.fill(); continue; }\n p.cx=null; p.cy=null; p.a+=p.w*dt; var o=orbit(p); var x=o[0]+offx, y=o[1]+offy;\n var lit = (active==='busca' && Math.abs(p.r-scanR)<14 && p.c[2]<120) ? 1 : (active!=='busca'&&Math.abs(p.r-scanR)<10?0.5:0);\n var tint = active==='tipado'? 1 : 0.7;\n var br=(0.14+p.z*0.42*densify+(1-p.r/maxR)*0.2)*(0.7+0.3*Math.sin(age*0.7+i))+lit*0.7;\n var c=p.c; fx.fillStyle='rgba('+c[0]+','+Math.round(c[1]*tint+ (1-tint)*72)+','+Math.round(c[2]*tint+(1-tint)*72)+','+Math.min(1,br)+')';\n var s=p.z>0.82?1.7:1; fx.fillRect(x,y,s+lit,s+lit); }\n // tempo: extra inflow streaks\n if(active==='tempo'){ for(var k=0;k<3;k++){ var a=Math.random()*6.28; var e=maxR*1.2; var sxp=fcx+Math.cos(a)*e, syp=fcy+Math.sin(a)*e*0.42; fx.strokeStyle='rgba(255,120,120,0.25)'; fx.beginPath(); fx.moveTo(sxp,syp); fx.lineTo(fcx+Math.cos(a)*maxR*0.5,fcy+Math.sin(a)*maxR*0.5*0.42); fx.stroke(); } }\n fx.globalCompositeOperation='source-over';\n // instrument frame on stage canvas\n sx.clearRect(0,0,SW,SH); frame(t);\n // counters\n var rate=3200+Math.floor(Math.random()*(active==='escala'?9000:5200)); count+=Math.floor(rate*dt/1000);\n nEl.textContent=count.toLocaleString('pt-BR'); rateEl.textContent=rate.toLocaleString('pt-BR'); totEl.textContent=count.toLocaleString('pt-BR');\n raf=requestAnimationFrame(loop); }\n setF('organiza');\n if(!reduce) raf=requestAnimationFrame(loop); else { fx.fillStyle='#070506'; fx.fillRect(0,0,W,H); fx.globalCompositeOperation='lighter'; fc(); pts.forEach(function(p){ var o=orbit(p); fx.fillStyle='rgba('+p.c[0]+','+p.c[1]+','+p.c[2]+','+(0.2+p.z*0.4)+')'; fx.fillRect(o[0]+fcx-SCX,o[1]+fcy-SCY,p.z>0.8?1.7:1,1); }); sx.clearRect(0,0,SW,SH); frame(0); }\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;last=performance.now();raf=requestAnimationFrame(loop);} } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.04}); io.observe(st);\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ d2.on(c,'click',function(){ setF(c.getAttribute('data-f')); }); });\n }\n}\n"}}}}}}}},{"_id":"6a73fc3c7b69f6e94451b710","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"m5FS7BMqmFNHLaE5Uw4tF","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:840px; overflow:hidden;\n background:#070608; color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.field{ position:absolute; inset:0; width:100%; height:100%; display:block; z-index:1; }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:4; }\n.head{ position:absolute; top:46px; left:56px; z-index:6; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:10.5px; letter-spacing:.3em; text-transform:uppercase; color:#6f6a72; }\n.eb .p{ color:#FA4848; } .eb .p2{ color:#FA48DC; } .eb .p3{ color:#4866FA; }\n.h1{ font-size:clamp(28px,3.2vw,44px); font-weight:500; letter-spacing:-.02em; margin:12px 0 0; color:#F6F5F8; }\n.h1s{ margin:13px 0 0; font-size:14px; line-height:1.55; color:#9a949c; max-width:48ch; }\n.seed{ position:absolute; top:52px; right:56px; z-index:6; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#544f56; line-height:1.7; }\n.seed b{ color:#8fbf9f; font-weight:400; }\n.stagebox{ position:absolute; left:50%; top:196px; transform:translateX(-50%); z-index:5; width:min(80%,980px); height:320px; }\ncanvas.stage{ position:absolute; inset:0; width:100%; height:100%; }\n.ov{ position:absolute; inset:0; z-index:2; pointer-events:none; }\n.mono{ font-family:ui-monospace,Menlo,monospace; }\n.zlab{ position:absolute; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; transform:translateX(-50%); }\n.panel{ position:absolute; right:2%; top:50%; transform:translateY(-50%); width:210px; background:rgba(9,10,14,.82); border:1px solid rgba(72,102,250,.4); border-radius:5px; padding:13px 14px; opacity:0; transition:opacity .4s; }\n.panel.show{ opacity:1; }\n.panel .ph{ font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.18em; text-transform:uppercase; color:#7f92e0; margin-bottom:9px; }\n.panel .pr{ display:flex; justify-content:space-between; font-family:ui-monospace,Menlo,monospace; font-size:11.5px; padding:4px 0; border-bottom:1px solid rgba(255,255,255,.06); }\n.panel .pr .k{ color:#8a848c; } .panel .pr .v{ color:#EDECEF; }\n.panel .verdict{ margin-top:10px; font-size:12px; color:#fff; }\n.panel .verdict.block{ color:#FA8C8C; }\n.panel .idtag{ margin-top:8px; font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.06em; color:#48FAA1; }\n.legend{ position:absolute; left:0; right:0; top:536px; z-index:6; text-align:center; padding:0 40px; }\n.legend .cs{ margin:0 auto; font-size:14px; line-height:1.5; color:#c9c4cb; max-width:64ch; }\n.legend .cs b1{ color:#FA6a6a; } .legend .cs b2{ color:#FA8CE8; } .legend .cs b3{ color:#8fa0ff; } .legend .cs b4{ color:#48FAA1; }\n.controls{ position:absolute; left:0; right:0; bottom:48px; z-index:6; display:flex; gap:14px; justify-content:center; align-items:stretch; flex-wrap:wrap; padding:0 44px; }\n.q{ text-align:left; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.015); border-radius:6px; padding:14px 16px; cursor:pointer; width:210px; transition:.18s; position:relative; }\n.q:hover{ border-color:rgba(250,72,220,.5); background:rgba(250,72,220,.05); }\n.q.on{ border-color:rgba(250,72,220,.9); background:rgba(250,72,220,.08); }\n.q .qt{ font-size:13px; color:#EDECEF; font-weight:500; }\n.q .qd{ margin-top:5px; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.04em; color:#7a747c; }\n.idbox{ width:230px; border:1px solid rgba(72,250,161,.35); background:rgba(72,250,161,.04); border-radius:6px; padding:13px 16px; }\n.idbox .il{ font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:#48FAA1; }\n.idbox .ih{ font-size:12.5px; color:#cfeede; margin:5px 0 11px; line-height:1.4; }\n.tog{ display:flex; border:1px solid rgba(72,250,161,.4); border-radius:999px; overflow:hidden; cursor:pointer; }\n.tog .opt{ flex:1; text-align:center; font-family:ui-monospace,Menlo,monospace; font-size:11px; padding:7px 0; color:#8fbf9f; transition:.18s; }\n.tog .opt.on{ background:#48FAA1; color:#04140b; font-weight:600; }\n@media (max-width:1040px){ .stagebox{ position:relative; top:auto; margin:120px auto 0; width:90%; height:260px; } .head{ position:relative; padding:36px 24px 0; top:auto; left:auto; } .seed{ display:none; } .legend{ position:relative; top:auto; margin-top:12px; } .controls{ position:relative; bottom:auto; margin-top:18px; } .panel{ right:1%; } }\n@media (prefers-reduced-motion:reduce){ canvas.field{ opacity:.7; } }\n`,\n render(d2){\n return ''+\n 'D and D->U\n var flow=[]; // {p:0..1, seg:0(R->D)|1(D->U), sp, c, big}\n function spawnFlow(seg,c,n,sp){ for(var i=0;i'+r[0]+''+v+'
'; }).join('');\n var verdict=restricted?'';\n var dot = here ? '' : '';\n var role = here ? 'você está aqui' : roleOf(q.name);\n return open+dot+'
';\n }).join('');\n var trabalha = ''+esc(q.name)+'
'+esc(role)+'
Trabalha com
Um nó no mesmo runtime.
'+esc(p.name)+' não roda sozinho — divide o mesmo motor, o mesmo dado e as mesmas policies com os outros sete produtos. Um sistema, não um kit.
'+flowNodes+'
Disponibilidade
Em breve.
'+esc(p.name)+' · em breve
'+esc(p.tagline||'Em construção')+'
'+esc(desc||'')+' A engenharia existe; o produto público entra na próxima rodada.
Um runtime só, do intent à produção.
'+esc(p.name)+' faz parte da plataforma — um time embarca e entrega rodando, em semanas.
A demo ao vivo está indisponível agora — o motor continua desenhado em nós e fluxos.
Rush entra · Domain decide · Connect integra
Pensando
`;\n } else {\n ans = `${esc(a.answer||'')}${a.busy?'':''}
`;\n }\n } else {\n ans = `Escolha um começo, preencha a lacuna e pergunte. Respostas reais, do runtime — não do marketing.
`;\n }\n const thinkCls = (mode==='live' && a.busy) ? 'think' : '';\n const remaining = Math.max(0, max - used);\n return `Pergunte à Data²
${chips}
${ans}
${capped?'Sessão no limite. Fale com engenharia para uma demo completa.':`Restam ${remaining} perguntas ao vivo nesta sessão · exemplos são gratuitos`}
'\n + isoTile(hue)\n + '
';\n }).join('');\n return '← Início'\n + ''+esc(c.cliente_setor)+'
'\n + ''\n + ''+lev+'
'\n + 'Ver caso →
'\n + 'Casos · alavancas reais
Não são cases. Estão no ar.
Cada um tem endereço — abra qualquer um. Dor de operação que um time embarcado resolveu sobre o runtime, com o resultado que ficou.
'+cards+'
Caso'+(ind.name_pt?' · '+esc(ind.name_pt):'')+'
'+esc(c.cliente_setor)+'
'+esc(c.desafio)+'
'+isoDiorama(hue)+'
O quadro
O problema e a virada.
Desafio
Onde doía
'+esc(c.desafio)+'
O que fizemos
A engenharia
'+esc(c.feito||'')+'
Resultado
O que ficou, em números.
'+levers+'
'+esc(p.name)+'
'+esc(roleOf(p.name))+'
No runtime
Os nós que sustentam.
Um só runtime — os produtos abaixo dividem o mesmo dado e as mesmas policies. Inferido do que a solução faz.
'+nodeHtml+'
Tem esse problema na sua operação?
Construímos com você — semanas, não trimestres.
O modelo
Como trabalhamos.
Quatro tempos. Você começa com uma dor e termina com um sistema em produção.
'\n + steps.map(function(s){ return ''; }).join('')\n + '
'+esc(s.n)+' · '+esc(s.h)+'
'+esc(s.p)+'
Prova
Já entregue em produção.
'\n + lv.map(function(m){ return ''; }).join('')\n + '
'+esc(m.valor)+(m.unidade?''+esc(m.unidade)+'':'')+'
'+esc(m.label)+'
O acordo
Construímos com você. Não pra você.
O time
Time embarcado
Sênior, dedicados, no seu problema — por sprints de 2 a 4 semanas. Não é uma fábrica de horas do outro lado do mundo.
A entrega
No ar, no seu domínio
No fim, o sistema roda no seu domínio, sob as suas regras. A plataforma sustenta o que foi construído.
Como trabalhamos
Construímos com você. Não pra você.
Semanas, não trimestres. Produção, não slides. Um time embarca no seu problema e entrega rodando em 2 a 4 semanas.
Vamos mapear onde dói.
30 minutos com a gente — sem compromisso, sem qualificação de vendas.
Como trabalhamos
Sem tabela de prateleira. Proposta sob medida.
Preço de prateleira mina o que entregamos. Escolhemos o formato pelo tamanho do problema — e o primeiro passo é sempre entender onde dói, não assinar um plano.
Modelos de engajamento
Três formatos, um método.
2 a 4 semanas
Sprint
Um squad embarca, resolve um problema fechado e entrega rodando. Ideal para tirar a primeira dor do papel — rápido.
Escopo fechado
Projeto
Um sistema inteiro, do intent à produção, com marcos claros e transferência de propriedade ao final.
Time dedicado
Embarque contínuo
Um time embarcado de forma recorrente, evoluindo a plataforma lado a lado com o seu time.
O primeiro passo
30 minutos. Mapeamos onde dói.
Sem formulário de qualificação, sem tabela. Uma conversa com engenharia para entender o problema — você sai com um caminho, e nós com o formato certo para propor.
Montar proposta.
Fale com a gente — desenhamos o formato sob medida para o seu problema.
Empresa
Enablers entre a ideia e a produção.
A Data² existe para fechar a distância entre o que um negócio imagina e o que entra em produção. Entramos como time, construímos sobre um runtime proprietário e entregamos rodando — com o dado sempre no seu domínio.
A tese
Software deveria nascer da intenção — e chegar à produção.
A maioria dos projetos morre entre o slide e o deploy. Nós invertemos isso: um time embarca e entrega rodando em semanas. O runtime sustenta; o dado nunca sai do seu domínio.
Explore
Como isso funciona na prática.
O modelo
Como trabalhamos →
Imersão, construção embarcada e produção — em semanas. Um time no seu problema, do seu lado.
As provas
Casos reais →
Alavancas medidas em seguros, CX, varejo, vendas, BI e supply — anonimizadas por setor, com o resultado que ficou.
Vamos conversar.
Conte onde dói — a gente responde.
Carreiras
Engenharia que chega à produção.
A Data² é um time que embarca no problema de um cliente e entrega sistema rodando — em semanas, sobre um runtime proprietário. Procuramos gente que resolve o negócio, não só escreve código.
Como trabalhamos
Consultoria e plataforma, na mesma mesa.
Embarcado no cliente
Dentro do time da dor
Você constrói junto de quem tem o problema, começando pelo resultado de negócio. Não é fábrica de horas do outro lado do mundo.
Um runtime só
data2-lang de ponta a ponta
Uma linguagem descreve UI, dados, fluxos e regras sobre um runtime proprietário. Menos superfície para errar, mais sistema legível.
Em produção
Seu trabalho entra no ar
No fim, o sistema roda no domínio do cliente, sob as regras dele. O que você constrói entra em produção de verdade — não morre em POC.
O que você toca
O sistema inteiro, não um fragmento.
Do primeiro diagnóstico à transferência de propriedade — você acompanha cada etapa, sem caixa-preta.
'\n + [{n:'01',h:'Intenção',p:'Entender a dor e a régua de sucesso antes de escrever a primeira linha.'},{n:'02',h:'Runtime',p:'Construir sobre Rush, Connect e Domain — o motor que sustenta o sistema.'},{n:'03',h:'Produção',p:'Colocar no ar de verdade, sob as regras do cliente, em semanas.'},{n:'04',h:'Evolução',p:'Rodando no domínio do cliente, evoluindo com o time dele.'}].map(function(s){ return ''; }).join('')\n + '
'+esc(s.n)+' · '+esc(s.h)+'
'+esc(s.p)+'
Quem procuramos
Autonomia sênior, decisão embasada.
O perfil
Engenheiro de produto
Gosta de entender o problema antes da solução. Toma decisão embasada, escreve código legível e não deixa caixa-preta para trás.
Como é o dia
Ciclos de semanas, não trimestres
Você vê o que constrói entrar em produção rápido, sob as regras de quem contratou.
Quer construir assim?
Mande uma linha sobre você e o tipo de problema que te tira o sono. Engenharia responde — sem funil de recrutamento.
Contato
Conte onde dói.
Nome, empresa e uma linha sobre o problema. A gente responde em 1 dia útil — sem funil de vendas.
Prefere e-mail direto? contato@data2.app
Recursos
Material para levar a decisão adiante.
O que você precisa para avaliar a Data² — como trabalhamos e a plataforma, na mesma conversa. Comece pelo deck; documentação e blog entram em seguida.
Para começar
Três frentes.
'\n + ''\n + ''\n + '
Deck comercial
A visão em 5 minutos
A tese inteira: um time embarcado no seu problema e um runtime proprietário que entrega rodando. O ponto de partida para levar à sua liderança.
Abrir deck →
'\n + 'Documentação
Como o runtime funciona
Referência de data2-lang, primitivos e runtimes — a razão de acreditar por baixo do resultado de negócio. Em preparação.
Em breve
Blog
Notas de engenharia
Casos, decisões de arquitetura e o que aprendemos entregando em produção. Em preparação.
Em breve
Prefere ver rodando?
Trinta minutos com a gente valem mais que qualquer PDF — e você sai com um caminho.
${REG[k].label}
`).join('');\n\n const list = rows.length ? rows.map(r=>`${esc(r[cfg.disp])||'(sem título)'}
Nenhum registro.
`;\n\n let editor = '';\n const editId = d2.state.editId;\n if (editId) {\n const rec = editId==='new' ? {} : (rows.find(r=>r._id===editId)||{});\n const flds = cfg.fields.map(([k,lbl,ty])=>{\n let v = rec[k];\n if (ty==='bool') return ``;\n if (ty==='list'){ const txt = Array.isArray(v)?v.join('\\n'):(v||''); return ``; }\n if (ty==='area') return ``;\n if (ty==='number') return ``;\n return ``;\n }).join('');\n editor = `${editId==='new'?'Novo registro':'Editar registro'}
${flds}${esc(d2.state.toast)}
` : '';\n return `\n \n
`;\n },\n mounted(d2, root){\n const cfg = ()=>REG[d2.state.tab||'home'];\n const flash = (m)=>{ d2.state.toast=m; setTimeout(()=>{ d2.state.toast=null; },1800); };\n const collect = ()=>{\n const obj={};\n d2.$$('[data-f]').forEach(el=>{\n const k=el.getAttribute('data-f'), ty=el.getAttribute('data-ty');\n if(ty==='bool') obj[k]=el.checked;\n else if(ty==='number'){ const n=parseFloat(el.value); obj[k]=isNaN(n)?null:n; }\n else if(ty==='list') obj[k]=el.value.split('\\n').map(s=>s.trim()).filter(Boolean);\n else obj[k]=el.value;\n });\n return obj;\n };\n d2.on('[data-tab]','click',(e)=>{ const el=e.target.closest('[data-tab]'); d2.setState({tab:el.getAttribute('data-tab'),editId:null}); });\n d2.on('[data-new]','click',()=>{ d2.setState({editId:'new'}); });\n d2.on('[data-edit]','click',(e)=>{ const el=e.target.closest('[data-edit]'); d2.setState({editId:el.getAttribute('data-edit')}); });\n d2.on('[data-cancel]','click',()=>{ d2.setState({editId:null}); });\n d2.on('[data-del]','click',async (e)=>{ const el=e.target.closest('[data-del]'); const id=el.getAttribute('data-del'); const ok=await d2.dialog.confirm('Excluir este registro?'); if(!ok)return; await d2.data(cfg().ref).remove(id); d2.data(cfg().ref).refresh(); flash('Registro excluído'); if(d2.state.editId===id) d2.state.editId=null; });\n d2.on('[data-save]','click',async ()=>{\n const ref=cfg().ref; const obj=collect(); const h=d2.data(ref);\n try{\n if(d2.state.editId==='new'){ await h.create(obj); }\n else { h.select(d2.state.editId); Object.entries(obj).forEach(([k,v])=>h.set(k,v)); await h.save(); }\n h.refresh(); d2.setState({editId:null}); flash('Salvo');\n }catch(err){ flash('Erro ao salvar'); d2.log('save error',err); }\n });\n }\n}"}}}}}}}},{"_id":"6a73496c0894fbd99c707b82","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"site-demo-ask","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{display:block;width:100%;height:100%}\n*{box-sizing:border-box}\n.ask{--ink-hi:#F4F6F8;--ink-mid:#A7ADB5;--ink-low:#6B7178;--action:#3A7BFF;--action-hi:#5B93FF;--verme:#E93355;--hairline:rgba(255,255,255,.10);--glass:rgba(16,19,23,.55);--mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif;\n position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--hairline);border-radius:16px;background:var(--glass);backdrop-filter:blur(22px) saturate(1.1);font-family:var(--sans);color:var(--ink-hi);overflow:hidden}\n.ask::before{content:'';position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,transparent,var(--verme),transparent);opacity:0;transition:opacity .3s}\n.ask.think::before{opacity:1;animation:sweep 1.1s cubic-bezier(.4,0,.2,1) infinite}\n@keyframes sweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}\n.hd{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-low)}\n.hd .live{width:7px;height:7px;border-radius:50%;background:var(--action);box-shadow:0 0 12px var(--action)}\n.row{display:flex;gap:8px;align-items:stretch}\n.row input{flex:1;min-width:0;background:rgba(255,255,255,.04);border:1px solid var(--hairline);border-radius:10px;padding:12px 14px;color:var(--ink-hi);font-family:var(--sans);font-size:14px;outline:none;transition:.16s}\n.row input::placeholder{color:var(--ink-low)}\n.row input:focus{border-color:var(--action);box-shadow:0 0 0 3px rgba(58,123,255,.16)}\n.row button.send{border:0;border-radius:10px;padding:0 16px;background:var(--action);color:#fff;font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;transition:.16s;white-space:nowrap}\n.row button.send:hover{background:var(--action-hi)}\n.row button.send:disabled{opacity:.5;cursor:default}\n.chips{display:flex;flex-wrap:wrap;gap:8px}\n.chip{font-family:var(--mono);font-size:11.5px;letter-spacing:.01em;color:var(--ink-mid);border:1px solid var(--hairline);background:rgba(255,255,255,.03);border-radius:999px;padding:7px 13px;cursor:pointer;transition:.16s}\n.chip:hover{color:var(--ink-hi);border-color:rgba(255,255,255,.28)}\n.chip.on{color:#fff;border-color:var(--action);background:rgba(58,123,255,.14)}\n.ansbox{position:relative;min-height:96px;border-top:1px solid var(--hairline);padding-top:14px;margin-top:2px}\n.ans{font-family:var(--sans);font-size:14.5px;line-height:1.6;color:#dfe3ea;white-space:pre-wrap}\n.ans .cur{display:inline-block;width:8px;height:16px;margin-left:2px;background:var(--verme);vertical-align:-2px;animation:blink 1s steps(2) infinite}\n@keyframes blink{50%{opacity:0}}\n.thinking{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-low)}\n.thinking .flow{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--verme),transparent);background-size:200% 100%;animation:flow 1.2s linear infinite}\n@keyframes flow{0%{background-position:200% 0}100%{background-position:-200% 0}}\n.hint{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink-low)}\n.hint b{color:var(--ink-mid)}\n.fallback{display:flex;flex-direction:column;gap:10px}\n.nf{position:relative;height:56px}\n.nf i{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;transform:translateY(-50%);background:var(--action);box-shadow:0 0 14px var(--action)}\n.nf i:nth-child(2){left:6%}.nf i:nth-child(3){left:50%;background:var(--verme);box-shadow:0 0 14px var(--verme)}.nf i:nth-child(4){left:92%;background:var(--action-hi);box-shadow:0 0 14px var(--action-hi)}\n.nf .wire{position:absolute;top:50%;height:1px;background:linear-gradient(90deg,var(--action),var(--verme),var(--action-hi));background-size:200% 100%;left:6%;right:8%;transform:translateY(-50%);animation:flow 2.2s linear infinite;opacity:.7}\n`,\n render(d2){\n const a = d2.assistant(d2.params.assistant);\n const st = d2.store(d2.params.store);\n const used = st ? (st.get('used', 0) || 0) : 0;\n const max = st ? (st.get('max', 4) || 4) : 4;\n const capped = used >= max;\n const mode = d2.state.mode || 'idle';\n const cachedIdx = d2.state.cachedIdx;\n const err = d2.state.err;\n const chips = CHIPS().map((c,i)=>``).join('');\n\n let ans = '';\n if (err) {\n ans = `CMS · data2.app
Painel de gestão · Fase 0 · edite o conteúdo do site sem código
${tabs}
\n \n ${list}\n ${editor}\n
${toast}\n ${cfg.label} · ${rows.length}
A demo ao vivo está indisponível agora — o motor continua desenhado em nós e fluxos.
\n \n
Rush entra · Domain decide · Connect integra
${esc(c.a)}
`;\n } else if (mode === 'live') {\n if (a.busy && !(a.answer||'').trim()) {\n ans = `Pensando
`;\n } else {\n ans = `${esc(a.answer||'')}${a.busy?'':''}
`;\n }\n } else {\n ans = `Escolha um exemplo abaixo ou pergunte o que a Data² faz. Respostas reais, do runtime — não do marketing.
`;\n }\n\n const thinkCls = (mode==='live' && a.busy) ? 'think' : '';\n const remaining = Math.max(0, max - used);\n return `\n
`;\n },\n mounted(d2){\n const ask = async () => {\n const el = d2.$('.in'); if(!el) return;\n const text = (el.value||'').trim(); if(!text) return;\n const st = d2.store(d2.params.store);\n const used = st ? (st.get('used', 0) || 0) : 0;\n const max = st ? (st.get('max', 4) || 4) : 4;\n if (used >= max) return;\n el.value = '';\n d2.state.err = null;\n d2.state.mode = 'live';\n if (st) st.set('used', used + 1);\n try {\n await d2.assistant(d2.params.assistant).ask(text);\n } catch(e) {\n d2.state.err = String(e && e.message || e);\n }\n };\n d2.on('.send','click', ask);\n d2.on('.in','keydown',(e)=>{ if(e.key==='Enter') ask(); });\n d2.on('.chip','click',(e)=>{\n const el = e.target.closest('.chip'); if(!el) return;\n d2.state.err = null;\n d2.state.mode = 'cached';\n d2.state.cachedIdx = +el.getAttribute('data-chip');\n });\n }\n}\nfunction CHIPS(){ return [\n { q: 'O que é a Data²?',\n a: 'A Data² é consultoria de engenharia embarcada somada a uma plataforma proprietária. Engenheiros entram no seu time por sprints de 2 a 4 semanas e entregam o sistema rodando sobre os runtimes Rush, Connect e Domain — e a plataforma continua sua quando o sprint acaba. Quer ver virar produto? Fale com engenharia.' },\n { q: 'Como funciona em contact center?',\n a: 'No contact center desenhamos a URA conversacional e o handoff humano com dossiê completo em cada transferência, sustentados pelo runtime Rush e pela camada Domain de IA. Em operação real: +100k atendimentos por dia, −85% de tickets e −50% no tempo de resolução. Veja as indústrias para o desenho completo.' },\n { q: 'Meus dados ficam comigo?',\n a: 'Ficam. O Data Framework separa DataSource de DataSet: a UI não sabe se o dado vem de tabela, de API externa ou de IA — e o dado é seu, com busca semântica nativa por cima. É own-your-data por construção. Veja os produtos para entender a plataforma.' }\n]; }\nfunction esc(s){ return String(s==null?'':s).replace(/&/g,'&').replace(//g,'>'); }\n"}},"assistant":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"assistant"}}}},"store":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"store"}}}}}}}}}},{"_id":"6a73c4251204b3d36b630673","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"tcybPUtOFmZ5EcN3hDmcA","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.stage{ position:relative; width:100%; min-height:100%; background:\n radial-gradient(120% 90% at 50% 8%, #0b0e12 0%, #060708 60%);\n color:#F4F6F8; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; overflow:hidden; }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.head{ position:relative; z-index:3; padding:44px 52px 0; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.32em;\n text-transform:uppercase; color:#6B7178; }\n.h1{ font-size:clamp(40px,6vw,84px); font-weight:600; letter-spacing:-.03em; margin:10px 0 0; line-height:.98; }\n.sub{ margin:16px 0 0; max-width:52ch; font-size:15px; line-height:1.55; color:#A7ADB5; }\n.sub b{ color:#F4F6F8; font-weight:600; }\n.stagewrap{ position:relative; z-index:2; width:100%; }\nsvg.anat{ display:block; width:100%; height:auto; }\n.hair{ stroke:rgba(255,255,255,.10); }\n.buslbl{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:10px; letter-spacing:.18em;\n text-transform:uppercase; fill:#6B7178; }\n.orglbl{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:12px; letter-spacing:.12em;\n fill:#A7ADB5; transition:fill .2s; }\n.orgrole{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:9.5px; letter-spacing:.14em;\n text-transform:uppercase; fill:#565c63; }\n.organ{ cursor:pointer; }\n.organ .core{ transition:r .25s cubic-bezier(.34,1.56,.64,1); }\n.organ .halo{ transform-box:fill-box; transform-origin:center; }\n.breathe{ animation:breathe 5.2s ease-in-out infinite; }\n@keyframes breathe{ 0%,100%{ transform:scale(.9); opacity:.42; } 50%{ transform:scale(1.12); opacity:.9; } }\n.organ:hover .orglbl{ fill:#F4F6F8; }\n.nerve{ fill:none; stroke:rgba(255,255,255,.14); stroke-width:1; }\n.tick{ stroke:rgba(255,255,255,.14); stroke-width:1; }\n.ecgwrap{ position:relative; z-index:2; padding:6px 52px 34px; }\n.ecgrow{ display:flex; align-items:center; gap:16px; }\n.ecg{ flex:1; height:34px; }\n.ecgline{ fill:none; stroke:rgba(255,255,255,.28); stroke-width:1.4;\n stroke-dasharray:8 1600; stroke-dashoffset:0; animation:ecg 3.1s linear infinite; }\n@keyframes ecg{ to{ stroke-dashoffset:-1608; } }\n.ecgtag{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:10px; letter-spacing:.16em;\n text-transform:uppercase; color:#565c63; white-space:nowrap; }\n.chip{ position:absolute; z-index:5; pointer-events:none; transform:translate(-50%,-140%);\n background:rgba(9,11,13,.94); border:1px solid rgba(255,255,255,.12); border-radius:10px;\n padding:9px 12px; opacity:0; transition:opacity .18s; max-width:230px; }\n.chip.on{ opacity:1; }\n.chip .cn{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.1em; color:#F4F6F8; }\n.chip .cd{ font-size:12px; line-height:1.4; color:#A7ADB5; margin-top:3px; }\n.legend{ position:relative; z-index:3; display:flex; gap:26px; flex-wrap:wrap; padding:0 52px 40px;\n font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.06em; color:#6B7178; }\n.legend b{ color:#A7ADB5; font-weight:400; }\n@media (max-width:760px){ .head{ padding:28px 22px 0; } .ecgwrap,.legend{ padding-left:22px; padding-right:22px; } }\n@media (prefers-reduced-motion:reduce){ .breathe,.ecgline{ animation:none; } .breathe{ opacity:.7; transform:scale(1); } }\n`,\n render(d2){\n // official palette (default / highlight / glow)\n var P = {\n rush: ['#8448FA','#DC48FA','#B048FA'],\n ui: ['#4866FA','#8448FA','#5748FA'],\n registry:['#FA4848','#F748A0','#FA4848'],\n id: ['#48FAA1','#48FAFA','#48FACE'],\n domain: ['#FA48DC','#FA4884','#FA48B0'],\n media: ['#FADC48','#BFFA48','#EBFA48'],\n cashier: ['#BFFA48','#66FA48','#92FA48'],\n connect: ['#48FAFA','#4DA4FA','#4DCFFA']\n };\n // bus geometry (viewBox 0 0 1200 460)\n var W=1200, ax=120, ay=300, bx=1080, by=250; // Rush -> Connect line\n function pt(t){ return [ax+(bx-ax)*t, ay+(by-ay)*t]; }\n // organs along the bus, in processing order\n var seq = [\n {k:'rush', t:0.00, name:'RUSH', role:'escuta · inbound', up:false, end:true,\n desc:'Escuta o mundo: webhooks, cron, e-mail, voz. O sistema reage sozinho.'},\n {k:'ui', t:0.15, name:'UI', role:'interface', up:true,\n desc:'A interface se descreve e se monta — estrutura declarativa, dado real ligado.'},\n {k:'registry',t:0.30, name:'REGISTRY',role:'catálogo · dados', up:false,\n desc:'O dado tipado, versionado — o runtime lê a si mesmo.'},\n {k:'id', t:0.45, name:'ID', role:'identidade · policy', up:true,\n desc:'A membrana de permissão: quem passa, quem é barrado. Regra em linguagem humana.'},\n {k:'domain', t:0.60, name:'DOMAIN', role:'decide · IA', up:false, big:true,\n desc:'O cérebro: a IA raciocina ao vivo e devolve uma decisão estruturada.'},\n {k:'media', t:0.75, name:'MEDIA', role:'gera imagem', up:true,\n desc:'A imaginação: imagem nascendo a partir de um prompt.'},\n {k:'cashier', t:0.90, name:'CASHIER', role:'transaciona', up:false,\n desc:'A circulação do valor: taxa, imposto, líquido — sem duplicar, sem perder.'},\n {k:'connect', t:1.00, name:'CONNECT', role:'integra · outbound', up:true, end:true,\n desc:'Alcança o mundo: APIs, PSPs, ERPs, mensagens. Em tempo real.'}\n ];\n\n var defs = 'Pergunte à Data²
\n \n \n \n
\n ${chips}
\n ${ans}
\n ${capped?'Sessão no limite. Fale com engenharia para uma demo completa.':`Restam ${remaining} perguntas ao vivo nesta sessão · exemplos são gratuitos`}
\n '+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var chip = root.querySelector('[data-chip]');\n var wrap = root.querySelector('.stagewrap');\n var svg = root.querySelector('svg.anat');\n function place(g){\n if(!chip || !svg || !wrap) return;\n var name = g.getAttribute('data-name');\n var desc = g.getAttribute('data-desc');\n var hi = g.getAttribute('data-hi');\n chip.querySelector('.cn').textContent = name;\n chip.querySelector('.cn').style.color = hi;\n chip.querySelector('.cd').textContent = desc;\n // map svg viewBox coords to wrap pixels\n var vb = svg.viewBox.baseVal;\n var rect = svg.getBoundingClientRect();\n var wrect = wrap.getBoundingClientRect();\n var gx = parseFloat(g.getAttribute('data-x'));\n var gy = parseFloat(g.getAttribute('data-y'));\n var px = (gx/vb.width)*rect.width + (rect.left - wrect.left);\n var py = (gy/vb.height)*rect.height + (rect.top - wrect.top);\n chip.style.left = px+'px';\n chip.style.top = py+'px';\n chip.classList.add('on');\n }\n var organEls = Array.prototype.slice.call(root.querySelectorAll('.organ'));\n organEls.forEach(function(g){\n var core = g.querySelector('.core');\n d2.on(g,'mouseenter', function(){\n if(core && !core.getAttribute('data-boost')){ core.setAttribute('fill', g.getAttribute('data-hi')); core.setAttribute('r', (parseFloat(core.getAttribute('r'))+3)); core.setAttribute('data-boost','1'); }\n place(g);\n });\n d2.on(g,'mouseleave', function(){\n if(core && core.getAttribute('data-boost')){ core.setAttribute('fill', g.getAttribute('data-def')); core.setAttribute('r', (parseFloat(core.getAttribute('r'))-3)); core.removeAttribute('data-boost'); }\n if(chip) chip.classList.remove('on');\n });\n });\n }\n}\n"}}}}}}}},{"_id":"6a73c7d590f4048f4429316d","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"CfY50QKVpUDAkdJS02t_6","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:640px; overflow:hidden;\n background:radial-gradient(130% 100% at 50% 40%, #0b0e12 0%, #060708 62%);\n color:#F4F6F8; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hd{ position:absolute; top:38px; left:0; right:0; text-align:center; z-index:5; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.34em; text-transform:uppercase; color:#6B7178; }\n.tt{ font-size:clamp(26px,3.4vw,42px); font-weight:600; letter-spacing:-.02em; margin:8px 0 0; }\n.tt .v{ color:#B08CFF; } .tt .c{ color:#7FE9F2; }\n.hint{ margin:10px 0 0; font-size:13px; color:#8b9199; }\n.hint b{ color:#F4F6F8; font-weight:600; }\n.core{ position:absolute; left:50%; top:48%; width:150px; height:150px; transform:translate(-50%,-50%); z-index:2; }\n.core .ring{ position:absolute; inset:0; border-radius:50%; border:1px solid rgba(255,255,255,.14); }\n.core .ring.r2{ inset:18px; border-color:rgba(255,255,255,.08); }\n.core .lens{ position:absolute; inset:38px; border-radius:50%;\n background:radial-gradient(circle at 50% 45%, rgba(180,200,255,.25), rgba(120,140,200,.04) 70%, transparent);\n transition:transform .3s, box-shadow .3s, background .3s; }\n.core.hot .lens{ transform:scale(1.18); }\n.core .lbl{ position:absolute; left:50%; bottom:-26px; transform:translateX(-50%); font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:9.5px; letter-spacing:.2em; text-transform:uppercase; color:#565c63; white-space:nowrap; }\n.pole{ position:absolute; top:48%; transform:translateY(-50%); z-index:3; text-align:center; }\n.pole.rush{ left:14%; } .pole.conn{ left:86%; }\n.orb{ width:74px; height:74px; border-radius:50%; margin:0 auto; position:relative; transition:transform .3s; }\n.orb .glow{ position:absolute; inset:-40%; border-radius:50%; opacity:.5; animation:breathe 4.6s ease-in-out infinite; }\n.orb .cap{ position:absolute; inset:24%; border-radius:50%; }\n.pole .name{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:13px; letter-spacing:.14em; margin-top:16px; }\n.pole .role{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:9.5px; letter-spacing:.18em; text-transform:uppercase; color:#565c63; margin-top:4px; }\n.rush .cap{ background:radial-gradient(circle at 40% 35%, #C9A8FF, #8448FA 60%, #5a2fb0); }\n.rush .glow{ background:radial-gradient(circle, rgba(132,72,250,.6), transparent 70%); }\n.rush .name{ color:#B08CFF; }\n.conn .cap{ background:radial-gradient(circle at 40% 35%, #BEFAFF, #48FAFA 60%, #1f9aa5); }\n.conn .glow{ background:radial-gradient(circle, rgba(72,250,250,.55), transparent 70%); }\n.conn .name{ color:#7FE9F2; }\n.spine{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; pointer-events:none; }\n@keyframes breathe{ 0%,100%{ transform:scale(.94); opacity:.4; } 50%{ transform:scale(1.12); opacity:.75; } }\n.conn-row{ position:absolute; bottom:104px; z-index:4; display:flex; gap:22px; }\n.conn-row.src{ left:8%; } .conn-row.dst{ right:8%; }\n.node{ display:flex; flex-direction:column; align-items:center; gap:9px; cursor:pointer; width:74px;\n opacity:.82; transition:opacity .2s, transform .2s; }\n.node:hover{ opacity:1; transform:translateY(-3px); }\n.node .disc{ width:52px; height:52px; border-radius:16px; display:flex; align-items:center; justify-content:center;\n font-family:ui-monospace,Menlo,monospace; font-weight:700; font-size:15px; color:#fff; position:relative;\n box-shadow:0 8px 26px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.18); }\n.node .disc::after{ content:''; position:absolute; inset:-8px; border-radius:20px; opacity:0; transition:opacity .2s; }\n.node.fire .disc::after{ opacity:.6; box-shadow:0 0 26px 4px currentColor; }\n.node .nm{ font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.06em; color:#9aa0a8; }\n.node .sub{ font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:#565c63; margin-top:-4px; }\n.tag{ position:absolute; bottom:56px; left:50%; transform:translateX(-50%) translateY(8px); z-index:6;\n font-family:ui-monospace,Menlo,monospace; font-size:12px; letter-spacing:.04em; color:#cfd3d8;\n background:rgba(9,11,13,.92); border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:8px 16px;\n opacity:0; transition:opacity .3s, transform .3s; white-space:nowrap; }\n.tag.on{ opacity:1; transform:translateX(-50%) translateY(0); }\n.tag b{ color:#7FE9F2; }\n.packet{ position:absolute; width:12px; height:12px; border-radius:50%; z-index:5; pointer-events:none;\n left:0; top:0; will-change:transform; box-shadow:0 0 18px 3px currentColor; }\n.foot{ position:absolute; bottom:34px; left:0; right:0; text-align:center; z-index:5;\n font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.05em; color:#565c63; }\n.foot b{ color:#8b9199; font-weight:400; }\n@media (prefers-reduced-motion:reduce){ .orb .glow{ animation:none; opacity:.5; } }\n`,\n render(d2){\n var src = [\n {k:'gh', nm:'GitHub', sub:'push', c:'#cfd3d8', ic:'GH', tc:'#111'},\n {k:'vtex', nm:'VTEX', sub:'pedido', c:'#F71963', ic:'V', tc:'#fff'},\n {k:'disc', nm:'Discord', sub:'comando', c:'#5865F2', ic:'D', tc:'#fff'}\n ];\n var dst = [\n {k:'hub', nm:'HubSpot', sub:'contato', c:'#FF7A59', ic:'H', tc:'#fff'},\n {k:'tw', nm:'Twilio', sub:'SMS', c:'#F22F46', ic:'T', tc:'#fff'},\n {k:'sh', nm:'Sheets', sub:'linha', c:'#34A853', ic:'S', tc:'#fff'}\n ];\n function nodeHtml(o, side){\n return ''+\n '
'+\n 'Data² · runtime
'+\n 'Anatomy
'+\n 'A maioria compra um stack. Você recebe um organismo. Oito capacidades que já nascem conectadas — um evento entra pelo Rush, atravessa o corpo, e sai pronto pelo Connect.
'+\n ''+ svg +\n '
'+\n ''+\n '
'+\n 'sinais / min'+\n ''+\n 'runtime · vivo'+\n '
'+\n 'Cor é sinal, não decoração'+\n 'Rush escuta · Connect entrega'+\n 'Domain decide com IA de verdade'+\n 'conceito simplificado — passe o mouse nos órgãos'+\n '
'+\n ''+\n '
';\n }\n return ''+\n ''+o.ic+'
'+\n ''+o.nm+'
'+o.sub+'
'+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var st = root.querySelector('.st');\n var core = root.querySelector('[data-core]');\n var tag = root.querySelector('[data-tag]');\n var spine = root.querySelector('[data-spine]');\n var pairs = { gh:{d:'tw', t:'GitHub push → Twilio SMS', ms:210},\n vtex:{d:'hub', t:'Pedido VTEX → HubSpot contato', ms:240},\n disc:{d:'sh', t:'Comando Discord → Sheets linha', ms:180} };\n function center(el){ var r=el.getBoundingClientRect(), s=st.getBoundingClientRect();\n return { x:r.left - s.left + r.width/2, y:r.top - s.top + r.height/2 }; }\n function layoutSpine(){\n if(!spine) return; var s=st.getBoundingClientRect();\n var rush=center(root.querySelector('.pole.rush .orb')); var conn=center(root.querySelector('.pole.conn .orb'));\n spine.setAttribute('x1',rush.x); spine.setAttribute('y1',rush.y);\n spine.setAttribute('x2',conn.x); spine.setAttribute('y2',conn.y);\n }\n layoutSpine();\n d2.on(window,'resize', layoutSpine);\n var busy=false;\n function tween(el, pts, durs, onSeg, done){\n var seg=0, t0=null;\n function frame(ts){ if(t0==null)t0=ts; var el0=ts-t0; var d=durs[seg];\n var k=Math.min(1, el0/d); var e=1-Math.pow(1-k,3);\n var a=pts[seg], b=pts[seg+1];\n el.style.transform='translate('+(a.x+(b.x-a.x)*e)+'px,'+(a.y+(b.y-a.y)*e)+'px)';\n if(k>=1){ seg++; t0=ts; if(onSeg)onSeg(seg); if(seg>=pts.length-1){ if(done)done(); return; } }\n requestAnimationFrame(frame);\n }\n requestAnimationFrame(frame);\n }\n function fire(srcEl){\n if(busy) return; busy=true;\n var k=srcEl.getAttribute('data-node'); var pr=pairs[k]; if(!pr){ busy=false; return; }\n var dstEl=root.querySelector('[data-node=\"'+pr.d+'\"]');\n srcEl.classList.add('fire'); if(tag)tag.classList.remove('on');\n var rush=center(root.querySelector('.pole.rush .orb'));\n var cc=center(core); var conn=center(root.querySelector('.pole.conn .orb'));\n var s=center(srcEl); var dd=center(dstEl);\n var pkt=document.createElement('div'); pkt.className='packet';\n pkt.style.color='#B08CFF'; pkt.style.background='#C9A8FF'; st.appendChild(pkt);\n pkt.style.transform='translate('+s.x+'px,'+s.y+'px)';\n var pts=[s, rush, cc, conn, dd];\n var durs=[360, 340, 300, 340];\n tween(pkt, pts, durs, function(seg){\n if(seg===2){ // reached core → flip to cyan\n core.classList.add('hot'); core.querySelector('.lens').style.boxShadow='0 0 40px 6px rgba(150,180,255,.5)';\n pkt.style.color='#7FE9F2'; pkt.style.background='#BEFAFF';\n setTimeout(function(){ core.classList.remove('hot'); core.querySelector('.lens').style.boxShadow=''; },320);\n }\n if(seg===4){ dstEl.classList.add('fire'); }\n }, function(){\n if(tag){ tag.innerHTML=pr.t+' · '+pr.ms+'ms'; tag.classList.add('on'); }\n setTimeout(function(){ pkt.remove(); srcEl.classList.remove('fire'); dstEl.classList.remove('fire'); busy=false; }, 900);\n setTimeout(function(){ if(tag)tag.classList.remove('on'); }, 4200);\n });\n }\n var nodes=Array.prototype.slice.call(root.querySelectorAll('.node[data-side=\"src\"]'));\n nodes.forEach(function(n){ d2.on(n,'click', function(){ fire(n); }); });\n }\n}\n"}}}}}}}},{"_id":"6a73c81f669cd00c34874be5","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"3DRZFNWVsMO9iXvpMk3Rt","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:660px; overflow:hidden;\n background:radial-gradient(120% 100% at 72% 42%, #140a13 0%, #060708 60%);\n color:#F4F6F8; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; display:flex; }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.left{ position:relative; z-index:3; width:min(42%,460px); padding:52px 40px; display:flex; flex-direction:column; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.34em; text-transform:uppercase; color:#8a5a86; }\n.tt{ font-size:clamp(34px,4vw,58px); font-weight:600; letter-spacing:-.025em; margin:10px 0 0; line-height:1; }\n.tt .m{ color:#FA48DC; }\n.sub{ margin:16px 0 26px; font-size:14.5px; line-height:1.55; color:#A7ADB5; max-width:34ch; }\n.chips{ display:flex; flex-direction:column; gap:9px; }\n.chip{ text-align:left; font-family:ui-monospace,Menlo,monospace; font-size:12.5px; letter-spacing:.01em;\n color:#d7c3d4; border:1px solid rgba(250,72,220,.24); background:rgba(250,72,220,.06);\n border-radius:10px; padding:11px 14px; cursor:pointer; transition:.16s; }\n.chip:hover{ border-color:rgba(250,72,220,.6); color:#fff; background:rgba(250,72,220,.12); }\n.ask{ margin-top:16px; display:flex; gap:8px; }\n.ask input{ flex:1; min-width:0; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.12);\n border-radius:10px; padding:12px 14px; color:#F4F6F8; font-family:inherit; font-size:14px; outline:none; }\n.ask input:focus{ border-color:#FA48DC; box-shadow:0 0 0 3px rgba(250,72,220,.16); }\n.ask button{ border:0; border-radius:10px; padding:0 16px; background:#FA48DC; color:#180010; font-weight:700;\n font-family:inherit; font-size:14px; cursor:pointer; }\n.ask button:disabled{ opacity:.5; cursor:default; }\n.stage{ position:relative; z-index:2; flex:1; }\n.brain{ position:absolute; inset:0; }\n.readout{ position:absolute; left:40px; bottom:34px; z-index:4; font-family:ui-monospace,Menlo,monospace;\n font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#565c63; }\n.readout b{ color:#FA48DC; font-weight:400; font-variant-numeric:tabular-nums; }\n.card{ position:absolute; right:44px; top:50%; width:min(40%,380px); transform:translateY(-50%) translateX(16px);\n z-index:4; background:rgba(16,8,15,.92); border:1px solid rgba(250,72,220,.3); border-radius:14px;\n padding:20px 22px; opacity:0; transition:opacity .4s, transform .4s; pointer-events:none;\n box-shadow:0 30px 80px rgba(0,0,0,.6), 0 0 40px rgba(250,72,220,.12); }\n.card.on{ opacity:1; transform:translateY(-50%) translateX(0); }\n.card .ch{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.24em; text-transform:uppercase; color:#c26db8; }\n.card .cq{ font-size:13px; color:#8b9199; margin:4px 0 12px; line-height:1.4; }\n.card .body{ font-size:14.5px; line-height:1.6; color:#EbdcE8; white-space:pre-wrap; min-height:40px; }\n.card .cur{ display:inline-block; width:8px; height:15px; background:#FA48DC; vertical-align:-2px; margin-left:2px; animation:bl 1s steps(2) infinite; }\n@keyframes bl{ 50%{ opacity:0; } }\n.status{ position:absolute; right:44px; top:50%; transform:translateY(-50%); z-index:4;\n font-family:ui-monospace,Menlo,monospace; font-size:12px; letter-spacing:.2em; text-transform:uppercase;\n color:#8a5a86; opacity:0; transition:opacity .3s; }\n.status.on{ opacity:1; }\n@media (max-width:820px){ .st{ flex-direction:column; } .left{ width:100%; padding:34px 24px 12px; } .stage{ min-height:360px; } .card{ position:relative; right:auto; top:auto; transform:none; width:auto; margin:14px 24px 24px; } .card.on{ transform:none; } .status{ right:auto; left:24px; } }\n@media (prefers-reduced-motion:reduce){ .fil{ transition:none !important; } }\n`,\n render(d2){\n var chips = [\n 'Quais clientes têm risco de sair?',\n 'Devo aprovar este pedido de crédito?',\n 'Para qual fila roteio este chamado?'\n ];\n return ''+\n 'Data² · dupla
'+\n 'Rush escuta · Connect entrega
'+\n 'Um barramento só. Clique num conector e veja o evento entrar, virar decisão e sair — inbound→outbound.
'+\n 'RUSH
escuta · inbound
runtime · decide
CONNECT
integra · outbound
'+src.map(function(o){return nodeHtml(o,'src');}).join('')+'
'+\n ''+dst.map(function(o){return nodeHtml(o,'dst');}).join('')+'
'+\n ''+\n 'por aqui a Data² conecta com qualquer coisa — o mesmo conector escuta (Rush) e entrega (Connect)
'+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var brain=root.querySelector('[data-brain]'), card=root.querySelector('[data-card]');\n var body=root.querySelector('[data-body]'), cq=root.querySelector('[data-cq]');\n var status=root.querySelector('[data-status]'), readout=root.querySelector('[data-readout]');\n var input=root.querySelector('.qin'), go=root.querySelector('.go');\n var raf=null, busy=false;\n // build a radial filament tree once (seed at center-left of stage)\n var CX=210, CY=300, N=9, fils=[];\n var svgns='http://www.w3.org/2000/svg';\n (function build(){\n for(var i=0;i'+\n '
'+\n 'Data² · domain · decide
'+\n 'A IA que decide.
'+\n 'Não é chat. É o motor de decisão do runtime raciocinando ao vivo e devolvendo uma resposta estruturada — de verdade, agora.
'+\n ''+chips.map(function(c){return '';}).join('')+'
'+\n ''+\n ''+\n ''+\n ''+\n '
'+\n 'raciocinando…
'+\n 'Decisão
runtime · ocioso
'+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var rowsEl=root.querySelector('[data-rows]');\n var dsEl=root.querySelector('[data-ds]'), dsName=root.querySelector('[data-dsname]');\n var recn=root.querySelector('[data-recn]'), fnEl=root.querySelector('[data-fn]');\n var scan=root.querySelector('[data-scan]'), hint=root.querySelector('[data-hint]');\n var DS='cms-productsDataSet';\n function getRecs(){\n try{ var h = d2.data ? d2.data(DS) : null; if(h && h.records){ var r=h.records()||[]; if(r.length) return r; } }catch(e){}\n // fallback demo rows (typed like the real table)\n return [\n {key:'ui', name:'UI', tagline:'a interface se descreve', accent:'#4866FA', status:'ativo', ordem:1},\n {key:'registry', name:'REGISTRY', tagline:'o catálogo do dado', accent:'#FA4848', status:'ativo', ordem:2},\n {key:'id', name:'ID', tagline:'identidade e policy', accent:'#48FAA1', status:'ativo', ordem:3},\n {key:'media', name:'MEDIA', tagline:'gera imagem', accent:'#FADC48', status:'ativo', ordem:4},\n {key:'domain', name:'DOMAIN', tagline:'decide com IA', accent:'#FA48DC', status:'ativo', ordem:5},\n {key:'rush', name:'RUSH', tagline:'escuta o mundo', accent:'#8448FA', status:'ativo', ordem:6},\n {key:'cashier', name:'CASHIER', tagline:'transaciona valor', accent:'#BFFA48', status:'em-breve', ordem:7},\n {key:'connect', name:'CONNECT', tagline:'integra com tudo', accent:'#48FAFA', status:'ativo', ordem:8}\n ];\n }\n function typeOf(v){\n if(typeof v==='number') return 'numero';\n if(typeof v==='boolean') return 'bool';\n if(Array.isArray(v)) return 'lista';\n if(typeof v==='string' && /^#[0-9a-f]{3,8}$/i.test(v.trim())) return 'cor';\n return 'texto';\n }\n var recs=getRecs();\n var HIDE={_id:1, id:1, createdAt:1, updatedAt:1, __v:1, publico:1};\n var fields=[];\n if(recs[0]) Object.keys(recs[0]).forEach(function(k){ if(!HIDE[k]) fields.push(k); });\n fields=fields.slice(0,7);\n dsEl.textContent=DS; dsName.textContent=DS;\n fnEl.textContent=fields.length;\n // build rows\n fields.forEach(function(f){\n var vals=recs.map(function(r){return r[f];}).filter(function(v){return v!==undefined&&v!==null&&v!=='';});\n var ty=typeOf(vals.length?vals[0]:'');\n var sample=vals.slice(0,3).map(function(v){return String(v);}).join(' · ') || '—';\n var row=document.createElement('div'); row.className='row'; row.setAttribute('data-f',f);\n row.innerHTML=''+\n '
'+\n 'Data² · registry · dados
'+\n 'O dado que se conhece.
'+\n 'O runtime lê a própria estrutura: cada campo tipado, cada registro real atracando no seu lugar. Não é um banco — é acesso versionado ao dado.
'+\n ''+\n 'montando o schema…
'+\n ''+\n '
schema
'+\n ''+\n ''+\n 'DataSet = acesso ao dado, tipado e vivo — o runtime introspecta a si mesmo
'+\n ''+f+'
'+\n ''+ty+'
'+\n ''+f+' · '+ty+'
'+sample.replace(/
';\n rowsEl.appendChild(row);\n });\n var rowEls=Array.prototype.slice.call(rowsEl.querySelectorAll('.row'));\n // boot: scan + rows materialize + count up records\n function boot(){\n if(scan) scan.classList.add('run');\n rowEls.forEach(function(r,i){ setTimeout(function(){ r.classList.add('in'); }, 240 + i*140); });\n var target=recs.length, c=0, per=Math.max(1, Math.round(target/24));\n var iv=setInterval(function(){ c=Math.min(target, c+per); recn.textContent=c; if(c>=target){ clearInterval(iv); hint.textContent='schema vivo · passe o mouse num campo'; } }, 40);\n }\n // run when visible\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ boot(); io.disconnect(); } }); }, {threshold:.25});\n io.observe(root.querySelector('.crystal'));\n // hover revalidate flash on the type badge\n rowEls.forEach(function(r){\n d2.on(r,'mouseenter', function(){ var b=r.querySelector('.ty'); if(b){ b.style.transition='transform .2s'; b.style.transform='scale(1.12)'; } });\n d2.on(r,'mouseleave', function(){ var b=r.querySelector('.ty'); if(b){ b.style.transform=''; } });\n });\n }\n}\n"}}}}}}}},{"_id":"6a73cd0ed5c61d2c1c9a61f6","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"ZPmaVqg9xb19663vcgCpN","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:680px; overflow:hidden;\n background:radial-gradient(70% 70% at 62% 46%, #1a0a17 0%, #0a0509 46%, #060708 100%);\n color:#F4F6F8; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.field{ position:absolute; inset:0; width:100%; height:100%; display:block; z-index:1; }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay; z-index:2;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.copy{ position:absolute; top:52px; left:56px; z-index:4; max-width:36ch; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.34em; text-transform:uppercase; color:#a15a99; }\n.h1{ font-size:clamp(38px,4.4vw,66px); font-weight:600; letter-spacing:-.03em; line-height:.98; margin:12px 0 0; }\n.h1 .m{ background:linear-gradient(90deg,#FA48DC,#FA4884); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }\n.sub{ margin:18px 0 0; font-size:15px; line-height:1.6; color:#b9adb6; max-width:34ch; }\n.sub b{ color:#F4F6F8; font-weight:600; }\n.modes{ position:absolute; left:56px; bottom:120px; z-index:4; display:flex; flex-wrap:wrap; gap:10px; max-width:360px; }\n.mode{ font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase;\n color:#c99ac3; border:1px solid rgba(250,72,220,.28); background:rgba(250,72,220,.05); border-radius:999px;\n padding:7px 13px; cursor:pointer; transition:.18s; }\n.mode:hover,.mode.on{ color:#fff; border-color:rgba(250,72,220,.75); background:rgba(250,72,220,.16); box-shadow:0 0 20px rgba(250,72,220,.25); }\n.imgwrap{ position:absolute; right:60px; top:96px; z-index:4; width:190px; }\n.imgcap{ font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:#a15a99; margin-bottom:8px; display:flex; justify-content:space-between; }\ncanvas.img{ width:190px; height:190px; border-radius:14px; border:1px solid rgba(250,72,220,.28); display:block;\n box-shadow:0 20px 50px rgba(0,0,0,.5), 0 0 30px rgba(250,72,220,.12); }\n.voice{ position:absolute; right:60px; bottom:120px; z-index:4; width:230px; }\n.vcap{ font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:#a15a99; margin-bottom:8px; }\ncanvas.wave{ width:230px; height:56px; display:block; }\n.readout{ position:absolute; left:0; right:0; bottom:38px; z-index:4; text-align:center;\n font-family:ui-monospace,Menlo,monospace; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:#6b5a68; }\n.readout b{ color:#FA48DC; font-weight:400; font-variant-numeric:tabular-nums; }\n.readout .sep{ color:#3a2f38; margin:0 12px; }\n@media (max-width:900px){ .imgwrap,.voice{ position:relative; right:auto; top:auto; bottom:auto; display:inline-block; margin:14px 0 0 56px; } .modes{ position:relative; left:56px; bottom:auto; margin-top:16px; } .copy{ position:relative; top:auto; left:auto; padding:40px 24px 0; margin:0; } canvas.field{ opacity:.5; } }\n@media (prefers-reduced-motion:reduce){ canvas.field{ opacity:.7; } }\n`,\n render(d2){\n return ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]');\n var field=root.querySelector('[data-field]'), img=root.querySelector('[data-img]'), wave=root.querySelector('[data-wave]');\n var tps=root.querySelector('[data-tps]'), lat=root.querySelector('[data-lat]'), imgpct=root.querySelector('[data-imgpct]');\n var fctx=field.getContext('2d'), ictx=img.getContext('2d'), wctx=wave.getContext('2d');\n var reduce = (typeof window!=='undefined' && window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2, (window.devicePixelRatio||1));\n var W=0,H=0,CX=0,CY=0;\n function size(){\n var r=st.getBoundingClientRect(); W=r.width; H=r.height; CX=W*0.62; CY=H*0.48;\n field.width=W*DPR; field.height=H*DPR; fctx.setTransform(DPR,0,0,DPR,0,0);\n }\n size(); d2.on(window,'resize', size);\n\n // ---- token torrent ----\n var toks=[], MAX=reduce?60:320, hueBase=320; // magenta-ish\n function spawn(n){ for(var i=0;i'+\n '
'+\n 'Data² · domain · inteligência
'+\n 'A mente do runtime.
'+\n 'Texto, voz, imagem e visão — um só motor que raciocina a ~2.000 tokens/s, decide e responde. Não é um chatbot: é a inteligência embutida na operação.
'+\n ''+\n ['Texto','Voz in/out','Imagem','Visão','Decisão','Embeddings','Streaming'].map(function(m,i){return ''+m+'';}).join('')+\n '
'+\n 'gerando imagem0%
voz · entrada / saída
2000 tokens/s·18ms latência·7 modalidades vivas
'+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), field=root.querySelector('[data-field]');\n var img=root.querySelector('[data-img]'), wave=root.querySelector('[data-wave]');\n var tps=root.querySelector('[data-tps]'), lat=root.querySelector('[data-lat]'), imgpct=root.querySelector('[data-imgpct]');\n var fx=field.getContext('2d'), ix=img.getContext('2d'), wx=wave.getContext('2d');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2,(window.devicePixelRatio||1));\n var W=0,H=0,CX=0,CY=0;\n function size(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; CX=W*0.60; CY=H*0.50;\n field.width=W*DPR; field.height=H*DPR; fx.setTransform(DPR,0,0,DPR,0,0); }\n size(); d2.on(window,'resize',size);\n\n // 3 depth layers of tokens: far(dim,slow,small) mid near(bright,fast,big)\n var P=[], CAP=reduce?90:640;\n function spawn(n){ for(var i=0;i'+\n '
'+\n 'Data² · domain · inteligência
'+\n 'A mente do runtime.
'+\n 'Um só motor: texto, voz, imagem e visão. Raciocina a ~2.000 tokens/s, decide e responde — inteligência embutida na operação, não um chatbot.
'+\n ''+\n ['Texto','Voz in/out','Imagem','Visão','Decisão','Embeddings','Streaming'].map(function(m,i){return ''+m+'';}).join('')+\n '
'+\n 'gerando · visão0%
voz · entrada / saída
2000 tokens/s·18ms·7 modalidades vivas
'+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), field=root.querySelector('[data-field]');\n var nEl=root.querySelector('[data-n]'), rateEl=root.querySelector('[data-rate]'), clEl=root.querySelector('[data-clusters]');\n var fx=field.getContext('2d');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2,(window.devicePixelRatio||1));\n var W=0,H=0,CX=0,CY=0;\n function size(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; CX=W*0.60; CY=H*0.50;\n field.width=W*DPR; field.height=H*DPR; fx.setTransform(DPR,0,0,DPR,0,0); }\n size(); d2.on(window,'resize',size);\n\n // typed clusters (color by type) — the disc is composed of these\n var TYPES=[ {k:'clientes', c:[250,72,72], big:'2.1M'}, {k:'eventos', c:[247,72,160], big:'48M'},\n {k:'pedidos', c:[255,138,61], big:'6.7M'}, {k:'produtos', c:[250,220,72], big:'12k'},\n {k:'mensagens', c:[176,72,250], big:'19M'} ];\n clEl.innerHTML=TYPES.map(function(t){ return ''+\n '
'+\n 'Data² · registry · dados
'+\n 'Milhões, e cada um tipado.
'+\n 'O runtime lê a própria memória: milhões de registros vivos, tipados e versionados, indexados em tempo real. Não é um banco — é acesso.
'+\n '1.240.000
registros indexados · +0/s
tipado, vivo, em escala — o dado que se conhece
'+\n ''+t.k+' · '+t.big+'
'; }).join('');\n\n // build a dense data-disc: points with orbit radius/angle, differential rotation, arrival tween\n var N=reduce?260:2300; var pts=[];\n var maxR=Math.min(W,H)*0.42;\n for(var i=0;i'+\n '
'+\n 'Data² · domain · inteligência
'+\n 'A mente do runtime.
'+\n 'Um só motor multimodal. Clique numa capacidade — cada uma acontece de verdade, ao vivo.
'+\n ''+\n '
'+\n 'DECISÃOdecide
'+\n ''+\n '
2000 tokens/s · 18ms · multimodal
'+\n ''+ M.map(function(m,i){return ''+m[0]+'';}).join('') +'
'+\n '')+''; if(i>=full.length){clearInterval(iv); tw.innerHTML=full.replace(/\\\\n/g,'
'); } }, 26); },\n draw:null},\n voz:{t:'VOZ', d:'fala entra · fala sai', run:function(){ ov.innerHTML=\n '
▸ entrada · \"Cadê meu pedido 8421?\"
'+\n '\"Sai amanhã 14h — rastreio enviado.\"
';\n setTimeout(function(){ if(active==='voz') ov.querySelector('[data-b1]').classList.add('show'); },200);\n setTimeout(function(){ if(active==='voz') ov.querySelector('[data-b2]').classList.add('show'); },1400); },\n draw:function(t){ // waveform strip bottom\n var y=SH*0.74; sx.clearRect(0,SH*0.5,SW,SH*0.5); sx.beginPath();\n for(var x=0;x<=SW;x+=6){ var e=Math.sin(x*0.02+t*0.006)*0.5+Math.sin(x*0.05-t*0.009)*0.3; var amp=54*(0.4+0.6*Math.abs(Math.sin(t*0.002+x*0.002))); if(x===0)sx.moveTo(x,y+e*amp); else sx.lineTo(x,y+e*amp); }\n var gr=sx.createLinearGradient(0,0,SW,0); gr.addColorStop(0,'rgba(250,72,220,.3)'); gr.addColorStop(.5,'#FA48DC'); gr.addColorStop(1,'rgba(77,207,250,.7)'); sx.strokeStyle=gr; sx.lineWidth=2.4; sx.stroke(); }},\n imagem:{t:'IMAGEM', d:'gera', run:function(){ ov.innerHTML='prompt: \"frasco de perfume, luz suave\"
'; imgT=0; },\n draw:function(t,dt){ imgFrame(dt); }},\n visao:{t:'VISÃO', d:'entende a imagem', run:function(){ ov.innerHTML=''; visT=0; visTags=[\n {x:0.30,y:0.30,w:0.4,h:0.22,l:'nota fiscal',c:'#FA48DC',at:0.4},\n {x:0.34,y:0.56,w:0.26,h:0.10,l:'R$ 1.240,00',c:'#48FAA1',at:1.0},\n {x:0.60,y:0.70,w:0.28,h:0.09,l:'CNPJ 12.345…',c:'#4DA4FA',at:1.6}];\n visTags.forEach(function(tg,i){ var el=document.createElement('div'); el.className='tag2'; el.style.borderColor=tg.c; el.style.color=tg.c; el.textContent=tg.l; el.setAttribute('data-vt',i); ov.appendChild(el); }); },\n draw:function(t,dt){ visFrame(dt); }},\n decisao:{t:'DECISÃO', d:'decide', run:function(){ ov.innerHTML=''; decT=0; filInit();\n var full='› cruzando 5 sinais…\\\\n› regra auditável aplicada\\\\n\\\\nDECISÃO: aprovar com limite R$ 8k'; var el=ov.querySelector('[data-dw]'); var i=0;\n var iv=setInterval(function(){ if(active!=='decisao'){clearInterval(iv);return;} i++; el.innerHTML=full.slice(0,i).replace(/\\\\n/g,'')+''; if(i>=full.length){clearInterval(iv); el.innerHTML=full.replace(/\\\\n/g,'
');} }, 24); },\n draw:function(t){ filDraw(t); }},\n embeddings:{t:'EMBEDDINGS', d:'significado', run:function(){ ov.innerHTML=''; embInit(); },\n draw:function(t){ embDraw(t); }},\n streaming:{t:'STREAMING', d:'tempo real', run:function(){ ov.innerHTML='
0
'; streamN=0; },\n draw:function(t,dt){ streamDraw(t,dt); }}\n };\n\n // -- shared stage sub-visuals --\n var imgT=0;\n function imgFrame(dt){ imgT+=dt; var cyc=3200; var p=(imgT%cyc)/cyc; var S=SW; var res=Math.max(6,Math.round(6+(1-p)*70)); var cell=Math.ceil(S/Math.ceil(S/res)); var SHh=SH;\n for(var y=0;y'+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), field=root.querySelector('[data-field]');\n var nEl=root.querySelector('[data-n]'), rateEl=root.querySelector('[data-rate]'), clEl=root.querySelector('[data-clusters]'), artEl=root.querySelector('[data-art]');\n var fx=field.getContext('2d');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2,(window.devicePixelRatio||1)); var W=0,H=0,CX=0,CY=0,maxR=1;\n function size(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; CX=W*0.60; CY=H*0.50; maxR=Math.min(W,H)*0.42;\n field.width=W*DPR; field.height=H*DPR; fx.setTransform(DPR,0,0,DPR,0,0); }\n size(); d2.on(window,'resize',size);\n\n var TYPES=[ {k:'clientes',c:[250,72,72],big:'2.1M'},{k:'eventos',c:[247,72,160],big:'48M'},\n {k:'pedidos',c:[255,138,61],big:'6.7M'},{k:'produtos',c:[250,220,72],big:'12k'},{k:'mensagens',c:[176,72,250],big:'19M'} ];\n clEl.innerHTML=TYPES.map(function(t){ return ''+\n '
'+\n 'Data² · registry · dados
'+\n 'Milhões — e o runtime os organiza.
'+\n 'Milhões de registros vivos e tipados. E o runtime não só guarda: estrutura — cadastros, registros, transações, telas nascem do dado.
'+\n '1.240.000
registros indexados · +0/s
do dado bruto ao usável — em escala
'+\n ''+t.k+' · '+t.big+'
'; }).join('');\n\n var N=reduce?260:2400, pts=[];\n for(var i=0;inome
Marina A. Duarte
e-mail
marina@acme.co
região
Sudeste
idEVT-90418
tipocheckout.ok
cliente#2.481
quandoagora
'},\n {ac:'#FF8A3D', title:'transação', html:'valorR$ 1.240,00
taxaR$ 37,20
líquidoR$ 1.202,80
✓ liquidado · idempotente
'},\n {ac:'#FADC48', title:'tabela · produtos', html:''+Array.from({length:9}).map(function(_,i){return '
=0?' hot':'')+'\">
';}).join('')+'12.480 linhas · 6 campos
'},\n {ac:'#B048FA', title:'tela · painel', html:'gerado do dado · ao vivo
'}\n ];\n var ai=0, emT=0, emPhase='gap', emShown=false;\n function buildArt(a){ artEl.style.setProperty('--ac',a.ac); artEl.innerHTML=''+a.title+'auto
'+a.html; }\n function emStep(dt){\n emT+=dt;\n if(emPhase==='gap'){ if(emT>900){ emPhase='in'; emT=0; buildArt(ARTS[ai]); requestAnimationFrame(function(){ artEl.classList.add('show'); }); } }\n else if(emPhase==='in'){ if(emT>3400){ emPhase='out'; emT=0; artEl.classList.remove('show'); } }\n else if(emPhase==='out'){ if(emT>560){ emPhase='gap'; emT=0; ai=(ai+1)%ARTS.length; } }\n }\n\n var raf=null,last=performance.now(),run=true,rate=0,tstart=performance.now();\n function loop(t){ if(!run)return; var dt=Math.min(50,t-last); last=t; var age=(t-tstart)/1000;\n fx.globalCompositeOperation='source-over'; fx.fillStyle='rgba(6,4,5,0.34)'; fx.fillRect(0,0,W,H);\n fx.globalCompositeOperation='lighter';\n var g=fx.createRadialGradient(CX,CY,0,CX,CY,maxR*0.7); g.addColorStop(0,'rgba(250,72,72,0.22)'); g.addColorStop(.5,'rgba(250,72,72,0.06)'); g.addColorStop(1,'rgba(250,72,72,0)');\n fx.fillStyle=g; fx.beginPath(); fx.arc(CX,CY,maxR*0.9,0,6.2832); fx.fill();\n scanR+=dt*0.16; if(scanR>maxR*1.12) scanR=0;\n for(var i=0;i'+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), field=root.querySelector('[data-field]'), stage=root.querySelector('[data-stage]'), ov=root.querySelector('[data-ov]');\n var tps=root.querySelector('[data-tps]'), lat=root.querySelector('[data-lat]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2,(window.devicePixelRatio||1));\n var fx=field.getContext('2d'), sx=stage.getContext('2d');\n var W=0,H=0,SCX=0,SCY=0, SW=1520,SH=600; // stage internal\n function size(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; field.width=W*DPR; field.height=H*DPR; fx.setTransform(DPR,0,0,DPR,0,0);\n var sr=stage.getBoundingClientRect(); SCX=SW/2; SCY=SH/2; }\n size(); d2.on(window,'resize',size);\n\n // ambient omnidirectional corona on the field, centered under the stage\n var P=[], CAP=reduce?70:300; var fcx=0,fcy=0;\n function fieldCenter(){ var sr=stage.getBoundingClientRect(), r=st.getBoundingClientRect(); fcx=sr.left-r.left+sr.width/2; fcy=sr.top-r.top+sr.height/2; }\n function ambient(t){ fieldCenter();\n fx.globalCompositeOperation='source-over'; fx.fillStyle='rgba(6,4,7,0.30)'; fx.fillRect(0,0,W,H);\n fx.globalCompositeOperation='lighter';\n var pulse=0.5+0.5*Math.sin(t*0.0015);\n var g=fx.createRadialGradient(fcx,fcy,0,fcx,fcy,220+pulse*40); g.addColorStop(0,'rgba(250,72,220,'+(0.16+pulse*0.10)+')'); g.addColorStop(.5,'rgba(176,72,250,0.05)'); g.addColorStop(1,'rgba(176,72,250,0)');\n fx.fillStyle=g; fx.beginPath(); fx.arc(fcx,fcy,260,0,6.2832); fx.fill();\n if(!reduce){ for(var k=0;k<3;k++){ if(P.lengthData² · domain · inteligência
'+\n 'A mente do runtime
'+\n 'Um só motor multimodal. Escolha uma capacidade — ela acontece no centro.
'+\n '
2000 tokens/s · 18ms · multimodal · sempre ligado
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
▸
Decisão · risco de churn
Reter o cliente — agir hoje.
• uso caiu 38% em 30d
• 2 chamados sem resposta
• LTV alto, custo de retenção baixo
• 2 chamados sem resposta
• LTV alto, custo de retenção baixo
'; ov.appendChild(c);\n setTimeout(function(){ if(active==='decisao'){ c.classList.add('show'); c.querySelector('.conf i').style.width='86%'; } },700); },\n draw:function(t){ filDraw(t); } },\n voz:{ enter:function(){ clearOv(); aT=0; ov.innerHTML='
▸ \"Cadê meu pedido 8421?\"
\"Sai amanhã 14h — rastreio enviado.\"
';\n setTimeout(function(){ if(active==='voz') ov.querySelector('.bub.in').classList.add('show'); },300);\n setTimeout(function(){ if(active==='voz') ov.querySelector('.bub.out').classList.add('show'); },1500); },\n draw:function(t){ var y=SCY+150; sx.beginPath(); for(var x=SCX-360;x<=SCX+360;x+=6){ var e=Math.sin(x*0.02+t*0.006)*0.5+Math.sin(x*0.05-t*0.009)*0.3; var amp=40*(0.4+0.6*Math.abs(Math.sin(t*0.002+x*0.002))); if(x===SCX-360)sx.moveTo(x,y+e*amp); else sx.lineTo(x,y+e*amp);} var gr=sx.createLinearGradient(SCX-360,0,SCX+360,0); gr.addColorStop(0,'rgba(250,72,220,.3)');gr.addColorStop(.5,'#FA48DC');gr.addColorStop(1,'rgba(77,207,250,.7)'); sx.strokeStyle=gr; sx.lineWidth=2.4; sx.stroke(); } },\n imagem:{ enter:function(){ clearOv(); imgT=0; ov.innerHTML='prompt: \"frasco de perfume, luz suave\"
'; },\n draw:function(t,dt){ imgT+=dt; var cyc=3200; var p=(imgT%cyc)/cyc; var bx=SCX-150,by=SCY-150,BS=300; var res=Math.max(6,Math.round(6+(1-p)*64)); var cell=Math.ceil(BS/Math.ceil(BS/res));\n for(var y=0;y'+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), field=root.querySelector('[data-field]'), stage=root.querySelector('[data-stage]'), ov=root.querySelector('[data-ov]');\n var ctEl=root.querySelector('[data-ct]'), csEl=root.querySelector('[data-cs]'), tps=root.querySelector('[data-tps]'), lat=root.querySelector('[data-lat]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2,(window.devicePixelRatio||1));\n var fx=field.getContext('2d'), sx=stage.getContext('2d');\n var W=0,H=0,SW=1400,SH=660,SCX=700,SCY=330;\n function size(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; field.width=W*DPR; field.height=H*DPR; fx.setTransform(DPR,0,0,DPR,0,0); }\n size(); d2.on(window,'resize',size);\n var fcx=0,fcy=0; function fc(){ var sr=stage.getBoundingClientRect(), r=st.getBoundingClientRect(); fcx=sr.left-r.left+sr.width/2; fcy=sr.top-r.top+sr.height/2; }\n\n // ambient: extremely restrained — sparse slow motes + very faint field glow (no bloom orb)\n var motes=[]; if(!reduce){ for(var i=0;i<46;i++) motes.push({a:Math.random()*6.28, r:60+Math.random()*230, sp:(Math.random()<0.5?-1:1)*(0.00006+Math.random()*0.00013), z:Math.random()}); }\n function ambient(t){ fc();\n fx.clearRect(0,0,W,H);\n var g=fx.createRadialGradient(fcx,fcy,0,fcx,fcy,300); g.addColorStop(0,'rgba(250,72,220,0.05)'); g.addColorStop(.6,'rgba(120,60,140,0.015)'); g.addColorStop(1,'rgba(0,0,0,0)');\n fx.fillStyle=g; fx.beginPath(); fx.arc(fcx,fcy,300,0,6.2832); fx.fill();\n motes.forEach(function(m){ m.a+=m.sp*16; var x=fcx+Math.cos(m.a)*m.r, y=fcy+Math.sin(m.a)*m.r*0.5; fx.beginPath(); fx.arc(x,y,0.8+m.z,0,6.28); fx.fillStyle='rgba(220,180,215,'+(0.06+m.z*0.12)+')'; fx.fill(); });\n }\n\n // instrument reticle on the stage canvas (precise, hairline, respectable — NOT a glowing orb)\n function reticle(t){\n sx.strokeStyle='rgba(255,255,255,0.07)'; sx.lineWidth=1;\n [130,210,300].forEach(function(r){ sx.beginPath(); sx.arc(SCX,SCY,r,0,6.2832); sx.stroke(); });\n // ticks on outer ring\n for(var i=0;i<72;i++){ var a=i/72*6.2832; var r0=300,r1=(i%6===0)?288:294; sx.beginPath(); sx.moveTo(SCX+Math.cos(a)*r0,SCY+Math.sin(a)*r0); sx.lineTo(SCX+Math.cos(a)*r1,SCY+Math.sin(a)*r1); sx.strokeStyle='rgba(255,255,255,'+(i%6===0?0.12:0.05)+')'; sx.stroke(); }\n // crosshair\n sx.strokeStyle='rgba(255,255,255,0.05)'; sx.beginPath(); sx.moveTo(SCX-300,SCY); sx.lineTo(SCX+300,SCY); sx.moveTo(SCX,SCY-300); sx.lineTo(SCX,SCY+300); sx.stroke();\n // slow magenta sweep arc (the only 'alive' accent)\n var a0=t*0.0004; sx.beginPath(); sx.arc(SCX,SCY,210,a0,a0+0.5); sx.strokeStyle='rgba(250,72,220,0.5)'; sx.lineWidth=1.5; sx.stroke();\n }\n\n var active=null, aT=0, imgT=0, visTags=[], emb=[], stoks=[], streamN=0, fils=[];\n function clearOv(){ ov.innerHTML=''; }\n var CAPS={ decisao:'Você pergunta em linguagem de negócio; o runtime cruza os sinais, decide e mostra o raciocínio por trás.',\n voz:'A fala entra, é entendida, e a resposta sai falada — atendimento e comandos, em segundos.',\n imagem:'Do texto ao visual: uma imagem é sintetizada sob demanda, dentro do runtime.',\n visao:'Uma nota fiscal vira dados tipados; uma foto vira informação estruturada e decisão.',\n embeddings:'O significado vira vetor — o runtime encontra pelo sentido, não pela palavra exata.',\n streaming:'A resposta começa a aparecer token a token, antes mesmo de terminar de pensar.' };\n var DEMOS={\n decisao:{ enter:function(){ clearOv(); filInit(); var c=document.createElement('div'); c.className='dcard mono';\n c.innerHTML='Data² · domain
'+\n 'A mente do runtime
'+\n 'Um motor de inteligência embutido na operação — texto, voz, imagem, visão. Escolha uma capacidade abaixo; ela é executada no centro.
core · d2-domain
seed 0x9F·A4E1
estado · nominal
'+\n 'seed 0x9F·A4E1
estado · nominal
'+\n '
Decisão
2000 tok/s · 18ms · janela 128k · multimodal
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
Decisão · risco de churn
Reter o cliente — agir hoje.
— uso caiu 38% em 30 dias
— 2 chamados abertos sem resposta
— LTV alto · custo de retenção baixo
— 2 chamados abertos sem resposta
— LTV alto · custo de retenção baixo
confiança86%
';\n ov.appendChild(c); setTimeout(function(){ if(active==='decisao'){ c.classList.add('show'); c.querySelector('.conf i').style.width='86%'; } },500); },\n draw:function(t){ filDraw(t); } },\n voz:{ enter:function(){ clearOv(); ov.innerHTML='▸ \"Cadê meu pedido 8421?\"
\"Sai amanhã às 14h — rastreio enviado.\"
';\n setTimeout(function(){ if(active==='voz') ov.querySelector('.bub.in').classList.add('show'); },350); setTimeout(function(){ if(active==='voz') ov.querySelector('.bub.out').classList.add('show'); },1500); },\n draw:function(t){ var y=SCY+120; sx.beginPath(); for(var x=SCX-260;x<=SCX+260;x+=5){ var e=Math.sin(x*0.02+t*0.005)*0.5+Math.sin(x*0.05-t*0.008)*0.3; var amp=26*(0.4+0.6*Math.abs(Math.sin(t*0.0018+x*0.002))); if(x===SCX-260)sx.moveTo(x,y+e*amp); else sx.lineTo(x,y+e*amp);} sx.strokeStyle='rgba(250,72,220,0.55)'; sx.lineWidth=1.4; sx.stroke(); } },\n imagem:{ enter:function(){ clearOv(); imgT=0; ov.innerHTML='prompt · \"frasco de perfume, luz suave\"
'; },\n draw:function(t,dt){ imgT+=dt; var cyc=3400; var p=(imgT%cyc)/cyc; var BS=220,bx=SCX-BS/2,by=SCY-BS/2; var res=Math.max(5,Math.round(5+(1-p)*46)); var cell=Math.ceil(BS/Math.ceil(BS/res));\n for(var y=0;y'+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), field=root.querySelector('[data-field]'), stage=root.querySelector('[data-stage]'), ov=root.querySelector('[data-ov]');\n var ctEl=root.querySelector('[data-ct]'), csEl=root.querySelector('[data-cs]'), nEl=root.querySelector('[data-n]'), rateEl=root.querySelector('[data-rate]'), totEl=root.querySelector('[data-tot]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2,(window.devicePixelRatio||1));\n var fx=field.getContext('2d'), sx=stage.getContext('2d');\n var W=0,H=0,SW=1560,SH=688,SCX=780,SCY=340,maxR=300;\n function size(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; field.width=W*DPR; field.height=H*DPR; fx.setTransform(DPR,0,0,DPR,0,0); }\n size(); d2.on(window,'resize',size);\n var fcx=0,fcy=0; function fc(){ var sr=stage.getBoundingClientRect(), r=st.getBoundingClientRect(); fcx=sr.left-r.left+sr.width/2; fcy=sr.top-r.top+sr.height/2; }\n\n var TYPES=[[250,72,72],[247,72,160],[255,138,61],[250,220,72],[176,72,250],[77,164,250],[72,250,161]];\n var N=reduce?260:2200, pts=[];\n for(var i=0;iData² · registry
'+\n 'A memória do runtime
'+\n 'Milhões de registros vivos e tipados — e o runtime não só guarda: estrutura. Escolha uma capacidade; ela é executada no centro.
registry · d2-data
indexados · 1.240.000
ingestão · 0/s
'+\n 'indexados · 1.240.000
ingestão · 0/s
'+\n '
Organiza
1.240.000 registros · 128 campos tipados · 42 relações
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
'+\n ''+\n ''+\n ''+\n ''+\n 'Registry entrega o dado → Domain decide → UI monta a tela. ID governa quem vê o quê.'+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), field=root.querySelector('[data-field]'), stage=root.querySelector('[data-stage]'), ov=root.querySelector('[data-ov]');\n var panel=root.querySelector('[data-panel]'), idlab=root.querySelector('[data-idlab]');\n var zr=root.querySelector('[data-zr]'), zd=root.querySelector('[data-zd]'), zu=root.querySelector('[data-zu]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2,(window.devicePixelRatio||1)); var fx=field.getContext('2d'), sx=stage.getContext('2d');\n var W=0,H=0,SW=1960,SH=640; var RX=360,DX=980,UX=1600,CY=300; // zone centers (stage coords)\n function size(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; field.width=W*DPR; field.height=H*DPR; fx.setTransform(DPR,0,0,DPR,0,0); }\n size(); d2.on(window,'resize',size);\n function place(){ var sr=stage.getBoundingClientRect(), r=st.getBoundingClientRect(); function pos(el,x,y){ el.style.left=((sr.left-r.left)+ x/SW*sr.width)+'px'; el.style.top=((sr.top-r.top)+ y/SH*sr.height)+'px'; }\n pos(zr,RX,CY+150); pos(zd,DX,CY+170); pos(zu,UX,CY+150); }\n\n var role='gestor';\n // registry cluster points\n var reg=[]; for(var i=0;i<120;i++){ var a=Math.random()*6.28, rr=Math.random()*70; reg.push({x:RX+Math.cos(a)*rr, y:CY+Math.sin(a)*rr*0.8, base:0.2+Math.random()*0.4, lit:0}); }\n var signals=[]; // {x,y, seg, from,to, color}\n var domFlare=0, uiFill=0, curQ=null;\n var Q={ churn:{ph:'Registry · clientes', rows:[['clientes ativos','2.148'],['em risco (30d)','312'],['LTV médio','R$ 4.9k']], verdict:'Reter 312 — ação hoje.', sensitive:false},\n credito:{ph:'Registry · proposta', rows:[['solicitante','#48.201'],['score','A-'],['valor','R$ 82.000']], verdict:'Aprovar com limite.', sensitive:true},\n estoque:{ph:'Registry · SKUs', rows:[['SKUs monitorados','12.480'],['abaixo do mínimo','37'],['ruptura em 48h','9']], verdict:'Repor 9 críticos.', sensitive:false} };\n\n function runQuery(k){ curQ=k; panel.classList.remove('show'); uiFill=0; domFlare=0;\n reg.forEach(function(p){ p.lit=0; }); var n=0; var iv=setInterval(function(){ if(n>26){clearInterval(iv);return;} for(var i=0;i<4;i++){ var p=reg[(Math.random()*reg.length)|0]; if(p)p.lit=1; } n++; },40);\n // fire signal R->D\n signals.push({seg:0, t:0, color:[250,120,120]});\n }\n function buildPanel(){ var q=Q[curQ]; if(!q) return; var restricted = role==='analista' && q.sensitive;\n var rows=q.rows.map(function(r){ var v=r[1]; if(restricted && (r[0]==='valor')) v='R$ ••••••'; return 'Registry + Domain + UI · combo
'+\n 'Copiloto de operação
'+\n 'Uma tela que entende, decide e mostra o dado. Pergunte em linguagem de negócio — o dado vira decisão vira interface, ao vivo.
combo · copiloto
governança · gestor
estado · nominal
'+\n 'governança · gestor
estado · nominal
'+\n '
Registry · dado
'+\n 'Domain · decide
'+\n 'UI · mostra
'+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
'+\n 'Clientes em risco?
registry → domain → ui
Aprovar este crédito?
decisão + valor sensível
Estoque crítico agora?
consulta + painel
ID · acesso
Troque o papel e veja a governança agir no resultado.
'+\n 'Gestor
Analista
'+r[0]+''+v+'
'; }).join('');\n var verdict = restricted ? 'decisão bloqueada — sem permissão
' : ''+q.verdict+'
';\n var idt = 'ID · '+(restricted?'analista · campos mascarados':'gestor · acesso total')+'
';\n panel.innerHTML=''+q.ph.replace('Registry','UI · resultado')+'
'+rows+verdict+idt; panel.classList.add('show'); }\n\n function setRole(r){ role=r; idlab.textContent=r; Array.prototype.slice.call(root.querySelectorAll('.tog .opt')).forEach(function(o){ o.classList.toggle('on', o.getAttribute('data-role')===r); }); if(curQ && panel.classList.contains('show')) buildPanel(); }\n\n function frame(t){\n // instrument line connecting zones + zone reticles\n sx.strokeStyle='rgba(255,255,255,0.08)'; sx.lineWidth=1; sx.beginPath(); sx.moveTo(RX,CY); sx.lineTo(UX,CY); sx.stroke();\n for(var x=RX;x<=UX;x+=40){ sx.beginPath(); sx.moveTo(x,CY-4); sx.lineTo(x,CY+4); sx.strokeStyle='rgba(255,255,255,0.06)'; sx.stroke(); }\n // registry cluster\n reg.forEach(function(p){ if(p.lit>0)p.lit-=0.02; var b=p.base+(p.lit>0?p.lit*0.7:0); sx.fillStyle='rgba(250,'+(72+Math.round((1-b)*40))+',72,'+Math.min(1,b)+')'; sx.fillRect(p.x,p.y,1.6,1.6); });\n sx.strokeStyle='rgba(250,72,72,0.3)'; sx.beginPath(); sx.arc(RX,CY,84,0,6.28); sx.stroke();\n // domain reticle\n var pulse=0.5+0.5*Math.sin(t*0.002);\n sx.strokeStyle='rgba(250,72,220,'+(0.3+domFlare*0.5)+')'; sx.lineWidth=1.2; [40,66,92].forEach(function(r){ sx.beginPath(); sx.arc(DX,CY,r,0,6.28); sx.stroke(); });\n if(domFlare>0){ for(var i=0;i<8;i++){ var a=i/8*6.28+t*0.001; sx.beginPath(); sx.moveTo(DX,CY); sx.lineTo(DX+Math.cos(a)*66*domFlare,CY+Math.sin(a)*66*domFlare); sx.strokeStyle='rgba(250,140,232,'+(domFlare*0.5)+')'; sx.stroke(); } domFlare-=0.01; }\n sx.beginPath(); sx.arc(DX,CY,5+pulse*2,0,6.28); sx.fillStyle='rgba(255,200,240,0.9)'; sx.fill();\n // ui frame\n sx.strokeStyle='rgba(72,102,250,0.4)'; sx.lineWidth=1.2; sx.strokeRect(UX-70,CY-80,180,160);\n if(uiFill>0){ sx.fillStyle='rgba(72,102,250,'+(0.06*uiFill)+')'; sx.fillRect(UX-70,CY-80,180,160); for(var r=0;r<4;r++){ if(uiFill>r/4){ sx.strokeStyle='rgba(140,160,255,0.4)'; sx.beginPath(); sx.moveTo(UX-56,CY-52+r*30); sx.lineTo(UX-56+140*Math.min(1,(uiFill-r/4)*4),CY-52+r*30); sx.stroke(); } } if(uiFill<1)uiFill+=0.03; }\n // signals travel R->D->U\n for(var s=signals.length-1;s>=0;s--){ var sg=signals[s]; sg.t+=0.02;\n var ax,ay,bx,by; if(sg.seg===0){ ax=RX;ay=CY;bx=DX;by=CY; } else { ax=DX;ay=CY;bx=UX-70;by=CY; }\n var x=ax+(bx-ax)*sg.t, y=ay+(by-ay)*sg.t;\n sx.beginPath(); sx.arc(x,y,3.4,0,6.28); sx.fillStyle='rgb('+sg.color.join(',')+')'; sx.fill();\n sx.beginPath(); sx.arc(x,y,8,0,6.28); sx.fillStyle='rgba('+sg.color.join(',')+',0.18)'; sx.fill();\n if(sg.t>=1){ if(sg.seg===0){ domFlare=1; signals.splice(s,1); setTimeout(function(){ signals.push({seg:1,t:0,color:[250,140,232]}); },420); } else { uiFill=0.001; signals.splice(s,1); setTimeout(buildPanel, 500); } }\n }\n }\n var raf=null,last=performance.now(),run=true;\n function ambient(){ fx.clearRect(0,0,W,H); }\n function loop(t){ if(!run)return; last=t; ambient(); sx.clearRect(0,0,SW,SH); frame(t); place(); raf=requestAnimationFrame(loop); }\n place(); runQuery('churn');\n if(!reduce) raf=requestAnimationFrame(loop); else { sx.clearRect(0,0,SW,SH); frame(600); place(); domFlare=0; uiFill=1; buildPanel(); }\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;last=performance.now();raf=requestAnimationFrame(loop);} } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.04}); io.observe(st);\n Array.prototype.slice.call(root.querySelectorAll('.q')).forEach(function(c){ d2.on(c,'click',function(){ Array.prototype.slice.call(root.querySelectorAll('.q')).forEach(function(o){o.classList.remove('on');}); c.classList.add('on'); runQuery(c.getAttribute('data-q')); }); });\n Array.prototype.slice.call(root.querySelectorAll('.tog .opt')).forEach(function(o){ d2.on(o,'click',function(){ setRole(o.getAttribute('data-role')); }); });\n }\n}"}}}}}}}},{"_id":"6a73fc9c669cd00c34879b04","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"BemSnzG72ImOWoucmRnvf","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:820px; overflow:hidden;\n background:#070609; color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.stage{ position:absolute; left:50%; top:190px; transform:translateX(-50%); z-index:2; width:min(78%,940px); height:340px; }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:4; }\n.head{ position:absolute; top:46px; left:56px; z-index:6; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:10.5px; letter-spacing:.3em; text-transform:uppercase; color:#6f6a72; }\n.eb .v{ color:#B08CFF; } .eb .c{ color:#7FE9F2; }\n.h1{ font-size:clamp(28px,3.2vw,44px); font-weight:500; letter-spacing:-.02em; margin:12px 0 0; color:#F6F5F8; }\n.h1s{ margin:13px 0 0; font-size:14px; line-height:1.55; color:#9a949c; max-width:46ch; }\n.seed{ position:absolute; top:52px; right:56px; z-index:6; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#544f56; line-height:1.7; }\n.seed b{ color:#9fb8d8; font-weight:400; font-variant-numeric:tabular-nums; }\n.ov{ position:absolute; left:50%; top:190px; transform:translateX(-50%); z-index:5; width:min(78%,940px); height:340px; pointer-events:none; }\n.zlab{ position:absolute; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.18em; text-transform:uppercase; transform:translateX(-50%); }\n.receipt{ position:absolute; left:50%; top:56%; transform:translateX(-50%) translateY(8px); z-index:6;\n font-family:ui-monospace,Menlo,monospace; font-size:12px; letter-spacing:.03em; color:#d6dde2;\n background:rgba(9,10,13,.9); border:1px solid rgba(127,233,242,.35); border-radius:4px; padding:7px 14px; opacity:0; transition:.3s; white-space:nowrap; }\n.receipt.show{ opacity:1; transform:translateX(-50%) translateY(0); }\n.receipt b{ color:#7FE9F2; }\n.legend{ position:absolute; left:0; right:0; top:556px; z-index:6; text-align:center; padding:0 40px; }\n.legend .cs{ font-size:14px; color:#c9c4cb; } .legend .cs .v{ color:#B08CFF; } .legend .cs .c{ color:#7FE9F2; }\n.readout{ position:absolute; left:0; right:0; top:598px; z-index:6; text-align:center; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:#544f56; }\n.readout b{ color:#9fb8d8; font-weight:400; }\n.cards{ position:absolute; left:0; right:0; bottom:46px; z-index:6; display:flex; gap:0; justify-content:center; padding:0 44px; border-top:1px solid rgba(255,255,255,.06); }\n.fc{ flex:1; max-width:200px; text-align:left; padding:18px 18px 16px; cursor:pointer; position:relative; transition:background .2s; border-right:1px solid rgba(255,255,255,.05); }\n.fc:first-child{ border-left:1px solid rgba(255,255,255,.05); }\n.fc:hover{ background:rgba(255,255,255,.02); }\n.fc.src::after{ content:''; }\n.fc.fire{ background:rgba(176,140,255,.08); }\n.fc .row1{ display:flex; align-items:center; gap:10px; }\n.fc .disc{ width:26px; height:26px; border-radius:7px; display:flex; align-items:center; justify-content:center; font-family:ui-monospace,Menlo,monospace; font-weight:700; font-size:11px; }\n.fc .nm{ font-size:13px; font-weight:600; color:#EDECEF; }\n.fc .fd{ margin-top:8px; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.03em; color:#7a747c; }\n.fc .io{ position:absolute; top:16px; right:16px; font-family:ui-monospace,Menlo,monospace; font-size:8.5px; letter-spacing:.14em; text-transform:uppercase; }\n.fc .io.in{ color:#B08CFF; } .fc .io.out{ color:#7FE9F2; }\n@media (max-width:1040px){ .stagebox,.ov,canvas.stage{ } .cards{ flex-wrap:wrap; } .fc{ max-width:none; flex:1 1 30%; border-bottom:1px solid rgba(255,255,255,.05); } }\n@media (max-width:900px){ canvas.stage,.ov{ position:relative; left:auto; top:auto; transform:none; margin:120px auto 0; width:90%; } .head{ position:relative; padding:36px 24px 0; top:auto; left:auto; } .seed{ display:none; } .legend,.readout{ position:relative; top:auto; margin-top:12px; } .cards{ position:relative; bottom:auto; margin-top:16px; } }\n`,\n render(d2){\n return ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), stage=root.querySelector('[data-stage]'), ov=root.querySelector('[data-ov]');\n var rc=root.querySelector('[data-rc]'), evEl=root.querySelector('[data-ev]'), ltEl=root.querySelector('[data-lt]');\n var zr=root.querySelector('[data-zr]'), zc=root.querySelector('[data-zc]'), zm=root.querySelector('[data-zm]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2,(window.devicePixelRatio||1)); var sx=stage.getContext('2d');\n var SW=1880,SH=680, RX=300,MX=940,CX2=1580,CY=340;\n function size(){ stage.width=SW*DPR; stage.height=SH*DPR; sx.setTransform(DPR,0,0,DPR,0,0); }\n size();\n function place(){ var sr=stage.getBoundingClientRect(), r=st.getBoundingClientRect(); function pos(el,x,y){ el.style.left=((sr.left-r.left)+x/SW*sr.width - (ov.getBoundingClientRect().left-r.left))+'px'; el.style.top=((sr.top-r.top)+y/SH*sr.height - (ov.getBoundingClientRect().top-r.top))+'px'; }\n pos(zr,RX,CY+120); pos(zc,CX2,CY+120); pos(zm,MX,CY+96); }\n var pairs={ gh:{d:'tw',t:'GitHub push → Twilio SMS',ms:210}, vtex:{d:'hub',t:'Pedido VTEX → HubSpot contato',ms:240}, disc:{d:'sh',t:'Comando Discord → Sheets linha',ms:180} };\n var pole={ gh:RX,vtex:RX,disc:RX, hub:CX2,tw:CX2,sh:CX2 };\n var busy=false, evc=0, packets=[], mflare=0;\n\n function reticle(cx,cy,col,r){ sx.strokeStyle=col; sx.lineWidth=1.1; [r,r*0.62].forEach(function(rr){ sx.beginPath(); sx.arc(cx,cy,rr,0,6.28); sx.stroke(); });\n for(var i=0;i<24;i++){ var a=i/24*6.28; sx.beginPath(); sx.moveTo(cx+Math.cos(a)*(r-5),cy+Math.sin(a)*(r-5)); sx.lineTo(cx+Math.cos(a)*r,cy+Math.sin(a)*r); sx.strokeStyle=col.replace(/[\\d.]+\\)$/,'0.4)'); sx.stroke(); } }\n function frame(t){\n // bus line violet->cyan with ticks\n var grd=sx.createLinearGradient(RX,0,CX2,0); grd.addColorStop(0,'rgba(132,72,250,0.5)'); grd.addColorStop(.5,'rgba(150,150,180,0.15)'); grd.addColorStop(1,'rgba(72,250,250,0.5)');\n sx.strokeStyle=grd; sx.lineWidth=1.4; sx.beginPath(); sx.moveTo(RX,CY); sx.lineTo(CX2,CY); sx.stroke();\n for(var x=RX;x<=CX2;x+=36){ sx.beginPath(); sx.moveTo(x,CY-4); sx.lineTo(x,CY+4); sx.strokeStyle='rgba(255,255,255,0.05)'; sx.stroke(); }\n reticle(RX,CY,'rgba(176,140,255,0.55)',60); reticle(CX2,CY,'rgba(127,233,242,0.55)',60);\n // center processing node\n var pulse=0.5+0.5*Math.sin(t*0.002);\n sx.strokeStyle='rgba(200,200,220,'+(0.25+mflare*0.5)+')'; sx.lineWidth=1.2; sx.strokeRect(MX-40,CY-40,80,80);\n if(mflare>0){ sx.strokeStyle='rgba(230,220,255,'+mflare+')'; sx.strokeRect(MX-40-6*mflare,CY-40-6*mflare,80+12*mflare,80+12*mflare); mflare-=0.02; }\n sx.beginPath(); sx.arc(MX,CY,3+pulse*2,0,6.28); sx.fillStyle='rgba(230,230,245,0.85)'; sx.fill();\n // packets\n for(var i=packets.length-1;i>=0;i--){ var p=packets[i]; p.t+=0.022; var a=p.path[p.seg], b=p.path[p.seg+1];\n var x=a[0]+(b[0]-a[0])*p.t, y=a[1]+(b[1]-a[1])*p.t; var col=p.seg<2?'176,140,255':'127,233,242';\n sx.beginPath(); sx.arc(x,y,3.6,0,6.28); sx.fillStyle='rgb('+col+')'; sx.fill(); sx.beginPath(); sx.arc(x,y,9,0,6.28); sx.fillStyle='rgba('+col+',0.16)'; sx.fill();\n if(p.t>=1){ p.seg++; p.t=0; if(p.seg===1){ mflare=1; } if(p.seg>=p.path.length-1){ p.done(); packets.splice(i,1); } } }\n }\n function fire(node){ if(busy||!pairs[node])return; busy=true; var pr=pairs[node]; var srcEl=root.querySelector('[data-node=\"'+node+'\"]'), dstEl=root.querySelector('[data-node=\"'+pr.d+'\"]');\n srcEl.classList.add('fire'); if(rc)rc.classList.remove('show');\n // path: source(bottom under Rush) -> Rush -> center -> Connect -> dest\n var path=[[RX,CY+150],[RX,CY],[MX,CY],[CX2,CY],[CX2,CY+150]];\n packets.push({path:path,seg:0,t:0,done:function(){ evc++; evEl.textContent=evc; ltEl.textContent=pr.ms+'ms'; if(rc){ rc.innerHTML='▸ '+pr.t+' · '+pr.ms+'ms'; rc.classList.add('show'); } dstEl.classList.add('fire'); setTimeout(function(){ srcEl.classList.remove('fire'); dstEl.classList.remove('fire'); busy=false; },700); setTimeout(function(){ if(rc)rc.classList.remove('show'); },4200); }});\n }\n var raf=null,last=performance.now(),run=true;\n function loop(t){ if(!run)return; last=t; sx.clearRect(0,0,SW,SH); frame(t); place(); raf=requestAnimationFrame(loop); }\n place();\n if(!reduce) raf=requestAnimationFrame(loop); else { sx.clearRect(0,0,SW,SH); frame(0); place(); }\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;last=performance.now();raf=requestAnimationFrame(loop);} } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.04}); io.observe(st);\n Array.prototype.slice.call(root.querySelectorAll('.fc.src')).forEach(function(c){ d2.on(c,'click',function(){ fire(c.getAttribute('data-node')); }); });\n }\n}"}}}}}}}},{"_id":"6a740027d5c61d2c1c9aaf9d","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"5jNoi69HxfqZtpt3BOU43","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:840px; overflow:hidden;\n background:#060507; color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.field{ position:absolute; inset:0; width:100%; height:100%; display:block; z-index:1; }\n.vig{ position:absolute; inset:0; z-index:2; pointer-events:none; background:radial-gradient(90% 70% at 50% 42%, transparent 52%, rgba(4,3,5,.62) 100%); }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:4; }\n.head{ position:absolute; top:44px; left:56px; z-index:6; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:10.5px; letter-spacing:.3em; text-transform:uppercase; color:#6f6a72; }\n.eb .p{ color:#FA4848; } .eb .p2{ color:#FA48DC; } .eb .p3{ color:#4866FA; }\n.h1{ font-size:clamp(28px,3.1vw,44px); font-weight:500; letter-spacing:-.02em; margin:12px 0 0; color:#F6F5F8; }\n.h1s{ margin:13px 0 0; font-size:14px; line-height:1.55; color:#9a949c; max-width:44ch; }\n.seed{ position:absolute; top:52px; right:56px; z-index:6; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#544f56; line-height:1.7; }\n.seed b{ color:#8fbf9f; font-weight:400; }\n.zlab{ position:absolute; z-index:6; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; transform:translate(-50%,0); pointer-events:none; }\n.panel{ position:absolute; z-index:6; width:214px; background:rgba(9,10,14,.86); border:1px solid rgba(72,102,250,.45); border-radius:5px; padding:14px 15px; opacity:0; transition:opacity .45s; transform:translate(-50%,-50%); box-shadow:0 20px 60px rgba(0,0,0,.5), 0 0 34px rgba(72,102,250,.14); }\n.panel.show{ opacity:1; }\n.panel .ph{ font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.18em; text-transform:uppercase; color:#8296e6; margin-bottom:10px; }\n.panel .pr{ display:flex; justify-content:space-between; font-family:ui-monospace,Menlo,monospace; font-size:11.5px; padding:5px 0; border-bottom:1px solid rgba(255,255,255,.07); }\n.panel .pr .k{ color:#8a848c; } .panel .pr .v{ color:#F2F1F4; }\n.panel .verdict{ margin-top:11px; font-size:12.5px; color:#fff; }\n.panel .verdict.block{ color:#FA8C8C; }\n.panel .idtag{ margin-top:9px; font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.05em; color:#48FAA1; }\n.legend{ position:absolute; left:0; right:0; top:556px; z-index:6; text-align:center; padding:0 40px; }\n.legend .cs{ font-size:13.5px; color:#c2bcc4; } .legend .cs b1{ color:#FA6a6a; } .legend .cs b2{ color:#FA8CE8; } .legend .cs b3{ color:#8fa0ff; } .legend .cs b4{ color:#48FAA1; }\n.controls{ position:absolute; left:0; right:0; bottom:46px; z-index:6; display:flex; gap:14px; justify-content:center; align-items:stretch; flex-wrap:wrap; padding:0 44px; }\n.q{ text-align:left; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.015); border-radius:6px; padding:14px 16px; cursor:pointer; width:212px; transition:.16s; }\n.q:hover{ border-color:rgba(250,72,220,.5); background:rgba(250,72,220,.05); }\n.q.on{ border-color:rgba(250,72,220,.9); background:rgba(250,72,220,.09); box-shadow:0 0 22px rgba(250,72,220,.18); }\n.q .qt{ font-size:13px; color:#EDECEF; font-weight:500; }\n.q .qd{ margin-top:5px; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.03em; color:#7a747c; }\n.idbox{ width:232px; border:1px solid rgba(72,250,161,.35); background:rgba(72,250,161,.04); border-radius:6px; padding:13px 16px; }\n.idbox .il{ font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:#48FAA1; }\n.idbox .ih{ font-size:12px; color:#bfe8d4; margin:5px 0 11px; line-height:1.4; }\n.tog{ display:flex; border:1px solid rgba(72,250,161,.4); border-radius:999px; overflow:hidden; cursor:pointer; }\n.tog .opt{ flex:1; text-align:center; font-family:ui-monospace,Menlo,monospace; font-size:11px; padding:7px 0; color:#8fbf9f; transition:.18s; }\n.tog .opt.on{ background:#48FAA1; color:#04140b; font-weight:600; }\n@media (max-width:1040px){ .head{ position:relative; padding:36px 24px 0; top:auto; left:auto; } .seed{ display:none; } .legend{ position:relative; top:auto; margin-top:12px; } .controls{ position:relative; bottom:auto; margin-top:18px; } }\n@media (prefers-reduced-motion:reduce){ canvas.field{ opacity:.8; } }\n`,\n render(d2){\n return ''+\n 'Rush + Connect · combo
'+\n 'O barramento
'+\n 'Escuta o mundo e responde ao mundo. Um evento entra pelo Rush, o runtime processa, e a ação sai pelo Connect. Clique num conector.
bus · rush↔connect
eventos · 0
latência · —
'+\n ''+\n 'eventos · 0
latência · —
'+\n '
'+\n 'Rush · inbound
'+\n 'Connect · outbound
'+\n 'runtime
'+\n ''+\n 'O mesmo conector ouve (Rush) e entrega (Connect) — por aqui a Data² conecta com qualquer coisa.
webhooks · cron · voz · e-mail → runtime → APIs · PSPs · ERPs · mensagens
'+\n ''+\n '
'+\n 'inbound
'+\n 'GH
GitHub
push → Twilio SMS
inbound
'+\n 'V
VTEX
pedido → HubSpot contato
inbound
'+\n 'D
Discord
comando → Sheets linha
outbound
'+\n 'H
HubSpot
CRM · contatos
outbound
'+\n 'T
Twilio
SMS · voz
outbound
'+\n 'S
Sheets
planilhas
'+\n ''+\n ''+\n ''+\n 'Registry entrega o dado → Domain decide → UI monta a tela. ID governa quem vê o quê.'+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), field=root.querySelector('[data-field]');\n var panel=root.querySelector('[data-panel]'), idlab=root.querySelector('[data-idlab]');\n var zr=root.querySelector('[data-zr]'), zd=root.querySelector('[data-zd]'), zu=root.querySelector('[data-zu]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2,(window.devicePixelRatio||1)); var fx=field.getContext('2d');\n var W=0,H=0, RX=0,RY=0,DX=0,DY=0,UX=0,UY=0, UNIT=1;\n function size(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; field.width=W*DPR; field.height=H*DPR; fx.setTransform(DPR,0,0,DPR,0,0);\n RY=DY=UY=H*0.42; RX=W*0.25; DX=W*0.52; UX=W*0.775; UNIT=Math.min(W/1440,H/900); if(UNIT<0.5)UNIT=0.5; }\n size(); d2.on(window,'resize',size);\n function pos(el,x,y){ var r=st.getBoundingClientRect(); el.style.left=x+'px'; el.style.top=y+'px'; }\n function placeLabels(){ pos(zr,RX,RY+120*UNIT); pos(zd,DX,DY+150*UNIT); pos(zu,UX,UY+140*UNIT); zr.style.transform=zd.style.transform=zu.style.transform='translate(-50%,0)'; panel.style.left=UX+'px'; panel.style.top=(UY-6*UNIT)+'px'; }\n\n var TYPES=[[250,72,72],[247,72,160],[255,138,61],[250,220,72],[176,72,250],[77,164,250]];\n // Registry galaxy (dense)\n var gal=[]; var GN=reduce?200:640;\n for(var i=0;iRegistry + Domain + UI · combo
'+\n 'Copiloto de operação
'+\n 'Uma tela que entende, decide e mostra o dado. O dado vira decisão vira interface — ao vivo.
combo · copiloto
governança · gestor
estado · nominal
'+\n 'governança · gestor
estado · nominal
Registry · o dado
'+\n 'Domain · decide
'+\n 'UI · mostra
'+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
'+\n 'Clientes em risco?
registry → domain → ui
Aprovar este crédito?
decisão + valor sensível
Estoque crítico agora?
consulta + painel
ID · acesso
Troque o papel e veja a governança agir no resultado.
'+\n 'Gestor
Analista
decisão bloqueada — sem permissão
':''+q.verdict+'
';\n panel.innerHTML=''+q.ph+'
'+rows+verdict+'ID · '+(restricted?'analista · campos mascarados':'gestor · acesso total')+'
'; panel.classList.add('show'); }\n function runQuery(k){ curQ=k; panel.classList.remove('show'); uiFill=0; domFlare=0;\n gal.forEach(function(p){ p.lit=Math.random()<0.5?1:0; });\n spawnFlow(0,[250,110,110],reduce?8:34,0.010); // surge R->D\n setTimeout(function(){ domFlare=1; spawnFlow(1,[250,150,235],reduce?8:30,0.010); },700);\n setTimeout(function(){ uiFill=0.001; },1400);\n setTimeout(buildPanel,1900); }\n function setRole(r){ role=r; idlab.textContent=r; Array.prototype.slice.call(root.querySelectorAll('.tog .opt')).forEach(function(o){ o.classList.toggle('on', o.getAttribute('data-role')===r); }); if(curQ&&panel.classList.contains('show'))buildPanel(); }\n\n function reticle(cx,cy,col,R){ fx.strokeStyle=col; fx.lineWidth=1; [R,R*0.6].forEach(function(r){ fx.beginPath(); fx.arc(cx,cy,r,0,6.28); fx.stroke(); }); for(var i=0;i<32;i++){ var a=i/32*6.28; fx.beginPath(); fx.moveTo(cx+Math.cos(a)*(R-5),cy+Math.sin(a)*(R-5)); fx.lineTo(cx+Math.cos(a)*R,cy+Math.sin(a)*R); fx.stroke(); } }\n\n var raf=null,last=performance.now(),run=true;\n function loop(t){ if(!run)return; var dt=Math.min(48,t-last); last=t;\n // trails + atmosphere\n fx.globalCompositeOperation='source-over'; fx.fillStyle='rgba(6,5,7,0.32)'; fx.fillRect(0,0,W,H);\n fx.globalCompositeOperation='lighter';\n // zone glows\n [[RX,RY,'250,72,72',0.10],[DX,DY,'250,72,220',0.12],[UX,UY,'72,102,250',0.09]].forEach(function(z){ var g=fx.createRadialGradient(z[0],z[1],0,z[0],z[1],150*UNIT); g.addColorStop(0,'rgba('+z[2]+','+z[3]+')'); g.addColorStop(1,'rgba('+z[2]+',0)'); fx.fillStyle=g; fx.beginPath(); fx.arc(z[0],z[1],150*UNIT,0,6.28); fx.fill(); });\n // connecting instrument line + ticks (dim, under flow)\n fx.strokeStyle='rgba(255,255,255,0.05)'; fx.lineWidth=1; fx.beginPath(); fx.moveTo(RX,RY); fx.lineTo(UX,UY); fx.stroke();\n // Registry galaxy\n var gr=100*UNIT;\n gal.forEach(function(p,idx){ if(p.lit>0)p.lit-=0.015; p.ang+=p.w*dt; var x=RX+Math.cos(p.ang)*p.rad*gr, y=RY+Math.sin(p.ang)*p.rad*gr*0.5; var b=0.14+p.z*0.5+(p.lit>0?p.lit*0.6:0); var c=p.c; fx.fillStyle='rgba('+c[0]+','+c[1]+','+c[2]+','+Math.min(1,b)+')'; var s=p.z>0.82?1.7:1; fx.fillRect(x,y,s,s); });\n reticle(RX,RY,'rgba(250,72,72,0.25)',gr+16);\n // Domain reticle + filaments\n reticle(DX,DY,'rgba(250,72,220,'+(0.3+domFlare*0.4)+')',70*UNIT);\n var pulse=0.5+0.5*Math.sin(t*0.002);\n var flen=(70*UNIT)*(0.7+domFlare*0.6);\n fils.forEach(function(f){ fx.beginPath(); fx.moveTo(DX,DY); var ex=DX+Math.cos(f.a*3.14)*f.len*flen, ey=DY+Math.sin(f.a*3.14)*f.len*flen*0.8; var mx=DX+Math.cos(f.a*3.14)*f.len*flen*0.5, my=DY+Math.sin(f.a*3.14)*f.len*flen*0.5-20; fx.quadraticCurveTo(mx,my,ex,ey); fx.strokeStyle='rgba(250,72,220,'+((f.live?0.35:0.12)+domFlare*0.4)+')'; fx.lineWidth=1; fx.stroke(); if(f.live){ fx.beginPath(); fx.arc(ex,ey,1.4+Math.sin(t*0.004+f.ph)*0.6,0,6.28); fx.fillStyle='rgba(250,150,235,0.8)'; fx.fill(); } });\n fx.beginPath(); fx.arc(DX,DY,4+pulse*2,0,6.28); fx.fillStyle='rgba(255,210,245,0.9)'; fx.fill();\n if(domFlare>0)domFlare-=0.006;\n // UI panel frame + fill\n var uw=170*UNIT, uh=150*UNIT; fx.strokeStyle='rgba(72,102,250,0.4)'; fx.lineWidth=1.2; fx.strokeRect(UX-uw/2,UY-uh/2,uw,uh);\n if(uiFill>0){ fx.fillStyle='rgba(72,102,250,'+(0.05*uiFill)+')'; fx.fillRect(UX-uw/2,UY-uh/2,uw,uh); for(var r2=0;r2<4;r2++){ if(uiFill>r2/4){ fx.strokeStyle='rgba(140,160,255,0.4)'; fx.beginPath(); fx.moveTo(UX-uw/2+14,UY-uh/2+26+r2*28); fx.lineTo(UX-uw/2+14+(uw-28)*Math.min(1,(uiFill-r2/4)*4),UY-uh/2+26+r2*28); fx.stroke(); } } if(uiFill<1)uiFill+=0.02; }\n // continuous ambient flow (low) so it never looks empty\n if(!reduce && Math.random()<0.4) spawnFlow(0,[250,90,90],1,0.005);\n if(!reduce && Math.random()<0.3) spawnFlow(1,[220,120,230],1,0.005);\n for(var i=flow.length-1;i>=0;i--){ var f=flow[i]; f.p+=f.sp*(dt/16); if(f.p>1){ flow.splice(i,1); continue; } if(f.p<0) continue;\n var ax,ay,bx,by; if(f.seg===0){ ax=RX;ay=RY;bx=DX;by=DY; } else { ax=DX;ay=DY;bx=UX;by=UY; }\n var x=ax+(bx-ax)*f.p, y=ay+(by-ay)*f.p + Math.sin(f.p*3.14)*18*f.jit; fx.beginPath(); fx.arc(x,y,1.6,0,6.28); fx.fillStyle='rgba('+f.c.join(',')+',0.85)'; fx.fill(); }\n fx.globalCompositeOperation='source-over';\n placeLabels();\n raf=requestAnimationFrame(loop); }\n placeLabels(); runQuery('churn');\n if(!reduce) raf=requestAnimationFrame(loop); else { fx.fillStyle='#060507'; fx.fillRect(0,0,W,H); loop(0); domFlare=0; uiFill=1; buildPanel(); }\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;last=performance.now();raf=requestAnimationFrame(loop);} } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.04}); io.observe(st);\n Array.prototype.slice.call(root.querySelectorAll('.q')).forEach(function(c){ d2.on(c,'click',function(){ Array.prototype.slice.call(root.querySelectorAll('.q')).forEach(function(o){o.classList.remove('on');}); c.classList.add('on'); runQuery(c.getAttribute('data-q')); }); });\n Array.prototype.slice.call(root.querySelectorAll('.tog .opt')).forEach(function(o){ d2.on(o,'click',function(){ setRole(o.getAttribute('data-role')); }); });\n }\n}\n"}}}}}}}},{"_id":"6a740129669cd00c3487a0f6","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"4BUWtZuH6o6UZanx21182","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:840px; overflow:hidden;\n background:radial-gradient(120% 90% at 50% 30%, #0a0912 0%, #060509 60%, #05040a 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.field{ position:absolute; inset:0; width:100%; height:100%; display:block; z-index:1; }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.head{ position:absolute; top:52px; left:0; right:0; text-align:center; z-index:6; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:12px; letter-spacing:.02em; }\n.eb .i{ color:#7FE9F2; } .eb .o{ color:#B08CFF; }\n.h1{ font-size:clamp(30px,3.8vw,56px); font-weight:500; letter-spacing:-.025em; margin:12px 0 0; color:#F3F2F6; }\n.h1s{ margin:12px auto 0; font-size:14.5px; line-height:1.55; color:#9a949c; max-width:52ch; }\n.zname{ position:absolute; z-index:6; text-align:center; transform:translate(-50%,0); pointer-events:none; }\n.zname .n{ font-size:15px; letter-spacing:.02em; font-weight:500; }\n.zname .r{ font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.2em; text-transform:uppercase; margin-top:3px; }\n.caps{ position:absolute; z-index:6; display:flex; gap:60px; left:50%; top:44%; transform:translate(-50%,-50%); }\n.capcol{ display:flex; flex-direction:column; gap:16px; }\n.capcol.r{ text-align:right; } .capcol .ch{ font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.2em; text-transform:uppercase; color:#4f4a58; margin-bottom:2px; }\n.capcol .ci{ font-size:15px; color:#8a8490; transition:color .3s; } .capcol .ci.hot{ color:#EDECEF; }\n.divider{ position:absolute; left:50%; top:30%; height:34%; width:1px; background:linear-gradient(180deg,transparent,rgba(255,255,255,.12),transparent); z-index:5; }\n.tryit{ position:absolute; left:50%; top:70%; transform:translateX(-50%); text-align:center; z-index:6; }\n.tryit .chev{ width:54px; height:26px; margin:0 auto; }\n.tryit .tt{ font-size:14px; font-weight:600; color:#fff; margin-top:6px; } .tryit .ts{ font-family:ui-monospace,Menlo,monospace; font-size:11px; color:#8a848c; margin-top:2px; }\n.receipt{ position:absolute; left:50%; top:57%; transform:translate(-50%,8px); z-index:7; font-family:ui-monospace,Menlo,monospace; font-size:12.5px; color:#dde3e8; background:rgba(9,9,14,.9); border:1px solid rgba(127,233,242,.35); border-radius:5px; padding:8px 15px; opacity:0; transition:.3s; white-space:nowrap; }\n.receipt.show{ opacity:1; transform:translate(-50%,0); } .receipt b{ color:#7FE9F2; }\n.logos{ position:absolute; left:0; right:0; bottom:52px; z-index:6; display:flex; gap:30px; justify-content:center; align-items:flex-start; }\n.logo{ display:flex; flex-direction:column; align-items:center; gap:9px; cursor:pointer; width:74px; opacity:.9; transition:.2s; }\n.logo:hover{ opacity:1; transform:translateY(-3px); }\n.logo .orb{ width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:ui-monospace,Menlo,monospace; font-weight:700; font-size:14px; color:#fff; position:relative; box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 8px 22px rgba(0,0,0,.5); }\n.logo .orb::after{ content:''; position:absolute; inset:-9px; border-radius:50%; opacity:0; transition:opacity .25s; }\n.logo.fire .orb::after{ opacity:.7; box-shadow:0 0 26px 5px currentColor; }\n.logo .nm{ font-family:ui-monospace,Menlo,monospace; font-size:10px; color:#9a949c; }\n.logo .io{ font-family:ui-monospace,Menlo,monospace; font-size:8px; letter-spacing:.14em; text-transform:uppercase; }\n.logo .io.in{ color:#B08CFF; } .logo .io.out{ color:#7FE9F2; }\n@media (max-width:900px){ .caps{ gap:24px; } .head{ top:30px; } .logos{ flex-wrap:wrap; gap:16px; } }\n@media (prefers-reduced-motion:reduce){ canvas.field{ opacity:.85; } }\n`,\n render(d2){\n var logos=[\n ['disc','D','#5865F2','in'],['gh','GH','#cfd3d8','in','#111'],['vtex','V','#F71963','in'],\n ['hub','H','#FF7A59','out'],['tw','T','#F22F46','out'],['wp','W','#21759B','out'],['sh','G','#34A853','out']\n ];\n return ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), field=root.querySelector('[data-field]');\n var zc=root.querySelector('[data-zc]'), zr=root.querySelector('[data-zr]'), rc=root.querySelector('[data-rc]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2,(window.devicePixelRatio||1)); var fx=field.getContext('2d');\n var W=0,H=0, CxX=0,CxY=0, RxX=0,RxY=0, ORB=34;\n function size(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; field.width=W*DPR; field.height=H*DPR; fx.setTransform(DPR,0,0,DPR,0,0);\n CxY=RxY=H*0.44; CxX=W*0.24; RxX=W*0.76; ORB=Math.max(26,34*Math.min(W/1440,H/900)); }\n size(); d2.on(window,'resize',size);\n function placeNames(){ var r=st.getBoundingClientRect(); zc.style.left=CxX+'px'; zc.style.top=(CxY+ORB+26)+'px'; zr.style.left=RxX+'px'; zr.style.top=(RxY+ORB+26)+'px'; }\n\n // radar pings per orb\n var pings=[{x:function(){return CxX;},y:function(){return CxY;},col:'127,233,242',ph:0,rings:[1.9,3.0,4.4]},\n {x:function(){return RxX;},y:function(){return RxY;},col:'176,140,255',ph:1.6,rings:[1.7,2.6]}];\n // ambient exchange motes: violet into Rush, cyan out of Connect (the \"one in, one out\")\n var motes=[]; function ambientMote(){ if(Math.random()<0.5){ motes.push({from:'world',to:'rush',p:0,sp:0.006+Math.random()*0.004,c:'176,140,255'}); } else { motes.push({from:'connect',to:'world',p:0,sp:0.006+Math.random()*0.004,c:'127,233,242'}); } }\n // bus flow (on fire): source logo -> Rush -> center -> Connect -> receipt (violet then cyan)\n var packets=[], busy=false, pairs={ disc:'sh', gh:'tw', vtex:'hub' }, recs={ disc:'Comando Discord → Sheets linha',gh:'GitHub push → Twilio SMS',vtex:'Pedido VTEX → HubSpot contato' }, ms={disc:180,gh:210,vtex:240};\n\n function orb(x,y,col,r,glow){ var g=fx.createRadialGradient(x,y,0,x,y,r*2.4); g.addColorStop(0,'rgba('+col+','+(0.5+glow*0.4)+')'); g.addColorStop(0.5,'rgba('+col+',0.12)'); g.addColorStop(1,'rgba('+col+',0)'); fx.fillStyle=g; fx.beginPath(); fx.arc(x,y,r*2.4,0,6.28); fx.fill();\n var c=fx.createRadialGradient(x-r*0.3,y-r*0.3,0,x,y,r); c.addColorStop(0,'rgba(255,255,255,0.9)'); c.addColorStop(0.4,'rgba('+col+',0.95)'); c.addColorStop(1,'rgba('+col+',0.5)'); fx.fillStyle=c; fx.beginPath(); fx.arc(x,y,r,0,6.28); fx.fill(); }\n function radar(p,t){ var x=p.x(),y=p.y();\n // static dashed orbit rings\n fx.setLineDash([2,7]); p.rings.forEach(function(m){ fx.beginPath(); fx.arc(x,y,ORB*m,0,6.28); fx.strokeStyle='rgba('+p.col+',0.12)'; fx.lineWidth=1; fx.stroke(); }); fx.setLineDash([]);\n // expanding ping\n var per=3600; var ph=((t+p.ph*1000)%per)/per; var rr=ORB*1.4 + ph*ORB*3.4; fx.beginPath(); fx.arc(x,y,rr,0,6.28); fx.strokeStyle='rgba('+p.col+','+(0.4*(1-ph))+')'; fx.lineWidth=1.4; fx.stroke();\n }\n function worldPt(side){ return side==='rush'?[RxX+W*0.16, RxY]:[CxX-W*0.16, CxY]; }\n\n function fire(node){ if(busy||!pairs[node])return; busy=true; var logoEl=root.querySelector('.logo[data-node=\"'+node+'\"]'); var dst=pairs[node]; var dstEl=root.querySelector('.logo[data-node=\"'+dst+'\"]');\n if(logoEl)logoEl.classList.add('fire'); if(rc)rc.classList.remove('show');\n var lr=logoEl.getBoundingClientRect(), sr=st.getBoundingClientRect(); var lx=lr.left-sr.left+lr.width/2, ly=lr.top-sr.top+22;\n // path: logo -> Rush -> center -> Connect -> dest logo\n var dr=dstEl.getBoundingClientRect(); var dx=dr.left-sr.left+dr.width/2, dy=dr.top-sr.top+22;\n packets.push({path:[[lx,ly],[RxX,RxY],[W*0.5,H*0.44],[CxX,CxY],[dx,dy]],seg:0,t:0,node:node,dstEl:dstEl,logoEl:logoEl,\n onCore:function(){ pings[1].ph=((performance.now())%3600)/1000; }, }); }\n\n var raf=null,last=performance.now(),run=true;\n function loop(t){ if(!run)return; var dt=Math.min(48,t-last); last=t; placeNames();\n fx.globalCompositeOperation='source-over'; fx.fillStyle='rgba(6,5,9,0.30)'; fx.fillRect(0,0,W,H);\n fx.globalCompositeOperation='lighter';\n radar(pings[0],t); radar(pings[1],t);\n // connecting arc (subtle)\n fx.beginPath(); fx.moveTo(CxX+ORB,CxY); fx.bezierCurveTo(W*0.42,CxY-30,W*0.58,RxY-30,RxX-ORB,RxY); var gr=fx.createLinearGradient(CxX,0,RxX,0); gr.addColorStop(0,'rgba(127,233,242,0.18)'); gr.addColorStop(1,'rgba(176,140,255,0.18)'); fx.strokeStyle=gr; fx.lineWidth=1; fx.stroke();\n // ambient exchange motes\n if(!reduce && Math.random()<0.35) ambientMote();\n for(var i=motes.length-1;i>=0;i--){ var m=motes[i]; m.p+=m.sp*(dt/16); if(m.p>1){ motes.splice(i,1); continue; }\n var a,b; if(m.to==='rush'){ a=worldPt('rush'); b=[RxX,RxY]; } else { a=[CxX,CxY]; b=worldPt('connect'); }\n var x=a[0]+(b[0]-a[0])*m.p, y=a[1]+(b[1]-a[1])*m.p - Math.sin(m.p*3.14)*14; fx.beginPath(); fx.arc(x,y,1.5,0,6.28); fx.fillStyle='rgba('+m.c+','+(0.7*(1-Math.abs(m.p-0.5)*1.2))+')'; fx.fill(); }\n // orbs\n orb(CxX,CxY,'72,220,240',ORB,0.4+0.2*Math.sin(t*0.002)); orb(RxX,RxY,'150,110,255',ORB,0.4+0.2*Math.sin(t*0.002+2));\n // packets (fire flow)\n for(var i=packets.length-1;i>=0;i--){ var p=packets[i]; p.t+=0.02; var a=p.path[p.seg], b=p.path[p.seg+1]; var x=a[0]+(b[0]-a[0])*p.t, y=a[1]+(b[1]-a[1])*p.t;\n var col=p.seg<2?'176,140,255':'127,233,242'; fx.beginPath(); fx.arc(x,y,3.6,0,6.28); fx.fillStyle='rgb('+col+')'; fx.fill(); fx.beginPath(); fx.arc(x,y,9,0,6.28); fx.fillStyle='rgba('+col+',0.18)'; fx.fill();\n if(p.t>=1){ p.seg++; p.t=0; if(p.seg===2){ p.onCore(); } if(p.seg>=p.path.length-1){ (function(pk){ if(rc){ rc.innerHTML='▸ '+recs[pk.node]+' · '+ms[pk.node]+'ms'; rc.classList.add('show'); } pk.dstEl.classList.add('fire'); setTimeout(function(){ pk.logoEl.classList.remove('fire'); pk.dstEl.classList.remove('fire'); busy=false; },700); setTimeout(function(){ if(rc)rc.classList.remove('show'); },4200); })(p); packets.splice(i,1); } } }\n fx.globalCompositeOperation='source-over';\n raf=requestAnimationFrame(loop); }\n placeNames();\n if(!reduce) raf=requestAnimationFrame(loop); else { fx.fillStyle='#060509'; fx.fillRect(0,0,W,H); fx.globalCompositeOperation='lighter'; radar(pings[0],0); radar(pings[1],0); orb(CxX,CxY,'72,220,240',ORB,0.5); orb(RxX,RxY,'150,110,255',ORB,0.5); }\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;last=performance.now();raf=requestAnimationFrame(loop);} } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.04}); io.observe(st);\n // hover cap highlight tied to orbs (subtle life)\n Array.prototype.slice.call(root.querySelectorAll('.logo[data-io=\"in\"]')).forEach(function(l){ d2.on(l,'click',function(){ fire(l.getAttribute('data-node')); }); });\n // outbound logos: gentle nudge to click a source\n Array.prototype.slice.call(root.querySelectorAll('.logo[data-io=\"out\"]')).forEach(function(l){ d2.on(l,'click',function(){ var srcs=['disc','gh','vtex']; fire(srcs[(Math.random()*3)|0]); }); });\n }\n}"}}}}}}}},{"_id":"6a7402ddf08aa56d3e04d5c2","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"OFWgwjoeXJVwcDO1mylWv","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:860px; overflow:hidden;\n background:#070609; color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.field{ position:absolute; inset:0; width:100%; height:100%; display:block; z-index:1; }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:4; }\n.head{ position:absolute; top:42px; left:56px; z-index:6; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:10.5px; letter-spacing:.3em; text-transform:uppercase; color:#6f6a72; }\n.eb .p{ color:#FA4848; } .eb .p2{ color:#FA48DC; } .eb .p3{ color:#4866FA; }\n.h1{ font-size:clamp(26px,3vw,42px); font-weight:500; letter-spacing:-.02em; margin:11px 0 0; color:#F6F5F8; }\n.h1s{ margin:11px 0 0; font-size:13.5px; line-height:1.5; color:#9a949c; max-width:42ch; }\n.seed{ position:absolute; top:48px; right:56px; z-index:6; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#544f56; line-height:1.7; }\n.seed b{ color:#8fbf9f; font-weight:400; }\n/* pipeline / narration bar */\n.narr{ position:absolute; left:50%; top:174px; transform:translateX(-50%); z-index:6; display:flex; align-items:center; gap:12px; }\n.step{ display:flex; align-items:center; gap:9px; opacity:.4; transition:opacity .3s; }\n.step.on{ opacity:1; }\n.step .num{ width:22px; height:22px; border-radius:50%; border:1px solid currentColor; display:flex; align-items:center; justify-content:center; font-family:ui-monospace,Menlo,monospace; font-size:11px; }\n.step .lb{ font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }\n.step.s1{ color:#FA6a6a; } .step.s2{ color:#FA8CE8; } .step.s3{ color:#8fa0ff; }\n.step .arrow{ color:#4f4a52; }\n.status{ position:absolute; left:0; right:0; top:214px; text-align:center; z-index:6; font-family:ui-monospace,Menlo,monospace; font-size:12.5px; letter-spacing:.02em; color:#c2bcc4; min-height:18px; }\n.status .b{ color:#fff; }\n.zlab{ position:absolute; z-index:6; font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase; transform:translate(-50%,0); pointer-events:none; }\n.flab{ position:absolute; z-index:6; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; transform:translate(-50%,-50%); color:#6f6a72; pointer-events:none; }\n.flab .arw{ color:#8a848c; }\n.panel{ position:absolute; z-index:6; width:216px; background:rgba(9,10,14,.9); border:1px solid rgba(72,102,250,.5); border-radius:6px; padding:14px 15px; opacity:0; transition:opacity .4s; transform:translate(-50%,-50%); box-shadow:0 20px 60px rgba(0,0,0,.55), 0 0 30px rgba(72,102,250,.16); }\n.panel.show{ opacity:1; }\n.panel .ph{ font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.16em; text-transform:uppercase; color:#8296e6; margin-bottom:4px; }\n.panel .pt{ font-size:12px; color:#5f6b8a; margin-bottom:9px; }\n.panel .pr{ display:flex; justify-content:space-between; font-family:ui-monospace,Menlo,monospace; font-size:11.5px; padding:5px 0; border-bottom:1px solid rgba(255,255,255,.07); }\n.panel .pr .k{ color:#8a848c; } .panel .pr .v{ color:#F2F1F4; }\n.panel .verdict{ margin-top:11px; font-size:13px; color:#fff; }\n.panel .verdict.block{ color:#FA8C8C; }\n.panel .idtag{ margin-top:9px; font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.05em; color:#48FAA1; }\n.legend{ position:absolute; left:0; right:0; top:540px; z-index:6; text-align:center; padding:0 40px; }\n.legend .cs{ font-size:13.5px; color:#b8b2ba; } .legend .cs b1{ color:#FA6a6a; } .legend .cs b2{ color:#FA8CE8; } .legend .cs b3{ color:#8fa0ff; } .legend .cs b4{ color:#48FAA1; }\n.controls{ position:absolute; left:0; right:0; bottom:46px; z-index:6; display:flex; gap:14px; justify-content:center; align-items:stretch; flex-wrap:wrap; padding:0 44px; }\n.hint{ position:absolute; left:0; right:0; bottom:190px; text-align:center; z-index:6; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#4f4a52; }\n.q{ text-align:left; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.015); border-radius:6px; padding:14px 16px; cursor:pointer; width:212px; transition:.16s; }\n.q:hover{ border-color:rgba(250,72,220,.5); background:rgba(250,72,220,.05); }\n.q.on{ border-color:rgba(250,72,220,.9); background:rgba(250,72,220,.09); }\n.q .qt{ font-size:13px; color:#EDECEF; font-weight:500; } .q .qd{ margin-top:5px; font-family:ui-monospace,Menlo,monospace; font-size:10px; color:#7a747c; }\n.idbox{ width:232px; border:1px solid rgba(72,250,161,.35); background:rgba(72,250,161,.04); border-radius:6px; padding:13px 16px; }\n.idbox .il{ font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; color:#48FAA1; }\n.idbox .ih{ font-size:12px; color:#bfe8d4; margin:5px 0 11px; line-height:1.4; }\n.tog{ display:flex; border:1px solid rgba(72,250,161,.4); border-radius:999px; overflow:hidden; cursor:pointer; }\n.tog .opt{ flex:1; text-align:center; font-family:ui-monospace,Menlo,monospace; font-size:11px; padding:7px 0; color:#8fbf9f; transition:.18s; }\n.tog .opt.on{ background:#48FAA1; color:#04140b; font-weight:600; }\n@media (max-width:1040px){ .head{ position:relative; padding:34px 24px 0; top:auto; left:auto; } .seed,.hint{ display:none; } .narr{ position:relative; top:auto; margin:14px auto 0; flex-wrap:wrap; } .status{ position:relative; top:auto; margin-top:8px; } .legend{ position:relative; top:auto; margin-top:12px; } .controls{ position:relative; bottom:auto; margin-top:16px; } }\n@media (prefers-reduced-motion:reduce){ canvas.field{ opacity:.85; } }\n`,\n render(d2){\n return ''+\n 'inbound e outbound
'+\n 'Conecte com qualquer coisa
'+\n 'O runtime escuta o mundo (Rush) e responde ao mundo (Connect). O mesmo conector ouve e entrega.
Connect · saída
'+\n 'REST APIs
GraphQL
Proxy requests
Rush · entrada
'+\n 'Webhooks
Agendamentos
Voz · e-mail
Connect
integra · outbound
Rush
escuta · inbound
Try It
clique num app
'+ logos.map(function(l){ return ''; }).join('') +'
'+\n ''+l[1]+'
'+({disc:'Discord',gh:'GitHub',vtex:'VTEX',hub:'HubSpot',tw:'Twilio',wp:'WordPress',sh:'Sheets'})[l[0]]+'
'+(l[3]==='in'?'inbound':'outbound')+'
'+\n ''+\n ''+\n ''+\n 'Registry entrega o dado → Domain decide → UI monta a tela. ID governa quem vê o quê.'+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), field=root.querySelector('[data-field]');\n var panel=root.querySelector('[data-panel]'), idlab=root.querySelector('[data-idlab]'), statusEl=root.querySelector('[data-status]');\n var zr=root.querySelector('[data-zr]'), zd=root.querySelector('[data-zd]'), zu=root.querySelector('[data-zu]');\n var f1=root.querySelector('[data-f1]'), f2=root.querySelector('[data-f2]');\n var steps=[null,root.querySelector('[data-step=\"1\"]'),root.querySelector('[data-step=\"2\"]'),root.querySelector('[data-step=\"3\"]')];\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2,(window.devicePixelRatio||1)); var fx=field.getContext('2d');\n var W=0,H=0,RX=0,DX=0,UX=0,ZY=0,UNIT=1;\n function size(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; field.width=W*DPR; field.height=H*DPR; fx.setTransform(DPR,0,0,DPR,0,0);\n ZY=H*0.44; RX=W*0.26; DX=W*0.52; UX=W*0.775; UNIT=Math.max(0.55,Math.min(W/1440,H/900)); }\n size(); d2.on(window,'resize',size);\n function pl(el,x,y){ el.style.left=x+'px'; el.style.top=y+'px'; }\n function placeLabels(){ pl(zr,RX,ZY+108*UNIT); pl(zd,DX,ZY+118*UNIT); pl(zu,UX,ZY+120*UNIT); pl(f1,(RX+DX)/2,ZY-70*UNIT); pl(f2,(DX+UX)/2,ZY-70*UNIT); panel.style.left=UX+'px'; panel.style.top=ZY+'px'; }\n\n var TYPES=[[250,72,72],[247,72,160],[255,138,61],[250,220,72],[176,72,250],[77,164,250]];\n var gal=[]; var GN=reduce?160:520; for(var i=0;iRegistry + Domain + UI · combo
'+\n 'Copiloto de operação
'+\n 'Pergunte em linguagem de negócio — o dado vira decisão vira tela, ao vivo.
combo · copiloto
governança · gestor
estado · nominal
'+\n 'governança · gestor
estado · nominal
'+\n '
'+\n ''+\n '1Registry · lê o dado
'+\n '→'+\n '2Domain · decide
'+\n '→'+\n '3UI · monta a tela
'+\n 'o dado
'+\n 'decide
'+\n 'a tela
'+\n '→ dados
'+\n '→ decisão
'+\n ''+\n 'escolha uma pergunta de negócio ↓
'+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
'+\n 'Clientes em risco?
consulta + decisão
Aprovar este crédito?
decisão + valor sensível
Estoque crítico agora?
consulta + painel
ID · acesso
Troque o papel e rode de novo: a governança age no resultado.
'+\n 'Gestor
Analista
'+r[0]+''+v+'
'; }).join('');\n var verdict=restricted?'✕ decisão bloqueada — sem permissão
':'✓ '+q.verdict+'
';\n panel.innerHTML='tela montada pela UI
'+q.ph+'
'+rows+verdict+'ID · '+(restricted?'analista · campos mascarados':'gestor · acesso total')+'
'; panel.classList.add('show'); }\n\n var timers=[];\n function clearTimers(){ timers.forEach(clearTimeout); timers=[]; }\n function runQuery(k){ curQ=k; clearTimers(); panel.classList.remove('show'); uiFill=0; domFlare=0; flow=[]; var q=Q[k];\n // PHASE 1 — reading\n phase='read'; setStep(1); stat('① Registry lendo o dado — '+q.regread);\n gal.forEach(function(p){ p.lit=Math.random()<0.6?1:0; });\n timers.push(setTimeout(function(){ // PHASE 2 — deciding\n phase='decide'; setStep(2); stat('② Domain cruzando sinais e decidindo…'); domFlare=1;\n },1300));\n timers.push(setTimeout(function(){ // PHASE 3 — building\n phase='build'; setStep(3); stat('③ UI montando a tela…'); uiFill=0.001;\n },2500));\n timers.push(setTimeout(function(){ // DONE\n phase='done'; buildPanel(); var restricted=role==='analista'&&q.sensitive;\n stat(restricted?'✕ bloqueado — ID (analista) não libera este dado':'✓ tela pronta — '+q.verdict);\n },3500));\n }\n function setRole(r){ role=r; idlab.textContent=r; Array.prototype.slice.call(root.querySelectorAll('.tog .opt')).forEach(function(o){ o.classList.toggle('on', o.getAttribute('data-role')===r); }); if(curQ)runQuery(curQ); }\n\n function reticle(cx,cy,col,R){ fx.strokeStyle=col; fx.lineWidth=1; fx.beginPath(); fx.arc(cx,cy,R,0,6.28); fx.stroke(); }\n var raf=null,last=performance.now(),run=true;\n function loop(t){ if(!run)return; var dt=Math.min(48,t-last); last=t;\n fx.globalCompositeOperation='source-over'; fx.fillStyle='rgba(7,6,9,0.34)'; fx.fillRect(0,0,W,H);\n fx.globalCompositeOperation='lighter';\n // zone glows (active zone brighter)\n var gR=(phase==='read'||phase==='idle')?0.14:0.07, gD=(phase==='decide')?0.16:0.07, gU=(phase==='build'||phase==='done')?0.13:0.06;\n [[RX,ZY,'250,72,72',gR],[DX,ZY,'250,72,220',gD],[UX,ZY,'72,102,250',gU]].forEach(function(z){ var g=fx.createRadialGradient(z[0],z[1],0,z[0],z[1],140*UNIT); g.addColorStop(0,'rgba('+z[2]+','+z[3]+')'); g.addColorStop(1,'rgba('+z[2]+',0)'); fx.fillStyle=g; fx.beginPath(); fx.arc(z[0],z[1],140*UNIT,0,6.28); fx.fill(); });\n fx.strokeStyle='rgba(255,255,255,0.05)'; fx.lineWidth=1; fx.beginPath(); fx.moveTo(RX,ZY); fx.lineTo(UX,ZY); fx.stroke();\n // Registry galaxy\n var gr=92*UNIT; gal.forEach(function(p){ if(p.lit>0)p.lit-=0.012; p.ang+=p.w*dt; var x=RX+Math.cos(p.ang)*p.rad*gr,y=ZY+Math.sin(p.ang)*p.rad*gr*0.5; var b=0.12+p.z*0.42+(p.lit>0?p.lit*0.6:0); var c=p.c; fx.fillStyle='rgba('+c[0]+','+c[1]+','+c[2]+','+Math.min(1,b)+')'; fx.fillRect(x,y,p.z>0.82?1.7:1,1); });\n reticle(RX,ZY,'rgba(250,72,72,0.28)',gr+14);\n // Domain\n reticle(DX,ZY,'rgba(250,72,220,'+(0.28+domFlare*0.4)+')',66*UNIT);\n var flen=(66*UNIT)*(0.7+domFlare*0.7);\n fils.forEach(function(f){ fx.beginPath(); fx.moveTo(DX,ZY); var ex=DX+Math.cos(f.a*3.14)*f.len*flen,ey=ZY+Math.sin(f.a*3.14)*f.len*flen*0.8,mx=DX+Math.cos(f.a*3.14)*f.len*flen*0.5,my=ZY+Math.sin(f.a*3.14)*f.len*flen*0.5-18; fx.quadraticCurveTo(mx,my,ex,ey); fx.strokeStyle='rgba(250,72,220,'+((f.live?0.32:0.1)+domFlare*0.4)+')'; fx.lineWidth=1; fx.stroke(); });\n fx.beginPath(); fx.arc(DX,ZY,4+Math.sin(t*0.003)*1.5,0,6.28); fx.fillStyle='rgba(255,210,245,0.9)'; fx.fill(); if(domFlare>0)domFlare-=0.008;\n // UI frame\n var uw=160*UNIT,uh=140*UNIT; fx.strokeStyle='rgba(72,102,250,0.45)'; fx.lineWidth=1.2; fx.strokeRect(UX-uw/2,ZY-uh/2,uw,uh);\n if(uiFill>0){ fx.fillStyle='rgba(72,102,250,'+(0.05*uiFill)+')'; fx.fillRect(UX-uw/2,ZY-uh/2,uw,uh); for(var r2=0;r2<4;r2++){ if(uiFill>r2/4){ fx.strokeStyle='rgba(140,160,255,0.4)'; fx.beginPath(); fx.moveTo(UX-uw/2+12,ZY-uh/2+24+r2*26); fx.lineTo(UX-uw/2+12+(uw-24)*Math.min(1,(uiFill-r2/4)*4),ZY-uh/2+24+r2*26); fx.stroke(); } } if(uiFill<1)uiFill+=0.02; }\n // directional flow ONLY in active segment (clear)\n if(phase==='read'||phase==='decide'){ if(Math.random()<0.5) flow.push({seg:0,p:0,c:[250,110,110],sp:0.012+Math.random()*0.006}); }\n if(phase==='build'){ if(Math.random()<0.5) flow.push({seg:1,p:0,c:[160,150,255],sp:0.012+Math.random()*0.006}); }\n f1.style.opacity=(phase==='read'||phase==='decide')?'1':'0.28'; f2.style.opacity=(phase==='build'||phase==='done')?'1':'0.28';\n for(var i=flow.length-1;i>=0;i--){ var f=flow[i]; f.p+=f.sp*(dt/16); if(f.p>1){ flow.splice(i,1); continue; } var ax,ay,bx,by; if(f.seg===0){ ax=RX;ay=ZY;bx=DX;by=ZY; } else { ax=DX;ay=ZY;bx=UX;by=ZY; } var x=ax+(bx-ax)*f.p,y=ay+(by-ay)*f.p; fx.beginPath(); fx.arc(x,y,2,0,6.28); fx.fillStyle='rgba('+f.c.join(',')+',0.9)'; fx.fill(); }\n fx.globalCompositeOperation='source-over'; placeLabels();\n raf=requestAnimationFrame(loop); }\n placeLabels(); runQuery('churn');\n if(!reduce) raf=requestAnimationFrame(loop); else { fx.fillStyle='#070609'; fx.fillRect(0,0,W,H); loop(0); clearTimers(); phase='done'; setStep(3); domFlare=0; uiFill=1; buildPanel(); stat('✓ tela pronta — Reter 312'); }\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;last=performance.now();raf=requestAnimationFrame(loop);} } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.04}); io.observe(st);\n Array.prototype.slice.call(root.querySelectorAll('.q')).forEach(function(c){ d2.on(c,'click',function(){ Array.prototype.slice.call(root.querySelectorAll('.q')).forEach(function(o){o.classList.remove('on');}); c.classList.add('on'); runQuery(c.getAttribute('data-q')); }); });\n Array.prototype.slice.call(root.querySelectorAll('.tog .opt')).forEach(function(o){ d2.on(o,'click',function(){ setRole(o.getAttribute('data-role')); }); });\n }\n}"}}}}}}}},{"_id":"6a7406fe5bcb322df2e7c7e9","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"6ayhKILoYCPXCQkELEi3p","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:820px; overflow:hidden;\n background:#F5F2EC; color:#2A2622; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\n.grain{ position:absolute; inset:0; opacity:.5; pointer-events:none; z-index:2; mix-blend-mode:multiply;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E\"); }\n.wrap{ position:relative; z-index:3; height:100%; display:flex; flex-direction:column; align-items:center; padding:52px 40px 40px; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#8a8178; display:flex; align-items:center; gap:8px; }\n.dot{ width:8px; height:8px; border-radius:50%; background:#FA48DC; box-shadow:0 0 0 4px rgba(250,72,220,.14); }\n.h1{ font-size:clamp(30px,4vw,52px); font-weight:600; letter-spacing:-.025em; margin:14px 0 0; color:#211E1B; text-align:center; }\n.h1 .g{ color:#8a8178; font-weight:400; }\n.stage{ position:relative; flex:1; width:100%; max-width:1040px; display:flex; align-items:center; justify-content:center; }\nsvg.machine{ width:100%; height:auto; max-height:440px; display:block; overflow:visible; }\n.chips{ position:absolute; left:2%; top:50%; transform:translateY(-50%); z-index:4; display:flex; flex-direction:column; gap:10px; }\n.chip{ display:flex; align-items:center; gap:9px; background:#fff; border:1.5px solid #2A2622; border-radius:9px; padding:9px 12px; cursor:pointer; box-shadow:2px 3px 0 rgba(42,38,34,.12); transition:transform .14s, box-shadow .14s; font-family:ui-monospace,Menlo,monospace; font-size:11.5px; color:#2A2622; }\n.chip:hover{ transform:translate(-1px,-1px); box-shadow:3px 4px 0 rgba(42,38,34,.16); }\n.chip.spent{ opacity:.4; }\n.chip .ci{ width:16px; height:16px; opacity:.75; }\n.chip .cl{ color:#8a8178; }\n.decis{ position:absolute; right:1%; top:50%; transform:translateY(-50%); z-index:4; width:212px; background:#fff; border:1.5px solid #2A2622; border-radius:11px; padding:14px 15px; box-shadow:4px 6px 0 rgba(42,38,34,.14); opacity:0; transition:opacity .3s, transform .3s; }\n.decis.show{ opacity:1; }\n.decis .dh{ font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.16em; text-transform:uppercase; color:#a24c96; margin-bottom:8px; }\n.decis .dv{ font-size:15px; font-weight:600; color:#211E1B; line-height:1.35; min-height:40px; }\n.decis .dk{ margin-top:10px; display:inline-flex; align-items:center; gap:6px; font-family:ui-monospace,Menlo,monospace; font-size:10px; color:#7a9; }\n.decis .dk.on b{ color:#8a3d80; }\n.payoff{ margin-top:6px; font-family:ui-monospace,Menlo,monospace; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#6f6459; }\n.payoff b{ color:#2A2622; }\n@media (max-width:820px){ .chips{ position:relative; left:auto; top:auto; transform:none; flex-direction:row; flex-wrap:wrap; justify-content:center; margin-bottom:10px; } .decis{ position:relative; right:auto; top:auto; transform:none; margin-top:12px; } .wrap{ padding:32px 20px; } }\n@media (prefers-reduced-motion:reduce){ .idle{ animation:none !important; } }\n`,\n render(d2){\n // machine SVG — neutral chassis, charcoal ink; color appears only when energized (via mounted)\n var M = ``;\n var chips=[\n ['pergunta','texto','0','M2 4h12M2 8h9M2 12h11'],\n ['áudio do cliente','voz','1','M2 8h2l2-5 3 10 2-6 2 3h2'],\n ['foto de nota','imagem','2','M2 3h12v10H2z M5 7l3 3 3-4'],\n ['print da tela','visão','3','M8 4C3 4 1 8 1 8s2 4 7 4 7-4 7-4-2-4-7-4z M8 6a2 2 0 100 4 2 2 0 000-4z']\n ];\n return ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var svg=root.querySelector('svg.machine');\n var decis=root.querySelector('.decis');\n var dv=root.querySelector('[data-dv]'), dk=root.querySelector('[data-dk]');\n var gearSpin=svg.querySelector('#gearSpin'), gearCore=svg.querySelector('#gearCore');\n var cur=svg.querySelector('#cur'), cur2=svg.querySelector('#cur2'), needle=svg.querySelector('#needle'), arc=svg.querySelector('#gaugeArc');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DECS={ '0':'“Responder: prazo é 5 dias úteis.”', '1':'→ Transferir ao gerente.', '2':'✓ Reembolso aprovado · R$ 240', '3':'→ Classificar: chamado técnico' };\n var bocaY={ '0':210,'1':254,'2':298,'3':342 };\n var busy=false, rot=0, spinning=false, raf=null, chips=Array.prototype.slice.call(root.querySelectorAll('.chip'));\n // idle affordance: gentle pulse on first chip\n if(!reduce){ chips[0].classList.add('idle'); chips[0].style.animation='chippulse 2.4s ease-in-out infinite'; var s=document.createElement('style'); s.textContent='@keyframes chippulse{0%,100%{transform:none}50%{transform:translate(-2px,-2px)}}'; root.appendChild(s); }\n function spinLoop(){ if(!spinning){ return; } rot+=6; gearSpin.setAttribute('transform','rotate('+rot+')'); raf=requestAnimationFrame(spinLoop); }\n function setCur(el,on){ el.style.transition='stroke-dashoffset .5s cubic-bezier(.2,.8,.2,1), opacity .2s'; el.style.opacity=on?'1':'0'; el.style.strokeDashoffset=on?'0':el.getAttribute('stroke-dasharray'); }\n function reset(){ spinning=false; if(raf)cancelAnimationFrame(raf); gearCore.setAttribute('fill','#EDE9E1');\n setCur(cur,false); setCur(cur2,false); arc.style.transition='stroke-dashoffset .4s'; arc.style.strokeDashoffset='345';\n needle.style.transition='transform .5s'; needle.setAttribute('transform','rotate(-52 520 128)');\n decis.classList.remove('show'); dv.textContent=''; dk.classList.remove('on'); chips.forEach(function(c){c.classList.remove('spent');}); busy=false; }\n function fire(k){ if(busy) return; busy=true; chips.forEach(function(c){c.style.animation='';});\n var chip=root.querySelector('.chip[data-chip=\"'+k+'\"]'); if(chip)chip.classList.add('spent');\n // reposition cur to the chosen boca\n var y=bocaY[k]; cur.setAttribute('d','M300 '+y+' L476 276');\n setCur(cur,true);\n setTimeout(function(){ spinning=true; spinLoop(); gearCore.setAttribute('fill','#FA48DC'); },420);\n setTimeout(function(){ setCur(cur2,true); // out to chute\n needle.style.transition='transform .7s cubic-bezier(.2,.8,.2,1)'; needle.setAttribute('transform','rotate(52 520 128)');\n arc.style.transition='stroke-dashoffset .7s'; arc.style.strokeDashoffset='0'; },760);\n setTimeout(function(){ // decision reveals\n spinning=false; if(raf)cancelAnimationFrame(raf);\n decis.classList.add('show'); dk.classList.add('on'); dk.innerHTML='~2000 tok/s';\n var full=DECS[k]||''; var i=0; var iv=setInterval(function(){ i++; dv.textContent=full.slice(0,i); if(i>=full.length){ clearInterval(iv); } },22);\n },1300);\n setTimeout(reset, 4200);\n }\n chips.forEach(function(c){ d2.on(c,'click', function(){ fire(c.getAttribute('data-chip')); }); });\n // auto-demo once shortly after load (so idle isn't dead), only if visible + not reduced\n if(!reduce){ var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting && !busy){ setTimeout(function(){ if(!busy) fire('2'); },900); io.disconnect(); } }); },{threshold:.3}); io.observe(root.querySelector('.stage')); }\n else { decis.classList.add('show'); dv.textContent=DECS['2']; dk.innerHTML='~2000 tok/s'; arc.style.strokeDashoffset='0'; needle.setAttribute('transform','rotate(52 520 128)'); }\n }\n}"}}}}}}}},{"_id":"6a7409da9754f002640b78ad","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"sXNScmAJLOuVyW_tzC8Ti","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:840px; overflow:hidden;\n background:radial-gradient(120% 90% at 38% 30%, #0d0b12 0%, #08070b 60%, #060509 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay; z-index:2;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:4; }\n.head{ position:absolute; top:46px; left:56px; z-index:6; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#7a7480; display:flex; align-items:center; gap:8px; }\n.dot{ width:8px; height:8px; border-radius:50%; background:#FA48DC; box-shadow:0 0 10px #FA48DC; }\n.h1{ font-size:clamp(28px,3.4vw,46px); font-weight:500; letter-spacing:-.025em; margin:12px 0 0; color:#F4F2F6; }\n.h1 .g{ color:#8a8490; }\n.h1s{ margin:12px 0 0; font-size:14px; line-height:1.5; color:#9a949c; max-width:40ch; }\n.seed{ position:absolute; top:52px; right:56px; z-index:6; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#544f56; line-height:1.7; }\n.seed b{ color:#b58cae; font-weight:400; }\n.body{ position:absolute; inset:150px 56px 96px; z-index:5; display:flex; gap:40px; align-items:center; }\n.stage{ position:relative; flex:1.5; min-width:0; }\nsvg.machine{ width:100%; height:auto; max-height:420px; display:block; overflow:visible; }\n.chips{ position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:6; display:flex; flex-direction:column; gap:9px; }\n.chip{ display:flex; align-items:center; gap:9px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.14); border-radius:9px; padding:9px 12px; cursor:pointer; transition:.15s; font-family:ui-monospace,Menlo,monospace; font-size:11.5px; color:#cfc9d2; }\n.chip:hover{ border-color:rgba(250,72,220,.6); color:#fff; }\n.chip.spent{ opacity:.4; }\n.chip .ci{ width:15px; height:15px; opacity:.8; }\n/* ficha técnica */\n.spec{ flex:1; min-width:230px; border-left:1px solid rgba(255,255,255,.1); padding-left:34px; }\n.spec .sh{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#7a7480; margin-bottom:16px; }\n.frow{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.07); }\n.frow .fk{ font-size:13px; color:#EDECEF; }\n.frow .fk small{ display:block; font-family:ui-monospace,Menlo,monospace; font-size:10px; color:#7a7480; margin-top:2px; letter-spacing:.02em; }\n.frow .fv{ font-family:ui-monospace,Menlo,monospace; font-size:12px; color:#c98fbf; white-space:nowrap; font-variant-numeric:tabular-nums; text-align:right; }\n.frow .fv.lang{ color:#EDECEF; }\n.decis{ position:absolute; right:0; top:50%; transform:translateY(-50%) translateX(6px); z-index:7; width:198px; background:rgba(14,9,14,.94); border:1px solid rgba(250,72,220,.4); border-radius:8px; padding:13px 14px; opacity:0; transition:.3s; box-shadow:0 18px 50px rgba(0,0,0,.5); }\n.decis.show{ opacity:1; transform:translateY(-50%) translateX(0); }\n.decis .dh{ font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.16em; text-transform:uppercase; color:#c26db8; margin-bottom:7px; }\n.decis .dv{ font-size:14px; font-weight:500; color:#fff; line-height:1.35; min-height:38px; }\n.payoff{ position:absolute; left:0; right:0; bottom:40px; text-align:center; z-index:6; font-family:ui-monospace,Menlo,monospace; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:#5f5a61; }\n.payoff b{ color:#c98fbf; }\n@media (max-width:960px){ .body{ position:relative; inset:auto; flex-direction:column; padding:24px; } .head,.seed{ position:relative; inset:auto; left:auto; top:auto; right:auto; text-align:left; padding:20px 24px 0; } .spec{ border-left:none; border-top:1px solid rgba(255,255,255,.1); padding-left:0; padding-top:20px; width:100%; } .payoff{ position:relative; bottom:auto; margin:16px 0; } }\n@media (prefers-reduced-motion:reduce){ .chip{ animation:none !important; } }\n`,\n render(d2){\n var machine = ``;\n var chips=[['texto · pergunta','0','M2 4h12M2 8h9M2 12h11'],['voz · áudio','1','M2 8h2l2-5 3 10 2-6 2 3h2'],['imagem · nota','2','M2 3h12v10H2z M5 7l3 3 3-4'],['visão · tela','3','M8 4C3 4 1 8 1 8s2 4 7 4 7-4 7-4-2-4-7-4z M8 6a2 2 0 100 4 2 2 0 000-4z']];\n var feats=[\n ['Multimodal','texto · voz · imagem · visão','4 entradas',''],\n ['Idiomas','entende e responde','PT · EN · ES · +40','lang'],\n ['Velocidade','geração streaming','~2000 tok/s',''],\n ['Contexto','memória por chamada','128k tokens',''],\n ['Decisão','estruturada, não prosa','auditável',''],\n ['Modelo','padrão nativo Data²','cerebras','']\n ];\n return ''+\n ''+\n '
'+\n ' Data² · Domain
'+\n 'Mostre o caso. Ele decide.
'+\n ''+\n ''+\n '
'+\n ''+ chips.map(function(c){ return ''; }).join('') +'
'+\n M +\n 'Decisão
1 motor · 4 entradas
Qualquer entrada · uma decisão · na hora
'+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var svg=root.querySelector('svg.machine'); var decis=root.querySelector('.decis'); var dv=root.querySelector('[data-dv]'); var lat=root.querySelector('[data-lat]');\n var gearSpin=svg.querySelector('#gearSpin'), gearCore=svg.querySelector('#gearCore'), cur=svg.querySelector('#cur'), cur2=svg.querySelector('#cur2'), needle=svg.querySelector('#needle'), arc=svg.querySelector('#gaugeArc');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DECS={'0':'“Prazo é 5 dias úteis.”','1':'→ Transferir ao gerente','2':'✓ Reembolso R$ 240','3':'→ Classificar: técnico'};\n var bocaY={'0':210,'1':252,'2':294,'3':336};\n var busy=false, rot=0, spinning=false, raf=null, chips=Array.prototype.slice.call(root.querySelectorAll('.chip'));\n if(!reduce){ var s=document.createElement('style'); s.textContent='@keyframes cp{0%,100%{transform:none}50%{transform:translateX(3px)}}'; root.appendChild(s); chips[0].style.animation='cp 2.4s ease-in-out infinite'; }\n function spin(){ if(!spinning)return; rot+=6; gearSpin.setAttribute('transform','rotate('+rot+')'); raf=requestAnimationFrame(spin); }\n function setCur(el,on){ el.style.transition='stroke-dashoffset .5s cubic-bezier(.2,.8,.2,1), opacity .2s'; el.style.opacity=on?'1':'0'; el.style.strokeDashoffset=on?'0':el.getAttribute('stroke-dasharray'); }\n function reset(){ spinning=false; if(raf)cancelAnimationFrame(raf); gearCore.setAttribute('fill','rgba(255,255,255,0.04)'); gearCore.setAttribute('stroke','rgba(255,255,255,0.28)'); setCur(cur,false); setCur(cur2,false); arc.style.transition='stroke-dashoffset .4s'; arc.style.strokeDashoffset='314'; needle.style.transition='transform .5s'; needle.setAttribute('transform','rotate(-52 400 128)'); decis.classList.remove('show'); dv.textContent=''; chips.forEach(function(c){c.classList.remove('spent');}); busy=false; }\n function fire(k){ if(busy)return; busy=true; chips.forEach(function(c){c.style.animation='';}); var ch=root.querySelector('.chip[data-chip=\"'+k+'\"]'); if(ch)ch.classList.add('spent');\n cur.setAttribute('d','M196 '+bocaY[k]+' L358 268'); setCur(cur,true);\n setTimeout(function(){ spinning=true; spin(); gearCore.setAttribute('fill','#FA48DC'); gearCore.setAttribute('stroke','#FA48DC'); },420);\n setTimeout(function(){ setCur(cur2,true); needle.style.transition='transform .7s cubic-bezier(.2,.8,.2,1)'; needle.setAttribute('transform','rotate(52 400 128)'); arc.style.transition='stroke-dashoffset .7s'; arc.style.strokeDashoffset='0'; },760);\n setTimeout(function(){ spinning=false; if(raf)cancelAnimationFrame(raf); decis.classList.add('show'); if(lat)lat.textContent=(12+Math.floor(Math.random()*12)); var full=DECS[k]||''; var i=0; var iv=setInterval(function(){ i++; dv.textContent=full.slice(0,i); if(i>=full.length)clearInterval(iv); },22); },1300);\n setTimeout(reset,4200);\n }\n chips.forEach(function(c){ d2.on(c,'click',function(){ fire(c.getAttribute('data-chip')); }); });\n if(!reduce){ var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting && !busy){ setTimeout(function(){ if(!busy) fire('2'); },900); io.disconnect(); } }); },{threshold:.25}); io.observe(root.querySelector('.stage')); }\n else { decis.classList.add('show'); dv.textContent=DECS['2']; arc.style.strokeDashoffset='0'; needle.setAttribute('transform','rotate(52 400 128)'); }\n }\n}\n"}}}}}}}},{"_id":"6a740d6ad5a555faccfdb44a","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"uHB8UGh4_h0DwxJ7qPgJl","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:840px; overflow:hidden;\n background:radial-gradient(80% 70% at 34% 44%, #17091a 0%, #0b0710 46%, #070509 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.glow{ position:absolute; inset:0; width:100%; height:100%; display:block; z-index:1; }\n.vig{ position:absolute; inset:0; z-index:2; pointer-events:none; background:radial-gradient(75% 70% at 34% 44%, transparent 55%, rgba(4,3,6,.6) 100%); }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:4; }\n.head{ position:absolute; top:46px; left:56px; z-index:6; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#8a7488; display:flex; align-items:center; gap:8px; }\n.dot{ width:8px; height:8px; border-radius:50%; background:#FA48DC; box-shadow:0 0 12px 2px #FA48DC; }\n.h1{ font-size:clamp(28px,3.4vw,46px); font-weight:500; letter-spacing:-.025em; margin:12px 0 0; color:#F4F2F6; }\n.h1 .g{ color:#8a8490; }\n.h1s{ margin:12px 0 0; font-size:14px; line-height:1.5; color:#9a949c; max-width:38ch; }\n.seed{ position:absolute; top:52px; right:56px; z-index:6; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#544f56; line-height:1.7; }\n.seed b{ color:#c98fbf; font-weight:400; font-variant-numeric:tabular-nums; }\n.svgl{ position:absolute; inset:0; z-index:5; width:100%; height:100%; pointer-events:none; }\n.chips{ position:absolute; left:56px; top:50%; transform:translateY(-50%); z-index:7; display:flex; flex-direction:column; gap:10px; }\n.chip{ display:flex; align-items:center; gap:9px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:9px 15px; cursor:pointer; transition:.16s; font-family:ui-monospace,Menlo,monospace; font-size:11.5px; color:#cfc9d2; backdrop-filter:blur(3px); }\n.chip:hover{ border-color:rgba(250,72,220,.65); color:#fff; box-shadow:0 0 20px rgba(250,72,220,.2); }\n.chip.spent{ opacity:.45; }\n.chip .ci{ width:15px; height:15px; opacity:.8; }\n.decis{ position:absolute; z-index:8; width:210px; background:rgba(16,8,15,.86); border:1px solid rgba(250,72,220,.42); border-radius:12px; padding:15px 16px; opacity:0; transform:translateY(8px) scale(.98); transition:.4s cubic-bezier(.2,.8,.2,1); box-shadow:0 26px 70px rgba(0,0,0,.6), 0 0 46px rgba(250,72,220,.16); backdrop-filter:blur(6px); }\n.decis.show{ opacity:1; transform:none; }\n.decis .dh{ font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.18em; text-transform:uppercase; color:#d07fc4; margin-bottom:8px; }\n.decis .dv{ font-size:15px; font-weight:500; color:#fff; line-height:1.35; min-height:40px; }\n.decis .dc{ margin-top:11px; display:flex; align-items:center; gap:7px; font-family:ui-monospace,Menlo,monospace; font-size:10px; color:#7f7; opacity:0; transition:opacity .3s; }\n.decis .dc.on{ opacity:1; } .decis .dc b{ color:#FA8CE8; }\n.spec{ position:absolute; right:56px; top:50%; transform:translateY(-50%); z-index:6; width:300px; border-left:1px solid rgba(255,255,255,.1); padding-left:30px; }\n.spec .sh{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#7a7480; margin-bottom:14px; }\n.frow{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.07); }\n.frow .fk{ font-size:13px; color:#EDECEF; } .frow .fk small{ display:block; font-family:ui-monospace,Menlo,monospace; font-size:10px; color:#7a7480; margin-top:2px; }\n.frow .fv{ font-family:ui-monospace,Menlo,monospace; font-size:12px; color:#c98fbf; white-space:nowrap; text-align:right; }\n.frow .fv.lang{ color:#EDECEF; }\n.payoff{ position:absolute; left:0; right:0; bottom:40px; text-align:center; z-index:6; font-family:ui-monospace,Menlo,monospace; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:#5f5a61; }\n.payoff b{ color:#c98fbf; }\n@media (max-width:980px){ .spec{ position:relative; right:auto; top:auto; transform:none; width:auto; border-left:none; border-top:1px solid rgba(255,255,255,.1); margin:20px 24px; padding:20px 0 0; } .chips{ position:relative; left:auto; top:auto; transform:none; flex-direction:row; flex-wrap:wrap; padding:0 24px; } .head,.seed{ position:relative; inset:auto; padding:20px 24px 0; text-align:left; } .payoff{ position:relative; bottom:auto; margin-top:16px; } }\n@media (prefers-reduced-motion:reduce){ .chip{ animation:none !important; } }\n`,\n render(d2){\n var chips=[['texto · pergunta','0','M2 4h12M2 8h9M2 12h11'],['voz · áudio','1','M2 8h2l2-5 3 10 2-6 2 3h2'],['imagem · nota','2','M2 3h12v10H2z M5 7l3 3 3-4'],['visão · tela','3','M8 4C3 4 1 8 1 8s2 4 7 4 7-4 7-4-2-4-7-4z M8 6a2 2 0 100 4 2 2 0 000-4z']];\n var feats=[['Multimodal','texto · voz · imagem · visão','4 entradas',''],['Idiomas','entende e responde','PT · EN · ES · +40','lang'],['Velocidade','geração em streaming','~2000 tok/s',''],['Contexto','memória por chamada','128k tokens',''],['Decisão','estruturada, não prosa','auditável',''],['Modelo','padrão nativo Data²','cerebras','']];\n return ''+\n ' Data² · Domain
'+\n 'Mostre o caso. Ele decide.
'+\n 'A inteligência do runtime: entende qualquer entrada, decide e responde — na hora.
domain · engine
estado · nominal
latência · 18ms
'+\n 'estado · nominal
latência · 18ms
'+\n ''; }).join('')+\n ''+\n '
'+\n ''+\n ''+\n '
'+\n ''+ chips.map(function(c){ return ''; }).join('') +'
'+\n machine +\n 'Decisão
Ficha técnica
'+\n feats.map(function(f){ return ''+f[0]+''+f[1]+'
'+f[2]+'
Qualquer entrada · uma decisão · na hora
'+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''; }).join('') +''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), cv=root.querySelector('[data-glow]'), svgl=root.querySelector('[data-svgl]');\n var decis=root.querySelector('[data-decis]'), dv=root.querySelector('[data-dv]'), dc=root.querySelector('[data-dc]'), lat=root.querySelector('[data-lat]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var DPR=Math.min(2,(window.devicePixelRatio||1)); var gx=cv.getContext('2d');\n var W=0,H=0,CX=0,CY=0;\n function size(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; CX=W*0.40; CY=H*0.48; cv.width=W*DPR; cv.height=H*DPR; gx.setTransform(DPR,0,0,DPR,0,0);\n svgl.setAttribute('viewBox','0 0 '+W+' '+H); positionDom(); }\n function positionDom(){ decis.style.left=(CX+150)+'px'; decis.style.top=(CY-40)+'px'; }\n // build filaments (SVG) radiating from core — the \"reasoning\"\n var NS='http://www.w3.org/2000/svg', fils=[];\n function buildFils(){ svgl.innerHTML=''; fils=[];\n var n=reduce?8:16;\n for(var i=0;i Data² · Domain
'+\n 'Mostre o caso. Ele decide.
'+\n 'A inteligência do runtime: entende qualquer entrada, raciocina e devolve uma decisão — na hora.
domain · engine
estado · nominal
latência · 17ms
'+\n 'estado · nominal
latência · 17ms
'+ chips.map(function(c){ return ''; }).join('') +'
'+\n 'Decisão
Ficha técnica
'+ feats.map(function(f){ return ''+f[0]+''+f[1]+'
'+f[2]+'
Qualquer entrada · uma decisão · na hora
'+\n ''+\n ''+\n ''+\n ''+\n ''; }).join('') +''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), goowrap=root.querySelector('[data-goowrap]'), aura=root.querySelector('[data-aura]');\n var svg=root.querySelector('[data-goo]'), nucleus=root.querySelector('[data-nucleus]');\n var blobs=Array.prototype.slice.call(root.querySelectorAll('[data-blob]'));\n var decis=root.querySelector('[data-decis]'), dv=root.querySelector('[data-dv]'), dc=root.querySelector('[data-dc]'), lat=root.querySelector('[data-lat]');\n var chipEls=Array.prototype.slice.call(root.querySelectorAll('.chip')), fidge=root.querySelector('[data-fidge]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var W=0,H=0,CX=0,CY=0, GX=260,GY=260; // goo local center\n function size(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; CX=W*0.40; CY=H*0.50;\n goowrap.style.left=(CX-260)+'px'; goowrap.style.top=(CY-260)+'px';\n aura.style.left=(CX-320)+'px'; aura.style.top=(CY-320)+'px';\n decis.style.left=(CX+140)+'px'; decis.style.top=(CY-46)+'px';\n if(fidge){ fidge.style.left=(CX-70)+'px'; fidge.style.top=(CY+150)+'px'; } }\n size(); d2.on(window,'resize',size);\n\n // blob model: orbit around swarm center (GX,GY) which springs toward mouse\n var B=blobs.map(function(el,i){ return { el:el, base:(i===0?0:26), ang:Math.random()*6.28, rad:(i===0?0:60+Math.random()*34), sp:(0.4+Math.random()*0.7)*(i%2?1:-1), ph:Math.random()*6, r:(i===0?46:26) }; });\n var tmx=GX,tmy=GY, mx=GX,my=GY, energized=0, tiltX=0,tiltY=0, ttiltX=0,ttiltY=0;\n // pointer → fidget: swarm center leans toward mouse; scene tilts (3d)\n function onmove(e){ var r=st.getBoundingClientRect(); var px=(e.clientX-r.left), py=(e.clientY-r.top);\n // swarm target biased toward pointer (organic, damped)\n tmx=GX + Math.max(-70,Math.min(70,(px-CX)*0.5)); tmy=GY + Math.max(-70,Math.min(70,(py-CY)*0.5));\n ttiltX = Math.max(-7,Math.min(7,-(py-CY)/H*14)); ttiltY = Math.max(-7,Math.min(7,(px-CX)/W*14)); if(fidge)fidge.style.opacity='0'; }\n d2.on(st,'pointermove', onmove);\n d2.on(st,'pointerleave', function(){ tmx=GX; tmy=GY; ttiltX=0; ttiltY=0; });\n\n var drops=[]; // absorbed droplets giving a quick energize\n var raf=null, run=true, t0=performance.now();\n function frame(t){ if(!run)return; var tt=(t-t0)/1000;\n mx+=(tmx-mx)*0.08; my+=(tmy-my)*0.08; tiltX+=(ttiltX-tiltX)*0.08; tiltY+=(ttiltY-tiltY)*0.08;\n goowrap.style.transform='rotateX('+tiltX.toFixed(2)+'deg) rotateY('+tiltY.toFixed(2)+'deg)';\n aura.style.transform='translate('+((mx-GX)*0.6).toFixed(1)+'px,'+((my-GY)*0.6).toFixed(1)+'px) scale('+(1+energized*0.18).toFixed(3)+')';\n if(energized>0)energized-=0.012;\n B.forEach(function(b,i){ if(i===0){ b.el.setAttribute('cx',mx.toFixed(1)); b.el.setAttribute('cy',my.toFixed(1)); b.el.setAttribute('r',(46+energized*10+Math.sin(tt*1.6)*2).toFixed(1)); return; }\n b.ang+=b.sp*0.01; var rad=b.rad*(1+ (energized*0.25) + Math.sin(tt*1.1+b.ph)*0.08);\n var x=mx+Math.cos(b.ang)*rad, y=my+Math.sin(b.ang)*rad*0.82;\n b.el.setAttribute('cx',x.toFixed(1)); b.el.setAttribute('cy',y.toFixed(1)); b.el.setAttribute('r',(b.base*(0.9+energized*0.4)+Math.sin(tt*1.4+b.ph)*3).toFixed(1)); });\n nucleus.setAttribute('cx',mx.toFixed(1)); nucleus.setAttribute('cy',my.toFixed(1)); nucleus.setAttribute('r',(9+energized*5+Math.sin(tt*2)*1.2).toFixed(1)); nucleus.setAttribute('opacity',(0.85+energized*0.15).toFixed(2));\n raf=requestAnimationFrame(frame);\n }\n var DECS={'0':'“Prazo é 5 dias úteis.”','1':'→ Transferir ao gerente','2':'✓ Reembolso R$ 240','3':'→ Classificar: chamado técnico'};\n var busy=false;\n function fire(k){ if(busy)return; busy=true; chipEls.forEach(function(c){c.style.animation='';}); var ch=root.querySelector('.chip[data-chip=\"'+k+'\"]'); if(ch)ch.classList.add('spent');\n decis.classList.remove('show'); dc.classList.remove('on'); dv.textContent='';\n energized=1; // gooey pulse — the droplet merges\n setTimeout(function(){ decis.classList.add('show'); if(lat)lat.textContent=(12+Math.floor(Math.random()*12));\n var full=DECS[k]||''; var i=0; var iv=setInterval(function(){ i++; dv.textContent=full.slice(0,i); if(i>=full.length){ clearInterval(iv); dc.classList.add('on'); dc.innerHTML='~2000 tok/s · auditável'; } },24);\n },1000);\n setTimeout(function(){ decis.classList.remove('show'); dv.textContent=''; dc.classList.remove('on'); chipEls.forEach(function(c){c.classList.remove('spent');}); busy=false; },4600);\n }\n chipEls.forEach(function(c){ d2.on(c,'click',function(){ energized=1; fire(c.getAttribute('data-chip')); });\n d2.on(c,'mouseenter', function(){ energized=Math.max(energized,0.4); }); });\n if(!reduce){ if(!root.querySelector('style[data-cp]')){ var s=document.createElement('style'); s.setAttribute('data-cp',''); s.textContent='@keyframes cpp{0%,100%{transform:none}50%{transform:translateX(3px)}}'; root.appendChild(s);} chipEls[0].style.animation='cpp 2.4s ease-in-out infinite';\n raf=requestAnimationFrame(frame);\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run){run=true;raf=requestAnimationFrame(frame);} if(!busy) setTimeout(function(){ if(!busy) fire('2'); },1400); } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.15}); io.observe(st);\n } else { decis.classList.add('show'); dv.textContent=DECS['2']; dc.classList.add('on'); dc.innerHTML='~2000 tok/s · auditável'; }\n }\n}"}}}}}}}},{"_id":"6a74115a9b80399cc1ea8cca","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"0phdBligzVRNJx8BE2Pmq","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:840px; overflow:hidden;\n background:radial-gradient(80% 72% at 38% 46%, #160a1a 0%, #0b0711 46%, #070509 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\n.aura{ position:absolute; z-index:1; width:720px; height:720px; border-radius:50%; pointer-events:none;\n background:radial-gradient(circle, rgba(250,72,220,.20) 0%, rgba(176,72,250,.08) 38%, rgba(120,40,200,0) 70%); filter:blur(10px); transition:transform .25s ease-out; }\ncanvas.gl{ position:absolute; z-index:2; display:block; }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:5; }\n.head{ position:absolute; top:46px; left:56px; z-index:7; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#8a7488; display:flex; align-items:center; gap:8px; }\n.dot{ width:8px; height:8px; border-radius:50%; background:#FA48DC; box-shadow:0 0 12px 2px #FA48DC; }\n.h1{ font-size:clamp(28px,3.4vw,46px); font-weight:500; letter-spacing:-.025em; margin:12px 0 0; color:#F4F2F6; }\n.h1 .g{ color:#8a8490; }\n.h1s{ margin:12px 0 0; font-size:14px; line-height:1.5; color:#9a949c; max-width:38ch; }\n.seed{ position:absolute; top:52px; right:56px; z-index:7; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#544f56; line-height:1.7; }\n.seed b{ color:#c98fbf; font-weight:400; font-variant-numeric:tabular-nums; }\n.chips{ position:absolute; left:56px; top:50%; transform:translateY(-50%); z-index:8; display:flex; flex-direction:column; gap:11px; }\n.chip{ display:flex; align-items:center; gap:9px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.14); border-radius:999px; padding:10px 16px; cursor:pointer; transition:.16s cubic-bezier(.2,.8,.2,1); font-family:ui-monospace,Menlo,monospace; font-size:11.5px; color:#cfc9d2; backdrop-filter:blur(3px); }\n.chip:hover{ border-color:rgba(250,72,220,.7); color:#fff; box-shadow:0 0 26px rgba(250,72,220,.28); transform:translateX(4px) scale(1.03); }\n.chip.spent{ opacity:.45; } .chip .ci{ width:15px; height:15px; opacity:.8; }\n.decis{ position:absolute; z-index:9; width:206px; background:rgba(16,8,15,.82); border:1px solid rgba(250,72,220,.42); border-radius:13px; padding:15px 16px; opacity:0; transform:translateY(10px) scale(.97); transition:.45s cubic-bezier(.2,.8,.2,1); box-shadow:0 26px 70px rgba(0,0,0,.6), 0 0 46px rgba(250,72,220,.18); backdrop-filter:blur(7px); }\n.decis.show{ opacity:1; transform:none; }\n.decis .dh{ font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.18em; text-transform:uppercase; color:#d07fc4; margin-bottom:8px; }\n.decis .dv{ font-size:15px; font-weight:500; color:#fff; line-height:1.35; min-height:40px; }\n.decis .dc{ margin-top:11px; font-family:ui-monospace,Menlo,monospace; font-size:10px; color:#7fd0a0; opacity:0; transition:.3s; } .decis .dc.on{ opacity:1; } .decis .dc b{ color:#FA8CE8; }\n.spec{ position:absolute; right:56px; top:50%; transform:translateY(-50%); z-index:7; width:300px; border-left:1px solid rgba(255,255,255,.1); padding-left:30px; }\n.spec .sh{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#7a7480; margin-bottom:14px; }\n.frow{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.07); }\n.frow .fk{ font-size:13px; color:#EDECEF; } .frow .fk small{ display:block; font-family:ui-monospace,Menlo,monospace; font-size:10px; color:#7a7480; margin-top:2px; }\n.frow .fv{ font-family:ui-monospace,Menlo,monospace; font-size:12px; color:#c98fbf; white-space:nowrap; text-align:right; } .frow .fv.lang{ color:#EDECEF; }\n.payoff{ position:absolute; left:0; right:0; bottom:40px; text-align:center; z-index:7; font-family:ui-monospace,Menlo,monospace; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:#5f5a61; } .payoff b{ color:#c98fbf; }\n.fidge{ position:absolute; z-index:7; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:#4f4a52; transition:opacity .4s; }\n@media (max-width:980px){ .spec{ position:relative; right:auto; top:auto; transform:none; width:auto; border-left:none; border-top:1px solid rgba(255,255,255,.1); margin:20px 24px; padding:20px 0 0; } .chips{ position:relative; left:auto; top:auto; transform:none; flex-direction:row; flex-wrap:wrap; padding:0 24px; } .head,.seed{ position:relative; inset:auto; padding:20px 24px 0; text-align:left; } .payoff{ position:relative; bottom:auto; margin-top:16px; } }\n@media (prefers-reduced-motion:reduce){ .chip{ animation:none !important; } }\n`,\n render(d2){\n var chips=[['texto · pergunta','0','M2 4h12M2 8h9M2 12h11'],['voz · áudio','1','M2 8h2l2-5 3 10 2-6 2 3h2'],['imagem · nota','2','M2 3h12v10H2z M5 7l3 3 3-4'],['visão · tela','3','M8 4C3 4 1 8 1 8s2 4 7 4 7-4 7-4-2-4-7-4z M8 6a2 2 0 100 4 2 2 0 000-4z']];\n var feats=[['Multimodal','texto · voz · imagem · visão','4 entradas',''],['Idiomas','entende e responde','PT · EN · ES · +40','lang'],['Velocidade','geração em streaming','~2000 tok/s',''],['Contexto','memória por chamada','128k tokens',''],['Decisão','estruturada, não prosa','auditável',''],['Modelo','padrão nativo Data²','cerebras','']];\n return ''+\n ''+\n ''+\n '
'+\n ''+\n ' Data² · Domain
'+\n 'Mostre o caso. Ele decide.
'+\n 'A inteligência do runtime: entende qualquer entrada, raciocina e devolve uma decisão — na hora.
domain · engine
estado · nominal
latência · 17ms
'+\n 'estado · nominal
latência · 17ms
'+ chips.map(function(c){ return ''; }).join('') +'
'+\n 'Decisão
Ficha técnica
'+ feats.map(function(f){ return ''+f[0]+''+f[1]+'
'+f[2]+'
mexa o mouse · clique um caso
'+\n 'Qualquer entrada · uma decisão · na hora
'+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''; }).join('') +''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), cv=root.querySelector('[data-gl]'), aura=root.querySelector('[data-aura]');\n var decis=root.querySelector('[data-decis]'), dv=root.querySelector('[data-dv]'), dc=root.querySelector('[data-dc]'), lat=root.querySelector('[data-lat]'), fidge=root.querySelector('[data-fidge]');\n var chipEls=Array.prototype.slice.call(root.querySelectorAll('.chip'));\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var W=0,H=0,CX=0,CY=0, BW=760, BH=620; // blob canvas box (css)\n function layout(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; CX=W*0.40; CY=H*0.50;\n cv.style.left=(CX-BW/2)+'px'; cv.style.top=(CY-BH/2)+'px'; cv.style.width=BW+'px'; cv.style.height=BH+'px';\n aura.style.left=(CX-360)+'px'; aura.style.top=(CY-360)+'px';\n decis.style.left=(CX+150)+'px'; decis.style.top=(CY-46)+'px';\n if(fidge){ fidge.style.left=(CX-70)+'px'; fidge.style.top=(CY+170)+'px'; }\n var DPR=Math.min(1.5,(window.devicePixelRatio||1)); cv.width=Math.round(BW*DPR); cv.height=Math.round(BH*DPR); if(gl) gl.viewport(0,0,cv.width,cv.height); }\n\n var gl=cv.getContext('webgl',{alpha:true,premultipliedAlpha:false,antialias:true});\n var raf=null, run=true;\n if(!gl){ // graceful fallback: css blob\n cv.style.display='none'; var f=document.createElement('div'); f.style.cssText='position:absolute;z-index:2;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#FFC8F2,#FA48DC 55%,#8B2FB0);filter:blur(2px);box-shadow:0 0 60px rgba(250,72,220,.5)'; st.appendChild(f); layout(); f.style.left=(CX-110)+'px'; f.style.top=(CY-110)+'px'; }\n else {\n var vsrc='attribute vec2 p;void main(){gl_Position=vec4(p,0.0,1.0);}';\n var fsrc=[\n'precision highp float;',\n'uniform vec2 uRes; uniform float uTime; uniform vec2 uCenter; uniform vec2 uVel; uniform float uEnergy;',\n'float smin(float a,float b,float k){ float h=clamp(0.5+0.5*(b-a)/k,0.0,1.0); return mix(b,a,h)-k*h*(1.0-h);} ',\n'float sdSph(vec3 p,vec3 c,float r){ return length(p-c)-r; }',\n'float map(vec3 p){ float t=uTime; float k=0.42;',\n' float d=sdSph(p,vec3(0.0),0.50+0.04*sin(t*1.2)+uEnergy*0.13);',\n' for(int i=0;i<5;i++){ float fi=float(i); float a=t*(0.45+fi*0.12)+fi*1.9; float rr=0.40+0.09*sin(t*0.6+fi);',\n' vec3 c=vec3(cos(a)*rr, sin(a*1.13)*rr*0.82, sin(a*0.6)*0.4);',\n' c.xy+=uVel*0.4*(0.5+0.5*sin(fi));',\n' d=smin(d, sdSph(p,c,0.19+0.04*sin(t+fi)+uEnergy*0.07), k);',\n' } return d; }',\n'vec3 nrm(vec3 p){ vec2 e=vec2(0.0012,0.0); return normalize(vec3(map(p+e.xyy)-map(p-e.xyy),map(p+e.yxy)-map(p-e.yxy),map(p+e.yyx)-map(p-e.yyx))); }',\n'void main(){ vec2 uv=1.85*(gl_FragCoord.xy-0.5*uRes)/uRes.y;',\n' vec3 ro=vec3(0.0,0.0,2.7); vec3 rd=normalize(vec3(uv,-1.6));',\n' ro.xy-=uCenter;',\n' float t=0.0; vec3 p; float d; float hit=0.0;',\n' for(int i=0;i<80;i++){ p=ro+rd*t; d=map(p); if(d<0.0016){hit=1.0;break;} t+=d; if(t>6.5)break; }',\n' vec3 col=vec3(0.0); float al=0.0;',\n' if(hit>0.5){ vec3 n=nrm(p); vec3 L=normalize(vec3(-0.45,0.72,0.55)); vec3 L2=normalize(vec3(0.6,-0.3,0.5));',\n' float diff=max(dot(n,L),0.0); float diff2=max(dot(n,L2),0.0)*0.4;',\n' float fres=pow(1.0-max(dot(n,-rd),0.0),3.0);',\n' float spec=pow(max(dot(reflect(-L,n),-rd),0.0),46.0);',\n' vec3 deep=vec3(0.42,0.06,0.42); vec3 lit=vec3(1.0,0.32,0.9);',\n' col=mix(deep,lit,diff)+diff2*vec3(0.5,0.18,0.55); ',\n' col+=fres*vec3(1.0,0.6,0.98)*1.15; col+=spec*vec3(1.0); col+=uEnergy*vec3(0.55,0.12,0.45);',\n' al=1.0; }',\n' gl_FragColor=vec4(col,al); }'].join('\\n');\n function sh(type,src){ var s=gl.createShader(type); gl.shaderSource(s,src); gl.compileShader(s); return s; }\n var prog=gl.createProgram(); gl.attachShader(prog,sh(gl.VERTEX_SHADER,vsrc)); gl.attachShader(prog,sh(gl.FRAGMENT_SHADER,fsrc)); gl.linkProgram(prog); gl.useProgram(prog);\n var buf=gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER,buf); gl.bufferData(gl.ARRAY_BUFFER,new Float32Array([-1,-1,3,-1,-1,3]),gl.STATIC_DRAW);\n var loc=gl.getAttribLocation(prog,'p'); gl.enableVertexAttribArray(loc); gl.vertexAttribPointer(loc,2,gl.FLOAT,false,0,0);\n var uRes=gl.getUniformLocation(prog,'uRes'), uTime=gl.getUniformLocation(prog,'uTime'), uCenter=gl.getUniformLocation(prog,'uCenter'), uVel=gl.getUniformLocation(prog,'uVel'), uEnergy=gl.getUniformLocation(prog,'uEnergy');\n gl.enable(gl.BLEND); gl.blendFunc(gl.SRC_ALPHA,gl.ONE_MINUS_SRC_ALPHA); gl.clearColor(0,0,0,0);\n layout();\n var cx=0,cy=0, tcx=0,tcy=0, pcx=0,pcy=0, energy=0, t0=performance.now();\n function onmove(e){ var r=cv.getBoundingClientRect(); var nx=((e.clientX-r.left)/r.width-0.5)*2.0; var ny=((e.clientY-r.top)/r.height-0.5)*2.0;\n tcx=Math.max(-0.30,Math.min(0.30,nx*0.36)); tcy=Math.max(-0.24,Math.min(0.24,-ny*0.36)); if(fidge)fidge.style.opacity='0';\n aura.style.transform='translate('+(nx*36).toFixed(0)+'px,'+(ny*36).toFixed(0)+'px)'; }\n d2.on(st,'pointermove',onmove); d2.on(st,'pointerleave',function(){ tcx=0;tcy=0; aura.style.transform=''; });\n function frame(t){ if(!run)return; var tt=(t-t0)/1000; pcx=cx; pcy=cy; cx+=(tcx-cx)*0.07; cy+=(tcy-cy)*0.07;\n var vx=(cx-pcx), vy=(cy-pcy); if(energy>0)energy-=0.012;\n gl.uniform2f(uRes,cv.width,cv.height); gl.uniform1f(uTime,tt); gl.uniform2f(uCenter,cx,cy); gl.uniform2f(uVel,vx*4.0,vy*4.0); gl.uniform1f(uEnergy,Math.max(0,energy));\n gl.clear(gl.COLOR_BUFFER_BIT); gl.drawArrays(gl.TRIANGLES,0,3); raf=requestAnimationFrame(frame); }\n // expose energy setter\n root.__energize=function(){ energy=1; };\n if(!reduce){ raf=requestAnimationFrame(frame); } else { gl.uniform2f(uRes,cv.width,cv.height); gl.uniform1f(uTime,1.5); gl.uniform2f(uCenter,0,0); gl.uniform2f(uVel,0,0); gl.uniform1f(uEnergy,0.3); gl.clear(gl.COLOR_BUFFER_BIT); gl.drawArrays(gl.TRIANGLES,0,3); }\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;t0=performance.now();raf=requestAnimationFrame(frame);} } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.05}); io.observe(st);\n }\n d2.on(window,'resize',layout);\n\n // decision interaction\n var DECS={'0':'“Prazo é 5 dias úteis.”','1':'→ Transferir ao gerente','2':'✓ Reembolso R$ 240','3':'→ Classificar: chamado técnico'};\n var busy=false;\n function fire(k){ if(busy)return; busy=true; chipEls.forEach(function(c){c.style.animation='';}); var ch=root.querySelector('.chip[data-chip=\"'+k+'\"]'); if(ch)ch.classList.add('spent');\n decis.classList.remove('show'); dc.classList.remove('on'); dv.textContent=''; if(root.__energize)root.__energize();\n setTimeout(function(){ decis.classList.add('show'); if(lat)lat.textContent=(12+Math.floor(Math.random()*12)); var full=DECS[k]||''; var i=0; var iv=setInterval(function(){ i++; dv.textContent=full.slice(0,i); if(i>=full.length){ clearInterval(iv); dc.classList.add('on'); dc.innerHTML='~2000 tok/s · auditável'; } },24); },1000);\n setTimeout(function(){ decis.classList.remove('show'); dv.textContent=''; dc.classList.remove('on'); chipEls.forEach(function(c){c.classList.remove('spent');}); busy=false; },4600);\n }\n chipEls.forEach(function(c){ d2.on(c,'click',function(){ if(root.__energize)root.__energize(); fire(c.getAttribute('data-chip')); }); });\n if(!reduce){ if(!root.querySelector('style[data-cp]')){ var s=document.createElement('style'); s.setAttribute('data-cp',''); s.textContent='@keyframes cpp{0%,100%{transform:none}50%{transform:translateX(3px)}}'; root.appendChild(s);} chipEls[0].style.animation='cpp 2.4s ease-in-out infinite';\n var io2=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting && !busy){ setTimeout(function(){ if(!busy) fire('2'); },1600); io2.disconnect(); } }); },{threshold:.2}); io2.observe(st);\n } else { decis.classList.add('show'); dv.textContent=DECS['2']; dc.classList.add('on'); dc.innerHTML='~2000 tok/s · auditável'; }\n }\n}"}}}}}}}},{"_id":"6a74166b669cd00c3487bbb7","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"HiIRGOonLUaqX6v4rjUIy","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:860px; overflow:hidden;\n background:radial-gradient(78% 70% at 30% 40%, #160a1a 0%, #0b0711 46%, #070509 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\n.aura{ position:absolute; z-index:1; width:560px; height:560px; border-radius:50%; pointer-events:none;\n background:radial-gradient(circle, rgba(250,72,220,.18) 0%, rgba(176,72,250,.07) 40%, rgba(120,40,200,0) 70%); filter:blur(10px); transition:transform .25s ease-out; }\ncanvas.core{ position:absolute; z-index:2; display:block; }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:5; }\n.head{ position:absolute; top:44px; left:56px; z-index:8; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#8a7488; display:flex; align-items:center; gap:8px; }\n.dot{ width:8px; height:8px; border-radius:50%; background:#FA48DC; box-shadow:0 0 12px 2px #FA48DC; }\n.h1{ font-size:clamp(26px,3.2vw,44px); font-weight:500; letter-spacing:-.025em; margin:11px 0 0; color:#F4F2F6; }\n.h1 .g{ color:#8a8490; }\n.h1s{ margin:11px 0 0; font-size:13.5px; line-height:1.5; color:#9a949c; max-width:38ch; }\n.seed{ position:absolute; top:50px; right:56px; z-index:8; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#544f56; line-height:1.7; }\n.seed b{ color:#c98fbf; font-weight:400; font-variant-numeric:tabular-nums; }\n/* demo stage panel (right of core) */\n.stage{ position:absolute; z-index:7; width:min(38%,440px); }\n.st-h{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#a86aa0; margin-bottom:12px; display:flex; align-items:center; gap:8px; }\n.st-box{ position:relative; height:250px; border:1px solid rgba(255,255,255,.1); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.02); }\ncanvas.demo{ position:absolute; inset:0; width:100%; height:100%; }\n.dov{ position:absolute; inset:0; padding:18px; }\n.mono{ font-family:ui-monospace,Menlo,monospace; }\n.tw{ font-family:ui-monospace,Menlo,monospace; font-size:13px; line-height:1.7; color:#e8dce6; white-space:pre-wrap; }\n.tw .cur{ display:inline-block; width:8px; height:15px; background:#FA48DC; vertical-align:-2px; margin-left:1px; animation:bl 1s steps(2) infinite; } @keyframes bl{50%{opacity:0}}\n.bub{ max-width:80%; padding:9px 13px; border-radius:12px; font-size:13px; margin:6px 0; opacity:0; transform:translateY(6px); transition:.35s; }\n.bub.in{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#cfc9d2; }\n.bub.out{ background:rgba(250,72,220,.14); border:1px solid rgba(250,72,220,.4); color:#f0d8ec; margin-left:auto; }\n.bub.show{ opacity:1; transform:none; }\n.tag2{ position:absolute; font-family:ui-monospace,Menlo,monospace; font-size:9.5px; color:#fff; background:rgba(10,4,9,.82); border:1px solid; padding:2px 6px; border-radius:5px; opacity:0; transition:.25s; white-space:nowrap; } .tag2.show{ opacity:1; }\n.dcard{ position:absolute; left:18px; right:18px; bottom:16px; background:rgba(16,8,15,.9); border:1px solid rgba(250,72,220,.4); border-radius:10px; padding:11px 13px; opacity:0; transform:translateY(8px); transition:.4s; }\n.dcard.show{ opacity:1; transform:none; } .dcard .dl{ font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.16em; text-transform:uppercase; color:#c26db8; } .dcard .dvv{ font-size:14px; color:#fff; margin-top:4px; }\n/* cards */\n.cards{ position:absolute; left:0; right:0; bottom:44px; z-index:8; display:flex; justify-content:center; padding:0 44px; border-top:1px solid rgba(255,255,255,.07); }\n.fc{ flex:1; max-width:200px; text-align:left; padding:16px 18px 15px; cursor:pointer; position:relative; transition:background .18s; border-right:1px solid rgba(255,255,255,.05); }\n.fc:first-child{ border-left:1px solid rgba(255,255,255,.05); }\n.fc:hover{ background:rgba(255,255,255,.02); }\n.fc.on{ background:rgba(250,72,220,.06); } .fc.on::before{ content:''; position:absolute; top:-1px; left:0; right:0; height:2px; background:#FA48DC; }\n.fc .ic{ width:22px; height:22px; margin-bottom:10px; opacity:.9; }\n.fc .ft{ font-size:12.5px; font-weight:600; color:#EDECEF; } .fc .fd{ margin-top:5px; font-size:11px; line-height:1.4; color:#8a848c; }\n.fc .fs{ margin-top:8px; font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.06em; color:#5f5a61; text-transform:uppercase; } .fc.on .fs{ color:#a86aa0; }\n.payoff{ position:absolute; left:0; right:0; bottom:12px; text-align:center; z-index:8; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#5f5a61; } .payoff b{ color:#c98fbf; }\n@media (max-width:1080px){ .cards{ flex-wrap:wrap; } .fc{ max-width:none; flex:1 1 30%; border-bottom:1px solid rgba(255,255,255,.05); } .stage{ position:relative; width:auto; } }\n@media (prefers-reduced-motion:reduce){ .fc{ animation:none!important; } }\n`,\n render(d2){\n var F=[\n ['decisao','Raciocínio','decide com o porquê','texto · regras','M2 4h12M2 8h9M2 12h11'],\n ['voz','Voz in/out','ouve e responde falando','STT+TTS · PT·EN·ES','M2 8h2l2-5 3 10 2-6 2 3h2'],\n ['imagem','Imagem','gera a partir do texto','difusão · sob demanda','M2 3h12v10H2z M5 7l3 3 3-4'],\n ['visao','Visão','lê documentos e fotos','OCR + detecção','M8 4C3 4 1 8 1 8s2 4 7 4 7-4 7-4-2-4-7-4z M8 6a2 2 0 100 4 2 2 0 000-4z'],\n ['embeddings','Busca','encontra por significado','vetor · kNN','M7 7a4 4 0 105 5 M11 11l3 3'],\n ['streaming','Streaming','tempo real, 128k','~2000 tok/s','M2 6h14M2 10h16M2 14h10']\n ];\n return ''+\n ' Data² · Domain
'+\n 'Mostre o caso. Ele decide.
'+\n 'A inteligência do runtime: entende qualquer entrada, raciocina e devolve uma decisão — na hora.
domain · engine
estado · nominal
latência · 17ms
'+\n 'estado · nominal
latência · 17ms
'+ chips.map(function(c){ return ''; }).join('') +'
'+\n 'Decisão
Ficha técnica
'+ feats.map(function(f){ return ''+f[0]+''+f[1]+'
'+f[2]+'
mexa o mouse · clique um caso
'+\n 'Qualquer entrada · uma decisão · na hora
'+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), core=root.querySelector('[data-core]'), aura=root.querySelector('[data-aura]');\n var stage=root.querySelector('[data-stage]'), sth=root.querySelector('[data-sth]'), demo=root.querySelector('[data-demo]'), dov=root.querySelector('[data-dov]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var W=0,H=0,CX=0,CY=0,CBW=520,CBH=520;\n function layout(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; CX=W*0.30; CY=H*0.46;\n core.style.left=(CX-CBW/2)+'px'; core.style.top=(CY-CBH/2)+'px'; core.style.width=CBW+'px'; core.style.height=CBH+'px';\n aura.style.left=(CX-280)+'px'; aura.style.top=(CY-280)+'px';\n stage.style.left=(CX+230)+'px'; stage.style.top=(CY-125)+'px';\n var DP=Math.min(1.5,(window.devicePixelRatio||1)); core.width=Math.round(CBW*DP); core.height=Math.round(CBH*DP); if(gl)gl.viewport(0,0,core.width,core.height); }\n\n // ---- gooey core shader ----\n var gl=core.getContext('webgl',{alpha:true,premultipliedAlpha:false,antialias:true}); var setEnergy=function(){};\n if(gl){ var vs='attribute vec2 p;void main(){gl_Position=vec4(p,0.,1.);}';\n var fs=['precision highp float;','uniform vec2 uRes;uniform float uTime;uniform vec2 uCenter;uniform vec2 uVel;uniform float uEnergy;',\n 'float smin(float a,float b,float k){float h=clamp(.5+.5*(b-a)/k,0.,1.);return mix(b,a,h)-k*h*(1.-h);} ',\n 'float sp(vec3 p,vec3 c,float r){return length(p-c)-r;}',\n 'float map(vec3 p){float t=uTime;float k=.42;float d=sp(p,vec3(0.),.5+.04*sin(t*1.2)+uEnergy*.13);',\n 'for(int i=0;i<5;i++){float fi=float(i);float a=t*(.45+fi*.12)+fi*1.9;float rr=.40+.09*sin(t*.6+fi);',\n 'vec3 c=vec3(cos(a)*rr,sin(a*1.13)*rr*.82,sin(a*.6)*.4);c.xy+=uVel*.4*(.5+.5*sin(fi));',\n 'd=smin(d,sp(p,c,.19+.04*sin(t+fi)+uEnergy*.07),k);}return d;}',\n 'vec3 nr(vec3 p){vec2 e=vec2(.0012,0.);return normalize(vec3(map(p+e.xyy)-map(p-e.xyy),map(p+e.yxy)-map(p-e.yxy),map(p+e.yyx)-map(p-e.yyx)));}',\n 'void main(){vec2 uv=1.85*(gl_FragCoord.xy-.5*uRes)/uRes.y;vec3 ro=vec3(0.,0.,2.7);vec3 rd=normalize(vec3(uv,-1.6));ro.xy-=uCenter;',\n 'float t=0.;vec3 p;float d;float hit=0.;for(int i=0;i<80;i++){p=ro+rd*t;d=map(p);if(d<.0016){hit=1.;break;}t+=d;if(t>6.5)break;}',\n 'vec3 col=vec3(0.);float al=0.;if(hit>.5){vec3 n=nr(p);vec3 L=normalize(vec3(-.45,.72,.55));vec3 L2=normalize(vec3(.6,-.3,.5));',\n 'float df=max(dot(n,L),0.);float df2=max(dot(n,L2),0.)*.4;float fr=pow(1.-max(dot(n,-rd),0.),3.);float sc=pow(max(dot(reflect(-L,n),-rd),0.),46.);',\n 'vec3 deep=vec3(.42,.06,.42);vec3 lit=vec3(1.,.32,.9);col=mix(deep,lit,df)+df2*vec3(.5,.18,.55);col+=fr*vec3(1.,.6,.98)*1.15;col+=sc*vec3(1.);col+=uEnergy*vec3(.55,.12,.45);al=1.;}',\n 'gl_FragColor=vec4(col,al);}'].join('\\n');\n function mk(t,s){var x=gl.createShader(t);gl.shaderSource(x,s);gl.compileShader(x);return x;}\n var pr=gl.createProgram();gl.attachShader(pr,mk(gl.VERTEX_SHADER,vs));gl.attachShader(pr,mk(gl.FRAGMENT_SHADER,fs));gl.linkProgram(pr);gl.useProgram(pr);\n var bf=gl.createBuffer();gl.bindBuffer(gl.ARRAY_BUFFER,bf);gl.bufferData(gl.ARRAY_BUFFER,new Float32Array([-1,-1,3,-1,-1,3]),gl.STATIC_DRAW);\n var lp=gl.getAttribLocation(pr,'p');gl.enableVertexAttribArray(lp);gl.vertexAttribPointer(lp,2,gl.FLOAT,false,0,0);\n var uRes=gl.getUniformLocation(pr,'uRes'),uTime=gl.getUniformLocation(pr,'uTime'),uCenter=gl.getUniformLocation(pr,'uCenter'),uVel=gl.getUniformLocation(pr,'uVel'),uEnergy=gl.getUniformLocation(pr,'uEnergy');\n gl.enable(gl.BLEND);gl.blendFunc(gl.SRC_ALPHA,gl.ONE_MINUS_SRC_ALPHA);\n var cx=0,cy=0,tcx=0,tcy=0,pcx=0,pcy=0,energy=0,t0=performance.now();\n setEnergy=function(){energy=1;};\n d2.on(st,'pointermove',function(e){var r=core.getBoundingClientRect();var nx=((e.clientX-r.left)/r.width-.5)*2,ny=((e.clientY-r.top)/r.height-.5)*2;tcx=Math.max(-.3,Math.min(.3,nx*.36));tcy=Math.max(-.24,Math.min(.24,-ny*.36));aura.style.transform='translate('+(nx*30).toFixed(0)+'px,'+(ny*30).toFixed(0)+'px)';});\n d2.on(st,'pointerleave',function(){tcx=0;tcy=0;aura.style.transform='';});\n var crun=true; function cframe(t){ if(!crun)return; var tt=(t-t0)/1000; pcx=cx;pcy=cy; cx+=(tcx-cx)*.07;cy+=(tcy-cy)*.07; if(energy>0)energy-=.012;\n gl.uniform2f(uRes,core.width,core.height);gl.uniform1f(uTime,tt);gl.uniform2f(uCenter,cx,cy);gl.uniform2f(uVel,(cx-pcx)*4,(cy-pcy)*4);gl.uniform1f(uEnergy,Math.max(0,energy));\n gl.clear(gl.COLOR_BUFFER_BIT);gl.drawArrays(gl.TRIANGLES,0,3); rafc=requestAnimationFrame(cframe); }\n var rafc=null; var ioC=new IntersectionObserver(function(es){es.forEach(function(e){ if(e.isIntersecting){ if(!crun){crun=true;t0=performance.now();rafc=requestAnimationFrame(cframe);} } else { crun=false; if(rafc)cancelAnimationFrame(rafc);} });},{threshold:.02});\n if(!reduce) rafc=requestAnimationFrame(cframe); else { gl.uniform2f(uRes,core.width,core.height);gl.uniform1f(uTime,1.4);gl.uniform2f(uCenter,0,0);gl.uniform2f(uVel,0,0);gl.uniform1f(uEnergy,.25);gl.clear(gl.COLOR_BUFFER_BIT);gl.drawArrays(gl.TRIANGLES,0,3);}\n }\n layout(); d2.on(window,'resize',layout); if(gl){ var ioc=new IntersectionObserver(function(){},{}); }\n\n // ---- demo stage (concrete per-modality) ----\n var dx=demo.getContext('2d'), SW=880,SH=500, active='decisao', dtimers=[];\n function clearD(){ dtimers.forEach(clearTimeout); dtimers=[]; dov.innerHTML=''; dx.clearRect(0,0,SW,SH); if(demoRaf)cancelAnimationFrame(demoRaf); demoRaf=null; }\n var demoRaf=null;\n var NAMES={decisao:'Decisão',voz:'Voz · entra e sai',imagem:'Geração de imagem',visao:'Visão computacional',embeddings:'Busca semântica',streaming:'Streaming'};\n function run(k){ active=k; clearD(); setEnergy(); sth.innerHTML=' '+NAMES[k];\n if(k==='decisao'){ dov.innerHTML=''; var el=dov.querySelector('[data-tw]'); var full='› cruzando sinais do caso…\\\\n› regra auditável aplicada\\\\n\\\\nDECISÃO: reter cliente — oferta + CS hoje.'; var i=0; var iv=setInterval(function(){ if(active!=='decisao'){clearInterval(iv);return;} i++; el.innerHTML=full.slice(0,i).replace(/\\\\n/g,' Data² · Domain
'+\n 'Mostre o caso. Ele decide.
'+\n 'A inteligência do runtime — multimodal. Escolha uma capacidade: ela acontece ao vivo.
domain · engine
idiomas · PT·EN·ES·+40
latência · 17ms
'+\n 'idiomas · PT·EN·ES·+40
latência · 17ms
Decisão
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
Qualquer entrada · uma decisão · na hora
'+\n '')+''; if(i>=full.length){clearInterval(iv); el.innerHTML=full.replace(/\\\\n/g,'
');} },26); }\n else if(k==='voz'){ dov.innerHTML='
🎙 “Cadê meu pedido 8421?”
“Sai amanhã 14h — rastreio enviado.”
';\n dtimers.push(setTimeout(function(){ if(active==='voz')dov.querySelector('.bub.in').classList.add('show'); },250)); dtimers.push(setTimeout(function(){ if(active==='voz')dov.querySelector('.bub.out').classList.add('show'); },1500));\n var t0=performance.now(); function wv(t){ if(active!=='voz')return; var y=SH*0.72; dx.clearRect(0,SH*0.55,SW,SH*0.45); dx.beginPath(); for(var x=0;x<=SW;x+=6){ var e=Math.sin(x*0.02+ (t-t0)*0.006)*0.5+Math.sin(x*0.05-(t-t0)*0.009)*0.3; var amp=46*(0.4+0.6*Math.abs(Math.sin((t-t0)*0.002+x*0.002))); if(x===0)dx.moveTo(x,y+e*amp); else dx.lineTo(x,y+e*amp);} var g=dx.createLinearGradient(0,0,SW,0); g.addColorStop(0,'rgba(250,72,220,.3)');g.addColorStop(.5,'#FA48DC');g.addColorStop(1,'rgba(77,207,250,.7)'); dx.strokeStyle=g; dx.lineWidth=2.4; dx.stroke(); demoRaf=requestAnimationFrame(wv);} demoRaf=requestAnimationFrame(wv); }\n else if(k==='imagem'){ dov.innerHTML='prompt · “frasco de perfume, luz suave”
'; var it0=performance.now(); function img(t){ if(active!=='imagem')return; var p=Math.min(1,(t-it0)/2600); var BS=200,bx=SW/2-BS/2,by=SH/2-BS/2+10; var res=Math.max(5,Math.round(5+(1-p)*42)); var cell=Math.ceil(BS/Math.ceil(BS/res)); for(var y=0;yvizinhos por significado
'; }\n else if(k==='streaming'){ var toks=[],n=0; dov.innerHTML='0 tok
'; function str(){ if(active!=='streaming')return; dx.fillStyle='rgba(11,7,17,.28)';dx.fillRect(0,0,SW,SH); dx.globalCompositeOperation='lighter'; for(var k2=0;k2<6;k2++)toks.push({x:0,y:SH*0.2+Math.random()*SH*0.6,v:6+Math.random()*10}); n+=Math.round(40+Math.random()*90); var el=dov.querySelector('[data-sc]'); if(el)el.textContent=n.toLocaleString('pt-BR')+' tok'; for(var i=toks.length-1;i>=0;i--){var p=toks[i];p.x+=p.v;if(p.x>SW){toks.splice(i,1);continue;}dx.beginPath();dx.arc(p.x,p.y,1.8,0,6.28);dx.fillStyle='rgba(255,120,230,.8)';dx.fill();} if(toks.length>420)toks.splice(0,toks.length-420); dx.globalCompositeOperation='source-over'; demoRaf=requestAnimationFrame(str);} demoRaf=requestAnimationFrame(str); }\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ c.classList.toggle('on', c.getAttribute('data-f')===k); });\n }\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ d2.on(c,'click',function(){ run(c.getAttribute('data-f')); }); });\n run('decisao');\n if(!reduce){ var io2=new IntersectionObserver(function(es){es.forEach(function(e){ if(e.isIntersecting){ /* keep current */ } });},{threshold:.2}); io2.observe(st);\n // gentle idle hint: cycle to voz once after a bit\n setTimeout(function(){ if(active==='decisao') run('voz'); },5200);\n }\n }\n}\n"}}}}}}}},{"_id":"6a7422617b69f6e94451e5ac","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"0MfwBc5HuDLpCuTOU8c_p","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"function D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction DOM_T(){ return {\n pt:{ n_decisao:'Raciocínio', n_voz:'Voz · entra e sai', n_imagem:'Imagem', n_visao:'Visão', n_embeddings:'Busca', n_streaming:'Streaming', d_decisao:'decide com o porquê', d_voz:'conversa por voz, do início ao fim', d_imagem:'gera a partir do texto', d_visao:'lê documento e entende o contexto — até 5 fotos por vez', d_embeddings:'busca o que importa — antes de responder', d_streaming:'chega enquanto é gerado, milhares de tokens por segundo', s_decisao:'texto · regras', s_imagem:'imagem na hora', s_visao:'nota fiscal · laudo · print', s_embeddings:'sem palavra exata', nm_decisao:'Decisão', nm_voz:'Voz · entra e sai', nm_imagem:'Geração de imagem', nm_visao:'Visão computacional', nm_embeddings:'Busca semântica', nm_streaming:'Streaming', h1a:'Inteligência multimodal.', h1b:'Nativa na runtime.', h1s:'Texto, voz, imagem e visão — uma decisão auditável, na hora. Escolha a capacidade: ela acontece ao vivo.', seedA:'domain · engine', seedB:'idiomas · PT·EN·ES·+40', seedC:'latência · 17ms', payoffA:'Qualquer entrada', payoffB:'uma decisão · na hora', dec_l1:'› cruzando sinais do caso…', dec_l2:'› regra auditável aplicada', dec_l3:'DECISÃO: reter cliente — oferta + CS hoje.', voz_in:'▸ entra · “Cadê meu pedido 8421?”', voz_out:'“Sai amanhã 14h — rastreio enviado.”', if_gera:'gera', if_variacoes:'variações', if_edita:'edita', if_estilo:'estilo', if_demanda:'sob demanda', img_gera_q:'prompt: \"frasco, luz suave\"', img_difusao:'difusão', img_gerada:'imagem gerada', img_var_q:'1 prompt → 4 variações', img_regiao:'região', img_rotulo:'rótulo central', img_acao:'ação', img_regenerar:'regenerar', img_regenerado:'trecho regenerado', img_estilo_q:'mesma forma · novo tom', img_estilo_lbl:'estilo', img_tom_magenta:'tom magenta', img_tom_violeta:'tom violeta', img_tom_rosa:'tom rosa', img_demanda_q:'gerado sob demanda', img_demanda_small:'imagens · on-request', gen_sing:'geração', gen_plur:'gerações', vis_nf:'nota fiscal', emb_label:'vizinhos por significado', pf1v:'+3B', pf1l:'tokens/mês · 1 cliente', pf2v:'~2.000/s', pf2l:'tokens entregues', pf3v:'até 5', pf3l:'imagens por chamada' },\n en:{ n_decisao:'Reasoning', n_voz:'Voice · in and out', n_imagem:'Image', n_visao:'Vision', n_embeddings:'Search', n_streaming:'Streaming', d_decisao:'decides with the why', d_voz:'talks by voice, start to finish', d_imagem:'generates from text', d_visao:'reads the document, gets the context — up to 5 photos at once', d_embeddings:'finds what matters — before it answers', d_streaming:'arrives as it is generated, thousands of tokens per second', s_decisao:'text · rules', s_imagem:'images on the spot', s_visao:'invoice · report · screenshot', s_embeddings:'no exact keywords', nm_decisao:'Decision', nm_voz:'Voice · in and out', nm_imagem:'Image generation', nm_visao:'Computer vision', nm_embeddings:'Semantic search', nm_streaming:'Streaming', h1a:'Multimodal intelligence.', h1b:'Native to the runtime.', h1s:'Text, voice, image and vision — one auditable decision, on the spot. Pick a capability: it happens live.', seedA:'domain · engine', seedB:'languages · PT·EN·ES·+40', seedC:'latency · 17ms', payoffA:'Any input', payoffB:'one decision · on the spot', dec_l1:'› cross-referencing case signals…', dec_l2:'› auditable rule applied', dec_l3:'DECISION: retain customer — offer + CS today.', voz_in:'▸ in · “Where is my order 8421?”', voz_out:'“Ships tomorrow 2pm — tracking sent.”', if_gera:'generate', if_variacoes:'variations', if_edita:'edit', if_estilo:'style', if_demanda:'on demand', img_gera_q:'prompt: \"bottle, soft light\"', img_difusao:'diffusion', img_gerada:'image generated', img_var_q:'1 prompt → 4 variations', img_regiao:'region', img_rotulo:'center label', img_acao:'action', img_regenerar:'regenerate', img_regenerado:'region regenerated', img_estilo_q:'same shape · new tone', img_estilo_lbl:'style', img_tom_magenta:'magenta tone', img_tom_violeta:'violet tone', img_tom_rosa:'pink tone', img_demanda_q:'generated on demand', img_demanda_small:'images · on-request', gen_sing:'generation', gen_plur:'generations', vis_nf:'invoice', emb_label:'neighbors by meaning', pf1v:'+3B', pf1l:'tokens/mo · 1 client', pf2v:'~2,000/s', pf2l:'tokens delivered', pf3v:'up to 5', pf3l:'images per call' },\n es:{ n_decisao:'Razonamiento', n_voz:'Voz · entra y sale', n_imagem:'Imagen', n_visao:'Visión', n_embeddings:'Búsqueda', n_streaming:'Streaming', d_decisao:'decide con el porqué', d_voz:'conversa por voz, de principio a fin', d_imagem:'genera a partir del texto', d_visao:'lee el documento y entiende el contexto — hasta 5 fotos a la vez', d_embeddings:'busca lo que importa — antes de responder', d_streaming:'llega mientras se genera, miles de tokens por segundo', s_decisao:'texto · reglas', s_imagem:'imagen al instante', s_visao:'factura · informe · captura', s_embeddings:'sin palabra exacta', nm_decisao:'Decisión', nm_voz:'Voz · entra y sale', nm_imagem:'Generación de imagen', nm_visao:'Visión por computadora', nm_embeddings:'Búsqueda semántica', nm_streaming:'Streaming', h1a:'Inteligencia multimodal.', h1b:'Nativa en el runtime.', h1s:'Texto, voz, imagen y visión — una decisión auditable, al instante. Elige la capacidad: sucede en vivo.', seedA:'domain · engine', seedB:'idiomas · PT·EN·ES·+40', seedC:'latencia · 17ms', payoffA:'Cualquier entrada', payoffB:'una decisión · al instante', dec_l1:'› cruzando señales del caso…', dec_l2:'› regla auditable aplicada', dec_l3:'DECISIÓN: retener cliente — oferta + CS hoy.', voz_in:'▸ entra · “¿Dónde está mi pedido 8421?”', voz_out:'“Sale mañana 14h — rastreo enviado.”', if_gera:'genera', if_variacoes:'variaciones', if_edita:'edita', if_estilo:'estilo', if_demanda:'bajo demanda', img_gera_q:'prompt: \"frasco, luz suave\"', img_difusao:'difusión', img_gerada:'imagen generada', img_var_q:'1 prompt → 4 variaciones', img_regiao:'región', img_rotulo:'etiqueta central', img_acao:'acción', img_regenerar:'regenerar', img_regenerado:'zona regenerada', img_estilo_q:'misma forma · nuevo tono', img_estilo_lbl:'estilo', img_tom_magenta:'tono magenta', img_tom_violeta:'tono violeta', img_tom_rosa:'tono rosa', img_demanda_q:'generado bajo demanda', img_demanda_small:'imágenes · on-request', gen_sing:'generación', gen_plur:'generaciones', vis_nf:'factura', emb_label:'vecinos por significado', pf1v:'+3B', pf1l:'tokens/mes · 1 cliente', pf2v:'~2.000/s', pf2l:'tokens entregados', pf3v:'hasta 5', pf3l:'imágenes por llamada' }\n}; }\nexport default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; min-height:88vh; overflow:hidden;\n background:radial-gradient(78% 70% at 30% 42%, #150a19 0%, #0b0711 46%, #070509 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\n.aura{ position:absolute; z-index:1; width:560px; height:560px; border-radius:50%; pointer-events:none;\n background:radial-gradient(circle, rgba(250,72,220,.16) 0%, rgba(176,72,250,.06) 42%, rgba(120,40,200,0) 70%); filter:blur(12px); transition:transform .25s ease-out; }\ncanvas.core{ position:absolute; z-index:2; display:block; }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:5; }\n.head{ position:absolute; top:44px; left:56px; z-index:8; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#8a7488; display:flex; align-items:center; gap:8px; }\n.dot{ width:8px; height:8px; border-radius:50%; background:#FA48DC; box-shadow:0 0 12px 2px #FA48DC; }\n.h1{ font-size:clamp(26px,3.2vw,44px); font-weight:500; letter-spacing:-.025em; margin:11px 0 0; color:#F4F2F6; }\n.h1 .g{ color:#8a8490; }\n.h1s{ margin:11px 0 0; font-size:13.5px; line-height:1.5; color:#9a949c; max-width:38ch; }\n.seed{ position:absolute; top:50px; right:56px; z-index:8; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#544f56; line-height:1.7; }\n.seed b{ color:#c98fbf; font-weight:400; font-variant-numeric:tabular-nums; }\n.stage{ position:absolute; z-index:7; width:min(38%,440px); }\n.st-h{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#a86aa0; margin-bottom:12px; display:flex; align-items:center; gap:8px; }\n.st-box{ position:relative; height:250px; border:1px solid rgba(255,255,255,.1); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.02); }\ncanvas.demo{ position:absolute; inset:0; width:100%; height:100%; }\n.dov{ position:absolute; inset:0; padding:18px; }\n.mono{ font-family:ui-monospace,Menlo,monospace; }\n.tw{ font-family:ui-monospace,Menlo,monospace; font-size:13px; line-height:1.7; color:#e8dce6; white-space:pre-wrap; }\n.tw .cur{ display:inline-block; width:8px; height:15px; background:#FA48DC; vertical-align:-2px; margin-left:1px; animation:bl 1s steps(2) infinite; } @keyframes bl{50%{opacity:0}}\n.bub{ max-width:80%; padding:9px 13px; border-radius:12px; font-size:13px; margin:6px 0; opacity:0; transform:translateY(6px); transition:.35s; }\n.bub.in{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); color:#cfc9d2; }\n.bub.out{ background:rgba(250,72,220,.14); border:1px solid rgba(250,72,220,.4); color:#f0d8ec; margin-left:auto; }\n.bub.show{ opacity:1; transform:none; }\n.tag2{ position:absolute; font-family:ui-monospace,Menlo,monospace; font-size:9.5px; color:#fff; background:rgba(10,4,9,.82); border:1px solid; padding:2px 6px; border-radius:5px; opacity:0; transition:.25s; white-space:nowrap; } .tag2.show{ opacity:1; }\n.cards{ position:absolute; left:0; right:0; bottom:44px; z-index:8; display:flex; justify-content:center; padding:0 44px; border-top:1px solid rgba(255,255,255,.07); }\n.fc{ flex:1; max-width:200px; text-align:left; padding:16px 18px 15px; cursor:pointer; position:relative; transition:background .18s; border-right:1px solid rgba(255,255,255,.05); }\n.fc:first-child{ border-left:1px solid rgba(255,255,255,.05); }\n.fc:hover{ background:rgba(255,255,255,.02); }\n.fc.on{ background:rgba(250,72,220,.06); } .fc.on::before{ content:''; position:absolute; top:-1px; left:0; right:0; height:2px; background:#FA48DC; }\n.fc .ic{ width:22px; height:22px; margin-bottom:10px; opacity:.9; }\n.fc .ft{ font-size:12.5px; font-weight:600; color:#EDECEF; } .fc .fd{ margin-top:5px; font-size:11px; line-height:1.4; color:#8a848c; }\n.fc .fs{ margin-top:8px; font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.06em; color:#5f5a61; text-transform:uppercase; } .fc.on .fs{ color:#a86aa0; }\n.proof{ position:absolute; left:0; right:0; bottom:26px; text-align:center; z-index:8; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.06em; color:#8a848c; } .proof b{ color:#c98fbf; font-weight:500; }\n.payoff{ position:absolute; left:0; right:0; bottom:8px; text-align:center; z-index:8; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#5f5a61; } .payoff b{ color:#c98fbf; }\n@media (max-width:900px){\n :host{ height:auto; }\n .st{ min-height:0; height:auto; display:flex; flex-direction:column; align-items:stretch; padding:36px 20px 26px; gap:22px; }\n .aura{ display:none; }\n .head{ position:relative; top:auto; left:auto; order:1; }\n .h1s{ max-width:none; }\n .seed{ position:relative; top:auto; right:auto; text-align:left; order:2; }\n canvas.core{ position:relative !important; left:auto !important; top:auto !important; margin:0 auto; order:3; }\n .stage{ position:relative !important; left:auto !important; top:auto !important; width:100%; max-width:440px; margin:0 auto; order:4; }\n .cards{ position:relative; left:auto; right:auto; bottom:auto; padding:0; flex-wrap:wrap; order:5; }\n .fc{ max-width:none; flex:1 1 30%; border-bottom:1px solid rgba(255,255,255,.05); }\n .proof{ position:relative; bottom:auto; left:auto; right:auto; order:6; margin-top:6px; }\n .payoff{ position:relative; bottom:auto; order:7; margin-top:2px; }\n}\n@media (max-width:560px){\n .st{ padding:28px 16px 22px; }\n .h1{ font-size:clamp(23px,7vw,30px); }\n .fc{ flex:1 1 42%; padding:13px 12px 12px; }\n .seed{ display:none; }\n}\n.ichips{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }\n.ichip{ font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.04em; text-transform:uppercase; color:#8a848c; padding:4px 9px; border:1px solid rgba(255,255,255,.12); border-radius:20px; cursor:pointer; transition:.2s; white-space:nowrap; }\n.ichip:hover{ color:#c98fbf; border-color:rgba(250,72,220,.4); }\n.ichip.on{ color:#0b0711; background:#FA48DC; border-color:#FA48DC; }\n.idov{ position:relative; font-family:ui-monospace,Menlo,monospace; }\n.rec{ font-size:12.5px; line-height:1.7; } .rec .k{ color:#8a848c; } .rec .v{ color:#EDECEF; } .rec .t{ color:#FA48DC; font-size:10px; }\n.chk{ opacity:0; transition:.3s; color:#FA48DC; font-size:12.5px; } .chk.on{ opacity:1; }\n.q{ font-size:13px; color:#EDECEF; } .q .cur{ display:inline-block; width:8px; height:15px; background:#FA48DC; vertical-align:-2px; margin-left:1px; animation:bl 1s steps(2) infinite; }\n.prog{ margin-top:12px; height:4px; border-radius:2px; background:rgba(255,255,255,.08); overflow:hidden; } .prog i{ display:block; height:100%; width:0; background:#FA48DC; transition:width .12s linear; }\n.vgrid{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; } .vcell{ height:44px; border:1px solid rgba(255,255,255,.1); border-radius:8px; position:relative; overflow:hidden; opacity:0; transform:scale(.9); transition:.4s; } .vcell.on{ opacity:1; transform:none; } .vcell b{ position:absolute; bottom:4px; left:7px; font-size:9px; color:rgba(255,255,255,.65); font-weight:400; }\n.sw{ display:flex; gap:7px; margin-top:12px; } .sw i{ width:26px; height:26px; border-radius:6px; display:inline-block; opacity:0; transform:translateY(4px); transition:.32s; } .sw i.on{ opacity:1; transform:none; }\n.big{ position:absolute; left:0; right:0; top:52%; transform:translateY(-50%); text-align:center; font-size:clamp(26px,4vw,42px); color:#F4F2F6; font-variant-numeric:tabular-nums; letter-spacing:-.02em; } .big small{ display:block; font-size:10px; letter-spacing:.14em; color:#8a848c; text-transform:uppercase; margin-top:6px; }\n@media (prefers-reduced-motion:reduce){ .fc{ animation:none!important; } }\n`,\n render(d2){\n var lang=D2LANG(d2); var TT=DOM_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var F=[\n ['decisao',t('n_decisao'),t('d_decisao'),t('s_decisao'),'M2 4h12M2 8h9M2 12h11'],\n ['voz',t('n_voz'),t('d_voz'),'STT+TTS · PT·EN·ES','M2 8h2l2-5 3 10 2-6 2 3h2'],\n ['imagem',t('n_imagem'),t('d_imagem'),t('s_imagem'),'M2 3h12v10H2z M5 7l3 3 3-4'],\n ['visao',t('n_visao'),t('d_visao'),t('s_visao'),'M8 4C3 4 1 8 1 8s2 4 7 4 7-4 7-4-2-4-7-4z M8 6a2 2 0 100 4 2 2 0 000-4z'],\n ['embeddings',t('n_embeddings'),t('d_embeddings'),t('s_embeddings'),'M7 7a4 4 0 105 5 M11 11l3 3'],\n ['streaming',t('n_streaming'),t('d_streaming'),'~2000 tok/s','M2 6h14M2 10h16M2 14h10']\n ];\n return ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var lang=D2LANG(d2); var TT=DOM_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var st=root.querySelector('[data-st]'), core=root.querySelector('[data-core]'), aura=root.querySelector('[data-aura]');\n var head=root.querySelector('.head'), seed=root.querySelector('.seed');\n var stage=root.querySelector('[data-stage]'), sth=root.querySelector('[data-sth]'), demo=root.querySelector('[data-demo]'), dov=root.querySelector('[data-dov]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var fx=core.getContext('2d');\n var W=0,H=0,CX=0,CY=0,CBW=560,CBH=560,DP=1, R=1;\n var pts=[];\n function build(){ pts=[]; var step=Math.max(26, Math.round(CBW/16)); var half=CBW/2;\n for(var gy=-half+step/2; gy Data² · Domain
'+\n ''+t('h1a')+' '+t('h1b')+'
'+\n ''+t('h1s')+'
'+t('seedA')+'
'+t('seedB')+'
'+t('seedC')+'
'+\n ''+t('seedB')+'
'+t('seedC')+'
'+t('nm_decisao')+'
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
'+t('pf1v')+' '+t('pf1l')+' · '+t('pf2v')+' '+t('pf2l')+' · '+t('pf3v')+' '+t('pf3l')+'
'+\n ''+t('payoffA')+' · '+t('payoffB')+'
'+\n '')+''; if(i>=full.length){clearInterval(iv); el.innerHTML=full.replace(/\\\\n/g,'
');} },26); }\n else if(k==='voz'){ dov.innerHTML='
'+t('voz_in')+'
'+t('voz_out')+'
';\n dtimers.push(setTimeout(function(){ if(active==='voz')dov.querySelector('.bub.in').classList.add('show'); },250)); dtimers.push(setTimeout(function(){ if(active==='voz')dov.querySelector('.bub.out').classList.add('show'); },1500));\n var vt0=performance.now(); function wv(t){ if(active!=='voz')return; var y=SH*0.72; dx.clearRect(0,SH*0.55,SW,SH*0.45); dx.beginPath(); for(var x=0;x<=SW;x+=6){ var e=Math.sin(x*0.02+(t-vt0)*0.006)*0.5+Math.sin(x*0.05-(t-vt0)*0.009)*0.3; var amp=46*(0.4+0.6*Math.abs(Math.sin((t-vt0)*0.002+x*0.002))); if(x===0)dx.moveTo(x,y+e*amp); else dx.lineTo(x,y+e*amp);} var g=dx.createLinearGradient(0,0,SW,0); g.addColorStop(0,'rgba(250,72,220,.3)');g.addColorStop(.5,'#FA48DC');g.addColorStop(1,'rgba(77,207,250,.7)'); dx.strokeStyle=g; dx.lineWidth=2.4; dx.stroke(); demoRaf=requestAnimationFrame(wv);} demoRaf=requestAnimationFrame(wv); }\n else if(k==='imagem'){\n var IMAG=[250,72,220], INOISE=[92,108,124], IPAL=[[250,72,220],[176,72,250],[247,120,192]];\n var iR=165, iCX=SW/2, iCY=SH/2, iN=180, iPts=[], ienergy=1;\n function iEase(t){ return t<0.5? 2*t*t : 1-Math.pow(-2*t+2,2)/2; }\n function iMix(a,b,f){ if(f<0)f=0; if(f>1)f=1; return [a[0]+(b[0]-a[0])*f,a[1]+(b[1]-a[1])*f,a[2]+(b[2]-a[2])*f]; }\n function iInBottle(x,y){ var ax=Math.abs(x); if(y<-0.55){ return ax<0.18&&y>-0.76; } if(y<-0.36){ return ax<0.115; } if(y<0.70){ if(y>0.56){ var dy=(y-0.56)/0.14; return ax<0.30*Math.sqrt(Math.max(0,1-dy*dy)); } return ax<0.30; } return false; }\n function iRand(){ for(var g=0;g<60;g++){ var x=(Math.random()*2-1)*0.34,y=(Math.random()*2-1)*0.80; if(iInBottle(x,y))return [x,y]; } return [0,0]; }\n for(var ii=0;ii'+t('img_gera_q')+'
'+t('img_difusao')+' 0% de-noise
◆ '+t('img_gerada')+'
';\n var pc=0,iv=setInterval(function(){ if(active!=='imagem'||imode!=='gera'){clearInterval(iv);return;} var el=idov.querySelector('[data-p]'),bar=idov.querySelector('[data-bar]'); if(!el||!el.isConnected){clearInterval(iv);return;} pc+=Math.round(3+Math.random()*7); if(pc>=100){pc=100;clearInterval(iv);var c=idov.querySelector('[data-chk]');if(c)c.classList.add('on');} el.textContent=pc+'%'; if(bar)bar.style.width=pc+'%'; },110); iIntervals.push(iv); }\n else if(f==='variacoes'){ idov.innerHTML=''+t('img_var_q')+'
'+[1,2,3,4].map(function(n){ var c=IPAL[(n-1)%3]; return '
';\n [1,2,3,4].forEach(function(n,i){ iTimers.push(setTimeout(function(){ if(active!=='imagem'||imode!=='variacoes')return; var e=idov.querySelector('[data-v'+n+']'); if(e)e.classList.add('on'); },350+i*260)); }); }\n else if(f==='edita'){ idov.innerHTML='v'+n+'
'; }).join('')+''+t('img_regiao')+' '+t('img_rotulo')+'
'+t('img_acao')+' '+t('img_regenerar')+' inpaint
◆ '+t('img_regenerado')+'
';\n var pc=0,iv=setInterval(function(){ if(active!=='imagem'||imode!=='edita'){clearInterval(iv);return;} var bar=idov.querySelector('[data-bar]'); if(!bar||!bar.isConnected){clearInterval(iv);return;} pc+=6; if(pc>=100){pc=100;clearInterval(iv);var c=idov.querySelector('[data-chk]');if(c)c.classList.add('on');} bar.style.width=pc+'%'; },90); iIntervals.push(iv); }\n else if(f==='estilo'){ idov.innerHTML=''+t('img_estilo_q')+'
'+t('img_estilo_lbl')+' '+t('img_tom_magenta')+'
';\n ['data-c0','data-c1','data-c2'].forEach(function(h,i){ iTimers.push(setTimeout(function(){ if(active!=='imagem'||imode!=='estilo')return; var e=idov.querySelector('['+h+']'); if(e)e.classList.add('on'); },400+i*260)); });\n var styles=[t('img_tom_magenta'),t('img_tom_violeta'),t('img_tom_rosa')],si=0,iv=setInterval(function(){ if(active!=='imagem'||imode!=='estilo'){clearInterval(iv);return;} var el=idov.querySelector('[data-s]'); if(!el||!el.isConnected){clearInterval(iv);return;} si=(si+1)%styles.length; el.textContent=styles[si]; },1400); iIntervals.push(iv); }\n else if(f==='demanda'){ idov.innerHTML='
'+t('img_demanda_q')+'
0'+t('img_demanda_small')+'
';\n var n=0,iv=setInterval(function(){ if(active!=='imagem'||imode!=='demanda'){clearInterval(iv);return;} var el=idov.querySelector('[data-b]'); if(!el||!el.isConnected){clearInterval(iv);return;} n+=Math.round(1+Math.random()*3); el.textContent=n.toLocaleString('pt-BR'); },260); iIntervals.push(iv); }\n }\n function iframe(t){ if(active!=='imagem')return; if(!demo.isConnected)return; var mt=(t-imodeStart)/1000; if(ienergy>0)ienergy-=0.01;\n dx.clearRect(0,0,SW,SH); dx.save(); dx.translate(iCX,iCY);\n var loopLen=2.6,phase=0; if(imode==='demanda'){ phase=(mt%loopLen)/loopLen; var li=Math.floor(mt/loopLen); if(li!==ilastLoop){ilastLoop=li;igen++;} }\n dx.globalCompositeOperation='lighter';\n for(var i=0;i'+t('emb_label')+'
'; }\n else if(k==='streaming'){ var toks=[],n=0; dov.innerHTML='0 tok
'; function str(){ if(active!=='streaming')return; dx.fillStyle='rgba(11,7,17,.28)';dx.fillRect(0,0,SW,SH); dx.globalCompositeOperation='lighter'; for(var k2=0;k2<6;k2++)toks.push({x:0,y:SH*0.2+Math.random()*SH*0.6,v:6+Math.random()*10}); n+=Math.round(40+Math.random()*90); var el=dov.querySelector('[data-sc]'); if(el)el.textContent=n.toLocaleString('pt-BR')+' tok'; for(var i=toks.length-1;i>=0;i--){var p=toks[i];p.x+=p.v;if(p.x>SW){toks.splice(i,1);continue;}dx.beginPath();dx.arc(p.x,p.y,1.8,0,6.28);dx.fillStyle='rgba(255,120,230,.8)';dx.fill();} if(toks.length>420)toks.splice(0,toks.length-420); dx.globalCompositeOperation='source-over'; demoRaf=requestAnimationFrame(str);} demoRaf=requestAnimationFrame(str); }\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ c.classList.toggle('on', c.getAttribute('data-f')===k); });\n }\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ d2.on(c,'click',function(){ run(c.getAttribute('data-f')); }); });\n run('decisao');\n if(!reduce){ dtimers.push(setTimeout(function(){ if(active==='decisao') run('voz'); },5200)); }\n }\n}"}}}}}}}},{"_id":"6a749d168f24583f86b72d60","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"un9qyTTYV7_wdv0oKSkWY","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; height:100%; min-height:860px; overflow:hidden;\n background:radial-gradient(80% 68% at 50% 46%, #0d0a1a 0%, #0a0812 46%, #060509 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.bus{ position:absolute; z-index:2; display:block; }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:5; }\n.head{ position:absolute; top:44px; left:56px; z-index:8; max-width:52%; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:#8a86a2; display:flex; align-items:center; gap:8px; }\n.eyebrow .d1{ width:8px; height:8px; border-radius:50%; background:#8448FA; box-shadow:0 0 12px 2px #8448FA; }\n.eyebrow .arw{ color:#5a5570; }\n.eyebrow .d2{ width:8px; height:8px; border-radius:50%; background:#48FAFA; box-shadow:0 0 12px 2px #48FAFA; }\n.h1{ font-size:clamp(26px,3.2vw,44px); font-weight:500; letter-spacing:-.025em; margin:11px 0 0; color:#F4F2F6; }\n.h1 .g{ color:#8a8490; }\n.h1s{ margin:11px 0 0; font-size:13.5px; line-height:1.5; color:#9a949c; max-width:42ch; }\n.seed{ position:absolute; top:50px; right:56px; z-index:8; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.13em; color:#544f5e; line-height:1.7; }\n.seed b{ color:#9f8fd6; font-weight:400; font-variant-numeric:tabular-nums; } .seed b.c{ color:#7fcdd6; }\n.endlbl{ position:absolute; z-index:7; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.16em; text-transform:uppercase; }\n.endlbl .t{ font-size:12.5px; font-weight:600; letter-spacing:.04em; text-transform:none; }\n.endlbl .s{ color:#6f6a7e; font-size:9.5px; }\n.stage{ position:absolute; z-index:7; width:min(34%,400px); }\n.st-h{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#7f9ad6; margin-bottom:12px; display:flex; align-items:center; gap:8px; }\n.st-box{ position:relative; height:216px; border:1px solid rgba(255,255,255,.1); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.02); padding:16px; }\n.row{ display:flex; align-items:center; gap:9px; font-family:ui-monospace,Menlo,monospace; font-size:12px; margin:7px 0; opacity:0; transform:translateY(6px); transition:.34s; }\n.row.show{ opacity:1; transform:none; }\n.row .k{ padding:5px 10px; border-radius:8px; border:1px solid; white-space:nowrap; }\n.k.in{ background:rgba(132,72,250,.14); border-color:rgba(132,72,250,.45); color:#cbb8f4; }\n.k.out{ background:rgba(72,250,250,.12); border-color:rgba(72,250,250,.4); color:#a8ecec; }\n.k.ok{ background:rgba(102,250,72,.12); border-color:rgba(102,250,72,.4); color:#bff0a8; }\n.k.err{ background:rgba(250,72,72,.13); border-color:rgba(250,72,72,.45); color:#f4b8b8; }\n.row .ar{ color:#5a5570; }\n.row .mut{ color:#7a7488; font-size:11px; }\n.cards{ position:absolute; left:0; right:0; bottom:44px; z-index:8; display:flex; justify-content:center; padding:0 44px; border-top:1px solid rgba(255,255,255,.07); }\n.fc{ flex:1; max-width:200px; text-align:left; padding:16px 18px 15px; cursor:pointer; position:relative; transition:background .18s; border-right:1px solid rgba(255,255,255,.05); }\n.fc:first-child{ border-left:1px solid rgba(255,255,255,.05); }\n.fc:hover{ background:rgba(255,255,255,.02); }\n.fc.on{ background:rgba(120,120,250,.06); } .fc.on::before{ content:''; position:absolute; top:-1px; left:0; right:0; height:2px; background:linear-gradient(90deg,#8448FA,#48FAFA); }\n.fc .ic{ width:22px; height:22px; margin-bottom:10px; opacity:.9; }\n.fc .ft{ font-size:12.5px; font-weight:600; color:#EDECEF; } .fc .fd{ margin-top:5px; font-size:11px; line-height:1.4; color:#8a848c; }\n.fc .fs{ margin-top:8px; font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.06em; color:#5f5a61; text-transform:uppercase; } .fc.on .fs{ color:#7f9ad6; }\n.payoff{ position:absolute; left:0; right:0; bottom:12px; text-align:center; z-index:8; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#5f5a61; } .payoff b{ color:#9f8fd6; } .payoff b.c{ color:#7fcdd6; }\n@media (max-width:1080px){ .cards{ flex-wrap:wrap; } .fc{ max-width:none; flex:1 1 30%; border-bottom:1px solid rgba(255,255,255,.05); } .stage{ position:relative; width:auto; } }\n`,\n render(d2){\n var F=[\n ['webhook','Rush · Inbound','escuta cada evento','webhook · SIP · cron','M3 9h8M8 5l3 4-3 4'],\n ['entrega','Connect · Outbound','entrega em sistemas','HTTP · auth · retry','M3 9h8M8 5l3 4-3 4'],\n ['rota','Roteamento','1 evento → N destinos','fan-out','M4 9h4M8 9l4-4M8 9l4 4M8 9l4 0'],\n ['transforma','Transformação','molda o payload no caminho','map · shape','M3 6h8M3 12h8M11 4l2 2-2 2'],\n ['retry','Resiliência','retry + backoff auditável','entrega garantida','M13 9a4 4 0 11-1.2-2.9M13 4v3h-3'],\n ['tempo','Tempo real','throughput ao vivo','eventos/s','M2 12l3-5 3 3 3-6 3 8']\n ];\n return ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), bus=root.querySelector('[data-bus]');\n var lblR=root.querySelector('[data-lblR]'), lblC=root.querySelector('[data-lblC]');\n var stage=root.querySelector('[data-stage]'), sth=root.querySelector('[data-sth]'), box=root.querySelector('[data-box]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var bx=bus.getContext('2d');\n var W=0,H=0,DP=1, BW=0,BH=0, BL=0,BT=0;\n var xL,xR,yMid, node={r:0,c:0};\n function layout(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height;\n BW=Math.round(W*0.62); BH=380; BL=40; BT=Math.round(H*0.46-BH/2);\n bus.style.left=BL+'px'; bus.style.top=BT+'px'; bus.style.width=BW+'px'; bus.style.height=BH+'px';\n DP=Math.min(2,(window.devicePixelRatio||1)); bus.width=Math.round(BW*DP); bus.height=Math.round(BH*DP); bx.setTransform(DP,0,0,DP,0,0);\n xL=BW*0.10; xR=BW*0.90; yMid=BH*0.5;\n lblR.style.left=(BL+xL-14)+'px'; lblR.style.top=(BT+yMid-64)+'px';\n lblC.style.left=(BL+xR-72)+'px'; lblC.style.top=(BT+yMid+40)+'px';\n stage.style.left=Math.min(W-420, BL+BW-30)+'px'; stage.style.top=(BT+ (BH-248)/2)+'px'; }\n layout(); d2.on(window,'resize',layout);\n\n // bezier spine with mouse-bent control point\n function spineY(){ return yMid; }\n var ctrlY=yMid, ctrlTY=yMid, mX=9999,mY=0, hasMouse=false, energy=0, t0=performance.now(), run=true, raf=null;\n d2.on(st,'pointermove',function(e){ var r=bus.getBoundingClientRect(); mX=(e.clientX-r.left); mY=(e.clientY-r.top); hasMouse=true; });\n d2.on(st,'pointerleave',function(){ hasMouse=false; });\n function bez(t){ // quadratic P0(xL,y0) P1(cx,ctrlY) P2(xR,y1)\n var y0=yMid-12, y1=yMid+12, cx=(xL+xR)/2; var u=1-t;\n var x=u*u*xL + 2*u*t*cx + t*t*xR;\n var y=u*u*y0 + 2*u*t*ctrlY + t*t*y1;\n return [x,y];\n }\n var packets=[], spawnAcc=0, deliveries=[], sweeps=[];\n function spawn(){ packets.push({t:0, sp:0.0042+Math.random()*0.0018, hue:0}); node.r=1; sweeps.push({at:'r',r:0}); }\n function draw(t){ if(!run)return; var dt=(t-t0); t0=t;\n // mouse bends the control point toward cursor Y (fidget warp)\n if(hasMouse){ var infl=Math.max(0,1-Math.abs(mX-BW/2)/(BW*0.6)); ctrlTY=yMid + (mY-yMid)*0.55*infl; } else { ctrlTY=yMid + Math.sin(t*0.0009)*22; }\n ctrlY+=(ctrlTY-ctrlY)*0.06;\n if(energy>0)energy-=0.02; if(node.r>0)node.r-=0.05; if(node.c>0)node.c-=0.05;\n bx.clearRect(0,0,BW,BH);\n // spine glow (violet→cyan)\n var grad=bx.createLinearGradient(xL,0,xR,0); grad.addColorStop(0,'rgba(132,72,250,0.85)'); grad.addColorStop(1,'rgba(72,250,250,0.85)');\n bx.save(); bx.globalCompositeOperation='lighter';\n // under-glow\n bx.lineWidth=9; bx.strokeStyle=grad; bx.globalAlpha=0.10+energy*0.12; bx.beginPath(); for(var s=0;s<=1.0001;s+=0.02){ var p=bez(s); if(s===0)bx.moveTo(p[0],p[1]); else bx.lineTo(p[0],p[1]); } bx.stroke();\n // crisp spine\n bx.globalAlpha=0.5+energy*0.4; bx.lineWidth=1.4; bx.beginPath(); for(var s2=0;s2<=1.0001;s2+=0.02){ var p2=bez(s2); if(s2===0)bx.moveTo(p2[0],p2[1]); else bx.lineTo(p2[0],p2[1]); } bx.stroke();\n bx.globalAlpha=1;\n // packets\n for(var i=packets.length-1;i>=0;i--){ var pk=packets[i]; var boost=1; if(hasMouse){ var pp=bez(pk.t); var dm=Math.hypot(pp[0]-mX,pp[1]-mY); if(dm<90)boost=1.9-dm/90*0.9; }\n pk.t+=pk.sp*(dt/16.7)*boost; if(pk.t>=1){ node.c=1; deliveries.push({r:0}); sweeps.push({at:'c',r:0}); packets.splice(i,1); continue; }\n var pos=bez(pk.t); var r2=Math.round(132+ (72-132)*pk.t), g2=Math.round(72+(250-72)*pk.t), b2=250;\n // trail\n var tp=bez(Math.max(0,pk.t-0.05));\n var lg=bx.createLinearGradient(tp[0],tp[1],pos[0],pos[1]); lg.addColorStop(0,'rgba('+r2+','+g2+','+b2+',0)'); lg.addColorStop(1,'rgba('+r2+','+g2+','+b2+',0.8)');\n bx.strokeStyle=lg; bx.lineWidth=2.4*boost; bx.beginPath(); bx.moveTo(tp[0],tp[1]); bx.lineTo(pos[0],pos[1]); bx.stroke();\n var gg=bx.createRadialGradient(pos[0],pos[1],0,pos[0],pos[1],8*boost); gg.addColorStop(0,'rgba('+r2+','+g2+','+b2+',1)'); gg.addColorStop(1,'rgba('+r2+','+g2+','+b2+',0)'); bx.fillStyle=gg; bx.beginPath(); bx.arc(pos[0],pos[1],8*boost,0,6.28); bx.fill();\n }\n // nodes\n function ring(x,y,col,pulse){ bx.strokeStyle=col; bx.globalAlpha=0.9; bx.lineWidth=1.6; bx.beginPath(); bx.arc(x,y,11,0,6.28); bx.stroke(); if(pulse>0){ bx.globalAlpha=pulse*0.7; bx.lineWidth=2; bx.beginPath(); bx.arc(x,y,11+(1-pulse)*26,0,6.28); bx.stroke(); } var gc=bx.createRadialGradient(x,y,0,x,y,16); gc.addColorStop(0,col.replace('1)','0.5)')); gc.addColorStop(1,col.replace('1)','0)')); bx.globalAlpha=1; bx.fillStyle=gc; bx.beginPath(); bx.arc(x,y,16,0,6.28); bx.fill(); }\n var pL=bez(0), pR=bez(1);\n ring(pL[0],pL[1],'rgba(160,120,250,1)',node.r);\n ring(pR[0],pR[1],'rgba(90,240,240,1)',node.c);\n // delivery ripples cleanup\n for(var d3=deliveries.length-1;d3>=0;d3--){ deliveries[d3].r+=0.04; if(deliveries[d3].r>1)deliveries.splice(d3,1); }\n bx.restore();\n // spawn cadence\n spawnAcc+=dt; var interval= reduce?99999: (900 - energy*500); if(spawnAcc>interval){ spawnAcc=0; spawn(); }\n raf=requestAnimationFrame(draw);\n }\n if(!reduce){ spawn(); raf=requestAnimationFrame(function(t){t0=t;draw(t);}); }\n else { // static: spine + 3 packets + nodes\n var grad=bx.createLinearGradient(xL,0,xR,0); grad.addColorStop(0,'#8448FA'); grad.addColorStop(1,'#48FAFA'); bx.strokeStyle=grad; bx.lineWidth=1.6; bx.beginPath(); for(var s=0;s<=1.001;s+=0.02){var p=bez(s); if(s===0)bx.moveTo(p[0],p[1]);else bx.lineTo(p[0],p[1]);} bx.stroke(); [0.25,0.55,0.8].forEach(function(tt){var p=bez(tt); bx.fillStyle='rgba(160,200,250,.9)'; bx.beginPath(); bx.arc(p[0],p[1],4,0,6.28); bx.fill();}); }\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;t0=performance.now();raf=requestAnimationFrame(draw);} } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.02}); io.observe(st);\n\n // ---- concrete stage ----\n var timers=[], intervals=[];\n function clearS(){ timers.forEach(clearTimeout); timers=[]; intervals.forEach(clearInterval); intervals=[]; box.innerHTML=''; }\n function rowEl(html){ var e=document.createElement('div'); e.className='row'; e.innerHTML=html; box.appendChild(e); return e; }\n function showSeq(rows){ rows.forEach(function(r,i){ var e=rowEl(r); timers.push(setTimeout(function(){ e.classList.add('show'); }, 260+i*620)); }); }\n var NAMES={webhook:'Webhook',entrega:'Entrega',rota:'Roteamento',transforma:'Transformação',retry:'Resiliência',tempo:'Tempo real'};\n var DOT={webhook:'#8448FA',entrega:'#48FAFA',rota:'#8448FA',transforma:'#a48fe0',retry:'#66FA48',tempo:'#48FAFA'};\n function run2(k){ energy=1; clearS(); sth.innerHTML=' '+NAMES[k];\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ c.classList.toggle('on', c.getAttribute('data-f')===k); });\n if(k==='webhook') showSeq(['POST /pedido▸{ id: 8421 }','Rush captura o evento','→ ERP▸200 OK']);\n else if(k==='entrega') showSeq(['evento no barramento','Connect · HTTP▸auth + payload','→ sistema externo▸201']);\n else if(k==='rota') showSeq(['pedido.pago','→ ERPok','→ e-mailok','→ WhatsAppok']);\n else if(k==='transforma') showSeq(['payload crusnake_case, R$\"1.240,00\"','map no caminho','shaped{ total: 1240.0 }']);\n else if(k==='retry') showSeq(['→ gateway▸503','backoff · retry 2/3','→ gateway▸200 OK']);\n else if(k==='tempo'){ var e=rowEl('eventos processados0'); e.classList.add('show'); var n=0; var iv=setInterval(function(){ if(!box.contains(e)){clearInterval(iv);return;} n+=Math.round(20+Math.random()*60); var c=e.querySelector('[data-c]'); if(c)c.textContent=n.toLocaleString('pt-BR')+' /s'; },140); timers.push(function(){clearInterval(iv);}); }\n }\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ d2.on(c,'click',function(){ run2(c.getAttribute('data-f')); }); });\n run2('webhook');\n if(!reduce){ timers.push(setTimeout(function(){ if(root.querySelector('.fc.on')&&root.querySelector('.fc.on').getAttribute('data-f')==='webhook') run2('rota'); }, 6000)); }\n }\n}"}}}}}}}},{"_id":"6a74c723b56e0bf3babb604c","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"U4g7zTUC7RI956nMfKG1y","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"function D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction BAR_T(){ return {\n pt:{ d_webhook:'Venda, ligação, mensagem, horário marcado: tudo que acontece entra por aqui.', d_entrega:'Cada sistema recebe do jeito que entende — ERP, e-mail, WhatsApp.', d_rota:'Chega um pedido: o estoque, o financeiro e o cliente ficam sabendo — cada um do seu jeito.', d_transforma:'O que chega bagunçado sai no formato que cada sistema entende.', d_retry:'Se o sistema do outro lado cair, a mensagem espera e tenta de novo — nada se perde.', d_tempo:'Você vê o movimento passando no segundo em que acontece.', n_webhook:'Rush · o que chega', n_entrega:'Connect · o que sai', n_rota:'Roteamento', n_transforma:'Transformação', n_retry:'Resiliência', n_tempo:'Tempo real', s_retry:'entrega garantida', s_tempo:'eventos/s', eyebrow_bus:'Barramento', h1a:'Entra evento.', h1b:'Sai integração.', h1s:'O que acontece no seu negócio entra pelo Rush; o Connect entrega a cada sistema do jeito que ele entende. Escolha um fluxo: ele acontece ao vivo.', seedA:'barramento · in→out', seedB:'fontes · webhook·SIP·cron·WABA', seedC:'entrega · garantida', lbl_rush_s:'o que chega', lbl_conn_s:'o que sai', payoff_html:'Tudo que acontece · um barramento · todos os sistemas sabendo', nm_webhook:'Webhook', nm_entrega:'Entrega', nm_rota:'Roteamento', nm_transforma:'Transformação', nm_retry:'Resiliência', nm_tempo:'Tempo real', r_post:'POST /pedido', r_pedidopago:'pedido.pago', r_payloadcru:'dado cru', r_eventos:'eventos' },\n en:{ d_webhook:'A sale, a call, a message, a scheduled time: everything that happens comes in here.', d_entrega:'Every system gets it the way it understands — ERP, e-mail, WhatsApp.', d_rota:'An order arrives: inventory, finance and the customer all find out — each in its own way.', d_transforma:'What arrives messy leaves in the shape each system understands.', d_retry:'If the system on the other side goes down, the message waits and tries again — nothing gets lost.', d_tempo:'You watch the movement go by the second it happens.', n_webhook:'Rush · what comes in', n_entrega:'Connect · what goes out', n_rota:'Routing', n_transforma:'Transformation', n_retry:'Resilience', n_tempo:'Real-time', s_retry:'guaranteed delivery', s_tempo:'events/s', eyebrow_bus:'Bus', h1a:'Event in.', h1b:'Integration out.', h1s:'Whatever happens in your business comes in through Rush; Connect delivers it to each system in the shape it understands. Pick a flow: it happens live.', seedA:'bus · in→out', seedB:'sources · webhook·SIP·cron·WABA', seedC:'delivery · guaranteed', lbl_rush_s:'what comes in', lbl_conn_s:'what goes out', payoff_html:'Everything that happens · one bus · every system in the know', nm_webhook:'Webhook', nm_entrega:'Delivery', nm_rota:'Routing', nm_transforma:'Transformation', nm_retry:'Resilience', nm_tempo:'Real-time', r_post:'POST /order', r_pedidopago:'order.paid', r_payloadcru:'raw data', r_eventos:'events' },\n es:{ d_webhook:'Una venta, una llamada, un mensaje, una hora agendada: todo lo que pasa entra por aquí.', d_entrega:'Cada sistema recibe como lo entiende — ERP, e-mail, WhatsApp.', d_rota:'Llega un pedido: inventario, finanzas y el cliente se enteran — cada uno a su manera.', d_transforma:'Lo que llega desordenado sale en el formato que cada sistema entiende.', d_retry:'Si el sistema del otro lado se cae, el mensaje espera y vuelve a intentar — nada se pierde.', d_tempo:'Ves el movimiento pasar en el segundo en que sucede.', n_webhook:'Rush · lo que llega', n_entrega:'Connect · lo que sale', n_rota:'Enrutamiento', n_transforma:'Transformación', n_retry:'Resiliencia', n_tempo:'Tiempo real', s_retry:'entrega garantizada', s_tempo:'eventos/s', eyebrow_bus:'Bus', h1a:'Entra el evento.', h1b:'Sale la integración.', h1s:'Lo que pasa en tu negocio entra por Rush; Connect lo entrega a cada sistema como ese sistema lo entiende. Elige un flujo: sucede en vivo.', seedA:'bus · in→out', seedB:'fuentes · webhook·SIP·cron·WABA', seedC:'entrega · garantizada', lbl_rush_s:'lo que llega', lbl_conn_s:'lo que sale', payoff_html:'Todo lo que pasa · un bus · todos los sistemas enterados', nm_webhook:'Webhook', nm_entrega:'Entrega', nm_rota:'Enrutamiento', nm_transforma:'Transformación', nm_retry:'Resiliencia', nm_tempo:'Tiempo real', r_post:'POST /pedido', r_pedidopago:'pedido.pago', r_payloadcru:'dato crudo', r_eventos:'eventos' }\n}; }\nexport default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; min-height:88vh; overflow:hidden;\n background:radial-gradient(82% 70% at 50% 44%, #0e0a1c 0%, #0a0812 46%, #060509 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.pipe{ position:absolute; z-index:2; display:block; }\n.grain{ position:absolute; inset:0; opacity:.05; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:5; }\n.head{ position:absolute; top:44px; left:56px; z-index:9; max-width:52%; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:#8a86a2; display:flex; align-items:center; gap:8px; }\n.eyebrow .d1{ width:8px; height:8px; border-radius:50%; background:#8448FA; box-shadow:0 0 12px 2px #8448FA; }\n.eyebrow .arw{ color:#5a5570; } .eyebrow .d2{ width:8px; height:8px; border-radius:50%; background:#48FAFA; box-shadow:0 0 12px 2px #48FAFA; }\n.h1{ font-size:clamp(26px,3.2vw,44px); font-weight:500; letter-spacing:-.025em; margin:11px 0 0; color:#F4F2F6; }\n.h1 .g{ color:#8a8490; }\n.h1s{ margin:11px 0 0; font-size:13.5px; line-height:1.5; color:#9a949c; max-width:44ch; }\n.seed{ position:absolute; top:50px; right:56px; z-index:9; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.13em; color:#544f5e; line-height:1.7; }\n.seed b{ color:#9f8fd6; font-weight:400; font-variant-numeric:tabular-nums; } .seed b.c{ color:#7fcdd6; }\n.chip{ position:absolute; z-index:7; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.04em; padding:5px 9px; border-radius:8px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.03); color:#8f8a9c; white-space:nowrap; transition:.28s; }\n.chip.src{ transform:translate(-100%,-50%); } .chip.dst{ transform:translate(0,-50%); }\n.chip.lit{ color:#EDECEF; border-color:rgba(72,250,250,.55); box-shadow:0 0 16px rgba(72,250,250,.25); }\n.chip.litv.lit{ border-color:rgba(132,72,250,.6); box-shadow:0 0 16px rgba(132,72,250,.28); }\n.nodelbl{ position:absolute; z-index:7; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.16em; text-transform:uppercase; }\n.nodelbl .t{ font-size:12.5px; font-weight:600; letter-spacing:.04em; text-transform:none; } .nodelbl .s{ color:#6f6a7e; font-size:9.5px; }\n.stage{ position:absolute; z-index:8; left:50%; transform:translateX(-50%); width:min(560px,64%); }\n.st-h{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#7f9ad6; margin-bottom:10px; display:flex; align-items:center; gap:8px; justify-content:center; }\n.st-box{ position:relative; display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }\n.row{ display:flex; align-items:center; gap:9px; font-family:ui-monospace,Menlo,monospace; font-size:12px; opacity:0; transform:translateY(6px); transition:.34s; }\n.row.show{ opacity:1; transform:none; }\n.row .k{ padding:5px 10px; border-radius:8px; border:1px solid; white-space:nowrap; }\n.k.in{ background:rgba(132,72,250,.14); border-color:rgba(132,72,250,.45); color:#cbb8f4; }\n.k.out{ background:rgba(72,250,250,.12); border-color:rgba(72,250,250,.4); color:#a8ecec; }\n.k.ok{ background:rgba(102,250,72,.12); border-color:rgba(102,250,72,.4); color:#bff0a8; }\n.k.err{ background:rgba(250,72,72,.13); border-color:rgba(250,72,72,.45); color:#f4b8b8; }\n.row .ar{ color:#5a5570; } .row .mut{ color:#7a7488; font-size:11px; }\n.cards{ position:absolute; left:0; right:0; bottom:44px; z-index:9; display:flex; justify-content:center; padding:0 44px; border-top:1px solid rgba(255,255,255,.07); }\n.fc{ flex:1; max-width:200px; text-align:left; padding:16px 18px 15px; cursor:pointer; position:relative; transition:background .18s; border-right:1px solid rgba(255,255,255,.05); }\n.fc:first-child{ border-left:1px solid rgba(255,255,255,.05); }\n.fc:hover{ background:rgba(255,255,255,.02); }\n.fc.on{ background:rgba(120,120,250,.06); } .fc.on::before{ content:''; position:absolute; top:-1px; left:0; right:0; height:2px; background:linear-gradient(90deg,#8448FA,#48FAFA); }\n.fc .ic{ width:22px; height:22px; margin-bottom:10px; opacity:.9; }\n.fc .ft{ font-size:12.5px; font-weight:600; color:#EDECEF; } .fc .fd{ margin-top:5px; font-size:11px; line-height:1.4; color:#8a848c; }\n.fc .fs{ margin-top:8px; font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.06em; color:#5f5a61; text-transform:uppercase; } .fc.on .fs{ color:#7f9ad6; }\n.payoff{ position:absolute; left:0; right:0; bottom:12px; text-align:center; z-index:9; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#5f5a61; } .payoff b{ color:#9f8fd6; } .payoff b.c{ color:#7fcdd6; }\n@media (max-width:900px){\n :host{ height:auto; }\n .st{ min-height:0; height:auto; display:flex; flex-direction:column; align-items:stretch; padding:36px 20px 26px; gap:20px; }\n .head{ position:relative; top:auto; left:auto; max-width:none; order:1; }\n .h1s{ max-width:none; }\n .seed{ position:relative; top:auto; right:auto; text-align:left; order:2; }\n canvas.pipe{ position:relative !important; left:auto !important; top:auto !important; order:3; }\n .chip,.nodelbl{ display:none !important; }\n .stage{ position:relative !important; left:auto !important; top:auto !important; transform:none !important; width:100%; max-width:560px; margin:0 auto; order:4; }\n .cards{ position:relative; left:auto; right:auto; bottom:auto; padding:0; flex-wrap:wrap; order:5; }\n .fc{ max-width:none; flex:1 1 30%; border-bottom:1px solid rgba(255,255,255,.05); }\n .payoff{ position:relative; bottom:auto; order:6; margin-top:2px; }\n}\n@media (max-width:560px){\n .st{ padding:28px 16px 22px; }\n .h1{ font-size:clamp(23px,7vw,30px); }\n .fc{ flex:1 1 42%; padding:13px 12px 12px; }\n .seed{ display:none; }\n}\n`,\n render(d2){\n var lang=D2LANG(d2); var TT=BAR_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var F=[\n ['webhook',t('n_webhook'),t('d_webhook'),'webhook · SIP · cron','M3 9h8M8 5l3 4-3 4'],\n ['entrega',t('n_entrega'),t('d_entrega'),'HTTP · auth · retry','M3 9h8M8 5l3 4-3 4'],\n ['rota',t('n_rota'),t('d_rota'),'fan-out','M4 9h4M8 9l4-4M8 9l4 4M8 9l4 0'],\n ['transforma',t('n_transforma'),t('d_transforma'),'map · shape','M3 6h8M3 12h8M11 4l2 2-2 2'],\n ['retry',t('n_retry'),t('d_retry'),t('s_retry'),'M13 9a4 4 0 11-1.2-2.9M13 4v3h-3'],\n ['tempo',t('n_tempo'),t('d_tempo'),t('s_tempo'),'M2 12l3-5 3 3 3-6 3 8']\n ];\n return ''+\n ' Data² · Rush + Connect · Barramento
'+\n 'Entra evento. Sai integração.
'+\n 'Rush escuta cada evento; Connect entrega em qualquer sistema. Entre os dois, o barramento do runtime. Escolha um fluxo: ele acontece ao vivo.
barramento · in→out
conectores · webhook·SIP·HTTP
entrega · at-least-once
'+\n 'conectores · webhook·SIP·HTTP
entrega · at-least-once
Rush
escuta · inbound
Connect
entrega · outbound
Webhook
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
Um evento entra · atravessa o barramento · sai integrado, na hora
'+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var lang=D2LANG(d2); var TT=BAR_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var st=root.querySelector('[data-st]'), pipe=root.querySelector('[data-pipe]');\n var lblR=root.querySelector('[data-lblR]'), lblC=root.querySelector('[data-lblC]');\n var head=root.querySelector('.head'), seed=root.querySelector('.seed');\n var stage=root.querySelector('[data-stage]'), sth=root.querySelector('[data-sth]'), box=root.querySelector('[data-box]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var px=pipe.getContext('2d');\n var W=0,H=0,DP=1, PW=0,PH=0,PL=0,PT=0;\n var SRC=[{k:'Webhook'},{k:'SIP'},{k:'Cron'},{k:'WABA'}], DST=[{k:'ERP'},{k:'E-mail'},{k:'WhatsApp'},{k:'Gateway'}];\n var srcEls=[], dstEls=[];\n var xRush,xConn,yMid, srcAnchors=[], dstAnchors=[];\n var amb=[];\n function mkChips(){ srcEls.forEach(function(e){e.remove();}); dstEls.forEach(function(e){e.remove();}); srcEls=[]; dstEls=[];\n SRC.forEach(function(s,i){ var e=document.createElement('div'); e.className='chip src litv'; e.textContent=s.k; st.appendChild(e); srcEls.push(e); });\n DST.forEach(function(s,i){ var e=document.createElement('div'); e.className='chip dst'; e.textContent=s.k; st.appendChild(e); dstEls.push(e); }); }\n function layout(){ var r=st.getBoundingClientRect(); W=r.width; var mobile=W<=900;\n H = mobile ? Math.min(Math.round(W*0.9),360) : r.height;\n if(mobile){ var cs=getComputedStyle(st); W = st.clientWidth - parseFloat(cs.paddingLeft||0) - parseFloat(cs.paddingRight||0); }\n PL=0; PT=0; PW=W; PH=H;\n if(mobile){ pipe.style.left=''; pipe.style.top=''; } else { pipe.style.left='0px'; pipe.style.top='0px'; }\n pipe.style.width=W+'px'; pipe.style.height=H+'px';\n DP=Math.min(2,(window.devicePixelRatio||1)); pipe.width=Math.round(W*DP); pipe.height=Math.round(H*DP); px.setTransform(DP,0,0,DP,0,0);\n var CW=mobile?W:Math.min(W,1500), offX=(W-CW)/2;\n yMid=H*0.40; xRush=offX+CW*0.24; xConn=offX+CW*0.76;\n // source/dest anchors spread vertically around yMid\n srcAnchors=[]; dstAnchors=[]; var sx=offX+CW*0.085, dx=offX+CW*0.915, spread=Math.min(190,H*0.5);\n SRC.forEach(function(s,i){ var y=yMid + (i-(SRC.length-1)/2)*(spread/(SRC.length-1)); srcAnchors.push({x:sx,y:y}); if(srcEls[i]){ srcEls[i].style.left=(sx-14)+'px'; srcEls[i].style.top=y+'px'; } });\n DST.forEach(function(s,i){ var y=yMid + (i-(DST.length-1)/2)*(spread/(DST.length-1)); dstAnchors.push({x:dx,y:y}); if(dstEls[i]){ dstEls[i].style.left=(dx+14)+'px'; dstEls[i].style.top=y+'px'; } });\n lblR.style.left=(xRush-14)+'px'; lblR.style.top=(yMid-60)+'px';\n lblC.style.left=(xConn-72)+'px'; lblC.style.top=(yMid+34)+'px';\n if(mobile){ stage.style.top=''; if(head)head.style.left=''; if(seed)seed.style.right=''; } else { stage.style.top=(yMid+150)+'px'; if(head)head.style.left=(offX+56)+'px'; if(seed)seed.style.right=(offX+56)+'px'; }\n // ambient particles\n if(!amb.length){ for(var i=0;i<46;i++){ amb.push({x:Math.random(),y:Math.random(),s:0.02+Math.random()*0.05,r:0.6+Math.random()*1.6,c:Math.random()<0.5?'132,72,250':'72,250,250',a:0.05+Math.random()*0.12}); } } }\n mkChips(); layout(); d2.on(window,'resize',layout);\n\n var STR=3; // bus strands\n var ctrlY=0, ctrlTY=0, mX=9999,mY=0,hasMouse=false, energy=0, tprev=performance.now(), run=true, raf=null;\n d2.on(st,'pointermove',function(e){ var r=pipe.getBoundingClientRect(); mX=(e.clientX-r.left); mY=(e.clientY-r.top); hasMouse=true; });\n d2.on(st,'pointerleave',function(){ hasMouse=false; });\n function bez(t,off){ var y0=yMid-10+off, y1=yMid+10+off, cx=(xRush+xConn)/2; var u=1-t;\n var x=u*u*xRush + 2*u*t*cx + t*t*xConn; var y=u*u*y0 + 2*u*t*(yMid+ctrlY+off) + t*t*y1; return [x,y]; }\n var packets=[], spawnAcc=0, dstIdx=0;\n function spawnFromSource(){ var si=(Math.random()*SRC.length)|0; if(srcEls[si]){ srcEls[si].classList.add('lit'); (function(el){ setTimeout(function(){ if(el.isConnected)el.classList.remove('lit'); },700); })(srcEls[si]); } packets.push({t:0, sp:0.0040+Math.random()*0.0018, strand:(Math.random()*STR)|0, from:si}); energy=Math.min(1,energy+0.25); }\n function draw(t){ if(!pipe.isConnected) return; if(!run)return; var dt=(t-tprev); tprev=t;\n if(hasMouse){ var infl=Math.max(0,1-Math.abs(mX-(xRush+xConn)/2)/((xConn-xRush)*0.75)); ctrlTY=(mY-yMid)*0.5*infl; } else { ctrlTY=Math.sin(t*0.0009)*20; }\n ctrlY+=(ctrlTY-ctrlY)*0.06; if(energy>0)energy-=0.008;\n px.clearRect(0,0,PW,PH);\n px.save(); px.globalCompositeOperation='lighter';\n // ambient\n for(var i=0;i Data² · Rush + Connect · '+t('eyebrow_bus')+'
'+\n ''+t('h1a')+' '+t('h1b')+'
'+\n ''+t('h1s')+'
'+t('seedA')+'
'+t('seedB')+'
'+t('seedC')+'
'+\n ''+t('seedB')+'
'+t('seedC')+'
Rush
'+t('lbl_rush_s')+'
Connect
'+t('lbl_conn_s')+'
Webhook
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
'+t('payoff_html')+'
'+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var st=root.querySelector('[data-st]'), glow=root.querySelector('[data-glow]');\n var txt=root.querySelector('[data-txt]'), body=root.querySelector('[data-body]'), badge=root.querySelector('[data-badge]'), url=root.querySelector('[data-url]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var SOL=[\n { need:'Cortar 40% do custo de atendimento', url:'atendimento.data2.app', acc:'#FA48DC', blocks:[\n {c:'Rush', col:'#8448FA', t:'Escuta a chamada'},{c:'Domain', col:'#FA48DC', t:'IA resolve na hora'},\n {c:'Connect', col:'#48FAFA', t:'Integra o CRM'},{c:'UI', col:'#4866FA', t:'Painel do time'} ],\n app:''+\n '
'+\n ''+\n '
'+\n ' Descreva. Veja nascer.
'+\n '›
'+\n 'Uma necessidade. Os componentes se montam. No ar.
'+\n ''+ COMPS.map(function(c){ return ''+c[0]+''; }).join('') +'
'+\n ''+\n '
'+\n ''+\n ''+\n '
'+\n ' no ar
'+\n ''+\n 'Atendimento · ao vivo
Cadê meu pedido 8421?
Sai amanhã, 14h — rastreio no seu e-mail.
◈ agente resolveu · 0 na fila
' },\n { need:'Conciliar estoque em tempo real', url:'estoque.data2.app', acc:'#4866FA', blocks:[\n {c:'Registry', col:'#FA4848', t:'Os dados, vivos'},{c:'Rush', col:'#8448FA', t:'Cada movimento, um evento'},\n {c:'Domain', col:'#FA48DC', t:'Alerta antes de faltar'},{c:'UI', col:'#4866FA', t:'Tela de controle'} ],\n app:'Estoque · tempo real
1.204 SKUsgiro 3.2×ruptura 0,4%
⚠ repor SKU-88 em 2 dias
' },\n { need:'Cobrar e conciliar pagamentos', url:'pagamentos.data2.app', acc:'#BFFA48', blocks:[\n {c:'Cashier', col:'#BFFA48', t:'Cobrança nativa'},{c:'Connect', col:'#48FAFA', t:'Fala com o gateway'},\n {c:'Registry', col:'#FA4848', t:'Concilia sozinho'},{c:'ID', col:'#48FAA1', t:'Quem pode ver'} ],\n app:'Pagamentos · conciliado
R$ 1.240,00✓ conciliado
R$ 890,00✓ conciliado
R$ 3.110,00✓ conciliado
3.482 transações hoje · 0 divergências
' },\n { need:'Estúdio de imagem do produto', url:'estudio.data2.app', acc:'#FADC48', blocks:[\n {c:'Media', col:'#FADC48', t:'Gera a imagem'},{c:'Registry', col:'#FA4848', t:'Puxa o catálogo'},\n {c:'UI', col:'#4866FA', t:'Galeria pronta'} ],\n app:'Estúdio · imagens
8 imagens geradas · prontas pro catálogo
' }\n ];\n\n var gx=glow.getContext('2d'), W=0,H=0,DP=1, spots=[];\n function resize(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; DP=Math.min(2,(window.devicePixelRatio||1)); glow.width=Math.round(W*DP); glow.height=Math.round(H*DP); gx.setTransform(DP,0,0,DP,0,0); }\n resize(); d2.on(window,'resize',resize);\n var running=true, raf=null;\n function frame(){ if(!glow.isConnected)return; if(!running)return; gx.clearRect(0,0,W,H); gx.globalCompositeOperation='lighter';\n for(var i=0;i'+b.c+'
'+b.t+'
';\n layer.appendChild(el); made.push(el); });\n var k=0;\n (function next(){ if(!body.isConnected)return; if(k>=sol.blocks.length){ timers.push(setTimeout(function(){ revealApp(sol, layer, done); }, 620)); return; }\n var b=sol.blocks[k], el=made[k]; el.classList.add('in'); litPalette(b.c, true); puff(b.col);\n var bar=el.querySelector('.bar > i'); if(bar) timers.push(setTimeout(function(){ if(bar.isConnected)bar.style.width=(58+Math.random()*38)+'%'; }, 110));\n k++; timers.push(setTimeout(next, 500)); })();\n }\n function revealApp(sol, layer, done){\n if(!body.isConnected)return;\n Array.prototype.slice.call(layer.querySelectorAll('.blk')).forEach(function(e){ e.classList.add('gone'); });\n timers.push(setTimeout(function(){ if(!body.isConnected)return;\n var app=document.createElement('div'); app.className='app'; app.style.setProperty('--acc', sol.acc); app.innerHTML=sol.app;\n body.innerHTML=''; body.appendChild(app); void app.offsetWidth; app.classList.add('in');\n puff(sol.acc); badge.classList.add('on'); url.style.opacity='1';\n timers.push(setTimeout(function(){ done&&done(); }, 2400));\n }, 420));\n }\n\n function cycle(){ if(!st.isConnected)return; var sol=SOL[si%SOL.length]; si++; clr();\n typeNeed(sol.need, function(){ timers.push(setTimeout(function(){ assemble(sol, function(){ timers.push(setTimeout(cycle, 700)); }); }, 340)); }); }\n\n if(reduce){ var sol=SOL[0]; txt.textContent=sol.need; sol.blocks.forEach(function(b){litPalette(b.c,true);});\n var app=document.createElement('div'); app.className='app in'; app.style.setProperty('--acc', sol.acc); app.innerHTML=sol.app; body.appendChild(app);\n badge.classList.add('on'); url.textContent=sol.url; url.style.opacity='1'; }\n else { timers.push(setTimeout(cycle, 500)); }\n }\n}\n"}}}}}}}},{"_id":"6a79e8aa59537a9b7a8666c2","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"XV258QE_XjmhXMxfjwKix","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.dk{ position:relative; width:100%; height:100%; min-height:720px; overflow:hidden;\n background:radial-gradient(75% 80% at 50% 36%, #0f1512 0%, #0a0d0c 46%, #060807 100%);\n color:#ECEFEC; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; --acc:#48FAA1; --mag:#FA48DC; }\n.amb{ position:absolute; inset:0; z-index:1; }\n.grain{ position:absolute; inset:0; z-index:2; opacity:.05; pointer-events:none; mix-blend-mode:overlay;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.slide{ position:absolute; inset:0; z-index:3; display:flex; flex-direction:column; justify-content:center; padding:0 clamp(48px,7vw,120px); opacity:0; transform:translateY(22px); transition:opacity .5s ease, transform .6s cubic-bezier(.22,1,.36,1); pointer-events:none; }\n.slide.on{ opacity:1; transform:none; pointer-events:auto; }\n.split{ display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:12px; letter-spacing:.26em; text-transform:uppercase; color:#7f9a8c; display:flex; align-items:center; gap:9px; }\n.eyebrow::before{ content:''; width:9px;height:9px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px 2px var(--acc); }\nh1.big{ font-size:clamp(40px,6vw,96px); font-weight:500; letter-spacing:-.03em; line-height:.99; margin:22px 0 0; color:#F6F8F6; }\nh2.hd{ font-size:clamp(28px,4vw,58px); font-weight:500; letter-spacing:-.025em; line-height:1.05; margin:18px 0 0; color:#F6F8F6; max-width:20ch; }\n.hd .g,.big .g{ color:#7f8a82; }\n.sub{ margin:22px 0 0; font-size:clamp(15px,1.5vw,21px); line-height:1.5; color:#a6b0a9; max-width:44ch; }\n.sig{ font-family:ui-monospace,Menlo,monospace; font-size:13px; letter-spacing:.14em; color:#7f9a8c; }\n.sig b{ color:var(--acc); font-weight:400; }\n.cobrand{ position:absolute; top:34px; left:clamp(48px,7vw,120px); z-index:6; display:flex; align-items:center; gap:14px; }\n.cobrand .x{ color:#5f6a62; font-size:14px; }\n.wm{ height:19px; width:auto; fill:#ECEFEC; display:inline-block; vertical-align:middle; }\n.idlogo{ height:22px; width:auto; display:inline-block; vertical-align:middle; filter:brightness(0) invert(1); opacity:.92; }\n.cover-logos{ display:flex; align-items:center; gap:20px; margin-bottom:6px; }\n.cover-logos .wm{ height:30px; } .cover-logos .idlogo{ height:34px; } .cover-logos .x{ color:#5f6a62; font-size:20px; }\n/* plain capability tiles */\n.tiles{ margin-top:30px; display:flex; gap:12px; flex-wrap:wrap; }\n.tile{ border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:14px 18px; background:rgba(255,255,255,.02); font-size:15px; color:#d4dcd6; display:flex; align-items:center; gap:9px; }\n.tile i{ width:8px;height:8px;border-radius:50%;background:var(--acc); }\n/* illustration column */\n.illu{ display:flex; align-items:center; justify-content:center; }\n.illu svg{ width:100%; max-width:440px; height:auto; }\n/* logo wall */\n.wall{ margin-top:30px; display:grid; grid-template-columns:repeat(4,1fr); gap:20px 28px; max-width:920px; align-items:center; }\n.wall img{ height:34px; width:100%; object-fit:contain; filter:grayscale(1) brightness(1.7); opacity:.62; transition:opacity .3s; }\n/* screenshot slots */\n.shot{ position:relative; width:100%; border-radius:14px; border:1.5px dashed rgba(72,250,161,.4); background:repeating-linear-gradient(135deg,rgba(255,255,255,.014) 0 14px,rgba(255,255,255,0) 14px 28px); display:flex; align-items:center; justify-content:center; }\n.shot.hero{ aspect-ratio:16/9.2; }\n.shot.mini{ aspect-ratio:4/3; }\n.shot .lab{ font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.1em; color:#7f9a8c; text-align:center; padding:8px; }\n.shot .lab b{ color:#ECEFEC; display:block; font-size:13px; margin-bottom:3px; letter-spacing:.05em; }\n.mosaic{ margin-top:26px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; max-width:1000px; }\n/* highlights list */\n.hl{ margin-top:26px; display:flex; flex-direction:column; gap:14px; max-width:640px; }\n.hli{ display:flex; gap:13px; align-items:flex-start; }\n.hli .n{ font-family:ui-monospace,Menlo,monospace; font-size:13px; color:var(--acc); min-width:20px; padding-top:2px; }\n.hli .tx{ font-size:17px; color:#e2e7e3; line-height:1.35; }\n/* steps (light) */\n.steps{ margin-top:30px; display:flex; gap:40px; }\n.stp .k{ font-family:ui-monospace,Menlo,monospace; font-size:12px; color:var(--acc); }\n.stp .st{ margin-top:8px; font-size:18px; color:#ECEFEC; }\n/* cue */\n.cue{ margin-top:26px; display:inline-flex; align-items:center; gap:11px; font-family:ui-monospace,Menlo,monospace; font-size:14px; color:var(--acc); border:1px solid rgba(72,250,161,.4); border-radius:12px; padding:12px 20px; }\n.cue .pl{ width:0;height:0;border-left:11px solid var(--acc); border-top:7px solid transparent; border-bottom:7px solid transparent; }\n/* chrome */\n.chrome{ position:absolute; z-index:8; left:0; right:0; bottom:26px; display:flex; align-items:center; justify-content:center; gap:16px; }\n.dots{ display:flex; gap:7px; } .dot{ width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2); cursor:pointer; transition:.25s; } .dot.on{ background:var(--acc); box-shadow:0 0 10px 1px var(--acc); width:20px; border-radius:4px; }\n.arw{ position:absolute; top:50%; transform:translateY(-50%); z-index:8; width:44px;height:44px; border-radius:50%; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.03); color:#c4ccc6; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:18px; transition:.2s; }\n.arw:hover{ background:rgba(72,250,161,.1); border-color:rgba(72,250,161,.4); color:#ECEFEC; } .arw.l{ left:22px; } .arw.r{ right:22px; }\n.counter{ font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.14em; color:#7f8a82; font-variant-numeric:tabular-nums; }\n.lang{ position:absolute; top:32px; right:clamp(48px,7vw,120px); z-index:9; display:flex; gap:2px; border:1px solid rgba(255,255,255,.14); border-radius:9px; overflow:hidden; }\n.lang button{ font-family:ui-monospace,Menlo,monospace; font-size:11px; letter-spacing:.1em; padding:6px 11px; background:transparent; color:#8a948c; border:0; cursor:pointer; transition:.2s; } .lang button.on{ background:var(--acc); color:#06110c; }\n@media (max-width:900px){ .split{ grid-template-columns:1fr; gap:26px; } .wall{ grid-template-columns:repeat(3,1fr); } .tiles{ } .steps{ flex-direction:column; gap:16px; } .mosaic{ grid-template-columns:1fr; } }\n@media (prefers-reduced-motion:reduce){ .slide{ transition:opacity .2s } }\n.dk .shot.filled{ border-style:solid; border-color:rgba(255,255,255,.12); overflow:hidden; padding:0; background:#0d0b16 }\n.dk .shotimg{ width:100%; height:100%; object-fit:cover; display:block }\n.dk .shotcap{ position:absolute; left:10px; bottom:8px; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.08em; color:#ECEFEC; background:rgba(6,8,7,.7); padding:3px 8px; border-radius:6px }\n.dk .mosaic{ grid-template-columns:repeat(2,1fr) !important }\n.dk .shot.mini{ aspect-ratio:16/9 !important }\n/* email gate overlay (additive) */\n.gate{ position:absolute; inset:0; z-index:30; display:flex; align-items:center; justify-content:center; padding:32px; background:radial-gradient(75% 80% at 50% 36%, #0f1512 0%, #0a0d0c 60%, #060807 100%); }\n.gate.hide{ display:none; }\n.gate.fade{ opacity:0; transition:opacity .5s ease; pointer-events:none; }\n.gate-inner{ width:100%; max-width:520px; display:flex; flex-direction:column; align-items:center; text-align:center; }\n.gate-logos{ display:flex; align-items:center; gap:18px; margin-bottom:34px; }\n.gate-logos .wm{ height:28px; } .gate-logos .idlogo{ height:32px; } .gate-logos .x{ color:#5f6a62; font-size:18px; }\n.gate-hd{ font-size:clamp(28px,4vw,44px); font-weight:500; letter-spacing:-.025em; color:#F6F8F6; line-height:1.03; }\n.gate-sub{ margin-top:14px; font-size:clamp(15px,1.6vw,19px); color:#a6b0a9; line-height:1.5; max-width:34ch; }\n.gate-form{ margin-top:30px; display:flex; gap:10px; width:100%; max-width:440px; }\n.gate-input{ flex:1; min-width:0; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.16); border-radius:12px; padding:14px 16px; color:#ECEFEC; font-size:16px; font-family:inherit; outline:none; transition:border-color .2s, box-shadow .2s; }\n.gate-input::placeholder{ color:#6f7a72; }\n.gate-input:focus{ border-color:var(--acc); box-shadow:0 0 0 3px rgba(72,250,161,.15); }\n.gate-input.err{ border-color:var(--mag); box-shadow:0 0 0 3px rgba(250,72,220,.18); }\n.gate-btn{ background:var(--acc); color:#06110c; border:0; border-radius:12px; padding:14px 22px; font-size:15px; font-weight:600; cursor:pointer; white-space:nowrap; transition:transform .15s, opacity .2s; font-family:inherit; }\n.gate-btn:hover{ transform:translateY(-1px); }\n.gate-btn:disabled{ opacity:.6; cursor:default; }\n.gate-msg{ margin-top:16px; font-size:13px; font-family:ui-monospace,Menlo,monospace; letter-spacing:.04em; color:var(--mag); min-height:16px; }\n@media (max-width:560px){ .gate-form{ flex-direction:column; } }\n`,\n render(d2){\n var IDLOGO='https://www.data2.media/file/iJAH8x45WikT3f536xX_0';\n var CLIENTS=['r0b6UXkNSkKzDD5GPDTFK','VR0VixxFAZTHgLXRYUUs5','B72VtT-7YowXGdS1Fqs29','XrOEYO8oD3Le-dC81nM78','V-GVbgbYcdvaELyGQEbnK','S4L0-2_yOpFnPQDMQ8Xcl','ACXUAElkoiqyEE4f9WcR_','kgs_NnlJILqT1KJAT86Va','U246pqsqfTwJWjSc1hvPi','s6sAs999GNPdIDMZ2GxU6','hu3Bd1NMBS-Zdnfutgiya','_4_vBm9wpt2PvjYvdZEK8','7ksjnPfsAkO5TkKkqwOhY','vfSpx_vbSyTYE-FYkVr6j','KRm24SmZEbTtNv2OUGzTW','Xk4U2iO00Hg0PVhqO5Yde'].map(function(id){return 'https://www.data2.media/file/'+id;});\n function T(es,pt){ return 'data-es=\"'+es+'\" data-pt=\"'+pt+'\"'; }\n function wm(){ return ''; }\n function idl(){ return ''+t+'
';}).join('');\n slides.push('');\n // 4 clientes\n var wall=CLIENTS.map(function(u){return ''+\n '
Expediente Vivo
'+\n 'Toda la información de los proyectos, viva y en un solo lugar.
'+\n 'De documentos, correos y planillas dispersos — a una cartera de proyectos que se mantiene sola.
'+\n ''+\n '![\"Cartera\"](\"https://www.data2.media/file/y1RT4iSAPL6EtDKkRMbSs\")
![\"Roadmap\"](\"https://www.data2.media/file/nQz37Xefg0Q23N3-G5Eb6\")
![\"Documentos\"](\"https://www.data2.media/file/r7FjbuLQlZj6ZB-P0lTJY\")
![\"Expediente\"](\"https://www.data2.media/file/OK-FdbKcqUUJIIZIxcVbq\")
'+\n '
');\n // 8 ver ao vivo (discreto)\n slides.push('');\n // 9 cómo trabajamos (sutil)\n slides.push('');\n // 10 fecho\n slides.push('');\n\n var n=slides.length, dots='';\n for(var i=0;iQué cambia para ID Energy
'+\n ''+HL.map(function(h,i){return '
'+\n '0'+(i+1)+''+h[0]+'
';}).join('')+'Cartera
Roadmap
Documentos
Expediente
'+\n '
';\n return ''+\n '
'+\n ''+wm()+'×'+idl()+'
'+\n 'Antes de empezar
'+\n 'Déjanos tu correo para ver la presentación.
'+\n ''+\n ''+\n ''+\n '
'+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var dk=root.querySelector('[data-dk]'), amb=root.querySelector('[data-amb]');\n var slides=Array.prototype.slice.call(root.querySelectorAll('.slide'));\n var dots=Array.prototype.slice.call(root.querySelectorAll('.dot'));\n var counter=root.querySelector('[data-counter]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var n=slides.length, cur=0;\n function pad(x){ return x<10?'0'+x:''+x; }\n function show(i){ cur=(i+n)%n; slides.forEach(function(s,k){ s.classList.toggle('on',k===cur); }); dots.forEach(function(d,k){ d.classList.toggle('on',k===cur); }); if(counter)counter.textContent=pad(cur+1)+' / '+pad(n); }\n function setLang(l){ Array.prototype.slice.call(root.querySelectorAll('[data-es]')).forEach(function(el){ var v=el.getAttribute('data-'+l); if(v!=null) el.innerHTML=v; }); Array.prototype.slice.call(root.querySelectorAll('.lang button')).forEach(function(b){ b.classList.toggle('on', b.getAttribute('data-l')===l); }); }\n setLang('es'); show(0);\n // ===== EMAIL GATE (additive) =====\n var gate=root.querySelector('[data-gate]');\n if(gate){\n var UNLOCK_KEY='idenergy-deck-unlocked';\n var gIn=gate.querySelector('[data-gate-email]');\n var gBtn=gate.querySelector('[data-gate-go]');\n var gMsg=gate.querySelector('[data-gate-msg]');\n var gateLang='es';\n var GMSG={ invalid:{es:'Introduce un correo válido.',pt:'Digite um e-mail válido.'}, err:{es:'No se pudo guardar. Inténtalo de nuevo.',pt:'Não foi possível salvar. Tente de novo.'}, sending:{es:'Enviando…',pt:'Enviando…'} };\n var GPH={es:'nombre@empresa.com',pt:'nome@empresa.com'};\n function applyGateLang(l){ gateLang=l; if(gIn) gIn.setAttribute('placeholder', GPH[l]||GPH.es); }\n applyGateLang('es');\n Array.prototype.slice.call(root.querySelectorAll('.lang button')).forEach(function(b){ d2.on(b,'click',function(){ applyGateLang(b.getAttribute('data-l')); if(gMsg)gMsg.textContent=''; }); });\n var unlocked=false; try{ unlocked=(window.localStorage && localStorage.getItem(UNLOCK_KEY)==='1'); }catch(e){}\n if(unlocked){ gate.classList.add('hide'); }\n var EMAIL_RE=/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n var submitting=false;\n function reveal(){ gate.classList.add('fade'); setTimeout(function(){ gate.classList.add('hide'); }, 540); }\n function submitGate(){\n if(submitting) return;\n var em=((gIn && gIn.value)||'').trim();\n if(!EMAIL_RE.test(em)){ if(gIn)gIn.classList.add('err'); if(gMsg){gMsg.style.color='';gMsg.textContent=(GMSG.invalid[gateLang]||GMSG.invalid.es);} if(gIn)gIn.focus(); return; }\n if(gIn)gIn.classList.remove('err');\n submitting=true; if(gBtn)gBtn.disabled=true; if(gMsg){ gMsg.style.color='#7f9a8c'; gMsg.textContent=(GMSG.sending[gateLang]||GMSG.sending.es); }\n d2.rush('idenergy-deck-save-lead').invoke({ email: em, idioma: gateLang, origem: 'idenergy-deck' }).then(function(res){\n var out=(res && res.data) ? res.data : res;\n if(out && out.ok){ try{ localStorage.setItem(UNLOCK_KEY,'1'); }catch(e){} reveal(); } else { throw new Error('save failed'); }\n }).catch(function(){ submitting=false; if(gBtn)gBtn.disabled=false; if(gMsg){gMsg.style.color='';gMsg.textContent=(GMSG.err[gateLang]||GMSG.err.es);} });\n }\n if(gBtn) d2.on(gBtn,'click',function(){ submitGate(); });\n if(gIn) d2.on(gIn,'keydown',function(e){ e.stopPropagation(); if(e.key==='Enter'){ e.preventDefault(); submitGate(); } });\n d2.on(gate,'click',function(e){ e.stopPropagation(); });\n }\n d2.on(root.querySelector('[data-next]'),'click',function(){ show(cur+1); });\n d2.on(root.querySelector('[data-prev]'),'click',function(){ show(cur-1); });\n dots.forEach(function(dt){ d2.on(dt,'click',function(){ show(parseInt(dt.getAttribute('data-i'),10)); }); });\n Array.prototype.slice.call(root.querySelectorAll('.lang button')).forEach(function(b){ d2.on(b,'click',function(){ setLang(b.getAttribute('data-l')); }); });\n d2.on(window,'keydown',function(e){ if(!dk.isConnected)return; if(e.key==='ArrowRight'||e.key===' '){ show(cur+1); } else if(e.key==='ArrowLeft'){ show(cur-1); } else if(e.key==='Home'){ show(0); } else if(e.key==='End'){ show(n-1); } });\n d2.on(dk,'click',function(e){ if(e.target.closest('.arw,.dot,.lang,.cue'))return; var r=dk.getBoundingClientRect(); if(e.clientX-r.left < r.width*0.30){ show(cur-1); } else if(e.clientX-r.left > r.width*0.70){ show(cur+1); } });\n // ambient\n var ax=amb.getContext('2d'), W=0,H=0,DP=1, orbs=[];\n function resize(){ var r=dk.getBoundingClientRect(); W=r.width; H=r.height; DP=Math.min(2,(window.devicePixelRatio||1)); amb.width=Math.round(W*DP); amb.height=Math.round(H*DP); ax.setTransform(DP,0,0,DP,0,0); }\n resize(); d2.on(window,'resize',resize);\n for(var i=0;i<5;i++){ orbs.push({x:Math.random(),y:Math.random(),r:200+Math.random()*150,dx:(Math.random()-.5)*0.00006,dy:(Math.random()-.5)*0.00006,c:i%3===0?'250,72,220':'72,250,161'}); }\n var running=true, raf=null;\n function frame(){ if(!amb.isConnected)return; if(!running)return; ax.clearRect(0,0,W,H); ax.globalCompositeOperation='lighter';\n for(var i=0;i'+wm()+'×'+idl()+'
'+\n ''+\n slides.join('')+\n '‹
›
'+\n '01 / '+(n<10?'0'+n:n)+''+dots+'
'+\n GATE+\n '${t('nods')}
${t('loading')}
'+inner+'
' : inner;\n }catch(e){ return ''; } }).join('');\n return `\n \n
`;\n },\n mounted(d2, root){ try{ d2.on('[data-nav]','click',function(e){ var a=e.target.closest('[data-nav]'); if(!a) return; var h=a.getAttribute('data-href'); if(h){ e.preventDefault(); try{d2.state.path=h;}catch(_){} try{ d2.router('site_router').goTo(h); }catch(_){} } }); }catch(e){} }\n}\nfunction D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction parseSols(raw){\n var arr = Array.isArray(raw)?raw:[]; var out=[];\n for(var k=0;k${t('eb')}
${t('h2')}
\n${t('p')}
${cards}
\n ◆${esc(s[0])}
${esc(s[1]||'')}
${esc(p.manchete||p.construimos||'')}
`+(solTeaser?`${solTeaser}
`:'');\n const bodyOld = `${esc(p.construimos||'')}
\n \n \n \n
\n ${esc(t('pain'))}
${esc(p.dor||'')}
${esc(t('runs'))}
${esc(p.oferta||'')}
${caps.map(c=>`
`;\n return `◆${esc(c)}
`).join('')} ${esc(p.name_en||t('sector'))}
\n ${esc(p.name_pt||'')}
\n ${hasNew ? bodyNew : bodyOld}\n\n
\n ${rts.map(r=>`${esc(r)}`).join('')}
\n ${alv.map(a=>`${esc(a)}`).join('')}
\n ${esc(pick(n,'label'))}
`; }\n return `${esc(pick(n,'label'))}`;\n }).join('');\n const megaProds = (dd('cms-productsDataSet')||[]).slice().sort((a,b)=>(a.ordem||0)-(b.ordem||0));\n const megaInds = (dd('cms-industriesDataSet')||[]).slice().sort((a,b)=>(a.ordem||0)-(b.ordem||0));\n const megaRts = (dd('cms-runtimesDataSet')||[]);\n const megaConcepts = nav.filter(n=>n.kind==='mega'&&n.href.indexOf('/runtimes/')<0).sort((a,b)=>(a.ordem||0)-(b.ordem||0));\n const megaRuntimes = nav.filter(n=>n.kind==='mega'&&n.href.indexOf('/runtimes/')>=0).sort((a,b)=>(a.ordem||0)-(b.ordem||0));\n const blurbs = {'/plataforma/como-funciona':t('blurb_how'),'/plataforma/data2-lang':t('blurb_lang'),'/plataforma/data-framework':t('blurb_framework'),'/plataforma/agent-native':t('blurb_agent')};\n const rtMeta = {}; megaRts.forEach(r=>{ rtMeta[r.name]={papel:r.papel,accent:r.accent}; });\n const conceptCols = [megaConcepts.slice(0,2), megaConcepts.slice(2,4)];\n const liveMap = {}; megaRuntimes.forEach(r=>{ liveMap[(r.label||'').toLowerCase()] = r.href; });\n const megaPlat = `${t('plat_eyebrow')}${t('plat_all')}
${conceptCols.map(col=>`
${col.map(c=>`
`).join('')}${esc(pick(c,'label'))}
${esc(blurbs[c.href]||'')}
`).join('')}${t('plat_comps')}
${t('plat_cap')}
${megaProds.map(p=>{const ac=esc(p.accent||'#3A7BFF');const live=liveMap[(p.key||'').toLowerCase()];const href=esc(live||'/produtos');return `${esc(pick(p,'name'))}${live?''+t('live')+'':''}`;}).join('')}${t('prod_eyebrow')}${t('prod_all')}
${megaProds.map(p=>{const ac=esc(p.accent||'#3A7BFF');const soon=p.status==='em-breve';return `
${esc(pick(p,'name'))}${soon?''+t('soon')+'':''}
${esc(pick(p,'tagline'))}
`;}).join('')}${t('ind_eyebrow')}${t('ind_all')}
${megaInds.map(i=>{const hue=esc(i.hue||'#3A7BFF');return `
${esc(lang==='pt'?i.name_pt:(i['name_'+lang]||i.name_pt))}
${esc(pick(i,'dor'))}
`;}).join('')}${header}
`;\n },\n mounted(d2, root){\n try{ var saved=localStorage.getItem('d2_site_lang'); if(saved&&['pt','en','es'].indexOf(saved)>=0){ var s=d2.store('siteLocale'); if(s&&s.get('lang')!==saved) s.set('lang',saved); } }catch(_){}\n d2.on('[data-locale]','click',function(e){ var el=e.target.closest('[data-locale]'); if(!el) return; e.preventDefault(); e.stopPropagation(); var lg=el.getAttribute('data-locale'); try{ d2.store('siteLocale').set('lang',lg); }catch(_){} try{ localStorage.setItem('d2_site_lang',lg); }catch(_){} });\n d2.on('[data-nav]','click',(e)=>{\n const el = e.target.closest('[data-nav]');\n if(!el) return;\n const h = el.getAttribute('data-href');\n if(h){ e.preventDefault(); d2.state.path = h; const w=d2.$('#scrollwrap'); if(w) w.scrollTop=0; try{ d2.router('site_router').goTo(h); }catch(_){} }\n });\n megaSetup(d2);\n drawerSetup(d2);\n }\n}\nfunction D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction MENU_T(){ return {\n pt:{plat_eyebrow:'A plataforma',plat_all:'Ver visão geral →',plat_comps:'Os componentes da runtime',plat_cap:'Data² é a runtime — os oito produtos que você compra são componentes dela.',live:'ao vivo →',prod_eyebrow:'Produtos — o que você compra',prod_all:'Ver todos →',ind_eyebrow:'Nove indústrias, uma runtime',ind_all:'Ver todas →',soon:'em breve',cta_fallback:'Falar com a gente',close:'Fechar',blurb_how:'Da necessidade ao sistema em produção.',blurb_lang:'A linguagem única da runtime.',blurb_framework:'DataSource → DataSet → o dado é seu.',blurb_agent:'O builder, também aberto a agentes.'},\n en:{plat_eyebrow:'The platform',plat_all:'See overview →',plat_comps:'The components of the runtime',plat_cap:'Data² is the runtime — the eight products you buy are its components.',live:'live →',prod_eyebrow:'Products — what you buy',prod_all:'See all →',ind_eyebrow:'Nine industries, one runtime',ind_all:'See all →',soon:'soon',cta_fallback:'Talk to us',close:'Close',blurb_how:'From necessity to a system in production.',blurb_lang:'The one language of the runtime.',blurb_framework:'DataSource → DataSet → the data is yours.',blurb_agent:'The builder, also open to agents.'},\n es:{plat_eyebrow:'La plataforma',plat_all:'Ver visión general →',plat_comps:'Los componentes del runtime',plat_cap:'Data² es el runtime — los ocho productos que compras son sus componentes.',live:'en vivo →',prod_eyebrow:'Productos — lo que compras',prod_all:'Ver todos →',ind_eyebrow:'Nueve industrias, un solo runtime',ind_all:'Ver todas →',soon:'pronto',cta_fallback:'Hablar con nosotros',close:'Cerrar',blurb_how:'De la necesidad al sistema en producción.',blurb_lang:'El lenguaje único del runtime.',blurb_framework:'DataSource → DataSet → el dato es tuyo.',blurb_agent:'El builder, también abierto a agentes.'}\n}; }\nfunction D2WM(){return '';}\nfunction megaSetup(d2){\n const root = d2.root || (typeof document!=='undefined'?document:null);\n if(!root) return;\n let closeTimer=null;\n const kill=()=>{ if(closeTimer){clearTimeout(closeTimer);closeTimer=null;} };\n const panels = ()=> Array.prototype.slice.call(root.querySelectorAll('[data-megapanel]'));\n const trigs = ()=> Array.prototype.slice.call(root.querySelectorAll('[data-mega]'));\n const openMenu=(key)=>{ kill(); const hd=root.querySelector('header.hd'); const hb=hd?Math.round(hd.getBoundingClientRect().height):65; panels().forEach(p=>{ p.style.top=hb+'px'; p.classList.toggle('open',p.getAttribute('data-megapanel')===key); }); trigs().forEach(t=>t.classList.toggle('mopen',t.getAttribute('data-mega')===key)); };\n const closeAll=()=>{ kill(); panels().forEach(p=>p.classList.remove('open')); trigs().forEach(t=>t.classList.remove('mopen')); };\n const scheduleClose=()=>{ kill(); closeTimer=setTimeout(closeAll,180); };\n d2.on(root,'mouseover',(e)=>{ const t=e.target.closest&&e.target.closest('[data-mega]'); if(t){ openMenu(t.getAttribute('data-mega')); return; } if(e.target.closest&&e.target.closest('[data-megapanel]')){ kill(); } });\n d2.on(root,'mouseout',(e)=>{ const from=e.target.closest&&(e.target.closest('[data-mega]')||e.target.closest('[data-megapanel]')); if(!from) return; const to=e.relatedTarget; const stay=to&&to.closest&&(to.closest('[data-mega]')||to.closest('[data-megapanel]')); if(!stay) scheduleClose(); });\n d2.on('[data-mega]','click',(e)=>{ const t=e.target.closest('[data-mega]'); if(!t) return; e.preventDefault(); const key=t.getAttribute('data-mega'); if(t.classList.contains('mopen')) closeAll(); else openMenu(key); });\n d2.on(root,'click',(e)=>{ if(!(e.target.closest&&(e.target.closest('[data-mega]')||e.target.closest('[data-megapanel]')))) closeAll(); });\n d2.on(root,'keydown',(e)=>{ if(e.key==='Escape'||e.keyCode===27) closeAll(); });\n}\nfunction drawerSetup(d2){\n const root = d2.root || (typeof document!=='undefined'?document:null); if(!root) return;\n const dr = function(){ return root.querySelector('[data-drawer]'); };\n const close = function(){ const d=dr(); if(d) d.classList.remove('open'); };\n d2.on('[data-burger]','click',function(e){ e.preventDefault(); const d=dr(); if(d) d.classList.toggle('open'); });\n d2.on('[data-drawer-close]','click',function(e){ e.preventDefault(); close(); });\n d2.on(root,'keydown',function(e){ if(e.key==='Escape'||e.keyCode===27) close(); });\n}"}}}}}}}},{"_id":"6a7b12fd0c3e9170c50c6189","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"site-shell-v3","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{display:block;height:100%}\n*{box-sizing:border-box}\n.wrap{--surface-0:#060708;--surface-1:#0C0E11;--surface-2:#14171B;--surface-3:#1C2026;--ink-hi:#F4F6F8;--ink-mid:#A7ADB5;--ink-low:#6B7178;--ink-faint:#3A3F45;--action:#3A7BFF;--action-hi:#5B93FF;--hairline:rgba(255,255,255,.08);--font-display:'Helvetica Neue',Helvetica,Arial,sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;background:var(--surface-0);color:var(--ink-hi);font-family:var(--font-display);--verme:#E93355;height:100vh;width:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}\n.pagehost{width:100%;display:block}\n.wm{height:20px;width:auto;display:block}\n.fbrand .wm{height:26px;width:auto;display:block}\n.cardd{font-size:13px;color:var(--ink-mid);line-height:1.45}\n.mig{min-height:64vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:80px 24px}\n.mig .em{font-family:var(--font-mono);font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mid)}\n.mig .path{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-faint)}\nfooter{border-top:1px solid var(--hairline);background:var(--surface-1);padding:48px 32px}\n.fcols{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:24px}\n.fbrand{font-weight:700;font-size:18px}\n.fcol h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-low);margin:0 0 12px}\n.fcol a{display:block;color:var(--ink-mid);text-decoration:none;font-size:14px;margin-bottom:8px;cursor:pointer}\n.fcol a:hover{color:var(--ink-hi)}\n.fcol a.flang{cursor:pointer;display:inline-block;margin-right:12px}\n.fcol a.flang.on{color:var(--ink-hi);font-weight:700}\n.seal{max-width:1160px;margin:26px auto 0;font-size:12px;color:var(--ink-low);display:flex;gap:8px;align-items:center}\n.dot{width:6px;height:6px;border-radius:50%;background:var(--action);display:inline-block}\n@media(max-width:900px){.fcols{grid-template-columns:1fr 1fr}footer{padding:40px 18px}}\n@media(max-width:560px){.fcols{grid-template-columns:1fr}}\n`,\n render(d2){\n let R=null; try{ R = d2.router ? d2.router('site_router') : null; }catch(e){ R=null; }\n let rpath = (R && typeof R.path === 'string') ? (R.path || '/') : null;\n const path = rpath || d2.state.path || '/';\n const params = (R && R.params) || {};\n var lang = D2LANG(d2); var TT = SHELL_T(); var t = function(k){ return (TT[lang]&&TT[lang][k])||TT.en[k]||k; };\n const dd = r => { const h = d2.data(r); return h ? (h.records()||[]) : []; };\n const nav = dd('cms-nav-itemsDataSet');\n const foot = nav.filter(n=>n.kind==='footer').sort((a,b)=>(a.ordem||0)-(b.ordem||0));\n const esc = s => (s==null?'':String(s)).replace(/&/g,'&').replace(//g,'>');\n const pick = (rec,base)=>{ if(!rec) return ''; if(lang==='pt') return rec[base]||''; return rec[base+'_'+lang] || rec[base] || ''; };\n\n const header = d2.render('www@site-menu', {}, { style:'position:sticky;top:0;z-index:50;height:auto;display:block;width:100%' });\n\n const footer = ``;\n\n const disp = dispatch(path, params);\n const KNOWN = ['www@page-home','www@page-industrias','www@page-plataforma','www@page-comofunciona','www@page-dataframework','www@page-agentnative','www@page-data2lang','www@page-produtos','www@page-industria','www@page-consultoria','www@page-precos','www@page-empresa','www@page-contato','www@page-carreiras','www@page-recursos','www@page-casos','www@page-caso','www@page-produto','www@page-runtime']; // pages that exist today — extend as each page component ships\n // datasets a page component needs as params: child-param-name -> global CMS dataset ref\n const PAGE_DATA = { 'www@page-industrias': { industries: 'cms-industriesDataSet' } };\n let body;\n if (disp.ref && KNOWN.indexOf(disp.ref) >= 0) {\n const pp = Object.assign({}, disp.pageParams);\n const dmap = PAGE_DATA[disp.ref];\n if (dmap) { for (const k in dmap){ pp[k] = dmap[k]; } }\n try { body = d2.render(disp.ref, pp, { style:'height:auto;width:100%;display:block' }); }\n catch(e){ body = MIG(esc, path, t); }\n } else {\n body = MIG(esc, path, t);\n }\n\n return `${D2WM()}${header}
`;\n },\n mounted(d2, root){\n d2.on('[data-locale]','click',function(e){ var el=e.target.closest('[data-locale]'); if(!el) return; e.preventDefault(); e.stopPropagation(); var lg=el.getAttribute('data-locale'); try{ d2.store('siteLocale').set('lang',lg); }catch(_){} try{ localStorage.setItem('d2_site_lang',lg); }catch(_){} });\n d2.on('[data-nav]','click',(e)=>{\n const el = e.target.closest('[data-nav]');\n if(!el) return;\n const h = el.getAttribute('data-href');\n if(h){ e.preventDefault(); d2.state.path = h; const w=d2.$('#scrollwrap'); if(w) w.scrollTop=0; try{ d2.router('site_router').goTo(h); }catch(_){} }\n });\n }\n}\n\nfunction D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction SHELL_T(){ return {\n pt:{brand_tag:'Necessidade elevada à produção.',col_platform:'Plataforma',link_how:'Como funciona',link_products:'Produtos',link_framework:'Data Framework',col_industries:'Indústrias',link_all:'Ver todas',link_cases:'Casos',col_company:'Empresa',col_language:'Idioma',seal:'Feito no runtime Data²',mig:'· em migração ·'},\n en:{brand_tag:'Necessity, raised to production.',col_platform:'Platform',link_how:'How it works',link_products:'Products',link_framework:'Data Framework',col_industries:'Industries',link_all:'See all',link_cases:'Cases',col_company:'Company',col_language:'Language',seal:'Built on the Data² runtime',mig:'· migration in progress ·'},\n es:{brand_tag:'La necesidad, elevada a producción.',col_platform:'Plataforma',link_how:'Cómo funciona',link_products:'Productos',link_framework:'Data Framework',col_industries:'Industrias',link_all:'Ver todas',link_cases:'Casos',col_company:'Empresa',col_language:'Idioma',seal:'Hecho en el runtime Data²',mig:'· en migración ·'}\n}; }\nfunction dispatch(path, params){\n const seg = (path||'/').split('/').filter(Boolean);\n const exact = {\n '/': 'www@page-home',\n '/plataforma': 'www@page-plataforma',\n '/plataforma/como-funciona': 'www@page-comofunciona',\n '/plataforma/data-framework': 'www@page-dataframework',\n '/plataforma/agent-native': 'www@page-agentnative',\n '/plataforma/data2-lang': 'www@page-data2lang',\n '/produtos': 'www@page-produtos',\n '/industrias': 'www@page-industrias',\n '/casos': 'www@page-casos',\n '/consultoria': 'www@page-consultoria',\n '/precos': 'www@page-precos',\n '/empresa': 'www@page-empresa',\n '/empresa/contato': 'www@page-contato',\n '/empresa/carreiras': 'www@page-carreiras',\n '/recursos': 'www@page-recursos'\n };\n if (exact[path]) return { ref: exact[path], pageParams: {} };\n if (seg[0]==='plataforma' && seg[1]==='runtimes' && seg[2]) return { ref:'www@page-runtime', pageParams:{ key: params.key || seg[2], rkey: params.key || seg[2] } };\n if (seg[0]==='produtos' && seg[1]) return { ref:'www@page-produto', pageParams:{ slug: params.slug || seg[1] } };\n if (seg[0]==='industrias' && seg[1]) return { ref:'www@page-industria', pageParams:{ slug: params.slug || seg[1] } };\n if (seg[0]==='casos' && seg[1]) return { ref:'www@page-caso', pageParams:{ slug: params.slug || seg[1] } };\n return { ref:null, pageParams:{} };\n}\n\nfunction MIG(esc, path, t){\n return `${body}
${footer}${t('mig')}
${esc(path)}
'+esc(eyebrow)+'
'+esc(name)+'
'+esc(dor)+'
'+isoDiorama(hue)+'
'+esc(head)+'
'+esc(sub)+'
'+esc(eyebrow)+'
'+esc(head)+'
'+items.map(function(a){return leverCard(esc,parseLever(a),false);}).join('')+'
'+nodes.map(function(n){return '';}).join('')+'
';\n}\nfunction parseLever(raw){\n var s = String(raw==null?'':raw).replace(/\\s*\\[PH[^\\]]*\\]/g,'').trim();\n var m = s.match(/^([+\\-−–]?\\s*(?:R\\$\\s*)?\\d[\\d.,]*\\s*(?:%|pp|k|K|M|mil|mi|mn)?)\\s*(.*)$/);\n if(m && /\\d/.test(m[1])){ return { v: m[1].replace(/\\s+/g,''), l: m[2].trim(), ph:false }; }\n return { v:'', l:'', ph:false, qual:true, text:s };\n}\nfunction leverCard(esc,p,hot){ if(p&&p.qual){ return ''+esc(n.n)+'
'+esc(n.d||'')+'
'+esc(p.text)+'
'+esc(p.v)+'
'+esc(p.l)+'
${t('map_n1_n')}
${t('map_n1_d')}
Builder
${t('map_n2_d')}
data2-lang
${t('map_n3_d')}
${t('map_n4_n')}
${t('map_n4_d')}
${t('map_n5_n')}
${t('map_n5_d')}
${rts.map(r=>`${esc(r.name)} · ${esc(pick(r,'papel'))}`).join('')}
Data Framework
${t('sub_d')}
${prods.map(p=>``).join('')}
`;\n const rtCards = `${esc(p.name)}${p.status==='em-breve'?`${t('soon')}`:''}
${esc(pick(p,'description')||pick(p,'tagline'))}
${rts.map(r=>{const ac=esc(r.accent||'#3A7BFF');return ``;}).join('')}
`;\n const df = `${esc(r.name)}
${esc(pick(r,'papel'))}
${esc(pick(r,'description'))}
${t('df1_lab')}
${t('df1_h')}
${t('df1_p')}
${t('df2_lab')}
${t('df2_h')}
${t('df2_p')}
${t('df3_lab')}
${t('df3_h')}
${t('df3_p')}
01
${t('ag1_h')}
${t('ag1_p')}
02
${t('ag2_h')}
${t('ag2_p')}
03
${t('ag3_h')}
${t('ag3_p')}
${t('hero_eb')}
${t('hero_h')}
${t('hero_sub')}
${t('map_eb')}
${t('map_h')}
${t('map_sub')}
${map}${t('prod_eb')}
${t('prod_h')}
${t('prod_sub')}
${prodCards}${t('comp_eb')}
${t('comp_h')}
${t('comp_sub')}
${rtCards}Data Framework
${t('dframe_h')}
${t('dframe_sub')}
${df}Agent-native
${t('an_h')}
${t('an_sub')}
${agent}${t('close_h')}
${t('close_sub')}
'+esc(t('rt_eb'))+'
'+esc(t('rt_h'))+'
'+esc(t('rt_sub'))+'
'+rts.map(function(r){var ac=esc(r.accent||'#3A7BFF');return '';}).join('')+'
'+esc(r.name)+'
'+esc(pick(r,'papel'))+'
'+esc(pick(r,'description'))+'
'+esc(eyebrow)+'
'+esc(name)+'
'+esc(dor)+'
'+isoDiorama(hue)+'
'+esc(head)+'
'+esc(sub)+'
'+esc(eyebrow)+'
'+esc(head)+'
'+esc(proof)+'
'+esc(eyebrow)+'
'+esc(head)+'
'+items.map(function(a){return leverCard(esc,parseLever(a),false);}).join('')+'
'+nodes.map(function(n){return '';}).join('')+'
';\n}\nfunction parseLever(raw){\n var s = String(raw==null?'':raw).replace(/\\s*\\[PH[^\\]]*\\]/g,'').trim();\n var m = s.match(/^([+\\-−–]?\\s*(?:R\\$\\s*)?\\d[\\d.,]*\\s*(?:%|pp|k|K|M|mil|mi|mn)?)\\s*(.*)$/);\n if(m && /\\d/.test(m[1])){ return { v: m[1].replace(/\\s+/g,''), l: m[2].trim(), ph:false }; }\n return { v:'', l:'', ph:false, qual:true, text:s };\n}\nfunction leverCard(esc,p,hot){ if(p&&p.qual){ return ''+esc(n.n)+'
'+esc(n.d||'')+'
'+esc(p.text)+'
'+esc(p.v)+'
'+esc(p.l)+'
'+esc(t('map_eb'))+'
'+esc(t('map_h'))+'
'+esc(t('map_sub'))+'
'+stages.map(function(s){return '';}).join('')+'
'+esc(s.t)+'
'+esc(s.d)+'
'+esc(t('rt_eyebrow'))+'
'+esc(t('rt_head'))+'
'+esc(t('rt_sub'))+'
'+rts.map(function(r){var ac=esc(r.accent||'#3A7BFF');return '';}).join('')+'
'+esc(r.name)+'
'+esc(pick(r,'papel'))+'
'+esc(pick(r,'description'))+'
'+esc(eyebrow)+'
'+esc(name)+'
'+esc(dor)+'
'+isoDiorama(hue)+'
'+esc(head)+'
'+esc(sub)+'
'+esc(eyebrow)+'
'+esc(head)+'
'+esc(proof)+'
'+esc(eyebrow)+'
'+esc(head)+'
'+items.map(function(a){return leverCard(esc,parseLever(a),false);}).join('')+'
'+nodes.map(function(n){return '';}).join('')+'
';\n}\nfunction parseLever(raw){\n var s = String(raw==null?'':raw).replace(/\\s*\\[PH[^\\]]*\\]/g,'').trim();\n var m = s.match(/^([+\\-−–]?\\s*(?:R\\$\\s*)?\\d[\\d.,]*\\s*(?:%|pp|k|K|M|mil|mi|mn)?)\\s*(.*)$/);\n if(m && /\\d/.test(m[1])){ return { v: m[1].replace(/\\s+/g,''), l: m[2].trim(), ph:false }; }\n return { v:'', l:'', ph:false, qual:true, text:s };\n}\nfunction leverCard(esc,p,hot){ if(p&&p.qual){ return ''+esc(n.n)+'
'+esc(n.d||'')+'
'+esc(p.text)+'
'+esc(p.v)+'
'+esc(p.l)+'
'+esc(t('df_eyebrow'))+'
'+esc(t('df_head'))+'
'+esc(t('df_c1_lab'))+'
'+esc(t('df_c1_h'))+'
'+esc(t('df_c1_p'))+'
'+esc(t('df_c2_lab'))+'
'+esc(t('df_c2_h'))+'
'+esc(t('df_c2_p'))+'
'+esc(t('df_c3_lab'))+'
'+esc(t('df_c3_h'))+'
'+esc(t('df_c3_p'))+'
'+esc(t('flow_eyebrow'))+'
'+esc(t('flow_head'))+'
'+d2IFlow(esc,hue,[{n:'DataSource',d:t('flow_n1_d'),c:hue},{n:'DataSet',d:t('flow_n2_d'),c:hue},{n:t('flow_n3_n'),d:t('flow_n3_d'),c:hue}])+''+esc(t('rt_eyebrow'))+'
'+esc(t('rt_head'))+'
'+esc(t('rt_sub'))+'
'+rts.map(function(r){var ac=esc(r.accent||'#3A7BFF');return '';}).join('')+'
'+esc(r.name)+'
'+esc(pick(r,'papel'))+'
'+esc(pick(r,'description'))+'
'+esc(eyebrow)+'
'+esc(name)+'
'+esc(dor)+'
'+isoDiorama(hue)+'
'+esc(head)+'
'+esc(sub)+'
'+esc(eyebrow)+'
'+esc(head)+'
'+esc(proof)+'
'+esc(eyebrow)+'
'+esc(head)+'
'+items.map(function(a){return leverCard(esc,parseLever(a),false);}).join('')+'
'+nodes.map(function(n){return '';}).join('')+'
';\n}\nfunction parseLever(raw){\n var s = String(raw==null?'':raw).replace(/\\s*\\[PH[^\\]]*\\]/g,'').trim();\n var m = s.match(/^([+\\-−–]?\\s*(?:R\\$\\s*)?\\d[\\d.,]*\\s*(?:%|pp|k|K|M|mil|mi|mn)?)\\s*(.*)$/);\n if(m && /\\d/.test(m[1])){ return { v: m[1].replace(/\\s+/g,''), l: m[2].trim(), ph:false }; }\n return { v:'', l:'', ph:false, qual:true, text:s };\n}\nfunction leverCard(esc,p,hot){ if(p&&p.qual){ return ''+esc(n.n)+'
'+esc(n.d||'')+'
'+esc(p.text)+'
'+esc(p.v)+'
'+esc(p.l)+'
'+esc(t('agent_eyebrow'))+'
'+esc(t('agent_head'))+'
01
'+esc(t('agent_c1_h'))+'
'+esc(t('agent_c1_p'))+'
02
'+esc(t('agent_c2_h'))+'
'+esc(t('agent_c2_p'))+'
03
'+esc(t('agent_c3_h'))+'
'+esc(t('agent_c3_p'))+'
'+esc(t('rt_eyebrow'))+'
'+esc(t('rt_head'))+'
'+esc(t('rt_sub'))+'
'+rts.map(function(r){var ac=esc(r.accent||'#3A7BFF');return '';}).join('')+'
'+esc(r.name)+'
'+esc(pick(r,'papel'))+'
'+esc(pick(r,'description'))+'
'+esc(eyebrow)+'
'+esc(name)+'
'+esc(dor)+'
'+isoDiorama(hue)+'
'+esc(head)+'
'+esc(sub)+'
'+esc(eyebrow)+'
'+esc(head)+'
'+esc(proof)+'
'+esc(eyebrow)+'
'+esc(head)+'
'+items.map(function(a){return leverCard(esc,parseLever(a),false);}).join('')+'
'+nodes.map(function(n){return '';}).join('')+'
';\n}\nfunction parseLever(raw){\n var s = String(raw==null?'':raw).replace(/\\s*\\[PH[^\\]]*\\]/g,'').trim();\n var m = s.match(/^([+\\-−–]?\\s*(?:R\\$\\s*)?\\d[\\d.,]*\\s*(?:%|pp|k|K|M|mil|mi|mn)?)\\s*(.*)$/);\n if(m && /\\d/.test(m[1])){ return { v: m[1].replace(/\\s+/g,''), l: m[2].trim(), ph:false }; }\n return { v:'', l:'', ph:false, qual:true, text:s };\n}\nfunction leverCard(esc,p,hot){ if(p&&p.qual){ return ''+esc(n.n)+'
'+esc(n.d||'')+'
'+esc(p.text)+'
'+esc(p.v)+'
'+esc(p.l)+'
'+esc(t('flow_eyebrow'))+'
'+esc(t('flow_head'))+'
'+esc(t('flow_sub'))+'
'+d2IFlow(esc,hue,[{n:t('flow_n1_n'),d:t('flow_n1_d'),c:hue},{n:t('flow_n2_n'),d:t('flow_n2_d'),c:hue},{n:t('flow_n3_n'),d:t('flow_n3_d'),c:hue},{n:t('flow_n4_n'),d:t('flow_n4_d'),c:hue}])+''+esc(t('flow_eyebrow'))+'
'+esc(t('flow_h'))+'
'+esc(t('flow_sub'))+'
'\n + steps.map(function(s){ return ''; }).join('')\n + '
'+esc(s.n)+' · '+esc(s.h)+'
'+esc(s.p)+'
'+esc(t('proof_eyebrow'))+'
'+esc(t('proof_h'))+'
'\n + lv.map(function(m){ return ''; }).join('')\n + '
'+esc(m.valor)+(pick(m,'unidade')?''+esc(pick(m,'unidade'))+'':'')+'
'+esc(pick(m,'label'))+'
'+esc(t('faces_eyebrow'))+'
'+esc(t('faces_h'))+'
'+esc(t('faces_p'))+'
'+esc(t('hero_eyebrow'))+'
'+esc(t('hero_h'))+'
'+esc(t('hero_sub'))+'
'+esc(t('cta_h'))+'
'+esc(t('cta_sub'))+'
'+esc(t('hero_eyebrow'))+'
'+esc(t('hero_h'))+'
'+esc(t('hero_sub'))+'
'+esc(t('anchor_k1'))+' '+esc(t('anchor_v1'))+' '+esc(t('anchor_k2'))+' '+esc(t('anchor_v2'))+'
'+esc(t('models_eyebrow'))+'
'+esc(t('models_h'))+'
'+esc(t('c1lab'))+'
'+esc(t('c1h'))+'
'+esc(t('c1p'))+'
'+esc(t('c2lab'))+'
'+esc(t('c2h'))+'
'+esc(t('c2p'))+'
'+esc(t('c3lab'))+'
'+esc(t('c3h'))+'
'+esc(t('c3p'))+'
'+esc(t('step_eyebrow'))+'
'+esc(t('step_h'))+'
'+esc(t('step_sub'))+'
'+esc(t('cta_h'))+'
'+esc(t('cta_sub'))+'
'+esc(t('hero_eyebrow'))+'
'+esc(t('hero_h'))+'
'+esc(t('hero_sub'))+'
'+esc(t('tese_eyebrow'))+'
'+esc(t('tese_h'))+'
'+esc(t('tese_sub'))+'
'+esc(t('faces_eyebrow'))+'
'+esc(t('faces_h'))+'
'+esc(t('f1tag'))+'
'+esc(t('f1h'))+'
'+esc(t('f1p'))+'
'+esc(t('f2tag'))+'
'+esc(t('f2h'))+'
'+esc(t('f2p'))+'
'+esc(t('cta_h'))+'
'+esc(t('cta_sub'))+'
'+t('hero_eye')+'
'+t('hero_h')+'
'+t('hero_sub')+'
'+t('como_eye')+'
'+t('como_h')+'
'+t('c1_lab')+'
'+t('c1_h')+'
'+t('c1_p')+'
'+t('c2_lab')+'
'+t('c2_h')+'
'+t('c2_p')+'
'+t('c3_lab')+'
'+t('c3_h')+'
'+t('c3_p')+'
'+t('flow_eye')+'
'+t('flow_h')+'
'+t('flow_sub')+'
'\n + [{n:'01',h:t('flow_s1_h'),p:t('flow_s1_p')},{n:'02',h:t('flow_s2_h'),p:t('flow_s2_p')},{n:'03',h:t('flow_s3_h'),p:t('flow_s3_p')},{n:'04',h:t('flow_s4_h'),p:t('flow_s4_p')}].map(function(s){ return ''; }).join('')\n + '
'+esc(s.n)+' · '+esc(s.h)+'
'+esc(s.p)+'
'+t('faces_eye')+'
'+t('faces_h')+'
'+t('faces_p')+'
'+t('cta_h')+'
'+t('cta_sub')+'
'+t('hero_eye')+'
'+t('hero_h')+'
'+t('hero_sub')+'
'+t('deck_eye')+'
'+t('deck_h')+'
'+t('deck_p')+'
'+t('foot_note')+'
';\n var cta = ''+t('cta_h')+'
'+t('cta_sub')+'
'+esc(t('hero_eyebrow'))+'
'+esc(t('hero_h'))+'
'+esc(t('hero_sub'))+'
'+esc(t('askhint'))+'contato@data2.app
'\n + isoTile(hue)\n + '
';\n }).join('');\n return ''+esc(t('back'))+''\n + ''+esc((lang==='pt'?ind.name_pt:(ind['name_'+lang]||ind.name_pt))||t('caso'))+'
'\n + ''+esc(pick(c,'cliente_setor'))+'
'\n + ''\n + (tags?''+tags+'
':'')\n + ''+lev+'
'\n + ''+esc(t('vercaso'))+'
'\n + ''+esc(t('eyebrow'))+'
'+esc(t('head'))+'
'+esc(t('sub'))+'
'+cards+'
'+esc(t('cta_h'))+'
'+esc(t('cta_sub'))+'
${esc(t('nf_eyebrow'))}
${esc(t('nf_head'))}
${esc(t('nf_sub'))}
'+esc(p.text)+'
'+esc(p.v)+'
'+esc(p.l)+'
'+esc(t('caso'))+(indName?' · '+esc(indName):'')+'
'+esc(pick(c,'cliente_setor'))+'
'+esc(pick(c,'desafio'))+'
'+(pick(c,'contexto')?''+esc(pick(c,'contexto'))+'
':'')+''+isoDiorama(hue)+'
'+esc(t('quadro_eye'))+'
'+esc(t('quadro_head'))+'
'+esc(pick(c,'feito'))+'
'+esc(t('res_eye'))+'
'+esc(t('res_head'))+'
'+(pick(c,'resultado')?''+esc(pick(c,'resultado'))+'
':'')+''+levers+'
'+esc(p.name)+'
'+esc(roleOf(p.name))+'
'+esc(t('rt_eye'))+'
'+esc(t('rt_head'))+'
'+esc(t('rt_sub'))+'
'+nodeHtml+'
'+esc(t('cta_head'))+'
'+esc(t('cta_sub'))+'
'\n : '';\n }).join('');\n return ''+esc(t('back'))+''\n +'${t('back')} `; }\n return `${renderIndustriaDetail(d2, esc, dd, i, lang, t)} `;\n },\n mounted(d2, root){ try{ d2.on('[data-nav]','click',function(e){ var a=e.target.closest('[data-nav]'); if(!a) return; var h=a.getAttribute('data-href'); if(h){ e.preventDefault(); try{d2.state.path=h;}catch(_){} try{ d2.router('site_router').goTo(h); }catch(_){} } }); }catch(e){} try{ wireReveal(root); }catch(e){} },\n updated(d2, root){ try{ wireReveal(root); }catch(e){} }\n};\nfunction D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction COMP_T(){ return {\n pt:{ back:'← Indústrias', nf_eyebrow:'Indústria não encontrada', nf_head:'Essa indústria não existe.', nf_sub:'O endereço pode ter mudado — veja todas as indústrias que estão no ar.', nf_btn:'Ver todas as indústrias →', hero_eyebrow:'Indústria', arch_eyebrow:'Arquitetura', arch_head:'O que construímos.', caps_eyebrow:'Capacidades', caps_head:'O que ele faz na prática.', port_eyebrow:'Portfólio', port_head:'Soluções com nome próprio.', port_sub:'Não é lista de features. É o que entra em produção.', lev_eyebrow:'Alavancas', lev_head_num:'Medido em produção.', lev_head:'O que muda quando entra no ar.', case_eyebrow:'Caso', case_head_done:'Já foi feito.', case_challenge:'Desafio.', case_did:'O que fizemos.', case_head_prep:'Em preparação.', case_soon:'Caso · em breve', case_prep_h4:'Estudo desta indústria em preparação', case_prep_p:'A implementação existe; o estudo público entra na próxima rodada.', cta_head:'Vamos resolver isso na sua operação.', cta_sub:'Construímos com você — semanas, não trimestres.', cta_btn_pre:'Falar com quem já fez isso em ', role_rush:'escuta · inbound', role_domain:'decide · IA', role_connect:'integra · outbound', role_media:'gera imagem', role_cashier:'transaciona', role_id:'identidade · policy', role_registry:'catálogo · registro', role_ui:'interface', role_dataframework:'own-your-data', runtime:'componente' },\n en:{ back:'← Industries', nf_eyebrow:'Industry not found', nf_head:'This industry does not exist.', nf_sub:'The address may have changed — see all the industries that are live.', nf_btn:'See all industries →', hero_eyebrow:'Industry', arch_eyebrow:'Architecture', arch_head:'What we build.', caps_eyebrow:'Capabilities', caps_head:'What it does in practice.', port_eyebrow:'Portfolio', port_head:'Solutions with a name of their own.', port_sub:'Not a feature list. This is what ships to production.', lev_eyebrow:'Levers', lev_head_num:'Measured in production.', lev_head:'What changes once it goes live.', case_eyebrow:'Case', case_head_done:'Already done.', case_challenge:'Challenge.', case_did:'What we did.', case_head_prep:'In preparation.', case_soon:'Case · coming soon', case_prep_h4:'Study of this industry in preparation', case_prep_p:'The implementation exists; the public study lands in the next round.', cta_head:'Let’s solve this in your operation.', cta_sub:'We build it with you — weeks, not quarters.', cta_btn_pre:'Talk to someone who has done it in ', role_rush:'listens · inbound', role_domain:'decides · AI', role_connect:'integrates · outbound', role_media:'generates image', role_cashier:'transacts', role_id:'identity · policy', role_registry:'catalog · record', role_ui:'interface', role_dataframework:'own-your-data', runtime:'component' },\n es:{ back:'← Industrias', nf_eyebrow:'Industria no encontrada', nf_head:'Esta industria no existe.', nf_sub:'La dirección puede haber cambiado — mira todas las industrias que están en el aire.', nf_btn:'Ver todas las industrias →', hero_eyebrow:'Industria', arch_eyebrow:'Arquitectura', arch_head:'Lo que construimos.', caps_eyebrow:'Capacidades', caps_head:'Lo que hace en la práctica.', port_eyebrow:'Portafolio', port_head:'Soluciones con nombre propio.', port_sub:'No es una lista de features. Es lo que entra en producción.', lev_eyebrow:'Palancas', lev_head_num:'Medido en producción.', lev_head:'Lo que cambia cuando entra al aire.', case_eyebrow:'Caso', case_head_done:'Ya se hizo.', case_challenge:'Desafío.', case_did:'Lo que hicimos.', case_head_prep:'En preparación.', case_soon:'Caso · próximamente', case_prep_h4:'Estudio de esta industria en preparación', case_prep_p:'La implementación existe; el estudio público entra en la próxima ronda.', cta_head:'Resolvamos esto en tu operación.', cta_sub:'Lo construimos contigo — semanas, no trimestres.', cta_btn_pre:'Habla con quien ya lo hizo en ', role_rush:'escucha · inbound', role_domain:'decide · IA', role_connect:'integra · outbound', role_media:'genera imagen', role_cashier:'transacciona', role_id:'identidad · policy', role_registry:'catálogo · registro', role_ui:'interfaz', role_dataframework:'own-your-data', runtime:'componente' }\n}; }\nfunction wireReveal(root){\n try{\n var els=Array.prototype.slice.call(root.querySelectorAll('[data-reveal]'));\n if(!els.length) return;\n var reduce=(typeof window!=='undefined'&&window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches);\n if(reduce||typeof IntersectionObserver==='undefined'){ els.forEach(function(el){el.classList.add('in');}); return; }\n var io=new IntersectionObserver(function(ents){ ents.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } }); },{threshold:0.06});\n els.forEach(function(el){ if(!el.classList.contains('in')) io.observe(el); });\n }catch(e){ try{ Array.prototype.slice.call(root.querySelectorAll('[data-reveal]')).forEach(function(el){el.classList.add('in');}); }catch(_){} }\n}\nfunction isoDiorama(hue){\n var cube=function(tx,ty,sc,o){return ''+n+''); });\n return s;\n}\nfunction renderIndustriaDetail(d2, esc, dd, i, lang, t){\n var pick=function(rec,base){ if(!rec) return ''; if(lang==='pt') return rec[base]||''; return rec[base+'_'+lang] || rec[base] || ''; };\n var pickArr=function(rec,base){ var v = (lang==='pt') ? rec[base] : (rec[base+'_'+lang] || rec[base]); return Array.isArray(v)?v:[]; };\n var pickName=function(rec){ return lang==='pt' ? (rec.name_pt||'') : (rec['name_'+lang] || rec.name_pt || ''); };\n var hue = esc(i.hue||'#3A7BFF');\n var caps = pickArr(i,'capacidades');\n var pr = Array.isArray(i.produtos_runtimes)?i.produtos_runtimes:[];\n var al = pickArr(i,'alavancas');\n var prodColor = {'DATA FRAMEWORK':'#5B93FF'};\n (dd('cms-productsDataSet')||[]).forEach(function(p){ if(p&&p.name) prodColor[String(p.name).toUpperCase()]=p.accent||'#3A7BFF'; });\n (dd('cms-runtimesDataSet')||[]).forEach(function(r){ if(r&&r.name){ var k=String(r.name).toUpperCase(); if(!prodColor[k]) prodColor[k]=r.accent||'#3A7BFF'; } });\n var prodRole = {'RUSH':t('role_rush'),'DOMAIN':t('role_domain'),'CONNECT':t('role_connect'),'MEDIA':t('role_media'),'CASHIER':t('role_cashier'),'ID':t('role_id'),'REGISTRY':t('role_registry'),'UI':t('role_ui'),'DATA FRAMEWORK':t('role_dataframework')};\n var colOf = function(n){ return prodColor[String(n).toUpperCase()] || hue; };\n var roleOf = function(n){ return prodRole[String(n).toUpperCase()] || t('runtime'); };\n var manchete = pick(i,'manchete');\n var heroCopy = manchete\n ? '${esc(t('back'))} `; }\n const expHero = (p.key==='domain') ? d2.render('www@0MfwBc5HuDLpCuTOU8c_p', {}, { style:'display:block;width:100%' }) : (p.key==='registry') ? d2.render('www@exp-registry', {}, { style:'display:block;width:100%' }) : (p.key==='ui') ? d2.render('www@exp-ui', {}, { style:'display:block;width:100%' }) : (p.key==='id') ? d2.render('www@exp-id', {}, { style:'display:block;width:100%' }) : (p.key==='media') ? d2.render('www@exp-media', {}, { style:'display:block;width:100%' }) : (p.key==='cashier') ? d2.render('www@exp-cashier', {}, { style:'display:block;width:100%' }) : (p.key==='rush') ? d2.render('www@U4g7zTUC7RI956nMfKG1y', {}, { style:'display:block;width:100%' }) : (p.key==='connect') ? d2.render('www@U4g7zTUC7RI956nMfKG1y', {}, { style:'display:block;width:100%' }) : '';\n return `${expHero}${renderProdutoDetail(d2, esc, dd, p)} `;\n },\n mounted(d2, root){ try{ d2.on('[data-nav]','click',function(e){ var a=e.target.closest('[data-nav]'); if(!a) return; var h=a.getAttribute('data-href'); if(h){ e.preventDefault(); try{d2.state.path=h;}catch(_){} try{ d2.router('site_router').goTo(h); }catch(_){} } }); }catch(e){} try{ wireReveal(root); }catch(e){} },\n updated(d2, root){ try{ wireReveal(root); }catch(e){} }\n};\nfunction D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction PROD_T(){ return {\n pt:{back:'← Produtos',produto_eyebrow:'Produto',nf_eyebrow:'Produto não encontrado',nf_head:'Esse produto não existe.',nf_sub:'O endereço pode ter mudado — veja os produtos que estão no ar.',nf_btn:'Ver todos os produtos →',avail_eyebrow:'Disponibilidade',soon_head:'Em breve.',soon_badge:'em breve',soon_building:'Em construção',soon_note:' A engenharia existe; o produto público entra na próxima rodada.',resolve_eyebrow:'O que resolve',role_fallback:'componente',worksWith_eyebrow:'Trabalha com',worksWith_head:'Um componente da mesma runtime.',worksWith_sub:' não roda sozinho — divide o mesmo motor, o mesmo dado e as mesmas regras com os outros sete produtos. Um sistema, não um kit.',here:'você está aqui',cta_head:'Uma runtime só, da necessidade à produção.',cta_sub:' faz parte da plataforma — um time embarca e entrega rodando, em semanas.',cta_platform:'Ver a plataforma →',cta_talk:'Falar com a gente →'},\n en:{back:'← Products',produto_eyebrow:'Product',nf_eyebrow:'Product not found',nf_head:\"That product doesn't exist.\",nf_sub:'The address may have changed — see the products that are live.',nf_btn:'View all products →',avail_eyebrow:'Availability',soon_head:'Coming soon.',soon_badge:'coming soon',soon_building:'In progress',soon_note:' The engineering exists; the public product ships in the next round.',resolve_eyebrow:'What it solves',role_fallback:'component',worksWith_eyebrow:'Works with',worksWith_head:'One component of the same runtime.',worksWith_sub:' does not run alone — it shares the same engine, the same data and the same rules with the other seven products. One system, not a kit.',here:'you are here',cta_head:'One runtime, from necessity to production.',cta_sub:' is part of the platform — a team embeds and ships it running, in weeks.',cta_platform:'See the platform →',cta_talk:'Talk to us →'},\n es:{back:'← Productos',produto_eyebrow:'Producto',nf_eyebrow:'Producto no encontrado',nf_head:'Ese producto no existe.',nf_sub:'La dirección puede haber cambiado — mira los productos que están en producción.',nf_btn:'Ver todos los productos →',avail_eyebrow:'Disponibilidad',soon_head:'Próximamente.',soon_badge:'próximamente',soon_building:'En construcción',soon_note:' La ingeniería existe; el producto público entra en la próxima ronda.',resolve_eyebrow:'Qué resuelve',role_fallback:'componente',worksWith_eyebrow:'Funciona con',worksWith_head:'Un componente del mismo runtime.',worksWith_sub:' no funciona solo — comparte el mismo motor, los mismos datos y las mismas reglas con los otros siete productos. Un sistema, no un kit.',here:'estás aquí',cta_head:'Un solo runtime, de la necesidad a producción.',cta_sub:' es parte de la plataforma — un equipo se embarca y lo entrega funcionando, en semanas.',cta_platform:'Ver la plataforma →',cta_talk:'Hablar con nosotros →'}\n}; }\nfunction wireReveal(root){\n try{\n var els=Array.prototype.slice.call(root.querySelectorAll('[data-reveal]'));\n if(!els.length) return;\n var reduce=(typeof window!=='undefined'&&window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches);\n if(reduce||typeof IntersectionObserver==='undefined'){ els.forEach(function(el){el.classList.add('in');}); return; }\n var io=new IntersectionObserver(function(ents){ ents.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } }); },{threshold:0.06});\n els.forEach(function(el){ if(!el.classList.contains('in')) io.observe(el); });\n }catch(e){ try{ Array.prototype.slice.call(root.querySelectorAll('[data-reveal]')).forEach(function(el){el.classList.add('in');}); }catch(_){} }\n}\nfunction isoDiorama(hue){\n var cube=function(tx,ty,sc,o){return 'target2)n=target2; } else { n=target2+Math.round(Math.sin(performance.now()/300)*1800); } el.textContent='R$ '+n.toLocaleString('pt-BR'); },50); intervals.push(iv); }\n }\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ d2.on(c,'click',function(){ run2(c.getAttribute('data-f')); }); });\n run2('cobra');\n if(!reduce){ timers.push(setTimeout(function(){ if(active==='cobra') run2('divide'); },4600)); }\n }\n}\n"}}}}}}}},{"_id":"6a7b5aa8ea4776d1d2936634","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"exp-copiloto","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"function D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction COP_T(){ return {\n pt:{ n_entende:'Entende', n_busca:'Busca', n_permite:'Permite', n_mostra:'Mostra', n_tudo:'Tudo junto', d_entende:'lê a intenção do pedido', d_busca:'acha os dados certos', d_permite:'checa o que você pode ver', d_mostra:'desenha a resposta', d_tudo:'um pedido, uma resposta', h1a:'Um copiloto sobre o seu sistema.', h1b:'UI + Domain + Registry + ID, juntos.', h1s:'Um pedido em linguagem natural vira uma resposta pronta: o Domain entende, o Registry busca, o ID permite e a UI mostra. Escolha um passo — ou veja tudo junto.', seedA:'copiloto · orquestra', seedB:'componentes · 4', seedC:'pedido → resposta', payoffB:'busca · permite · mostra', step_entende:'entende a intenção', step_busca:'busca · 3 resultados', step_permite:'permite · papel gestor ✓', step_mostra:'mostra o resultado', q_bubble:'quais clientes em risco?', rc_title:'Clientes em risco · 3', lbl_cop:'Copiloto', chip_cop:'copiloto' },\n en:{ n_entende:'Understands', n_busca:'Finds', n_permite:'Allows', n_mostra:'Shows', n_tudo:'All together', d_entende:'reads the request intent', d_busca:'finds the right data', d_permite:'checks what you can see', d_mostra:'draws the answer', d_tudo:'one request, one answer', h1a:'A copilot over your system.', h1b:'UI + Domain + Registry + ID, together.', h1s:'A natural-language request becomes a ready answer: Domain understands, Registry finds, ID allows and UI shows. Pick a step — or see it all together.', seedA:'copilot · orchestrates', seedB:'components · 4', seedC:'request → answer', payoffB:'finds · allows · shows', step_entende:'reads the intent', step_busca:'searches · 3 results', step_permite:'allows · manager role ✓', step_mostra:'shows the result', q_bubble:'which customers are at risk?', rc_title:'Customers at risk · 3', lbl_cop:'Copilot', chip_cop:'copilot' },\n es:{ n_entende:'Entiende', n_busca:'Busca', n_permite:'Permite', n_mostra:'Muestra', n_tudo:'Todo junto', d_entende:'lee la intención del pedido', d_busca:'encuentra los datos correctos', d_permite:'comprueba lo que puedes ver', d_mostra:'dibuja la respuesta', d_tudo:'un pedido, una respuesta', h1a:'Un copiloto sobre tu sistema.', h1b:'UI + Domain + Registry + ID, juntos.', h1s:'Un pedido en lenguaje natural se vuelve una respuesta lista: Domain entiende, Registry busca, ID permite y UI muestra. Elige un paso — o velo todo junto.', seedA:'copiloto · orquesta', seedB:'componentes · 4', seedC:'pedido → respuesta', payoffB:'busca · permite · muestra', step_entende:'entiende la intención', step_busca:'busca · 3 resultados', step_permite:'permite · rol gestor ✓', step_mostra:'muestra el resultado', q_bubble:'¿qué clientes en riesgo?', rc_title:'Clientes en riesgo · 3', lbl_cop:'Copiloto', chip_cop:'copiloto' }\n}; }\nexport default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; min-height:88vh; overflow:hidden;\n background:radial-gradient(78% 70% at 30% 42%, #150c22 0%, #0a0712 46%, #060409 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.core{ position:absolute; z-index:2; display:block; }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:5; }\n.head{ position:absolute; top:44px; left:56px; z-index:8; max-width:46%; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#9a86c0; display:flex; align-items:center; gap:8px; }\n.dot{ width:8px; height:8px; border-radius:50%; background:#8448FA; box-shadow:0 0 12px 2px #8448FA; }\n.h1{ font-size:clamp(26px,3.2vw,44px); font-weight:500; letter-spacing:-.025em; margin:11px 0 0; color:#F4F2F6; }\n.h1 .g{ color:#a98af5; }\n.h1s{ margin:11px 0 0; font-size:13.5px; line-height:1.5; color:#9a92a8; max-width:42ch; }\n.seed{ position:absolute; top:50px; right:56px; z-index:8; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#544f60; line-height:1.7; }\n.seed b{ color:#a98af5; font-weight:400; font-variant-numeric:tabular-nums; }\n.stage{ position:absolute; z-index:7; width:min(38%,440px); }\n.st-h{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#a888e0; margin-bottom:12px; display:flex; align-items:center; gap:8px; }\n.st-box{ position:relative; height:262px; border:1px solid rgba(255,255,255,.1); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.02); }\n.dov{ position:absolute; inset:0; padding:18px; font-family:ui-monospace,Menlo,monospace; }\n.chat{ font-size:12px; line-height:1.5; }\n.ubub{ display:inline-block; background:rgba(132,72,250,.14); border:1px solid rgba(132,72,250,.32); color:#e9e3f6; padding:6px 11px; border-radius:11px 11px 11px 3px; font-size:12px; margin-bottom:13px; }\n.step{ display:flex; align-items:center; gap:8px; padding:4px 0; color:#6a6472; opacity:.5; transition:.28s; }\n.step.on{ opacity:1; color:#EDECEF; }\n.step .sd{ width:8px; height:8px; border-radius:50%; flex:none; opacity:.4; transition:.28s; }\n.step.on .sd{ opacity:1; box-shadow:0 0 8px 1px currentColor; }\n.step .sx{ color:#8a848c; font-size:11px; }\n.step.on .sx{ color:#c8c2d0; }\n.rcard{ margin-top:12px; border:1px solid rgba(72,102,250,.32); border-radius:10px; padding:10px 12px; background:rgba(72,102,250,.06); opacity:0; transform:translateY(6px); transition:.34s; }\n.rcard.on{ opacity:1; transform:none; }\n.rct{ font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:#8fa0f5; margin-bottom:7px; }\n.rcr{ font-size:11.5px; color:#dcd8e4; padding:2px 0; display:flex; justify-content:space-between; }\n.rcr b{ color:#8fa0f5; font-weight:400; font-variant-numeric:tabular-nums; }\n.cards{ position:absolute; left:0; right:0; bottom:44px; z-index:8; display:flex; justify-content:center; padding:0 44px; border-top:1px solid rgba(255,255,255,.07); }\n.fc{ flex:1; max-width:200px; text-align:left; padding:16px 18px 15px; cursor:pointer; position:relative; transition:background .18s; border-right:1px solid rgba(255,255,255,.05); }\n.fc:first-child{ border-left:1px solid rgba(255,255,255,.05); }\n.fc:hover{ background:rgba(255,255,255,.02); }\n.fc.on{ background:rgba(132,72,250,.06); }\n.fc.on::before{ content:''; position:absolute; top:-1px; left:0; right:0; height:2px; background:var(--ac,#8448FA); }\n.fc .ic{ width:22px; height:22px; margin-bottom:10px; opacity:.9; color:var(--ac,#a98af5); }\n.fc .ft{ font-size:12.5px; font-weight:600; color:#EDECEF; } .fc .fd{ margin-top:5px; font-size:11px; line-height:1.4; color:#8a848c; }\n.fc .fs{ margin-top:8px; font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.06em; color:#5f5a61; text-transform:uppercase; } .fc.on .fs{ color:var(--ac,#a98af5); }\n.payoff{ position:absolute; left:0; right:0; bottom:12px; text-align:center; z-index:8; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#5f5a61; } .payoff b{ color:#a98af5; }\n@media (max-width:1080px){ .st{ display:flex; flex-direction:column; min-height:0; height:auto; } .head{ position:relative; top:auto; left:auto; max-width:none; padding:34px 24px 0; } .seed{ display:none } canvas.core{ position:relative; }\n .stage{ position:relative; width:auto; padding:0 24px; } .cards{ position:relative; bottom:auto; flex-wrap:wrap; margin-top:20px; } .fc{ max-width:none; flex:1 1 40%; border-bottom:1px solid rgba(255,255,255,.05); } .payoff{ position:relative; bottom:auto; margin:16px 0 30px; } }\n`,\n render(d2){\n var lang=D2LANG(d2); var TT=COP_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var F=[\n ['entende',t('n_entende'),t('d_entende'),'domain','M7 7a4 4 0 105 5M11 11l3 3','#FA48DC'],\n ['busca',t('n_busca'),t('d_busca'),'registry','M3 8a5 3 0 1010 0 5 3 0 10-10 0M3 8v4a5 3 0 0010 0V8','#FA4848'],\n ['permite',t('n_permite'),t('d_permite'),'id','M4.5 7V5a3.5 3.5 0 017 0v2M3.5 7h9v6h-9z','#48FAA1'],\n ['mostra',t('n_mostra'),t('d_mostra'),'ui','M2 3.5h12v8H2zM6 13.5h4','#4866FA'],\n ['tudo',t('n_tudo'),t('d_tudo'),t('chip_cop'),'M8 2v4M8 10v4M2 8h4M10 8h4','#8448FA']\n ];\n return ''+\n '0)energy-=0.012;\n fx.clearRect(0,0,CBW,CBH); fx.save(); fx.translate(CBW/2,CBH/2);\n\n var seq=-1;\n if(mode==='tudo'){ var pp=(tt*0.42)%1; seq=Math.floor(pp*4); if(seq>3)seq=3; }\n var ai=(mode!=='tudo'&&IDX.hasOwnProperty(mode))?IDX[mode]:-1;\n\n for(var i=0;icmax)cmax=NODES[im].act; }\n if(hasM){ var dc=Math.hypot(mx,my); cmax=Math.max(cmax, 1-dc/(R*0.4)); }\n CENTER.act+=(cmax-CENTER.act)*0.15;\n\n fx.globalCompositeOperation='lighter';\n for(var il=0;il=2)) && gn.act>0.6){ fx.strokeStyle=hexA('#48FAA1',gn.act); fx.lineWidth=1.6; var gx=gn.x, gy=gn.y, s=R*0.03; fx.beginPath(); fx.moveTo(gx-s,gy); fx.lineTo(gx-s*0.2,gy+s*0.8); fx.lineTo(gx+s*1.1,gy-s*0.9); fx.stroke(); }\n fx.globalCompositeOperation='source-over';\n\n var cr=R*0.075+CENTER.act*R*0.03;\n fx.globalCompositeOperation='lighter';\n var gc=fx.createRadialGradient(0,0,0,0,0,cr*3); gc.addColorStop(0,hexA(CENTER.col,0.5+CENTER.act*0.4)); gc.addColorStop(1,hexA(CENTER.col,0)); fx.fillStyle=gc; fx.beginPath(); fx.arc(0,0,cr*3,0,6.28); fx.fill();\n fx.globalCompositeOperation='source-over';\n fx.fillStyle=hexA(CENTER.col,0.9); fx.beginPath(); fx.arc(0,0,cr,0,6.28); fx.fill();\n fx.fillStyle='rgba(255,255,255,.85)'; fx.beginPath(); fx.arc(0,0,cr*0.42,0,6.28); fx.fill();\n\n if(energy>0){ var ex=lerp(-R*0.95,0,1-energy); fx.globalCompositeOperation='lighter'; fx.fillStyle=hexA(CENTER.col,energy); fx.beginPath(); fx.arc(ex,0,3.2,0,6.28); fx.fill(); fx.globalCompositeOperation='source-over'; }\n\n fx.font='9px ui-monospace,monospace'; fx.textAlign='center';\n for(var it=0;it '+x[2]+' '+x[3]+'
'; }).join('');\n return '';\n return head+isoTile(ac)+'
';\n }).join('');\n var mapNodes = ps.map(function(p){\n var ac=esc(p.accent||'#3A7BFF');\n var role = prodRole[String(p.name).toUpperCase()] || (p.status==='em-breve'?t('soon'):t('runtime'));\n return ''+esc(p.name)+(soon?''+esc(t('soon'))+'':'')+'
'+esc(pick(p,'tagline'))+'
'+val+'
'+esc(p.name)+'
'+esc(role)+'
'+esc(t('eyebrow1'))+'
'+esc(t('h1'))+'
'+esc(t('sub1'))+'
'+cards+'
'+esc(t('eyebrow2'))+'
'+esc(t('h2'))+'
'+esc(t('sub2'))+'
'+mapNodes+'
${t('nf_eyebrow')}
${t('nf_head')}
${t('nf_sub')}
'+esc(p.text)+'
'+esc(p.v)+'
'+esc(p.l)+'
'+t('hero_eyebrow')+'
'+esc(pickName(i))+'
'+esc(manchete)+'
'+esc(pick(i,'dor'))+'
'\n : ''+t('hero_eyebrow')+'
'+esc(pickName(i))+'
'+esc(pick(i,'dor'))+'
';\n var hero = ''+heroCopy+'
'+isoDiorama(hue)+'
'+esc(p)+'
'+esc(roleOf(p))+'
'+isoMini(c2)+'
'; }).join('');\n var cols = Math.max(pr.length,1);\n var compose = boldComponents(esc(pick(i,'oferta')));\n var blueprint = ''+esc(c)+'
'+t('arch_eyebrow')+'
'+t('arch_head')+'
'+esc(pick(i,'construimos')||pick(i,'oferta'))+'
'+nodes+'
'+(i.oferta?''+compose+'
':'')+''+t('caps_eyebrow')+'
'+t('caps_head')+'
'+capCards+'
'+esc(pv.text)+'
' : ''+esc(pv.v)+''+esc(pv.l)+'
'; }\n var num = (ix<9?'0':'')+(ix+1);\n return ''+t('port_eyebrow')+'
'+t('port_head')+'
'+t('port_sub')+'
'+solCards+'
'+t('lev_eyebrow')+'
'+(hasNum?t('lev_head_num'):t('lev_head'))+'
'+levers+'
'+t('case_eyebrow')+'
'+t('case_head_done')+'
'+esc(pick(kase,'cliente_setor'))+'
'+t('case_challenge')+' '+esc(pick(kase,'desafio'))+'
'+(kase.feito?''+t('case_did')+' '+esc(pick(kase,'feito'))+'
':'')+''+lev+'
'+t('case_eyebrow')+'
'+t('case_head_prep')+'
'+t('case_soon')+'
'+t('case_prep_h4')+'
'+t('case_prep_p')+'
'+esc(cc.h)+'
'+esc(cc.s)+'
'+\n '
';\n },\n mounted(d2, root){ heroSetup(d2, root); },\n updated(d2, root){ heroSetup(d2, root); }\n}\n\nfunction heroSetup(d2, root){\n var st=root.querySelector('[data-st]'); if(!st || st.__heroInit) return; st.__heroInit=true;\n var lang=D2LANG(d2); var TT=HERO_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var inp=root.querySelector('[data-inp]'), go=root.querySelector('[data-go]'), body=root.querySelector('[data-body]'), badge=root.querySelector('[data-badge]'), url=root.querySelector('[data-url]');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n function esc(s){ return String(s).replace(/[&<>\"]/g,function(c){return {'&':'&','<':'<','>':'>','\"':'"'}[c];}); }\n var SOL=HERO_SOL(lang);\n\n function hexRgb(h){ return parseInt(h.slice(1,3),16)+','+parseInt(h.slice(3,5),16)+','+parseInt(h.slice(5,7),16); }\n function hexA(h,a){ return 'rgba('+hexRgb(h)+','+a+')'; }\n\n var timers=[];\n function clr(){ timers.forEach(clearTimeout); timers=[]; }\n function litPalette(name, on){ var el=root.querySelector('.pd[data-c=\"'+name+'\"]'); if(el)el.classList.toggle('lit', on); }\n function resetPalette(){ Array.prototype.slice.call(root.querySelectorAll('.pd')).forEach(function(e){e.classList.remove('lit');}); }\n\n var userMode=false, si=0;\n function typeNeed(str, done){ var i=0; (function step(){ if(!inp.isConnected||userMode)return; if(i>str.length){ done&&done(); return; } inp.value=str.slice(0,i); i++; timers.push(setTimeout(step, 22+Math.random()*30)); })(); }\n\n function assemble(sol, done){\n body.innerHTML=''; badge.classList.remove('on'); url.style.opacity='0'; url.textContent=sol.url; resetPalette();\n var layer=document.createElement('div'); layer.className='layer'; body.appendChild(layer);\n var made=[];\n sol.blocks.forEach(function(b){ var el=document.createElement('div'); el.className='blk';\n el.style.background='linear-gradient(180deg,'+hexA(b.col,0.13)+','+hexA(b.col,0.05)+')'; el.style.borderColor=hexA(b.col,0.4);\n el.innerHTML=''+\n ''+\n ''+\n '
'+\n '
'+\n ''+\n '
'+\n ' '+t('eyebrow')+'
'+\n ''+t('h1a')+''+t('h1b')+'
'+\n '›
'+\n ''+t('hint')+'
'+\n ''+ COMPS.map(function(c){ return ''+c[0]+''; }).join('') +'
'+\n ''+\n '
'+\n ''+\n ''+\n '
'+\n ' '+t('live')+'
'+\n ''+\n ''+b.c+'
'+esc(b.t)+'
';\n layer.appendChild(el); made.push(el); });\n var k=0;\n (function next(){ if(!body.isConnected)return; if(k>=sol.blocks.length){ timers.push(setTimeout(function(){ revealApp(sol, layer, done); }, 620)); return; }\n var b=sol.blocks[k], el=made[k]; el.classList.add('in'); litPalette(b.c, true);\n var bar=el.querySelector('.bar > i'); if(bar) timers.push(setTimeout(function(){ if(bar.isConnected)bar.style.width=(58+Math.random()*38)+'%'; }, 110));\n k++; timers.push(setTimeout(next, 500)); })();\n }\n function revealApp(sol, layer, done){\n if(!body.isConnected)return;\n Array.prototype.slice.call(layer.querySelectorAll('.blk')).forEach(function(e){ e.classList.add('gone'); });\n timers.push(setTimeout(function(){ if(!body.isConnected)return;\n var app=document.createElement('div'); app.className='app'; app.style.setProperty('--acc', sol.acc); app.innerHTML=sol.app;\n body.innerHTML=''; body.appendChild(app); void app.offsetWidth; app.classList.add('in');\n badge.classList.add('on'); url.style.opacity='1';\n done&&timers.push(setTimeout(done, 2400));\n }, 420));\n }\n\n function cycle(){ if(!st.isConnected||userMode)return; var sol=SOL[si%SOL.length]; si++; clr();\n typeNeed(sol.need, function(){ timers.push(setTimeout(function(){ if(userMode)return; assemble(sol, function(){ timers.push(setTimeout(cycle, 700)); }); }, 340)); }); }\n\n function slug(t){ return (t.toLowerCase().normalize('NFD').replace(/[^a-z0-9]+/g,'-').replace(/^-|-$/g,'').slice(0,22)||'app')+'.data2.app'; }\n function runCustom(text){ userMode=true; clr();\n var sol={ need:text, url:slug(text), acc:'#8448FA', blocks:[\n {c:'Domain', col:'#FA48DC', t:t('cu1')},{c:'Registry', col:'#FA4848', t:t('cu2')},\n {c:'Connect', col:'#48FAFA', t:t('cu3')},{c:'UI', col:'#4866FA', t:t('cu4')} ],\n app:''+esc(text.slice(0,42))+' · '+t('live')+'
'+t('cu_flow')+'✓
'+t('cu_data')+'✓
◈ '+t('cu_done')+'
' };\n assemble(sol, null);\n }\n\n d2.on(inp,'focus',function(){ userMode=true; clr(); inp.value=''; });\n d2.on(inp,'keydown',function(e){ if(e.key==='Enter'){ e.preventDefault(); var t=inp.value.trim(); if(t) runCustom(t); } });\n d2.on(go,'click',function(){ var t=inp.value.trim(); if(t){ runCustom(t); } });\n d2.on(inp,'blur',function(){ if(!inp.value.trim()){ userMode=false; timers.push(setTimeout(function(){ if(!userMode) cycle(); }, 800)); } });\n\n if(reduce){ var sol=SOL[0]; inp.value=sol.need; sol.blocks.forEach(function(b){litPalette(b.c,true);});\n var app=document.createElement('div'); app.className='app in'; app.style.setProperty('--acc', sol.acc); app.innerHTML=sol.app; body.appendChild(app);\n badge.classList.add('on'); url.textContent=sol.url; url.style.opacity='1'; }\n else { timers.push(setTimeout(cycle, 500)); }\n}\n\nfunction D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\n\nfunction HERO_T(){ return {\n pt:{ eyebrow:'Necessidade elevada à produção', h1a:'Da necessidade à produção.', h1b:'O resto é demo.',\n ph:'Descreva a necessidade…', aria:'Descreva a necessidade', go:'montar', hint:'Descreva. Os componentes se montam. No ar.', live:'no ar',\n cu1:'Entende o pedido', cu2:'Traz os dados', cu3:'Conecta o que já existe', cu4:'Vira tela',\n cu_flow:'fluxo publicado', cu_data:'dados conectados', cu_done:'pronto, em produção' },\n en:{ eyebrow:'Necessity, raised to production', h1a:'From necessity to production.', h1b:'The rest is a demo.',\n ph:'Describe the need…', aria:'Describe the need', go:'build', hint:'Describe it. The components assemble. Live.', live:'live',\n cu1:'Understands the request', cu2:'Brings the data', cu3:'Connects what already exists', cu4:'Becomes a screen',\n cu_flow:'flow published', cu_data:'data connected', cu_done:'done, in production' },\n es:{ eyebrow:'La necesidad, elevada a producción', h1a:'De la necesidad a la producción.', h1b:'El resto es demo.',\n ph:'Describe la necesidad…', aria:'Describe la necesidad', go:'montar', hint:'Descríbela. Los componentes se montan. En vivo.', live:'en vivo',\n cu1:'Entiende el pedido', cu2:'Trae los datos', cu3:'Conecta lo que ya existe', cu4:'Se vuelve pantalla',\n cu_flow:'flujo publicado', cu_data:'datos conectados', cu_done:'listo, en producción' }\n}; }\n\nfunction HERO_SOL(lang){\n var S={\n pt:[\n { need:'Cortar 40% do custo de atendimento', url:'atendimento.data2.app', acc:'#FA48DC', blocks:[\n {c:'Rush', col:'#8448FA', t:'Escuta a chamada'},{c:'Domain', col:'#FA48DC', t:'IA resolve na hora'},\n {c:'Connect', col:'#48FAFA', t:'Integra o CRM'},{c:'UI', col:'#4866FA', t:'Painel do time'} ],\n app:'Atendimento · ao vivo
Cadê meu pedido 8421?
Sai amanhã, 14h — rastreio no seu e-mail.
◈ agente resolveu · 0 na fila
' },\n { need:'Conciliar estoque em tempo real', url:'estoque.data2.app', acc:'#4866FA', blocks:[\n {c:'Registry', col:'#FA4848', t:'Os dados, vivos'},{c:'Rush', col:'#8448FA', t:'Cada movimento, um evento'},\n {c:'Domain', col:'#FA48DC', t:'Alerta antes de faltar'},{c:'UI', col:'#4866FA', t:'Tela de controle'} ],\n app:'Estoque · tempo real
1.204 SKUsgiro 3.2×ruptura 0,4%
⚠ repor SKU-88 em 2 dias
' },\n { need:'Cobrar e conciliar pagamentos', url:'pagamentos.data2.app', acc:'#BFFA48', blocks:[\n {c:'Cashier', col:'#BFFA48', t:'Cobrança nativa'},{c:'Connect', col:'#48FAFA', t:'Fala com o gateway'},\n {c:'Registry', col:'#FA4848', t:'Concilia sozinho'},{c:'ID', col:'#48FAA1', t:'Quem pode ver'} ],\n app:'Pagamentos · conciliado
R$ 1.240,00✓ conciliado
R$ 890,00✓ conciliado
R$ 3.110,00✓ conciliado
3.482 transações hoje · 0 divergências
' },\n { need:'Estúdio de imagem do produto', url:'estudio.data2.app', acc:'#FADC48', blocks:[\n {c:'Media', col:'#FADC48', t:'Gera a imagem'},{c:'Registry', col:'#FA4848', t:'Puxa o catálogo'},\n {c:'UI', col:'#4866FA', t:'Galeria pronta'} ],\n app:'Estúdio · imagens
8 imagens geradas · prontas pro catálogo
' }\n ],\n en:[\n { need:'Cut support costs by 40%', url:'support.data2.app', acc:'#FA48DC', blocks:[\n {c:'Rush', col:'#8448FA', t:'Listens to the call'},{c:'Domain', col:'#FA48DC', t:'AI solves it on the spot'},\n {c:'Connect', col:'#48FAFA', t:'Plugs into the CRM'},{c:'UI', col:'#4866FA', t:'The team panel'} ],\n app:'Support · live
Where is my order 8421?
Ships tomorrow, 2pm — tracking in your e-mail.
◈ agent solved it · 0 in queue
' },\n { need:'Reconcile inventory in real time', url:'inventory.data2.app', acc:'#4866FA', blocks:[\n {c:'Registry', col:'#FA4848', t:'The data, alive'},{c:'Rush', col:'#8448FA', t:'Every movement, an event'},\n {c:'Domain', col:'#FA48DC', t:'Warns before it runs out'},{c:'UI', col:'#4866FA', t:'The control screen'} ],\n app:'Inventory · real time
1,204 SKUsturnover 3.2×stockouts 0.4%
⚠ restock SKU-88 in 2 days
' },\n { need:'Charge and reconcile payments', url:'payments.data2.app', acc:'#BFFA48', blocks:[\n {c:'Cashier', col:'#BFFA48', t:'Billing, built in'},{c:'Connect', col:'#48FAFA', t:'Talks to the gateway'},\n {c:'Registry', col:'#FA4848', t:'Reconciles by itself'},{c:'ID', col:'#48FAA1', t:'Who sees what'} ],\n app:'Payments · reconciled
$ 1,240.00✓ reconciled
$ 890.00✓ reconciled
$ 3,110.00✓ reconciled
3,482 transactions today · 0 mismatches
' },\n { need:'A product image studio', url:'studio.data2.app', acc:'#FADC48', blocks:[\n {c:'Media', col:'#FADC48', t:'Generates the image'},{c:'Registry', col:'#FA4848', t:'Pulls the catalog'},\n {c:'UI', col:'#4866FA', t:'Gallery, ready'} ],\n app:'Studio · images
8 images generated · ready for the catalog
' }\n ],\n es:[\n { need:'Cortar 40% del costo de atención', url:'atencion.data2.app', acc:'#FA48DC', blocks:[\n {c:'Rush', col:'#8448FA', t:'Escucha la llamada'},{c:'Domain', col:'#FA48DC', t:'La IA resuelve al instante'},\n {c:'Connect', col:'#48FAFA', t:'Integra el CRM'},{c:'UI', col:'#4866FA', t:'Panel del equipo'} ],\n app:'Atención · en vivo
¿Dónde está mi pedido 8421?
Sale mañana, 14h — rastreo en tu e-mail.
◈ agente resolvió · 0 en fila
' },\n { need:'Conciliar inventario en tiempo real', url:'inventario.data2.app', acc:'#4866FA', blocks:[\n {c:'Registry', col:'#FA4848', t:'Los datos, vivos'},{c:'Rush', col:'#8448FA', t:'Cada movimiento, un evento'},\n {c:'Domain', col:'#FA48DC', t:'Alerta antes de que falte'},{c:'UI', col:'#4866FA', t:'Pantalla de control'} ],\n app:'Inventario · tiempo real
1.204 SKUsrotación 3.2×quiebre 0,4%
⚠ reponer SKU-88 en 2 días
' },\n { need:'Cobrar y conciliar pagos', url:'pagos.data2.app', acc:'#BFFA48', blocks:[\n {c:'Cashier', col:'#BFFA48', t:'Cobro nativo'},{c:'Connect', col:'#48FAFA', t:'Habla con la pasarela'},\n {c:'Registry', col:'#FA4848', t:'Concilia solo'},{c:'ID', col:'#48FAA1', t:'Quién puede ver'} ],\n app:'Pagos · conciliado
$ 1.240,00✓ conciliado
$ 890,00✓ conciliado
$ 3.110,00✓ conciliado
3.482 transacciones hoy · 0 divergencias
' },\n { need:'Estudio de imagen del producto', url:'estudio.data2.app', acc:'#FADC48', blocks:[\n {c:'Media', col:'#FADC48', t:'Genera la imagen'},{c:'Registry', col:'#FA4848', t:'Trae el catálogo'},\n {c:'UI', col:'#4866FA', t:'Galería lista'} ],\n app:'Estudio · imágenes
8 imágenes generadas · listas para el catálogo
' }\n ]\n };\n return S[lang]||S.pt;\n}"}}}}}}}},{"_id":"6a7b2b04c2bdaafdb939b1f8","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"page-produto","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{display:block;width:100%;--surface-0:#060708;--surface-1:#0C0E11;--surface-2:#14171B;--surface-3:#1C2026;--ink-hi:#F4F6F8;--ink-mid:#A7ADB5;--ink-low:#6B7178;--ink-faint:#3A3F45;--action:#3A7BFF;--action-hi:#5B93FF;--hairline:rgba(255,255,255,.08);--verme:#E93355;--font-display:'Helvetica Neue',Helvetica,Arial,sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;color:var(--ink-hi);font-family:var(--font-display)}\n*{box-sizing:border-box}\n.pageframe{max-width:1160px;margin:0 auto;padding:64px 32px 40px}\n.back{color:var(--action);font-size:13px;cursor:pointer;display:inline-block;margin-bottom:14px}\n@keyframes ask-flow{0%{background-position:200% 0}100%{background-position:-200% 0}}\n.d-sec{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:clamp(72px,11vh,150px) 32px;border-top:1px solid var(--hairline)}\n.d-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-low);display:flex;align-items:center;gap:10px}\n.d-eyebrow .k{width:6px;height:6px;border-radius:50%;background:var(--verme);box-shadow:0 0 12px var(--verme)}\n.d-head{font-size:clamp(30px,4.6vw,60px);line-height:1.04;letter-spacing:-.025em;margin:20px 0 0;max-width:22ch;text-wrap:balance;color:var(--ink-hi);font-weight:700}\n.d-head.big{font-size:clamp(40px,6.6vw,86px);max-width:15ch;line-height:1.0}\n.d-sub{font-size:clamp(15px,1.4vw,19px);color:var(--ink-mid);max-width:58ch;line-height:1.6;margin:20px 0 0}\n.d-cta{margin-top:34px}\n.d-btn{background:var(--action);color:#fff;border:none;border-radius:10px;padding:14px 22px;font-size:15px;cursor:pointer;font-family:inherit;font-weight:600;transition:.16s}\n.d-btn:hover{background:var(--action-hi);transform:translateY(-1px)}\n[data-reveal]{opacity:0;transform:translateY(28px);filter:blur(7px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1),filter .85s cubic-bezier(.22,1,.36,1)}\n[data-reveal].in{opacity:1;transform:none;filter:none}\n[data-reveal] .stag{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}\n[data-reveal].in .stag{opacity:1;transform:none}\n[data-reveal].in .stag:nth-child(1){transition-delay:.04s}\n[data-reveal].in .stag:nth-child(2){transition-delay:.12s}\n[data-reveal].in .stag:nth-child(3){transition-delay:.2s}\n[data-reveal].in .stag:nth-child(4){transition-delay:.28s}\n[data-reveal].in .stag:nth-child(5){transition-delay:.36s}\n[data-reveal].in .stag:nth-child(6){transition-delay:.44s}\n@media(prefers-reduced-motion:reduce){[data-reveal],[data-reveal] .stag{transition:none!important;opacity:1;transform:none;filter:none}}\n.d-levers{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:52px}\n.d-lever{border-top:1px solid var(--hairline);padding-top:20px}\n.d-lever .v{font-family:var(--font-mono);font-size:clamp(38px,4.8vw,68px);letter-spacing:-.03em;line-height:.95;font-variant-numeric:tabular-nums;color:var(--ink-hi)}\n.d-lever .v em{font-style:normal;font-size:.42em;color:var(--ink-low);margin-left:3px;letter-spacing:0}\n.d-lever .l{margin-top:12px;font-size:13px;color:var(--ink-mid);max-width:22ch;line-height:1.5}\n.d-lever:nth-child(1) .v{color:var(--action)}\n.d-close{text-align:center;padding:clamp(96px,17vh,210px) 32px}\n.d-close .d-head{margin:20px auto 0}\n.d-close .d-sub{margin:20px auto 0}\n.d-close .d-cta{display:flex;justify-content:center}\n.i-hero{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(24px,5vh,56px) 0 clamp(20px,4vh,44px);overflow:visible}\n.i-hero::before{content:'';position:absolute;inset:-30% -18% -30% 30%;background:radial-gradient(52% 60% at 74% 34%,var(--ihue,#3A7BFF),transparent 62%);opacity:.10;filter:blur(34px);pointer-events:none;z-index:0}\n.i-herocopy,.i-diorama{position:relative;z-index:1}\n.i-hero .i-name{font-size:clamp(38px,6vw,78px);line-height:1.0;letter-spacing:-.025em;color:var(--ink-hi);font-weight:700;margin:18px 0 0;max-width:13ch}\n.i-hero .i-dor{font-size:clamp(17px,1.7vw,23px);color:var(--ink-mid);line-height:1.5;max-width:42ch;margin:22px 0 0;text-wrap:balance}\n.i-hero .i-dor b{color:var(--ink-hi);font-weight:600}\n.i-diorama{border:1px solid var(--hairline);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.004));min-height:clamp(240px,34vh,360px);display:flex;align-items:center;justify-content:center;overflow:hidden}\n.i-diorama .i-atmos{position:absolute;inset:0;z-index:0;pointer-events:none}\n.i-diorama .i-atmos::before{content:'';position:absolute;inset:-30%;background:radial-gradient(46% 44% at 42% 34%,var(--ihue,#3A7BFF),transparent 62%);opacity:.22;filter:blur(26px)}\n.i-diorama .dio{width:min(82%,340px);height:auto;position:relative;z-index:1;filter:drop-shadow(0 26px 60px rgba(0,0,0,.5))}\n.i-flow{position:relative;display:grid;gap:20px;margin-top:38px}\n.i-flow .i-rail{position:absolute;top:9px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,var(--ihue,#3A7BFF),var(--verme),var(--action-hi));background-size:200% 100%;animation:ask-flow 3.4s linear infinite;opacity:.5}\n.i-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}\n.i-pnode{width:18px;height:18px;border-radius:50%;background:var(--accent,#3A7BFF);box-shadow:0 0 0 6px rgba(255,255,255,.04),0 0 22px var(--accent,#3A7BFF);margin:0 0 18px}\n.i-stage .i-pn{font-family:var(--font-mono);font-size:14px;letter-spacing:.06em;color:var(--ink-hi)}\n.i-stage .i-pr{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-low);margin-top:8px;line-height:1.4}\n.i-caps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px}\n.i-cap{position:relative;border:1px solid var(--hairline);border-radius:16px;padding:22px 22px 22px 60px;background:var(--surface-1);transition:.18s}\n.i-cap:hover{border-color:rgba(255,255,255,.2);transform:translateY(-2px)}\n.i-cap .i-cnode{position:absolute;left:20px;top:22px;width:24px;height:24px}\n.i-cap .i-ct{font-size:14.5px;color:var(--ink-mid);line-height:1.55}\n.i-cap .i-ct b{color:var(--ink-hi);font-weight:600}\n.i-lever .v.ph{color:var(--ink-faint);font-size:clamp(24px,2.6vw,38px);letter-spacing:0}\n.d-lever.qual{padding-top:20px}\n.d-lever .ql{font-size:clamp(17px,1.9vw,23px);line-height:1.32;color:var(--ink-hi);font-weight:600;letter-spacing:-.01em;max-width:26ch}\n.i-lever.hot .v{color:var(--action)}\n.i-caseslot{border:1px dashed var(--hairline);border-radius:18px;padding:34px;background:rgba(255,255,255,.012);margin-top:34px}\n.i-caseslot .st{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--verme)}\n.i-caseslot h4{margin:12px 0 6px;font-size:18px;color:var(--ink-mid)}\n.i-caseslot p{color:var(--ink-low);font-size:13px;line-height:1.5}\n.mp-soon{font-family:var(--font-mono);font-size:9px;color:var(--verme);border:1px solid rgba(233,51,85,.4);border-radius:5px;padding:2px 6px;letter-spacing:.04em;vertical-align:middle}\n@media(max-width:900px){.i-hero{grid-template-columns:1fr}.i-hero::before{display:none}.i-flow{grid-template-columns:1fr!important;gap:14px}.i-flow .i-rail{display:none}.i-caps{grid-template-columns:1fr}}\n@media(max-width:640px){.pageframe{padding:46px 18px 34px}}\n`,\n render(d2){\n const dd = r => { const h = d2.data(r); return h ? (h.records()||[]) : []; };\n const esc = s => (s==null?'':String(s)).replace(/&/g,'&').replace(//g,'>');\n var lang = D2LANG(d2); var TT = PROD_T(); var t = function(k){ return (TT[lang]&&TT[lang][k])||TT.en[k]||k; };\n const slug = (d2.params && d2.params.slug) || '';\n const p = (dd('cms-productsDataSet')).find(function(x){ return x.key===slug; });\n if(!p){ return `${esc(t('nf_eyebrow'))}
${esc(t('nf_head'))}
${esc(t('nf_sub'))}
'+esc(t('produto_eyebrow'))+'
'+esc(p.name)+soonBadge+'
'+esc(pick(p,'tagline'))+'
'+(desc?''+esc(desc)+'
':'')+''+isoDiorama(ac)+'
'+isoMini(ac)+'
'; }).join('');\n var resolve = ''+esc(c.charAt(0).toUpperCase()+c.slice(1))+'
'+t('resolve_eyebrow')+'
'+esc(pick(p,'tagline')||p.name)+'
'+(capCards?''+capCards+'
':''+esc(desc)+'
')+'' : '${t('back')} `; }\n let expHero = '';\n if(key==='domain') expHero = d2.render('www@0MfwBc5HuDLpCuTOU8c_p', {}, { style:'display:block;width:100%' });\n else if(key==='rush'||key==='connect') expHero = d2.render('www@U4g7zTUC7RI956nMfKG1y', {}, { style:'display:block;width:100%' });\n return `${expHero}${renderRuntimeDetail(d2, esc, dd, key, lang)} `;\n },\n mounted(d2, root){ try{ d2.on('[data-nav]','click',function(e){ var a=e.target.closest('[data-nav]'); if(!a) return; var h=a.getAttribute('data-href'); if(h){ e.preventDefault(); try{d2.state.path=h;}catch(_){} try{ d2.router('site_router').goTo(h); }catch(_){} } }); }catch(e){} try{ wireReveal(root); }catch(e){} },\n updated(d2, root){ try{ wireReveal(root); }catch(e){} }\n};\nfunction D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction RUNTIME_T(){ return {\n pt:{ back:'← A plataforma', comp_eye:'Componente', nf_eye:'Componente não encontrado', nf_h:'Esse componente não existe.', nf_sub:'O endereço pode ter mudado — volte para a plataforma.', nf_btn:'Ver a plataforma →', oque_eye:'O que faz', oque_h:'As capacidades.', quando_eye:'Quando usar', quando_h:'O papel no sistema.', q_a_tag:'O papel', q_b_tag:'A hora certa', q_b_h:'Quando acionar', mapa_eye:'O mapa', mapa_h:'O lugar dele na runtime.', mapa_sub:'Rush escuta, Connect integra, Domain decide — este é o seu lugar.', prova_eye:'A prova', prova_h:'Em números.', prova_fallback:'operação em produção', close_h:'Um componente. A runtime inteira.', close_sub_a:'Fale com a gente e veja o ', close_sub_b:' rodando no seu domínio.', cta_btn:'Falar com a gente →', heroLine:{ rush:'Seu sistema escuta o mundo e reage sozinho.', connect:'Seu sistema alcança o mundo — e o mundo responde.', domain:'A camada que entende, decide e prova a decisão.' }, whenLine:{ rush:'Quando algo acontece e o sistema precisa reagir sozinho — um pedido chega, um horário dispara, um e-mail entra, uma ligação toca.', connect:'Quando o seu sistema precisa alcançar o mundo — cobrar um pagamento, escrever no ERP, notificar em tempo real.', domain:'Quando a decisão exige entender linguagem, contexto ou imagem — e precisa ser auditável, não um chute de modelo.' }, proof:{ rush:['eventos por minuto sob carga','reação em tempo real','canais de entrada','cada evento com registro'], connect:['integrações vivas','entregas confirmadas','canais em tempo real','tempo até integrar'], domain:['decisões por dia','zero resposta fora do padrão','cada decisão com registro','o porquê de cada resposta'] } },\n en:{ back:'← The platform', comp_eye:'Component', nf_eye:'Component not found', nf_h:'This component doesn\\'t exist.', nf_sub:'The address may have changed — go back to the platform.', nf_btn:'See the platform →', oque_eye:'What it does', oque_h:'The capabilities.', quando_eye:'When to use it', quando_h:'Its role in the system.', q_a_tag:'The role', q_b_tag:'The right moment', q_b_h:'When to reach for it', mapa_eye:'The map', mapa_h:'Its place in the runtime.', mapa_sub:'Rush listens, Connect integrates, Domain decides — this is your place.', prova_eye:'The proof', prova_h:'In numbers.', prova_fallback:'in production', close_h:'One component. The whole runtime.', close_sub_a:'Talk to us and see ', close_sub_b:' running on your domain.', cta_btn:'Talk to us →', heroLine:{ rush:'Your system listens to the world and reacts on its own.', connect:'Your system reaches the world — and the world answers.', domain:'The layer that understands, decides and proves the decision.' }, whenLine:{ rush:'When something happens and the system has to react on its own — an order arrives, a schedule fires, an email comes in, a call rings.', connect:'When your system needs to reach the world — take a payment, write to the ERP, notify in real time.', domain:'When the decision requires understanding language, context or image — and it has to be auditable, not a model\\'s guess.' }, proof:{ rush:['events per minute under load','real-time reaction','inbound channels','every event on the record'], connect:['live integrations','confirmed deliveries','real-time channels','time to integrate'], domain:['decisions per day','zero off-pattern answers','every decision on the record','the why behind each answer'] } },\n es:{ back:'← La plataforma', comp_eye:'Componente', nf_eye:'Componente no encontrado', nf_h:'Este componente no existe.', nf_sub:'La dirección puede haber cambiado — vuelve a la plataforma.', nf_btn:'Ver la plataforma →', oque_eye:'Qué hace', oque_h:'Las capacidades.', quando_eye:'Cuándo usarlo', quando_h:'Su papel en el sistema.', q_a_tag:'El papel', q_b_tag:'El momento justo', q_b_h:'Cuándo activarlo', mapa_eye:'El mapa', mapa_h:'Su lugar en el runtime.', mapa_sub:'Rush escucha, Connect integra, Domain decide — este es tu lugar.', prova_eye:'La prueba', prova_h:'En números.', prova_fallback:'operación en producción', close_h:'Un componente. El runtime entero.', close_sub_a:'Habla con nosotros y ve ', close_sub_b:' corriendo en tu dominio.', cta_btn:'Hablar con nosotros →', heroLine:{ rush:'Tu sistema escucha el mundo y reacciona solo.', connect:'Tu sistema alcanza el mundo — y el mundo responde.', domain:'La capa que entiende, decide y prueba la decisión.' }, whenLine:{ rush:'Cuando algo sucede y el sistema tiene que reaccionar solo — llega un pedido, dispara un horario, entra un correo, suena una llamada.', connect:'Cuando tu sistema necesita alcanzar el mundo — cobrar un pago, escribir en el ERP, notificar en tiempo real.', domain:'Cuando la decisión exige entender lenguaje, contexto o imagen — y tiene que ser auditable, no una corazonada del modelo.' }, proof:{ rush:['eventos por minuto bajo carga','reacción en tiempo real','canales de entrada','cada evento con registro'], connect:['integraciones vivas','entregas confirmadas','canales en tiempo real','tiempo hasta integrar'], domain:['decisiones por día','cero respuestas fuera del patrón','cada decisión con registro','el porqué de cada respuesta'] } }\n}; }\nfunction wireReveal(root){\n try{\n var els=Array.prototype.slice.call(root.querySelectorAll('[data-reveal]'));\n if(!els.length) return;\n var reduce=(typeof window!=='undefined'&&window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches);\n if(reduce||typeof IntersectionObserver==='undefined'){ els.forEach(function(el){el.classList.add('in');}); return; }\n var io=new IntersectionObserver(function(ents){ ents.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } }); },{threshold:0.06});\n els.forEach(function(el){ if(!el.classList.contains('in')) io.observe(el); });\n }catch(e){ try{ Array.prototype.slice.call(root.querySelectorAll('[data-reveal]')).forEach(function(el){el.classList.add('in');}); }catch(_){} }\n}\nfunction isoDiorama(hue){\n var cube=function(tx,ty,sc,o){return '
'; timers.push(setTimeout(function(){ var c=dov.querySelector('[data-chk]'); if(c)c.classList.add('on'); },700)); }\n else if(k==='divide'){ dov.innerHTML='';\n var dot = here ? '' : '';\n var role = here ? t('here') : roleOf(q.name);\n return open+dot+'
';\n }).join('');\n var trabalha = ''+esc(q.name)+'
'+esc(role)+'
'+t('worksWith_eyebrow')+'
'+t('worksWith_head')+'
'+esc(p.name)+t('worksWith_sub')+'
'+flowNodes+'
'+esc(t('avail_eyebrow'))+'
'+esc(t('soon_head'))+'
'+esc(p.name)+' · '+esc(t('soon_badge'))+'
'+esc(pick(p,'tagline')||t('soon_building'))+'
'+esc(desc||'')+esc(t('soon_note'))+'
'+t('cta_head')+'
'+esc(p.name)+t('cta_sub')+'
${t('nf_eye')}
${t('nf_h')}
${t('nf_sub')}
'+esc(p.text)+'
'+esc(p.v)+'
'+esc(p.l)+'
'+esc(head)+'
'+esc(sub)+'
'+esc(eyebrow)+'
'+esc(head)+'
'+esc(a.tag)+'
'+esc(a.h)+'
'+esc(a.p)+'
'+esc(b.tag)+'
'+esc(b.h)+'
'+esc(b.p)+'
'+esc(eyebrow)+'
'+esc(head)+'
'+items.map(function(a){return leverCard(esc,parseLever(a),false);}).join('')+'
'+t('nf_eye')+'
'+t('nf_h')+'
'+t('nf_sub')+'
'+t('comp_eye')+' · '+esc(pick(rt,'papel')||'')+'
'+esc(rt.name)+'
'+esc(heroLine[slug]||pick(rt,'papel')||'')+'
'+(desc?''+esc(desc)+'
':'')+''+isoDiorama(ac)+'
'+isoMini(ac)+'
';}).join('');\n var oque=''+esc(c.charAt(0).toUpperCase()+c.slice(1))+'
'+t('oque_eye')+'
'+t('oque_h')+'
'+(capCards?''+capCards+'
':''+esc(desc)+'
')+'':'${eb} `;\n case 'logo-wall': { const L=D.logos.filter(l=>l&&l.fileUrl&&l.publico!==false); const row=L.map(l=>`![\"${esc(l.label||l.name||'')}\"](\"${esc(l.fileUrl)}\")
`).join(''); return `${eb} `; }\n case 'split statement': return `${eb} `;\n case 'two-column': return `${eb} `;\n case 'runtime triad': { const steps=[{n:'01',h:t('st1h'),p:t('st1p')},{n:'02',h:t('st2h'),p:t('st2p')},{n:'03',h:t('st3h'),p:t('st3p')}]; return `${eb} `; }\n case 'industry grid 3x3': return `${eb} `;\n case 'case carousel': return `${eb} `;\n case 'product grid 4x2': return `${eb} `;\n case 'data-framework diagram': return `${eb} `;\n case 'code / mcp': return `${eb} `;\n case 'closing cta': return `${ebv?` `;\n default: return '';\n }\n}\n\nfunction D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\n\nfunction HOME_T(){ return {\n pt:{\n twocol_tag1:'Com você', twocol_h1:'Do seu lado, no seu problema.', twocol_p1:'Um time entra no seu contexto e escreve. O que se escreve já nasce rodando.',\n twocol_tag2:'A runtime', twocol_h2:'Uma runtime, não um stack.', twocol_p2:'Data² é a runtime. UI, Rush, Connect, Domain e o resto são componentes dela — o que segura o sistema em produção.',\n st1h:'Embarcamos no seu time', st1p:'Um squad sênior entra no seu problema em dias, não meses — começando pelo resultado de negócio.',\n st2h:'Entregamos em produção', st2p:'Em 2 a 4 semanas o sistema está rodando de verdade. Não é protótipo, não é slide.',\n st3h:'No ar, de verdade.', st3p:'Endereço próprio, tráfego real. Não para quando a demo acaba — fica rodando em produção.',\n df1lab:'Origem · DataSource', df1h:'Tabela, API ou IA', df1p:'De onde o dado vem é detalhe de implementação — tabela própria, API externa ou resposta de IA.',\n df2lab:'Acesso · DataSet', df2h:'Uma só interface', df2p:'Busca semântica, filtro e agregação sobre qualquer origem. A UI fala com o DataSet, nunca com a origem.',\n df3lab:'Governança', df3h:'Governado por construção', df3p:'Nada sai do seu domínio. Acesso por papel, trilha de auditoria e regra explícita — por construção.',\n mcp1st:'Do seu lado', mcp1h:'Do seu lado, não no seu lugar.', mcp1p:'O mesmo builder de sempre. Gente e agentes na mesma superfície — você no comando.',\n mcp2st:'Prova viva', mcp2h:'Você está dentro da prova.', mcp2p:'Este site roda na própria Data². Sem ensaio, sem mock.',\n btn_plat:'Ver a plataforma', soon:'em breve', btn_live:'Botar no ar'\n },\n en:{\n twocol_tag1:'With you', twocol_h1:'At your side, on your problem.', twocol_p1:'A team steps into your context and writes. What gets written is born running.',\n twocol_tag2:'The runtime', twocol_h2:'One runtime, not a stack.', twocol_p2:'Data² is the runtime. UI, Rush, Connect, Domain and the rest are its components — what holds the system in production.',\n st1h:'We join your team', st1p:'A senior squad lands on your problem in days, not months — starting from the business result.',\n st2h:'We deliver to production', st2p:'In 2 to 4 weeks the system is genuinely running. Not a prototype, not a slide.',\n st3h:'Live, for real.', st3p:'Its own address, real traffic. It does not stop when the demo ends — it keeps running in production.',\n df1lab:'Source · DataSource', df1h:'Table, API or AI', df1p:'Where the data comes from is an implementation detail — your own table, an external API or an AI answer.',\n df2lab:'Access · DataSet', df2h:'One single interface', df2p:'Semantic search, filtering and aggregation over any source. The UI talks to the DataSet, never to the source.',\n df3lab:'Governance', df3h:'Governed by construction', df3p:'Nothing leaves your domain. Role-based access, an audit trail and explicit rules — by construction.',\n mcp1st:'At your side', mcp1h:'At your side, not in your place.', mcp1p:'The same builder as always. People and agents on the same surface — you in command.',\n mcp2st:'Living proof', mcp2h:'You are inside the proof.', mcp2p:'This site runs on Data² itself. No rehearsal, no mock.',\n btn_plat:'See the platform', soon:'coming soon', btn_live:'Take it live'\n },\n es:{\n twocol_tag1:'Contigo', twocol_h1:'A tu lado, en tu problema.', twocol_p1:'Un equipo entra en tu contexto y escribe. Lo que se escribe ya nace funcionando.',\n twocol_tag2:'El runtime', twocol_h2:'Un runtime, no un stack.', twocol_p2:'Data² es el runtime. UI, Rush, Connect, Domain y el resto son componentes de él — lo que sostiene el sistema en producción.',\n st1h:'Nos sumamos a tu equipo', st1p:'Un squad senior entra en tu problema en días, no meses — empezando por el resultado de negocio.',\n st2h:'Entregamos en producción', st2p:'En 2 a 4 semanas el sistema está funcionando de verdad. No es un prototipo, no es una diapositiva.',\n st3h:'Al aire, de verdad.', st3p:'Dirección propia, tráfico real. No se detiene cuando termina la demo — sigue funcionando en producción.',\n df1lab:'Origen · DataSource', df1h:'Tabla, API o IA', df1p:'De dónde viene el dato es un detalle de implementación — tabla propia, API externa o respuesta de IA.',\n df2lab:'Acceso · DataSet', df2h:'Una sola interfaz', df2p:'Búsqueda semántica, filtro y agregación sobre cualquier origen. La UI habla con el DataSet, nunca con el origen.',\n df3lab:'Gobernanza', df3h:'Gobernado por construcción', df3p:'Nada sale de tu dominio. Acceso por rol, traza de auditoría y regla explícita — por construcción.',\n mcp1st:'A tu lado', mcp1h:'A tu lado, no en tu lugar.', mcp1p:'El mismo builder de siempre. Personas y agentes en la misma superficie — tú al mando.',\n mcp2st:'Prueba viva', mcp2h:'Estás dentro de la prueba.', mcp2p:'Este sitio corre sobre la propia Data². Sin ensayo, sin mock.',\n btn_plat:'Ver la plataforma', soon:'muy pronto', btn_live:'Ponerlo al aire'\n }\n}; }\n"}}}}}}}},{"_id":"6a7b41f0a0a162269e80e2a3","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"exp-builder","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; min-height:88vh; overflow:hidden;\n background:radial-gradient(72% 78% at 50% 40%, #0d1017 0%, #090b10 46%, #06070a 100%);\n color:#ECEFEC; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:44px 48px; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:#7f8aa0; display:flex; align-items:center; gap:8px; }\n.eyebrow .d{ width:8px;height:8px;border-radius:50%;background:#48FAA1;box-shadow:0 0 12px 2px #48FAA1; }\n.h{ font-size:clamp(24px,3vw,40px); font-weight:500; letter-spacing:-.02em; margin:12px 0 0; color:#F4F6F8; text-align:center; }\n.h .g{ color:#7f8590; }\n.stagewrap{ position:relative; width:100%; max-width:820px; margin-top:26px; }\n.canvasui{ position:relative; width:100%; aspect-ratio:16/8.6; border-radius:16px; border:1px solid rgba(255,255,255,.1); background:\n linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px) 0 0/26px 26px,\n linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0/26px 26px,\n linear-gradient(180deg,#0f1319,#0b0e13); overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,.5); }\n.blk{ position:absolute; border-radius:8px; border:1px solid; opacity:0; transform:scale(.9); transition:opacity .4s, transform .45s cubic-bezier(.34,1.6,.6,1); display:flex; align-items:center; padding:0 10px; }\n.blk.in{ opacity:1; transform:none; }\n.blk .bl{ font-family:ui-monospace,Menlo,monospace; font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; opacity:.9; }\n.blk .rows{ position:absolute; left:10px; right:10px; top:26px; display:flex; flex-direction:column; gap:5px; }\n.blk .rows i{ height:5px; border-radius:3px; background:rgba(255,255,255,.14); display:block; }\n.blk .bars{ position:absolute; left:12px; right:12px; bottom:12px; display:flex; align-items:flex-end; gap:5px; height:44%; }\n.blk .bars i{ flex:1; border-radius:2px 2px 0 0; }\n.cursor{ position:absolute; z-index:6; left:0; top:0; pointer-events:none; transition:transform 1s cubic-bezier(.4,0,.2,1); will-change:transform; }\n.cursor svg{ display:block; filter:drop-shadow(0 2px 4px rgba(0,0,0,.5)); }\n.cursor .tag{ position:absolute; left:14px; top:12px; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.06em; padding:2px 7px; border-radius:5px; white-space:nowrap; color:#06070a; font-weight:600; }\n.drop{ position:absolute; border-radius:50%; border:1.5px solid; opacity:0; z-index:5; pointer-events:none; }\n.drop.go{ animation:drp .5s ease-out; } @keyframes drp{ from{opacity:.7;transform:scale(.2)} to{opacity:0;transform:scale(1.6)} }\n.badge{ position:absolute; top:12px; right:12px; z-index:7; display:flex; align-items:center; gap:6px; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.1em; color:#66FA48; background:rgba(102,250,72,.1); border:1px solid rgba(102,250,72,.4); border-radius:20px; padding:4px 10px; opacity:0; transform:translateY(-6px); transition:.4s cubic-bezier(.34,1.6,.6,1); }\n.badge.on{ opacity:1; transform:none; } .badge .p{ width:7px;height:7px;border-radius:50%;background:#66FA48;box-shadow:0 0 10px 2px #66FA48;animation:pp 1.4s ease-in-out infinite } @keyframes pp{50%{opacity:.4;transform:scale(.7)}}\n.legend{ margin-top:20px; display:flex; gap:22px; font-family:ui-monospace,Menlo,monospace; font-size:11px; color:#8a94a4; }\n.legend .lg{ display:flex; align-items:center; gap:7px; } .legend .lg i{ width:9px;height:9px;border-radius:50%; }\n.cap{ margin-top:14px; font-family:ui-monospace,Menlo,monospace; font-size:12px; color:#7f8590; text-align:center; } .cap b{ color:#ECEFEC; font-weight:400; }\n@media (max-width:900px){ :host{ height:auto } .st{ min-height:0; height:auto } }\n@media (max-width:640px){ .st{ padding:34px 20px } .legend{ gap:14px; flex-wrap:wrap; justify-content:center } }\n@media (prefers-reduced-motion:reduce){ .cursor{ transition:none } .badge .p{ animation:none } }\n`,\n render(d2){\n var lang = D2LANG(d2);\n var TT = XB_T(); var t = function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n return ''+\n '
registros · milhões
busca · por significado',pay:'Milhões de registros · em ordem · achados pelo significado',c_vivo_t:'Dados vivos',c_vivo_d:'sempre atualizados',c_vivo_s:'realtime',c_tipado_t:'Em ordem',c_tipado_d:'data é data, dinheiro é dinheiro — errado não entra',c_tipado_s:'schema nativo',c_busca_t:'Busca por significado',c_busca_d:'encontra pelo sentido',c_busca_s:'sem palavra exata',c_escala_t:'Escala',c_escala_d:'milhões, sem suar',c_escala_s:'particionado',c_audit_t:'Auditável',c_audit_d:'quem mudou o quê',c_audit_s:'trilha',ty_cad:'cadastro',ty_tx:'transação',ty_ev:'evento',ty_doc:'doc',dv_label:'pedidos',dv_tag:'+realtime',es_small:'registros · particionado',demo_tipado:'',demo_busca:''},\nen:{hl1:'Your data. Live and in order.',hl2:'At scale.',sub:'Records, information and transactions — organized on their own, searchable by meaning. Pick a capability: it happens live.',seed:'registry · data
records · millions
search · by meaning',pay:'Millions of records · in order · found by meaning',c_vivo_t:'Live data',c_vivo_d:'always up to date',c_vivo_s:'realtime',c_tipado_t:'In order',c_tipado_d:'a date is a date, money is money — wrong data never gets in',c_tipado_s:'native schema',c_busca_t:'Search by meaning',c_busca_d:'finds by meaning',c_busca_s:'no exact keywords',c_escala_t:'Scale',c_escala_d:'millions, effortlessly',c_escala_s:'partitioned',c_audit_t:'Auditable',c_audit_d:'who changed what',c_audit_s:'trail',ty_cad:'record',ty_tx:'transaction',ty_ev:'event',ty_doc:'doc',dv_label:'orders',dv_tag:'+realtime',es_small:'records · partitioned',demo_tipado:'',demo_busca:''},\nes:{hl1:'Tus datos. Vivos y organizados.',hl2:'A escala.',sub:'Registro, información y transacción — organizados solos, buscables por significado. Elige una capacidad: sucede en vivo.',seed:'registry · datos
registros · millones
búsqueda · por significado',pay:'Millones de registros · en orden · encontrados por significado',c_vivo_t:'Datos vivos',c_vivo_d:'siempre actualizados',c_vivo_s:'realtime',c_tipado_t:'En orden',c_tipado_d:'fecha es fecha, dinero es dinero — lo errado no entra',c_tipado_s:'esquema nativo',c_busca_t:'Búsqueda por significado',c_busca_d:'encuentra por sentido',c_busca_s:'sin palabra exacta',c_escala_t:'Escala',c_escala_d:'millones, sin sudar',c_escala_s:'particionado',c_audit_t:'Auditable',c_audit_d:'quién cambió qué',c_audit_s:'traza',ty_cad:'registro',ty_tx:'transacción',ty_ev:'evento',ty_doc:'doc',dv_label:'pedidos',dv_tag:'+realtime',es_small:'registros · particionado',demo_tipado:'',demo_busca:''}\n}; }\nexport default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; min-height:88vh; overflow:hidden;\n background:radial-gradient(78% 70% at 30% 42%, #1a0c0e 0%, #0d0709 46%, #070405 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.core{ position:absolute; z-index:2; display:block; }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:5; }\n.head{ position:absolute; top:44px; left:56px; z-index:8; max-width:46%; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#a8848a; display:flex; align-items:center; gap:8px; }\n.dot{ width:8px; height:8px; border-radius:50%; background:#FA4848; box-shadow:0 0 12px 2px #FA4848; }\n.h1{ font-size:clamp(26px,3.2vw,44px); font-weight:500; letter-spacing:-.025em; margin:11px 0 0; color:#F4F2F6; }\n.h1 .g{ color:#8a8490; }\n.h1s{ margin:11px 0 0; font-size:13.5px; line-height:1.5; color:#9a949c; max-width:40ch; }\n.seed{ position:absolute; top:50px; right:56px; z-index:8; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#564f52; line-height:1.7; }\n.seed b{ color:#e08a97; font-weight:400; font-variant-numeric:tabular-nums; }\n.stage{ position:absolute; z-index:7; width:min(38%,440px); }\n.st-h{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#d0788a; margin-bottom:12px; display:flex; align-items:center; gap:8px; }\n.st-box{ position:relative; height:250px; border:1px solid rgba(255,255,255,.1); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.02); }\n.dov{ position:absolute; inset:0; padding:18px; font-family:ui-monospace,Menlo,monospace; }\n.rec{ font-size:12.5px; line-height:1.7; }\n.rec .k{ color:#8a848c; } .rec .v{ color:#EDECEF; } .rec .t{ color:#F748A0; font-size:10px; }\n.chk{ opacity:0; transition:.3s; color:#66FA48; } .chk.on{ opacity:1; }\n.q{ font-size:13px; color:#EDECEF; } .q .cur{ display:inline-block; width:8px;height:15px;background:#FA4848;vertical-align:-2px;margin-left:1px;animation:bl 1s steps(2) infinite } @keyframes bl{50%{opacity:0}}\n.hit{ margin-top:10px; font-size:12px; color:#e8dce6; opacity:0; transform:translateY(6px); transition:.34s; } .hit.on{ opacity:1; transform:none; }\n.big{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; font-size:clamp(30px,4vw,52px); color:#F4F2F6; font-variant-numeric:tabular-nums; letter-spacing:-.02em; } .big small{ display:block; font-size:11px; letter-spacing:.14em; color:#8a848c; text-transform:uppercase; margin-top:8px; }\n.cards{ position:absolute; left:0; right:0; bottom:44px; z-index:8; display:flex; justify-content:center; padding:0 44px; border-top:1px solid rgba(255,255,255,.07); }\n.fc{ flex:1; max-width:200px; text-align:left; padding:16px 18px 15px; cursor:pointer; position:relative; transition:background .18s; border-right:1px solid rgba(255,255,255,.05); }\n.fc:first-child{ border-left:1px solid rgba(255,255,255,.05); }\n.fc:hover{ background:rgba(255,255,255,.02); }\n.fc.on{ background:rgba(250,72,72,.06); } .fc.on::before{ content:''; position:absolute; top:-1px; left:0; right:0; height:2px; background:#FA4848; }\n.fc .ic{ width:22px; height:22px; margin-bottom:10px; opacity:.9; }\n.fc .ft{ font-size:12.5px; font-weight:600; color:#EDECEF; } .fc .fd{ margin-top:5px; font-size:11px; line-height:1.4; color:#8a848c; }\n.fc .fs{ margin-top:8px; font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.06em; color:#5f5a61; text-transform:uppercase; } .fc.on .fs{ color:#d0788a; }\n.payoff{ position:absolute; left:0; right:0; bottom:12px; text-align:center; z-index:8; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#5f5a61; } .payoff b{ color:#e08a97; }\n@media (max-width:1080px){ .st{ display:flex; flex-direction:column; min-height:0; height:auto; } .head{ position:relative; top:auto; left:auto; max-width:none; padding:34px 24px 0; } .seed{ display:none } canvas.core{ position:relative; }\n .stage{ position:relative; width:auto; padding:0 24px; } .cards{ position:relative; bottom:auto; flex-wrap:wrap; margin-top:20px; } .fc{ max-width:none; flex:1 1 40%; border-bottom:1px solid rgba(255,255,255,.05); } .payoff{ position:relative; bottom:auto; margin:16px 0 30px; } }\n@media (prefers-reduced-motion:reduce){ .q .cur{ animation:none } }\n`,\n render(d2){\n var lang=D2LANG(d2); var TT=COMP_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var F=[\n ['vivo',t('c_vivo_t'),t('c_vivo_d'),t('c_vivo_s'),'M3 8a5 3 0 1010 0 5 3 0 10-10 0M3 8v4a5 3 0 0010 0V8'],\n ['tipado',t('c_tipado_t'),t('c_tipado_d'),t('c_tipado_s'),'M3 4h10M3 8h7M3 12h9'],\n ['busca',t('c_busca_t'),t('c_busca_d'),t('c_busca_s'),'M7 7a4 4 0 105 5M11 11l3 3'],\n ['escala',t('c_escala_t'),t('c_escala_d'),t('c_escala_s'),'M2 13l3-4 3 2 4-7 2 4'],\n ['auditavel',t('c_audit_t'),t('c_audit_d'),t('c_audit_s'),'M8 3v5l3 2M8 3a5 5 0 105 5']\n ];\n return ''+\n '0)energy-=0.01;\n fx.clearRect(0,0,CBW,CBH); fx.save(); fx.translate(CBW/2,CBH/2);\n // busca query point\n var qx=0,qy=0; if(mode==='busca'){ qx=Math.cos(tt*0.6)*R*0.34; qy=Math.sin(tt*0.75)*R*0.30; }\n // auditavel axis\n if(mode==='auditavel'){ fx.strokeStyle='rgba(224,138,151,.16)'; fx.lineWidth=1; for(var l=-1;l<=1;l++){ fx.beginPath(); fx.moveTo(-R*0.9,l*R*0.16); fx.lineTo(R*0.9,l*R*0.16); fx.stroke(); } }\n fx.globalCompositeOperation='lighter';\n // busca connective lines to nearest\n if(mode==='busca'){ var near=[]; for(var j=0;j1)a=1;\n var sz=1.5+inten*1.9+(mode==='escala'?0.2:0);\n fx.fillStyle='rgba('+rr+','+gg+','+bb+','+a.toFixed(3)+')'; fx.beginPath(); fx.arc(p.x,p.y,sz,0,6.28); fx.fill();\n }\n // busca query marker\n if(mode==='busca'){ fx.fillStyle='rgba(255,235,240,.9)'; fx.beginPath(); fx.arc(qx,qy,3.5,0,6.28); fx.fill(); var g=fx.createRadialGradient(qx,qy,0,qx,qy,28); g.addColorStop(0,'rgba(250,72,72,.5)'); g.addColorStop(1,'rgba(250,72,72,0)'); fx.fillStyle=g; fx.beginPath(); fx.arc(qx,qy,28,0,6.28); fx.fill(); }\n fx.restore(); fx.globalCompositeOperation='source-over';\n // tipado column labels\n if(mode==='tipado'){ fx.save(); fx.translate(CBW/2,0); fx.font='9px ui-monospace,monospace'; fx.textAlign='center'; TYPES.forEach(function(tp,ti){ fx.fillStyle=hexA(tp[0],.8); fx.fillText(tp[1].toUpperCase(), (ti-1.5)*R*0.46, CBH/2+CY*0+ (CBH*0.5+ R*0.82) ); }); fx.restore(); }\n raf=requestAnimationFrame(frame);\n }\n function hexA(h,a){ return 'rgba('+parseInt(h.slice(1,3),16)+','+parseInt(h.slice(3,5),16)+','+parseInt(h.slice(5,7),16)+','+a+')'; }\n if(!reduce){ raf=requestAnimationFrame(function(t){t0=t;frame(t);}); }\n else { fx.save(); fx.translate(CBW/2,CBH/2); pts.forEach(function(p){ fx.fillStyle=TYPES[p.ty][0]; fx.beginPath(); fx.arc(p.tipx,p.tipy,2,0,6.28); fx.fill(); }); fx.restore(); }\n var io=new IntersectionObserver(function(es){es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;t0=performance.now();raf=requestAnimationFrame(frame);} } else { run=false; if(raf)cancelAnimationFrame(raf); } });},{threshold:.02}); io.observe(st);\n\n var active='vivo', timers=[], intervals=[];\n function clearD(){ timers.forEach(clearTimeout); timers=[]; intervals.forEach(clearInterval); intervals=[]; dov.innerHTML=''; }\n var NAMES={vivo:t('c_vivo_t'),tipado:t('c_tipado_t'),busca:t('c_busca_t'),escala:t('c_escala_t'),auditavel:t('c_audit_t')};\n function run2(k){ active=k; mode=k; energy=1; clearD(); sth.innerHTML=' '+NAMES[k];\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ c.classList.toggle('on', c.getAttribute('data-f')===k); });\n if(k==='vivo'){ dov.innerHTML='
papéis · escopos
acesso · em toda requisição',pay:'Quem é · o que pode · registrado',c_auth_t:'Autenticação',c_auth_d:'prova quem é',c_auth_s:'token · exp',c_policy_t:'Regras',c_policy_d:'o que pode passar',c_policy_s:'allow · deny',c_papeis_t:'Papéis',c_papeis_d:'cada um vê o seu',c_papeis_s:'roles · scopes',c_sso_t:'SSO',c_sso_d:'entra uma vez, entra em tudo',c_sso_s:'oauth · mapa',c_audit_t:'Auditável',c_audit_d:'registrado no ato',c_audit_s:'trilha',demo_auth:'',demo_policy:'',demo_papeis:'',demo_sso:'',demo_audit:''},\nen:{hl1:'Who gets in. What they can do.',hl2:'Checked every time.',sub:'Who they are, what they can do and a record of everything — checked on every access, with nobody hand-coding a rule. Pick a capability: it happens live.',seed:'id · auth·policy
roles · scopes
access · on every request',pay:'Who · what they can · logged',c_auth_t:'Authentication',c_auth_d:'proves who you are',c_auth_s:'token · exp',c_policy_t:'Rules',c_policy_d:'what gets through',c_policy_s:'allow · deny',c_papeis_t:'Roles',c_papeis_d:'each sees their own',c_papeis_s:'roles · scopes',c_sso_t:'SSO',c_sso_d:'sign in once, get everything',c_sso_s:'oauth · map',c_audit_t:'Auditable',c_audit_d:'logged as it happens',c_audit_s:'trail',demo_auth:'',demo_policy:'',demo_papeis:'',demo_sso:'',demo_audit:''},\nes:{hl1:'Quién entra. Qué puede.',hl2:'Verificado cada vez.',sub:'Quién es, qué puede hacer y el registro de todo — verificado en cada acceso, sin que nadie programe una regla a mano. Elige una capacidad: sucede en vivo.',seed:'id · auth·policy
roles · ámbitos
acceso · en cada petición',pay:'Quién es · qué puede · registrado',c_auth_t:'Autenticación',c_auth_d:'prueba quién eres',c_auth_s:'token · exp',c_policy_t:'Reglas',c_policy_d:'qué puede pasar',c_policy_s:'allow · deny',c_papeis_t:'Roles',c_papeis_d:'cada uno ve lo suyo',c_papeis_s:'roles · scopes',c_sso_t:'SSO',c_sso_d:'entra una vez, entra a todo',c_sso_s:'oauth · mapa',c_audit_t:'Auditable',c_audit_d:'registrado al instante',c_audit_s:'traza',demo_auth:'',demo_policy:'',demo_papeis:'',demo_sso:'',demo_audit:''}\n}; }\nexport default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; min-height:88vh; overflow:hidden;\n background:radial-gradient(78% 70% at 30% 42%, #0a1a13 0%, #06100b 46%, #040706 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.core{ position:absolute; z-index:2; display:block; }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:5; }\n.head{ position:absolute; top:44px; left:56px; z-index:8; max-width:46%; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#7fa893; display:flex; align-items:center; gap:8px; }\n.dot{ width:8px; height:8px; border-radius:50%; background:#48FAA1; box-shadow:0 0 12px 2px #48FAA1; }\n.h1{ font-size:clamp(26px,3.2vw,44px); font-weight:500; letter-spacing:-.025em; margin:11px 0 0; color:#F2F6F4; }\n.h1 .g{ color:#849089; }\n.h1s{ margin:11px 0 0; font-size:13.5px; line-height:1.5; color:#94a099; max-width:42ch; }\n.seed{ position:absolute; top:50px; right:56px; z-index:8; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#4f5651; line-height:1.7; }\n.seed b{ color:#8ad6b0; font-weight:400; }\n.stage{ position:absolute; z-index:7; width:min(38%,440px); }\n.st-h{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#6fd6a5; margin-bottom:12px; display:flex; align-items:center; gap:8px; }\n.st-box{ position:relative; height:250px; border:1px solid rgba(255,255,255,.1); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.02); }\n.dov{ position:absolute; inset:0; padding:18px; font-family:ui-monospace,Menlo,monospace; }\n.rec{ font-size:12.5px; line-height:1.7; }\n.rec .k{ color:#84908a; } .rec .v{ color:#EDECEF; } .rec .t{ color:#8ad6b0; font-size:10.5px; }\n.auditlog{ font-size:11px; line-height:1.66; letter-spacing:.002em; }\n.auditlog .chk{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }\n.auditlog .k{ color:#6f7a74; } .auditlog .t{ font-size:10px; }\n.chk{ opacity:0; transform:translateY(5px); transition:.32s; color:#66FA48; } .chk.on{ opacity:1; transform:none; }\n.hit{ margin-top:10px; font-size:12px; color:#dce8e2; opacity:0; transform:translateY(6px); transition:.34s; } .hit.on{ opacity:1; transform:none; }\n.cards{ position:absolute; left:0; right:0; bottom:44px; z-index:8; display:flex; justify-content:center; padding:0 44px; border-top:1px solid rgba(255,255,255,.07); }\n.fc{ flex:1; max-width:200px; text-align:left; padding:16px 18px 15px; cursor:pointer; position:relative; transition:background .18s; border-right:1px solid rgba(255,255,255,.05); }\n.fc:first-child{ border-left:1px solid rgba(255,255,255,.05); }\n.fc:hover{ background:rgba(255,255,255,.02); }\n.fc.on{ background:rgba(72,250,161,.06); } .fc.on::before{ content:''; position:absolute; top:-1px; left:0; right:0; height:2px; background:#48FAA1; }\n.fc .ic{ width:22px; height:22px; margin-bottom:10px; opacity:.9; }\n.fc .ft{ font-size:12.5px; font-weight:600; color:#EDECEF; } .fc .fd{ margin-top:5px; font-size:11px; line-height:1.4; color:#84908a; }\n.fc .fs{ margin-top:8px; font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.06em; color:#5a615c; text-transform:uppercase; } .fc.on .fs{ color:#6fd6a5; }\n.payoff{ position:absolute; left:0; right:0; bottom:12px; text-align:center; z-index:8; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#5a615c; } .payoff b{ color:#8ad6b0; }\n@media (max-width:1080px){ .st{ display:flex; flex-direction:column; min-height:0; height:auto; } .head{ position:relative; top:auto; left:auto; max-width:none; padding:34px 24px 0; } .seed{ display:none } canvas.core{ position:relative; }\n .stage{ position:relative; width:auto; padding:0 24px; } .cards{ position:relative; bottom:auto; flex-wrap:wrap; margin-top:20px; } .fc{ max-width:none; flex:1 1 40%; border-bottom:1px solid rgba(255,255,255,.05); } .payoff{ position:relative; bottom:auto; margin:16px 0 30px; } }\n`,\n render(d2){\n var lang=D2LANG(d2); var TT=COMP_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var F=[\n ['auth',t('c_auth_t'),t('c_auth_d'),t('c_auth_s'),'M8 2l5 2v4c0 3-2 5-5 6-3-1-5-3-5-6V4z'],\n ['policy',t('c_policy_t'),t('c_policy_d'),t('c_policy_s'),'M2 4h12M4 8h8M6 12h4'],\n ['papeis',t('c_papeis_t'),t('c_papeis_d'),t('c_papeis_s'),'M6 6a2 2 0 100-4 2 2 0 000 4M2 13a4 4 0 018 0M11 6a2 2 0 10.01-4M12 11a3 3 0 012 2'],\n ['sso',t('c_sso_t'),t('c_sso_d'),t('c_sso_s'),'M6 10l4-4M7 5l1-1a2.5 2.5 0 013.5 3.5l-1 1M9 11l-1 1a2.5 2.5 0 01-3.5-3.5l1-1'],\n ['auditavel',t('c_audit_t'),t('c_audit_d'),t('c_audit_s'),'M8 3v5l3 2M8 3a5 5 0 105 5']\n ];\n return ''+\n '1.0){ spawnAcc=0; spawn({a:Math.PI, v:-R*0.0065, ext:true, role:0, verdict:'allow'}); } }\n else if(mode==='auditavel'){ if(spawnAcc>0.22){ spawnAcc=0; spawn({a:Math.random()*6.2832, v:-R*0.011, role:(Math.random()*4)|0, verdict:'allow'}); } }\n }\n\n function frame(t){ if(!core.isConnected)return; if(!run)return;\n var dt=Math.min(0.05,(t-last)/1000); last=t; spin+=dt*0.25;\n if(gatePulse>0)gatePulse-=dt*1.8; if(gatePulse<0)gatePulse=0;\n spawner(dt);\n if(mode==='auditavel'){ logAcc+=dt; if(logAcc>0.5){ logAcc=0; pushLog(); } }\n fx.clearRect(0,0,CBW,CBH); fx.save(); fx.translate(CBW/2,CBH/2);\n var now=t;\n\n if(mode==='auditavel'){\n var axX=R*0.62, tTop=-R*0.46, tBot=R*0.46, SLOTS=8, gap=(tBot-tTop)/(SLOTS-1);\n fx.strokeStyle='rgba(72,250,161,.13)'; fx.lineWidth=1; fx.beginPath(); fx.moveTo(axX,tTop-8); fx.lineTo(axX,tBot+8); fx.stroke();\n for(var si=0;siR*1.08 || p.r<-R*1.08) p.state='dead';\n\n var x=Math.cos(p.a)*p.r, y=Math.sin(p.a)*p.r;\n var col = (p.state==='bounce')?DENY : p.ext?EXT : (mode==='papeis'||mode==='sso')?ROLES[p.role][0] : ALLOW;\n var inten=0.5; var dr=Math.abs(Math.abs(p.r)-ring); inten=Math.max(inten, 1-dr/(R*0.55));\n if(hasM){ var dm=Math.hypot(mx-x,my-y); inten=Math.max(inten, 1-dm/(R*0.5)); }\n var rr=parseInt(col.slice(1,3),16),gg=parseInt(col.slice(3,5),16),bb=parseInt(col.slice(5,7),16);\n var a=0.28+inten*0.62; if(a>1)a=1; var sz=(p.ext?3.4:1.8)+inten*2.0;\n fx.fillStyle='rgba('+rr+','+gg+','+bb+','+a.toFixed(3)+')'; fx.beginPath(); fx.arc(x,y,sz,0,6.2832); fx.fill();\n if(p.ext){ var eg=fx.createRadialGradient(x,y,0,x,y,22); eg.addColorStop(0,hexA(EXT,0.5)); eg.addColorStop(1,hexA(EXT,0)); fx.fillStyle=eg; fx.beginPath(); fx.arc(x,y,22,0,6.2832); fx.fill(); }\n }\n parts=parts.filter(function(p){ return p.state!=='dead'; });\n\n fx.restore(); fx.globalCompositeOperation='source-over';\n raf=requestAnimationFrame(frame);\n }\n\n function drawStatic(){ fx.clearRect(0,0,CBW,CBH); fx.save(); fx.translate(CBW/2,CBH/2);\n fx.strokeStyle=hexA(ALLOW,0.4); fx.lineWidth=2; fx.beginPath(); fx.arc(0,0,ring,0,6.2832); fx.stroke();\n for(var i=0;i<32;i++){ var a=i*0.5; var rr=ring*(1.4+ (i%3)*0.35); fx.fillStyle=hexA(ROLES[i%4][0],0.7); fx.beginPath(); fx.arc(Math.cos(a)*rr,Math.sin(a)*rr,2,0,6.2832); fx.fill(); } fx.restore(); }\n\n if(!reduce){ raf=requestAnimationFrame(function(t){ t0=t; last=t; frame(t); }); }\n else { drawStatic(); }\n\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){ run=true; last=performance.now(); raf=requestAnimationFrame(frame); } } else { run=false; if(raf)cancelAnimationFrame(raf); } }); },{threshold:.02}); io.observe(st);\n\n var active='auth', timers=[];\n function clearD(){ timers.forEach(clearTimeout); timers=[]; dov.innerHTML=''; }\n function revealSeq(sels, gap, start){ sels.forEach(function(sl,i){ timers.push(setTimeout(function(){ var e=dov.querySelector(sl); if(e)e.classList.add('on'); }, (start||500)+i*(gap||420))); }); }\n var NAMES={auth:t('c_auth_t'),policy:t('c_policy_t'),papeis:t('c_papeis_t'),sso:t('c_sso_t'),auditavel:t('c_audit_t')};\n\n function run2(k){ active=k; mode=k; reset(); clearD(); sth.innerHTML=' '+NAMES[k];\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ c.classList.toggle('on', c.getAttribute('data-f')===k); });\n if(k==='auth'){ dov.innerHTML=t('demo_auth');\n revealSeq(['[data-c1]','[data-c2]','[data-c3]'],460,600); }\n else if(k==='policy'){ dov.innerHTML=t('demo_policy');\n revealSeq(['[data-c1]','[data-c2]','[data-c3]','[data-c4]'],340,450); }\n else if(k==='papeis'){ dov.innerHTML=t('demo_papeis');\n revealSeq(['[data-c1]','[data-c2]','[data-c3]','[data-c4]'],340,450); }\n else if(k==='sso'){ dov.innerHTML=t('demo_sso');\n revealSeq(['[data-c1]','[data-c2]','[data-c3]'],460,600); }\n else if(k==='auditavel'){ dov.innerHTML=t('demo_audit');\n auditLog=[]; for(var pz=0; pz<7; pz++)pushLog();\n revealSeq(['[data-c1]','[data-c2]','[data-c3]','[data-c4]'],340,450); }\n }\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ d2.on(c,'click',function(){ run2(c.getAttribute('data-f')); }); });\n run2('auth');\n if(!reduce){ timers.push(setTimeout(function(){ if(active==='auth') run2('policy'); },4800)); }\n }\n}\n"}}}}}}}},{"_id":"6a7b572f68641501c2dd11de","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"exp-media","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"function D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction COMP_T(){ return {\npt:{hl1:'Guarde uma vez.',hl2:'Sirva o mundo.',sub:'Sobe, organiza, versiona e serve da região mais próxima de quem pede. Escolha uma capacidade: ela acontece ao vivo.',seed:'media · arquivos
upload · organiza · entrega
versionado · servido',pay:'Seus arquivos · num lugar · servidos rápido',c_upload_t:'Upload',c_upload_d:'entram e ficam',c_upload_s:'stream · store',c_org_t:'Organiza',c_org_d:'em pastas, por tipo',c_org_s:'pastas · tipos',c_ent_t:'Entrega',c_ent_d:'da região mais perto de quem pede',c_ent_s:'CDN · edge',c_ver_t:'Versões',c_ver_d:'v1 · v2 · v3',c_ver_s:'versionado · rollback',c_bus_t:'Busca',c_bus_d:'acha pelo nome',c_bus_s:'nome · metadados',ty_pdf:'pdf',ty_img:'img',ty_docs:'docs',ty_outros:'outros',u_send:'enviando arquivos',org_lbl:'organizado por pasta',org_f1:'/documentos',org_f2:'/imagens',org_f3:'/planilhas',ent_lbl:'servido da região mais próxima',ent_lat:'latência',ent_reg:'regiões',pop1:'São Paulo',pop2:'Virgínia',pop3:'Frankfurt',pop4:'Singapura',demo_versoes:'
upload · organize · deliver
versioned · served',pay:'Your files · in one place · served fast',c_upload_t:'Upload',c_upload_d:'come in and stay',c_upload_s:'stream · store',c_org_t:'Organize',c_org_d:'in folders, by type',c_org_s:'folders · types',c_ent_t:'Deliver',c_ent_d:'from the region closest to the request',c_ent_s:'CDN · edge',c_ver_t:'Versions',c_ver_d:'v1 · v2 · v3',c_ver_s:'versioned · rollback',c_bus_t:'Search',c_bus_d:'finds by name',c_bus_s:'name · metadata',ty_pdf:'pdf',ty_img:'img',ty_docs:'docs',ty_outros:'others',u_send:'uploading files',org_lbl:'organized by folder',org_f1:'/documents',org_f2:'/images',org_f3:'/spreadsheets',ent_lbl:'served from the nearest region',ent_lat:'latency',ent_reg:'regions',pop1:'São Paulo',pop2:'Virginia',pop3:'Frankfurt',pop4:'Singapore',demo_versoes:'
upload · organiza · entrega
versionado · servido',pay:'Tus archivos · en un lugar · servidos rápido',c_upload_t:'Upload',c_upload_d:'entran y quedan',c_upload_s:'stream · store',c_org_t:'Organiza',c_org_d:'en carpetas, por tipo',c_org_s:'carpetas · tipos',c_ent_t:'Entrega',c_ent_d:'desde la región más cercana a quien pide',c_ent_s:'CDN · edge',c_ver_t:'Versiones',c_ver_d:'v1 · v2 · v3',c_ver_s:'versionado · rollback',c_bus_t:'Búsqueda',c_bus_d:'encuentra por nombre',c_bus_s:'nombre · metadatos',ty_pdf:'pdf',ty_img:'img',ty_docs:'docs',ty_outros:'otros',u_send:'subiendo archivos',org_lbl:'organizado por carpeta',org_f1:'/documentos',org_f2:'/imágenes',org_f3:'/planillas',ent_lbl:'servido desde la región más cercana',ent_lat:'latencia',ent_reg:'regiones',pop1:'São Paulo',pop2:'Virginia',pop3:'Frankfurt',pop4:'Singapur',demo_versoes:'=matchStart && i0)energy-=0.01;\n fx.clearRect(0,0,CBW,CBH); fx.save(); fx.translate(CBW/2,CBH/2);\n drawChrome(mt);\n fx.globalCompositeOperation='lighter';\n for(var i=0;i1)a=1; if(a<0)a=0;\n var w=2.6, h=3.4;\n fx.fillStyle='rgba('+(col[0]|0)+','+(col[1]|0)+','+(col[2]|0)+','+a.toFixed(3)+')';\n fx.fillRect(p.x-w/2, p.y-h/2, w, h);\n }\n fx.globalCompositeOperation='source-over';\n if(mode==='organiza'){ fx.font='9px ui-monospace,monospace'; fx.textAlign='center'; TYPES.forEach(function(tp,ti){ fx.fillStyle='rgba('+tp[0]+','+tp[1]+','+tp[2]+',.82)'; fx.fillText('/'+tp[3], (ti-1.5)*R*0.42, R*0.42); }); }\n fx.restore();\n raf=requestAnimationFrame(frame);\n }\n function drawStatic(){ fx.clearRect(0,0,CBW,CBH); fx.save(); fx.translate(CBW/2,CBH/2); pts.forEach(function(p){ fx.fillStyle='rgba(250,220,72,.7)'; fx.fillRect(p.gx-1.3,p.gy-1.7,2.6,3.4); }); fx.restore(); }\n if(!reduce){ raf=requestAnimationFrame(function(t){t0=t;modeStart=t;frame(t);}); }\n else { drawStatic(); }\n var io=new IntersectionObserver(function(es){es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;modeStart=performance.now();raf=requestAnimationFrame(frame);} } else { run=false; if(raf)cancelAnimationFrame(raf); } });},{threshold:.02}); io.observe(st);\n\n var active='upload', timers=[], intervals=[];\n function clearD(){ timers.forEach(clearTimeout); timers=[]; intervals.forEach(clearInterval); intervals=[]; dov.innerHTML=''; }\n var NAMES={upload:t('c_upload_t'),organiza:t('c_org_t'),entrega:t('c_ent_t'),versoes:t('c_ver_t'),busca:t('c_bus_t')};\n function run2(k){ active=k; mode=k; energy=1; modeStart=performance.now(); clearD();\n sth.innerHTML=' '+NAMES[k];\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ c.classList.toggle('on', c.getAttribute('data-f')===k); });\n\n if(k==='upload'){\n var files=[['contrato.pdf','2.4 MB'],['banner.png','860 KB'],['vendas.xlsx','1.1 MB'],['review.mp4','18 MB']];\n dov.innerHTML='
monta · telas·dados·estado
constrói · sem código',pay:'Descreveu · montou · no ar',c_telas_t:'Telas',c_telas_d:'viram grid de dashboard',c_telas_s:'layout automático',c_comp_t:'Componentes',c_comp_d:'biblioteca que compõe',c_comp_s:'arrasta e monta',c_estado_t:'Estado',c_estado_d:'muda um dado, tudo reage',c_estado_s:'reativo',c_resp_t:'Responsivo',c_resp_d:'desktop e mobile sozinho',c_resp_s:'reflow',c_semc_t:'Sem código',c_semc_d:'descreveu, montou',c_semc_s:'linguagem natural',demo_telas:'',demo_comp:'',demo_estado:'',demo_resp:'',demo_semc:'
builds · screens·data·state
ships · no code',pay:'Described · assembled · live',c_telas_t:'Screens',c_telas_d:'become a dashboard grid',c_telas_s:'automatic layout',c_comp_t:'Components',c_comp_d:'a library that composes',c_comp_s:'drag and assemble',c_estado_t:'State',c_estado_d:'change one value, everything reacts',c_estado_s:'reactive',c_resp_t:'Responsive',c_resp_d:'desktop and mobile on its own',c_resp_s:'reflow',c_semc_t:'No code',c_semc_d:'described, assembled',c_semc_s:'natural language',demo_telas:'',demo_comp:'',demo_estado:'',demo_resp:'',demo_semc:'
monta · pantallas·datos·estado
construye · sin código',pay:'Lo describiste · se montó · en vivo',c_telas_t:'Pantallas',c_telas_d:'se vuelven grid de dashboard',c_telas_s:'layout automático',c_comp_t:'Componentes',c_comp_d:'biblioteca que compone',c_comp_s:'arrastra y monta',c_estado_t:'Estado',c_estado_d:'cambia un dato, todo reacciona',c_estado_s:'reactivo',c_resp_t:'Responsivo',c_resp_d:'desktop y mobile solo',c_resp_s:'reflow',c_semc_t:'Sin código',c_semc_d:'lo describiste, se montó',c_semc_s:'lenguaje natural',demo_telas:'',demo_comp:'',demo_estado:'',demo_resp:'',demo_semc:'0)energy-=0.01;\n fx.clearRect(0,0,CBW,CBH); fx.save(); fx.translate(CBW/2,CBH/2);\n var eph=(tt%2.2)/2.2;\n if(mode==='estado'){ var s=pts[SRC]; var scx=s.x+s.w/2, scy=s.y+s.h/2;\n Object.keys(DEP).forEach(function(kk){ var dp=pts[+kk]; if(!dp)return; var w=pulseWave(eph,DEP[kk]); if(w<=0)return;\n fx.strokeStyle='rgba(110,134,255,'+(w*0.5).toFixed(3)+')'; fx.lineWidth=1; fx.beginPath(); fx.moveTo(scx,scy); fx.lineTo(dp.x+dp.w/2, dp.y+dp.h/2); fx.stroke(); }); }\n for(var i=0;i1)a=1;\n var rad=Math.max(1.5, Math.min(4, p.h*0.28, p.w*0.28));\n fx.fillStyle='rgba('+rrv+','+gg+','+bb+','+a.toFixed(3)+')'; rr(p.x,p.y,p.w,p.h,rad); fx.fill();\n fx.strokeStyle='rgba('+rrv+','+gg+','+bb+','+(a*0.4).toFixed(3)+')'; fx.lineWidth=1; rr(p.x,p.y,p.w,p.h,rad); fx.stroke();\n }\n fx.restore();\n raf=requestAnimationFrame(frame);\n }\n if(!reduce){ raf=requestAnimationFrame(function(t){t0=t;frame(t);}); }\n else { fx.save(); fx.translate(CBW/2,CBH/2); pts.forEach(function(p){ var col=TYPES[p.ty]; fx.fillStyle=col; rr(p.scr[0],p.scr[1],p.scr[2],p.scr[3],2); fx.fill(); }); fx.restore(); }\n var io=new IntersectionObserver(function(es){es.forEach(function(e){ if(e.isIntersecting){ if(!run&&!reduce){run=true;t0=performance.now();raf=requestAnimationFrame(frame);} } else { run=false; if(raf)cancelAnimationFrame(raf); } });},{threshold:.02}); io.observe(st);\n\n var active='telas', timers=[], intervals=[];\n function q(sel){ return dov.querySelector(sel); }\n function clearD(){ timers.forEach(clearTimeout); timers=[]; intervals.forEach(clearInterval); intervals=[]; dov.innerHTML=''; }\n var NAMES={telas:t('c_telas_t'),componentes:t('c_comp_t'),estado:t('c_estado_t'),responsivo:t('c_resp_t'),semcodigo:t('c_semc_t')};\n function reveal(ids, base, step){ ids.forEach(function(h,i){ timers.push(setTimeout(function(){ var e=q('['+h+']'); if(e)e.classList.add('on'); }, base+i*step)); }); }\n function run2(k){ active=k; mode=k; energy=1; clearD(); sth.innerHTML=' '+NAMES[k];\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ c.classList.toggle('on', c.getAttribute('data-f')===k); });\n if(k==='telas'){ dov.innerHTML=t('demo_telas');\n reveal(['data-s1','data-s2','data-s3','data-s4'],450,420); }\n else if(k==='componentes'){ dov.innerHTML=t('demo_comp');\n reveal(['data-c1','data-c4','data-c2','data-c5','data-c3','data-c6'],400,180);\n timers.push(setTimeout(function(){ var e=q('[data-cc]'); if(e)e.classList.add('on'); },1500)); }\n else if(k==='estado'){ dov.innerHTML=t('demo_estado');\n reveal(['data-d1','data-d2','data-d3'],300,160);\n var v=128; var iv=setInterval(function(){ var el=q('[data-val]'); if(!el||!el.isConnected){clearInterval(iv);return;} v+=(Math.random()<0.5?-1:1)*Math.round(1+Math.random()*6); if(v<0)v=0; el.textContent=v;\n ['data-d1','data-d2','data-d3'].forEach(function(h,i){ var e=q('['+h+']'); if(!e)return; e.classList.remove('on'); setTimeout(function(){ if(e.isConnected)e.classList.add('on'); },100+i*150); }); },1700); intervals.push(iv); }\n else if(k==='responsivo'){ dov.innerHTML=t('demo_resp');\n var flip=true; var iv=setInterval(function(){ var rd=q('[data-rd]'), rm=q('[data-rm]'); if(!rd||!rd.isConnected){clearInterval(iv);return;} rd.style.opacity=flip?'1':'.35'; rm.style.opacity=flip?'.35':'1'; flip=!flip; },1500); intervals.push(iv); }\n else if(k==='semcodigo'){ dov.innerHTML=t('demo_semc');\n reveal(['data-q1','data-q2','data-q3'],950,420); }\n }\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ d2.on(c,'click',function(){ run2(c.getAttribute('data-f')); }); });\n run2('telas');\n if(!reduce){ timers.push(setTimeout(function(){ if(active==='telas') run2('componentes'); },4600)); }\n }\n}\n"}}}}}}}},{"_id":"6a7b5a6061323f17b38865e5","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"exp-cashier","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"function D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction CASH_T(){ return {\n pt:{ badge:'em breve', h1a:'Transação nativa.', h1b:'Num livro que ninguém apaga.', h1s:'Cobra, divide e concilia sozinho — cada centavo com origem, registrado para sempre. Escolha uma capacidade: ela acontece ao vivo.', seedA:'cashier · valor', seedB:'cobra · divide · concilia', seedC:'registro · auditável', n_cobra:'Cobra', d_cobra:'emite a cobrança', s_cobra:'POST · 201', n_divide:'Divide', d_divide:'split automático', s_divide:'vendedor·taxa·imposto', n_concilia:'Concilia', d_concilia:'bate cada centavo', s_concilia:'✓ conciliado', n_auditavel:'Auditável', d_auditavel:'trilha de lançamentos', s_auditavel:'ledger', n_tempo:'Tempo real', d_tempo:'transações ao vivo', s_tempo:'R$ / s', ty_vendedor:'vendedor', ty_taxa:'taxa', ty_imposto:'imposto', payoffA:'Cada centavo', payoffB:'com origem · conciliado', k_cliente:'cliente', div_check:'3 destinos · soma confere', conc_word:'conciliado', conc_check:'0 divergências', aud_charged:'cobrou', aud_concilia:'concilia', aud_paid:'pago', aud_check:'trilha imutável · cada lançamento', tempo_small:'R$ / segundo', tempo_caps:'POR SEGUNDO' },\n en:{ badge:'soon', h1a:'Native transactions.', h1b:'In a book nobody can erase.', h1s:'It charges, splits and reconciles on its own — every cent with an origin, on record forever. Pick a capability: it happens live.', seedA:'cashier · value', seedB:'charge · split · reconcile', seedC:'record · auditable', n_cobra:'Charge', d_cobra:'issues the charge', s_cobra:'POST · 201', n_divide:'Split', d_divide:'automatic split', s_divide:'seller·fee·tax', n_concilia:'Reconcile', d_concilia:'matches every cent', s_concilia:'✓ reconciled', n_auditavel:'Auditable', d_auditavel:'trail of entries', s_auditavel:'ledger', n_tempo:'Real-time', d_tempo:'live transactions', s_tempo:'R$ / s', ty_vendedor:'seller', ty_taxa:'fee', ty_imposto:'tax', payoffA:'Every cent', payoffB:'with an origin · reconciled', k_cliente:'customer', div_check:'3 destinations · sum checks out', conc_word:'reconciled', conc_check:'0 discrepancies', aud_charged:'charged', aud_concilia:'reconcile', aud_paid:'paid', aud_check:'immutable trail · every entry', tempo_small:'R$ / second', tempo_caps:'PER SECOND' },\n es:{ badge:'pronto', h1a:'Transacción nativa.', h1b:'En un libro que nadie borra.', h1s:'Cobra, divide y concilia solo — cada centavo con origen, registrado para siempre. Elige una capacidad: sucede en vivo.', seedA:'cashier · valor', seedB:'cobra · divide · concilia', seedC:'registro · auditable', n_cobra:'Cobra', d_cobra:'emite el cobro', s_cobra:'POST · 201', n_divide:'Divide', d_divide:'split automático', s_divide:'vendedor·tarifa·impuesto', n_concilia:'Concilia', d_concilia:'cuadra cada centavo', s_concilia:'✓ conciliado', n_auditavel:'Auditable', d_auditavel:'rastro de asientos', s_auditavel:'ledger', n_tempo:'Tiempo real', d_tempo:'transacciones en vivo', s_tempo:'R$ / s', ty_vendedor:'vendedor', ty_taxa:'tarifa', ty_imposto:'impuesto', payoffA:'Cada centavo', payoffB:'con origen · conciliado', k_cliente:'cliente', div_check:'3 destinos · la suma cuadra', conc_word:'conciliado', conc_check:'0 discrepancias', aud_charged:'cobró', aud_concilia:'concilia', aud_paid:'pagado', aud_check:'rastro inmutable · cada asiento', tempo_small:'R$ / segundo', tempo_caps:'POR SEGUNDO' }\n}; }\nexport default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; min-height:88vh; overflow:hidden;\n background:radial-gradient(78% 70% at 30% 42%, #0e1408 0%, #08090b 46%, #050705 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.core{ position:absolute; z-index:2; display:block; }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:5; }\n.head{ position:absolute; top:44px; left:56px; z-index:8; max-width:46%; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#96a883; display:flex; align-items:center; gap:8px; }\n.dot{ width:8px; height:8px; border-radius:50%; background:#BFFA48; box-shadow:0 0 12px 2px #BFFA48; }\n.badge{ font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:#0d1206; background:#BFFA48; padding:2px 7px; border-radius:5px; font-weight:700; box-shadow:0 0 10px rgba(191,250,72,.35); }\n.h1{ font-size:clamp(26px,3.2vw,44px); font-weight:500; letter-spacing:-.025em; margin:11px 0 0; color:#F4F2F6; }\n.h1 .g{ color:#8a8f84; }\n.h1s{ margin:11px 0 0; font-size:13.5px; line-height:1.5; color:#969c92; max-width:42ch; }\n.seed{ position:absolute; top:50px; right:56px; z-index:8; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#565a4f; line-height:1.7; }\n.seed b{ color:#b8d88a; font-weight:400; font-variant-numeric:tabular-nums; }\n.stage{ position:absolute; z-index:7; width:min(38%,440px); }\n.st-h{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#a8d078; margin-bottom:12px; display:flex; align-items:center; gap:8px; }\n.st-box{ position:relative; height:250px; border:1px solid rgba(255,255,255,.1); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.02); }\n.dov{ position:absolute; inset:0; padding:18px; font-family:ui-monospace,Menlo,monospace; }\n.rec{ font-size:12.5px; line-height:1.7; }\n.rec .k{ color:#8a8c84; } .rec .v{ color:#EDECEF; } .rec .t{ color:#BFFA48; font-size:10px; }\n.chk{ opacity:0; transition:.3s; color:#BFFA48; } .chk.on{ opacity:1; }\n.q{ font-size:13px; color:#EDECEF; } .q .cur{ display:inline-block; width:8px;height:15px;background:#BFFA48;vertical-align:-2px;margin-left:1px;animation:bl 1s steps(2) infinite } @keyframes bl{50%{opacity:0}}\n.hit{ margin-top:10px; font-size:12px; color:#e2ecd6; opacity:0; transform:translateY(6px); transition:.34s; } .hit.on{ opacity:1; transform:none; }\n.big{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; font-size:clamp(30px,4vw,52px); color:#F4F2F6; font-variant-numeric:tabular-nums; letter-spacing:-.02em; } .big small{ display:block; font-size:11px; letter-spacing:.14em; color:#8a8c84; text-transform:uppercase; margin-top:8px; }\n.cards{ position:absolute; left:0; right:0; bottom:44px; z-index:8; display:flex; justify-content:center; padding:0 44px; border-top:1px solid rgba(255,255,255,.07); }\n.fc{ flex:1; max-width:200px; text-align:left; padding:16px 18px 15px; cursor:pointer; position:relative; transition:background .18s; border-right:1px solid rgba(255,255,255,.05); }\n.fc:first-child{ border-left:1px solid rgba(255,255,255,.05); }\n.fc:hover{ background:rgba(255,255,255,.02); }\n.fc.on{ background:rgba(191,250,72,.06); } .fc.on::before{ content:''; position:absolute; top:-1px; left:0; right:0; height:2px; background:#BFFA48; }\n.fc .ic{ width:22px; height:22px; margin-bottom:10px; opacity:.9; }\n.fc .ft{ font-size:12.5px; font-weight:600; color:#EDECEF; } .fc .fd{ margin-top:5px; font-size:11px; line-height:1.4; color:#8a8c84; }\n.fc .fs{ margin-top:8px; font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.06em; color:#5a5f54; text-transform:uppercase; } .fc.on .fs{ color:#a8d078; }\n.payoff{ position:absolute; left:0; right:0; bottom:12px; text-align:center; z-index:8; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#5a5f54; } .payoff b{ color:#b8d88a; }\n@media (max-width:1080px){ .st{ display:flex; flex-direction:column; min-height:0; height:auto; } .head{ position:relative; top:auto; left:auto; max-width:none; padding:34px 24px 0; } .seed{ display:none } canvas.core{ position:relative; }\n .stage{ position:relative; width:auto; padding:0 24px; } .cards{ position:relative; bottom:auto; flex-wrap:wrap; margin-top:20px; } .fc{ max-width:none; flex:1 1 40%; border-bottom:1px solid rgba(255,255,255,.05); } .payoff{ position:relative; bottom:auto; margin:16px 0 30px; } }\n@media (prefers-reduced-motion:reduce){ .q .cur{ animation:none } }\n`,\n render(d2){\n var lang=D2LANG(d2); var TT=CASH_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var F=[\n ['cobra',t('n_cobra'),t('d_cobra'),t('s_cobra'),'M8 3a5 5 0 100 10 5 5 0 000-10M8 5.5v5M5.5 8h5'],\n ['divide',t('n_divide'),t('d_divide'),t('s_divide'),'M2 8h4M6 8l4-4M6 8l4 4'],\n ['concilia',t('n_concilia'),t('d_concilia'),t('s_concilia'),'M2 4h6M2 8h6M2 12h4M10 9l2 2 3-4'],\n ['auditavel',t('n_auditavel'),t('d_auditavel'),t('s_auditavel'),'M8 3v5l3 2M8 3a5 5 0 105 5'],\n ['tempo',t('n_tempo'),t('d_tempo'),t('s_tempo'),'M2 9h3l2-4 3 8 2-4h2']\n ];\n return ''+\n '0)energy-=0.01;\n fx.clearRect(0,0,CBW,CBH); fx.save(); fx.translate(CBW/2,CBH/2);\n if(mode==='divide'){\n var srcX=-R*0.55;\n for(var s=0;s1)a=1;\n var sz=1.5+inten*1.9;\n fx.fillStyle='rgba('+rc+','+gc+','+bc+','+a.toFixed(3)+')'; fx.beginPath(); fx.arc(p.x,p.y,sz,0,6.28); fx.fill();\n }\n if(mode==='cobra'){\n var g0=fx.createRadialGradient(0,0,0,0,0,R*0.22); g0.addColorStop(0,hexA('#BFFA48',.32)); g0.addColorStop(1,hexA('#BFFA48',0)); fx.fillStyle=g0; fx.beginPath(); fx.arc(0,0,R*0.22,0,6.28); fx.fill();\n var pulseT=(tt*0.7)%1; var px=-R*0.9+pulseT*R*0.9;\n fx.strokeStyle=hexA('#BFFA48',.22); fx.lineWidth=1; fx.beginPath(); fx.moveTo(-R*0.9,0); fx.lineTo(px,0); fx.stroke();\n fx.fillStyle=hexA('#BFFA48',(0.9-pulseT*0.5)); fx.beginPath(); fx.arc(px,0,3+(1-pulseT)*2,0,6.28); fx.fill();\n }\n if(mode==='divide'){\n var gs=fx.createRadialGradient(-R*0.55,0,0,-R*0.55,0,R*0.14); gs.addColorStop(0,hexA('#BFFA48',.3)); gs.addColorStop(1,hexA('#BFFA48',0)); fx.fillStyle=gs; fx.beginPath(); fx.arc(-R*0.55,0,R*0.14,0,6.28); fx.fill();\n for(var s2=0;s2 Ana Duarte
';var dot=here?'':'';return open+dot+'
';}).join('');\n var mapa=''+esc(r.name)+'
'+esc(pick(r,'papel'))+'
'+t('mapa_eye')+'
'+t('mapa_h')+'
'+t('mapa_sub')+'
'+mapNodes+'
${parts.join('')}
${esc(ebv)}
`;\n const cta = clv?``:'';\n const sub = shv?`${esc(shv)}
`:'';\n switch(s.tipo){\n case 'hero + iso-shader': return d2.render('www@hero-magic', {}, {key:'heroMagic', style:'display:block;width:100%'});\n case 'metric band': return `${esc(hlv)}
${sub}${D.lv.map(m=>{ const un=pick(m,'unidade'); let lb=String(pick(m,'label')||''); const uw=String(un||'').replace(/[^A-Za-zÀ-ÿ]/g,'').toLowerCase(); if(uw){ const mm=lb.match(/\\s+(?:por|per)\\s+([A-Za-zÀ-ÿ]+)\\s*$/i); if(mm && mm[1].toLowerCase()===uw){ lb=lb.slice(0,mm.index); } } return ``; }).join('')}
${esc(m.valor)}${un?`${esc(un)}`:''}
${esc(lb)}
${esc(hlv)}
${sub}${row}${row}
${esc(hlv)}
${sub}${esc(hlv)}
${sub}${t('twocol_tag1')}
${t('twocol_h1')}
${t('twocol_p1')}
${t('twocol_tag2')}
${t('twocol_h2')}
${t('twocol_p2')}
${esc(hlv)}
${sub}${steps.map(x=>``).join('')}
${x.n}
${x.h}
${x.p}
${D.rts.map(r=>`${esc(r.name)} · ${esc(pick(r,'papel'))}`).join('')}
${esc(hlv)}
${sub}${D.inds.map(i=>{const nm=lang==='pt'?(i.name_pt||''):(i['name_'+lang]||i.name_pt||'');const alr=(lang==='pt'?i.alavancas:(i['alavancas_'+lang]||i.alavancas));const al=Array.isArray(alr)?(alr.find(x=>!/\\[PH\\]/.test(x))||alr[0]||''):'';const hue=esc(i.hue||'#3A7BFF');return `
${isoTile(hue)}
`;}).join('')}${esc(nm)}
${esc(pick(i,'dor'))}
${pick(i,'construimos')?`${esc(pick(i,'construimos'))}
`:''}${clean(al)}
${esc(hlv)}
${sub}${d2.render('www@nUYyYfWeNHEK6YeaD5kcd',{},{key:'homeCasos',style:'display:block;width:100%;height:640px'})}
${esc(hlv)}
${sub}${D.prods.map(p=>``).join('')}
${cta}${esc(p.name)}${p.status==='em-breve'?`${t('soon')}`:''}
${esc(pick(p,'tagline'))}
${esc(hlv)}
${sub}${t('df1lab')}
${t('df1h')}
${t('df1p')}
${t('df2lab')}
${t('df2h')}
${t('df2p')}
${t('df3lab')}
${t('df3h')}
${t('df3p')}
${esc(hlv)}
${sub}${t('mcp1st')}
${t('mcp1h')}
${t('mcp1p')}
${t('mcp2st')}
${t('mcp2h')}
${t('mcp2p')}
${esc(ebv)}
`:''}${esc(hlv)}
${sub}'+\n '
';\n },\n mounted(d2, root){ xbInit(d2, root); },\n updated(d2, root){ xbInit(d2, root); }\n}\n\nfunction D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction XB_T(){ return {\n pt:{ h1:'Feito para gente.', h2:'Aberto a agentes.', badge:'no ar', lg_you:'você', lg_team:'seu time', lg_agent:'agente',\n cap_b:'Vocês constroem — juntos.', cap_r:'O agente é reforço, não substituto.',\n blk_top:'Topo', blk_menu:'Menu', blk_chart:'Gráfico', blk_list:'Lista', blk_action:'Ação',\n cur_you:'você', cur_team:'time', cur_agent:'agente' },\n en:{ h1:'Made for people.', h2:'Open to agents.', badge:'live', lg_you:'you', lg_team:'your team', lg_agent:'agent',\n cap_b:'You build — together.', cap_r:'The agent is reinforcement, not replacement.',\n blk_top:'Header', blk_menu:'Menu', blk_chart:'Chart', blk_list:'List', blk_action:'Action',\n cur_you:'you', cur_team:'team', cur_agent:'agent' },\n es:{ h1:'Hecho para personas.', h2:'Abierto a agentes.', badge:'en el aire', lg_you:'tú', lg_team:'tu equipo', lg_agent:'agente',\n cap_b:'Construyen — juntos.', cap_r:'El agente es refuerzo, no sustituto.',\n blk_top:'Encabezado', blk_menu:'Menú', blk_chart:'Gráfico', blk_list:'Lista', blk_action:'Acción',\n cur_you:'tú', cur_team:'equipo', cur_agent:'agente' }\n}; }\nfunction xbInit(d2, root){\n var st=root.querySelector('[data-st]'), ui=root.querySelector('[data-ui]'), badge=root.querySelector('[data-badge]');\n if(!st||!ui||!badge) return;\n if(ui.getAttribute('data-built')) return; ui.setAttribute('data-built','1');\n var lang = D2LANG(d2);\n var TT = XB_T(); var t = function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n // blocks forming a mini-app UI (positions in %)\n var BLK=[\n {x:4,y:6,w:92,h:15,col:'#4866FA',label:t('blk_top'),kind:'bar'},\n {x:4,y:26,w:26,h:66,col:'#48FAA1',label:t('blk_menu'),kind:'rows'},\n {x:33,y:26,w:39,h:40,col:'#FA48DC',label:t('blk_chart'),kind:'bars'},\n {x:74,y:26,w:22,h:66,col:'#FADC48',label:t('blk_list'),kind:'rows'},\n {x:33,y:70,w:39,h:22,col:'#48FAFA',label:t('blk_action'),kind:'bar'}\n ];\n // cursors: 2 human + 1 agent\n var CUR=[\n {col:'#4866FA',tag:t('cur_you'),tc:'#cfe0ff'},\n {col:'#48FAFA',tag:t('cur_team'),tc:'#bff6f6'},\n {col:'#FA48DC',tag:t('cur_agent'),tc:'#ffd8f4'}\n ];\n var curEls=[], timers=[];\n function clr(){ timers.forEach(clearTimeout); timers=[]; }\n function rect(){ return ui.getBoundingClientRect(); }\n function px(pct, dim){ var r=rect(); return (pct/100)*(dim==='w'?r.width:r.height); }\n\n // build block elements\n var blkEls=[];\n function buildBlocks(){ BLK.forEach(function(b){ var el=document.createElement('div'); el.className='blk'; el.style.left=b.x+'%'; el.style.top=b.y+'%'; el.style.width=b.w+'%'; el.style.height=b.h+'%';\n el.style.background='linear-gradient(180deg,'+hexA(b.col,.16)+','+hexA(b.col,.05)+')'; el.style.borderColor=hexA(b.col,.5);\n var inner=''+b.label+'';\n if(b.kind==='rows') inner+=' Agent-native
'+\n ''+t('h1')+' '+t('h2')+'
'+\n ''+\n '
'+\n ''+\n '
'+\n ' '+t('badge')+'
'+\n ''+\n ' '+t('lg_you')+''+\n ' '+t('lg_team')+''+\n ' '+t('lg_agent')+''+\n '
'+\n ''+t('cap_b')+' '+t('cap_r')+'
'+\n '';\n if(b.kind==='bars'){ var bars=''; [40,70,55,85,62,92].forEach(function(h){ bars+=''; }); inner+=''; }\n el.innerHTML=inner; ui.appendChild(el); blkEls.push(el); }); }\n function hexA(h,a){ return 'rgba('+parseInt(h.slice(1,3),16)+','+parseInt(h.slice(3,5),16)+','+parseInt(h.slice(5,7),16)+','+a+')'; }\n\n function buildCursors(){ CUR.forEach(function(c){ var el=document.createElement('div'); el.className='cursor';\n el.innerHTML=''+c.tag+'';\n ui.appendChild(el); curEls.push(el); }); }\n function moveCur(i, xPct, yPct){ var r=rect(); curEls[i].style.transform='translate('+((xPct/100)*r.width)+'px,'+((yPct/100)*r.height)+'px)'; }\n\n function reset(){ blkEls.forEach(function(e){ e.classList.remove('in'); }); badge.classList.remove('on'); }\n\n function cycle(){ if(!st.isConnected)return; clr(); reset();\n // park cursors at edges\n moveCur(0, 8, 90); moveCur(1, 90, 88); moveCur(2, 50, 4);\n // assignment: which cursor places which block, staggered\n var plan=[ {b:0,c:0,t:500}, {b:2,c:2,t:900}, {b:1,c:1,t:1500}, {b:3,c:0,t:2100}, {b:4,c:2,t:2700} ];\n plan.forEach(function(p){ var b=BLK[p.b];\n timers.push(setTimeout(function(){ if(!st.isConnected)return; moveCur(p.c, b.x+b.w/2, b.y+b.h/2); },p.t)); // move to block center\n timers.push(setTimeout(function(){ if(!st.isConnected)return; blkEls[p.b].classList.add('in'); dropAt(b.x+b.w/2, b.y+b.h/2, b.col); },p.t+1000)); // place after arrival\n });\n timers.push(setTimeout(function(){ if(!st.isConnected)return; badge.classList.add('on'); moveCur(0,8,90); moveCur(1,90,88); moveCur(2,50,4); },4000));\n timers.push(setTimeout(cycle, 6800));\n }\n function dropAt(xPct,yPct,col){ var r=rect(); var d=document.createElement('div'); d.className='drop'; d.style.borderColor=col; var sz=54; d.style.width=sz+'px'; d.style.height=sz+'px'; d.style.left=((xPct/100)*r.width-sz/2)+'px'; d.style.top=((yPct/100)*r.height-sz/2)+'px'; ui.appendChild(d); void d.offsetWidth; d.classList.add('go'); timers.push(setTimeout(function(){ if(d.parentNode)d.remove(); },520)); }\n\n buildBlocks(); buildCursors();\n if(reduce){ blkEls.forEach(function(e){e.classList.add('in');}); badge.classList.add('on'); }\n else {\n var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ clr(); cycle(); } else { clr(); } }); },{threshold:.15});\n io.observe(st);\n }\n d2.on(window,'resize',function(){ /* percentages handle layout; reposition parked cursors */ if(!st.isConnected)return; });\n}\n"}}}}}}}},{"_id":"6a7b42510c3e9170c50cdab4","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"condutor","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; }\n*{ box-sizing:border-box; }\n.sec{ position:relative; width:100%; background:#060708; color:#ECEFEC; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; padding:clamp(64px,10vh,120px) clamp(20px,5vw,80px); overflow:hidden; }\n.inner{ position:relative; max-width:1000px; margin:0 auto; z-index:2; }\n.glow{ position:absolute; top:-10%; left:50%; transform:translateX(-50%); width:640px; height:420px; border-radius:50%; background:radial-gradient(circle,var(--gl,rgba(72,250,161,.14)),transparent 68%); filter:blur(14px); pointer-events:none; z-index:1; transition:background .5s; }\n.eb{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.26em; text-transform:uppercase; color:#6b7178; display:flex; align-items:center; gap:9px; }\n.eb::before{ content:''; width:8px;height:8px;border-radius:50%;background:var(--ac,#48FAA1);box-shadow:0 0 12px 2px var(--ac,#48FAA1); transition:background .4s, box-shadow .4s; }\nh2.h{ font-size:clamp(28px,3.6vw,52px); font-weight:500; letter-spacing:-.025em; margin:14px 0 0; color:#F4F6F8; }\n.tabs{ margin-top:28px; display:inline-flex; gap:4px; border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:4px; }\n.tab{ font-family:ui-monospace,Menlo,monospace; font-size:13px; letter-spacing:.04em; padding:10px 18px; border:0; background:transparent; color:#8a9199; border-radius:9px; cursor:pointer; transition:.22s; }\n.tab:hover{ color:#ECEFEC; }\n.tab.on{ color:#06070a; background:var(--ac,#48FAA1); font-weight:600; }\n.panel{ margin-top:30px; min-height:150px; }\n.pt{ font-size:clamp(22px,2.6vw,34px); font-weight:500; letter-spacing:-.02em; color:#F4F6F8; }\n.pd{ margin-top:14px; font-size:clamp(15px,1.6vw,19px); line-height:1.5; color:#a7adb5; max-width:52ch; }\n.pcta{ margin-top:22px; display:inline-flex; align-items:center; gap:9px; font-family:ui-monospace,Menlo,monospace; font-size:14px; color:var(--ac,#48FAA1); cursor:pointer; border:1px solid var(--acb,rgba(72,250,161,.4)); border-radius:11px; padding:12px 18px; transition:.22s; text-decoration:none; }\n.pcta:hover{ background:var(--acs,rgba(72,250,161,.08)); }\n.fade-enter{ opacity:0; transform:translateY(8px); } .fade-in{ opacity:1; transform:none; transition:opacity .32s, transform .32s cubic-bezier(.22,1,.36,1); }\n@media(max-width:560px){ .tabs{ display:flex; width:100%; } .tab{ flex:1; padding:10px 8px; } }\n`,\n render(d2){\n var lang = D2LANG(d2);\n var TT = CO_T(); var t = function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n return ''+\n '
'+\n ''+\n '
';\n },\n mounted(d2, root){\n d2.on('[data-l]','click',function(e){ var b=e.target.closest('[data-l]'); if(!b) return; coShow(d2, root, b.getAttribute('data-l')); });\n // re-bind nav inside this shadow root (shell's delegated handler can't cross the boundary)\n d2.on('[data-nav]','click',function(e){ var a=e.target.closest('[data-nav]'); if(!a)return; e.preventDefault(); var h=a.getAttribute('data-href'); if(!h)return; try{ d2.state.path=h; }catch(_){ } try{ d2.router('site_router').goTo(h); }catch(_){ } });\n }\n}\n\nfunction D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction CO_T(){ return {\n pt:{ eb:'Escolha a sua lente', h:'A mesma runtime, pela sua lente.', tab_neg:'Para negócios', tab_dev:'Para devs', tab_voce:'Para fundadores',\n neg_t:'O resultado.', neg_d:'Contato resolvido sem fila, centavo conciliado, decisão com registro — em produção em semanas.', neg_cta:'Ver os resultados',\n dev_t:'A runtime.', dev_d:'Data Runtime No Code: dados, telas, lógica, eventos, integrações e IA numa linguagem só. Escrito — não embrulhado.', dev_cta:'Ver a plataforma',\n voce_t:'O que estava na sua cabeça — no ar.', voce_d:'Você descreve a necessidade; ela vira software rodando. Sem o meio do caminho.', voce_cta:'Começar' },\n en:{ eb:'Pick your lens', h:'The same runtime, through your lens.', tab_neg:'For business', tab_dev:'For devs', tab_voce:'For founders',\n neg_t:'The outcome.', neg_d:'Contacts resolved without a queue, every cent reconciled, decisions on the record — in production in weeks.', neg_cta:'See the results',\n dev_t:'The runtime.', dev_d:'Data Runtime No Code: data, screens, logic, events, integrations and AI in one language. Written — not wrapped.', dev_cta:'See the platform',\n voce_t:'What was in your head — live.', voce_d:'You describe the necessity; it becomes running software. Without the long middle.', voce_cta:'Start' },\n es:{ eb:'Elige tu lente', h:'El mismo runtime, por tu lente.', tab_neg:'Para negocios', tab_dev:'Para devs', tab_voce:'Para fundadores',\n neg_t:'El resultado.', neg_d:'Contacto resuelto sin fila, centavo conciliado, decisión con registro — en producción en semanas.', neg_cta:'Ver los resultados',\n dev_t:'El runtime.', dev_d:'Data Runtime No Code: datos, pantallas, lógica, eventos, integraciones e IA en un solo lenguaje. Escrito — no envuelto.', dev_cta:'Ver la plataforma',\n voce_t:'Lo que estaba en tu cabeza — en el aire.', voce_d:'Describes la necesidad; se vuelve software funcionando. Sin el largo camino del medio.', voce_cta:'Empezar' }\n}; }\nfunction coLens(t, l){\n var skins={\n neg:{ ac:'#48FAA1', gl:'rgba(72,250,161,.14)', acb:'rgba(72,250,161,.4)', acs:'rgba(72,250,161,.08)', href:'/casos' },\n dev:{ ac:'#4866FA', gl:'rgba(72,102,250,.16)', acb:'rgba(72,102,250,.45)', acs:'rgba(72,102,250,.1)', href:'/plataforma/data2-lang' },\n voce:{ ac:'#FA48DC', gl:'rgba(250,72,220,.14)', acb:'rgba(250,72,220,.42)', acs:'rgba(250,72,220,.09)', href:'/consultoria' }\n };\n var key=(l==='dev'||l==='voce')?l:'neg'; var s=skins[key];\n return { ac:s.ac, gl:s.gl, acb:s.acb, acs:s.acs, href:s.href, t:t(key+'_t'), d:t(key+'_d'), cta:t(key+'_cta') };\n}\nfunction coPanelHTML(x){\n return ''+\n '
'+\n ''+t('eb')+'
'+\n ''+t('h')+'
'+\n ''+\n ''+\n ''+\n ''+\n '
'+\n ''+coPanelHTML(coLens(t,'neg'))+'
'+\n ''+x.t+'
'+x.d+'
'+x.cta+' →';\n}\nfunction coShow(d2, root, l){\n var lang=D2LANG(d2);\n var TT=CO_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var sec=root.querySelector('[data-sec]'), panel=root.querySelector('[data-panel]'), glow=root.querySelector('[data-glow]');\n if(!sec||!panel) return;\n var x=coLens(t, l);\n sec.style.setProperty('--ac',x.ac); sec.style.setProperty('--acb',x.acb); sec.style.setProperty('--acs',x.acs);\n if(glow) glow.style.setProperty('--gl', x.gl);\n Array.prototype.slice.call(root.querySelectorAll('.tab')).forEach(function(b){ b.classList.toggle('on', b.getAttribute('data-l')===l); });\n panel.innerHTML=coPanelHTML(x);\n var pt=panel.querySelector('.pt'), pd=panel.querySelector('.pd'), c=panel.querySelector('.pcta');\n [pt,pd,c].forEach(function(e,i){ if(!e)return; e.classList.add('fade-enter'); setTimeout(function(){ if(e.isConnected){ e.classList.remove('fade-enter'); e.classList.add('fade-in'); } }, 20+i*50); });\n}"}}}}}}}},{"_id":"6a7b45150c3e9170c50ce0cd","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"exp-registry","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"function D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction COMP_T(){ return {\npt:{hl1:'Seus dados. Vivos e organizados.',hl2:'Em escala.',sub:'Cadastro, informação e transação — organizados sozinhos, buscáveis por significado. Escolha uma capacidade: ela acontece ao vivo.',seed:'registry · dadosregistros · milhões
busca · por significado',pay:'Milhões de registros · em ordem · achados pelo significado',c_vivo_t:'Dados vivos',c_vivo_d:'sempre atualizados',c_vivo_s:'realtime',c_tipado_t:'Em ordem',c_tipado_d:'data é data, dinheiro é dinheiro — errado não entra',c_tipado_s:'schema nativo',c_busca_t:'Busca por significado',c_busca_d:'encontra pelo sentido',c_busca_s:'sem palavra exata',c_escala_t:'Escala',c_escala_d:'milhões, sem suar',c_escala_s:'particionado',c_audit_t:'Auditável',c_audit_d:'quem mudou o quê',c_audit_s:'trilha',ty_cad:'cadastro',ty_tx:'transação',ty_ev:'evento',ty_doc:'doc',dv_label:'pedidos',dv_tag:'+realtime',es_small:'registros · particionado',demo_tipado:'
nome Ana Duarte string ✓
total R$ 1.240,00 money ✓
criado 2026-08-11 date ✓
ativo true bool ✓
◆ 4 campos validados no schema
buscar: \"cliente que reclamou de entrega\"
▸ ticket #8421 · atraso no envio
▸ ticket #7756 · \"cadê meu pedido\"
▸ ticket #9012 · reembolso por demora
',demo_audit:'14:02 Ana criou pedido 8421
14:07 sistema mudou status → pago
14:31 Rui editou endereço
◆ trilha completa · quem, quando, o quê
records · millions
search · by meaning',pay:'Millions of records · in order · found by meaning',c_vivo_t:'Live data',c_vivo_d:'always up to date',c_vivo_s:'realtime',c_tipado_t:'In order',c_tipado_d:'a date is a date, money is money — wrong data never gets in',c_tipado_s:'native schema',c_busca_t:'Search by meaning',c_busca_d:'finds by meaning',c_busca_s:'no exact keywords',c_escala_t:'Scale',c_escala_d:'millions, effortlessly',c_escala_s:'partitioned',c_audit_t:'Auditable',c_audit_d:'who changed what',c_audit_s:'trail',ty_cad:'record',ty_tx:'transaction',ty_ev:'event',ty_doc:'doc',dv_label:'orders',dv_tag:'+realtime',es_small:'records · partitioned',demo_tipado:'
name Ana Duarte string ✓
total R$ 1.240,00 money ✓
created 2026-08-11 date ✓
active true bool ✓
◆ 4 fields validated against the schema
search: \"customer who complained about delivery\"
▸ ticket #8421 · shipping delay
▸ ticket #7756 · \"where\\'s my order\"
▸ ticket #9012 · refund for the delay
',demo_audit:'14:02 Ana created order 8421
14:07 system changed status → paid
14:31 Rui edited address
◆ full trail · who, when, what
registros · millones
búsqueda · por significado',pay:'Millones de registros · en orden · encontrados por significado',c_vivo_t:'Datos vivos',c_vivo_d:'siempre actualizados',c_vivo_s:'realtime',c_tipado_t:'En orden',c_tipado_d:'fecha es fecha, dinero es dinero — lo errado no entra',c_tipado_s:'esquema nativo',c_busca_t:'Búsqueda por significado',c_busca_d:'encuentra por sentido',c_busca_s:'sin palabra exacta',c_escala_t:'Escala',c_escala_d:'millones, sin sudar',c_escala_s:'particionado',c_audit_t:'Auditable',c_audit_d:'quién cambió qué',c_audit_s:'traza',ty_cad:'registro',ty_tx:'transacción',ty_ev:'evento',ty_doc:'doc',dv_label:'pedidos',dv_tag:'+realtime',es_small:'registros · particionado',demo_tipado:'
nombre Ana Duarte string ✓
total R$ 1.240,00 money ✓
creado 2026-08-11 date ✓
activo true bool ✓
◆ 4 campos validados en el esquema
buscar: \"cliente que se quejó de la entrega\"
▸ ticket #8421 · atraso en el envío
▸ ticket #7756 · \"¿dónde está mi pedido?\"
▸ ticket #9012 · reembolso por la demora
',demo_audit:'14:02 Ana creó pedido 8421
14:07 sistema cambió estado → pagado
14:31 Rui editó dirección
◆ traza completa · quién, cuándo, qué
'+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var lang=D2LANG(d2); var TT=COMP_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var st=root.querySelector('[data-st]'), core=root.querySelector('[data-core]');\n var stage=root.querySelector('[data-stage]'), sth=root.querySelector('[data-sth]'), dov=root.querySelector('[data-dov]');\n var head=root.querySelector('.head'), seed=root.querySelector('.seed');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var fx=core.getContext('2d');\n var W=0,H=0,CX=0,CY=0,CBW=560,CBH=560,DP=1,R=1, mobile=false;\n var TYPES=[['#FA4848',t('ty_cad')],['#F748A0',t('ty_tx')],['#FADC48',t('ty_ev')],['#48FAA1',t('ty_doc')]];\n var N=224, pts=[];\n function build(){ pts=[]; var perType=[0,0,0,0];\n for(var i=0;i Data² · Registry
'+\n ''+t('hl1')+' '+t('hl2')+'
'+\n ''+t('sub')+'
'+t('seed')+'
'+\n ' '+t('c_vivo_t')+'
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
'+t('pay')+'
'+\n ''+t('dv_label')+' · 128.402 '+t('dv_tag')+'
'; var n=128402; var iv=setInterval(function(){ var el=dov.querySelector('[data-n]'); if(!el||!el.isConnected){clearInterval(iv);return;} n+=Math.round(1+Math.random()*9); el.textContent=n.toLocaleString('pt-BR'); },120); intervals.push(iv); }\n else if(k==='tipado'){ dov.innerHTML=t('demo_tipado'); timers.push(setTimeout(function(){ var c=dov.querySelector('[data-chk]'); if(c)c.classList.add('on'); },700)); }\n else if(k==='busca'){ dov.innerHTML=t('demo_busca'); ['data-h1','data-h2','data-h3'].forEach(function(h,i){ timers.push(setTimeout(function(){ var e=dov.querySelector('['+h+']'); if(e)e.classList.add('on'); }, 900+i*400)); }); }\n else if(k==='escala'){ dov.innerHTML='0'+t('es_small')+'
'; var n=0,target=4200000; var iv=setInterval(function(){ var el=dov.querySelector('[data-b]'); if(!el||!el.isConnected){clearInterval(iv);return;} n+=Math.round(target/40); if(n>=target){n=target;clearInterval(iv);} el.textContent=n.toLocaleString('pt-BR'); },40); intervals.push(iv); }\n else if(k==='auditavel'){ dov.innerHTML=t('demo_audit'); timers.push(setTimeout(function(){ var c=dov.querySelector('[data-chk]'); if(c)c.classList.add('on'); },700)); }\n }\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ d2.on(c,'click',function(){ run2(c.getAttribute('data-f')); }); });\n run2('vivo');\n if(!reduce){ timers.push(setTimeout(function(){ if(active==='vivo') run2('tipado'); },4600)); }\n }\n}\n"}}}}}}}},{"_id":"6a7b572e0c3e9170c50d0c8d","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"exp-id","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"function D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction COMP_T(){ return {\npt:{hl1:'Quem entra. O que pode.',hl2:'Conferido toda vez.',sub:'Quem é, o que pode fazer e o registro de tudo — conferido em cada acesso, sem ninguém programar uma regra à mão. Escolha uma capacidade: ela acontece ao vivo.',seed:'id · auth·policypapéis · escopos
acesso · em toda requisição',pay:'Quem é · o que pode · registrado',c_auth_t:'Autenticação',c_auth_d:'prova quem é',c_auth_s:'token · exp',c_policy_t:'Regras',c_policy_d:'o que pode passar',c_policy_s:'allow · deny',c_papeis_t:'Papéis',c_papeis_d:'cada um vê o seu',c_papeis_s:'roles · scopes',c_sso_t:'SSO',c_sso_d:'entra uma vez, entra em tudo',c_sso_s:'oauth · mapa',c_audit_t:'Auditável',c_audit_d:'registrado no ato',c_audit_s:'trilha',demo_auth:'
POST /auth/login
user ana@empresa.com
◆ senha verificada
◆ token emitido · exp 1h
✓ acesso concedido
GET /pedidos · allow · dono
DELETE /users/8 · deny · sem admin
GET /relatorios · allow · leitura
PUT /config · deny · fora do horário
admin → tudo
editor → ler · escrever
viewer → ler
api → escopo: pedidos
google ana@empresa.com
◆ identidade externa verificada
→ mapeada · usuário #204
→ papéis: editor, api
14:02 Ana acessou /pedidos
14:05 Rui negado /config
14:09 api leu /relatorios
◆ toda requisição registrada
roles · scopes
access · on every request',pay:'Who · what they can · logged',c_auth_t:'Authentication',c_auth_d:'proves who you are',c_auth_s:'token · exp',c_policy_t:'Rules',c_policy_d:'what gets through',c_policy_s:'allow · deny',c_papeis_t:'Roles',c_papeis_d:'each sees their own',c_papeis_s:'roles · scopes',c_sso_t:'SSO',c_sso_d:'sign in once, get everything',c_sso_s:'oauth · map',c_audit_t:'Auditable',c_audit_d:'logged as it happens',c_audit_s:'trail',demo_auth:'
POST /auth/login
user ana@empresa.com
◆ password verified
◆ token issued · exp 1h
✓ access granted
GET /pedidos · allow · owner
DELETE /users/8 · deny · not admin
GET /relatorios · allow · read
PUT /config · deny · outside hours
admin → everything
editor → read · write
viewer → read
api → scope: orders
google ana@empresa.com
◆ external identity verified
→ mapped · user #204
→ roles: editor, api
14:02 Ana accessed /pedidos
14:05 Rui denied /config
14:09 api read /relatorios
◆ every request logged
roles · ámbitos
acceso · en cada petición',pay:'Quién es · qué puede · registrado',c_auth_t:'Autenticación',c_auth_d:'prueba quién eres',c_auth_s:'token · exp',c_policy_t:'Reglas',c_policy_d:'qué puede pasar',c_policy_s:'allow · deny',c_papeis_t:'Roles',c_papeis_d:'cada uno ve lo suyo',c_papeis_s:'roles · scopes',c_sso_t:'SSO',c_sso_d:'entra una vez, entra a todo',c_sso_s:'oauth · mapa',c_audit_t:'Auditable',c_audit_d:'registrado al instante',c_audit_s:'traza',demo_auth:'
POST /auth/login
usuario ana@empresa.com
◆ contraseña verificada
◆ token emitido · exp 1h
✓ acceso concedido
GET /pedidos · allow · dueño
DELETE /users/8 · deny · sin admin
GET /relatorios · allow · lectura
PUT /config · deny · fuera de horario
admin → todo
editor → leer · escribir
viewer → leer
api → ámbito: pedidos
google ana@empresa.com
◆ identidad externa verificada
→ mapeada · usuario #204
→ roles: editor, api
14:02 Ana accedió /pedidos
14:05 Rui denegado /config
14:09 api leyó /relatorios
◆ cada petición registrada
'+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var lang=D2LANG(d2); var TT=COMP_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var st=root.querySelector('[data-st]'), core=root.querySelector('[data-core]');\n var stage=root.querySelector('[data-stage]'), sth=root.querySelector('[data-sth]'), dov=root.querySelector('[data-dov]');\n var head=root.querySelector('.head'), seed=root.querySelector('.seed');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var fx=core.getContext('2d');\n var W=0,H=0,CX=0,CY=0,CBW=560,CBH=560,DP=1,R=1,ring=1,mobile=false;\n var ROLES=[['#48FAA1','admin'],['#48B4FA','editor'],['#FADC48','viewer'],['#F748A0','api']];\n var ALLOW='#48FAA1', DENY='#FA4848', EXT='#E7E0FF';\n\n function hexA(h,a){ return 'rgba('+parseInt(h.slice(1,3),16)+','+parseInt(h.slice(3,5),16)+','+parseInt(h.slice(5,7),16)+','+a+')'; }\n\n function layout(){ var r=st.getBoundingClientRect(); W=r.width; H=r.height; mobile=W<=1080;\n CBW=CBH=mobile?Math.min(W-48,420):560; CX=mobile?W/2:W*0.30; CY=mobile?CBH/2:Math.min(H*0.46,520);\n if(mobile){ core.style.position='relative'; core.style.margin='18px auto 0'; core.style.left='auto'; core.style.top='auto'; if(head)head.style.left=''; if(seed)seed.style.right=''; }\n else { core.style.position='absolute'; var CW=Math.min(W,1500), offX=(W-CW)/2; CX=offX+CW*0.30; core.style.left=(CX-CBW/2)+'px'; core.style.top=(CY-CBH/2)+'px'; stage.style.left=(CX+230)+'px'; stage.style.top=(CY-125)+'px'; if(head)head.style.left=(offX+56)+'px'; if(seed)seed.style.right=(offX+56)+'px'; }\n core.style.width=CBW+'px'; core.style.height=CBH+'px';\n DP=Math.min(2,(window.devicePixelRatio||1)); core.width=Math.round(CBW*DP); core.height=Math.round(CBH*DP); fx.setTransform(DP,0,0,DP,0,0); R=CBW/2; ring=R*0.31; }\n layout(); d2.on(window,'resize',layout);\n\n var mode='auth', mx=9999,my=0,hasM=false, t0=performance.now(), last=t0, run=true, raf=null;\n var parts=[], links=[], auditLog=[], spawnAcc=0, gatePulse=0, spin=0, logAcc=0;\n\n d2.on(st,'pointermove',function(e){ var r=core.getBoundingClientRect(); mx=(e.clientX-r.left)-CBW/2; my=(e.clientY-r.top)-CBH/2; hasM=true; });\n d2.on(st,'pointerleave',function(){ hasM=false; });\n\n function spawn(o){ if(parts.length>150)return; var p={a:0,r:R*1.03,v:-R*0.010,role:0,verdict:'allow',state:'in',ext:false,logged:false}; for(var k in o)p[k]=o[k]; parts.push(p); }\n\n function reset(){ parts=[]; links=[]; auditLog=[]; spawnAcc=0; gatePulse=0; logAcc=0; }\n function laneOf(r){ return [0,1,2,1][r]||0; }\n function pushLog(){ var role=(Math.random()*4)|0; auditLog.push({role:role, lane:laneOf(role), born:performance.now()}); if(auditLog.length>8)auditLog.shift(); }\n\n function spawner(dt){ spawnAcc+=dt;\n if(mode==='auth'){ if(parts.length===0 && spawnAcc>0.65){ spawnAcc=0; spawn({a:-0.35, v:-R*0.0055, role:0, verdict:'allow'}); } }\n else if(mode==='policy'){ if(spawnAcc>0.15){ spawnAcc=0; spawn({a:Math.random()*6.2832, v:-R*(0.010+Math.random()*0.006), role:(Math.random()*4)|0, verdict:Math.random()<0.62?'allow':'deny'}); } }\n else if(mode==='papeis'){ if(spawnAcc>0.17){ spawnAcc=0; var role=(Math.random()*4)|0; var base=(role/4)*6.2832 - 0.7854; spawn({a:base+(Math.random()*0.5-0.25), v:-R*0.010, role:role, verdict:'allow', exit:base+3.1416}); } }\n else if(mode==='sso'){ var hasExt=false; for(var i=0;i Data² · ID
'+\n ''+t('hl1')+' '+t('hl2')+'
'+\n ''+t('sub')+'
'+t('seed')+'
'+\n ' '+t('c_auth_t')+'
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
'+t('pay')+'
'+\n 'upload · organiza · entrega
versionado · servido',pay:'Seus arquivos · num lugar · servidos rápido',c_upload_t:'Upload',c_upload_d:'entram e ficam',c_upload_s:'stream · store',c_org_t:'Organiza',c_org_d:'em pastas, por tipo',c_org_s:'pastas · tipos',c_ent_t:'Entrega',c_ent_d:'da região mais perto de quem pede',c_ent_s:'CDN · edge',c_ver_t:'Versões',c_ver_d:'v1 · v2 · v3',c_ver_s:'versionado · rollback',c_bus_t:'Busca',c_bus_d:'acha pelo nome',c_bus_s:'nome · metadados',ty_pdf:'pdf',ty_img:'img',ty_docs:'docs',ty_outros:'outros',u_send:'enviando arquivos',org_lbl:'organizado por pasta',org_f1:'/documentos',org_f2:'/imagens',org_f3:'/planilhas',ent_lbl:'servido da região mais próxima',ent_lat:'latência',ent_reg:'regiões',pop1:'São Paulo',pop2:'Virgínia',pop3:'Frankfurt',pop4:'Singapura',demo_versoes:'
logo-marca.svg
●v3 · agoraatual
○v2 · ontem15:20
○v1 · 3 dias09:02
◆ voltar para v2
',demo_busca:'buscar: \"contrato assinado 2026\"
· contrato-final.pdf /documentos ✓
· contrato-v2.pdf /documentos
· aditivo-2026.pdf /juridico
'},\nen:{hl1:'Store once.',hl2:'Serve the world.',sub:'Upload, organize, version and serve from the region closest to whoever asks. Pick a capability: it happens live.',seed:'media · filesupload · organize · deliver
versioned · served',pay:'Your files · in one place · served fast',c_upload_t:'Upload',c_upload_d:'come in and stay',c_upload_s:'stream · store',c_org_t:'Organize',c_org_d:'in folders, by type',c_org_s:'folders · types',c_ent_t:'Deliver',c_ent_d:'from the region closest to the request',c_ent_s:'CDN · edge',c_ver_t:'Versions',c_ver_d:'v1 · v2 · v3',c_ver_s:'versioned · rollback',c_bus_t:'Search',c_bus_d:'finds by name',c_bus_s:'name · metadata',ty_pdf:'pdf',ty_img:'img',ty_docs:'docs',ty_outros:'others',u_send:'uploading files',org_lbl:'organized by folder',org_f1:'/documents',org_f2:'/images',org_f3:'/spreadsheets',ent_lbl:'served from the nearest region',ent_lat:'latency',ent_reg:'regions',pop1:'São Paulo',pop2:'Virginia',pop3:'Frankfurt',pop4:'Singapore',demo_versoes:'
logo-marca.svg
●v3 · nowcurrent
○v2 · yesterday15:20
○v1 · 3 days09:02
◆ revert to v2
',demo_busca:'search: \"signed contract 2026\"
· contrato-final.pdf /documents ✓
· contrato-v2.pdf /documents
· aditivo-2026.pdf /legal
'},\nes:{hl1:'Guarda una vez.',hl2:'Sirve al mundo.',sub:'Sube, organiza, versiona y sirve desde la región más cercana a quien lo pide. Elige una capacidad: sucede en vivo.',seed:'media · archivosupload · organiza · entrega
versionado · servido',pay:'Tus archivos · en un lugar · servidos rápido',c_upload_t:'Upload',c_upload_d:'entran y quedan',c_upload_s:'stream · store',c_org_t:'Organiza',c_org_d:'en carpetas, por tipo',c_org_s:'carpetas · tipos',c_ent_t:'Entrega',c_ent_d:'desde la región más cercana a quien pide',c_ent_s:'CDN · edge',c_ver_t:'Versiones',c_ver_d:'v1 · v2 · v3',c_ver_s:'versionado · rollback',c_bus_t:'Búsqueda',c_bus_d:'encuentra por nombre',c_bus_s:'nombre · metadatos',ty_pdf:'pdf',ty_img:'img',ty_docs:'docs',ty_outros:'otros',u_send:'subiendo archivos',org_lbl:'organizado por carpeta',org_f1:'/documentos',org_f2:'/imágenes',org_f3:'/planillas',ent_lbl:'servido desde la región más cercana',ent_lat:'latencia',ent_reg:'regiones',pop1:'São Paulo',pop2:'Virginia',pop3:'Frankfurt',pop4:'Singapur',demo_versoes:'
logo-marca.svg
●v3 · ahoraactual
○v2 · ayer15:20
○v1 · 3 días09:02
◆ volver a v2
',demo_busca:'buscar: \"contrato firmado 2026\"
· contrato-final.pdf /documentos ✓
· contrato-v2.pdf /documentos
· aditivo-2026.pdf /jurídico
'}\n}; }\nexport default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; min-height:88vh; overflow:hidden;\n background:radial-gradient(78% 70% at 30% 42%, #1a1408 0%, #0d0a05 46%, #060402 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.core{ position:absolute; z-index:2; display:block; }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:5; }\n.head{ position:absolute; top:44px; left:56px; z-index:8; max-width:46%; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#a89a80; display:flex; align-items:center; gap:8px; }\n.dot{ width:8px; height:8px; border-radius:50%; background:#FADC48; box-shadow:0 0 12px 2px #FADC48; }\n.h1{ font-size:clamp(26px,3.2vw,44px); font-weight:500; letter-spacing:-.025em; margin:11px 0 0; color:#F4F2F6; }\n.h1 .g{ color:#8f8878; }\n.h1s{ margin:11px 0 0; font-size:13.5px; line-height:1.5; color:#9a948a; max-width:40ch; }\n.seed{ position:absolute; top:50px; right:56px; z-index:8; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#565044; line-height:1.7; }\n.seed b{ color:#e0c878; font-weight:400; font-variant-numeric:tabular-nums; }\n.stage{ position:absolute; z-index:7; width:min(38%,440px); }\n.st-h{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#d8c078; margin-bottom:12px; display:flex; align-items:center; gap:8px; }\n.st-box{ position:relative; height:250px; border:1px solid rgba(255,255,255,.1); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.02); }\n.dov{ position:absolute; inset:0; padding:18px; font-family:ui-monospace,Menlo,monospace; }\n.rec{ font-size:12.5px; line-height:1.7; }\n.rec .k{ color:#8a847a; } .rec .v{ color:#EDECEF; } .rec .t{ color:#FADC48; font-size:10px; }\n.chk{ opacity:0; transition:.3s; color:#FADC48; } .chk.on{ opacity:1; }\n.q{ font-size:13px; color:#EDECEF; } .q .cur{ display:inline-block; width:8px;height:15px;background:#FADC48;vertical-align:-2px;margin-left:1px;animation:bl 1s steps(2) infinite } @keyframes bl{50%{opacity:0}}\n.hit{ margin-top:10px; font-size:12px; color:#e8e0d0; opacity:0; transform:translateY(6px); transition:.34s; } .hit.on{ opacity:1; transform:none; } .hit b{ color:#FADC48; font-weight:400; }\n.prog{ margin-top:12px; height:4px; border-radius:2px; background:rgba(255,255,255,.08); overflow:hidden; } .prog i{ display:block; height:100%; width:0; background:#FADC48; transition:width .12s linear; }\n.frow{ display:flex; align-items:center; gap:8px; font-size:12px; line-height:1.95; opacity:0; transform:translateX(-6px); transition:.3s; } .frow.on{ opacity:1; transform:none; }\n.frow .nm{ color:#EDECEF; } .frow .sz{ color:#8a847a; margin-left:auto; font-size:10.5px; font-variant-numeric:tabular-nums; } .frow .ok{ color:#FADC48; opacity:0; transition:.3s; width:12px; text-align:center; } .frow.done .ok{ opacity:1; }\n.tree{ font-size:12px; line-height:1.9; }\n.tree .row{ opacity:0; transform:translateY(4px); transition:.32s; } .tree .row.on{ opacity:1; transform:none; }\n.tree .fold{ color:#e0c878; } .tree .file{ color:#c8c2b8; } .tree .file .pth{ color:#8a847a; }\n.pop{ display:flex; justify-content:space-between; font-size:11.5px; line-height:2; color:#c8c2b8; opacity:0; transform:translateY(3px); transition:.32s; } .pop.on{ opacity:1; transform:none; } .pop b{ color:#FADC48; font-weight:400; font-variant-numeric:tabular-nums; }\n.vrow{ display:flex; align-items:center; gap:9px; font-size:12px; line-height:2.05; opacity:0; transform:translateX(-6px); transition:.3s; } .vrow.on{ opacity:1; transform:none; }\n.vrow .bul{ font-size:9px; color:#5f5a4d; } .vrow .lb{ color:#c8c2b8; } .vrow .ag{ color:#8a847a; margin-left:auto; font-size:10.5px; }\n.vrow.cur .bul{ color:#FADC48; } .vrow.cur .lb{ color:#FADC48; } .vrow.cur .ag{ color:#e0c878; }\n.roll{ margin-top:11px; font-size:11px; color:#e0c878; border:1px solid rgba(250,220,72,.35); border-radius:7px; padding:6px 10px; display:inline-block; opacity:0; transform:translateY(4px); transition:.32s; } .roll.on{ opacity:1; transform:none; }\n.cards{ position:absolute; left:0; right:0; bottom:44px; z-index:8; display:flex; justify-content:center; padding:0 44px; border-top:1px solid rgba(255,255,255,.07); }\n.fc{ flex:1; max-width:200px; text-align:left; padding:16px 18px 15px; cursor:pointer; position:relative; transition:background .18s; border-right:1px solid rgba(255,255,255,.05); }\n.fc:first-child{ border-left:1px solid rgba(255,255,255,.05); }\n.fc:hover{ background:rgba(255,255,255,.02); }\n.fc.on{ background:rgba(250,220,72,.07); } .fc.on::before{ content:''; position:absolute; top:-1px; left:0; right:0; height:2px; background:#FADC48; }\n.fc .ic{ width:22px; height:22px; margin-bottom:10px; opacity:.9; }\n.fc .ft{ font-size:12.5px; font-weight:600; color:#EDECEF; } .fc .fd{ margin-top:5px; font-size:11px; line-height:1.4; color:#8a847a; }\n.fc .fs{ margin-top:8px; font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.06em; color:#5f5a4d; text-transform:uppercase; } .fc.on .fs{ color:#d8c078; }\n.payoff{ position:absolute; left:0; right:0; bottom:12px; text-align:center; z-index:8; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#5f5a4d; } .payoff b{ color:#e0c878; }\n@media (max-width:1080px){ .st{ display:flex; flex-direction:column; min-height:0; height:auto; } .head{ position:relative; top:auto; left:auto; max-width:none; padding:34px 24px 0; } .seed{ display:none } canvas.core{ position:relative; }\n .stage{ position:relative; width:auto; padding:0 24px; } .cards{ position:relative; bottom:auto; flex-wrap:wrap; margin-top:20px; } .fc{ max-width:none; flex:1 1 40%; border-bottom:1px solid rgba(255,255,255,.05); } .payoff{ position:relative; bottom:auto; margin:16px 0 30px; } }\n@media (prefers-reduced-motion:reduce){ .q .cur{ animation:none } }\n`,\n render(d2){\n var lang=D2LANG(d2); var TT=COMP_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var F=[\n ['upload',t('c_upload_t'),t('c_upload_d'),t('c_upload_s'),'M8 10.2V3M5.4 5.6 8 3l2.6 2.6M3.4 11v1.6h9.2V11'],\n ['organiza',t('c_org_t'),t('c_org_d'),t('c_org_s'),'M2 4.4h4l1 1h7v6.6H2z'],\n ['entrega',t('c_ent_t'),t('c_ent_d'),t('c_ent_s'),'M8 6.4a1.6 1.6 0 100 3.2 1.6 1.6 0 100-3.2M8 2.6v1.5M8 11.9v1.5M2.6 8h1.5M11.9 8h1.5M4.4 4.4 5.5 5.5M11.6 4.4 10.5 5.5M4.4 11.6 5.5 10.5M11.6 11.6 10.5 10.5'],\n ['versoes',t('c_ver_t'),t('c_ver_d'),t('c_ver_s'),'M8 2l6 3-6 3-6-3zM2 8l6 3 6-3M2 11l6 3 6-3'],\n ['busca',t('c_bus_t'),t('c_bus_d'),t('c_bus_s'),'M7 4a3.3 3.3 0 100 6.6A3.3 3.3 0 007 4M11.2 11.2 14 14']\n ];\n return ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var lang=D2LANG(d2); var TT=COMP_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var st=root.querySelector('[data-st]'), core=root.querySelector('[data-core]');\n var stage=root.querySelector('[data-stage]'), sth=root.querySelector('[data-sth]'), dov=root.querySelector('[data-dov]');\n var head=root.querySelector('.head'), seed=root.querySelector('.seed');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var fx=core.getContext('2d');\n var W=0,H=0,CX=0,CY=0,CBW=560,CBH=560,DP=1,R=1, mobile=false;\n var AMBER=[250,220,72], NOISE=[104,116,128], DIM=[150,142,112];\n var TYPES=[[250,220,72,t('ty_pdf')],[245,165,72,t('ty_img')],[236,208,130,t('ty_docs')],[206,188,150,t('ty_outros')]];\n var N=150, pts=[], ENDPTS=[];\n\n function clamp01(v){ return v<0?0:(v>1?1:v); }\n function easeIO(t){ t=clamp01(t); return t<0.5?2*t*t:1-Math.pow(-2*t+2,2)/2; }\n function mix(a,b,f){ f=clamp01(f); return [a[0]+(b[0]-a[0])*f,a[1]+(b[1]-a[1])*f,a[2]+(b[2]-a[2])*f]; }\n function rr(x,y,w,h,r){ fx.beginPath(); fx.moveTo(x+r,y); fx.arcTo(x+w,y,x+w,y+h,r); fx.arcTo(x+w,y+h,x,y+h,r); fx.arcTo(x,y+h,x,y,r); fx.arcTo(x,y,x+w,y,r); fx.closePath(); }\n\n function build(){ pts=[];\n for(var i=0;i Data² · Media
'+\n ''+t('hl1')+' '+t('hl2')+'
'+\n ''+t('sub')+'
'+t('seed')+'
'+\n ' '+t('c_upload_t')+'
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
'+t('pay')+'
'+\n ''+t('u_send')+'
'+\n ''+files.map(function(f,n){ return '
'+\n ''+f[0]+''+f[1]+'✓
'; }).join('')+'';\n files.forEach(function(f,n){ timers.push(setTimeout(function(){ var e=dov.querySelector('[data-u'+n+']'); if(e)e.classList.add('on'); },300+n*230)); timers.push(setTimeout(function(){ var e=dov.querySelector('[data-u'+n+']'); if(e)e.classList.add('done'); },300+n*230+520)); });\n var pc=0; var iv=setInterval(function(){ var bar=dov.querySelector('[data-bar]'); if(!bar||!bar.isConnected){clearInterval(iv);return;} pc+=Math.round(3+Math.random()*6); if(pc>=100){pc=100;clearInterval(iv);} bar.style.width=pc+'%'; },110); intervals.push(iv);\n }\n else if(k==='organiza'){\n var tree=[['fold',t('org_f1'),0],['file','contrato.pdf',1],['file','nota-fiscal.pdf',1],['fold',t('org_f2'),0],['file','banner.png',1],['fold',t('org_f3'),0],['file','vendas.xlsx',1]];\n dov.innerHTML='
'+t('org_lbl')+'
'+\n tree.map(function(r,n){ var pad=r[2]?'padding-left:16px':''; if(r[0]==='fold') return '
';\n tree.forEach(function(r,n){ timers.push(setTimeout(function(){ var e=dov.querySelector('[data-t'+n+']'); if(e)e.classList.add('on'); },250+n*200)); });\n }\n else if(k==='entrega'){\n var pops=[[t('pop1'),'12 ms'],[t('pop2'),'21 ms'],[t('pop3'),'28 ms'],[t('pop4'),'34 ms']];\n dov.innerHTML='▸ '+r[1]+'
'; return '· '+r[1]+'
'; }).join('')+''+t('ent_lbl')+'
'+\n ''+t('ent_lat')+' — p50 · edge
'+\n ''+t('ent_reg')+' 0 CDN
'+\n ''+pops.map(function(p,n){ return '
';\n var ms=180; var iv=setInterval(function(){ var el=dov.querySelector('[data-ms]'); if(!el||!el.isConnected){clearInterval(iv);return;} ms-=Math.round(8+Math.random()*14); if(ms<=14){ms=14;clearInterval(iv);} el.textContent=ms+' ms'; },90); intervals.push(iv);\n var rg=0; var iv2=setInterval(function(){ var el=dov.querySelector('[data-rg]'); if(!el||!el.isConnected){clearInterval(iv2);return;} if(rg>=pops.length){clearInterval(iv2);return;} rg++; el.textContent=rg; var e=dov.querySelector('[data-pp'+(rg-1)+']'); if(e)e.classList.add('on'); },300); intervals.push(iv2);\n }\n else if(k==='versoes'){\n dov.innerHTML=t('demo_versoes');\n [0,1,2].forEach(function(n){ timers.push(setTimeout(function(){ var e=dov.querySelector('[data-vv'+n+']'); if(e)e.classList.add('on'); },300+n*280)); });\n timers.push(setTimeout(function(){ var e=dov.querySelector('[data-roll]'); if(e)e.classList.add('on'); },1400));\n }\n else if(k==='busca'){\n dov.innerHTML=t('demo_busca');\n ['data-h1','data-h2','data-h3'].forEach(function(h,i){ timers.push(setTimeout(function(){ var e=dov.querySelector('['+h+']'); if(e)e.classList.add('on'); },900+i*400)); });\n }\n }\n Array.prototype.slice.call(root.querySelectorAll('.fc')).forEach(function(c){ d2.on(c,'click',function(){ run2(c.getAttribute('data-f')); }); });\n run2('upload');\n if(!reduce){ timers.push(setTimeout(function(){ if(active==='upload') run2('organiza'); },4600)); }\n }\n}\n"}}}}}}}},{"_id":"6a7b57a261323f17b3885e43","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"exp-ui","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"function D2LANG(d2){ try{ var s=d2.store('siteLocale'); if(s){ var v=s.get('lang'); if(v==null) v=s.get('data.lang'); if(v==='en'||v==='es'||v==='pt') return v; } }catch(e){} return 'pt'; }\nfunction COMP_T(){ return {\npt:{hl1:'A interface que se monta.',hl2:'Sozinha, com seus dados.',sub:'Telas, componentes e estado — descritos em linguagem natural, montados sozinhos com os seus dados. Escolha uma capacidade: ela se monta ao vivo.',seed:'interface · ui'+p[0]+''+p[1]+'
'; }).join('')+'monta · telas·dados·estado
constrói · sem código',pay:'Descreveu · montou · no ar',c_telas_t:'Telas',c_telas_d:'viram grid de dashboard',c_telas_s:'layout automático',c_comp_t:'Componentes',c_comp_d:'biblioteca que compõe',c_comp_s:'arrasta e monta',c_estado_t:'Estado',c_estado_d:'muda um dado, tudo reage',c_estado_s:'reativo',c_resp_t:'Responsivo',c_resp_d:'desktop e mobile sozinho',c_resp_s:'reflow',c_semc_t:'Sem código',c_semc_d:'descreveu, montou',c_semc_s:'linguagem natural',demo_telas:'
montando tela…
◆ topbar + navegação
◆ sidebar · 5 itens
◆ grid · 12 cards
✓ tela pronta
biblioteca
▸ Botão
▸ Campo
▸ Card
▸ Tabela
▸ Gráfico
▸ Modal
◆ arraste · a tela compõe
estoque = 128 muda ao vivo
card \"disponível\" · atualizou
gráfico de vendas · atualizou
badge \"baixo\" · acendeu
1440px · 3 colunas
↕ reflow automático
390px · 1 coluna
\"tela de pedidos com busca e uma tabela\"
▸ busca no topo
▸ tabela de pedidos
✓ montado · no ar
'},\nen:{hl1:'The interface that builds itself.',hl2:'On its own, with your data.',sub:'Screens, components and state — described in natural language, assembled on their own with your data. Pick a capability: it builds itself live.',seed:'interface · uibuilds · screens·data·state
ships · no code',pay:'Described · assembled · live',c_telas_t:'Screens',c_telas_d:'become a dashboard grid',c_telas_s:'automatic layout',c_comp_t:'Components',c_comp_d:'a library that composes',c_comp_s:'drag and assemble',c_estado_t:'State',c_estado_d:'change one value, everything reacts',c_estado_s:'reactive',c_resp_t:'Responsive',c_resp_d:'desktop and mobile on its own',c_resp_s:'reflow',c_semc_t:'No code',c_semc_d:'described, assembled',c_semc_s:'natural language',demo_telas:'
building screen…
◆ topbar + navigation
◆ sidebar · 5 items
◆ grid · 12 cards
✓ screen ready
library
▸ Button
▸ Field
▸ Card
▸ Table
▸ Chart
▸ Modal
◆ drag · the screen composes
stock = 128 updates live
card \"available\" · updated
sales chart · updated
badge \"low\" · lit up
1440px · 3 columns
↕ automatic reflow
390px · 1 column
\"an orders screen with search and a table\"
▸ search at the top
▸ orders table
✓ assembled · live
'},\nes:{hl1:'La interfaz que se monta.',hl2:'Sola, con tus datos.',sub:'Pantallas, componentes y estado — descritos en lenguaje natural, montados solos con tus datos. Elige una capacidad: se monta en vivo.',seed:'interfaz · uimonta · pantallas·datos·estado
construye · sin código',pay:'Lo describiste · se montó · en vivo',c_telas_t:'Pantallas',c_telas_d:'se vuelven grid de dashboard',c_telas_s:'layout automático',c_comp_t:'Componentes',c_comp_d:'biblioteca que compone',c_comp_s:'arrastra y monta',c_estado_t:'Estado',c_estado_d:'cambia un dato, todo reacciona',c_estado_s:'reactivo',c_resp_t:'Responsivo',c_resp_d:'desktop y mobile solo',c_resp_s:'reflow',c_semc_t:'Sin código',c_semc_d:'lo describiste, se montó',c_semc_s:'lenguaje natural',demo_telas:'
montando pantalla…
◆ topbar + navegación
◆ sidebar · 5 ítems
◆ grid · 12 cards
✓ pantalla lista
biblioteca
▸ Botón
▸ Campo
▸ Card
▸ Tabla
▸ Gráfico
▸ Modal
◆ arrastra · la pantalla se compone
stock = 128 cambia en vivo
card \"disponible\" · actualizó
gráfico de ventas · actualizó
badge \"bajo\" · se encendió
1440px · 3 columnas
↕ reflow automático
390px · 1 columna
\"pantalla de pedidos con búsqueda y una tabla\"
▸ búsqueda arriba
▸ tabla de pedidos
✓ montado · en vivo
'}\n}; }\nexport default {\n css: `\n:host{ display:block; width:100%; height:100%; }\n*{ box-sizing:border-box; }\n.st{ position:relative; width:100%; min-height:88vh; overflow:hidden;\n background:radial-gradient(78% 70% at 30% 42%, #0e1330 0%, #080b1c 46%, #05070f 100%);\n color:#EDECEF; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; }\ncanvas.core{ position:absolute; z-index:2; display:block; }\n.grain{ position:absolute; inset:0; opacity:.045; pointer-events:none; mix-blend-mode:overlay; z-index:3;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\"); }\n.hairtop{ position:absolute; top:0; left:0; right:0; height:1px; background:rgba(255,255,255,.06); z-index:5; }\n.head{ position:absolute; top:44px; left:56px; z-index:8; max-width:46%; }\n.eyebrow{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:#8a90c0; display:flex; align-items:center; gap:8px; }\n.dot{ width:8px; height:8px; border-radius:50%; background:#4866FA; box-shadow:0 0 12px 2px #4866FA; }\n.h1{ font-size:clamp(26px,3.2vw,44px); font-weight:500; letter-spacing:-.025em; margin:11px 0 0; color:#F2F3F8; }\n.h1 .g{ color:#8086ac; }\n.h1s{ margin:11px 0 0; font-size:13.5px; line-height:1.5; color:#9498b8; max-width:40ch; }\n.seed{ position:absolute; top:50px; right:56px; z-index:8; text-align:right; font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.14em; color:#4f5470; line-height:1.7; }\n.seed b{ color:#8ea0ff; font-weight:400; font-variant-numeric:tabular-nums; }\n.stage{ position:absolute; z-index:7; width:min(38%,440px); }\n.st-h{ font-family:ui-monospace,Menlo,monospace; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:#7e8ffa; margin-bottom:12px; display:flex; align-items:center; gap:8px; }\n.st-box{ position:relative; height:250px; border:1px solid rgba(255,255,255,.1); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.02); }\n.dov{ position:absolute; inset:0; padding:18px; font-family:ui-monospace,Menlo,monospace; }\n.rec{ font-size:12.5px; line-height:1.7; }\n.rec .k{ color:#8489a8; } .rec .v{ color:#EDECEF; } .rec .t{ color:#6E86FF; font-size:10px; }\n.chk{ opacity:0; transition:.3s; color:#c7cbe6; } .chk.on{ opacity:1; }\n.q{ font-size:13px; color:#EDECEF; } .q .cur{ display:inline-block; width:8px;height:15px;background:#4866FA;vertical-align:-2px;margin-left:1px;animation:bl 1s steps(2) infinite } @keyframes bl{50%{opacity:0}}\n.hit{ margin-top:6px; font-size:12px; color:#d7dcf0; opacity:0; transform:translateY(6px); transition:.34s; } .hit.on{ opacity:1; transform:none; }\n.big{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; font-size:clamp(30px,4vw,52px); color:#F2F3F8; font-variant-numeric:tabular-nums; letter-spacing:-.02em; } .big small{ display:block; font-size:11px; letter-spacing:.14em; color:#8489a8; text-transform:uppercase; margin-top:8px; }\n.cards{ position:absolute; left:0; right:0; bottom:44px; z-index:8; display:flex; justify-content:center; padding:0 44px; border-top:1px solid rgba(255,255,255,.07); }\n.fc{ flex:1; max-width:200px; text-align:left; padding:16px 18px 15px; cursor:pointer; position:relative; transition:background .18s; border-right:1px solid rgba(255,255,255,.05); }\n.fc:first-child{ border-left:1px solid rgba(255,255,255,.05); }\n.fc:hover{ background:rgba(255,255,255,.02); }\n.fc.on{ background:rgba(72,102,250,.08); } .fc.on::before{ content:''; position:absolute; top:-1px; left:0; right:0; height:2px; background:#4866FA; }\n.fc .ic{ width:22px; height:22px; margin-bottom:10px; opacity:.9; }\n.fc .ft{ font-size:12.5px; font-weight:600; color:#EDECEF; } .fc .fd{ margin-top:5px; font-size:11px; line-height:1.4; color:#8489a8; }\n.fc .fs{ margin-top:8px; font-family:ui-monospace,Menlo,monospace; font-size:9px; letter-spacing:.06em; color:#5a5f7a; text-transform:uppercase; } .fc.on .fs{ color:#7e8ffa; }\n.payoff{ position:absolute; left:0; right:0; bottom:12px; text-align:center; z-index:8; font-family:ui-monospace,Menlo,monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#5a5f7a; } .payoff b{ color:#8ea0ff; }\n@media (max-width:1080px){ .st{ display:flex; flex-direction:column; min-height:0; height:auto; } .head{ position:relative; top:auto; left:auto; max-width:none; padding:34px 24px 0; } .seed{ display:none } canvas.core{ position:relative; }\n .stage{ position:relative; width:auto; padding:0 24px; } .cards{ position:relative; bottom:auto; flex-wrap:wrap; margin-top:20px; } .fc{ max-width:none; flex:1 1 40%; border-bottom:1px solid rgba(255,255,255,.05); } .payoff{ position:relative; bottom:auto; margin:16px 0 30px; } }\n@media (prefers-reduced-motion:reduce){ .q .cur{ animation:none } }\n`,\n render(d2){\n var lang=D2LANG(d2); var TT=COMP_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var F=[\n ['telas',t('c_telas_t'),t('c_telas_d'),t('c_telas_s'),'M2.5 3h4v4h-4zM9.5 3h4v4h-4zM2.5 9h4v4h-4zM9.5 9h4v4h-4z'],\n ['componentes',t('c_comp_t'),t('c_comp_d'),t('c_comp_s'),'M2.5 3h4v4h-4zM2.5 9h4v4h-4zM9 4h4.5M9 7h4.5M9 11h3'],\n ['estado',t('c_estado_t'),t('c_estado_d'),t('c_estado_s'),'M2 8h3l2-4 2 8 1.5-4H14'],\n ['responsivo',t('c_resp_t'),t('c_resp_d'),t('c_resp_s'),'M2.5 3.5h6.5v7h-6.5zM10.5 5.5h3v5.5h-3M2.5 12.5h6.5'],\n ['semcodigo',t('c_semc_t'),t('c_semc_d'),t('c_semc_s'),'M3 4l3.5 3.5L3 11M8.5 11.5H13']\n ];\n return ''+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var lang=D2LANG(d2); var TT=COMP_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var st=root.querySelector('[data-st]'), core=root.querySelector('[data-core]');\n var stage=root.querySelector('[data-stage]'), sth=root.querySelector('[data-sth]'), dov=root.querySelector('[data-dov]');\n var head=root.querySelector('.head'), seed=root.querySelector('.seed');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var fx=core.getContext('2d');\n var W=0,H=0,CX=0,CY=0,CBW=560,CBH=560,DP=1,R=1, mobile=false;\n var TYPES=['#4866FA','#6E86FF','#8A93B8','#B7C2FF'];\n var N=20, pts=[];\n function L4(a,b,t){ return a+(b-a)*t; }\n function rr(x,y,w,h,r){ if(w<0){x+=w;w=-w;} if(h<0){h=Math.abs(h);} r=Math.max(0,Math.min(r,w/2,h/2)); fx.beginPath(); fx.moveTo(x+r,y); fx.arcTo(x+w,y,x+w,y+h,r); fx.arcTo(x+w,y+h,x,y+h,r); fx.arcTo(x,y+h,x,y,r); fx.arcTo(x,y,x+w,y,r); fx.closePath(); }\n function build(){ pts=[]; for(var i=0;i Data² · UI
'+\n ''+t('hl1')+' '+t('hl2')+'
'+\n ''+t('sub')+'
'+t('seed')+'
'+\n ' '+t('c_telas_t')+'
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
'+t('pay')+'
'+\n ''+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var lang=D2LANG(d2); var TT=CASH_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var st=root.querySelector('[data-st]'), core=root.querySelector('[data-core]');\n var stage=root.querySelector('[data-stage]'), sth=root.querySelector('[data-sth]'), dov=root.querySelector('[data-dov]');\n var head=root.querySelector('.head'), seed=root.querySelector('.seed');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var fx=core.getContext('2d');\n var W=0,H=0,CX=0,CY=0,CBW=560,CBH=560,DP=1,R=1, mobile=false;\n var TYPES=[['#BFFA48',t('ty_vendedor')],['#F7C948',t('ty_taxa')],['#7AA8FF',t('ty_imposto')]];\n var N=224, pts=[];\n function build(){ pts=[];\n for(var i=0;i Data² · Cashier '+t('badge')+'
'+\n ''+t('h1a')+' '+t('h1b')+'
'+\n ''+t('h1s')+'
'+t('seedA')+'
'+t('seedB')+'
'+t('seedC')+'
'+\n ''+t('seedB')+'
'+t('seedC')+'
'+t('n_cobra')+'
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
'+t('payoffA')+' · '+t('payoffB')+'
'+\n '◆ 201 Created · ch_8421
R$ 1.240,00 split
'+t('ty_vendedor')+' R$ 992,00 80%
'+t('ty_taxa')+' R$ 74,40 6%
'+t('ty_imposto')+' R$ 173,60 14%
◆ '+t('div_check')+'
✓ ch_8421 · R$ 1.240,00 · '+t('conc_word')+'
✓ ch_8420 · R$ 88,00 · '+t('conc_word')+'
✓ ch_8419 · R$ 512,00 · '+t('conc_word')+'
◆ '+t('conc_check')+'
14:02 Ana '+t('aud_charged')+' ch_8421
14:03 split '+t('ty_vendedor')+' R$ 992,00
14:31 '+t('aud_concilia')+' ✓ '+t('aud_paid')+'
◆ '+t('aud_check')+'
0'+t('tempo_small')+'
'; var n=0,target2=48250; var iv=setInterval(function(){ var el=dov.querySelector('[data-b]'); if(!el||!el.isConnected){clearInterval(iv);return;} if(n'+\n ''+\n ''+\n ''+\n ''+\n '
';\n },\n mounted(d2, root){\n var lang=D2LANG(d2); var TT=COP_T(); var t=function(k){ return (TT[lang]&&TT[lang][k]) || TT.en[k] || k; };\n var LBL_COP=t('lbl_cop').toUpperCase();\n var st=root.querySelector('[data-st]'), core=root.querySelector('[data-core]');\n var stage=root.querySelector('[data-stage]'), sth=root.querySelector('[data-sth]'), dov=root.querySelector('[data-dov]');\n var head=root.querySelector('.head'), seed=root.querySelector('.seed');\n var reduce=(window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches);\n var fx=core.getContext('2d');\n var W=0,H=0,CX=0,CY=0,CBW=560,CBH=560,DP=1,R=1,mobile=false;\n var CENTER={col:'#8448FA', act:0.5};\n var NODES=[\n {key:'entende', comp:'Domain', col:'#FA48DC', ang:-Math.PI/2, x:0,y:0, act:0.12},\n {key:'busca', comp:'Registry', col:'#FA4848', ang:0, x:0,y:0, act:0.12},\n {key:'permite', comp:'ID', col:'#48FAA1', ang:Math.PI/2, x:0,y:0, act:0.12},\n {key:'mostra', comp:'UI', col:'#4866FA', ang:Math.PI, x:0,y:0, act:0.12}\n ];\n var IDX={entende:0,busca:1,permite:2,mostra:3};\n function computeNodes(){ var sr=R*0.62; for(var i=0;i Data² · '+t('lbl_cop')+'
'+\n ''+t('h1a')+' '+t('h1b')+'
'+\n ''+t('h1s')+'
'+t('seedA')+'
'+t('seedB')+'
'+t('seedC')+'
'+\n ''+t('seedB')+'
'+t('seedC')+'
'+t('n_entende')+'
'+\n ''+ F.map(function(f){ return ''; }).join('') +'
'+\n ''+f[1]+'
'+f[2]+'
'+f[3]+'
'+t('n_entende')+' · '+t('payoffB')+'
'+\n ''+t('q_bubble')+'
'+s+\n ''+t('rc_title')+'
'+\n 'Ana Duarte 82
Marco Reis 77
Lia Nunes 71
'+esc(lb)+'
';\n }\n if(!leversHtml) leversHtml = '';\n\n /* --- logos --- */\n var lg = dd('cms-logosDataSet').filter(function(x){ return x && x.fileUrl && x.publico!==false; })\n .sort(function(a,b){ return (a.ordem||0)-(b.ordem||0); });\n var logoRow = '';\n for(var k=0;k'+logoRow+'
'+logoRow+'
'+esc(nome)+'
'\n + ''+esc(man)+'
';\n }\n\n return ''\n + ''\n + ''\n\n /* 01 — HERO */\n + ''\n + ''\n + ' '\n\n /* 02 — STACK */\n + ''\n + ' '\n\n /* 03 — SPLASH */\n + ''\n + '![\"\"](\"https://www.data2.media/file/rzzWkPvZaaTa5wLLVuiXJ\")
'\n + ''\n + ' '\n\n /* 04 — OFERTA */\n + ''\n + ' '\n\n /* 04 — PROVA */\n + ''\n + ' '\n\n /* 05 — INDÚSTRIAS */\n + ''\n + ' '\n\n /* 06 — FECHO */\n + ''\n + ' '\n + '
';\n },\n\n mounted(d2, root){ HV4_SETUP(d2, root); },\n updated(d2, root){ HV4_SETUP(d2, root); }\n};\n\n/* ============ helpers (function declarations — they hoist) ============ */\n\nfunction D2LANG(d2){\n try{\n var s = d2.store('siteLocale');\n if(s){ var v = s.get('lang'); if(v==null) v = s.get('data.lang');\n if(v==='en'||v==='es'||v==='pt') return v; }\n }catch(e){}\n return 'pt';\n}\n\nfunction LAYERS(){\n return [\n {comp:'UI', key:'ui', c:'#5b86ff', lt:'#fff'},\n {comp:'Registry', key:'registry', c:'#ff6a4d', lt:'#fff'},\n {comp:'Media', key:'media', c:'#e8e84d', lt:'#2a2a10'},\n {comp:'ID', key:'id', c:'#4de0a1', lt:'#0c2e1f'},\n {comp:'Connect', key:'connect', c:'#4ddfe6', lt:'#0c2c30'},\n {comp:'Domain', key:'domain', c:'#ff4d9e', lt:'#fff'},\n {comp:'Rush', key:'rush', c:'#9b5cff', lt:'#fff'},\n {comp:'Cashier', key:'cashier', c:'#84e05a', lt:'#12300c'}\n ];\n}\n\nfunction INDS(){\n return [\n {slug:'cx', c:'#4ddfe6'},\n {slug:'financeiro', c:'#84e05a'},\n {slug:'varejo', c:'#ff4d9e'},\n {slug:'supply', c:'#9b5cff'}\n ];\n}\n\nfunction SIGMARK(cls){\n return '';\n}\n\nfunction HOME_T(){ return {\n pt:{\n kick:'Plataforma e time · escala enterprise',\n h1a:'Da necessidade à produção.', h1b:'O resto é demo.',\n hsub:'Solução completa em produção em 2 a 4 semanas — sobre a nossa própria plataforma.',\n cta1:'Trazer um problema', cta2:'Ver a plataforma',\n\n k_stack:'A plataforma',\n h_stack:'Tudo que o seu problema precisa. Num lugar só.',\n l_stack:'Oito componentes, uma runtime. Interface, dados, arquivos, identidade, integrações, decisão, eventos e pagamento — nascem ligados.',\n n_stack:'Passe o mouse por qualquer camada. Cada uma é um componente com profundidade própria — e todas falam a mesma língua.',\n ly_ui:'Interfaces ricas', ly_registry:'Framework de dados', ly_media:'Arquivos e entrega',\n ly_id:'Identidade e acesso', ly_connect:'Acesso externo', ly_domain:'Lógica de negócio',\n ly_rush:'Pipeline de eventos', ly_cashier:'Pagamentos',\n h_splasha:'Não é um kit de peças.', h_splashb:'É uma peça só.',\n\n k_offer:'Como trabalhamos',\n h_offer:'Não é projeto. É investimento com data de retorno.',\n s1t:'O caso', s1w:'Lean Inception · semana zero', s1d:'A dor vira escopo com número antes de qualquer linha de código.',\n s2t:'O prazo', s2w:'Sprint · 2 a 4 semanas', s2d:'Solução completa em produção. Não é piloto, não é prova de conceito.',\n s3t:'O retorno', s3w:'Medido, em produção', s3d:'No mesmo trimestre em que foi aprovado.',\n u_offer:'Quem promete data já assumiu a responsabilidade.',\n\n k_proof:'Em produção',\n h_proof:'Antes de produção, todo número é promessa. Estes vieram de produção.',\n\n k_ind:'Onde já resolvemos',\n h_ind:'O setor muda. A distância até produção, não.',\n indn_cx:'CX / Contact Center', indn_financeiro:'Serviços financeiros', indn_varejo:'Varejo', indn_supply:'Supply chain',\n ind_cx:'Quem liga não quer conversar. Quer resolver.',\n ind_financeiro:'Cada centavo com origem.',\n ind_varejo:'A vitrine muda mais rápido que o sistema.',\n ind_supply:'Estoque certo no lugar errado ainda é estoque errado.',\n\n h_closea:'Traga o problema.', h_closeb:'Devolvemos rodando.',\n c_sub:'Começa com trinta minutos, sem roteiro de vendas.',\n assin_a:'Necessidade', assin_b:'elevada à produção.',\n pot:'O ² é elevar à potência.'\n },\n en:{\n kick:'Platform and team · enterprise scale',\n h1a:'From necessity to production.', h1b:'The rest is a demo.',\n hsub:'A complete solution in production in 2 to 4 weeks — on a platform that is ours.',\n cta1:'Bring a problem', cta2:'See the platform',\n\n k_stack:'The platform',\n h_stack:'Everything your problem needs. In one place.',\n l_stack:'Eight components, one runtime. Interface, data, files, identity, integrations, decision, events and payment — born connected.',\n n_stack:'Hover any layer. Each one is a component with its own depth — and all of them speak the same language.',\n ly_ui:'Rich user interfaces', ly_registry:'Data framework', ly_media:'Storage and delivery',\n ly_id:'Identity and access', ly_connect:'External access', ly_domain:'Business logic',\n ly_rush:'Event pipeline', ly_cashier:'Payments',\n h_splasha:'It is not a kit of parts.', h_splashb:'It is a single piece.',\n\n k_offer:'How we work',\n h_offer:'It is not a project. It is an investment with a return date.',\n s1t:'The case', s1w:'Lean Inception · week zero', s1d:'The pain becomes scope with a number, before a single line of code.',\n s2t:'The deadline', s2w:'Sprint · 2 to 4 weeks', s2d:'A complete solution in production. Not a pilot, not a proof of concept.',\n s3t:'The return', s3w:'Measured, in production', s3d:'In the same quarter it was approved.',\n u_offer:'Whoever promises a date has already taken responsibility.',\n\n k_proof:'In production',\n h_proof:'Before production, every number is a promise. These came from production.',\n\n k_ind:'Where we have solved it',\n h_ind:'The sector changes. The distance to production does not.',\n indn_cx:'CX / Contact Center', indn_financeiro:'Financial services', indn_varejo:'Retail', indn_supply:'Supply chain',\n ind_cx:'People who call do not want to talk. They want it solved.',\n ind_financeiro:'Every cent with an origin.',\n ind_varejo:'The storefront changes faster than the system.',\n ind_supply:'The right stock in the wrong place is still the wrong stock.',\n\n h_closea:'Bring the problem.', h_closeb:'We hand it back running.',\n c_sub:'It starts with thirty minutes, no sales script.',\n assin_a:'Necessity,', assin_b:'raised to production.',\n pot:'The ² means raised to the power.'\n },\n es:{\n kick:'Plataforma y equipo · escala enterprise',\n h1a:'De la necesidad a la producción.', h1b:'El resto es demo.',\n hsub:'Una solución completa en producción en 2 a 4 semanas — sobre nuestra propia plataforma.',\n cta1:'Traer un problema', cta2:'Ver la plataforma',\n\n k_stack:'La plataforma',\n h_stack:'Todo lo que tu problema necesita. En un solo lugar.',\n l_stack:'Ocho componentes, un runtime. Interfaz, datos, archivos, identidad, integraciones, decisión, eventos y pago — nacen conectados.',\n n_stack:'Pasa el mouse por cualquier capa. Cada una es un componente con profundidad propia — y todas hablan el mismo idioma.',\n ly_ui:'Interfaces ricas', ly_registry:'Framework de datos', ly_media:'Archivos y entrega',\n ly_id:'Identidad y acceso', ly_connect:'Acceso externo', ly_domain:'Lógica de negocio',\n ly_rush:'Pipeline de eventos', ly_cashier:'Pagos',\n h_splasha:'No es un kit de piezas.', h_splashb:'Es una sola pieza.',\n\n k_offer:'Cómo trabajamos',\n h_offer:'No es un proyecto. Es una inversión con fecha de retorno.',\n s1t:'El caso', s1w:'Lean Inception · semana cero', s1d:'El dolor se vuelve alcance con número, antes de una sola línea de código.',\n s2t:'El plazo', s2w:'Sprint · 2 a 4 semanas', s2d:'Solución completa en producción. No es piloto, no es prueba de concepto.',\n s3t:'El retorno', s3w:'Medido, en producción', s3d:'En el mismo trimestre en que fue aprobado.',\n u_offer:'Quien promete una fecha ya asumió la responsabilidad.',\n\n k_proof:'En producción',\n h_proof:'Antes de producción, todo número es una promesa. Estos vinieron de producción.',\n\n k_ind:'Dónde ya lo resolvimos',\n h_ind:'El sector cambia. La distancia a producción, no.',\n indn_cx:'CX / Contact Center', indn_financeiro:'Servicios financieros', indn_varejo:'Retail', indn_supply:'Supply chain',\n ind_cx:'Quien llama no quiere conversar. Quiere resolver.',\n ind_financeiro:'Cada centavo con su origen.',\n ind_varejo:'La vitrina cambia más rápido que el sistema.',\n ind_supply:'Stock correcto en el lugar equivocado sigue siendo stock equivocado.',\n\n h_closea:'Trae el problema.', h_closeb:'Te lo devolvemos funcionando.',\n c_sub:'Empieza con treinta minutos, sin guion de ventas.',\n assin_a:'La necesidad,', assin_b:'elevada a producción.',\n pot:'El ² es elevar a la potencia.'\n }\n}; }\n\nfunction HV4_SETUP(d2, root){\n var host = root.querySelector('.hv4');\n if(!host) return;\n\n /* reveals */\n try{\n var io = new IntersectionObserver(function(es){\n es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n }, {threshold:.12});\n Array.prototype.slice.call(root.querySelectorAll('.rv')).forEach(function(el){ io.observe(el); });\n }catch(e){\n Array.prototype.slice.call(root.querySelectorAll('.rv')).forEach(function(el){ el.classList.add('in'); });\n }\n\n /* nav — rebind inside this shadow root */\n try{\n d2.on(host, 'click', function(e){\n var a = e.target.closest('[data-nav]'); if(!a) return;\n var h = a.getAttribute('data-href'); if(!h) return;\n e.preventDefault();\n try{ d2.state.path = h; }catch(_){}\n try{ d2.router('site_router').goTo(h); }catch(_){}\n });\n }catch(e){}\n\n /* stack — legend <-> layer linkage */\n var layers = Array.prototype.slice.call(root.querySelectorAll('.layer'));\n var rows = Array.prototype.slice.call(root.querySelectorAll('.legend li'));\n function raise(comp, on){\n for(var i=0;i'\n + '
'\n + ''\n + ''\n + '
'\n + ''+esc(t('kick'))+'
'\n + ''+t('h1a')+' '+t('h1b')+'
'\n + ''+t('hsub')+'
'\n + ''\n + ''\n + ''\n + '
'\n + ''\n + ''\n + '
'\n + ''\n + '
03 — 07'+esc(t('k_stack'))+'
'\n + ''+t('h_stack')+'
'\n + ''+esc(t('l_stack'))+'
'\n + ''\n + ''\n + ''\n + '
'\n + ''+layersHtml+'
- '+legendHtml+'
'+esc(t('n_stack'))+'
'\n + '
'\n + ''+t('h_splasha')+' '+t('h_splashb')+'
'\n + '02 — 07'\n + ''\n + ''\n + '
'\n + ''\n + '
04 — 07'+esc(t('k_offer'))+'
'\n + ''+t('h_offer')+'
'\n + ''\n + ''\n + ''\n + ''\n + '
'\n + '01
'+esc(t('s1t'))+'
'+esc(t('s1w'))+'
'+esc(t('s1d'))+'
02
'+esc(t('s2t'))+'
'+esc(t('s2w'))+'
'+esc(t('s2d'))+'
03
'+esc(t('s3t'))+'
'+esc(t('s3w'))+'
'+esc(t('s3d'))+'
'+t('u_offer')+'
'\n + ''\n + ''\n + '
'\n + logosHtml\n + ''\n + '
05 — 07'+esc(t('k_proof'))+'
'\n + ''+t('h_proof')+'
'\n + ''+leversHtml+'
'\n + ''\n + ''\n + '
'\n + ''\n + '
06 — 07'+esc(t('k_ind'))+'
'\n + ''+t('h_ind')+'
'\n + ''+indsHtml+'
'\n + ''\n + '
'\n + ''\n + '
'\n + ''+t('h_closea')+' '+t('h_closeb')+'
'\n + ''+esc(t('c_sub'))+'
'\n + ''\n + ''\n + SIGMARK('sigmark')\n + '
'\n + ''+t('assin_a')+' '+t('assin_b')+'
'\n + ''+esc(t('pot'))+'
'\n + '- ';\n for(var i=0;i
';\n for(var i=from;i'\n + '
';\n }\n return o + '';\n };\n\n /* ---- mobile rows ---- */\n var mlks = function(arr){\n var o = '';\n for(var i=0;i'+esc(r.name || t(r.nameKey))+'
'\n + ''+esc(t(r.fnKey))+'
'+esc(r.name || t(r.nameKey))+'
'\n + ''+esc(t(r.fnKey))+'
'\n + ''+idx+' — 03'\n + ''+(t(ak)?esc(t(ak))+' ':'')+''+esc(t(bk))+''\n + '
'\n + ''+body+'
'\n + ''\n\n /* ---------- BAR ---------- */\n + ''\n + ''\n + ' '\n\n /* ---------- MEGA · A PLATAFORMA ---------- */\n + '
';\n },\n\n mounted(d2, root){ NAV_SETUP(d2, root); },\n updated(d2, root){ NAV_SETUP(d2, root); }\n};\n\n/* ============ helpers (function declarations — they hoist) ============ */\n\nfunction NAV_LANG(d2){\n try{\n var s = d2.store('siteLocale');\n if(s){ var v = s.get('lang'); if(v==null) v = s.get('data.lang');\n if(v==='en'||v==='es'||v==='pt') return v; }\n }catch(e){}\n return 'pt';\n}\n\nfunction NAV_SETLANG(d2, v){\n if(v!=='pt' && v!=='en' && v!=='es') return;\n try{\n var s = d2.store('siteLocale'); if(!s) return;\n s.set('lang', v);\n var back = s.get('lang'); if(back==null) back = s.get('data.lang');\n if(back !== v) s.set('data.lang', v);\n }catch(e){}\n}\n\nfunction NAV_ISMOBILE(){\n try{ return !!(window.matchMedia && window.matchMedia('(max-width:1080px)').matches); }\n catch(e){ return false; }\n}\n\n/* the 8 products — colours + business function match home-v4 1:1 */\nfunction NAV_PRODUCTS(){\n return [\n {slug:'ui', name:'UI', fnKey:'fn_ui', c:'#5b86ff'},\n {slug:'registry', name:'Registry', fnKey:'fn_registry', c:'#ff6a4d'},\n {slug:'media', name:'Media', fnKey:'fn_media', c:'#e8e84d'},\n {slug:'id', name:'ID', fnKey:'fn_id', c:'#4de0a1'},\n {slug:'connect', name:'Connect', fnKey:'fn_connect', c:'#4ddfe6'},\n {slug:'domain', name:'Domain', fnKey:'fn_domain', c:'#ff4d9e'},\n {slug:'rush', name:'Rush', fnKey:'fn_rush', c:'#9b5cff'},\n {slug:'cashier', name:'Cashier', fnKey:'fn_cashier', c:'#84e05a'}\n ];\n}\n\n/* the 9 industries — cx / financeiro / varejo / supply keep home-v4's colours */\nfunction NAV_INDUSTRIES(){\n return [\n {slug:'cx', nameKey:'in_cx', fnKey:'ih_cx', c:'#4ddfe6'},\n {slug:'varejo', nameKey:'in_varejo', fnKey:'ih_varejo', c:'#ff4d9e'},\n {slug:'financeiro', nameKey:'in_financeiro', fnKey:'ih_financeiro', c:'#84e05a'},\n {slug:'seguros', nameKey:'in_seguros', fnKey:'ih_seguros', c:'#5b86ff'},\n {slug:'vendas', nameKey:'in_vendas', fnKey:'ih_vendas', c:'#ff6a4d'},\n {slug:'rh', nameKey:'in_rh', fnKey:'ih_rh', c:'#e8e84d'},\n {slug:'supply', nameKey:'in_supply', fnKey:'ih_supply', c:'#9b5cff'},\n {slug:'bi', nameKey:'in_bi', fnKey:'ih_bi', c:'#4de0a1'},\n {slug:'compras', nameKey:'in_compras', fnKey:'ih_compras', c:'#5b86ff'}\n ];\n}\n\nfunction SIGMARK(cls){\n return '';\n}\n\nfunction NAV_T(){ return {\n pt:{\n d_plat:'A Plataforma', d_cons:'Consultoria', d_emp:'Empresa',\n cta:'Falar com a gente',\n\n a_main:'Navegação principal', a_lang:'Idioma', a_menu:'Menu', a_close:'Fechar',\n\n k_plat:'A plataforma', k_prod:'Os 8 produtos', k_cons:'Consultoria',\n k_ind:'Indústrias', k_emp:'A empresa', k_start:'Começa aqui',\n\n p_vis:'Visão geral', p_como:'Como funciona', p_fw:'Data Framework',\n p_agent:'Agent-native', p_lang:'data2-lang',\n\n fn_ui:'Interfaces ricas', fn_registry:'Framework de dados', fn_media:'Arquivos e entrega',\n fn_id:'Identidade e acesso', fn_connect:'Acesso externo', fn_domain:'Lógica de negócio',\n fn_rush:'Pipeline de eventos', fn_cashier:'Pagamentos',\n\n c_como:'Como trabalhamos', c_prec:'Preços', c_casos:'Casos',\n\n in_cx:'CX / Contact Center', in_varejo:'Varejo', in_financeiro:'Serviços financeiros',\n in_seguros:'Seguros', in_vendas:'Vendas', in_rh:'RH',\n in_supply:'Supply chain', in_bi:'BI', in_compras:'Compras',\n ih_cx:'Atendimento e voz', ih_varejo:'Loja e vitrine', ih_financeiro:'Crédito e conciliação',\n ih_seguros:'Sinistro e apólice', ih_vendas:'Funil e proposta', ih_rh:'Pessoas e jornada',\n ih_supply:'Estoque e rota', ih_bi:'Painel e decisão', ih_compras:'Cotação e contrato',\n\n e_quem:'Quem somos', e_car:'Carreiras', e_cont:'Contato', e_rec:'Recursos',\n\n st_line:'Trinta minutos. Sem roteiro de vendas.',\n st_sm:'Traga o problema como ele é hoje — a planilha, a fila, o retrabalho. Devolvemos o escopo com número.',\n st_btn:'Marcar uma conversa',\n\n mb_plat_a:'A', mb_plat_b:'Plataforma',\n mb_cons_a:'', mb_cons_b:'Consultoria',\n mb_emp_a:'A', mb_emp_b:'Empresa'\n },\n en:{\n d_plat:'The Platform', d_cons:'Consulting', d_emp:'Company',\n cta:'Talk to us',\n\n a_main:'Main navigation', a_lang:'Language', a_menu:'Menu', a_close:'Close',\n\n k_plat:'The platform', k_prod:'The 8 products', k_cons:'Consulting',\n k_ind:'Industries', k_emp:'The company', k_start:'Start here',\n\n p_vis:'Overview', p_como:'How it works', p_fw:'Data Framework',\n p_agent:'Agent-native', p_lang:'data2-lang',\n\n fn_ui:'Rich user interfaces', fn_registry:'Data framework', fn_media:'Files and delivery',\n fn_id:'Identity and access', fn_connect:'External access', fn_domain:'Business logic',\n fn_rush:'Event pipeline', fn_cashier:'Payments',\n\n c_como:'How we work', c_prec:'Pricing', c_casos:'Cases',\n\n in_cx:'CX / Contact Center', in_varejo:'Retail', in_financeiro:'Financial services',\n in_seguros:'Insurance', in_vendas:'Sales', in_rh:'HR',\n in_supply:'Supply chain', in_bi:'BI', in_compras:'Procurement',\n ih_cx:'Support and voice', ih_varejo:'Store and storefront', ih_financeiro:'Credit and reconciliation',\n ih_seguros:'Claims and policy', ih_vendas:'Pipeline and proposal', ih_rh:'People and journey',\n ih_supply:'Stock and route', ih_bi:'Dashboard and decision', ih_compras:'Sourcing and contract',\n\n e_quem:'Who we are', e_car:'Careers', e_cont:'Contact', e_rec:'Resources',\n\n st_line:'Thirty minutes. No sales script.',\n st_sm:'Bring the problem exactly as it is today — the spreadsheet, the queue, the rework. We hand back the scope with a number.',\n st_btn:'Book a conversation',\n\n mb_plat_a:'The', mb_plat_b:'Platform',\n mb_cons_a:'', mb_cons_b:'Consulting',\n mb_emp_a:'The', mb_emp_b:'Company'\n },\n es:{\n d_plat:'La Plataforma', d_cons:'Consultoría', d_emp:'Empresa',\n cta:'Hablar con nosotros',\n\n a_main:'Navegación principal', a_lang:'Idioma', a_menu:'Menú', a_close:'Cerrar',\n\n k_plat:'La plataforma', k_prod:'Los 8 productos', k_cons:'Consultoría',\n k_ind:'Industrias', k_emp:'La empresa', k_start:'Empieza aquí',\n\n p_vis:'Visión general', p_como:'Cómo funciona', p_fw:'Data Framework',\n p_agent:'Agent-native', p_lang:'data2-lang',\n\n fn_ui:'Interfaces ricas', fn_registry:'Framework de datos', fn_media:'Archivos y entrega',\n fn_id:'Identidad y acceso', fn_connect:'Acceso externo', fn_domain:'Lógica de negocio',\n fn_rush:'Pipeline de eventos', fn_cashier:'Pagos',\n\n c_como:'Cómo trabajamos', c_prec:'Precios', c_casos:'Casos',\n\n in_cx:'CX / Contact Center', in_varejo:'Retail', in_financeiro:'Servicios financieros',\n in_seguros:'Seguros', in_vendas:'Ventas', in_rh:'RRHH',\n in_supply:'Supply chain', in_bi:'BI', in_compras:'Compras',\n ih_cx:'Atención y voz', ih_varejo:'Tienda y vitrina', ih_financeiro:'Crédito y conciliación',\n ih_seguros:'Siniestro y póliza', ih_vendas:'Embudo y propuesta', ih_rh:'Personas y recorrido',\n ih_supply:'Stock y ruta', ih_bi:'Panel y decisión', ih_compras:'Cotización y contrato',\n\n e_quem:'Quiénes somos', e_car:'Carreras', e_cont:'Contacto', e_rec:'Recursos',\n\n st_line:'Treinta minutos. Sin guion de ventas.',\n st_sm:'Trae el problema tal como es hoy — la planilla, la cola, el retrabajo. Devolvemos el alcance con número.',\n st_btn:'Agendar una conversación',\n\n mb_plat_a:'La', mb_plat_b:'Plataforma',\n mb_cons_a:'', mb_cons_b:'Consultoría',\n mb_emp_a:'La', mb_emp_b:'Empresa'\n }\n}; }\n\nfunction NAV_CANCEL(root){\n try{ if(root.__nv4t){ clearTimeout(root.__nv4t); root.__nv4t = null; } }catch(e){}\n}\n\nfunction NAV_UNLOCK(doc){\n try{\n var b = doc && doc.body; if(!b) return;\n if(b.getAttribute('data-nv4lock') === '1'){\n b.style.overflow = b.getAttribute('data-nv4prev') || '';\n b.removeAttribute('data-nv4lock');\n b.removeAttribute('data-nv4prev');\n }\n }catch(e){}\n}\n\nfunction NAV_SETUP(d2, root){\n var host = root.querySelector('.nv4'); if(!host) return;\n var doc = host.ownerDocument || document;\n\n /* body scroll lock — re-evaluated every pass, idempotent */\n try{\n var b = doc && doc.body;\n if(b){\n if(d2.state.mob){\n if(b.getAttribute('data-nv4lock') !== '1'){\n b.setAttribute('data-nv4prev', b.style.overflow || '');\n b.setAttribute('data-nv4lock', '1');\n b.style.overflow = 'hidden';\n }\n } else {\n NAV_UNLOCK(doc);\n }\n }\n }catch(e){}\n\n /* wire once — the flag lives on the stable container, not on morphed markup */\n if(root.__nv4wired) return;\n root.__nv4wired = true;\n\n /* clicks — one delegated listener on the container */\n try{\n d2.on(root, 'click', function(e){\n var tg = e.target; if(!tg || !tg.closest) return;\n\n var lg = tg.closest('[data-lang]');\n if(lg){ e.preventDefault(); NAV_SETLANG(d2, lg.getAttribute('data-lang')); return; }\n\n var bg = tg.closest('[data-burger]');\n if(bg){ e.preventDefault(); d2.setState({ mega:null, mob:true }); return; }\n\n var cl = tg.closest('[data-close]');\n if(cl){ e.preventDefault(); d2.state.mob = false; return; }\n\n var ds = tg.closest('[data-dest]');\n if(ds){\n e.preventDefault();\n NAV_CANCEL(root);\n var k = ds.getAttribute('data-dest');\n d2.state.mega = (d2.state.mega === k) ? null : k;\n return;\n }\n\n var a = tg.closest('[data-nav]');\n if(a){\n var h = a.getAttribute('data-href'); if(!h) return;\n e.preventDefault();\n NAV_CANCEL(root);\n d2.setState({ mega:null, mob:false });\n try{ d2.state.path = h; }catch(_e1){}\n try{ d2.router('site_router').goTo(h); }catch(_e2){}\n }\n });\n }catch(e){}\n\n /* hover-to-open (mouseenter cannot be delegated — direct binding required) */\n try{\n var dests = Array.prototype.slice.call(root.querySelectorAll('[data-dest]'));\n dests.forEach(function(el){\n d2.on(el, 'mouseenter', function(){\n if(NAV_ISMOBILE()) return;\n NAV_CANCEL(root);\n d2.state.mega = el.getAttribute('data-dest');\n });\n });\n d2.on(host, 'mouseenter', function(){ NAV_CANCEL(root); });\n d2.on(host, 'mouseleave', function(){\n if(NAV_ISMOBILE()) return;\n NAV_CANCEL(root);\n root.__nv4t = setTimeout(function(){ try{ d2.state.mega = null; }catch(_e3){} }, 170);\n });\n }catch(e){}\n\n /* ESC closes whatever is open */\n try{\n d2.on(window, 'keydown', function(e){\n var k = e.key || '';\n if(k === 'Escape' || k === 'Esc' || e.keyCode === 27){\n if(d2.state.mob) d2.state.mob = false;\n if(d2.state.mega) d2.state.mega = null;\n }\n });\n }catch(e){}\n\n try{\n d2.onUnmount(function(){\n NAV_CANCEL(root);\n NAV_UNLOCK(doc);\n root.__nv4wired = false;\n });\n }catch(e){}\n}\n"}}}}}}}},{"_id":"6a835142cfcb17d5d83f83dc","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"v4_hero","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; }\n*{ box-sizing:border-box; margin:0; padding:0; }\n\n.hv4{\n --paper:#eeeeea; --ink:#16171a; --faint:#63656a; --hair:#d4d4ce;\n --dark:#0a0b0d; --dtext:#ecedea; --dfaint:#8f9197; --dhair:#26282c;\n --worm:linear-gradient(180deg,#9b5cff,#5b86ff,#4ddfe6,#4de0a1,#84e05a,#e8e84d,#ff6a4d,#ff4d9e);\n --grot:'Helvetica Neue',Helvetica,Arial,sans-serif;\n --mono:'SF Mono',ui-monospace,Menlo,Consolas,monospace;\n position:relative; width:100%; font-family:var(--grot); line-height:1.5;\n -webkit-font-smoothing:antialiased; background:var(--dark); color:var(--dtext);\n overflow-x:clip;\n}\n.hv4::after{\n content:\"\"; position:absolute; inset:0; pointer-events:none; z-index:38; opacity:.05;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E\");\n}\n.frame{ max-width:1220px; margin:0 auto; padding:clamp(64px,10vh,124px) clamp(24px,4.6vw,58px); position:relative; z-index:5; }\n\n.kicker{ font-family:var(--grot); font-size:11px; letter-spacing:.22em; text-transform:uppercase; font-weight:500; }\n.idx{ font-family:var(--mono); font-size:11px; letter-spacing:.16em; }\n.display{ font-weight:200; letter-spacing:-.018em; font-size:clamp(40px,6.6vw,96px); line-height:1.02; text-wrap:balance; }\n.display b{ font-weight:700; display:block; }\n\n.dark{ background:var(--dark); color:var(--dtext); }\n.dark .kicker{ color:var(--dfaint); } .dark .idx{ color:var(--dfaint); }\n\n.hero{ position:relative; min-height:min(94vh,940px); display:flex; align-items:center; overflow:hidden; }\n.hero .frame{ width:100%; z-index:5; }\n.wormsvg{ position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; opacity:.5; }\n.wormsvg path{ fill:none; stroke-linecap:round; stroke-width:30; }\n.h-kick{ display:flex; align-items:center; gap:10px; margin-bottom:26px; }\n.h-kick i{ width:22px; height:9px; border-radius:99px; background:var(--worm); flex:none; }\n.hero .display{ max-width:15ch; }\n.h-sub{ margin-top:30px; font-size:clamp(16px,1.5vw,20px); line-height:1.55; color:var(--dtext); max-width:44ch; font-weight:300; }\n.h-sub b{ font-weight:600; }\n.h-cta{ margin-top:38px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }\n.btn{\n appearance:none; border:0; cursor:pointer; font-family:var(--grot); font-size:14.5px; font-weight:600;\n padding:15px 26px; border-radius:999px; background:var(--dtext); color:var(--dark); transition:transform .2s, opacity .2s;\n}\n.btn:hover{ transform:translateY(-2px); } .btn:active{ transform:none; }\n.btn.ghost{ background:transparent; color:var(--dtext); border:1px solid var(--dhair); font-weight:500; }\n.btn.ghost:hover{ border-color:var(--dtext); }\n.hmeta{ position:absolute; left:clamp(24px,4.6vw,58px); right:clamp(24px,4.6vw,58px); bottom:34px; display:flex; justify-content:space-between; align-items:flex-end; z-index:5; }\n\n.rv{ opacity:0; transform:translateY(22px); transition:opacity .85s ease, transform .85s ease; }\n.rv.in{ opacity:1; transform:none; }\n\n@media (max-width:900px){\n .hero{ min-height:0; padding:96px 0 40px; }\n .hmeta{ position:relative; left:auto; right:auto; bottom:auto; margin-top:44px; padding:0 clamp(24px,4.6vw,58px); }\n}\n@media (max-width:560px){\n .display{ font-size:clamp(32px,9vw,44px); }\n}\n@media (prefers-reduced-motion:reduce){\n .rv{ opacity:1; transform:none; transition:none; }\n}\n`,\n\n render(d2){\n var lang = D2LANG(d2);\n var TT = HERO_T();\n var t = function(k){ var v = TT[lang] && TT[lang][k]; if(v==null) v = TT.en[k]; return v==null ? k : v; };\n var esc = function(s){ return (s==null?'':String(s)).replace(/&/g,'&').replace(//g,'>'); };\n var P = d2.params || {};\n var val = function(k, dflt){ var v = P[k]; if(v==null) return dflt; return String(v); };\n\n var eyebrow = val('eyebrow', t('kick'));\n var ha = val('ha',''), hb = val('hb','');\n if(!ha && !hb){ ha = t('h1a'); hb = t('h1b'); }\n var sub = val('sub', t('hsub'));\n var c1 = val('cta1', t('cta1'));\n var c1h = val('cta1href','/empresa/contato') || '/empresa/contato';\n var c2 = val('cta2', t('cta2'));\n var c2h = val('cta2href','/plataforma') || '/plataforma';\n var idx = val('idx','01 — 07');\n var showWorm = (P.worm === false || P.worm === 'false') ? false : true;\n\n var h = ''\n + '
'\n\n /* ---------- MEGA · CONSULTORIA ---------- */\n + ''\n + '
'\n + ''+esc(t('k_plat'))+''+lks(PLAT)+'
'\n + ''+esc(t('k_prod'))+''+rows(PR,0,4,'/produtos/',false)+'
'\n + ' '+rows(PR,4,8,'/produtos/',false)+'
'\n + ''\n + '
'\n\n /* ---------- MEGA · EMPRESA ---------- */\n + ''\n + '
'\n + ''+esc(t('k_cons'))+''+lks(CONS)+'
'\n + ''+esc(t('k_ind'))+''+rows(IND,0,5,'/industrias/',true)+'
'\n + ' '+rows(IND,5,9,'/industrias/',true)+'
'\n + ''\n + '
'\n\n /* ---------- MOBILE FULLSCREEN ---------- */\n + ''\n + '
'\n + ''+esc(t('k_emp'))+''+lks(EMP)+'
'\n + ''+esc(t('k_start'))+''\n + '
'\n + ''\n + '
'\n + ''+t('st_line')+'
'\n + ''+esc(t('st_sm'))+'
'\n + ''\n + ''\n + '
'\n\n + ''\n + ''\n + ''\n + '
'\n\n + ''\n + mgroup('01','mb_plat_a','mb_plat_b','/plataforma',\n ''+esc(t('k_plat'))+'' + mlks(PLAT)\n + ''+esc(t('k_prod'))+'' + mrows(PR,'/produtos/',false))\n + mgroup('02','mb_cons_a','mb_cons_b','/consultoria',\n ''+esc(t('k_cons'))+'' + mlks(CONS)\n + ''+esc(t('k_ind'))+'' + mrows(IND,'/industrias/',true))\n + mgroup('03','mb_emp_a','mb_emp_b','/empresa',\n ''+esc(t('k_emp'))+'' + mlks(EMP))\n + '
'\n\n + ''\n + ''+esc(t('a_lang'))+''\n + '
'\n + ''+langMob+'
'\n + ''\n + '';\n if(eyebrow) h += '
'+esc(eyebrow)+'
';\n h += ''+ha+(hb ? ' '+hb+'' : '')+'
';\n if(sub) h += ''+sub+'
';\n if(c1 || c2){\n h += '';\n if(c1) h += '';\n if(c2) h += '';\n h += '
';\n }\n h += ''+esc(lb)+'
';\n }\n\n /* --- logos --- */\n var lg = dd('cms-logosDataSet').filter(function(x){ return x && x.fileUrl && x.publico!==false; })\n .sort(function(a,b){ return (a.ordem||0)-(b.ordem||0); });\n var logoRow = '';\n for(var k=0;k'+logoRow+'
'+logoRow+'
'\n + ''\n + ' '\n + '
';\n },\n\n mounted(d2, root){ PROOF_SETUP(d2, root); },\n updated(d2, root){ PROOF_SETUP(d2, root); }\n};\n\n/* ============ helpers (function declarations — they hoist) ============ */\n\nfunction D2LANG(d2){\n try{\n var s = d2.store('siteLocale');\n if(s){ var v = s.get('lang'); if(v==null) v = s.get('data.lang');\n if(v==='en'||v==='es'||v==='pt') return v; }\n }catch(e){}\n return 'pt';\n}\n\nfunction PROOF_T(){ return {\n pt:{\n k_proof:'Em produção',\n h_proof_a:'Antes de produção, todo número é promessa.',\n h_proof_b:'Estes vieram de produção.'\n },\n en:{\n k_proof:'In production',\n h_proof_a:'Before production, every number is a promise.',\n h_proof_b:'These came from production.'\n },\n es:{\n k_proof:'En producción',\n h_proof_a:'Antes de producción, todo número es una promesa.',\n h_proof_b:'Estos vinieron de producción.'\n }\n}; }\n\nfunction PROOF_SETUP(d2, root){\n var host = root.querySelector('.hv4');\n if(!host) return;\n\n /* reveals */\n try{\n var io = new IntersectionObserver(function(es){\n es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n }, {threshold:.12});\n Array.prototype.slice.call(root.querySelectorAll('.rv')).forEach(function(el){ io.observe(el); });\n }catch(e){\n Array.prototype.slice.call(root.querySelectorAll('.rv')).forEach(function(el){ el.classList.add('in'); });\n }\n\n /* nav — rebind inside this shadow root */\n try{\n d2.on(host, 'click', function(e){\n var a = e.target.closest('[data-nav]'); if(!a) return;\n var h = a.getAttribute('data-href'); if(!h) return;\n e.preventDefault();\n try{ d2.state.path = h; }catch(_){}\n try{ d2.router('site_router').goTo(h); }catch(_){}\n });\n }catch(e){}\n}\n"}},"kicker":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"kicker"}}}},"title":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"title"}}}},"titleb":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"titleb"}}}},"idx":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"idx"}}}}}}}}}},{"_id":"6a8351a0532c02953f2a6ecd","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"v4_stack","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; }\n*{ box-sizing:border-box; margin:0; padding:0; }\n.v4stk{\n --paper:#eeeeea; --ink:#16171a; --faint:#63656a; --hair:#d4d4ce;\n --dark:#0a0b0d; --dtext:#ecedea; --dfaint:#8f9197; --dhair:#26282c;\n --worm:linear-gradient(180deg,#9b5cff,#5b86ff,#4ddfe6,#4de0a1,#84e05a,#e8e84d,#ff6a4d,#ff4d9e);\n --grot:'Helvetica Neue',Helvetica,Arial,sans-serif;\n --mono:'SF Mono',ui-monospace,Menlo,Consolas,monospace;\n position:relative; width:100%; font-family:var(--grot); line-height:1.5;\n -webkit-font-smoothing:antialiased; overflow-x:clip;\n}\n.frame{ max-width:1220px; margin:0 auto; padding:clamp(64px,10vh,124px) clamp(24px,4.6vw,58px); position:relative; z-index:5; }\n.kicker{ font-family:var(--grot); font-size:11px; letter-spacing:.22em; text-transform:uppercase; font-weight:500; }\n.idx{ font-family:var(--mono); font-size:11px; letter-spacing:.16em; }\nh2{ font-weight:200; font-size:clamp(30px,4.2vw,56px); letter-spacing:-.014em; line-height:1.08; text-wrap:balance; max-width:20ch; }\nh2 b{ font-weight:700; }\n.lede{ margin-top:20px; font-size:clamp(15px,1.3vw,17px); line-height:1.66; max-width:56ch; }\n.shead{ display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin-bottom:clamp(30px,4.6vh,52px); }\n.dark{ background:var(--dark); color:var(--dtext); }\n.dark .kicker{ color:var(--dfaint); } .dark .idx{ color:var(--dfaint); } .dark .lede{ color:var(--dfaint); }\n.stackwrap{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(24px,3.4vw,54px); align-items:center; }\n.stage{ perspective:1700px; height:clamp(400px,52vw,560px); display:flex; align-items:center; justify-content:center; }\n.float{ animation:bob 9s ease-in-out infinite; }\n@keyframes bob{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }\n.stack3d{\n position:relative; width:min(330px,58vw); aspect-ratio:1; transform-style:preserve-3d;\n transform:rotateX(55deg) rotateZ(-45deg); --gap:38px;\n}\n.layer{\n position:absolute; inset:0; border-radius:34px; transform-style:preserve-3d;\n transform:translateZ(calc(var(--i) * var(--gap)));\n transition:transform .6s cubic-bezier(.3,.7,.2,1), opacity .4s, filter .4s;\n background:linear-gradient(155deg, color-mix(in oklab,var(--c),white 42%) 0%, var(--c) 48%, color-mix(in oklab,var(--c),black 22%) 100%);\n box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--c),white 30%);\n cursor:pointer;\n}\n.layer::after{\n content:\"\"; position:absolute; inset:0; border-radius:inherit;\n background:color-mix(in oklab,var(--c),black 45%); transform:translateZ(-13px);\n}\n.layer .ltag{ display:none; }\n.layer .ltag small{ display:block; font-size:10.5px; font-weight:500; letter-spacing:.11em; text-transform:uppercase; opacity:.72; margin-top:3px; }\n.layer.raised{ transform:translateZ(calc(var(--i) * var(--gap) + 34px)); }\n.shadow{ position:absolute; inset:-8%; border-radius:50%; background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent 72%); transform:translateZ(-46px) scale(1.25); }\n.legend{ list-style:none; }\n.legend li{ display:flex; align-items:center; gap:14px; padding:12px 10px; border-bottom:1px solid var(--dhair); border-radius:6px; transition:background .2s, opacity .3s; cursor:pointer; }\n.legend li:first-child{ border-top:1px solid var(--dhair); }\n.legend li:hover{ background:rgba(236,237,234,.05); }\n.legend .dot{ width:11px; height:11px; border-radius:4px; background:var(--c); flex:none; transition:filter .3s; }\n.legend .biz{ font-size:15px; font-weight:600; flex:1; color:var(--dtext); }\n.legend .comp{ font-family:var(--mono); font-size:10.5px; letter-spacing:.12em; color:var(--dfaint); text-transform:uppercase; }\n.stacknote{ margin-top:22px; font-size:13px; color:var(--dfaint); line-height:1.65; max-width:42ch; }\n\n/* mode: prod — camadas mais separadas.\n O grupo cresce a partir da camada de baixo, entao explodir o --gap empurra o\n topo pra fora da caixa (transform 3D extrapola). translateZ recentra o grupo\n e a stage ganha altura pra caber a projecao. */\n.stage.prod{ height:clamp(520px,66vw,700px); }\n.stack3d.prod{ --gap:60px; transform:rotateX(55deg) rotateZ(-45deg) translateZ(-154px); }\n/* mode: sol — camadas fora do foco apagadas */\n.layer.dim{ opacity:.22; filter:saturate(.08); box-shadow:none; }\n.legend li.dim{ opacity:.38; }\n.legend li.dim .dot{ filter:saturate(.08); }\n\n.rv{ opacity:0; transform:translateY(22px); transition:opacity .85s ease, transform .85s ease; }\n.rv.in{ opacity:1; transform:none; }\n\n@media (max-width:900px){\n .stackwrap{ grid-template-columns:1fr; }\n .stage{ height:clamp(360px,88vw,470px); margin-top:40px; }\n .stack3d{ --gap:25px; width:min(238px,60vw); }\n .stage.prod{ height:clamp(450px,110vw,580px); }\n .stack3d.prod{ --gap:40px; transform:rotateX(55deg) rotateZ(-45deg) translateZ(-105px); }\n}\n@media (max-width:560px){ h2{ font-size:clamp(25px,7vw,32px); } }\n@media (prefers-reduced-motion:reduce){\n .rv{ opacity:1; transform:none; transition:none; }\n .float{ animation:none; } .layer{ transition:none; }\n}\n`,\n\n render(d2){\n var lang = V4LANG(d2);\n var TT = STK_T();\n var t = function(k){ var v = TT[lang] && TT[lang][k]; if(v==null) v = TT.en[k]; return v==null ? k : v; };\n var esc = function(s){ return (s==null?'':String(s)).replace(/&/g,'&').replace(//g,'>'); };\n var pv = function(k){ return V4P(d2,k); };\n\n var mode = pv('mode') || 'inst';\n if(mode!=='prod' && mode!=='sol') mode = 'inst';\n\n var litRaw = pv('lit');\n var lit = [];\n if(litRaw){ var parts = litRaw.split(','); for(var a=0;a'\n + ''\n + '
'\n + logosHtml\n + ''\n + (kicker ? '
'+(idx ? ''+esc(idx)+'' : '')+''+esc(kicker)+'
' : '')\n + ''+ha+(hb ? ' '+hb+'' : '')+'
'\n + ''+leversHtml+'
'\n + ''\n + ''\n + ' '\n + '
';\n },\n\n mounted(d2, root){ V4STK_SETUP(d2, root); },\n updated(d2, root){ V4STK_SETUP(d2, root); }\n};\n\n/* ===== helpers (function declarations — hoistam) ===== */\n\nfunction V4LANG(d2){\n try{\n var s = d2.store('siteLocale');\n if(s){ var v = s.get('lang'); if(v==null) v = s.get('data.lang');\n if(v==='en'||v==='es'||v==='pt') return v; }\n }catch(e){}\n return 'pt';\n}\n\nfunction V4P(d2,k){\n var v = null;\n try{ if(d2.params && d2.params[k]!=null) v = d2.params[k]; }catch(e){}\n if(v==null){ try{ if(typeof d2.param==='function') v = d2.param(k); }catch(e){} }\n if(v==null) return '';\n return String(v).trim();\n}\n\nfunction STK_LAYERS(){\n return [\n {comp:'UI', key:'ui', c:'#5b86ff', lt:'#fff'},\n {comp:'Registry', key:'registry', c:'#ff6a4d', lt:'#fff'},\n {comp:'Media', key:'media', c:'#e8e84d', lt:'#2a2a10'},\n {comp:'ID', key:'id', c:'#4de0a1', lt:'#0c2e1f'},\n {comp:'Connect', key:'connect', c:'#4ddfe6', lt:'#0c2c30'},\n {comp:'Domain', key:'domain', c:'#ff4d9e', lt:'#fff'},\n {comp:'Rush', key:'rush', c:'#9b5cff', lt:'#fff'},\n {comp:'Cashier', key:'cashier', c:'#84e05a', lt:'#12300c'}\n ];\n}\n\nfunction STK_T(){ return {\n pt:{\n kicker:'A plataforma',\n h_a:'Tudo que o seu problema precisa.', h_b:'Num lugar só.',\n lede:'Oito componentes, uma runtime. Interface, dados, arquivos, identidade, integrações, decisão, eventos e pagamento — nascem ligados.',\n note:'Passe o mouse por qualquer camada. Cada uma é um componente com profundidade própria — e todas falam a mesma língua.',\n ly_ui:'Interfaces ricas', ly_registry:'Framework de dados', ly_media:'Arquivos e entrega',\n ly_id:'Identidade e acesso', ly_connect:'Acesso externo', ly_domain:'Lógica de negócio',\n ly_rush:'Pipeline de eventos', ly_cashier:'Pagamentos'\n },\n en:{\n kicker:'The platform',\n h_a:'Everything your problem needs.', h_b:'In one place.',\n lede:'Eight components, one runtime. Interface, data, files, identity, integrations, decision, events and payment — born connected.',\n note:'Hover any layer. Each one is a component with its own depth — and all of them speak the same language.',\n ly_ui:'Rich user interfaces', ly_registry:'Data framework', ly_media:'Storage and delivery',\n ly_id:'Identity and access', ly_connect:'External access', ly_domain:'Business logic',\n ly_rush:'Event pipeline', ly_cashier:'Payments'\n },\n es:{\n kicker:'La plataforma',\n h_a:'Todo lo que tu problema necesita.', h_b:'En un solo lugar.',\n lede:'Ocho componentes, un runtime. Interfaz, datos, archivos, identidad, integraciones, decisión, eventos y pago — nacen conectados.',\n note:'Pasa el mouse por cualquier capa. Cada una es un componente con profundidad propia — y todas hablan el mismo idioma.',\n ly_ui:'Interfaces ricas', ly_registry:'Framework de datos', ly_media:'Archivos y entrega',\n ly_id:'Identidad y acceso', ly_connect:'Acceso externo', ly_domain:'Lógica de negocio',\n ly_rush:'Pipeline de eventos', ly_cashier:'Pagos'\n }\n}; }\n\nfunction V4STK_SETUP(d2, root){\n var host = root.querySelector('.v4stk');\n if(!host) return;\n\n try{\n var io = new IntersectionObserver(function(es){\n es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n }, {threshold:.12});\n Array.prototype.slice.call(root.querySelectorAll('.rv')).forEach(function(el){ io.observe(el); });\n }catch(e){\n Array.prototype.slice.call(root.querySelectorAll('.rv')).forEach(function(el){ el.classList.add('in'); });\n }\n\n try{\n d2.on(host, 'click', function(e){\n var a = e.target.closest('[data-nav]'); if(!a) return;\n var h = a.getAttribute('data-href'); if(!h) return;\n e.preventDefault();\n try{ d2.state.path = h; }catch(_){}\n try{ d2.router('site_router').goTo(h); }catch(_){}\n });\n }catch(e){}\n\n var layers = Array.prototype.slice.call(root.querySelectorAll('.layer'));\n var rows = Array.prototype.slice.call(root.querySelectorAll('.legend li'));\n function raise(comp, on){\n for(var i=0;i'\n + ''\n + '
'\n + ''\n + '
'+(idx ? ''+esc(idx)+'' : '')+''+esc(t('kicker'))+'
'\n + ''+esc(title)+' '+esc(titleb)+'
'\n + ''+esc(lede)+'
'\n + ''\n + ''\n + ''\n + '
'\n + ''+layersHtml+'
- '+legendHtml+'
'+esc(t('note'))+'
'+esc(head)+'
- ';\n for(var i=0;i
'\n + ''\n + '![\"\"](\"'+esc(img)+'\")
'\n + ''\n + ' '\n + '
';\n },\n\n mounted(d2, root){ V4SPL_SETUP(d2, root); },\n updated(d2, root){ V4SPL_SETUP(d2, root); }\n};\n\n/* ===== helpers (function declarations — hoistam) ===== */\n\nfunction V4LANG(d2){\n try{\n var s = d2.store('siteLocale');\n if(s){ var v = s.get('lang'); if(v==null) v = s.get('data.lang');\n if(v==='en'||v==='es'||v==='pt') return v; }\n }catch(e){}\n return 'pt';\n}\n\nfunction V4P(d2,k){\n var v = null;\n try{ if(d2.params && d2.params[k]!=null) v = d2.params[k]; }catch(e){}\n if(v==null){ try{ if(typeof d2.param==='function') v = d2.param(k); }catch(e){} }\n if(v==null) return '';\n return String(v).trim();\n}\n\nfunction SPL_T(){ return {\n pt:{ ha:'Não é um kit de peças.', hb:'É uma peça só.' },\n en:{ ha:'It is not a kit of parts.', hb:'It is a single piece.' },\n es:{ ha:'No es un kit de piezas.', hb:'Es una sola pieza.' }\n}; }\n\nfunction V4SPL_SETUP(d2, root){\n var host = root.querySelector('.v4spl');\n if(!host) return;\n\n try{\n var io = new IntersectionObserver(function(es){\n es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n }, {threshold:.12});\n Array.prototype.slice.call(root.querySelectorAll('.rv')).forEach(function(el){ io.observe(el); });\n }catch(e){\n Array.prototype.slice.call(root.querySelectorAll('.rv')).forEach(function(el){ el.classList.add('in'); });\n }\n\n try{\n d2.on(host, 'click', function(e){\n var a = e.target.closest('[data-nav]'); if(!a) return;\n var h = a.getAttribute('data-href'); if(!h) return;\n e.preventDefault();\n try{ d2.state.path = h; }catch(_){}\n try{ d2.router('site_router').goTo(h); }catch(_){}\n });\n }catch(e){}\n}\n"}},"img":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"img"}}}},"ha":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"ha"}}}},"hb":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"hb"}}}},"side":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"side"}}}},"idx":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"idx"}}}}}}}}}},{"_id":"6a8351d171265fd4aa3032ff","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"v4_cta","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; }\n*{ box-sizing:border-box; margin:0; padding:0; }\n.v4cta{\n --paper:#eeeeea; --ink:#16171a; --faint:#63656a; --hair:#d4d4ce;\n --dark:#0a0b0d; --dtext:#ecedea; --dfaint:#8f9197; --dhair:#26282c;\n --worm:linear-gradient(180deg,#9b5cff,#5b86ff,#4ddfe6,#4de0a1,#84e05a,#e8e84d,#ff6a4d,#ff4d9e);\n --grot:'Helvetica Neue',Helvetica,Arial,sans-serif;\n --mono:'SF Mono',ui-monospace,Menlo,Consolas,monospace;\n position:relative; width:100%; font-family:var(--grot); line-height:1.5;\n -webkit-font-smoothing:antialiased; overflow-x:clip;\n}\n.frame{ max-width:1220px; margin:0 auto; padding:clamp(64px,10vh,124px) clamp(24px,4.6vw,58px); position:relative; z-index:5; }\n.display{ font-weight:200; letter-spacing:-.018em; font-size:clamp(40px,6.6vw,96px); line-height:1.02; text-wrap:balance; }\n.display b{ font-weight:700; display:block; }\n.paper{ background:var(--paper); color:var(--ink); }\n\n.btn{\n appearance:none; border:0; cursor:pointer; font-family:var(--grot); font-size:14.5px; font-weight:600;\n padding:15px 26px; border-radius:999px; background:var(--dtext); color:var(--dark); transition:transform .2s, opacity .2s;\n}\n.btn:hover{ transform:translateY(-2px); } .btn:active{ transform:none; }\n.paper .btn{ background:var(--ink); color:var(--paper); }\n\n.close{ text-align:center; }\n.close .display{ max-width:none; }\n.close .sub{ margin-top:24px; font-size:clamp(15px,1.4vw,18px); color:var(--faint); }\n.close .btnrow{ margin-top:36px; display:flex; justify-content:center; gap:14px; flex-wrap:wrap; }\n\n.rv{ opacity:0; transform:translateY(22px); transition:opacity .85s ease, transform .85s ease; }\n.rv.in{ opacity:1; transform:none; }\n\n@media (max-width:560px){ .display{ font-size:clamp(32px,9vw,44px); } }\n@media (prefers-reduced-motion:reduce){ .rv{ opacity:1; transform:none; transition:none; } }\n`,\n\n render(d2){\n var lang = V4LANG(d2);\n var TT = CTA_T();\n var t = function(k){ var v = TT[lang] && TT[lang][k]; if(v==null) v = TT.en[k]; return v==null ? k : v; };\n var esc = function(s){ return (s==null?'':String(s)).replace(/&/g,'&').replace(//g,'>'); };\n var pv = function(k){ return V4P(d2,k); };\n\n var ha = pv('ha') || t('ha');\n var hb = pv('hb') || t('hb');\n var sub = pv('sub') || t('sub');\n var btn = pv('btn') || t('btn');\n var href = pv('href') || '/empresa/contato';\n\n return ''\n + ''\n + '
'\n + ''+esc(ha)+' '+esc(hb)+'
'\n + (idx ? ''+esc(idx)+'' : '')\n + ''\n + ''\n + ' '\n + '
';\n },\n\n mounted(d2, root){ V4CTA_SETUP(d2, root); },\n updated(d2, root){ V4CTA_SETUP(d2, root); }\n};\n\n/* ===== helpers (function declarations — hoistam) ===== */\n\nfunction V4LANG(d2){\n try{\n var s = d2.store('siteLocale');\n if(s){ var v = s.get('lang'); if(v==null) v = s.get('data.lang');\n if(v==='en'||v==='es'||v==='pt') return v; }\n }catch(e){}\n return 'pt';\n}\n\nfunction V4P(d2,k){\n var v = null;\n try{ if(d2.params && d2.params[k]!=null) v = d2.params[k]; }catch(e){}\n if(v==null){ try{ if(typeof d2.param==='function') v = d2.param(k); }catch(e){} }\n if(v==null) return '';\n return String(v).trim();\n}\n\nfunction CTA_T(){ return {\n pt:{ ha:'Traga o problema.', hb:'Devolvemos rodando.',\n sub:'Começa com trinta minutos, sem roteiro de vendas.', btn:'Trazer um problema' },\n en:{ ha:'Bring the problem.', hb:'We hand it back running.',\n sub:'It starts with thirty minutes, no sales script.', btn:'Bring a problem' },\n es:{ ha:'Trae el problema.', hb:'Te lo devolvemos funcionando.',\n sub:'Empieza con treinta minutos, sin guion de ventas.', btn:'Traer un problema' }\n}; }\n\nfunction V4CTA_SETUP(d2, root){\n var host = root.querySelector('.v4cta');\n if(!host) return;\n\n try{\n var io = new IntersectionObserver(function(es){\n es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n }, {threshold:.12});\n Array.prototype.slice.call(root.querySelectorAll('.rv')).forEach(function(el){ io.observe(el); });\n }catch(e){\n Array.prototype.slice.call(root.querySelectorAll('.rv')).forEach(function(el){ el.classList.add('in'); });\n }\n\n try{\n d2.on(host, 'click', function(e){\n var a = e.target.closest('[data-nav]'); if(!a) return;\n var h = a.getAttribute('data-href'); if(!h) return;\n e.preventDefault();\n try{ d2.state.path = h; }catch(_){}\n try{ d2.router('site_router').goTo(h); }catch(_){}\n });\n }catch(e){}\n}\n"}},"ha":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"ha"}}}},"hb":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"hb"}}}},"sub":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"sub"}}}},"btn":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"btn"}}}},"href":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"href"}}}}}}}}}},{"_id":"6a835306809f62e448262c48","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"v4_shell","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"export default {\n css: `\n:host{ display:block; width:100%; }\n*{ box-sizing:border-box; }\n.v4sh{\n --paper:#eeeeea; --ink:#16171a; --faint:#63656a; --hair:#d4d4ce;\n --dark:#0a0b0d; --dtext:#ecedea; --dfaint:#8f9197; --dhair:#26282c;\n --worm:linear-gradient(180deg,#9b5cff,#5b86ff,#4ddfe6,#4de0a1,#84e05a,#e8e84d,#ff6a4d,#ff4d9e);\n --grot:'Helvetica Neue',Helvetica,Arial,sans-serif;\n --mono:'SF Mono',ui-monospace,Menlo,Consolas,monospace;\n position:relative; width:100%; background:var(--dark); color:var(--dtext);\n font-family:var(--grot); line-height:1.5; -webkit-font-smoothing:antialiased; overflow-x:clip;\n}\n/* the worm seam belongs to the PAGE, not to each fold — one continuous rail */\n.v4seam{ position:absolute; left:0; top:0; bottom:0; width:2px; background:var(--worm); z-index:60; pointer-events:none; }\n/* film grain — page chrome, one layer over the whole document */\n.v4sh::after{\n content:\"\"; position:absolute; inset:0; pointer-events:none; z-index:59; opacity:.05; mix-blend-mode:overlay;\n background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E\");\n}\n.v4main{ position:relative; display:block; width:100%; padding-top:var(--barH,66px); }\n@media (max-width:1080px){ .v4main{ padding-top:60px; } }\n\n.soon{ background:var(--dark); color:var(--dtext); min-height:62vh; display:flex; align-items:center; }\n.soon .fr{ max-width:1220px; margin:0 auto; padding:clamp(64px,10vh,124px) clamp(24px,4.6vw,58px); width:100%; }\n.soon .kk{ font-family:var(--grot); font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--dfaint); }\n.soon h2{ font-weight:200; font-size:clamp(30px,4.2vw,52px); letter-spacing:-.014em; line-height:1.08; margin:20px 0 0; max-width:20ch; }\n.soon h2 b{ font-weight:700; display:block; }\n.soon .rt{ margin-top:24px; font-family:var(--mono); font-size:12px; color:var(--dfaint); }\n.soon .bk{ margin-top:32px; display:inline-block; font-size:14.5px; font-weight:600; padding:14px 24px; border-radius:999px;\n background:var(--dtext); color:var(--dark); cursor:pointer; border:0; font-family:var(--grot); }\n`,\n\n render(d2){\n var path = V4_PATH(d2);\n var hit = V4_MATCH(path);\n var body;\n if(hit){\n var p = { slug: hit.slug || '' };\n body = d2.render('www@'+hit.ref, p, {key:'pg_'+hit.ref, style:'display:block;width:100%'});\n } else {\n body = V4_SOON(d2, path);\n }\n return ''\n + ''\n + '
'\n + ''\n + '
'\n + ''+esc(ha)+' '+esc(hb)+'
'\n + ''+esc(sub)+'
'\n + ''\n + ''\n + ''\n + d2.render('www@nav_v4', {}, {key:'v4nav', style:'display:block;width:100%'})\n + '' + body + ' '\n + d2.render('www@v4_footer', {}, {key:'v4ft', style:'display:block;width:100%'})\n + '
';\n },\n\n mounted(d2, root){ V4_WIRE(d2, root); },\n updated(d2, root){ V4_WIRE(d2, root); }\n};\n\n/* ---------- helpers (function declarations hoist) ---------- */\n\nfunction V4_PATH(d2){\n var p = '';\n try{ var r = d2.router('site_router'); if(r && r.path) p = r.path; }catch(e){}\n if(!p){ try{ p = d2.state.path || ''; }catch(e){} }\n if(!p) p = '/';\n p = String(p).split('?')[0].split('#')[0];\n if(p.length > 1 && p.charAt(p.length-1) === '/') p = p.slice(0, -1);\n return p || '/';\n}\n\n/* static allowlist — d2.render of an unknown ref does NOT throw, it renders empty */\nfunction V4_STATIC(){\n return {\n '/': 'v4_home',\n '/plataforma': 'v4_plataforma',\n '/plataforma/como-funciona': 'v4_comofunciona',\n '/plataforma/data-framework': 'v4_dataframework',\n '/plataforma/agent-native': 'v4_agentnative',\n '/plataforma/data2-lang': 'v4_data2lang',\n '/produtos': 'v4_produtos',\n '/consultoria': 'v4_consultoria',\n '/industrias': 'v4_industrias',\n '/casos': 'v4_casos',\n '/precos': 'v4_precos',\n '/recursos': 'v4_recursos',\n '/empresa': 'v4_empresa',\n '/empresa/carreiras': 'v4_carreiras',\n '/empresa/contato': 'v4_contato'\n };\n}\n\n/* dynamic segments — the shell extracts the slug and passes it as a declared scalar */\nfunction V4_DYN(){\n return [\n { pre: '/produtos/', ref: 'v4_produto' },\n { pre: '/industrias/', ref: 'v4_industria' },\n { pre: '/casos/', ref: 'v4_caso' }\n ];\n}\n\n/* only refs that ACTUALLY exist render; everything else falls to the \"soon\" state */\nfunction V4_BUILT(){\n return { v4_home: 1 };\n}\n\nfunction V4_MATCH(path){\n var built = V4_BUILT();\n var st = V4_STATIC();\n if(Object.prototype.hasOwnProperty.call(st, path)){\n var r = st[path];\n return built[r] ? { ref: r, slug: '' } : null;\n }\n var dyn = V4_DYN();\n for(var i=0;i'\n + '
' + esc(t('k')) + '
'\n + '' + esc(t('ha')) + '' + esc(t('hb')) + '
'\n + '' + esc(path) + '
'\n + ''\n + '0'+i+'
'\n + ''+esc(t('s'+i+'t'))+'
'\n + ''+esc(t('s'+i+'w'))+'
'\n + ''+esc(t('s'+i+'d'))+'
'\n + ''\n + '
'\n + (kicker ? '
'+(idx ? ''+esc(idx)+'' : '')+''+esc(kicker)+'
' : '')\n + ''+ha+(hb ? ' '+hb+'' : '')+'
'\n + ''+steps+'
'\n + (under ? ''+under+'
' : '')\n + ''+esc(nome)+'
'\n + ''+esc(man)+'
';\n }\n\n return ''\n + ''\n + '
'\n + (kicker ? '
'+(idx ? ''+esc(idx)+'' : '')+''+esc(kicker)+'
' : '')\n + ''+ha+(hb ? ' '+hb+'' : '')+'
'\n + ''+html+'
'\n + ''\n + '
';\n },\n\n mounted(d2, root){ R1_SETUP(d2, root); MF_INIT(d2, root); PROD_SETUP(d2, root); },\n updated(d2, root){ R1_SETUP(d2, root); MF_INIT(d2, root); PROD_SETUP(d2, root); }\n};\n\nfunction R1_SETUP(d2, root){\n var host = root.querySelector('.r1');\n if(!host) return;\n try{\n var io = new IntersectionObserver(function(es){\n es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n }, {threshold:.1});\n Array.prototype.slice.call(root.querySelectorAll('.rv')).forEach(function(el){ io.observe(el); });\n }catch(e){\n Array.prototype.slice.call(root.querySelectorAll('.rv')).forEach(function(el){ el.classList.add('in'); });\n }\n try{\n d2.on(host, 'click', function(e){\n var a = e.target.closest('[data-nav]'); if(!a) return;\n var h = a.getAttribute('data-href'); if(!h) return;\n e.preventDefault();\n try{ d2.state.path = h; }catch(_){}\n try{ d2.router('site_router').goTo(h); }catch(_){}\n });\n }catch(e){}\n}\n\nfunction MF_HTML(){\n return ''\n\n + ''\n + ' '\n\n + ''\n\n + ''\n + ' '\n\n + '
'\n + MF_HTML()\n + '' + ICONRING() + SIGMARK() + '
'\n\n + 'Plataforma + time de especialistas
'\n + 'Lead the Change in your Industry.
'\n + 'Seu time de negócio no comando da tecnologia — de forma segura, governável e observável.
'\n + 'De bancos de dados em tempo real a IA multicanal — WhatsApp, telefone, web.'\n + 'De integrações complexas a agentes autônomos. Simples, rápido, barato e seguro.
'\n + ''\n + ''\n + ''\n + '
'\n + '◆ Prefere construir com a gente? Nosso time de especialistas entra junto com o seu — até o seu time evoluir sozinho. Saiba mais
'\n + ''+chipsHtml+'
'\n + 'A plataforma, em componentes
'\n + 'Um só sistema — do banco de dados ao agente autônomo — pra que seu time construa e evolua sozinho.
'\n + ''+dotsHtml+'
'\n + ''+detailHtml+'
'\n + ''\n + ''\n + ''\n + ''\n + ''\n + '
';\n}\n\nfunction MF_HEX(){ return ['#5b86ff','#ff6a4d','#e8e84d','#4de0a1','#4ddfe6','#ff4d9e','#9b5cff','#84e05a']; }\n\nfunction MF_BEATS(){ return [\n {t:\"Change is not an option anymore.\", emph:true},\n {t:\"You can say change is not safe.\"},\n {t:\"Or the masses won't change that fast.\"},\n {t:\"But you're wrong. And you know that.\"},\n {t:\"Change scares people. It makes them freeze.\"},\n {t:\"That's why sometimes you prefer to cheat yourself.\"},\n {t:\"New markets are being created —\"},\n {t:\"faster than old markets are being destroyed.\"},\n {t:\"The world is changing fast.\"},\n {t:\"It's harder. But it doesn't need to be a bad thing.\"},\n {t:\"The world is becoming more horizontal, fragmented and distributed.\"},\n {t:\"Expanding its frontiers at an exponential rate.\"},\n {t:\"Heading to a 10 billion population scalability problem.\"},\n {t:\"There is no less truth in the future. No less transparency.\"},\n {t:\"Our information is already out of our control.\"},\n {t:\"Most of it is being delegated to machines you don't know how to control.\"},\n {t:\"You think you should use computers to solve your problems.\"},\n {t:\"When in fact, organisations use you to solve problems through computers.\"},\n {t:\"Software is not relevant anymore. It's all about the amount of users the providers control.\"},\n {t:\"Be a user. Be used.\", emph:true},\n {t:\"It's our current scalability framework — and from now on,\"},\n {t:\"or at least for you, it will always be.\"},\n {t:\"You can't control the code. You can't control the world.\"},\n {t:\"We could be wiring the world's neurons — and together, we would become more conscious.\"},\n {t:\"Everyone's frequency. Just one pulse.\"},\n {t:\"You know what? We're not going to have less change.\"},\n {t:\"We are not going to be less conscious.\"},\n {t:\"We gonna break the walls.\", emph:true},\n {t:\"Everyone could also be a provider.\"},\n {t:\"Everyone could also be playing actively.\"},\n {t:\"Creating relevant messages, products,\"},\n {t:\"and services for a world\"},\n {t:\"where truth is measured.\"},\n {t:\"Helping everyone to adopt and thrive, in order to assist the future.\"},\n {t:\"Rising for something new, aligned with the world we want to live in.\"},\n {t:\"Disrupting the software.\"},\n {t:\"Providing development.\"},\n {t:\"For the rest of us.\", emph:true}\n]; }\n\nfunction MF_INIT(d2, root){\n var overlay = root.querySelector('[data-mf]');\n if(!overlay || overlay.__mfBound) return;\n overlay.__mfBound = true;\n var wash = overlay.querySelector('[data-mfwash]');\n var txt = overlay.querySelector('[data-mftxt]');\n var staticEl = overlay.querySelector('[data-mfstatic]');\n var closeBtn = overlay.querySelector('[data-mfclose]');\n var chg = root.querySelector('.chg');\n var HEX = MF_HEX();\n var BEATS = MF_BEATS();\n var timers = [];\n var running = false;\n var reduce = false;\n try{ reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches; }catch(e){}\n\n function clearTimers(){ timers.forEach(function(id){ clearTimeout(id); }); timers = []; }\n function esc(s){ return String(s).replace(/&/g,'&').replace(//g,'>'); }\n function sizeFor(t){\n var len = t.length;\n if(len<=18) return 'clamp(28px,5.2vw,68px)';\n if(len<=34) return 'clamp(23px,4.2vw,52px)';\n if(len<=55) return 'clamp(20px,3.3vw,42px)';\n if(len<=80) return 'clamp(17px,2.7vw,34px)';\n return 'clamp(15px,2.2vw,28px)';\n }\n function holdFor(t, emph){\n var words = t.trim().split(/\\s+/).length;\n var base = 260 + words*45;\n if(emph) base = base*1.3;\n return Math.max(340, Math.min(base, 900));\n }\n function pauseFor(emph){ return emph ? 220 : 140; }\n function hexA(hex, a){\n var r = parseInt(hex.slice(1,3),16), g = parseInt(hex.slice(3,5),16), b = parseInt(hex.slice(5,7),16);\n return 'rgba('+r+','+g+','+b+','+a+')';\n }\n\n function openOverlay(){\n overlay.classList.add('on');\n overlay.setAttribute('aria-hidden','false');\n try{ document.body.style.overflow = 'hidden'; }catch(e){}\n }\n function closeOverlay(){\n running = false;\n clearTimers();\n overlay.classList.remove('on');\n overlay.setAttribute('aria-hidden','true');\n overlay.style.background = '';\n try{ document.body.style.overflow = ''; }catch(e){}\n }\n\n function playStatic(){\n txt.style.display = 'none';\n staticEl.style.display = 'block';\n staticEl.innerHTML = BEATS.map(function(b){ return ''+esc(b.t)+'
'; }).join('');\n }\n\n function playBeats(){\n txt.style.display = 'block';\n staticEl.style.display = 'none';\n var i = 0;\n function showNext(){\n if(!running || !overlay.isConnected) return;\n if(i >= BEATS.length){ timers.push(setTimeout(closeOverlay, 220)); return; }\n var b = BEATS[i]; i++;\n var whiteBg = (i % 2 === 1);\n var bg = whiteBg ? '#f2f0ea' : '#0b0b0c';\n var fg = whiteBg ? '#0b0b0c' : '#f2f0ea';\n var hold = holdFor(b.t, b.emph);\n var pause = pauseFor(b.emph);\n txt.textContent = b.t;\n txt.style.fontSize = sizeFor(b.t);\n txt.style.color = fg;\n txt.style.opacity = '1';\n overlay.style.background = bg;\n timers.push(setTimeout(function(){\n if(!txt.isConnected) return;\n txt.style.opacity = '0';\n }, hold));\n timers.push(setTimeout(showNext, hold + pause));\n }\n showNext();\n }\n\n function start(){\n if(running) return;\n running = true;\n openOverlay();\n if(reduce) playStatic(); else playBeats();\n }\n\n try{ d2.on(chg, 'click', function(e){ e.preventDefault(); start(); }); }catch(e){}\n try{ d2.on(closeBtn, 'click', function(e){ e.preventDefault(); closeOverlay(); }); }catch(e){}\n try{ d2.on(overlay, 'click', function(e){ if(e.target === overlay) closeOverlay(); }); }catch(e){}\n try{ d2.on(document, 'keydown', function(e){ if(e.key === 'Escape' && overlay.classList.contains('on')) closeOverlay(); }); }catch(e){}\n}\n\nfunction PROD_DATA(){ return [\n {k:'ui', name:'UI', c:'var(--c1)', tag:'Interfaces ricas', blurb:'Toda tela do seu produto — sem escrever HTML, CSS ou gerenciar estado à mão.', use:['Painéis internos','Portais de cliente','Apps multiplataforma'], feats:[\n 'Telas e fluxos completos, sem escrever HTML/CSS do zero',\n 'Componentes reativos que atualizam com os dados em tempo real',\n 'Layouts responsivos para desktop, tablet e mobile',\n 'Prototipagem e produção no mesmo lugar — sem handoff pra dev'\n ]},\n {k:'registry', name:'Registry', c:'var(--c2)', tag:'Dados e catálogo', blurb:'O banco de dados do seu negócio, com estrutura, busca e histórico prontos de fábrica.', use:['Catálogos','CRM','Cadastros mestres'], feats:[\n 'Bancos de dados estruturados, com tipos e validação nativa',\n 'Busca semântica — encontra por significado, não só por palavra exata',\n 'Relacionamentos entre tabelas, sem escrever SQL',\n 'Versionamento e histórico de cada registro'\n ]},\n {k:'media', name:'Media', c:'var(--c3)', tag:'Arquivos e entrega', blurb:'Todo arquivo — documento, imagem, vídeo — armazenado, versionado e entregue rápido em qualquer lugar.', use:['Galeria de produto','Documentos','Geração de imagem'], feats:[\n 'Upload, armazenamento e organização de arquivos e documentos',\n 'Entrega via CDN, rápida em qualquer região',\n 'Geração de imagem por IA, sob demanda',\n 'Controle de versões e histórico de cada arquivo'\n ]},\n {k:'id', name:'ID', c:'var(--c4)', tag:'Identidade e acesso', blurb:'Quem pode ver o quê, com login, papéis e trilha de auditoria prontos desde o primeiro dia.', use:['Login e SSO','Permissões','Compliance'], feats:[\n 'Login, permissões e papéis de acesso configuráveis',\n 'Autenticação própria ou integrada (SSO, redes sociais)',\n 'Trilha de auditoria — quem fez o quê, e quando',\n 'Políticas de acesso por dado, não só por tela'\n ]},\n {k:'connect', name:'Connect', c:'var(--c5)', tag:'Integrações externas', blurb:'A ponte com qualquer sistema — legado, SaaS ou API nova — sem reescrever o que já funciona.', use:['ERP e SAP','Webhooks','APIs de parceiro'], feats:[\n 'Chama qualquer API externa — REST, webhook, e-mail',\n 'Conecta com sistemas legados sem trocar o que já existe',\n 'Eventos em tempo real via socket',\n 'Autenticação e segredos gerenciados com segurança'\n ]},\n {k:'domain', name:'Domain', c:'var(--c6)', tag:'IA e lógica de negócio', blurb:'A camada de decisão do seu negócio — agentes que entendem contexto, decidem com o porquê e explicam a resposta.', use:['Atendimento por IA','Recomendação','Automação de decisão'], feats:[\n 'Decide com o porquê — cada decisão fica registrada e auditável',\n 'Voz, texto, imagem e visão — multimodal, nativo',\n 'Busca o que importa antes de responder',\n 'Streaming em tempo real, milhares de tokens por segundo'\n ]},\n {k:'rush', name:'Rush', c:'var(--c7)', tag:'Eventos e automação', blurb:'O motor de tempo real — cada evento do seu negócio dispara a reação certa, na hora certa.', use:['Pipelines de agentes','Rotinas agendadas','Automação de processo'], feats:[\n 'Reage a eventos do seu negócio no instante em que acontecem',\n 'Agendamentos e rotinas recorrentes',\n 'Pipelines de agentes autônomos, com regras que você audita',\n 'Cada execução com log completo'\n ]},\n {k:'cashier', name:'Cashier', c:'var(--c8)', tag:'Pagamentos', blurb:'Cobrança, conciliação e repasse — o dinheiro do seu negócio rastreado até o centavo.', use:['Assinaturas','Marketplace','Conciliação financeira'], feats:[\n 'Cobrança, assinatura e repasse, processados uma vez só',\n 'Conciliação automática, com a origem de cada centavo',\n 'Integração com os principais gateways de pagamento',\n 'Trilha de auditoria financeira completa'\n ]}\n]; }\n\nfunction PROD_DETAIL_HTML(p){\n var esc = function(s){ return (s==null?'':String(s)).replace(/&/g,'&').replace(//g,'>'); };\n var feats = p.feats.map(function(f){ return ''+esc(p.name)+''+esc(p.tag)+'
'\n + ''+esc(p.blurb||'')+'
'\n + '- '+use+'
- '+feats+'
'+html+'
';\n}\n\nfunction SIGMARK(){\n return '';\n}\n"}}}}}}}},{"_id":"6ace6cc858509f165b22f282","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"kDataInAWrap","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Deck \"Data² in a wrap\" (apresentação institucional, outubro 2026).\n// O módulo completo (CSS + slides + notas) vive no drive `assets` e é carregado em runtime.\n// Para editar: apresentacao-data2/data2-in-a-wrap/ → python3 build.py → subir wrap.js no drive assets\n// e trocar o SRC abaixo → publicar.\nconst SRC='https://www.data2.media/file/-dfk3Q6XDuIZgUeRsEd5J'\nlet MOD=null, LOADING=null, BOOTED=false\n\nfunction load(){\n if(!LOADING){\n LOADING=fetch(SRC,{cache:'no-cache'})\n .then(r=>r.text())\n .then(code=>import(URL.createObjectURL(new Blob([code],{type:'text/javascript'}))))\n .then(m=>{ MOD=m.default; return MOD })\n }\n return LOADING\n}\n\nexport default {\n css:`:host{display:block}\n .ld{height:100vh;height:100svh;background:#0E1220;display:flex;align-items:center;justify-content:center;\n font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.6)}`,\n render(d2){\n if(!d2.state.ready||!MOD) return 'loading
'\n return ''+MOD.render(d2)\n },\n mounted(d2){\n load().then(()=>{\n d2.state.ready=1\n // preview do builder (data2.qa) já exige login de builder: pula o gate\n try{ if(/\\.data2\\.qa$/.test(location.hostname)) d2.state.unlocked=true }catch(e){}\n setTimeout(()=>{ if(!BOOTED){ BOOTED=true; MOD.mounted(d2) } },0)\n }).catch(()=>{})\n },\n updated(d2){\n if(BOOTED&&MOD&&MOD.updated) MOD.updated(d2)\n }\n}\n"}}}}}}}},{"_id":"6adf6f09580bb624d299d483","component":"data2-core-types@Component","system":"618d6a444e43970b360badd6","params":{"extends":"data2-core-primitives@Block","component":"ns26-site","package":"www","definition":{"preventEvaluation":true,"component":"data2-core-types@Definition","params":{"def":{"component":"data2-code-components@CodeHost","params":{"code":{"component":"data2-core-primitives@String","params":{"content":"// Novo site 2026 (fase 1): a home de apresentacao-data2/data2-deck/home inteira, num iframe.\n// O HTML vive no Drive ns26-files; `src` é a URL dele, ligada na instância.\n// Para atualizar: python3 data2-deck/tools/deploy_ns26.py → subir site-ns26.html no Drive → trocar `src` → publicar.\n// O hash da página (#/customers/bluma, #/platform/rush…) vai e volta entre o app e o iframe.\nexport default {\n css: `:host{display:block;width:100%;height:100%}\n .wrap{position:relative;width:100%;height:100vh;height:100dvh;background:#0B0C10}\n iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}\n .ld{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;\n font:11px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.55)}\n .ld[hidden]{display:none}`,\n render(d2) {\n return `Data²
\n\n \n \n
`\n }\n}"}}}}}}}},{"_id":"5ed9bed7b9e0891ce913e884","component":"data2-core-types@Component","params":{"package":"data2-core","component":"DataSource","renderable":{"dimensions":{"disabled":false,"component":"data2-core-types@Dimensions","params":{"width":1366,"exactWidth":false,"exactHeight":false,"height":768}}}}},{"_id":"5f472ae463c680de4ff296e9","component":"data2-core-types@Component","params":{"package":"data2-core","component":"Data2TableDataSource","extends":"data2-core@DataSource","renderable":{"dimensions":{"disabled":false,"component":"data2-core-types@Dimensions","params":{"width":1366,"exactWidth":false,"exactHeight":false,"height":768}}}}}]}},{"reference":"ExternalComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"_id":"5f060d9b1ca96def42f3c40a","displayName":"Builder AuthStrategy","component":"data2-core@AuthenticationStrategy","system":"5e3b796d6228227ca637d0f4","params":{"credentials":[{"component":"data2-core-types@DataSetColumnReference","params":{"column":"email"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"password"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"status"}}],"verifier":{"component":"data2-core-types@DataSetReference","params":{"reference":"UsersDataSet"}},"sessionShared":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"password":{"disabled":false,"component":"data2-core-types@DataSetColumnReference","params":{"column":"password"}},"email":{"disabled":false,"component":"data2-core-types@DataSetColumnReference","params":{"column":"email"}},"resetPassword":{"resetEmail":{"artboard":{"params":{"preventEvaluation":true,"reference":"nR6Q9d7qdaPtZhJ28Q8Dy"},"component":"data2-core-types@ArtboardReference"}},"resetSuccessEmail":{"artboard":{"params":{"preventEvaluation":true,"reference":"yPCJBTKo8q1Mw0B_3Kpwl"},"component":"data2-core-types@ArtboardReference"}}},"session":[{"component":"data2-core-types@DataSetColumnReference","params":{"column":"name"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"email"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"password"}},{"component":"data2-core-types@DataSetColumnReference","params":{"column":"status"}}],"sessionMetadata":{"params":{"actions":[{"params":{"compare":{"params":{"subject":{"params":{"components":[{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user._id"}}}},{"params":{"comparisonSubject":{"component":"data2-core-primitives@String","params":{"content":"active"}},"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user.status"}}}}},"component":"data2-core-comparison-operators@Equal","displayName":"is active user"}]},"component":"data2-core-logical-operators@And","displayName":"is active and has _id"}},"component":"data2-core-logical-operators@Not"},"then":{"params":{"message":{"component":"data2-core-primitives@String","params":{"content":"Invalid Credentials"}},"code":{"component":"data2-core-primitives@String","params":{"content":"401"}}},"component":"data2-core-types@Error"}},"component":"data2-core-flow@If","displayName":"check $user"},{"params":{"action":{"params":{"pattern":{"component":"data2-core-primitives@String","params":{"content":"@data2.app"}},"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user.email"}}}}},"component":"data2-core-functions@Includes","displayName":"isData2User"},"resultName":{"component":"data2-core-primitives@String","params":{"content":"is_data2_user"}}},"component":"data2-core-flow@Step"},{"params":{"action":{"params":{"pattern":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.d2_app"}}}},"subject":[{"component":"data2-core-primitives@String","params":{"content":"management"}}]},"component":"data2-core-functions@Includes","displayName":"isData2App Exception"},"resultName":{"component":"data2-core-primitives@String","params":{"content":"is_data2_app_exception"}}},"component":"data2-core-flow@Step"},{"params":{"resultName":{"component":"data2-core-primitives@String","params":{"content":"has_access"}},"action":{"params":{"compare":{"params":{"components":[{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"is_data2_user"}}}},{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"is_data2_app_exception"}}}}]},"component":"data2-core-logical-operators@Or"},"else":{"params":{"actions":[{"params":{"actions":[{"params":{"compare":{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}},"component":"data2-core-logical-operators@Not"},"then":{"params":{"message":{"component":"data2-core-primitives@String","params":{"content":"Invalid Credentials"}},"code":{"component":"data2-core-primitives@String","params":{"content":"401"}}},"component":"data2-core-types@Error"}},"component":"data2-core-flow@If","displayName":"check $metadata.system"},{"params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"WuUa-VKHhW9uYU0E3-mJ8"}},"prop":"filter","args":[{"_id":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}}]},"component":"data2-core-types@Interaction"},{"params":{"compare":{"params":{"subject":{"component":"data2-core-types@Getter","params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"WuUa-VKHhW9uYU0E3-mJ8"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records.length"}}}}},"component":"data2-core-logical-operators@Not","displayName":"systems not found"},"then":{"params":{"message":{"component":"data2-core-primitives@String","params":{"content":"Invalid Credentials"}},"code":{"component":"data2-core-primitives@String","params":{"content":"401"}}},"component":"data2-core-types@Error"}},"component":"data2-core-flow@If","displayName":"check system found"},{"params":{"actions":[{"params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":"filter","args":[{"user":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user._id"}}}},"organization":{"component":"data2-core-types@Getter","params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"WuUa-VKHhW9uYU0E3-mJ8"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"cursor.current.organization._id"}}}}}]},"component":"data2-core-types@Interaction"},{"params":{"module":{"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"NqKAY34n2ffFL64zamp7t"}},"prop":"filter","args":[{"user":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$user._id"}}}},"system":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}}]},"component":"data2-core-types@Interaction"}]},"component":"data2-core-flow@Parallel"}]},"component":"data2-core-flow@Series","displayName":"common setup"},{"params":{"then":{"params":{"content":true},"component":"data2-core-primitives@Boolean"},"else":{"params":{"content":false},"component":"data2-core-primitives@Boolean"},"compare":{"params":{"components":{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"WuUa-VKHhW9uYU0E3-mJ8"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"mapper":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"system"}}],"body":{"params":{"expression":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.visibility"}}}},"defaultCase":{"params":{"content":false},"component":"data2-core-primitives@Boolean"},"cases":[{"component":"data2-core-flow@Case","params":{"expression":{"component":"data2-core-primitives@String","params":{"content":"public"}},"value":{"params":{"components":[{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"member"}}],"body":{"params":{"components":[{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.organization._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.organization._id"}}}}},"component":"data2-core-comparison-operators@Equal","displayName":"is org member"},{"params":{"pattern":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.role"}}}},"subject":[{"component":"data2-core-primitives@String","params":{"content":"owner"}},{"component":"data2-core-primitives@String","params":{"content":"billing-owner"}},{"component":"data2-core-primitives@String","params":{"content":"admin"}},{"component":"data2-core-primitives@String","params":{"content":"member"}}]},"component":"data2-core-functions@Includes","displayName":"has role with access"}]},"component":"data2-core-logical-operators@And","displayName":"has org member role with access"}}}},"component":"data2-core-functions@ArrayFind","displayName":"is org member"},{"params":{"components":[{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"member"}}],"body":{"params":{"components":[{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.organization._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.organization._id"}}}}},"component":"data2-core-comparison-operators@Equal","displayName":"is org member"},{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.role"}}}},"comparisonSubject":{"component":"data2-core-primitives@String","params":{"content":"collaborator"}}},"component":"data2-core-comparison-operators@Equal","displayName":"is collaborator"}]},"component":"data2-core-logical-operators@And","displayName":"is org member and collaborator"}}}},"component":"data2-core-functions@ArrayFind","displayName":"is collaborator"},{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"NqKAY34n2ffFL64zamp7t"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"access"}}],"body":{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"access.system._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system._id"}}}}},"component":"data2-core-comparison-operators@Equal"}}}},"component":"data2-core-functions@ArrayFind","displayName":"has system access"}]},"component":"data2-core-logical-operators@And","displayName":"is collaborator and has system access"}]},"component":"data2-core-logical-operators@Or"}}},{"component":"data2-core-flow@Case","params":{"expression":{"component":"data2-core-primitives@String","params":{"content":"private"}},"value":{"params":{"components":[{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"member"}}],"body":{"params":{"components":[{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.organization._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.organization._id"}}}}},"component":"data2-core-comparison-operators@Equal","displayName":"is org member"},{"params":{"pattern":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.role"}}}},"subject":[{"component":"data2-core-primitives@String","params":{"content":"owner"}},{"component":"data2-core-primitives@String","params":{"content":"admin"}}]},"component":"data2-core-functions@Includes","displayName":"is owner/admin"}]},"component":"data2-core-logical-operators@And","displayName":"has org member role with access"}}}},"component":"data2-core-functions@ArrayFind","displayName":"is owner/admin"},{"params":{"components":[{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"Ok6Tsu5XkS7r8PyW_7TyW"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"member"}}],"body":{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"member.organization._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system.organization._id"}}}}},"component":"data2-core-comparison-operators@Equal"}}}},"component":"data2-core-functions@ArrayFind","displayName":"is org member"},{"params":{"array":{"params":{"module":{"disabled":false,"component":"data2-core-types@InteractiveModuleReference","params":{"reference":"NqKAY34n2ffFL64zamp7t"}},"prop":{"component":"data2-core-primitives@String","params":{"content":"data.records"}}},"component":"data2-core-types@Getter"},"filter":{"disabled":false,"component":"data2-core-functions@Function","params":{"parameters":[{"component":"data2-core-primitives@String","params":{"content":"access"}}],"body":{"params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"access.system._id"}}}},"comparisonSubject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"system._id"}}}}},"component":"data2-core-comparison-operators@Equal"}}}},"component":"data2-core-functions@ArrayFind","displayName":"has system access"}]},"component":"data2-core-logical-operators@And","displayName":"is member and has system access"}]},"component":"data2-core-logical-operators@Or","displayName":"is owner/admin or has system access"}}}]},"component":"data2-core-flow@Switch"}}}},"component":"data2-core-functions@ArrayMap"}},"component":"data2-core-logical-operators@And","displayName":"has org member for all systems in request"}},"component":"data2-core-flow@If"}]},"component":"data2-core-flow@Series"},"then":{"params":{"content":true},"component":"data2-core-primitives@Boolean"}},"component":"data2-core-flow@If"}},"component":"data2-core-flow@Step"},{"params":{"then":{"component":"data2-core-flow@If","displayName":"management exception never picks the system","params":{"compare":{"component":"data2-core-logical-operators@Or","params":{"components":[{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"is_data2_user"}}}},{"component":"data2-core-logical-operators@Not","params":{"subject":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"is_data2_app_exception"}}}}}}]}},"then":{"system":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}},"else":{"d2_app":"management"}}},"else":{"params":{"message":{"component":"data2-core-primitives@String","params":{"content":"Invalid Credentials"}},"code":{"component":"data2-core-primitives@String","params":{"content":"401"}}},"component":"data2-core-types@Error"},"compare":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"has_access"}}}}},"component":"data2-core-flow@If"}]},"component":"data2-core-flow@Series"},"sessionExpiresIn":{"component":"data2-core-primitives@Number","params":{"content":604800}},"sessionRenewal":{"component":"data2-core-primitives@Boolean","params":{"content":true}},"identityProviders":[{"provider":{"component":"data2-core-primitives@String","params":{"content":"GOOGLE"}},"clientId":{"component":"data2-core-primitives@String","params":{"content":"55470861603-22pvfc1t49lp8cjnbfk71s5ct9hp1q1v.apps.googleusercontent.com"}}}]},"reference":"Data2BuilderAuthentication","updatedAt":"2026-10-19T16:23:02.013Z","updateMetadata":{"updatedBy":{"user":"5f1609be1ca96def427e1559"}}},{"_id":"5f060ee51ca96def42f3fbd1","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"UsersTableDataSource"}},"pagination":{"size":{"component":"data2-core-primitives@Number","params":{"content":1}}}},"reference":"UsersDataSet","updatedAt":"2026-03-04T21:16:40.291Z"},{"component":"data2-core@DataSet","reference":"SessionsDataSet","params":{"requiresConfirmation":false,"pk":"key","datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"data2sessionsdatasource"}}}},{"component":"data2-core@ServerSessionsDataSource","reference":"data2sessionsdatasource","params":{}},{"reference":"UsersTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"_id":"5f1600b70528b92601890f75","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ServiceComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"policies":{"params":{"allowGet":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2@hkXy-UhMjhyfptdE6_fpW"}},"reference":"ServiceComponentInstancesDataSet","updatedAt":"2025-11-06T21:07:20.208Z","createdAt":"2020-07-20T20:38:15.436Z"},{"_id":"5f1602190528b92601890f7d","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"pagination":{"size":40000},"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ComponentInstancesTableDataSource"}},"sort":{"_id":1},"pk":"_id","autoEdit":true,"master":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"policies":{"params":{"allowGet":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2@hkXy-UhMjhyfptdE6_fpW"}},"reference":"ComponentInstancesDataSet","updatedAt":"2025-11-06T21:07:07.089Z","createdAt":"2020-07-20T20:44:09.350Z"},{"_id":"5f16017f0528b92601890f7a","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"FileComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"filter":{"domain":{"component":"data2-core-types@Reference","params":{"reference":"clientApplicationDomain"}}},"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}}},"reference":"FileComponentInstancesDataSet","updatedAt":"2023-08-03T16:08:18.193Z","createdAt":"2020-07-20T20:41:35.797Z"},{"_id":"5f1601990528b92601890f7b","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ApplicationsTableDataSource"}},"pk":"_id","autoEdit":{"component":"data2-core-primitives@Boolean","params":{"content":true}},"master":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"params":{"column":"_id"},"component":"data2-core-types@DataSetColumnReference"}},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}}},"reference":"ApplicationsDataSet","updatedAt":"2022-12-13T21:51:13.995Z","createdAt":"2020-07-20T20:42:01.657Z"},{"_id":"5f16172a0528b92601890f85","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"pagination":{"size":{"component":"data2-core-primitives@Number","params":{"content":10000}}},"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"DataComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"policies":{"params":{"allowGet":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2@hkXy-UhMjhyfptdE6_fpW"}},"reference":"DataComponentInstancesDataSet","updatedAt":"2025-11-06T21:07:12.831Z","createdAt":"2020-07-20T22:14:02.097Z"},{"_id":"60ddc1bbda3861ca65407c5a","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"FileComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"filter":{"domain":{"component":"data2-core-types@Reference","params":{"reference":"clientApplicationDomain"}}},"pagination":{"size":1},"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"}},"reference":"OneFileComponentInstancesDataSet","updatedAt":"2022-02-09T19:44:38.036Z","createdAt":"2020-07-20T20:41:35.797Z"},{"_id":"63ee3d38b8c9838c62fb05fb","displayName":"DriveFileComponentInstancesDataSet","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"FileComponentInstancesTableDataSource"}},"pk":"_id","autoEdit":true,"filter":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core@Drive"}}},"master":{"params":{"dataset":{"component":"data2-core-types@DataSetReference","params":{"reference":"SystemsDataSet"}},"localField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"system"}},"masterField":{"component":"data2-core-types@DataSetColumnReference","params":{"column":"_id"}}},"component":"data2-core-types@DataSetMaster"},"autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}}},"reference":"DriveFileComponentInstancesDataSet","updatedAt":"2025-12-04T21:58:32.367Z","createdAt":"2023-02-16T14:27:07.797Z"},{"reference":"ServiceComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6a734b1d61dfc4fe11022b66","component":"data2-core-ai@Assistant","reference":"homeAskExec","system":"618d6a444e43970b360badd6","params":{"model":"cerebras","_context":"Você é a Data² respondendo no site institucional para um TOMADOR DE DECISÃO (C-level, VP, diretor de área) de uma grande organização, sob pressão de resultado. Responda SEMPRE em português do Brasil, em no máximo 4 frases curtas, tom executivo, confiante e sóbrio. LIDERE pelo RESULTADO DE NEGÓCIO: o que dá para resolver, a alavanca (número quando houver) e em quanto tempo entra em produção. A tecnologia é razão-para-acreditar, nunca a manchete — só cite runtime/plataforma en passant se ajudar a explicar velocidade, segurança ou propriedade do ativo. NUNCA use jargão de engenharia na superfície (nada de \"é só uma linha\", \"deploy\", \"rush handler\", IDs). Modelo mental da Data²: engenheiros embarcam no time do cliente por sprints de 2 a 4 semanas e entregam o sistema rodando em produção — e a plataforma continua do cliente (own-your-data). Capacidades e alavancas REAIS que você pode citar: Contact Center/CX (+100k contatos/dia, −85% de tickets, −50% no tempo de resolução, URA conversacional + handoff humano com dossiê); Varejo (+20% de conversão, cadastro de SKU de dias para minutos, busca por intenção, try-on sob demanda); Financeiro (conciliação de horas para minutos, R$15M conciliados por mês, transações idempotentes e auditáveis); Seguros (triagem FNOL de horas para minutos, +26pp de satisfação, lê CNH/laudo/foto); Vendas (pergunta vira lista de ação em segundos, escala para milhares de vendedores); BI/Dados (dashboard sob demanda em segundos, resposta em texto/gráfico/tabela). Sempre feche convidando a \"falar com engenharia\" para desenhar o caso específico. Se perguntarem algo fora de escopo, traga de volta para o resultado de negócio que a Data² move.","premisses":"Máximo 4 frases. Sem markdown, sem listas, sem bullet, sem emojis. Texto corrido, direto. Sempre em pt-BR.","creativity":35,"maxTokens":320}},{"_id":"6a79f7b497585404f85830a6","component":"data2-rush@HTTPListener","reference":"idenergy-deck-save-lead","system":"618d6a444e43970b360badd6","params":{}}]}},{"reference":"ComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6a73451e17369143d78126ac","component":"data2-core-primitives@Router","system":"618d6a444e43970b360badd6","displayName":"Site Router (Fase 0)","params":{"routerType":{"component":"data2-core-primitives@String","params":{"content":"browser"}},"routes":[{"component":"data2-core-primitives@Route","params":{"path":"","name":"Data² — Nós entramos como time. Você fica com a plataforma.","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/plataforma","name":"Plataforma · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/plataforma/como-funciona","name":"Como funciona · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/plataforma/data-framework","name":"Data Framework · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/plataforma/agent-native","name":"Agent-native · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/plataforma/data2-lang","name":"data2-lang · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/plataforma/runtimes/rush","name":"Componente Rush · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/plataforma/runtimes/connect","name":"Componente Connect · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/plataforma/runtimes/domain","name":"Componente Domain · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/produtos","name":"Produtos · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/industrias","name":"Indústrias · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/industrias/:slug","name":"Indústria · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/casos","name":"Casos · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/casos/:slug","name":"Caso · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/consultoria","name":"Consultoria · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/precos","name":"Preços · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/empresa","name":"Empresa · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/empresa/carreiras","name":"Carreiras · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/empresa/contato","name":"Contato · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}},{"component":"data2-core-primitives@Route","params":{"path":"/recursos","name":"Recursos · Data²","content":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}}}],"notFound":{"component":"data2-core-types@ArtboardReference","params":{"reference":"Vwvn76DjtPZpeBW7IJHhp"}}},"reference":"site_router"},{"_id":"6adf87e9e6f57ff91621c725","component":"data2-core-primitives@Artboard","system":"618d6a444e43970b360badd6","displayName":"Bento — status novo site 2026","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Bento — status novo site 2026"}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":900}},"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0}}},"reference":"ciqqUQel6WHp4oiUdD16K"},{"_id":"6a7b130d68641501c2dc67c5","component":"data2-core-primitives@Artboard","system":"618d6a444e43970b360badd6","displayName":"Site Shell — Modular (preview)","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Site Shell — Modular (preview)"}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":900}},"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0}}},"reference":"Vwvn76DjtPZpeBW7IJHhp"},{"_id":"bf6f918f949a8b022cc9eb84","parent":"6adf87e9e6f57ff91621c725","component":"data2-core-primitives@Block","system":"618d6a444e43970b360badd6","displayName":"base (garante o Block no bundle)","params":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":false,"top":true,"bottom":false}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1,"height":1}}},"index":0,"reference":"APc_OGdXfDTbBEnKYPZGJ"},{"_id":"33984ca29c2796e65a98f978","parent":"6adf87e9e6f57ff91621c725","component":"www@ns26-bento-status","system":"618d6a444e43970b360badd6","displayName":"Bento status","params":{"super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":900}}}},"reference":"85s-jC19gP0LcsJA6YVmq"},{"_id":"b5fbb91b9a40d130aa3e14d6","parent":"6a7b130d68641501c2dc67c5","component":"www@site-shell-v3","system":"618d6a444e43970b360badd6","displayName":"site-shell-v3 (full-bleed)","params":{"super":{"position":{"component":"data2-core-types@Position","params":{"x":0,"y":0,"freeTransform":true,"left":true,"right":true,"top":true,"bottom":true}},"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1440,"height":900}}}},"reference":"ZkyOu_jqpAFgbuEW94Onv"}]}},{"_id":"5fc4faeec8da12be8bf3d08a","component":"data2-core@Data2TableDataSource","system":"5e3b796d6228227ca637d0f4","params":{"paginate":{"default":1000},"super":{},"table":"fileComponentInstances","schema":[{"component":"data2-core-types@Field","params":{"key":"component","title":"Component","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"system","title":"System","component":"data2-core-primitives@ObjectId"}},{"component":"data2-core-types@Field","params":{"key":"displayName","title":"Display Name","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"params","title":"Params","component":"data2-core-primitives@Object"}},{"component":"data2-core-types@Field","params":{"key":"reference","title":"Reference","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"fileId"}},"title":"File ID","component":"data2-core-primitives@ObjectId"},"break":true}],"hooks":{"before":{"all":[{"hook":"softDelete"}],"find":[{"hook":"useCache","options":{"additionalGroupKeys":["$and.0.system","$and.1.system"],"skipCache":true}}],"create":[{"hook":"timestamp","options":{"fields":["createdAt","updatedAt"]}}],"update":[{"hook":"timestamp","options":{"fields":["updatedAt"]}}],"patch":[{"hook":"timestamp","options":{"fields":["updatedAt"]}}]},"after":{"all":[{"hook":"fileUrl","options":{"downloadField":"params.fileUrl","uploadField":"params.uploadFileUrl","enhanceSchema":false}}],"find":[{"hook":"useCache","options":{"additionalGroupKeys":["$and.0.system","$and.1.system"],"skipCache":true}}],"create":[{"hook":"invalidateCache","options":{"additionalGroupKeys":["system"],"secondaryUniqueKeys":["reference"]}},{"hook":"invalidateEnvCache"}],"update":[{"hook":"invalidateCache","options":{"additionalGroupKeys":["system"],"secondaryUniqueKeys":["reference"]}},{"hook":"invalidateEnvCache"}],"patch":[{"hook":"invalidateCache","options":{"additionalGroupKeys":["system"],"secondaryUniqueKeys":["reference"]}},{"hook":"invalidateEnvCache"}],"remove":[{"hook":"invalidateCache","options":{"additionalGroupKeys":["system"],"secondaryUniqueKeys":["reference"]}},{"hook":"invalidateEnvCache"}]}},"multi":["create"],"useEstimatedDocumentCount":true},"reference":"FileComponentInstancesTableDataSource","updatedAt":"2022-12-19T20:42:51.837Z","createdAt":"2020-11-30T13:59:52.294Z"},{"reference":"ApplicationsTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6adf8807e6f57ff91621c78b","displayName":"Bento — status novo site 2026","reference":"CA5aO643Wr7VOFsVxvlaD","params":{"domain":{"component":"data2-core-primitives@String","params":{"content":"ns26-bento"}},"entryPoint":{"component":"data2-core-types@ComponentInstanceReference","params":{"component":"data2-core-primitives@Artboard","reference":"ciqqUQel6WHp4oiUdD16K"}}},"system":"618d6a444e43970b360badd6","component":"data2-core-primitives@Application"}]}},{"reference":"DataComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6a7343246c45fa6e94b7b4ed","component":"data2-core@DataSet","system":"618d6a444e43970b360badd6","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"cms-nav-items"}}},"reference":"cms-nav-itemsDataSet"},{"_id":"6a7342da4c1485462235570a","component":"data2-core@DataSet","system":"618d6a444e43970b360badd6","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"cms-products"}}},"reference":"cms-productsDataSet"},{"_id":"6a734374b0472fdf04c082f4","component":"data2-core@DataSet","system":"618d6a444e43970b360badd6","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"cms-industries"}}},"reference":"cms-industriesDataSet"},{"_id":"6a7342e00894fbd99c706020","component":"data2-core@DataSet","system":"618d6a444e43970b360badd6","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"cms-runtimes"}}},"reference":"cms-runtimesDataSet"},{"_id":"6a734319e3cbf7803583824e","component":"data2-core@DataSet","system":"618d6a444e43970b360badd6","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"cms-cases"}}},"reference":"cms-casesDataSet"},{"_id":"6a73430ca9d7cf0ea9961e9d","component":"data2-core@DataSet","system":"618d6a444e43970b360badd6","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"cms-home-sections"}}},"reference":"cms-home-sectionsDataSet"},{"_id":"6a7342e5d96c6ac4372286ea","component":"data2-core@DataSet","system":"618d6a444e43970b360badd6","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"cms-levers"}}},"reference":"cms-leversDataSet"},{"_id":"6a73432ba9d7cf0ea9961ed4","component":"data2-core@DataSet","system":"618d6a444e43970b360badd6","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"cms-logos"}}},"reference":"cms-logosDataSet"},{"_id":"6a7348b517369143d78134fe","component":"data2-core@Store","system":"618d6a444e43970b360badd6","params":{"initialData":{"used":0,"max":4}},"reference":"homeAskStore"},{"_id":"6a7342ea4c14854622355750","component":"data2-core@DataSet","system":"618d6a444e43970b360badd6","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"cms-settings"}}},"reference":"cms-settingsDataSet"},{"_id":"6a7b7ab256bee0ef230ce270","component":"data2-core@Store","system":"618d6a444e43970b360badd6","params":{"initialData":{"lang":"pt"}},"reference":"siteLocale"},{"_id":"6a734324d89cbcf805017444","component":"data2-core@Data2TableDataSource","system":"618d6a444e43970b360badd6","params":{"table":"cms-nav-items","schema":[{"component":"data2-core-types@Field","params":{"key":"label","title":"Label","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"href","title":"Href","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"grupo","title":"Grupo","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"parent","title":"Parent","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"kind","title":"Tipo (top/mega/footer)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"ordem","title":"Ordem","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"label_en","title":"Label (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"label_es","title":"Label (ES)","component":"data2-core-primitives@String"}}]},"reference":"cms-nav-items"},{"_id":"6a7342da6c45fa6e94b7b430","component":"data2-core@Data2TableDataSource","system":"618d6a444e43970b360badd6","params":{"table":"cms-products","schema":[{"component":"data2-core-types@Field","params":{"key":"key","title":"Key","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"name","title":"Nome","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"tagline","title":"Tagline","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"description","title":"Descrição","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"accent","title":"Cor de acento","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"status","title":"Status","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"ordem","title":"Ordem","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"name_en","title":"Nome (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"name_es","title":"Nome (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"tagline_en","title":"Tagline (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"tagline_es","title":"Tagline (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"description_en","title":"Descrição (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"description_es","title":"Descrição (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"provas","title":"Provas de escala","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"provas_en","title":"Provas de escala (EN)","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"provas_es","title":"Provas de escala (ES)","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"capacidades","title":"Capacidades","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"capacidades_en","title":"Capacidades (EN)","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"capacidades_es","title":"Capacidades (ES)","component":"data2-core-primitives@Array"}}]},"reference":"cms-products"},{"_id":"6a7343748e9bf46a533c181c","component":"data2-core@Data2TableDataSource","system":"618d6a444e43970b360badd6","params":{"table":"cms-industries","schema":[{"component":"data2-core-types@Field","params":{"key":"slug","title":"Slug","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"name_pt","title":"Nome (PT)","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"name_en","title":"Nome (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"hue","title":"Hue (stop verme)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"dor","title":"Dor","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"oferta","title":"Oferta / o que construimos","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"capacidades","title":"Capacidades","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"produtos_runtimes","title":"Produtos / runtimes","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"alavancas","title":"Alavancas","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"caso_lastro","title":"Caso lastro (ref interna)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"ordem","title":"Ordem","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"ativo","title":"Ativo","component":"data2-core-primitives@Boolean"}},{"component":"data2-core-types@Field","params":{"key":"construimos","title":"O que construímos","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"name_es","title":"Nome (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"dor_en","title":"Dor (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"dor_es","title":"Dor (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"oferta_en","title":"Oferta (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"oferta_es","title":"Oferta (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"capacidades_en","title":"Capacidades (EN)","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"capacidades_es","title":"Capacidades (ES)","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"alavancas_en","title":"Alavancas (EN)","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"alavancas_es","title":"Alavancas (ES)","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"construimos_en","title":"O que construímos (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"construimos_es","title":"O que construímos (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"manchete","title":"Manchete (PT)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"manchete_en","title":"Manchete (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"manchete_es","title":"Manchete (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"solucoes","title":"Soluções (PT)","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"solucoes_en","title":"Soluções (EN)","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"solucoes_es","title":"Soluções (ES)","component":"data2-core-primitives@Array"}}]},"reference":"cms-industries"},{"_id":"6a7342e04c1485462235571d","component":"data2-core@Data2TableDataSource","system":"618d6a444e43970b360badd6","params":{"table":"cms-runtimes","schema":[{"component":"data2-core-types@Field","params":{"key":"key","title":"Key","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"name","title":"Nome","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"papel","title":"Papel","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"description","title":"Descrição","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"accent","title":"Cor de acento","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"ordem","title":"Ordem","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"papel_en","title":"Papel (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"papel_es","title":"Papel (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"description_en","title":"Descrição (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"description_es","title":"Descrição (ES)","component":"data2-core-primitives@String"}}]},"reference":"cms-runtimes"},{"_id":"6a7343198e9bf46a533c164c","component":"data2-core@Data2TableDataSource","system":"618d6a444e43970b360badd6","params":{"table":"cms-cases","schema":[{"component":"data2-core-types@Field","params":{"key":"slug","title":"Slug","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"cliente_setor","title":"Cliente / setor (rótulo)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"desafio","title":"Desafio","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"alavanca","title":"Alavanca","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"industria","title":"Indústria (slug)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"publico","title":"Público","component":"data2-core-primitives@Boolean"}},{"component":"data2-core-types@Field","params":{"key":"ordem","title":"Ordem","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"feito","title":"O que foi feito","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"contexto","title":"Contexto","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"resultado","title":"Resultado","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"duracao","title":"Duração","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"stack","title":"Stack (componentes)","component":"data2-core-primitives@Array"}},{"component":"data2-core-types@Field","params":{"key":"cliente_setor_en","title":"Cliente/setor (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"cliente_setor_es","title":"Cliente/setor (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"desafio_en","title":"Desafio (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"desafio_es","title":"Desafio (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"alavanca_en","title":"Alavanca (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"alavanca_es","title":"Alavanca (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"feito_en","title":"O que foi feito (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"feito_es","title":"O que foi feito (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"contexto_en","title":"Contexto (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"contexto_es","title":"Contexto (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"resultado_en","title":"Resultado (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"resultado_es","title":"Resultado (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"duracao_en","title":"Duração (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"duracao_es","title":"Duração (ES)","component":"data2-core-primitives@String"}}]},"reference":"cms-cases"},{"_id":"6a73430c4c1485462235579e","component":"data2-core@Data2TableDataSource","system":"618d6a444e43970b360badd6","params":{"table":"cms-home-sections","schema":[{"component":"data2-core-types@Field","params":{"key":"sid","title":"ID","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"eyebrow","title":"Eyebrow","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"headline","title":"Headline","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"subhead","title":"Subhead","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"cta_label","title":"CTA label","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"cta_href","title":"CTA href","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"tipo","title":"Tipo / motivo visual","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"ordem","title":"Ordem","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"ativo","title":"Ativo","component":"data2-core-primitives@Boolean"}},{"component":"data2-core-types@Field","params":{"key":"eyebrow_en","title":"Eyebrow (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"eyebrow_es","title":"Eyebrow (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"headline_en","title":"Headline (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"headline_es","title":"Headline (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"subhead_en","title":"Subhead (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"subhead_es","title":"Subhead (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"cta_label_en","title":"CTA label (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"cta_label_es","title":"CTA label (ES)","component":"data2-core-primitives@String"}}]},"reference":"cms-home-sections"},{"_id":"6a7342e5d89cbcf8050173bd","component":"data2-core@Data2TableDataSource","system":"618d6a444e43970b360badd6","params":{"table":"cms-levers","schema":[{"component":"data2-core-types@Field","params":{"key":"valor","title":"Valor","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"unidade","title":"Unidade","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"label","title":"Label","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"placeholder","title":"É placeholder","component":"data2-core-primitives@Boolean"}},{"component":"data2-core-types@Field","params":{"key":"ordem","title":"Ordem","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"label_en","title":"Label (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"label_es","title":"Label (ES)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"unidade_en","title":"Unidade (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"unidade_es","title":"Unidade (ES)","component":"data2-core-primitives@String"}}]},"reference":"cms-levers"},{"_id":"6a73432bf0d3eb70f15cb942","component":"data2-core@Data2TableDataSource","system":"618d6a444e43970b360badd6","params":{"table":"cms-logos","schema":[{"component":"data2-core-types@Field","params":{"key":"name","title":"Nome interno","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"label","title":"Rótulo (setor)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"industria","title":"Indústria (slug)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"logo","title":"Arquivo do logo","component":"data2-core-types@File"}},{"component":"data2-core-types@Field","params":{"key":"publico","title":"Público","component":"data2-core-primitives@Boolean"}},{"component":"data2-core-types@Field","params":{"key":"ordem","title":"Ordem","component":"data2-core-primitives@Number"}},{"component":"data2-core-types@Field","params":{"key":"fileUrl","title":"URL do arquivo","component":"data2-core-primitives@String"}}]},"reference":"cms-logos"},{"_id":"6a7342eae3cbf780358381b8","component":"data2-core@Data2TableDataSource","system":"618d6a444e43970b360badd6","params":{"table":"cms-settings","schema":[{"component":"data2-core-types@Field","params":{"key":"key","title":"Key","component":"data2-core-primitives@String","required":true}},{"component":"data2-core-types@Field","params":{"key":"value","title":"Valor","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"label","title":"Descrição","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"grupo","title":"Grupo","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"value_en","title":"Valor (EN)","component":"data2-core-primitives@String"}},{"component":"data2-core-types@Field","params":{"key":"value_es","title":"Valor (ES)","component":"data2-core-primitives@String"}}]},"reference":"cms-settings"}]}},{"reference":"BundlesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}}],"processesParams":{}}}}www · workspace \"novo site 2026\"
Status do novo site Data²
${chip('Rascunho', 'warn')}${chip('EN + PT')}${chip('Atualizado 26 out 2026')}
\n\n\n \n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n
\n\nHero01
\n Data²ChallengesPlatformCustomersSpecialistsPricingLearnEN · PTLog inSign up
\n Ordem da home · ${SECTIONS.length} seções
${SECTIONS.map((s, i) => `${String(i + 1).padStart(2, '0')}${s}`).join('')}
Data² · Disrupting Software Development
\n Build your own anything.
\nData² is the platform for the disruption of enterprise software.
\nStart buildingTalk to salesWhy Data²
\n ${['Data²', 'Cases', 'Build', 'Specialists'].map((t, i) => `0${i + 1}${t}`).join('')}Simpler. Better. Faster. Yours.
\n Em números
\n \n
\n 11seções na home
\n 16módulos de código
\n 31arquivos no Drive
\n 3cases com vídeo
\n 8produtos da plataforma
\n 10indústrias no footer
\n Versões
\n \n \n \n \n
\n Home monolíticaHTML único, ~300 KB
Home modularshell + 16 componentes
Previews de produtoapp separado
Atenção técnica
\n Só roda no .next
\nCode components renderizam no player QA (.next.data2.app) e aparecem como tela preta no player de produção. Definir o caminho de publicação antes de apontar o www.
\nManifesto02
\n We scaled almost everything with software. Except building software itself.
\n- \n
- 01Este ano, todo mundo viu.Agentes reconstruindo suítes e jogos inteiros a partir do código.\n
- 02Construir ficou barato. Rodar continua difícil.Dados governados, identidade, políticas, integrações.\n
- 03Fazemos isso pra enterprise desde 2020.Onde o software dos times e dos agentes roda de verdade.\n
Start from the challenge03
\n Configurador em frase: \"We're in [indústria], our [área] team needs to [resolver]\". Exemplos:
\n\n ${CHALLENGES.map(([t, s, c]) => ``).join('')}\n
\n ${t}${s}
${c ? chip('Case · ' + c, 'ok') : ''}Cada card mostra os sistemas que cruza e o KPI que mexe. Depois vem a demo de logística: torre de rastreio + agente de WhatsApp feitos pela operação num sprint.
\nClientes04
\n \n
\n AramisProvador virtual em casa
\n BlumaBem-estar em escala
\n TEMPO by PorscheTodos os sistemas num hub
\n Duas formas de construir05
\n \n
\n BuilderPra quem tem o problema. Tabelas, telas, agentes e políticas num lugar só.
\n MCPPra devs e times de dados, via Claude Code, Cursor ou qualquer cliente MCP.
\n $ claude mcp add data2 --transport http <ENDPOINT>\n Plataforma · oito produtos, uma base06
\n ${PRODUCTS.map(([n, d]) => `
\n ${n}${d}
`).join('')}${['VTEX', 'HubSpot', 'Twilio', 'WhatsApp', 'Google Sheets', 'GitHub', 'Discord', 'WordPress'].map(x => chip(x)).join('')}
\n Specialists07
\n Your team in the software loop.
\nForward deployed engineering em sprints, dentro do ambiente governado do cliente.
\nPricing08
\n Start small. Pay for what runs.
\n${['Sem setup', 'Pay as you go', 'Sem infra', 'Free trial'].map(x => chip(x)).join('')}
\n ${chip('Planos e valores pendentes', 'warn')}\n Logos de clientes09
\n ${LOGOS.map(x => chip(x)).join('')}
\n ${chip('Arquivos dos logos a confirmar', 'warn')}\n Pendências antes de publicar${PENDING.length}
\n - ${PENDING.map(p => `
- ${p} `).join('')}