:root {
	--azul-noite: #07111f;
	--azul-noite-2: #0b1829;
	--azul-noite-3: #102238;
	--fundo: #f3f6f9;
	--fundo-claro: #ffffff;
	--fundo-tecnico: #e9eef4;
	--texto: #142033;
	--texto-suave: #5e6b7c;
	--texto-claro: #f6f9fc;
	--texto-claro-suave: #a9b7c9;
	--linha: #d9e0e8;
	--linha-forte: #c5cfda;
	--linha-escura: rgba(255, 255, 255, .12);
	--violeta: #7047eb;
	--violeta-escura: #5630c9;
	--violeta-suave: #eee9ff;
	--ciano: #30bfcb;
	--ciano-suave: #def6f7;
	--verde: #2aa37a;
	--amarelo: #e5a73e;
	--perigo: #bb3e4c;
	--sombra: 0 30px 80px rgba(5, 17, 32, .13);
	--sombra-suave: 0 16px 45px rgba(5, 17, 32, .08);
	--raio: 18px;
	--raio-grande: 28px;
	--recipiente: 1220px;
	--fonte: "Segoe UI Variable", "Segoe UI", Helvetica, Arial, sans-serif;
	--fonte-mono: "Cascadia Code", Consolas, "Courier New", monospace;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--fundo-claro);
	color: var(--texto);
	font-family: var(--fonte);
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
textarea {
	font-family: var(--fonte);
}

img {
	display: block;
	max-width: 100%;
}

a {
	color: inherit;
	text-decoration: none;
}

button,
input,
select,
textarea {
	font: inherit;
}

button,
a {
	-webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4,
p {
	margin-top: 0;
}

h1,
h2,
h3,
h4 {
	line-height: 1.08;
	letter-spacing: -.038em;
}

h1 {
	font-size: clamp(3rem, 5.7vw, 5.6rem);
	font-weight: 690;
}

h2 {
	font-size: clamp(2.15rem, 3.8vw, 3.75rem);
	font-weight: 670;
}

h3 {
	font-size: 1.35rem;
	font-weight: 670;
}

p {
	color: var(--texto-suave);
}

.recipiente {
	width: min(calc(100% - 48px), var(--recipiente));
	margin-inline: auto;
}

.secao {
	padding: 112px 0;
}

.secao-alternativa {
	background: var(--fundo);
}

.sobretitulo {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 22px;
	color: var(--violeta-escura);
	font-size: .73rem;
	font-weight: 760;
	letter-spacing: .18em;
	line-height: 1.25;
	text-transform: uppercase;
}

.sobretitulo > i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--ciano);
	box-shadow: 0 0 0 5px rgba(48, 191, 203, .14);
}

.sobretitulo-claro {
	color: #c7d3e2;
}

.introducao {
	max-width: 760px;
	font-size: clamp(1.06rem, 1.5vw, 1.24rem);
	line-height: 1.72;
}

.introducao-clara {
	color: var(--texto-claro-suave);
}

.botao {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 25px;
	border: 1px solid transparent;
	border-radius: 9px;
	font-size: .91rem;
	font-weight: 710;
	line-height: 1;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}

.botao:hover {
	transform: translateY(-2px);
}

.botao-principal {
	background: linear-gradient(135deg, #7955ee, #6035dc);
	color: #fff;
	box-shadow: 0 15px 34px rgba(112, 71, 235, .26);
}

.botao-principal:hover {
	box-shadow: 0 20px 42px rgba(112, 71, 235, .34);
}

.botao-claro {
	background: #fff;
	color: var(--texto);
	box-shadow: 0 12px 30px rgba(0, 0, 0, .13);
}

.botao-claro:hover {
	background: #f4f7fa;
}

.botao-transparente {
	border-color: rgba(255, 255, 255, .24);
	background: rgba(255, 255, 255, .045);
	color: #fff;
}

.botao-transparente:hover {
	border-color: rgba(255, 255, 255, .44);
	background: rgba(255, 255, 255, .08);
}

.botao-contorno {
	border-color: var(--linha);
	background: #fff;
	color: var(--texto);
}

.cabecalho-site {
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid transparent;
	background: rgba(255, 255, 255, .94);
	backdrop-filter: blur(20px);
	transition: border-color .2s ease, box-shadow .2s ease;
}

.cabecalho-site.rolado {
	border-color: var(--linha);
	box-shadow: 0 8px 28px rgba(5, 17, 32, .07);
}

.barra-navegacao {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 82px;
	gap: 30px;
}

.marca {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	flex: 0 0 auto;
}

.marca-simbolo {
	display: grid;
	width: 40px;
	height: 40px;
	place-items: center;
	border: 1px solid #e1dcf9;
	border-radius: 9px;
	background: #f4f1ff;
	overflow: hidden;
}

.marca-simbolo img {
	width: 35px;
	height: 29px;
	object-fit: contain;
}

.marca-textos {
	display: flex;
	flex-direction: column;
	line-height: 1.05;
}

.marca-textos strong {
	font-size: 1.04rem;
	letter-spacing: -.02em;
}

.marca-textos small {
	margin-top: 5px;
	color: #778397;
	font-size: .62rem;
	font-weight: 720;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.navegacao-desktop {
	display: flex;
	align-items: center;
	gap: 34px;
	margin-left: auto;
}

.navegacao-desktop a {
	position: relative;
	padding: 30px 0;
	color: #536073;
	font-size: .88rem;
	font-weight: 650;
}

.navegacao-desktop a::after {
	position: absolute;
	bottom: 21px;
	left: 0;
	width: 0;
	height: 2px;
	border-radius: 999px;
	background: var(--violeta);
	content: "";
	transition: width .2s ease;
}

.navegacao-desktop a:hover,
.navegacao-desktop a.ativo {
	color: var(--texto);
}

.navegacao-desktop a:hover::after,
.navegacao-desktop a.ativo::after {
	width: 100%;
}

.acoes-navegacao {
	display: flex;
	align-items: center;
	gap: 12px;
}

.botao-cabecalho {
	min-height: 42px;
	padding: 0 18px;
	background: var(--azul-noite);
	color: #fff;
	font-size: .8rem;
}

.botao-cabecalho:hover {
	background: #13233a;
}

.alternar-navegacao {
	display: none;
	width: 44px;
	height: 44px;
	padding: 11px;
	border: 1px solid var(--linha);
	border-radius: 9px;
	background: #fff;
	cursor: pointer;
}

.alternar-navegacao span {
	display: block;
	width: 100%;
	height: 2px;
	margin: 5px 0;
	border-radius: 999px;
	background: var(--texto);
	transition: transform .2s ease, opacity .2s ease;
}

.alternar-navegacao.aberto span:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.alternar-navegacao.aberto span:nth-child(2) {
	opacity: 0;
}

.alternar-navegacao.aberto span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

.navegacao-movel {
	display: none;
}

.destaque-institucional {
	position: relative;
	min-height: 760px;
	padding: 120px 0 108px;
	background:
		radial-gradient(circle at 76% 28%, rgba(112, 71, 235, .18), transparent 28%),
		radial-gradient(circle at 8% 90%, rgba(48, 191, 203, .1), transparent 25%),
		linear-gradient(145deg, #07111f 0%, #091729 55%, #0b1828 100%);
	overflow: hidden;
}

.destaque-institucional::before {
	position: absolute;
	top: -180px;
	right: -140px;
	width: 560px;
	height: 560px;
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 50%;
	box-shadow:
		0 0 0 80px rgba(255, 255, 255, .018),
		0 0 0 160px rgba(255, 255, 255, .012);
	content: "";
}

.malha-destaque {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(to right, rgba(0, 0, 0, .7), transparent 78%);
	pointer-events: none;
}

.grade-destaque {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(450px, .78fr);
	align-items: center;
	gap: 90px;
}

.conteudo-destaque h1 {
	max-width: 790px;
	margin-bottom: 28px;
	color: #fff;
}

.conteudo-destaque h1 em {
	color: #b69fff;
	font-style: normal;
}

.conteudo-destaque .introducao {
	max-width: 730px;
	margin-bottom: 36px;
}

.acoes-destaque {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.marcadores-destaque {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 26px;
	margin-top: 46px;
	padding-top: 24px;
	border-top: 1px solid rgba(255, 255, 255, .11);
}

.marcadores-destaque span {
	position: relative;
	padding-left: 14px;
	color: #aab8ca;
	font-size: .76rem;
	font-weight: 640;
	letter-spacing: .04em;
}

.marcadores-destaque span::before {
	position: absolute;
	top: .62em;
	left: 0;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--ciano);
	content: "";
}

.diagrama-engenharia {
	position: relative;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 22px;
	background: rgba(5, 13, 24, .67);
	box-shadow: 0 42px 90px rgba(0, 0, 0, .35);
	backdrop-filter: blur(15px);
	overflow: hidden;
}

.diagrama-topo,
.diagrama-rodape {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 17px 20px;
	border-color: rgba(255, 255, 255, .09);
}

.diagrama-topo {
	border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.diagrama-topo span {
	color: #edf3fa;
	font-size: .72rem;
	font-weight: 720;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.diagrama-topo small {
	color: #7e8da1;
	font-size: .66rem;
}

.diagrama-corpo {
	position: relative;
	height: 470px;
	background-image:
		linear-gradient(rgba(255, 255, 255, .027) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .027) 1px, transparent 1px);
	background-size: 34px 34px;
}

.nucleo-diagrama {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	width: 142px;
	height: 142px;
	place-content: center;
	border: 1px solid rgba(182, 159, 255, .5);
	border-radius: 50%;
	background: radial-gradient(circle at 35% 25%, rgba(130, 89, 244, .34), rgba(14, 27, 46, .96));
	box-shadow:
		0 0 0 14px rgba(112, 71, 235, .06),
		0 18px 45px rgba(0, 0, 0, .28);
	text-align: center;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.nucleo-diagrama > span {
	display: grid;
	width: 35px;
	height: 35px;
	margin: 0 auto 8px;
	place-items: center;
	border-radius: 8px;
	background: linear-gradient(135deg, #895df4, #4f25bd);
	color: #fff;
	font-weight: 800;
}

.nucleo-diagrama strong {
	color: #fff;
	font-size: .93rem;
}

.nucleo-diagrama small {
	color: #8fa0b5;
	font-family: var(--fonte-mono);
	font-size: .57rem;
}

.no-diagrama {
	position: absolute;
	width: 188px;
	padding: 16px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
	background: rgba(14, 29, 49, .92);
	box-shadow: 0 18px 35px rgba(0, 0, 0, .22);
	z-index: 2;
}

.no-diagrama > span {
	display: inline-block;
	margin-bottom: 12px;
	color: var(--ciano);
	font-family: var(--fonte-mono);
	font-size: .64rem;
}

.no-diagrama strong,
.no-diagrama small {
	display: block;
}

.no-diagrama strong {
	margin-bottom: 5px;
	color: #fff;
	font-size: .88rem;
}

.no-diagrama small {
	color: #91a0b3;
	font-size: .69rem;
	line-height: 1.45;
}

.no-hardware {
	top: 54px;
	left: 28px;
}

.no-software {
	top: 63px;
	right: 26px;
}

.no-validacao {
	right: 50%;
	bottom: 34px;
	transform: translateX(50%);
}

.linha-diagrama {
	position: absolute;
	height: 1px;
	background: linear-gradient(90deg, rgba(48, 191, 203, .15), rgba(182, 159, 255, .75), rgba(48, 191, 203, .15));
	transform-origin: left center;
	z-index: 1;
}

.linha-a {
	top: 147px;
	left: 174px;
	width: 145px;
	transform: rotate(27deg);
}

.linha-b {
	top: 155px;
	left: 325px;
	width: 135px;
	transform: rotate(-29deg);
}

.linha-c {
	top: 296px;
	left: 280px;
	width: 105px;
	transform: rotate(90deg);
}

.diagrama-rodape {
	border-top: 1px solid rgba(255, 255, 255, .09);
	color: #8999ad;
	font-size: .69rem;
}

.diagrama-rodape span {
	display: flex;
	align-items: center;
	gap: 8px;
}

.diagrama-rodape i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--verde);
	box-shadow: 0 0 0 4px rgba(42, 163, 122, .12);
}

.faixa-capacidades {
	border-bottom: 1px solid var(--linha);
	background: #fff;
}

.faixa-capacidades .recipiente {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 76px;
	gap: 22px;
	color: #657184;
	font-size: .7rem;
	font-weight: 730;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.faixa-capacidades i {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--violeta);
}

.cabecalho-secao {
	max-width: 800px;
	margin-bottom: 54px;
}

.cabecalho-secao h2 {
	margin-bottom: 20px;
}

.cabecalho-secao p {
	max-width: 710px;
	margin-bottom: 0;
	font-size: 1.06rem;
}

.cabecalho-secao-dividido {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(320px, .72fr);
	align-items: end;
	max-width: none;
	gap: 90px;
}

.cabecalho-secao-dividido h2 {
	margin-bottom: 0;
}

.cabecalho-secao-dividido > p {
	margin: 0 0 8px;
}

.secao-competencias {
	background: #fff;
}

.grade-pilares {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

.pilar-principal {
	position: relative;
	display: flex;
	min-height: 520px;
	padding: 42px;
	border: 1px solid var(--linha);
	border-radius: 20px;
	background: #fff;
	flex-direction: column;
	overflow: hidden;
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.pilar-principal::after {
	position: absolute;
	right: -95px;
	bottom: -95px;
	width: 230px;
	height: 230px;
	border: 1px solid rgba(112, 71, 235, .12);
	border-radius: 50%;
	box-shadow: 0 0 0 40px rgba(112, 71, 235, .025);
	content: "";
}

.pilar-software::after {
	border-color: rgba(48, 191, 203, .16);
	box-shadow: 0 0 0 40px rgba(48, 191, 203, .025);
}

.pilar-principal:hover {
	border-color: #beb1ee;
	box-shadow: var(--sombra-suave);
	transform: translateY(-5px);
}

.pilar-cabecalho {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 72px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--linha);
}

.pilar-cabecalho span {
	color: var(--violeta);
	font-family: var(--fonte-mono);
	font-size: .75rem;
	font-weight: 700;
}

.pilar-cabecalho small {
	color: #7c8797;
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.pilar-principal h3 {
	margin-bottom: 20px;
	font-size: clamp(1.8rem, 3vw, 2.65rem);
}

.pilar-principal > p {
	max-width: 540px;
	margin-bottom: 24px;
	font-size: 1.02rem;
}

.pilar-principal ul {
	margin: 0 0 36px;
	padding: 0;
	list-style: none;
}

.pilar-principal li {
	position: relative;
	margin: 9px 0;
	padding-left: 19px;
	color: #526074;
	font-size: .88rem;
}

.pilar-principal li::before {
	position: absolute;
	top: .7em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--ciano);
	content: "";
}

.ligacao-cartao {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 22px;
	border-top: 1px solid var(--linha);
	font-size: .85rem;
	font-weight: 720;
	z-index: 1;
}

.ligacao-cartao b,
.ligacao-textual b,
.produto-resumo a b,
.faixa-integracao a b {
	color: var(--violeta);
	font-size: 1.06rem;
}

.faixa-integracao {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 28px;
	margin-top: 22px;
	padding: 27px 32px;
	border: 1px solid #ccd5df;
	border-radius: 16px;
	background: linear-gradient(90deg, #f3f0ff, #f4fafb);
}

.selo-integracao {
	display: flex;
	align-items: center;
}

.selo-integracao span {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border: 1px solid #d1c6f6;
	border-radius: 9px;
	background: #fff;
	color: var(--violeta-escura);
	font-family: var(--fonte-mono);
	font-size: .76rem;
	font-weight: 800;
}

.selo-integracao i {
	width: 18px;
	height: 1px;
	background: #b9c5d2;
}

.faixa-integracao strong {
	display: block;
	margin-bottom: 4px;
	font-size: 1rem;
}

.faixa-integracao p {
	margin: 0;
	font-size: .86rem;
}

.faixa-integracao a {
	font-size: .82rem;
	font-weight: 720;
	white-space: nowrap;
}

.secao-produto {
	background:
		radial-gradient(circle at 76% 18%, rgba(112, 71, 235, .19), transparent 28%),
		linear-gradient(145deg, #07111f, #0b192a);
}

.grade-produto-destaque {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
	align-items: center;
	gap: 76px;
}

.moldura-produto {
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 16px;
	background: #070d16;
	box-shadow: 0 36px 85px rgba(0, 0, 0, .38);
	overflow: hidden;
}

.moldura-produto img {
	width: 100%;
	height: auto;
}

.moldura-produto-barra {
	display: flex;
	align-items: center;
	height: 40px;
	gap: 7px;
	padding: 0 14px;
	border-bottom: 1px solid rgba(255, 255, 255, .09);
	background: #111827;
}

.moldura-produto-barra > span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #4d5869;
}

.moldura-produto-barra > span:nth-child(1) {
	background: #ef706d;
}

.moldura-produto-barra > span:nth-child(2) {
	background: #e8b44d;
}

.moldura-produto-barra > span:nth-child(3) {
	background: #57b982;
}

.moldura-produto-barra small {
	margin-left: 8px;
	color: #8e9bb0;
	font-size: .67rem;
}

.conteudo-produto h2 {
	margin-bottom: 22px;
	color: #fff;
}

.conteudo-produto > p {
	margin-bottom: 30px;
	color: #aab6c7;
}

.produto-resumo {
	margin-bottom: 30px;
	padding: 24px;
	border: 1px solid var(--linha-escura);
	border-radius: 15px;
	background: rgba(255, 255, 255, .04);
}

.produto-resumo-titulo {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 16px;
}

.produto-resumo-titulo > div {
	display: flex;
	align-items: center;
	gap: 10px;
}

.produto-resumo-titulo strong {
	color: #fff;
	font-size: 1.12rem;
}

.produto-resumo-titulo span {
	padding: 4px 8px;
	border: 1px solid rgba(48, 191, 203, .35);
	border-radius: 999px;
	color: #74dbe2;
	font-size: .6rem;
	font-weight: 760;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.produto-resumo-titulo small {
	color: #8794a8;
	font-size: .69rem;
	text-align: right;
}

.produto-resumo p {
	margin-bottom: 15px;
	color: #aab4c4;
	font-size: .89rem;
}

.produto-resumo a {
	color: #fff;
	font-size: .84rem;
	font-weight: 720;
}

.secao-metodo {
	background: #fff;
}

.grade-processo {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--linha);
}

.etapa-processo {
	position: relative;
	padding: 35px 28px 0 0;
}

.etapa-processo:not(:last-child) {
	border-right: 1px solid var(--linha);
	padding-right: 28px;
}

.etapa-processo:not(:first-child) {
	padding-left: 28px;
}

.etapa-processo span {
	display: block;
	margin-bottom: 50px;
	color: var(--violeta);
	font-family: var(--fonte-mono);
	font-size: .72rem;
	font-weight: 720;
}

.etapa-processo h3 {
	margin-bottom: 12px;
	font-size: 1.12rem;
}

.etapa-processo p {
	margin-bottom: 0;
	font-size: .88rem;
}

.secao-base-tecnica {
	background: var(--fundo);
}

.grade-base-tecnica {
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(430px, 1.08fr);
	align-items: center;
	gap: 105px;
}

.grade-base-tecnica h2 {
	margin-bottom: 24px;
}

.ligacao-textual {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-top: 14px;
	font-size: .88rem;
	font-weight: 720;
}

.lista-capacidades {
	border-top: 1px solid var(--linha);
}

.lista-capacidades > div {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 18px;
	padding: 29px 0;
	border-bottom: 1px solid var(--linha);
}

.lista-capacidades > div > span {
	color: var(--violeta);
	font-family: var(--fonte-mono);
	font-size: .72rem;
	font-weight: 720;
}

.lista-capacidades strong,
.lista-capacidades small {
	grid-column: 2;
}

.lista-capacidades strong {
	margin-top: -42px;
	font-size: 1rem;
}

.lista-capacidades small {
	margin-top: -13px;
	color: var(--texto-suave);
	font-size: .84rem;
}

.secao-chamada-final {
	padding: 0 0 112px;
	background: var(--fundo);
}

.faixa-chamada {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 52px;
	padding: 58px 62px;
	border-radius: var(--raio-grande);
	background:
		radial-gradient(circle at 94% 18%, rgba(112, 71, 235, .4), transparent 31%),
		linear-gradient(135deg, #07111f, #0c1d31);
	box-shadow: var(--sombra);
}

.faixa-chamada h2 {
	max-width: 800px;
	margin-bottom: 14px;
	color: #fff;
	font-size: clamp(2rem, 3vw, 3rem);
}

.faixa-chamada p {
	max-width: 720px;
	margin-bottom: 0;
	color: #aeb9ca;
}

.acoes-chamada {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: wrap;
	gap: 10px;
}

.introducao-pagina,
.introducao-produto {
	position: relative;
	padding: 120px 0 100px;
	overflow: hidden;
}

.introducao-pagina-escura,
.introducao-produto {
	background:
		radial-gradient(circle at 82% 4%, rgba(112, 71, 235, .2), transparent 30%),
		linear-gradient(145deg, #07111f, #0b192a);
}

.introducao-pagina::after,
.introducao-produto::after {
	position: absolute;
	right: 5%;
	bottom: -260px;
	width: 520px;
	height: 520px;
	border: 1px solid rgba(255, 255, 255, .05);
	border-radius: 50%;
	box-shadow: 0 0 0 80px rgba(255, 255, 255, .015);
	content: "";
}

.grade-introducao-pagina {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(330px, .68fr);
	align-items: end;
	gap: 95px;
	z-index: 1;
}

.grade-introducao-pagina h1 {
	max-width: 820px;
	margin-bottom: 0;
	color: #fff;
	font-size: clamp(3rem, 5vw, 4.95rem);
}

.grade-introducao-pagina > p {
	margin-bottom: 9px;
	color: #aeb9ca;
	font-size: 1.07rem;
}

.grade-servico-profissional {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 78px;
}

.servico-indice {
	display: flex;
	padding-top: 4px;
	flex-direction: column;
	gap: 10px;
}

.servico-indice span {
	color: var(--violeta);
	font-family: var(--fonte-mono);
	font-size: 2.5rem;
	font-weight: 700;
	letter-spacing: -.05em;
}

.servico-indice small {
	max-width: 150px;
	color: #7a8798;
	font-size: .7rem;
	font-weight: 720;
	letter-spacing: .12em;
	line-height: 1.6;
	text-transform: uppercase;
}

.servico-conteudo > h2 {
	max-width: 850px;
	margin-bottom: 25px;
}

.servico-conteudo > .introducao {
	max-width: 900px;
	margin-bottom: 48px;
}

.grade-entregaveis {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.grade-entregaveis > div {
	padding: 27px;
	border: 1px solid var(--linha);
	border-radius: 14px;
	background: #fff;
}

.grade-entregaveis strong {
	display: block;
	margin-bottom: 10px;
	font-size: .98rem;
}

.grade-entregaveis p {
	margin-bottom: 0;
	font-size: .86rem;
}

.aviso-tecnico {
	margin-top: 28px;
	padding: 22px 24px;
	border-left: 3px solid var(--ciano);
	background: #edf8f9;
}

.aviso-tecnico strong {
	display: block;
	margin-bottom: 5px;
	font-size: .86rem;
}

.aviso-tecnico p {
	margin-bottom: 0;
	font-size: .84rem;
}

.secao-processo-servicos {
	background: linear-gradient(145deg, #07111f, #0b192a);
}

.secao-processo-servicos .cabecalho-secao h2,
.secao-processo-servicos .etapa-processo h3 {
	color: #fff;
}

.secao-processo-servicos .cabecalho-secao p,
.secao-processo-servicos .etapa-processo p {
	color: #aeb9ca;
}

.grade-processo-claro {
	border-top-color: var(--linha-escura);
}

.grade-processo-claro .etapa-processo:not(:last-child) {
	border-right-color: var(--linha-escura);
}

.grade-manifesto {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
	gap: 100px;
}

.grade-manifesto h2 {
	margin-bottom: 0;
}

.texto-manifesto p {
	margin-bottom: 24px;
	font-size: 1.12rem;
	line-height: 1.82;
}

.texto-manifesto p:last-child {
	margin-bottom: 0;
}

.grade-3,
.grade-2 {
	display: grid;
	gap: 22px;
}

.grade-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grade-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grade-competencias-sobre {
	gap: 18px;
}

.cartao-competencia {
	min-height: 320px;
	padding: 32px;
	border: 1px solid var(--linha);
	border-radius: 16px;
	background: #fff;
}

.cartao-competencia > span {
	display: block;
	margin-bottom: 70px;
	color: var(--violeta);
	font-family: var(--fonte-mono);
	font-size: .72rem;
	font-weight: 720;
}

.cartao-competencia h3 {
	margin-bottom: 15px;
}

.cartao-competencia p {
	margin-bottom: 0;
	font-size: .88rem;
}

.grade-experiencia {
	display: grid;
	grid-template-columns: minmax(0, .86fr) minmax(420px, 1.14fr);
	align-items: center;
	gap: 100px;
}

.painel-experiencia {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border: 1px solid var(--linha);
	border-radius: 18px;
	background: #fff;
	overflow: hidden;
}

.painel-experiencia > div {
	min-height: 150px;
	padding: 30px;
}

.painel-experiencia > div:nth-child(odd) {
	border-right: 1px solid var(--linha);
}

.painel-experiencia > div:nth-child(-n+2) {
	border-bottom: 1px solid var(--linha);
}

.painel-experiencia strong,
.painel-experiencia span {
	display: block;
}

.painel-experiencia strong {
	margin-bottom: 9px;
	font-size: 1.05rem;
}

.painel-experiencia span {
	color: var(--texto-suave);
	font-size: .83rem;
}

.grade-principios {
	display: grid;
	grid-template-columns: minmax(0, .72fr) minmax(480px, 1.28fr);
	gap: 105px;
}

.lista-principios {
	border-top: 1px solid var(--linha);
}

.lista-principios > div {
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 20px;
	padding: 25px 0;
	border-bottom: 1px solid var(--linha);
}

.lista-principios > div > span {
	color: var(--violeta);
	font-family: var(--fonte-mono);
	font-size: .72rem;
	font-weight: 720;
}

.lista-principios strong {
	display: block;
	margin-bottom: 6px;
}

.lista-principios p {
	margin-bottom: 0;
	font-size: .86rem;
}

.produto-catalogo {
	display: grid;
	grid-template-columns: minmax(0, 1.14fr) minmax(390px, .86fr);
	align-items: center;
	gap: 66px;
	padding: 38px;
	border: 1px solid var(--linha);
	border-radius: var(--raio-grande);
	background: var(--fundo);
}

.moldura-produto-clara {
	border-color: #cad4df;
	box-shadow: 0 26px 60px rgba(5, 17, 32, .17);
}

.produto-catalogo-conteudo h2 {
	margin: 16px 0 18px;
	font-size: clamp(2.2rem, 3.6vw, 3.5rem);
}

.produto-catalogo-conteudo > p {
	font-size: 1rem;
}

.linha-etiquetas {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.etiqueta {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 10px;
	border: 1px solid #cfc4f7;
	border-radius: 999px;
	background: var(--violeta-suave);
	color: var(--violeta-escura);
	font-size: .64rem;
	font-weight: 750;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.etiqueta-neutra {
	border-color: var(--linha);
	background: #fff;
	color: #59677a;
}

.etiqueta-clara {
	border-color: rgba(255, 255, 255, .2);
	background: rgba(255, 255, 255, .07);
	color: #dce5ef;
}

.etiqueta-escura {
	border-color: rgba(48, 191, 203, .3);
	background: rgba(48, 191, 203, .1);
	color: #75dce3;
}

.lista-verificacoes {
	margin: 25px 0 30px;
	padding: 0;
	list-style: none;
}

.lista-verificacoes li {
	position: relative;
	margin: 10px 0;
	padding-left: 24px;
	color: #526074;
	font-size: .88rem;
}

.lista-verificacoes li::before {
	position: absolute;
	top: .42em;
	left: 0;
	width: 13px;
	height: 13px;
	border: 1px solid #80cdd2;
	border-radius: 50%;
	background: var(--ciano-suave);
	content: "";
}

.estado-software {
	margin-bottom: 25px;
	padding: 16px 18px;
	border-left: 3px solid var(--amarelo);
	background: #fff8ea;
}

.estado-software.disponivel {
	border-left-color: var(--verde);
	background: #edf8f3;
}

.estado-software strong,
.estado-software span {
	display: block;
}

.estado-software strong {
	margin-bottom: 3px;
	font-size: .83rem;
}

.estado-software span {
	color: var(--texto-suave);
	font-size: .78rem;
}

.grade-catalogo-futuro {
	display: grid;
	grid-template-columns: minmax(0, .84fr) minmax(430px, 1.16fr);
	align-items: center;
	gap: 105px;
}

.lista-linhas-produto {
	border-top: 1px solid var(--linha);
}

.lista-linhas-produto > div {
	display: grid;
	grid-template-columns: 50px 1fr;
	gap: 20px;
	padding: 25px 0;
	border-bottom: 1px solid var(--linha);
}

.lista-linhas-produto > div > span {
	color: var(--violeta);
	font-family: var(--fonte-mono);
	font-size: .72rem;
	font-weight: 720;
}

.lista-linhas-produto strong,
.lista-linhas-produto small {
	display: block;
}

.lista-linhas-produto strong {
	margin-bottom: 5px;
}

.lista-linhas-produto small {
	color: var(--texto-suave);
	font-size: .82rem;
}

.grade-apresentacao-software {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, .78fr) minmax(520px, 1.22fr);
	align-items: center;
	gap: 70px;
	z-index: 1;
}

.conteudo-apresentacao-software h1 {
	margin: 22px 0;
	color: #fff;
}

.conteudo-apresentacao-software .introducao {
	margin-bottom: 34px;
	color: #aeb9ca;
}

.metadados-produto {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin-top: 42px;
	border: 1px solid var(--linha-escura);
	border-radius: 12px;
	background: var(--linha-escura);
	overflow: hidden;
}

.metadados-produto > div {
	padding: 15px;
	background: rgba(5, 14, 26, .86);
}

.metadados-produto span,
.metadados-produto strong {
	display: block;
}

.metadados-produto span {
	margin-bottom: 4px;
	color: #8392a6;
	font-size: .61rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.metadados-produto strong {
	color: #edf3f9;
	font-size: .74rem;
}

.moldura-produto-destaque {
	transform: perspective(1600px) rotateY(-2deg);
}

.grade-recursos-produto {
	gap: 18px;
}

.cartao-recurso {
	min-height: 280px;
	padding: 30px;
	border: 1px solid var(--linha);
	border-radius: 15px;
	background: #fff;
}

.cartao-recurso > span {
	display: block;
	margin-bottom: 70px;
	color: var(--violeta);
	font-family: var(--fonte-mono);
	font-size: .72rem;
	font-weight: 720;
}

.cartao-recurso p {
	margin-bottom: 0;
	font-size: .87rem;
}

.grade-informacoes-produto {
	align-items: start;
	gap: 75px;
}

.cartao-requisitos {
	padding: 35px;
	border: 1px solid var(--linha);
	border-radius: 17px;
	background: #fff;
	box-shadow: var(--sombra-suave);
}

.cartao-requisitos h3 {
	font-size: 1.7rem;
}

.cartao-requisitos dl {
	margin: 26px 0 0;
}

.cartao-requisitos dl > div {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	padding: 13px 0;
	border-top: 1px solid var(--linha);
}

.cartao-requisitos dt {
	color: var(--texto-suave);
	font-size: .79rem;
}

.cartao-requisitos dd {
	margin: 0;
	font-size: .79rem;
	font-weight: 700;
	text-align: right;
}

.secao-download {
	background:
		radial-gradient(circle at 18% 80%, rgba(48, 191, 203, .1), transparent 25%),
		linear-gradient(145deg, #07111f, #0b192a);
}

.grade-download {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(430px, .72fr);
	align-items: center;
	gap: 100px;
}

.conteudo-download h2 {
	margin-bottom: 22px;
	color: #fff;
}

.conteudo-download > p {
	color: #aeb9ca;
}

.download-seguranca {
	margin-top: 30px;
	padding: 20px;
	border: 1px solid var(--linha-escura);
	border-radius: 13px;
	background: rgba(255, 255, 255, .04);
}

.download-seguranca strong,
.download-seguranca span {
	display: block;
}

.download-seguranca strong {
	margin-bottom: 5px;
	color: #fff;
	font-size: .84rem;
}

.download-seguranca span {
	color: #93a2b5;
	font-size: .79rem;
}

.cartao-formulario-download,
.cartao-formulario-contato {
	padding: 38px;
	border: 1px solid var(--linha);
	border-radius: 18px;
	background: #fff;
	box-shadow: var(--sombra);
}

.grupo-campo {
	margin-bottom: 19px;
}

.grupo-campo label {
	display: block;
	margin-bottom: 7px;
	color: #344155;
	font-size: .76rem;
	font-weight: 720;
}

.grupo-campo label small {
	color: #8a95a4;
	font-weight: 500;
}

.grupo-campo input,
.grupo-campo select,
.grupo-campo textarea {
	width: 100%;
	border: 1px solid #ccd5df;
	border-radius: 9px;
	background: #fff;
	color: var(--texto);
	outline: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.grupo-campo input,
.grupo-campo select {
	height: 49px;
	padding: 0 13px;
}

.grupo-campo textarea {
	min-height: 150px;
	padding: 13px;
	resize: vertical;
}

.grupo-campo input:focus,
.grupo-campo select:focus,
.grupo-campo textarea:focus {
	border-color: var(--violeta);
	box-shadow: 0 0 0 4px rgba(112, 71, 235, .1);
}

.linha-consentimento {
	display: grid;
	grid-template-columns: 18px 1fr;
	gap: 10px;
	margin: 4px 0 22px;
	color: #5d6878;
	font-size: .75rem;
	line-height: 1.55;
}

.linha-consentimento input {
	margin-top: 4px;
}

.linha-consentimento a {
	color: var(--violeta-escura);
	text-decoration: underline;
}

.botao-download {
	width: 100%;
}

.aviso-arquivo {
	margin: 17px 0 0;
	padding: 13px;
	border-radius: 9px;
	background: #fff7e8;
	font-size: .76rem;
}

.alerta-formulario {
	margin-bottom: 20px;
	padding: 15px;
	border-left: 3px solid var(--perigo);
	background: #fff0f2;
	color: #8d2935;
	font-size: .78rem;
}

.alerta-formulario ul {
	margin: 8px 0 0;
	padding-left: 18px;
}

.grade-contato {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(360px, .72fr);
	align-items: stretch;
	gap: 30px;
}

.cabecalho-formulario {
	margin-bottom: 30px;
}

.cabecalho-formulario h2 {
	margin-bottom: 12px;
	font-size: clamp(1.8rem, 3vw, 2.7rem);
}

.cabecalho-formulario p {
	margin-bottom: 0;
}

.grade-campos-formulario {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.cartao-informacoes-contato {
	padding: 42px;
	border-radius: 18px;
	background:
		radial-gradient(circle at 80% 8%, rgba(112, 71, 235, .24), transparent 30%),
		linear-gradient(145deg, #07111f, #0b192a);
	box-shadow: var(--sombra);
}

.cartao-informacoes-contato h2 {
	color: #fff;
	font-size: 2.1rem;
}

.cartao-informacoes-contato > p {
	color: #aeb9ca;
}

.lista-contatos {
	margin-top: 36px;
	border-top: 1px solid var(--linha-escura);
}

.item-informacao {
	padding: 18px 0;
	border-bottom: 1px solid var(--linha-escura);
}

.item-informacao span,
.item-informacao strong {
	display: block;
}

.item-informacao span {
	margin-bottom: 5px;
	color: #7f90a5;
	font-size: .65rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.item-informacao strong {
	color: #fff;
	font-size: .88rem;
}

.conteudo-privacidade {
	max-width: 900px;
}

.conteudo-privacidade h1 {
	font-size: clamp(2.7rem, 5vw, 4.6rem);
}

.cartao {
	border: 1px solid var(--linha);
	border-radius: 18px;
	background: #fff;
}

.cartao-privacidade {
	margin-top: 42px;
	padding: 42px;
}

.cartao-privacidade h2 {
	margin: 35px 0 12px;
	font-size: 1.45rem;
}

.cartao-privacidade h2:first-child {
	margin-top: 0;
}

.cartao-privacidade p {
	margin-bottom: 0;
}

.cartao-privacidade a {
	color: var(--violeta-escura);
	text-decoration: underline;
}

.rodape-site {
	padding: 78px 0 28px;
	background: #050c16;
	color: #fff;
}

.grade-rodape {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) repeat(2, minmax(190px, .55fr));
	gap: 80px;
	padding-bottom: 55px;
}

.marca-rodape .marca-simbolo {
	border-color: rgba(255, 255, 255, .1);
	background: rgba(255, 255, 255, .06);
}

.marca-rodape .marca-textos strong {
	color: #fff;
}

.marca-rodape .marca-textos small {
	color: #8291a5;
}

.rodape-apresentacao p {
	max-width: 480px;
	margin: 24px 0 0;
	color: #8493a7;
	font-size: .88rem;
}

.grade-rodape h4 {
	margin: 4px 0 20px;
	color: #dce5ef;
	font-size: .73rem;
	font-weight: 740;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.grade-rodape > div:not(:first-child) a,
.grade-rodape > div:not(:first-child) span {
	display: block;
	margin: 11px 0;
	color: #8796a9;
	font-size: .82rem;
}

.grade-rodape a:hover {
	color: #fff;
}

.rodape-inferior {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding-top: 25px;
	border-top: 1px solid rgba(255, 255, 255, .09);
	color: #68778a;
	font-size: .72rem;
}

.rodape-inferior > span:last-child {
	display: flex;
	align-items: center;
	gap: 12px;
}

.rodape-inferior i {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #526074;
}

@media (max-width: 1120px) {
	.navegacao-desktop {
		gap: 24px;
	}

	.grade-destaque {
		grid-template-columns: minmax(0, 1fr) minmax(390px, .8fr);
		gap: 50px;
	}

	.diagrama-corpo {
		height: 430px;
	}

	.no-diagrama {
		width: 165px;
	}

	.no-hardware {
		left: 18px;
	}

	.no-software {
		right: 18px;
	}

	.linha-a,
	.linha-b,
	.linha-c {
		display: none;
	}

	.grade-produto-destaque,
	.grade-apresentacao-software {
		gap: 45px;
	}

	.grade-servico-profissional {
		grid-template-columns: 170px minmax(0, 1fr);
		gap: 50px;
	}

	.grade-entregaveis {
		grid-template-columns: 1fr;
	}

	.grade-base-tecnica,
	.grade-manifesto,
	.grade-experiencia,
	.grade-principios,
	.grade-catalogo-futuro {
		gap: 60px;
	}
}

@media (max-width: 960px) {
	.navegacao-desktop,
	.botao-cabecalho {
		display: none;
	}

	.alternar-navegacao {
		display: block;
	}

	.navegacao-movel {
		position: absolute;
		top: 82px;
		left: 0;
		display: none;
		width: 100%;
		padding: 16px 24px 24px;
		border-top: 1px solid var(--linha);
		border-bottom: 1px solid var(--linha);
		background: #fff;
		box-shadow: 0 18px 30px rgba(5, 17, 32, .1);
	}

	.navegacao-movel.aberto {
		display: grid;
	}

	.navegacao-movel a {
		padding: 13px 0;
		border-bottom: 1px solid var(--linha);
		font-size: .92rem;
		font-weight: 650;
	}

	.navegacao-movel a:last-child {
		border-bottom: 0;
	}

	.navegacao-movel .contato-movel {
		margin-top: 12px;
		padding: 14px;
		border-radius: 9px;
		background: var(--azul-noite);
		color: #fff;
		text-align: center;
	}

	.destaque-institucional {
		padding-top: 95px;
	}

	.grade-destaque,
	.grade-produto-destaque,
	.grade-introducao-pagina,
	.grade-apresentacao-software,
	.grade-servico-profissional,
	.grade-base-tecnica,
	.grade-manifesto,
	.grade-experiencia,
	.grade-principios,
	.produto-catalogo,
	.grade-catalogo-futuro,
	.grade-download,
	.grade-contato {
		grid-template-columns: 1fr;
	}

	.grade-destaque,
	.grade-produto-destaque,
	.grade-apresentacao-software,
	.grade-introducao-pagina,
	.grade-base-tecnica,
	.grade-manifesto,
	.grade-experiencia,
	.grade-principios,
	.grade-catalogo-futuro,
	.grade-download {
		gap: 55px;
	}

	.diagrama-engenharia {
		max-width: 620px;
		margin-inline: auto;
	}

	.faixa-capacidades .recipiente {
		justify-content: flex-start;
		overflow-x: auto;
	}

	.faixa-capacidades span {
		white-space: nowrap;
	}

	.cabecalho-secao-dividido {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.grade-pilares {
		grid-template-columns: 1fr;
	}

	.pilar-principal {
		min-height: 470px;
	}

	.grade-processo {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.etapa-processo:nth-child(2) {
		border-right: 0;
	}

	.etapa-processo:nth-child(-n+2) {
		padding-bottom: 35px;
		border-bottom: 1px solid var(--linha);
	}

	.grade-processo-claro .etapa-processo:nth-child(-n+2) {
		border-bottom-color: var(--linha-escura);
	}

	.grade-3 {
		grid-template-columns: 1fr;
	}

	.cartao-competencia,
	.cartao-recurso {
		min-height: auto;
	}

	.cartao-competencia > span,
	.cartao-recurso > span {
		margin-bottom: 38px;
	}

	.produto-catalogo {
		padding: 28px;
	}

	.grade-contato {
		gap: 24px;
	}

	.grade-rodape {
		grid-template-columns: 1.2fr 1fr 1fr;
		gap: 45px;
	}
}

@media (max-width: 700px) {
	.recipiente {
		width: min(calc(100% - 32px), var(--recipiente));
	}

	.secao {
		padding: 82px 0;
	}

	h1 {
		font-size: clamp(2.55rem, 12vw, 4rem);
	}

	h2 {
		font-size: clamp(2rem, 9vw, 3rem);
	}

	.barra-navegacao {
		min-height: 74px;
	}

	.navegacao-movel {
		top: 74px;
	}

	.marca-textos small {
		display: none;
	}

	.destaque-institucional {
		min-height: 0;
		padding: 78px 0 76px;
	}

	.malha-destaque {
		background-size: 48px 48px;
	}

	.marcadores-destaque {
		display: grid;
		gap: 9px;
	}

	.diagrama-corpo {
		height: 460px;
	}

	.nucleo-diagrama {
		width: 120px;
		height: 120px;
	}

	.no-diagrama {
		width: calc(50% - 28px);
	}

	.no-hardware {
		top: 35px;
		left: 14px;
	}

	.no-software {
		top: 35px;
		right: 14px;
	}

	.no-validacao {
		width: calc(100% - 50px);
		bottom: 25px;
	}

	.faixa-capacidades .recipiente {
		min-height: 66px;
		gap: 16px;
	}

	.pilar-principal {
		min-height: 0;
		padding: 30px;
	}

	.pilar-cabecalho {
		margin-bottom: 48px;
	}

	.faixa-integracao {
		grid-template-columns: 1fr;
		padding: 24px;
	}

	.faixa-integracao a {
		white-space: normal;
	}

	.grade-processo {
		grid-template-columns: 1fr;
		border-top: 0;
	}

	.etapa-processo,
	.etapa-processo:not(:first-child),
	.etapa-processo:not(:last-child) {
		padding: 25px 0;
		border-right: 0;
		border-bottom: 1px solid var(--linha);
	}

	.grade-processo-claro .etapa-processo,
	.grade-processo-claro .etapa-processo:not(:first-child),
	.grade-processo-claro .etapa-processo:not(:last-child) {
		border-bottom-color: var(--linha-escura);
	}

	.etapa-processo span {
		margin-bottom: 24px;
	}

	.grade-base-tecnica,
	.grade-manifesto,
	.grade-experiencia,
	.grade-principios,
	.grade-catalogo-futuro,
	.grade-download {
		gap: 42px;
	}

	.faixa-chamada {
		align-items: flex-start;
		padding: 38px 28px;
		flex-direction: column;
	}

	.acoes-chamada,
	.acoes-chamada .botao {
		width: 100%;
	}

	.introducao-pagina,
	.introducao-produto {
		padding: 82px 0 72px;
	}

	.grade-servico-profissional {
		gap: 30px;
	}

	.servico-indice {
		flex-direction: row;
		align-items: center;
	}

	.servico-indice span {
		font-size: 1.8rem;
	}

	.servico-indice small {
		max-width: none;
	}

	.grade-entregaveis {
		gap: 12px;
	}

	.painel-experiencia {
		grid-template-columns: 1fr;
	}

	.painel-experiencia > div,
	.painel-experiencia > div:nth-child(odd),
	.painel-experiencia > div:nth-child(-n+2) {
		min-height: 0;
		border-right: 0;
		border-bottom: 1px solid var(--linha);
	}

	.painel-experiencia > div:last-child {
		border-bottom: 0;
	}

	.produto-catalogo {
		padding: 18px;
	}

	.grade-2,
	.grade-campos-formulario {
		grid-template-columns: 1fr;
	}

	.metadados-produto {
		grid-template-columns: 1fr;
	}

	.moldura-produto-destaque {
		transform: none;
	}

	.cartao-formulario-download,
	.cartao-formulario-contato,
	.cartao-informacoes-contato,
	.cartao-privacidade {
		padding: 28px 22px;
	}

	.grade-rodape {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.rodape-inferior {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 430px) {
	.marca-simbolo {
		width: 36px;
		height: 36px;
	}

	.marca-textos strong {
		font-size: .98rem;
	}

	.destaque-institucional {
		padding-top: 66px;
	}

	.acoes-destaque,
	.acoes-destaque .botao {
		width: 100%;
	}

	.diagrama-corpo {
		height: 525px;
	}

	.no-diagrama {
		width: calc(100% - 28px);
	}

	.no-hardware {
		top: 22px;
	}

	.no-software {
		top: 132px;
		right: 14px;
	}

	.nucleo-diagrama {
		top: 61%;
	}

	.no-validacao {
		bottom: 18px;
	}

	.pilar-principal {
		padding: 25px;
	}

	.produto-resumo-titulo {
		flex-direction: column;
	}

	.produto-resumo-titulo small {
		text-align: left;
	}
}
