{"id":18722,"date":"2026-05-11T10:04:11","date_gmt":"2026-05-11T13:04:11","guid":{"rendered":"https:\/\/siteprov.tecnospeed.com.br\/?page_id=18722"},"modified":"2026-07-08T09:28:35","modified_gmt":"2026-07-08T12:28:35","slug":"contas-a-pagar","status":"publish","type":"page","link":"https:\/\/tecnospeed.com.br\/en\/plugbank\/contas-a-pagar\/","title":{"rendered":"Accounts payable"},"content":{"rendered":"<section class=\"bde-section-18722-100 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-18722-111 bde-columns\"><div class=\"bde-column-18722-112 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-badge-18722-292 bde-badge\">\n<span >< \/ > Conhe\u00e7a a <b>Su\u00edte de contas a pagar<\/b><\/span>\n<\/div><h1 class=\"bde-heading-18722-105 bde-heading\" data-entrance=\"slideUp\">\nChegou a hora de aposentar o Internet Banking dos seus Clientes.\n<\/h1><div class=\"bde-text-18722-108 bde-text\">\nCom a Su\u00edte de APIs PlugBank, voc\u00ea substitui a burocracia manual e os extratos tradicionais por intelig\u00eancia em tempo real via Open Finance e automa\u00e7\u00e3o de ponta a ponta, do boleto que chega \u00e0 concilia\u00e7\u00e3o que fecha.<br><br><b>A TecnoSpeed cuida da complexidade banc\u00e1ria. Voc\u00ea escala o seu ERP.<\/b>\n<\/div><div class=\"bde-button-18722-254 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"#form\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Automatizar o Contas a Pagar no meu ERP<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-button-18722-258 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/categories\/360002212453-Pagamentos\" target=\"_blank\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Ver documenta\u00e7\u00e3o t\u00e9cnica<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><div class=\"bde-column-18722-113 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-code-block-18722-205 bde-code-block\">\n\n  <style>\n.ts-hero-image-container {\n  position: relative;\n  width: 100%;\n  max-width: 600px;\n  margin: 0 auto;\n  overflow: visible;\n  padding-top: 4rem;\n  padding-right: 1.5rem;\n}\n\n.ts-hero-card {\n  position: relative;\n  width: 100%;\n  border-radius: 2rem;\n  overflow: hidden;\n  transition: box-shadow 0.3s ease;\n}\n\n.ts-hero-card:hover {\n  box-shadow: 0 25px 50px -12px #7a42b9;\n}\n\n.ts-hero-image {\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n  display: block;\n}\n\n.ts-hero-overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to top, rgba(15, 23, 42, 0.2), transparent, transparent);\n  pointer-events: none;\n}\n\n.ts-floating-badge {\n  position: absolute;\n  top: 0.5rem;\n  right: -0.25rem;\n  z-index: 20;\n  animation: ts-badge-float 3s ease-in-out infinite;\n}\n\n.ts-floating-badge-inner {\n  position: relative;\n  width: 5rem;\n  height: 5rem;\n}\n\n@keyframes ts-badge-float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-8px); }\n}\n\n@keyframes ts-badge-rotate {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n.ts-badge-text-circle {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 30;\n  animation: ts-badge-rotate 20s linear infinite;\n}\n\n.ts-badge-rotating-text {\n  fill: #ffffff;\n  font-size: 10.5px;\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n}\n\n.ts-badge-center {\n  position: absolute;\n  inset: 7px;\n  border-radius: 50%;\n  background-color: rgba(15, 23, 42, 0.95);\n  border: 2px solid #8A39AD;\n  box-shadow: 0 20px 40px -12px #8A39AD;\n  z-index: 20;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  backdrop-filter: blur(16px);\n}\n\n.ts-badge-icon {\n  width: 1.1rem;\n  height: 1.1rem;\n  color: #8A39AD;\n  margin-bottom: 0.1rem;\n}\n\n.ts-badge-label {\n  font-size: 6.5px;\n  color: rgba(255, 255, 255, 0.9);\n  font-weight: 700;\n  line-height: 1.1;\n  text-align: center;\n  padding: 0 0.2rem;\n}\n\n@media (min-width: 481px) and (max-width: 640px) {\n  .ts-hero-image-container {\n    padding-top: 4rem;\n    padding-right: 1.25rem;\n  }\n  .ts-floating-badge {\n    top: 0.25rem;\n    right: -0.5rem;\n  }\n  .ts-floating-badge-inner {\n    width: 6rem;\n    height: 6rem;\n  }\n  .ts-badge-center {\n    inset: 8px;\n    border-width: 2.5px;\n  }\n  .ts-badge-icon {\n    width: 1.3rem;\n    height: 1.3rem;\n  }\n  .ts-badge-label {\n    font-size: 7px;\n  }\n}\n\n@media (min-width: 641px) and (max-width: 1023px) {\n  .ts-hero-image-container {\n    padding-top: 3.5rem;\n  }\n  .ts-floating-badge {\n    top: 0.5rem;\n    right: -0.625rem;\n  }\n  .ts-floating-badge-inner {\n    width: 7rem;\n    height: 7rem;\n  }\n  .ts-badge-center {\n    inset: 9px;\n    border-width: 3px;\n  }\n  .ts-badge-icon {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n  .ts-badge-label {\n    font-size: 6px;\n  }\n}\n\n@media (min-width: 1024px) {\n  .ts-hero-image-container {\n    padding-top: 2rem;\n    padding-right: 1.5rem;\n  }\n  .ts-hero-card {\n    border-radius: 3rem;\n  }\n  .ts-floating-badge {\n    top: 2rem;\n    right: -0.5rem;\n  }\n  .ts-floating-badge-inner {\n    width: 8rem;\n    height: 8rem;\n  }\n  .ts-badge-center {\n    inset: 12px;\n    border-width: 3px;\n  }\n  .ts-badge-icon {\n    width: 1.75rem;\n    height: 1.75rem;\n    margin-bottom: 0.15rem;\n  }\n  .ts-badge-label {\n    font-size: 7px;\n  }\n}\n\n@media (min-width: 1280px) {\n  .ts-floating-badge-inner {\n    width: 8.5rem;\n    height: 8.5rem;\n  }\n  .ts-badge-center {\n    inset: 14px;\n  }\n  .ts-badge-icon {\n    width: 1.85rem;\n    height: 1.85rem;\n  }\n  .ts-badge-label {\n    font-size: 8px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ts-floating-badge,\n  .ts-badge-text-circle {\n    animation: none;\n  }\n}\n<\/style>\n\n<div class=\"ts-hero-image-container\">\n  <div class=\"ts-hero-card\">\n    <img decoding=\"async\"\n      src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Contas%20a%20pagar\/prd-contas-a-pagar_W01YTDzbU.jpg\"\n      alt=\"Contas a Pagar\"\n      class=\"ts-hero-image\"\n    >\n    <div class=\"ts-hero-overlay\"><\/div>\n  <\/div>\n\n  <div class=\"ts-floating-badge\">\n    <div class=\"ts-floating-badge-inner\">\n\n      <svg class=\"ts-badge-text-circle\" viewBox=\"0 0 140 140\">\n        <defs>\n          <path id=\"ts-badge-text-path\" d=\"M 70,70 m -63,0 a 63,63 0 1,1 126,0 a 63,63 0 1,1 -126,0\" \/>\n        <\/defs>\n        <text class=\"ts-badge-rotating-text\">\n          <textPath href=\"#ts-badge-text-path\" startOffset=\"0%\">\n            UMA SOLU\u00c7\u00c3O TECNOSPEED \u2022 UMA SOLU\u00c7\u00c3O TECNOSPEED \u2022\n          <\/textPath>\n        <\/text>\n      <\/svg>\n\n      <div class=\"ts-badge-center\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8A39AD\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"ts-badge-icon\"><path d=\"M10 18v-7\"\/><path d=\"M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z\"\/><path d=\"M14 18v-7\"\/><path d=\"M18 18v-7\"\/><path d=\"M3 22h18\"\/><path d=\"M6 18v-7\"\/><\/svg>\n        <div class=\"ts-badge-label\">HUB<br>FINANCEIRO<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  'use strict';\n  function initHeroBadge() {\n    var container = document.querySelector('.ts-hero-image-container');\n    if (!container || !('IntersectionObserver' in window)) return;\n    var observer = new IntersectionObserver(\n      function(entries) {\n        entries.forEach(function(entry) {\n          var badge = entry.target.querySelector('.ts-floating-badge');\n          var textCircle = entry.target.querySelector('.ts-badge-text-circle');\n          var state = entry.isIntersecting ? 'running' : 'paused';\n          if (badge) badge.style.animationPlayState = state;\n          if (textCircle) textCircle.style.animationPlayState = state;\n        });\n      },\n      { threshold: 0.1 }\n    );\n    observer.observe(container);\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initHeroBadge);\n  } else {\n    initHeroBadge();\n  }\n})();\n<\/script>\n\n\n<\/div>\n<\/div><\/div><div class=\"bde-columns-18722-115 bde-columns\"><div class=\"bde-column-18722-116 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18722-120 bde-text\">\nO hub financeiro refer\u00eancia para Software Houses no Brasil\n<\/div>\n<\/div><div class=\"bde-column-18722-118 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18722-127 bde-text\">\n+4.100\n<\/div><div class=\"bde-text-18722-123 bde-text\">\nempresas de software j\u00e1 integradas\n<\/div>\n<\/div><div class=\"bde-column-18722-117 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18722-122 bde-text\">\n+40\n<\/div><div class=\"bde-text-18722-125 bde-text\">\nbancos homologados\n<\/div>\n<\/div><div class=\"bde-column-18722-119 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18722-128 bde-text\">\n20\n<\/div><div class=\"bde-text-18722-124 bde-text\">\nanos de mercado\n<\/div>\n<\/div><div class=\"bde-column-18722-305 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18722-306 bde-text\">\n+224\n<\/div><div class=\"bde-text-18722-307 bde-text\">\nespecialistas\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-18722-312 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-18722-391 bde-columns\"><div class=\"bde-column-18722-392 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-badge-18722-484 bde-badge\">\n<span >< > Contato<\/span>\n<\/div><h2 class=\"bde-heading-18722-394 bde-heading\">\nComece a integrar a API de Pagamentos no seu ERP.\u00a0\n<\/h2><div class=\"bde-text-18722-395 bde-text\">\n<b>Preencha abaixo e nossa equipe entra em contato em at\u00e9 24h.<\/b> Te apresentamos as 3 APIs, o processo de integra\u00e7\u00e3o e o suporte que vai do onboarding at\u00e9 as mudan\u00e7as banc\u00e1rias que nunca param de acontecer, e que a TecnoSpeed absorve por voc\u00ea.\n<\/div><div class=\"bde-text-18722-396 bde-text\">\nUma integra\u00e7\u00e3o. Todo financeiro.\n<\/div><div class=\"bde-text-18722-397 bde-text\">\nBoletos, pagamentos e extratos, sem internet banking.\n<\/div><div class=\"bde-code-block-18722-398 bde-code-block\">\n\n  <!-- PlugBoleto \u00b7 Pills de Benef\u00edcios -->\n<!-- Standalone HTML para Oxygen Builder (Code Block) -->\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@500;700&display=swap');\n\n  .pb-pills-list{\n    font-family:'Urbanist', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n    margin:0;\n    padding:0;\n    list-style:none;\n  }\n  .pb-pill{\n    display:inline-flex;\n    align-items:center;\n    gap:6px;\n    padding:6px 12px;\n    border-radius:9999px;\n    background:rgba(124,58,237,0.10);\n    border:1px solid rgba(124,58,237,0.20);\n    color:#7c3aed;\n    font-size:12px;\n    font-weight:500;\n    line-height:1.2;\n    white-space:nowrap;\n  }\n  .pb-pill-plus{\n    font-weight:700;\n    color:#7c3aed;\n  }\n  @media (max-width:480px){\n    .pb-pill{ font-size:11px; padding:5px 10px; }\n  }\n<\/style>\n<ul class=\"pb-pills-list\">\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>+40 bancos homologados<\/li>\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>Registro instant\u00e2neo via WebService<\/li>\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>Extrato via Open Finance<\/li>\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>Extrato de cart\u00e3o de cr\u00e9dito via Open Finance<\/li>\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>DDA Autom\u00e1tico<\/li>\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>Integra\u00e7\u00e3o \u00fanica para todos os bancos<\/li>\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>Painel de gest\u00e3o completo<\/li>\n  <li class=\"pb-pill\"><span class=\"pb-pill-plus\">+<\/span>Suporte dev para dev<\/li>\n<\/ul>\n\n\n\n<\/div>\n<\/div><div class=\"bde-column-18722-399 bde-column\">\n  \n  \n\t\n\n\n\n<div id=\"form\" class=\"bde-form-builder-18722-400 bde-form-builder\">\n\n\n<form id=\"forms_api_de_pagamento400\" class=\"breakdance-form breakdance-form--vertical\" data-options=\"{&quot;slug&quot;:&quot;custom&quot;,&quot;name&quot;:&quot;Forms_API_de_Pagamento&quot;,&quot;ajaxUrl&quot;:&quot;https:\\\/\\\/tecnospeed.com.br\\\/wp-admin\\\/admin-ajax.php&quot;,&quot;clearOnSuccess&quot;:true,&quot;hideOnSuccess&quot;:true,&quot;successMessage&quot;:&quot;Obrigado! Em breve um de nossos consultores entrar\\u00e1 em contato.&quot;,&quot;errorMessage&quot;:&quot;Opa! Algo deu errado, tente novamente.&quot;,&quot;redirect&quot;:true,&quot;redirectUrl&quot;:&quot;https:\\\/\\\/tecnospeed.com.br\\\/obrigado\\\/&quot;,&quot;customJavaScript&quot;:&quot;&quot;,&quot;recaptcha&quot;:{&quot;key&quot;:&quot;6LccXyYtAAAAAJjDjqytoy8ptBW_R3FNWdmvrRID&quot;,&quot;enabled&quot;:true},&quot;honeypot_enabled&quot;:false,&quot;popupsOnSuccess&quot;:[],&quot;popupsOnError&quot;:[]}\" data-steps=\"0\" >\n  \n  \n  \n<div class=\"breakdance-form-field breakdance-form-field--text\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"Nome\">\n            Nome<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"Nome\"\n    aria-describedby=\"Nome\"\n    type=\"text\"\n    name=\"fields[Nome]\"\n    placeholder=\"\"\n    value=\"\"\n                \n        \n        \n    required\n    \n    \n    \n>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--email\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"E_mail_corporativo\">\n            E-mail Corporativo<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"E_mail_corporativo\"\n    aria-describedby=\"E_mail_corporativo\"\n    type=\"email\"\n    name=\"fields[E_mail_corporativo]\"\n    placeholder=\"\"\n    value=\"\"\n                \n        \n        \n    required\n    \n    \n    \n>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--text\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"Empresa\">\n            Empresa<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"Empresa\"\n    aria-describedby=\"Empresa\"\n    type=\"text\"\n    name=\"fields[Empresa]\"\n    placeholder=\"\"\n    value=\"\"\n                \n        \n        \n    required\n    \n    \n    \n>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--tel\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"Telefone\">\n            Telefone<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <input\n    class=\"breakdance-form-field__input\"\n    id=\"Telefone\"\n    aria-describedby=\"Telefone\"\n    type=\"tel\"\n    name=\"fields[Telefone]\"\n    placeholder=\"\"\n    value=\"\"\n                \n        \n        \n    required\n    \n    \n    \n>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--select\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"Cargo\">\n            Cargo<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <select\n    class=\"breakdance-form-field__input\"\n    id=\"Cargo\"\n    name=\"fields[Cargo]\"\n    required\n    \n        >\n      <option value=\"\">Select...<\/option>\n          <option value=\"CEO\/Fundador\" >CEO\/Fundador<\/option>\n        <option value=\"CTO (Chief Technology Officer)\" >CTO (Chief Technology Officer)<\/option>\n        <option value=\"Diretor de T.I.\" >Diretor de T.I.<\/option>\n        <option value=\"Gerente de Desenvolvimento de Software\" >Gerente de Desenvolvimento de Software<\/option>\n        <option value=\"L\u00edder T\u00e9cnico\" >L\u00edder T\u00e9cnico<\/option>\n        <option value=\"Arquiteto de Software\" >Arquiteto de Software<\/option>\n        <option value=\"Product Owner\" >Product Owner<\/option>\n        <option value=\"Gerente de Produto\" >Gerente de Produto<\/option>\n        <option value=\"Desenvolvedor de Software\" >Desenvolvedor de Software<\/option>\n        <option value=\"Analista de Sistemas\" >Analista de Sistemas<\/option>\n        <option value=\"Gerente de Projetos de T.I.\" >Gerente de Projetos de T.I.<\/option>\n        <option value=\"Diretor de Opera\u00e7\u00f5es\" >Diretor de Opera\u00e7\u00f5es<\/option>\n        <option value=\"Especialista em Infraestrutura\" >Especialista em Infraestrutura<\/option>\n        <option value=\"Coordenador de T.I.\" >Coordenador de T.I.<\/option>\n        <option value=\"Outro\" >Outro<\/option>\n  <\/select>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--select\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"Sua_empresa_e_Desenvolvedora_de_Software\">\n            Sua empresa \u00e9 Desenvolvedora de Software?<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <select\n    class=\"breakdance-form-field__input\"\n    id=\"Sua_empresa_e_Desenvolvedora_de_Software\"\n    name=\"fields[Sua_empresa_e_Desenvolvedora_de_Software]\"\n    required\n    \n        >\n      <option value=\"\">Select...<\/option>\n          <option value=\"Sim, sou uma Software House\" >Sim, sou uma Software House<\/option>\n        <option value=\"N\u00e3o, mas tenho uma equipe de T.I. interna\" >N\u00e3o, mas tenho uma equipe de T.I. interna<\/option>\n        <option value=\"N\u00e3o e n\u00e3o possuo desenvolvedor na minha empresa\" >N\u00e3o e n\u00e3o possuo desenvolvedor na minha empresa<\/option>\n  <\/select>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--select\" >\n    \n    \n            <label class=\"breakdance-form-field__label\" for=\"Defina_seu_segmento_de_atuacao\">\n            Defina seu segmento de atua\u00e7\u00e3o:<span class=\"breakdance-form-field__required\">*<\/span>\n        <\/label>\n    \n    <select\n    class=\"breakdance-form-field__input\"\n    id=\"Defina_seu_segmento_de_atuacao\"\n    name=\"fields[Defina_seu_segmento_de_atuacao]\"\n    required\n    \n        >\n      <option value=\"\">Select...<\/option>\n          <option value=\"Agricultura\" >Agricultura<\/option>\n        <option value=\"Alimentos e bebidas\" >Alimentos e bebidas<\/option>\n        <option value=\"Atacado\" >Atacado<\/option>\n        <option value=\"Constru\u00e7\u00e3o civil\" >Constru\u00e7\u00e3o civil<\/option>\n        <option value=\"Contabilidade\" >Contabilidade<\/option>\n        <option value=\"Educa\u00e7\u00e3o\" >Educa\u00e7\u00e3o<\/option>\n        <option value=\"Energia\" >Energia<\/option>\n        <option value=\"Engenharia\" >Engenharia<\/option>\n        <option value=\"Financeiro\/Fintech\" >Financeiro\/Fintech<\/option>\n        <option value=\"Hotelaria\" >Hotelaria<\/option>\n        <option value=\"M\u00eddia\" >M\u00eddia<\/option>\n        <option value=\"Produtos qu\u00edmicos\" >Produtos qu\u00edmicos<\/option>\n        <option value=\"Sa\u00fade\" >Sa\u00fade<\/option>\n        <option value=\"Servi\u00e7os\" >Servi\u00e7os<\/option>\n        <option value=\"Setor p\u00fablico\" >Setor p\u00fablico<\/option>\n        <option value=\"Tecnologia da Informa\u00e7\u00e3o (TI)\" >Tecnologia da Informa\u00e7\u00e3o (TI)<\/option>\n        <option value=\"Telecomunica\u00e7\u00f5es\/Internet\" >Telecomunica\u00e7\u00f5es\/Internet<\/option>\n        <option value=\"Transportes\" >Transportes<\/option>\n        <option value=\"Varejo\" >Varejo<\/option>\n        <option value=\"Vestu\u00e1rio\" >Vestu\u00e1rio<\/option>\n        <option value=\"Outros\" >Outros<\/option>\n  <\/select>\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--checkbox\" >\n    \n    \n    \n    <fieldset role=\"group\"\n    aria-label=\"Pol\u00edticas de privacidade\"\n    >\n       <legend class=\"breakdance-form-field__label\">Pol\u00edticas de privacidade<span class=\"breakdance-form-field__required\">*<\/span><\/legend>\n          <div class=\"breakdance-form-checkbox\">\n          <input\n              type=\"checkbox\"\n              name=\"fields[Politicas_de_privacidade]\"\n              value=\"Ao preencher este formul\u00e1rio, voc\u00ea concorda em receber comunica\u00e7\u00f5es da TecnoSpeed, incluindo e-mails e mensagens pelo WhatsApp. Voc\u00ea pode revogar seu consentimento a qualquer momento. Acesse nossa &lt;a href=&quot;https:\/\/tecnospeed.com.br&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot;&gt;Pol\u00edticas de Privacidade&lt;\/a&gt;\"\n              id=\"Politicas_de_privacidade-1\"\n              checked\n                        >\n          <label class=\"breakdance-form-checkbox__text\" for=\"Politicas_de_privacidade-1\">Ao preencher este formul\u00e1rio, voc\u00ea concorda em receber comunica\u00e7\u00f5es da TecnoSpeed, incluindo e-mails e mensagens pelo WhatsApp. Voc\u00ea pode revogar seu consentimento a qualquer momento. Acesse nossa <a href=\"https:\/\/tecnospeed.com.br\" target=\"_blank\" rel=\"noopener\">Pol\u00edticas de Privacidade<\/a><\/label>\n      <\/div>\n  <\/fieldset>\n\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"url_origem\"\n    type=\"hidden\"\n    name=\"fields[url_origem]\"\n    value=\"Site-Forms_API_de_Pagamento\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"produto_interesse\"\n    type=\"hidden\"\n    name=\"fields[produto_interesse]\"\n    value=\"API de Pagamento\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"operacao\"\n    type=\"hidden\"\n    name=\"fields[operacao]\"\n    value=\"PlugBank\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"utm_campaign\"\n    type=\"hidden\"\n    name=\"fields[utm_campaign]\"\n    value=\"\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"utm_source\"\n    type=\"hidden\"\n    name=\"fields[utm_source]\"\n    value=\"\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"utm_medium\"\n    type=\"hidden\"\n    name=\"fields[utm_medium]\"\n    value=\"\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"utm_content\"\n    type=\"hidden\"\n    name=\"fields[utm_content]\"\n    value=\"\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"utm_term\"\n    type=\"hidden\"\n    name=\"fields[utm_term]\"\n    value=\"\"\n    >\n\n\n    \n    \n<\/div>\n\n\n<div class=\"breakdance-form-field breakdance-form-field--hidden\" >\n    \n    \n    \n    <input\n    id=\"gclid\"\n    type=\"hidden\"\n    name=\"fields[gclid]\"\n    value=\"\"\n    >\n\n\n    \n    \n<\/div>\n\n\n  \n\n<div class=\"breakdance-form-field breakdance-form-footer\">\n    \n    \n                                    \n    \n    \n    \n    \n            \n            <button type=\"submit\" class=\"button-atom button-atom--primary breakdance-form-button breakdance-form-button__submit\"  >\n    \n        <span class=\"button-atom__text\">Enviar mensagem<\/span>\n\n        \n        \n            <\/button>\n    \n    <input type=\"hidden\" name=\"form_id\" value=\"400\">\n    <input type=\"hidden\" name=\"post_id\" value=\"18722\">\n<\/div>\n\n  \n<\/form>\n\n\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-18722-385 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18722-386 bde-badge\">\n<span >< > O problema<\/span>\n<\/div><h1 class=\"bde-heading-18722-387 bde-heading\" data-entrance=\"slideUp\">\nO que o financeiro do seu cliente faria com 4 horas a mais por dia?\u00a0\n<\/h1><div class=\"bde-text-18722-388 bde-text\">\nHoje, um colaborador sem automa\u00e7\u00e3o navega por m\u00faltiplos portais banc\u00e1rios, busca boletos em e-mails e PDFs, digita transfer\u00eancias uma a uma e ainda concilia tudo no Excel. Com a <b>Su\u00edte PlugBank<\/b>, essas 4 horas viram tempo para an\u00e1lise, negocia\u00e7\u00e3o e estrat\u00e9gia e o seu ERP vira sin\u00f4nimo de efici\u00eancia, n\u00e3o de retrabalho.\n<\/div><div class=\"bde-code-block-18722-389 bde-code-block\">\n\n  <!-- PlugBank \u2014 Cards de problema + card destaque (standalone, scoped, Urbanist) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .pb-problem{\n    --pb-bg:#1a1633;\n    --pb-surface:#221d3d;\n    --pb-border:rgba(255,255,255,.10);\n    --pb-border-strong:rgba(168,85,247,.30);\n    --pb-fg:#f7f5fb;\n    --pb-fg-65:rgba(247,245,251,.65);\n    --pb-fg-60:rgba(247,245,251,.60);\n    --pb-fg-35:rgba(247,245,251,.35);\n    --pb-primary:#a855f7;\n    --pb-primary-glow:#c084fc;\n    --pb-primary-20:rgba(168,85,247,.20);\n    --pb-primary-10:rgba(168,85,247,.10);\n    --pb-red:#ef4444;\n    font-family:'Urbanist',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;\n    color:var(--pb-fg);\n    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n    box-sizing:border-box;\n  }\n  .pb-problem *,.pb-problem *::before,.pb-problem *::after{box-sizing:border-box;}\n\n  .pb-grid{\n    display:grid; gap:16px;\n    grid-template-columns:repeat(1,minmax(0,1fr));\n  }\n  @media(min-width:768px){ .pb-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }\n  @media(min-width:1024px){ .pb-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }\n\n  .pb-card{\n    position:relative; background:#0F1A2F;\n    border-radius:16px; padding:28px;\n    border:1px solid var(--pb-border);\n    transition:border-color .25s ease, transform .25s ease;\n  }\n  .pb-card:hover{ border-color:var(--pb-border-strong); transform:translateY(-4px); }\n  .pb-card-head{ display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:16px; }\n  .pb-card-num{\n    font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;\n    font-size:12px; color:var(--pb-fg-35);\n  }\n  .pb-card-x{ color:var(--pb-red); font-size:24px; font-weight:200; line-height:1; }\n  .pb-card-title{\n    font-weight:700; font-size:18px; line-height:1.3;\n    color:var(--pb-fg); margin:0 0 8px;\n  }\n  .pb-card-desc{\n    font-size:14px; line-height:1.6;\n    color:var(--pb-fg-60); margin:0;\n  }\n\n  \/* Card destaque *\/\n  .pb-highlight{\n    margin-top:40px; position:relative; overflow:hidden;\n    border-radius:16px;\n    border:1px solid rgba(168,85,247,.40);\n    background:linear-gradient(135deg, rgba(168,85,247,.20) 0%, rgba(168,85,247,.10) 50%, var(--pb-bg) 100%);\n    box-shadow:0 20px 40px -10px rgba(168,85,247,.15);\n  }\n  .pb-highlight-blur{\n    position:absolute; top:-64px; right:-64px;\n    width:224px; height:224px; border-radius:9999px;\n    background:rgba(168,85,247,.25); filter:blur(100px); pointer-events:none;\n  }\n  .pb-highlight-inner{\n    position:relative; padding:24px;\n    max-width:1152px; margin:0 auto;\n    display:grid; gap:20px; align-items:center;\n    grid-template-columns:1fr;\n  }\n  @media(min-width:768px){\n    .pb-highlight-inner{\n      padding:24px;\n      grid-template-columns:1.4fr 1fr;\n      gap:24px;\n    }\n  }\n\n  .pb-col{ text-align:center; }\n  @media(min-width:768px){\n    .pb-col-1{ text-align:left; border-right:1px solid var(--pb-primary-20); padding-right:20px; }\n    .pb-col-2{ text-align:left; }\n  }\n\n  .pb-context{\n    font-size:16px; line-height:1.4; font-weight:500;\n    color:rgba(255,255,255,.85); margin:0 0 16px;\n  }\n  @media(min-width:640px){ .pb-context{ font-size:18px; } }\n  .pb-context b{ color:var(--pb-fg); font-weight:700; }\n\n  \/* Escala bullets *\/\n  .pb-scale-label {\n    font-size:13px; font-weight:600;\n    color:rgba(255,255,255,.55);\n    margin:0 0 10px;\n    display:block;\n  }\n  .pb-scale-list {\n    list-style:none; padding:0; margin:0;\n    display:flex; flex-direction:column; gap:8px;\n  }\n  .pb-scale-list li {\n    display:flex; align-items:flex-start; gap:8px;\n    font-size:13px; line-height:1.5;\n    color:rgba(247,245,251,.70); font-weight:500;\n  }\n  .pb-scale-dot {\n    width:6px; height:6px; border-radius:50%;\n    background:var(--pb-primary);\n    flex-shrink:0; margin-top:5px;\n  }\n\n  .pb-big-wrap{ line-height:1; margin:0; }\n  .pb-big{\n    display:block; font-weight:800; color:var(--pb-primary);\n    font-size:40px; line-height:1;\n  }\n  @media(min-width:640px){ .pb-big{ font-size:48px; } }\n  @media(min-width:1024px){ .pb-big{ font-size:60px; } }\n  .pb-big-sub{\n    display:block; margin-top:10px;\n    font-size:14px; font-weight:500;\n    color:rgba(255,255,255,.75);\n  }\n  @media(min-width:640px){ .pb-big-sub{ font-size:16px; } }\n\n  .pb-solution{\n    font-size:18px; line-height:1.35; font-weight:600;\n    color:var(--pb-fg); margin:0;\n  }\n  @media(min-width:640px){ .pb-solution{ font-size:20px; } }\n  @media(min-width:1024px){ .pb-solution{ font-size:24px; } }\n  .pb-brand{ color:var(--pb-primary); font-weight:800; }\n<\/style>\n\n<div class=\"pb-problem\">\n  <div class=\"pb-grid\">\n    <div class=\"pb-card\">\n      <div class=\"pb-card-head\"><span class=\"pb-card-num\">01<\/span><span class=\"pb-card-x\">\u00d7<\/span><\/div>\n      <h3 class=\"pb-card-title\">Login em 5 bancos todo dia<\/h3>\n      <p class=\"pb-card-desc\">Para verificar boletos, extratos e confirmar pagamentos. Sem integra\u00e7\u00e3o, sem visibilidade unificada.<\/p>\n    <\/div>\n    <div class=\"pb-card\">\n      <div class=\"pb-card-head\"><span class=\"pb-card-num\">02<\/span><span class=\"pb-card-x\">\u00d7<\/span><\/div>\n      <h3 class=\"pb-card-title\">Boletos por e-mail e PDF<\/h3>\n      <p class=\"pb-card-desc\">Sem buscador autom\u00e1tico, t\u00edtulos se perdem, vencem com multa ou s\u00e3o pagos errado, com risco de fraude.<\/p>\n    <\/div>\n    <div class=\"pb-card\">\n      <div class=\"pb-card-head\"><span class=\"pb-card-num\">03<\/span><span class=\"pb-card-x\">\u00d7<\/span><\/div>\n      <h3 class=\"pb-card-title\">Transfer\u00eancias digitadas uma a uma<\/h3>\n      <p class=\"pb-card-desc\">Fornecedores, sal\u00e1rios, tributos, DARF: cada um \u00e9 um processo manual, lento e sem rastreabilidade.<\/p>\n    <\/div>\n    <div class=\"pb-card\">\n      <div class=\"pb-card-head\"><span class=\"pb-card-num\">04<\/span><span class=\"pb-card-x\">\u00d7<\/span><\/div>\n      <h3 class=\"pb-card-title\">Concilia\u00e7\u00e3o linha por linha no Excel<\/h3>\n      <p class=\"pb-card-desc\">Exportar extrato do banco, abrir no Excel, cruzar com o ERP. Horas perdidas no que a API faz em segundos.<\/p>\n    <\/div>\n    <div class=\"pb-card\">\n      <div class=\"pb-card-head\"><span class=\"pb-card-num\">05<\/span><span class=\"pb-card-x\">\u00d7<\/span><\/div>\n      <h3 class=\"pb-card-title\">Risco de boleto falso e fraude<\/h3>\n      <p class=\"pb-card-desc\">Boletos por e-mail podem ser adulterados. Sem valida\u00e7\u00e3o direta no banco, o risco \u00e9 real e crescente.<\/p>\n    <\/div>\n    <div class=\"pb-card\">\n      <div class=\"pb-card-head\"><span class=\"pb-card-num\">06<\/span><span class=\"pb-card-x\">\u00d7<\/span><\/div>\n      <h3 class=\"pb-card-title\">Nenhum m\u00f3dulo bate 100% com o banco<\/h3>\n      <p class=\"pb-card-desc\">ERP mostra o que foi lan\u00e7ado, banco mostra o que saiu. Sem integra\u00e7\u00e3o, sempre h\u00e1 diverg\u00eancia.<\/p>\n    <\/div>\n  <\/div>\n\n  <div class=\"pb-highlight\">\n    <span class=\"pb-highlight-blur\"><\/span>\n    <div class=\"pb-highlight-inner\">\n\n      <div class=\"pb-col pb-col-1\">\n        <p class=\"pb-context\">\n          Uma empresa de m\u00e9dio porte com <b>3 colaboradores no financeiro<\/b>, cada um gastando <b>30h\/m\u00eas<\/b> em tarefas operacionais.\n        <\/p>\n        <span class=\"pb-scale-label\">O ganho \u00e9 ainda maior para quem opera em escala:<\/span>\n        <ul class=\"pb-scale-list\">\n          <li><span class=\"pb-scale-dot\"><\/span>Imobili\u00e1rias e administradoras de condom\u00ednio: alto volume de boletos recorrentes e repasses<\/li>\n          <li><span class=\"pb-scale-dot\"><\/span>Franquias: m\u00faltiplas contas banc\u00e1rias, uma por unidade, exigindo consolida\u00e7\u00e3o<\/li>\n          <li><span class=\"pb-scale-dot\"><\/span>Grandes empresas: volume de pagamentos e tributos que torna o processo manual invi\u00e1vel<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"pb-col pb-col-2\">\n        <p class=\"pb-big-wrap\">\n          <span class=\"pb-big\">= 90h\/m\u00eas<\/span>\n          <span class=\"pb-big-sub\">de custo puro, sem valor estrat\u00e9gico.<\/span>\n        <\/p>\n        <p class=\"pb-solution\" style=\"margin-top:20px;\">\n          Isso \u00e9 o que a <span class=\"pb-brand\">Su\u00edte PlugBank<\/span> elimina.\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18722-259 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18722-472 bde-badge\">\n<span >< > Como funciona<\/span>\n<\/div><h2 class=\"bde-heading-18722-262 bde-heading\">\nSu\u00edte Contas a Pagar: 3 APIs integradas que resolvem todo o ciclo do financeiro\n<\/h2><div class=\"bde-text-18722-340 bde-text\">\nA Su\u00edte cobre cada etapa da rotina de Contas a Pagar, do boleto at\u00e9 a confirma\u00e7\u00e3o no extrato. N\u00e3o s\u00e3o produtos isolados: s\u00e3o tr\u00eas camadas de automa\u00e7\u00e3o em uma \u00fanico fornecedor.\n<\/div><div class=\"bde-code-block-18722-374 bde-code-block\">\n\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .pb-suite{\n    --pb-primary:#a855f7;\n    --pb-primary-glow:#c084fc;\n    --pb-white:#ffffff;\n    --pb-white-75:rgba(255,255,255,.75);\n    --pb-white-15:rgba(255,255,255,.15);\n    font-family:'Urbanist',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;\n    color:var(--pb-white);\n    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n    box-sizing:border-box;\n  }\n  .pb-suite *,.pb-suite *::before,.pb-suite *::after{box-sizing:border-box;}\n\n  .pb-suite-grid{\n    display:grid; gap:20px;\n    grid-template-columns:repeat(1,minmax(0,1fr));\n  }\n  @media(min-width:768px){ .pb-suite-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }\n\n  .pb-suite-card{\n    position:relative; display:flex; flex-direction:column; justify-content:flex-end;\n    min-height:420px; overflow:hidden; border-radius:24px;\n    border:1px solid rgba(0,0,0,.08);\n    box-shadow:0 10px 25px -5px rgba(168,85,247,.10);\n    text-decoration:none; color:inherit; cursor:pointer;\n    transition:border-color .3s ease, transform .3s ease;\n  }\n  .pb-suite-card:hover{ border-color:rgba(168,85,247,.40); }\n\n  .pb-suite-img{\n    position:absolute; inset:0; width:100%; height:100%;\n    object-fit:cover; transition:transform .7s ease;\n  }\n  .pb-suite-card:hover .pb-suite-img{ transform:scale(1.04); }\n\n  .pb-suite-overlay{\n    position:absolute; inset:0;\n    background:linear-gradient(to top, #000 0%, rgba(0,0,0,.70) 50%, rgba(0,0,0,.20) 100%);\n  }\n\n  .pb-suite-icon{\n    position:absolute; top:20px; left:20px;\n    width:44px; height:44px; border-radius:12px;\n    background:rgba(0,0,0,.55); backdrop-filter:blur(8px);\n    -webkit-backdrop-filter:blur(8px);\n    border:1px solid var(--pb-white-15);\n    display:flex; align-items:center; justify-content:center;\n    color:var(--pb-primary);\n  }\n  .pb-suite-icon svg{ width:20px; height:20px; stroke-width:2.2; }\n\n  .pb-suite-body{\n    position:relative; padding:28px; color:var(--pb-white);\n  }\n  .pb-suite-step{\n    font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;\n    font-size:10px; letter-spacing:.18em; text-transform:uppercase;\n    color:var(--pb-primary);\n  }\n  .pb-suite-title{\n    font-size:24px; font-weight:800; line-height:1.15;\n    margin:6px 0 8px; color:#ffffff !important;\n  }\n  .pb-suite-short{\n    font-size:14px; line-height:1.6;\n    color:var(--pb-white-75); margin:0 0 16px;\n  }\n  .pb-suite-cta{\n    display:inline-flex; align-items:center; gap:6px;\n    font-size:14px; font-weight:700; color:var(--pb-primary);\n    transition:gap .25s ease;\n  }\n  .pb-suite-card:hover .pb-suite-cta{ gap:10px; }\n  .pb-suite-cta svg{ width:16px; height:16px; stroke-width:2.2; }\n<\/style>\n\n<div class=\"pb-suite\">\n  <div class=\"pb-suite-grid\">\n\n    <!-- Card 1 \u2014 DDA -->\n    <a class=\"pb-suite-card\" href=\"#api-dda\">\n      <img decoding=\"async\" class=\"pb-suite-img\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Contas%20a%20pagar\/api-dda.jpg?\" alt=\"API de DDA\" loading=\"lazy\" width=\"1024\" height=\"1280\">\n      <span class=\"pb-suite-overlay\"><\/span>\n      <span class=\"pb-suite-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M3 7V5a2 2 0 0 1 2-2h2\"\/><path d=\"M17 3h2a2 2 0 0 1 2 2v2\"\/>\n          <path d=\"M21 17v2a2 2 0 0 1-2 2h-2\"\/><path d=\"M7 21H5a2 2 0 0 1-2-2v-2\"\/>\n          <circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"m16 16-1.9-1.9\"\/>\n        <\/svg>\n      <\/span>\n      <div class=\"pb-suite-body\">\n        <span class=\"pb-suite-step\">Passo 1 \u00b7 DDA<\/span>\n        <h3 class=\"pb-suite-title\">API de DDA<\/h3>\n        <p class=\"pb-suite-short\">Boletos do CNPJ do cliente importados automaticamente, sem e-mail, sem PDF, sem busca manual.<\/p>\n        <span class=\"pb-suite-cta\">\n          Ver detalhes\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/a>\n\n    <!-- Card 2 \u2014 Pagamentos -->\n    <a class=\"pb-suite-card\" href=\"#api-pagamentos\">\n      <img decoding=\"async\" class=\"pb-suite-img\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Contas%20a%20pagar\/api-pagamentos_hpo1FkhVb.jpg\" alt=\"API de Pagamentos\" loading=\"lazy\" width=\"1024\" height=\"1280\">\n      <span class=\"pb-suite-overlay\"><\/span>\n      <span class=\"pb-suite-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\"\/><line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\"\/>\n        <\/svg>\n      <\/span>\n      <div class=\"pb-suite-body\">\n        <span class=\"pb-suite-step\">Passo 2 \u00b7 Pagamentos<\/span>\n        <h3 class=\"pb-suite-title\">API de Pagamentos<\/h3>\n        <p class=\"pb-suite-short\">Pague boletos, TED, Pix, sal\u00e1rios e tributos direto do ERP. Sem internet banking.<\/p>\n        <span class=\"pb-suite-cta\">\n          Ver detalhes\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/a>\n\n    <!-- Card 3 \u2014 Open Finance -->\n    <a class=\"pb-suite-card\" href=\"#api-open-finance\">\n      <img decoding=\"async\" class=\"pb-suite-img\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Contas%20a%20pagar\/api-openfinance_n5B6LrNYc.jpg\" alt=\"Extrato Open Finance\" loading=\"lazy\" width=\"1024\" height=\"1280\">\n      <span class=\"pb-suite-overlay\"><\/span>\n      <span class=\"pb-suite-icon\" aria-hidden=\"true\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n          <polyline points=\"14 2 14 8 20 8\"\/>\n          <path d=\"M12 18v-4\"\/><path d=\"M8 18v-2\"\/><path d=\"M16 18v-6\"\/>\n        <\/svg>\n      <\/span>\n      <div class=\"pb-suite-body\">\n        <span class=\"pb-suite-step\">Passo 3 \u00b7 Open Finance<\/span>\n        <h3 class=\"pb-suite-title\">Extrato Open Finance<\/h3>\n        <p class=\"pb-suite-short\">Conta corrente e cart\u00e3o em 47+ bancos. Sem VAN, sem carta para o gerente, sem export manual.<\/p>\n        <span class=\"pb-suite-cta\">\n          Ver detalhes\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 7h10v10\"\/><path d=\"M7 17 17 7\"\/><\/svg>\n        <\/span>\n      <\/div>\n    <\/a>\n\n  <\/div>\n<\/div>\n\n\n<\/div><div class=\"bde-button-18722-443 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"#form\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Intregrar API de pagamentos<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div><\/div>\n<\/section><section id=\"api-dda\" class=\"bde-section-18722-402 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18722-405 bde-badge\">\n<span >>_ Passo 1 \u00b7 <b>API de DDA<\/b><\/span>\n<\/div><h2 class=\"bde-heading-18722-406 bde-heading\">\nChega de boleto perdido. A API de DDA busca tudo direto do banco.\n<\/h2><div class=\"bde-text-18722-408 bde-text\">\nO DDA centraliza todos os boletos registrados em um CNPJ. A API da TecnoSpeed consulta esse ambiente automaticamente e entrega os t\u00edtulos no painel de Contas a Pagar, sem interven\u00e7\u00e3o humana.<br>\n<\/div><div class=\"bde-code-block-18722-413 bde-code-block\">\n\n  <!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>API de DDA \u2014 TecnoSpeed<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap\" rel=\"stylesheet\" \/>\n<style>\n  \/* ============== Tokens ============== *\/\n  .api-dda-section {\n    --surface: #14141f;\n    --surface-2: rgba(255,255,255,0.04);\n    --surface-3: rgba(255,255,255,0.07);\n    --border: rgba(255,255,255,0.10);\n    --border-strong: rgba(255,255,255,0.15);\n    --fg: #ffffff;\n    --fg-65: rgba(255,255,255,0.65);\n    --fg-75: rgba(255,255,255,0.75);\n    --fg-60: rgba(255,255,255,0.60);\n    --fg-50: rgba(255,255,255,0.50);\n    --fg-40: rgba(255,255,255,0.40);\n    --primary: #a855f7;\n    --primary-glow: #c084fc;\n    --primary-fg: #ffffff;\n\n    position: relative;\n    padding: 0 16px;\n    color: var(--fg);\n    font-family: 'Urbanist', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n  @media (min-width: 640px) { .api-dda-section { padding: 0 16px; } }\n  .api-dda-section *, .api-dda-section *::before, .api-dda-section *::after { box-sizing: border-box; }\n\n  .api-dda-glow { display: none; }\n\n  .api-dda-container {\n    position: relative; z-index: 1;\n    max-width: 1280px; margin: 0 auto;\n  }\n\n  \/* ============== Grid ============== *\/\n  .api-dda-grid {\n    display: grid; grid-template-columns: 1fr; gap: 40px;\n    align-items: stretch;\n  }\n  @media (min-width: 1024px) {\n    .api-dda-grid { grid-template-columns: 1fr 1fr; gap: 48px; }\n  }\n\n  .api-dda-col { display: flex; flex-direction: column; height: 100%; }\n\n  .api-dda-col-header { margin-bottom: 32px; }\n  .api-dda-eyebrow {\n    display: block; font-family: 'JetBrains Mono', monospace;\n    font-size: 11px; color: var(--primary);\n    text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 8px;\n  }\n  .api-dda-col-title {\n    font-size: 20px; font-weight: 700; line-height: 1.25; margin: 0;\n  }\n  @media (min-width: 640px) { .api-dda-col-title { font-size: 24px; } }\n\n  \/* ============== Steps ============== *\/\n  .api-dda-steps {\n    position: relative; display: flex; flex-direction: column; gap: 16px; flex: 1;\n  }\n  .api-dda-track, .api-dda-progress {\n    position: absolute; left: 52px; width: 1px;\n    top: 56px; bottom: 56px;\n  }\n  .api-dda-track { background: rgba(255,255,255,0.10); }\n  .api-dda-progress {\n    bottom: auto;\n    height: 0;\n    background: linear-gradient(to bottom, var(--primary), var(--primary-glow));\n    box-shadow: 0 0 12px rgba(168,85,247,0.6);\n    transition: height 500ms ease-out;\n  }\n\n  .api-dda-step {\n    position: relative; width: 100%; text-align: left;\n    background: var(--surface-2);\n    border: 1px solid var(--border-strong);\n    border-radius: 16px;\n    padding: 24px;\n    display: flex; gap: 20px;\n    color: inherit; font: inherit;\n    cursor: pointer;\n    transition: all 200ms ease;\n  }\n  .api-dda-step:hover {\n    background: var(--surface-3);\n    border-color: rgba(168,85,247,0.40);\n  }\n  .api-dda-step.is-active {\n    background: var(--surface-3);\n    border-color: rgba(168,85,247,0.60);\n    transform: translateY(-2px);\n    box-shadow: 0 10px 30px -10px rgba(168,85,247,0.20);\n  }\n\n  .api-dda-badge {\n    flex-shrink: 0; position: relative; z-index: 1;\n    width: 56px; height: 56px; border-radius: 16px;\n    display: flex; align-items: center; justify-content: center;\n    font-family: 'JetBrains Mono', monospace;\n    font-weight: 800; font-size: 18px;\n    box-shadow: 0 0 0 4px transparent;\n    background: rgba(255,255,255,0.06);\n    color: var(--fg-50);\n    border: 1px solid rgba(255,255,255,0.10);\n    transition: all 250ms ease;\n  }\n  .api-dda-step.is-reached .api-dda-badge {\n    background: linear-gradient(135deg, var(--primary), var(--primary-glow));\n    color: var(--primary-fg);\n    border: none;\n    box-shadow: 0 0 0 4px transparent, 0 10px 25px -5px rgba(168,85,247,0.40);\n  }\n  .api-dda-step.is-active .api-dda-badge { transform: scale(1.10); }\n\n  .api-dda-step-body { flex: 1; min-width: 0; }\n  .api-dda-step-meta { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }\n  .api-dda-step-meta svg { width: 16px; height: 16px; color: var(--fg-40); transition: color 200ms; }\n  .api-dda-step.is-reached .api-dda-step-meta svg { color: var(--primary); }\n  .api-dda-tag {\n    font-family: 'JetBrains Mono', monospace;\n    font-size: 10px; text-transform: uppercase; letter-spacing: 0.15em;\n    color: var(--fg-40); transition: color 200ms;\n  }\n  .api-dda-step.is-reached .api-dda-tag { color: var(--primary); }\n\n  .api-dda-step-title { font-size: 18px; font-weight: 700; line-height: 1.3; margin: 0 0 6px; color: var(--fg); }\n  .api-dda-step-desc { font-size: 14px; color: var(--fg-75); line-height: 1.6; margin: 0; }\n\n  \/* ============== Image card ============== *\/\n  .api-dda-image {\n    position: relative; border-radius: 24px; overflow: hidden;\n    border: 1px solid var(--border); margin-bottom: 20px;\n    aspect-ratio: 16 \/ 10;\n    background: linear-gradient(135deg, #1f1f2e, #2a1a3e);\n  }\n  .api-dda-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }\n  .api-dda-image-overlay {\n    position: absolute; inset: 0;\n    background: linear-gradient(to top, rgba(11,11,20,0.90), rgba(11,11,20,0.20) 50%, transparent);\n  }\n  .api-dda-image-text { position: absolute; bottom: 20px; left: 20px; right: 20px; }\n  .api-dda-image-text .eyebrow {\n    font-family: 'JetBrains Mono', monospace; font-size: 10px;\n    color: var(--primary); text-transform: uppercase; letter-spacing: 0.15em;\n  }\n  .api-dda-image-text p { color: #fff; font-weight: 700; font-size: 16px; line-height: 1.3; margin: 4px 0 0; }\n  @media (min-width: 640px) { .api-dda-image-text p { font-size: 18px; } }\n\n  \/* ============== Benefits ============== *\/\n  .api-dda-col-title { color: #ffffff !important; }\n\n  .api-dda-benefits {\n    background: transparent;\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 24px;\n    padding: 24px; flex: 1;\n  }\n  @media (min-width: 640px) { .api-dda-benefits { padding: 32px; } }\n  .api-dda-benefits-list {\n    list-style: none; margin: 0; padding: 0;\n    display: grid; grid-template-columns: 1fr; column-gap: 24px; row-gap: 20px;\n  }\n  @media (min-width: 640px) { .api-dda-benefits-list { grid-template-columns: 1fr 1fr; } }\n  .api-dda-benefit { display: flex; align-items: flex-start; gap: 12px; }\n  .api-dda-benefit-icon {\n    width: 40px; height: 40px; border-radius: 12px;\n    background: rgba(168,85,247,0.15); color: var(--primary);\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n    transition: background 200ms, color 200ms;\n  }\n  .api-dda-benefit-icon svg { width: 16px; height: 16px; }\n  .api-dda-benefit:hover .api-dda-benefit-icon { background: var(--primary); color: var(--primary-fg); }\n  .api-dda-benefit-title { font-size: 16px; font-weight: 700; line-height: 1.3; margin: 0 0 2px; color: #ffffff !important; }\n  .api-dda-benefit-desc { font-size: 14px; color: var(--fg-60); line-height: 1.6; margin: 0; }\n\n  \/* ============== Footer CTA row ============== *\/\n  .api-dda-cta-row { margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }\n  .api-dda-chip {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding: 8px 16px; border-radius: 9999px;\n    background: rgba(168,85,247,0.10);\n    border: 1px solid rgba(168,85,247,0.25);\n    font-family: 'JetBrains Mono', monospace;\n    font-size: 11px; color: #ffffff;\n    text-transform: uppercase; letter-spacing: 0.15em;\n  }\n  .api-dda-chip-dot { width: 6px; height: 6px; border-radius: 9999px; background: var(--primary); }\n\n  .api-dda-cta {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding: 14px 24px; border-radius: 9999px;\n    background: var(--primary); color: var(--primary-fg);\n    font-weight: 700; font-size: 14px; text-decoration: none;\n    box-shadow: 0 10px 25px -5px rgba(168,85,247,0.30);\n    transition: background 200ms, transform 200ms;\n  }\n  .api-dda-cta:hover { background: var(--primary-glow); transform: translateY(-1px); }\n  .api-dda-cta svg { width: 16px; height: 16px; }\n<\/style>\n<\/head>\n<body>\n\n<section id=\"api-dda\" class=\"api-dda-section\">\n  <div class=\"api-dda-glow\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"api-dda-container\">\n\n    <!-- Two-column grid -->\n    <div class=\"api-dda-grid\">\n\n      <!-- Column 1: Steps -->\n      <div class=\"api-dda-col\">\n        <div class=\"api-dda-col-header\">\n          <span class=\"api-dda-eyebrow\">Como funciona na pr\u00e1tica<\/span>\n          <h3 class=\"api-dda-col-title\">5 etapas, do cadastro do boleto at\u00e9 o pagamento dentro do ERP.<\/h3>\n        <\/div>\n\n        <div class=\"api-dda-steps\" id=\"apiDdaSteps\">\n          <div class=\"api-dda-track\" aria-hidden=\"true\"><\/div>\n          <div class=\"api-dda-progress\" id=\"apiDdaProgress\" aria-hidden=\"true\"><\/div>\n\n          <!-- Step 01 -->\n          <button type=\"button\" class=\"api-dda-step is-active is-reached\" data-step=\"0\">\n            <div class=\"api-dda-badge\">01<\/div>\n            <div class=\"api-dda-step-body\">\n              <div class=\"api-dda-step-meta\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n                <span class=\"api-dda-tag\">Setup \u00b7 1x<\/span>\n              <\/div>\n              <h4 class=\"api-dda-step-title\">Cliente habilita o DDA<\/h4>\n              <p class=\"api-dda-step-desc\">Ades\u00e3o \u00fanica no banco. A partir da\u00ed, todo boleto contra o CNPJ cai no ambiente DDA.<\/p>\n            <\/div>\n          <\/button>\n\n          <!-- Step 02 -->\n          <button type=\"button\" class=\"api-dda-step\" data-step=\"1\">\n            <div class=\"api-dda-badge\">02<\/div>\n            <div class=\"api-dda-step-body\">\n              <div class=\"api-dda-step-meta\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"\/><path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\"\/><path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\"\/><path d=\"M10 6h4\"\/><path d=\"M10 10h4\"\/><path d=\"M10 14h4\"\/><path d=\"M10 18h4\"\/><\/svg>\n                <span class=\"api-dda-tag\">Autom\u00e1tico<\/span>\n              <\/div>\n              <h4 class=\"api-dda-step-title\">Fornecedor emite o boleto<\/h4>\n              <p class=\"api-dda-step-desc\">O t\u00edtulo \u00e9 registrado contra o CNPJ do cliente, sem precisar enviar PDF por e-mail.<\/p>\n            <\/div>\n          <\/button>\n\n          <!-- Step 03 -->\n          <button type=\"button\" class=\"api-dda-step\" data-step=\"2\">\n            <div class=\"api-dda-badge\">03<\/div>\n            <div class=\"api-dda-step-body\">\n              <div class=\"api-dda-step-meta\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\"\/><path d=\"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"\/><\/svg>\n                <span class=\"api-dda-tag\">Banco<\/span>\n              <\/div>\n              <h4 class=\"api-dda-step-title\">Boleto entra no ambiente DDA<\/h4>\n              <p class=\"api-dda-step-desc\">O banco centraliza todos os t\u00edtulos do CNPJ em um s\u00f3 lugar, padronizados.<\/p>\n            <\/div>\n          <\/button>\n\n          <!-- Step 04 -->\n          <button type=\"button\" class=\"api-dda-step\" data-step=\"3\">\n            <div class=\"api-dda-badge\">04<\/div>\n            <div class=\"api-dda-step-body\">\n              <div class=\"api-dda-step-meta\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><circle cx=\"11.5\" cy=\"14.5\" r=\"2.5\"\/><path d=\"M13.25 16.25 15 18\"\/><\/svg>\n                <span class=\"api-dda-tag\">TecnoSpeed<\/span>\n              <\/div>\n              <h4 class=\"api-dda-step-title\">API consulta e traz pro ERP<\/h4>\n              <p class=\"api-dda-step-desc\">A TecnoSpeed busca os t\u00edtulos automaticamente e entrega no painel de Contas a Pagar.<\/p>\n            <\/div>\n          <\/button>\n\n          <!-- Step 05 -->\n          <button type=\"button\" class=\"api-dda-step\" data-step=\"4\">\n            <div class=\"api-dda-badge\">05<\/div>\n            <div class=\"api-dda-step-body\">\n              <div class=\"api-dda-step-meta\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n                <span class=\"api-dda-tag\">ERP<\/span>\n              <\/div>\n              <h4 class=\"api-dda-step-title\">Usu\u00e1rio autoriza e agenda<\/h4>\n              <p class=\"api-dda-step-desc\">Tudo dentro do ERP. Sem abrir internet banking, sem digitar c\u00f3digo de barras.<\/p>\n            <\/div>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Benefits -->\n      <div class=\"api-dda-col\">\n        <div class=\"api-dda-col-header\">\n          <span class=\"api-dda-eyebrow\">Principais benef\u00edcios<\/span>\n          <h3 class=\"api-dda-col-title\">O que muda na rotina do financeiro a partir do dia 1.<\/h3>\n        <\/div>\n\n        <!-- Image card -->\n        <div class=\"api-dda-image\">\n          <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Contas%20a%20pagar\/dda-img_QozTYXD4L.jpg\" alt=\"Painel de Contas a Pagar com automa\u00e7\u00e3o DDA\" loading=\"lazy\" onerror=\"this.style.display='none'\" \/>\n          <div class=\"api-dda-image-overlay\"><\/div>\n          <div class=\"api-dda-image-text\">\n            <span class=\"eyebrow\">Painel ERP<\/span>\n            <p>Tudo o que antes vivia espalhado em internet bankings, agora dentro do seu ERP.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Benefits card -->\n        <div class=\"api-dda-benefits\">\n          <ul class=\"api-dda-benefits-list\">\n            <li class=\"api-dda-benefit\">\n              <div class=\"api-dda-benefit-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n              <\/div>\n              <div>\n                <h4 class=\"api-dda-benefit-title\">Prote\u00e7\u00e3o contra fraudes<\/h4>\n                <p class=\"api-dda-benefit-desc\">Boletos validados direto no banco.<\/p>\n              <\/div>\n            <\/li>\n            <li class=\"api-dda-benefit\">\n              <div class=\"api-dda-benefit-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\"\/><path d=\"M10.3 21a1.94 1.94 0 0 0 3.4 0\"\/><\/svg>\n              <\/div>\n              <div>\n                <h4 class=\"api-dda-benefit-title\">Notifica\u00e7\u00e3o em tempo real<\/h4>\n                <p class=\"api-dda-benefit-desc\">Novos t\u00edtulos aparecem no ERP.<\/p>\n              <\/div>\n            <\/li>\n            <li class=\"api-dda-benefit\">\n              <div class=\"api-dda-benefit-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"6\"\/><line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"6\"\/><line x1=\"3\" x2=\"21\" y1=\"10\" y2=\"10\"\/><\/svg>\n              <\/div>\n              <div>\n                <h4 class=\"api-dda-benefit-title\">Programa\u00e7\u00e3o no ERP<\/h4>\n                <p class=\"api-dda-benefit-desc\">Sem acessar internet banking.<\/p>\n              <\/div>\n            <\/li>\n            <li class=\"api-dda-benefit\">\n              <div class=\"api-dda-benefit-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"\/><path d=\"M21 3v5h-5\"\/><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"\/><path d=\"M3 21v-5h5\"\/><\/svg>\n              <\/div>\n              <div>\n                <h4 class=\"api-dda-benefit-title\">Concilia\u00e7\u00e3o autom\u00e1tica<\/h4>\n                <p class=\"api-dda-benefit-desc\">T\u00edtulos x lan\u00e7amentos, sem fric\u00e7\u00e3o.<\/p>\n              <\/div>\n            <\/li>\n            <li class=\"api-dda-benefit\">\n              <div class=\"api-dda-benefit-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n              <\/div>\n              <div>\n                <h4 class=\"api-dda-benefit-title\">Vis\u00e3o centralizada<\/h4>\n                <p class=\"api-dda-benefit-desc\">Vencimentos e fluxo unificados.<\/p>\n              <\/div>\n            <\/li>\n            <li class=\"api-dda-benefit\">\n              <div class=\"api-dda-benefit-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/><polyline points=\"16 7 22 7 22 13\"\/><\/svg>\n              <\/div>\n              <div>\n                <h4 class=\"api-dda-benefit-title\">\u221280% trabalho manual<\/h4>\n                <p class=\"api-dda-benefit-desc\">DDA + ERP integrados.<\/p>\n              <\/div>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- CTA row -->\n        <div class=\"api-dda-cta-row\">\n          <span class=\"api-dda-chip\">\n            <span class=\"api-dda-chip-dot\"><\/span>\n            Boletos dispon\u00edveis por at\u00e9 65 dias ap\u00f3s o vencimento\n          <\/span>\n          <a href=\"#form\" class=\"api-dda-cta\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7V5a2 2 0 0 1 2-2h2\"\/><path d=\"M17 3h2a2 2 0 0 1 2 2v2\"\/><path d=\"M21 17v2a2 2 0 0 1-2 2h-2\"\/><path d=\"M7 21H5a2 2 0 0 1-2-2v-2\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"m16 16-1.9-1.9\"\/><\/svg>\n            Integrar a API de DDA\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  var root = document.getElementById('apiDdaSteps');\n  if (!root) return;\n  var steps = root.querySelectorAll('.api-dda-step');\n  var progress = document.getElementById('apiDdaProgress');\n  var total = steps.length;\n\n  function setActive(idx) {\n    steps.forEach(function(s, i) {\n      s.classList.toggle('is-active', i === idx);\n      s.classList.toggle('is-reached', i <= idx);\n    });\n    if (progress && total > 1) {\n      var pct = idx \/ (total - 1);\n      progress.style.height = 'calc((100% - 7rem) * ' + pct + ')';\n    }\n  }\n\n  steps.forEach(function(step, i) {\n    step.addEventListener('mouseenter', function() { setActive(i); });\n    step.addEventListener('focus', function() { setActive(i); });\n    step.addEventListener('click', function() { setActive(i); });\n  });\n\n  setActive(0);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n<\/div><\/div>\n<\/section><section id=\"api-pagamentos\" class=\"bde-section-18722-461 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18722-515 bde-badge\">\n<span >>_ Passo 2 \u00b7 <b>API de Pagamentos<\/b><\/span>\n<\/div><div class=\"bde-columns-18722-512 bde-columns\"><div class=\"bde-column-18722-513 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-18722-463 bde-heading\">\nBoleto, TED, Pix, sal\u00e1rio, tributos: tudo do ERP, com um JSON.\n<\/h2>\n<\/div><div class=\"bde-column-18722-514 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18722-464 bde-text\">\nA API de Pagamentos transforma o ERP <b>no centro financeiro da opera\u00e7\u00e3o<\/b>. Sem internet banking, sem CNAB banco a banco. Layout \u00fanico para todos os tipos de pagamento, com confirma\u00e7\u00e3o em tempo real direto do banco, para liberar carga, quitar d\u00e9bito ou destravar opera\u00e7\u00e3o assim que o pagamento acontece.\n<\/div>\n<\/div><\/div><div class=\"bde-code-block-18722-465 bde-code-block\">\n\n  <!doctype html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"utf-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\n<title>API de Pagamentos \u2014 TecnoSpeed<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;600;700&display=swap\" \/>\n<style>\n  \/* ====== Tokens ====== *\/\n  .ts-pay {\n    --primary: #8B5CF6;\n    --primary-glow: #A78BFA;\n    --primary-foreground: #ffffff;\n    --foreground: #1A1340;\n    --foreground-muted: rgba(26,19,64,0.65);\n    --foreground-soft: rgba(26,19,64,0.7);\n    --foreground-faint: rgba(26,19,64,0.4);\n    --bg: #FAFAFC;\n    --card: #FFFFFF;\n    --border: rgba(26,19,64,0.1);\n    --border-soft: rgba(26,19,64,0.06);\n    --shadow-primary: 0 12px 30px -10px rgba(139,92,246,0.30);\n    --shadow-card: 0 18px 40px -18px rgba(139,92,246,0.22);\n    font-family: 'Urbanist', system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n    color: var(--foreground);\n    background: var(--bg);\n    border-top: 1px solid var(--border-soft);\n    -webkit-font-smoothing: antialiased;\n    box-sizing: border-box;\n    padding-top: 0;\n  }\n  .ts-pay *, .ts-pay *::before, .ts-pay *::after { box-sizing: border-box; }\n  .ts-pay .mono { font-family: 'JetBrains Mono', ui-monospace, monospace; }\n\n  .ts-pay__container { max-width: 1200px; margin: 0 auto; }\n\n  \/* Grid *\/\n  .ts-pay__grid {\n    display: grid; grid-template-columns: 1fr; gap: 40px;\n    align-items: stretch;\n  }\n  @media (min-width: 1024px) {\n    .ts-pay__grid { grid-template-columns: 1fr 1fr; gap: 48px; }\n  }\n\n  .ts-pay__col { display: flex; flex-direction: column; height: 100%; }\n  .ts-pay__col-head { margin-bottom: 32px; }\n  .ts-pay__eyebrow {\n    display: block;\n    font-family: 'JetBrains Mono', ui-monospace, monospace;\n    font-size: 11px; color: var(--primary);\n    text-transform: uppercase; letter-spacing: 0.14em;\n    margin-bottom: 8px; font-weight: 600;\n  }\n  .ts-pay__h3 {\n    font-size: clamp(20px, 2vw, 24px);\n    font-weight: 700; line-height: 1.25; margin: 0;\n  }\n\n  \/* === Steps (column 1) === *\/\n  .ts-pay__steps { position: relative; display: flex; flex-direction: column; gap: 16px; flex: 1; }\n\n  .ts-pay__track,\n  .ts-pay__progress {\n    position: absolute; left: 52px; width: 1px;\n    top: 56px; bottom: 56px; pointer-events: none;\n  }\n  .ts-pay__track { background: rgba(26,19,64,0.10); }\n  .ts-pay__progress {\n    background: linear-gradient(to bottom, var(--primary), var(--primary-glow));\n    box-shadow: 0 0 12px rgba(168,85,247,0.4);\n    height: 0;\n    transition: height 500ms ease-out;\n    bottom: auto;\n  }\n\n  .ts-pay__step {\n    position: relative;\n    width: 100%;\n    display: flex; gap: 20px; align-items: flex-start;\n    text-align: left;\n    background: #fff;\n    border: 1px solid var(--border);\n    border-radius: 16px;\n    padding: 24px;\n    cursor: pointer;\n    font: inherit; color: inherit;\n    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;\n  }\n  .ts-pay__step:hover { border-color: rgba(139,92,246,0.4); box-shadow: 0 12px 28px -16px rgba(139,92,246,0.22); }\n  .ts-pay__step.is-active {\n    border-color: rgba(139,92,246,0.6);\n    transform: translateY(-2px);\n    box-shadow: 0 18px 40px -18px rgba(139,92,246,0.30);\n  }\n\n  .ts-pay__num {\n    flex: 0 0 auto; position: relative; z-index: 1;\n    width: 56px; height: 56px; border-radius: 16px;\n    display: flex; align-items: center; justify-content: center;\n    font-family: 'JetBrains Mono', ui-monospace, monospace;\n    font-weight: 800; font-size: 18px;\n    background: rgba(26,19,64,0.04);\n    color: var(--foreground-faint);\n    border: 1px solid var(--border);\n    box-shadow: 0 0 0 4px var(--bg);\n    transition: transform .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease, border-color .25s ease;\n  }\n  .ts-pay__step.is-reached .ts-pay__num {\n    background: linear-gradient(135deg, var(--primary), var(--primary-glow));\n    color: var(--primary-foreground);\n    border-color: transparent;\n    box-shadow: 0 0 0 4px var(--bg), 0 12px 24px -8px rgba(139,92,246,0.5);\n  }\n  .ts-pay__step.is-active .ts-pay__num { transform: scale(1.10); }\n\n  .ts-pay__step-body { flex: 1; min-width: 0; }\n  .ts-pay__step-tag {\n    display: inline-flex; align-items: center; gap: 8px;\n    font-family: 'JetBrains Mono', ui-monospace, monospace;\n    font-size: 10px; text-transform: uppercase; letter-spacing: 0.14em;\n    color: var(--foreground-faint); margin-bottom: 8px;\n    transition: color .25s ease;\n  }\n  .ts-pay__step.is-reached .ts-pay__step-tag,\n  .ts-pay__step.is-reached .ts-pay__step-tag svg { color: var(--primary); stroke: var(--primary); }\n  .ts-pay__step-tag svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; transition: stroke .25s ease; }\n  .ts-pay__step-title { font-size: 18px; font-weight: 700; line-height: 1.3; margin: 0 0 6px; }\n  .ts-pay__step-desc  { font-size: 14px; color: var(--foreground-soft); line-height: 1.55; margin: 0; }\n\n  \/* === Column 2 === *\/\n  .ts-pay__image {\n    position: relative; border-radius: 24px; overflow: hidden;\n    border: 1px solid var(--border); margin-bottom: 20px;\n    aspect-ratio: 16 \/ 7; background: #efeaf9;\n  }\n  .ts-pay__image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }\n\n  \/* Gradiente escuro *\/\n  .ts-pay__image-overlay {\n    position: absolute; inset: 0;\n    background: linear-gradient(to top, rgba(10,6,30,0.92) 0%, rgba(10,6,30,0.55) 50%, rgba(10,6,30,0.15) 100%);\n  }\n\n  .ts-pay__image-caption { position: absolute; left: 20px; right: 20px; bottom: 20px; }\n  \/* Texto branco *\/\n  .ts-pay__image-caption .mono { font-size: 10px; color: rgba(255,255,255,0.75); text-transform: uppercase; letter-spacing: 0.14em; }\n  .ts-pay__image-caption p { color: #ffffff; font-weight: 700; font-size: clamp(15px,1.4vw,18px); line-height: 1.3; margin: 4px 0 0; }\n\n  .ts-pay__benefits {\n    background: var(--card); border: 1px solid var(--border-soft);\n    border-radius: 24px; padding: 28px; flex: 1;\n  }\n  @media (min-width: 480px) { .ts-pay__benefits { padding: 32px; } }\n  .ts-pay__benefits ul {\n    list-style: none; margin: 0; padding: 0;\n    display: grid; grid-template-columns: 1fr; column-gap: 24px; row-gap: 20px;\n  }\n  @media (min-width: 560px) { .ts-pay__benefits ul { grid-template-columns: 1fr 1fr; } }\n  .ts-pay__benefits li { display: flex; gap: 12px; align-items: flex-start; }\n  .ts-pay__bicon {\n    width: 40px; height: 40px; border-radius: 12px;\n    background: rgba(139,92,246,0.12);\n    color: var(--primary);\n    display: flex; align-items: center; justify-content: center;\n    flex: 0 0 auto;\n    transition: background .2s ease, color .2s ease;\n  }\n  .ts-pay__benefits li:hover .ts-pay__bicon { background: var(--primary); color: var(--primary-foreground); }\n  .ts-pay__bicon svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2.4; fill: none; stroke-linecap: round; stroke-linejoin: round; }\n  .ts-pay__btitle { font-weight: 700; font-size: 15px; line-height: 1.3; margin: 0 0 2px; }\n  .ts-pay__btext  { font-size: 14px; color: rgba(26,19,64,0.6); line-height: 1.55; margin: 0; }\n\n  \/* CTA *\/\n  .ts-pay__cta-row { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 12px; }\n  .ts-pay__cta {\n    display: inline-flex; align-items: center; gap: 8px;\n    padding: 14px 24px; border-radius: 999px;\n    background: var(--primary); color: var(--primary-foreground);\n    font-weight: 700; font-size: 14px;\n    text-decoration: none;\n    box-shadow: var(--shadow-primary);\n    transition: background .2s ease, transform .2s ease;\n  }\n  .ts-pay__cta:hover { background: var(--primary-glow); transform: translateY(-1px); }\n  .ts-pay__cta svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2.5; fill: none; stroke-linecap: round; stroke-linejoin: round; }\n\n  @media (max-width: 640px) {\n    .ts-pay { padding: 0 16px 0px; }\n    .ts-pay__step { padding: 20px; gap: 16px; }\n    .ts-pay__num { width: 48px; height: 48px; font-size: 16px; border-radius: 14px; }\n    .ts-pay__track, .ts-pay__progress { left: 44px; top: 48px; bottom: 48px; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"ts-pay\" id=\"api-pagamentos\">\n  <div class=\"ts-pay__container\">\n\n    <div class=\"ts-pay__grid\">\n\n      <!-- Column 1 \u2014 Steps -->\n      <div class=\"ts-pay__col\">\n        <div class=\"ts-pay__col-head\">\n          <span class=\"ts-pay__eyebrow\">Do clique no ERP at\u00e9 a confirma\u00e7\u00e3o no banco<\/span>\n          <h3 class=\"ts-pay__h3\">Um \u00fanico fluxo, qualquer tipo de pagamento, qualquer banco.<\/h3>\n        <\/div>\n\n        <div class=\"ts-pay__steps\" id=\"tsPaySteps\">\n          <div class=\"ts-pay__track\" aria-hidden=\"true\"><\/div>\n          <div class=\"ts-pay__progress\" id=\"tsPayProgress\" aria-hidden=\"true\"><\/div>\n\n          <button type=\"button\" class=\"ts-pay__step\" data-step=\"0\">\n            <span class=\"ts-pay__num\">01<\/span>\n            <div class=\"ts-pay__step-body\">\n              <span class=\"ts-pay__step-tag\">\n                <svg viewBox=\"0 0 24 24\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg>\n                Seu ERP\n              <\/span>\n              <h4 class=\"ts-pay__step-title\">ERP envia 1 JSON<\/h4>\n              <p class=\"ts-pay__step-desc\">Mesmo payload para boleto, Pix, TED, sal\u00e1rio ou tributo. Independe do banco de destino.<\/p>\n            <\/div>\n          <\/button>\n\n          <button type=\"button\" class=\"ts-pay__step\" data-step=\"1\">\n            <span class=\"ts-pay__num\">02<\/span>\n            <div class=\"ts-pay__step-body\">\n              <span class=\"ts-pay__step-tag\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n                Valida\u00e7\u00e3o\n              <\/span>\n              <h4 class=\"ts-pay__step-title\">TecnoSpeed valida<\/h4>\n              <p class=\"ts-pay__step-desc\">Cedente, c\u00f3digo de barras, limites e regras banc\u00e1rias verificados em tempo real.<\/p>\n            <\/div>\n          <\/button>\n\n          <button type=\"button\" class=\"ts-pay__step\" data-step=\"2\">\n            <span class=\"ts-pay__num\">03<\/span>\n            <div class=\"ts-pay__step-body\">\n              <span class=\"ts-pay__step-tag\">\n                <svg viewBox=\"0 0 24 24\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\n                Banco\n              <\/span>\n              <h4 class=\"ts-pay__step-title\">Pagamento \u00e9 executado<\/h4>\n              <p class=\"ts-pay__step-desc\">Roteamento autom\u00e1tico para o banco correto, com o protocolo correto. Sem CNAB manual.<\/p>\n            <\/div>\n          <\/button>\n\n          <button type=\"button\" class=\"ts-pay__step\" data-step=\"3\">\n            <span class=\"ts-pay__num\">04<\/span>\n            <div class=\"ts-pay__step-body\">\n              <span class=\"ts-pay__step-tag\">\n                <svg viewBox=\"0 0 24 24\"><path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\"\/><path d=\"M10.3 21a1.94 1.94 0 0 0 3.4 0\"\/><\/svg>\n                Tempo real\n              <\/span>\n              <h4 class=\"ts-pay__step-title\">Webhook confirma<\/h4>\n              <p class=\"ts-pay__step-desc\">O ERP recebe o status no momento da execu\u00e7\u00e3o, o mesmo registro que o banco usa para liberar carga ou dar baixa em d\u00e9bito. Sem polling, sem planilha de controle.<\/p>\n            <\/div>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2 \u2014 Diferenciais -->\n      <div class=\"ts-pay__col\">\n        <div class=\"ts-pay__col-head\">\n          <span class=\"ts-pay__eyebrow\">Por que \u00e9 diferente<\/span>\n          <h3 class=\"ts-pay__h3\">O que separa essa API de uma integra\u00e7\u00e3o banc\u00e1ria tradicional.<\/h3>\n        <\/div>\n\n        <div class=\"ts-pay__image\">\n          <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Contas%20a%20pagar\/pagamentos-img%20(3)_s4KwhOxyO.jpg\" alt=\"Um JSON \u00fanico para m\u00faltiplos tipos de pagamento\" loading=\"lazy\" width=\"1024\" height=\"448\" \/>\n          <div class=\"ts-pay__image-overlay\"><\/div>\n          <div class=\"ts-pay__image-caption\">\n            <span class=\"mono\">Payload \u00fanico<\/span>\n            <p>Mesmo JSON para boleto, Pix, TED, sal\u00e1rio e tributo.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"ts-pay__benefits\">\n          <ul>\n            <li>\n              <span class=\"ts-pay__bicon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"16 18 22 12 16 6\"\/><polyline points=\"8 6 2 12 8 18\"\/><\/svg><\/span>\n              <div><h4 class=\"ts-pay__btitle\">Um JSON para tudo<\/h4><p class=\"ts-pay__btext\">Layout \u00fanico, qualquer banco.<\/p><\/div>\n            <\/li>\n            <li>\n              <span class=\"ts-pay__bicon\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\"\/><path d=\"M10.3 21a1.94 1.94 0 0 0 3.4 0\"\/><\/svg><\/span>\n              <div><h4 class=\"ts-pay__btitle\">Webhooks em tempo real<\/h4><p class=\"ts-pay__btext\">Confirma\u00e7\u00e3o na hora, sem polling.<\/p><\/div>\n            <\/li>\n            <li>\n              <span class=\"ts-pay__bicon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg><\/span>\n              <div><h4 class=\"ts-pay__btitle\">Valida\u00e7\u00e3o pr\u00e9via<\/h4><p class=\"ts-pay__btext\">Cedente e barras conferidos.<\/p><\/div>\n            <\/li>\n            <li>\n              <span class=\"ts-pay__bicon\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 12a9 9 0 0 1 15-6.7L21 8\"\/><path d=\"M21 3v5h-5\"\/><path d=\"M21 12a9 9 0 0 1-15 6.7L3 16\"\/><path d=\"M3 21v-5h5\"\/><\/svg><\/span>\n              <div><h4 class=\"ts-pay__btitle\">Manuten\u00e7\u00e3o zero<\/h4><p class=\"ts-pay__btext\">Mudan\u00e7as banc\u00e1rias absorvidas.<\/p><\/div>\n            <\/li>\n            <li>\n              <span class=\"ts-pay__bicon\"><svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/span>\n              <div><h4 class=\"ts-pay__btitle\">6 tipos cobertos<\/h4><p class=\"ts-pay__btext\">Boleto, Pix, TED, sal\u00e1rio, tributo, fornecedor.<\/p><\/div>\n            <\/li>\n            <li>\n              <span class=\"ts-pay__bicon\"><svg viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/span>\n              <div><h4 class=\"ts-pay__btitle\">Confirma\u00e7\u00e3o em tempo real<\/h4><p class=\"ts-pay__btext\">O banco registra o pagamento na hora.<\/p><\/div>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"ts-pay__cta-row\">\n          <a class=\"ts-pay__cta\" href=\"#form\">\n            <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/><\/svg>\n            Integrar a API de Pagamentos\n            <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var steps = document.querySelectorAll('#tsPaySteps .ts-pay__step');\n  var progress = document.getElementById('tsPayProgress');\n  var total = steps.length;\n\n  function setActive(i){\n    steps.forEach(function(el, idx){\n      el.classList.toggle('is-active', idx === i);\n      el.classList.toggle('is-reached', idx <= i);\n    });\n    var pct = total > 1 ? (i \/ (total - 1)) * 100 : 0;\n    progress.style.height = 'calc((100% - 0rem) * ' + (pct\/100) + ')';\n  }\n\n  steps.forEach(function(el, idx){\n    el.addEventListener('mouseenter', function(){ setActive(idx); });\n    el.addEventListener('focus', function(){ setActive(idx); });\n    el.addEventListener('click', function(){ setActive(idx); });\n  });\n\n  setActive(0);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n<\/div><\/div>\n<\/section><section id=\"api-open-finance\" class=\"bde-section-18722-466 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18722-467 bde-badge\">\n<span >>_ Passo 3 \u00b7 <b>Open Finance<\/b><\/span>\n<\/div><div class=\"bde-columns-18722-509 bde-columns\"><div class=\"bde-column-18722-510 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-18722-468 bde-heading\">\nExtratos e cart\u00e3o no ERP, via Open Finance.\n<\/h2>\n<\/div><div class=\"bde-column-18722-511 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18722-469 bde-text\">\n<b>A Su\u00edte fecha o ciclo: <\/b>depois que o DDA busca o boleto e a API de Pagamentos executa, o Open Finance confirma tudo no extrato real do banco, e ainda traz a fatura do cart\u00e3o.\n<\/div>\n<\/div><\/div><div class=\"bde-code-block-18722-470 bde-code-block\">\n\n  <!-- PlugBank \u2014 API Extrato Open Finance (standalone, scoped, Urbanist) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .pb-of{\n    --pb-primary:#a855f7;\n    --pb-primary-glow:#c084fc;\n    --pb-primary-fg:#ffffff;\n    --pb-fg:#ffffff;\n    --pb-fg-75:rgba(255,255,255,.75);\n    --pb-fg-65:rgba(255,255,255,.65);\n    --pb-fg-60:rgba(255,255,255,.60);\n    --pb-fg-50:rgba(255,255,255,.50);\n    --pb-fg-40:rgba(255,255,255,.40);\n    --pb-w-04:rgba(255,255,255,.04);\n    --pb-w-06:rgba(255,255,255,.06);\n    --pb-w-07:rgba(255,255,255,.07);\n    --pb-w-08:rgba(255,255,255,.08);\n    --pb-w-10:rgba(255,255,255,.10);\n    --pb-w-15:rgba(255,255,255,.15);\n    font-family:'Urbanist',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;\n    color:var(--pb-fg);\n    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n    box-sizing:border-box;\n    position:relative;\n    padding:0;\n    overflow:visible;\n  }\n  .pb-of *,.pb-of *::before,.pb-of *::after{box-sizing:border-box;}\n\n  \/* Grid *\/\n  .pb-of-grid{\n    display:grid; gap:40px;\n    grid-template-columns:1fr;\n    align-items:stretch;\n    padding-top:4px;\n  }\n  @media(min-width:1024px){\n    .pb-of-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; }\n  }\n\n  .pb-of-col{ display:flex; flex-direction:column; height:100%; }\n\n  .pb-of-eyebrow{\n    display:block; font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;\n    font-size:11px; color:var(--pb-primary);\n    text-transform:uppercase; letter-spacing:.18em;\n    margin-bottom:8px;\n  }\n  .pb-of-h3{ font-size:20px; font-weight:700; line-height:1.25; margin:0; color:#ffffff; }\n  @media(min-width:640px){ .pb-of-h3{ font-size:24px; } }\n\n  \/* Steps *\/\n  .pb-of-steps{\n    position:relative; display:flex; flex-direction:column; gap:16px; flex:1;\n  }\n  .pb-of-track{\n    position:absolute; left:52px; top:56px; bottom:56px; width:1px;\n    background:var(--pb-w-10);\n  }\n  .pb-of-progress{\n    position:absolute; left:52px; top:56px; width:1px;\n    background:linear-gradient(to bottom, var(--pb-primary), var(--pb-primary-glow));\n    box-shadow:0 0 12px rgba(168,85,247,.6);\n    transition:height .5s ease-out;\n    height:0%;\n  }\n\n  .pb-of-step{\n    position:relative; width:100%; text-align:left; cursor:pointer;\n    background:var(--pb-w-04); border:1px solid var(--pb-w-15);\n    border-radius:16px; padding:24px;\n    display:flex; gap:20px; align-items:flex-start;\n    transition:all .3s ease;\n    color:inherit; font:inherit;\n  }\n  .pb-of-step:hover{ background:var(--pb-w-07); border-color:rgba(168,85,247,.40); }\n  .pb-of-step.is-active{\n    background:var(--pb-w-07); border-color:rgba(168,85,247,.60);\n    transform:translateY(-2px);\n    box-shadow:0 10px 25px -5px rgba(168,85,247,.10);\n  }\n\n  .pb-of-num{\n    position:relative; z-index:1; flex-shrink:0;\n    width:56px; height:56px; border-radius:16px;\n    display:flex; align-items:center; justify-content:center;\n    font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;\n    font-weight:800; font-size:18px;\n    background:var(--pb-w-06); color:var(--pb-fg-50);\n    border:1px solid var(--pb-w-10);\n    transition:all .3s ease;\n  }\n  .pb-of-step.is-reached .pb-of-num{\n    background:linear-gradient(135deg, var(--pb-primary), var(--pb-primary-glow));\n    color:var(--pb-primary-fg); border-color:transparent;\n    box-shadow:0 10px 20px -5px rgba(168,85,247,.40);\n  }\n  .pb-of-step.is-active .pb-of-num{ transform:scale(1.10); }\n\n  .pb-of-step-body{ flex:1; min-width:0; }\n  .pb-of-tagrow{ display:flex; align-items:center; gap:8px; margin-bottom:8px; }\n  .pb-of-tagrow svg{ width:16px; height:16px; stroke-width:2.4; color:var(--pb-fg-40); transition:color .3s ease; }\n  .pb-of-tag{\n    font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;\n    font-size:10px; text-transform:uppercase; letter-spacing:.18em;\n    color:var(--pb-fg-40); transition:color .3s ease;\n  }\n  .pb-of-step.is-reached .pb-of-tagrow svg,\n  .pb-of-step.is-reached .pb-of-tag{ color:var(--pb-primary); }\n\n  .pb-of-step-title{ font-size:18px; font-weight:700; line-height:1.3; margin:0 0 6px; color:#ffffff !important; }\n  .pb-of-step-desc{ font-size:14px; line-height:1.6; color:var(--pb-fg-75); margin:0; }\n\n  \/* Image card *\/\n  .pb-of-image{\n    position:relative; aspect-ratio:16\/7;\n    border-radius:24px; overflow:hidden;\n    border:1px solid var(--pb-w-10); margin-bottom:20px;\n  }\n  .pb-of-image img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }\n  .pb-of-image-overlay{\n    position:absolute; inset:0;\n    background:linear-gradient(to top, rgba(11,11,18,.92), rgba(11,11,18,.20) 60%, transparent);\n  }\n  .pb-of-image-cap{ position:absolute; left:20px; right:20px; bottom:20px; }\n  .pb-of-image-cap .cap-eyebrow{\n    font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;\n    font-size:10px; color:var(--pb-primary);\n    text-transform:uppercase; letter-spacing:.18em;\n  }\n  .pb-of-image-cap .cap-title{\n    color:#fff; font-weight:700; font-size:16px; line-height:1.3; margin:4px 0 0;\n  }\n  @media(min-width:640px){ .pb-of-image-cap .cap-title{ font-size:18px; } }\n\n  \/* Benefits *\/\n  .pb-of-benefits{\n    background:transparent; border:1px solid var(--pb-w-08);\n    border-radius:24px; padding:24px; flex:1;\n  }\n  @media(min-width:640px){ .pb-of-benefits{ padding:32px; } }\n  .pb-of-benefits ul{\n    list-style:none; padding:0; margin:0;\n    display:grid; gap:20px 24px;\n    grid-template-columns:1fr;\n  }\n  @media(min-width:640px){ .pb-of-benefits ul{ grid-template-columns:repeat(2,minmax(0,1fr)); } }\n  .pb-of-benefit{ display:flex; gap:12px; align-items:flex-start; }\n  .pb-of-benefit-ic{\n    width:40px; height:40px; border-radius:12px; flex-shrink:0;\n    background:rgba(168,85,247,.15); color:var(--pb-primary);\n    display:flex; align-items:center; justify-content:center;\n    transition:all .3s ease;\n  }\n  .pb-of-benefit-ic svg{ width:16px; height:16px; stroke-width:2.4; }\n  .pb-of-benefit:hover .pb-of-benefit-ic{ background:var(--pb-primary); color:var(--pb-primary-fg); }\n  .pb-of-benefit-t{ font-weight:700; font-size:15px; margin:0 0 2px; line-height:1.3; color:#ffffff !important; }\n  .pb-of-benefit-d{ font-size:13px; color:var(--pb-fg-60); line-height:1.55; margin:0; }\n\n  \/* CTA row *\/\n  .pb-of-cta-row{\n    margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; gap:12px;\n  }\n  .pb-of-cta{\n    display:inline-flex; align-items:center; gap:8px;\n    padding:12px 24px; border-radius:9999px;\n    background:var(--pb-primary); color:var(--pb-primary-fg);\n    font-weight:700; font-size:14px; text-decoration:none;\n    box-shadow:0 10px 25px -5px rgba(168,85,247,.30);\n    transition:background .25s ease, transform .25s ease;\n  }\n  .pb-of-cta:hover{ background:var(--pb-primary-glow); }\n  .pb-of-cta svg{ width:16px; height:16px; stroke-width:2.5; }\n<\/style>\n\n<section id=\"api-openfinance\" class=\"pb-of\">\n\n  <div class=\"pb-of-container\">\n    <div class=\"pb-of-grid\">\n\n      <!-- Column 1 \u2014 Steps -->\n      <div class=\"pb-of-col\">\n        <div class=\"pb-of-steps\" data-pb-of-steps>\n          <div class=\"pb-of-track\" aria-hidden=\"true\"><\/div>\n          <div class=\"pb-of-progress\" aria-hidden=\"true\" data-pb-of-progress><\/div>\n\n          <button type=\"button\" class=\"pb-of-step is-active is-reached\" data-pb-of-step=\"0\">\n            <span class=\"pb-of-num\">01<\/span>\n            <div class=\"pb-of-step-body\">\n              <div class=\"pb-of-tagrow\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"14\" height=\"20\" x=\"5\" y=\"2\" rx=\"2\" ry=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg>\n                <span class=\"pb-of-tag\">Cliente<\/span>\n              <\/div>\n              <h4 class=\"pb-of-step-title\">Cliente autoriza no app do banco<\/h4>\n              <p class=\"pb-of-step-desc\">Consentimento digital em minutos, direto no internet banking. Nada de carta para o gerente.<\/p>\n            <\/div>\n          <\/button>\n\n          <button type=\"button\" class=\"pb-of-step\" data-pb-of-step=\"1\">\n            <span class=\"pb-of-num\">02<\/span>\n            <div class=\"pb-of-step-body\">\n              <div class=\"pb-of-tagrow\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n                <span class=\"pb-of-tag\">Banco Central<\/span>\n              <\/div>\n              <h4 class=\"pb-of-step-title\">Open Finance compartilha os dados<\/h4>\n              <p class=\"pb-of-step-desc\">O banco libera extratos e faturas via padr\u00e3o regulado pelo Banco Central, com seguran\u00e7a ponta a ponta.<\/p>\n            <\/div>\n          <\/button>\n\n          <button type=\"button\" class=\"pb-of-step\" data-pb-of-step=\"2\">\n            <span class=\"pb-of-num\">03<\/span>\n            <div class=\"pb-of-step-body\">\n              <div class=\"pb-of-tagrow\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M3 5v14a9 3 0 0 0 18 0V5\"\/><path d=\"M3 12a9 3 0 0 0 18 0\"\/><\/svg>\n                <span class=\"pb-of-tag\">TecnoSpeed<\/span>\n              <\/div>\n              <h4 class=\"pb-of-step-title\">API entrega no ERP<\/h4>\n              <p class=\"pb-of-step-desc\">Movimenta\u00e7\u00f5es de conta corrente e fatura do cart\u00e3o entram no painel financeiro, atualizadas.<\/p>\n            <\/div>\n          <\/button>\n\n          <button type=\"button\" class=\"pb-of-step\" data-pb-of-step=\"3\">\n            <span class=\"pb-of-num\">04<\/span>\n            <div class=\"pb-of-step-body\">\n              <div class=\"pb-of-tagrow\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a9 9 0 0 0-15-6.7L3 8\"\/><path d=\"M3 3v5h5\"\/><path d=\"M3 12a9 9 0 0 0 15 6.7l3-2.7\"\/><path d=\"M16 16h5v5\"\/><\/svg>\n                <span class=\"pb-of-tag\">ERP<\/span>\n              <\/div>\n              <h4 class=\"pb-of-step-title\">Concilia\u00e7\u00e3o autom\u00e1tica<\/h4>\n              <p class=\"pb-of-step-desc\">O ERP cruza pagamentos, recebimentos e cart\u00e3o com os lan\u00e7amentos. Sem export manual.<\/p>\n            <\/div>\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2 \u2014 Benefits -->\n      <div class=\"pb-of-col\">\n        <div class=\"pb-of-image\">\n          <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Contas%20a%20pagar\/open-finance-img_VDcvetrtl4.jpg\" alt=\"Open Finance conectando bancos ao ERP\" loading=\"lazy\" width=\"1024\" height=\"448\">\n          <span class=\"pb-of-image-overlay\"><\/span>\n          <div class=\"pb-of-image-cap\">\n            <span class=\"cap-eyebrow\">Open Finance<\/span>\n            <p class=\"cap-title\">Autoriza\u00e7\u00e3o digital, escala imediata, cart\u00e3o incluso.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"pb-of-benefits\">\n          <ul>\n            <li class=\"pb-of-benefit\">\n              <span class=\"pb-of-benefit-ic\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"\/><path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\"\/><path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\"\/><path d=\"M10 6h4\"\/><path d=\"M10 10h4\"\/><path d=\"M10 14h4\"\/><path d=\"M10 18h4\"\/><\/svg>\n              <\/span>\n              <div><h4 class=\"pb-of-benefit-t\">47+ bancos<\/h4><p class=\"pb-of-benefit-d\">PF (44) e PJ (36) cobertos.<\/p><\/div>\n            <\/li>\n            <li class=\"pb-of-benefit\">\n              <span class=\"pb-of-benefit-ic\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"5\" rx=\"2\"\/><line x1=\"2\" x2=\"22\" y1=\"10\" y2=\"10\"\/><\/svg>\n              <\/span>\n              <div><h4 class=\"pb-of-benefit-t\">Cart\u00e3o incluso<\/h4><p class=\"pb-of-benefit-d\">Faturas via Open Finance, novidade 2026.<\/p><\/div>\n            <\/li>\n            <li class=\"pb-of-benefit\">\n              <span class=\"pb-of-benefit-ic\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a9 9 0 0 0-15-6.7L3 8\"\/><path d=\"M3 3v5h5\"\/><path d=\"M3 12a9 9 0 0 0 15 6.7l3-2.7\"\/><path d=\"M16 16h5v5\"\/><\/svg>\n              <\/span>\n              <div><h4 class=\"pb-of-benefit-t\">Concilia\u00e7\u00e3o autom\u00e1tica<\/h4><p class=\"pb-of-benefit-d\">Sem export manual no ERP.<\/p><\/div>\n            <\/li>\n            <li class=\"pb-of-benefit\">\n              <span class=\"pb-of-benefit-ic\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"14\" height=\"20\" x=\"5\" y=\"2\" rx=\"2\" ry=\"2\"\/><path d=\"M12 18h.01\"\/><\/svg>\n              <\/span>\n              <div><h4 class=\"pb-of-benefit-t\">Autoriza\u00e7\u00e3o em minutos<\/h4><p class=\"pb-of-benefit-d\">Consentimento direto no app.<\/p><\/div>\n            <\/li>\n            <li class=\"pb-of-benefit\">\n              <span class=\"pb-of-benefit-ic\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.582a.5.5 0 0 1 0 .962L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\"\/><path d=\"M20 3v4\"\/><path d=\"M22 5h-4\"\/><path d=\"M4 17v2\"\/><path d=\"M5 18H3\"\/><\/svg>\n              <\/span>\n              <div><h4 class=\"pb-of-benefit-t\">Sem VAN<\/h4><p class=\"pb-of-benefit-d\">Sem carta para o gerente.<\/p><\/div>\n            <\/li>\n            <li class=\"pb-of-benefit\">\n              <span class=\"pb-of-benefit-ic\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n              <\/span>\n              <div><h4 class=\"pb-of-benefit-t\">Sem credenciamento BC<\/h4><p class=\"pb-of-benefit-d\">TecnoSpeed assume regula\u00e7\u00e3o.<\/p><\/div>\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"pb-of-cta-row\">\n          <a class=\"pb-of-cta\" href=\"#form\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><path d=\"M12 18v-4\"\/><path d=\"M8 18v-2\"\/><path d=\"M16 18v-6\"\/><\/svg>\n            Conhecer a API Extrato Open Finance\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  var roots = document.querySelectorAll('[data-pb-of-steps]');\n  roots.forEach(function(root){\n    var steps = root.querySelectorAll('[data-pb-of-step]');\n    var progress = root.querySelector('[data-pb-of-progress]');\n    var total = steps.length;\n    function setActive(i){\n      steps.forEach(function(s, idx){\n        s.classList.toggle('is-active', idx === i);\n        s.classList.toggle('is-reached', idx <= i);\n      });\n      if(progress && total > 1){\n        progress.style.height = 'calc((100% - 7rem) * ' + (i \/ (total - 1)) + ')';\n      }\n    }\n    steps.forEach(function(s, idx){\n      s.addEventListener('mouseenter', function(){ setActive(idx); });\n      s.addEventListener('focus', function(){ setActive(idx); });\n      s.addEventListener('click', function(){ setActive(idx); });\n    });\n    setActive(0);\n  });\n})();\n<\/script>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18722-426 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18722-456 bde-badge\">\n<span >>_ Suporte dev para dev<\/span>\n<\/div><h2 class=\"bde-heading-18722-455 bde-heading\">\nO que muda quando o ERP absorve o internet banking\n<\/h2><div class=\"bde-code-block-18722-425 bde-code-block\">\n\n  <!--\n  Bloco standalone \"Cards de Compara\u00e7\u00e3o Sem vs Com a Su\u00edte PlugBank\"\n  Pronto para colar em um Code Block do Oxygen Builder.\n  Sem depend\u00eancias externas: HTML + CSS inline + SVG inline.\n  Todos os estilos est\u00e3o escopados em .pb-comp para n\u00e3o conflitar com o tema.\n-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<div class=\"pb-comp\">\n  <style>\n    .pb-comp{--pb-surface:#13162a;--pb-fg:#e8e9f3;--pb-muted:rgba(232,233,243,.6);--pb-muted2:rgba(232,233,243,.45);--pb-border:rgba(255,255,255,.08);--pb-primary:#7c2bd6;--pb-primary-deep:#4f1a9e;font-family:'Urbanist',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--pb-fg);box-sizing:border-box}\n    .pb-comp *,.pb-comp *::before,.pb-comp *::after{box-sizing:border-box}\n    .pb-comp .pb-container{max-width:1152px;margin:0 auto}\n    .pb-comp .pb-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:stretch}\n    @media(min-width:768px){.pb-comp .pb-grid{grid-template-columns:1fr 1fr;gap:28px}}\n    .pb-comp .pb-card{position:relative;border-radius:24px;padding:32px;display:flex;flex-direction:column;overflow:hidden}\n    @media(min-width:640px){.pb-comp .pb-card{padding:40px}}\n    .pb-comp .pb-card-bad{background:var(--pb-surface);border:1px solid var(--pb-border)}\n    .pb-comp .pb-card-good{background:radial-gradient(ellipse at top right,#7c2bd6 0%,#4f1a9e 45%,#2a0a5e 100%);box-shadow:0 25px 60px -15px rgba(61,18,115,.4);color:#fff}\n    .pb-comp .pb-glow{position:absolute;top:-128px;right:-128px;width:320px;height:320px;background:rgba(255,255,255,.15);border-radius:50%;filter:blur(120px);pointer-events:none}\n    .pb-comp .pb-icon{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:28px}\n    .pb-comp .pb-icon-bad{background:rgba(255,255,255,.04);border:1px solid var(--pb-border);color:rgba(232,233,243,.5)}\n    .pb-comp .pb-icon-good{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(8px)}\n    .pb-comp .pb-eyebrow{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;display:block}\n    .pb-comp .pb-card-bad .pb-eyebrow{color:rgba(232,233,243,.45)}\n    .pb-comp .pb-card-good .pb-eyebrow{color:rgba(255,255,255,.8)}\n    .pb-comp h3.pb-card-title{font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.15;margin:0 0 16px}\n    .pb-comp .pb-card-bad h3.pb-card-title{color:var(--pb-fg)}\n    .pb-comp .pb-card-good h3.pb-card-title{color:#fff}\n    .pb-comp .pb-desc{font-size:16px;line-height:1.6;margin:0 0 32px}\n    .pb-comp .pb-card-bad .pb-desc{color:var(--pb-muted)}\n    .pb-comp .pb-card-good .pb-desc{color:rgba(255,255,255,.85)}\n    .pb-comp ul.pb-list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:14px;flex:1}\n    .pb-comp ul.pb-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.55}\n    .pb-comp .pb-card-bad ul.pb-list li{color:rgba(232,233,243,.7)}\n    .pb-comp .pb-card-good ul.pb-list li{color:#fff;font-weight:500}\n    .pb-comp .pb-tick{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}\n    .pb-comp .pb-tick-bad{background:rgba(232,233,243,.08);color:rgba(232,233,243,.55)}\n    .pb-comp .pb-tick-good{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:#fff}\n    .pb-comp .pb-foot-bad{width:100%;text-align:center;padding:16px;border-radius:999px;border:1px solid var(--pb-border);font-size:14px;font-weight:600;color:rgba(232,233,243,.45)}\n    .pb-comp .pb-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border-radius:999px;background:#fff;color:var(--pb-primary-deep);font-weight:700;font-size:14px;text-decoration:none;transition:background .2s ease, transform .2s ease;position:relative}\n    .pb-comp .pb-cta:hover{background:rgba(255,255,255,.95);transform:translateY(-1px)}\n    .pb-comp .pb-relative{position:relative}\n  <\/style>\n\n  <div class=\"pb-container\">\n    <div class=\"pb-grid\">\n      <!-- SEM -->\n      <div class=\"pb-card pb-card-bad\">\n        <div class=\"pb-icon pb-icon-bad\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n        <\/div>\n        <span class=\"pb-eyebrow\">Caminho dif\u00edcil<\/span>\n        <h3 class=\"pb-card-title\">Sem a Su\u00edte PlugBank<\/h3>\n        <p class=\"pb-desc\">Operar Contas a Pagar do jeito antigo: cada banco, cada boleto e cada concilia\u00e7\u00e3o feitos manualmente, todo dia.<\/p>\n\n        <ul class=\"pb-list\">\n          <li><span class=\"pb-tick pb-tick-bad\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/span><span>Login em m\u00faltiplos internet bankings todo dia<\/span><\/li>\n          <li><span class=\"pb-tick pb-tick-bad\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/span><span>Boletos chegando por e-mail e PDF<\/span><\/li>\n          <li><span class=\"pb-tick pb-tick-bad\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/span><span>Transfer\u00eancias digitadas uma a uma<\/span><\/li>\n          <li><span class=\"pb-tick pb-tick-bad\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/span><span>Concilia\u00e7\u00e3o manual no Excel<\/span><\/li>\n          <li><span class=\"pb-tick pb-tick-bad\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/span><span>Risco de boleto falso e fraude<\/span><\/li>\n          <li><span class=\"pb-tick pb-tick-bad\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg><\/span><span>Diverg\u00eancia constante entre ERP e banco<\/span><\/li>\n        <\/ul>\n\n        <div class=\"pb-foot-bad\">N\u00e3o recomendado<\/div>\n      <\/div>\n\n      <!-- COM -->\n      <div class=\"pb-card pb-card-good\">\n        <div class=\"pb-glow\"><\/div>\n\n        <div class=\"pb-icon pb-icon-good\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"white\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n        <\/div>\n\n        <span class=\"pb-eyebrow pb-relative\">Plataforma completa<\/span>\n        <h3 class=\"pb-card-title pb-relative\">Su\u00edte PlugBank<\/h3>\n        <p class=\"pb-desc pb-relative\">Uma \u00fanica arquitetura conecta o ERP a 47+ bancos: DDA, Pagamentos e Open Finance em um s\u00f3 contrato, com manuten\u00e7\u00e3o por conta da TecnoSpeed.<\/p>\n\n        <ul class=\"pb-list pb-relative\">\n          <li><span class=\"pb-tick pb-tick-good\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Uma \u00fanica integra\u00e7\u00e3o para 47+ bancos<\/span><\/li>\n          <li><span class=\"pb-tick pb-tick-good\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Boletos importados automaticamente via DDA<\/span><\/li>\n          <li><span class=\"pb-tick pb-tick-good\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Pagamentos em massa via JSON \u00fanico<\/span><\/li>\n          <li><span class=\"pb-tick pb-tick-good\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Concilia\u00e7\u00e3o autom\u00e1tica via Open Finance<\/span><\/li>\n          <li><span class=\"pb-tick pb-tick-good\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Valida\u00e7\u00e3o direta no banco, fraude eliminada<\/span><\/li>\n          <li><span class=\"pb-tick pb-tick-good\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span><span>Webhooks em tempo real, ERP sempre sincronizado<\/span><\/li>\n        <\/ul>\n\n        <a href=\"#form\" class=\"pb-cta\">\n          Integrar a Su\u00edte agora\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18722-266 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18722-507 bde-badge\">\n<span >< _ Recursos<\/span>\n<\/div><div class=\"oxy-container-18722-268 oxy-container\"><h2 class=\"bde-heading-18722-269 bde-heading\">\nConstruir do zero ou integrar a Su\u00edte PlugBank: o custo real de cada decis\u00e3o<br>\n<\/h2><\/div><div class=\"bde-code-block-18722-353 bde-code-block\">\n\n  <!-- Quote card \u2014 TecnoSpeed (standalone, scoped, Urbanist) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .pb-quote{\n    --pb-bg-1:#2a1f4a; --pb-bg-2:#1f2142; --pb-bg-3:#15172e;\n    --pb-primary:#7c5cff; --pb-primary-glow:#a78bfa;\n    --pb-white:#ffffff; --pb-white-60:rgba(255,255,255,.6); --pb-white-10:rgba(255,255,255,.1);\n    font-family:'Urbanist',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;\n    color:var(--pb-white);\n    -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n    box-sizing:border-box;\n  }\n  .pb-quote *,.pb-quote *::before,.pb-quote *::after{box-sizing:border-box;}\n\n  .pb-quote__figure{\n    position:relative; overflow:hidden; border-radius:24px;\n    border:1px solid var(--pb-white-10);\n    background:linear-gradient(135deg,var(--pb-bg-1) 0%,var(--pb-bg-2) 50%,var(--pb-bg-3) 100%);\n    box-shadow:0 25px 50px -12px rgba(124,92,255,.20);\n    margin:0;\n  }\n  .pb-quote__glow-a,.pb-quote__glow-b{\n    position:absolute; border-radius:9999px; pointer-events:none; filter:blur(160px);\n  }\n  .pb-quote__glow-a{ top:-160px; right:-160px; width:512px; height:512px; background:rgba(124,92,255,.40); }\n  .pb-quote__glow-b{ bottom:-160px; left:-160px; width:448px; height:448px; background:rgba(167,139,250,.25); }\n\n  .pb-quote__inner{ position:relative; padding:40px 90px 32px; }\n\n  .pb-quote__text{\n    margin:0; max-width:56rem;\n    font-size:clamp(24px,2.4vw,4px); font-weight:500; line-height:1.25;\n    letter-spacing:-.01em; color:var(--pb-white);\n  }\n\n  .pb-quote__author{\n    margin-top:24px; display:flex; align-items:center; justify-content:flex-start; gap:12px;\n  }\n  .pb-quote__avatar{\n    width:40px; height:40px; flex-shrink:0; border-radius:9999px;\n    background:linear-gradient(135deg,var(--pb-primary),var(--pb-primary-glow));\n    display:flex; align-items:center; justify-content:center;\n    color:var(--pb-white); font-weight:700; font-size:14px;\n  }\n  .pb-quote__meta{ text-align:left; line-height:1.2; }\n  .pb-quote__role{ font-size:14px; font-weight:600; color:var(--pb-white); }\n  .pb-quote__src{ font-size:12px; color:var(--pb-white-60); margin-top:2px; }\n\n  @media (max-width:640px){\n    .pb-quote__logo{ top:20px; right:24px; height:36px; }\n    .pb-quote__inner{ padding:32px 24px 24px; }\n  }\n<\/style>\n\n<div class=\"pb-quote\">\n  <figure class=\"pb-quote__figure\">\n    <span class=\"pb-quote__glow-a\"><\/span>\n    <span class=\"pb-quote__glow-b\"><\/span>\n\n   \n\n    <div class=\"pb-quote__inner\">\n      <blockquote class=\"pb-quote__text\">\n        \"A integra\u00e7\u00e3o via API deixou de ser apenas uma forma de registrar pagamentos. Ela se tornou uma ferramenta estrat\u00e9gica de gest\u00e3o e intelig\u00eancia competitiva.\"\n      <\/blockquote>\n\n      <div class=\"pb-quote__author\">\n        <div class=\"pb-quote__avatar\">BB<\/div>\n        <div class=\"pb-quote__meta\">\n          <div class=\"pb-quote__role\">Gerente de Cash Management<\/div>\n          <div class=\"pb-quote__src\">Banco do Brasil \u00b7 Videocast \"Al\u00e9m do Software\"<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/figure>\n<\/div>\n\n\n\n<\/div><div class=\"bde-code-block-18722-457 bde-code-block\">\n\n  <!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>Cards de Recursos \u2014 TecnoSpeed<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --bc-page-bg: #ffffff;\n    --bc-card-bg: #ffffff;\n    --bc-border: rgba(0,0,0,0.08);\n    --bc-border-hover: rgba(168,85,247,0.40);\n    --bc-primary: #a855f7;\n    --bc-primary-fg: #ffffff;\n    --bc-icon-bg: rgba(168,85,247,0.10);\n    --bc-title: #1a1d35;\n    --bc-text: rgba(26,29,53,0.55);\n    --bc-shadow-hover: 0 20px 40px -12px rgba(168,85,247,0.18);\n  }\n\n  * { box-sizing: border-box; }\n  html, body { margin: 0; padding: 0; }\n  body {\n    background: var(--bc-page-bg);\n    font-family: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    -webkit-font-smoothing: antialiased;\n    padding: 56px 24px;\n    color: var(--bc-title);\n  }\n\n  .bc-grid {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n  @media (min-width: 720px)  { .bc-grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (min-width: 1024px) { .bc-grid { grid-template-columns: repeat(3, 1fr); } }\n\n  .bc-card {\n    background: var(--bc-card-bg);\n    border: 1px solid var(--bc-border);\n    border-radius: 16px;\n    padding: 32px;\n    transition: border-color 200ms ease, transform 200ms ease, box-shadow 200ms ease;\n  }\n  .bc-card:hover {\n    border-color: var(--bc-border-hover);\n    transform: translateY(-4px);\n    box-shadow: var(--bc-shadow-hover);\n  }\n\n  .bc-tag {\n    font-family: 'JetBrains Mono', ui-monospace, monospace;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.18em;\n    color: var(--bc-primary);\n    text-transform: uppercase;\n    display: block;\n  }\n\n  .bc-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    background: var(--bc-icon-bg);\n    color: var(--bc-primary);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 20px 0 28px;\n    transition: background-color 200ms ease, color 200ms ease;\n  }\n  .bc-card:hover .bc-icon {\n    background: var(--bc-primary);\n    color: var(--bc-primary-fg);\n  }\n  .bc-icon svg { width: 20px; height: 20px; stroke-width: 2.2; }\n\n  .bc-title {\n    margin: 0 0 12px;\n    font-size: 18px;\n    font-weight: 700;\n    line-height: 1.3;\n    color: var(--bc-title);\n  }\n  .bc-desc {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.6;\n    color: var(--bc-text);\n  }\n<\/style>\n<\/head>\n<body>\n  <div class=\"bc-grid\">\n\n    <!-- Suporte -->\n    <div class=\"bc-card\">\n      <span class=\"bc-tag\">SUPORTE<\/span>\n      <div class=\"bc-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H4a1 1 0 0 1-1-1v-6a9 9 0 0 1 18 0v6a1 1 0 0 1-1 1h-2a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"bc-title\">Suporte dev para dev<\/h3>\n      <p class=\"bc-desc\">A equipe de suporte da TecnoSpeed \u00e9 formada por desenvolvedores que entendem de integra\u00e7\u00e3o banc\u00e1ria. Acompanhamos onboarding, d\u00favidas t\u00e9cnicas e media\u00e7\u00e3o com bancos.<\/p>\n    <\/div>\n\n    <!-- Seguran\u00e7a -->\n    <div class=\"bc-card\">\n      <span class=\"bc-tag\">SEGURAN\u00c7A<\/span>\n      <div class=\"bc-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"bc-title\">Seguran\u00e7a e conformidade<\/h3>\n      <p class=\"bc-desc\">Criptografia, valida\u00e7\u00e3o direta no banco, certifica\u00e7\u00e3o FAPI e mTLS. A TecnoSpeed \u00e9 homologada pelo Banco Central no Open Finance.<\/p>\n    <\/div>\n\n    <!-- Escala -->\n    <div class=\"bc-card\">\n      <span class=\"bc-tag\">ESCALA<\/span>\n      <div class=\"bc-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.5.5 0 0 1-.96 0L9.68 3.18a.5.5 0 0 0-.96 0l-2.35 8.36A2 2 0 0 1 4.44 13H2\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"bc-title\">Escalabilidade sem limite<\/h3>\n      <p class=\"bc-desc\">Infraestrutura preparada para milh\u00f5es de transa\u00e7\u00f5es. Pague pelo que usa, escale sem reescrever uma linha de integra\u00e7\u00e3o.<\/p>\n    <\/div>\n\n    <!-- Tempo Real -->\n    <div class=\"bc-card\">\n      <span class=\"bc-tag\">TEMPO REAL<\/span>\n      <div class=\"bc-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"bc-title\">Webhooks em tempo real<\/h3>\n      <p class=\"bc-desc\">Cada confirma\u00e7\u00e3o de pagamento ou novo t\u00edtulo dispara um evento direto no seu ERP. Zero polling, zero atraso.<\/p>\n    <\/div>\n\n    <!-- API -->\n    <div class=\"bc-card\">\n      <span class=\"bc-tag\">API<\/span>\n      <div class=\"bc-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"m18 16 4-4-4-4\"\/>\n          <path d=\"m6 8-4 4 4 4\"\/>\n          <path d=\"m14.5 4-5 16\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"bc-title\">JSON padronizado<\/h3>\n      <p class=\"bc-desc\">Um \u00fanico contrato cobre boleto, Pix, TED, tributos, sal\u00e1rios. Sem CNAB banco a banco. Integre uma vez, use em tudo.<\/p>\n    <\/div>\n\n    <!-- Atualiza\u00e7\u00f5es -->\n    <div class=\"bc-card\">\n      <span class=\"bc-tag\">ATUALIZA\u00c7\u00d5ES<\/span>\n      <div class=\"bc-icon\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"\/>\n          <path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\"\/>\n          <path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\"\/>\n          <path d=\"M10 6h4\"\/>\n          <path d=\"M10 10h4\"\/>\n          <path d=\"M10 14h4\"\/>\n          <path d=\"M10 18h4\"\/>\n        <\/svg>\n      <\/div>\n      <h3 class=\"bc-title\">Mudan\u00e7as banc\u00e1rias absorvidas<\/h3>\n      <p class=\"bc-desc\">Bancos mudam regras o tempo todo. A TecnoSpeed atualiza as integra\u00e7\u00f5es sem custo nem esfor\u00e7o para a Software House.<\/p>\n    <\/div>\n\n  <\/div>\n<\/body>\n<\/html>\n\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18722-414 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18722-508 bde-badge\">\n<span >< _ Documenta\u00e7\u00e3o<\/span>\n<\/div><div class=\"bde-columns-18722-458 bde-columns\"><div class=\"bde-column-18722-459 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-heading-18722-417 bde-heading\">\nDocumenta\u00e7\u00e3o completa, sandbox e suporte especializado, da integra\u00e7\u00e3o ao go-live\n<\/h2>\n<\/div><div class=\"bde-column-18722-460 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-18722-418 bde-text\">\nCada API da Su\u00edte tem documenta\u00e7\u00e3o explicativa por modalidade de pagamento. Primeiros passos, guias de integra\u00e7\u00e3o, exemplos de JSON, webhooks, autentica\u00e7\u00e3o. Tudo dispon\u00edvel na central de atendimento.\n<\/div>\n<\/div><\/div><div class=\"bde-code-block-18722-434 bde-code-block\">\n\n  <!doctype html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"utf-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n<title>Documenta\u00e7\u00e3o \u2014 Cards (Oxygen)<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n  :root{\n    --primary:#6D28D9;\n    --primary-rgb:109,40,217;\n    --foreground:#0F0B1F;\n    --foreground-rgb:15,11,31;\n    --white:#ffffff;\n    --radius:24px;\n    --font-sans:'Urbanist', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    --font-mono:'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;\n  }\n\n  *,*::before,*::after{ box-sizing:border-box; }\n  html,body{ margin:0; padding:0; }\n  body{\n    font-family:var(--font-sans);\n    color:var(--foreground);\n    background:#fff;\n    -webkit-font-smoothing:antialiased;\n    -moz-osx-font-smoothing:grayscale;\n  }\n  a{ color:inherit; text-decoration:none; }\n\n  .doc-container{ max-width:1200px; margin:0 auto; }\n\n  \/* GRID \u2014 2 cols desktop, 1 col mobile.\n     4 cards (1 hero + 3 normais) = grid 2x2 perfeito, sem itens soltos. *\/\n  .doc-grid{\n    display:grid;\n    grid-template-columns:1fr;\n    gap:16px;\n  }\n  @media (min-width:768px){\n    .doc-grid{\n      grid-template-columns:repeat(2,1fr);\n    }\n  }\n\n  \/* BASE CARD *\/\n  .doc-card{\n    position:relative;\n    display:flex;\n    flex-direction:column;\n    border-radius:var(--radius);\n    padding:26px;\n    border:1px solid rgba(var(--foreground-rgb),0.10);\n    background:#fff;\n    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n    box-shadow:0 2px 20px -8px rgba(var(--foreground-rgb),0.10);\n    overflow:hidden;\n  }\n  @media (min-width:640px){ .doc-card{ padding:28px; } }\n  .doc-card:hover{\n    transform:translateY(-2px);\n    border-color:rgba(var(--primary-rgb),0.50);\n    box-shadow:0 12px 40px -12px rgba(var(--primary-rgb),0.25);\n  }\n\n  .doc-card__icon{\n    width:44px; height:44px;\n    border-radius:12px;\n    background:rgba(var(--primary-rgb),0.10);\n    border:1px solid rgba(var(--primary-rgb),0.20);\n    color:var(--primary);\n    display:flex; align-items:center; justify-content:center;\n    margin-bottom:20px;\n    transition:background-color .2s ease, color .2s ease, border-color .2s ease;\n  }\n  .doc-card:hover .doc-card__icon{\n    background:var(--primary);\n    color:#fff;\n    border-color:var(--primary);\n  }\n\n  .doc-card__tag{\n    font-family:var(--font-mono);\n    font-size:10px;\n    font-weight:600;\n    color:var(--primary);\n    text-transform:uppercase;\n    letter-spacing:.16em;\n    margin-bottom:6px;\n  }\n  .doc-card__title{\n    font-size:18px;\n    font-weight:700;\n    line-height:1.3;\n    margin:0 0 8px;\n    color:var(--foreground);\n  }\n  .doc-card__desc{\n    font-size:14px;\n    color:rgba(var(--foreground-rgb),0.65);\n    line-height:1.6;\n    margin:0 0 20px;\n    flex:1;\n  }\n  .doc-card__cta{\n    display:inline-flex; align-items:center; gap:6px;\n    font-size:14px; font-weight:700;\n    color:var(--primary);\n    transition:gap .2s ease;\n  }\n  .doc-card:hover .doc-card__cta{ gap:10px; }\n  .doc-card__cta svg{ width:14px; height:14px; }\n\n  \/* HERO CARD \u2014 agora do mesmo tamanho dos demais (1 coluna, 1 linha) *\/\n  .doc-card--hero{\n    min-height:280px;\n    padding:30px;\n    border:1px solid rgba(var(--primary-rgb),0.30);\n    background-image:url('https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/PlugBoleto\/img-documentacao-api_UIcUqxT4T.jpg');\n    background-size:cover;\n    background-position:center;\n    box-shadow:0 20px 60px -20px rgba(var(--primary-rgb),0.45);\n    color:#fff;\n    justify-content:space-between;\n  }\n  @media (min-width:640px){ .doc-card--hero{ padding:32px; } }\n  .doc-card--hero:hover{ border-color:rgba(var(--primary-rgb),0.60); }\n  .doc-card--hero::before{\n    content:\"\"; position:absolute; inset:0;\n    background:linear-gradient(to top, #1A1230 0%, rgba(26,18,48,0.78) 50%, rgba(26,18,48,0.25) 100%);\n  }\n  .doc-card--hero::after{\n    content:\"\"; position:absolute; inset:0;\n    background:linear-gradient(135deg, rgba(var(--primary-rgb),0.35) 0%, transparent 60%);\n    opacity:.7;\n    transition:opacity .5s ease;\n  }\n  .doc-card--hero:hover::after{ opacity:1; }\n  .doc-card--hero > *{ position:relative; z-index:1; }\n\n  .doc-card--hero .doc-card__icon-hero{\n    width:48px; height:48px;\n    border-radius:12px;\n    background:rgba(255,255,255,0.15);\n    backdrop-filter:blur(8px);\n    -webkit-backdrop-filter:blur(8px);\n    border:1px solid rgba(255,255,255,0.25);\n    color:#fff;\n    display:flex; align-items:center; justify-content:center;\n    margin-bottom:32px;\n  }\n  .doc-card--hero .doc-card__tag{ color:rgba(255,255,255,0.80); }\n  .doc-card--hero .doc-card__title{\n    color:#fff;\n    font-size:22px;\n    font-weight:800;\n    margin:8px 0 12px;\n    line-height:1.2;\n  }\n  @media (min-width:640px){\n    .doc-card--hero .doc-card__title{ font-size:24px; }\n  }\n  .doc-card--hero .doc-card__desc{\n    color:rgba(255,255,255,0.80);\n    max-width:360px;\n    margin-bottom:20px;\n    flex:initial;\n  }\n  .doc-card--hero .doc-card__cta{ color:#fff; }\n  .doc-card--hero .doc-card__cta svg{ width:16px; height:16px; }\n<\/style>\n\n<section class=\"doc-section\">\n  <div class=\"doc-container\">\n    <div class=\"doc-grid\">\n\n      <!-- HERO \u2014 Primeiros Passos -->\n      <a href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/articles\/29622297885847-Primeiros-Passos-API-Pagamentos\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"doc-card doc-card--hero\">\n        <div>\n          <div class=\"doc-card__icon-hero\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><\/svg>\n          <\/div>\n        <\/div>\n        <div>\n          <div class=\"doc-card__tag\">Getting started<\/div>\n          <h3 class=\"doc-card__title\">Primeiros passos<br>API de Pagamentos<\/h3>\n          <p class=\"doc-card__desc\">Tudo para subir a primeira transa\u00e7\u00e3o: autentica\u00e7\u00e3o, credenciais e a primeira chamada de pagamento.<\/p>\n          <span class=\"doc-card__cta\">\n            Ver primeiros passos\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17 17 7\"\/><path d=\"M7 7h10v10\"\/><\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <!-- DDA -->\n      <a href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/articles\/26632687978007-Comece-por-aqui-Primeiros-passos-com-a-API-de-DDA-da-Tecnospeed\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"doc-card\">\n        <div class=\"doc-card__icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><line x1=\"10\" y1=\"9\" x2=\"8\" y2=\"9\"\/><\/svg>\n        <\/div>\n        <div class=\"doc-card__tag\">DDA<\/div>\n        <h3 class=\"doc-card__title\">Documenta\u00e7\u00e3o API de DDA<\/h3>\n        <p class=\"doc-card__desc\">Opera\u00e7\u00f5es de consulta, download, status e agendamento. Passo a passo do fluxo de habilita\u00e7\u00e3o do cliente.<\/p>\n        <span class=\"doc-card__cta\">\n          Ver documenta\u00e7\u00e3o DDA\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17 17 7\"\/><path d=\"M7 7h10v10\"\/><\/svg>\n        <\/span>\n      <\/a>\n\n      <!-- Open Finance -->\n      <a href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/articles\/31785470158999-Extrato-Banc%C3%A1rio\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"doc-card\">\n        <div class=\"doc-card__icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"10\"\/><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"16\"\/><\/svg>\n        <\/div>\n        <div class=\"doc-card__tag\">Open Finance<\/div>\n        <h3 class=\"doc-card__title\">API Extrato Open Finance<\/h3>\n        <p class=\"doc-card__desc\">Documenta\u00e7\u00e3o completa de extratos e cart\u00e3o de cr\u00e9dito via Open Finance, o passo 3 da jornada.<\/p>\n        <span class=\"doc-card__cta\">\n          Ver p\u00e1gina dedicada\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17 17 7\"\/><path d=\"M7 7h10v10\"\/><\/svg>\n        <\/span>\n      <\/a>\n\n      <!-- Bancos Homologados -->\n      <a href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/articles\/26648179459607-Bancos-Homologados\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"doc-card\">\n        <div class=\"doc-card__icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\n        <\/div>\n        <div class=\"doc-card__tag\">Banks<\/div>\n        <h3 class=\"doc-card__title\">Bancos Homologados<\/h3>\n        <p class=\"doc-card__desc\">Lista completa com os bancos homologados e o tipo de integra\u00e7\u00e3o dispon\u00edvel para cada um.<\/p>\n        <span class=\"doc-card__cta\">\n          Ver bancos homologados\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17 17 7\"\/><path d=\"M7 7h10v10\"\/><\/svg>\n        <\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function(){\n    var hero = document.querySelector('.doc-card--hero');\n    if(!hero) return;\n    hero.addEventListener('mousemove', function(e){\n      var r = hero.getBoundingClientRect();\n      var x = ((e.clientX - r.left) \/ r.width - .5) * 6;\n      var y = ((e.clientY - r.top) \/ r.height - .5) * -6;\n      hero.style.transform = 'translateY(-2px) perspective(900px) rotateX('+y+'deg) rotateY('+x+'deg)';\n    });\n    hero.addEventListener('mouseleave', function(){\n      hero.style.transform = '';\n    });\n  })();\n<\/script>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18722-451 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-18722-452 bde-code-block\">\n\n  <!-- ===== Bancos Integrados \u2014 bloco superior standalone (sem background) ===== -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .bk-top{\n    --bk-surface:#22253f;\n    --bk-fg:#fafafa;\n    --bk-muted-fg:#a8a6b8;\n    --bk-primary:#a855f7;\n    --bk-primary-glow:#c084fc;\n    --bk-border:rgba(255,255,255,.08);\n    --bk-primary-15:rgba(168,85,247,.15);\n    --bk-primary-30:rgba(168,85,247,.30);\n    --bk-primary-35:rgba(168,85,247,.35);\n\n    font-family:'Urbanist',ui-sans-serif,system-ui,-apple-system,sans-serif;\n    color:var(--bk-fg);\n    max-width:1200px;\n    margin:0 auto;\n    background:transparent;\n  }\n\n  .bk-top *{box-sizing:border-box}\n\n  .bk-grid{\n    display:grid;\n    grid-template-columns:1.1fr 1fr;\n    gap:56px;\n    align-items:center;\n    margin-bottom:48px\n  }\n\n  @media(max-width:900px){\n    .bk-grid{\n      grid-template-columns:1fr;\n      gap:40px\n    }\n  }\n\n  .bk-pill{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:6px 14px;\n    border-radius:999px;\n    border:1px solid var(--bk-primary-35);\n    background:var(--bk-primary-15);\n    font-size:13px;\n    font-weight:500;\n    margin-bottom:20px\n  }\n\n  .bk-pill span:first-child{\n    color:var(--bk-primary);\n    font-family:ui-monospace,Menlo,monospace\n  }\n\n  .bk-top h2{\n    font-family:'Urbanist',sans-serif;\n    font-size:clamp(28px,4vw,52px);\n    font-weight:800;\n    line-height:1.05;\n    margin:0;\n    letter-spacing:-.02em;\n    color:#ffffff;\n  }\n\n  .bk-accent{\n    color:var(--bk-primary)\n  }\n\n  .bk-lead{\n    font-size:18px;\n    color:var(--bk-muted-fg);\n    line-height:1.6;\n    margin-top:20px;\n  }\n\n  .bk-lead strong{\n    color:var(--bk-fg)\n  }\n\n  .bk-banner{\n    position:relative;\n    border-radius:24px;\n    overflow:hidden;\n    border:1px solid var(--bk-primary-30);\n    box-shadow:0 25px 50px -12px rgba(168,85,247,.25);\n    aspect-ratio:16\/10;\n    background:var(--bk-surface)\n  }\n\n  .bk-banner img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block\n  }\n\n  .bk-banner::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:linear-gradient(to top right,rgba(26,29,53,.6),transparent 50%,rgba(168,85,247,.1));\n  }\n\n  .bk-cards{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:20px\n  }\n\n  @media(max-width:900px){\n    .bk-cards{\n      grid-template-columns:repeat(2,1fr)\n    }\n  }\n\n  @media(max-width:560px){\n    .bk-cards{\n      grid-template-columns:1fr\n    }\n  }\n\n  .bk-card{\n    background:var(--bk-surface);\n    border:1px solid var(--bk-border);\n    border-radius:18px;\n    padding:32px\n  }\n\n  .bk-card-tag{\n    font-family:ui-monospace,Menlo,monospace;\n    font-size:11px;\n    color:var(--bk-primary);\n    text-transform:uppercase;\n    letter-spacing:.15em;\n    font-weight:600\n  }\n\n  .bk-card-title{\n    font-family:'Urbanist',sans-serif;\n    font-weight:700;\n    font-size:19px;\n    margin:12px 0;\n    line-height:1.35;\n    color:var(--bk-fg)\n  }\n\n  .bk-card-desc{\n    font-size:15px;\n    color:var(--bk-muted-fg);\n    line-height:1.6;\n    margin:0;\n  }\n<\/style>\n\n<div class=\"bk-top\">\n\n  <div class=\"bk-grid\">\n    <div>\n      <div class=\"bk-pill\">\n        <span>&gt;_<\/span>\n        <span>Bancos integrados<\/span>\n      <\/div>\n\n      <h2>\n        O banco do seu cliente?\n        <span class=\"bk-accent\">Provavelmente j\u00e1 est\u00e1 aqui.<\/span>\n      <\/h2>\n\n      <p class=\"bk-lead\">\n        Com mais de 47 bancos integrados,\n        <strong>incluindo todos os principais do Brasil<\/strong>,\n        a Su\u00edte elimina a dor de negociar e homologar banco a banco.\n      <\/p>\n    <\/div>\n\n    <div class=\"bk-banner\">\n      <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/PlugBoleto\/banner-plugbank_xFkgsFz5K.jpg\" alt=\"Integra\u00e7\u00e3o banc\u00e1ria no ERP\" loading=\"lazy\">\n    <\/div>\n  <\/div>\n\n  <div class=\"bk-cards\">\n\n    <div class=\"bk-card\">\n      <span class=\"bk-card-tag\">Cobertura<\/span>\n      <h3 class=\"bk-card-title\">Seu cliente n\u00e3o troca de banco<\/h3>\n      <p class=\"bk-card-desc\">\n        Com +47 bancos integrados, a resposta para o seu cliente \u00e9 quase sempre sim.\n      <\/p>\n    <\/div>\n\n    <div class=\"bk-card\">\n      <span class=\"bk-card-tag\">Tempo<\/span>\n      <h3 class=\"bk-card-title\">Zero horas em homologa\u00e7\u00e3o<\/h3>\n      <p class=\"bk-card-desc\">\n        Homologar do zero consome 240 a 280h por banco. Aqui j\u00e1 est\u00e1 pronto.\n      <\/p>\n    <\/div>\n\n    <div class=\"bk-card\">\n      <span class=\"bk-card-tag\">Evolu\u00e7\u00e3o<\/span>\n      <h3 class=\"bk-card-title\">Lista cresce sem esfor\u00e7o<\/h3>\n      <p class=\"bk-card-desc\">\n        Novo banco integrado? Seu ERP j\u00e1 suporta, sem uma linha de c\u00f3digo nova.\n      <\/p>\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<\/div><div class=\"bde-code-block-18722-453 bde-code-block\">\n\n  <!-- ===== Carrossel de Bancos \u2014 standalone responsivo ===== -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .bk-carousel{\n    --bk-primary:#a855f7;\n    --bk-fade:#091624; \/* fade escuro \u2014 combina com fundos pretos\/escuros *\/\n    font-family:'Urbanist',ui-sans-serif,system-ui,-apple-system,sans-serif;\n    position:relative;\n    width:100%;\n    overflow:hidden;\n    padding:24px 0;\n  }\n  .bk-carousel::before,\n  .bk-carousel::after{\n    content:\"\";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;\n  }\n  .bk-carousel::before{left:0;background:linear-gradient(to right,var(--bk-fade),transparent)}\n  .bk-carousel::after{right:0;background:linear-gradient(to left,var(--bk-fade),transparent)}\n  @media(max-width:640px){\n    .bk-carousel::before,.bk-carousel::after{width:60px}\n  }\n\n  .bk-track{\n    display:flex;\n    align-items:center;\n    gap:48px;\n    width:max-content;\n    animation:bk-scroll 40s linear infinite;\n  }\n  @media(min-width:640px){.bk-track{gap:64px}}\n\n  @keyframes bk-scroll{\n    from{transform:translateX(0)}\n    to{transform:translateX(-50%)}\n  }\n  .bk-carousel:hover .bk-track{animation-play-state:paused}\n  @media(prefers-reduced-motion:reduce){.bk-track{animation:none}}\n\n  .bk-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:36px}\n  .bk-logo img{\n    max-height:28px;width:auto;object-fit:contain;\n    opacity:.7;transition:opacity .2s ease;\n  }\n  @media(min-width:640px){.bk-logo{height:48px}.bk-logo img{max-height:36px}}\n  .bk-logo img:hover{opacity:1}\n\n  .bk-more{\n    flex-shrink:0;\n    padding:8px 16px;border-radius:999px;\n    border:1px solid var(--bk-primary);\n    color:var(--bk-primary);\n    background:rgba(168,85,247,.15);\n    font-weight:600;font-size:13px;white-space:nowrap;\n    font-family:'Urbanist',sans-serif;\n  }\n  @media(min-width:640px){.bk-more{font-size:14px;padding:10px 18px}}\n<\/style>\n\n<div class=\"bk-carousel\" role=\"region\" aria-label=\"Bancos integrados\">\n  <div class=\"bk-track\">\n    <!-- conjunto 1 -->\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-btg@300x-8_r6pNxubXg.png\" alt=\"BTG Pactual\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-bb@300x-8_IPYSKmxW9.png\" alt=\"Banco do Brasil\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-itau_2I23Fuuj0C.png\" alt=\"Ita\u00fa\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-bradesco_oA9HX0GXK.png\" alt=\"Bradesco\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-santander_tSIegBweW.png\" alt=\"Santander\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-caixa_2EGpP-P0Ep.png\" alt=\"Caixa\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-sicoob_6iFSaSgpm.png\" alt=\"Sicoob\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-sicredi@300x_te4zZl3bG.png\" alt=\"Sicredi\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-inter_eZLAeI1hM.png\" alt=\"Inter\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-c6_7SW6xyds-.png\" alt=\"C6 Bank\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-safra_1XiGXE6JbL.png\" alt=\"Safra\" loading=\"lazy\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-banco-original_1_rtWqJnK.png\" alt=\"Original\" loading=\"lazy\"><\/div>\n\n    <!-- conjunto 2 (duplicado para loop infinito) -->\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-btg@300x-8_r6pNxubXg.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-bb@300x-8_IPYSKmxW9.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-itau_2I23Fuuj0C.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-bradesco_oA9HX0GXK.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-santander_tSIegBweW.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-caixa_2EGpP-P0Ep.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-sicoob_6iFSaSgpm.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-sicredi@300x_te4zZl3bG.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-inter_eZLAeI1hM.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-c6_7SW6xyds-.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-safra_1XiGXE6JbL.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n    <div class=\"bk-logo\"><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Images\/Product%20pages\/PlugBank\/Financial%20hub\/logo-banco-original_1_rtWqJnK.png\" alt=\"\" loading=\"lazy\" aria-hidden=\"true\"><\/div>\n\n    <span class=\"bk-more\">+ de 35 bancos<\/span>\n  <\/div>\n<\/div>\n\n\n\n<\/div><div class=\"bde-div-18722-478 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-button-18722-454 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"#form\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Saiba mais sobre a API de contas a pagar<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-18722-274 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-18722-356 bde-code-block\">\n\n  <!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Cita\u00e7\u00e3o Blog TecnoSpeed<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Urbanist:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n  .bq-wrap *,\n  .bq-wrap *::before,\n  .bq-wrap *::after { box-sizing: border-box; }\n\n  .bq-wrap {\n    --bq-primary: #a855f7;\n    --bq-glow: #c084fc;\n    --bq-surface: #22253f;\n    --bq-bg: #1a1d35;\n    --bq-fg: #f5f5f7;\n\n    font-family: 'Urbanist', system-ui, -apple-system, sans-serif;\n    color: var(--bq-fg);\n\n    display: flex;\n    justify-content: center;\n  }\n\n  .bq-card {\n    position: relative;\n    width: 100%;\n    max-width: 1024px;\n    border-radius: 24px;\n    overflow: hidden;\n    border: 1px solid rgba(168, 85, 247, .5);\n    background:\n      linear-gradient(135deg, rgba(168, 85, 247, .30), var(--bq-surface) 50%, var(--bq-bg));\n    box-shadow: 0 25px 50px -12px rgba(168, 85, 247, .30);\n  }\n\n  @media (min-width: 640px) {\n    .bq-card { padding: 50px; }\n  }\n\n  .bq-dots {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    background-image: radial-gradient(circle, rgba(255,255,255,.05) 1px, transparent 1px);\n    background-size: 28px 28px;\n  }\n\n  .bq-glow {\n    position: absolute;\n    width: 448px;\n    height: 448px;\n    border-radius: 9999px;\n    filter: blur(140px);\n    pointer-events: none;\n  }\n\n  .bq-glow-tr {\n    top: -128px; right: -128px;\n    background: rgba(168, 85, 247, .50);\n  }\n\n  .bq-glow-bl {\n    bottom: -128px; left: -128px;\n    background: rgba(192, 132, 252, .40);\n  }\n\n  .bq-content { position: relative; }\n\n  .bq-icon {\n    width: 48px;\n    height: 48px;\n    color: rgba(168, 85, 247, .4);\n    margin-bottom: 24px;\n    display: block;\n  }\n\n  .bq-quote {\n    font-size: 18px;\n    font-weight: 800;\n    line-height: 1.15;\n    max-width: 896px;\n    margin: 0;\n    color: var(--bq-fg);\n  }\n\n  @media (min-width: 640px) {\n    .bq-quote { font-size: 28px; }\n  }\n\n  @media (min-width: 768px) {\n    .bq-quote { font-size: 28px; }\n  }\n\n  .bq-quote .bq-accent {\n    color: var(--bq-primary);\n  }\n\n  .bq-cite {\n    font-family: 'JetBrains Mono', ui-monospace, monospace;\n    font-size: 12px;\n    color: rgba(245, 245, 247, .6);\n    text-transform: uppercase;\n    letter-spacing: .15em;\n    margin: 32px 0 0;\n  }\n<\/style>\n<\/head>\n\n<body>\n<div class=\"bq-wrap\">\n  <div class=\"bq-card\">\n    <div class=\"bq-dots\"><\/div>\n    <div class=\"bq-glow bq-glow-tr\"><\/div>\n    <div class=\"bq-glow bq-glow-bl\"><\/div>\n\n    <div class=\"bq-content\">\n      <svg class=\"bq-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"\/>\n        <path d=\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"\/>\n      <\/svg>\n\n      <p class=\"bq-quote\">\n        \"A integra\u00e7\u00e3o financeira deixou de ser diferencial para se tornar\n        <span class=\"bq-accent\"> obriga\u00e7\u00e3o<\/span>. Quem ainda depende do internet banking est\u00e1 entregando menos do que o cliente espera.\"\n      <\/p>\n\n      <p class=\"bq-cite\">\u2014 Blog TecnoSpeed \u00b7 Automa\u00e7\u00e3o de Pagamentos, 2025<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n<\/body>\n<\/html>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18722-182 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-badge-18722-377 bde-badge\">\n<span >D\u00favidas mais comuns<\/span>\n<\/div><div class=\"oxy-container-18722-183 oxy-container\"><h2 class=\"bde-heading-18722-184 bde-heading\">\nPerguntas frequentes sobre a Su\u00edte de Contas a Pagar e API de Pagamentos\n<\/h2><\/div><div class=\"bde-frequently-asked-questions-18722-187 bde-frequently-asked-questions\">\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-1\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-1\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">1. O que \u00e9 a Su\u00edte de Contas a Pagar PlugBank da TecnoSpeed?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-1\" id=\"bde-faq-187-1\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><div class=\"bg-card border border-border rounded-xl px-4 sm:px-6 shadow-sm hover:shadow-md transition-shadow\" data-state=\"open\" data-orientation=\"vertical\"><div id=\"radix-:rc:\" class=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\" role=\"region\" data-state=\"open\" aria-labelledby=\"radix-:rb:\" data-orientation=\"vertical\"><div class=\"text-sm sm:text-base text-muted-foreground leading-relaxed pb-4 sm:pb-5 pt-1\"><p><span style=\"font-weight: 400;\">A Su\u00edte de Contas a Pagar PlugBank \u00e9 um conjunto de 3 APIs desenvolvidas para Software Houses e times de TI que querem eliminar a depend\u00eancia do internet banking nos ERPs dos seus clientes. A Su\u00edte \u00e9 composta pela API de DDA (buscador autom\u00e1tico de boletos), pela API de Pagamentos (paga qualquer tipo de conta direto do ERP) e pela API Extrato Open Finance (concilia\u00e7\u00e3o autom\u00e1tica com extratos e faturas de cart\u00e3o de cr\u00e9dito). Com uma \u00fanica integra\u00e7\u00e3o e um \u00fanico contrato, o ERP passa a cobrir toda a jornada financeira do cliente, da chegada do boleto at\u00e9 a confirma\u00e7\u00e3o no extrato banc\u00e1rio.<\/span><\/p><\/div><\/div><\/div><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-2\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-2\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">2. O que \u00e9 DDA e como funciona a API de DDA no ERP?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-2\" id=\"bde-faq-187-2\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><div class=\"bg-card border border-border rounded-xl px-4 sm:px-6 shadow-sm hover:shadow-md transition-shadow\" data-state=\"open\" data-orientation=\"vertical\"><div id=\"radix-:re:\" class=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\" role=\"region\" data-state=\"open\" aria-labelledby=\"radix-:rd:\" data-orientation=\"vertical\"><div class=\"text-sm sm:text-base text-muted-foreground leading-relaxed pb-4 sm:pb-5 pt-1\"><p><span style=\"font-weight: 400;\">DDA significa D\u00e9bito Direto Autorizado, um servi\u00e7o banc\u00e1rio regulado pela FEBRABAN que centraliza todos os boletos registrados em um CNPJ em um \u00fanico ambiente digital. O cliente habilita o DDA junto ao banco uma \u00fanica vez (via internet banking ou app). A partir da\u00ed, qualquer boleto emitido para o CNPJ dele \u00e9 disponibilizado automaticamente no sistema DDA do banco. A API de DDA da TecnoSpeed consulta esse ambiente periodicamente e traz os t\u00edtulos direto para o painel de contas a pagar do ERP,sem o usu\u00e1rio precisar buscar, baixar ou digitar nada. Boletos ficam dispon\u00edveis por at\u00e9 65 dias ap\u00f3s o vencimento.<\/span><\/p><\/div><\/div><\/div><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-3\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-3\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">3. Quais tipos de pagamento a API de Pagamentos TecnoSpeed suporta?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-3\" id=\"bde-faq-187-3\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><div id=\"b_3158625_1_1752150983686fb3c737e96\" class=\"gpc-b \"><div class=\"centralizar\"><div id=\"e_3158625_1_1752150983686fb3c753308283452382\" class=\"gpc-e e_texto dd dm e_3158625_1_1752150983686fb3c753308283452382\"><div class=\"c e_texto\"><p><span style=\"font-weight: 400;\">A API de Pagamentos TecnoSpeed cobre todos os principais tipos de pagamento banc\u00e1rio com um \u00fanico layout JSON: boletos em geral, TED, DOC, Pix, pagamento de sal\u00e1rios, conv\u00eanios, fornecedores, tributos e guias (DARF, GPS, DARFM, GRU e outros impostos federais, estaduais e municipais). Toda transa\u00e7\u00e3o usa o mesmo padr\u00e3o de requisi\u00e7\u00e3o, independente do banco ou do tipo de t\u00edtulo, eliminando a necessidade de conhecer o CNAB de cada institui\u00e7\u00e3o financeira.<\/span><\/p><\/div><\/div><\/div><\/div><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-4\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-4\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">4. A API de Pagamentos funciona com quais bancos?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-4\" id=\"bde-faq-187-4\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><div id=\"b_3158625_1_1752150983686fb3c737e96\" class=\"gpc-b \"><div class=\"centralizar\"><div id=\"e_3158625_1_1752150983686fb3c753308283452382\" class=\"gpc-e e_texto dd dm e_3158625_1_1752150983686fb3c753308283452382\"><div class=\"c e_texto\"><p><span style=\"font-weight: 400;\">A Su\u00edte PlugBank \u00e9 integrada com os principais bancos do mercado brasileiro: Banco do Brasil, Ita\u00fa, Bradesco, Santander, Caixa Econ\u00f4mica Federal, Sicoob, Sicredi, Banco Inter, C6 Bank e outros. A TecnoSpeed mant\u00e9m as integra\u00e7\u00f5es banc\u00e1rias atualizadas, absorvendo as mudan\u00e7as de regras e novos requisitos sem custo ou esfor\u00e7o adicional para a Software House.<\/span><\/p><\/div><\/div><\/div><\/div><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-5\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-5\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">5. Como funciona a concilia\u00e7\u00e3o banc\u00e1ria com a Su\u00edte de Contas a Pagar?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-5\" id=\"bde-faq-187-5\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><p><span style=\"font-weight: 400;\">A concilia\u00e7\u00e3o \u00e9 feita pelo passo 3 da Su\u00edte: a API Extrato Open Finance. Ap\u00f3s o pagamento ser executado pela API de Pagamentos, a API Extrato Open Finance busca automaticamente os dados reais do banco via Open Finance, tanto extratos de conta corrente quanto faturas de cart\u00e3o de cr\u00e9dito, e entrega em JSON padronizado para o ERP processar a concilia\u00e7\u00e3o sem interven\u00e7\u00e3o manual. Com 47+ bancos habilitados e sem necessidade de VAN ou carta para gerente, o Open Finance \u00e9 o caminho mais moderno e escal\u00e1vel para concilia\u00e7\u00e3o autom\u00e1tica.<\/span><\/p><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-6\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-6\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">6. Quanto tempo leva para integrar a Su\u00edte de Contas a Pagar?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-6\" id=\"bde-faq-187-6\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><p><span style=\"font-weight: 400;\">O tempo de integra\u00e7\u00e3o varia conforme a complexidade do ERP e o escopo desejado. Com a documenta\u00e7\u00e3o completa e o ambiente sandbox dispon\u00edveis imediatamente ap\u00f3s o contato comercial, a maioria das Software Houses est\u00e1 em produ\u00e7\u00e3o com a API de Pagamentos em poucas semanas. O suporte t\u00e9cnico especializado da TecnoSpeed acompanha todo o processo, do onboarding t\u00e9cnico ao go-live.<\/span><\/p><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-7\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-7\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">7. Preciso integrar as 3 APIs da Su\u00edte ou posso come\u00e7ar com apenas uma?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-7\" id=\"bde-faq-187-7\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><p><span style=\"font-weight: 400;\">Voc\u00ea pode come\u00e7ar com a API que resolve a dor mais urgente do seu cliente e expandir depois. Muitas Software Houses come\u00e7am pela API de DDA (por ser o ponto de entrada do Contas a Pagar), depois adicionam a API de Pagamentos e complementam com o Open Finance para a concilia\u00e7\u00e3o. A arquitetura da Su\u00edte foi desenhada para ser modular, cada API funciona de forma independente e se integra \u00e0s outras quando necess\u00e1rio.<\/span><\/p><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n      <div class=\"bde-faq__item\">\n      <h3 class=\"bde-faq__title-tag\">\n       <button id=\"bde-faq-187-button-8\" aria-expanded=\"false\" aria-controls=\"bde-faq-187-8\" class=\"bde-faq__question js-faq-item\">\n          <span class=\"bde-faq__title\">8. A Su\u00edte PlugBank \u00e9 segura? Como os pagamentos s\u00e3o protegidos?<\/span>\n                           <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--inactive\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down-icon lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"\/><\/svg>\n                            <\/div>\n         \t  <div aria-hidden=\"true\" class=\"bde-faq__icon bde-faq__icon--active\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-up-icon lucide-chevron-up\"><path d=\"m18 15-6-6-6 6\"\/><\/svg>\n                            <\/div>\n                  <\/button>\n      <\/h3>\n      <div role=\"region\" aria-labelledby=\"bde-faq-187-button-8\" id=\"bde-faq-187-8\" class=\"bde-faq__answer\">\n        <div class=\"bde-faq__answer-content\">\n            <div class=\"breakdance-rich-text-styles\"><p><span style=\"font-weight: 400;\">Sim. Todos os pagamentos processados pela API de Pagamentos passam por valida\u00e7\u00e3o de seguran\u00e7a em tempo real, dados do cedente verificados, c\u00f3digo de barras validado, limites conferidos. A Su\u00edte PlugBank opera com SSL, PCI DSS e conformidade com normas banc\u00e1rias brasileiras e LGPD. No caso do DDA, os boletos s\u00e3o obtidos diretamente do banco, o que elimina o risco de boletos falsos ou adulterados que chegam por e-mail ou PDF. A API de Extrato Open Finance usa OAuth 2.0, FAPI e mTLS, os padr\u00f5es de seguran\u00e7a mais rigorosos do mercado financeiro, regulados pelo Banco Central.<\/span><\/p><\/div>\n\n                    <\/div>\n      <\/div>\n    <\/div>\n  \n<\/div><div class=\"bde-div-18722-497 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-columns-18722-296 bde-columns\"><div class=\"bde-column-18722-297 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-badge-18722-201 bde-badge\">\n<span >Comece agora<\/span>\n<\/div><h2 class=\"bde-heading-18722-193 bde-heading\">\nSeus concorrentes j\u00e1 est\u00e3o eliminando o internet banking dos clientes. O que est\u00e1 esperando?\n<\/h2><div class=\"bde-text-18722-194 bde-text\">\nCada m\u00eas que seu ERP ainda depende do internet banking \u00e9 um m\u00eas em que o financeiro do seu cliente perde horas em tarefas operacionais que poderiam ser zero. E cada m\u00eas \u00e9 um m\u00eas em que um concorrente pode oferecer o que voc\u00ea ainda n\u00e3o tem.\n<\/div>\n<\/div><div class=\"bde-column-18722-298 bde-column\">\n  \n  \n\t\n\n\n\n<img decoding=\"async\" class=\"bde-image2-18722-373 bde-image2\" src=\"https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2026\/05\/logo-plugbankpagamentos.png\" loading=\"lazy\" srcset=\"https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2026\/05\/logo-plugbankpagamentos.png 600w, https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2026\/05\/logo-plugbankpagamentos-300x100.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\"><div class=\"bde-button-18722-195 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"#form\" target=\"_self\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Automatizar o Contas a Pagar no meu ERP<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-button-18722-247 bde-button\">\n    \n                                    \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"https:\/\/atendimento.tecnospeed.com.br\/hc\/pt-br\/categories\/360002212453-Pagamentos\" target=\"_blank\" data-type=\"url\"  >\n\n    \n        <span class=\"button-atom__text\">Ver documenta\u00e7\u00e3o t\u00e9cnica da API<\/span>\n\n                            \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-18722-518 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-18722-519 bde-code-block\">\n\n  <!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Pr\u00eamios e certifica\u00e7\u00f5es \u2014 TecnoSpeed<\/title>\n<style>\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n.badges-section {\n  background: transparent;\n  padding: 0;\n}\n.container {\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: center;\n}\n.badges-row {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 3rem;\n  flex-wrap: wrap;\n}\n.badge {\n  max-height: 90px;\n  width: auto;\n  object-fit: contain;\n  transition: transform 0.4s ease;\n  cursor: pointer;\n}\n.badge:hover {\n  transform: scale(1.06);\n}\n@media (max-width: 768px) {\n  .badges-row { gap: 1.5rem; }\n  .badge { max-height: 70px; }\n}\n@media (max-width: 480px) {\n  .badges-row { flex-wrap: wrap; justify-content: center; }\n  .badge { max-height: 60px; }\n}\n<\/style>\n<\/head>\n<body>\n<section class=\"badges-section\" aria-label=\"Pr\u00eamios e certifica\u00e7\u00f5es\">\n  <div class=\"container\">\n    <div class=\"badges-row\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/gptw26.png\" alt=\"Selo Great Place to Work\" class=\"badge\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Badges\/selo-sesi-ods_bTJb58vc9.png\" alt=\"Selo SESI ODS\" class=\"badge\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Badges\/SELO-P.E.I_RaYWybrsi.png?updatedAt=1760537777514&ik-s=f5e33e5e90c30b9703b7abd5f3d099b3a6e80f54\" alt=\"Selo Pr\u00eamio Empresa Inovadora\" class=\"badge\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/07\/Selo-Center-Collor-White.png\" alt=\"Selo Center Collor White\" class=\"badge\" loading=\"lazy\">\n      <img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ndy78brwiyv\/Site%20Prov%2025\/Badges\/selo_136x48_XvI_iXaQ2v.svg?updatedAt=1760537777672&ik-s=7f455d94be7fa42243efbd155c9aa851f5bc8404\" alt=\"Selo Reclame Aqui\" class=\"badge\" loading=\"lazy\">\n    <\/div>\n  <\/div>\n<\/section>\n<script>\n(function () {\n  'use strict';\n  function animateBadgesOnScroll() {\n    const badges = document.querySelectorAll('.badge');\n    if (!badges.length) return;\n    badges.forEach((badge) => {\n      badge.style.opacity = '0';\n      badge.style.transform = 'translateY(20px)';\n      badge.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n    });\n    const observer = new IntersectionObserver(\n      (entries, observer) => {\n        entries.forEach((entry, index) => {\n          if (entry.isIntersecting) {\n            setTimeout(() => {\n              entry.target.style.opacity = '1';\n              entry.target.style.transform = 'translateY(0)';\n            }, index * 100);\n            observer.unobserve(entry.target);\n          }\n        });\n      },\n      { threshold: 0.3 }\n    );\n    badges.forEach((badge) => observer.observe(badge));\n  }\n  document.addEventListener('DOMContentLoaded', animateBadgesOnScroll);\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-18722-216 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>< \/ > Conhe\u00e7a a Su\u00edte de contas a pagar Chegou a hora de aposentar o Internet Banking dos seus Clientes. Com a Su\u00edte de APIs PlugBank, voc\u00ea substitui a burocracia manual e os extratos tradicionais por intelig\u00eancia em tempo real via Open Finance e automa\u00e7\u00e3o de ponta a ponta, do boleto que chega \u00e0 [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":17978,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_oxygen_hide_in_design_set":false,"_oxygen_tags":"","footnotes":""},"class_list":["post-18722","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Su\u00edte de APIs Contas a Pagar para ERP | PlugBank<\/title>\n<meta name=\"description\" content=\"Substitua processos manuais e planilhas por intelig\u00eancia em tempo real direto na tela do seu ERP. Descubra a Su\u00edte PlugBank para Software Houses.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tecnospeed.com.br\/en\/plugbank\/contas-a-pagar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Su\u00edte de APIs Contas a Pagar para ERP | PlugBank\" \/>\n<meta property=\"og:description\" content=\"Substitua processos manuais e planilhas por intelig\u00eancia em tempo real direto na tela do seu ERP. Descubra a Su\u00edte PlugBank para Software Houses.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tecnospeed.com.br\/en\/plugbank\/contas-a-pagar\/\" \/>\n<meta property=\"og:site_name\" content=\"TecnoSpeed | Mais software, menos esfor\u00e7o\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/tecnospeed\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-08T12:28:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2023\/12\/Home-Site-TecnoSpeed_zS-20EDXx.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"24 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/plugbank\\\/contas-a-pagar\\\/\",\"url\":\"https:\\\/\\\/tecnospeed.com.br\\\/plugbank\\\/contas-a-pagar\\\/\",\"name\":\"Su\u00edte de APIs Contas a Pagar para ERP | PlugBank\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/#website\"},\"datePublished\":\"2026-05-11T13:04:11+00:00\",\"dateModified\":\"2026-07-08T12:28:35+00:00\",\"description\":\"Substitua processos manuais e planilhas por intelig\u00eancia em tempo real direto na tela do seu ERP. Descubra a Su\u00edte PlugBank para Software Houses.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/plugbank\\\/contas-a-pagar\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/tecnospeed.com.br\\\/plugbank\\\/contas-a-pagar\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/plugbank\\\/contas-a-pagar\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/tecnospeed.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PlugBank\",\"item\":\"https:\\\/\\\/tecnospeed.com.br\\\/plugbank\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Contas a pagar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/#website\",\"url\":\"https:\\\/\\\/tecnospeed.com.br\\\/\",\"name\":\"TecnoSpeed | Mais software, menos esfor\u00e7o\",\"description\":\"A Tecnospeed \u00e9 uma empresa especializada em solu\u00e7\u00f5es fiscais e de integra\u00e7\u00e3o para o setor de tecnologia. Conhe\u00e7a nossos servi\u00e7os e transforme sua empresa!\",\"publisher\":{\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/#organization\"},\"alternateName\":\"Grupo TecnoSpeed\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/tecnospeed.com.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/#organization\",\"name\":\"TecnoSpeed S.A.\",\"alternateName\":\"Grupo TecnoSpeed\",\"url\":\"https:\\\/\\\/tecnospeed.com.br\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/tecnospeed.com.br\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-favicon.png\",\"contentUrl\":\"https:\\\/\\\/tecnospeed.com.br\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/cropped-favicon.png\",\"width\":512,\"height\":512,\"caption\":\"TecnoSpeed S.A.\"},\"image\":{\"@id\":\"https:\\\/\\\/tecnospeed.com.br\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/tecnospeed\\\/\",\"https:\\\/\\\/www.instagram.com\\\/tecnospeedti\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Su\u00edte de APIs Contas a Pagar para ERP | PlugBank","description":"Substitua processos manuais e planilhas por intelig\u00eancia em tempo real direto na tela do seu ERP. Descubra a Su\u00edte PlugBank para Software Houses.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tecnospeed.com.br\/en\/plugbank\/contas-a-pagar\/","og_locale":"en_US","og_type":"article","og_title":"Su\u00edte de APIs Contas a Pagar para ERP | PlugBank","og_description":"Substitua processos manuais e planilhas por intelig\u00eancia em tempo real direto na tela do seu ERP. Descubra a Su\u00edte PlugBank para Software Houses.","og_url":"https:\/\/tecnospeed.com.br\/en\/plugbank\/contas-a-pagar\/","og_site_name":"TecnoSpeed | Mais software, menos esfor\u00e7o","article_publisher":"https:\/\/www.facebook.com\/tecnospeed\/","article_modified_time":"2026-07-08T12:28:35+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2023\/12\/Home-Site-TecnoSpeed_zS-20EDXx.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"24 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tecnospeed.com.br\/plugbank\/contas-a-pagar\/","url":"https:\/\/tecnospeed.com.br\/plugbank\/contas-a-pagar\/","name":"Su\u00edte de APIs Contas a Pagar para ERP | PlugBank","isPartOf":{"@id":"https:\/\/tecnospeed.com.br\/#website"},"datePublished":"2026-05-11T13:04:11+00:00","dateModified":"2026-07-08T12:28:35+00:00","description":"Substitua processos manuais e planilhas por intelig\u00eancia em tempo real direto na tela do seu ERP. Descubra a Su\u00edte PlugBank para Software Houses.","breadcrumb":{"@id":"https:\/\/tecnospeed.com.br\/plugbank\/contas-a-pagar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tecnospeed.com.br\/plugbank\/contas-a-pagar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tecnospeed.com.br\/plugbank\/contas-a-pagar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/tecnospeed.com.br\/"},{"@type":"ListItem","position":2,"name":"PlugBank","item":"https:\/\/tecnospeed.com.br\/plugbank\/"},{"@type":"ListItem","position":3,"name":"Contas a pagar"}]},{"@type":"WebSite","@id":"https:\/\/tecnospeed.com.br\/#website","url":"https:\/\/tecnospeed.com.br\/","name":"TecnoSpeed | Mais software, menos esfor\u00e7o","description":"A Tecnospeed \u00e9 uma empresa especializada em solu\u00e7\u00f5es fiscais e de integra\u00e7\u00e3o para o setor de tecnologia. Conhe\u00e7a nossos servi\u00e7os e transforme sua empresa!","publisher":{"@id":"https:\/\/tecnospeed.com.br\/#organization"},"alternateName":"Grupo TecnoSpeed","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tecnospeed.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/tecnospeed.com.br\/#organization","name":"TecnoSpeed S.A.","alternateName":"Grupo TecnoSpeed","url":"https:\/\/tecnospeed.com.br\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tecnospeed.com.br\/#\/schema\/logo\/image\/","url":"https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2023\/06\/cropped-favicon.png","contentUrl":"https:\/\/tecnospeed.com.br\/wp-content\/uploads\/2023\/06\/cropped-favicon.png","width":512,"height":512,"caption":"TecnoSpeed S.A."},"image":{"@id":"https:\/\/tecnospeed.com.br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/tecnospeed\/","https:\/\/www.instagram.com\/tecnospeedti\/"]}]}},"_links":{"self":[{"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/pages\/18722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/comments?post=18722"}],"version-history":[{"count":39,"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/pages\/18722\/revisions"}],"predecessor-version":[{"id":21537,"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/pages\/18722\/revisions\/21537"}],"up":[{"embeddable":true,"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/pages\/17978"}],"wp:attachment":[{"href":"https:\/\/tecnospeed.com.br\/en\/wp-json\/wp\/v2\/media?parent=18722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}