@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Jost:wght@400;500;600&display=swap');
:root{--slate:#3D5A80;--slate2:#263F60;--accent:#D4845E;--terra:#B85C38;--cream:#FBF6F0;--ink:#26313F;--muted:#687584;--line:#E6E9ED;--soft:#F4F6F8;--green:#4A7A68;--white:#fff;--shadow:0 18px 60px rgba(38,49,63,.12);--radius:22px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Figtree,system-ui,sans-serif;background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,svg{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.section{padding:104px 0}.section.soft{background:var(--soft)}.section.dark{background:var(--slate2);color:var(--cream)}.eyebrow{font:600 12px Jost,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--terra);margin-bottom:18px}.dark .eyebrow{color:#E8A989}h1,h2,h3,h4{font-family:Jost,sans-serif;line-height:1.08;letter-spacing:-.025em;margin:0 0 20px;color:var(--slate2)}.dark h1,.dark h2,.dark h3,.dark h4{color:var(--cream)}h1{font-size:clamp(54px,8vw,104px);font-weight:500}h2{font-size:clamp(36px,5vw,60px);font-weight:500}h3{font-size:26px;font-weight:500}p{margin:0 0 18px}.lead{font-size:clamp(19px,2.1vw,24px);color:var(--muted);max-width:760px}.dark .lead{color:rgba(251,246,240,.74)}.small{font-size:14px;color:var(--muted)}.accent{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 22px;font-weight:650;border:1px solid transparent;transition:.25s ease;cursor:pointer}.btn-primary{background:var(--slate);color:#fff;box-shadow:0 12px 28px rgba(61,90,128,.24)}.btn-primary:hover{background:var(--slate2);transform:translateY(-2px)}.btn-secondary{border-color:#CBD3DC;background:#fff}.btn-secondary:hover{border-color:var(--slate);color:var(--slate)}.dark .btn-secondary{background:transparent;border-color:rgba(255,255,255,.24);color:#fff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,233,237,.8)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font:500 27px Jost,sans-serif;color:var(--slate2)}.brand .dot{color:var(--accent)}.brand-mark{width:34px;height:34px;color:var(--slate);--node:var(--accent)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links>a:not(.btn){font-weight:600;font-size:14px;color:#52606f}.nav-links>a:not(.btn):hover,.nav-links>a.active{color:var(--slate)}.menu-btn{display:none;border:0;background:none;padding:8px}.hero{padding:158px 0 86px;min-height:760px;display:flex;align-items:center;overflow:hidden;position:relative;background:linear-gradient(180deg,#fff 0%,#fff 72%,#f7f8fa 100%)}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center}.hero-copy .lead{max-width:720px}.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;font-size:14px;color:#5d6874}.trust-row span:before{content:'✓';color:var(--green);font-weight:800;margin-right:7px}.visual-shell{position:relative;min-height:520px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb.one{width:330px;height:330px;background:#E8EDF4;right:20px;top:35px}.orb.two{width:220px;height:220px;background:#F5E8E1;left:15px;bottom:10px}.dashboard{position:absolute;inset:42px 0 0 50px;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:22px;transform:rotate(-2deg)}.dash-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.dash-brand{display:flex;align-items:center;gap:8px;font-weight:700}.status{font-size:12px;background:#EAF4EF;color:var(--green);padding:7px 10px;border-radius:999px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.metric{padding:18px;border-radius:16px;background:var(--soft)}.metric b{font:500 30px Jost;color:var(--slate)}.flow-card{margin-top:14px;border:1px solid var(--line);border-radius:18px;padding:16px}.flow-line{display:flex;align-items:center;gap:10px;margin:10px 0}.flow-line i{width:10px;height:10px;border-radius:50%;background:var(--accent)}.flow-line em{margin-left:auto;font-style:normal;color:var(--green);font-size:12px}.float-note{position:absolute;background:var(--slate2);color:#fff;border-radius:18px;padding:15px 18px;box-shadow:var(--shadow);right:-18px;bottom:40px;max-width:230px}.float-note strong{display:block;font-size:14px}.float-note span{font-size:12px;color:rgba(255,255,255,.68)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;transition:.25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(38,49,63,.08)}.card .icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#EDF1F6;color:var(--slate);font-size:22px;margin-bottom:24px}.card p{color:var(--muted)}.statement{max-width:900px;margin:auto;text-align:center}.statement p{font-size:clamp(22px,3vw,34px);line-height:1.45}.feature-list{display:grid;gap:16px}.feature{padding:20px 0;border-bottom:1px solid var(--line)}.feature:last-child{border:0}.feature h3{font-size:22px;margin-bottom:8px}.feature p{color:var(--muted);margin:0}.network{position:relative;aspect-ratio:1.12;background:linear-gradient(145deg,#f8fafc,#edf1f5);border-radius:32px;border:1px solid var(--line);overflow:hidden}.network-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;background:var(--slate2);color:#fff;display:grid;place-items:center;text-align:center;box-shadow:var(--shadow);z-index:3}.network-center b{font:500 23px Jost}.node{position:absolute;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-size:13px;font-weight:650;box-shadow:0 8px 25px rgba(38,49,63,.08);z-index:2}.node.n1{left:10%;top:14%}.node.n2{right:10%;top:19%}.node.n3{left:5%;bottom:18%}.node.n4{right:5%;bottom:17%}.node.n5{left:38%;top:5%}.node.n6{left:38%;bottom:6%}.network svg{position:absolute;inset:0;width:100%;height:100%}.network path{stroke:#A9B7C8;stroke-width:1.5;stroke-dasharray:5 7;fill:none}.logo-cloud{display:flex;flex-wrap:wrap;gap:12px}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 16px;font-size:14px;font-weight:650;color:#52606f}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.result{padding:22px 24px;border-radius:18px;background:#fff;border:1px solid var(--line);font-weight:650}.result:before{content:'✓';color:var(--green);margin-right:10px}.compare{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden}.compare>div{padding:34px}.compare .before{background:#FAF2EE}.compare .after{background:#EDF4F0}.compare ul{list-style:none;padding:0;margin:20px 0 0}.compare li{padding:11px 0;border-bottom:1px solid rgba(0,0,0,.07)}.faq{max-width:900px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;padding:24px 0;text-align:left;font-weight:700;font-size:18px;color:var(--ink);cursor:pointer}.faq-q span{font-size:24px;color:var(--accent);transition:.2s}.faq-a{display:grid;grid-template-rows:0fr;transition:.3s ease}.faq-a>div{overflow:hidden;color:var(--muted)}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-q span{transform:rotate(45deg)}.cta{padding:96px 0;background:var(--slate2);color:var(--cream);text-align:center}.cta h2{color:var(--cream);max-width:900px;margin-left:auto;margin-right:auto}.cta p{max-width:680px;margin:0 auto 26px;color:rgba(251,246,240,.7)}.site-footer{background:#1F2D3F;color:#E8EDF2;padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px}.footer-brand p{color:#AEB8C4;max-width:370px}.site-footer h4{color:#fff;font-size:15px;margin-bottom:14px}.site-footer a{display:block;color:#AEB8C4;margin:9px 0;font-size:14px}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding-top:24px;color:#8F9BAB;font-size:13px;display:flex;justify-content:space-between;gap:20px}.page-hero{padding:160px 0 90px;background:linear-gradient(180deg,#fff,#f5f7f9);text-align:center}.page-hero h1{font-size:clamp(48px,7vw,82px)}.page-hero .lead{margin:auto}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.integration-group{padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff}.integration-group h3{display:flex;align-items:center;gap:12px}.integration-group .icon{width:42px;height:42px;border-radius:12px;background:#EDF1F6;display:grid;place-items:center}.integration-group p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:step}.step{position:relative;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.step:before{counter-increment:step;content:'0' counter(step);font:600 13px Jost;color:var(--accent);letter-spacing:.1em}.step h3{margin-top:24px}.form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:start}.form-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow)}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-weight:650;font-size:14px}.field input,.field select,.field textarea{width:100%;border:1px solid #D6DCE3;border-radius:13px;padding:13px 14px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--slate);box-shadow:0 0 0 3px rgba(61,90,128,.1)}.field textarea{min-height:120px;resize:vertical}.form-status{display:none;margin-top:15px;padding:13px 15px;border-radius:12px;background:#EAF4EF;color:#356251;font-weight:650}.legal{max-width:820px;margin:auto}.legal h2{font-size:30px;margin-top:50px}.legal p,.legal li{color:#566372}.mobile-only{display:none}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-links{display:none;position:fixed;inset:78px 0 0;background:#fff;padding:35px 24px;flex-direction:column;align-items:stretch;gap:8px}.nav-links.open{display:flex}.nav-links>a{padding:14px 0}.menu-btn{display:block}.hero{min-height:auto;padding-top:130px}.hero-grid,.grid-2,.form-wrap{grid-template-columns:1fr}.visual-shell{min-height:440px}.dashboard{inset:20px 15px}.grid-4{grid-template-columns:1fr 1fr}.grid-3,.icon-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:78px 0}}
@media(max-width:600px){.container{width:min(100% - 28px,var(--max))}.section{padding:64px 0}.hero{padding:118px 0 60px}.hero-grid{gap:36px}.visual-shell{min-height:390px}.dashboard{padding:16px}.metric b{font-size:24px}.float-note{right:0;bottom:10px}.grid-4,.grid-3,.icon-grid,.steps,.results{grid-template-columns:1fr}.compare{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.page-hero{padding:130px 0 66px}.actions .btn{width:100%}.mobile-only{display:block}.network{aspect-ratio:.92}.form-card{padding:22px}}

/* Ina.ai brand treatment and requested refinements */
.ina-word{white-space:nowrap;font:inherit}.ina-name{color:var(--slate2)}.ina-ai{color:var(--accent)}
.dark .ina-word .ina-name,.cta .ina-word .ina-name,.site-footer .ina-word .ina-name{color:var(--cream)}
.network-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:18px}
.network-center .network-logo-mark{width:43px;height:43px;color:#fff}.network-logo-accent{fill:var(--accent)}
.network-center b{font:500 22px Jost,sans-serif;line-height:1}.network-center .ina-name{color:#fff}.network-center .ina-ai{color:var(--accent)}
.node{display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;min-height:39px}
.node.n1{left:9%;top:14%}.node.n2{right:8%;top:16%}.node.n3{left:3%;top:48%}.node.n4{right:3%;top:48%}.node.n5{left:50%;top:4%;transform:translateX(-50%)}.node.n6{left:50%;bottom:4%;transform:translateX(-50%)}.node.n7{left:9%;bottom:13%}.node.n8{right:5%;bottom:12%}
.integration-group .icon{color:var(--slate);font-family:Figtree,system-ui,sans-serif;font-style:normal}
.company-details{border-top:1px solid rgba(255,255,255,.12);margin-top:46px;padding-top:28px;display:flex;flex-direction:column;gap:3px;color:#AEB8C4;font-size:13px}.company-details strong{color:#fff;font-size:13px;letter-spacing:.015em}.company-details address{font-style:normal;max-width:620px}
@media(max-width:600px){.node{font-size:11px;padding:8px 10px}.network-center{width:112px;height:112px}.network-center .network-logo-mark{width:36px;height:36px}.network-center b{font-size:18px}.node.n3{left:1%}.node.n4{right:1%}.node.n8{right:1%}}

/* Network diagram — balanced final layout */
.network{aspect-ratio:1.12;min-height:520px;padding:0}
.network-lines path{stroke:#A9BBD0;stroke-width:1.8;stroke-dasharray:6 8}
.network-center{width:142px;height:142px;box-shadow:0 20px 50px rgba(31,53,82,.22)}
.network-center .network-logo-mark{width:48px;height:48px}
.network-center b{font-size:24px}
.node{gap:10px;min-width:112px;min-height:54px;padding:12px 18px;font-size:14px;color:var(--slate2);box-shadow:0 10px 26px rgba(38,49,63,.10)}
.node-icon{display:grid;place-items:center;min-width:24px;color:var(--accent);font:700 22px/1 Jost,sans-serif}
.node.n1{left:8%;top:13%}
.node.n2{right:8%;top:13%}
.node.n3{left:2.5%;top:45%;transform:translateY(-50%)}
.node.n4{right:2.5%;top:45%;transform:translateY(-50%)}
.node.n5{left:50%;top:4%;transform:translateX(-50%)}
.node.n6{left:50%;bottom:4%;transform:translateX(-50%)}
.node.n7{left:8%;bottom:14%}
.node.n8{right:3%;bottom:7%}
.node.n9{right:5%;bottom:25%}

/* All feature and integration icon drawings use the logo terracotta */
.card .icon,.integration-group .icon{color:var(--accent);background:#FFF5F0;border:1px solid rgba(212,132,94,.18)}
.integration-group .icon{font-weight:700}

@media(max-width:900px){
  .network{min-height:500px}
  .node{min-width:auto;font-size:12px;padding:10px 13px;gap:7px}
  .node-icon{font-size:18px;min-width:18px}
  .node.n8{right:2%;bottom:5%}
  .node.n9{right:2%;bottom:24%}
}
@media(max-width:600px){
  .network{min-height:430px;aspect-ratio:.9}
  .network-center{width:108px;height:108px}
  .network-center .network-logo-mark{width:34px;height:34px}
  .node{font-size:10px;padding:8px 9px;min-height:38px;gap:4px}
  .node-icon{font-size:14px;min-width:14px}
  .node.n1{left:3%;top:14%}.node.n2{right:3%;top:14%}
  .node.n3{left:1%;top:44%}.node.n4{right:1%;top:44%}
  .node.n5{top:3%}.node.n6{bottom:3%}
  .node.n7{left:2%;bottom:14%}.node.n8{right:1%;bottom:5%}.node.n9{right:1%;bottom:23%}
}

/* 2026-07-19 — diagram and integration icon implementation */
.network{aspect-ratio:auto;min-height:560px;background:linear-gradient(145deg,#f8fafc 0%,#eef2f6 100%);border:1px solid #dfe5ec;border-radius:32px;overflow:hidden;position:relative}
.network-lines{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none}
.network-lines path{stroke:#9eb3cc;stroke-width:2;stroke-dasharray:7 9;fill:none;vector-effect:non-scaling-stroke}
.network-center{left:50%;top:50%;width:154px;height:154px;transform:translate(-50%,-50%);border-radius:50%;background:#29486f;box-shadow:0 22px 50px rgba(41,72,111,.24);z-index:4}
.network-center .network-logo-mark{width:49px;height:49px}.network-center b{font-size:26px}
.network .node{position:absolute;display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:12px 22px;background:#fff;border:1px solid #dfe5ec;border-radius:999px;box-shadow:0 14px 30px rgba(38,49,63,.10);font:650 16px/1.1 Figtree,system-ui,sans-serif;color:#29486f;white-space:nowrap;z-index:3;transform:none}
.network .node-icon{width:28px;height:28px;min-width:28px;display:grid;place-items:center;color:var(--accent)}
.network .node-icon svg,.integration-group .icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.network .node-icon svg path[fill],.network .node-icon svg:not([fill="none"]) path{fill:currentColor;stroke:none}
.network .node-letter{font:700 30px/1 Jost,sans-serif}
.network .n-google{left:50%;top:5%;transform:translateX(-50%)}
.network .n-pje{left:8%;top:14%}
.network .n-eproc{right:8%;top:14%}
.network .n-whatsapp{left:3%;top:50%;transform:translateY(-50%)}
.network .n-asaas{right:3%;top:50%;transform:translateY(-50%)}
.network .n-djen{left:8%;bottom:14%}
.network .n-sign{right:8%;bottom:14%}
.network .n-ms{left:50%;bottom:4%;transform:translateX(-50%)}
.network .n-other{right:3%;bottom:4%}
.integration-group .icon{width:42px;height:42px;padding:9px;color:var(--accent)!important;background:#fff5f0!important;border:1px solid rgba(212,132,94,.22)!important}
.integration-group .icon svg{width:24px;height:24px}

@media(max-width:900px){
 .network{min-height:520px}
 .network .node{font-size:13px;min-height:48px;padding:10px 14px;gap:8px}
 .network .node-icon{width:22px;height:22px;min-width:22px}
 .network .n-pje{left:4%}.network .n-eproc{right:4%}.network .n-whatsapp{left:1%}.network .n-asaas{right:1%}.network .n-djen{left:4%}.network .n-sign{right:4%}.network .n-other{right:1%}
}
@media(max-width:600px){
 .network{min-height:470px}
 .network-center{width:108px;height:108px}.network-center b{font-size:19px}.network-center .network-logo-mark{width:35px;height:35px}
 .network .node{font-size:10px;min-height:36px;padding:7px 9px;gap:5px}
 .network .node-icon{width:16px;height:16px;min-width:16px}.network .node-letter{font-size:18px}
 .network .n-google{top:3%}.network .n-pje{left:2%;top:13%}.network .n-eproc{right:2%;top:13%}.network .n-whatsapp{left:1%}.network .n-asaas{right:1%}.network .n-djen{left:2%;bottom:14%}.network .n-sign{right:2%;bottom:14%}.network .n-ms{bottom:3%}.network .n-other{right:1%;bottom:3%;transform:translateY(-44px)}
}

/* Imagem final do ecossistema de integrações — substitui o diagrama HTML anterior */
.integration-visual{
  width:100%;
  border-radius:30px;
  overflow:hidden;
  background:#f7f9fc;
  border:1px solid var(--line);
  box-shadow:0 18px 50px rgba(38,49,63,.07);
}
.integration-visual img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
}
@media (max-width:900px){
  .integration-visual{max-width:760px;margin:0 auto 12px}
}