/* ==========================================================================
   Home Reetek: seções 3 a 9 (Como trabalhamos, Sistemas, Segmentos, Sites,
   Depoimentos, Fale conosco + FAQ, Blog).
   Tudo com prefixo hs- e escopado em .hs para não herdar do template.
   ========================================================================== */

.hs {
  --hs-navy-900: #082340;
  --hs-navy-800: #0b2549;
  --hs-navy-700: #09284e;
  --hs-navy-600: #10366b;
  --hs-ink: #09284e;
  --hs-muted: #526a83;
  --hs-line: #d7e8f2;
  --hs-tint: #eaf7fd;
  --hs-tint-2: #f3f8fc;
  --hs-cyan: #36c0f4;
  --hs-cyan-deep: #079bdc;
  --hs-white: #ffffff;
  --hs-font: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  position: relative;
  z-index: 2;
  background: var(--hs-white);
  color: var(--hs-ink);
  font: 400 16px/1.6 var(--hs-font);
  -webkit-font-smoothing: antialiased;
}
.hs *, .hs *::before, .hs *::after { box-sizing: border-box; }
.hs h2, .hs h3, .hs p, .hs ul, .hs figure, .hs blockquote, .hs address { margin: 0; }
.hs ul { padding: 0; list-style: none; }
.hs h2, .hs h3 { font-family: var(--hs-font); text-transform: none; text-wrap: balance; }
.hs a { color: inherit; text-decoration: none; }
.hs img { display: block; max-width: 100%; height: auto; }
.hs button { font: inherit; cursor: pointer; }
.hs :focus-visible { outline: 3px solid var(--hs-cyan); outline-offset: 3px; }

.hs-container { width: calc(100% - 64px); max-width: 1500px; margin: 0 auto; }
.hs-section { padding: 128px 0; }

.hs-eyebrow { display: inline-block; margin-bottom: 22px; color: var(--hs-cyan-deep); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hs-h2 { color: var(--hs-ink); font-size: clamp(38px, 4.2vw, 64px); font-weight: 800; line-height: 1.04; letter-spacing: -.045em; }
.hs-h2 em { font-style: normal; color: var(--hs-cyan-deep); }
.hs-lead { max-width: 58ch; color: var(--hs-muted); font-size: 18px; line-height: 1.7; }
.hs-head-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; }

.hs-on-dark { color: #fff; }
.hs-on-dark .hs-eyebrow, .hs-on-dark .hs-h2 em, .hs-on-dark .hs-link { color: var(--hs-cyan); }
.hs-on-dark .hs-h2 { color: #fff; }
.hs-on-dark .hs-lead { color: #b8cbe0; }

.hs-btn { display: inline-flex; align-items: center; gap: 10px; padding: 17px 28px; border: 1px solid transparent; border-radius: 14px; font-size: 15px; font-weight: 700; line-height: 1; transition: transform .2s, background .2s, border-color .2s, box-shadow .2s; }
.hs-btn:hover { transform: translateY(-2px); }
.hs-btn--navy { background: var(--hs-navy-700); color: #fff !important; }
.hs-btn--navy .hs-ico { color: #fff !important; }
.hs-btn--navy:hover { background: var(--hs-navy-600); }
.hs-btn--cyan { background: var(--hs-cyan-deep); color: #fff; box-shadow: 0 12px 30px #079bdc40; }
.hs-btn--ghost { background: transparent; color: var(--hs-ink); border-color: #b9d2e4; }
.hs-on-dark .hs-btn--ghost { color: #fff; border-color: #ffffff3a; }
.hs-btn--wa { background: #25d366; color: #052e16; }
.hs-btn .hs-ico { width: 18px; height: 18px; }

.hs-ico { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.hs-ico--fill { fill: currentColor; stroke: none; }

.hs-link { display: inline-flex; align-items: center; gap: 8px; color: var(--hs-cyan-deep); font-size: 15px; font-weight: 700; transition: gap .2s; }
.hs-link:hover { gap: 13px; }

.hs-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.hs-chip { padding: 8px 12px; border-radius: 10px; background: var(--hs-tint); color: var(--hs-navy-700); font-size: 13px; font-weight: 700; }
.hs-tag { color: var(--hs-cyan-deep); font-size: 12.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

@keyframes hs-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

@media (max-width: 700px) {
  .hs-container { width: calc(100% - 40px); }
  .hs-section { padding: 88px 0; }
  .hs-head-row { flex-direction: column; align-items: flex-start; }
}

/* ===== 3. Como a Reetek trabalha ===== */
.hs-process { padding-top: 96px; background: var(--hs-white); }
.hs-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 80px; align-items: start; }
.hs-sticky { position: sticky; top: 96px; display: grid; gap: 26px; justify-items: start; }
.hs-sticky--photo { display: flex; align-items: flex-end; min-height: 735px; padding: 30px; overflow: hidden; border-radius: 32px; background-image: linear-gradient(180deg, #09284e12 12%, #061e3e70 56%, #061e3ed9 100%), var(--hs-process-image); background-position: 52% center; background-size: cover; box-shadow: 0 24px 60px #09284e1f; }
.hs-sticky--photo::after { content: ""; position: absolute; inset: 22px; border: 1px solid #ffffff2e; border-radius: 22px; pointer-events: none; }
.hs-sticky__content { position: relative; z-index: 1; width: min(62%, 410px); padding: 26px; border: 1px solid #ffffffd9; border-radius: 22px; background: #fffffff0; box-shadow: 0 18px 40px #061e3e24; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.hs-sticky--photo .hs-eyebrow { margin-bottom: 16px; }
.hs-sticky--photo .hs-h2 { font-size: clamp(30px, 2.8vw, 44px); }
.hs-sticky--photo .hs-lead { margin-top: 16px; font-size: 15px; line-height: 1.6; }
.hs-sticky--photo .hs-btn { margin-top: 20px; padding: 15px 20px; white-space: nowrap; }

@keyframes hs-process-photo-in {
  from { opacity: 0; transform: translate3d(-28px, 0, 0) scale(.985); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes hs-process-card-in {
  from { opacity: 0; transform: translate3d(0, 22px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes hs-process-step-in {
  from { opacity: 0; transform: translate3d(28px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.hs-process.hs-process-entrance-ready .hs-sticky--photo,
.hs-process.hs-process-entrance-ready .hs-sticky__content,
.hs-process.hs-process-entrance-ready .hs-step { opacity: 0; }
.hs-process.hs-process-entrance-ready .hs-sticky--photo { transform: translate3d(-28px, 0, 0) scale(.985); }
.hs-process.hs-process-entrance-ready .hs-sticky__content { transform: translate3d(0, 22px, 0); }
.hs-process.hs-process-entrance-ready .hs-step { transform: translate3d(28px, 0, 0); }
.hs-process.hs-process-entrance-ready.hs-process-entrance-revealed .hs-sticky--photo { animation: hs-process-photo-in .78s cubic-bezier(.22, 1, .36, 1) both; }
.hs-process.hs-process-entrance-ready.hs-process-entrance-revealed .hs-sticky__content { animation: hs-process-card-in .64s cubic-bezier(.22, 1, .36, 1) .16s both; }
.hs-process.hs-process-entrance-ready.hs-process-entrance-revealed .hs-step { animation: hs-process-step-in .62s cubic-bezier(.22, 1, .36, 1) var(--hs-process-delay, 280ms) both; }
.hs-sticky__visual { position: relative; width: min(100%, 390px); margin: 8px 0 0; overflow: hidden; border: 1px solid var(--hs-line); border-radius: 24px; background: linear-gradient(145deg, #f8fcff, var(--hs-tint)); box-shadow: 0 20px 48px #09284e0d; }
.hs-sticky__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 42%, #09284e0b); pointer-events: none; }
.hs-sticky__visual img { width: 100%; aspect-ratio: 1.15 / 1; object-fit: cover; object-position: center 35%; }
.hs-sticky__visual figcaption { position: relative; z-index: 1; display: grid; gap: 5px; padding: 18px 20px 20px; border-top: 1px solid var(--hs-line); background: #ffffffed; }
.hs-sticky__visual figcaption strong { color: var(--hs-ink); font-size: 15px; font-weight: 800; }
.hs-sticky__visual figcaption span { color: var(--hs-muted); font-size: 13px; font-weight: 600; line-height: 1.5; }
.hs-sticky__visual--photo { display: flex; align-items: flex-end; min-height: 470px; background-image: linear-gradient(180deg, #09284e08 28%, #061e3ed9 100%), var(--hs-process-image); background-position: 55% center; background-size: cover; }
.hs-sticky__visual--photo::after { background: linear-gradient(180deg, transparent 42%, #061e3e30); }
.hs-sticky__visual--photo figcaption { width: 100%; border-top: 1px solid #ffffff2e; background: transparent; }
.hs-sticky__visual--photo figcaption strong { color: #fff; }
.hs-sticky__visual--photo figcaption span { color: #d2e6f5; }
.hs-steps { position: relative; display: grid; gap: 8px; }
.hs-steps::before { content: ""; position: absolute; left: 27px; top: 40px; bottom: 40px; width: 2px; background: var(--hs-line); }
.hs-steps__fill { position: absolute; left: 27px; top: 40px; width: 2px; height: 0; background: var(--hs-cyan); transition: height .5s ease; }
.hs-step { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 28px; padding: 34px 0; }
.hs-step__num { position: relative; z-index: 1; display: grid; place-items: center; width: 56px; height: 56px; border: 2px solid var(--hs-line); border-radius: 50%; background: #fff; color: var(--hs-muted); font-size: 15px; font-weight: 800; font-variant-numeric: tabular-nums; transition: background .3s, border-color .3s, color .3s, box-shadow .3s; }
.hs-step.is-active .hs-step__num { background: var(--hs-navy-700); border-color: var(--hs-navy-700); color: var(--hs-cyan); box-shadow: 0 0 0 8px #36c0f422; }
.hs-step h3 { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; color: var(--hs-muted); font-size: clamp(24px, 2vw, 30px); font-weight: 800; letter-spacing: -.03em; transition: color .3s; }
.hs-step.is-active h3 { color: var(--hs-ink); }
.hs-step__ico { width: 24px; height: 24px; color: var(--hs-line); stroke-width: 2; transition: color .3s; }
.hs-step.is-active .hs-step__ico { color: var(--hs-cyan-deep); }
.hs-step p { max-width: 52ch; margin-bottom: 18px; color: var(--hs-muted); font-size: 16.5px; line-height: 1.7; }
.hs-step__get { display: flex; flex-wrap: wrap; gap: 8px; }
.hs-step__get li { padding: 8px 12px; border: 1px solid #d9e9f3; border-radius: 10px; background: #f8fbfd; color: var(--hs-ink); font-size: 13px; font-weight: 700; }
.hs-step.is-active .hs-step__get li { background: var(--hs-tint); border-color: #c7e8f5; }

.hs-video { position: relative; display: grid; align-items: end; overflow: hidden; min-height: 420px; margin-top: 96px; padding: 56px; border-radius: 32px; color: #fff; background: radial-gradient(ellipse at 85% 15%, #1a5fa388 0, transparent 55%), radial-gradient(ellipse at 10% 90%, #36c0f433 0, transparent 45%), linear-gradient(160deg, var(--hs-navy-800), var(--hs-navy-900)); }
.hs-video::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(#ffffff22 1px, transparent 1.2px); background-size: 28px 28px; -webkit-mask-image: linear-gradient(180deg, #000, transparent 80%); mask-image: linear-gradient(180deg, #000, transparent 80%); }
.hs-video__inner { position: relative; }
.hs-video__kicker { display: block; margin-bottom: 14px; color: var(--hs-cyan); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hs-video h3 { max-width: 14ch; color: #fff; font-size: clamp(30px, 3.4vw, 52px); font-weight: 800; line-height: 1.05; letter-spacing: -.04em; }
.hs-video p { max-width: 48ch; margin-top: 14px; color: #c8dcf0; font-size: 17px; }
.hs-video__play { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 96px; height: 96px; transform: translate(-50%, -50%); border-radius: 50%; background: #fff; color: var(--hs-navy-700); box-shadow: 0 0 0 0 #36c0f466; animation: hs-pulse 2.4s ease-out infinite; transition: transform .25s; }
.hs-video:hover .hs-video__play { transform: translate(-50%, -50%) scale(1.06); }
.hs-video__play .hs-ico { width: 30px; height: 30px; margin-left: 5px; }
@keyframes hs-pulse { to { box-shadow: 0 0 0 30px #36c0f400; } }

.hs-logos { display: grid; grid-template-columns: 220px 1fr; gap: 32px; align-items: center; margin-top: 64px; }
.hs-logos__label { color: var(--hs-muted); font-size: 14px; font-weight: 600; }
.hs-logos__label strong { display: block; color: var(--hs-ink); font-size: 16px; }
.hs-logos ul { display: flex; flex-wrap: wrap; gap: 10px 36px; align-items: center; justify-content: space-between; }
.hs-logos img { width: auto; max-width: 150px; height: 54px; object-fit: contain; filter: grayscale(1); opacity: .65; transition: filter .3s, opacity .3s; }
.hs-logos li:hover img { filter: none; opacity: 1; }

@media (max-width: 1100px) {
  .hs-split { grid-template-columns: 1fr; gap: 48px; }
  .hs-sticky { position: static; }
  .hs-sticky--photo { min-height: 610px; }
  .hs-sticky__visual { width: min(100%, 460px); }
}
@media (max-width: 700px) {
  .hs-process { padding-top: 88px; }
  .hs-sticky--photo { min-height: 560px; padding: 18px; border-radius: 24px; }
  .hs-sticky--photo::after { inset: 14px; border-radius: 16px; }
  .hs-sticky__content { width: 100%; padding: 24px 20px; border-radius: 18px; }
  .hs-step { grid-template-columns: 44px 1fr; gap: 18px; padding: 28px 0; }
  .hs-step__num { width: 44px; height: 44px; }
  .hs-steps::before, .hs-steps__fill { left: 21px; }
  .hs-step__ico { width: 20px; height: 20px; }
  .hs-video { min-height: 340px; padding: 32px; }
  .hs-logos { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .hs-video__play { animation: none; }
  .hs-steps__fill { transition: none; }
}

/* ===== 4. Sistemas ===== */
.hs-sys { background: var(--hs-white); }
.hs-sys__head { max-width: 820px; margin: 0 auto; text-align: center; }
.hs-sys__head .hs-lead { margin: 18px auto 0; }
.hs-sys__tabs { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-top: 56px; }
.hs-sys-tab { position: relative; display: grid; justify-items: center; gap: 10px; overflow: hidden; padding: 26px 18px 24px; border: 1px solid var(--hs-line); border-radius: 20px; background: #fff; color: var(--hs-ink); text-align: center; transition: transform .25s, border-color .25s, box-shadow .25s, background .25s; }
.hs-sys-tab:hover { transform: translateY(-3px); border-color: #9cdaf4; box-shadow: 0 16px 40px #09284e10; }
.hs-sys-tab__ic { display: grid; place-items: center; width: 64px; height: 64px; padding: 12px; border: 1px solid #cfe7f4; border-radius: 18px; background: var(--hs-tint); transition: background .25s, border-color .25s, transform .25s; }
.hs-sys-tab__ic img { display: block; width: 100%; height: 100%; object-fit: contain; }
.hs-sys-tab strong { font-size: 16px; font-weight: 800; letter-spacing: -.01em; }
.hs-sys-tab__desc { color: var(--hs-muted); font-size: 13px; font-weight: 600; }
.hs-sys-tab[aria-selected="true"] { transform: translateY(-3px); border-color: var(--hs-navy-700); background: var(--hs-navy-700); color: #fff; box-shadow: 0 24px 50px #09284e33; }
.hs-sys-tab[aria-selected="true"] .hs-sys-tab__ic { border-color: #70d5f8; background: #fff; transform: none; }
.hs-sys-tab[aria-selected="true"] .hs-sys-tab__desc { color: #9db8d6; }
.hs-sys-tab__bar { position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: var(--hs-cyan); transform: scaleX(0); transform-origin: left; }
.hs-sys-tab[aria-selected="true"] .hs-sys-tab__bar { animation: hs-fill 7s linear forwards; }
@keyframes hs-fill { to { transform: scaleX(1); } }

.hs-sys__panels { margin-top: 20px; }
.hs-sys-panel { display: none; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 48px; align-items: center; padding: 48px; border-radius: 32px; background: linear-gradient(160deg, var(--hs-tint-2), var(--hs-tint)); }
.hs-sys-panel--erp { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 48px; }
.hs-sys-panel.is-active { display: grid; animation: hs-rise .5s cubic-bezier(.22, 1, .36, 1); }
.hs-sys-panel figure { position: relative; min-width: 0; }
.hs-sys-panel figure::before { content: ""; position: absolute; inset: 12% 6% -4%; border-radius: 50%; background: radial-gradient(ellipse, #36c0f455, transparent 65%); filter: blur(30px); }
.hs-sys-panel figure > img { position: relative; display: block; width: 100%; border-radius: 24px; background: #fff; box-shadow: 0 40px 80px #09284e1f; }
/* ERP: notebook e celular montados em CSS com prints reais, sem fundo, na altura do texto. */
.hs-sys-visual--devices::before { inset: 8% 4% -2%; background: radial-gradient(ellipse, #36c0f466 0, #36c0f426 38%, transparent 70%); filter: blur(34px); }
.hs-sys-visual--devices::after { content: ""; position: absolute; inset: 2% -2% 1% 2%; border: 1px solid #0099de1f; border-radius: 42% 58% 46% 54% / 55% 38% 62% 45%; background-image: linear-gradient(#0099de0c 1px, transparent 1px), linear-gradient(90deg, #0099de0c 1px, transparent 1px); background-size: 28px 28px; -webkit-mask-image: radial-gradient(ellipse, #000 12%, transparent 72%); mask-image: radial-gradient(ellipse, #000 12%, transparent 72%); pointer-events: none; transform: rotate(-3deg); }
/* Composição alta (notebook no topo, celular descendo à direita) para acompanhar a altura do texto. */
.hs-dev { position: relative; z-index: 1; aspect-ratio: .92 / 1; }
.hs-dev__laptop { position: absolute; top: 6%; left: 1%; width: 96%; filter: drop-shadow(0 28px 30px #09284e26); }
.hs-dev__screen { position: relative; padding: 2.15% 2.15% 3%; border: 1px solid #ffffff2e; border-radius: 19px 19px 5px 5px; background: linear-gradient(145deg, #253342 0, #101923 42%, #070c12 100%); box-shadow: inset 0 0 0 1px #05090d, inset 0 1px 0 #ffffff2e; }
.hs-dev__screen::before { content: ""; position: absolute; z-index: 2; top: .75%; left: 50%; width: 5px; height: 5px; border: 1px solid #526071; border-radius: 50%; background: #111923; box-shadow: 0 0 0 2px #090e15; transform: translateX(-50%); }
.hs-dev__screen::after { display: none; }
.hs-sys-panel .hs-dev__screen img { display: block; width: 100%; height: auto; object-fit: contain; object-position: left top; border-radius: 3px; background: #fff; box-shadow: none; }
.hs-dev__base { position: relative; width: 114%; height: 0; margin-left: -7%; padding-bottom: 4.2%; border-radius: 1px 1px 22px 22px / 1px 1px 60px 60px; background: linear-gradient(180deg, #f4f7fa 0, #d4dbe3 32%, #a9b3bf 68%, #808b98 100%); box-shadow: inset 0 1px #fff, 0 5px 5px #09284e18; }
.hs-dev__base::before { content: ""; position: absolute; top: 0; left: 50%; width: 17%; height: 44%; border-radius: 0 0 10px 10px; background: linear-gradient(180deg, #aeb8c3, #dce2e8); box-shadow: inset 0 1px #8e99a5; transform: translateX(-50%); }
.hs-dev__base::after { content: ""; position: absolute; right: 3%; bottom: 9%; left: 3%; height: 1px; background: #6d78844d; }
.hs-dev__phone { position: absolute; z-index: 3; right: -1%; bottom: 1%; width: 33%; padding: 2.35%; border: 1px solid #5e6875; border-radius: 36px; background: linear-gradient(145deg, #26313d, #080c12 56%, #151d27); box-shadow: 0 30px 52px #09284e3d, inset 0 0 0 2px #05080c, inset 0 1px 1px #ffffff45; }
.hs-dev__phone::before { content: ""; position: absolute; z-index: 2; top: 3.2%; left: 50%; width: 31%; height: 2.6%; border-radius: 999px; background: #070b10; box-shadow: 0 1px #26303b; transform: translateX(-50%); }
.hs-dev__phone::after { display: none; }
.hs-sys-panel .hs-dev__phone img { display: block; width: 100%; aspect-ratio: 388 / 860; object-fit: cover; border-radius: 26px; background: #fff; box-shadow: none; }
.hs-sys-panel--erp .hs-dev__phone { right: 0; width: 34%; }
.hs-dev__stat { position: absolute; z-index: 4; left: 0; bottom: 15%; display: grid; gap: 4px; min-width: 210px; padding: 16px 20px; border: 1px solid #d6eaf5; border-radius: 17px; background: #fff; box-shadow: 0 22px 50px #09284e26, inset 0 1px #fff; }
.hs-dev__stat em { color: var(--hs-muted); font-size: 11px; font-style: normal; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.hs-dev__stat strong { color: var(--hs-ink); font-size: 26px; font-weight: 800; line-height: 1.1; letter-spacing: -.02em; }
.hs-dev__stat span { display: flex; gap: 14px; font-size: 12px; font-weight: 700; }
.hs-dev__stat .is-in { color: #0f9d58; }
.hs-dev__stat .is-out { color: #d93b5b; }
.hs-sys-panel--food .hs-dev__screen { padding: 3.1%; }
.hs-sys-panel--food .hs-dev__screen img { width: 101.85%; max-width: none; clip-path: inset(0 1.82% 0 0); }
.hs-sys-panel--food .hs-dev__phone { right: 0; width: 37%; padding: 2.6%; }
.hs-sys-panel--food .hs-dev__phone::before { display: none; }
.hs-sys-panel--food .hs-dev__phone img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; object-position: center; }
.hs-sys-panel--teklyn .hs-dev__laptop { width: 94%; }
.hs-sys-panel--teklyn .hs-dev__phone { right: -1%; width: 31%; padding: 2.45%; }
.hs-sys-panel--teklyn .hs-dev__phone img { height: auto; aspect-ratio: 330 / 682; object-fit: contain; object-position: center top; }
@media (min-width: 1101px) {
  .hs-sys-panel--food .hs-dev__stat { bottom: 4%; }
}
@media (max-width: 1100px) {
  .hs-sys-panel--food .hs-dev__phone { width: 34%; }
}
/* PDV: só desktop. Monitor de caixa com pé e cupom impresso ao lado (itens e total do print da venda). */
.hs-dev--receipt .hs-dev__laptop { width: 80%; }
.hs-dev--receipt .hs-dev__screen { padding: 2.4%; border-radius: 18px; }
.hs-dev--receipt .hs-dev__screen::before { display: none; }
.hs-sys-panel .hs-dev--receipt .hs-dev__screen img { aspect-ratio: 791 / 586; object-position: center; border-radius: 6px; }
.hs-dev--receipt .hs-dev__base { width: 14%; margin: 0 auto; padding-bottom: 14%; border-radius: 0; background: linear-gradient(90deg, #9aa4b1, #dfe5eb 50%, #9aa4b1); }
.hs-dev--receipt .hs-dev__base::before { top: auto; bottom: -4px; left: 50%; width: 360%; height: 14px; border-radius: 999px; background: linear-gradient(180deg, #d5dce3, #9aa4b1); transform: translateX(-50%); }
.hs-dev__receipt { position: absolute; right: 2%; bottom: 10%; width: 38%; filter: drop-shadow(0 26px 34px #09284e33); }
.hs-dev__receipt-paper { display: grid; gap: 8px; padding: 16px 14px 28px; background: #fffdf6; color: #1f2a37; font: 700 11px/1.4 "Courier New", Courier, monospace; -webkit-mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / 14px 100%; mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / 14px 100%; }
.hs-dev__receipt-paper > strong { font-size: 13px; letter-spacing: .08em; text-align: center; }
.hs-dev__receipt-paper > em { padding-bottom: 8px; border-bottom: 1px dashed #b8c2cc; color: #5b6b7c; font-style: normal; text-align: center; }
.hs-dev__receipt-paper ul { display: grid; gap: 6px; padding-bottom: 8px; border-bottom: 1px dashed #b8c2cc; }
.hs-dev__receipt-paper li { display: flex; justify-content: space-between; gap: 8px; }
.hs-dev__receipt-paper li small { display: block; color: #5b6b7c; font-size: 10px; font-weight: 600; }
.hs-dev__receipt-total { display: flex; justify-content: space-between; font-size: 14px; font-weight: 800; }
.hs-dev__receipt-pay { display: flex; align-items: center; gap: 8px; }
.hs-dev__receipt-pay i { color: #1f2a37; font-size: 26px; }
.hs-dev__receipt-pay small { display: block; color: #5b6b7c; font-size: 10px; font-weight: 600; }
@media (min-width: 1101px) {
  /* O cupom sobrepõe só o pé do monitor, sem esconder a fileira de atalhos da tela. */
  .hs-dev--receipt .hs-dev__stat { bottom: 4%; }
  .hs-dev__receipt { bottom: 3%; }
}
@media (max-width: 1100px) {
  .hs-dev.hs-dev--receipt { aspect-ratio: 1.15 / 1; }
  .hs-dev--receipt .hs-dev__laptop { width: 66%; }
  .hs-dev__receipt { width: 32%; bottom: 3%; }
}
@media (max-width: 700px) {
  /* No celular o cupom fica só com a marca e o total. */
  .hs-dev__receipt ul, .hs-dev__receipt-pay, .hs-dev__receipt-paper > em { display: none; }
  .hs-dev__receipt-paper { gap: 4px; padding: 8px 8px 16px; font-size: 8px; }
  .hs-dev__receipt-paper > strong { font-size: 9px; }
  .hs-dev__receipt-total { flex-wrap: wrap; gap: 2px 6px; font-size: 10px; }
}
@media (max-width: 1100px) {
  /* Em coluna única a composição alta sobra na vertical: volta a ser larga, com o card no canto. */
  .hs-dev { aspect-ratio: 1.28 / 1; }
  .hs-dev__laptop { width: 90%; }
  .hs-dev__phone { width: 26%; }
  .hs-sys-panel--erp .hs-dev__phone { right: 0; width: 29%; }
  .hs-dev__stat { bottom: 3%; }
}
@media (max-width: 700px) {
  .hs-dev__stat { display: none; }
  .hs-dev__screen { border-radius: 10px 10px 3px 3px; }
  .hs-dev__phone { border-radius: 18px; }
  .hs-sys-panel--erp .hs-dev__phone { width: 27%; }
  .hs-sys-panel--food .hs-dev__phone { width: 32%; }
  .hs-sys-panel .hs-dev__phone img { border-radius: 12px; }
}
.hs-sys-screen { position: relative; overflow: hidden; padding: 0 10px 10px; border: 1px solid #cfe1ec; border-radius: 22px; background: #e8f1f7; box-shadow: 0 36px 72px #09284e26; transform: perspective(1200px) rotateY(2deg) rotateX(1deg); transform-origin: center; }
.hs-sys-screen__bar { position: relative; z-index: 2; display: flex; align-items: center; gap: 7px; min-height: 38px; padding: 0 8px; color: #68839c; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.hs-sys-screen__bar i { width: 8px; height: 8px; border-radius: 50%; background: #b5cad8; }
.hs-sys-screen__bar i:first-child { background: #ff8f86; }
.hs-sys-screen__bar i:nth-child(2) { background: #ffc761; }
.hs-sys-screen__bar i:nth-child(3) { background: #63d39a; }
.hs-sys-screen__bar span { margin-left: auto; }
.hs-sys-panel .hs-sys-screen img { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: center top; border-radius: 12px; background: #fff; box-shadow: none; }
.hs-sys-visual--product { display: grid; place-items: center; min-height: 430px; padding: 24px; border: 1px solid #dcebf4; border-radius: 26px; background: linear-gradient(145deg, #fff, #edf7fc); }
.hs-sys-visual--product > img { max-height: 430px; object-fit: contain; background: transparent; box-shadow: none; }
/* Sistemas personalizados: foto horizontal em preenchimento total, sem moldura interna. */
.hs-sys-visual--photo { min-height: 430px; overflow: hidden; border-radius: 26px; box-shadow: 0 40px 80px #09284e1f; }
.hs-sys-panel .hs-sys-visual--photo > img { width: 100%; height: 430px; object-fit: cover; object-position: center; border-radius: inherit; box-shadow: none; }
.hs-sys-panel__body { display: grid; gap: 16px; align-content: center; }
.hs-sys-panel h3 { font-size: clamp(28px, 2.6vw, 38px); font-weight: 800; line-height: 1.1; letter-spacing: -.035em; }
.hs-sys-panel p { color: var(--hs-muted); font-size: 17px; line-height: 1.7; }
.hs-feats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 6px; }
.hs-feat { display: flex; align-items: center; gap: 10px; padding: 13px 14px; border-radius: 12px; background: #fff; box-shadow: 0 6px 18px #09284e0a; font-size: 14.5px; font-weight: 700; }
.hs-feat .hs-ico { width: 18px; height: 18px; color: var(--hs-cyan-deep); }
.hs-feat > i { flex-shrink: 0; width: 20px; color: var(--hs-cyan-deep); font-size: 15px; text-align: center; }
.hs-sys-panel__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 16px; }
/* Botões dos sistemas: principal em degradê com brilho e pulso; secundário com contorno navy. */
.hs-sys-panel__actions .hs-btn { position: relative; overflow: hidden; min-height: 58px; padding: 18px 30px; border-radius: 16px; font-size: 16px; font-weight: 600; letter-spacing: .01em; }
.hs-sys-panel__actions .hs-btn > i { font-size: 17px; }
.hs-sys-panel__actions .hs-btn .hs-ico { width: 18px; height: 18px; transition: transform .25s; }
.hs-sys-panel__actions .hs-btn:hover .hs-ico { transform: translateX(4px); }
/* Azul firme e sombra curta para o texto ficar nítido; o brilho passa só no hover. */
.hs-sys-panel__actions .hs-btn--cyan { background: linear-gradient(135deg, #079bdc 0%, #0877c0 100%); color: #fff; box-shadow: 0 8px 18px #0877c040; transition: transform .2s, box-shadow .2s, background .2s; }
.hs-sys-panel__actions .hs-btn--cyan::after { content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(100deg, transparent, #ffffff40, transparent); transform: skewX(-20deg); pointer-events: none; }
.hs-sys-panel__actions .hs-btn--cyan:hover { background: linear-gradient(135deg, #0877c0 0%, #09284e 100%); color: #fff; box-shadow: 0 12px 24px #0877c052; }
.hs-sys-panel__actions .hs-btn--cyan:hover::after { animation: hs-sys-cta-shine .8s ease-out; }
.hs-sys-panel__actions .hs-btn--ghost { border: 2px solid var(--hs-navy-700); background: #fff; color: var(--hs-navy-700); box-shadow: 0 10px 24px #09284e14; }
.hs-sys-panel__actions .hs-btn--ghost:hover { background: var(--hs-navy-700); color: #fff; }
@keyframes hs-sys-cta-shine { 0%, 55% { left: -60%; } 100% { left: 130%; } }
@keyframes hs-sys-cta-pulse { 0%, 100% { box-shadow: 0 16px 34px #079bdc55, 0 0 0 0 #36c0f466; } 50% { box-shadow: 0 16px 34px #079bdc55, 0 0 0 9px #36c0f400; } }
@media (max-width: 700px) {
  /* Botões em largura total no celular, sem quebrar o texto em duas linhas. */
  .hs-sys-panel__actions .hs-btn { justify-content: center; gap: 8px; width: 100%; padding: 16px 18px; font-size: 15px; white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
  .hs-sys-panel__actions .hs-btn--cyan, .hs-sys-panel__actions .hs-btn--cyan::after { animation: none; }
}

/* Numeração das abas e entrada em cascata do painel ativo. */
.hs-sys-tab__num { position: absolute; top: 14px; left: 16px; color: #9bb3c8; font-size: 11px; font-weight: 800; letter-spacing: .08em; transition: color .25s; }
.hs-sys-tab[aria-selected="true"] .hs-sys-tab__num { color: var(--hs-cyan); }
.hs-sys-panel { position: relative; overflow: hidden; isolation: isolate; }
.hs-sys-panel::after { content: ""; position: absolute; z-index: -1; right: -160px; bottom: -220px; width: 520px; height: 520px; border: 1px solid #0aa5e524; border-radius: 50%; box-shadow: 0 0 0 70px #ffffff38; pointer-events: none; }
.hs-sys-panel.is-active .hs-sys-panel__body > * { animation: hs-sys-body-in .6s cubic-bezier(.22, 1, .36, 1) both; }
.hs-sys-panel.is-active .hs-sys-panel__body > :nth-child(2) { animation-delay: .06s; }
.hs-sys-panel.is-active .hs-sys-panel__body > :nth-child(3) { animation-delay: .12s; }
.hs-sys-panel.is-active .hs-sys-panel__body > :nth-child(4) { animation-delay: .18s; }
.hs-sys-panel.is-active .hs-sys-panel__body > :nth-child(5) { animation-delay: .24s; }
.hs-sys-panel.is-active .hs-sys-panel__body > :nth-child(6) { animation-delay: .3s; }
@keyframes hs-sys-body-in { from { opacity: 0; transform: translate3d(0, 14px, 0); } to { opacity: 1; transform: none; } }

/* Faixa de destaques do sistema. */
.hs-sys-highs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 4px; }
.hs-sys-highs li { display: grid; justify-items: center; align-content: start; gap: 10px; padding: 16px 10px; border: 1px solid #d6eaf5; border-radius: 14px; background: #fff; box-shadow: 0 6px 18px #09284e0a; text-align: center; transition: transform .25s, border-color .25s, box-shadow .25s; }
.hs-sys-highs li:hover { transform: translateY(-3px); border-color: #9cdaf4; box-shadow: 0 14px 30px #09284e14; }
.hs-sys-highs i { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--hs-tint); color: var(--hs-cyan-deep); font-size: 20px; }
.hs-sys-highs span { color: var(--hs-ink); font-size: 13px; font-weight: 800; line-height: 1.3; }

/* Teklyn: tela ilustrativa em HTML, nas cores da marca. */
.hs-tk { --tk-navy: #001b4e; --tk-blue: #0797f2; --tk-cyan: #05c3e8; position: relative; padding: 7% 5%; }
.hs-tk__window { position: relative; overflow: hidden; border: 1px solid #e3edf5; border-radius: 22px; background: #fff; box-shadow: 0 40px 80px #09284e1f; }
.hs-tk__bar { display: flex; align-items: center; gap: 6px; padding: 12px 16px; border-bottom: 1px solid #e8f0f6; }
.hs-tk__bar i { width: 8px; height: 8px; border-radius: 50%; background: #d7e3ee; }
.hs-sys-panel .hs-tk__bar img { width: auto; height: 22px; margin-left: auto; border-radius: 0; background: none; box-shadow: none; }
.hs-tk__body { display: grid; grid-template-columns: minmax(0, 38%) minmax(0, 1fr); min-height: 318px; }
.hs-tk__list { display: grid; align-content: start; gap: 6px; padding: 14px 10px; border-right: 1px solid #e8f0f6; background: #f5f9fc; }
.hs-tk__label { padding: 0 6px 4px; color: #7d93a8; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.hs-tk__conv { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 8px; border-radius: 12px; }
.hs-tk__conv.is-on { background: #fff; box-shadow: 0 6px 16px #09284e12; }
.hs-tk__conv b { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #e3f1fa; color: var(--tk-blue); font-size: 10px; font-weight: 800; }
.hs-tk__conv span { display: grid; min-width: 0; }
.hs-tk__conv strong { overflow: hidden; color: var(--tk-navy); font-size: 11.5px; font-weight: 800; white-space: nowrap; text-overflow: ellipsis; }
.hs-tk__conv em { color: #7d93a8; font-size: 10px; font-style: normal; font-weight: 600; }
.hs-tk__conv i { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: var(--tk-cyan); color: #fff; font-size: 9px; font-style: normal; font-weight: 800; }
.hs-tk__chat { display: flex; flex-direction: column; gap: 10px; padding: 18px 16px; background: radial-gradient(circle at 80% 10%, #e4f5fc 0, transparent 45%), #f9fcfe; }
.hs-tk__msg { align-self: flex-start; max-width: 84%; padding: 9px 12px; border: 1px solid #e3edf4; border-radius: 14px 14px 14px 4px; background: #fff; color: #24405c; font-size: 12px; font-weight: 500; line-height: 1.4; }
.hs-tk__msg--me { align-self: flex-end; border: 0; border-radius: 14px 14px 4px 14px; background: linear-gradient(135deg, var(--tk-blue), #1263f7); color: #fff; }
.hs-tk__invoice { align-self: flex-end; display: grid; gap: 2px; width: min(66%, 220px); padding: 12px 14px; border-radius: 14px; background: var(--tk-navy); color: #fff; }
.hs-tk__invoice em { color: #9fc6e6; font-size: 10px; font-style: normal; font-weight: 600; }
.hs-tk__invoice strong { font-size: 20px; font-weight: 800; letter-spacing: -.02em; }
.hs-tk__invoice span { justify-self: start; margin-top: 4px; padding: 3px 8px; border-radius: 999px; background: #05c3e833; color: #7fe3f7; font-size: 10px; font-weight: 700; }
.hs-tk__float { position: absolute; display: grid; gap: 2px; padding: 10px 14px; border-radius: 14px; background: #fff; box-shadow: 0 18px 40px #09284e24; animation: hs-tk-float 5s ease-in-out infinite alternate; }
.hs-tk__float em { color: #7d93a8; font-size: 10.5px; font-style: normal; font-weight: 600; }
.hs-tk__float--rating { left: 0; bottom: 9%; }
.hs-tk__float--rating .hs-stars { color: #f5b301; font-size: 13px; letter-spacing: 1px; }
/* O certificado flutua sobre a borda da janela, à esquerda da logo, sem cobrir as mensagens. */
.hs-tk__float--cert { top: 0; right: 22%; border-left: 3px solid var(--tk-cyan); animation-delay: -2.5s; }
.hs-tk__float--cert strong { color: var(--tk-navy); font-size: 12px; font-weight: 800; }
@keyframes hs-tk-float { to { transform: translate3d(0, -8px, 0); } }

@media (max-width: 1100px) {
  .hs-sys__tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hs-sys-panel, .hs-sys-panel--erp { grid-template-columns: 1fr; padding: 32px; }
  .hs-sys-visual { max-width: 720px; margin-inline: auto; }
}
@media (max-width: 700px) {
  .hs-sys__tabs { grid-template-columns: 1fr 1fr; }
  .hs-sys-tab:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .hs-feats { grid-template-columns: 1fr; }
  .hs-sys-panel { padding: 22px; }
  .hs-sys-tab__ic { width: 56px; height: 56px; }
  .hs-sys-visual--product { min-height: 300px; padding: 12px; }
  .hs-sys-visual--photo { min-height: 300px; }
  .hs-sys-panel .hs-sys-visual--photo > img { height: 300px; }
  .hs-sys-highs { grid-template-columns: 1fr 1fr; }
  /* No celular os cards flutuantes saem de cima das mensagens: um acima e outro abaixo da janela. */
  .hs-tk { padding: 44px 0 56px; }
  .hs-tk__body { grid-template-columns: 1fr; min-height: 0; }
  .hs-tk__list { display: none; }
  .hs-tk__float { padding: 8px 11px; }
  .hs-tk__float--cert { top: 0; right: 0; }
  .hs-tk__float--rating { bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hs-sys-tab[aria-selected="true"] .hs-sys-tab__bar { animation: none; transform: scaleX(1); }
  .hs-sys-panel.is-active, .hs-sys-panel.is-active .hs-sys-panel__body > *, .hs-tk__float { animation: none; }
}

/* ===== 2. Segmentos: carrossel sincronizado com o título ===== */
.hs--segments-second { overflow: hidden; }

/* Ponte: a chamada fica metade sobre o fundo dos Segmentos e metade sobre o branco de Como trabalhamos. */
.hs-bridge { z-index: 3; background: linear-gradient(180deg, var(--hs-tint-2) 50%, var(--hs-white) 50%); }
.hs--segments-second .hs-seg { padding-bottom: 64px; }
.hs-bridge + .hs .hs-sys { padding-top: 72px; }
/* Sistemas e Depoimentos ficam em sequência: recuos menores para não somar um vão grande entre as duas. */
.hs .hs-sys { padding-bottom: 64px; }
.hs .hs-testi { padding-top: 80px; }
@media (max-width: 700px) {
  .hs .hs-sys { padding-bottom: 48px; }
  .hs .hs-testi { padding-top: 64px; }
}
.hs-bridge .trust-section__cta-copy p { margin-top: 5px; }
.hs-bridge .trust-section__cta-button { color: #08284c; }
.hs-bridge .trust-section__cta-button:hover { color: #08284c; }
.hs-seg { position: relative; overflow: hidden; padding: 104px 0 96px; background: radial-gradient(circle at 86% 8%, #cbeefe 0, transparent 28%), var(--hs-tint-2); }
.hs-seg::before, .hs-seg::after { content: ""; position: absolute; border: 1px solid #0aa5e51f; border-radius: 50%; pointer-events: none; }
.hs-seg::before { top: -190px; right: -100px; width: 430px; height: 430px; }
.hs-seg::after { bottom: -170px; left: 8%; width: 300px; height: 300px; }
.hs-seg .hs-container { position: relative; z-index: 1; }
.hs-seg__head { max-width: 1220px; margin: 0 auto 46px; text-align: center; }
.hs-seg__head .hs-eyebrow { margin-bottom: 16px; }
.hs-seg__head .hs-h2 { font-size: clamp(28px, 2.7vw, 42px); line-height: 1.2; letter-spacing: -.03em; }
.hs-seg__head .hs-h2 em { display: inline; white-space: nowrap; }
/* A palavra digitada segue na mesma linha da frase. */
.hs-seg__typing { display: inline; }
.hs-seg__caret { display: inline-block; width: 3px; height: .88em; margin-left: 5px; border-radius: 2px; background: var(--hs-cyan-deep); vertical-align: -.08em; animation: hs-seg-caret .75s steps(1) infinite; }
@keyframes hs-seg-caret { 50% { opacity: 0; } }

.hs-seg__viewport { overflow: hidden; margin-inline: -7px; padding: 14px 7px 26px; }
.hs-seg__track { --hs-seg-visible: 4; --hs-seg-gap: 18px; display: flex; gap: var(--hs-seg-gap); transition: transform .62s cubic-bezier(.22, 1, .36, 1); will-change: transform; }
.hs-seg-card { position: relative; display: flex; flex: 0 0 calc((100% - (var(--hs-seg-visible) - 1) * var(--hs-seg-gap)) / var(--hs-seg-visible)); min-width: 0; min-height: 340px; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 7px; overflow: hidden; padding: 22px; border: 4px solid transparent; border-radius: 24px; background: var(--hs-navy-800); color: #fff; text-align: left; box-shadow: 0 10px 34px #09284e14; isolation: isolate; transition: border-color .5s, box-shadow .5s; }
.hs .hs-seg-card__photo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; filter: saturate(.65) brightness(.78); transform: scale(1); transition: transform .95s cubic-bezier(.22, 1, .36, 1), filter .65s ease; }
.hs-seg-card::before, .hs-seg-card::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.hs-seg-card::before { background: linear-gradient(180deg, #04132300 15%, #04132335 40%, #041323d9 100%); }
/* Véu extra do card aberto, para o texto longo continuar legível sobre a foto. */
.hs-seg-card::after { background: linear-gradient(180deg, #04132300 10%, #041323a6 52%, #041323f2 100%); opacity: 0; transition: opacity .55s ease; }
.hs-seg-card__select { position: absolute; inset: 0; z-index: 1; padding: 0; border: 0; border-radius: 20px; background: transparent; }
.hs .hs-seg-card__select:focus-visible { outline-offset: -7px; }
.hs-seg-card strong { position: relative; color: #fff; font-size: clamp(20px, 1.55vw, 25px); font-weight: 800; line-height: 1.15; letter-spacing: -.025em; text-shadow: 0 2px 10px #0006; }
.hs-seg-card__intro { position: relative; color: #e2edf5; font-size: 12px; font-weight: 500; line-height: 1.4; }
.hs-seg-card__more { display: grid; grid-template-rows: 0fr; width: 100%; opacity: 0; visibility: hidden; transition: grid-template-rows .55s cubic-bezier(.22, 1, .36, 1), opacity .25s ease, visibility 0s .55s; }
.hs-seg-card__more-inner { display: grid; justify-items: start; gap: 14px; min-height: 0; overflow: hidden; margin: -4px; padding: 4px; }
.hs-seg-card__more p { padding-top: 6px; color: #d9e6f0; font-size: 14px; line-height: 1.5; }
.hs-seg-card.is-active { border-color: var(--hs-cyan); box-shadow: 0 0 0 4px #36c0f438, 0 16px 26px #079bdc38; }
.hs-seg-card.is-active::after { opacity: 1; }
.hs-seg-card.is-active .hs-seg-card__photo { filter: saturate(1.12) brightness(1.06); transform: scale(1.1); }
.hs-seg-card.is-active .hs-seg-card__more { grid-template-rows: 1fr; opacity: 1; visibility: visible; transition: grid-template-rows .55s cubic-bezier(.22, 1, .36, 1), opacity .45s .12s ease, visibility 0s; }

.hs-seg__nav { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 4px; }
.hs-seg__arrow { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #b7d7e8; border-radius: 50%; background: #fff; color: var(--hs-ink); transition: color .2s, background .2s, border-color .2s; }
.hs-seg__arrow:hover { border-color: var(--hs-navy-700); background: var(--hs-navy-700); color: #fff; }
.hs-seg__arrow .hs-ico { width: 18px; height: 18px; transform: rotate(180deg); }
.hs-seg__arrow--next .hs-ico { transform: none; }
.hs-seg__dots { display: flex; align-items: center; gap: 8px; }
.hs-seg__dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #b5cddd; transition: width .25s, border-radius .25s, background .25s; }
.hs-seg__dot.is-active { width: 28px; border-radius: 8px; background: var(--hs-cyan-deep); }

/* Entrada dos Segmentos: mesmo movimento da jornada, com título, cards e navegação em sequência. */
.hs-seg.hs-seg-entrance-ready .hs-seg__head > *,
.hs-seg.hs-seg-entrance-ready .hs-seg-card,
.hs-seg.hs-seg-entrance-ready .hs-seg__nav { opacity: 0; transform: translate3d(0, 22px, 0); }
.hs-seg.hs-seg-entrance-ready.hs-seg-entrance-revealed .hs-seg__head > * { animation: hs-process-card-in .64s cubic-bezier(.22, 1, .36, 1) var(--hs-seg-delay, 0ms) both; }
.hs-seg.hs-seg-entrance-ready.hs-seg-entrance-revealed .hs-seg-card { animation: hs-process-card-in .62s cubic-bezier(.22, 1, .36, 1) var(--hs-seg-delay, 260ms) both; }
.hs-seg.hs-seg-entrance-ready.hs-seg-entrance-revealed .hs-seg__nav { animation: hs-process-card-in .5s cubic-bezier(.22, 1, .36, 1) .7s both; }

/* Entrada genérica das seções de baixo (Depoimentos, Sites, Fale conosco, FAQ, Blog).
   O JS marca os blocos com data-hs-reveal-item; só elementos sem animação ou transform próprios. */
.hs-reveal-ready [data-hs-reveal-item] { opacity: 0; transform: translate3d(0, 22px, 0); }
.hs-reveal-ready [data-hs-reveal-item="left"] { transform: translate3d(-28px, 0, 0) scale(.985); }
.hs-reveal-ready [data-hs-reveal-item].is-revealed { animation: hs-process-card-in .64s cubic-bezier(.22, 1, .36, 1) var(--hs-reveal-delay, 0ms) both; }
.hs-reveal-ready [data-hs-reveal-item="left"].is-revealed { animation-name: hs-process-photo-in; animation-duration: .78s; }
.hs-reveal-ready [data-hs-reveal-item="right"] { transform: translate3d(28px, 0, 0) scale(.985); }
.hs-reveal-ready [data-hs-reveal-item="right"].is-revealed { animation-name: hs-reveal-right-in; animation-duration: .78s; }
.hs-reveal-ready [data-hs-reveal-item="zoom"] { transform: translate3d(0, 16px, 0) scale(.94); }
.hs-reveal-ready [data-hs-reveal-item="zoom"].is-revealed { animation-name: hs-reveal-zoom-in; animation-duration: .6s; }
@keyframes hs-reveal-right-in { from { opacity: 0; transform: translate3d(28px, 0, 0) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes hs-reveal-zoom-in { from { opacity: 0; transform: translate3d(0, 16px, 0) scale(.94); } to { opacity: 1; transform: none; } }
/* Linha do tempo: ponto acende quando o card entra */
.hs-reveal-ready .ab-tl__item[data-hs-reveal-item] .ab-tl__dot { transform: scale(0); transition: transform .5s cubic-bezier(.34, 1.56, .64, 1) .35s; }
.hs-reveal-ready .ab-tl__item.is-revealed .ab-tl__dot { transform: scale(1); }

/* Entrada de Sistemas: título, abas em sequência e painel ativo (mockup vindo da esquerda, texto subindo). */
.hs-sys.hs-sys-entrance-ready .hs-sys__head > *,
.hs-sys.hs-sys-entrance-ready .hs-sys-tab,
.hs-sys.hs-sys-entrance-ready .hs-sys-panel.is-active .hs-sys-panel__body { opacity: 0; transform: translate3d(0, 22px, 0); }
.hs-sys.hs-sys-entrance-ready .hs-sys-panel.is-active { opacity: 0; transform: translateY(12px); }
.hs-sys.hs-sys-entrance-ready .hs-sys-panel.is-active figure { opacity: 0; transform: translate3d(-28px, 0, 0) scale(.985); }
.hs-sys.hs-sys-entrance-ready.hs-sys-entrance-revealed .hs-sys__head > * { animation: hs-process-card-in .64s cubic-bezier(.22, 1, .36, 1) var(--hs-sys-delay, 0ms) both; }
.hs-sys.hs-sys-entrance-ready.hs-sys-entrance-revealed .hs-sys-tab { animation: hs-process-card-in .6s cubic-bezier(.22, 1, .36, 1) var(--hs-sys-delay, 300ms) both; }
/* Mesmo nome de animação da troca de aba (hs-rise): ao sair a classe de preparo ela não reinicia e o painel não pisca. */
.hs-sys.hs-sys-entrance-ready.hs-sys-entrance-revealed .hs-sys-panel.is-active { animation: hs-rise .6s cubic-bezier(.22, 1, .36, 1) .45s both; }
.hs-sys.hs-sys-entrance-ready.hs-sys-entrance-revealed .hs-sys-panel.is-active figure { animation: hs-process-photo-in .78s cubic-bezier(.22, 1, .36, 1) .56s both; }
.hs-sys.hs-sys-entrance-ready.hs-sys-entrance-revealed .hs-sys-panel.is-active .hs-sys-panel__body { animation: hs-process-card-in .64s cubic-bezier(.22, 1, .36, 1) .7s both; }

@media (max-width: 1199px) {
  .hs-seg__track { --hs-seg-visible: 3; }
}
@media (max-width: 991px) {
  .hs-seg__track { --hs-seg-visible: 2; }
  .hs-seg-card { min-height: 360px; }
}
@media (max-width: 575px) {
  .hs-seg { padding: 78px 0 72px; }
  .hs-seg__head { margin-bottom: 32px; text-align: left; }
  .hs-seg__head .hs-h2 { font-size: 26px; }
  .hs-seg__track { --hs-seg-visible: 1; --hs-seg-gap: 14px; }
  .hs-seg-card { min-height: 320px; }
  .hs-seg__nav { gap: 10px; }
  .hs-seg__dots { gap: 5px; }
  .hs-seg__arrow { width: 38px; height: 38px; flex-shrink: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hs-seg__track { transition: none; }
  .hs-seg__caret { animation: none; }
  .hs .hs-seg-card__photo { transition: none; }
  .hs-seg-card, .hs-seg-card::after, .hs-seg-card__more, .hs-seg-card.is-active .hs-seg-card__more { transition: none; }
}

/* ===== 6. Sites entregues: carrossel com prints grandes ===== */
.hs-sites { position: relative; overflow: hidden; background: radial-gradient(ellipse at 90% 10%, #36c0f42e 0, transparent 50%), linear-gradient(160deg, var(--hs-tint), var(--hs-tint-2)); }
.hs-sites .hs-container { position: relative; }
.hs-sites__lead { margin-top: 18px; }

.hs-sites-carousel { margin-top: 52px; }
/* .hs ul zera margens e lista: prefixo .hs para ganhar especificidade. */
.hs .hs-sites-track { --hs-sites-gap: 24px; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 2 * var(--hs-sites-gap)) / 3); gap: var(--hs-sites-gap); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-behavior: smooth; scroll-padding-inline: 24px; background: transparent; scrollbar-width: none;
  /* Folga para a sombra dos cards não ser cortada pelas bordas do trilho (a margem negativa compensa). */
  margin: 0 -24px -40px; padding: 8px 24px 56px;
  padding-left: 24px !important; /* o template força ul { padding-left: 0 !important } */ }
.hs-sites-track::-webkit-scrollbar { display: none; }
.hs-sites-track > li { scroll-snap-align: start; min-width: 0; }

/* Card: só o print, com nome e segmento sobre um degradê escuro. */
.hs-site-card { position: relative; display: block; overflow: hidden; border-radius: 18px; background: var(--hs-navy-800); box-shadow: 0 18px 40px #09284e26; isolation: isolate; }
.hs-sites .hs-site-card img { width: 100%; aspect-ratio: 16 / 11; object-fit: cover; object-position: top; transition: transform .6s cubic-bezier(.22, 1, .36, 1); }
.hs-site-card::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, #0b254900 42%, #0b2549b3 72%, #082340f2 100%); pointer-events: none; }
.hs-site-card__meta { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: grid; gap: 4px; padding: 22px 24px; color: #fff; }
.hs-site-card__meta em { color: var(--hs-cyan); font-size: 11.5px; font-style: normal; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.hs-site-card__meta strong { font-size: 20px; font-weight: 800; line-height: 1.25; letter-spacing: -.015em; }
.hs-site-card__meta small { display: inline-flex; align-items: center; gap: 6px; color: #c6d8ea; font-size: 13px; }
.hs-site-card__meta small .hs-ico { width: 15px; height: 15px; transition: transform .25s; }
.hs-site-card:hover img { transform: scale(1.04); }
.hs-site-card:hover .hs-site-card__meta small .hs-ico { transform: translateX(4px); }

.hs-sites-nav { position: relative; display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 8px; }
/* Setas bem visíveis: azul-marinho sólido; desativada vira contorno, sem sumir. */
.hs-sites-nav__btn { display: grid; place-items: center; width: 54px; height: 54px; padding: 0; border: 2px solid var(--hs-navy-700); border-radius: 50%; background: var(--hs-navy-700); color: #fff; box-shadow: 0 10px 22px #09284e33; transition: background .2s, color .2s, border-color .2s, box-shadow .2s, transform .2s; }
.hs-sites-nav__btn .hs-ico { width: 22px; height: 22px; stroke-width: 2.4; transform: rotate(180deg); }
.hs-sites-nav__btn--next .hs-ico { transform: none; }
.hs-sites-nav__btn:hover:not(:disabled) { border-color: var(--hs-cyan-deep); background: var(--hs-cyan-deep); transform: translateY(-2px); box-shadow: 0 14px 28px #079bdc4d; }
.hs-sites-nav__btn:disabled { border-color: #9fbdd3; background: #ffffffb3; color: #7f9bb3; box-shadow: none; cursor: default; }

@media (max-width: 1100px) {
  .hs .hs-sites-track { grid-auto-columns: calc((100% - var(--hs-sites-gap)) / 2); }
}
@media (max-width: 700px) {
  /* Celular: um card e a ponta do próximo, arrastando com o dedo. */
  .hs-sites-carousel { margin-top: 36px; }
  .hs .hs-sites-track { --hs-sites-gap: 14px; grid-auto-columns: 84%; }
  .hs-site-card__meta { padding: 16px 18px; }
  .hs-site-card__meta strong { font-size: 17px; }
  /* Card mais baixo: o degradê começa mais cedo para o texto não brigar com o print. */
  .hs-site-card::after { background: linear-gradient(180deg, #0b254900 22%, #0b2549d9 58%, #082340 100%); }
  .hs-sites .hs-site-card img { aspect-ratio: 4 / 3.4; }
}
@media (prefers-reduced-motion: reduce) {
  .hs .hs-sites-track { scroll-behavior: auto; }
  .hs-sites .hs-site-card img, .hs-site-card__meta small .hs-ico { transition: none; }
}

/* ===== 7. Depoimentos ===== */
.hs-testi { background: var(--hs-tint-2); }
.hs-rating { display: inline-flex; align-items: center; gap: 12px; padding: 12px 18px; border-radius: 12px; background: #fff; box-shadow: 0 10px 30px #09284e0a; font-size: 15px; font-weight: 800; }
.hs-rating small { color: var(--hs-muted); font-size: 13px; font-weight: 600; }
.hs-stars { color: #f5b301; font-size: 15px; letter-spacing: 1px; }
.hs-testi__layout { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: clamp(28px, 4vw, 62px); align-items: center; margin-top: 56px; }
.hs-video-portrait { position: relative; width: min(100%, 352px); min-height: 620px; justify-self: center; overflow: hidden; border-radius: 28px; background: var(--hs-navy-800); box-shadow: 0 24px 52px #09284e2b; isolation: isolate; }
.hs-video-portrait::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, #09284e10 28%, #061a35cf 100%); pointer-events: none; transition: opacity .3s ease; }
.hs-video-portrait__media { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; object-fit: cover; cursor: pointer; }
.hs-video-portrait__play { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; place-items: center; width: 78px; height: 78px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: var(--hs-navy-700); box-shadow: 0 0 0 15px #ffffff25, 0 18px 36px #04183040; cursor: pointer; transform: translate(-50%, -50%); transition: transform .25s ease, opacity .25s ease; }
.hs-video-portrait__play:hover { transform: translate(-50%, -50%) scale(1.07); }
.hs-video-portrait__play .hs-ico { width: 28px; height: 28px; margin-left: 4px; }
.hs-video-portrait__caption { position: absolute; z-index: 2; right: 28px; bottom: 28px; left: 28px; color: #fff; transition: opacity .25s ease; }
.hs-video-portrait__caption span { display: block; margin-bottom: 10px; color: var(--hs-cyan); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hs-video-portrait__caption strong { display: block; max-width: 13ch; font-size: 29px; font-weight: 800; line-height: 1.08; letter-spacing: -.04em; }
.hs-video-portrait.is-playing::after { opacity: .42; }
.hs-video-portrait.is-playing .hs-video-portrait__play, .hs-video-portrait.is-playing .hs-video-portrait__caption { opacity: 0; pointer-events: none; }
.hs-video-portrait.is-playing:hover .hs-video-portrait__play { opacity: 1; pointer-events: auto; }
.hs-testi__side { display: grid; gap: 18px; }
.hs-testi__intro { max-width: 58ch; margin: 0 0 4px; color: var(--hs-muted); font-size: 17px; line-height: 1.6; }
.hs-testi__quotes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.hs-quote-big { position: relative; display: grid; gap: 28px; align-content: space-between; overflow: hidden; padding: 56px; border-radius: 32px; background: var(--hs-navy-700); color: #fff; }
.hs-quote-big::before { content: "\201C"; position: absolute; top: -30px; left: 36px; color: #ffffff10; font-size: 240px; font-weight: 800; line-height: 1; }
.hs-quote-big blockquote { position: relative; font-size: clamp(24px, 2.2vw, 32px); font-weight: 700; line-height: 1.35; letter-spacing: -.02em; }
.hs-who { display: flex; align-items: center; gap: 14px; }
.hs-who strong { display: block; }
.hs-who > span:last-child > span { color: #9db8d6; font-size: 14px; font-weight: 600; }
.hs-avatar { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: linear-gradient(135deg, var(--hs-cyan), var(--hs-cyan-deep)); color: var(--hs-navy-900); font-weight: 800; }
.hs-quote-small { display: grid; align-content: start; gap: 13px; min-width: 0; padding: 24px; border: 1px solid #d7eaf4; border-radius: 22px; background: #fff; box-shadow: 0 10px 30px #09284e0a; }
.hs-quote-small blockquote { color: var(--hs-ink); font-size: 14px; font-weight: 500; line-height: 1.55; }
.hs-quote-small__who { display: flex; align-items: center; gap: 11px; padding-top: 3px; color: var(--hs-muted); font-size: 12.5px; font-weight: 700; }
.hs-quote-small__who .hs-avatar { flex: 0 0 40px; width: 40px; height: 40px; font-size: 12px; }
.hs-quote-small__who strong, .hs-quote-small__who > span:last-child > span { display: block; }
.hs-quote-small__who strong { color: var(--hs-ink); font-size: 13.5px; }
.hs-quote-small__who > span:last-child > span { margin-top: 2px; color: var(--hs-cyan-deep); line-height: 1.3; }
.hs-testi__logos { display: block; margin-top: 48px; padding-top: 36px; border-top: 1px solid #c9e7f3; }
.hs-testi__logos .hs-logos__label { margin-bottom: 24px; text-align: center; }
.hs-testi__logos .hs-logos__label strong { font-size: clamp(21px, 2vw, 27px); letter-spacing: -.025em; }
.hs-testi__logos ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.hs-testi__logos li { display: grid; place-items: center; min-width: 0; min-height: 104px; padding: 18px 16px; border: 1px solid #d7eaf4; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px #09284e0a; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.hs-testi__logos li:hover { transform: translateY(-3px); border-color: #9cdaf4; box-shadow: 0 14px 32px #09284e17; }
.hs-testi__logos img { display: block; width: 100%; max-width: 150px; height: 64px; object-fit: contain; filter: none; opacity: 1; }
.hs-testi__logos img.hs-logo--large { max-width: 195px; }
.hs-testi__logos img.hs-logo--wide { max-width: 215px; }

/* Depoimentos em fundo escuro: alterna com Sistemas e Como trabalhamos, que são claras.
   Os cards de logo continuam brancos porque os logos precisam de fundo claro. */
.hs-testi.hs-on-dark { position: relative; overflow: hidden; background: radial-gradient(ellipse at 15% 0%, #1a4f8a55 0, transparent 55%), radial-gradient(ellipse at 90% 100%, #0f6aa033 0, transparent 50%), var(--hs-navy-800); }
.hs-testi.hs-on-dark .hs-rating { border: 1px solid #ffffff1f; background: #ffffff0f; color: #fff; box-shadow: none; }
.hs-testi.hs-on-dark .hs-rating small { color: #9db8d6; }
.hs-testi.hs-on-dark .hs-testi__intro { color: #b8cbe0; }
.hs-testi.hs-on-dark .hs-quote-small { border-color: #ffffff1a; background: #ffffff0a; box-shadow: none; transition: border-color .25s, background .25s; }
.hs-testi.hs-on-dark .hs-quote-small:hover { border-color: #36c0f466; background: #ffffff10; }
.hs-testi.hs-on-dark .hs-quote-small blockquote { color: #e3ecf5; }
.hs-testi.hs-on-dark .hs-quote-small__who strong { color: #fff; }
.hs-testi.hs-on-dark .hs-quote-small__who > span:last-child > span { color: var(--hs-cyan); }
.hs-testi.hs-on-dark .hs-video-portrait { box-shadow: 0 30px 70px #00000066; }
.hs-testi.hs-on-dark .hs-testi__logos { border-top-color: #ffffff1a; }
.hs-testi.hs-on-dark .hs-logos__label strong { color: #fff; }
.hs-testi.hs-on-dark .hs-testi__logos li { border-color: transparent; box-shadow: 0 10px 28px #00000033; }
.hs-testi.hs-on-dark .hs-testi__logos li:hover { border-color: var(--hs-cyan); box-shadow: 0 16px 36px #0000004d; }

@media (max-width: 1100px) {
  .hs-testi__layout { grid-template-columns: 1fr; }
  .hs-video-portrait { min-height: 560px; }
  .hs-testi__logos ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .hs-quote-big { padding: 36px; }
  .hs-video-portrait { width: min(100%, 340px); min-height: 540px; }
  .hs-video-portrait__caption { right: 22px; bottom: 22px; left: 22px; }
  .hs-video-portrait__caption strong { font-size: 26px; }
  .hs-testi__intro { font-size: 16px; }
  .hs-testi__quotes { grid-template-columns: 1fr; }
  .hs-quote-small { padding: 22px; }
  .hs-testi__logos { margin-top: 36px; padding-top: 24px; }
  .hs-testi__logos ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hs-testi__logos li { min-height: 92px; padding: 14px 12px; }
  .hs-testi__logos img { height: 56px; }
  .hs-testi__logos img.hs-logo--large { max-width: 170px; }
  .hs-testi__logos img.hs-logo--wide { max-width: 180px; }
}

/* ===== 8. Fale conosco ===== */
/* Fale conosco em fundo branco: fica entre Sites (azul-claro) e o FAQ. */
.hs-cta { position: relative; overflow: hidden; padding: 104px 0; border-bottom: 1px solid var(--hs-line); background: var(--hs-white); }
.hs-cta::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(#09284e14 1px, transparent 1.2px); background-size: 26px 26px; -webkit-mask-image: linear-gradient(200deg, #000, transparent 60%); mask-image: linear-gradient(200deg, #000, transparent 60%); pointer-events: none; }
.hs-cta__layout { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 72px; align-items: center; }
/* .hs p e .hs ul zeram margens: prefixo .hs para ganhar especificidade. */
.hs .hs-cta__lead { margin-top: 22px; }
.hs-cta__card { position: relative; padding: 34px 34px 0; overflow: hidden; border: 1px solid #dbe9f3; border-radius: 26px; background: #fff; box-shadow: 0 30px 70px #09284e1f, 0 2px 6px #09284e0a; }
.hs-cta__card::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 4px; background: linear-gradient(90deg, #36c0f4, #0877c0); }
.hs-cta__card-label { display: inline-block; padding: 6px 12px; border-radius: 999px; background: var(--hs-tint); color: var(--hs-cyan-deep); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.hs .hs-cta__card-title { margin: 14px 0 24px; color: var(--hs-ink); font-size: 23px; font-weight: 700; letter-spacing: -.02em; }
.hs .hs-cta__steps { position: relative; display: grid; gap: 20px; margin: 0 0 28px; padding: 0 !important; list-style: none; }
.hs-cta__steps li:not(:last-child)::after { content: ""; position: absolute; top: 36px; bottom: -20px; left: 17px; width: 2px; background: linear-gradient(#36c0f4, #cfe6f3); }
.hs-cta__steps li { position: relative; display: flex; gap: 16px; }
.hs-cta__step-num { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border: 2px solid #fff; border-radius: 50%; background: linear-gradient(145deg, #16a6e6, #0877c0); color: #fff; font-size: 15px; font-weight: 700; box-shadow: 0 6px 14px #0877c033; }
.hs-cta__steps strong { display: block; margin-top: 6px; color: var(--hs-ink); font-size: 16px; font-weight: 700; }
.hs-cta__steps li span:not(.hs-cta__step-num) { display: block; margin-top: 3px; color: var(--hs-muted); font-size: 14.5px; line-height: 1.55; }
.hs-cta__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.hs-cta__actions .hs-btn { justify-content: center; padding: 16px 24px; border-radius: 999px; font-size: 15px; font-weight: 600; }
.hs .hs-cta__actions .hs-btn--cyan { flex: 1 1 auto; background: linear-gradient(135deg, #16a6e6 0%, #0b93d6 100%); box-shadow: 0 10px 22px #0b93d633; }
.hs .hs-cta__actions .hs-btn--cyan i { font-size: 17px; }
.hs-cta__card-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px 20px; margin: 28px -34px 0; padding: 16px 34px; border-top: 1px solid #e6f0f6; background: #f6fafd; color: var(--hs-muted); font-size: 14px; font-weight: 500; }
.hs-cta__card-foot span, .hs .hs-cta__card-foot a { display: inline-flex; align-items: center; gap: 8px; }
.hs-cta__card-foot i { color: var(--hs-cyan-deep); }
.hs-cta__card-foot b { color: var(--hs-ink); font-weight: 700; }
.hs .hs-cta__card-foot a { color: var(--hs-ink); font-weight: 700; text-decoration: none; }
.hs .hs-cta__card-foot a:hover { color: var(--hs-cyan-deep); }
@media (max-width: 575px) {
  .hs-cta__card { padding: 26px 22px 0; }
  .hs-cta__card-foot { margin: 24px -22px 0; padding: 14px 22px; }
  .hs-cta__actions .hs-btn { flex: 1 1 100%; }
}
.hs .hs-cta__points { display: grid; gap: 12px; margin-top: 28px; }
.hs-cta__points li { display: flex; align-items: center; gap: 8px; color: var(--hs-ink); font-size: 15px; font-weight: 700; }
.hs-cta__points .hs-ico { width: 20px; height: 20px; padding: 3px; border-radius: 50%; background: var(--hs-tint); color: var(--hs-cyan-deep); stroke-width: 2.6; }
.hs-cta__actions .hs-btn .hs-ico { width: 18px; height: 18px; }
.hs .hs-cta__actions .hs-btn--cyan { color: #fff; }
.hs .hs-cta__actions .hs-btn--cyan:hover { background: linear-gradient(135deg, #22b2ee 0%, #0b93d6 100%); }

/* ===== 8b. Perguntas frequentes ===== */
.hs-faq { background: var(--hs-white); }
.hs-faq__wrap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 72px; align-items: start; }
.hs-faq__aside { position: sticky; top: 110px; }
.hs-faq__list { min-width: 0; }
.hs-faq__card { position: relative; overflow: hidden; padding: 30px 30px 24px; border-radius: 22px; background: radial-gradient(120% 90% at 100% 0%, #10366b 0%, #09284e 55%, #082340 100%); color: #d6e4f1; box-shadow: 0 24px 50px #09284e30; }
.hs-faq__card::after { content: ""; position: absolute; top: -70px; right: -70px; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle, #36c0f433, transparent 70%); pointer-events: none; }
.hs-faq__card-icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 18px; border-radius: 14px; background: #36c0f41f; color: var(--hs-cyan); font-size: 22px; }
.hs .hs-faq__card h3 { margin: 0 0 8px; color: #fff; font-size: 22px; font-weight: 700; letter-spacing: -.01em; }
.hs .hs-faq__card p { margin: 0 0 22px; color: #c3d5e6; font-size: 15px; line-height: 1.65; }
.hs-faq__card-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.hs-faq__card-actions .hs-btn { padding: 14px 18px; border-radius: 999px; font-size: 14px; font-weight: 600; }
.hs .hs-faq__card-actions .hs-btn--ghost { border-color: #ffffff40; color: #fff; }
.hs .hs-faq__card-actions .hs-btn--wa, .hs .hs-faq__card-actions .hs-btn--wa i, .hs .hs-faq__card-actions .hs-btn--wa .hs-ico { color: #fff !important; }
.hs .hs-faq__card-actions .hs-btn--wa { background: #1fb855; font-weight: 700; }
.hs .hs-faq__card-actions .hs-btn--wa:hover { background: #25d366; }
.hs .hs-faq__card-actions .hs-btn--ghost:hover { border-color: var(--hs-cyan); background: #ffffff0f; }
.hs .hs-faq__card-actions .hs-btn--ghost { background: transparent; font-family: inherit; cursor: pointer; }
.hs .hs-faq__card-actions .hs-btn--ghost[aria-expanded="true"] { border-color: var(--hs-cyan); background: #36c0f41a; }
.hs-callback { margin-top: 18px; padding-top: 18px; border-top: 1px solid #ffffff1f; animation: hs-callback-in .3s ease-out both; }
.hs-callback[hidden], .hs-callback__ok[hidden], .hs-callback__error[hidden] { display: none; }
.hs .hs-callback__intro { margin: 0 0 12px; color: #c3d5e6; font-size: 14px; }
.hs-callback__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hs-callback__fields input { width: 100%; height: 50px; padding: 0 16px; border: 1px solid #ffffff59; border-radius: 12px; background: #ffffff21; color: #fff; font: 500 15px/1 inherit; font-family: inherit; outline: none; transition: border-color .2s, background .2s; }
.hs .hs-callback__fields input::placeholder { color: #c3d5e6 !important; opacity: 1; }
.hs .hs-callback__fields input { background-color: #ffffff21 !important; }
.hs-callback__fields input:focus { border-color: var(--hs-cyan); background: #ffffff2e; box-shadow: 0 0 0 4px #36c0f433; }
.hs-callback__fields input.is-invalid { border-color: #ff8095; }
.hs-callback__captcha:not(:empty) { margin-top: 12px; }
.hs .hs-callback__error { margin: 10px 0 0; color: #ffb3c0; font-size: 13.5px; font-weight: 600; }
.hs-callback__actions { display: flex; align-items: center; gap: 14px; margin-top: 14px; }
.hs .hs-callback__actions .hs-btn--cyan { padding: 14px 20px; border-radius: 999px; font-family: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.hs-callback__actions .hs-btn--cyan:disabled { opacity: .7; cursor: progress; }
.hs-callback__cancel { padding: 0; border: 0; background: none; color: #93aac2; font: 600 14px/1 inherit; font-family: inherit; cursor: pointer; }
.hs-callback__cancel:hover { color: #fff; }
.hs-callback__ok { display: flex; align-items: flex-start; gap: 12px; margin-top: 18px; padding: 14px 16px; border-radius: 14px; background: #25d3661f; color: #d6f5e3; font-size: 14px; line-height: 1.55; animation: hs-callback-in .3s ease-out both; }
.hs-callback__ok i { margin-top: 2px; color: #25d366; font-size: 18px; }
.hs-callback__ok b { color: #fff; }
@keyframes hs-callback-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (max-width: 575px) { .hs-callback__fields { grid-template-columns: 1fr; } }
.hs-faq__card small { display: flex; align-items: center; gap: 8px; margin-top: 18px; color: #93aac2; font-size: 13px; }
@media (max-width: 991px) {
  .hs-faq__wrap { grid-template-columns: 1fr; gap: 32px; }
  .hs-faq__aside { position: static; }
  .hs-faq__card { padding: 24px 22px 20px; }
}
.hs-faq .hs-h2 { margin-bottom: 32px; font-size: clamp(32px, 3vw, 44px); }
.hs-faq details { border-top: 1px solid var(--hs-line); }
.hs-faq details:last-of-type { border-bottom: 1px solid var(--hs-line); }
.hs-faq summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 26px 0; cursor: pointer; list-style: none; font-size: 19px; font-weight: 700; letter-spacing: -.01em; }
.hs-faq summary::-webkit-details-marker { display: none; }
.hs-faq summary i { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border: 1px solid var(--hs-line); border-radius: 50%; color: var(--hs-cyan-deep); transition: transform .25s, background .25s; }
.hs-faq summary i .hs-ico { width: 16px; height: 16px; }
.hs-faq details[open] summary i { transform: rotate(45deg); border-color: var(--hs-navy-700); background: var(--hs-navy-700); color: var(--hs-cyan); }
.hs-faq__body { max-width: 62ch; padding: 0 0 26px; color: var(--hs-muted); font-size: 16px; line-height: 1.7; }

@media (max-width: 1100px) {
  .hs-cta__layout { grid-template-columns: 1fr; }
}

/* ===== 9. Blog ===== */
.hs-blog { background: var(--hs-tint-2); }
.hs-blog__layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 48px; align-items: start; margin-top: 56px; }
.hs-post-featured { display: grid; gap: 18px; }
.hs-post-featured__cover { position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 24px; background: var(--hs-navy-800); }
.hs-post-featured__cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.hs-post-featured:hover .hs-post-featured__cover img { transform: scale(1.03); }
.hs-cat { position: absolute; left: 18px; top: 18px; padding: 7px 11px; border-radius: 8px; background: #ffffffe6; color: var(--hs-navy-700); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.hs-post-featured time, .hs-post-list time { color: var(--hs-muted); font-size: 13px; font-weight: 700; }
.hs-post-featured h3 { font-size: clamp(24px, 2.2vw, 32px); font-weight: 800; line-height: 1.2; letter-spacing: -.03em; }
.hs-post-list { display: grid; }
.hs-post-list > a { display: grid; grid-template-columns: 1fr auto; gap: 10px 24px; align-items: center; padding: 26px 0; border-top: 1px solid var(--hs-line); transition: padding-left .2s; }
.hs-post-list > a:hover { padding-left: 10px; }
.hs-post-list > a:last-of-type { border-bottom: 1px solid var(--hs-line); }
.hs-post-list > a .hs-ico { grid-row: span 2; color: var(--hs-cyan-deep); }
.hs-post-list h3 { font-size: 20px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; }
.hs-post-list__more { padding-top: 26px; }
/* Estado sem posts: faixa convidando para o blog. */
.hs-blog__empty { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 24px; margin-top: 44px; padding: 28px 32px; border: 1px solid var(--hs-line); border-radius: 22px; background: #fff; box-shadow: 0 12px 30px #09284e0d; }
.hs-blog__empty-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 16px; background: var(--hs-tint); color: var(--hs-cyan-deep); }
.hs-blog__empty strong { display: block; color: var(--hs-ink); font-size: 19px; font-weight: 800; }
.hs .hs-blog__empty p { margin-top: 4px; color: var(--hs-muted); font-size: 15px; line-height: 1.55; }
/* Blog em fundo escuro: fica entre Demonstração gratuita (branca) e FAQ (branco). */
.hs-blog.hs-on-dark { position: relative; overflow: hidden; background: radial-gradient(ellipse at 10% 0%, #1a4f8a66 0, transparent 50%), radial-gradient(ellipse at 95% 100%, #0f6aa044 0, transparent 50%), var(--hs-navy-900); }
.hs-blog.hs-on-dark::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(#ffffff14 1px, transparent 1.2px); background-size: 26px 26px; -webkit-mask-image: linear-gradient(160deg, #000, transparent 55%); mask-image: linear-gradient(160deg, #000, transparent 55%); pointer-events: none; }
.hs-blog.hs-on-dark .hs-container { position: relative; }
.hs-blog.hs-on-dark .hs-post-featured__cover { box-shadow: 0 24px 50px #00000059; }
.hs-blog.hs-on-dark .hs-post-featured h3, .hs-blog.hs-on-dark .hs-post-list h3 { color: #fff; }
.hs-blog.hs-on-dark .hs-post-featured time, .hs-blog.hs-on-dark .hs-post-list time { color: #9db8d6; }
.hs-blog.hs-on-dark .hs-post-list > a { border-top-color: #ffffff1a; }
.hs-blog.hs-on-dark .hs-post-list > a:last-of-type { border-bottom-color: #ffffff1a; }
.hs-blog.hs-on-dark .hs-post-list > a .hs-ico { color: var(--hs-cyan); }
.hs-blog.hs-on-dark .hs-blog__empty { border-color: #ffffff1f; background: #ffffff0d; box-shadow: none; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.hs-blog.hs-on-dark .hs-blog__empty-icon { background: #36c0f41f; color: var(--hs-cyan); }
.hs-blog.hs-on-dark .hs-blog__empty strong { color: #fff; }
.hs .hs-blog.hs-on-dark .hs-blog__empty p { color: #b8cbe0; }
.hs-blog.hs-on-dark .hs-blog__empty .hs-btn--navy { background: var(--hs-cyan); color: var(--hs-navy-900) !important; }
.hs-blog.hs-on-dark .hs-blog__empty .hs-btn--navy .hs-ico { color: var(--hs-navy-900) !important; }
.hs-blog.hs-on-dark .hs-blog__empty .hs-btn--navy:hover { background: #72d5fb; }
@media (max-width: 700px) {
  .hs-blog__empty { grid-template-columns: 1fr; justify-items: start; padding: 24px; }
  .hs-blog__empty .hs-btn { justify-content: center; width: 100%; }
}

@media (max-width: 1100px) {
  .hs-blog__layout { grid-template-columns: 1fr; }
}

/* ==========================================================================
   Página Sobre (view_about.php), escopada em .hs.ab
   ========================================================================== */
.ab-head { max-width: 760px; margin: 0 auto 64px; text-align: center; }
.ab .hs-section { padding: 112px 0; }

/* História */
.ab-story { overflow: hidden; background: var(--hs-tint-2); }
.ab-story__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 88px; align-items: center; }
.ab-story__media { position: relative; padding: 0 22px 22px 0; }
.ab-story__glow { position: absolute; top: -40px; right: -40px; width: 70%; height: 80%; border-radius: 50%; background: radial-gradient(circle, #36c0f440, transparent 70%); filter: blur(10px); pointer-events: none; }
.ab-story__dots { position: absolute; right: 0; bottom: 0; width: 180px; height: 140px; background-image: radial-gradient(#079bdc55 1.6px, transparent 1.8px); background-size: 16px 16px; pointer-events: none; }
.ab-story__photo { position: relative; overflow: hidden; margin: 0; border-radius: 28px; box-shadow: 0 34px 70px #09284e2e; }
.ab-story__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .8s cubic-bezier(.22, 1, .36, 1); }
.ab-story__photo:hover img { transform: scale(1.04); }
.ab-story__photo--main { width: 100%; aspect-ratio: 4 / 4.6; }
.ab-story__photo--main::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, #09284e8c 100%); pointer-events: none; }
.ab-story__badge { position: absolute; top: 32px; left: 6%; z-index: 2; display: flex; align-items: center; gap: 12px; padding: 16px 22px 16px 18px; border: 1px solid #ffffff33; border-radius: 20px; background: linear-gradient(135deg, #16a6e6, #0877c0); color: #fff; box-shadow: 0 20px 40px #0877c055; animation: ab-float 6s ease-in-out infinite; }
.ab-story__badge strong { font-size: 48px; font-weight: 800; line-height: 1; letter-spacing: -.05em; }
.ab-story__badge span { font-size: 13px; font-weight: 600; line-height: 1.3; opacity: .95; }
@keyframes ab-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.ab .ab-story__content .hs-lead { margin-top: 22px; font-size: 18px; }
.ab .ab-story__content .hs-h2 { font-size: clamp(34px, 3.4vw, 52px); }
.ab .ab-pillars { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 30px; }
.ab-pillars li { display: flex; align-items: flex-start; gap: 14px; padding: 16px; border: 1px solid var(--hs-line); border-radius: 16px; background: #fff; transition: border-color .25s, box-shadow .25s, transform .25s; }
.ab-pillars li:hover { border-color: #9cdaf4; box-shadow: 0 14px 30px #09284e12; transform: translateY(-2px); }
.ab-pillars li > span { display: grid; place-items: center; flex-shrink: 0; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(145deg, #16a6e6, #0877c0); color: #fff; font-size: 16px; }
.ab-pillars li div { display: flex; flex-direction: column; color: var(--hs-muted); font-size: 13.5px; line-height: 1.45; }
.ab-pillars li b { margin-bottom: 2px; color: var(--hs-ink); font-size: 15.5px; font-weight: 700; }
.ab-founder { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 4px 14px; margin-top: 26px; padding: 20px 22px; border-radius: 20px; background: linear-gradient(135deg, #0b2549, #10366b); color: #fff; box-shadow: 0 20px 44px #09284e33; }
.ab-founder__avatar { display: grid; place-items: center; width: 50px; height: 50px; border: 2px solid #36c0f4; border-radius: 50%; background: #ffffff14; color: #fff; font-size: 16px; font-weight: 800; letter-spacing: .02em; }
.ab-founder__info { display: flex; flex-direction: column; line-height: 1.3; }
.ab-founder__info b { font-size: 16px; }
.ab-founder__info span { color: #36c0f4; font-size: 13px; font-weight: 600; }
.ab .ab-founder p { grid-column: 1 / -1; margin-top: 12px; padding-top: 12px; border-top: 1px solid #ffffff1f; color: #d6e4f1; font-size: 15.5px; font-style: italic; line-height: 1.55; }
@media (max-width: 575px) {
  .ab .ab-pillars { grid-template-columns: 1fr; }
  .ab-story__dots { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ab-story__badge { animation: none; }
}

.ab .ab-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 88px; padding: 38px 12px; overflow: hidden; border-radius: 26px; background: radial-gradient(120% 180% at 100% 0%, #10366b 0%, #0b2549 55%, #082340 100%); box-shadow: 0 26px 60px #09284e33; }
.ab-stats li { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 6px 16px; text-align: center; }
.ab-stats li + li { border-left: 1px solid #ffffff1a; }
.ab-stats strong { display: inline-flex; align-items: baseline; color: #fff; font-size: clamp(32px, 3.2vw, 48px); font-weight: 800; line-height: 1; letter-spacing: -.045em; }
.ab-stats strong b { color: #36c0f4; font-weight: 800; }
.ab-stats small { margin-left: 7px; color: #36c0f4; font-size: .5em; font-weight: 700; letter-spacing: -.01em; }
.ab-stats small.ab-stats__pre { margin: 0 6px 0 2px; }
.ab-stats span { color: #b8cbe0; font-size: 14px; font-weight: 600; }
@media (max-width: 991px) {
  .ab .ab-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 26px; margin-top: 56px; padding: 28px 8px; }
  .ab-stats li:nth-child(3) { border-left: 0; }
}
@media (max-width: 575px) { .ab-stats strong { font-size: 28px; } .ab-stats span { font-size: 12.5px; } }

/* Linha do tempo */
.ab-timeline { background: radial-gradient(ellipse at 10% 0%, #1a4f8a55 0, transparent 55%), radial-gradient(ellipse at 90% 100%, #0f6aa033 0, transparent 50%), var(--hs-navy-800); }
.ab .ab-tl { position: relative; display: grid; gap: 28px; max-width: 1180px; margin: 0 auto; padding: 0 !important; list-style: none; }
.ab-tl::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; transform: translateX(-50%); background: linear-gradient(#36c0f400, #36c0f4 8%, #36c0f4 92%, #36c0f400); opacity: .45; }
.ab-tl__item { position: relative; width: calc(50% - 48px); }
.ab-tl__item--right { margin-left: auto; }
@media (min-width: 992px) {
  .ab .ab-tl { gap: 0; }
  .ab-tl__item + .ab-tl__item { margin-top: -96px; } /* cards alternados se encaixam */
  /* conector ligando cada ponto ao seu card */
  .ab-tl__item::before { content: ""; position: absolute; top: 50%; margin-top: -1px; right: -47px; width: 47px; height: 2px; background: linear-gradient(90deg, #36c0f4, #36c0f400); transform: scaleX(-1); }
  .ab-tl__item--right::before { right: auto; left: -47px; transform: none; }
  .ab-tl__item--right::before { background: linear-gradient(90deg, #36c0f4, #36c0f4aa); }
  .ab-tl__item::before { background: #36c0f4aa; transform: none; }
}
.ab-tl__dot { position: absolute; top: 50%; right: -55px; margin-top: -8px; width: 16px; height: 16px; border: 3px solid var(--hs-navy-800); border-radius: 50%; background: var(--hs-cyan); box-shadow: 0 0 0 5px #36c0f433; }
.ab-tl__item--right .ab-tl__dot { right: auto; left: -55px; }
.ab-tl__card { display: grid; grid-template-columns: 42% 1fr; overflow: hidden; border: 1px solid #ffffff1a; border-radius: 22px; background: #ffffff0a; transition: border-color .25s, background .25s, transform .25s; }
.ab-tl__card:hover { border-color: #36c0f466; background: #ffffff10; transform: translateY(-3px); }
.ab-tl__media { position: relative; min-height: 210px; background: #082340; }
.ab-tl__media img, .ab-tl__media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #082340; }
.ab-tl__body { padding: 26px 26px 28px; }
.ab-tl__year { display: inline-block; margin-bottom: 10px; padding: 5px 12px; border-radius: 999px; background: #36c0f41f; color: var(--hs-cyan); font-size: 14px; font-weight: 800; letter-spacing: .02em; }
.ab .ab-tl__body h3 { margin-bottom: 8px; color: #fff; font-size: 21px; font-weight: 700; letter-spacing: -.02em; }
.ab .ab-tl__body p { color: #b8cbe0; font-size: 15px; line-height: 1.65; }

/* Valores */
.ab-values { background: #fff; }
.ab .ab-values__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.ab-values__grid li { padding: 32px 28px; border: 1px solid var(--hs-line); border-radius: 22px; background: #fff; box-shadow: 0 10px 30px #09284e0a; transition: transform .25s, border-color .25s, box-shadow .25s; }
.ab-values__grid li:hover { transform: translateY(-4px); border-color: #9cdaf4; box-shadow: 0 18px 40px #09284e17; }
.ab-values__icon { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 22px; border-radius: 16px; background: linear-gradient(145deg, #16a6e6, #0877c0); color: #fff; font-size: 22px; box-shadow: 0 10px 22px #0877c033; }
.ab .ab-values__grid h3 { margin-bottom: 8px; color: var(--hs-ink); font-size: 20px; font-weight: 700; letter-spacing: -.02em; }
.ab .ab-values__grid p { color: var(--hs-muted); font-size: 15px; line-height: 1.65; }

.ab-clients { padding-top: 0 !important; background: #fff; }
.ab .ab-clients__logos { margin-top: 0; padding-top: 0; border-top: 0; }

@media (max-width: 1199px) {
  .ab .ab-values__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ab-tl__card { grid-template-columns: 1fr; }
  .ab-tl__media { min-height: 0; aspect-ratio: 16 / 10; }
}
@media (max-width: 991px) {
  .ab .hs-section { padding: 88px 0; }
  .ab-story__layout { grid-template-columns: 1fr; gap: 56px; }
  .ab-head { margin-bottom: 44px; }
  .ab-tl::before { left: 8px; transform: none; }
  .ab-tl__item, .ab-tl__item--right { width: auto; margin-left: 36px; }
  .ab-tl__dot, .ab-tl__item--right .ab-tl__dot { top: 34px; right: auto; left: -35px; margin-top: 0; transform: none; }
  .ab-tl__card { grid-template-columns: 40% 1fr; }
  .ab-tl__media { aspect-ratio: auto; min-height: 200px; }
}
@media (max-width: 575px) {
  .ab .hs-section { padding: 72px 0; }
  .ab .ab-values__grid { grid-template-columns: 1fr; }
  .ab-tl__card { grid-template-columns: 1fr; }
  .ab-tl__media { min-height: 0; aspect-ratio: 16 / 10; }
  .ab-story__badge { top: 12px; padding: 12px 14px; }
  .ab-story__badge strong { font-size: 34px; }
}

/* ---------- Serviços: Fale conosco ---------- */
.hs-talk { position: relative; overflow: hidden; background: var(--hs-tint-2); }
.hs-talk::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(#09284e12 1px, transparent 1.2px); background-size: 26px 26px; -webkit-mask-image: linear-gradient(160deg, #000, transparent 55%); mask-image: linear-gradient(160deg, #000, transparent 55%); pointer-events: none; }
.hs-talk__layout { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 72px; align-items: center; }
.hs .hs-talk__info .hs-lead { margin-top: 20px; }
.hs .hs-talk__channels { display: grid; gap: 12px; margin-top: 34px; }
.hs-talk__channels a { display: flex; align-items: center; gap: 16px; padding: 16px 20px 16px 16px; border: 1px solid var(--hs-line); border-radius: 18px; background: #fff; box-shadow: 0 8px 24px #09284e0a; transition: transform .25s, border-color .25s, box-shadow .25s; }
.hs-talk__channels a:hover { transform: translateX(4px); border-color: #9cdaf4; box-shadow: 0 14px 32px #09284e14; }
.hs-talk__icon { display: grid; place-items: center; flex-shrink: 0; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(145deg, #16a6e6, #0877c0); color: #fff; font-size: 20px; }
.hs-talk__icon--wa { background: linear-gradient(145deg, #2fdc70, #1fb855); font-size: 23px; }
.hs-talk__channels a > span:nth-child(2) { display: flex; flex: 1; flex-direction: column; min-width: 0; line-height: 1.3; }
.hs-talk__channels small { color: var(--hs-muted); font-size: 13px; font-weight: 600; }
.hs-talk__channels small { display: flex; align-items: center; gap: 8px; }
.hs-talk__badge { padding: 2px 8px; border-radius: 999px; background: #e8f8ee; color: #146c3a; font-size: 11px; font-style: normal; font-weight: 700; }
.hs-talk__desc { margin-top: 2px; color: #7890a8; font-size: 13px; font-weight: 500; }
.hs-talk__channels li:nth-child(1) a { border-color: #bfe9cf; background: linear-gradient(120deg, #f2fcf6, #fff 60%); }
.hs-talk__channels b { overflow: hidden; color: var(--hs-ink); font-size: 17px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.hs-talk__go { color: #9fb4c8; font-size: 15px; transition: color .25s, transform .25s; }
.hs-talk__channels a:hover .hs-talk__go { color: var(--hs-cyan-deep); transform: translateX(3px); }
.hs-talk__card { position: relative; padding: 40px 40px 32px; border: 1px solid #dbe9f3; border-radius: 28px; background: #fff; box-shadow: 0 34px 80px #09284e1f; }
.hs-talk__card::before { content: ""; position: absolute; top: 0; right: 40px; left: 40px; height: 4px; border-radius: 0 0 4px 4px; background: linear-gradient(90deg, #36c0f4, #0877c0); }
.hs .hs-talk__card h3 { color: var(--hs-ink); font-size: 26px; font-weight: 700; letter-spacing: -.02em; }
.hs .hs-talk__card-sub { margin: 6px 0 26px; color: var(--hs-muted); font-size: 15px; }
.hs-talk__form { display: grid; gap: 18px; }
.hs-talk__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.hs-talk__field { display: grid; gap: 7px; margin: 0; }
.hs-talk__field > span { color: var(--hs-ink); font-size: 14px; font-weight: 600; }
.hs-talk__field b { margin-left: 2px; color: var(--hs-cyan-deep); }
.hs-talk__field input, .hs-talk__field textarea { width: 100%; padding: 14px 16px; border: 1px solid #d3e3ee; border-radius: 14px; background: #f7fafd; color: var(--hs-ink); font: 500 15px/1.5 var(--hs-font); outline: none; transition: border-color .2s, background .2s, box-shadow .2s; }
.hs-talk__field textarea { min-height: 130px; resize: vertical; }
.hs-talk__field input::placeholder, .hs-talk__field textarea::placeholder { color: #93a7bb; }
.hs-talk__field input:focus, .hs-talk__field textarea:focus { border-color: var(--hs-cyan-deep); background: #fff; box-shadow: 0 0 0 4px #079bdc1f; }
.hs .hs-talk__submit { justify-content: center; width: 100%; padding: 17px 24px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #16a6e6 0%, #0b93d6 100%); color: #fff; font-size: 16px; font-weight: 600; box-shadow: 0 12px 26px #0b93d633; cursor: pointer; }
.hs .hs-talk__submit:hover { background: linear-gradient(135deg, #22b2ee 0%, #0b93d6 100%); }
.hs .hs-talk__submit:disabled { opacity: .6; cursor: not-allowed; transform: none; }
.hs .hs-talk__legal { display: flex; align-items: center; justify-content: center; gap: 8px; color: #7890a8; font-size: 13px; text-align: center; }
.hs-talk__legal i { font-size: 11px; }
.hs .hs-talk__alert { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 18px; padding: 13px 16px; border-radius: 14px; font-size: 14.5px; font-weight: 600; line-height: 1.5; }
.hs-talk__alert i { margin-top: 3px; }
.hs-talk__alert--ok { background: #e8f8ee; color: #146c3a; }
.hs-talk__alert--err { background: #fff0f3; color: #b4213f; }
@media (max-width: 991px) {
  .hs-talk__layout { grid-template-columns: minmax(0, 1fr); gap: 44px; }
}
@media (max-width: 575px) {
  .hs-talk__card { padding: 30px 20px 24px; border-radius: 22px; }
  .hs-talk__card::before { right: 20px; left: 20px; }
  .hs-talk__row { grid-template-columns: minmax(0, 1fr); }
  .hs-talk__channels b { font-size: 15px; }
}
/* Serviços: FAQ logo após "Como trabalhamos" (dois fundos brancos) não soma os dois espaçamentos */
.hs-section.hs-faq--after-process { padding-top: 0; }
.hs-section.hs-process { padding-bottom: 88px; }
@media (max-width: 991px) { .hs-section.hs-faq--after-process { padding-top: 8px; } }

/* ---------- Serviços: grade de cards ---------- */
.hs.hs-svc { z-index: 1; background: transparent; }
.hs-svc__head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 32px 64px; align-items: end; margin-bottom: 56px; }
.hs-svc__head .hs-eyebrow { margin-bottom: 16px; }
.hs .hs-svc__head .hs-h2 { font-size: clamp(34px, 3.6vw, 56px); }
.hs .hs-svc__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.hs-svc__grid li { display: flex; }
.hs .hs-svc-card { position: relative; display: flex; flex: 1; flex-direction: column; padding: 28px 28px 24px; overflow: hidden; border: 1px solid #d7e8f2; border-radius: 24px; background: #fff; box-shadow: 0 10px 30px #09284e0a; transition: transform .35s cubic-bezier(.22, 1, .36, 1), border-color .35s, box-shadow .35s; }
.hs-svc-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(120% 120% at 100% 0%, #10366b 0%, #09284e 55%, #082340 100%); opacity: 0; transition: opacity .35s; }
.hs-svc-card > * { position: relative; }
.hs .hs-svc-card:hover, .hs .hs-svc-card:focus-visible { transform: translateY(-6px); border-color: transparent; box-shadow: 0 28px 60px #09284e33; }
.hs-svc-card:hover::before, .hs-svc-card:focus-visible::before, .hs-svc-card--featured::before { opacity: 1; }
.hs-svc-card__top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 22px; }
.hs-svc-card__icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 16px; background: linear-gradient(145deg, #16a6e6, #0877c0); color: #fff; font-size: 24px; box-shadow: 0 12px 24px #0877c033; transition: transform .35s; }
.hs-svc-card:hover .hs-svc-card__icon { transform: rotate(-6deg) scale(1.06); }
.hs-svc-card__num { color: #d7e8f2; font-size: 30px; font-weight: 800; line-height: 1; letter-spacing: -.04em; transition: color .35s; }
.hs .hs-svc-card h3 { margin-bottom: 10px; color: var(--hs-ink); font-size: 21px; font-weight: 700; letter-spacing: -.02em; transition: color .35s; }
.hs .hs-svc-card p { flex: 1; color: var(--hs-muted); font-size: 15px; line-height: 1.65; transition: color .35s; }
.hs-svc-card__tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 18px 0 20px; }
.hs-svc-card__tags span { padding: 5px 11px; border-radius: 999px; background: var(--hs-tint); color: var(--hs-cyan-deep); font-size: 12.5px; font-weight: 600; transition: background .35s, color .35s; }
.hs-svc-card__cta { display: flex; align-items: center; justify-content: space-between; padding-top: 18px; border-top: 1px solid #e6f0f6; color: var(--hs-ink); font-size: 15px; font-weight: 700; transition: color .35s, border-color .35s; }
.hs-svc-card__cta i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--hs-tint); color: var(--hs-cyan-deep); font-size: 14px; transition: background .35s, color .35s, transform .35s; }
.hs-svc-card:hover .hs-svc-card__num, .hs-svc-card--featured .hs-svc-card__num { color: #ffffff26; }
.hs .hs-svc-card:hover h3, .hs .hs-svc-card--featured h3 { color: #fff; }
.hs .hs-svc-card:hover p, .hs .hs-svc-card--featured p { color: #c3d5e6; }
.hs-svc-card:hover .hs-svc-card__tags span, .hs-svc-card--featured .hs-svc-card__tags span { background: #ffffff14; color: #9fdcf7; }
.hs-svc-card:hover .hs-svc-card__cta, .hs-svc-card--featured .hs-svc-card__cta { border-color: #ffffff1f; color: #fff; }
.hs-svc-card:hover .hs-svc-card__cta i, .hs-svc-card--featured .hs-svc-card__cta i { background: #36c0f4; color: #082340; transform: translateX(3px); }
.hs .hs-svc-card--featured { border-color: transparent; box-shadow: 0 24px 50px #09284e2e; }
@media (max-width: 1199px) { .hs .hs-svc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 991px) { .hs-svc__head { grid-template-columns: minmax(0, 1fr); margin-bottom: 40px; } }
@media (max-width: 575px) {
  .hs .hs-svc__grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .hs .hs-svc-card { padding: 24px 22px 20px; }
}
@media (prefers-reduced-motion: reduce) { .hs .hs-svc-card, .hs-svc-card__icon { transition: none; } }

/* ---------- Serviços: faixa "Vamos conversar?" ---------- */
.hs.hs-talkband-wrap { z-index: 1; margin-top: 56px; background: transparent; }
.hs-talkband { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 28px 36px; align-items: center; padding: 40px 44px; overflow: hidden; border-radius: 28px; background: radial-gradient(120% 180% at 100% 0%, #1a5f9a 0%, #10366b 35%, #09284e 70%, #082340 100%); color: #fff; box-shadow: 0 30px 70px #09284e40; }
.hs-talkband::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(#ffffff14 1px, transparent 1.2px); background-size: 22px 22px; -webkit-mask-image: linear-gradient(90deg, transparent 30%, #000); mask-image: linear-gradient(90deg, transparent 30%, #000); pointer-events: none; }
.hs-talkband__glow { position: absolute; top: -120px; right: 8%; width: 360px; height: 360px; border-radius: 50%; background: radial-gradient(circle, #36c0f455, transparent 65%); pointer-events: none; animation: hs-talkband-glow 7s ease-in-out infinite; }
@keyframes hs-talkband-glow { 50% { transform: translate(-40px, 30px) scale(1.1); opacity: .7; } }
.hs-talkband > :not(.hs-talkband__glow) { position: relative; }
.hs-talkband__icon { display: grid; place-items: center; width: 76px; height: 76px; border: 1px solid #ffffff26; border-radius: 22px; background: linear-gradient(145deg, #16a6e6, #0877c0); color: #fff; font-size: 32px; box-shadow: 0 16px 34px #0877c055; }
.hs-talkband__kicker { display: inline-block; margin-bottom: 8px; color: var(--hs-cyan); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hs .hs-talkband h3 { color: #fff; font-size: clamp(24px, 2.3vw, 32px); font-weight: 700; letter-spacing: -.025em; }
.hs .hs-talkband__copy p { max-width: 60ch; margin-top: 8px; color: #c3d5e6; font-size: 16px; line-height: 1.6; }
.hs .hs-talkband__points { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 16px; }
.hs-talkband__points li { display: flex; align-items: center; gap: 8px; color: #e3ecf5; font-size: 14px; font-weight: 600; }
.hs-talkband__points i { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #36c0f42e; color: var(--hs-cyan); font-size: 10px; }
.hs-talkband__actions { display: grid; gap: 12px; min-width: 250px; }
.hs .hs-talkband__actions .hs-btn { justify-content: center; padding: 16px 24px; border-radius: 999px; font-size: 15px; font-weight: 600; }
.hs .hs-talkband__wa { background: #1fb855; color: #fff !important; box-shadow: 0 12px 26px #1fb85540; }
.hs .hs-talkband__wa:hover { background: #25d366; }
.hs .hs-talkband__ghost { border-color: #ffffff40; background: #ffffff0a; color: #fff !important; }
.hs .hs-talkband__ghost:hover { border-color: var(--hs-cyan); background: #ffffff14; }
.hs-talkband__actions i { font-size: 17px; }
@media (max-width: 1199px) {
  .hs-talkband { grid-template-columns: auto minmax(0, 1fr); }
  .hs-talkband__actions { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
  .hs-talkband { grid-template-columns: minmax(0, 1fr); padding: 30px 22px; border-radius: 22px; }
  .hs-talkband__icon { width: 60px; height: 60px; font-size: 26px; border-radius: 18px; }
  .hs-talkband__actions { grid-template-columns: minmax(0, 1fr); min-width: 0; }
}
@media (prefers-reduced-motion: reduce) { .hs-talkband__glow { animation: none; } }

/* ==========================================================================
   Página Sistemas (view_pricing.php): uma seção por sistema, com o painel da home
   ========================================================================== */
.hs-section.hs-sp-intro { padding-top: 88px; padding-bottom: 40px; }
.hs-sp-intro__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 64px; align-items: end; margin-bottom: 44px; }
.hs-sp-intro__head .hs-eyebrow { margin-bottom: 16px; }
.hs .hs-sp-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.hs-sp-nav__item { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--hs-line); border-radius: 18px; background: #fff; box-shadow: 0 8px 24px #09284e0a; transition: transform .25s, border-color .25s, box-shadow .25s; }
.hs-sp-nav__item:hover { transform: translateY(-3px); border-color: #9cdaf4; box-shadow: 0 16px 34px #09284e14; }
.hs-sp-nav__ic { display: grid; place-items: center; flex-shrink: 0; width: 46px; height: 46px; border-radius: 14px; background: var(--hs-tint); }
.hs .hs-sp-nav__ic img { width: 28px; height: 28px; object-fit: contain; }
.hs-sp-nav__txt { display: flex; flex: 1; flex-direction: column; min-width: 0; line-height: 1.25; }
.hs-sp-nav__txt strong { color: var(--hs-ink); font-size: 15px; font-weight: 700; }
.hs-sp-nav__txt small { color: var(--hs-muted); font-size: 12.5px; }
.hs-sp-nav__item > i { color: #9fb4c8; font-size: 13px; transition: color .25s, transform .25s; }
.hs-sp-nav__item:hover > i { color: var(--hs-cyan-deep); transform: translateY(2px); }

.hs-section.hs-sp-sys { padding: 48px 0; scroll-margin-top: 90px; }
.hs-section.hs-sp-sys:last-child { padding-bottom: 112px; }
.hs-sp-sys__label { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; color: var(--hs-ink); font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.hs-sp-sys__label span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--hs-navy-700); color: var(--hs-cyan); font-size: 13px; letter-spacing: 0; }
.hs-sp-sys .hs-sys-panel { display: grid; animation: none; }
.hs-sp-sys .hs-sys-panel.is-active .hs-sys-panel__body > * { animation: none; }
/* seções pares: mockup à direita */
@media (min-width: 1100px) {
  .hs-sp-sys--alt .hs-sys-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); }
  .hs-sp-sys--alt .hs-sys-panel figure { order: 2; }
}
/* entrada ao rolar */
.hs-sp-ready .hs-sp-sys .hs-sys-panel figure { opacity: 0; transform: translate3d(-32px, 0, 0) scale(.985); }
.hs-sp-ready .hs-sp-sys--alt .hs-sys-panel figure { transform: translate3d(32px, 0, 0) scale(.985); }
.hs-sp-ready .hs-sp-sys .hs-sys-panel__body > *, .hs-sp-ready .hs-sp-sys__label { opacity: 0; transform: translate3d(0, 20px, 0); }
.hs-sp-ready .hs-sp-sys.is-in .hs-sys-panel figure, .hs-sp-ready .hs-sp-sys.is-in .hs-sys-panel__body > *, .hs-sp-ready .hs-sp-sys.is-in .hs-sp-sys__label { opacity: 1; transform: none; transition: opacity .7s cubic-bezier(.22, 1, .36, 1), transform .8s cubic-bezier(.22, 1, .36, 1); }
.hs-sp-ready .hs-sp-sys.is-in .hs-sys-panel__body > :nth-child(2) { transition-delay: .08s; }
.hs-sp-ready .hs-sp-sys.is-in .hs-sys-panel__body > :nth-child(3) { transition-delay: .16s; }
.hs-sp-ready .hs-sp-sys.is-in .hs-sys-panel__body > :nth-child(4) { transition-delay: .24s; }
.hs-sp-ready .hs-sp-sys.is-in .hs-sys-panel__body > :nth-child(5) { transition-delay: .32s; }
.hs-sp-ready .hs-sp-sys.is-in .hs-sys-panel__body > :nth-child(6) { transition-delay: .4s; }
.hs-sp-ready .hs-sp-intro__head > *, .hs-sp-ready .hs-sp-nav__item { opacity: 0; transform: translate3d(0, 18px, 0); }
.hs-sp-ready .hs-sp-intro.is-in .hs-sp-intro__head > *, .hs-sp-ready .hs-sp-intro.is-in .hs-sp-nav__item { opacity: 1; transform: none; transition: opacity .6s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1); transition-delay: var(--hs-sp-d, 0ms); }
@media (max-width: 1199px) { .hs .hs-sp-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 991px) { .hs-sp-intro__head { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) {
  .hs .hs-sp-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hs-section.hs-sp-sys { padding: 28px 0; }
}

/* ==========================================================================
   Página Certificado Digital (view_certificate.php)
   ========================================================================== */
.hs-cd-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 64px; align-items: end; margin-bottom: 52px; }
.hs-cd-head .hs-eyebrow { margin-bottom: 16px; }
.hs-cd-head--center { display: block; max-width: 760px; margin: 0 auto 56px; text-align: center; }
.hs-section.hs-cd-models { padding-top: 96px; background: var(--hs-tint-2); }
.hs .hs-cd-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.hs-cd-card { position: relative; display: flex; flex-direction: column; padding: 30px 26px 26px; border: 1px solid var(--hs-line); border-radius: 26px; background: #fff; box-shadow: 0 12px 34px #09284e0d; transition: transform .35s cubic-bezier(.22, 1, .36, 1), border-color .35s, box-shadow .35s; }
.hs-cd-card:hover { transform: translateY(-6px); border-color: #9cdaf4; box-shadow: 0 26px 56px #09284e1f; }
.hs-cd-card--featured { border: 2px solid var(--hs-cyan-deep); box-shadow: 0 26px 60px #079bdc2e; }
.hs-cd-card__flag { position: absolute; top: -13px; left: 50%; padding: 5px 14px; border-radius: 999px; background: linear-gradient(135deg, #16a6e6, #0877c0); color: #fff; font-size: 12px; font-weight: 700; white-space: nowrap; transform: translateX(-50%); }
.hs-cd-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.hs-cd-card__icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: linear-gradient(145deg, #16a6e6, #0877c0); color: #fff; font-size: 23px; box-shadow: 0 12px 24px #0877c033; transition: transform .35s; }
.hs-cd-card:hover .hs-cd-card__icon { transform: rotate(-6deg) scale(1.06); }
.hs-cd-card__model { padding: 6px 12px; border-radius: 10px; background: var(--hs-navy-700); color: var(--hs-cyan); font-size: 15px; font-weight: 800; letter-spacing: .04em; }
.hs .hs-cd-card h3 { color: var(--hs-ink); font-size: 24px; font-weight: 800; letter-spacing: -.02em; }
.hs-cd-card__who { margin-top: 2px; color: var(--hs-cyan-deep); font-size: 14px; font-weight: 700; }
.hs .hs-cd-card p { margin-top: 14px; color: var(--hs-muted); font-size: 15px; line-height: 1.65; }
.hs .hs-cd-card__list { display: grid; gap: 9px; margin: 18px 0 24px; padding-top: 18px; border-top: 1px solid #e6f0f6; }
.hs-cd-card__list li { display: flex; align-items: center; gap: 10px; color: var(--hs-ink); font-size: 14.5px; font-weight: 600; }
.hs-cd-card__list i { display: grid; place-items: center; flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--hs-tint); color: var(--hs-cyan-deep); font-size: 10px; }
.hs .hs-cd-card__btn { justify-content: center; margin-top: auto; padding: 14px 18px; border-radius: 999px; background: #1fb855; color: #fff !important; font-size: 15px; font-weight: 600; box-shadow: 0 10px 22px #1fb85533; }
.hs .hs-cd-card__btn:hover { background: #25d366; }
.hs-cd-card__btn i { font-size: 17px; }

.hs-cd-steps { position: relative; overflow: hidden; background: radial-gradient(ellipse at 15% 0%, #1a4f8a55 0, transparent 55%), radial-gradient(ellipse at 90% 100%, #0f6aa033 0, transparent 50%), var(--hs-navy-800); }
.hs .hs-cd-steps__list { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 0 !important; list-style: none; }
.hs-cd-steps__list::before { content: ""; position: absolute; top: 64px; right: 16%; left: 16%; height: 2px; background: linear-gradient(90deg, #36c0f400, #36c0f4 20%, #36c0f4 80%, #36c0f400); opacity: .4; }
.hs-cd-steps__list li { position: relative; padding: 32px 28px; border: 1px solid #ffffff1a; border-radius: 24px; background: #ffffff0a; text-align: center; transition: border-color .3s, background .3s, transform .3s; }
.hs-cd-steps__list li:hover { border-color: #36c0f466; background: #ffffff10; transform: translateY(-4px); }
.hs-cd-steps__num { position: absolute; top: 18px; left: 20px; color: #ffffff26; font-size: 34px; font-weight: 800; line-height: 1; }
.hs-cd-steps__icon { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 20px; border: 4px solid var(--hs-navy-800); border-radius: 50%; background: linear-gradient(145deg, #16a6e6, #0877c0); color: #fff; font-size: 25px; box-shadow: 0 0 0 6px #36c0f41f; }
.hs .hs-cd-steps__list h3 { color: #fff; font-size: 22px; font-weight: 700; }
.hs .hs-cd-steps__list p { margin-top: 8px; color: #b8cbe0; font-size: 15px; line-height: 1.65; }

.hs-cd-uses { background: #fff; }
.hs-cd-uses__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; align-items: center; }
.hs .hs-cd-uses__layout .hs-lead { margin-top: 20px; }
.hs .hs-cd-uses__why { display: grid; gap: 14px; margin-top: 30px; }
.hs-cd-uses__why li { display: flex; align-items: center; gap: 14px; }
.hs-cd-uses__why i { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; border-radius: 12px; background: var(--hs-tint); color: var(--hs-cyan-deep); font-size: 18px; }
.hs-cd-uses__why div { display: flex; flex-direction: column; color: var(--hs-muted); font-size: 14.5px; line-height: 1.4; }
.hs-cd-uses__why b { color: var(--hs-ink); font-size: 16px; }
.hs .hs-cd-uses__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.hs-cd-uses__grid li { display: flex; flex-direction: column; gap: 14px; padding: 24px 22px; border: 1px solid var(--hs-line); border-radius: 20px; background: linear-gradient(160deg, #fff, var(--hs-tint-2)); color: var(--hs-ink); font-size: 16px; font-weight: 700; line-height: 1.35; transition: transform .3s, border-color .3s, box-shadow .3s; }
.hs-cd-uses__grid li:hover { transform: translateY(-4px); border-color: #9cdaf4; box-shadow: 0 18px 40px #09284e14; }
.hs-cd-uses__grid span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(145deg, #16a6e6, #0877c0); color: #fff; font-size: 20px; }

@media (max-width: 1199px) { .hs .hs-cd-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; } }
@media (max-width: 991px) {
  .hs-cd-head, .hs-cd-uses__layout { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .hs .hs-cd-steps__list { grid-template-columns: minmax(0, 1fr); }
  .hs-cd-steps__list::before { display: none; }
}
@media (max-width: 575px) {
  .hs .hs-cd-grid { grid-template-columns: minmax(0, 1fr); }
  .hs .hs-cd-uses__grid { grid-template-columns: minmax(0, 1fr); }
  .hs-cd-uses__grid li { flex-direction: row; align-items: center; padding: 16px; }
}
/* Contato: mapa */
.hs.hs-map-wrap { padding: 0; background: var(--hs-tint-2); }
.hs-map { position: relative; overflow: hidden; }
.hs-map iframe { display: block; width: 100%; height: 480px; filter: saturate(.9); }
.hs .hs-map__card { position: absolute; bottom: 48px; right: max(72px, calc((100% - 1500px) / 2)); display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 14px; max-width: 340px; padding: 18px 20px; border-radius: 20px; background: #fff; box-shadow: 0 18px 44px #09284e2e; color: var(--hs-muted); font-size: 14px; line-height: 1.5; }
.hs-map__card b { display: block; color: var(--hs-ink); font-size: 16px; }
.hs-map__icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(145deg, #16a6e6, #0877c0); color: #fff; font-size: 18px; }
.hs-map__card em { grid-column: 2; color: var(--hs-cyan-deep); font-size: 14px; font-style: normal; font-weight: 700; }
.hs-map__card em i { margin-left: 4px; transition: transform .25s; }
.hs-map__card:hover em i { transform: translateX(4px); }
@media (max-width: 575px) {
  .hs-map iframe { height: 360px; }
  .hs .hs-map__card { position: static; max-width: none; border-radius: 0; box-shadow: none; }
}