.evf-h2p-stage {
  width: 1581px;
  max-width: 100%;
  margin: 0 auto;
}

/* Componente */
.evf-integrations {
  color: #1c1f1f;
  font-family: Geist, "Geist Fallback";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  min-width: calc(4px * 0);
  padding: 80px 16px;
}

.evf-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: calc(4px * 0);
  max-width: 1152px;
  margin: 0 198.437px 0 198.424px;
  gap: 48px;
}

.evf-div {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: calc(4px * 0);
  gap: 24px;
}

.evf-div-2 {
  display: flex;
  align-items: center;
  min-width: calc(4px * 0);
  gap: 20px;
}

.evf-size-8 {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(4px * 8);
  height: calc(4px * 8);
  min-width: calc(4px * 0);
}

.evf-mask-r-from-60 {
  display: block;
  position: absolute;
  -webkit-mask-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right, #000000 60%, transparent 100%), linear-gradient(#000000 60%, transparent 100%), linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff);
  mask-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right, #000000 60%, transparent 100%), linear-gradient(#000000 60%, transparent 100%), linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff);
  min-width: calc(4px * 0);
  border-radius: 2.796e+07px;
  border: 1.666px solid oklab(0.85 -0.02 0.17 / 0.4);
}

.evf-mask-r-from-40 {
  display: block;
  position: absolute;
  -webkit-mask-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right, #000000 40%, transparent 100%), linear-gradient(#000000 40%, transparent 100%), linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff);
  mask-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right, #000000 40%, transparent 100%), linear-gradient(#000000 40%, transparent 100%), linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff);
  min-width: calc(4px * 0);
  border-radius: 2.796e+07px;
  border: 0.833px solid oklab(0.85 -0.02 0.17 / 0.2);
}

.evf-svg {
  color: #f5cc00;
  min-width: calc(4px * 0);
  width: 23.997px;
  height: 23.997px;
}

.evf-span {
  color: transparent;
  font-weight: 500;
  display: block;
  background-image: linear-gradient(to right, #f5cc00 0%, oklab(0.85 -0.02 0.17 / 0.8) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  min-width: calc(4px * 0);
}

.evf-div-3 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: calc(4px * 0);
  gap: 16px;
}

.evf-h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 40px;
  min-width: calc(4px * 0);
  max-width: 576px;
}

.evf-span-2 {
  color: #f5cc00;
  display: block;
  min-width: calc(4px * 0);
}

.evf-p {
  color: oklab(0.236 -0.004 -0.001 / 0.8);
  min-width: calc(4px * 0);
  max-width: 672px;
}

.evf-div-4 {
  display: flex;
  flex-direction: column;
  min-width: calc(4px * 0);
  gap: 40px;
}

.evf-div-5 {
  background-color: oklab(0.236 -0.004 -0.001 / 0.035);
  width: 100%;
  min-width: calc(4px * 0);
  padding: 40px 24px;
  border-radius: 24px;
  overflow: hidden;
}

.evf-div-6 {
  display: flex;
  justify-content: center;
  align-items: stretch;
  height: 280px;
  min-width: calc(4px * 0);
  max-width: 1024px;
  margin: 0 40px;
}

.evf-div-7 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: calc(4px * 0);
}

.evf-span-3 {
  display: flex;
  position: relative;
  flex-shrink: 0;
  min-width: calc(4px * 0);
}

.evf-size-16 {
  color: transparent;
  box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, transparent 0 0 0 0, transparent 0 0 0 0, #0000001f 0 2px 8px 0;
  object-fit: cover;
  aspect-ratio: auto 88 / 88;
  width: calc(4px * 16);
  height: calc(4px * 16);
  min-width: calc(4px * 0);
  max-width: 100%;
  border-radius: 2.796e+07px;
  border: 1.666px solid #ffffff;
}

.evf-size-4 {
  color: #fafafa;
  display: flex;
  position: absolute;
  background-color: #f5cc00;
  justify-content: center;
  align-items: center;
  width: calc(4px * 4);
  height: calc(4px * 4);
  min-width: calc(4px * 0);
  right: calc(4px * -.5);
  bottom: calc(4px * -.5);
  border-radius: 2.796e+07px;
  border: 1.666px solid #ffffff;
}

.evf-size-2 {
  width: calc(4px * 2);
  height: calc(4px * 2);
  min-width: calc(4px * 0);
}

.evf-svg-2 {
  flex-grow: 1;
  flex-basis: 0%;
  height: 100%;
  min-width: calc(4px * 0);
  width: 160px;
}

.evf-div-8 {
  display: flex;
  align-items: center;
  min-width: calc(4px * 0);
}

.evf-span-4 {
  display: flex;
  background-color: #ffffff;
  box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, transparent 0 0 0 0, transparent 0 0 0 0, #0000000f 0 2px 8px 0;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: calc(4px * 36);
  height: calc(4px * 16);
  min-width: calc(4px * 0);
  border-radius: 16px;
  border: 0.833px solid oklab(0 0 0 / 0.05);
}

.evf-img {
  color: transparent;
  aspect-ratio: auto 96 / 24;
  width: calc(4px * 24);
  height: auto;
  min-width: calc(4px * 0);
  max-width: 100%;
}

.evf-svg-3 {
  flex-grow: 1;
  flex-basis: 0%;
  height: 100%;
  min-width: calc(4px * 0);
  width: 160.013px;
}

.evf-div-9 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: calc(4px * 0);
  gap: 20px;
}

.evf-span-5 {
  display: flex;
  background-color: #ffffff;
  box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, transparent 0 0 0 0, transparent 0 0 0 0, #0000000f 0 2px 8px 0;
  justify-content: center;
  align-items: center;
  width: calc(4px * 32);
  height: calc(4px * 14);
  min-width: calc(4px * 0);
  border-radius: 16px;
  border: 0.833px solid oklab(0 0 0 / 0.05);
}

.evf-img-2 {
  color: transparent;
  aspect-ratio: auto 78 / 19;
  width: calc(4px * 20);
  height: auto;
  min-width: calc(4px * 0);
  max-width: 100%;
}

.evf-span-6 {
  display: flex;
  background-color: #ffffff;
  box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, transparent 0 0 0 0, transparent 0 0 0 0, #0000001a 0 4px 16px 0;
  flex-direction: column;
  flex-shrink: 0;
  width: calc(4px * 52);
  min-width: calc(4px * 0);
  padding: 16px;
  border-radius: 16px;
  border: 0.833px solid oklab(0 0 0 / 0.05);
  gap: 14px;
}

.evf-span-7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: calc(4px * 0);
  gap: 8px;
}

.evf-img-3 {
  color: transparent;
  aspect-ratio: auto 56 / 14;
  width: calc(4px * 14);
  height: auto;
  min-width: calc(4px * 0);
  max-width: 100%;
}

.evf-uppercase {
  color: oklab(0.236 -0.004 -0.001 / 0.5);
  font-size: 10.4px;
  font-weight: 600;
  line-height: 15.6px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  display: block;
  min-width: calc(4px * 0);
}

.evf-span-8 {
  display: flex;
  align-items: center;
  min-width: calc(4px * 0);
  gap: 8px;
}

.evf-size-6 {
  color: transparent;
  object-fit: cover;
  aspect-ratio: auto 40 / 40;
  flex-shrink: 0;
  width: calc(4px * 6);
  height: calc(4px * 6);
  min-width: calc(4px * 0);
  max-width: 100%;
  border-radius: 2.796e+07px;
}

.evf-span-9 {
  display: block;
  background-color: oklab(0.236 -0.004 -0.001 / 0.08);
  flex-grow: 1;
  flex-basis: 0%;
  height: calc(4px * 1.5);
  min-width: calc(4px * 0);
  border-radius: 2.796e+07px;
  overflow: hidden;
}

.evf-span-10 {
  display: block;
  background-color: #f5cc00;
  width: 100%;
  height: 100%;
  min-width: calc(4px * 0);
  border-radius: 2.796e+07px;
}

.evf-span-11 {
  color: #fafafa;
  font-size: 10.4px;
  font-weight: 600;
  line-height: 15.6px;
  white-space: nowrap;
  display: block;
  background-color: #f5cc00;
  min-width: calc(4px * 0);
  padding: 2px 8px;
  border-radius: 2.796e+07px;
}

.evf-span-12 {
  display: block;
  background-color: oklab(0.85 -0.02 0.17 / 0.45);
  width: 60%;
  height: 100%;
  min-width: calc(4px * 0);
  border-radius: 2.796e+07px;
}

.evf-span-13 {
  display: block;
  background-color: oklab(0.85 -0.02 0.17 / 0.25);
  width: 40%;
  height: 100%;
  min-width: calc(4px * 0);
  border-radius: 2.796e+07px;
}

.evf-ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 95.937px;
  width: 100%;
  min-width: calc(4px * 0);
  max-width: 1024px;
  margin: 0 63.997px;
  gap: 48px;
}

.evf-integrations-1 {
  text-align: center;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  min-width: calc(4px * 0);
  gap: 8px;
}

.evf-h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  min-width: calc(4px * 0);
}

.evf-p-2 {
  color: oklab(0.236 -0.004 -0.001 / 0.8);
  font-size: 14px;
  line-height: 20px;
  min-width: calc(4px * 0);
}

.evf-span-14 {
  color: oklab(0.85 -0.02 0.17 / 0.45);
  display: block;
  position: absolute;
  min-width: calc(4px * 0);
  top: 50%;
  left: calc(4px * -6);
}

.evf-svg-4 {
  min-width: calc(4px * 0);
  width: 20px;
  height: 20px;
}

.evf-p-3 {
  display: flex;
  justify-content: center;
  min-width: calc(4px * 0);
}

.evf-a {
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  display: flex;
  background-color: #edf569;
  box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, transparent 0 0 0 0, transparent 0 0 0 0, #0000001a 0 1px 3px 0, #0000001a 0 1px 2px -1px;
  transition: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  justify-content: center;
  align-items: center;
  min-width: calc(4px * 0);
  min-height: calc(4px * 12);
  padding: 12px 32px;
  border-radius: 2.796e+07px;
  gap: 8px;
}

.evf-a:hover {
  opacity: 0.9;
}

.evf-svg-5 {
  min-width: calc(4px * 0);
  width: 15.989px;
  height: 15.989px;
}

/* Layout fluido e animação restaurada a partir dos caminhos do snapshot. */
.evf-section { margin: 0 auto; }
.evf-div-6 { margin: 0 auto; }
.evf-ol { margin: 0 auto; grid-template-rows: auto; }
.evf-mask-r-from-60 { width: 42px; height: 42px; }
.evf-mask-r-from-40 { width: 54px; height: 54px; }
.evf-diagram svg path[pathLength] {
  stroke-dasharray: 12 100;
  stroke-dashoffset: 12;
  animation: evf-flow 3.6s linear infinite;
}
.evf-svg-3 path[pathLength] { animation-delay: -2.4s; }
.evf-div-9 + .evf-diagram svg path[pathLength] { animation-delay: -1.2s; }
@keyframes evf-flow {
  from { stroke-dashoffset: 12; }
  to { stroke-dashoffset: -100; }
}
.evf-a:focus-visible { outline: 3px solid #f5cc00; outline-offset: 5px; }
.evf-a:active { transform: scale(.98); }
@media (max-width: 900px) {
  .evf-integrations { padding: 56px 20px; }
  .evf-div-5 { padding: 32px 20px; }
  .evf-div-6 { height: 224px; }
  .evf-size-16 { width: 48px; height: 48px; }
  .evf-span-4 { width: 116px; height: 56px; }
  .evf-span-5 { width: 100px; height: 48px; }
  .evf-span-6 { width: 184px; padding: 12px; }
  .evf-div-9 { gap: 13px; }
  .evf-ol { gap: 24px; }
  .evf-span-14 { left: -22px; }
}
@media (max-width: 680px) {
  .evf-integrations { padding: 40px 16px; }
  .evf-section { gap: 32px; }
  .evf-h2 { font-size: 30px; line-height: 34px; }
  .evf-div-4 { gap: 28px; }
  .evf-div-5 { padding: 28px 12px; }
  /* Preserve todas as conexões, escalando o diagrama como uma unidade. */
  .evf-div-6 { width: 1024px; max-width: none; height: 280px; transform-origin: top left; }
  .evf-size-16 { width: 64px; height: 64px; }
  .evf-span-4 { width: 144px; height: 64px; }
  .evf-span-5 { width: 128px; height: 56px; }
  .evf-span-6 { width: 208px; padding: 16px; }
  .evf-div-9 { gap: 20px; }
  .evf-ol { grid-template-columns: 1fr; gap: 28px; max-width: 360px; }
  .evf-span-14 { display: none; }
  .evf-a { font-size: 14px; line-height: 20px; padding: 12px 22px; }
  .evf-svg-5 { flex-shrink: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .evf-diagram svg path[pathLength] { animation: none; stroke-dasharray: none; opacity: .55; }
  .evf-a { transition: none; }
}


/* Paleta Evolux; geometria, caminhos e hierarquia do HTML original preservados. */

.evf-integrations{color:#f7f7f7}
.evf-p,.evf-p-2{color:#b9b9b9}
.evf-div-5{background:#181818}
.evf-a{background:#f5cc00;color:#151515}
.evf-span-3,.evf-span-4{position:relative}
.evf-size-16{object-fit:contain;background:white}
.evf-size-4{color:#111;background:#f5cc00}
.evf-node-label{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;line-height:17px;color:#eee;font-weight:500}
.evf-span-4{gap:9px;color:#151515}
.evf-node-icon{width:27px;height:27px;flex-shrink:0}
.evf-www{font-size:27px;letter-spacing:-1px}
.evf-span-5{color:#151515;gap:5px;padding:4px 7px}
.evf-action-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:white;flex-shrink:0}
.evf-action-icon .evf-node-icon{width:23px;height:23px}
.evf-action-label{font-size:11px;line-height:14px;font-weight:500;max-width:76px}
.evf-span-6{color:#151515}
.evf-img-3{width:76px;object-fit:contain}
.evf-uppercase{font-size:8px;line-height:11px;letter-spacing:0;color:#686868}
.evf-span-11{color:#151515}


.evf-integrations{font-family:'Barlow',sans-serif;padding:48px 24px;color:#fff;position:relative;z-index:1}
.evf-section{gap:32px}.evf-div-3{gap:18px}
.evf-h2{font-family:'Barlow',sans-serif;font-weight:800;font-size:clamp(36px,4.2vw,60px);line-height:1.08;letter-spacing:-.03em;max-width:900px;margin:0}
.evf-span-2{font-family:'Playfair Display',serif;font-style:italic;font-weight:400;color:#f5c800}
.evf-p{font-size:18px;line-height:1.6;max-width:730px}
.evf-action-label{font-family:'Inter',sans-serif;font-weight:600}
.evf-action-icon{color:#b18a00}.evf-action-icon .evf-node-icon{stroke:#c39b00}
.evf-h3{font-size:20px;line-height:25px;font-weight:600}
.evf-p-2{font-size:15px;line-height:22px}
.evf-a{position:relative;overflow:hidden;isolation:isolate;min-height:58px;padding:16px 36px;font-size:18px;font-weight:700;background:#f5c800;color:#111;box-shadow:0 6px 25px #f5c80026;transition:transform .2s,box-shadow .2s}
.evf-a::before{content:'';position:absolute;inset:-60% auto -60% -45%;width:25%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:skewX(-20deg);animation:evf-shine 5s ease-in-out infinite;pointer-events:none}
.evf-a:hover{transform:translateY(-3px);box-shadow:0 9px 32px #f5c80055;opacity:1}.evf-a:focus-visible{outline:3px solid white;outline-offset:5px}.evf-a .evf-svg-5{transition:transform .2s}.evf-a:hover .evf-svg-5{transform:translateX(4px)}
@keyframes evf-shine{0%,65%{left:-45%}100%{left:140%}}
.evf-mobile-wires{display:none}
@media(max-width:700px){
.evf-integrations{padding:32px 16px}.evf-h2{font-size:36px}.evf-p{font-size:16px}.evf-section{gap:26px}
.evf-div-5{padding:24px 14px!important;height:auto!important;overflow:visible}
.evf-diagram{position:relative;display:flex;flex-direction:column;align-items:center;gap:58px;width:100%;max-width:100%;height:auto!important;transform:none!important;margin:0;isolation:isolate}
.evf-diagram>.evf-svg-2,.evf-diagram>.evf-svg-3{display:none}
.evf-div-7{flex-direction:row;width:100%;justify-content:space-around}
.evf-size-16{width:54px;height:54px}.evf-node-label{font-size:11px;line-height:16px;top:calc(100% + 6px)}
.evf-span-4{width:154px;height:66px}.evf-div-9{flex-direction:row;gap:24px;justify-content:center;width:100%}
.evf-span-5{width:114px;height:58px}.evf-span-6{width:220px;padding:16px}.evf-action-label{font-size:11px}
.evf-mobile-wires{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}
.evf-ol{grid-template-columns:1fr;gap:24px;max-width:360px}.evf-span-14{display:none}.evf-div-4{gap:28px}
.evf-a{font-size:16px;padding:16px 23px;width:100%;justify-content:center}.evf-p-3{width:100%}
}
@media(prefers-reduced-motion:reduce){.evf-a::before{animation:none;display:none}.evf-a,.evf-a .evf-svg-5{transition:none}.evf-a:hover{transform:none}}

/* Títulos em uma linha; subtítulos preservam suas duas linhas. */
.evf-h3{white-space:nowrap;font-size:clamp(17px,1.55vw,20px)}
@media(min-width:701px) and (max-width:1000px){.evf-ol{gap:16px}.evf-h3{font-size:14px}}
@media(max-width:700px){.evf-h3{font-size:18px}}