/* "Gestão de ponta a ponta" and the security section. */
.flow{margin-top:110px;background:radial-gradient(ellipse at 50% 0,#14207a 0,#05072c 62%);color:#fff;padding:96px 0 90px;position:relative;overflow:hidden}
.flow .section-head p{color:#c4d0f2}.flow h2 em{color:#79a2ff}
.flow-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative;counter-reset:f}
.flow-steps:before{content:"";position:absolute;left:10%;right:10%;top:38px;height:2px;background:rgba(255,255,255,.14)}
.flow-steps:after{content:"";position:absolute;left:10%;top:38px;height:2px;width:calc(var(--flow,0) * 80%);background:linear-gradient(90deg,#2462e9,#79a2ff);box-shadow:0 0 14px rgba(121,162,255,.8);transition:width .9s cubic-bezier(.2,.8,.2,1)}
.flow-steps li{text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;opacity:.55;transform:translateY(8px);transition:opacity .6s,transform .6s}
.flow-steps li.is-lit{opacity:1;transform:none}
.flow-ico{width:76px;height:76px;border-radius:24px;background:#0b1040;border:1.5px solid rgba(255,255,255,.2);display:grid;place-items:center;position:relative;color:#8fb2ff;transition:background .4s,border-color .4s,color .4s,box-shadow .4s}
.flow-steps li.is-lit .flow-ico{background:#13206b;border-color:#5d8cff;color:#fff;box-shadow:0 0 0 6px rgba(93,140,255,.15),0 16px 34px rgba(36,98,233,.4)}
.flow-ico .ico{width:30px;height:30px}
.flow-ico b{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#2462e9;color:#fff;font:700 12px/24px var(--font-display);text-align:center}
.flow-steps h3{font:800 19px var(--font-display);margin:18px 0 6px}
.flow-steps p{margin:0 0 12px;color:#aebde9;font-size:14px;max-width:170px;line-height:1.4}
.flow-steps em{font-style:normal;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:700;color:#dbe6ff}
.flow-note{text-align:center;color:#7d8bbd;font-size:12px;margin:26px 0 30px}
.flow-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

.trust{padding-top:110px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.trust-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:28px 24px;transition:transform .3s,box-shadow .3s,border-color .3s}
.trust-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm);border-color:#b9ccf7}
.trust-card h3{font:800 19px/1.2 var(--font-display);margin:18px 0 8px}
.trust-card p{margin:0;color:var(--muted);font-size:15px}
.trust-card .mod-ico{background:var(--blue-soft);box-shadow:none}

@media (max-width:1040px){
  .trust-grid{grid-template-columns:1fr 1fr}
  .flow-steps{grid-template-columns:1fr;gap:26px;max-width:420px;margin:0 auto}
  .flow-steps:before,.flow-steps:after{left:37px;right:auto;top:30px;bottom:30px;width:2px;height:auto}
  .flow-steps:after{height:calc(var(--flow,0) * (100% - 60px));width:2px;background:linear-gradient(#2462e9,#79a2ff)}
  .flow-steps li{flex-direction:row;text-align:left;gap:18px;align-items:center;flex-wrap:wrap}
  .flow-steps li>*:not(.flow-ico){flex:1 1 calc(100% - 100px)}
  .flow-steps p{max-width:none;margin-bottom:8px}.flow-steps h3{margin:0 0 2px}
  .flow-steps em{flex:none;align-self:flex-start;margin-left:94px}
}
@media (max-width:640px){
  .flow{margin-top:80px;padding:72px 0 64px}.trust{padding-top:80px}.trust-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.flow-steps li{transform:none}}

/* ---------- trial banner ("ERP completo por 12 dias") ---------- */
.deal{position:relative;margin-top:110px;background:#04061f;color:#fff;overflow:hidden}
.deal-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 52% 100%,rgba(22,161,123,.28),transparent 60%),radial-gradient(ellipse at 18% 0,rgba(36,98,233,.25),transparent 55%);background-color:#04061f}
.deal-bg:after{content:"";position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;animation:gridDrift 30s linear infinite;mask-image:linear-gradient(#000,transparent 85%);-webkit-mask-image:linear-gradient(#000,transparent 85%)}
.deal-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:center;padding:84px 0}
.deal-copy h2{font:800 clamp(30px,3.8vw,48px)/1.08 var(--font-display);letter-spacing:-.03em;margin:0 0 30px;max-width:540px}
.deal-copy h2 em{color:#5ee0b0}
.deal-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}
.deal-list li{display:flex;gap:12px;align-items:flex-start;color:#d3dcf7;font-size:16px;line-height:1.5;transition:transform .25s,color .25s}
.deal-list li:hover{transform:translateX(4px);color:#fff}
.deal-check{width:30px;height:30px;border-radius:50%;background:rgba(94,224,176,.14);border:1px solid rgba(94,224,176,.4);color:#5ee0b0;display:grid;place-items:center;flex:none}
.deal-check .ico{width:16px;height:16px;stroke-width:3}
@media (max-width:1040px){.deal-grid{grid-template-columns:1fr;gap:34px;padding:64px 0}}
@media (max-width:640px){.deal{margin-top:80px}.deal-list{grid-template-columns:1fr}.deal-copy .btn{width:100%}}
