/* Iris8 — protótipo v2 */
:root{
  --ciano:#01EAFF;
  --magenta:#F100C7;
  /* tema claro (5/nov/2026). A versão escura anterior está em marca/style-versao-escura.css */
  --ciano-txt:#0094B0;  /* ciano mais fechado para textos sobre fundo claro */
  --tinta:#FFFFFF;      /* fundo principal */
  --tinta-2:#FFFFFF;    /* superfícies (cartões) */
  --tinta-3:#F3F6FA;    /* superfícies internas */
  --linha-esc:#E4E9F0;
  --txt-esc:#1E2A3B;    /* texto principal */
  --txt-esc-2:#5F6B7D;  /* texto secundário */
  --claro:#F6F8FB;
  --claro-2:#FFFFFF;
  --linha-cl:#E4E9F0;
  --txt-cl:#1E2A3B;
  --txt-cl-2:#5F6B7D;
  --raio:20px;
  --sombra:0 18px 48px -24px rgba(30,42,59,.18);
  --fonte-tit:"Plus Jakarta Sans",system-ui,sans-serif;
  --fonte:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--tinta);color:var(--txt-esc);font:16px/1.6 var(--fonte);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--fonte-tit);line-height:1.15;margin:0;letter-spacing:-.02em}
h2{font-size:clamp(28px,3.6vw,44px);font-weight:700}
h3{font-size:19px;font-weight:600}
p{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
@media (max-width:600px){.wrap{padding:0 16px}}
.skip{position:absolute;left:-999px;top:8px;background:var(--ciano);color:#000;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--ciano);outline-offset:3px;border-radius:6px}

.eyebrow{font:600 13px/1 var(--fonte);letter-spacing:.14em;text-transform:uppercase;color:var(--ciano);margin-bottom:16px}
.claro .eyebrow{color:#00A3B8}
.grad{background:linear-gradient(90deg,var(--ciano),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(17px,1.6vw,20px);color:var(--txt-esc-2);max-width:560px;margin-top:22px}
.lead-sm{font-size:18px;color:var(--txt-esc-2);margin-top:16px}
.claro .lead-sm{color:var(--txt-cl-2)}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 16px/1 var(--fonte);padding:16px 26px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.btn-pri{background:linear-gradient(90deg,var(--ciano),#7AF3FF);color:#001318;box-shadow:0 10px 30px -10px rgba(1,234,255,.7)}
.btn-pri:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(1,234,255,.85)}
.btn-ghost{color:var(--txt-esc);background:transparent;border:1px solid rgba(255,255,255,.25)}
.btn-ghost:hover{border-color:var(--ciano);color:var(--ciano)}
.btn-ghost-dark{color:var(--txt-cl);border:1px solid #B9C4D3;margin-top:28px}
.btn-ghost-dark:hover{border-color:var(--txt-cl)}
.btn-sm{padding:11px 18px;font-size:14px}

/* topo */
.topo{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.topo.solido{background:rgba(7,11,20,.86);backdrop-filter:blur(14px);border-color:var(--linha-esc)}
.topo-in{display:flex;align-items:center;justify-content:space-between;height:76px}
.marca img{height:42px;width:auto}
.menu{display:flex;align-items:center;gap:28px}
.menu a{text-decoration:none;font-weight:500;font-size:15px;color:var(--txt-esc-2);transition:color .2s}
.menu a:hover{color:var(--txt-esc)}
.menu .menu-cta{color:#001318}
.menu-btn{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;padding:10px}
.menu-btn span{display:block;height:2px;background:var(--txt-esc);margin:5px 0;border-radius:2px;transition:transform .25s,opacity .25s}
@media (max-width:960px){
  .menu-btn{display:block}
  .menu{position:fixed;inset:76px 0 auto;flex-direction:column;align-items:stretch;gap:0;background:var(--tinta);border-bottom:1px solid var(--linha-esc);padding:8px 16px 20px;transform:translateY(calc(-100% - 90px));visibility:hidden;transition:transform .3s,visibility 0s .3s;max-height:calc(100vh - 76px);overflow:auto}
  .menu.aberto{transform:none;visibility:visible;transition:transform .3s,visibility 0s}
  .menu a{padding:15px 4px;border-bottom:1px solid var(--linha-esc);font-size:17px;color:var(--txt-esc)}
  .menu .menu-cta{margin-top:16px;border:0;justify-content:center}
  .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* hero */
.hero{position:relative;padding:150px 0 90px;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(800px 500px at 85% 20%,rgba(1,234,255,.16),transparent 60%),
  radial-gradient(700px 500px at 10% 90%,rgba(241,0,199,.12),transparent 60%);}
.hero-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 60% 40%,#000 30%,transparent 75%)}
.hero-in{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(38px,5.4vw,66px);font-weight:700}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero-stats{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:560px}
.hero-stats li{border-left:2px solid var(--ciano);padding-left:14px}
.hero-stats li:nth-child(2){border-color:var(--magenta)}
.hero-stats strong{display:block;font:700 30px/1 var(--fonte-tit)}
.hero-stats span{font-size:14px;color:var(--txt-esc-2);display:block;margin-top:6px;line-height:1.35}
@media (max-width:960px){
  .hero{padding:120px 0 64px}
  .hero-in{grid-template-columns:1fr;gap:44px}
}
@media (max-width:520px){.hero-stats{grid-template-columns:1fr;gap:14px}.hero-stats strong{font-size:26px}}

/* "feed" da câmera */
.feed{margin:0;background:var(--tinta-2);border:1px solid var(--linha-esc);border-radius:22px;padding:12px;box-shadow:var(--sombra);max-width:460px;justify-self:end;width:100%}
.feed-top{display:flex;justify-content:space-between;align-items:center;font:500 12px/1 var(--fonte);color:var(--txt-esc-2);padding:4px 6px 12px;letter-spacing:.04em}
.rec{display:flex;align-items:center;gap:6px;color:#FF5A6E;font-weight:600}
.rec i{width:8px;height:8px;border-radius:50%;background:#FF3B53;animation:pisca 1.4s infinite}
.feed-img{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/5}
.feed-img img{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:saturate(.85) contrast(1.05)}
.feed-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,11,20,.7));pointer-events:none}
.det{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.det .linha{stroke:var(--magenta);stroke-width:.6;stroke-dasharray:2 1.5;animation:corre 1.2s linear infinite}
.det rect{fill:rgba(1,234,255,.08);stroke:var(--ciano);stroke-width:.5;vector-effect:non-scaling-stroke}
.det .box{animation:anda 7s ease-in-out infinite}
.det .b2{animation-delay:-2s;animation-duration:8s}
.det .b3{animation-delay:-4s;animation-duration:6.5s}
.det .b4{animation-delay:-1s;animation-duration:9s}
.feed-badge,.feed-heat{position:absolute;z-index:2;background:rgba(7,11,20,.78);backdrop-filter:blur(8px);border:1px solid var(--linha-esc);border-radius:12px;padding:10px 14px}
.feed-badge{left:12px;bottom:12px}
.feed-badge span{display:block;font-size:12px;color:var(--txt-esc-2)}
.feed-badge strong{font:700 26px/1.1 var(--fonte-tit);color:var(--ciano);font-variant-numeric:tabular-nums}
.feed-heat{right:12px;top:12px;font-size:12px;color:var(--txt-esc-2);min-width:130px}
.feed-heat b{color:var(--txt-esc);margin-left:4px}
.feed-heat i{display:block;height:5px;border-radius:5px;background:rgba(255,255,255,.12);margin-top:8px;overflow:hidden}
.feed-heat em{display:block;height:100%;background:linear-gradient(90deg,var(--ciano),var(--magenta));border-radius:5px;animation:respira 4s ease-in-out infinite}
.feed figcaption{font-size:11px;color:var(--txt-esc-2);text-align:right;padding:10px 6px 2px;opacity:.7}
@media (max-width:960px){.feed{justify-self:center}}

@keyframes pisca{50%{opacity:.25}}
@keyframes corre{to{stroke-dashoffset:-7}}
@keyframes anda{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,10px)}}
@keyframes respira{50%{width:55%}}

/* clientes */
.clientes{border-top:1px solid var(--linha-esc);border-bottom:1px solid var(--linha-esc);padding:34px 0;background:rgba(255,255,255,.015)}
.clientes-tit{text-align:center;font-size:14px;color:var(--txt-esc-2);margin-bottom:22px}
/* carrossel de logos (rolagem contínua) */
.carrossel{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.carrossel-trilho{list-style:none;margin:0;padding:0;display:flex;width:max-content;animation:desliza 80s linear infinite}
.carrossel:hover .carrossel-trilho,.carrossel:focus-within .carrossel-trilho{animation-play-state:paused}
.carrossel-trilho li{flex:0 0 auto;width:190px;height:64px;margin:0 28px;display:flex;align-items:center;justify-content:center}
.carrossel-trilho img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;opacity:.62;transition:opacity .3s,transform .3s}
.carrossel-trilho li:hover img{opacity:1;transform:scale(1.04)}
.carrossel-trilho img[src*="jhsf"]{max-height:62%}
.carrossel-trilho img[src*="itau-power"]{max-height:100%;max-width:100%}
@keyframes desliza{to{transform:translateX(-50%)}}
@media (max-width:600px){.carrossel-trilho li{width:140px;height:50px;margin:0 18px}.carrossel-trilho{animation-duration:62s}}
@media (prefers-reduced-motion:reduce){
  .carrossel{-webkit-mask-image:none;mask-image:none}
  .carrossel-trilho{width:auto;flex-wrap:wrap;justify-content:center;row-gap:20px}
  .carrossel-trilho li[aria-hidden="true"]{display:none}
}

/* seções */
.sec{padding:110px 0}
@media (max-width:700px){.sec{padding:76px 0}}
.claro{background:var(--claro);color:var(--txt-cl)}
.sec-head{max-width:720px;margin-bottom:56px}
.sec-head > p:last-child:not(.eyebrow){color:var(--txt-esc-2);font-size:18px;margin-top:16px}
.claro .sec-head > p:last-child:not(.eyebrow){color:var(--txt-cl-2)}

/* passos */
.passos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:p}
.passos li{position:relative;background:var(--claro-2);border:1px solid var(--linha-cl);border-radius:var(--raio);padding:28px 24px 30px;transition:transform .25s,box-shadow .25s}
.passos li:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(11,18,32,.35)}
.passos li:not(:last-child)::after{content:"";position:absolute;top:56px;right:-21px;width:22px;height:2px;background:linear-gradient(90deg,var(--ciano),var(--magenta))}
.passo-n{font:700 13px/1 var(--fonte-tit);color:#8A97AA;letter-spacing:.08em}
.passos svg{width:46px;height:46px;margin:18px 0 18px;fill:none;stroke:#00A3B8;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.passos p{color:var(--txt-cl-2);font-size:15px;margin-top:10px}
@media (max-width:960px){.passos{grid-template-columns:repeat(2,1fr)}.passos li::after{display:none}}
@media (max-width:560px){.passos{grid-template-columns:1fr}}

/* segmentos */
.segs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.seg{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;border-radius:var(--raio);overflow:hidden;text-decoration:none;isolation:isolate;border:1px solid var(--linha-esc);background:var(--tinta-2)}
.seg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.seg::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,11,20,.05) 25%,rgba(7,11,20,.92) 72%)}
.seg:hover img{transform:scale(1.06)}
.seg-txt{padding:24px}
.seg-txt p{color:#C3CEDC;font-size:15px;margin-top:10px}
.seg-link{display:inline-flex;gap:6px;margin-top:18px;font-weight:600;font-size:14px;color:var(--ciano)}
.seg-link b{transition:transform .2s}
.seg:hover .seg-link b{transform:translateX(4px)}
.seg-ph{position:absolute;inset:0;z-index:-2;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(241,0,199,.25),transparent 60%),var(--tinta-3)}
.seg-ph svg{width:96px;height:96px;fill:none;stroke:rgba(255,255,255,.35);stroke-width:2;stroke-linejoin:round;margin-bottom:120px}
@media (max-width:1060px){.segs{grid-template-columns:repeat(2,1fr)}.seg{min-height:380px}}
@media (max-width:560px){.segs{grid-template-columns:1fr}.seg{min-height:340px}}

/* plataforma */
.plataforma{background:linear-gradient(180deg,var(--tinta),var(--tinta-2))}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.tabs button{font:600 15px/1 var(--fonte);color:var(--txt-esc-2);background:transparent;border:1px solid var(--linha-esc);border-radius:999px;padding:12px 20px;cursor:pointer;transition:all .2s}
.tabs button:hover{color:var(--txt-esc);border-color:rgba(255,255,255,.3)}
.tabs button[aria-selected="true"]{color:#001318;background:var(--ciano);border-color:var(--ciano)}
@media (max-width:600px){.tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 24px;padding:0 16px 4px;scrollbar-width:none}.tabs button{flex:0 0 auto}}
.painel{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--tinta-3);border:1px solid var(--linha-esc);border-radius:22px;overflow:hidden;min-height:380px;animation:entra .35s ease}
.painel[hidden]{display:none}
.painel-txt{padding:44px}
.painel-txt > p{color:var(--txt-esc-2);margin-top:12px;font-size:17px}
.painel img{width:100%;height:100%;object-fit:cover;min-height:280px}
.chk{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.chk li{position:relative;padding-left:30px}
.chk li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:rgba(1,234,255,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301EAFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
@media (max-width:860px){.painel{grid-template-columns:1fr}.painel img{order:-1;max-height:260px}.painel-txt{padding:28px 24px}}
@keyframes entra{from{opacity:0;transform:translateY(8px)}}

/* mapa de calor */
.calor-head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:40px}
.calor-head .lead-sm{margin:0}
.calor-mapa{margin:0;background:#fff;border:1px solid var(--linha-cl);border-radius:22px;padding:22px;box-shadow:0 30px 60px -34px rgba(11,18,32,.45)}
.calor-mapa img{width:100%;height:auto;border-radius:10px}
.calor-mapa figcaption{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:13px;color:var(--txt-cl-2)}
.escala{display:flex;align-items:center;gap:8px}
.escala i{display:block;width:90px;height:8px;border-radius:8px;background:linear-gradient(90deg,#C9D82B,#D8A21C,#D46A16,#C8101B)}
.decisoes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
@media (max-width:860px){.calor-head{grid-template-columns:1fr;gap:16px}.decisoes{grid-template-columns:1fr}.calor-mapa{padding:10px;border-radius:16px}}
.decisoes div{background:var(--claro-2);border:1px solid var(--linha-cl);border-left:3px solid var(--ciano);border-radius:12px;padding:18px 20px}
.decisoes div:nth-child(2){border-left-color:var(--magenta)}
.decisoes div:nth-child(3){border-left-color:#7C5CFF}
.decisoes p{color:var(--txt-cl-2);font-size:15px;margin-top:6px}

/* selos de tecnologia */
.tech{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.tech li{display:flex;align-items:center;gap:12px;background:var(--tinta-2);border:1px solid var(--linha-esc);border-radius:14px;padding:10px 16px 10px 12px}
.tech svg{width:30px;height:30px}
.tech span{font:600 15px/1.2 var(--fonte-tit);color:var(--txt-esc)}
.tech small{display:block;font:500 11px/1.2 var(--fonte);color:var(--txt-esc-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
.tech-azure svg,.ic-azure{fill:#0078D4}
.tech-pbi svg rect,.ic-pbi rect{fill:#F2C811}
.tech-pbi svg rect:first-child,.ic-pbi rect:first-child{fill:#E8A400}
.hero-tech{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:30px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-esc-2)}
.hero-tech span{display:inline-flex;align-items:center;gap:7px;font:600 14px/1 var(--fonte);letter-spacing:0;text-transform:none;color:var(--txt-esc)}
.hero-tech svg{width:20px;height:20px}
.rodape .rodape-tech{font-size:13px;color:#7D8AA0;margin-top:10px}

/* telas reais do dashboard */
.tela{background:var(--tinta-2);border:1px solid var(--linha-esc);border-radius:22px;padding:14px;box-shadow:var(--sombra)}
.tela-top{display:flex;align-items:center;gap:7px;padding:4px 6px 14px;font-size:13px;color:var(--txt-esc-2)}
.tela-top .dot{width:10px;height:10px;border-radius:50%;background:#2A3448}
.tela-top b{margin-left:10px;color:var(--txt-esc);font-weight:600}
.tela-top em{margin-left:auto;font-style:normal;display:inline-flex;align-items:center;gap:6px}
.tela-top em::before{content:"";width:8px;height:8px;border-radius:50%;background:#F2C811}
.tabs-dash{margin:0 4px 14px}
.tabs-dash button{padding:9px 16px;font-size:14px}
.tela-img{background:#EDEFF2;border-radius:12px;overflow:hidden;animation:entra .35s ease}
.tela-img[hidden]{display:none}
.tela-img img{width:100%;height:auto}
.tela-nota{font-size:13px;color:var(--txt-esc-2);margin-top:14px;text-align:right}
@media (max-width:600px){.tela{padding:8px;border-radius:16px}.tela-top b{font-size:12px}.tabs-dash{margin:0 0 10px;padding:0 8px 4px}.tela-nota{text-align:left}}

/* dashboard (antigo, ilustrativo) */
.dash{background:var(--tinta-2);border:1px solid var(--linha-esc);border-radius:22px;padding:18px;box-shadow:var(--sombra)}
.dash-top{display:flex;align-items:center;gap:7px;padding:4px 6px 16px;font-size:13px;color:var(--txt-esc-2)}
.dash-top .dot{width:10px;height:10px;border-radius:50%;background:#2A3448}
.dash-top b{margin-left:10px;color:var(--txt-esc);font-weight:600}
.dash-top em{margin-left:auto;font-style:normal}
.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dash-kpis div{background:var(--tinta-3);border:1px solid var(--linha-esc);border-radius:14px;padding:18px}
.dash-kpis span{display:block;font-size:13px;color:var(--txt-esc-2)}
.dash-kpis strong{display:block;font:700 30px/1.2 var(--fonte-tit);margin-top:6px;font-variant-numeric:tabular-nums}
.dash-kpis small{display:block;font-size:12px;color:var(--txt-esc-2);margin-top:4px}
.dash-kpis small.up{color:#3DDC97}
.dash-kpis small.warn{color:#FFB547}
.dash-chart{position:relative;background:var(--tinta-3);border:1px solid var(--linha-esc);border-radius:14px;padding:18px;margin-top:12px}
.dash-label{font-size:13px;color:var(--txt-esc-2)}
.dash-chart svg{width:100%;height:180px;display:block;margin-top:10px}
.dash-line{stroke-dasharray:1200;stroke-dashoffset:1200}
.dash.visivel .dash-line{animation:desenha 2.2s ease forwards}
.dash-leg{display:flex;gap:20px;font-size:13px;color:var(--txt-esc-2)}
.dash-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
@keyframes desenha{to{stroke-dashoffset:0}}
@media (max-width:860px){.dash-kpis{grid-template-columns:repeat(2,1fr)}.dash-kpis strong{font-size:24px}}

/* case */
.case{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.case-num{background:linear-gradient(140deg,#071A2A,#1B0A2A);color:#fff;border-radius:24px;padding:56px 40px;text-align:center;box-shadow:0 30px 60px -30px rgba(11,18,32,.6)}
.case-num strong{display:block;font:700 clamp(64px,9vw,110px)/1 var(--fonte-tit)}
.case-num strong{background:linear-gradient(90deg,var(--ciano),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}
.case-num span{display:block;margin-top:14px;color:#C3CEDC;font-size:17px}
.case-txt > p:not(.eyebrow){color:var(--txt-cl-2);font-size:18px;margin-top:18px}
@media (max-width:860px){.case{grid-template-columns:1fr;gap:36px}.case-num{padding:40px 24px}}

/* lgpd */
.lgpd{background:radial-gradient(900px 500px at 50% 0%,rgba(1,234,255,.09),transparent 70%),var(--tinta)}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.trio div{background:var(--tinta-2);border:1px solid var(--linha-esc);border-radius:var(--raio);padding:30px}
.trio svg{width:44px;height:44px;fill:none;stroke:var(--ciano);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px}
.trio p{color:var(--txt-esc-2);margin-top:10px;font-size:15px}
@media (max-width:860px){.trio{grid-template-columns:1fr}}
.integra{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:44px;padding-top:28px;border-top:1px solid var(--linha-esc)}
.integra > span{font-size:14px;color:var(--txt-esc-2)}
.integra ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.integra li{font-size:14px;font-weight:500;padding:8px 14px;border-radius:999px;background:var(--tinta-3);border:1px solid var(--linha-esc)}

/* sobre */
.sobre{padding:90px 0}
.sobre-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end}
.sobre .lead-sm{margin:0}
@media (max-width:860px){.sobre-in{grid-template-columns:1fr;gap:20px}}

/* contato */
.contato{background:radial-gradient(700px 500px at 0% 100%,rgba(241,0,199,.12),transparent 60%),radial-gradient(700px 500px at 100% 0%,rgba(1,234,255,.10),transparent 60%),var(--tinta)}
.contato-in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.contato-lista{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:14px}
.contato-lista li{display:flex;align-items:center;gap:12px;color:var(--txt-esc-2)}
.contato-lista a{color:var(--txt-esc);text-decoration:none;font-weight:500}
.contato-lista a:hover{color:var(--ciano)}
.contato-lista svg{width:22px;height:22px;fill:none;stroke:var(--ciano);stroke-width:2;flex:0 0 22px}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--tinta-2);border:1px solid var(--linha-esc);border-radius:22px;padding:30px;box-shadow:var(--sombra)}
.campo{display:flex;flex-direction:column;gap:7px}
.campo-full{grid-column:1/-1}
.campo label{font-size:14px;font-weight:500;color:var(--txt-esc)}
.campo small{color:var(--txt-esc-2);font-weight:400}
.campo input,.campo select,.campo textarea{font:inherit;font-size:16px;color:var(--txt-esc);background:var(--tinta-3);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:13px 14px;transition:border-color .2s,box-shadow .2s;width:100%}
.campo textarea{resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--ciano);box-shadow:0 0 0 3px rgba(1,234,255,.18)}
.campo .erro{border-color:#FF5A6E}
.form button{margin-top:6px}
.form-ok{grid-column:1/-1;font-size:14px;color:#3DDC97;background:rgba(61,220,151,.08);border:1px solid rgba(61,220,151,.3);border-radius:12px;padding:12px 14px}
@media (max-width:900px){.contato-in{grid-template-columns:1fr;gap:40px}}
@media (max-width:520px){.form{grid-template-columns:1fr;padding:22px}}

/* rodapé */
.rodape{background:#04070D;border-top:1px solid var(--linha-esc);padding:64px 0 84px;font-size:15px}
.rodape-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.rodape img{height:44px;width:auto}
.rodape p{color:var(--txt-esc-2);margin-top:14px;max-width:260px}
.rodape h3{font:600 14px/1 var(--fonte);color:var(--txt-esc);margin-bottom:14px}
.rodape nav,.rodape-in > div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.rodape a{color:var(--txt-esc-2);text-decoration:none}
.rodape a:hover{color:var(--ciano)}
.rodape-fim{margin-top:48px;padding-top:22px;border-top:1px solid var(--linha-esc);color:#6B788C;font-size:13px}
@media (max-width:800px){.rodape-in{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.rodape-in{grid-template-columns:1fr}}

/* aviso de cookies */
.cookies{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:70;width:min(760px,calc(100% - 32px));display:flex;align-items:center;gap:20px;background:rgba(13,20,34,.97);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px 20px;box-shadow:0 20px 50px -20px rgba(0,0,0,.8)}
.cookies[hidden]{display:none}
.cookies strong{font:600 15px/1.3 var(--fonte-tit)}
.cookies p{font-size:14px;color:var(--txt-esc-2);margin-top:4px}
.cookies a{color:var(--ciano)}
.cookies-btns{display:flex;gap:10px;flex:0 0 auto}
.com-aviso .proto{display:none}
@media (max-width:640px){.cookies{flex-direction:column;align-items:stretch;gap:14px;bottom:8px;width:calc(100% - 16px);padding:16px}.cookies-btns .btn{flex:1}}
.rodape-fim{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.link-cookies{background:none;border:0;padding:0;font:inherit;color:#8A97AA;text-decoration:underline;cursor:pointer}
.link-cookies:hover{color:var(--ciano)}

/* revelar ao rolar */
.revela{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.revela.visivel{opacity:1;transform:none}

/* marcador de protótipo */
.proto{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:12px;background:rgba(13,20,34,.92);backdrop-filter:blur(10px);border:1px solid rgba(241,0,199,.5);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--txt-esc)}
.proto span{font-weight:700;color:var(--magenta)}
.proto label{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--txt-esc-2)}
@media (max-width:600px){.proto{left:8px;bottom:8px;padding:6px 10px;font-size:12px;gap:8px}}
.mostra-pend .pendente{outline:2px dashed var(--magenta);outline-offset:6px;position:relative}
.mostra-pend .pendente::after{content:attr(data-pend);position:absolute;left:0;top:-14px;transform:translateY(-100%);background:var(--magenta);color:#fff;font:600 12px/1.3 var(--fonte);padding:6px 10px;border-radius:8px;z-index:5;max-width:280px;white-space:normal;pointer-events:none}
.mostra-pend .seg.pendente::after{top:12px;left:12px;transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .revela{opacity:1;transform:none}
  .dash-line{stroke-dashoffset:0}
}

/* =====================================================================
   TEMA CLARO — ajustes de componentes (5/nov/2026)
   Mais leve: fundos brancos e cinza-azulados, sombras suaves,
   títulos com peso menor e texto com mais respiro.
   ===================================================================== */
body{font-weight:400;line-height:1.7;color:var(--txt-esc)}
h1,h2,h3{letter-spacing:-.015em;color:#14202F}
h2{font-weight:600;line-height:1.2}
h3{font-weight:600}
.hero h1{font-weight:600;line-height:1.1}
.eyebrow,.claro .eyebrow{color:var(--ciano-txt);font-weight:600;letter-spacing:.12em}
.grad{background-image:linear-gradient(90deg,#00A9C8,#C81AA6);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead,.lead-sm,.sec-head > p:last-child:not(.eyebrow){color:var(--txt-esc-2);font-weight:400}

/* botões */
.btn{font-weight:600}
.btn-pri{background:linear-gradient(90deg,#14D8F2,#5EE6F7);color:#06303A;box-shadow:0 8px 22px -10px rgba(0,170,200,.55)}
.btn-pri:hover{box-shadow:0 12px 28px -10px rgba(0,170,200,.65)}
.btn-ghost{color:var(--txt-esc);border-color:#CBD5E1;background:#fff}
.btn-ghost:hover{border-color:var(--ciano-txt);color:var(--ciano-txt)}
.menu .menu-cta{color:#06303A}

/* topo */
.topo.solido{background:rgba(255,255,255,.88);border-color:var(--linha-esc)}
.menu a{color:#475467}
.menu a:hover{color:#14202F}

/* hero: fundo claro com brilho suave da marca */
.hero-bg{background:
  radial-gradient(900px 520px at 88% 10%,rgba(1,234,255,.16),transparent 62%),
  radial-gradient(700px 480px at 0% 100%,rgba(241,0,199,.08),transparent 60%),
  linear-gradient(180deg,#F7FBFD,#FFFFFF)}
.hero-bg::after{background-image:linear-gradient(rgba(20,32,47,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,32,47,.045) 1px,transparent 1px)}
.hero-stats li{border-left-color:#7FE9F7}
.hero-stats li:nth-child(2){border-left-color:#F3A6E2}
.hero-stats strong{font-weight:600;color:#14202F}

/* câmera do hero: continua escura, como uma tela de monitoramento */
.feed{background:#0F1724;border-color:#0F1724;box-shadow:0 30px 60px -30px rgba(15,23,36,.45)}
.feed-top{color:#A9B6C8}
.feed-badge,.feed-heat{background:rgba(10,16,26,.78);border-color:rgba(255,255,255,.12)}
.feed-badge span,.feed-heat{color:#A9B6C8}
.feed-badge strong{color:var(--ciano)}
.feed-heat b{color:#F1F5F9}
.feed figcaption{color:#8492A6}

/* clientes: logos em cinza */
.clientes{background:#F6F8FB;border-color:var(--linha-esc)}
.carrossel-trilho img{filter:brightness(0);opacity:.42}
.carrossel-trilho li:hover img{opacity:.8}

/* seções alternadas */
.sec{background:#fff}
.sec.claro,.claro{background:var(--claro)}
.plataforma,.lgpd,.contato{background:#fff}
.lgpd{background:radial-gradient(900px 420px at 50% 0%,rgba(1,234,255,.07),transparent 70%),#fff}
.contato{background:radial-gradient(700px 460px at 0% 100%,rgba(241,0,199,.06),transparent 60%),radial-gradient(700px 460px at 100% 0%,rgba(1,234,255,.08),transparent 60%),var(--claro)}

/* passos */
.passos li{border-color:var(--linha-esc);box-shadow:none}
.passos li:hover{box-shadow:var(--sombra)}
.passos svg{stroke:var(--ciano-txt);stroke-width:2}

/* segmentos: foto em cima, texto embaixo em cartão branco */
.seg{min-height:0;justify-content:flex-start;background:#fff;border:1px solid var(--linha-esc);box-shadow:none;transition:box-shadow .3s,transform .3s}
.seg:hover{box-shadow:var(--sombra);transform:translateY(-3px)}
.seg::before{display:none}
.seg img{position:static;height:210px;width:100%;object-fit:cover;z-index:auto}
.seg:hover img{transform:none}
.seg-txt{padding:22px 22px 24px}
.seg-txt h3{color:#14202F}
.seg-txt p{color:var(--txt-esc-2)}
.seg-link{color:var(--ciano-txt)}
.seg-ph{position:static;height:210px;background:linear-gradient(135deg,#E9FBFE,#FCEAF7);z-index:auto}
.seg-ph svg{stroke:#9AA8BB;margin:0}
@media (max-width:1060px){.seg{min-height:0}}
@media (max-width:560px){.seg{min-height:0}.seg img,.seg-ph{height:190px}}

/* plataforma */
.tabs button{color:#475467;border-color:#D7DEE8;background:#fff}
.tabs button:hover{color:#14202F;border-color:#AEBBCB}
.tabs button[aria-selected="true"]{background:#E3FAFD;border-color:#7FE3F2;color:#056A7C}
.painel{background:#fff;border-color:var(--linha-esc);box-shadow:var(--sombra)}
.chk li::before{background-color:rgba(0,148,176,.1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230094B0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E")}

/* mapa de calor e dashboard */
.calor-mapa{box-shadow:var(--sombra)}
.decisoes div{border-color:var(--linha-esc)}
.decisoes div:nth-child(1){border-left-color:#22C7E0}
.decisoes div:nth-child(2){border-left-color:#E45BC6}
.tela{background:#fff;border-color:var(--linha-esc)}
.tela-top .dot{background:#DCE3EC}
.tela-top b{color:#14202F}
.tech li{background:#fff;border-color:var(--linha-esc)}
.tech span{color:#14202F;font-weight:600}

/* case: cartão claro com número em degradê */
.case-num{background:linear-gradient(140deg,#E7FAFD,#FBEAF6);box-shadow:none;border:1px solid var(--linha-esc)}
.case-num strong{background:linear-gradient(90deg,#00A9C8,#C81AA6);-webkit-background-clip:text;background-clip:text;font-weight:600}
.case-num span{color:var(--txt-esc-2)}

/* LGPD */
.trio div{background:#fff;border-color:var(--linha-esc)}
.trio svg{stroke:var(--ciano-txt);stroke-width:2}
.integra li{background:#F3F6FA;border-color:var(--linha-esc);color:#344054}

/* contato */
.contato-lista svg{stroke:var(--ciano-txt)}
.contato-lista a:hover{color:var(--ciano-txt)}
.form{background:#fff;border-color:var(--linha-esc)}
.campo label{color:#344054}
.campo input,.campo select,.campo textarea{background:#fff;border-color:#D0D8E2;color:#14202F}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:#22C7E0;box-shadow:0 0 0 3px rgba(34,199,224,.18)}
.form-ok{color:#067647;background:#ECFDF3;border-color:#ABEFC6}

/* rodapé claro */
.rodape{background:#F3F6FA;border-color:var(--linha-esc)}
.rodape h3{color:#14202F}
.rodape a,.rodape p{color:var(--txt-esc-2)}
.rodape a:hover{color:var(--ciano-txt)}
.rodape-fim{color:#8A94A6;border-color:var(--linha-esc)}

/* aviso de cookies e selo de protótipo */
.cookies{background:#fff;border-color:var(--linha-esc);box-shadow:0 20px 50px -20px rgba(30,42,59,.35)}
.cookies strong{color:#14202F}
.cookies p{color:var(--txt-esc-2)}
.cookies a{color:var(--ciano-txt)}
.proto{background:rgba(255,255,255,.95);color:#344054;box-shadow:0 8px 24px -12px rgba(30,42,59,.3)}
.proto label{color:#475467}
.proto span{color:#C81AA6}

/* menu do celular */
@media (max-width:960px){
  .menu{background:#fff}
  .menu a{color:#14202F}
}

/* =====================================================================
   PÁGINAS INTERNAS (segmentos, plataforma, sobre...) — 5/nov/2026
   ===================================================================== */
.pg-hero{position:relative;padding:130px 0 70px;overflow:hidden}
.pg-hero-in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.pg-hero h1{font-size:clamp(34px,4.4vw,54px);font-weight:600;line-height:1.12}
.crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--txt-esc-2);margin-bottom:22px}
.crumb a{color:var(--txt-esc-2);text-decoration:none}
.crumb a:hover{color:var(--ciano-txt)}
.crumb [aria-current]{color:#14202F;font-weight:500}
.pg-hero-img{position:relative;margin:0}
.pg-hero-img img{width:100%;border-radius:24px;box-shadow:var(--sombra);aspect-ratio:4/3;object-fit:cover}
.chip{position:absolute;background:#fff;border:1px solid var(--linha-esc);border-radius:14px;padding:10px 14px;font-size:13px;color:var(--txt-esc-2);box-shadow:0 14px 30px -18px rgba(30,42,59,.35)}
.chip b{display:block;font:600 20px/1.1 var(--fonte-tit);color:#14202F}
.chip-a{left:-18px;bottom:28px}
.chip-b{right:-14px;top:24px}
.chip-b b{color:#C81AA6}
@media (max-width:960px){.pg-hero{padding:110px 0 56px}.pg-hero-in{grid-template-columns:1fr;gap:40px}.chip-a{left:10px}.chip-b{right:10px}}

/* problema x solução */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.duo-item{background:#fff;border:1px solid var(--linha-esc);border-radius:var(--raio);padding:32px}
.duo-item p{color:var(--txt-esc-2);margin-top:12px}
.duo-destaque{background:linear-gradient(140deg,#E9FBFE,#FCEFF8);border-color:#CDEFF5}
.h3g{font-size:clamp(22px,2.4vw,28px)}
.eyebrow-cinza{color:#8A94A6!important}
.duo-img{display:grid;grid-template-columns:1fr;gap:18px;padding:0;overflow:hidden}
.duo-img img{width:100%;height:200px;object-fit:cover}
.duo-img > div{padding:0 28px 28px}
.nota{font-size:13px;color:#8A94A6!important}
.lista-alerta{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px}
.lista-alerta li{color:var(--txt-esc-2);padding-left:16px;border-left:3px solid #7FE3F2}
.lista-alerta b{display:block;color:#14202F;font-weight:600}
@media (max-width:860px){.duo{grid-template-columns:1fr}}

/* pilares */
.pilares{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pilares article{background:#fff;border:1px solid var(--linha-esc);border-radius:var(--raio);padding:28px;transition:box-shadow .3s,transform .3s}
.pilares article:hover{box-shadow:var(--sombra);transform:translateY(-3px)}
.pilares p{color:var(--txt-esc-2);font-size:15px;margin-top:8px}
.pil-ic{width:42px;height:42px;padding:9px;border-radius:12px;background:#E6FAFD;fill:none;stroke:var(--ciano-txt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}
.pilares article:nth-child(even) .pil-ic{background:#FCEAF7;stroke:#C81AA6}
@media (max-width:960px){.pilares{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pilares{grid-template-columns:1fr}}

/* texto + imagem */
.feature{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.feature-inv .feature-img{order:-1}
.feature-img{margin:0}
.feature-img img{width:100%;border-radius:20px;box-shadow:var(--sombra)}
.tela-mini{background:#fff;border:1px solid var(--linha-esc);border-radius:20px;padding:12px;box-shadow:var(--sombra)}
.tela-mini img{box-shadow:none;border-radius:10px}
.tela-mini figcaption,.feature-img figcaption{font-size:12px;color:#8A94A6;margin-top:10px;text-align:right}
@media (max-width:900px){.feature{grid-template-columns:1fr;gap:32px}.feature-inv .feature-img{order:0}}

/* funil da loja */
.funil{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.funil li{position:relative;background:#fff;border:1px solid var(--linha-esc);border-radius:16px;padding:22px 18px}
.funil span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#E6FAFD;color:#056A7C;font-weight:700;font-size:14px;margin-bottom:12px}
.funil h3{font-size:16px}
.funil p{font-size:14px;color:var(--txt-esc-2);margin-top:6px}
.aviso-box{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:center;margin-top:28px;background:var(--claro);border:1px solid var(--linha-esc);border-radius:var(--raio);padding:30px 32px}
.aviso-box p{color:var(--txt-esc-2);margin-top:10px}
.aviso-box .chk{margin:0}
@media (max-width:960px){.funil{grid-template-columns:repeat(2,1fr)}.aviso-box{grid-template-columns:1fr}}
@media (max-width:480px){.funil{grid-template-columns:1fr}}

/* benefícios por área */
.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.areas div{background:#fff;border:1px solid var(--linha-esc);border-radius:16px;padding:24px;border-top:3px solid #7FE3F2}
.areas div:nth-child(even){border-top-color:#F3A6E2}
.areas p{color:var(--txt-esc-2);font-size:15px;margin-top:6px}
@media (max-width:860px){.areas{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.areas{grid-template-columns:1fr}}

.nota-centro{text-align:center;color:var(--txt-esc-2);font-size:14px;margin-top:28px}

/* perguntas frequentes */
.faq-in{max-width:880px}
.faq{display:grid;gap:12px}
.faq details{background:#fff;border:1px solid var(--linha-esc);border-radius:14px;padding:0 22px}
.faq summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;font-weight:600;color:#14202F;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:14px;font-size:22px;color:var(--ciano-txt);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--txt-esc-2);padding-bottom:18px}

/* páginas internas — complementos (varejo, indústria, educação) */
.pilares-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.pilares-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.pilares-4{grid-template-columns:1fr}}
.linha-tempo{list-style:none;padding:0;margin:26px 0 0;border-left:2px solid #CDEFF5}
.linha-tempo li{position:relative;padding:0 0 16px 22px;color:var(--txt-esc-2)}
.linha-tempo li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:#22C7E0;border:2px solid #fff}
.linha-tempo b{display:inline-block;min-width:96px;color:#14202F;font-weight:600}
.linha-tempo .lt-alerta{color:#B42318}
.linha-tempo .lt-alerta::before{background:#F04438}
.faixa-img{margin:36px 0 0}
.faixa-img img{width:100%;max-height:380px;object-fit:cover;border-radius:20px}
.integra-claro{border-top:0;margin-top:0;padding-top:0}
/* imagens com width/height no HTML: deixar o CSS definir a proporção */
.pg-hero-img img,.feature-img img,.faixa-img img,.duo-img img{height:auto}
.pg-hero-img img{aspect-ratio:4/3;object-fit:cover}
.faixa-img img{height:380px}
.duo-img img{height:200px}

/* páginas institucionais — 5/nov/2026 */
.pg-hero-curto{padding:130px 0 56px}
.pg-hero-curto .wrap{position:relative;max-width:900px;margin-left:max(24px,calc((100vw - 1200px)/2 + 24px));margin-right:auto}
.pg-hero-curto h1{max-width:820px}
@media (max-width:600px){.pg-hero-curto{padding:110px 0 40px}.pg-hero-curto .wrap{margin-left:0}}
.sec-curta{padding:20px 0 70px}
.chk-x li::before{background:rgba(240,68,56,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F04438' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E") center/11px no-repeat}
.passos-3{grid-template-columns:repeat(3,1fr)}
.passos-3 li:not(:last-child)::after{display:none}
@media (max-width:860px){.passos-3{grid-template-columns:1fr}}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.case-card{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--linha-esc);border-radius:var(--raio);padding:22px}
.case-card img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:0 0 84px}
.case-card p{color:var(--txt-esc-2);font-size:14px;margin-top:6px}
.tag{display:inline-block;font-size:12px;font-weight:600;color:#056A7C;background:#E6FAFD;border-radius:999px;padding:3px 10px;margin-bottom:8px}
@media (max-width:1000px){.cases-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.cases-grid{grid-template-columns:1fr}}
.chamada{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:linear-gradient(140deg,#E9FBFE,#FCEFF8);border:1px solid #CDEFF5;border-radius:24px;padding:36px 40px}
.chamada .lead-sm{margin-top:8px}
.logo-grade{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.logo-grade li{display:flex;align-items:center;justify-content:center;height:110px;background:#fff;border:1px solid var(--linha-esc);border-radius:16px;padding:20px 26px}
.logo-grade img{max-width:100%;max-height:56px;width:auto;height:auto;filter:brightness(0);opacity:.55;transition:opacity .2s}
.logo-grade li:hover img{opacity:.85}
@media (max-width:860px){.logo-grade{grid-template-columns:repeat(2,1fr)}}
.texto-pendente{margin-top:20px;border:1px dashed #D0D8E2;border-radius:16px;padding:22px;color:#8A94A6;text-align:center;font-size:14px}
.links-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.links-seg a{display:block;text-decoration:none;background:#fff;border:1px solid var(--linha-esc);border-radius:16px;padding:22px;transition:box-shadow .25s,transform .25s}
.links-seg a:hover{box-shadow:var(--sombra);transform:translateY(-3px)}
.links-seg b{display:block;color:#14202F;font-weight:600}
.links-seg span{display:block;color:var(--txt-esc-2);font-size:14px;margin-top:6px}
@media (max-width:860px){.links-seg{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.links-seg{grid-template-columns:1fr}}
.texto-legal{max-width:820px}
.texto-legal h2{font-size:24px;margin:40px 0 14px}
.texto-legal h2:first-child{margin-top:0}
.texto-legal p{color:var(--txt-esc-2);margin-top:10px}
.texto-legal .chk{margin-top:14px}
.texto-legal .chk li{color:var(--txt-esc-2)}
.texto-legal b{color:#14202F}
.texto-legal a,.link-inline{color:var(--ciano-txt)}
.link-inline{background:none;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer}
.mais-link{margin-top:18px}
.mais-link a{color:var(--ciano-txt);font-weight:600;text-decoration:none}
.mais-link a:hover{text-decoration:underline}

/* formulário: campo-isca anti-spam, avisos e páginas simples */
.campo-isca{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form{position:relative}
.form-aviso{font-size:12px;color:#8A94A6;margin:-4px 0 0}
.form-aviso a{color:#8A94A6}
.form-erro{grid-column:1/-1;font-size:14px;color:#B42318;background:#FEF3F2;border:1px solid #FECDCA;border-radius:12px;padding:12px 14px}
.form button[disabled]{opacity:.65;cursor:progress}
.pg-simples{min-height:70vh;display:flex;align-items:center}

/* logos oficiais Microsoft (Azure e Power BI) */
.tech-logos li{padding:12px 20px;height:78px;display:flex;align-items:center}
.tech-logos img{height:46px;width:auto;max-width:180px;object-fit:contain}
.hero-tech img{height:26px;width:auto;object-fit:contain}
.hero-tech .ht-pbi{height:34px}
.tech-logos img[src*="powerbi"]{height:34px;max-width:220px}
.hero-tech .ht-pbi{height:24px}
.hero-tech .ht-azure{height:26px}
.tech-logos img[src*="powerbi"]{height:46px;max-width:260px}
.hero-tech .ht-pbi{height:30px}