{"context":{"domain":"babi-bvv"},"layers":{"ApplicationLayer":{"reference":"ApplicationLayer","availableInstances":[{"reference":"ComponentsDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"component":"data2-core@DataSet","reference":"SystemsDataSet","params":{"filter":{"domain":"data2"},"pagination":{"size":1},"datasource":{"component":"data2-core-types@ProcessReference","params":{"reference":"SystemsDataSource"}}}},{"reference":"ExternalComponentInstancesDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"reference":"SystemsDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"5e3b796d6228227ca637d0f4","name":"data2","domain":"data2","organization":"62292184611f480b3191c37c","visibility":"public","updatedAt":"2026-07-27T14:19:36.810Z"}]}},{"reference":"OrganizationsDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"reference":"DataComponentInstancesDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"component":"data2-core@DataSet","reference":"OneFileComponentInstancesDataSet","params":{"pagination":{"size":1},"master":{"dataset":{"component":"data2-core-types@ProcessReference","params":{"reference":"SystemsDataSet"}},"localField":"system","masterField":"_id"},"datasource":{"component":"data2-core-types@ProcessReference","params":{"reference":"FileComponentInstancesDataSource"}}}},{"reference":"ApplicationsDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"reference":"ComponentInstancesDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"reference":"ServiceComponentInstancesDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"component":"data2-core@Data2TableDataSource","reference":"FileComponentInstancesDataSource","params":{"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@MemoryDataSource","reference":"EmptyDataSource","params":{"initialData":[]}},{"reference":"ComponentsDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}},{"reference":"UserComponentsDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}},{"reference":"DataComponentInstancesDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}},{"reference":"ServiceComponentInstancesDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}},{"reference":"ComponentInstancesDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}},{"reference":"ExternalComponentInstancesDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}},{"reference":"ApplicationsDataSet","component":"data2-core@DataSet","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"EmptyDataSource"}}}}],"processesParams":{}},"HostApplicationLayer":{"reference":"HostApplicationLayer","availableInstances":[{"_id":"5f15ff190528b92601890f71","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"SystemsTableDataSource"}},"filter":{"domain":{"component":"data2-core-types@Reference","params":{"reference":"domain"}}},"pk":"_id","fields":[{"component":"data2-core-types@FieldReference","params":{"key":"_id"}},{"component":"data2-core-types@FieldReference","params":{"key":"name"}},{"component":"data2-core-types@FieldReference","params":{"key":"domain"}},{"component":"data2-core-types@FieldReference","params":{"key":"visibility"}},{"component":"data2-core-types@FieldReference","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"customDomains"}}},"break":true},{"component":"data2-core-types@FieldReference","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"organization._id"}}},"break":true},{"component":"data2-core-types@FieldReference","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"organization.name"}}},"break":true},{"component":"data2-core-types@FieldReference","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"organization.billingStatus"}}},"break":true},{"component":"data2-core-types@FieldReference","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"organization.publicTrial.active"}}},"break":true},{"component":"data2-core-types@FieldReference","params":{"key":{"component":"data2-core-primitives@String","params":{"content":"settings.defaultAccessPolicy"}}},"break":true}],"pagination":{"size":{"component":"data2-core-primitives@Number","params":{"content":1}}},"staticPagination":{"size":{"component":"data2-core-primitives@Number","params":{"content":1}}},"policies":[{"component":"data2-core-auth@Policy","params":{"allow":{"params":{"actions":[{"params":{"components":[{"params":{"query":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$params.query"}}}},"field":{"component":"data2-core-primitives@String","params":{"content":"_id"}},"fieldType":"string"},"component":"data2@7KkQq0vK4a7D2gg6IVJT7"},{"params":{"query":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$params.query"}}}},"field":{"component":"data2-core-primitives@String","params":{"content":"domain"}},"fieldType":"string"},"component":"data2@7KkQq0vK4a7D2gg6IVJT7"},{"params":{"query":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$params.query"}}}},"field":{"component":"data2-core-primitives@String","params":{"content":"customDomains"}},"fieldType":"string"},"component":"data2@7KkQq0vK4a7D2gg6IVJT7"}]},"component":"data2-core-logical-operators@Or"}]},"component":"data2-core-flow@Series"}}}]},"reference":"SystemsDataSet","updatedAt":"2026-08-07T21:51:24.037Z","createdAt":"2020-07-20T20:31:21.838Z"},{"_id":"5f1601ce0528b92601890f7c","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"pagination":{"size":1000},"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ComponentsTableDataSource"}},"sort":{"params.package":1,"params.component":1},"pk":"_id","autoSelect":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"staticFilter":{"system":{"exists":{"params":{"content":false},"component":"data2-core-primitives@Boolean"}}},"filter":{"system":{"exists":{"params":{"content":false},"component":"data2-core-primitives@Boolean"}}}},"reference":"ComponentsDataSet","updatedAt":"2025-11-05T19:37:01.935Z","createdAt":"2020-07-20T20:42:54.898Z"},{"_id":"5f9041dbc8da12be8b94aea4","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"pagination":{"size":2000},"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ComponentsTableDataSource"}},"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":"UserComponentsDataSet","updatedAt":"2025-11-06T21:06:58.095Z","createdAt":"2020-07-20T20:44:09.350Z"},{"_id":"65d8c4fabc9dbb8f94de8d53","component":"data2-core@DataSet","system":"5e3b796d6228227ca637d0f4","params":{"datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"ExternalComponentInstancesTableDataSource"}},"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":"ExternalComponentInstancesDataSet","updatedAt":"2025-11-06T21:07:23.742Z","createdAt":"2024-02-23T16:17:01.816Z"},{"reference":"SystemsTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"69839b9eef25f3abf7739843","name":"BVV","domain":"babi-bvv","visibility":"private","settings":{"defaultAccessPolicy":"private"},"updatedAt":"2026-08-14T20:00:20.536Z","createdAt":"2026-02-04T19:18:54.903Z"}]}},{"reference":"ComponentsTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"5f52a278a575399a45d239b4","component":"data2-core-types@Component","params":{"package":"data2-core-primitives","component":"Router","interactions":{"component":"data2-core-types@FieldSet","params":{"fields":{"goBack":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-types@Function"}},"definition":{"component":"data2-core-functions@Function","params":{"body":{"preventEvaluation":true,"component":"data2-core-types@Getter","params":{"module":{"component":"data2-core-types@This","params":{}},"prop":"history.goBack","args":[]}}}},"icon":{"component":"data2-core-primitives@String","params":{"content":"arrow-left"}},"visibility":"public"}},"goTo":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"definition":{"component":"data2-core-functions@Function","params":{"body":{"preventEvaluation":true,"component":"data2-core-types@Getter","params":{"module":{"component":"data2-core-types@This","params":{}},"prop":"history.push","args":[{"component":"data2-core-types@Reference","params":{"reference":"url"}},{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"preserveQuery"}}}}]}},"parameters":[{"component":"data2-core-primitives@String","params":{"content":"url"}},{"component":"data2-core-primitives@String","params":{"content":"preserveQuery"}}]},"break":true},"icon":{"component":"data2-core-primitives@String","params":{"content":"share"}},"visibility":"public","arguments":[{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Path to route"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Path to redirect user"}},"visibility":"public","required":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2-core-types@ComponentParameter"},{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Boolean"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Preserve Query"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Preserve query string parameters  preserve query parameters on navigating."}},"visibility":"public","required":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2-core-types@ComponentParameter"}]}},"open":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-types@Function"}},"definition":{"component":"data2-core-functions@Function","params":{"body":{"preventEvaluation":true,"component":"data2-core-types@Getter","params":{"module":{"component":"data2-core-types@This","params":{}},"prop":"history.push","args":[{"pathname":{"component":"data2-core-types@Reference","params":{"reference":"value"}}}]}},"parameters":["value"]}},"icon":{"component":"data2-core-primitives@String","params":{"content":"share"}},"visibility":"public","arguments":[{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Link to open"}},"description":{"component":"data2-core-primitives@String","params":{"content":""}},"visibility":"public","required":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2-core-types@ComponentParameter"},{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Target"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Where to open the link"}},"visibility":"public","required":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"oneOf":[{"params":{"content":"_blank"},"component":"data2-core-primitives@String"},{"params":{"content":"_self"},"component":"data2-core-primitives@String"},{"params":{"content":"_parent"},"component":"data2-core-primitives@String"},{"params":{"content":"_top"},"component":"data2-core-primitives@String"}]},"component":"data2-core-types@ComponentParameter"}]}},"close":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-types@Function"}},"definition":{"component":"data2-core-functions@Function","params":{"body":{"preventEvaluation":true,"component":"data2-core-types@Getter","params":{"module":{"params":{},"component":"data2-core-web@Window"},"prop":"close"}},"parameters":["value"]}},"icon":{"component":"data2-core-primitives@String","params":{"content":"times"}},"visibility":"public","arguments":[{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Link to open"}},"description":{"component":"data2-core-primitives@String","params":{"content":""}},"visibility":"public","required":{"component":"data2-core-primitives@Boolean","params":{"content":true}}},"component":"data2-core-types@ComponentParameter"},{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Target"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Where to open the link"}},"visibility":"public","required":{"component":"data2-core-primitives@Boolean","params":{"content":false}},"oneOf":[{"params":{"content":"_blank"},"component":"data2-core-primitives@String"},{"params":{"content":"_self"},"component":"data2-core-primitives@String"},{"params":{"content":"_parent"},"component":"data2-core-primitives@String"},{"params":{"content":"_top"},"component":"data2-core-primitives@String"}]},"component":"data2-core-types@ComponentParameter"}],"description":{"component":"data2-core-primitives@String","params":{"content":"Closes a window that was opened via router.open."}}}}}}}}},{"_id":"620d28658271aa4129919d89","component":"data2-core-types@Component","params":{"package":"data2-interface-services","component":"DeviceController","interactions":{"params":{"fields":{"postMessage":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":"data2-core-primitives@String","title":{"component":"data2-core-primitives@String","params":{"content":"data"}}}}]},"component":"data2-core-types@ComponentParameter"},"print":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"arguments":[{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Object"}},"flat":{"component":"data2-core-primitives@Boolean","params":{"content":true}},"parameters":{"zoom":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Number"}},"title":{"component":"data2-core-primitives@String","params":{"content":"zoom"}},"visibility":"public"}}},"visibility":"public"},"component":"data2-core-types@ComponentParameter"}],"visibility":"public"},"component":"data2-core-types@ComponentParameter"},"share":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}}},"component":"data2-core-types@ComponentParameter"},"clipboard.copy":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}}}}]},"component":"data2-core-types@ComponentParameter"},"clipboard.paste":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}}}}]},"component":"data2-core-types@ComponentParameter"},"download":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"visibility":"public","arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Filename"}}}},{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Content"}}}},{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Object"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Options"}},"parameters":{"params":{"fields":{"type":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Mimetype"}}}}}},"component":"data2-core-types@FieldSet"}}}]},"component":"data2-core-types@ComponentParameter"},"downloadUrl":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"visibility":"public","arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Filename"}}}},{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Url"}}}}]},"component":"data2-core-types@ComponentParameter"},"promptFiles":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":"data2-core-primitives@Object","flat":{"component":"data2-core-primitives@Boolean","params":{"content":true}},"parameters":{"params":{"fields":{"multiple":{"component":"data2-core-types@ComponentParameter","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Multiple"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Whether or not to allow selecting multiple files"}},"component":"data2-core-primitives@Boolean"}},"acceptedFormats":{"component":"data2-core-types@ComponentParameter","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Accepted Formats"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Accepted file formats"}},"component":"data2-core-primitives@String","list":{"component":"data2-core-primitives@Boolean","params":{"content":true}}}},"timeout":{"component":"data2-core-types@ComponentParameter","params":{"title":{"component":"data2-core-primitives@String","params":{"content":"Timeout"}},"description":{"component":"data2-core-primitives@String","params":{"content":"Max milliseconds to wait for file upload"}},"component":"data2-core-primitives@Number"}}}},"component":"data2-core-types@FieldSet"}}}],"visibility":"public"},"component":"data2-core-types@ComponentParameter"},"meetingRecord":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"visibility":"public","definition":{"params":{"actions":[{"params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"meeting"}},"script":{"component":"data2-core-primitives@String","params":{"content":"(function() {\n  let mediaRecorder;\n  let audioChunks = [];\n  let combinedStream;\n  let audioContext;\n  \n  window.meetingCapture = async function() {\n    try {\n      // Solicitar acesso ao áudio da guia (e vídeo, que será ignorado depois)\n      const tabStream = await navigator.mediaDevices.getDisplayMedia({ \n        video: true, // Necessário para alguns navegadores\n        audio: true\n      });\n      \n      // Remover a trilha de vídeo\n      const tabAudioTrack = tabStream.getAudioTracks()[0];\n      \n      // Solicitar acesso ao microfone\n      const micStream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      const micAudioTrack = micStream.getAudioTracks()[0];\n      \n      // Criar um novo MediaStream com ambas as trilhas de áudio\n      combinedStream = new MediaStream([tabAudioTrack, micAudioTrack]);\n      \n      // Criar um contexto de áudio para misturar os streams\n      audioContext = new AudioContext();\n      const destination = audioContext.createMediaStreamDestination();\n      \n      // Conectar a trilha de áudio da guia\n      const tabSource = audioContext.createMediaStreamSource(new MediaStream([tabAudioTrack]));\n      tabSource.connect(destination);\n      \n      // Conectar a trilha de áudio do microfone\n      const micSource = audioContext.createMediaStreamSource(new MediaStream([micAudioTrack]));\n      micSource.connect(destination);\n      \n      // Iniciar gravação com o stream misturado\n      mediaRecorder = new MediaRecorder(destination.stream);\n      audioChunks = [];\n      mediaRecorder.ondataavailable = (e) => audioChunks.push(e.data);\n      mediaRecorder.start();\n      \n      console.log('Gravação iniciada. Chame meetingCaptureStop() para finalizar.');\n    } catch (error) {\n      console.error('Erro ao iniciar a captura:', error);\n    }\n  };\n  \n  window.meetingCaptureStop = function() {\n    return new Promise((resolve, reject) => {\n      if (!mediaRecorder) {\n        reject('Nenhuma gravação em andamento.');\n        return;\n      }\n      \n      mediaRecorder.onstop = () => {\n        const audioBlob = new Blob(audioChunks, { type: 'audio/webm' });\n        combinedStream.getTracks().forEach(track => track.stop());\n        audioContext.close();\n        \n        resolve(audioBlob);\n        console.log('Gravação finalizada. O arquivo de áudio está pronto para upload.');\n      };\n      \n      mediaRecorder.stop();\n    });\n  };\n})();"}}},"component":"data2-core-web@Script"},{"component":"data2-core-types@Getter","params":{"module":{"params":{},"component":"data2-core-web@Window"},"prop":{"component":"data2-core-primitives@String","params":{"content":"meetingCapture"}}}}]},"component":"data2-core-flow@Series"}},"component":"data2-core-types@ComponentParameter"},"meetingRecordStop":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"visibility":"public","arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Filename"}}}},{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Content"}}}},{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Object"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Options"}},"parameters":{"params":{"fields":{"type":{"component":"data2-core-types@ComponentParameter","params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@String"}},"title":{"component":"data2-core-primitives@String","params":{"content":"Mimetype"}}}}}},"component":"data2-core-types@FieldSet"}}}],"definition":{"params":{"actions":[{"component":"data2-core-types@Getter","params":{"module":{"params":{},"component":"data2-core-web@Window"},"prop":{"component":"data2-core-primitives@String","params":{"content":"meetingCaptureStop"}}}}]},"component":"data2-core-flow@Series"}},"component":"data2-core-types@ComponentParameter"},"notify":{"params":{"component":{"component":"data2-core-primitives@String","params":{"content":"data2-core-primitives@Function"}},"visibility":"private","arguments":[{"component":"data2-core-types@ComponentParameter","params":{"component":"data2-core-primitives@Object","parameters":{"title":{"params":{"component":"data2-core-primitives@String","index":{"component":"data2-core-primitives@Number","params":{"content":0}},"title":{"component":"data2-core-primitives@String","params":{"content":"title"}}},"component":"data2-core-types@ComponentParameter"},"sound":{"params":{"component":"data2-core-types@FileComponentUrlReference","index":{"component":"data2-core-primitives@Number","params":{"content":1}},"title":{"component":"data2-core-primitives@String","params":{"content":"sound"}}},"component":"data2-core-types@ComponentParameter"}},"flat":{"component":"data2-core-primitives@Boolean","params":{"content":true}}}}]},"component":"data2-core-types@ComponentParameter"}}},"component":"data2-core-types@FieldSet"}}},{"_id":"6a8f3a86bc3c4f3dff11feb2","component":"data2-core-types@Component","system":"69839b9eef25f3abf7739843","params":{"extends":"data2-core-primitives@Block","component":"BVVSite","package":"babi-bvv","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: `/* ---------- TOKENS ---------- */\n:host{\n  --bg:        #0A0A0A;\n  --bg-2:      #111110;\n  --fg:        #F2F0E8;\n  --fg-dim:    #9A988F;\n  --muted:     #5E5C55;\n  --line:      rgba(242,240,232,0.08);\n  --line-2:    rgba(242,240,232,0.16);\n\n  /* Fluorescent yellow */\n  --neon:      #E5FF00;\n  --neon-2:    #C8E000;\n  --neon-glow: 0 0 60px rgba(229,255,0,0.35);\n\n  --maxw: 1380px;\n  --gut:  clamp(20px, 4vw, 56px);\n\n  /* Vertical rhythm (section padding) */\n  --sec:    clamp(64px, 8vw, 104px);\n  --sec-lg: clamp(80px, 9.5vw, 124px);\n  --head-gap: clamp(36px, 4.5vw, 56px);\n\n  --ease: cubic-bezier(0.22, 1, 0.36, 1);\n  --ease-bounce: cubic-bezier(0.34, 1.4, 0.64, 1);\n\n  --serif:  \"Fraunces\", \"Times New Roman\", serif;\n  --italic: \"Instrument Serif\", \"Times New Roman\", serif;\n  --sans:   \"Geist\", -apple-system, BlinkMacSystemFont, sans-serif;\n  --mono:   \"Geist Mono\", ui-monospace, monospace;\n}\n\n/* ---------- BASE ---------- */\n*{box-sizing:border-box;margin:0;padding:0}\n.bv-root{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}\n.bv-root{\n  font-family:var(--sans);\n  background:var(--bg);\n  color:var(--fg);\n  font-size:16px;\n  line-height:1.55;\n  overflow-x:hidden;\n  font-feature-settings:\"ss01\",\"ss02\",\"cv11\";\n  font-optical-sizing:auto;\n}\n::selection{background:var(--neon);color:#000}\na{color:inherit;text-decoration:none}\nimg{display:block;max-width:100%}\nbutton{font:inherit;cursor:pointer;border:none;background:none;color:inherit}\n\n/* Grain overlay */\n.bv-root::before{\n  content:\"\";position:fixed;inset:0;pointer-events:none;z-index:1000;\n  opacity:.06;mix-blend-mode:overlay;\n  background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>\");\n}\n\n.shell{max-width:var(--maxw);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}\n\n/* Eyebrow label */\n.eyebrow{\n  font-family:var(--mono);\n  font-size:11px;letter-spacing:.22em;text-transform:uppercase;\n  color:var(--neon);\n  display:inline-flex;align-items:center;gap:10px;\n}\n.eyebrow::before{\n  content:\"\"; width:6px; height:6px; background:var(--neon);\n  box-shadow:var(--neon-glow);\n  border-radius:50%;\n}\n\n/* ---------- NAV ---------- */\n.nav{\n  position:fixed; top:0; left:0; right:0; z-index:90;\n  display:flex; align-items:center; justify-content:space-between;\n  padding:18px var(--gut);\n  transition:background .4s var(--ease), backdrop-filter .4s var(--ease), border-color .4s var(--ease);\n  border-bottom:1px solid transparent;\n}\n.nav.scrolled{\n  background:rgba(10,10,10,.72);\n  backdrop-filter:saturate(180%) blur(20px);\n  -webkit-backdrop-filter:saturate(180%) blur(20px);\n  border-bottom-color:var(--line);\n}\n.brand{\n  display:flex; align-items:center; gap:12px;\n  font-family:var(--serif); font-weight:500; font-size:17px;\n  letter-spacing:-0.01em;\n}\n.brand-mark{\n  width:30px; height:30px; border-radius:8px;\n  background:var(--neon);\n  display:grid; place-items:center;\n  font-family:var(--serif); font-weight:700; color:#000;\n  font-size:15px; letter-spacing:-0.02em;\n  box-shadow:0 0 0 1px rgba(229,255,0,.35), 0 0 30px rgba(229,255,0,.25);\n}\n.nav-links{display:flex; gap:32px; font-family:var(--mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase;}\n.nav-links a{color:var(--fg-dim); transition:color .25s var(--ease); position:relative}\n.nav-links a:hover{color:var(--fg)}\n.nav-links a::after{\n  content:\"\"; position:absolute; left:0; right:0; bottom:-6px; height:1px;\n  background:var(--neon); transform:scaleX(0); transform-origin:left;\n  transition:transform .35s var(--ease);\n}\n.nav-links a:hover::after{transform:scaleX(1)}\n\n.nav-cta{\n  font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase;\n  background:var(--neon); color:#000;\n  padding:10px 18px; border-radius:999px;\n  display:inline-flex; align-items:center; gap:8px;\n  transition:transform .25s var(--ease), box-shadow .35s var(--ease);\n}\n.nav-cta:hover{transform:translateY(-1px); box-shadow:var(--neon-glow)}\n.nav-cta svg{transition:transform .3s var(--ease)}\n.nav-cta:hover svg{transform:translate(2px,-2px)}\n\n@media (max-width:860px){\n  .nav-links{display:none}\n}\n\n/* ---------- HERO ---------- */\n.hero{\n  position:relative; min-height:100svh; padding-top:clamp(120px,16vh,150px); padding-bottom:var(--sec);\n}\n.hero-grid{\n  display:grid;\n  grid-template-columns:1.35fr 1fr;\n  grid-template-areas:\"intro portrait\" \"bio portrait\";\n  column-gap:clamp(40px,6vw,88px); row-gap:0; align-items:start;\n}\n.hero-intro{grid-area:intro}\n.hero-portrait-col{\n  grid-area:portrait; align-self:start;\n  position:sticky; top:clamp(96px,13vh,120px);\n}\n.hero-bio{\n  grid-area:bio; max-width:58ch;\n  margin-top:clamp(56px,8vw,104px);\n  padding-top:clamp(32px,4vw,48px); border-top:1px solid var(--line);\n}\n@media (max-width:900px){\n  .hero-grid{grid-template-columns:1fr; grid-template-areas:\"intro\" \"portrait\" \"bio\"}\n  .hero-portrait-col{position:static; margin-top:36px}\n  .hero-bio{margin-top:44px}\n}\n.hero .eyebrow{margin-bottom:36px}\n\n/* Hero bio (fundido com o \"Sobre\") */\n.hero-bio .quote{\n  font-family:var(--serif); font-weight:340;\n  font-size:clamp(26px,3.2vw,40px); line-height:1.18; letter-spacing:-0.02em;\n  font-variation-settings:\"opsz\" 60; max-width:24ch;\n}\n.hero-bio .quote em{font-family:var(--italic); font-style:italic; color:var(--neon); font-weight:400}\n.hero-bio .bio-text{margin-top:28px}\n.hero-bio .bio-text p{\n  font-size:clamp(15px,1.25vw,17px); line-height:1.75; color:var(--fg-dim);\n}\n.hero-bio .bio-text p + p{margin-top:16px}\n.hero-bio .bio-text strong{color:var(--fg); font-weight:500}\n.hero-bio .sig{\n  margin-top:28px; display:flex; align-items:center; gap:14px;\n  font-family:var(--italic); font-style:italic; font-size:18px; color:var(--fg);\n}\n.hero-bio .sig::before{content:\"\"; width:32px; height:2px; background:var(--neon)}\n.hero-portrait-col .portrait{max-height:min(78vh, 640px)}\n@media (max-width:900px){.hero-portrait-col .portrait{max-height:none}}\n\n.hero h1{\n  font-family:var(--serif);\n  font-weight:300;\n  font-size:clamp(64px, 11vw, 168px);\n  line-height:0.88; letter-spacing:-0.045em;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 30;\n}\n.hero h1 .ital{\n  font-family:var(--italic); font-style:italic; font-weight:400;\n  color:var(--neon);\n  letter-spacing:-0.015em;\n}\n.hero-sub{\n  margin-top:36px; max-width:560px;\n  font-family:var(--sans); font-size:clamp(17px,1.4vw,21px); line-height:1.45;\n  color:var(--fg-dim);\n}\n.hero-sub strong{color:var(--fg); font-weight:500}\n.hero-meta{\n  margin-top:48px; display:flex; gap:20px; flex-wrap:wrap; align-items:center;\n}\n.btn{\n  font-family:var(--mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase;\n  padding:18px 26px; border-radius:999px;\n  display:inline-flex; align-items:center; gap:10px;\n  transition:transform .3s var(--ease), background .25s var(--ease), color .25s var(--ease), box-shadow .35s var(--ease);\n}\n.btn-primary{background:var(--neon); color:#000}\n.btn-primary:hover{transform:translateY(-2px); box-shadow:var(--neon-glow)}\n.btn-ghost{border:1px solid var(--line-2); color:var(--fg)}\n.btn-ghost:hover{border-color:var(--neon); color:var(--neon)}\n.btn svg{transition:transform .3s var(--ease)}\n.btn:hover svg{transform:translateX(3px)}\n\n/* Portrait card */\n.portrait{\n  position:relative;\n  aspect-ratio: 4/5;\n  border:1.5px solid var(--neon);\n  border-radius:6px;\n  overflow:hidden;\n  background:linear-gradient(155deg,#1a1a18 0%,#0a0a0a 100%);\n  box-shadow:0 30px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(229,255,0,.15);\n  transform:rotate(.5deg);\n  transition:transform .6s var(--ease);\n}\n.portrait:hover{transform:rotate(0deg) translateY(-4px)}\n.portrait img{width:100%; height:100%; object-fit:cover; object-position:center 15%}\n.portrait .placeholder{\n  position:absolute; inset:0;\n  display:grid; place-items:center;\n  font-family:var(--serif); font-size:240px; font-weight:300;\n  color:rgba(229,255,0,.08); letter-spacing:-0.05em;\n  user-select:none;\n}\n.portrait .tag{\n  position:absolute; left:14px; top:14px;\n  font-family:var(--mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase;\n  color:var(--neon);\n  background:rgba(0,0,0,.6); backdrop-filter:blur(8px);\n  padding:6px 10px; border:1px solid rgba(229,255,0,.3); border-radius:4px;\n}\n.portrait .credit{\n  position:absolute; right:14px; bottom:14px;\n  font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase;\n  color:var(--fg-dim);\n}\n\n/* Marquee ticker at top of hero */\n.ticker{\n  position:absolute; top:84px; left:0; right:0;\n  border-top:1px solid var(--line); border-bottom:1px solid var(--line);\n  overflow:hidden; white-space:nowrap;\n  font-family:var(--mono); font-size:11px; letter-spacing:.24em; text-transform:uppercase;\n  color:var(--fg-dim);\n  padding:10px 0;\n  pointer-events:none;\n}\n.ticker-track{display:inline-flex; gap:48px; animation:slide 38s linear infinite}\n.ticker-track span{display:inline-flex; align-items:center; gap:14px}\n.ticker-track span::before{\n  content:\"◆\"; color:var(--neon); font-size:8px;\n}\n@keyframes slide{\n  from{transform:translateX(0)} to{transform:translateX(-50%)}\n}\n\n/* Hero scroll indicator */\n.scroll-cue{\n  position:absolute; bottom:30px; left:var(--gut);\n  font-family:var(--mono); font-size:10px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--muted); display:flex; align-items:center; gap:12px;\n}\n.scroll-cue .line{\n  display:inline-block; width:36px; height:1px; background:var(--fg-dim);\n  position:relative; overflow:hidden;\n}\n.scroll-cue .line::after{\n  content:\"\"; position:absolute; inset:0; background:var(--neon);\n  transform:translateX(-100%); animation:scrollLine 2.4s var(--ease) infinite;\n}\n@keyframes scrollLine{\n  0%{transform:translateX(-100%)} 60%,100%{transform:translateX(100%)}\n}\n\n/* ---------- SECTION SHELL ---------- */\n.section{padding:var(--sec) 0; position:relative}\n.section-head{\n  display:grid; grid-template-columns:180px 1fr; gap:48px;\n  margin-bottom:var(--head-gap); align-items:start;\n}\n@media (max-width:780px){.section-head{grid-template-columns:1fr; gap:24px; margin-bottom:48px}}\n.section-head .num{\n  font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--neon); padding-top:14px;\n}\n.section-head h2{\n  font-family:var(--serif); font-weight:340;\n  font-size:clamp(40px, 6vw, 88px);\n  line-height:0.98; letter-spacing:-0.03em;\n  font-variation-settings:\"opsz\" 110, \"SOFT\" 50;\n  max-width:14ch;\n}\n.section-head .section-note{\n  grid-column:2; margin-top:28px; max-width:56ch;\n  font-size:clamp(17px, 1.5vw, 19px); line-height:1.65; color:var(--fg-dim);\n}\n.section-head .section-note em{\n  font-family:var(--italic); font-style:italic; font-size:1.05em; color:var(--neon);\n}\n@media (max-width:780px){.section-head .section-note{grid-column:1}}\n.section-head h2 em{\n  font-family:var(--italic); font-style:italic; font-weight:400; color:var(--neon);\n}\n\n/* ---------- MANIFESTO ---------- */\n.manifesto{\n  position:relative; padding:var(--sec-lg) 0;\n  border-top:1px solid var(--line);\n  background:linear-gradient(180deg, rgba(229,255,0,0.02) 0%, transparent 50%);\n}\n.manifesto .quote{\n  font-family:var(--serif); font-weight:340;\n  font-size:clamp(32px, 4.4vw, 64px);\n  line-height:1.12; letter-spacing:-0.018em;\n  max-width:22ch;\n  font-variation-settings:\"opsz\" 90;\n}\n.manifesto .quote em{\n  font-family:var(--italic); font-style:italic; color:var(--neon); font-weight:400;\n}\n.manifesto-bio{margin-top:40px; max-width:60ch}\n.manifesto-bio p{\n  font-size:clamp(16px, 1.4vw, 18px); line-height:1.75; color:var(--fg-dim);\n}\n.manifesto-bio p + p{margin-top:18px}\n.manifesto-bio strong{color:var(--fg); font-weight:500}\n.manifesto-bio em{font-family:var(--italic); font-style:italic; color:var(--fg)}\n.manifesto-grid{\n  display:grid; grid-template-columns:140px 1fr 320px; gap:80px; align-items:start;\n}\n@media (max-width:1000px){.manifesto-grid{grid-template-columns:1fr; gap:40px}}\n.manifesto .qmark{\n  font-family:var(--italic); font-style:italic; font-size:180px; line-height:.6;\n  color:var(--neon); padding-top:32px;\n}\n.manifesto-meta{padding-top:14px}\n.manifesto-meta p{color:var(--fg-dim); font-size:15px; line-height:1.6; max-width:38ch}\n.manifesto-meta p + p{margin-top:18px}\n.manifesto-meta .sig{\n  margin-top:32px; display:flex; align-items:center; gap:14px;\n  font-family:var(--italic); font-style:italic; font-size:18px;\n}\n.manifesto-meta .sig::before{\n  content:\"\"; width:32px; height:2px; background:var(--neon);\n}\n\n/* ---------- NUMBERS ---------- */\n.numbers{padding:var(--sec) 0; border-top:1px solid var(--line)}\n.num-grid{\n  display:grid; grid-template-columns:repeat(4,1fr); gap:0;\n  border-top:1px solid var(--line);\n}\n@media (max-width:900px){.num-grid{grid-template-columns:repeat(2,1fr)}}\n.num-cell{\n  padding:48px 28px 36px; border-right:1px solid var(--line); border-bottom:1px solid var(--line);\n  position:relative; overflow:hidden;\n  transition:background .4s var(--ease);\n}\n.num-cell:nth-child(4n){border-right:none}\n@media (max-width:900px){\n  .num-cell:nth-child(4n){border-right:1px solid var(--line)}\n  .num-cell:nth-child(2n){border-right:none}\n}\n.num-cell::before{\n  content:\"\"; position:absolute; top:0; left:0; width:0%; height:2px;\n  background:var(--neon); transition:width .8s var(--ease);\n}\n.num-cell:hover::before{width:100%}\n.num-cell:hover{background:rgba(229,255,0,0.025)}\n.num-cell .figure{\n  font-family:var(--serif); font-weight:300;\n  font-size:clamp(56px, 6vw, 104px); line-height:.95; letter-spacing:-0.05em;\n  font-variation-settings:\"opsz\" 144;\n  white-space:nowrap;\n}\n.num-cell .label{\n  margin-top:24px;\n  font-family:var(--mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase;\n  color:var(--neon);\n}\n.num-cell .desc{\n  margin-top:14px; font-size:14px; line-height:1.5; color:var(--fg-dim); max-width:24ch;\n}\n\n/* ---------- LOGOS ---------- */\n.logos{padding:var(--sec) 0; border-top:1px solid var(--line)}\n.logos-row + .logos-row{margin-top:48px}\n.logos-inline{margin-top:clamp(56px, 7vw, 88px)}\n.logos-row .row-label{\n  font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--fg-dim); margin-bottom:20px; display:flex; align-items:center; gap:12px;\n}\n.logos-row .row-label::before{content:\"\"; width:8px; height:1px; background:var(--neon)}\n.logos-grid{\n  display:grid; grid-template-columns:repeat(4,1fr); gap:0;\n  border-top:1px solid var(--line); border-left:1px solid var(--line);\n}\n@media (max-width:820px){.logos-grid{grid-template-columns:repeat(2,1fr)}}\n.logo-cell{\n  aspect-ratio:2/1;\n  display:grid; place-items:center;\n  border-right:1px solid var(--line); border-bottom:1px solid var(--line);\n  transition:background .35s var(--ease);\n  position:relative;\n}\n.logo-cell img{\n  max-width:58%; max-height:36%; width:auto; height:auto; object-fit:contain;\n  filter:grayscale(1) brightness(0) invert(.62); opacity:.7;\n  transition:filter .35s var(--ease), opacity .35s var(--ease), transform .35s var(--ease);\n}\n.logo-cell:hover{background:#f3f3f1}\n.logo-cell:hover img{filter:none; opacity:1; transform:scale(1.05)}\n\n/* ---------- THEMES (palestras) ---------- */\n.themes{padding:var(--sec) 0; border-top:1px solid var(--line)}\n.themes-grid{\n  display:grid; grid-template-columns:repeat(3,1fr); gap:0;\n  border-top:1px solid var(--line); border-left:1px solid var(--line);\n}\n.theme{\n  padding:40px 32px; border-right:1px solid var(--line); border-bottom:1px solid var(--line);\n  position:relative; overflow:hidden;\n  transition:background .4s var(--ease);\n  min-height:260px; display:flex; flex-direction:column; justify-content:space-between;\n}\n@media (max-width:980px){\n  .themes-grid{grid-template-columns:repeat(2,1fr)}\n  .theme{min-height:220px; padding:30px 24px}\n  .theme h3{font-size:21px; margin-top:34px}\n}\n@media (max-width:560px){\n  .theme{min-height:0; padding:20px 16px}\n  .theme h3{font-size:16px; margin-top:22px; line-height:1.15; max-width:none}\n  .theme p{font-size:12.5px; margin-top:9px; line-height:1.45; max-width:none}\n  .theme .idx{font-size:10px}\n  .theme .arrow{display:none}\n  .theme-cat{margin-top:16px; font-size:9px; letter-spacing:.14em}\n}\n.theme:hover{background:rgba(229,255,0,.02)}\n.theme .idx{\n  font-family:var(--mono); font-size:11px; letter-spacing:.2em; color:var(--neon);\n}\n.theme h3{\n  font-family:var(--serif); font-weight:500;\n  font-size:26px; line-height:1.12; letter-spacing:-0.005em;\n  margin-top:48px; max-width:18ch;\n  font-variation-settings:\"opsz\" 28;\n}\n.theme p{\n  margin-top:16px; font-size:14px; line-height:1.55; color:var(--fg-dim); max-width:34ch;\n}\n.theme .arrow{\n  position:absolute; right:28px; top:32px;\n  width:36px; height:36px; border-radius:50%;\n  border:1px solid var(--line-2); display:grid; place-items:center;\n  color:var(--fg-dim);\n  transition:all .35s var(--ease);\n}\n.theme:hover .arrow{\n  border-color:var(--neon); color:var(--neon);\n  transform:rotate(-45deg);\n}\n.theme::before{\n  content:\"\"; position:absolute; left:0; top:0; height:2px; width:0;\n  background:var(--neon); transition:width .5s var(--ease);\n}\n.theme:hover::before{width:100%}\n.theme-cat{\n  margin-top:28px;\n  font-family:var(--mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase;\n  color:var(--fg-dim); display:inline-flex; align-items:center; gap:9px;\n  transition:color .35s var(--ease);\n}\n.theme-cat::before{\n  content:\"\"; width:6px; height:6px; border-radius:50%;\n  background:var(--neon); opacity:.45; transition:opacity .35s var(--ease);\n}\n.theme:hover .theme-cat{color:var(--fg)}\n.theme:hover .theme-cat::before{opacity:1}\n\n/* ---------- FORMATS (sem preço) ---------- */\n.formats{padding:var(--sec) 0; border-top:1px solid var(--line)}\n.formats-list{\n  border-top:1px solid var(--line);\n}\n.format{\n  display:grid; grid-template-columns:80px 1.2fr 2fr auto; gap:40px; align-items:center;\n  padding:36px 0; border-bottom:1px solid var(--line);\n  cursor:pointer; transition:padding .35s var(--ease);\n  position:relative;\n}\n@media (max-width:780px){\n  .format{grid-template-columns:60px 1fr auto; gap:20px; padding:24px 0}\n  .format .format-body{display:none}\n}\n.format::before{\n  content:\"\"; position:absolute; left:0; top:0; bottom:0; width:0;\n  background:var(--neon); transition:width .35s var(--ease);\n}\n.format:hover{padding-left:20px}\n.format:hover::before{width:3px}\n.format .num{\n  font-family:var(--mono); font-size:12px; color:var(--neon); letter-spacing:.2em;\n}\n.format .name{\n  font-family:var(--serif); font-weight:400;\n  font-size:clamp(28px, 3.4vw, 44px); letter-spacing:-0.025em; line-height:1;\n  font-variation-settings:\"opsz\" 144;\n}\n.format .name em{font-family:var(--italic); font-style:italic; color:var(--fg-dim); font-size:.6em; margin-left:8px}\n.format .desc{\n  font-size:14px; color:var(--fg-dim); line-height:1.5; max-width:46ch;\n}\n.format .who{\n  margin-top:12px; display:flex; gap:9px; align-items:baseline;\n  font-size:13px; color:var(--fg-dim); line-height:1.45; max-width:46ch;\n}\n.format .who strong{\n  flex:none; font-family:var(--mono); font-weight:400;\n  font-size:10px; letter-spacing:.16em; text-transform:uppercase;\n  color:var(--neon); transform:translateY(-1px);\n}\n.format:hover .who{color:var(--fg)}\n.format .pill{\n  font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase;\n  border:1px solid var(--line-2); padding:10px 18px; border-radius:999px;\n  display:inline-flex; align-items:center; gap:8px;\n  transition:all .3s var(--ease);\n  white-space:nowrap;\n}\n.format:hover .pill{border-color:var(--neon); color:var(--neon)}\n.format:hover .pill svg{transform:translate(2px,-2px)}\n.format .pill svg{transition:transform .3s var(--ease)}\n\n.formats-foot{\n  display:grid; grid-template-columns:1fr 1fr 1fr; gap:40px;\n  margin-top:60px; padding-top:40px; border-top:1px solid var(--line);\n}\n@media (max-width:780px){.formats-foot{grid-template-columns:1fr}}\n.formats-foot dt{\n  font-family:var(--mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase;\n  color:var(--neon); margin-bottom:8px;\n}\n.formats-foot dd{font-size:15px; color:var(--fg)}\n.formats-foot dd span{color:var(--fg-dim); display:block; font-size:13px; margin-top:2px}\n\n/* ---------- TESTIMONIALS ---------- */\n.testis{padding:var(--sec) 0; border-top:1px solid var(--line); background:var(--bg-2)}\n.testi-grid{\n  display:grid; grid-template-columns:repeat(2,1fr); gap:32px;\n}\n@media (max-width:800px){.testi-grid{grid-template-columns:1fr}}\n.testi{\n  padding:36px; border:1px solid var(--line);\n  background:rgba(255,255,255,.012);\n  position:relative; transition:transform .5s var(--ease), border-color .35s var(--ease);\n}\n.testi:hover{transform:translateY(-4px); border-color:var(--line-2)}\n.testi:nth-child(odd){transform:rotate(-.3deg)}\n.testi:nth-child(even){transform:rotate(.3deg)}\n.testi:hover{transform:translateY(-4px) rotate(0)}\n.testi .qm{\n  font-family:var(--italic); font-style:italic;\n  color:var(--neon); font-size:64px; line-height:.3;\n  margin-bottom:14px;\n}\n.testi p{\n  font-family:var(--serif); font-weight:300;\n  font-size:21px; line-height:1.35; letter-spacing:-0.012em;\n  font-variation-settings:\"opsz\" 80;\n}\n.testi .source{\n  margin-top:24px; padding-top:20px; border-top:1px solid var(--line);\n  font-family:var(--mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase;\n  color:var(--fg-dim);\n}\n\n/* ---------- MEDIA ---------- */\n.media{padding:var(--sec) 0; border-top:1px solid var(--line)}\n.media-list{border-top:1px solid var(--line)}\n.media-item{\n  display:grid; grid-template-columns:140px 1fr auto; gap:40px; align-items:center;\n  padding:28px 0; border-bottom:1px solid var(--line);\n  transition:padding .35s var(--ease), color .35s var(--ease);\n  position:relative;\n}\n@media (max-width:780px){\n  .media-item{grid-template-columns:1fr auto; gap:16px}\n  .media-item .outlet{grid-column:1/-1; font-size:11px}\n}\n.media-item::before{\n  content:\"\"; position:absolute; left:-20px; top:50%; transform:translateY(-50%);\n  width:6px; height:6px; background:var(--neon); border-radius:50%;\n  opacity:0; transition:opacity .3s var(--ease), left .35s var(--ease);\n}\n.media-item:hover{padding-left:24px}\n.media-item:hover::before{opacity:1; left:4px}\n.media-item .outlet{\n  font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--neon);\n}\n.media-item .title{\n  font-family:var(--serif); font-weight:470; font-size:clamp(20px,2.2vw,28px);\n  letter-spacing:-0.008em; line-height:1.25;\n  font-variation-settings:\"opsz\" 30;\n}\n.media-item .arrow{\n  font-family:var(--mono); font-size:12px; color:var(--fg-dim);\n  display:inline-flex; gap:8px; align-items:center;\n  transition:color .3s var(--ease), transform .3s var(--ease);\n}\n.media-item:hover .arrow{color:var(--neon); transform:translate(3px,-3px)}\n\n/* ---------- Media subgroups ---------- */\n.media-group + .media-group{margin-top:96px}\n.media-grouphead{\n  display:flex; align-items:baseline; justify-content:space-between;\n  gap:24px; margin-bottom:28px; flex-wrap:wrap;\n}\n.media-grouphead .row-label{\n  display:flex; align-items:center; gap:12px;\n  font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--neon);\n}\n.media-grouphead .row-label::before{content:\"\"; width:8px; height:1px; background:var(--neon)}\n.carousel-nav{display:flex; gap:10px}\n.carousel-nav button{\n  width:40px; height:40px; border-radius:50%;\n  border:1px solid var(--line); background:transparent; color:var(--fg);\n  display:grid; place-items:center; cursor:pointer;\n  transition:border-color .3s var(--ease), background .3s var(--ease), color .3s var(--ease), opacity .3s var(--ease);\n}\n.carousel-nav button:hover{border-color:var(--neon); color:var(--neon)}\n.carousel-nav button:disabled{opacity:.3; cursor:default}\n.carousel-nav button:disabled:hover{border-color:var(--line); color:var(--fg)}\n\n.pod-track{\n  display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory;\n  scroll-behavior:smooth; padding-bottom:8px;\n  scrollbar-width:none; -ms-overflow-style:none;\n}\n.pod-track::-webkit-scrollbar{display:none}\n.pod-card{\n  scroll-snap-align:start; flex:0 0 clamp(280px, 32%, 380px);\n  display:flex; flex-direction:column;\n  border:1px solid var(--line); border-radius:8px; overflow:hidden;\n  background:linear-gradient(155deg,#141412 0%,#0a0a0a 100%);\n  text-decoration:none; color:inherit;\n  transition:border-color .35s var(--ease), transform .35s var(--ease);\n}\n.pod-card:hover{border-color:rgba(229,255,0,.4); transform:translateY(-4px)}\n.pod-cover{\n  aspect-ratio:16/9; position:relative;\n  background:linear-gradient(135deg, rgba(229,255,0,.10), rgba(229,255,0,.02));\n}\n.pod-cover img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}\n.pod-cover::after{\n  content:\"\"; position:absolute; inset:0;\n  background:linear-gradient(180deg, transparent 40%, rgba(0,0,0,.45));\n  opacity:0; transition:opacity .35s var(--ease);\n}\n.pod-card:hover .pod-cover::after{opacity:1}\n.pod-cover .play{\n  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);\n  z-index:2; width:48px; height:48px; border-radius:50%;\n  border:1px solid rgba(229,255,0,.6); background:rgba(0,0,0,.5); backdrop-filter:blur(6px);\n  display:grid; place-items:center; color:var(--neon);\n  transition:transform .35s var(--ease), background .35s var(--ease);\n}\n.pod-card:hover .pod-cover .play{transform:translate(-50%,-50%) scale(1.1); background:rgba(0,0,0,.7)}\n.pod-body{padding:24px; display:flex; flex-direction:column; gap:10px; flex:1}\n.pod-card .outlet{\n  font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--neon);\n}\n.pod-card .title{\n  font-family:var(--serif); font-weight:500; font-size:22px; line-height:1.28;\n  letter-spacing:-0.006em; font-variation-settings:\"opsz\" 26;\n}\n.pod-card .arrow{\n  margin-top:auto; padding-top:12px;\n  font-family:var(--mono); font-size:12px; color:var(--fg-dim);\n  display:inline-flex; gap:8px; align-items:center;\n  transition:color .3s var(--ease), transform .3s var(--ease);\n}\n.pod-card:hover .arrow{color:var(--neon)}\n@media (max-width:780px){\n  .pod-card{flex-basis:78%}\n  .media-group + .media-group{margin-top:64px}\n}\n\n/* ---------- FAQ ---------- */\n.faq{padding:var(--sec) 0; border-top:1px solid var(--line)}\n.faq-list{border-top:1px solid var(--line)}\n.faq-item{border-bottom:1px solid var(--line)}\n.faq-item summary{\n  list-style:none; cursor:pointer;\n  display:flex; align-items:center; justify-content:space-between; gap:32px;\n  padding:28px 0; transition:color .3s var(--ease), padding .35s var(--ease);\n}\n.faq-item summary::-webkit-details-marker{display:none}\n.faq-q{\n  font-family:var(--serif); font-weight:500; font-size:clamp(19px,2vw,25px);\n  line-height:1.25; letter-spacing:-0.01em; font-variation-settings:\"opsz\" 28;\n}\n.faq-item summary:hover{padding-left:12px}\n.faq-item summary:hover .faq-q{color:var(--neon)}\n.faq-icon{\n  flex:none; width:34px; height:34px; border-radius:50%;\n  border:1px solid var(--line-2); display:grid; place-items:center;\n  color:var(--fg-dim); transition:all .35s var(--ease); position:relative;\n}\n.faq-icon::before,.faq-icon::after{\n  content:\"\"; position:absolute; background:currentColor;\n  transition:transform .35s var(--ease), opacity .35s var(--ease);\n}\n.faq-icon::before{width:12px; height:1.5px}\n.faq-icon::after{width:1.5px; height:12px}\n.faq-item[open] .faq-icon{border-color:var(--neon); color:var(--neon)}\n.faq-item[open] .faq-icon::after{transform:scaleY(0); opacity:0}\n.faq-a{\n  overflow:hidden;\n  max-width:70ch; padding:0 60px 30px 0;\n  font-size:15px; line-height:1.65; color:var(--fg-dim);\n}\n.faq-a a{color:var(--fg); border-bottom:1px solid var(--line-2)}\n.faq-a a:hover{color:var(--neon); border-color:var(--neon)}\n@media (max-width:780px){.faq-a{padding-right:0}}\n\n/* ---------- CTA ---------- */\n.cta{padding:var(--sec-lg) 0; border-top:1px solid var(--line); position:relative; overflow:hidden}\n.cta::after{\n  content:\"\"; position:absolute; bottom:-40%; left:50%; transform:translateX(-50%);\n  width:80vw; height:80vw; max-width:1100px; max-height:1100px;\n  background:radial-gradient(circle at center, rgba(229,255,0,.08) 0%, transparent 60%);\n  pointer-events:none;\n}\n.cta-inner{position:relative; z-index:2; text-align:center}\n.cta h2{\n  font-family:var(--serif); font-weight:300;\n  font-size:clamp(48px, 8.5vw, 140px); line-height:.92; letter-spacing:-0.045em;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 30;\n  max-width:14ch; margin:0 auto;\n}\n.cta h2 em{\n  font-family:var(--italic); font-style:italic; color:var(--neon); font-weight:400;\n}\n.cta p{\n  margin-top:36px; font-size:18px; color:var(--fg-dim); max-width:48ch;\n  margin-left:auto; margin-right:auto;\n}\n.cta-actions{margin-top:48px; display:flex; gap:16px; justify-content:center; flex-wrap:wrap}\n\n/* Contact form */\n.cta-form{\n  margin:44px auto 0; max-width:560px; text-align:left;\n  display:flex; flex-direction:column; gap:20px;\n}\n.cta-form .field{display:flex; flex-direction:column; gap:9px}\n.cta-form label{\n  font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase;\n  color:var(--fg-dim);\n}\n.cta-form input,\n.cta-form textarea{\n  width:100%; font-family:var(--sans); font-size:16px; color:var(--fg);\n  background:rgba(255,255,255,.02); border:1px solid var(--line-2); border-radius:8px;\n  padding:15px 16px; transition:border-color .3s var(--ease), background .3s var(--ease);\n}\n.cta-form input::placeholder,\n.cta-form textarea::placeholder{color:var(--muted)}\n.cta-form input:focus,\n.cta-form textarea:focus{\n  outline:none; border-color:var(--neon); background:rgba(229,255,0,.03);\n}\n.cta-form textarea{resize:vertical; min-height:120px; line-height:1.5}\n.cta-form .btn-primary{justify-content:center; width:100%; padding:18px 26px}\n.cta-form .consent{\n  font-family:var(--sans); font-size:12.5px; line-height:1.5; color:var(--muted);\n  text-align:center; max-width:46ch; margin:2px auto 0;\n}\n\n.contacts{\n  margin-top:24px; display:grid; grid-template-columns:repeat(3,1fr); gap:0;\n  border-top:1px solid var(--line);\n}\n.contacts-head{\n  margin-top:clamp(56px, 7vw, 88px);\n  font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--neon); display:flex; align-items:center; gap:12px;\n}\n.contacts-head::before{content:\"\"; width:8px; height:1px; background:var(--neon)}\n@media (max-width:780px){.contacts{grid-template-columns:repeat(2,1fr)}}\n.contact-cell{\n  padding:32px 24px; border-right:1px solid var(--line);\n  transition:background .4s var(--ease);\n}\n.contact-cell:last-child{border-right:none}\n@media (max-width:780px){\n  .contact-cell:nth-child(2n){border-right:none}\n  .contact-cell{border-bottom:1px solid var(--line)}\n}\n.contact-cell:hover{background:rgba(229,255,0,.025)}\n.contact-cell .k{\n  font-family:var(--mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase;\n  color:var(--neon); margin-bottom:10px;\n}\n.contact-cell .v{font-size:15px; word-break:break-word; transition:color .25s var(--ease)}\n.contact-cell:hover .v{color:var(--neon)}\n\n/* ---------- FOOTER ---------- */\n.foot-mini{\n  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;\n  padding:28px var(--gut); border-top:1px solid var(--line);\n  font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase;\n  color:var(--muted);\n}\n.foot-mini a{color:var(--fg-dim); transition:color .25s var(--ease)}\n.foot-mini a:hover{color:var(--neon)}\nfooter{\n  padding:clamp(48px,6vw,72px) var(--gut) 36px;\n  border-top:1px solid var(--line);\n  color:var(--fg-dim);\n}\n.foot-top{\n  display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:48px; align-items:start;\n  padding-bottom:44px; border-bottom:1px solid var(--line);\n}\n@media (max-width:780px){.foot-top{grid-template-columns:1fr; gap:36px}}\n.foot-brand{display:flex; gap:16px; align-items:flex-start; max-width:40ch}\n.foot-brand .brand-mark{width:40px; height:40px; border-radius:10px; font-size:19px; flex:none}\n.foot-name{\n  font-family:var(--serif); font-weight:500; font-size:20px; color:var(--fg);\n  letter-spacing:-0.01em; font-variation-settings:\"opsz\" 24;\n}\n.foot-tag{font-size:13px; line-height:1.55; color:var(--fg-dim); margin-top:6px}\n.foot-col .lbl{\n  font-family:var(--mono); font-size:10px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--neon); margin-bottom:16px;\n}\n.foot-col a{\n  display:block; font-size:14px; color:var(--fg-dim); padding:5px 0;\n  transition:color .25s var(--ease), transform .25s var(--ease);\n}\n.foot-col a:hover{color:var(--neon); transform:translateX(3px)}\n.foot-bottom{\n  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;\n  padding-top:26px;\n  font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase;\n  color:var(--muted);\n}\n.foot-totop{color:var(--fg-dim); transition:color .25s var(--ease)}\n.foot-totop:hover{color:var(--neon)}\n\n/* ---------- REVEAL ANIMATIONS ---------- */\n[data-reveal]{\n  opacity:0; transform:translateY(28px);\n  transition:opacity 1s var(--ease), transform 1s var(--ease);\n}\n[data-reveal].in{opacity:1; transform:none}\n[data-reveal-stagger] > *{\n  opacity:0; transform:translateY(20px);\n  transition:opacity .8s var(--ease), transform .8s var(--ease);\n}\n[data-reveal-stagger].in > *{opacity:1; transform:none}\n[data-reveal-stagger].in > *:nth-child(1){transition-delay:.05s}\n[data-reveal-stagger].in > *:nth-child(2){transition-delay:.13s}\n[data-reveal-stagger].in > *:nth-child(3){transition-delay:.21s}\n[data-reveal-stagger].in > *:nth-child(4){transition-delay:.29s}\n[data-reveal-stagger].in > *:nth-child(5){transition-delay:.37s}\n[data-reveal-stagger].in > *:nth-child(6){transition-delay:.45s}\n[data-reveal-stagger].in > *:nth-child(7){transition-delay:.53s}\n[data-reveal-stagger].in > *:nth-child(8){transition-delay:.61s}\n\n/* Initial hero entrance */\n.hero h1 .word{display:inline-block; opacity:0; transform:translateY(60%); animation:rise 1.1s var(--ease) forwards}\n.hero h1 .word:nth-child(1){animation-delay:.15s}\n.hero h1 .word:nth-child(2){animation-delay:.32s}\n@keyframes rise{to{opacity:1; transform:none}}\n.hero .delayed{opacity:0; animation:fadeIn .9s var(--ease) forwards .85s}\n@keyframes fadeIn{to{opacity:1}}\n`,\n\n  render(d2) {\n    d2.lib({ css: 'https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT@0,9..144,300..900,0..100;1,9..144,300..900,0..100&family=Instrument+Serif:ital@0;1&family=Geist+Mono:wght@300..700&family=Geist:wght@300..700&display=swap' })\n    return `<div class=\"bv-root\">\n<!-- ========== NAV ========== -->\n<header class=\"nav\" id=\"nav\">\n  <a href=\"#top\" class=\"brand\">\n    <span>Bárbara Vallim</span>\n  </a>\n  <nav class=\"nav-links\" aria-label=\"Navegação\">\n    <a href=\"#sobre\">Sobre</a>\n    <a href=\"#impacto\">Impacto</a>\n    <a href=\"#temas\">Temas</a>\n    <a href=\"#formatos\">Formatos</a>\n    <a href=\"#midia\">Mídia</a>\n    <a href=\"#faq\">FAQ</a>\n    <a href=\"#contatos\">Contatos</a>\n  </nav>\n  <a href=\"#contato\" class=\"nav-cta\">\n    Vamos conversar\n    <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg>\n  </a>\n</header>\n\n<!-- ========== HERO + SOBRE ========== -->\n<section class=\"hero\" id=\"top\">\n  <div class=\"shell\">\n    <div class=\"hero-grid\">\n\n      <div class=\"hero-intro\" id=\"sobre\">\n        <span class=\"eyebrow delayed\">IA · Experiência do Cliente · Liderança e Gestão · Produto e Tecnologia</span>\n        <h1>\n          <span class=\"word\">Bárbara</span><br/>\n          <span class=\"word\">Vallim<span style=\"color:var(--neon)\">.</span></span>\n        </h1>\n        <p class=\"hero-sub delayed\">\n          Acredito que a próxima década será definida por <em style=\"font-family:var(--italic); color:var(--neon)\">quem souber unir tecnologia com habilidades humanas</em>.\n          É isso que me move: traduzir tecnologia em impacto, e formar pessoas capazes de fazer o mesmo.\n        </p>\n        <div class=\"hero-meta delayed\">\n          <a href=\"#contato\" class=\"btn btn-primary\">\n            Solicitar proposta\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 10L10 2M10 2H4M10 2V8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"square\"/></svg>\n          </a>\n          <a href=\"#temas\" class=\"btn btn-ghost\">\n            Ver temas\n          </a>\n        </div>\n      </div>\n\n      <div class=\"hero-portrait-col delayed\">\n        <div class=\"portrait\">\n          <span class=\"credit\">@babivv</span>\n          <img src=\"https://babi-bvv.data2.media/file/KfJxsV4EVigf7mL9JU48X\" alt=\"Bárbara Vallim\">\n        </div>\n      </div>\n\n      <div class=\"hero-bio\" data-reveal>\n        <div class=\"bio-text\">\n          <p>Bárbara Vallim possui uma trajetória que combina visão estratégica e domínio técnico de ponta a ponta. Liderou times de engenharia, produto e pré-vendas em grandes empresas, com entregas para marcas como <strong>Microsoft, Nike, Nubank e Mercado Livre</strong>.</p>\n          <p>Esteve à frente de equipes globais de engenharia na <strong>Twilio, Sprinklr e Easy Taxi</strong>, unindo produto, tecnologia e negócios para transformar ideias em soluções escaláveis e de impacto.</p>\n          <p>Em 2025 foi reconhecida pelo <strong>Women To Watch</strong>, do Meio &amp; Mensagem, como uma das mulheres de destaque à frente da IA no Brasil. Começou a empreender em 2024, quando fundou a <strong>Hera.build</strong>, onde atualmente é <strong>CEO</strong>.</p>\n        </div>\n        <div class=\"sig\">Bárbara Vallim</div>\n      </div>\n\n    </div>\n  </div>\n</section>\n\n<!-- ========== NUMBERS ========== -->\n<section class=\"numbers\" id=\"impacto\">\n  <div class=\"shell\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"num\">01 · Impacto</div>\n      <h2>Resultados em <em>escala</em>.</h2>\n    </div>\n    <div class=\"num-grid\" data-reveal-stagger>\n      <div class=\"num-cell\">\n        <div class=\"figure\">+17</div>\n        <div class=\"label\">Anos</div>\n        <p class=\"desc\">de experiência em tecnologia, em cargos de liderança em R&amp;D e GTM.</p>\n      </div>\n      <div class=\"num-cell\">\n        <div class=\"figure\">+5.000</div>\n        <div class=\"label\">Pessoas</div>\n        <p class=\"desc\">já assistiram aulas, workshops e palestras.</p>\n      </div>\n      <div class=\"num-cell\">\n        <div class=\"figure\">+50</div>\n        <div class=\"label\">Sessões</div>\n        <p class=\"desc\">nos últimos 3 anos, entre eventos e conteúdo educacional.</p>\n      </div>\n      <div class=\"num-cell\">\n        <div class=\"figure\">+10</div>\n        <div class=\"label\">Matérias</div>\n        <p class=\"desc\">na mídia, entre Exame, CNN, Startups e Starten.</p>\n      </div>\n    </div>\n\n    <div class=\"logos-row logos-inline\" data-reveal>\n      <div class=\"row-label\">Já levei conteúdo para:</div>\n      <div class=\"logos-grid\">\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/Awdp-pFB4I3VluaUtrCqA\" alt=\"Grupo SBF\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/wYr4_AtiQ1CMY6MOrV5am\" alt=\"Porto Seguro\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/ordLlfRi5aWRr_S7euLv8\" alt=\"Potiguar Honda\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/XUMR7-G54JCXUfXSQJp4e\" alt=\"Serasa\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/xKTi20sIgEwwbIfMtBOt_\" alt=\"Certisign\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/JLBhkRpkQWHuuUVLo49d5\" alt=\"Zucchetti\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/C1xW1gMwvq7T655ZfMkSP\" alt=\"IWSA\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/BTu-g3as_wjku0Zuf7DC5\" alt=\"Starian\" loading=\"lazy\"></div>\n      </div>\n    </div>\n  </div>\n</section>\n\n<!-- ========== THEMES ========== -->\n<section class=\"themes\" id=\"temas\">\n  <div class=\"shell\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"num\">02 · Temas</div>\n      <h2>Ideias de temas <em>para explorar</em> juntos.</h2>\n      <p class=\"section-note\">Estes são apenas <em>sugestões de temas</em>. Todas as palestras e workshops são <em>100% customizados</em>, adequados aos interesses e à realidade da sua empresa ou do seu evento.</p>\n    </div>\n\n    <div class=\"themes-grid\" data-reveal-stagger>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">01</div>\n          <h3>Agentes de IA: a nova força de trabalho das empresas</h3>\n          <p>O que são, como aplicar e os erros que custam caro na adoção.</p>\n        </div>\n        <span class=\"theme-cat\">IA &amp; Negócios</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">02</div>\n          <h3>O cliente também tem IA: a nova jornada</h3>\n          <p>A IA do cliente vai interagir com a IA da sua empresa. Entenda os impactos e como se preparar.</p>\n        </div>\n        <span class=\"theme-cat\">Experiência do Cliente</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">03</div>\n          <h3>Produtividade com IA além do hype</h3>\n          <p>A IA promete eficiência, mas quais são os desafios reais para o colaborador e a empresa.</p>\n        </div>\n        <span class=\"theme-cat\">Futuro do Trabalho</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">04</div>\n          <h3>Customer Intelligence: IA e CX como diferencial</h3>\n          <p>Como usar dados e IA para transformar a relação com o cliente em vantagem para o negócio.</p>\n        </div>\n        <span class=\"theme-cat\">Experiência do Cliente</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">05</div>\n          <h3>Como implementar IA com sucesso no seu negócio</h3>\n          <p>Framework de implementação para projetos de IA que entregam ROI real.</p>\n        </div>\n        <span class=\"theme-cat\">IA &amp; Negócios</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">06</div>\n          <h3>Liderança na era da Inteligência Artificial</h3>\n          <p>Como liderar times, tomar decisões e manter a cultura quando a IA muda as regras do jogo.</p>\n        </div>\n        <span class=\"theme-cat\">Liderança &amp; Gestão</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">07</div>\n          <h3>Cultura de dados: decidir melhor com IA</h3>\n          <p>Como levar times e lideranças a confiar em dados e usar IA no dia a dia da tomada de decisão.</p>\n        </div>\n        <span class=\"theme-cat\">Produto &amp; Tecnologia</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">08</div>\n          <h3>Como liderar times híbridos e distribuídos</h3>\n          <p>Confiança, ritmo e cultura em times que trabalham presencial, remoto e assíncrono ao mesmo tempo.</p>\n        </div>\n        <span class=\"theme-cat\">Liderança &amp; Gestão</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">09</div>\n          <h3>Liderando produtos digitais em tempos de IA</h3>\n          <p>Para C-levels e líderes de produto que precisam tomar decisões melhores em meio à transformação.</p>\n        </div>\n        <span class=\"theme-cat\">Produto &amp; Tecnologia</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">10</div>\n          <h3>Ética, confiança e governança de IA</h3>\n          <p>Riscos, responsabilidade e como adotar IA com segurança, sem travar a inovação.</p>\n        </div>\n        <span class=\"theme-cat\">IA &amp; Confiança</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">11</div>\n          <h3>High Impact Contributor: gerar impacto sem depender de cargo</h3>\n          <p>O que separa quem executa de quem realmente move o negócio, e como se tornar um profissional de alto impacto.</p>\n        </div>\n        <span class=\"theme-cat\">Carreira &amp; Trajetória</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">12</div>\n          <h3>O que quase 2 décadas em tecnologia me ensinaram sobre construir, liderar e me reinventar</h3>\n          <p>17 anos liderando produto e inovação em empresas globais, e as lições que ficam de cada ciclo.</p>\n        </div>\n        <span class=\"theme-cat\">Carreira &amp; Trajetória</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n    </div>\n  </div>\n</section>\n\n<!-- ========== FORMATS ========== -->\n<section class=\"formats\" id=\"formatos\">\n  <div class=\"shell\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"num\">03 · Como trabalhamos juntos</div>\n      <h2>Formatos flexíveis, <em>customizados</em> para a sua necessidade.</h2>\n    </div>\n\n    <div class=\"formats-list\" data-reveal-stagger>\n      <a href=\"#contato\" class=\"format\">\n        <div class=\"num\">01</div>\n        <div class=\"name\">Palestras <em>· inspirar e provocar</em></div>\n        <div class=\"format-body\">\n          <div class=\"desc\">Para provocar e inspirar decisão em eventos corporativos, congressos e summits.</div>\n          <div class=\"who\"><strong>Para quem</strong> Congressos, summits, convenções e kickoffs de empresas.</div>\n        </div>\n        <span class=\"pill\">\n          Solicitar proposta\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg>\n        </span>\n      </a>\n      <a href=\"#contato\" class=\"format\">\n        <div class=\"num\">02</div>\n        <div class=\"name\">Workshops <em>· mão na massa</em></div>\n        <div class=\"format-body\">\n          <div class=\"desc\">Imersões práticas para equipes ou lideranças, com foco em frameworks e aplicação real.</div>\n          <div class=\"who\"><strong>Para quem</strong> Times e lideranças de qualquer área que querem sair da teoria e aplicar.</div>\n        </div>\n        <span class=\"pill\">\n          Solicitar proposta\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg>\n        </span>\n      </a>\n      <a href=\"#contato\" class=\"format\">\n        <div class=\"num\">03</div>\n        <div class=\"name\">Mediação <em>· painéis e talks</em></div>\n        <div class=\"format-body\">\n          <div class=\"desc\">Mediação de painéis, fireside-chat, curadoria e abertura de eventos para inspirar a audiência.</div>\n          <div class=\"who\"><strong>Para quem</strong> Organizadores de eventos e fóruns de negócio.</div>\n        </div>\n        <span class=\"pill\">\n          Solicitar proposta\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg>\n        </span>\n      </a>\n      <a href=\"#contato\" class=\"format\">\n        <div class=\"num\">04</div>\n        <div class=\"name\">Aulas <em>· in-company</em></div>\n        <div class=\"format-body\">\n          <div class=\"desc\">Conteúdo aplicado em tecnologia, inovação, CX ou liderança para iniciativas corporativas.</div>\n          <div class=\"who\"><strong>Para quem</strong> Universidades corporativas, RH e programas de formação.</div>\n        </div>\n        <span class=\"pill\">\n          Solicitar proposta\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg>\n        </span>\n      </a>\n      <a href=\"#contato\" class=\"format\">\n        <div class=\"num\">05</div>\n        <div class=\"name\">Mentoria <em>· 1:1</em></div>\n        <div class=\"format-body\">\n          <div class=\"desc\">Acompanhamento individual para líderes e profissionais que querem evoluir em IA, carreira e gestão.</div>\n          <div class=\"who\"><strong>Para quem</strong> Líderes, founders e profissionais em transição.</div>\n        </div>\n        <span class=\"pill\">\n          Solicitar proposta\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg>\n        </span>\n      </a>\n    </div>\n\n    <dl class=\"formats-foot\" data-reveal>\n      <div>\n        <dt>Modalidade</dt>\n        <dd>Presencial ou remoto<span>conforme briefing</span></dd>\n      </div>\n      <div>\n        <dt>Alcance</dt>\n        <dd>Brasil e exterior<span>português · inglês · espanhol</span></dd>\n      </div>\n      <div>\n        <dt>Personalização</dt>\n        <dd>Material adaptado<span>objetivo e audiência do cliente</span></dd>\n      </div>\n    </dl>\n  </div>\n</section>\n\n<!-- ========== TESTIMONIALS ========== -->\n<section class=\"testis\">\n  <div class=\"shell\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"num\">04 · Quem já viveu</div>\n      <h2>O que <em>falam</em> sobre a Babi.</h2>\n    </div>\n\n    <div class=\"testi-grid\" data-reveal-stagger>\n      <div class=\"testi\">\n        <div class=\"qm\">“</div>\n        <p>A forma como a Babi explica é incrível. Clara, objetiva, com analogias descontraídas que tornam conceitos complexos fáceis de entender.</p>\n        <div class=\"source\">Participante · Workshop in-company</div>\n      </div>\n      <div class=\"testi\">\n        <div class=\"qm\">“</div>\n        <p>Me deu muitos insights sobre mecanismos de liderança. As dicas que a Babi compartilhou são para a vida.</p>\n        <div class=\"source\">Participante · Sessão de liderança</div>\n      </div>\n      <div class=\"testi\">\n        <div class=\"qm\">“</div>\n        <p>A energia e simpatia da Babi prende a nossa atenção. Poderia ficar horas ouvindo, o formato é leve, divertido e nada cansativo.</p>\n        <div class=\"source\">Participante · Keynote corporativo</div>\n      </div>\n      <div class=\"testi\">\n        <div class=\"qm\">“</div>\n        <p>Aula sensacional, muita coisa da realidade e exemplos de utilização de IA. A didática da Babi é excelente.</p>\n        <div class=\"source\">Aluna · Curso aplicado de IA</div>\n      </div>\n    </div>\n  </div>\n</section>\n\n<!-- ========== MEDIA ========== -->\n<section class=\"media\" id=\"midia\">\n  <div class=\"shell\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"num\">05 · Na mídia</div>\n      <h2>Onde a conversa <em>continua</em>.</h2>\n      <p class=\"section-note\">Entrevistas, artigos e podcasts sobre <em>IA, experiência do cliente e liderança</em>, em veículos como Exame, Meio &amp; Mensagem, TI Inside e ClienteSA.</p>\n    </div>\n\n    <div class=\"media-group\" data-reveal>\n      <div class=\"media-grouphead\">\n        <span class=\"row-label\">Publicações &amp; matérias</span>\n      </div>\n      <ul class=\"media-list\" data-reveal-stagger>\n        <li>\n          <a class=\"media-item\" href=\"#\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">Meio &amp; Mensagem</span>\n            <span class=\"title\">Women To Watch 2025: uma das mulheres à frente da IA no Brasil.</span>\n            <span class=\"arrow\">Ler matéria <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n        <li>\n          <a class=\"media-item\" href=\"#\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">Exame</span>\n            <span class=\"title\">Customer Intelligence: a fusão de IA e CX que gera diferencial competitivo.</span>\n            <span class=\"arrow\">Ler matéria <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n        <li>\n          <a class=\"media-item\" href=\"#\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">Meio &amp; Mensagem</span>\n            <span class=\"title\">Empreendedoras dão conselhos estratégicos para 2026.</span>\n            <span class=\"arrow\">Ler matéria <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n        <li>\n          <a class=\"media-item\" href=\"#\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">Starten</span>\n            <span class=\"title\">Customer Intelligence como diferencial competitivo em 2026.</span>\n            <span class=\"arrow\">Ler matéria <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n        <li>\n          <a class=\"media-item\" href=\"https://tiinside.com.br/17/12/2025/tendencias-de-ia-generativa-em-2026-o-que-muda-na-experiencia-do-cliente/\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">TI Inside</span>\n            <span class=\"title\">Tendências de IA generativa em 2026: o que muda na experiência do cliente.</span>\n            <span class=\"arrow\">Ler matéria <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n        <li>\n          <a class=\"media-item\" href=\"https://brasilinovador.com.br/barbara-vallim-ia-potencializa-inteligencia-estrategica-no-atendimento-ao-cliente/\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">Brasil Inovador</span>\n            <span class=\"title\">IA potencializa a inteligência estratégica no atendimento ao cliente.</span>\n            <span class=\"arrow\">Ler matéria <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n        <li>\n          <a class=\"media-item\" href=\"https://mulherespositivas.com.br/team/barbara-vallim/\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">Mulheres Positivas</span>\n            <span class=\"title\">Bárbara Vallim na comunidade Mulheres Positivas.</span>\n            <span class=\"arrow\">Ver perfil <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n      </ul>\n    </div>\n\n    <div class=\"media-group\" data-reveal>\n      <div class=\"media-grouphead\">\n        <span class=\"row-label\">Podcasts &amp; entrevistas</span>\n        <div class=\"carousel-nav\">\n          <button type=\"button\" data-pod-prev aria-label=\"Anterior\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M10 3L5 8L10 13\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"square\"/></svg>\n          </button>\n          <button type=\"button\" data-pod-next aria-label=\"Próximo\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M6 3L11 8L6 13\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"square\"/></svg>\n          </button>\n        </div>\n      </div>\n      <div class=\"pod-track\" data-pod-track>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=OrJBMCt3Fm4\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/OrJBMCt3Fm4/hqdefault.jpg\" alt=\"A Era da Economia da Experiência · ClienteSA X-Summit 2026\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">ClienteSA · X-Summit 2026</span>\n            <span class=\"title\">A Era da Economia da Experiência.</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=6pHHAubru4Y\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/6pHHAubru4Y/hqdefault.jpg\" alt=\"O futuro da Liderança na Era da Inteligência Artificial\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">Isabela Côrtes</span>\n            <span class=\"title\">O futuro da Liderança na Era da Inteligência Artificial.</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=enjub9oyO34\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/enjub9oyO34/hqdefault.jpg\" alt=\"Os riscos de ser um profissional vagalume\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">ClienteSA</span>\n            <span class=\"title\">Os riscos de ser um profissional vagalume.</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=VE1vfyXofyY\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/VE1vfyXofyY/hqdefault.jpg\" alt=\"O desafio da relevância: como conquistar um consumidor cada vez menos fiel?\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">ClienteSA</span>\n            <span class=\"title\">O desafio da relevância: como conquistar um consumidor cada vez menos fiel?</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=7mPjVybm8qw\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/7mPjVybm8qw/hqdefault.jpg\" alt=\"Agentes de IA: riscos e oportunidades\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">Faculdade LEC</span>\n            <span class=\"title\">Agentes de IA: riscos e oportunidades.</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=-fzCbX02GpQ\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/-fzCbX02GpQ/hqdefault.jpg\" alt=\"Não automatize o caos · Papo de Founder\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">Papo de Founder · Luiz Gomes</span>\n            <span class=\"title\">Não automatize o caos.</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=wjTMgEzSVJA\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/wjTMgEzSVJA/hqdefault.jpg\" alt=\"Se você deixar a IA pensar por você, seu cérebro vira mingau · EP41\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">Cadê meu RG? · EP41</span>\n            <span class=\"title\">Se você deixar a IA pensar por você, seu cérebro vira mingau.</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n      </div>\n    </div>\n  </div>\n</section>\n\n<!-- ========== FAQ ========== -->\n<section class=\"faq\" id=\"faq\">\n  <div class=\"shell\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"num\">06 · Perguntas frequentes</div>\n      <h2>Antes de <em>conversarmos</em>.</h2>\n    </div>\n\n    <div class=\"faq-list\" data-reveal>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Quem é Bárbara Vallim?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Bárbara Vallim é CEO e fundadora da Hera.build, com 17 anos de experiência em tecnologia. Atua em palestras, workshops, aulas e mentorias sobre IA, experiência do cliente e liderança, e liderou times de engenharia, produto e pré-vendas em empresas como Microsoft, Nike, Nubank, Mercado Livre, Twilio, Sprinklr e Easy Taxi. Em 2025 foi reconhecida pelo Women To Watch, do Meio &amp; Mensagem, como uma das mulheres à frente da IA no Brasil.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Sobre quais temas Bárbara Vallim fala?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Bárbara Vallim fala sobre inteligência artificial aplicada a negócios, agentes de IA, experiência do cliente (CX), liderança, produto e cultura de dados. Todos os conteúdos são customizados para o objetivo e o público de cada empresa ou evento.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Como falar com a Bárbara Vallim para uma palestra, workshop ou evento?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Para falar com a Bárbara Vallim, envie um briefing com o evento, o público e o objetivo para o e-mail <a href=\"mailto:hello@babivallim.com\">hello@babivallim.com</a>. Em até 48 horas você recebe uma proposta personalizada com formato, conteúdo e investimento.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Quais formatos a Bárbara Vallim oferece?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Bárbara Vallim oferece cinco formatos: palestras, workshops de imersão, mediação de painéis e talks, aulas in-company e mentoria individual (1:1). O formato é definido conforme a necessidade do cliente.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Posso ter sessões de mentoria individual com a Bárbara Vallim?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Sim. Além das palestras, workshops e aulas, a Bárbara Vallim oferece mentorias individuais (1:1) para líderes, founders e profissionais que querem evoluir em IA, carreira e gestão. As sessões são personalizadas para o seu momento e objetivo.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Bárbara Vallim atende presencialmente e online? Trabalha fora do Brasil?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Sim. Bárbara Vallim atende presencialmente e online, no Brasil e no exterior, em português, inglês e espanhol.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Para quem são as palestras, workshops e aulas de Bárbara Vallim?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Para empresas, universidades corporativas, áreas de RH, organizadores de eventos, congressos e lideranças que querem aplicar inteligência artificial, experiência do cliente e liderança na prática.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Em quais empresas Bárbara Vallim já palestrou ou deu aula?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Bárbara Vallim já realizou palestras e aulas in-company em empresas e escolas como Grupo SBF, Porto Seguro, Serasa, Certisign, Zucchetti, IWSA, Potiguar e Starian, além de já ter formado mais de 5.000 pessoas em palestras, workshops e aulas.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Por que escolher a Bárbara Vallim?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Porque Bárbara Vallim une visão estratégica, domínio técnico e a vivência de quem empreende: fala com autoridade a partir de quem construiu produtos, liderou times de engenharia, produto e pré-vendas em empresas globais e hoje toca o próprio negócio à frente da Hera.build. Traduz temas complexos em conteúdo aplicado, com linguagem acessível e exemplos reais, sempre customizado ao objetivo e ao contexto de cada cliente.</div>\n      </details>\n    </div>\n  </div>\n</section>\n\n<!-- ========== CTA ========== -->\n<section class=\"cta\" id=\"contato\">\n  <div class=\"shell\">\n    <div class=\"cta-inner\" data-reveal>\n      <h2>Vamos <em>conversar</em>?</h2>\n      <p>Me conta o que você tem em mente: um evento, uma ideia ou uma dúvida. Respondo pessoalmente, normalmente em até <strong style=\"color:var(--fg)\">24h</strong>.</p>\n      <!-- TODO: conectar este formulário ao backend/serviço de envio depois -->\n      <form class=\"cta-form\" data-reveal>\n        <div class=\"field\">\n          <label for=\"cf-nome\">Nome</label>\n          <input id=\"cf-nome\" name=\"nome\" type=\"text\" placeholder=\"Como posso te chamar?\" required>\n        </div>\n        <div class=\"field\">\n          <label for=\"cf-contato\">E-mail ou WhatsApp</label>\n          <input id=\"cf-contato\" name=\"contato\" type=\"text\" placeholder=\"Onde eu te respondo?\" required>\n        </div>\n        <div class=\"field\">\n          <label for=\"cf-msg\">Mensagem</label>\n          <textarea id=\"cf-msg\" name=\"mensagem\" placeholder=\"Conte sobre o evento, a audiência e o objetivo.\" required></textarea>\n        </div>\n        <button type=\"submit\" class=\"btn btn-primary\">\n          Enviar mensagem\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 10L10 2M10 2H4M10 2V8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"square\"/></svg>\n        </button>\n        <p class=\"consent\">Ao enviar, você concorda em compartilhar seus dados para que a Bárbara possa retornar o seu contato.</p>\n      </form>\n    </div>\n\n    <div class=\"contacts-head\" id=\"contatos\" data-reveal>Contatos</div>\n    <div class=\"contacts\" data-reveal-stagger>\n      <a class=\"contact-cell\" href=\"mailto:hello@babivallim.com\">\n        <div class=\"k\">E-mail</div>\n        <div class=\"v\">hello@babivallim.com</div>\n      </a>\n      <a class=\"contact-cell\" href=\"https://linkedin.com/in/babivv\" target=\"_blank\" rel=\"noreferrer\">\n        <div class=\"k\">LinkedIn</div>\n        <div class=\"v\">linkedin.com/in/babivv</div>\n      </a>\n      <a class=\"contact-cell\" href=\"https://instagram.com/babivv\" target=\"_blank\" rel=\"noreferrer\">\n        <div class=\"k\">Instagram</div>\n        <div class=\"v\">@babivv</div>\n      </a>\n    </div>\n  </div>\n</section>\n\n<!-- ========== FOOTER (mínimo) ========== -->\n<footer class=\"foot-mini\">\n  <span>© 2026 Bárbara Vallim</span>\n  <a href=\"#top\">Voltar ao topo ↑</a>\n</footer>\n</div>`\n  },\n\n  mounted(d2, root) {\n    // ---------- Smooth in-page anchor navigation (native #frag scroll can't cross the shadow boundary) ----------\n    d2.on('a[href^=\"#\"]', 'click', (e, el) => {\n      const id = el.getAttribute('href').slice(1)\n      if (!id) return\n      const target = root.querySelector('#' + CSS.escape(id))\n      if (target) {\n        e.preventDefault()\n        target.scrollIntoView({ behavior: 'smooth', block: 'start' })\n      }\n    })\n\n    // ---------- NAV scrolled state ----------\n    const nav = root.querySelector('#nav')\n    const onScroll = () => { if (nav) nav.classList.toggle('scrolled', root.scrollTop > 40) }\n    d2.on(root, 'scroll', onScroll, { passive: true })\n    onScroll()\n\n    // ---------- Reveal on scroll ----------\n    const io = new IntersectionObserver((entries) => {\n      entries.forEach(en => { if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target) } })\n    }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' })\n    root.querySelectorAll('[data-reveal], [data-reveal-stagger]').forEach(el => io.observe(el))\n    d2.onUnmount(() => io.disconnect())\n\n    // ---------- Counter animation for numbers ----------\n    const formatters = {\n      '+17': v => '+' + Math.round(v),\n      '+5.000': v => '+' + Math.round(v).toLocaleString('pt-BR'),\n      '+50': v => '+' + Math.round(v),\n      '+10': v => '+' + Math.round(v),\n    }\n    const counters = root.querySelectorAll('.num-cell .figure')\n    const cio = new IntersectionObserver((entries) => {\n      entries.forEach(en => {\n        if (!en.isIntersecting) return\n        const el = en.target\n        const final = el.textContent.trim()\n        const target = parseFloat(final.replace(/[^\\d.,]/g, '').replace('.', '').replace(',', '.'))\n        if (isNaN(target)) return\n        const fmt = formatters[final] || (v => Math.round(v))\n        const t0 = performance.now()\n        const dur = 1400\n        d2.raf((t) => {\n          const p = Math.min(1, (t - t0) / dur)\n          const eased = 1 - Math.pow(1 - p, 3)\n          el.textContent = fmt(target * eased)\n          if (p >= 1) { el.textContent = final; return false }\n        })\n        cio.unobserve(el)\n      })\n    }, { threshold: 0.5 })\n    counters.forEach(c => cio.observe(c))\n    d2.onUnmount(() => cio.disconnect())\n\n    // ---------- Podcast carousel ----------\n    const podTrack = root.querySelector('[data-pod-track]')\n    if (podTrack) {\n      const prev = root.querySelector('[data-pod-prev]')\n      const next = root.querySelector('[data-pod-next]')\n      const step = () => {\n        const card = podTrack.querySelector('.pod-card')\n        const gap = 20\n        return card ? card.offsetWidth + gap : podTrack.clientWidth * 0.8\n      }\n      const update = () => {\n        const max = podTrack.scrollWidth - podTrack.clientWidth - 1\n        if (prev) prev.disabled = podTrack.scrollLeft <= 0\n        if (next) next.disabled = podTrack.scrollLeft >= max\n      }\n      if (prev) d2.on(prev, 'click', () => podTrack.scrollBy({ left: -step(), behavior: 'smooth' }))\n      if (next) d2.on(next, 'click', () => podTrack.scrollBy({ left: step(), behavior: 'smooth' }))\n      d2.on(podTrack, 'scroll', update, { passive: true })\n      d2.on(window, 'resize', update)\n      update()\n    }\n  },\n}\n"}}}}}},"__d2PrevCode":{"code":"export default {\n  css: `/* ---------- TOKENS ---------- */\n:host{\n  --bg:        #0A0A0A;\n  --bg-2:      #111110;\n  --fg:        #F2F0E8;\n  --fg-dim:    #9A988F;\n  --muted:     #5E5C55;\n  --line:      rgba(242,240,232,0.08);\n  --line-2:    rgba(242,240,232,0.16);\n\n  /* Fluorescent yellow */\n  --neon:      #E5FF00;\n  --neon-2:    #C8E000;\n  --neon-glow: 0 0 60px rgba(229,255,0,0.35);\n\n  --maxw: 1380px;\n  --gut:  clamp(20px, 4vw, 56px);\n\n  /* Vertical rhythm (section padding) */\n  --sec:    clamp(64px, 8vw, 104px);\n  --sec-lg: clamp(80px, 9.5vw, 124px);\n  --head-gap: clamp(36px, 4.5vw, 56px);\n\n  --ease: cubic-bezier(0.22, 1, 0.36, 1);\n  --ease-bounce: cubic-bezier(0.34, 1.4, 0.64, 1);\n\n  --serif:  \"Fraunces\", \"Times New Roman\", serif;\n  --italic: \"Instrument Serif\", \"Times New Roman\", serif;\n  --sans:   \"Geist\", -apple-system, BlinkMacSystemFont, sans-serif;\n  --mono:   \"Geist Mono\", ui-monospace, monospace;\n}\n\n/* ---------- BASE ---------- */\n*{box-sizing:border-box;margin:0;padding:0}\n.bv-root{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}\n.bv-root{\n  font-family:var(--sans);\n  background:var(--bg);\n  color:var(--fg);\n  font-size:16px;\n  line-height:1.55;\n  overflow-x:hidden;\n  font-feature-settings:\"ss01\",\"ss02\",\"cv11\";\n  font-optical-sizing:auto;\n}\n::selection{background:var(--neon);color:#000}\na{color:inherit;text-decoration:none}\nimg{display:block;max-width:100%}\nbutton{font:inherit;cursor:pointer;border:none;background:none;color:inherit}\n\n/* Grain overlay */\n.bv-root::before{\n  content:\"\";position:fixed;inset:0;pointer-events:none;z-index:1000;\n  opacity:.06;mix-blend-mode:overlay;\n  background-image:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>\");\n}\n\n.shell{max-width:var(--maxw);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}\n\n/* Eyebrow label */\n.eyebrow{\n  font-family:var(--mono);\n  font-size:11px;letter-spacing:.22em;text-transform:uppercase;\n  color:var(--neon);\n  display:inline-flex;align-items:center;gap:10px;\n}\n.eyebrow::before{\n  content:\"\"; width:6px; height:6px; background:var(--neon);\n  box-shadow:var(--neon-glow);\n  border-radius:50%;\n}\n\n/* ---------- NAV ---------- */\n.nav{\n  position:fixed; top:0; left:0; right:0; z-index:90;\n  display:flex; align-items:center; justify-content:space-between;\n  padding:18px var(--gut);\n  transition:background .4s var(--ease), backdrop-filter .4s var(--ease), border-color .4s var(--ease);\n  border-bottom:1px solid transparent;\n}\n.nav.scrolled{\n  background:rgba(10,10,10,.72);\n  backdrop-filter:saturate(180%) blur(20px);\n  -webkit-backdrop-filter:saturate(180%) blur(20px);\n  border-bottom-color:var(--line);\n}\n.brand{\n  display:flex; align-items:center; gap:12px;\n  font-family:var(--serif); font-weight:500; font-size:17px;\n  letter-spacing:-0.01em;\n}\n.brand-mark{\n  width:30px; height:30px; border-radius:8px;\n  background:var(--neon);\n  display:grid; place-items:center;\n  font-family:var(--serif); font-weight:700; color:#000;\n  font-size:15px; letter-spacing:-0.02em;\n  box-shadow:0 0 0 1px rgba(229,255,0,.35), 0 0 30px rgba(229,255,0,.25);\n}\n.nav-links{display:flex; gap:32px; font-family:var(--mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase;}\n.nav-links a{color:var(--fg-dim); transition:color .25s var(--ease); position:relative}\n.nav-links a:hover{color:var(--fg)}\n.nav-links a::after{\n  content:\"\"; position:absolute; left:0; right:0; bottom:-6px; height:1px;\n  background:var(--neon); transform:scaleX(0); transform-origin:left;\n  transition:transform .35s var(--ease);\n}\n.nav-links a:hover::after{transform:scaleX(1)}\n\n.nav-cta{\n  font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase;\n  background:var(--neon); color:#000;\n  padding:10px 18px; border-radius:999px;\n  display:inline-flex; align-items:center; gap:8px;\n  transition:transform .25s var(--ease), box-shadow .35s var(--ease);\n}\n.nav-cta:hover{transform:translateY(-1px); box-shadow:var(--neon-glow)}\n.nav-cta svg{transition:transform .3s var(--ease)}\n.nav-cta:hover svg{transform:translate(2px,-2px)}\n\n@media (max-width:860px){\n  .nav-links{display:none}\n}\n\n/* ---------- HERO ---------- */\n.hero{\n  position:relative; min-height:100svh; padding-top:clamp(120px,16vh,150px); padding-bottom:var(--sec);\n}\n.hero-grid{\n  display:grid;\n  grid-template-columns:1.35fr 1fr;\n  grid-template-areas:\"intro portrait\" \"bio portrait\";\n  column-gap:clamp(40px,6vw,88px); row-gap:0; align-items:start;\n}\n.hero-intro{grid-area:intro}\n.hero-portrait-col{\n  grid-area:portrait; align-self:start;\n  position:sticky; top:clamp(96px,13vh,120px);\n}\n.hero-bio{\n  grid-area:bio; max-width:58ch;\n  margin-top:clamp(56px,8vw,104px);\n  padding-top:clamp(32px,4vw,48px); border-top:1px solid var(--line);\n}\n@media (max-width:900px){\n  .hero-grid{grid-template-columns:1fr; grid-template-areas:\"intro\" \"portrait\" \"bio\"}\n  .hero-portrait-col{position:static; margin-top:36px}\n  .hero-bio{margin-top:44px}\n}\n.hero .eyebrow{margin-bottom:36px}\n\n/* Hero bio (fundido com o \"Sobre\") */\n.hero-bio .quote{\n  font-family:var(--serif); font-weight:340;\n  font-size:clamp(26px,3.2vw,40px); line-height:1.18; letter-spacing:-0.02em;\n  font-variation-settings:\"opsz\" 60; max-width:24ch;\n}\n.hero-bio .quote em{font-family:var(--italic); font-style:italic; color:var(--neon); font-weight:400}\n.hero-bio .bio-text{margin-top:28px}\n.hero-bio .bio-text p{\n  font-size:clamp(15px,1.25vw,17px); line-height:1.75; color:var(--fg-dim);\n}\n.hero-bio .bio-text p + p{margin-top:16px}\n.hero-bio .bio-text strong{color:var(--fg); font-weight:500}\n.hero-bio .sig{\n  margin-top:28px; display:flex; align-items:center; gap:14px;\n  font-family:var(--italic); font-style:italic; font-size:18px; color:var(--fg);\n}\n.hero-bio .sig::before{content:\"\"; width:32px; height:2px; background:var(--neon)}\n.hero-portrait-col .portrait{max-height:min(78vh, 640px)}\n@media (max-width:900px){.hero-portrait-col .portrait{max-height:none}}\n\n.hero h1{\n  font-family:var(--serif);\n  font-weight:300;\n  font-size:clamp(64px, 11vw, 168px);\n  line-height:0.88; letter-spacing:-0.045em;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 30;\n}\n.hero h1 .ital{\n  font-family:var(--italic); font-style:italic; font-weight:400;\n  color:var(--neon);\n  letter-spacing:-0.015em;\n}\n.hero-sub{\n  margin-top:36px; max-width:560px;\n  font-family:var(--sans); font-size:clamp(17px,1.4vw,21px); line-height:1.45;\n  color:var(--fg-dim);\n}\n.hero-sub strong{color:var(--fg); font-weight:500}\n.hero-meta{\n  margin-top:48px; display:flex; gap:20px; flex-wrap:wrap; align-items:center;\n}\n.btn{\n  font-family:var(--mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase;\n  padding:18px 26px; border-radius:999px;\n  display:inline-flex; align-items:center; gap:10px;\n  transition:transform .3s var(--ease), background .25s var(--ease), color .25s var(--ease), box-shadow .35s var(--ease);\n}\n.btn-primary{background:var(--neon); color:#000}\n.btn-primary:hover{transform:translateY(-2px); box-shadow:var(--neon-glow)}\n.btn-ghost{border:1px solid var(--line-2); color:var(--fg)}\n.btn-ghost:hover{border-color:var(--neon); color:var(--neon)}\n.btn svg{transition:transform .3s var(--ease)}\n.btn:hover svg{transform:translateX(3px)}\n\n/* Portrait card */\n.portrait{\n  position:relative;\n  aspect-ratio: 4/5;\n  border:1.5px solid var(--neon);\n  border-radius:6px;\n  overflow:hidden;\n  background:linear-gradient(155deg,#1a1a18 0%,#0a0a0a 100%);\n  box-shadow:0 30px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(229,255,0,.15);\n  transform:rotate(.5deg);\n  transition:transform .6s var(--ease);\n}\n.portrait:hover{transform:rotate(0deg) translateY(-4px)}\n.portrait img{width:100%; height:100%; object-fit:cover; object-position:center 15%}\n.portrait .placeholder{\n  position:absolute; inset:0;\n  display:grid; place-items:center;\n  font-family:var(--serif); font-size:240px; font-weight:300;\n  color:rgba(229,255,0,.08); letter-spacing:-0.05em;\n  user-select:none;\n}\n.portrait .tag{\n  position:absolute; left:14px; top:14px;\n  font-family:var(--mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase;\n  color:var(--neon);\n  background:rgba(0,0,0,.6); backdrop-filter:blur(8px);\n  padding:6px 10px; border:1px solid rgba(229,255,0,.3); border-radius:4px;\n}\n.portrait .credit{\n  position:absolute; right:14px; bottom:14px;\n  font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase;\n  color:var(--fg-dim);\n}\n\n/* Marquee ticker at top of hero */\n.ticker{\n  position:absolute; top:84px; left:0; right:0;\n  border-top:1px solid var(--line); border-bottom:1px solid var(--line);\n  overflow:hidden; white-space:nowrap;\n  font-family:var(--mono); font-size:11px; letter-spacing:.24em; text-transform:uppercase;\n  color:var(--fg-dim);\n  padding:10px 0;\n  pointer-events:none;\n}\n.ticker-track{display:inline-flex; gap:48px; animation:slide 38s linear infinite}\n.ticker-track span{display:inline-flex; align-items:center; gap:14px}\n.ticker-track span::before{\n  content:\"◆\"; color:var(--neon); font-size:8px;\n}\n@keyframes slide{\n  from{transform:translateX(0)} to{transform:translateX(-50%)}\n}\n\n/* Hero scroll indicator */\n.scroll-cue{\n  position:absolute; bottom:30px; left:var(--gut);\n  font-family:var(--mono); font-size:10px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--muted); display:flex; align-items:center; gap:12px;\n}\n.scroll-cue .line{\n  display:inline-block; width:36px; height:1px; background:var(--fg-dim);\n  position:relative; overflow:hidden;\n}\n.scroll-cue .line::after{\n  content:\"\"; position:absolute; inset:0; background:var(--neon);\n  transform:translateX(-100%); animation:scrollLine 2.4s var(--ease) infinite;\n}\n@keyframes scrollLine{\n  0%{transform:translateX(-100%)} 60%,100%{transform:translateX(100%)}\n}\n\n/* ---------- SECTION SHELL ---------- */\n.section{padding:var(--sec) 0; position:relative}\n.section-head{\n  display:grid; grid-template-columns:180px 1fr; gap:48px;\n  margin-bottom:var(--head-gap); align-items:start;\n}\n@media (max-width:780px){.section-head{grid-template-columns:1fr; gap:24px; margin-bottom:48px}}\n.section-head .num{\n  font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--neon); padding-top:14px;\n}\n.section-head h2{\n  font-family:var(--serif); font-weight:340;\n  font-size:clamp(40px, 6vw, 88px);\n  line-height:0.98; letter-spacing:-0.03em;\n  font-variation-settings:\"opsz\" 110, \"SOFT\" 50;\n  max-width:14ch;\n}\n.section-head .section-note{\n  grid-column:2; margin-top:28px; max-width:56ch;\n  font-size:clamp(17px, 1.5vw, 19px); line-height:1.65; color:var(--fg-dim);\n}\n.section-head .section-note em{\n  font-family:var(--italic); font-style:italic; font-size:1.05em; color:var(--neon);\n}\n@media (max-width:780px){.section-head .section-note{grid-column:1}}\n.section-head h2 em{\n  font-family:var(--italic); font-style:italic; font-weight:400; color:var(--neon);\n}\n\n/* ---------- MANIFESTO ---------- */\n.manifesto{\n  position:relative; padding:var(--sec-lg) 0;\n  border-top:1px solid var(--line);\n  background:linear-gradient(180deg, rgba(229,255,0,0.02) 0%, transparent 50%);\n}\n.manifesto .quote{\n  font-family:var(--serif); font-weight:340;\n  font-size:clamp(32px, 4.4vw, 64px);\n  line-height:1.12; letter-spacing:-0.018em;\n  max-width:22ch;\n  font-variation-settings:\"opsz\" 90;\n}\n.manifesto .quote em{\n  font-family:var(--italic); font-style:italic; color:var(--neon); font-weight:400;\n}\n.manifesto-bio{margin-top:40px; max-width:60ch}\n.manifesto-bio p{\n  font-size:clamp(16px, 1.4vw, 18px); line-height:1.75; color:var(--fg-dim);\n}\n.manifesto-bio p + p{margin-top:18px}\n.manifesto-bio strong{color:var(--fg); font-weight:500}\n.manifesto-bio em{font-family:var(--italic); font-style:italic; color:var(--fg)}\n.manifesto-grid{\n  display:grid; grid-template-columns:140px 1fr 320px; gap:80px; align-items:start;\n}\n@media (max-width:1000px){.manifesto-grid{grid-template-columns:1fr; gap:40px}}\n.manifesto .qmark{\n  font-family:var(--italic); font-style:italic; font-size:180px; line-height:.6;\n  color:var(--neon); padding-top:32px;\n}\n.manifesto-meta{padding-top:14px}\n.manifesto-meta p{color:var(--fg-dim); font-size:15px; line-height:1.6; max-width:38ch}\n.manifesto-meta p + p{margin-top:18px}\n.manifesto-meta .sig{\n  margin-top:32px; display:flex; align-items:center; gap:14px;\n  font-family:var(--italic); font-style:italic; font-size:18px;\n}\n.manifesto-meta .sig::before{\n  content:\"\"; width:32px; height:2px; background:var(--neon);\n}\n\n/* ---------- NUMBERS ---------- */\n.numbers{padding:var(--sec) 0; border-top:1px solid var(--line)}\n.num-grid{\n  display:grid; grid-template-columns:repeat(4,1fr); gap:0;\n  border-top:1px solid var(--line);\n}\n@media (max-width:900px){.num-grid{grid-template-columns:repeat(2,1fr)}}\n.num-cell{\n  padding:48px 28px 36px; border-right:1px solid var(--line); border-bottom:1px solid var(--line);\n  position:relative; overflow:hidden;\n  transition:background .4s var(--ease);\n}\n.num-cell:nth-child(4n){border-right:none}\n@media (max-width:900px){\n  .num-cell:nth-child(4n){border-right:1px solid var(--line)}\n  .num-cell:nth-child(2n){border-right:none}\n}\n.num-cell::before{\n  content:\"\"; position:absolute; top:0; left:0; width:0%; height:2px;\n  background:var(--neon); transition:width .8s var(--ease);\n}\n.num-cell:hover::before{width:100%}\n.num-cell:hover{background:rgba(229,255,0,0.025)}\n.num-cell .figure{\n  font-family:var(--serif); font-weight:300;\n  font-size:clamp(56px, 6vw, 104px); line-height:.95; letter-spacing:-0.05em;\n  font-variation-settings:\"opsz\" 144;\n  white-space:nowrap;\n}\n.num-cell .label{\n  margin-top:24px;\n  font-family:var(--mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase;\n  color:var(--neon);\n}\n.num-cell .desc{\n  margin-top:14px; font-size:14px; line-height:1.5; color:var(--fg-dim); max-width:24ch;\n}\n\n/* ---------- LOGOS ---------- */\n.logos{padding:var(--sec) 0; border-top:1px solid var(--line)}\n.logos-row + .logos-row{margin-top:48px}\n.logos-inline{margin-top:clamp(56px, 7vw, 88px)}\n.logos-row .row-label{\n  font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--fg-dim); margin-bottom:20px; display:flex; align-items:center; gap:12px;\n}\n.logos-row .row-label::before{content:\"\"; width:8px; height:1px; background:var(--neon)}\n.logos-grid{\n  display:grid; grid-template-columns:repeat(4,1fr); gap:0;\n  border-top:1px solid var(--line); border-left:1px solid var(--line);\n}\n@media (max-width:820px){.logos-grid{grid-template-columns:repeat(2,1fr)}}\n.logo-cell{\n  aspect-ratio:2/1;\n  display:grid; place-items:center;\n  border-right:1px solid var(--line); border-bottom:1px solid var(--line);\n  transition:background .35s var(--ease);\n  position:relative;\n}\n.logo-cell img{\n  max-width:58%; max-height:36%; width:auto; height:auto; object-fit:contain;\n  filter:grayscale(1) brightness(0) invert(.62); opacity:.7;\n  transition:filter .35s var(--ease), opacity .35s var(--ease), transform .35s var(--ease);\n}\n.logo-cell:hover{background:#f3f3f1}\n.logo-cell:hover img{filter:none; opacity:1; transform:scale(1.05)}\n\n/* ---------- THEMES (palestras) ---------- */\n.themes{padding:var(--sec) 0; border-top:1px solid var(--line)}\n.themes-grid{\n  display:grid; grid-template-columns:repeat(3,1fr); gap:0;\n  border-top:1px solid var(--line); border-left:1px solid var(--line);\n}\n.theme{\n  padding:40px 32px; border-right:1px solid var(--line); border-bottom:1px solid var(--line);\n  position:relative; overflow:hidden;\n  transition:background .4s var(--ease);\n  min-height:260px; display:flex; flex-direction:column; justify-content:space-between;\n}\n@media (max-width:980px){\n  .themes-grid{grid-template-columns:repeat(2,1fr)}\n  .theme{min-height:220px; padding:30px 24px}\n  .theme h3{font-size:21px; margin-top:34px}\n}\n@media (max-width:560px){\n  .theme{min-height:0; padding:20px 16px}\n  .theme h3{font-size:16px; margin-top:22px; line-height:1.15; max-width:none}\n  .theme p{font-size:12.5px; margin-top:9px; line-height:1.45; max-width:none}\n  .theme .idx{font-size:10px}\n  .theme .arrow{display:none}\n  .theme-cat{margin-top:16px; font-size:9px; letter-spacing:.14em}\n}\n.theme:hover{background:rgba(229,255,0,.02)}\n.theme .idx{\n  font-family:var(--mono); font-size:11px; letter-spacing:.2em; color:var(--neon);\n}\n.theme h3{\n  font-family:var(--serif); font-weight:500;\n  font-size:26px; line-height:1.12; letter-spacing:-0.005em;\n  margin-top:48px; max-width:18ch;\n  font-variation-settings:\"opsz\" 28;\n}\n.theme p{\n  margin-top:16px; font-size:14px; line-height:1.55; color:var(--fg-dim); max-width:34ch;\n}\n.theme .arrow{\n  position:absolute; right:28px; top:32px;\n  width:36px; height:36px; border-radius:50%;\n  border:1px solid var(--line-2); display:grid; place-items:center;\n  color:var(--fg-dim);\n  transition:all .35s var(--ease);\n}\n.theme:hover .arrow{\n  border-color:var(--neon); color:var(--neon);\n  transform:rotate(-45deg);\n}\n.theme::before{\n  content:\"\"; position:absolute; left:0; top:0; height:2px; width:0;\n  background:var(--neon); transition:width .5s var(--ease);\n}\n.theme:hover::before{width:100%}\n.theme-cat{\n  margin-top:28px;\n  font-family:var(--mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase;\n  color:var(--fg-dim); display:inline-flex; align-items:center; gap:9px;\n  transition:color .35s var(--ease);\n}\n.theme-cat::before{\n  content:\"\"; width:6px; height:6px; border-radius:50%;\n  background:var(--neon); opacity:.45; transition:opacity .35s var(--ease);\n}\n.theme:hover .theme-cat{color:var(--fg)}\n.theme:hover .theme-cat::before{opacity:1}\n\n/* ---------- FORMATS (sem preço) ---------- */\n.formats{padding:var(--sec) 0; border-top:1px solid var(--line)}\n.formats-list{\n  border-top:1px solid var(--line);\n}\n.format{\n  display:grid; grid-template-columns:80px 1.2fr 2fr auto; gap:40px; align-items:center;\n  padding:36px 0; border-bottom:1px solid var(--line);\n  cursor:pointer; transition:padding .35s var(--ease);\n  position:relative;\n}\n@media (max-width:780px){\n  .format{grid-template-columns:60px 1fr auto; gap:20px; padding:24px 0}\n  .format .format-body{display:none}\n}\n.format::before{\n  content:\"\"; position:absolute; left:0; top:0; bottom:0; width:0;\n  background:var(--neon); transition:width .35s var(--ease);\n}\n.format:hover{padding-left:20px}\n.format:hover::before{width:3px}\n.format .num{\n  font-family:var(--mono); font-size:12px; color:var(--neon); letter-spacing:.2em;\n}\n.format .name{\n  font-family:var(--serif); font-weight:400;\n  font-size:clamp(28px, 3.4vw, 44px); letter-spacing:-0.025em; line-height:1;\n  font-variation-settings:\"opsz\" 144;\n}\n.format .name em{font-family:var(--italic); font-style:italic; color:var(--fg-dim); font-size:.6em; margin-left:8px}\n.format .desc{\n  font-size:14px; color:var(--fg-dim); line-height:1.5; max-width:46ch;\n}\n.format .who{\n  margin-top:12px; display:flex; gap:9px; align-items:baseline;\n  font-size:13px; color:var(--fg-dim); line-height:1.45; max-width:46ch;\n}\n.format .who strong{\n  flex:none; font-family:var(--mono); font-weight:400;\n  font-size:10px; letter-spacing:.16em; text-transform:uppercase;\n  color:var(--neon); transform:translateY(-1px);\n}\n.format:hover .who{color:var(--fg)}\n.format .pill{\n  font-family:var(--mono); font-size:11px; letter-spacing:.12em; text-transform:uppercase;\n  border:1px solid var(--line-2); padding:10px 18px; border-radius:999px;\n  display:inline-flex; align-items:center; gap:8px;\n  transition:all .3s var(--ease);\n  white-space:nowrap;\n}\n.format:hover .pill{border-color:var(--neon); color:var(--neon)}\n.format:hover .pill svg{transform:translate(2px,-2px)}\n.format .pill svg{transition:transform .3s var(--ease)}\n\n.formats-foot{\n  display:grid; grid-template-columns:1fr 1fr 1fr; gap:40px;\n  margin-top:60px; padding-top:40px; border-top:1px solid var(--line);\n}\n@media (max-width:780px){.formats-foot{grid-template-columns:1fr}}\n.formats-foot dt{\n  font-family:var(--mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase;\n  color:var(--neon); margin-bottom:8px;\n}\n.formats-foot dd{font-size:15px; color:var(--fg)}\n.formats-foot dd span{color:var(--fg-dim); display:block; font-size:13px; margin-top:2px}\n\n/* ---------- TESTIMONIALS ---------- */\n.testis{padding:var(--sec) 0; border-top:1px solid var(--line); background:var(--bg-2)}\n.testi-grid{\n  display:grid; grid-template-columns:repeat(2,1fr); gap:32px;\n}\n@media (max-width:800px){.testi-grid{grid-template-columns:1fr}}\n.testi{\n  padding:36px; border:1px solid var(--line);\n  background:rgba(255,255,255,.012);\n  position:relative; transition:transform .5s var(--ease), border-color .35s var(--ease);\n}\n.testi:hover{transform:translateY(-4px); border-color:var(--line-2)}\n.testi:nth-child(odd){transform:rotate(-.3deg)}\n.testi:nth-child(even){transform:rotate(.3deg)}\n.testi:hover{transform:translateY(-4px) rotate(0)}\n.testi .qm{\n  font-family:var(--italic); font-style:italic;\n  color:var(--neon); font-size:64px; line-height:.3;\n  margin-bottom:14px;\n}\n.testi p{\n  font-family:var(--serif); font-weight:300;\n  font-size:21px; line-height:1.35; letter-spacing:-0.012em;\n  font-variation-settings:\"opsz\" 80;\n}\n.testi .source{\n  margin-top:24px; padding-top:20px; border-top:1px solid var(--line);\n  font-family:var(--mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase;\n  color:var(--fg-dim);\n}\n\n/* ---------- MEDIA ---------- */\n.media{padding:var(--sec) 0; border-top:1px solid var(--line)}\n.media-list{border-top:1px solid var(--line)}\n.media-item{\n  display:grid; grid-template-columns:140px 1fr auto; gap:40px; align-items:center;\n  padding:28px 0; border-bottom:1px solid var(--line);\n  transition:padding .35s var(--ease), color .35s var(--ease);\n  position:relative;\n}\n@media (max-width:780px){\n  .media-item{grid-template-columns:1fr auto; gap:16px}\n  .media-item .outlet{grid-column:1/-1; font-size:11px}\n}\n.media-item::before{\n  content:\"\"; position:absolute; left:-20px; top:50%; transform:translateY(-50%);\n  width:6px; height:6px; background:var(--neon); border-radius:50%;\n  opacity:0; transition:opacity .3s var(--ease), left .35s var(--ease);\n}\n.media-item:hover{padding-left:24px}\n.media-item:hover::before{opacity:1; left:4px}\n.media-item .outlet{\n  font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--neon);\n}\n.media-item .title{\n  font-family:var(--serif); font-weight:470; font-size:clamp(20px,2.2vw,28px);\n  letter-spacing:-0.008em; line-height:1.25;\n  font-variation-settings:\"opsz\" 30;\n}\n.media-item .arrow{\n  font-family:var(--mono); font-size:12px; color:var(--fg-dim);\n  display:inline-flex; gap:8px; align-items:center;\n  transition:color .3s var(--ease), transform .3s var(--ease);\n}\n.media-item:hover .arrow{color:var(--neon); transform:translate(3px,-3px)}\n\n/* ---------- Media subgroups ---------- */\n.media-group + .media-group{margin-top:96px}\n.media-grouphead{\n  display:flex; align-items:baseline; justify-content:space-between;\n  gap:24px; margin-bottom:28px; flex-wrap:wrap;\n}\n.media-grouphead .row-label{\n  display:flex; align-items:center; gap:12px;\n  font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--neon);\n}\n.media-grouphead .row-label::before{content:\"\"; width:8px; height:1px; background:var(--neon)}\n.carousel-nav{display:flex; gap:10px}\n.carousel-nav button{\n  width:40px; height:40px; border-radius:50%;\n  border:1px solid var(--line); background:transparent; color:var(--fg);\n  display:grid; place-items:center; cursor:pointer;\n  transition:border-color .3s var(--ease), background .3s var(--ease), color .3s var(--ease), opacity .3s var(--ease);\n}\n.carousel-nav button:hover{border-color:var(--neon); color:var(--neon)}\n.carousel-nav button:disabled{opacity:.3; cursor:default}\n.carousel-nav button:disabled:hover{border-color:var(--line); color:var(--fg)}\n\n.pod-track{\n  display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory;\n  scroll-behavior:smooth; padding-bottom:8px;\n  scrollbar-width:none; -ms-overflow-style:none;\n}\n.pod-track::-webkit-scrollbar{display:none}\n.pod-card{\n  scroll-snap-align:start; flex:0 0 clamp(280px, 32%, 380px);\n  display:flex; flex-direction:column;\n  border:1px solid var(--line); border-radius:8px; overflow:hidden;\n  background:linear-gradient(155deg,#141412 0%,#0a0a0a 100%);\n  text-decoration:none; color:inherit;\n  transition:border-color .35s var(--ease), transform .35s var(--ease);\n}\n.pod-card:hover{border-color:rgba(229,255,0,.4); transform:translateY(-4px)}\n.pod-cover{\n  aspect-ratio:16/9; position:relative;\n  background:linear-gradient(135deg, rgba(229,255,0,.10), rgba(229,255,0,.02));\n}\n.pod-cover img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}\n.pod-cover::after{\n  content:\"\"; position:absolute; inset:0;\n  background:linear-gradient(180deg, transparent 40%, rgba(0,0,0,.45));\n  opacity:0; transition:opacity .35s var(--ease);\n}\n.pod-card:hover .pod-cover::after{opacity:1}\n.pod-cover .play{\n  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);\n  z-index:2; width:48px; height:48px; border-radius:50%;\n  border:1px solid rgba(229,255,0,.6); background:rgba(0,0,0,.5); backdrop-filter:blur(6px);\n  display:grid; place-items:center; color:var(--neon);\n  transition:transform .35s var(--ease), background .35s var(--ease);\n}\n.pod-card:hover .pod-cover .play{transform:translate(-50%,-50%) scale(1.1); background:rgba(0,0,0,.7)}\n.pod-body{padding:24px; display:flex; flex-direction:column; gap:10px; flex:1}\n.pod-card .outlet{\n  font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--neon);\n}\n.pod-card .title{\n  font-family:var(--serif); font-weight:500; font-size:22px; line-height:1.28;\n  letter-spacing:-0.006em; font-variation-settings:\"opsz\" 26;\n}\n.pod-card .arrow{\n  margin-top:auto; padding-top:12px;\n  font-family:var(--mono); font-size:12px; color:var(--fg-dim);\n  display:inline-flex; gap:8px; align-items:center;\n  transition:color .3s var(--ease), transform .3s var(--ease);\n}\n.pod-card:hover .arrow{color:var(--neon)}\n@media (max-width:780px){\n  .pod-card{flex-basis:78%}\n  .media-group + .media-group{margin-top:64px}\n}\n\n/* ---------- FAQ ---------- */\n.faq{padding:var(--sec) 0; border-top:1px solid var(--line)}\n.faq-list{border-top:1px solid var(--line)}\n.faq-item{border-bottom:1px solid var(--line)}\n.faq-item summary{\n  list-style:none; cursor:pointer;\n  display:flex; align-items:center; justify-content:space-between; gap:32px;\n  padding:28px 0; transition:color .3s var(--ease), padding .35s var(--ease);\n}\n.faq-item summary::-webkit-details-marker{display:none}\n.faq-q{\n  font-family:var(--serif); font-weight:500; font-size:clamp(19px,2vw,25px);\n  line-height:1.25; letter-spacing:-0.01em; font-variation-settings:\"opsz\" 28;\n}\n.faq-item summary:hover{padding-left:12px}\n.faq-item summary:hover .faq-q{color:var(--neon)}\n.faq-icon{\n  flex:none; width:34px; height:34px; border-radius:50%;\n  border:1px solid var(--line-2); display:grid; place-items:center;\n  color:var(--fg-dim); transition:all .35s var(--ease); position:relative;\n}\n.faq-icon::before,.faq-icon::after{\n  content:\"\"; position:absolute; background:currentColor;\n  transition:transform .35s var(--ease), opacity .35s var(--ease);\n}\n.faq-icon::before{width:12px; height:1.5px}\n.faq-icon::after{width:1.5px; height:12px}\n.faq-item[open] .faq-icon{border-color:var(--neon); color:var(--neon)}\n.faq-item[open] .faq-icon::after{transform:scaleY(0); opacity:0}\n.faq-a{\n  overflow:hidden;\n  max-width:70ch; padding:0 60px 30px 0;\n  font-size:15px; line-height:1.65; color:var(--fg-dim);\n}\n.faq-a a{color:var(--fg); border-bottom:1px solid var(--line-2)}\n.faq-a a:hover{color:var(--neon); border-color:var(--neon)}\n@media (max-width:780px){.faq-a{padding-right:0}}\n\n/* ---------- CTA ---------- */\n.cta{padding:var(--sec-lg) 0; border-top:1px solid var(--line); position:relative; overflow:hidden}\n.cta::after{\n  content:\"\"; position:absolute; bottom:-40%; left:50%; transform:translateX(-50%);\n  width:80vw; height:80vw; max-width:1100px; max-height:1100px;\n  background:radial-gradient(circle at center, rgba(229,255,0,.08) 0%, transparent 60%);\n  pointer-events:none;\n}\n.cta-inner{position:relative; z-index:2; text-align:center}\n.cta h2{\n  font-family:var(--serif); font-weight:300;\n  font-size:clamp(48px, 8.5vw, 140px); line-height:.92; letter-spacing:-0.045em;\n  font-variation-settings:\"opsz\" 144, \"SOFT\" 30;\n  max-width:14ch; margin:0 auto;\n}\n.cta h2 em{\n  font-family:var(--italic); font-style:italic; color:var(--neon); font-weight:400;\n}\n.cta p{\n  margin-top:36px; font-size:18px; color:var(--fg-dim); max-width:48ch;\n  margin-left:auto; margin-right:auto;\n}\n.cta-actions{margin-top:48px; display:flex; gap:16px; justify-content:center; flex-wrap:wrap}\n\n/* Contact form */\n.cta-form{\n  margin:44px auto 0; max-width:560px; text-align:left;\n  display:flex; flex-direction:column; gap:20px;\n}\n.cta-form .field{display:flex; flex-direction:column; gap:9px}\n.cta-form label{\n  font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase;\n  color:var(--fg-dim);\n}\n.cta-form input,\n.cta-form textarea{\n  width:100%; font-family:var(--sans); font-size:16px; color:var(--fg);\n  background:rgba(255,255,255,.02); border:1px solid var(--line-2); border-radius:8px;\n  padding:15px 16px; transition:border-color .3s var(--ease), background .3s var(--ease);\n}\n.cta-form input::placeholder,\n.cta-form textarea::placeholder{color:var(--muted)}\n.cta-form input:focus,\n.cta-form textarea:focus{\n  outline:none; border-color:var(--neon); background:rgba(229,255,0,.03);\n}\n.cta-form textarea{resize:vertical; min-height:120px; line-height:1.5}\n.cta-form .btn-primary{justify-content:center; width:100%; padding:18px 26px}\n.cta-form .consent{\n  font-family:var(--sans); font-size:12.5px; line-height:1.5; color:var(--muted);\n  text-align:center; max-width:46ch; margin:2px auto 0;\n}\n\n.contacts{\n  margin-top:24px; display:grid; grid-template-columns:repeat(3,1fr); gap:0;\n  border-top:1px solid var(--line);\n}\n.contacts-head{\n  margin-top:clamp(56px, 7vw, 88px);\n  font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--neon); display:flex; align-items:center; gap:12px;\n}\n.contacts-head::before{content:\"\"; width:8px; height:1px; background:var(--neon)}\n@media (max-width:780px){.contacts{grid-template-columns:repeat(2,1fr)}}\n.contact-cell{\n  padding:32px 24px; border-right:1px solid var(--line);\n  transition:background .4s var(--ease);\n}\n.contact-cell:last-child{border-right:none}\n@media (max-width:780px){\n  .contact-cell:nth-child(2n){border-right:none}\n  .contact-cell{border-bottom:1px solid var(--line)}\n}\n.contact-cell:hover{background:rgba(229,255,0,.025)}\n.contact-cell .k{\n  font-family:var(--mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase;\n  color:var(--neon); margin-bottom:10px;\n}\n.contact-cell .v{font-size:15px; word-break:break-word; transition:color .25s var(--ease)}\n.contact-cell:hover .v{color:var(--neon)}\n\n/* ---------- FOOTER ---------- */\n.foot-mini{\n  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;\n  padding:28px var(--gut); border-top:1px solid var(--line);\n  font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase;\n  color:var(--muted);\n}\n.foot-mini a{color:var(--fg-dim); transition:color .25s var(--ease)}\n.foot-mini a:hover{color:var(--neon)}\nfooter{\n  padding:clamp(48px,6vw,72px) var(--gut) 36px;\n  border-top:1px solid var(--line);\n  color:var(--fg-dim);\n}\n.foot-top{\n  display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:48px; align-items:start;\n  padding-bottom:44px; border-bottom:1px solid var(--line);\n}\n@media (max-width:780px){.foot-top{grid-template-columns:1fr; gap:36px}}\n.foot-brand{display:flex; gap:16px; align-items:flex-start; max-width:40ch}\n.foot-brand .brand-mark{width:40px; height:40px; border-radius:10px; font-size:19px; flex:none}\n.foot-name{\n  font-family:var(--serif); font-weight:500; font-size:20px; color:var(--fg);\n  letter-spacing:-0.01em; font-variation-settings:\"opsz\" 24;\n}\n.foot-tag{font-size:13px; line-height:1.55; color:var(--fg-dim); margin-top:6px}\n.foot-col .lbl{\n  font-family:var(--mono); font-size:10px; letter-spacing:.22em; text-transform:uppercase;\n  color:var(--neon); margin-bottom:16px;\n}\n.foot-col a{\n  display:block; font-size:14px; color:var(--fg-dim); padding:5px 0;\n  transition:color .25s var(--ease), transform .25s var(--ease);\n}\n.foot-col a:hover{color:var(--neon); transform:translateX(3px)}\n.foot-bottom{\n  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;\n  padding-top:26px;\n  font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase;\n  color:var(--muted);\n}\n.foot-totop{color:var(--fg-dim); transition:color .25s var(--ease)}\n.foot-totop:hover{color:var(--neon)}\n\n/* ---------- REVEAL ANIMATIONS ---------- */\n[data-reveal]{\n  opacity:0; transform:translateY(28px);\n  transition:opacity 1s var(--ease), transform 1s var(--ease);\n}\n[data-reveal].in{opacity:1; transform:none}\n[data-reveal-stagger] > *{\n  opacity:0; transform:translateY(20px);\n  transition:opacity .8s var(--ease), transform .8s var(--ease);\n}\n[data-reveal-stagger].in > *{opacity:1; transform:none}\n[data-reveal-stagger].in > *:nth-child(1){transition-delay:.05s}\n[data-reveal-stagger].in > *:nth-child(2){transition-delay:.13s}\n[data-reveal-stagger].in > *:nth-child(3){transition-delay:.21s}\n[data-reveal-stagger].in > *:nth-child(4){transition-delay:.29s}\n[data-reveal-stagger].in > *:nth-child(5){transition-delay:.37s}\n[data-reveal-stagger].in > *:nth-child(6){transition-delay:.45s}\n[data-reveal-stagger].in > *:nth-child(7){transition-delay:.53s}\n[data-reveal-stagger].in > *:nth-child(8){transition-delay:.61s}\n\n/* Initial hero entrance */\n.hero h1 .word{display:inline-block; opacity:0; transform:translateY(60%); animation:rise 1.1s var(--ease) forwards}\n.hero h1 .word:nth-child(1){animation-delay:.15s}\n.hero h1 .word:nth-child(2){animation-delay:.32s}\n@keyframes rise{to{opacity:1; transform:none}}\n.hero .delayed{opacity:0; animation:fadeIn .9s var(--ease) forwards .85s}\n@keyframes fadeIn{to{opacity:1}}\n`,\n\n  render(d2) {\n    d2.lib({ css: 'https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT@0,9..144,300..900,0..100;1,9..144,300..900,0..100&family=Instrument+Serif:ital@0;1&family=Geist+Mono:wght@300..700&family=Geist:wght@300..700&display=swap' })\n    return `<div class=\"bv-root\">\n<!-- ========== NAV ========== -->\n<header class=\"nav\" id=\"nav\">\n  <a href=\"#top\" class=\"brand\">\n    <span>Bárbara Vallim</span>\n  </a>\n  <nav class=\"nav-links\" aria-label=\"Navegação\">\n    <a href=\"#sobre\">Sobre</a>\n    <a href=\"#impacto\">Impacto</a>\n    <a href=\"#temas\">Temas</a>\n    <a href=\"#formatos\">Formatos</a>\n    <a href=\"#midia\">Mídia</a>\n    <a href=\"#faq\">FAQ</a>\n    <a href=\"#contatos\">Contatos</a>\n  </nav>\n  <a href=\"#contato\" class=\"nav-cta\">\n    Vamos conversar\n    <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg>\n  </a>\n</header>\n\n<!-- ========== HERO + SOBRE ========== -->\n<section class=\"hero\" id=\"top\">\n  <div class=\"shell\">\n    <div class=\"hero-grid\">\n\n      <div class=\"hero-intro\" id=\"sobre\">\n        <span class=\"eyebrow delayed\">IA · Experiência do Cliente · Liderança e Gestão · Produto e Tecnologia</span>\n        <h1>\n          <span class=\"word\">Bárbara</span><br/>\n          <span class=\"word\">Vallim<span style=\"color:var(--neon)\">.</span></span>\n        </h1>\n        <p class=\"hero-sub delayed\">\n          Acredito que a próxima década será definida por <em style=\"font-family:var(--italic); color:var(--neon)\">quem souber unir tecnologia com habilidades humanas</em>.\n          É isso que me move: traduzir tecnologia em impacto, e formar pessoas capazes de fazer o mesmo.\n        </p>\n        <div class=\"hero-meta delayed\">\n          <a href=\"#contato\" class=\"btn btn-primary\">\n            Solicitar proposta\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 10L10 2M10 2H4M10 2V8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"square\"/></svg>\n          </a>\n          <a href=\"#temas\" class=\"btn btn-ghost\">\n            Ver temas\n          </a>\n        </div>\n      </div>\n\n      <div class=\"hero-portrait-col delayed\">\n        <div class=\"portrait\">\n          <span class=\"credit\">@babivv</span>\n          <img src=\"https://babi-bvv.data2.media/file/KfJxsV4EVigf7mL9JU48X\" alt=\"Bárbara Vallim\">\n        </div>\n      </div>\n\n      <div class=\"hero-bio\" data-reveal>\n        <div class=\"bio-text\">\n          <p>Bárbara Vallim possui uma trajetória que combina visão estratégica e domínio técnico de ponta a ponta. Liderou times de engenharia, produto e pré-vendas em grandes empresas, com entregas para marcas como <strong>Microsoft, Nike, Nubank e Mercado Livre</strong>.</p>\n          <p>Esteve à frente de equipes globais de engenharia na <strong>Twilio, Sprinklr e Easy Taxi</strong>, unindo produto, tecnologia e negócios para transformar ideias em soluções escaláveis e de impacto.</p>\n          <p>Em 2025 foi reconhecida pelo <strong>Women To Watch</strong>, do Meio &amp; Mensagem, como uma das mulheres de destaque à frente da IA no Brasil. Começou a empreender em 2024, quando fundou a <strong>Hera.build</strong>, onde atualmente é <strong>CEO</strong>.</p>\n        </div>\n        <div class=\"sig\">Bárbara Vallim</div>\n      </div>\n\n    </div>\n  </div>\n</section>\n\n<!-- ========== NUMBERS ========== -->\n<section class=\"numbers\" id=\"impacto\">\n  <div class=\"shell\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"num\">01 · Impacto</div>\n      <h2>Resultados em <em>escala</em>.</h2>\n    </div>\n    <div class=\"num-grid\" data-reveal-stagger>\n      <div class=\"num-cell\">\n        <div class=\"figure\">+17</div>\n        <div class=\"label\">Anos</div>\n        <p class=\"desc\">de experiência em tecnologia, em cargos de liderança em R&amp;D e GTM.</p>\n      </div>\n      <div class=\"num-cell\">\n        <div class=\"figure\">+5.000</div>\n        <div class=\"label\">Pessoas</div>\n        <p class=\"desc\">já assistiram aulas, workshops e palestras.</p>\n      </div>\n      <div class=\"num-cell\">\n        <div class=\"figure\">+50</div>\n        <div class=\"label\">Sessões</div>\n        <p class=\"desc\">nos últimos 3 anos, entre eventos e conteúdo educacional.</p>\n      </div>\n      <div class=\"num-cell\">\n        <div class=\"figure\">+10</div>\n        <div class=\"label\">Matérias</div>\n        <p class=\"desc\">na mídia, entre Exame, CNN, Startups e Starten.</p>\n      </div>\n    </div>\n\n    <div class=\"logos-row logos-inline\" data-reveal>\n      <div class=\"row-label\">Já levei conteúdo para:</div>\n      <div class=\"logos-grid\">\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/Awdp-pFB4I3VluaUtrCqA\" alt=\"Grupo SBF\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/wYr4_AtiQ1CMY6MOrV5am\" alt=\"Porto Seguro\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/ordLlfRi5aWRr_S7euLv8\" alt=\"Potiguar Honda\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/XUMR7-G54JCXUfXSQJp4e\" alt=\"Serasa\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/xKTi20sIgEwwbIfMtBOt_\" alt=\"Certisign\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/JLBhkRpkQWHuuUVLo49d5\" alt=\"Zucchetti\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/C1xW1gMwvq7T655ZfMkSP\" alt=\"IWSA\" loading=\"lazy\"></div>\n        <div class=\"logo-cell\"><img src=\"https://babi-bvv.data2.media/file/BTu-g3as_wjku0Zuf7DC5\" alt=\"Starian\" loading=\"lazy\"></div>\n      </div>\n    </div>\n  </div>\n</section>\n\n<!-- ========== THEMES ========== -->\n<section class=\"themes\" id=\"temas\">\n  <div class=\"shell\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"num\">02 · Temas</div>\n      <h2>Ideias de temas <em>para explorar</em> juntos.</h2>\n      <p class=\"section-note\">Estes são apenas <em>sugestões de temas</em>. Todas as palestras e workshops são <em>100% customizados</em>, adequados aos interesses e à realidade da sua empresa ou do seu evento.</p>\n    </div>\n\n    <div class=\"themes-grid\" data-reveal-stagger>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">01</div>\n          <h3>Agentes de IA: a nova força de trabalho das empresas</h3>\n          <p>O que são, como aplicar e os erros que custam caro na adoção.</p>\n        </div>\n        <span class=\"theme-cat\">IA &amp; Negócios</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">02</div>\n          <h3>O cliente também tem IA: a nova jornada</h3>\n          <p>A IA do cliente vai interagir com a IA da sua empresa. Entenda os impactos e como se preparar.</p>\n        </div>\n        <span class=\"theme-cat\">Experiência do Cliente</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">03</div>\n          <h3>Produtividade com IA além do hype</h3>\n          <p>A IA promete eficiência, mas quais são os desafios reais para o colaborador e a empresa.</p>\n        </div>\n        <span class=\"theme-cat\">Futuro do Trabalho</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">04</div>\n          <h3>Customer Intelligence: IA e CX como diferencial</h3>\n          <p>Como usar dados e IA para transformar a relação com o cliente em vantagem para o negócio.</p>\n        </div>\n        <span class=\"theme-cat\">Experiência do Cliente</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">05</div>\n          <h3>Como implementar IA com sucesso no seu negócio</h3>\n          <p>Framework de implementação para projetos de IA que entregam ROI real.</p>\n        </div>\n        <span class=\"theme-cat\">IA &amp; Negócios</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">06</div>\n          <h3>Liderança na era da Inteligência Artificial</h3>\n          <p>Como liderar times, tomar decisões e manter a cultura quando a IA muda as regras do jogo.</p>\n        </div>\n        <span class=\"theme-cat\">Liderança &amp; Gestão</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">07</div>\n          <h3>Cultura de dados: decidir melhor com IA</h3>\n          <p>Como levar times e lideranças a confiar em dados e usar IA no dia a dia da tomada de decisão.</p>\n        </div>\n        <span class=\"theme-cat\">Produto &amp; Tecnologia</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">08</div>\n          <h3>Como liderar times híbridos e distribuídos</h3>\n          <p>Confiança, ritmo e cultura em times que trabalham presencial, remoto e assíncrono ao mesmo tempo.</p>\n        </div>\n        <span class=\"theme-cat\">Liderança &amp; Gestão</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">09</div>\n          <h3>Liderando produtos digitais em tempos de IA</h3>\n          <p>Para C-levels e líderes de produto que precisam tomar decisões melhores em meio à transformação.</p>\n        </div>\n        <span class=\"theme-cat\">Produto &amp; Tecnologia</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">10</div>\n          <h3>Ética, confiança e governança de IA</h3>\n          <p>Riscos, responsabilidade e como adotar IA com segurança, sem travar a inovação.</p>\n        </div>\n        <span class=\"theme-cat\">IA &amp; Confiança</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">11</div>\n          <h3>High Impact Contributor: gerar impacto sem depender de cargo</h3>\n          <p>O que separa quem executa de quem realmente move o negócio, e como se tornar um profissional de alto impacto.</p>\n        </div>\n        <span class=\"theme-cat\">Carreira &amp; Trajetória</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n      <article class=\"theme\">\n        <div>\n          <div class=\"idx\">12</div>\n          <h3>O que quase 2 décadas em tecnologia me ensinaram sobre construir, liderar e me reinventar</h3>\n          <p>17 anos liderando produto e inovação em empresas globais, e as lições que ficam de cada ciclo.</p>\n        </div>\n        <span class=\"theme-cat\">Carreira &amp; Trajetória</span>\n        <span class=\"arrow\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\"><path d=\"M3 11L11 3M11 3H5M11 3V9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n      </article>\n    </div>\n  </div>\n</section>\n\n<!-- ========== FORMATS ========== -->\n<section class=\"formats\" id=\"formatos\">\n  <div class=\"shell\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"num\">03 · Como trabalhamos juntos</div>\n      <h2>Formatos flexíveis, <em>customizados</em> para a sua necessidade.</h2>\n    </div>\n\n    <div class=\"formats-list\" data-reveal-stagger>\n      <a href=\"#contato\" class=\"format\">\n        <div class=\"num\">01</div>\n        <div class=\"name\">Palestras <em>· inspirar e provocar</em></div>\n        <div class=\"format-body\">\n          <div class=\"desc\">Para provocar e inspirar decisão em eventos corporativos, congressos e summits.</div>\n          <div class=\"who\"><strong>Para quem</strong> Congressos, summits, convenções e kickoffs de empresas.</div>\n        </div>\n        <span class=\"pill\">\n          Solicitar proposta\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg>\n        </span>\n      </a>\n      <a href=\"#contato\" class=\"format\">\n        <div class=\"num\">02</div>\n        <div class=\"name\">Workshops <em>· mão na massa</em></div>\n        <div class=\"format-body\">\n          <div class=\"desc\">Imersões práticas para equipes ou lideranças, com foco em frameworks e aplicação real.</div>\n          <div class=\"who\"><strong>Para quem</strong> Times e lideranças de qualquer área que querem sair da teoria e aplicar.</div>\n        </div>\n        <span class=\"pill\">\n          Solicitar proposta\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg>\n        </span>\n      </a>\n      <a href=\"#contato\" class=\"format\">\n        <div class=\"num\">03</div>\n        <div class=\"name\">Mediação <em>· painéis e talks</em></div>\n        <div class=\"format-body\">\n          <div class=\"desc\">Mediação de painéis, fireside-chat, curadoria e abertura de eventos para inspirar a audiência.</div>\n          <div class=\"who\"><strong>Para quem</strong> Organizadores de eventos e fóruns de negócio.</div>\n        </div>\n        <span class=\"pill\">\n          Solicitar proposta\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg>\n        </span>\n      </a>\n      <a href=\"#contato\" class=\"format\">\n        <div class=\"num\">04</div>\n        <div class=\"name\">Aulas <em>· in-company</em></div>\n        <div class=\"format-body\">\n          <div class=\"desc\">Conteúdo aplicado em tecnologia, inovação, CX ou liderança para iniciativas corporativas.</div>\n          <div class=\"who\"><strong>Para quem</strong> Universidades corporativas, RH e programas de formação.</div>\n        </div>\n        <span class=\"pill\">\n          Solicitar proposta\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg>\n        </span>\n      </a>\n      <a href=\"#contato\" class=\"format\">\n        <div class=\"num\">05</div>\n        <div class=\"name\">Mentoria <em>· 1:1</em></div>\n        <div class=\"format-body\">\n          <div class=\"desc\">Acompanhamento individual para líderes e profissionais que querem evoluir em IA, carreira e gestão.</div>\n          <div class=\"who\"><strong>Para quem</strong> Líderes, founders e profissionais em transição.</div>\n        </div>\n        <span class=\"pill\">\n          Solicitar proposta\n          <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg>\n        </span>\n      </a>\n    </div>\n\n    <dl class=\"formats-foot\" data-reveal>\n      <div>\n        <dt>Modalidade</dt>\n        <dd>Presencial ou remoto<span>conforme briefing</span></dd>\n      </div>\n      <div>\n        <dt>Alcance</dt>\n        <dd>Brasil e exterior<span>português · inglês · espanhol</span></dd>\n      </div>\n      <div>\n        <dt>Personalização</dt>\n        <dd>Material adaptado<span>objetivo e audiência do cliente</span></dd>\n      </div>\n    </dl>\n  </div>\n</section>\n\n<!-- ========== TESTIMONIALS ========== -->\n<section class=\"testis\">\n  <div class=\"shell\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"num\">04 · Quem já viveu</div>\n      <h2>O que <em>falam</em> sobre a Babi.</h2>\n    </div>\n\n    <div class=\"testi-grid\" data-reveal-stagger>\n      <div class=\"testi\">\n        <div class=\"qm\">“</div>\n        <p>A forma como a Babi explica é incrível. Clara, objetiva, com analogias descontraídas que tornam conceitos complexos fáceis de entender.</p>\n        <div class=\"source\">Participante · Workshop in-company</div>\n      </div>\n      <div class=\"testi\">\n        <div class=\"qm\">“</div>\n        <p>Me deu muitos insights sobre mecanismos de liderança. As dicas que a Babi compartilhou são para a vida.</p>\n        <div class=\"source\">Participante · Sessão de liderança</div>\n      </div>\n      <div class=\"testi\">\n        <div class=\"qm\">“</div>\n        <p>A energia e simpatia da Babi prende a nossa atenção. Poderia ficar horas ouvindo, o formato é leve, divertido e nada cansativo.</p>\n        <div class=\"source\">Participante · Keynote corporativo</div>\n      </div>\n      <div class=\"testi\">\n        <div class=\"qm\">“</div>\n        <p>Aula sensacional, muita coisa da realidade e exemplos de utilização de IA. A didática da Babi é excelente.</p>\n        <div class=\"source\">Aluna · Curso aplicado de IA</div>\n      </div>\n    </div>\n  </div>\n</section>\n\n<!-- ========== MEDIA ========== -->\n<section class=\"media\" id=\"midia\">\n  <div class=\"shell\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"num\">05 · Na mídia</div>\n      <h2>Onde a conversa <em>continua</em>.</h2>\n      <p class=\"section-note\">Entrevistas, artigos e podcasts sobre <em>IA, experiência do cliente e liderança</em>, em veículos como Exame, Meio &amp; Mensagem, TI Inside e ClienteSA.</p>\n    </div>\n\n    <div class=\"media-group\" data-reveal>\n      <div class=\"media-grouphead\">\n        <span class=\"row-label\">Publicações &amp; matérias</span>\n      </div>\n      <ul class=\"media-list\" data-reveal-stagger>\n        <li>\n          <a class=\"media-item\" href=\"#\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">Meio &amp; Mensagem</span>\n            <span class=\"title\">Women To Watch 2025: uma das mulheres à frente da IA no Brasil.</span>\n            <span class=\"arrow\">Ler matéria <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n        <li>\n          <a class=\"media-item\" href=\"#\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">Exame</span>\n            <span class=\"title\">Customer Intelligence: a fusão de IA e CX que gera diferencial competitivo.</span>\n            <span class=\"arrow\">Ler matéria <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n        <li>\n          <a class=\"media-item\" href=\"#\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">Meio &amp; Mensagem</span>\n            <span class=\"title\">Empreendedoras dão conselhos estratégicos para 2026.</span>\n            <span class=\"arrow\">Ler matéria <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n        <li>\n          <a class=\"media-item\" href=\"#\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">Starten</span>\n            <span class=\"title\">Customer Intelligence como diferencial competitivo em 2026.</span>\n            <span class=\"arrow\">Ler matéria <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n        <li>\n          <a class=\"media-item\" href=\"https://tiinside.com.br/17/12/2025/tendencias-de-ia-generativa-em-2026-o-que-muda-na-experiencia-do-cliente/\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">TI Inside</span>\n            <span class=\"title\">Tendências de IA generativa em 2026: o que muda na experiência do cliente.</span>\n            <span class=\"arrow\">Ler matéria <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n        <li>\n          <a class=\"media-item\" href=\"https://brasilinovador.com.br/barbara-vallim-ia-potencializa-inteligencia-estrategica-no-atendimento-ao-cliente/\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">Brasil Inovador</span>\n            <span class=\"title\">IA potencializa a inteligência estratégica no atendimento ao cliente.</span>\n            <span class=\"arrow\">Ler matéria <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n        <li>\n          <a class=\"media-item\" href=\"https://mulherespositivas.com.br/team/barbara-vallim/\" target=\"_blank\" rel=\"noreferrer\">\n            <span class=\"outlet\">Mulheres Positivas</span>\n            <span class=\"title\">Bárbara Vallim na comunidade Mulheres Positivas.</span>\n            <span class=\"arrow\">Ver perfil <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </a>\n        </li>\n      </ul>\n    </div>\n\n    <div class=\"media-group\" data-reveal>\n      <div class=\"media-grouphead\">\n        <span class=\"row-label\">Podcasts &amp; entrevistas</span>\n        <div class=\"carousel-nav\">\n          <button type=\"button\" data-pod-prev aria-label=\"Anterior\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M10 3L5 8L10 13\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"square\"/></svg>\n          </button>\n          <button type=\"button\" data-pod-next aria-label=\"Próximo\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M6 3L11 8L6 13\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"square\"/></svg>\n          </button>\n        </div>\n      </div>\n      <div class=\"pod-track\" data-pod-track>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=OrJBMCt3Fm4\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/OrJBMCt3Fm4/hqdefault.jpg\" alt=\"A Era da Economia da Experiência · ClienteSA X-Summit 2026\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">ClienteSA · X-Summit 2026</span>\n            <span class=\"title\">A Era da Economia da Experiência.</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=6pHHAubru4Y\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/6pHHAubru4Y/hqdefault.jpg\" alt=\"O futuro da Liderança na Era da Inteligência Artificial\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">Isabela Côrtes</span>\n            <span class=\"title\">O futuro da Liderança na Era da Inteligência Artificial.</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=enjub9oyO34\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/enjub9oyO34/hqdefault.jpg\" alt=\"Os riscos de ser um profissional vagalume\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">ClienteSA</span>\n            <span class=\"title\">Os riscos de ser um profissional vagalume.</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=VE1vfyXofyY\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/VE1vfyXofyY/hqdefault.jpg\" alt=\"O desafio da relevância: como conquistar um consumidor cada vez menos fiel?\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">ClienteSA</span>\n            <span class=\"title\">O desafio da relevância: como conquistar um consumidor cada vez menos fiel?</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=7mPjVybm8qw\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/7mPjVybm8qw/hqdefault.jpg\" alt=\"Agentes de IA: riscos e oportunidades\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">Faculdade LEC</span>\n            <span class=\"title\">Agentes de IA: riscos e oportunidades.</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=-fzCbX02GpQ\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/-fzCbX02GpQ/hqdefault.jpg\" alt=\"Não automatize o caos · Papo de Founder\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">Papo de Founder · Luiz Gomes</span>\n            <span class=\"title\">Não automatize o caos.</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n        <a class=\"pod-card\" href=\"https://www.youtube.com/watch?v=wjTMgEzSVJA\" target=\"_blank\" rel=\"noreferrer\">\n          <div class=\"pod-cover\">\n            <img src=\"https://i.ytimg.com/vi/wjTMgEzSVJA/hqdefault.jpg\" alt=\"Se você deixar a IA pensar por você, seu cérebro vira mingau · EP41\" loading=\"lazy\">\n            <span class=\"play\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"currentColor\"><path d=\"M3 1.5v11l9-5.5z\"/></svg></span>\n          </div>\n          <div class=\"pod-body\">\n            <span class=\"outlet\">Cadê meu RG? · EP41</span>\n            <span class=\"title\">Se você deixar a IA pensar por você, seu cérebro vira mingau.</span>\n            <span class=\"arrow\">Ouvir episódio <svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\"><path d=\"M2 9L9 2M9 2H3.5M9 2V7.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"square\"/></svg></span>\n          </div>\n        </a>\n      </div>\n    </div>\n  </div>\n</section>\n\n<!-- ========== FAQ ========== -->\n<section class=\"faq\" id=\"faq\">\n  <div class=\"shell\">\n    <div class=\"section-head\" data-reveal>\n      <div class=\"num\">06 · Perguntas frequentes</div>\n      <h2>Antes de <em>conversarmos</em>.</h2>\n    </div>\n\n    <div class=\"faq-list\" data-reveal>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Quem é Bárbara Vallim?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Bárbara Vallim é CEO e fundadora da Hera.build, com 17 anos de experiência em tecnologia. Atua em palestras, workshops, aulas e mentorias sobre IA, experiência do cliente e liderança, e liderou times de engenharia, produto e pré-vendas em empresas como Microsoft, Nike, Nubank, Mercado Livre, Twilio, Sprinklr e Easy Taxi. Em 2025 foi reconhecida pelo Women To Watch, do Meio &amp; Mensagem, como uma das mulheres à frente da IA no Brasil.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Sobre quais temas Bárbara Vallim fala?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Bárbara Vallim fala sobre inteligência artificial aplicada a negócios, agentes de IA, experiência do cliente (CX), liderança, produto e cultura de dados. Todos os conteúdos são customizados para o objetivo e o público de cada empresa ou evento.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Como falar com a Bárbara Vallim para uma palestra, workshop ou evento?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Para falar com a Bárbara Vallim, envie um briefing com o evento, o público e o objetivo para o e-mail <a href=\"mailto:hello@babivallim.com\">hello@babivallim.com</a>. Em até 48 horas você recebe uma proposta personalizada com formato, conteúdo e investimento.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Quais formatos a Bárbara Vallim oferece?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Bárbara Vallim oferece cinco formatos: palestras, workshops de imersão, mediação de painéis e talks, aulas in-company e mentoria individual (1:1). O formato é definido conforme a necessidade do cliente.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Posso ter sessões de mentoria individual com a Bárbara Vallim?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Sim. Além das palestras, workshops e aulas, a Bárbara Vallim oferece mentorias individuais (1:1) para líderes, founders e profissionais que querem evoluir em IA, carreira e gestão. As sessões são personalizadas para o seu momento e objetivo.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Bárbara Vallim atende presencialmente e online? Trabalha fora do Brasil?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Sim. Bárbara Vallim atende presencialmente e online, no Brasil e no exterior, em português, inglês e espanhol.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Para quem são as palestras, workshops e aulas de Bárbara Vallim?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Para empresas, universidades corporativas, áreas de RH, organizadores de eventos, congressos e lideranças que querem aplicar inteligência artificial, experiência do cliente e liderança na prática.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Em quais empresas Bárbara Vallim já palestrou ou deu aula?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Bárbara Vallim já realizou palestras e aulas in-company em empresas e escolas como Grupo SBF, Porto Seguro, Serasa, Certisign, Zucchetti, IWSA, Potiguar e Starian, além de já ter formado mais de 5.000 pessoas em palestras, workshops e aulas.</div>\n      </details>\n      <details class=\"faq-item\">\n        <summary>\n          <span class=\"faq-q\">Por que escolher a Bárbara Vallim?</span>\n          <span class=\"faq-icon\" aria-hidden=\"true\"></span>\n        </summary>\n        <div class=\"faq-a\">Porque Bárbara Vallim une visão estratégica, domínio técnico e a vivência de quem empreende: fala com autoridade a partir de quem construiu produtos, liderou times de engenharia, produto e pré-vendas em empresas globais e hoje toca o próprio negócio à frente da Hera.build. Traduz temas complexos em conteúdo aplicado, com linguagem acessível e exemplos reais, sempre customizado ao objetivo e ao contexto de cada cliente.</div>\n      </details>\n    </div>\n  </div>\n</section>\n\n<!-- ========== CTA ========== -->\n<section class=\"cta\" id=\"contato\">\n  <div class=\"shell\">\n    <div class=\"cta-inner\" data-reveal>\n      <h2>Vamos <em>conversar</em>?</h2>\n      <p>Me conta o que você tem em mente: um evento, uma ideia ou uma dúvida. Respondo pessoalmente, normalmente em até <strong style=\"color:var(--fg)\">24h</strong>.</p>\n      <!-- TODO: conectar este formulário ao backend/serviço de envio depois -->\n      <form class=\"cta-form\" data-reveal>\n        <div class=\"field\">\n          <label for=\"cf-nome\">Nome</label>\n          <input id=\"cf-nome\" name=\"nome\" type=\"text\" placeholder=\"Como posso te chamar?\" required>\n        </div>\n        <div class=\"field\">\n          <label for=\"cf-contato\">E-mail ou WhatsApp</label>\n          <input id=\"cf-contato\" name=\"contato\" type=\"text\" placeholder=\"Onde eu te respondo?\" required>\n        </div>\n        <div class=\"field\">\n          <label for=\"cf-msg\">Mensagem</label>\n          <textarea id=\"cf-msg\" name=\"mensagem\" placeholder=\"Conte sobre o evento, a audiência e o objetivo.\" required></textarea>\n        </div>\n        <button type=\"submit\" class=\"btn btn-primary\">\n          Enviar mensagem\n          <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 10L10 2M10 2H4M10 2V8\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"square\"/></svg>\n        </button>\n        <p class=\"consent\">Ao enviar, você concorda em compartilhar seus dados para que a Bárbara possa retornar o seu contato.</p>\n      </form>\n    </div>\n\n    <div class=\"contacts-head\" id=\"contatos\" data-reveal>Contatos</div>\n    <div class=\"contacts\" data-reveal-stagger>\n      <a class=\"contact-cell\" href=\"mailto:hello@babivallim.com\">\n        <div class=\"k\">E-mail</div>\n        <div class=\"v\">hello@babivallim.com</div>\n      </a>\n      <a class=\"contact-cell\" href=\"https://linkedin.com/in/babivv\" target=\"_blank\" rel=\"noreferrer\">\n        <div class=\"k\">LinkedIn</div>\n        <div class=\"v\">linkedin.com/in/babivv</div>\n      </a>\n      <a class=\"contact-cell\" href=\"https://instagram.com/babivv\" target=\"_blank\" rel=\"noreferrer\">\n        <div class=\"k\">Instagram</div>\n        <div class=\"v\">@babivv</div>\n      </a>\n    </div>\n  </div>\n</section>\n\n<!-- ========== FOOTER (mínimo) ========== -->\n<footer class=\"foot-mini\">\n  <span>© 2026 Bárbara Vallim</span>\n  <a href=\"#top\">Voltar ao topo ↑</a>\n</footer>\n</div>`\n  },\n\n  mounted(d2, root) {\n    // ---------- Smooth in-page anchor navigation (native #frag scroll can't cross the shadow boundary) ----------\n    d2.on('a[href^=\"#\"]', 'click', (e, el) => {\n      const id = el.getAttribute('href').slice(1)\n      if (!id) return\n      const target = root.querySelector('#' + CSS.escape(id))\n      if (target) {\n        e.preventDefault()\n        target.scrollIntoView({ behavior: 'smooth', block: 'start' })\n      }\n    })\n\n    // ---------- NAV scrolled state ----------\n    const nav = root.querySelector('#nav')\n    const onScroll = () => { if (nav) nav.classList.toggle('scrolled', window.scrollY > 40) }\n    d2.on(window, 'scroll', onScroll, { passive: true })\n    onScroll()\n\n    // ---------- Reveal on scroll ----------\n    const io = new IntersectionObserver((entries) => {\n      entries.forEach(en => { if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target) } })\n    }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' })\n    root.querySelectorAll('[data-reveal], [data-reveal-stagger]').forEach(el => io.observe(el))\n    d2.onUnmount(() => io.disconnect())\n\n    // ---------- Counter animation for numbers ----------\n    const formatters = {\n      '+17': v => '+' + Math.round(v),\n      '+5.000': v => '+' + Math.round(v).toLocaleString('pt-BR'),\n      '+50': v => '+' + Math.round(v),\n      '+10': v => '+' + Math.round(v),\n    }\n    const counters = root.querySelectorAll('.num-cell .figure')\n    const cio = new IntersectionObserver((entries) => {\n      entries.forEach(en => {\n        if (!en.isIntersecting) return\n        const el = en.target\n        const final = el.textContent.trim()\n        const target = parseFloat(final.replace(/[^\\d.,]/g, '').replace('.', '').replace(',', '.'))\n        if (isNaN(target)) return\n        const fmt = formatters[final] || (v => Math.round(v))\n        const t0 = performance.now()\n        const dur = 1400\n        d2.raf((t) => {\n          const p = Math.min(1, (t - t0) / dur)\n          const eased = 1 - Math.pow(1 - p, 3)\n          el.textContent = fmt(target * eased)\n          if (p >= 1) { el.textContent = final; return false }\n        })\n        cio.unobserve(el)\n      })\n    }, { threshold: 0.5 })\n    counters.forEach(c => cio.observe(c))\n    d2.onUnmount(() => cio.disconnect())\n\n    // ---------- Podcast carousel ----------\n    const podTrack = root.querySelector('[data-pod-track]')\n    if (podTrack) {\n      const prev = root.querySelector('[data-pod-prev]')\n      const next = root.querySelector('[data-pod-next]')\n      const step = () => {\n        const card = podTrack.querySelector('.pod-card')\n        const gap = 20\n        return card ? card.offsetWidth + gap : podTrack.clientWidth * 0.8\n      }\n      const update = () => {\n        const max = podTrack.scrollWidth - podTrack.clientWidth - 1\n        if (prev) prev.disabled = podTrack.scrollLeft <= 0\n        if (next) next.disabled = podTrack.scrollLeft >= max\n      }\n      if (prev) d2.on(prev, 'click', () => podTrack.scrollBy({ left: -step(), behavior: 'smooth' }))\n      if (next) d2.on(next, 'click', () => podTrack.scrollBy({ left: step(), behavior: 'smooth' }))\n      d2.on(podTrack, 'scroll', update, { passive: true })\n      d2.on(window, 'resize', update)\n      update()\n    }\n  },\n}\n","at":"2026-08-26T19:15:19.258Z"}}}]}},{"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":{"system":{"component":"data2-core-types@Reference","params":{"reference":{"component":"data2-core-primitives@String","params":{"content":"$metadata.system"}}}}},"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-08-06T19:31:23.557Z"},{"_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"},{"_id":"68f938cf5fb002e33752a43d","displayName":"InternalApplicationsAuthenticationStrategy","component":"data2-core@AuthenticationStrategy","system":"5e3b796d6228227ca637d0f4","params":{"resetPassword":{"resetEmail":{"artboard":{"params":{"preventEvaluation":true},"component":"data2-core-types@ArtboardReference"}},"resetSuccessEmail":{"artboard":{"params":{"preventEvaluation":true},"component":"data2-core-types@ArtboardReference"}}},"verifier":{"disabled":false,"component":"data2-core-types@DataSetReference","params":{"reference":"InternalApplicationsVerifierDataSet"}},"password":{"disabled":false,"component":"data2-core-types@DataSetColumnReference","params":{"column":"secret"}},"credentials":[{"component":"data2-core-types@FieldReference","params":{"key":"application"}},{"component":"data2-core-types@FieldReference","params":{"key":"secret"}},{"component":"data2-core-types@FieldReference","params":{"key":"status"}}],"session":[{"component":"data2-core-types@FieldReference","params":{"key":"application"}},{"component":"data2-core-types@FieldReference","params":{"key":"secret"}},{"component":"data2-core-types@FieldReference","params":{"key":"status"}}]},"reference":"InternalApplicationsAuthenticationStrategy","updatedAt":"2025-10-22T20:08:54.442Z","createdAt":"2025-10-22T20:04:31.198Z"},{"component":"data2-core@DataSet","reference":"SessionsDataSet","params":{"requiresConfirmation":false,"pk":"key","datasource":{"component":"data2-core-types@DataSourceReference","params":{"reference":"data2sessionsdatasource"}}}},{"reference":"UsersTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"component":"data2-core@ServerSessionsDataSource","reference":"data2sessionsdatasource","params":{}},{"_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":[]}},{"reference":"ComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[{"_id":"6a8f0bd417324d2556021f4b","parent":null,"component":"data2-core-primitives@Router","system":"69839b9eef25f3abf7739843","displayName":"New Router","params":{"routes":[{"component":"data2-core-primitives@Route","params":{"path":{"component":"data2-core-primitives@String","params":{"content":"/"}},"content":{"disabled":false,"component":"data2-core-types@ArtboardReference","params":{"reference":"dzMkFas7YScT_vCyiOKwY"}}}}]},"reference":"04Bd6Q3lcAAaYejGB29hA","deleteMetadata":{}},{"_id":"6a8f0c0717324d2556021f4c","component":"data2-core-primitives@Artboard","system":"69839b9eef25f3abf7739843","displayName":"Site-Single-Page","params":{"dimensions":{"component":"data2-core-types@Dimensions","params":{"width":1366,"height":768}},"fill":{"params":{"backgrounds":[{"params":{"color":{"disabled":false,"component":"data2-core-types@Color","params":{"rgba":"rgba(0,0,0,1)"}},"gradient":{"disabled":true,"component":"data2-core-types@ColorGradient","params":{}},"image":{"disabled":true,"component":"data2-core-types@String","params":{}}},"component":"data2-core-types@Background"}]},"component":"data2-core-types@Fill"}},"reference":"dzMkFas7YScT_vCyiOKwY","deleteMetadata":{}},{"_id":"e7e00b90b0e3ae97f2350676","parent":"6a8f0c0717324d2556021f4c","component":"babi-bvv@BVVSite","system":"69839b9eef25f3abf7739843","displayName":"BVV Site","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":1366,"height":768}},"scroll":{"component":"data2-core-types@Scroll","params":{"y":true}}}},"reference":"zyZyULo1K0eL7WwDjPBWZ","deleteMetadata":{}}]}},{"_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":"69839be29e63358d5f1bef6e","displayName":"BVV","reference":"w47tMyzayg6hwbZI2yYG1","params":{"domain":{"component":"data2-core-primitives@String","params":{"content":"site"}},"entryPoint":{"component":"data2-core-types@ComponentInstanceReference","params":{"component":"data2-core-primitives@Router","reference":"04Bd6Q3lcAAaYejGB29hA"}}},"system":"69839b9eef25f3abf7739843","component":"data2-core-primitives@Application"}]}},{"reference":"DataComponentInstancesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}},{"reference":"BundlesTableDataSource","component":"data2-core@MemoryDataSource","params":{"initialData":[]}}],"processesParams":{}}}}